首页 发现 帮助
注册 登录
Apq
/
semi-design
镜像自地址 https://github.com/DouyinFE/semi-design.git
1
0
派生 0
文件 工单管理 0 Wiki
分支: css-animation-bak
分支列表 标签列表
semi-design
/
packages
/
semi-foundation
fumidesign 93eb42812d feat: animation 3 年之前
..
_portal f76bd5879d feat: init 4 年之前
anchor 93eb42812d feat: animation 3 年之前
autoComplete 036bc41d87 feat(a11y): optimize keyboard event to autoComplete (#909) 3 年之前
avatar 58cb9fca3b fix: avatar outline syntax style (#934) 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 93eb42812d feat: animation 3 年之前
button 93eb42812d feat: animation 3 年之前
calendar c3fe5796b0 fix: remove react interface from semi-foundation #923 (#925) 3 年之前
card f76bd5879d feat: init 4 年之前
carousel be6f513256 fix: remove throttle in indicator change and arrow click (#819) 3 年之前
cascader 93eb42812d feat: animation 3 年之前
checkbox 93eb42812d feat: animation 3 年之前
collapse ef2531c8be Fix strict ts (#314) 3 年之前
collapsible f76bd5879d feat: init 4 年之前
datePicker b314de9ad5 feat: css transition mifu 3 年之前
descriptions f76bd5879d feat: init 4 年之前
divider 24163ca972 chore: main merge release 3 年之前
dropdown 34d4811907 feat(a11y): add keyboard and focus event to dropdown (#881) 3 年之前
empty f76bd5879d feat: init 4 年之前
form 29f1ad30bb chore: fix 933 3 年之前
grid f76bd5879d feat: init 4 年之前
icons 626c4b9f9e Feat/support next (#245) 3 年之前
input 93eb42812d feat: animation 3 年之前
inputNumber 93eb42812d feat: animation 3 年之前
keyframes f76bd5879d feat: init 4 年之前
layout f76bd5879d feat: init 4 年之前
list 2a990d4ecd fix: change list empty padding token position 3 年之前
modal 5972b84ecc feat: support preventScroll to focus methods (#953) 3 年之前
navigation 93eb42812d feat: animation 3 年之前
notification 5452012214 fix: fix notification show and hide order (#531) 3 年之前
overflowList 5509240454 fix: fix tabs when vertical scroll and collapse shows extra arrow (#927) 3 年之前
pagination 93eb42812d feat: animation 3 年之前
popconfirm b6ce00f945 Feat click out side (#273) 3 年之前
popover 1e9d1b5955 fix: scss optimize, add unit in scss (#749) 3 年之前
progress f76bd5879d feat: init 4 年之前
radio 93eb42812d feat: animation 3 年之前
rating 93eb42812d feat: animation 3 年之前
scripts f76bd5879d feat: init 4 年之前
scrollList 1e9d1b5955 fix: scss optimize, add unit in scss (#749) 3 年之前
select 93eb42812d feat: animation 3 年之前
sideSheet cd95ebb1b3 chore: feat/a11y-aira rebase master v2.2 3 年之前
skeleton f76bd5879d feat: init 4 年之前
slider 93eb42812d feat: animation 3 年之前
space f76bd5879d feat: init 4 年之前
spin f76bd5879d feat: init 4 年之前
steps 93eb42812d feat: animation 3 年之前
switch 93eb42812d feat: animation 3 年之前
table fad9785c79 Merge branch 'milestone-2.6' into release 3 年之前
tabs 93eb42812d feat: animation 3 年之前
tag b1fb629a38 style: update avatar, button, radio, steps, switch, tag white color t… (#894) 3 年之前
tagInput 93eb42812d feat: animation 3 年之前
timePicker 93eb42812d feat: animation 3 年之前
timeline 6511ea7423 fix: #865 3 年之前
toast 626c4b9f9e Feat/support next (#245) 3 年之前
tooltip 5972b84ecc feat: support preventScroll to focus methods (#953) 3 年之前
transfer b314de9ad5 feat: css transition mifu 3 年之前
tree 93eb42812d feat: animation 3 年之前
treeSelect dcae8b4ed2 fix: [treeSelect] fix the click problem when the search box is in the trigger (#955) 3 年之前
typography f76bd5879d feat: init 4 年之前
upload f6fcac2a61 Merge branch 'release' into main 3 年之前
utils 5972b84ecc feat: support preventScroll to focus methods (#953) 3 年之前
README.md d8893466dc fix: semi-foundation/README.md gammar optimize (#165) 4 年之前
getBabelConfig.js 626c4b9f9e Feat/support next (#245) 3 年之前
gulpfile.js 9498eead2b feat: upgrade sass to 1.45.0 and set the option charset to false (#440) 3 年之前
package.json 236be8e528 v2.15.0 3 年之前
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