Strona główna Odkrywaj Pomoc
Zaloguj się
Apq
/
semi-design
kopia lustrzana https://github.com/DouyinFE/semi-design.git
1
0
Forkuj 0
Pliki Problemy 0 Wiki
Gałąź: refactor-treeSelect-checkbox
Gałęzie Tagi
semi-design
/
packages
/
semi-foundation
走鹃 58f801d44b v2.19.0-alpha.0 3 lat temu
..
_portal 3d150d1b7f fix: remove fit-content with max-content to match chromium breakchange in 104. (#1032) 3 lat temu
anchor 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
autoComplete 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
avatar 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
backtop f76bd5879d feat: init 4 lat temu
badge f76bd5879d feat: init 4 lat temu
banner f76bd5879d feat: init 4 lat temu
base 591051eb86 test: add istanbul ignore to some file and update jest exclude config 3 lat temu
breadcrumb 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
button 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
calendar 28bd50e9a6 feat: calendar support weekStartsOn, close #1020 (#1028) 3 lat temu
card f76bd5879d feat: init 4 lat temu
carousel 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
cascader 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
checkbox 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
collapse c712e7009c feat: add showArrow and disabled API to Collapse (#1000) 3 lat temu
collapsible f76bd5879d feat: init 4 lat temu
datePicker 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
descriptions f76bd5879d feat: init 4 lat temu
divider 24163ca972 chore: main merge release 3 lat temu
dropdown 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
empty f76bd5879d feat: init 4 lat temu
form cbcc54ad24 [Feat] Support auto append form label optional text (#1049) 3 lat temu
grid f76bd5879d feat: init 4 lat temu
icons 626c4b9f9e Feat/support next (#245) 4 lat temu
input 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
inputNumber 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
keyframes f76bd5879d feat: init 4 lat temu
layout f76bd5879d feat: init 4 lat temu
list 2a990d4ecd fix: change list empty padding token position 3 lat temu
modal ff08f87af2 fix: fix centered modal blur text on some 1080p monitor (#1046) 3 lat temu
navigation 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
notification 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
overflowList 5509240454 fix: fix tabs when vertical scroll and collapse shows extra arrow (#927) 3 lat temu
pagination 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
popconfirm b6ce00f945 Feat click out side (#273) 4 lat temu
popover 1e9d1b5955 fix: scss optimize, add unit in scss (#749) 3 lat temu
progress f76bd5879d feat: init 4 lat temu
radio 6ec39bb021 feat: add type API for checkbox & radio (#1061) 3 lat temu
rating 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
scripts f76bd5879d feat: init 4 lat temu
scrollList 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
select 1c5cfcebef fix: 修复 select 勾选 icon 会闪烁的问题 3 lat temu
sideSheet 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
skeleton 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
slider 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
space f76bd5879d feat: init 4 lat temu
spin 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
steps 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
switch 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
table 3dd9b8052e style: Add click hotspot for sorting (#1031) 3 lat temu
tabs 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
tag b1fb629a38 style: update avatar, button, radio, steps, switch, tag white color t… (#894) 3 lat temu
tagInput 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
timePicker 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
timeline 6511ea7423 fix: #865 3 lat temu
toast 626c4b9f9e Feat/support next (#245) 4 lat temu
tooltip 358412547f fix: add disableFocusListener to tooltip (#1013) 3 lat temu
transfer 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 lat temu
tree e04782bb51 refactor: treeSelect checkbox 3 lat temu
treeSelect 5b0dfea847 fix: fix multiple selection, TreeSelect arrow width is not uniform (#983) 3 lat temu
typography e174b00f16 Revert "fix: [Typography] fix misalignment of the icon and text of the Text c… (#973)" (#1001) 3 lat temu
upload f6fcac2a61 Merge branch 'release' into main 3 lat temu
utils e9e693bf09 feat: [TagInput] Support drag and drop sorting (#1014) 3 lat temu
README.md d8893466dc fix: semi-foundation/README.md gammar optimize (#165) 4 lat temu
getBabelConfig.js 626c4b9f9e Feat/support next (#245) 4 lat temu
gulpfile.js 8275e0666a fix: add exclude to animation.scss 3 lat temu
package.json 58f801d44b v2.19.0-alpha.0 3 lat temu
tsconfig.json 2f70e0bbc2 fix: ts check error of upload/witFied/fields in strict mode 4 lat temu

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