首页 发现 帮助
注册 登录
Apq
/
semi-design
镜像自地址 https://github.com/DouyinFE/semi-design.git
1
0
派生 0
文件 工单管理 0 Wiki
分支: fix-arrayField
分支列表 标签列表
semi-design
/
packages
/
semi-foundation
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) 2 年之前
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) 2 年之前
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) 2 年之前
collapse 14bacab9c7 feat: collapse clickHeaderToExpand api 2 年之前
collapsible 75a6baf18a fix: replace animation token with none token (#1259) 2 年之前
datePicker 2af75bca65 docs: update changelog 2 年之前
descriptions ce3ecd85c7 chore:changeTokenName 2 年之前
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) 2 年之前
highlight 868686ed9f style: update highlight, add global token 2 年之前
icons 626c4b9f9e Feat/support next (#245) 3 年之前
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) 2 年之前
notification b56708e521 fix: add animation-fill-mode: forwards to all animation (#1270) 2 年之前
overflowList f60a9c059a perf(overflowlist): optimize collapse rendering (#684) 2 年之前
pagination 75a6baf18a fix: replace animation token with none token (#1259) 2 年之前
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) 2 年之前
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) 2 年之前
scripts f76bd5879d feat: init 4 年之前
scrollList 75a6baf18a fix: replace animation token with none token (#1259) 2 年之前
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) 2 年之前
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) 2 年之前
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) 2 年之前
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 2 年之前
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 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