Home Explore Help
Register Sign In
Apq
/
semi-design
mirror of https://github.com/DouyinFE/semi-design.git
1
0
Fork 0
Files Issues 0 Wiki
Branch: v2.10.4-patch
Branches Tags
semi-design
/
packages
/
semi-foundation
走鹃 5c0370819f v2.10.4 3 years ago
..
_portal f76bd5879d feat: init 4 years ago
anchor 626c4b9f9e Feat/support next (#245) 3 years ago
autoComplete 626c4b9f9e Feat/support next (#245) 3 years ago
avatar b4dd5a87b2 fix(avatar): position absolute (#774) 3 years ago
backtop f76bd5879d feat: init 4 years ago
badge f76bd5879d feat: init 4 years ago
banner f76bd5879d feat: init 4 years ago
base 626c4b9f9e Feat/support next (#245) 3 years ago
breadcrumb ef7f7b5608 feat: [Breadcrumb] add a11y aria-* (#489) 3 years ago
button a5b8b4c51d fix(button): fixed button focus style when clicked (#730) 3 years ago
calendar ef2531c8be Fix strict ts (#314) 3 years ago
card f76bd5879d feat: init 4 years ago
carousel be6f513256 fix: remove throttle in indicator change and arrow click (#819) 3 years ago
cascader 5b0cc115a3 fix: Fixed misspelling of words in code on semi-foundation, with no direct impact on users (#660) 3 years ago
checkbox 5b0cc115a3 fix: Fixed misspelling of words in code on semi-foundation, with no direct impact on users (#660) 3 years ago
collapse ef2531c8be Fix strict ts (#314) 3 years ago
collapsible f76bd5879d feat: init 4 years ago
datePicker e8378f360c fix: datePicker triggerRender disabled bug #676 3 years ago
descriptions f76bd5879d feat: init 4 years ago
divider 24163ca972 chore: main merge release 3 years ago
dropdown f76bd5879d feat: init 4 years ago
empty f76bd5879d feat: init 4 years ago
form a4bc3b0e4d Merge branch 'release' of github.com:DouyinFE/semi-design into release 3 years ago
grid f76bd5879d feat: init 4 years ago
icons 626c4b9f9e Feat/support next (#245) 3 years ago
input 5b0cc115a3 fix: Fixed misspelling of words in code on semi-foundation, with no direct impact on users (#660) 3 years ago
inputNumber 39721c19df Merge branch 'main' into release 3 years ago
keyframes f76bd5879d feat: init 4 years ago
layout f76bd5879d feat: init 4 years ago
list f76bd5879d feat: init 4 years ago
modal c33c463ed9 style: add some Sass variables to Button, Input, Modal, Select, ScrollList and TreeSelect components(#570) 3 years ago
navigation 5b0cc115a3 fix: Fixed misspelling of words in code on semi-foundation, with no direct impact on users (#660) 3 years ago
notification 5452012214 fix: fix notification show and hide order (#531) 3 years ago
overflowList 626c4b9f9e Feat/support next (#245) 3 years ago
pagination ef2531c8be Fix strict ts (#314) 3 years ago
popconfirm b6ce00f945 Feat click out side (#273) 4 years ago
popover 1e9d1b5955 fix: scss optimize, add unit in scss (#749) 3 years ago
progress f76bd5879d feat: init 4 years ago
radio cd95ebb1b3 chore: feat/a11y-aira rebase master v2.2 3 years ago
rating 1301e6199f fix(rating): half star ui error when set parant element line-height (#355) 3 years ago
scripts f76bd5879d feat: init 4 years ago
scrollList 1e9d1b5955 fix: scss optimize, add unit in scss (#749) 3 years ago
select ac250a8073 fix: fix select focus&hover border style (#788) 3 years ago
sideSheet cd95ebb1b3 chore: feat/a11y-aira rebase master v2.2 3 years ago
skeleton f76bd5879d feat: init 4 years ago
slider 1adf533548 fix: fix controlled slider component can still trigger value change b… (#768) 3 years ago
space f76bd5879d feat: init 4 years ago
spin f76bd5879d feat: init 4 years ago
steps f76bd5879d feat: init 4 years ago
switch 75ff2c9b6a feat(a11y): switch focus (#805) 3 years ago
table fad9785c79 Merge branch 'milestone-2.6' into release 3 years ago
tabs 5b0cc115a3 fix: Fixed misspelling of words in code on semi-foundation, with no direct impact on users (#660) 3 years ago
tag ac358a6eb5 fix: [Tag] 3px white space problem (#687) 3 years ago
tagInput 78aa6ea6ef fix: prevent trigger submit when press enter in tagInput which using in form, close #767 (#789) 3 years ago
timePicker 5b0cc115a3 fix: Fixed misspelling of words in code on semi-foundation, with no direct impact on users (#660) 3 years ago
timeline 648beea4ff style: fix timeline custom dot props not align (#395) 3 years ago
toast 626c4b9f9e Feat/support next (#245) 3 years ago
tooltip 110dfb3c98 fix: make visibility to hidden under motion to fix timePicker open flush (#790) 3 years ago
transfer 5b0cc115a3 fix: Fixed misspelling of words in code on semi-foundation, with no direct impact on users (#660) 3 years ago
tree 5b0cc115a3 fix: Fixed misspelling of words in code on semi-foundation, with no direct impact on users (#660) 3 years ago
treeSelect 5b0cc115a3 fix: Fixed misspelling of words in code on semi-foundation, with no direct impact on users (#660) 3 years ago
typography f76bd5879d feat: init 4 years ago
upload ba84243136 fix: fix upload when directory and draggable add wrong list (#841) 3 years ago
utils 5b0cc115a3 fix: Fixed misspelling of words in code on semi-foundation, with no direct impact on users (#660) 3 years ago
README.md d8893466dc fix: semi-foundation/README.md gammar optimize (#165) 4 years ago
getBabelConfig.js 626c4b9f9e Feat/support next (#245) 3 years ago
gulpfile.js 9498eead2b feat: upgrade sass to 1.45.0 and set the option charset to false (#440) 3 years ago
package.json 5c0370819f v2.10.4 3 years ago
tsconfig.json 2f70e0bbc2 fix: ts check error of upload/witFied/fields in strict mode 3 years ago

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