pointhalo ad3850dd1d docs: update license and add reference of some code from external librarys 4 年之前
..
_portal f76bd5879d feat: init 4 年之前
anchor f76bd5879d feat: init 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 f76bd5879d feat: init 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 f76bd5879d feat: init 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 f76bd5879d feat: init 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 f76bd5879d feat: init 4 年之前
typography f76bd5879d feat: init 4 年之前
upload f76bd5879d feat: init 4 年之前
utils f76bd5879d feat: init 4 年之前
README.md f76bd5879d feat: init 4 年之前
babel.config.js f76bd5879d feat: init 4 年之前
gulpfile.js f76bd5879d feat: init 4 年之前
package.json f76bd5879d feat: init 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