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

pointhalo a7a0ba1f6f fix: arryaField async setValue not update, #713		пре 2 година
..
_portal	3d150d1b7f fix: remove fit-content with max-content to match chromium breakchange in 104. (#1032)	пре 3 година
anchor	75a6baf18a fix: replace animation token with none token (#1259)	пре 3 година
autoComplete	1ed01d9df9 fix: add vertical-align top to fix wrong height (#1508)	пре 2 година
avatar	bd83d1f9cd chore: format code	пре 3 година
backtop	bd83d1f9cd chore: format code	пре 3 година
badge	1b9c2f04c2 chore: replace divide operator to math.div (#1130)	пре 3 година
banner	bd83d1f9cd chore: format code	пре 3 година
base	d52979c0c4 fix: [layout] Fix layout mount sider class delay (#1384)	пре 2 година
breadcrumb	b8a95944a6 style: Fix the style error when icon and text exist at the same time in BreadCrumb (#1570)	пре 2 година
button	b56708e521 fix: add animation-fill-mode: forwards to all animation (#1270)	пре 3 година
calendar	9e27710d01 Fix/month calendar (#1571)	пре 2 година
card	dab2c08959 feat: chore backup	пре 3 година
carousel	58bb122d0b fix: props children update carousel did no rerender and ref.play should have the highest priority (#1495)	пре 2 година
cascader	c39a5797c9 fix: change borderless api name	пре 2 година
checkbox	75a6baf18a fix: replace animation token with none token (#1259)	пре 3 година
collapse	14bacab9c7 feat: collapse clickHeaderToExpand api	пре 2 година
collapsible	75a6baf18a fix: replace animation token with none token (#1259)	пре 3 година
datePicker	2af75bca65 docs: update changelog	пре 2 година
descriptions	ce3ecd85c7 chore:changeTokenName	пре 3 година
divider	24163ca972 chore: main merge release	пре 3 година
dropdown	739a1fe0a4 feat: Dropdown item 新增 showTick 和 hover 属性 (#1372)	пре 2 година
empty	f76bd5879d feat: init	пре 4 година
form	a7a0ba1f6f fix: arryaField async setValue not update, #713	пре 2 година
grid	925a0d54fb fix: Grid span = 0 not work when responsive (#1345)	пре 3 година
highlight	868686ed9f style: update highlight, add global token	пре 3 година
icons	626c4b9f9e Feat/support next (#245)	пре 4 година
image	d2d4e206cc fix: [ImagePreview] Fix the ratio of the new picture is incorrect after switching the ratio state of the preview picture and switching the picture (#1496)	пре 2 година
input	c39a5797c9 fix: change borderless api name	пре 2 година
inputNumber	c39a5797c9 fix: change borderless api name	пре 2 година
keyframes	d159394f03 feat: spin js2css	пре 3 година
layout	f76bd5879d feat: init	пре 4 година
list	2a990d4ecd fix: change list empty padding token position	пре 3 година
modal	25622bbb65 feat: modal add fullscrren top token && sidesheet add header border and size token	пре 2 година
navigation	75a6baf18a fix: replace animation token with none token (#1259)	пре 3 година
notification	b56708e521 fix: add animation-fill-mode: forwards to all animation (#1270)	пре 3 година
overflowList	f60a9c059a perf(overflowlist): optimize collapse rendering (#684)	пре 3 година
pagination	75a6baf18a fix: replace animation token with none token (#1259)	пре 3 година
popconfirm	db1e4eb9eb style: [Popconfirm] style optimize for close button in Popconfirm (#1520)	пре 2 година
popover	b56708e521 fix: add animation-fill-mode: forwards to all animation (#1270)	пре 3 година
progress	bd83d1f9cd chore: format code	пре 3 година
radio	3b44c65e32 fix: radioGroup add vertical-align, close #1573 (#1574)	пре 2 година
rating	75a6baf18a fix: replace animation token with none token (#1259)	пре 3 година
scripts	f76bd5879d feat: init	пре 4 година
scrollList	75a6baf18a fix: replace animation token with none token (#1259)	пре 3 година
select	c39a5797c9 fix: change borderless api name	пре 2 година
sideSheet	2f000dcae9 fix: fix sidesheet mask=false mask width not correct (#1550)	пре 2 година
skeleton	b56708e521 fix: add animation-fill-mode: forwards to all animation (#1270)	пре 3 година
slider	3f3c962b45 feat: slider add some tokens (#1391)	пре 2 година
space	f76bd5879d feat: init	пре 4 година
spin	1ed01d9df9 fix: add vertical-align top to fix wrong height (#1508)	пре 2 година
steps	b602ec68ad feat: add some token (#1360)	пре 3 година
switch	0ff9442a46 fix: [Switch] Change the initial setting of the state in the constructor in the switch to prevent animations that do not meet expectations (#1501)	пре 2 година
table	b2029c4956 fix: fixed resizable Table bug #1506 (#1519)	пре 2 година
tabs	ed3f5780cc Feat/tab item (#1374)	пре 2 година
tag	30cb2a1aa0 style: [Tag] children is string type child can be omitted, otherwise … (#1475)	пре 2 година
tagInput	a7b7e6a526 fix: [TagInput] Fix max Length judgment is wrong in composition input (#1346)	пре 3 година
timePicker	587be99652 fix: timepicker rangeType error when select endTime first, close #1563	пре 2 година
timeline	6511ea7423 fix: #865	пре 3 година
toast	2d91a0bbb1 feat: toast new token (#1371)	пре 2 година
tooltip	5c36a97b25 fix: add some lint config	пре 2 година
transfer	685e01e0c9 Merge branch main into release	пре 3 година
tree	1ed01d9df9 fix: add vertical-align top to fix wrong height (#1508)	пре 2 година
treeSelect	c39a5797c9 fix: change borderless api name	пре 2 година
typography	1e0fce20a7 style: change typography copy icon from vertical-align text-bottom to middle (#1533)	пре 2 година
upload	1ed01d9df9 fix: add vertical-align top to fix wrong height (#1508)	пре 2 година
utils	772b9b617d docs: DatePicker add contributing doc and update date-fns-extra comment	пре 2 година
README.md	d8893466dc fix: semi-foundation/README.md gammar optimize (#165)	пре 4 година
getBabelConfig.js	496f3db0f7 chore: remove corejs	пре 3 година
gulpfile.js	1b9c2f04c2 chore: replace divide operator to math.div (#1130)	пре 3 година
package.json	1810821764 v2.33.1	пре 2 година
tsconfig.json	2f70e0bbc2 fix: ts check error of upload/witFied/fields in strict mode	пре 4 година

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