|
4 年之前 | |
---|---|---|
.. | ||
_portal | 4 年之前 | |
anchor | 4 年之前 | |
autoComplete | 4 年之前 | |
avatar | 4 年之前 | |
backtop | 4 年之前 | |
badge | 4 年之前 | |
banner | 4 年之前 | |
base | 4 年之前 | |
breadcrumb | 4 年之前 | |
button | 4 年之前 | |
calendar | 4 年之前 | |
card | 4 年之前 | |
cascader | 4 年之前 | |
checkbox | 4 年之前 | |
collapse | 4 年之前 | |
collapsible | 4 年之前 | |
datePicker | 4 年之前 | |
descriptions | 4 年之前 | |
dropdown | 4 年之前 | |
empty | 4 年之前 | |
form | 4 年之前 | |
grid | 4 年之前 | |
icons | 4 年之前 | |
input | 4 年之前 | |
inputNumber | 4 年之前 | |
keyframes | 4 年之前 | |
layout | 4 年之前 | |
list | 4 年之前 | |
modal | 4 年之前 | |
navigation | 4 年之前 | |
notification | 4 年之前 | |
overflowList | 4 年之前 | |
pagination | 4 年之前 | |
popconfirm | 4 年之前 | |
popover | 4 年之前 | |
progress | 4 年之前 | |
radio | 4 年之前 | |
rating | 4 年之前 | |
scripts | 4 年之前 | |
scrollList | 4 年之前 | |
select | 4 年之前 | |
sideSheet | 4 年之前 | |
skeleton | 4 年之前 | |
slider | 4 年之前 | |
space | 4 年之前 | |
spin | 4 年之前 | |
steps | 4 年之前 | |
switch | 4 年之前 | |
table | 4 年之前 | |
tabs | 4 年之前 | |
tag | 4 年之前 | |
tagInput | 4 年之前 | |
timePicker | 4 年之前 | |
timeline | 4 年之前 | |
toast | 4 年之前 | |
tooltip | 4 年之前 | |
transfer | 4 年之前 | |
tree | 4 年之前 | |
treeSelect | 4 年之前 | |
typography | 4 年之前 | |
upload | 4 年之前 | |
utils | 4 年之前 | |
README.md | 4 年之前 | |
babel.config.js | 4 年之前 | |
gulpfile.js | 4 年之前 | |
package.json | 4 年之前 | |
tsconfig.json | 4 年之前 |
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.
├── 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
MIT