홈 탐색 도움말
가입하기 로그인
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