pointhalo
ad3850dd1d
docs: update license and add reference of some code from external librarys
|
4 lat temu | |
|---|---|---|
| .. | ||
| _portal | 4 lat temu | |
| anchor | 4 lat temu | |
| autoComplete | 4 lat temu | |
| avatar | 4 lat temu | |
| backtop | 4 lat temu | |
| badge | 4 lat temu | |
| banner | 4 lat temu | |
| base | 4 lat temu | |
| breadcrumb | 4 lat temu | |
| button | 4 lat temu | |
| calendar | 4 lat temu | |
| card | 4 lat temu | |
| cascader | 4 lat temu | |
| checkbox | 4 lat temu | |
| collapse | 4 lat temu | |
| collapsible | 4 lat temu | |
| datePicker | 4 lat temu | |
| descriptions | 4 lat temu | |
| dropdown | 4 lat temu | |
| empty | 4 lat temu | |
| form | 4 lat temu | |
| grid | 4 lat temu | |
| icons | 4 lat temu | |
| input | 4 lat temu | |
| inputNumber | 4 lat temu | |
| keyframes | 4 lat temu | |
| layout | 4 lat temu | |
| list | 4 lat temu | |
| modal | 4 lat temu | |
| navigation | 4 lat temu | |
| notification | 4 lat temu | |
| overflowList | 4 lat temu | |
| pagination | 4 lat temu | |
| popconfirm | 4 lat temu | |
| popover | 4 lat temu | |
| progress | 4 lat temu | |
| radio | 4 lat temu | |
| rating | 4 lat temu | |
| scripts | 4 lat temu | |
| scrollList | 4 lat temu | |
| select | 4 lat temu | |
| sideSheet | 4 lat temu | |
| skeleton | 4 lat temu | |
| slider | 4 lat temu | |
| space | 4 lat temu | |
| spin | 4 lat temu | |
| steps | 4 lat temu | |
| switch | 4 lat temu | |
| table | 4 lat temu | |
| tabs | 4 lat temu | |
| tag | 4 lat temu | |
| tagInput | 4 lat temu | |
| timePicker | 4 lat temu | |
| timeline | 4 lat temu | |
| toast | 4 lat temu | |
| tooltip | 4 lat temu | |
| transfer | 4 lat temu | |
| tree | 4 lat temu | |
| treeSelect | 4 lat temu | |
| typography | 4 lat temu | |
| upload | 4 lat temu | |
| utils | 4 lat temu | |
| README.md | 4 lat temu | |
| babel.config.js | 4 lat temu | |
| gulpfile.js | 4 lat temu | |
| package.json | 4 lat temu | |
| tsconfig.json | 4 lat temu | |
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
Foundationcontains the business logic that best representsSemi Designwithout actually referencing any DOM elements.FoundationdelegatesAdaptermethods for any logic that requires DOM manipulationAdapter
Adapteris an interface that has all the methods needed byFoundationto implementSemi Designbusiness logic.Adaptercan 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
License
MIT