YyumeiZhang e1235e7972 style: add more token support for Button/Casader/inputnumber (#2809) 6 ماه پیش
..
_portal 3d150d1b7f fix: remove fit-content with max-content to match chromium breakchange in 104. (#1032) 3 سال پیش
anchor b7287fd6c2 feat: anchor add token (#1843) 2 سال پیش
audioPlayer 9a87b78c67 fix: [AudioPlayer] Compatible with other framework (#2673) 9 ماه پیش
autoComplete f79576d9ce fix: autoComplete can't scroll when keyboard up and down, #1530 (#2501) 1 سال پیش
avatar cab27191a0 feat: Button Badge add contentClassName (#2262) 1 سال پیش
backtop 4441155288 chore: Fallback operation when targetNode does not exist (#2786) 6 ماه پیش
badge abe83dc9dd fix: Badge proptypes define (#2091) 1 سال پیش
banner 13a4bde145 fix: update banner.scss, remove uselsss scss rules of align-items (#2204) 1 سال پیش
base f05ed24b0b chore: remove file head lint rule which already set global (#1706) 2 سال پیش
breadcrumb 75e708ee65 style: Fixed incorrect font-weight of the active item in breadcrumb due to changes in typography style 1 سال پیش
button e1235e7972 style: add more token support for Button/Casader/inputnumber (#2809) 6 ماه پیش
calendar 7086deae41 feat: support side-by-side display of overlapping items in calendar components (#2393) 1 سال پیش
card dab2c08959 feat: chore backup 3 سال پیش
carousel 2c43674a31 fix: render state value in children render always get init one (#2634) 10 ماه پیش
cascader e1235e7972 style: add more token support for Button/Casader/inputnumber (#2809) 6 ماه پیش
chat f8a673573c style: Fix the problem that the width of the chat content area is stretched by the table (#2775) 6 ماه پیش
checkbox f8004dfb8f style: [Checkbox] Modify unreasonable naming, undisabled -> enable (#2494) 1 سال پیش
codeHighlight 0119fc7070 chore: change code highlight default theme 1 سال پیش
collapse 14bacab9c7 feat: collapse clickHeaderToExpand api 2 سال پیش
collapsible 75a6baf18a fix: replace animation token with none token (#1259) 3 سال پیش
colorPicker 6a5d84d880 chore: optimize code 1 سال پیش
cropper 16294a73ef feat: [Cropper] add preview API for realtime preivew croppered image (#2782) 7 ماه پیش
datePicker 8df42ba7d3 fix: Update the display logic of months in different years under type monthRange (#2608) 11 ماه پیش
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) 1 سال پیش
divider 24163ca972 chore: main merge release 3 سال پیش
dragMove d9e931c738 fix: Fixed the issue in DragMove that after setting the handler, DragMove child elements can still be dragged (#2662) 9 ماه پیش
dropdown bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) 1 سال پیش
empty f76bd5879d feat: init 4 سال پیش
form d72b546e6b fix: add warning of field validate race warning, formApi.scrollToError type define, Form.InputGroup miss defaultProps (#2719) 8 ماه پیش
grid bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) 1 سال پیش
highlight 52b37b12e1 feat: highlight searchWords support object props (#2600) 11 ماه پیش
hotKeys 33d762b11d chore: Hotkeys, move the event DOM operation to the adapter (#2515) 1 سال پیش
icons 626c4b9f9e Feat/support next (#245) 3 سال پیش
image b09e0a1836 fix: Set the max-width of the img node of the image preview to none to avoid the influence of tailwind (#2624) 10 ماه پیش
input e669ae67b4 style: For input type components, the styles of insetLabel and prefix… (#2758) 7 ماه پیش
inputNumber e1235e7972 style: add more token support for Button/Casader/inputnumber (#2809) 6 ماه پیش
jsonViewer b3356487aa feat: expose jsonviewer search api (#2755) 7 ماه پیش
keyframes d159394f03 feat: spin js2css 3 سال پیش
layout f76bd5879d feat: init 4 سال پیش
list 2a990d4ecd fix: change list empty padding token position 3 سال پیش
lottie ee4349804b Chore: fix type on lottie props (#2593) 11 ماه پیش
markdownRender 16cc39b46c feat: add remarkGfm switch to markdownRender 11 ماه پیش
modal 9c0f45c3d5 feat: add modalContentClass property 1 سال پیش
navigation e9e704751b style: Fix incorrect paddingLeft of navigation (#2761) 7 ماه پیش
notification 04fe071c39 fix: fix notification type define of id (#1993) 1 سال پیش
overflowList deeaf9c978 fix: an element in collapse Tabs may be a react element, Use shallow copy instead of fast copy (#2464) 1 سال پیش
pagination e082a7d7c0 perf: improve pagination small size render (#1714) 2 سال پیش
pincode d05c08d728 fix: pinCode didn't trigger onChange on uncontrol mode (#2509) 1 سال پیش
popconfirm bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) 1 سال پیش
popover 6a4a47ed30 style: Modify the color of Popover arrow to ensure that the configuration can take effect through DSM (#2806) 6 ماه پیش
progress 5b0e52d1dd style: Modify the implementation of background color and progress color in Progress to ensure that the DSM theme configuration takes effect (#2808) 6 ماه پیش
radio bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) 1 سال پیش
rating f05ed24b0b chore: remove file head lint rule which already set global (#1706) 2 سال پیش
resizable 3c4e287508 fix: Fix Resizable not working on touch screen 8 ماه پیش
scripts f76bd5879d feat: init 4 سال پیش
scrollList 1fc17f3b8c style: add color-scrollList_header-bg support (#2789) 6 ماه پیش
select e669ae67b4 style: For input type components, the styles of insetLabel and prefix… (#2758) 7 ماه پیش
sideSheet 872a8e8d45 feat: sidesheet support for customized closeIcon (#1965) 1 سال پیش
skeleton 9c8ad48bd0 style: change skeleton radius form 4px to --semi-border-radius-small (#1739) 2 سال پیش
slider eeafecf1f9 fix: fix slider handle flash in control mode (#2442) 1 سال پیش
space f76bd5879d feat: init 4 سال پیش
spin 304ccdad70 style: Explicitly set the display of the svg in the spin to inline (#2272) 1 سال پیش
steps 115eb5a60a fix: change Steps padding-bottom to margin bottom to make line center (#2689) 8 ماه پیش
switch bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) 1 سال پیش
table c1f2ca8eeb fix: Fixed the problem that when the hot area for sorting is the enti… (#2803) 6 ماه پیش
tabs b092971f02 fix: Modify the implementation of slashes & support dropdownProps settings 1 سال پیش
tag bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) 1 سال پیش
tagInput e669ae67b4 style: For input type components, the styles of insetLabel and prefix… (#2758) 7 ماه پیش
timePicker c91fd5f47d fix: modify createDateDefault to a time zone-independent function in TimePicker (#2727) 8 ماه پیش
timeline 6511ea7423 fix: #865 3 سال پیش
toast 0898c11b47 style: fix toast not center horizontal, close #2256 1 سال پیش
tooltip f41c4939fb Merge pull request #2605 from DouyinFE/fix_tooltip_dom_not_remove 10 ماه پیش
transfer cde4825d2b fix: When all items except the disabled item in the left panel of tra… (#2574) 11 ماه پیش
tree 3af433032a fix: [TreeSelect] Fix the typeError when closing the panel when search is enabled and treeData is undefined 8 ماه پیش
treeSelect e669ae67b4 style: For input type components, the styles of insetLabel and prefix… (#2758) 7 ماه پیش
typography 31dfdeec20 feat: size of Typography support inherit (#2244) 1 سال پیش
upload 87e357f6a8 fix: upload will cancel when destory by React.StrictMode, close #2410 1 سال پیش
userGuide 5d79300385 fix: UserGuide click-through behavior (#2764) 7 ماه پیش
utils 52b37b12e1 feat: highlight searchWords support object props (#2600) 11 ماه پیش
README.md d8893466dc fix: semi-foundation/README.md gammar optimize (#165) 4 سال پیش
getBabelConfig.js 496f3db0f7 chore: remove corejs 3 سال پیش
gulpfile.js 1b9c2f04c2 chore: replace divide operator to math.div (#1130) 3 سال پیش
package.json eb0c5baa2d v2.78.0 6 ماه پیش
tsconfig.json 75fa2004e5 feat: add new component Json viewer (#2561) 11 ماه پیش

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