Apq/semi-design: 快速搭建美观的 React 应用。由抖音前端与 UED 团队维护。 @ refactor-checkbox

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 년 전

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

License

MIT

README.md

Directory Structure

Related documents

License