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