Startsida Utforska Hjälp
Registrera dig Logga in
Apq
/
semi-design
spegling av https://github.com/DouyinFE/semi-design.git
1
0
Fork 0
Filer Ärenden 0 Wiki
Gren: refactor-button-radio
Grenar Taggar
semi-design
/
packages
/
semi-foundation
走鹃 e4926d98b1 v2.19.0-alpha.7 3 år sedan
..
_portal 3d150d1b7f fix: remove fit-content with max-content to match chromium breakchange in 104. (#1032) 3 år sedan
anchor 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
autoComplete 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
avatar 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
backtop f76bd5879d feat: init 4 år sedan
badge f76bd5879d feat: init 4 år sedan
banner f76bd5879d feat: init 4 år sedan
base 591051eb86 test: add istanbul ignore to some file and update jest exclude config 3 år sedan
breadcrumb 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
button 07ff2a1387 refactor: button group line (#1065) 3 år sedan
calendar 28bd50e9a6 feat: calendar support weekStartsOn, close #1020 (#1028) 3 år sedan
card f76bd5879d feat: init 4 år sedan
carousel 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
cascader 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
checkbox 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
collapse c712e7009c feat: add showArrow and disabled API to Collapse (#1000) 3 år sedan
collapsible f76bd5879d feat: init 4 år sedan
datePicker 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
descriptions f76bd5879d feat: init 4 år sedan
divider 24163ca972 chore: main merge release 3 år sedan
dropdown 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
empty f76bd5879d feat: init 4 år sedan
form cbcc54ad24 [Feat] Support auto append form label optional text (#1049) 3 år sedan
grid f76bd5879d feat: init 4 år sedan
icons 626c4b9f9e Feat/support next (#245) 3 år sedan
input 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
inputNumber 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
keyframes f76bd5879d feat: init 4 år sedan
layout f76bd5879d feat: init 4 år sedan
list 2a990d4ecd fix: change list empty padding token position 3 år sedan
modal ff08f87af2 fix: fix centered modal blur text on some 1080p monitor (#1046) 3 år sedan
navigation 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
notification 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
overflowList 5509240454 fix: fix tabs when vertical scroll and collapse shows extra arrow (#927) 3 år sedan
pagination 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
popconfirm f58ab903ff feat: popconfirm onOk,onCancel support promise return, async close, c… (#1059) 3 år sedan
popover 1e9d1b5955 fix: scss optimize, add unit in scss (#749) 3 år sedan
progress f76bd5879d feat: init 4 år sedan
radio 849bcaa01a refactor: radio style (#1060) 3 år sedan
rating 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
scripts f76bd5879d feat: init 4 år sedan
scrollList 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
select 1c5cfcebef fix: 修复 select 勾选 icon 会闪烁的问题 3 år sedan
sideSheet 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
skeleton 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
slider 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
space f76bd5879d feat: init 4 år sedan
spin 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
steps 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
switch 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
table 3dd9b8052e style: Add click hotspot for sorting (#1031) 3 år sedan
tabs 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
tag b1fb629a38 style: update avatar, button, radio, steps, switch, tag white color t… (#894) 3 år sedan
tagInput 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
timePicker 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
timeline 6511ea7423 fix: #865 3 år sedan
toast 626c4b9f9e Feat/support next (#245) 3 år sedan
tooltip 358412547f fix: add disableFocusListener to tooltip (#1013) 3 år sedan
transfer 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
tree 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 år sedan
treeSelect 5b0dfea847 fix: fix multiple selection, TreeSelect arrow width is not uniform (#983) 3 år sedan
typography e174b00f16 Revert "fix: [Typography] fix misalignment of the icon and text of the Text c… (#973)" (#1001) 3 år sedan
upload f6fcac2a61 Merge branch 'release' into main 3 år sedan
utils e9e693bf09 feat: [TagInput] Support drag and drop sorting (#1014) 3 år sedan
README.md d8893466dc fix: semi-foundation/README.md gammar optimize (#165) 4 år sedan
getBabelConfig.js 626c4b9f9e Feat/support next (#245) 3 år sedan
gulpfile.js 8275e0666a fix: add exclude to animation.scss 3 år sedan
package.json e4926d98b1 v2.19.0-alpha.7 3 år sedan
tsconfig.json 2f70e0bbc2 fix: ts check error of upload/witFied/fields in strict mode 3 år sedan

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