semi-bot 9d7513d744 v2.22.2 před 3 roky
..
_portal 3d150d1b7f fix: remove fit-content with max-content to match chromium breakchange in 104. (#1032) před 3 roky
anchor bd83d1f9cd chore: format code před 3 roky
autoComplete 2b2a8fbe42 chore: fix merge conflict před 3 roky
avatar bd83d1f9cd chore: format code před 3 roky
backtop bd83d1f9cd chore: format code před 3 roky
badge 1b9c2f04c2 chore: replace divide operator to math.div (#1130) před 3 roky
banner bd83d1f9cd chore: format code před 3 roky
base 2b2a8fbe42 chore: fix merge conflict před 3 roky
breadcrumb bd83d1f9cd chore: format code před 3 roky
button 70b121b99d chore: change animation scss import order (#1122) před 3 roky
calendar bd83d1f9cd chore: format code před 3 roky
card dab2c08959 feat: chore backup před 3 roky
carousel b82bd23183 fix: [carousel] Fix the problem that the timer is not updated when carousel switches the index through the left and right buttons or methods (#1165) před 3 roky
cascader 11902fdde5 fix: Fixed the flickering problem when the pop-up window closes after searching in cascader před 3 roky
checkbox 2b2a8fbe42 chore: fix merge conflict před 3 roky
collapse d865d8d03a fix: change motion type to boolean před 3 roky
collapsible cf091e52d8 fix: fix new collapsible collapseHeight před 3 roky
datePicker 871b126094 fix: datepicker make the same width under wheel and normal mode (#1222) před 3 roky
descriptions f76bd5879d feat: init před 4 roky
divider 24163ca972 chore: main merge release před 3 roky
dropdown c90fcaefd5 fix: fix popover content autoFocus (#1223) před 3 roky
empty f76bd5879d feat: init před 4 roky
form 2b2a8fbe42 chore: fix merge conflict před 3 roky
grid 1b9c2f04c2 chore: replace divide operator to math.div (#1130) před 3 roky
icons 626c4b9f9e Feat/support next (#245) před 3 roky
image 2b2a8fbe42 chore: fix merge conflict před 3 roky
input 2b2a8fbe42 chore: fix merge conflict před 3 roky
inputNumber 2b2a8fbe42 chore: fix merge conflict před 3 roky
keyframes d159394f03 feat: spin js2css před 3 roky
layout f76bd5879d feat: init před 4 roky
list 2a990d4ecd fix: change list empty padding token position před 3 roky
modal d865d8d03a fix: change motion type to boolean před 3 roky
navigation 2b2a8fbe42 chore: fix merge conflict před 3 roky
notification d865d8d03a fix: change motion type to boolean před 3 roky
overflowList bd83d1f9cd chore: format code před 3 roky
pagination bd83d1f9cd chore: format code před 3 roky
popconfirm bd83d1f9cd chore: format code před 3 roky
popover c90fcaefd5 fix: fix popover content autoFocus (#1223) před 3 roky
progress bd83d1f9cd chore: format code před 3 roky
radio bd83d1f9cd chore: format code před 3 roky
rating 2b2a8fbe42 chore: fix merge conflict před 3 roky
scripts f76bd5879d feat: init před 4 roky
scrollList 557fd13490 Merge branch 'release' into js2css před 3 roky
select ac9385e4ce Feat: [Select] Added showRestTagsPopover and restTagsPopoverProps to support displaying redundant tags through popover (#1212) před 3 roky
sideSheet d865d8d03a fix: change motion type to boolean před 3 roky
skeleton 178251c04f feat: skeleton js2css před 3 roky
slider 2b2a8fbe42 chore: fix merge conflict před 3 roky
space f76bd5879d feat: init před 4 roky
spin bd83d1f9cd chore: format code před 3 roky
steps 70b121b99d chore: change animation scss import order (#1122) před 3 roky
switch bd83d1f9cd chore: format code před 3 roky
table 2b2a8fbe42 chore: fix merge conflict před 3 roky
tabs bd83d1f9cd chore: format code před 3 roky
tag 1b9c2f04c2 chore: replace divide operator to math.div (#1130) před 3 roky
tagInput bd83d1f9cd chore: format code před 3 roky
timePicker 30ea4a0362 Merge pull request #1214 from DouyinFE/fix-timpicker-scrollbar před 3 roky
timeline 6511ea7423 fix: #865 před 3 roky
toast bd83d1f9cd chore: format code před 3 roky
tooltip c90fcaefd5 fix: fix popover content autoFocus (#1223) před 3 roky
transfer bd83d1f9cd chore: format code před 3 roky
tree bd83d1f9cd chore: format code před 3 roky
treeSelect eadc7a15f9 Feat: [TreeSelect] adds showRestTagsPopover and restTagsPopoverProps parameters (#1210) před 3 roky
typography dcc200e5ef fix: Putting unstable properties on the to-do list před 3 roky
upload fdbaf7bf8d Merge branch 'release' into js2css před 3 roky
utils 46e2d4027e fix: js2css fix před 3 roky
README.md d8893466dc fix: semi-foundation/README.md gammar optimize (#165) před 4 roky
getBabelConfig.js 496f3db0f7 chore: remove corejs před 3 roky
gulpfile.js 1b9c2f04c2 chore: replace divide operator to math.div (#1130) před 3 roky
package.json 9d7513d744 v2.22.2 před 3 roky
tsconfig.json 2f70e0bbc2 fix: ts check error of upload/witFied/fields in strict mode před 3 roky

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