ホーム エクスプローラ ヘルプ
登録 サインイン
Apq
/
semi-design
同期ミラー https://github.com/DouyinFE/semi-design.git
1
0
フォーク 0
ファイル 課題 0 Wiki
ブランチ: feat/overflowlist-a11y-aria
ブランチ タグ
semi-design
/
packages
/
semi-foundation
走鹃 3b2384524c feat: add getUuidShort function 3 年 前
..
_portal f76bd5879d feat: init 4 年 前
anchor 626c4b9f9e Feat/support next (#245) 3 年 前
autoComplete 626c4b9f9e Feat/support next (#245) 3 年 前
avatar f76bd5879d feat: init 4 年 前
backtop f76bd5879d feat: init 4 年 前
badge f76bd5879d feat: init 4 年 前
banner f76bd5879d feat: init 4 年 前
base 626c4b9f9e Feat/support next (#245) 3 年 前
breadcrumb f76bd5879d feat: init 4 年 前
button f76bd5879d feat: init 4 年 前
calendar ef2531c8be Fix strict ts (#314) 4 年 前
card f76bd5879d feat: init 4 年 前
cascader 626c4b9f9e Feat/support next (#245) 3 年 前
checkbox 139008655d feat(a11y): checkbox aria #205 3 年 前
collapse ef2531c8be Fix strict ts (#314) 4 年 前
collapsible f76bd5879d feat: init 4 年 前
datePicker 626c4b9f9e Feat/support next (#245) 3 年 前
descriptions f76bd5879d feat: init 4 年 前
dropdown f76bd5879d feat: init 4 年 前
empty f76bd5879d feat: init 4 年 前
form 626c4b9f9e Feat/support next (#245) 3 年 前
grid f76bd5879d feat: init 4 年 前
icons 626c4b9f9e Feat/support next (#245) 3 年 前
input c7085c9ecf chore: merge feat/a11y 3 年 前
inputNumber 626c4b9f9e Feat/support next (#245) 3 年 前
keyframes f76bd5879d feat: init 4 年 前
layout f76bd5879d feat: init 4 年 前
list f76bd5879d feat: init 4 年 前
modal 6cbfacc9cb feat(a11y): modal #205 3 年 前
navigation c7085c9ecf chore: merge feat/a11y 3 年 前
notification 626c4b9f9e Feat/support next (#245) 3 年 前
overflowList 626c4b9f9e Feat/support next (#245) 3 年 前
pagination ef2531c8be Fix strict ts (#314) 4 年 前
popconfirm b6ce00f945 Feat click out side (#273) 4 年 前
popover f76bd5879d feat: init 4 年 前
progress f76bd5879d feat: init 4 年 前
radio d3a263f3f1 feat(a11y): radio #205 3 年 前
rating 7e1a0ac5c2 fix: rating repeated click is not update (#112) 4 年 前
scripts f76bd5879d feat: init 4 年 前
scrollList 626c4b9f9e Feat/support next (#245) 3 年 前
select c7085c9ecf chore: merge feat/a11y 3 年 前
sideSheet 886a960bd4 a11y:sidesheet (#415) 3 年 前
skeleton f76bd5879d feat: init 4 年 前
slider 224ff874d0 fix(slider): when `value` is controlled, click on track not trigger `onAfterChange` 4 年 前
space f76bd5879d feat: init 4 年 前
spin f76bd5879d feat: init 4 年 前
steps f76bd5879d feat: init 4 年 前
switch 81f421ec49 style: [switch] add token $color-switch_disabled-bg-hover/ $color-switch_disabled-bg-active, close #115 (#185) 4 年 前
table c7085c9ecf chore: merge feat/a11y 3 年 前
tabs 626c4b9f9e Feat/support next (#245) 3 年 前
tag f76bd5879d feat: init 4 年 前
tagInput 626c4b9f9e Feat/support next (#245) 3 年 前
timePicker 626c4b9f9e Feat/support next (#245) 3 年 前
timeline d08dba9619 docs(darkmode): add demo and Timeline content add color scss variable (#313) 4 年 前
toast 626c4b9f9e Feat/support next (#245) 3 年 前
tooltip 626c4b9f9e Feat/support next (#245) 3 年 前
transfer 626c4b9f9e Feat/support next (#245) 3 年 前
tree 626c4b9f9e Feat/support next (#245) 3 年 前
treeSelect 626c4b9f9e Feat/support next (#245) 3 年 前
typography f76bd5879d feat: init 4 年 前
upload f76bd5879d feat: init 4 年 前
utils 3b2384524c feat: add getUuidShort function 3 年 前
README.md d8893466dc fix: semi-foundation/README.md gammar optimize (#165) 4 年 前
getBabelConfig.js 626c4b9f9e Feat/support next (#245) 3 年 前
gulpfile.js 626c4b9f9e Feat/support next (#245) 3 年 前
package.json a11f15ed64 v2.1.3 3 年 前
tsconfig.json f76bd5879d feat: init 4 年 前

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