Почетна Преглед Помоћ
Регистрација Пријавите се
Apq
/
semi-design
огледало од https://github.com/DouyinFE/semi-design.git
1
0
Креирај огранак 0
Датотеке Дискусије 0 Вики
Грана: test-code-coverage
Гране Ознаке
semi-design
/
packages
/
semi-foundation
semi-bot 9d7513d744 v2.22.2 пре 3 година
..
_portal 3d150d1b7f fix: remove fit-content with max-content to match chromium breakchange in 104. (#1032) пре 3 година
anchor bd83d1f9cd chore: format code пре 3 година
autoComplete 2b2a8fbe42 chore: fix merge conflict пре 3 година
avatar bd83d1f9cd chore: format code пре 3 година
backtop bd83d1f9cd chore: format code пре 3 година
badge 1b9c2f04c2 chore: replace divide operator to math.div (#1130) пре 3 година
banner bd83d1f9cd chore: format code пре 3 година
base 2b2a8fbe42 chore: fix merge conflict пре 3 година
breadcrumb bd83d1f9cd chore: format code пре 3 година
button 70b121b99d chore: change animation scss import order (#1122) пре 3 година
calendar bd83d1f9cd chore: format code пре 3 година
card dab2c08959 feat: chore backup пре 3 година
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) пре 3 година
cascader 11902fdde5 fix: Fixed the flickering problem when the pop-up window closes after searching in cascader пре 3 година
checkbox 2b2a8fbe42 chore: fix merge conflict пре 3 година
collapse d865d8d03a fix: change motion type to boolean пре 3 година
collapsible cf091e52d8 fix: fix new collapsible collapseHeight пре 3 година
datePicker 871b126094 fix: datepicker make the same width under wheel and normal mode (#1222) пре 3 година
descriptions f76bd5879d feat: init пре 4 година
divider 24163ca972 chore: main merge release пре 3 година
dropdown c90fcaefd5 fix: fix popover content autoFocus (#1223) пре 3 година
empty f76bd5879d feat: init пре 4 година
form 2b2a8fbe42 chore: fix merge conflict пре 3 година
grid 1b9c2f04c2 chore: replace divide operator to math.div (#1130) пре 3 година
icons 626c4b9f9e Feat/support next (#245) пре 4 година
image 2b2a8fbe42 chore: fix merge conflict пре 3 година
input 2b2a8fbe42 chore: fix merge conflict пре 3 година
inputNumber 2b2a8fbe42 chore: fix merge conflict пре 3 година
keyframes d159394f03 feat: spin js2css пре 3 година
layout f76bd5879d feat: init пре 4 година
list 2a990d4ecd fix: change list empty padding token position пре 3 година
modal d865d8d03a fix: change motion type to boolean пре 3 година
navigation 2b2a8fbe42 chore: fix merge conflict пре 3 година
notification d865d8d03a fix: change motion type to boolean пре 3 година
overflowList bd83d1f9cd chore: format code пре 3 година
pagination bd83d1f9cd chore: format code пре 3 година
popconfirm bd83d1f9cd chore: format code пре 3 година
popover c90fcaefd5 fix: fix popover content autoFocus (#1223) пре 3 година
progress bd83d1f9cd chore: format code пре 3 година
radio bd83d1f9cd chore: format code пре 3 година
rating 2b2a8fbe42 chore: fix merge conflict пре 3 година
scripts f76bd5879d feat: init пре 4 година
scrollList 557fd13490 Merge branch 'release' into js2css пре 3 година
select ac9385e4ce Feat: [Select] Added showRestTagsPopover and restTagsPopoverProps to support displaying redundant tags through popover (#1212) пре 3 година
sideSheet d865d8d03a fix: change motion type to boolean пре 3 година
skeleton 178251c04f feat: skeleton js2css пре 3 година
slider 2b2a8fbe42 chore: fix merge conflict пре 3 година
space f76bd5879d feat: init пре 4 година
spin bd83d1f9cd chore: format code пре 3 година
steps 70b121b99d chore: change animation scss import order (#1122) пре 3 година
switch bd83d1f9cd chore: format code пре 3 година
table 2b2a8fbe42 chore: fix merge conflict пре 3 година
tabs bd83d1f9cd chore: format code пре 3 година
tag 1b9c2f04c2 chore: replace divide operator to math.div (#1130) пре 3 година
tagInput bd83d1f9cd chore: format code пре 3 година
timePicker 30ea4a0362 Merge pull request #1214 from DouyinFE/fix-timpicker-scrollbar пре 3 година
timeline 6511ea7423 fix: #865 пре 3 година
toast bd83d1f9cd chore: format code пре 3 година
tooltip c90fcaefd5 fix: fix popover content autoFocus (#1223) пре 3 година
transfer bd83d1f9cd chore: format code пре 3 година
tree bd83d1f9cd chore: format code пре 3 година
treeSelect eadc7a15f9 Feat: [TreeSelect] adds showRestTagsPopover and restTagsPopoverProps parameters (#1210) пре 3 година
typography dcc200e5ef fix: Putting unstable properties on the to-do list пре 3 година
upload fdbaf7bf8d Merge branch 'release' into js2css пре 3 година
utils 46e2d4027e fix: js2css fix пре 3 година
README.md d8893466dc fix: semi-foundation/README.md gammar optimize (#165) пре 4 година
getBabelConfig.js 496f3db0f7 chore: remove corejs пре 3 година
gulpfile.js 1b9c2f04c2 chore: replace divide operator to math.div (#1130) пре 3 година
package.json 9d7513d744 v2.22.2 пре 3 година
tsconfig.json 2f70e0bbc2 fix: ts check error of upload/witFied/fields in strict mode пре 4 година

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