@douyinfe/semi-foundation 2.36.0-alpha.0 → 2.36.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/calendar/calendar.scss +1 -1
- package/calendar/foundation.ts +2 -1
- package/datePicker/_utils/getYears.ts +8 -4
- package/datePicker/foundation.ts +1 -1
- package/datePicker/monthsGridFoundation.ts +2 -1
- package/datePicker/yearAndMonthFoundation.ts +3 -1
- package/lib/cjs/anchor/constants.js +0 -2
- package/lib/cjs/anchor/foundation.js +10 -73
- package/lib/cjs/anchor/linkFoundation.js +4 -16
- package/lib/cjs/autoComplete/constants.js +0 -3
- package/lib/cjs/autoComplete/foundation.d.ts +1 -1
- package/lib/cjs/autoComplete/foundation.js +25 -139
- package/lib/cjs/autoComplete/optionFoundation.js +4 -14
- package/lib/cjs/avatar/constants.js +0 -2
- package/lib/cjs/avatar/foundation.js +0 -17
- package/lib/cjs/backtop/constants.js +0 -2
- package/lib/cjs/backtop/foundation.d.ts +2 -2
- package/lib/cjs/backtop/foundation.js +0 -21
- package/lib/cjs/badge/constants.js +0 -2
- package/lib/cjs/banner/constants.js +0 -2
- package/lib/cjs/banner/foundation.js +0 -7
- package/lib/cjs/base/constants.js +2 -4
- package/lib/cjs/base/foundation.d.ts +1 -1
- package/lib/cjs/base/foundation.js +12 -46
- package/lib/cjs/base/index.js +0 -3
- package/lib/cjs/breadcrumb/constants.js +0 -2
- package/lib/cjs/breadcrumb/foundation.js +1 -12
- package/lib/cjs/breadcrumb/itemFoundation.js +0 -7
- package/lib/cjs/button/constants.js +0 -2
- package/lib/cjs/calendar/calendar.css +2 -2
- package/lib/cjs/calendar/calendar.scss +1 -1
- package/lib/cjs/calendar/constants.js +0 -2
- package/lib/cjs/calendar/eventUtil.d.ts +1 -1
- package/lib/cjs/calendar/eventUtil.js +2 -74
- package/lib/cjs/calendar/foundation.d.ts +2 -2
- package/lib/cjs/calendar/foundation.js +28 -123
- package/lib/cjs/card/constants.js +0 -2
- package/lib/cjs/carousel/constants.js +0 -2
- package/lib/cjs/carousel/foundation.js +2 -52
- package/lib/cjs/cascader/constants.js +0 -3
- package/lib/cjs/cascader/foundation.d.ts +4 -4
- package/lib/cjs/cascader/foundation.js +28 -242
- package/lib/cjs/cascader/util.js +6 -24
- package/lib/cjs/checkbox/checkboxFoundation.js +2 -38
- package/lib/cjs/checkbox/checkboxGroupFoundation.js +2 -23
- package/lib/cjs/checkbox/constants.js +0 -2
- package/lib/cjs/collapse/constants.js +0 -2
- package/lib/cjs/collapse/foundation.d.ts +1 -1
- package/lib/cjs/collapse/foundation.js +2 -13
- package/lib/cjs/collapsible/constants.js +0 -2
- package/lib/cjs/collapsible/foundation.js +0 -9
- package/lib/cjs/datePicker/_utils/formatter.js +4 -10
- package/lib/cjs/datePicker/_utils/getDayOfWeek.d.ts +1 -1
- package/lib/cjs/datePicker/_utils/getDayOfWeek.js +0 -4
- package/lib/cjs/datePicker/_utils/getDefaultFormatToken.js +0 -5
- package/lib/cjs/datePicker/_utils/getDefaultPickerDate.d.ts +1 -1
- package/lib/cjs/datePicker/_utils/getDefaultPickerDate.js +0 -15
- package/lib/cjs/datePicker/_utils/getFullDateOffset.js +0 -7
- package/lib/cjs/datePicker/_utils/getInsetInputFormatToken.js +0 -5
- package/lib/cjs/datePicker/_utils/getInsetInputValueFromInsetInputStr.js +0 -6
- package/lib/cjs/datePicker/_utils/getMonthTable.d.ts +1 -1
- package/lib/cjs/datePicker/_utils/getMonthTable.js +3 -14
- package/lib/cjs/datePicker/_utils/getMonthsInYear.js +0 -2
- package/lib/cjs/datePicker/_utils/getYears.d.ts +1 -1
- package/lib/cjs/datePicker/_utils/getYears.js +9 -7
- package/lib/cjs/datePicker/_utils/index.js +0 -13
- package/lib/cjs/datePicker/_utils/isAfter.js +0 -4
- package/lib/cjs/datePicker/_utils/isBefore.js +0 -4
- package/lib/cjs/datePicker/_utils/isBetween.js +0 -4
- package/lib/cjs/datePicker/_utils/isDate.js +0 -1
- package/lib/cjs/datePicker/_utils/isSameDay.js +0 -4
- package/lib/cjs/datePicker/_utils/isTimestamp.js +0 -4
- package/lib/cjs/datePicker/_utils/isUnixTimestamp.js +0 -4
- package/lib/cjs/datePicker/_utils/isValidDate.js +0 -1
- package/lib/cjs/datePicker/_utils/isValidTimeZone.js +0 -1
- package/lib/cjs/datePicker/_utils/isWithinInterval.js +0 -4
- package/lib/cjs/datePicker/_utils/parser.js +0 -10
- package/lib/cjs/datePicker/constants.js +0 -3
- package/lib/cjs/datePicker/foundation.d.ts +25 -25
- package/lib/cjs/datePicker/foundation.js +22 -333
- package/lib/cjs/datePicker/inputFoundation.d.ts +3 -3
- package/lib/cjs/datePicker/inputFoundation.js +5 -86
- package/lib/cjs/datePicker/monthFoundation.d.ts +1 -1
- package/lib/cjs/datePicker/monthFoundation.js +3 -28
- package/lib/cjs/datePicker/monthsGridFoundation.d.ts +5 -4
- package/lib/cjs/datePicker/monthsGridFoundation.js +43 -238
- package/lib/cjs/datePicker/yearAndMonthFoundation.d.ts +3 -1
- package/lib/cjs/datePicker/yearAndMonthFoundation.js +12 -38
- package/lib/cjs/descriptions/constants.js +0 -2
- package/lib/cjs/divider/constants.js +0 -2
- package/lib/cjs/dropdown/constants.js +0 -3
- package/lib/cjs/dropdown/foundation.js +4 -23
- package/lib/cjs/dropdown/menuFoundation.js +8 -27
- package/lib/cjs/empty/constants.js +0 -2
- package/lib/cjs/form/constants.js +0 -2
- package/lib/cjs/form/foundation.js +75 -206
- package/lib/cjs/form/interface.d.ts +5 -5
- package/lib/cjs/form/utils.js +47 -77
- package/lib/cjs/grid/constants.js +0 -2
- package/lib/cjs/highlight/constants.js +0 -2
- package/lib/cjs/icons/constants.js +0 -2
- package/lib/cjs/image/constants.js +0 -2
- package/lib/cjs/image/imageFoundation.js +4 -18
- package/lib/cjs/image/previewFooterFoundation.js +0 -13
- package/lib/cjs/image/previewFoundation.js +0 -11
- package/lib/cjs/image/previewImageFoundation.js +6 -80
- package/lib/cjs/image/previewInnerFoundation.js +12 -77
- package/lib/cjs/image/utils.js +0 -14
- package/lib/cjs/input/constants.js +0 -2
- package/lib/cjs/input/foundation.js +17 -101
- package/lib/cjs/input/textareaFoundation.js +20 -85
- package/lib/cjs/input/util/calculateNodeHeight.js +6 -18
- package/lib/cjs/input/util/getSizingData.js +7 -11
- package/lib/cjs/inputNumber/constants.js +0 -2
- package/lib/cjs/inputNumber/foundation.js +29 -192
- package/lib/cjs/layout/constants.js +0 -2
- package/lib/cjs/list/constants.js +0 -2
- package/lib/cjs/modal/constants.js +0 -2
- package/lib/cjs/modal/modalContentFoundation.js +0 -20
- package/lib/cjs/modal/modalFoundation.d.ts +2 -2
- package/lib/cjs/modal/modalFoundation.js +2 -22
- package/lib/cjs/navigation/NavItem.js +0 -10
- package/lib/cjs/navigation/constants.js +0 -3
- package/lib/cjs/navigation/foundation.js +3 -67
- package/lib/cjs/navigation/itemFoundation.d.ts +0 -2
- package/lib/cjs/navigation/itemFoundation.js +3 -21
- package/lib/cjs/navigation/navigation.css +7 -77
- package/lib/cjs/navigation/navigation.scss +7 -119
- package/lib/cjs/navigation/subNavFoundation.d.ts +0 -2
- package/lib/cjs/navigation/subNavFoundation.js +4 -40
- package/lib/cjs/notification/constants.js +0 -3
- package/lib/cjs/notification/notificationFoundation.d.ts +3 -3
- package/lib/cjs/notification/notificationFoundation.js +0 -16
- package/lib/cjs/notification/notificationListFoundation.js +7 -17
- package/lib/cjs/overflowList/constants.js +0 -2
- package/lib/cjs/overflowList/foundation.js +11 -41
- package/lib/cjs/pagination/constants.js +0 -2
- package/lib/cjs/pagination/foundation.d.ts +3 -3
- package/lib/cjs/pagination/foundation.js +21 -90
- package/lib/cjs/popconfirm/constants.js +0 -2
- package/lib/cjs/popconfirm/popconfirmFoundation.js +1 -21
- package/lib/cjs/popover/constants.js +0 -3
- package/lib/cjs/progress/constants.js +0 -2
- package/lib/cjs/progress/generates.d.ts +2 -2
- package/lib/cjs/progress/generates.js +19 -60
- package/lib/cjs/radio/constants.js +0 -2
- package/lib/cjs/radio/radioFoundation.js +0 -14
- package/lib/cjs/radio/radioGroupFoundation.js +4 -23
- package/lib/cjs/radio/radioInnerFoundation.js +2 -19
- package/lib/cjs/rating/constants.js +0 -2
- package/lib/cjs/rating/foundation.js +11 -61
- package/lib/cjs/scrollList/constants.js +0 -2
- package/lib/cjs/scrollList/foundation.js +0 -4
- package/lib/cjs/scrollList/itemFoundation.js +8 -61
- package/lib/cjs/scrollList/scrollTo.js +2 -5
- package/lib/cjs/select/constants.js +0 -3
- package/lib/cjs/select/foundation.d.ts +2 -2
- package/lib/cjs/select/foundation.js +122 -425
- package/lib/cjs/select/optionFoundation.js +4 -14
- package/lib/cjs/sideSheet/constants.js +0 -2
- package/lib/cjs/sideSheet/sideSheetFoundation.js +0 -18
- package/lib/cjs/skeleton/constants.js +0 -2
- package/lib/cjs/slider/constants.js +0 -2
- package/lib/cjs/slider/foundation.d.ts +1 -1
- package/lib/cjs/slider/foundation.js +25 -204
- package/lib/cjs/space/constants.js +0 -2
- package/lib/cjs/spin/constants.js +0 -2
- package/lib/cjs/spin/foundation.js +3 -13
- package/lib/cjs/steps/bacisSteps.scss +238 -287
- package/lib/cjs/steps/constants.js +0 -2
- package/lib/cjs/steps/fillSteps.scss +142 -153
- package/lib/cjs/steps/navSteps.scss +40 -61
- package/lib/cjs/steps/steps.css +17 -381
- package/lib/cjs/switch/constants.js +0 -2
- package/lib/cjs/switch/foundation.js +2 -18
- package/lib/cjs/table/bodyFoundation.js +2 -34
- package/lib/cjs/table/cellFoundation.js +0 -5
- package/lib/cjs/table/constants.js +7 -8
- package/lib/cjs/table/foundation.d.ts +17 -14
- package/lib/cjs/table/foundation.js +72 -302
- package/lib/cjs/table/table.css +6 -0
- package/lib/cjs/table/table.scss +12 -0
- package/lib/cjs/table/tableRowFoundation.js +0 -11
- package/lib/cjs/table/tableSelectionCellFoundation.js +0 -6
- package/lib/cjs/table/utils.d.ts +2 -2
- package/lib/cjs/table/utils.js +5 -118
- package/lib/cjs/tabs/constants.js +0 -2
- package/lib/cjs/tabs/foundation.js +2 -40
- package/lib/cjs/tabs/tabs.css +14 -14
- package/lib/cjs/tabs/tabs.scss +16 -14
- package/lib/cjs/tag/constants.js +1 -2
- package/lib/cjs/tagInput/constants.js +0 -2
- package/lib/cjs/tagInput/foundation.d.ts +4 -4
- package/lib/cjs/tagInput/foundation.js +4 -94
- package/lib/cjs/tagInput/utils/getSplitedArray.js +0 -11
- package/lib/cjs/timePicker/ComboxFoundation.js +4 -39
- package/lib/cjs/timePicker/constants.js +0 -3
- package/lib/cjs/timePicker/foundation.d.ts +2 -2
- package/lib/cjs/timePicker/foundation.js +6 -102
- package/lib/cjs/timePicker/inputFoundation.js +6 -25
- package/lib/cjs/timePicker/utils/index.js +6 -45
- package/lib/cjs/timePicker/utils/localeDate.js +0 -10
- package/lib/cjs/timeline/constants.js +0 -2
- package/lib/cjs/timeline/timeline.css +0 -36
- package/lib/cjs/timeline/timeline.scss +46 -96
- package/lib/cjs/toast/constants.js +0 -3
- package/lib/cjs/toast/toastFoundation.d.ts +3 -3
- package/lib/cjs/toast/toastFoundation.js +0 -14
- package/lib/cjs/toast/toastListFoundation.js +4 -22
- package/lib/cjs/tooltip/constants.js +0 -2
- package/lib/cjs/tooltip/foundation.d.ts +1 -1
- package/lib/cjs/tooltip/foundation.js +63 -291
- package/lib/cjs/transfer/constants.js +0 -2
- package/lib/cjs/transfer/foundation.d.ts +1 -1
- package/lib/cjs/transfer/foundation.js +4 -68
- package/lib/cjs/transfer/transferUtils.js +5 -27
- package/lib/cjs/tree/constants.js +0 -2
- package/lib/cjs/tree/foundation.d.ts +3 -3
- package/lib/cjs/tree/foundation.js +34 -150
- package/lib/cjs/tree/treeUtil.js +54 -173
- package/lib/cjs/treeSelect/constants.js +0 -2
- package/lib/cjs/treeSelect/foundation.d.ts +7 -7
- package/lib/cjs/treeSelect/foundation.js +18 -192
- package/lib/cjs/typography/constants.d.ts +1 -0
- package/lib/cjs/typography/constants.js +1 -2
- package/lib/cjs/typography/formatNumeral.d.ts +3 -3
- package/lib/cjs/typography/formatNumeral.js +16 -32
- package/lib/cjs/typography/typography.css +120 -0
- package/lib/cjs/typography/typography.scss +131 -6
- package/lib/cjs/typography/variables.scss +48 -0
- package/lib/cjs/upload/constants.js +0 -2
- package/lib/cjs/upload/foundation.d.ts +5 -5
- package/lib/cjs/upload/foundation.js +36 -245
- package/lib/cjs/upload/utils.js +10 -29
- package/lib/cjs/utils/Event.js +2 -21
- package/lib/cjs/utils/FocusHandle.d.ts +1 -1
- package/lib/cjs/utils/FocusHandle.js +6 -35
- package/lib/cjs/utils/Logger.js +0 -21
- package/lib/cjs/utils/Store.js +0 -10
- package/lib/cjs/utils/a11y.js +18 -43
- package/lib/cjs/utils/array.d.ts +1 -1
- package/lib/cjs/utils/array.js +0 -7
- package/lib/cjs/utils/arrayMove.js +0 -1
- package/lib/cjs/utils/classnames.js +0 -12
- package/lib/cjs/utils/date-fns-extra.js +0 -35
- package/lib/cjs/utils/dom.d.ts +1 -1
- package/lib/cjs/utils/dom.js +0 -13
- package/lib/cjs/utils/function.js +0 -1
- package/lib/cjs/utils/getDataAttr.js +0 -2
- package/lib/cjs/utils/getHighlight.js +5 -26
- package/lib/cjs/utils/getMotionObjFromProps.js +0 -12
- package/lib/cjs/utils/index.js +0 -4
- package/lib/cjs/utils/isBothNaN.js +0 -2
- package/lib/cjs/utils/isElement.js +0 -1
- package/lib/cjs/utils/isEnterPress.js +0 -5
- package/lib/cjs/utils/isEscPress.js +0 -5
- package/lib/cjs/utils/isNullOrUndefined.js +0 -1
- package/lib/cjs/utils/isNumber.js +0 -1
- package/lib/cjs/utils/isObject.js +0 -1
- package/lib/cjs/utils/isPromise.js +0 -3
- package/lib/cjs/utils/isString.js +0 -1
- package/lib/cjs/utils/keyCode.js +0 -105
- package/lib/cjs/utils/log.js +0 -5
- package/lib/cjs/utils/number.js +0 -2
- package/lib/cjs/utils/object.d.ts +4 -4
- package/lib/cjs/utils/object.js +12 -34
- package/lib/cjs/utils/set.js +0 -8
- package/lib/cjs/utils/shallowEqualObjects.js +0 -7
- package/lib/cjs/utils/touchPolyfill.js +0 -7
- package/lib/cjs/utils/type.d.ts +3 -3
- package/lib/cjs/utils/uuid.js +2 -9
- package/lib/cjs/utils/warning.js +0 -1
- package/lib/es/anchor/foundation.js +10 -66
- package/lib/es/anchor/linkFoundation.js +4 -12
- package/lib/es/autoComplete/foundation.d.ts +1 -1
- package/lib/es/autoComplete/foundation.js +24 -132
- package/lib/es/autoComplete/optionFoundation.js +4 -10
- package/lib/es/avatar/foundation.js +0 -12
- package/lib/es/backtop/foundation.d.ts +2 -2
- package/lib/es/backtop/foundation.js +0 -16
- package/lib/es/banner/foundation.js +0 -3
- package/lib/es/base/constants.js +2 -2
- package/lib/es/base/foundation.d.ts +1 -1
- package/lib/es/base/foundation.js +11 -44
- package/lib/es/breadcrumb/foundation.js +0 -7
- package/lib/es/breadcrumb/itemFoundation.js +0 -3
- package/lib/es/calendar/calendar.css +2 -2
- package/lib/es/calendar/calendar.scss +1 -1
- package/lib/es/calendar/eventUtil.d.ts +1 -1
- package/lib/es/calendar/eventUtil.js +2 -36
- package/lib/es/calendar/foundation.d.ts +2 -2
- package/lib/es/calendar/foundation.js +28 -117
- package/lib/es/carousel/foundation.js +2 -47
- package/lib/es/cascader/constants.js +0 -1
- package/lib/es/cascader/foundation.d.ts +4 -4
- package/lib/es/cascader/foundation.js +30 -226
- package/lib/es/cascader/util.js +6 -15
- package/lib/es/checkbox/checkboxFoundation.js +2 -34
- package/lib/es/checkbox/checkboxGroupFoundation.js +2 -20
- package/lib/es/collapse/foundation.d.ts +1 -1
- package/lib/es/collapse/foundation.js +2 -9
- package/lib/es/collapsible/foundation.js +0 -7
- package/lib/es/datePicker/_utils/formatter.js +4 -8
- package/lib/es/datePicker/_utils/getDayOfWeek.d.ts +1 -1
- package/lib/es/datePicker/_utils/getDayOfWeek.js +0 -3
- package/lib/es/datePicker/_utils/getDefaultFormatToken.js +0 -2
- package/lib/es/datePicker/_utils/getDefaultPickerDate.d.ts +1 -1
- package/lib/es/datePicker/_utils/getDefaultPickerDate.js +0 -10
- package/lib/es/datePicker/_utils/getFullDateOffset.js +0 -3
- package/lib/es/datePicker/_utils/getInsetInputFormatToken.js +0 -4
- package/lib/es/datePicker/_utils/getInsetInputValueFromInsetInputStr.js +0 -5
- package/lib/es/datePicker/_utils/getMonthTable.d.ts +1 -1
- package/lib/es/datePicker/_utils/getMonthTable.js +4 -14
- package/lib/es/datePicker/_utils/getMonthsInYear.js +0 -1
- package/lib/es/datePicker/_utils/getYears.d.ts +1 -1
- package/lib/es/datePicker/_utils/getYears.js +9 -6
- package/lib/es/datePicker/_utils/isBetween.js +0 -1
- package/lib/es/datePicker/_utils/parser.js +0 -8
- package/lib/es/datePicker/foundation.d.ts +25 -25
- package/lib/es/datePicker/foundation.js +22 -318
- package/lib/es/datePicker/inputFoundation.d.ts +3 -3
- package/lib/es/datePicker/inputFoundation.js +5 -74
- package/lib/es/datePicker/monthFoundation.d.ts +1 -1
- package/lib/es/datePicker/monthFoundation.js +4 -22
- package/lib/es/datePicker/monthsGridFoundation.d.ts +5 -4
- package/lib/es/datePicker/monthsGridFoundation.js +42 -222
- package/lib/es/datePicker/yearAndMonthFoundation.d.ts +3 -1
- package/lib/es/datePicker/yearAndMonthFoundation.js +12 -36
- package/lib/es/dropdown/foundation.js +4 -18
- package/lib/es/dropdown/menuFoundation.js +8 -22
- package/lib/es/form/foundation.js +74 -195
- package/lib/es/form/interface.d.ts +5 -5
- package/lib/es/form/utils.js +47 -70
- package/lib/es/image/imageFoundation.js +4 -13
- package/lib/es/image/previewFooterFoundation.js +0 -9
- package/lib/es/image/previewFoundation.js +0 -7
- package/lib/es/image/previewImageFoundation.js +6 -72
- package/lib/es/image/previewInnerFoundation.js +12 -70
- package/lib/es/image/utils.js +0 -6
- package/lib/es/input/foundation.js +17 -93
- package/lib/es/input/textareaFoundation.js +20 -75
- package/lib/es/input/util/calculateNodeHeight.js +6 -18
- package/lib/es/input/util/getSizingData.js +7 -11
- package/lib/es/inputNumber/foundation.js +28 -183
- package/lib/es/modal/modalContentFoundation.js +0 -15
- package/lib/es/modal/modalFoundation.d.ts +2 -2
- package/lib/es/modal/modalFoundation.js +2 -17
- package/lib/es/navigation/NavItem.js +0 -6
- package/lib/es/navigation/constants.js +1 -1
- package/lib/es/navigation/foundation.js +2 -60
- package/lib/es/navigation/itemFoundation.d.ts +0 -2
- package/lib/es/navigation/itemFoundation.js +3 -18
- package/lib/es/navigation/navigation.css +7 -77
- package/lib/es/navigation/navigation.scss +7 -119
- package/lib/es/navigation/subNavFoundation.d.ts +0 -2
- package/lib/es/navigation/subNavFoundation.js +4 -36
- package/lib/es/notification/constants.js +1 -1
- package/lib/es/notification/notificationFoundation.d.ts +3 -3
- package/lib/es/notification/notificationFoundation.js +0 -11
- package/lib/es/notification/notificationListFoundation.js +6 -13
- package/lib/es/overflowList/foundation.js +11 -37
- package/lib/es/pagination/foundation.d.ts +3 -3
- package/lib/es/pagination/foundation.js +20 -87
- package/lib/es/popconfirm/popconfirmFoundation.js +1 -16
- package/lib/es/progress/generates.d.ts +2 -2
- package/lib/es/progress/generates.js +19 -59
- package/lib/es/radio/radioFoundation.js +0 -9
- package/lib/es/radio/radioGroupFoundation.js +4 -19
- package/lib/es/radio/radioInnerFoundation.js +2 -15
- package/lib/es/rating/foundation.js +10 -54
- package/lib/es/scrollList/itemFoundation.js +8 -60
- package/lib/es/scrollList/scrollTo.js +2 -4
- package/lib/es/select/foundation.d.ts +2 -2
- package/lib/es/select/foundation.js +122 -411
- package/lib/es/select/optionFoundation.js +4 -10
- package/lib/es/sideSheet/sideSheetFoundation.js +0 -12
- package/lib/es/slider/foundation.d.ts +1 -1
- package/lib/es/slider/foundation.js +24 -197
- package/lib/es/spin/foundation.js +3 -11
- package/lib/es/steps/bacisSteps.scss +238 -287
- package/lib/es/steps/fillSteps.scss +142 -153
- package/lib/es/steps/navSteps.scss +40 -61
- package/lib/es/steps/steps.css +17 -381
- package/lib/es/switch/foundation.js +2 -13
- package/lib/es/table/bodyFoundation.js +2 -25
- package/lib/es/table/cellFoundation.js +0 -1
- package/lib/es/table/constants.js +6 -6
- package/lib/es/table/foundation.d.ts +17 -14
- package/lib/es/table/foundation.js +72 -309
- package/lib/es/table/table.css +6 -0
- package/lib/es/table/table.scss +12 -0
- package/lib/es/table/tableRowFoundation.js +2 -9
- package/lib/es/table/tableSelectionCellFoundation.js +0 -2
- package/lib/es/table/utils.d.ts +2 -2
- package/lib/es/table/utils.js +5 -81
- package/lib/es/tabs/foundation.js +2 -35
- package/lib/es/tabs/tabs.css +14 -14
- package/lib/es/tabs/tabs.scss +16 -14
- package/lib/es/tagInput/foundation.d.ts +4 -4
- package/lib/es/tagInput/foundation.js +4 -84
- package/lib/es/tagInput/utils/getSplitedArray.js +0 -7
- package/lib/es/timePicker/ComboxFoundation.js +4 -30
- package/lib/es/timePicker/foundation.d.ts +2 -2
- package/lib/es/timePicker/foundation.js +7 -95
- package/lib/es/timePicker/inputFoundation.js +6 -22
- package/lib/es/timePicker/utils/index.js +6 -25
- package/lib/es/timePicker/utils/localeDate.js +0 -8
- package/lib/es/timeline/timeline.css +0 -36
- package/lib/es/timeline/timeline.scss +46 -96
- package/lib/es/toast/constants.js +1 -1
- package/lib/es/toast/toastFoundation.d.ts +3 -3
- package/lib/es/toast/toastFoundation.js +0 -9
- package/lib/es/toast/toastListFoundation.js +4 -18
- package/lib/es/tooltip/foundation.d.ts +1 -1
- package/lib/es/tooltip/foundation.js +63 -288
- package/lib/es/transfer/foundation.d.ts +1 -1
- package/lib/es/transfer/foundation.js +6 -62
- package/lib/es/transfer/transferUtils.js +5 -21
- package/lib/es/tree/foundation.d.ts +3 -3
- package/lib/es/tree/foundation.js +34 -143
- package/lib/es/tree/treeUtil.js +54 -139
- package/lib/es/treeSelect/foundation.d.ts +7 -7
- package/lib/es/treeSelect/foundation.js +20 -179
- package/lib/es/typography/constants.d.ts +1 -0
- package/lib/es/typography/constants.js +1 -0
- package/lib/es/typography/formatNumeral.d.ts +3 -3
- package/lib/es/typography/formatNumeral.js +16 -29
- package/lib/es/typography/typography.css +120 -0
- package/lib/es/typography/typography.scss +131 -6
- package/lib/es/typography/variables.scss +48 -0
- package/lib/es/upload/foundation.d.ts +5 -5
- package/lib/es/upload/foundation.js +36 -238
- package/lib/es/upload/utils.js +10 -24
- package/lib/es/utils/Event.js +2 -17
- package/lib/es/utils/FocusHandle.d.ts +1 -1
- package/lib/es/utils/FocusHandle.js +6 -32
- package/lib/es/utils/Logger.js +0 -20
- package/lib/es/utils/Store.js +0 -9
- package/lib/es/utils/a11y.js +18 -31
- package/lib/es/utils/array.d.ts +1 -1
- package/lib/es/utils/array.js +0 -5
- package/lib/es/utils/classnames.js +0 -10
- package/lib/es/utils/date-fns-extra.js +0 -27
- package/lib/es/utils/dom.d.ts +1 -1
- package/lib/es/utils/dom.js +0 -9
- package/lib/es/utils/getDataAttr.js +0 -1
- package/lib/es/utils/getHighlight.js +5 -26
- package/lib/es/utils/getMotionObjFromProps.js +0 -8
- package/lib/es/utils/isBothNaN.js +0 -1
- package/lib/es/utils/isEnterPress.js +0 -2
- package/lib/es/utils/isEscPress.js +0 -2
- package/lib/es/utils/keyCode.js +0 -104
- package/lib/es/utils/log.js +0 -3
- package/lib/es/utils/object.d.ts +4 -4
- package/lib/es/utils/object.js +12 -28
- package/lib/es/utils/set.js +0 -5
- package/lib/es/utils/shallowEqualObjects.js +0 -6
- package/lib/es/utils/touchPolyfill.js +0 -5
- package/lib/es/utils/type.d.ts +3 -3
- package/lib/es/utils/uuid.js +2 -8
- package/navigation/itemFoundation.ts +1 -3
- package/navigation/navigation.scss +7 -119
- package/navigation/subNavFoundation.ts +1 -3
- package/overflowList/foundation.ts +4 -4
- package/package.json +2 -2
- package/steps/bacisSteps.scss +238 -287
- package/steps/fillSteps.scss +142 -153
- package/steps/navSteps.scss +40 -61
- package/table/foundation.ts +8 -10
- package/table/table.scss +12 -0
- package/tabs/tabs.scss +16 -14
- package/timePicker/foundation.ts +4 -6
- package/timeline/timeline.scss +46 -96
- package/typography/constants.ts +1 -0
- package/typography/typography.scss +131 -6
- package/typography/variables.scss +48 -0
- package/upload/foundation.ts +8 -8
package/lib/cjs/steps/steps.css
CHANGED
|
@@ -4,9 +4,6 @@
|
|
|
4
4
|
.semi-steps .semi-col {
|
|
5
5
|
flex: 1;
|
|
6
6
|
}
|
|
7
|
-
.semi-steps .semi-row-flex {
|
|
8
|
-
column-gap: 16px;
|
|
9
|
-
}
|
|
10
7
|
.semi-steps-vertical .semi-row-flex {
|
|
11
8
|
flex-direction: column;
|
|
12
9
|
}
|
|
@@ -16,13 +13,13 @@
|
|
|
16
13
|
height: 72px;
|
|
17
14
|
position: relative;
|
|
18
15
|
overflow: hidden;
|
|
16
|
+
margin-right: 16px;
|
|
19
17
|
border: 1px solid transparent;
|
|
20
18
|
border-radius: var(--semi-border-radius-medium);
|
|
21
19
|
padding: 12px 16px;
|
|
22
20
|
transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
23
21
|
transform: scale(var(--semi-transform_scale-small));
|
|
24
22
|
transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
25
|
-
column-gap: 16px;
|
|
26
23
|
}
|
|
27
24
|
.semi-steps .semi-steps-item .semi-steps-item-title {
|
|
28
25
|
position: relative;
|
|
@@ -142,142 +139,7 @@
|
|
|
142
139
|
background: var(--semi-color-primary-light-default);
|
|
143
140
|
}
|
|
144
141
|
.semi-steps .semi-steps-item-content {
|
|
145
|
-
|
|
146
|
-
overflow: hidden;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
.semi-steps-item-fill.semi-steps-item {
|
|
150
|
-
box-sizing: border-box;
|
|
151
|
-
display: flex;
|
|
152
|
-
height: 72px;
|
|
153
|
-
position: relative;
|
|
154
|
-
overflow: hidden;
|
|
155
|
-
border: 1px solid transparent;
|
|
156
|
-
border-radius: var(--semi-border-radius-medium);
|
|
157
|
-
padding: 12px 16px;
|
|
158
|
-
transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
159
|
-
transform: scale(var(--semi-transform_scale-small));
|
|
160
|
-
transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
161
|
-
column-gap: 16px;
|
|
162
|
-
}
|
|
163
|
-
.semi-steps-item-fill.semi-steps-item .semi-steps-item-title {
|
|
164
|
-
position: relative;
|
|
165
|
-
font-size: 18px;
|
|
166
|
-
line-height: 24px;
|
|
167
|
-
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
168
|
-
font-weight: 600;
|
|
169
|
-
width: 100%;
|
|
170
|
-
overflow: hidden;
|
|
171
|
-
text-overflow: ellipsis;
|
|
172
|
-
white-space: nowrap;
|
|
173
|
-
color: var(--semi-color-text-0);
|
|
174
|
-
transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
175
|
-
}
|
|
176
|
-
.semi-steps-item-fill.semi-steps-item .semi-steps-item-description {
|
|
177
|
-
font-size: 14px;
|
|
178
|
-
line-height: 20px;
|
|
179
|
-
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
180
|
-
color: var(--semi-color-text-2);
|
|
181
|
-
width: 100%;
|
|
182
|
-
overflow: hidden;
|
|
183
|
-
text-overflow: ellipsis;
|
|
184
|
-
white-space: nowrap;
|
|
185
|
-
}
|
|
186
|
-
.semi-steps-item-fill.semi-steps-item-process {
|
|
187
|
-
background-color: var(--semi-color-primary-light-default);
|
|
188
|
-
}
|
|
189
|
-
.semi-steps-item-fill.semi-steps-item-process .semi-steps-item-left:not(.semi-steps-item-icon) {
|
|
190
|
-
background: var(--semi-color-primary);
|
|
191
|
-
}
|
|
192
|
-
.semi-steps-item-fill.semi-steps-item-process .semi-steps-item-title,
|
|
193
|
-
.semi-steps-item-fill.semi-steps-item-process .semi-steps-item-icon {
|
|
194
|
-
color: var(--semi-color-primary);
|
|
195
|
-
}
|
|
196
|
-
.semi-steps-item-fill.semi-steps-item-wait .semi-steps-item-left:not(.semi-steps-item-icon) {
|
|
197
|
-
background: var(--semi-color-text-2);
|
|
198
|
-
}
|
|
199
|
-
.semi-steps-item-fill.semi-steps-item-wait .semi-steps-item-icon {
|
|
200
|
-
color: var(--semi-color-text-2);
|
|
201
|
-
}
|
|
202
|
-
.semi-steps-item-fill.semi-steps-item-finish .semi-icon,
|
|
203
|
-
.semi-steps-item-fill.semi-steps-item-finish .semi-steps-item-title {
|
|
204
|
-
color: var(--semi-color-success);
|
|
205
|
-
}
|
|
206
|
-
.semi-steps-item-fill.semi-steps-item-finish-hover:hover {
|
|
207
|
-
background-color: var(--semi-color-fill-0);
|
|
208
|
-
}
|
|
209
|
-
.semi-steps-item-fill.semi-steps-item-finish-hover:hover .semi-icon,
|
|
210
|
-
.semi-steps-item-fill.semi-steps-item-finish-hover:hover .semi-steps-item-title {
|
|
211
|
-
color: var(--semi-color-success-hover);
|
|
212
|
-
}
|
|
213
|
-
.semi-steps-item-fill.semi-steps-item-finish:active {
|
|
214
|
-
background-color: var(--semi-color-fill-1);
|
|
215
|
-
}
|
|
216
|
-
.semi-steps-item-fill.semi-steps-item-finish:active .semi-icon,
|
|
217
|
-
.semi-steps-item-fill.semi-steps-item-finish:active .semi-steps-item-title {
|
|
218
|
-
color: var(--semi-color-success-active);
|
|
219
|
-
}
|
|
220
|
-
.semi-steps-item-fill.semi-steps-item-error .semi-icon,
|
|
221
|
-
.semi-steps-item-fill.semi-steps-item-error .semi-steps-item-title {
|
|
222
|
-
color: var(--semi-color-danger);
|
|
223
|
-
}
|
|
224
|
-
.semi-steps-item-fill.semi-steps-item-error-hover:hover {
|
|
225
|
-
background: var(--semi-color-fill-0);
|
|
226
|
-
}
|
|
227
|
-
.semi-steps-item-fill.semi-steps-item-error-hover:hover .semi-icon,
|
|
228
|
-
.semi-steps-item-fill.semi-steps-item-error-hover:hover .semi-steps-item-title {
|
|
229
|
-
color: var(--semi-color-danger-hover);
|
|
230
|
-
}
|
|
231
|
-
.semi-steps-item-fill.semi-steps-item-error:active {
|
|
232
|
-
background-color: var(--semi-color-fill-1);
|
|
233
|
-
}
|
|
234
|
-
.semi-steps-item-fill.semi-steps-item-error:active .semi-icon,
|
|
235
|
-
.semi-steps-item-fill.semi-steps-item-error:active .semi-steps-item-title {
|
|
236
|
-
color: var(--semi-color-danger-active);
|
|
237
|
-
}
|
|
238
|
-
.semi-steps-item-fill.semi-steps-item-warning .semi-steps-item-title,
|
|
239
|
-
.semi-steps-item-fill.semi-steps-item-warning .semi-icon {
|
|
240
|
-
color: var(--semi-color-warning);
|
|
241
|
-
}
|
|
242
|
-
.semi-steps-item-fill.semi-steps-item-warning-hover:hover {
|
|
243
|
-
background: var(--semi-color-fill-0);
|
|
244
|
-
}
|
|
245
|
-
.semi-steps-item-fill.semi-steps-item-warning-hover:hover .semi-steps-item-title,
|
|
246
|
-
.semi-steps-item-fill.semi-steps-item-warning-hover:hover .semi-icon {
|
|
247
|
-
color: var(--semi-color-warning-hover);
|
|
248
|
-
}
|
|
249
|
-
.semi-steps-item-fill.semi-steps-item-warning:active {
|
|
250
|
-
background-color: var(--semi-color-fill-1);
|
|
251
|
-
}
|
|
252
|
-
.semi-steps-item-fill.semi-steps-item-warning:active .semi-steps-item-title,
|
|
253
|
-
.semi-steps-item-fill.semi-steps-item-warning:active .semi-icon {
|
|
254
|
-
color: var(--semi-color-warning-active);
|
|
255
|
-
}
|
|
256
|
-
.semi-steps-item-fill.semi-steps-item-clickable {
|
|
257
|
-
cursor: pointer;
|
|
258
|
-
}
|
|
259
|
-
.semi-steps-item-fill .semi-steps-item-left {
|
|
260
|
-
width: 24px;
|
|
261
|
-
height: 24px;
|
|
262
|
-
line-height: 32px;
|
|
263
|
-
text-align: center;
|
|
264
|
-
border-radius: 32px;
|
|
265
|
-
display: flex;
|
|
266
|
-
align-items: center;
|
|
267
|
-
justify-content: center;
|
|
268
|
-
font-size: 20px;
|
|
269
|
-
line-height: 28px;
|
|
270
|
-
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
271
|
-
font-weight: 600;
|
|
272
|
-
flex-grow: 0;
|
|
273
|
-
}
|
|
274
|
-
.semi-steps-item-fill .semi-steps-item-left.semi-steps-item-plain {
|
|
275
|
-
color: rgba(var(--semi-white), 1);
|
|
276
|
-
}
|
|
277
|
-
.semi-steps-item-fill .semi-steps-item-left-process {
|
|
278
|
-
background: var(--semi-color-primary-light-default);
|
|
279
|
-
}
|
|
280
|
-
.semi-steps-item-fill .semi-steps-item-content {
|
|
142
|
+
margin-left: 16px;
|
|
281
143
|
flex: 1;
|
|
282
144
|
overflow: hidden;
|
|
283
145
|
}
|
|
@@ -285,7 +147,6 @@
|
|
|
285
147
|
.semi-steps-basic.semi-steps-horizontal {
|
|
286
148
|
display: flex;
|
|
287
149
|
flex-flow: row nowrap;
|
|
288
|
-
column-gap: 16px;
|
|
289
150
|
}
|
|
290
151
|
.semi-steps-basic.semi-steps-horizontal.semi-steps-hasline .semi-steps-item-title::after {
|
|
291
152
|
content: "";
|
|
@@ -297,6 +158,12 @@
|
|
|
297
158
|
height: 1px;
|
|
298
159
|
background: var(--semi-color-fill-2);
|
|
299
160
|
}
|
|
161
|
+
.semi-steps-basic.semi-steps-horizontal .semi-steps-item {
|
|
162
|
+
padding-left: 16px;
|
|
163
|
+
}
|
|
164
|
+
.semi-steps-basic.semi-steps-horizontal .semi-steps-item:first-child {
|
|
165
|
+
padding-left: 0;
|
|
166
|
+
}
|
|
300
167
|
.semi-steps-basic.semi-steps-horizontal .semi-steps-item:last-child {
|
|
301
168
|
flex: none;
|
|
302
169
|
}
|
|
@@ -336,7 +203,9 @@
|
|
|
336
203
|
.semi-steps-basic.semi-steps-vertical {
|
|
337
204
|
display: flex;
|
|
338
205
|
flex-flow: column nowrap;
|
|
339
|
-
|
|
206
|
+
}
|
|
207
|
+
.semi-steps-basic.semi-steps-vertical.semi-steps-small .semi-steps-item .semi-steps-item-content {
|
|
208
|
+
min-height: 40px;
|
|
340
209
|
}
|
|
341
210
|
.semi-steps-basic.semi-steps-vertical.semi-steps-hasline .semi-steps-item-icon::after {
|
|
342
211
|
content: "";
|
|
@@ -348,8 +217,11 @@
|
|
|
348
217
|
height: 9999px;
|
|
349
218
|
background: var(--semi-color-fill-2);
|
|
350
219
|
}
|
|
351
|
-
.semi-steps-basic.semi-steps-vertical
|
|
352
|
-
|
|
220
|
+
.semi-steps-basic.semi-steps-vertical .semi-steps-item {
|
|
221
|
+
padding-top: 9px;
|
|
222
|
+
}
|
|
223
|
+
.semi-steps-basic.semi-steps-vertical .semi-steps-item:first-child {
|
|
224
|
+
padding-top: 0;
|
|
353
225
|
}
|
|
354
226
|
.semi-steps-basic.semi-steps-vertical .semi-steps-item:last-child .semi-steps-item-icon::after {
|
|
355
227
|
display: none;
|
|
@@ -458,7 +330,7 @@
|
|
|
458
330
|
background: var(--semi-color-fill-0);
|
|
459
331
|
color: var(--semi-color-text-2);
|
|
460
332
|
}
|
|
461
|
-
.semi-steps-basic .semi-steps-item-wait:hover .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
|
|
333
|
+
.semi-steps-basic .semi-steps-item-wait-hover:hover .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
|
|
462
334
|
background: var(--semi-color-secondary-light-default);
|
|
463
335
|
color: var(--semi-color-focus-border);
|
|
464
336
|
}
|
|
@@ -496,197 +368,6 @@
|
|
|
496
368
|
height: 20px;
|
|
497
369
|
}
|
|
498
370
|
|
|
499
|
-
.semi-steps-item-basic.semi-steps-item-horizontal {
|
|
500
|
-
display: flex;
|
|
501
|
-
flex-flow: row nowrap;
|
|
502
|
-
column-gap: 16px;
|
|
503
|
-
}
|
|
504
|
-
.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item:last-child {
|
|
505
|
-
flex: none;
|
|
506
|
-
}
|
|
507
|
-
.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item:last-child .semi-steps-item-title {
|
|
508
|
-
max-width: 100%;
|
|
509
|
-
padding-right: 0;
|
|
510
|
-
}
|
|
511
|
-
.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item:last-child .semi-steps-item-title::after {
|
|
512
|
-
display: none;
|
|
513
|
-
}
|
|
514
|
-
.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item-done .semi-steps-item-container .semi-steps-item-title::after {
|
|
515
|
-
background: var(--semi-color-primary);
|
|
516
|
-
}
|
|
517
|
-
.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item .semi-steps-item-content {
|
|
518
|
-
flex: 1;
|
|
519
|
-
}
|
|
520
|
-
.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item .semi-steps-item-description {
|
|
521
|
-
font-size: 12px;
|
|
522
|
-
line-height: 16px;
|
|
523
|
-
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
524
|
-
color: var(--semi-color-text-2);
|
|
525
|
-
width: 100%;
|
|
526
|
-
max-width: 268px;
|
|
527
|
-
overflow: hidden;
|
|
528
|
-
text-overflow: ellipsis;
|
|
529
|
-
white-space: nowrap;
|
|
530
|
-
}
|
|
531
|
-
.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item .semi-steps-item-title {
|
|
532
|
-
max-width: 80%;
|
|
533
|
-
}
|
|
534
|
-
.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
|
|
535
|
-
overflow: hidden;
|
|
536
|
-
text-overflow: ellipsis;
|
|
537
|
-
white-space: nowrap;
|
|
538
|
-
transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
539
|
-
}
|
|
540
|
-
.semi-steps-item-basic.semi-steps-item-vertical {
|
|
541
|
-
display: flex;
|
|
542
|
-
flex-flow: column nowrap;
|
|
543
|
-
row-gap: 9px;
|
|
544
|
-
}
|
|
545
|
-
.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item:last-child .semi-steps-item-icon::after {
|
|
546
|
-
display: none;
|
|
547
|
-
}
|
|
548
|
-
.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item-done .semi-steps-item-icon::after {
|
|
549
|
-
background: var(--semi-color-primary);
|
|
550
|
-
}
|
|
551
|
-
.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-content {
|
|
552
|
-
min-height: 42px;
|
|
553
|
-
padding-bottom: 22px;
|
|
554
|
-
}
|
|
555
|
-
.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-icon {
|
|
556
|
-
display: inline-flex;
|
|
557
|
-
position: relative;
|
|
558
|
-
padding-bottom: 9px;
|
|
559
|
-
}
|
|
560
|
-
.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-description {
|
|
561
|
-
font-size: 12px;
|
|
562
|
-
line-height: 16px;
|
|
563
|
-
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
564
|
-
color: var(--semi-color-text-2);
|
|
565
|
-
width: 100%;
|
|
566
|
-
}
|
|
567
|
-
.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-title {
|
|
568
|
-
max-width: 100%;
|
|
569
|
-
}
|
|
570
|
-
.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
|
|
571
|
-
overflow: hidden;
|
|
572
|
-
text-overflow: ellipsis;
|
|
573
|
-
white-space: nowrap;
|
|
574
|
-
}
|
|
575
|
-
.semi-steps-item-basic.semi-steps-item {
|
|
576
|
-
box-sizing: border-box;
|
|
577
|
-
position: relative;
|
|
578
|
-
display: inline-block;
|
|
579
|
-
vertical-align: top;
|
|
580
|
-
overflow: hidden;
|
|
581
|
-
flex: 1;
|
|
582
|
-
cursor: pointer;
|
|
583
|
-
transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
584
|
-
transform: scale(var(--semi-transform_scale-small));
|
|
585
|
-
}
|
|
586
|
-
.semi-steps-item-basic.semi-steps-item-hover:hover .semi-steps-item-title {
|
|
587
|
-
color: var(--semi-color-focus-border);
|
|
588
|
-
}
|
|
589
|
-
.semi-steps-item-basic.semi-steps-item-hover:hover .semi-steps-item-description {
|
|
590
|
-
color: var(--semi-color-focus-border);
|
|
591
|
-
}
|
|
592
|
-
.semi-steps-item-basic.semi-steps-item .semi-steps-item-container {
|
|
593
|
-
display: flex;
|
|
594
|
-
align-items: flex-start;
|
|
595
|
-
}
|
|
596
|
-
.semi-steps-item-basic.semi-steps-item .semi-steps-item-left {
|
|
597
|
-
display: flex;
|
|
598
|
-
justify-content: center;
|
|
599
|
-
align-items: center;
|
|
600
|
-
margin-right: 8px;
|
|
601
|
-
}
|
|
602
|
-
.semi-steps-item-basic.semi-steps-item .semi-steps-item-left .semi-steps-item-icon {
|
|
603
|
-
display: flex;
|
|
604
|
-
height: 24px;
|
|
605
|
-
align-items: center;
|
|
606
|
-
}
|
|
607
|
-
.semi-steps-item-basic.semi-steps-item .semi-steps-item-left .semi-steps-item-number-icon {
|
|
608
|
-
display: inline-flex;
|
|
609
|
-
align-items: center;
|
|
610
|
-
justify-content: center;
|
|
611
|
-
width: 24px;
|
|
612
|
-
height: 24px;
|
|
613
|
-
font-size: 16px;
|
|
614
|
-
line-height: 22px;
|
|
615
|
-
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
616
|
-
font-weight: 600;
|
|
617
|
-
background: var(--semi-color-primary);
|
|
618
|
-
border-radius: var(--semi-border-radius-circle);
|
|
619
|
-
color: var(--semi-color-white);
|
|
620
|
-
transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
621
|
-
}
|
|
622
|
-
.semi-steps-item-basic.semi-steps-item .semi-steps-item-title {
|
|
623
|
-
position: relative;
|
|
624
|
-
display: inline-block;
|
|
625
|
-
font-size: 16px;
|
|
626
|
-
line-height: 22px;
|
|
627
|
-
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
628
|
-
line-height: 24px;
|
|
629
|
-
font-weight: 600;
|
|
630
|
-
color: var(--semi-color-text-0);
|
|
631
|
-
vertical-align: top;
|
|
632
|
-
padding-right: 16px;
|
|
633
|
-
padding-bottom: 4px;
|
|
634
|
-
transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
635
|
-
}
|
|
636
|
-
.semi-steps-item-basic.semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon {
|
|
637
|
-
color: var(--semi-color-primary);
|
|
638
|
-
}
|
|
639
|
-
.semi-steps-item-basic.semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
|
|
640
|
-
color: var(--semi-color-white);
|
|
641
|
-
}
|
|
642
|
-
.semi-steps-item-basic.semi-steps-item-wait .semi-steps-item-title {
|
|
643
|
-
color: var(--semi-color-text-2);
|
|
644
|
-
}
|
|
645
|
-
.semi-steps-item-basic.semi-steps-item-wait .semi-steps-item-left .semi-steps-item-icon {
|
|
646
|
-
color: var(--semi-color-text-2);
|
|
647
|
-
}
|
|
648
|
-
.semi-steps-item-basic.semi-steps-item-wait .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
|
|
649
|
-
background: var(--semi-color-fill-0);
|
|
650
|
-
color: var(--semi-color-text-2);
|
|
651
|
-
}
|
|
652
|
-
.semi-steps-item-basic.semi-steps-item-wait:hover .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
|
|
653
|
-
background: var(--semi-color-secondary-light-default);
|
|
654
|
-
color: var(--semi-color-focus-border);
|
|
655
|
-
}
|
|
656
|
-
.semi-steps-item-basic.semi-steps-item-process .semi-steps-item-left .semi-steps-item-icon {
|
|
657
|
-
color: var(--semi-color-primary);
|
|
658
|
-
}
|
|
659
|
-
.semi-steps-item-basic.semi-steps-item-process .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
|
|
660
|
-
color: var(--semi-color-white);
|
|
661
|
-
}
|
|
662
|
-
.semi-steps-item-basic.semi-steps-item-error .semi-steps-item-left .semi-steps-item-icon {
|
|
663
|
-
color: var(--semi-color-danger);
|
|
664
|
-
}
|
|
665
|
-
.semi-steps-item-basic.semi-steps-item-error .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
|
|
666
|
-
color: var(--semi-color-primary);
|
|
667
|
-
}
|
|
668
|
-
.semi-steps-item-basic.semi-steps-item-warning .semi-steps-item-left .semi-steps-item-icon {
|
|
669
|
-
color: var(--semi-color-warning);
|
|
670
|
-
}
|
|
671
|
-
.semi-steps-item-basic.semi-steps-item-warning .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
|
|
672
|
-
color: var(--semi-color-white);
|
|
673
|
-
}
|
|
674
|
-
.semi-steps-item-basic.semi-steps-item-small.semi-steps-item .semi-steps-item-title {
|
|
675
|
-
font-size: 14px;
|
|
676
|
-
line-height: 20px;
|
|
677
|
-
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
678
|
-
}
|
|
679
|
-
.semi-steps-item-basic.semi-steps-item-small.semi-steps-item .semi-steps-item-left .semi-steps-item-icon {
|
|
680
|
-
height: 20px;
|
|
681
|
-
}
|
|
682
|
-
.semi-steps-item-basic.semi-steps-item-small.semi-steps-item .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
|
|
683
|
-
font-size: 12px;
|
|
684
|
-
line-height: 16px;
|
|
685
|
-
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
686
|
-
width: 20px;
|
|
687
|
-
height: 20px;
|
|
688
|
-
}
|
|
689
|
-
|
|
690
371
|
.semi-steps-nav {
|
|
691
372
|
display: inline-flex;
|
|
692
373
|
flex-flow: row nowrap;
|
|
@@ -736,51 +417,6 @@
|
|
|
736
417
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
737
418
|
}
|
|
738
419
|
|
|
739
|
-
.semi-steps-item-nav.semi-steps-item {
|
|
740
|
-
box-sizing: border-box;
|
|
741
|
-
}
|
|
742
|
-
.semi-steps-item-nav.semi-steps-item:last-child {
|
|
743
|
-
flex: none;
|
|
744
|
-
}
|
|
745
|
-
.semi-steps-item-nav.semi-steps-item:last-child .semi-steps-item-content {
|
|
746
|
-
width: auto;
|
|
747
|
-
}
|
|
748
|
-
.semi-steps-item-nav.semi-steps-item .semi-steps-item-container {
|
|
749
|
-
display: flex;
|
|
750
|
-
align-items: center;
|
|
751
|
-
color: var(--semi-color-text-2);
|
|
752
|
-
}
|
|
753
|
-
.semi-steps-item-nav.semi-steps-item .semi-steps-item-container .semi-steps-item-icon {
|
|
754
|
-
display: inline-flex;
|
|
755
|
-
flex: 1;
|
|
756
|
-
justify-content: center;
|
|
757
|
-
color: var(--semi-grey-3);
|
|
758
|
-
min-width: 60px;
|
|
759
|
-
}
|
|
760
|
-
.semi-steps-item-nav.semi-steps-item .semi-steps-item-content {
|
|
761
|
-
flex: 1;
|
|
762
|
-
display: inline-block;
|
|
763
|
-
}
|
|
764
|
-
.semi-steps-item-nav.semi-steps-item .semi-steps-item-title {
|
|
765
|
-
font-size: 16px;
|
|
766
|
-
line-height: 22px;
|
|
767
|
-
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
768
|
-
max-width: 17em;
|
|
769
|
-
overflow: hidden;
|
|
770
|
-
text-overflow: ellipsis;
|
|
771
|
-
white-space: nowrap;
|
|
772
|
-
font-weight: 400;
|
|
773
|
-
}
|
|
774
|
-
.semi-steps-item-nav.semi-steps-item-active .semi-steps-item-title {
|
|
775
|
-
color: var(--semi-color-text-0);
|
|
776
|
-
font-weight: 600;
|
|
777
|
-
}
|
|
778
|
-
.semi-steps-item-nav.semi-steps-item-small .semi-steps-item-title {
|
|
779
|
-
font-size: 14px;
|
|
780
|
-
line-height: 20px;
|
|
781
|
-
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
782
|
-
}
|
|
783
|
-
|
|
784
420
|
.semi-rtl .semi-steps,
|
|
785
421
|
.semi-portal-rtl .semi-steps {
|
|
786
422
|
direction: rtl;
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.strings = exports.cssClasses = void 0;
|
|
7
|
-
|
|
8
7
|
var _constants = require("../base/constants");
|
|
9
|
-
|
|
10
8
|
const cssClasses = {
|
|
11
9
|
PREFIX: `${_constants.BASE_CLASS_PREFIX}-switch`,
|
|
12
10
|
FOCUS: `${_constants.BASE_CLASS_PREFIX}-switch-focus`,
|
|
@@ -4,22 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _foundation = _interopRequireDefault(require("../base/foundation"));
|
|
9
|
-
|
|
10
8
|
var _warning = _interopRequireDefault(require("../utils/warning"));
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
10
|
class SwitchFoundation extends _foundation.default {
|
|
15
11
|
constructor(adapter) {
|
|
16
12
|
super(Object.assign({}, adapter));
|
|
17
|
-
|
|
18
13
|
this.handleFocusVisible = event => {
|
|
19
14
|
const {
|
|
20
15
|
target
|
|
21
16
|
} = event;
|
|
22
|
-
|
|
23
17
|
try {
|
|
24
18
|
if (target.matches(':focus-visible')) {
|
|
25
19
|
this._adapter.setFocusVisible(true);
|
|
@@ -28,43 +22,33 @@ class SwitchFoundation extends _foundation.default {
|
|
|
28
22
|
(0, _warning.default)(true, 'Warning: [Semi Switch] The current browser does not support the focus-visible');
|
|
29
23
|
}
|
|
30
24
|
};
|
|
31
|
-
|
|
32
25
|
this.handleBlur = () => {
|
|
33
26
|
this._adapter.setFocusVisible(false);
|
|
34
27
|
};
|
|
35
28
|
}
|
|
36
|
-
|
|
37
29
|
init() {
|
|
38
30
|
const {
|
|
39
31
|
disabled
|
|
40
32
|
} = this.getProps();
|
|
41
33
|
this.setDisabled(disabled);
|
|
42
34
|
}
|
|
43
|
-
|
|
44
35
|
setChecked(checked) {
|
|
45
36
|
this._adapter.setNativeControlChecked(checked);
|
|
46
37
|
}
|
|
47
|
-
|
|
48
38
|
setDisabled(disabled) {
|
|
49
39
|
this._adapter.setNativeControlDisabled(disabled);
|
|
50
40
|
}
|
|
51
|
-
|
|
52
41
|
handleChange(checked, e) {
|
|
53
42
|
const propChecked = this.getProps().checked;
|
|
54
43
|
const isControlledComponent = typeof propChecked !== 'undefined';
|
|
55
|
-
|
|
56
44
|
if (isControlledComponent) {
|
|
57
45
|
this._adapter.notifyChange(checked, e);
|
|
58
46
|
} else {
|
|
59
47
|
this._adapter.setNativeControlChecked(checked);
|
|
60
|
-
|
|
61
48
|
this._adapter.notifyChange(checked, e);
|
|
62
49
|
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
|
|
50
|
+
}
|
|
51
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
66
52
|
destroy() {}
|
|
67
|
-
|
|
68
53
|
}
|
|
69
|
-
|
|
70
54
|
exports.default = SwitchFoundation;
|
|
@@ -4,55 +4,37 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
|
|
9
|
-
|
|
10
8
|
var _findLastIndex2 = _interopRequireDefault(require("lodash/findLastIndex"));
|
|
11
|
-
|
|
12
9
|
var _isMap2 = _interopRequireDefault(require("lodash/isMap"));
|
|
13
|
-
|
|
14
10
|
var _includes2 = _interopRequireDefault(require("lodash/includes"));
|
|
15
|
-
|
|
16
11
|
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
17
|
-
|
|
18
12
|
var _foundation = _interopRequireDefault(require("../base/foundation"));
|
|
19
|
-
|
|
20
13
|
var _constants = require("./constants");
|
|
21
|
-
|
|
22
14
|
var _utils = require("./utils");
|
|
23
|
-
|
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
-
|
|
26
16
|
class TableBodyFoundation extends _foundation.default {
|
|
27
17
|
init() {
|
|
28
18
|
this.initVirtualizedData();
|
|
29
19
|
this.initExpandBtnShouldInRow();
|
|
30
20
|
}
|
|
31
|
-
|
|
32
21
|
destroy() {
|
|
33
22
|
this.unobserveBodyResize();
|
|
34
23
|
}
|
|
35
|
-
|
|
36
24
|
initVirtualizedData(cb) {
|
|
37
25
|
this._adapter.setVirtualizedData(this.flattenData(this.getProp('dataSource')), cb);
|
|
38
26
|
}
|
|
39
|
-
|
|
40
27
|
initExpandBtnShouldInRow(newExpandRelatedProps) {
|
|
41
28
|
const props = this.getProps(); // TODO check: this._adapter.getProps -> this.getProps
|
|
42
|
-
|
|
43
29
|
const cachedExpandBtnShouldInRow = (0, _utils.expandBtnShouldInRow)(props);
|
|
44
|
-
|
|
45
30
|
this._adapter.setCachedExpandBtnShouldInRow(cachedExpandBtnShouldInRow);
|
|
46
|
-
|
|
47
31
|
if (!(0, _isObject2.default)(newExpandRelatedProps) && !newExpandRelatedProps) {
|
|
48
|
-
const expandRelatedProps = _constants.strings.EXPAND_RELATED_PROPS;
|
|
49
|
-
|
|
32
|
+
const expandRelatedProps = _constants.strings.EXPAND_RELATED_PROPS;
|
|
33
|
+
// eslint-disable-next-line no-param-reassign
|
|
50
34
|
newExpandRelatedProps = expandRelatedProps.map(key => (0, _get2.default)(props, key, undefined));
|
|
51
35
|
}
|
|
52
|
-
|
|
53
36
|
this._adapter.setCachedExpandRelatedProps(newExpandRelatedProps);
|
|
54
37
|
}
|
|
55
|
-
|
|
56
38
|
flattenData() {
|
|
57
39
|
let dataSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
58
40
|
let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
@@ -66,11 +48,9 @@ class TableBodyFoundation extends _foundation.default {
|
|
|
66
48
|
expandedRowKeys,
|
|
67
49
|
groups
|
|
68
50
|
} = this.getProps();
|
|
69
|
-
|
|
70
51
|
if (level === 0 && (0, _isMap2.default)(groups)) {
|
|
71
52
|
groups.forEach((set, key) => {
|
|
72
53
|
const firstIndex = dataSource.findIndex(record => set.has((0, _utils.getRecordKey)(record, rowKey)));
|
|
73
|
-
|
|
74
54
|
if (firstIndex > -1) {
|
|
75
55
|
const lastIndex = (0, _findLastIndex2.default)(dataSource, record => set.has((0, _utils.getRecordKey)(record, rowKey)));
|
|
76
56
|
const expanded = (0, _includes2.default)(expandedRowKeys, key);
|
|
@@ -82,7 +62,6 @@ class TableBodyFoundation extends _foundation.default {
|
|
|
82
62
|
groupKey: key,
|
|
83
63
|
expanded
|
|
84
64
|
});
|
|
85
|
-
|
|
86
65
|
if (expanded) {
|
|
87
66
|
flattenData.push(...this.flattenData(dataSource.slice(firstIndex, lastIndex + 1), level + 1, [...parentKeys], [...childrenKeys]));
|
|
88
67
|
}
|
|
@@ -92,11 +71,9 @@ class TableBodyFoundation extends _foundation.default {
|
|
|
92
71
|
dataSource.forEach((record, index) => {
|
|
93
72
|
const recordKey = (0, _utils.getRecordKey)(record, rowKey);
|
|
94
73
|
const children = (0, _utils.getRecordChildren)(record, childrenRecordName);
|
|
95
|
-
|
|
96
74
|
if (level) {
|
|
97
75
|
childrenKeys.push(recordKey);
|
|
98
76
|
}
|
|
99
|
-
|
|
100
77
|
const item = {
|
|
101
78
|
key: recordKey,
|
|
102
79
|
record,
|
|
@@ -106,7 +83,6 @@ class TableBodyFoundation extends _foundation.default {
|
|
|
106
83
|
};
|
|
107
84
|
flattenData.push(item);
|
|
108
85
|
const extras = [];
|
|
109
|
-
|
|
110
86
|
if ((0, _includes2.default)(expandedRowKeys, recordKey)) {
|
|
111
87
|
if (Array.isArray(children) && children.length) {
|
|
112
88
|
extras.push(...this.flattenData(children, level + 1, [...item.parentKeys], [...item.childrenKeys]));
|
|
@@ -118,34 +94,26 @@ class TableBodyFoundation extends _foundation.default {
|
|
|
118
94
|
record
|
|
119
95
|
});
|
|
120
96
|
}
|
|
121
|
-
|
|
122
97
|
flattenData.push(...extras);
|
|
123
98
|
}
|
|
124
99
|
});
|
|
125
100
|
}
|
|
126
|
-
|
|
127
101
|
return flattenData;
|
|
128
102
|
}
|
|
129
103
|
/**
|
|
130
104
|
* Use ResizeObserver to monitor changes in the size of the body content area, and notify Table to recalculate if it changes. columns #1219
|
|
131
105
|
* (Only monitor the scroll.y scene, other scenes are not monitored, because the header of the scroll.y scene is a separate table, and a scrollbar column will be inserted)
|
|
132
106
|
*/
|
|
133
|
-
|
|
134
|
-
|
|
135
107
|
observeBodyResize(bodyDOM) {
|
|
136
108
|
const {
|
|
137
109
|
scroll
|
|
138
110
|
} = this.getProps(); // TODO check: this._adapter.getProps -> this.getProps
|
|
139
|
-
|
|
140
111
|
if ((0, _get2.default)(scroll, 'y')) {
|
|
141
112
|
return this._adapter.observeBodyResize(bodyDOM);
|
|
142
113
|
}
|
|
143
114
|
}
|
|
144
|
-
|
|
145
115
|
unobserveBodyResize() {
|
|
146
116
|
return this._adapter.unobserveBodyResize();
|
|
147
117
|
}
|
|
148
|
-
|
|
149
118
|
}
|
|
150
|
-
|
|
151
119
|
exports.default = TableBodyFoundation;
|
|
@@ -4,16 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _foundation = _interopRequireDefault(require("../base/foundation"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
class TableCellFoundation extends _foundation.default {
|
|
13
10
|
handleClick(e) {
|
|
14
11
|
this._adapter.notifyClick(this.getProp('record'), e);
|
|
15
12
|
}
|
|
16
|
-
|
|
17
13
|
}
|
|
18
|
-
|
|
19
14
|
exports.default = TableCellFoundation;
|