Accueil Explorer Aide
Connexion
Apq
/
semi-design
miroir de https://github.com/DouyinFE/semi-design.git
1
0
Fork 0
Fichiers Tickets 0 Wiki
Branche: release
Branches Tags
semi-design
/
packages
/
semi-foundation
semi-team 4a71ad15a1 v2.91.0-beta.0 il y a 1 semaine
..
_portal 3d150d1b7f fix: remove fit-content with max-content to match chromium breakchange in 104. (#1032) il y a 3 ans
aiChatDialogue a14034fe77 fix: add prismjs to chat & dialogue to aviod prism is no defined problem (#3085) il y a 1 mois
aiChatInput f3c5d3742b feat: [AIChatInput] Newly added sendHotKey API (#3099) il y a 1 mois
anchor b7287fd6c2 feat: anchor add token (#1843) il y a 2 ans
audioPlayer 9a87b78c67 fix: [AudioPlayer] Compatible with other framework (#2673) il y a 1 an
autoComplete 534f4e5cc4 fix: Fixed the problem that AutoComplete did not highlight matching items when searching after data update (#2952) il y a 5 mois
avatar cab27191a0 feat: Button Badge add contentClassName (#2262) il y a 1 an
backtop 4441155288 chore: Fallback operation when targetNode does not exist (#2786) il y a 9 mois
badge 9163f9f174 fix: the light theme badge does not look as expected when used alone (#2930) il y a 5 mois
banner 13a4bde145 fix: update banner.scss, remove uselsss scss rules of align-items (#2204) il y a 1 an
base f05ed24b0b chore: remove file head lint rule which already set global (#1706) il y a 2 ans
breadcrumb c2a12271e8 style: Fix the style problem of BreadCrumb in noLink mode (#2884) il y a 6 mois
button 2bd81e8806 chore: optimize the token descriptions of 10 frequently used custom components (#3055) il y a 1 semaine
calendar 7086deae41 feat: support side-by-side display of overlapping items in calendar components (#2393) il y a 1 an
card dab2c08959 feat: chore backup il y a 3 ans
carousel 2c43674a31 fix: render state value in children render always get init one (#2634) il y a 1 an
cascader 2bd81e8806 chore: optimize the token descriptions of 10 frequently used custom components (#3055) il y a 1 semaine
chat b157e3d45a Merge branch 'main' into release il y a 1 mois
checkbox 2bd81e8806 chore: optimize the token descriptions of 10 frequently used custom components (#3055) il y a 1 semaine
codeHighlight c808f41d4d Update codeHighlight.scss il y a 4 mois
collapse 14bacab9c7 feat: collapse clickHeaderToExpand api il y a 2 ans
collapsible 75a6baf18a fix: replace animation token with none token (#1259) il y a 3 ans
colorPicker 6a5d84d880 chore: optimize code il y a 1 an
cropper 674e152c26 style: [Cropper] To prevent the max-Width setting of img in tailwindCSS from affecting the styles of img in Cropper (#3011) il y a 2 mois
datePicker 2bd81e8806 chore: optimize the token descriptions of 10 frequently used custom components (#3055) il y a 1 semaine
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) il y a 1 an
divider 24163ca972 chore: main merge release il y a 3 ans
dragMove d9e931c738 fix: Fixed the issue in DragMove that after setting the handler, DragMove child elements can still be dragged (#2662) il y a 1 an
dropdown 58209e65fa feat: add backdrop-filter token for Dropdown, Modal, Sidesheet, Popover, Tooltip (#2985) il y a 3 mois
empty f76bd5879d feat: init il y a 4 ans
feedback 66d1be95fd Feat dialogue (#2997) il y a 2 mois
floatButton 66d1be95fd Feat dialogue (#2997) il y a 2 mois
form d72b546e6b fix: add warning of field validate race warning, formApi.scrollToError type define, Form.InputGroup miss defaultProps (#2719) il y a 11 mois
grid bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) il y a 1 an
highlight 52b37b12e1 feat: highlight searchWords support object props (#2600) il y a 1 an
hotKeys 33d762b11d chore: Hotkeys, move the event DOM operation to the adapter (#2515) il y a 1 an
icons 626c4b9f9e Feat/support next (#245) il y a 4 ans
image 417c859d0f fix: fixed The problems in the use of Tooltip in components(AudioPlay… (#3039) il y a 2 mois
input 5bbcc241fb feat(input): add compositionEvent callback in input component (#2922) il y a 5 mois
inputNumber 64bae39931 docs(changelog): add v2.91.0-beta.0 changelog il y a 1 semaine
jsonViewer d9dd3f63f1 feat: add new component Sidebar il y a 3 semaines
keyframes d159394f03 feat: spin js2css il y a 3 ans
layout f76bd5879d feat: init il y a 4 ans
list 2a990d4ecd fix: change list empty padding token position il y a 3 ans
lottie ee4349804b Chore: fix type on lottie props (#2593) il y a 1 an
markdownRender 16cc39b46c feat: add remarkGfm switch to markdownRender il y a 1 an
modal 518ad462cc Merge branch 'main' into release il y a 2 mois
navigation 2bd81e8806 chore: optimize the token descriptions of 10 frequently used custom components (#3055) il y a 1 semaine
notification 04fe071c39 fix: fix notification type define of id (#1993) il y a 2 ans
overflowList deeaf9c978 fix: an element in collapse Tabs may be a react element, Use shallow copy instead of fast copy (#2464) il y a 1 an
pagination e082a7d7c0 perf: improve pagination small size render (#1714) il y a 2 ans
pincode d05c08d728 fix: pinCode didn't trigger onChange on uncontrol mode (#2509) il y a 1 an
popconfirm bca3ec6cac style: fix sass version >= 1.77.7, this use of declarations after nes… (#2370) il y a 1 an
popover 58209e65fa feat: add backdrop-filter token for Dropdown, Modal, Sidesheet, Popover, Tooltip (#2985) il y a 3 mois
progress 5b0e52d1dd style: Modify the implementation of background color and progress color in Progress to ensure that the DSM theme configuration takes effect (#2808) il y a 9 mois
radio 2bd81e8806 chore: optimize the token descriptions of 10 frequently used custom components (#3055) il y a 1 semaine
rating 417c859d0f fix: fixed The problems in the use of Tooltip in components(AudioPlay… (#3039) il y a 2 mois
resizable 3c4e287508 fix: Fix Resizable not working on touch screen il y a 11 mois
scripts 26583a1560 fix: support @douyinfe/semi-foundation/xxx/xxx.scss il y a 2 semaines
scrollList 9657b2776c style: [ScrollList] add overflow hidden for the outer layer (#2818) il y a 8 mois
select 2bd81e8806 chore: optimize the token descriptions of 10 frequently used custom components (#3055) il y a 1 semaine
sideSheet 58209e65fa feat: add backdrop-filter token for Dropdown, Modal, Sidesheet, Popover, Tooltip (#2985) il y a 3 mois
sidebar 72d6f54153 fix: [Sidebar] Added internationalization adaptation for successful copying，Added default value for the resizable API il y a 1 semaine
skeleton 9c8ad48bd0 style: change skeleton radius form 4px to --semi-border-radius-small (#1739) il y a 2 ans
slider 0efd57035e fix: fixed the problem that the handle position of Slider is incorrect when clicking or dragging under scrollable conditions il y a 6 mois
space f76bd5879d feat: init il y a 4 ans
spin 304ccdad70 style: Explicitly set the display of the svg in the spin to inline (#2272) il y a 1 an
steps 115eb5a60a fix: change Steps padding-bottom to margin bottom to make line center (#2689) il y a 11 mois
switch 2bd81e8806 chore: optimize the token descriptions of 10 frequently used custom components (#3055) il y a 1 semaine
table 2bd81e8806 chore: optimize the token descriptions of 10 frequently used custom components (#3055) il y a 1 semaine
tabs 2bd81e8806 chore: optimize the token descriptions of 10 frequently used custom components (#3055) il y a 1 semaine
tag 1f0f337688 Merge branch 'release' il y a 2 mois
tagInput b41fc3612a feat: [TagInput] add split API (#2984) il y a 1 mois
timePicker c91fd5f47d fix: modify createDateDefault to a time zone-independent function in TimePicker (#2727) il y a 10 mois
timeline 6511ea7423 fix: #865 il y a 3 ans
toast 0898c11b47 style: fix toast not center horizontal, close #2256 il y a 1 an
tooltip 58209e65fa feat: add backdrop-filter token for Dropdown, Modal, Sidesheet, Popover, Tooltip (#2985) il y a 3 mois
transfer cde4825d2b fix: When all items except the disabled item in the left panel of tra… (#2574) il y a 1 an
tree f7170b2958 chore: Add code backup and instructions for using keyMaps (#2938) il y a 6 mois
treeSelect 2502d38a9e fix: Fixed when TreeSelect is disabled, clicking on the trigger would… (#2969) il y a 4 mois
typography 31dfdeec20 feat: size of Typography support inherit (#2244) il y a 1 an
upload 2bd81e8806 chore: optimize the token descriptions of 10 frequently used custom components (#3055) il y a 1 semaine
userGuide 5d79300385 fix: UserGuide click-through behavior (#2764) il y a 10 mois
utils 27e7a6779a fix: inputnumber plus calculate wrong cause by js precision (#2937) il y a 6 mois
videoPlayer ef269f7564 fix: add handleVideoPlay and handleVideoPause to update the isPlaying status (#3072) il y a 1 mois
README.md d8893466dc fix: semi-foundation/README.md gammar optimize (#165) il y a 4 ans
getBabelConfig.js 496f3db0f7 chore: remove corejs il y a 3 ans
gulpfile.js 1b9c2f04c2 chore: replace divide operator to math.div (#1130) il y a 3 ans
package.json 4a71ad15a1 v2.91.0-beta.0 il y a 1 semaine
tsconfig.json 75fa2004e5 feat: add new component Json viewer (#2561) il y a 1 an

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