صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
Apq
/
semi-design
mirrorاز https://github.com/DouyinFE/semi-design.git
1
0
انشعاب 0
پرونده‌ها مشکلات 0 ویکی
شاخه: pTest1
شاخه‌ها تگ‌ها
semi-design
/
packages
/
semi-foundation
代强 584bdcae16 feat: datepicker add design token (#1844) 2 سال پیش
..
_portal 3d150d1b7f fix: remove fit-content with max-content to match chromium breakchange in 104. (#1032) 3 سال پیش
anchor f05ed24b0b chore: remove file head lint rule which already set global (#1706) 2 سال پیش
autoComplete f05ed24b0b chore: remove file head lint rule which already set global (#1706) 2 سال پیش
avatar f05ed24b0b chore: remove file head lint rule which already set global (#1706) 2 سال پیش
backtop bd83d1f9cd chore: format code 3 سال پیش
badge 78b17e0470 feat: Badge add succss type (#1673) 2 سال پیش
banner bd83d1f9cd chore: format code 3 سال پیش
base f05ed24b0b chore: remove file head lint rule which already set global (#1706) 2 سال پیش
breadcrumb f05ed24b0b chore: remove file head lint rule which already set global (#1706) 2 سال پیش
button 81502aee75 feat: Split Button supports deep nested Button (#1741) 2 سال پیش
calendar f62c575cd2 fix: fixed rendering of monthly calendar events (#1826) 2 سال پیش
card dab2c08959 feat: chore backup 3 سال پیش
carousel 9b82b7e001 chore: eslint fix 2 سال پیش
cascader e67a8a8108 feat: [Cascader] add virtualizeInSearch to virtualize search result panel (#1815) 2 سال پیش
checkbox f05ed24b0b chore: remove file head lint rule which already set global (#1706) 2 سال پیش
collapse 14bacab9c7 feat: collapse clickHeaderToExpand api 2 سال پیش
collapsible 75a6baf18a fix: replace animation token with none token (#1259) 3 سال پیش
datePicker 584bdcae16 feat: datepicker add design token (#1844) 2 سال پیش
descriptions ce3ecd85c7 chore:changeTokenName 3 سال پیش
divider 24163ca972 chore: main merge release 3 سال پیش
dropdown c8e5ca706b fix: popover trigger set (#1820) 2 سال پیش
empty f76bd5879d feat: init 4 سال پیش
form ae2f5b1770 feat: form add stopValidateWithError, trigger, close #640 (#1778) 2 سال پیش
grid 925a0d54fb fix: Grid span = 0 not work when responsive (#1345) 3 سال پیش
highlight 868686ed9f style: update highlight, add global token 3 سال پیش
icons 626c4b9f9e Feat/support next (#245) 4 سال پیش
image 604826bee3 fix: Fix the problem of incomplete display/non-display of Image element when the height is very small 2 سال پیش
input f05ed24b0b chore: remove file head lint rule which already set global (#1706) 2 سال پیش
inputNumber f05ed24b0b chore: remove file head lint rule which already set global (#1706) 2 سال پیش
keyframes d159394f03 feat: spin js2css 3 سال پیش
layout f76bd5879d feat: init 4 سال پیش
list 2a990d4ecd fix: change list empty padding token position 3 سال پیش
modal a626ba3645 chore: change token comment 2 سال پیش
navigation cde47328d9 fix: cleartimeout memory leak (#1785) 2 سال پیش
notification f05ed24b0b chore: remove file head lint rule which already set global (#1706) 2 سال پیش
overflowList 75beea605c fix: ts type check error which cause by ts version update 2 سال پیش
pagination e082a7d7c0 perf: improve pagination small size render (#1714) 2 سال پیش
popconfirm 1394ae47d6 style: popconfirm icon=null, remove marginLeft (#1828) 2 سال پیش
popover c8e5ca706b fix: popover trigger set (#1820) 2 سال پیش
progress bd83d1f9cd chore: format code 3 سال پیش
radio 16ab53ae94 Merge branch 'main' into release 2 سال پیش
rating f05ed24b0b chore: remove file head lint rule which already set global (#1706) 2 سال پیش
scripts f76bd5879d feat: init 4 سال پیش
scrollList 75a6baf18a fix: replace animation token with none token (#1259) 3 سال پیش
select 603ce281ae style: select add box-sizing of loading-wrapper, avoid effect by some global css selector, #1507 2 سال پیش
sideSheet 9b82b7e001 chore: eslint fix 2 سال پیش
skeleton 9c8ad48bd0 style: change skeleton radius form 4px to --semi-border-radius-small (#1739) 2 سال پیش
slider 6d994649aa feat: slider add on MouseUp 2 سال پیش
space f76bd5879d feat: init 4 سال پیش
spin 1ed01d9df9 fix: add vertical-align top to fix wrong height (#1508) 2 سال پیش
steps ea3a994d95 fix: fix steps some hover active style (#1836) 2 سال پیش
switch f05ed24b0b chore: remove file head lint rule which already set global (#1706) 2 سال پیش
table da9da91deb style: table dropdown add maxheight, close #1647 (#1829) 2 سال پیش
tabs 9b82b7e001 chore: eslint fix 2 سال پیش
tag 1e4b31f644 feat: tag support suffixIcon、prefixIcon (#1832) 2 سال پیش
tagInput 375059cd41 fix: [Taginput] Fixed an issue in FireFox where Chinese input could not complete character-to-Chinese conversion (#1811) 2 سال پیش
timePicker ce49ca8cc7 fix: Timepicker fill with wrong current time in start time under controlled mode (#1717) 2 سال پیش
timeline 6511ea7423 fix: #865 3 سال پیش
toast 0bec4b32b9 feat: toast add stack mode improve multiple display at same time (#1746) 2 سال پیش
tooltip a92cd86431 fix: modify the tooltip automatic adjustment position principle (#1812) 2 سال پیش
transfer ef375fb64e refactor: change react-sortable-hoc to dnd-kit for Transfer/Taginput … (#1738) 2 سال پیش
tree 38e50f8fc7 Merge branch 'release' 2 سال پیش
treeSelect 338710438a chore: [Tree][TreeSelect] fix error type defination of onSelect in Tree/TreeSelect (#1804) 2 سال پیش
typography 11c0e9206c feat: typography header weight token 2 سال پیش
upload bbe58f9a19 feat: upload addOnPsting (#1802) 2 سال پیش
utils 9b82b7e001 chore: eslint fix 2 سال پیش
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 d683a25e4d v2.44.0 2 سال پیش
tsconfig.json 2f70e0bbc2 fix: ts check error of upload/witFied/fields in strict mode 4 سال پیش

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