首頁 探索 說明
註冊 登入
Apq
/
semi-design
镜像来自 https://github.com/DouyinFE/semi-design.git
1
0
複刻 0
檔案 問題管理 0 Wiki
分支: 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) 3 年之前
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 3 年之前

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