Эхлэл Бүгдийг харах Тусламж
Нэвтрэх
Apq
/
semi-design
-ын хуулбар https://github.com/DouyinFE/semi-design.git
1
0
Салаа 0
Файлууд Асуудлууд 0 Мэдлэгийн сан
Салаа: alpha
Салаанууд Тагууд
semi-design
/
packages
/
semi-foundation
DaiQiangReal de7a4793b6 v2.0.1-alpha.1 4 жил өмнө
..
_portal f76bd5879d feat: init 4 жил өмнө
anchor 8c05e210aa fix: radius and group typo (#92) 4 жил өмнө
autoComplete f76bd5879d feat: init 4 жил өмнө
avatar f76bd5879d feat: init 4 жил өмнө
backtop f76bd5879d feat: init 4 жил өмнө
badge f76bd5879d feat: init 4 жил өмнө
banner f76bd5879d feat: init 4 жил өмнө
base 3f1e99ae84 docs: add reference of typography utils, add inspired source of form & F/A 4 жил өмнө
breadcrumb f76bd5879d feat: init 4 жил өмнө
button f76bd5879d feat: init 4 жил өмнө
calendar f76bd5879d feat: init 4 жил өмнө
card f76bd5879d feat: init 4 жил өмнө
cascader f76bd5879d feat: init 4 жил өмнө
checkbox 8c05e210aa fix: radius and group typo (#92) 4 жил өмнө
collapse f76bd5879d feat: init 4 жил өмнө
collapsible f76bd5879d feat: init 4 жил өмнө
datePicker f76bd5879d feat: init 4 жил өмнө
descriptions f76bd5879d feat: init 4 жил өмнө
dropdown f76bd5879d feat: init 4 жил өмнө
empty f76bd5879d feat: init 4 жил өмнө
form 6766109e15 fix: #67 adjust label margin-right of label in Form.InputGroup, sass token -form_label_posLeft-marginRight reset to 0 4 жил өмнө
grid f76bd5879d feat: init 4 жил өмнө
icons f76bd5879d feat: init 4 жил өмнө
input f76bd5879d feat: init 4 жил өмнө
inputNumber f76bd5879d feat: init 4 жил өмнө
keyframes f76bd5879d feat: init 4 жил өмнө
layout f76bd5879d feat: init 4 жил өмнө
list f76bd5879d feat: init 4 жил өмнө
modal f76bd5879d feat: init 4 жил өмнө
navigation f76bd5879d feat: init 4 жил өмнө
notification f76bd5879d feat: init 4 жил өмнө
overflowList f76bd5879d feat: init 4 жил өмнө
pagination f76bd5879d feat: init 4 жил өмнө
popconfirm f76bd5879d feat: init 4 жил өмнө
popover f76bd5879d feat: init 4 жил өмнө
progress f76bd5879d feat: init 4 жил өмнө
radio f76bd5879d feat: init 4 жил өмнө
rating f76bd5879d feat: init 4 жил өмнө
scripts f76bd5879d feat: init 4 жил өмнө
scrollList f76bd5879d feat: init 4 жил өмнө
select f76bd5879d feat: init 4 жил өмнө
sideSheet f76bd5879d feat: init 4 жил өмнө
skeleton f76bd5879d feat: init 4 жил өмнө
slider 76be18db4f Release (#104) 4 жил өмнө
space f76bd5879d feat: init 4 жил өмнө
spin f76bd5879d feat: init 4 жил өмнө
steps f76bd5879d feat: init 4 жил өмнө
switch f76bd5879d feat: init 4 жил өмнө
table f76bd5879d feat: init 4 жил өмнө
tabs f76bd5879d feat: init 4 жил өмнө
tag f76bd5879d feat: init 4 жил өмнө
tagInput f76bd5879d feat: init 4 жил өмнө
timePicker f76bd5879d feat: init 4 жил өмнө
timeline f76bd5879d feat: init 4 жил өмнө
toast f76bd5879d feat: init 4 жил өмнө
tooltip f76bd5879d feat: init 4 жил өмнө
transfer f76bd5879d feat: init 4 жил өмнө
tree ad3850dd1d docs: update license and add reference of some code from external librarys 4 жил өмнө
treeSelect 76be18db4f Release (#104) 4 жил өмнө
typography f76bd5879d feat: init 4 жил өмнө
upload f76bd5879d feat: init 4 жил өмнө
utils f76bd5879d feat: init 4 жил өмнө
README.md 80d57123fb docs: update semi-foundation readme url 4 жил өмнө
babel.config.js f76bd5879d feat: init 4 жил өмнө
gulpfile.js f76bd5879d feat: init 4 жил өмнө
package.json de7a4793b6 v2.0.1-alpha.1 4 жил өмнө
tsconfig.json f76bd5879d feat: init 4 жил өмнө

README.md

The infrastructure layer used to build modern component library.

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