semi-bot fe089777be v2.63.1 há 1 ano atrás
..
_portal 3d150d1b7f fix: remove fit-content with max-content to match chromium breakchange in 104. (#1032) há 3 anos atrás
anchor b7287fd6c2 feat: anchor add token (#1843) há 2 anos atrás
autoComplete 7837643d6c fix: autoComplete throw error when clear, #2013 (#2016) há 2 anos atrás
avatar cab27191a0 feat: Button Badge add contentClassName (#2262) há 1 ano atrás
backtop bd83d1f9cd chore: format code há 3 anos atrás
badge abe83dc9dd fix: Badge proptypes define (#2091) há 1 ano atrás
banner 13a4bde145 fix: update banner.scss, remove uselsss scss rules of align-items (#2204) há 1 ano atrás
base f05ed24b0b chore: remove file head lint rule which already set global (#1706) há 2 anos atrás
breadcrumb 75e708ee65 style: Fixed incorrect font-weight of the active item in breadcrumb due to changes in typography style há 2 anos atrás
button bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
calendar f62c575cd2 fix: fixed rendering of monthly calendar events (#1826) há 2 anos atrás
card dab2c08959 feat: chore backup há 3 anos atrás
carousel e6c5c03bb2 chore: update judge in autoPlay há 1 ano atrás
cascader 4b6f675ea4 style: Fixed the problem that when Cascader has no options and the emptyContent is hovering, the background color will exceed the popup layer area (#2377) há 1 ano atrás
chat 68160ef36c feat: add new plus components - Chat (#2248) há 1 ano atrás
checkbox bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
codeHighlight 0119fc7070 chore: change code highlight default theme há 1 ano atrás
collapse 14bacab9c7 feat: collapse clickHeaderToExpand api há 2 anos atrás
collapsible 75a6baf18a fix: replace animation token with none token (#1259) há 3 anos atrás
datePicker bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
descriptions e5d53e0280 fix: [Descriptions] Children are not read directly in foundation, but adapter get is used to adapt to other frameworks. Adjust the calculation of horizontal colspan value to automatically complete the remaining part(#2121) há 1 ano atrás
divider 24163ca972 chore: main merge release há 3 anos atrás
dropdown bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
empty f76bd5879d feat: init há 4 anos atrás
form bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
grid bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
highlight 868686ed9f style: update highlight, add global token há 3 anos atrás
icons 626c4b9f9e Feat/support next (#245) há 4 anos atrás
image 2303a57968 feat: ImagePreview add onDownloadError API (#2093) há 1 ano atrás
input 8b647c52c5 Merge branch 'release' há 1 ano atrás
inputNumber f05ed24b0b chore: remove file head lint rule which already set global (#1706) há 2 anos atrás
keyframes d159394f03 feat: spin js2css há 3 anos atrás
layout f76bd5879d feat: init há 4 anos atrás
list 2a990d4ecd fix: change list empty padding token position há 3 anos atrás
lottie 5a83d41be8 chore: doc há 1 ano atrás
markdownRender b278be9f94 feat: add more token to markdownrender há 1 ano atrás
modal 9c0f45c3d5 feat: add modalContentClass property há 1 ano atrás
navigation bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
notification 04fe071c39 fix: fix notification type define of id (#1993) há 2 anos atrás
overflowList d8f24f2985 perf: remove redundant clones and modify cloneDeep(lodash) call to copy(fast-copy) (#2002) há 1 ano atrás
pagination e082a7d7c0 perf: improve pagination small size render (#1714) há 2 anos atrás
pincode a7dd89e4e1 chore: lint add space-infix-ops há 1 ano atrás
popconfirm bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
popover c8e5ca706b fix: popover trigger set (#1820) há 2 anos atrás
progress bd83d1f9cd chore: format code há 3 anos atrás
radio bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
rating f05ed24b0b chore: remove file head lint rule which already set global (#1706) há 2 anos atrás
scripts f76bd5879d feat: init há 4 anos atrás
scrollList 75a6baf18a fix: replace animation token with none token (#1259) há 3 anos atrás
select bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
sideSheet 872a8e8d45 feat: sidesheet support for customized closeIcon (#1965) há 2 anos atrás
skeleton 9c8ad48bd0 style: change skeleton radius form 4px to --semi-border-radius-small (#1739) há 2 anos atrás
slider 46e633f513 fix: fix slider handleDot types error (#2336) há 1 ano atrás
space f76bd5879d feat: init há 4 anos atrás
spin 304ccdad70 style: Explicitly set the display of the svg in the spin to inline (#2272) há 1 ano atrás
steps bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
switch bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
table bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
tabs bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
tag bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
tagInput a154de7e7d style: fix tagInput insetLabel not align with other component (#2216) há 1 ano atrás
timePicker 066e632904 fix: Fixed the issue that when TimePicker selects a later time first, the invalid time value will be caused when onChangeWithDateFirst is false (#2376) há 1 ano atrás
timeline 6511ea7423 fix: #865 há 3 anos atrás
toast 0898c11b47 style: fix toast not center horizontal, close #2256 há 1 ano atrás
tooltip 7193d2f006 chore: move order há 1 ano atrás
transfer ef375fb64e refactor: change react-sortable-hoc to dnd-kit for Transfer/Taginput … (#1738) há 2 anos atrás
tree bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) há 1 ano atrás
treeSelect 9712e5597b fix: TreeSelect showFilteredOnly, searchPosition in trigger, fix panel's options incorrectly display problem (#2345) há 1 ano atrás
typography 31dfdeec20 feat: size of Typography support inherit (#2244) há 1 ano atrás
upload 8b647c52c5 Merge branch 'release' há 1 ano atrás
utils c473cfc689 fix: tooltip onMouseLeave not trigger sometimes when moving mouse quickly will cause hide not work (#2306) há 1 ano atrás
README.md d8893466dc fix: semi-foundation/README.md gammar optimize (#165) há 4 anos atrás
getBabelConfig.js 496f3db0f7 chore: remove corejs há 3 anos atrás
gulpfile.js 1b9c2f04c2 chore: replace divide operator to math.div (#1130) há 3 anos atrás
package.json fe089777be v2.63.1 há 1 ano atrás
tsconfig.json 599618a8c7 chore: setValue ts interface support recur path (#2245) há 1 ano atrás

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