首页 发现 帮助
注册 登录
Apq
/
semi-design
镜像自地址 https://github.com/DouyinFE/semi-design.git
1
0
派生 0
文件 工单管理 0 Wiki
分支: refactor-checkbox
分支列表 标签列表
semi-design
/
packages
/
semi-foundation
shijia.me fef0097c01 v2.19.0-alpha.8 3 年之前
..
_portal 3d150d1b7f fix: remove fit-content with max-content to match chromium breakchange in 104. (#1032) 3 年之前
anchor 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
autoComplete 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
avatar 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
backtop f76bd5879d feat: init 4 年之前
badge f76bd5879d feat: init 4 年之前
banner f76bd5879d feat: init 4 年之前
base 591051eb86 test: add istanbul ignore to some file and update jest exclude config 3 年之前
breadcrumb 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
button 07ff2a1387 refactor: button group line (#1065) 3 年之前
calendar 28bd50e9a6 feat: calendar support weekStartsOn, close #1020 (#1028) 3 年之前
card f76bd5879d feat: init 4 年之前
carousel 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
cascader 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
checkbox 5390c80355 refactor: checkbox layout (#1073) 3 年之前
collapse c712e7009c feat: add showArrow and disabled API to Collapse (#1000) 3 年之前
collapsible f76bd5879d feat: init 4 年之前
datePicker 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
descriptions f76bd5879d feat: init 4 年之前
divider 24163ca972 chore: main merge release 3 年之前
dropdown 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
empty f76bd5879d feat: init 4 年之前
form cbcc54ad24 [Feat] Support auto append form label optional text (#1049) 3 年之前
grid f76bd5879d feat: init 4 年之前
icons 626c4b9f9e Feat/support next (#245) 3 年之前
input 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
inputNumber 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
keyframes f76bd5879d feat: init 4 年之前
layout f76bd5879d feat: init 4 年之前
list 2a990d4ecd fix: change list empty padding token position 3 年之前
modal ff08f87af2 fix: fix centered modal blur text on some 1080p monitor (#1046) 3 年之前
navigation 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
notification 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
overflowList 5509240454 fix: fix tabs when vertical scroll and collapse shows extra arrow (#927) 3 年之前
pagination 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
popconfirm f58ab903ff feat: popconfirm onOk,onCancel support promise return, async close, c… (#1059) 3 年之前
popover 1e9d1b5955 fix: scss optimize, add unit in scss (#749) 3 年之前
progress f76bd5879d feat: init 4 年之前
radio 849bcaa01a refactor: radio style (#1060) 3 年之前
rating 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
scripts f76bd5879d feat: init 4 年之前
scrollList 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
select 1c5cfcebef fix: 修复 select 勾选 icon 会闪烁的问题 3 年之前
sideSheet 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
skeleton 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
slider 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
space f76bd5879d feat: init 4 年之前
spin 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
steps 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
switch 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
table 3dd9b8052e style: Add click hotspot for sorting (#1031) 3 年之前
tabs 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
tag b1fb629a38 style: update avatar, button, radio, steps, switch, tag white color t… (#894) 3 年之前
tagInput 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
timePicker 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
timeline 6511ea7423 fix: #865 3 年之前
toast 626c4b9f9e Feat/support next (#245) 3 年之前
tooltip 358412547f fix: add disableFocusListener to tooltip (#1013) 3 年之前
transfer 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
tree 7ae6cf6585 feat: 20+ component add animation css token (#924) 3 年之前
treeSelect 5b0dfea847 fix: fix multiple selection, TreeSelect arrow width is not uniform (#983) 3 年之前
typography e174b00f16 Revert "fix: [Typography] fix misalignment of the icon and text of the Text c… (#973)" (#1001) 3 年之前
upload f6fcac2a61 Merge branch 'release' into main 3 年之前
utils e9e693bf09 feat: [TagInput] Support drag and drop sorting (#1014) 3 年之前
README.md d8893466dc fix: semi-foundation/README.md gammar optimize (#165) 4 年之前
getBabelConfig.js 626c4b9f9e Feat/support next (#245) 3 年之前
gulpfile.js 8275e0666a fix: add exclude to animation.scss 3 年之前
package.json fef0097c01 v2.19.0-alpha.8 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