pointhalo 34e404c2ef v2.32.1-alpha.2 %!s(int64=2) %!d(string=hai) anos
..
_portal 3d150d1b7f fix: remove fit-content with max-content to match chromium breakchange in 104. (#1032) %!s(int64=3) %!d(string=hai) anos
anchor 75a6baf18a fix: replace animation token with none token (#1259) %!s(int64=3) %!d(string=hai) anos
autoComplete 1ed01d9df9 fix: add vertical-align top to fix wrong height (#1508) %!s(int64=2) %!d(string=hai) anos
avatar bd83d1f9cd chore: format code %!s(int64=3) %!d(string=hai) anos
backtop bd83d1f9cd chore: format code %!s(int64=3) %!d(string=hai) anos
badge 1b9c2f04c2 chore: replace divide operator to math.div (#1130) %!s(int64=3) %!d(string=hai) anos
banner bd83d1f9cd chore: format code %!s(int64=3) %!d(string=hai) anos
base d52979c0c4 fix: [layout] Fix layout mount sider class delay (#1384) %!s(int64=3) %!d(string=hai) anos
breadcrumb ce3ecd85c7 chore:changeTokenName %!s(int64=3) %!d(string=hai) anos
button b56708e521 fix: add animation-fill-mode: forwards to all animation (#1270) %!s(int64=3) %!d(string=hai) anos
calendar bd83d1f9cd chore: format code %!s(int64=3) %!d(string=hai) anos
card dab2c08959 feat: chore backup %!s(int64=3) %!d(string=hai) anos
carousel 58bb122d0b fix: props children update carousel did no rerender and ref.play should have the highest priority (#1495) %!s(int64=2) %!d(string=hai) anos
cascader 2cd5b7cd6d feat: add onSearch & onRemove method for triggerRender of select、treeSelect、cascader(#1516) %!s(int64=2) %!d(string=hai) anos
checkbox 75a6baf18a fix: replace animation token with none token (#1259) %!s(int64=3) %!d(string=hai) anos
collapse d865d8d03a fix: change motion type to boolean %!s(int64=3) %!d(string=hai) anos
collapsible 75a6baf18a fix: replace animation token with none token (#1259) %!s(int64=3) %!d(string=hai) anos
datePicker 6624f4d0c9 Merge branch release into main %!s(int64=2) %!d(string=hai) anos
descriptions ce3ecd85c7 chore:changeTokenName %!s(int64=3) %!d(string=hai) anos
divider 24163ca972 chore: main merge release %!s(int64=3) %!d(string=hai) anos
dropdown 739a1fe0a4 feat: Dropdown item 新增 showTick 和 hover 属性 (#1372) %!s(int64=3) %!d(string=hai) anos
empty f76bd5879d feat: init %!s(int64=4) %!d(string=hai) anos
form ae8e4748d7 feat: Form.InputGroup support extraText、extraTextPosition, #1313 (#1407) %!s(int64=3) %!d(string=hai) anos
grid 925a0d54fb fix: Grid span = 0 not work when responsive (#1345) %!s(int64=3) %!d(string=hai) anos
highlight 868686ed9f style: update highlight, add global token %!s(int64=3) %!d(string=hai) anos
icons 626c4b9f9e Feat/support next (#245) %!s(int64=4) %!d(string=hai) anos
image d2d4e206cc fix: [ImagePreview] Fix the ratio of the new picture is incorrect after switching the ratio state of the preview picture and switching the picture (#1496) %!s(int64=2) %!d(string=hai) anos
input eb4ee54179 fix: The non-last child select under the input group has an unexpected scroll bar , close #1395 (#1400) %!s(int64=3) %!d(string=hai) anos
inputNumber 97ab433219 Fix/input ref (#1294) %!s(int64=3) %!d(string=hai) anos
keyframes d159394f03 feat: spin js2css %!s(int64=3) %!d(string=hai) anos
layout f76bd5879d feat: init %!s(int64=4) %!d(string=hai) anos
list 2a990d4ecd fix: change list empty padding token position %!s(int64=3) %!d(string=hai) anos
modal 25622bbb65 feat: modal add fullscrren top token && sidesheet add header border and size token %!s(int64=2) %!d(string=hai) anos
navigation 75a6baf18a fix: replace animation token with none token (#1259) %!s(int64=3) %!d(string=hai) anos
notification b56708e521 fix: add animation-fill-mode: forwards to all animation (#1270) %!s(int64=3) %!d(string=hai) anos
overflowList f60a9c059a perf(overflowlist): optimize collapse rendering (#684) %!s(int64=3) %!d(string=hai) anos
pagination 75a6baf18a fix: replace animation token with none token (#1259) %!s(int64=3) %!d(string=hai) anos
popconfirm b8a70ccefa feat(a11y): [Popconfirm] supports a11y keyboard and focus (#1425) %!s(int64=2) %!d(string=hai) anos
popover b56708e521 fix: add animation-fill-mode: forwards to all animation (#1270) %!s(int64=3) %!d(string=hai) anos
progress bd83d1f9cd chore: format code %!s(int64=3) %!d(string=hai) anos
radio 75a6baf18a fix: replace animation token with none token (#1259) %!s(int64=3) %!d(string=hai) anos
rating 75a6baf18a fix: replace animation token with none token (#1259) %!s(int64=3) %!d(string=hai) anos
scripts f76bd5879d feat: init %!s(int64=4) %!d(string=hai) anos
scrollList 75a6baf18a fix: replace animation token with none token (#1259) %!s(int64=3) %!d(string=hai) anos
select 91977b2bcd fix: select remote + autoClearSearchValue false update list not show, #1386 (#1510) %!s(int64=2) %!d(string=hai) anos
sideSheet b34c34624f Update variables.scss %!s(int64=2) %!d(string=hai) anos
skeleton b56708e521 fix: add animation-fill-mode: forwards to all animation (#1270) %!s(int64=3) %!d(string=hai) anos
slider 3f3c962b45 feat: slider add some tokens (#1391) %!s(int64=3) %!d(string=hai) anos
space f76bd5879d feat: init %!s(int64=4) %!d(string=hai) anos
spin 1ed01d9df9 fix: add vertical-align top to fix wrong height (#1508) %!s(int64=2) %!d(string=hai) anos
steps b602ec68ad feat: add some token (#1360) %!s(int64=3) %!d(string=hai) anos
switch 0ff9442a46 fix: [Switch] Change the initial setting of the state in the constructor in the switch to prevent animations that do not meet expectations (#1501) %!s(int64=2) %!d(string=hai) anos
table b2029c4956 fix: fixed resizable Table bug #1506 (#1519) %!s(int64=2) %!d(string=hai) anos
tabs ed3f5780cc Feat/tab item (#1374) %!s(int64=3) %!d(string=hai) anos
tag 30cb2a1aa0 style: [Tag] children is string type child can be omitted, otherwise … (#1475) %!s(int64=2) %!d(string=hai) anos
tagInput a7b7e6a526 fix: [TagInput] Fix max Length judgment is wrong in composition input (#1346) %!s(int64=3) %!d(string=hai) anos
timePicker 7e67f296d5 fix: timepicker make the same width under wheel and normal mode (#1241) %!s(int64=3) %!d(string=hai) anos
timeline 6511ea7423 fix: #865 %!s(int64=3) %!d(string=hai) anos
toast 2d91a0bbb1 feat: toast new token (#1371) %!s(int64=3) %!d(string=hai) anos
tooltip 5c36a97b25 fix: add some lint config %!s(int64=2) %!d(string=hai) anos
transfer 685e01e0c9 Merge branch main into release %!s(int64=3) %!d(string=hai) anos
tree 1ed01d9df9 fix: add vertical-align top to fix wrong height (#1508) %!s(int64=2) %!d(string=hai) anos
treeSelect 340d9543cc docs: [TreeSelect] custom trigger example optimization (#1521) %!s(int64=2) %!d(string=hai) anos
typography e6e505f91a fix: [Numeral] Modify the calculation rules when the rule in the Nume… (#1431) %!s(int64=2) %!d(string=hai) anos
upload 022ce5e290 fix: avoid createURL with renderThumbnail %!s(int64=2) %!d(string=hai) anos
utils 772b9b617d docs: DatePicker add contributing doc and update date-fns-extra comment %!s(int64=2) %!d(string=hai) anos
README.md d8893466dc fix: semi-foundation/README.md gammar optimize (#165) %!s(int64=4) %!d(string=hai) anos
getBabelConfig.js 496f3db0f7 chore: remove corejs %!s(int64=3) %!d(string=hai) anos
gulpfile.js 1b9c2f04c2 chore: replace divide operator to math.div (#1130) %!s(int64=3) %!d(string=hai) anos
package.json 34e404c2ef v2.32.1-alpha.2 %!s(int64=2) %!d(string=hai) anos
tsconfig.json 2f70e0bbc2 fix: ts check error of upload/witFied/fields in strict mode %!s(int64=4) %!d(string=hai) anos

README.md

The infrastructure layer is used to build modern component libraries.

Semi UI adopts a set of cross-front-end framework technical solutions to split the JavaScript of each component into two parts: Foundation and Adapter. This allows us to reuse Foundation code across frameworks by only re-implementing the adapter, e.g, React and Vue. Quickly build common component libraries on different platforms.

  • Foundation

    Foundation contains the business logic that best represents Semi Design without actually referencing any DOM elements. Foundation delegates Adapter methods for any logic that requires DOM manipulation

  • Adapter

    Adapter is an interface that has all the methods needed by Foundation to implement Semi Design business logic. Adapter can have many implementations, allowing interoperability with different frameworks.

Directory Structure

  ├── semi-foundation         // Foundation and Stylesheet of component
  │   ├── utils
  │   └── tooltip
  │       ├── constants.js    // Constant definition, including numbers, strings, cssClass
  │       ├── foundation.js   // Core foundation
  │       ├── tooltip.scss    // Stylesheet
  │       ├── mixin.scss      // Scss mixin
  │       ├── rtl.scss        // Rtl 
  │       ├── variables.scss  // Scss variable

Related documents

Technical solutions

image

License

MIT