DaiQiangReal 15d3752bb3 fix: markdown render types define error hace 10 meses
..
_portal 3d150d1b7f fix: remove fit-content with max-content to match chromium breakchange in 104. (#1032) hace 3 años
anchor b7287fd6c2 feat: anchor add token (#1843) hace 2 años
audioPlayer 9a87b78c67 fix: [AudioPlayer] Compatible with other framework (#2673) hace 1 año
autoComplete f79576d9ce fix: autoComplete can't scroll when keyboard up and down, #1530 (#2501) hace 1 año
avatar cab27191a0 feat: Button Badge add contentClassName (#2262) hace 1 año
backtop bd83d1f9cd chore: format code hace 3 años
badge abe83dc9dd fix: Badge proptypes define (#2091) hace 1 año
banner 13a4bde145 fix: update banner.scss, remove uselsss scss rules of align-items (#2204) hace 1 año
base f05ed24b0b chore: remove file head lint rule which already set global (#1706) hace 2 años
breadcrumb 75e708ee65 style: Fixed incorrect font-weight of the active item in breadcrumb due to changes in typography style hace 2 años
button 1f982e89d0 fix: fix iconButton lost keyframe when no spin component exist hace 1 año
calendar 7086deae41 feat: support side-by-side display of overlapping items in calendar components (#2393) hace 1 año
card dab2c08959 feat: chore backup hace 3 años
carousel 2c43674a31 fix: render state value in children render always get init one (#2634) hace 1 año
cascader e669ae67b4 style: For input type components, the styles of insetLabel and prefix… (#2758) hace 10 meses
chat a5ff50d5d8 Feat/chat 2735 (#2739) hace 10 meses
checkbox f8004dfb8f style: [Checkbox] Modify unreasonable naming, undisabled -> enable (#2494) hace 1 año
codeHighlight 0119fc7070 chore: change code highlight default theme hace 1 año
collapse 14bacab9c7 feat: collapse clickHeaderToExpand api hace 2 años
collapsible 75a6baf18a fix: replace animation token with none token (#1259) hace 3 años
colorPicker 6a5d84d880 chore: optimize code hace 1 año
cropper 7c205edb90 feat: add Cropper componnent (#2642) hace 1 año
datePicker 8df42ba7d3 fix: Update the display logic of months in different years under type monthRange (#2608) hace 1 año
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) hace 1 año
divider 24163ca972 chore: main merge release hace 3 años
dragMove d9e931c738 fix: Fixed the issue in DragMove that after setting the handler, DragMove child elements can still be dragged (#2662) hace 1 año
dropdown bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) hace 1 año
empty f76bd5879d feat: init hace 4 años
form d72b546e6b fix: add warning of field validate race warning, formApi.scrollToError type define, Form.InputGroup miss defaultProps (#2719) hace 11 meses
grid bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) hace 1 año
highlight 52b37b12e1 feat: highlight searchWords support object props (#2600) hace 1 año
hotKeys 33d762b11d chore: Hotkeys, move the event DOM operation to the adapter (#2515) hace 1 año
icons 626c4b9f9e Feat/support next (#245) hace 4 años
image b09e0a1836 fix: Set the max-width of the img node of the image preview to none to avoid the influence of tailwind (#2624) hace 1 año
input e669ae67b4 style: For input type components, the styles of insetLabel and prefix… (#2758) hace 10 meses
inputNumber 23e87e4dbc feat: inputnumber add currency support (#2742) hace 10 meses
jsonViewer 13de2784e9 chore: merge main into release hace 10 meses
keyframes d159394f03 feat: spin js2css hace 3 años
layout f76bd5879d feat: init hace 4 años
list 2a990d4ecd fix: change list empty padding token position hace 3 años
lottie ee4349804b Chore: fix type on lottie props (#2593) hace 1 año
markdownRender 15d3752bb3 fix: markdown render types define error hace 10 meses
modal 9c0f45c3d5 feat: add modalContentClass property hace 1 año
navigation 674612e3d1 fix: add a new selector type for the hover style fallback in the renderWrapper scenario (#2691) hace 10 meses
notification 04fe071c39 fix: fix notification type define of id (#1993) hace 2 años
overflowList deeaf9c978 fix: an element in collapse Tabs may be a react element, Use shallow copy instead of fast copy (#2464) hace 1 año
pagination e082a7d7c0 perf: improve pagination small size render (#1714) hace 2 años
pincode d05c08d728 fix: pinCode didn't trigger onChange on uncontrol mode (#2509) hace 1 año
popconfirm bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) hace 1 año
popover c8e5ca706b fix: popover trigger set (#1820) hace 2 años
progress bd83d1f9cd chore: format code hace 3 años
radio bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) hace 1 año
rating f05ed24b0b chore: remove file head lint rule which already set global (#1706) hace 2 años
resizable 3c4e287508 fix: Fix Resizable not working on touch screen hace 11 meses
scripts f76bd5879d feat: init hace 4 años
scrollList 75a6baf18a fix: replace animation token with none token (#1259) hace 3 años
select e669ae67b4 style: For input type components, the styles of insetLabel and prefix… (#2758) hace 10 meses
sideSheet 872a8e8d45 feat: sidesheet support for customized closeIcon (#1965) hace 2 años
skeleton 9c8ad48bd0 style: change skeleton radius form 4px to --semi-border-radius-small (#1739) hace 2 años
slider eeafecf1f9 fix: fix slider handle flash in control mode (#2442) hace 1 año
space f76bd5879d feat: init hace 4 años
spin 304ccdad70 style: Explicitly set the display of the svg in the spin to inline (#2272) hace 1 año
steps 115eb5a60a fix: change Steps padding-bottom to margin bottom to make line center (#2689) hace 11 meses
switch bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) hace 1 año
table b6216f4a3e feat: Table onChange add extra.changeType API #1238 (#2617) hace 1 año
tabs b092971f02 fix: Modify the implementation of slashes & support dropdownProps settings hace 1 año
tag bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) hace 1 año
tagInput e669ae67b4 style: For input type components, the styles of insetLabel and prefix… (#2758) hace 10 meses
timePicker c91fd5f47d fix: modify createDateDefault to a time zone-independent function in TimePicker (#2727) hace 10 meses
timeline 6511ea7423 fix: #865 hace 3 años
toast 0898c11b47 style: fix toast not center horizontal, close #2256 hace 1 año
tooltip cd80ea5060 feat: tooltip use native anchor hace 10 meses
transfer cde4825d2b fix: When all items except the disabled item in the left panel of tra… (#2574) hace 1 año
tree 3af433032a fix: [TreeSelect] Fix the typeError when closing the panel when search is enabled and treeData is undefined hace 11 meses
treeSelect e669ae67b4 style: For input type components, the styles of insetLabel and prefix… (#2758) hace 10 meses
typography 31dfdeec20 feat: size of Typography support inherit (#2244) hace 1 año
upload 87e357f6a8 fix: upload will cancel when destory by React.StrictMode, close #2410 hace 1 año
userGuide 573124c9e1 feat: support userGuide component (#2733) hace 10 meses
utils 52b37b12e1 feat: highlight searchWords support object props (#2600) hace 1 año
README.md d8893466dc fix: semi-foundation/README.md gammar optimize (#165) hace 4 años
getBabelConfig.js 496f3db0f7 chore: remove corejs hace 3 años
gulpfile.js 1b9c2f04c2 chore: replace divide operator to math.div (#1130) hace 3 años
package.json f492bd51b1 v2.77.0-beta.0 hace 10 meses
tsconfig.json 75fa2004e5 feat: add new component Json viewer (#2561) hace 1 año

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