@douyinfe/semi-foundation 2.24.3 → 2.25.0-alpha.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/anchor/anchor.scss +6 -0
- package/anchor/foundation.ts +7 -6
- package/anchor/linkFoundation.ts +0 -1
- package/anchor/variables.scss +4 -0
- package/autoComplete/autoComplete.scss +2 -0
- package/autoComplete/foundation.ts +23 -20
- package/autoComplete/optionFoundation.ts +0 -2
- package/avatar/animation.scss +19 -0
- package/avatar/avatar.scss +314 -1
- package/avatar/constants.ts +21 -4
- package/avatar/foundation.ts +21 -4
- package/avatar/variables.scss +66 -10
- package/badge/badge.scss +13 -0
- package/badge/constants.ts +1 -1
- package/badge/variables.scss +4 -0
- package/base/foundation.ts +2 -3
- package/breadcrumb/breadcrumb.scss +10 -4
- package/breadcrumb/foundation.ts +0 -1
- package/breadcrumb/variables.scss +4 -0
- package/button/button.scss +88 -21
- package/button/iconButton.scss +1 -0
- package/button/splitButtonGroup.scss +10 -9
- package/button/variables.scss +13 -0
- package/calendar/calendar.scss +1 -1
- package/calendar/eventUtil.ts +14 -10
- package/calendar/foundation.ts +9 -9
- package/carousel/carousel.scss +4 -0
- package/carousel/foundation.ts +12 -7
- package/cascader/cascader.scss +66 -23
- package/cascader/constants.ts +5 -1
- package/cascader/foundation.ts +111 -63
- package/cascader/util.ts +64 -10
- package/cascader/variables.scss +5 -1
- package/checkbox/checkbox.scss +0 -1
- package/checkbox/checkboxFoundation.ts +1 -2
- package/checkbox/checkboxGroupFoundation.ts +0 -1
- package/collapse/foundation.ts +1 -0
- package/datePicker/_utils/getDefaultFormatToken.ts +1 -0
- package/datePicker/_utils/getInsetInputFormatToken.ts +1 -0
- package/datePicker/_utils/getInsetInputValueFromInsetInputStr.ts +1 -0
- package/datePicker/_utils/getYears.ts +8 -4
- package/datePicker/_utils/isValidTimeZone.ts +3 -0
- package/datePicker/constants.ts +1 -1
- package/datePicker/datePicker.scss +170 -21
- package/datePicker/foundation.ts +175 -150
- package/datePicker/inputFoundation.ts +34 -16
- package/datePicker/monthFoundation.ts +0 -1
- package/datePicker/monthsGridFoundation.ts +52 -32
- package/datePicker/variables.scss +13 -4
- package/datePicker/yearAndMonthFoundation.ts +68 -21
- package/descriptions/constants.ts +2 -1
- package/descriptions/descriptions.scss +20 -0
- package/descriptions/foundation.ts +36 -0
- package/descriptions/variables.scss +10 -0
- package/dropdown/constants.ts +1 -1
- package/dropdown/dropdown.scss +5 -0
- package/dropdown/foundation.ts +4 -3
- package/dropdown/menuFoundation.ts +3 -3
- package/form/constants.ts +2 -1
- package/form/form.scss +5 -2
- package/form/foundation.ts +12 -10
- package/form/interface.ts +5 -6
- package/form/utils.ts +39 -16
- package/form/variables.scss +3 -0
- package/grid/grid.scss +1 -1
- package/image/constants.ts +5 -1
- package/image/image.scss +9 -5
- package/image/previewFooterFoundation.ts +1 -4
- package/image/previewFoundation.ts +1 -1
- package/image/previewImageFoundation.ts +61 -70
- package/image/previewInnerFoundation.ts +93 -47
- package/image/utils.ts +18 -20
- package/image/variables.scss +1 -1
- package/input/foundation.ts +2 -4
- package/input/input.scss +48 -3
- package/input/textarea.scss +34 -0
- package/input/textareaFoundation.ts +42 -18
- package/input/variables.scss +7 -0
- package/inputNumber/foundation.ts +0 -5
- package/inputNumber/inputNumber.scss +9 -0
- package/lib/cjs/anchor/anchor.css +5 -0
- package/lib/cjs/anchor/anchor.scss +6 -0
- package/lib/cjs/anchor/constants.js +1 -3
- package/lib/cjs/anchor/foundation.js +20 -80
- package/lib/cjs/anchor/linkFoundation.js +3 -16
- package/lib/cjs/anchor/variables.scss +4 -0
- package/lib/cjs/autoComplete/autoComplete.css +1 -0
- package/lib/cjs/autoComplete/autoComplete.scss +2 -0
- package/lib/cjs/autoComplete/constants.js +3 -6
- package/lib/cjs/autoComplete/foundation.d.ts +3 -1
- package/lib/cjs/autoComplete/foundation.js +37 -149
- package/lib/cjs/autoComplete/optionFoundation.js +2 -14
- package/lib/cjs/avatar/animation.scss +19 -0
- package/lib/cjs/avatar/avatar.css +261 -0
- package/lib/cjs/avatar/avatar.scss +314 -1
- package/lib/cjs/avatar/constants.js +1 -4
- package/lib/cjs/avatar/foundation.d.ts +3 -0
- package/lib/cjs/avatar/foundation.js +21 -19
- package/lib/cjs/avatar/variables.scss +66 -10
- package/lib/cjs/backtop/constants.js +1 -3
- package/lib/cjs/backtop/foundation.d.ts +2 -2
- package/lib/cjs/backtop/foundation.js +0 -21
- package/lib/cjs/badge/badge.css +10 -0
- package/lib/cjs/badge/badge.scss +13 -0
- package/lib/cjs/badge/constants.js +2 -4
- package/lib/cjs/badge/variables.scss +4 -0
- package/lib/cjs/banner/constants.js +1 -3
- package/lib/cjs/banner/foundation.js +0 -7
- package/lib/cjs/base/constants.js +2 -4
- package/lib/cjs/base/foundation.d.ts +3 -3
- package/lib/cjs/base/foundation.js +12 -46
- package/lib/cjs/base/index.js +0 -3
- package/lib/cjs/breadcrumb/breadcrumb.css +5 -3
- package/lib/cjs/breadcrumb/breadcrumb.scss +10 -4
- package/lib/cjs/breadcrumb/constants.js +1 -3
- package/lib/cjs/breadcrumb/foundation.js +0 -13
- package/lib/cjs/breadcrumb/itemFoundation.js +0 -7
- package/lib/cjs/breadcrumb/variables.scss +4 -0
- package/lib/cjs/button/button.css +32 -5
- package/lib/cjs/button/button.scss +88 -21
- package/lib/cjs/button/constants.js +1 -3
- package/lib/cjs/button/iconButton.css +1 -0
- package/lib/cjs/button/iconButton.scss +1 -0
- package/lib/cjs/button/splitButtonGroup.scss +10 -9
- package/lib/cjs/button/variables.scss +13 -0
- package/lib/cjs/calendar/calendar.css +2 -2
- package/lib/cjs/calendar/calendar.scss +1 -1
- package/lib/cjs/calendar/constants.js +1 -3
- package/lib/cjs/calendar/eventUtil.d.ts +7 -6
- package/lib/cjs/calendar/eventUtil.js +15 -83
- package/lib/cjs/calendar/foundation.d.ts +4 -4
- package/lib/cjs/calendar/foundation.js +32 -128
- package/lib/cjs/card/constants.js +1 -3
- package/lib/cjs/carousel/carousel.css +4 -0
- package/lib/cjs/carousel/carousel.scss +4 -0
- package/lib/cjs/carousel/constants.js +9 -11
- package/lib/cjs/carousel/foundation.d.ts +2 -0
- package/lib/cjs/carousel/foundation.js +7 -52
- package/lib/cjs/cascader/cascader.css +45 -4
- package/lib/cjs/cascader/cascader.scss +66 -23
- package/lib/cjs/cascader/constants.d.ts +3 -0
- package/lib/cjs/cascader/constants.js +9 -8
- package/lib/cjs/cascader/foundation.d.ts +27 -8
- package/lib/cjs/cascader/foundation.js +122 -300
- package/lib/cjs/cascader/util.d.ts +9 -1
- package/lib/cjs/cascader/util.js +69 -33
- package/lib/cjs/cascader/variables.scss +5 -1
- package/lib/cjs/checkbox/checkbox.css +0 -1
- package/lib/cjs/checkbox/checkbox.scss +0 -1
- package/lib/cjs/checkbox/checkboxFoundation.js +1 -38
- package/lib/cjs/checkbox/checkboxGroupFoundation.js +1 -23
- package/lib/cjs/checkbox/constants.js +13 -15
- package/lib/cjs/collapse/constants.js +1 -3
- package/lib/cjs/collapse/foundation.d.ts +2 -1
- package/lib/cjs/collapse/foundation.js +2 -13
- package/lib/cjs/collapsible/constants.js +1 -3
- 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.d.ts +1 -0
- package/lib/cjs/datePicker/_utils/getDefaultFormatToken.js +2 -6
- 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 +2 -6
- package/lib/cjs/datePicker/_utils/getInsetInputValueFromInsetInputStr.js +1 -6
- package/lib/cjs/datePicker/_utils/getMonthTable.d.ts +1 -1
- package/lib/cjs/datePicker/_utils/getMonthTable.js +7 -18
- package/lib/cjs/datePicker/_utils/getMonthsInYear.js +1 -3
- 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.d.ts +1 -0
- package/lib/cjs/datePicker/_utils/isValidTimeZone.js +9 -0
- package/lib/cjs/datePicker/_utils/isWithinInterval.js +0 -4
- package/lib/cjs/datePicker/_utils/parser.js +0 -10
- package/lib/cjs/datePicker/constants.d.ts +1 -1
- package/lib/cjs/datePicker/constants.js +28 -31
- package/lib/cjs/datePicker/datePicker.css +88 -13
- package/lib/cjs/datePicker/datePicker.scss +170 -21
- package/lib/cjs/datePicker/foundation.d.ts +79 -50
- package/lib/cjs/datePicker/foundation.js +173 -441
- package/lib/cjs/datePicker/inputFoundation.d.ts +15 -6
- package/lib/cjs/datePicker/inputFoundation.js +35 -98
- package/lib/cjs/datePicker/monthFoundation.d.ts +1 -1
- package/lib/cjs/datePicker/monthFoundation.js +2 -28
- package/lib/cjs/datePicker/monthsGridFoundation.d.ts +18 -13
- package/lib/cjs/datePicker/monthsGridFoundation.js +70 -247
- package/lib/cjs/datePicker/variables.scss +13 -4
- package/lib/cjs/datePicker/yearAndMonthFoundation.d.ts +68 -13
- package/lib/cjs/datePicker/yearAndMonthFoundation.js +55 -42
- package/lib/cjs/descriptions/constants.d.ts +1 -0
- package/lib/cjs/descriptions/constants.js +3 -4
- package/lib/cjs/descriptions/descriptions.css +15 -0
- package/lib/cjs/descriptions/descriptions.scss +20 -0
- package/lib/cjs/descriptions/foundation.d.ts +7 -0
- package/lib/cjs/descriptions/foundation.js +45 -0
- package/lib/cjs/descriptions/variables.scss +10 -0
- package/lib/cjs/divider/constants.js +1 -3
- package/lib/cjs/dropdown/constants.js +4 -7
- package/lib/cjs/dropdown/dropdown.css +4 -0
- package/lib/cjs/dropdown/dropdown.scss +5 -0
- package/lib/cjs/dropdown/foundation.js +9 -25
- package/lib/cjs/dropdown/menuFoundation.js +9 -28
- package/lib/cjs/empty/constants.js +1 -3
- package/lib/cjs/form/constants.d.ts +1 -0
- package/lib/cjs/form/constants.js +3 -4
- package/lib/cjs/form/form.css +4 -0
- package/lib/cjs/form/form.scss +5 -2
- package/lib/cjs/form/foundation.d.ts +4 -4
- package/lib/cjs/form/foundation.js +84 -214
- package/lib/cjs/form/interface.d.ts +10 -10
- package/lib/cjs/form/utils.d.ts +10 -1
- package/lib/cjs/form/utils.js +85 -93
- package/lib/cjs/form/variables.scss +3 -0
- package/lib/cjs/grid/constants.js +1 -3
- package/lib/cjs/grid/grid.css +1 -1
- package/lib/cjs/grid/grid.scss +1 -1
- package/lib/cjs/highlight/constants.js +1 -3
- package/lib/cjs/icons/constants.js +1 -3
- package/lib/cjs/image/constants.d.ts +4 -1
- package/lib/cjs/image/constants.js +7 -5
- package/lib/cjs/image/image.css +4 -2
- package/lib/cjs/image/image.scss +9 -5
- package/lib/cjs/image/imageFoundation.js +4 -18
- package/lib/cjs/image/previewFooterFoundation.d.ts +0 -1
- package/lib/cjs/image/previewFooterFoundation.js +0 -14
- package/lib/cjs/image/previewFoundation.js +0 -11
- package/lib/cjs/image/previewImageFoundation.d.ts +9 -24
- package/lib/cjs/image/previewImageFoundation.js +79 -164
- package/lib/cjs/image/previewInnerFoundation.d.ts +19 -15
- package/lib/cjs/image/previewInnerFoundation.js +108 -114
- package/lib/cjs/image/utils.d.ts +1 -1
- package/lib/cjs/image/utils.js +46 -35
- package/lib/cjs/image/variables.scss +1 -1
- package/lib/cjs/input/constants.js +1 -3
- package/lib/cjs/input/foundation.js +19 -104
- package/lib/cjs/input/input.css +45 -1
- package/lib/cjs/input/input.scss +48 -3
- package/lib/cjs/input/textarea.css +20 -0
- package/lib/cjs/input/textarea.scss +34 -0
- package/lib/cjs/input/textareaFoundation.d.ts +1 -1
- package/lib/cjs/input/textareaFoundation.js +58 -101
- package/lib/cjs/input/util/calculateNodeHeight.js +6 -18
- package/lib/cjs/input/util/getSizingData.js +7 -11
- package/lib/cjs/input/variables.scss +7 -0
- package/lib/cjs/inputNumber/constants.js +0 -2
- package/lib/cjs/inputNumber/foundation.js +28 -197
- package/lib/cjs/inputNumber/inputNumber.css +4 -0
- package/lib/cjs/inputNumber/inputNumber.scss +9 -0
- package/lib/cjs/layout/constants.js +1 -3
- package/lib/cjs/list/constants.js +1 -3
- package/lib/cjs/modal/constants.js +1 -3
- package/lib/cjs/modal/modal.css +8 -0
- package/lib/cjs/modal/modal.scss +10 -1
- package/lib/cjs/modal/modalContentFoundation.js +0 -20
- package/lib/cjs/modal/modalFoundation.d.ts +8 -4
- package/lib/cjs/modal/modalFoundation.js +40 -15
- package/lib/cjs/modal/variables.scss +6 -1
- package/lib/cjs/navigation/NavItem.js +0 -12
- package/lib/cjs/navigation/constants.js +1 -4
- package/lib/cjs/navigation/foundation.js +3 -70
- package/lib/cjs/navigation/itemFoundation.js +3 -22
- package/lib/cjs/navigation/subNavFoundation.js +7 -42
- package/lib/cjs/notification/constants.js +3 -6
- package/lib/cjs/notification/notification.css +18 -0
- package/lib/cjs/notification/notification.scss +21 -1
- package/lib/cjs/notification/notificationFoundation.d.ts +6 -6
- package/lib/cjs/notification/notificationFoundation.js +0 -16
- package/lib/cjs/notification/notificationListFoundation.d.ts +4 -1
- package/lib/cjs/notification/notificationListFoundation.js +15 -18
- package/lib/cjs/overflowList/constants.d.ts +6 -4
- package/lib/cjs/overflowList/constants.js +3 -3
- package/lib/cjs/overflowList/foundation.d.ts +3 -1
- package/lib/cjs/overflowList/foundation.js +59 -68
- package/lib/cjs/pagination/constants.js +1 -3
- package/lib/cjs/pagination/foundation.d.ts +5 -3
- package/lib/cjs/pagination/foundation.js +36 -93
- package/lib/cjs/pagination/pagination.css +23 -0
- package/lib/cjs/pagination/pagination.scss +29 -0
- package/lib/cjs/pagination/variables.scss +1 -0
- package/lib/cjs/popconfirm/constants.js +2 -4
- package/lib/cjs/popconfirm/popconfirm.css +4 -24
- package/lib/cjs/popconfirm/popconfirm.scss +4 -16
- package/lib/cjs/popconfirm/popconfirmFoundation.d.ts +4 -0
- package/lib/cjs/popconfirm/popconfirmFoundation.js +17 -19
- package/lib/cjs/popconfirm/rtl.scss +0 -13
- package/lib/cjs/popconfirm/variables.scss +0 -4
- package/lib/cjs/popover/constants.d.ts +1 -1
- package/lib/cjs/popover/constants.js +3 -6
- package/lib/cjs/popover/popover.css +2 -0
- package/lib/cjs/popover/popover.scss +2 -0
- package/lib/cjs/progress/constants.js +1 -3
- package/lib/cjs/progress/generates.d.ts +2 -2
- package/lib/cjs/progress/generates.js +33 -74
- package/lib/cjs/radio/constants.js +13 -15
- package/lib/cjs/radio/radio.css +3 -0
- package/lib/cjs/radio/radio.scss +6 -3
- package/lib/cjs/radio/radioFoundation.js +0 -14
- package/lib/cjs/radio/radioGroupFoundation.js +3 -23
- package/lib/cjs/radio/radioInnerFoundation.js +1 -19
- package/lib/cjs/radio/variables.scss +4 -0
- package/lib/cjs/rating/constants.js +1 -3
- package/lib/cjs/rating/foundation.js +10 -62
- package/lib/cjs/scrollList/constants.js +2 -4
- 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 +3 -6
- package/lib/cjs/select/foundation.d.ts +8 -6
- package/lib/cjs/select/foundation.js +172 -433
- package/lib/cjs/select/option.scss +1 -1
- package/lib/cjs/select/optionFoundation.js +2 -14
- package/lib/cjs/select/select.css +50 -0
- package/lib/cjs/select/select.scss +74 -5
- package/lib/cjs/select/variables.scss +9 -6
- package/lib/cjs/sideSheet/constants.js +2 -4
- package/lib/cjs/sideSheet/sideSheet.css +30 -0
- package/lib/cjs/sideSheet/sideSheet.scss +38 -0
- package/lib/cjs/sideSheet/sideSheetFoundation.d.ts +1 -0
- package/lib/cjs/sideSheet/sideSheetFoundation.js +0 -18
- package/lib/cjs/sideSheet/variables.scss +7 -0
- package/lib/cjs/skeleton/constants.js +1 -3
- package/lib/cjs/skeleton/skeleton.css +3 -2
- package/lib/cjs/skeleton/skeleton.scss +1 -0
- package/lib/cjs/skeleton/variables.scss +2 -2
- package/lib/cjs/slider/constants.d.ts +1 -0
- package/lib/cjs/slider/constants.js +8 -9
- package/lib/cjs/slider/foundation.d.ts +13 -2
- package/lib/cjs/slider/foundation.js +30 -226
- package/lib/cjs/slider/slider.css +25 -11
- package/lib/cjs/slider/slider.scss +16 -1
- package/lib/cjs/slider/variables.scss +15 -9
- package/lib/cjs/space/constants.js +1 -3
- package/lib/cjs/spin/constants.js +1 -3
- package/lib/cjs/spin/foundation.js +3 -13
- package/lib/cjs/spin/spin.css +3 -0
- package/lib/cjs/spin/spin.scss +3 -0
- package/lib/cjs/steps/bacisSteps.scss +10 -3
- package/lib/cjs/steps/constants.js +2 -4
- package/lib/cjs/steps/fillSteps.scss +7 -7
- package/lib/cjs/steps/steps.css +27 -22
- package/lib/cjs/steps/variables.scss +3 -3
- package/lib/cjs/switch/constants.js +13 -15
- package/lib/cjs/switch/foundation.js +1 -21
- package/lib/cjs/switch/switch.css +10 -0
- package/lib/cjs/switch/switch.scss +13 -2
- package/lib/cjs/table/bodyFoundation.js +1 -34
- package/lib/cjs/table/cellFoundation.js +0 -5
- package/lib/cjs/table/constants.d.ts +0 -1
- package/lib/cjs/table/constants.js +13 -18
- package/lib/cjs/table/foundation.d.ts +26 -16
- package/lib/cjs/table/foundation.js +79 -308
- package/lib/cjs/table/rtl.scss +33 -2
- package/lib/cjs/table/table.css +100 -64
- package/lib/cjs/table/table.scss +66 -8
- package/lib/cjs/table/tableRowFoundation.js +0 -12
- package/lib/cjs/table/tableSelectionCellFoundation.js +0 -6
- package/lib/cjs/table/utils.d.ts +6 -4
- package/lib/cjs/table/utils.js +27 -160
- package/lib/cjs/table/variables.scss +6 -3
- package/lib/cjs/tabs/constants.js +21 -23
- package/lib/cjs/tabs/foundation.js +2 -40
- package/lib/cjs/tabs/tabs.css +207 -7
- package/lib/cjs/tabs/tabs.scss +339 -24
- package/lib/cjs/tag/constants.js +1 -4
- package/lib/cjs/tag/tag.css +34 -1
- package/lib/cjs/tag/tag.scss +43 -4
- package/lib/cjs/tag/variables.scss +5 -0
- package/lib/cjs/tagInput/constants.js +1 -3
- package/lib/cjs/tagInput/foundation.d.ts +7 -4
- package/lib/cjs/tagInput/foundation.js +64 -88
- package/lib/cjs/tagInput/tagInput.css +35 -9
- package/lib/cjs/tagInput/tagInput.scss +41 -12
- package/lib/cjs/tagInput/utils/getSplitedArray.js +0 -11
- package/lib/cjs/tagInput/variables.scss +2 -0
- package/lib/cjs/timePicker/ComboxFoundation.js +6 -41
- package/lib/cjs/timePicker/constants.js +3 -6
- package/lib/cjs/timePicker/foundation.d.ts +2 -2
- package/lib/cjs/timePicker/foundation.js +28 -107
- package/lib/cjs/timePicker/inputFoundation.js +4 -25
- package/lib/cjs/timePicker/timePicker.css +15 -0
- package/lib/cjs/timePicker/timePicker.scss +22 -1
- package/lib/cjs/timePicker/utils/index.js +12 -51
- package/lib/cjs/timePicker/utils/localeDate.js +0 -10
- package/lib/cjs/timeline/constants.js +2 -4
- package/lib/cjs/toast/animation.scss +3 -0
- package/lib/cjs/toast/constants.js +3 -6
- package/lib/cjs/toast/toast.css +35 -3
- package/lib/cjs/toast/toast.scss +43 -3
- package/lib/cjs/toast/toastFoundation.d.ts +5 -4
- package/lib/cjs/toast/toastFoundation.js +0 -14
- package/lib/cjs/toast/toastListFoundation.d.ts +5 -0
- package/lib/cjs/toast/toastListFoundation.js +10 -22
- package/lib/cjs/toast/variables.scss +14 -0
- package/lib/cjs/tooltip/constants.d.ts +1 -1
- package/lib/cjs/tooltip/constants.js +2 -4
- package/lib/cjs/tooltip/foundation.d.ts +5 -2
- package/lib/cjs/tooltip/foundation.js +143 -336
- package/lib/cjs/tooltip/tooltip.css +7 -0
- package/lib/cjs/tooltip/tooltip.scss +9 -0
- package/lib/cjs/transfer/constants.js +1 -3
- package/lib/cjs/transfer/foundation.d.ts +1 -1
- package/lib/cjs/transfer/foundation.js +4 -69
- package/lib/cjs/transfer/transfer.css +4 -0
- package/lib/cjs/transfer/transfer.scss +7 -0
- package/lib/cjs/transfer/transferUtils.js +5 -27
- package/lib/cjs/tree/constants.js +2 -4
- package/lib/cjs/tree/foundation.d.ts +14 -9
- package/lib/cjs/tree/foundation.js +60 -183
- package/lib/cjs/tree/rtl.scss +19 -11
- package/lib/cjs/tree/tree.css +147 -65
- package/lib/cjs/tree/tree.scss +112 -17
- package/lib/cjs/tree/treeUtil.d.ts +17 -8
- package/lib/cjs/tree/treeUtil.js +102 -195
- package/lib/cjs/tree/variables.scss +3 -2
- package/lib/cjs/treeSelect/constants.js +3 -5
- package/lib/cjs/treeSelect/foundation.d.ts +26 -13
- package/lib/cjs/treeSelect/foundation.js +153 -248
- package/lib/cjs/treeSelect/treeSelect.css +55 -10
- package/lib/cjs/treeSelect/treeSelect.scss +76 -20
- package/lib/cjs/treeSelect/variables.scss +4 -2
- package/lib/cjs/typography/constants.d.ts +1 -0
- package/lib/cjs/typography/constants.js +2 -3
- package/lib/cjs/typography/formatNumeral.d.ts +3 -3
- package/lib/cjs/typography/formatNumeral.js +22 -43
- package/lib/cjs/typography/typography.css +135 -2
- package/lib/cjs/typography/typography.scss +151 -8
- package/lib/cjs/typography/variables.scss +52 -0
- package/lib/cjs/upload/constants.js +2 -4
- package/lib/cjs/upload/fileCardFoundation.d.ts +9 -0
- package/lib/cjs/upload/fileCardFoundation.js +18 -0
- package/lib/cjs/upload/foundation.d.ts +14 -5
- package/lib/cjs/upload/foundation.js +107 -247
- package/lib/cjs/upload/upload.css +9 -0
- package/lib/cjs/upload/upload.scss +8 -0
- package/lib/cjs/upload/utils.js +14 -33
- package/lib/cjs/utils/Event.js +1 -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 +2 -2
- package/lib/cjs/utils/array.js +2 -9
- package/lib/cjs/utils/arrayMove.js +0 -1
- package/lib/cjs/utils/classnames.js +0 -12
- package/lib/cjs/utils/date-fns-extra.d.ts +28 -17
- package/lib/cjs/utils/date-fns-extra.js +82 -51
- package/lib/cjs/utils/dom.d.ts +1 -1
- package/lib/cjs/utils/dom.js +0 -13
- package/lib/cjs/utils/function.js +0 -2
- package/lib/cjs/utils/getDataAttr.js +1 -3
- package/lib/cjs/utils/getHighlight.js +5 -26
- package/lib/cjs/utils/getMotionObjFromProps.js +4 -16
- 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 +10 -36
- package/lib/cjs/utils/set.js +0 -8
- package/lib/cjs/utils/shallowEqualObjects.js +0 -7
- package/lib/cjs/utils/touchPolyfill.js +1 -8
- package/lib/cjs/utils/type.d.ts +3 -3
- package/lib/cjs/utils/uuid.js +4 -11
- package/lib/cjs/utils/warning.js +1 -2
- package/lib/es/anchor/anchor.css +5 -0
- package/lib/es/anchor/anchor.scss +6 -0
- package/lib/es/anchor/constants.js +1 -1
- package/lib/es/anchor/foundation.js +20 -73
- package/lib/es/anchor/linkFoundation.js +3 -12
- package/lib/es/anchor/variables.scss +4 -0
- package/lib/es/autoComplete/autoComplete.css +1 -0
- package/lib/es/autoComplete/autoComplete.scss +2 -0
- package/lib/es/autoComplete/constants.js +3 -3
- package/lib/es/autoComplete/foundation.d.ts +3 -1
- package/lib/es/autoComplete/foundation.js +37 -142
- package/lib/es/autoComplete/optionFoundation.js +2 -10
- package/lib/es/avatar/animation.scss +19 -0
- package/lib/es/avatar/avatar.css +261 -0
- package/lib/es/avatar/avatar.scss +314 -1
- package/lib/es/avatar/constants.js +1 -2
- package/lib/es/avatar/foundation.d.ts +3 -0
- package/lib/es/avatar/foundation.js +21 -14
- package/lib/es/avatar/variables.scss +66 -10
- package/lib/es/backtop/constants.js +1 -1
- package/lib/es/backtop/foundation.d.ts +2 -2
- package/lib/es/backtop/foundation.js +0 -16
- package/lib/es/badge/badge.css +10 -0
- package/lib/es/badge/badge.scss +13 -0
- package/lib/es/badge/constants.js +2 -2
- package/lib/es/badge/variables.scss +4 -0
- package/lib/es/banner/constants.js +1 -1
- package/lib/es/banner/foundation.js +0 -3
- package/lib/es/base/constants.js +2 -2
- package/lib/es/base/foundation.d.ts +3 -3
- package/lib/es/base/foundation.js +11 -44
- package/lib/es/breadcrumb/breadcrumb.css +5 -3
- package/lib/es/breadcrumb/breadcrumb.scss +10 -4
- package/lib/es/breadcrumb/constants.js +1 -1
- package/lib/es/breadcrumb/foundation.js +0 -8
- package/lib/es/breadcrumb/itemFoundation.js +0 -3
- package/lib/es/breadcrumb/variables.scss +4 -0
- package/lib/es/button/button.css +32 -5
- package/lib/es/button/button.scss +88 -21
- package/lib/es/button/constants.js +1 -1
- package/lib/es/button/iconButton.css +1 -0
- package/lib/es/button/iconButton.scss +1 -0
- package/lib/es/button/splitButtonGroup.scss +10 -9
- package/lib/es/button/variables.scss +13 -0
- package/lib/es/calendar/calendar.css +2 -2
- package/lib/es/calendar/calendar.scss +1 -1
- package/lib/es/calendar/constants.js +1 -1
- package/lib/es/calendar/eventUtil.d.ts +7 -6
- package/lib/es/calendar/eventUtil.js +15 -45
- package/lib/es/calendar/foundation.d.ts +4 -4
- package/lib/es/calendar/foundation.js +32 -122
- package/lib/es/card/constants.js +1 -1
- package/lib/es/carousel/carousel.css +4 -0
- package/lib/es/carousel/carousel.scss +4 -0
- package/lib/es/carousel/constants.js +9 -9
- package/lib/es/carousel/foundation.d.ts +2 -0
- package/lib/es/carousel/foundation.js +7 -47
- package/lib/es/cascader/cascader.css +45 -4
- package/lib/es/cascader/cascader.scss +66 -23
- package/lib/es/cascader/constants.d.ts +3 -0
- package/lib/es/cascader/constants.js +7 -5
- package/lib/es/cascader/foundation.d.ts +27 -8
- package/lib/es/cascader/foundation.js +125 -286
- package/lib/es/cascader/util.d.ts +9 -1
- package/lib/es/cascader/util.js +65 -24
- package/lib/es/cascader/variables.scss +5 -1
- package/lib/es/checkbox/checkbox.css +0 -1
- package/lib/es/checkbox/checkbox.scss +0 -1
- package/lib/es/checkbox/checkboxFoundation.js +1 -34
- package/lib/es/checkbox/checkboxGroupFoundation.js +1 -20
- package/lib/es/checkbox/constants.js +13 -13
- package/lib/es/collapse/constants.js +1 -1
- package/lib/es/collapse/foundation.d.ts +2 -1
- package/lib/es/collapse/foundation.js +2 -9
- package/lib/es/collapsible/constants.js +1 -1
- 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.d.ts +1 -0
- package/lib/es/datePicker/_utils/getDefaultFormatToken.js +2 -3
- 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 +2 -5
- package/lib/es/datePicker/_utils/getInsetInputValueFromInsetInputStr.js +1 -5
- package/lib/es/datePicker/_utils/getMonthTable.d.ts +1 -1
- package/lib/es/datePicker/_utils/getMonthTable.js +8 -18
- package/lib/es/datePicker/_utils/getMonthsInYear.js +1 -2
- 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/isValidTimeZone.d.ts +1 -0
- package/lib/es/datePicker/_utils/isValidTimeZone.js +3 -0
- package/lib/es/datePicker/_utils/parser.js +0 -8
- package/lib/es/datePicker/constants.d.ts +1 -1
- package/lib/es/datePicker/constants.js +28 -28
- package/lib/es/datePicker/datePicker.css +88 -13
- package/lib/es/datePicker/datePicker.scss +170 -21
- package/lib/es/datePicker/foundation.d.ts +79 -50
- package/lib/es/datePicker/foundation.js +173 -426
- package/lib/es/datePicker/inputFoundation.d.ts +15 -6
- package/lib/es/datePicker/inputFoundation.js +35 -85
- package/lib/es/datePicker/monthFoundation.d.ts +1 -1
- package/lib/es/datePicker/monthFoundation.js +3 -22
- package/lib/es/datePicker/monthsGridFoundation.d.ts +18 -13
- package/lib/es/datePicker/monthsGridFoundation.js +70 -231
- package/lib/es/datePicker/variables.scss +13 -4
- package/lib/es/datePicker/yearAndMonthFoundation.d.ts +68 -13
- package/lib/es/datePicker/yearAndMonthFoundation.js +55 -37
- package/lib/es/descriptions/constants.d.ts +1 -0
- package/lib/es/descriptions/constants.js +3 -2
- package/lib/es/descriptions/descriptions.css +15 -0
- package/lib/es/descriptions/descriptions.scss +20 -0
- package/lib/es/descriptions/foundation.d.ts +7 -0
- package/lib/es/descriptions/foundation.js +37 -0
- package/lib/es/descriptions/variables.scss +10 -0
- package/lib/es/divider/constants.js +1 -1
- package/lib/es/dropdown/constants.js +4 -4
- package/lib/es/dropdown/dropdown.css +4 -0
- package/lib/es/dropdown/dropdown.scss +5 -0
- package/lib/es/dropdown/foundation.js +9 -20
- package/lib/es/dropdown/menuFoundation.js +9 -23
- package/lib/es/empty/constants.js +1 -1
- package/lib/es/form/constants.d.ts +1 -0
- package/lib/es/form/constants.js +3 -2
- package/lib/es/form/form.css +4 -0
- package/lib/es/form/form.scss +5 -2
- package/lib/es/form/foundation.d.ts +4 -4
- package/lib/es/form/foundation.js +84 -203
- package/lib/es/form/interface.d.ts +10 -10
- package/lib/es/form/utils.d.ts +10 -1
- package/lib/es/form/utils.js +83 -86
- package/lib/es/form/variables.scss +3 -0
- package/lib/es/grid/constants.js +1 -1
- package/lib/es/grid/grid.css +1 -1
- package/lib/es/grid/grid.scss +1 -1
- package/lib/es/highlight/constants.js +1 -1
- package/lib/es/icons/constants.js +1 -1
- package/lib/es/image/constants.d.ts +4 -1
- package/lib/es/image/constants.js +5 -2
- package/lib/es/image/image.css +4 -2
- package/lib/es/image/image.scss +9 -5
- package/lib/es/image/imageFoundation.js +4 -13
- package/lib/es/image/previewFooterFoundation.d.ts +0 -1
- package/lib/es/image/previewFooterFoundation.js +0 -10
- package/lib/es/image/previewFoundation.js +0 -7
- package/lib/es/image/previewImageFoundation.d.ts +9 -24
- package/lib/es/image/previewImageFoundation.js +79 -156
- package/lib/es/image/previewInnerFoundation.d.ts +19 -15
- package/lib/es/image/previewInnerFoundation.js +108 -107
- package/lib/es/image/utils.d.ts +1 -1
- package/lib/es/image/utils.js +46 -27
- package/lib/es/image/variables.scss +1 -1
- package/lib/es/input/constants.js +1 -1
- package/lib/es/input/foundation.js +19 -96
- package/lib/es/input/input.css +45 -1
- package/lib/es/input/input.scss +48 -3
- package/lib/es/input/textarea.css +20 -0
- package/lib/es/input/textarea.scss +34 -0
- package/lib/es/input/textareaFoundation.d.ts +1 -1
- package/lib/es/input/textareaFoundation.js +58 -91
- package/lib/es/input/util/calculateNodeHeight.js +6 -18
- package/lib/es/input/util/getSizingData.js +7 -11
- package/lib/es/input/variables.scss +7 -0
- package/lib/es/inputNumber/foundation.js +28 -188
- package/lib/es/inputNumber/inputNumber.css +4 -0
- package/lib/es/inputNumber/inputNumber.scss +9 -0
- package/lib/es/layout/constants.js +1 -1
- package/lib/es/list/constants.js +1 -1
- package/lib/es/modal/constants.js +1 -1
- package/lib/es/modal/modal.css +8 -0
- package/lib/es/modal/modal.scss +10 -1
- package/lib/es/modal/modalContentFoundation.js +0 -15
- package/lib/es/modal/modalFoundation.d.ts +8 -4
- package/lib/es/modal/modalFoundation.js +40 -11
- package/lib/es/modal/variables.scss +6 -1
- package/lib/es/navigation/NavItem.js +0 -8
- package/lib/es/navigation/constants.js +2 -2
- package/lib/es/navigation/foundation.js +3 -63
- package/lib/es/navigation/itemFoundation.js +3 -19
- package/lib/es/navigation/subNavFoundation.js +7 -38
- package/lib/es/notification/constants.js +4 -4
- package/lib/es/notification/notification.css +18 -0
- package/lib/es/notification/notification.scss +21 -1
- package/lib/es/notification/notificationFoundation.d.ts +6 -6
- package/lib/es/notification/notificationFoundation.js +0 -11
- package/lib/es/notification/notificationListFoundation.d.ts +4 -1
- package/lib/es/notification/notificationListFoundation.js +15 -14
- package/lib/es/overflowList/constants.d.ts +6 -4
- package/lib/es/overflowList/constants.js +3 -1
- package/lib/es/overflowList/foundation.d.ts +3 -1
- package/lib/es/overflowList/foundation.js +59 -64
- package/lib/es/pagination/constants.js +1 -1
- package/lib/es/pagination/foundation.d.ts +5 -3
- package/lib/es/pagination/foundation.js +36 -90
- package/lib/es/pagination/pagination.css +23 -0
- package/lib/es/pagination/pagination.scss +29 -0
- package/lib/es/pagination/variables.scss +1 -0
- package/lib/es/popconfirm/constants.js +2 -2
- package/lib/es/popconfirm/popconfirm.css +4 -24
- package/lib/es/popconfirm/popconfirm.scss +4 -16
- package/lib/es/popconfirm/popconfirmFoundation.d.ts +4 -0
- package/lib/es/popconfirm/popconfirmFoundation.js +17 -14
- package/lib/es/popconfirm/rtl.scss +0 -13
- package/lib/es/popconfirm/variables.scss +0 -4
- package/lib/es/popover/constants.d.ts +1 -1
- package/lib/es/popover/constants.js +3 -3
- package/lib/es/popover/popover.css +2 -0
- package/lib/es/popover/popover.scss +2 -0
- package/lib/es/progress/constants.js +1 -1
- package/lib/es/progress/generates.d.ts +2 -2
- package/lib/es/progress/generates.js +33 -73
- package/lib/es/radio/constants.js +13 -13
- package/lib/es/radio/radio.css +3 -0
- package/lib/es/radio/radio.scss +6 -3
- package/lib/es/radio/radioFoundation.js +0 -9
- package/lib/es/radio/radioGroupFoundation.js +3 -19
- package/lib/es/radio/radioInnerFoundation.js +1 -15
- package/lib/es/radio/variables.scss +4 -0
- package/lib/es/rating/constants.js +1 -1
- package/lib/es/rating/foundation.js +10 -55
- package/lib/es/scrollList/constants.js +2 -2
- package/lib/es/scrollList/itemFoundation.js +8 -60
- package/lib/es/scrollList/scrollTo.js +2 -4
- package/lib/es/select/constants.js +3 -3
- package/lib/es/select/foundation.d.ts +8 -6
- package/lib/es/select/foundation.js +172 -419
- package/lib/es/select/option.scss +1 -1
- package/lib/es/select/optionFoundation.js +2 -10
- package/lib/es/select/select.css +50 -0
- package/lib/es/select/select.scss +74 -5
- package/lib/es/select/variables.scss +9 -6
- package/lib/es/sideSheet/constants.js +2 -2
- package/lib/es/sideSheet/sideSheet.css +30 -0
- package/lib/es/sideSheet/sideSheet.scss +38 -0
- package/lib/es/sideSheet/sideSheetFoundation.d.ts +1 -0
- package/lib/es/sideSheet/sideSheetFoundation.js +0 -12
- package/lib/es/sideSheet/variables.scss +7 -0
- package/lib/es/skeleton/constants.js +1 -1
- package/lib/es/skeleton/skeleton.css +3 -2
- package/lib/es/skeleton/skeleton.scss +1 -0
- package/lib/es/skeleton/variables.scss +2 -2
- package/lib/es/slider/constants.d.ts +1 -0
- package/lib/es/slider/constants.js +8 -7
- package/lib/es/slider/foundation.d.ts +13 -2
- package/lib/es/slider/foundation.js +30 -219
- package/lib/es/slider/slider.css +25 -11
- package/lib/es/slider/slider.scss +16 -1
- package/lib/es/slider/variables.scss +15 -9
- package/lib/es/space/constants.js +1 -1
- package/lib/es/spin/constants.js +1 -1
- package/lib/es/spin/foundation.js +3 -11
- package/lib/es/spin/spin.css +3 -0
- package/lib/es/spin/spin.scss +3 -0
- package/lib/es/steps/bacisSteps.scss +10 -3
- package/lib/es/steps/constants.js +2 -2
- package/lib/es/steps/fillSteps.scss +7 -7
- package/lib/es/steps/steps.css +27 -22
- package/lib/es/steps/variables.scss +3 -3
- package/lib/es/switch/constants.js +13 -13
- package/lib/es/switch/foundation.js +1 -16
- package/lib/es/switch/switch.css +10 -0
- package/lib/es/switch/switch.scss +13 -2
- package/lib/es/table/bodyFoundation.js +1 -25
- package/lib/es/table/cellFoundation.js +0 -1
- package/lib/es/table/constants.d.ts +0 -1
- package/lib/es/table/constants.js +13 -16
- package/lib/es/table/foundation.d.ts +26 -16
- package/lib/es/table/foundation.js +79 -313
- package/lib/es/table/rtl.scss +33 -2
- package/lib/es/table/table.css +100 -64
- package/lib/es/table/table.scss +66 -8
- package/lib/es/table/tableRowFoundation.js +1 -9
- package/lib/es/table/tableSelectionCellFoundation.js +0 -2
- package/lib/es/table/utils.d.ts +6 -4
- package/lib/es/table/utils.js +25 -119
- package/lib/es/table/variables.scss +6 -3
- package/lib/es/tabs/constants.js +21 -21
- package/lib/es/tabs/foundation.js +2 -35
- package/lib/es/tabs/tabs.css +207 -7
- package/lib/es/tabs/tabs.scss +339 -24
- package/lib/es/tag/constants.js +1 -2
- package/lib/es/tag/tag.css +34 -1
- package/lib/es/tag/tag.scss +43 -4
- package/lib/es/tag/variables.scss +5 -0
- package/lib/es/tagInput/constants.js +1 -1
- package/lib/es/tagInput/foundation.d.ts +7 -4
- package/lib/es/tagInput/foundation.js +64 -78
- package/lib/es/tagInput/tagInput.css +35 -9
- package/lib/es/tagInput/tagInput.scss +41 -12
- package/lib/es/tagInput/utils/getSplitedArray.js +0 -7
- package/lib/es/tagInput/variables.scss +2 -0
- package/lib/es/timePicker/ComboxFoundation.js +6 -32
- package/lib/es/timePicker/constants.js +3 -3
- package/lib/es/timePicker/foundation.d.ts +2 -2
- package/lib/es/timePicker/foundation.js +30 -101
- package/lib/es/timePicker/inputFoundation.js +4 -22
- package/lib/es/timePicker/timePicker.css +15 -0
- package/lib/es/timePicker/timePicker.scss +22 -1
- package/lib/es/timePicker/utils/index.js +12 -30
- package/lib/es/timePicker/utils/localeDate.js +0 -8
- package/lib/es/timeline/constants.js +2 -2
- package/lib/es/toast/animation.scss +3 -0
- package/lib/es/toast/constants.js +4 -4
- package/lib/es/toast/toast.css +35 -3
- package/lib/es/toast/toast.scss +43 -3
- package/lib/es/toast/toastFoundation.d.ts +5 -4
- package/lib/es/toast/toastFoundation.js +0 -9
- package/lib/es/toast/toastListFoundation.d.ts +5 -0
- package/lib/es/toast/toastListFoundation.js +10 -18
- package/lib/es/toast/variables.scss +14 -0
- package/lib/es/tooltip/constants.d.ts +1 -1
- package/lib/es/tooltip/constants.js +2 -2
- package/lib/es/tooltip/foundation.d.ts +5 -2
- package/lib/es/tooltip/foundation.js +143 -332
- package/lib/es/tooltip/tooltip.css +7 -0
- package/lib/es/tooltip/tooltip.scss +9 -0
- package/lib/es/transfer/constants.js +1 -1
- package/lib/es/transfer/foundation.d.ts +1 -1
- package/lib/es/transfer/foundation.js +5 -62
- package/lib/es/transfer/transfer.css +4 -0
- package/lib/es/transfer/transfer.scss +7 -0
- package/lib/es/transfer/transferUtils.js +5 -21
- package/lib/es/tree/constants.js +2 -2
- package/lib/es/tree/foundation.d.ts +14 -9
- package/lib/es/tree/foundation.js +60 -176
- package/lib/es/tree/rtl.scss +19 -11
- package/lib/es/tree/tree.css +147 -65
- package/lib/es/tree/tree.scss +112 -17
- package/lib/es/tree/treeUtil.d.ts +17 -8
- package/lib/es/tree/treeUtil.js +102 -161
- package/lib/es/tree/variables.scss +3 -2
- package/lib/es/treeSelect/constants.js +3 -3
- package/lib/es/treeSelect/foundation.d.ts +26 -13
- package/lib/es/treeSelect/foundation.js +155 -235
- package/lib/es/treeSelect/treeSelect.css +55 -10
- package/lib/es/treeSelect/treeSelect.scss +76 -20
- package/lib/es/treeSelect/variables.scss +4 -2
- package/lib/es/typography/constants.d.ts +1 -0
- package/lib/es/typography/constants.js +2 -1
- package/lib/es/typography/formatNumeral.d.ts +3 -3
- package/lib/es/typography/formatNumeral.js +22 -40
- package/lib/es/typography/typography.css +135 -2
- package/lib/es/typography/typography.scss +151 -8
- package/lib/es/typography/variables.scss +52 -0
- package/lib/es/upload/constants.js +2 -2
- package/lib/es/upload/fileCardFoundation.d.ts +9 -0
- package/lib/es/upload/fileCardFoundation.js +10 -0
- package/lib/es/upload/foundation.d.ts +14 -5
- package/lib/es/upload/foundation.js +107 -240
- package/lib/es/upload/upload.css +9 -0
- package/lib/es/upload/upload.scss +8 -0
- package/lib/es/upload/utils.js +14 -28
- package/lib/es/utils/Event.js +1 -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 +2 -2
- package/lib/es/utils/array.js +2 -7
- package/lib/es/utils/classnames.js +0 -10
- package/lib/es/utils/date-fns-extra.d.ts +28 -17
- package/lib/es/utils/date-fns-extra.js +78 -40
- package/lib/es/utils/dom.d.ts +1 -1
- package/lib/es/utils/dom.js +0 -9
- package/lib/es/utils/function.js +0 -1
- package/lib/es/utils/getDataAttr.js +1 -2
- package/lib/es/utils/getHighlight.js +5 -26
- package/lib/es/utils/getMotionObjFromProps.js +4 -12
- 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 +10 -29
- package/lib/es/utils/set.js +0 -5
- package/lib/es/utils/shallowEqualObjects.js +0 -6
- package/lib/es/utils/touchPolyfill.js +1 -6
- package/lib/es/utils/type.d.ts +3 -3
- package/lib/es/utils/uuid.js +4 -10
- package/lib/es/utils/warning.js +1 -1
- package/modal/modal.scss +10 -1
- package/modal/modalContentFoundation.ts +3 -3
- package/modal/modalFoundation.ts +32 -7
- package/modal/variables.scss +6 -1
- package/navigation/NavItem.ts +0 -2
- package/navigation/foundation.ts +1 -3
- package/navigation/itemFoundation.ts +0 -1
- package/navigation/subNavFoundation.ts +3 -2
- package/notification/notification.scss +21 -1
- package/notification/notificationFoundation.ts +3 -3
- package/notification/notificationListFoundation.ts +14 -4
- package/overflowList/constants.ts +4 -2
- package/overflowList/foundation.ts +51 -33
- package/package.json +6 -5
- package/pagination/foundation.ts +13 -3
- package/pagination/pagination.scss +29 -0
- package/pagination/variables.scss +1 -0
- package/popconfirm/popconfirm.scss +4 -16
- package/popconfirm/popconfirmFoundation.ts +20 -2
- package/popconfirm/rtl.scss +0 -13
- package/popconfirm/variables.scss +0 -4
- package/popover/constants.ts +1 -1
- package/popover/popover.scss +2 -0
- package/radio/radio.scss +6 -3
- package/radio/radioFoundation.ts +1 -1
- package/radio/radioGroupFoundation.ts +0 -1
- package/radio/radioInnerFoundation.ts +0 -1
- package/radio/variables.scss +4 -0
- package/rating/foundation.ts +0 -1
- package/select/foundation.ts +68 -31
- package/select/option.scss +1 -1
- package/select/optionFoundation.ts +0 -2
- package/select/select.scss +74 -5
- package/select/variables.scss +9 -6
- package/sideSheet/sideSheet.scss +38 -0
- package/sideSheet/sideSheetFoundation.ts +3 -2
- package/sideSheet/variables.scss +7 -0
- package/skeleton/skeleton.scss +1 -0
- package/skeleton/variables.scss +2 -2
- package/slider/constants.ts +1 -0
- package/slider/foundation.ts +25 -29
- package/slider/slider.scss +16 -1
- package/slider/variables.scss +15 -9
- package/spin/spin.scss +3 -0
- package/steps/bacisSteps.scss +10 -3
- package/steps/fillSteps.scss +7 -7
- package/steps/variables.scss +3 -3
- package/switch/foundation.ts +2 -4
- package/switch/switch.scss +13 -2
- package/table/bodyFoundation.ts +0 -1
- package/table/constants.ts +0 -3
- package/table/foundation.ts +33 -31
- package/table/rtl.scss +33 -2
- package/table/table.scss +66 -8
- package/table/tableRowFoundation.ts +0 -1
- package/table/utils.ts +23 -43
- package/table/variables.scss +6 -3
- package/tabs/foundation.ts +2 -2
- package/tabs/tabs.scss +339 -24
- package/tag/constants.ts +19 -2
- package/tag/tag.scss +43 -4
- package/tag/variables.scss +5 -0
- package/tagInput/foundation.ts +57 -3
- package/tagInput/tagInput.scss +41 -12
- package/tagInput/variables.scss +2 -0
- package/timePicker/foundation.ts +27 -18
- package/timePicker/inputFoundation.ts +0 -2
- package/timePicker/timePicker.scss +22 -1
- package/timePicker/utils/index.ts +3 -2
- package/toast/animation.scss +3 -0
- package/toast/toast.scss +43 -3
- package/toast/toastFoundation.ts +4 -6
- package/toast/toastListFoundation.ts +13 -3
- package/toast/variables.scss +14 -0
- package/tooltip/constants.ts +1 -1
- package/tooltip/foundation.ts +96 -58
- package/tooltip/tooltip.scss +9 -0
- package/transfer/foundation.ts +0 -1
- package/transfer/transfer.scss +7 -0
- package/tree/foundation.ts +38 -33
- package/tree/rtl.scss +19 -11
- package/tree/tree.scss +112 -17
- package/tree/treeUtil.ts +64 -32
- package/tree/variables.scss +3 -2
- package/treeSelect/foundation.ts +132 -70
- package/treeSelect/treeSelect.scss +76 -20
- package/treeSelect/variables.scss +4 -2
- package/typography/constants.ts +1 -0
- package/typography/formatNumeral.ts +2 -5
- package/typography/typography.scss +151 -8
- package/typography/variables.scss +52 -0
- package/upload/fileCardFoundation.ts +17 -0
- package/upload/foundation.ts +85 -10
- package/upload/upload.scss +8 -0
- package/utils/Event.ts +0 -1
- package/utils/a11y.ts +6 -6
- package/utils/array.ts +4 -4
- package/utils/date-fns-extra.ts +83 -22
- package/utils/function.ts +0 -1
- package/utils/getDataAttr.ts +1 -1
- package/utils/getMotionObjFromProps.ts +3 -2
- package/utils/object.ts +0 -3
|
@@ -9,20 +9,12 @@ $module: #{$prefix}-popconfirm;
|
|
|
9
9
|
&-inner {
|
|
10
10
|
.#{$module}-rtl & {
|
|
11
11
|
padding: $spacing-popconfirm-top $spacing-popconfirm-bottom $spacing-popconfirm-top $spacing-popconfirm-top;
|
|
12
|
-
|
|
13
|
-
.#{$module}-btn-close {
|
|
14
|
-
right: auto;
|
|
15
|
-
left: 0;
|
|
16
|
-
margin-right: 0;
|
|
17
|
-
margin-left: $spacing-popconfirm_btn_close-margin;
|
|
18
|
-
}
|
|
19
12
|
}
|
|
20
13
|
}
|
|
21
14
|
|
|
22
15
|
&-header {
|
|
23
16
|
.#{$module}-rtl & {
|
|
24
17
|
margin-right: 0;
|
|
25
|
-
margin-left: $spacing-popconfirm_header-marginRight;
|
|
26
18
|
|
|
27
19
|
&-icon {
|
|
28
20
|
margin-right: 0;
|
|
@@ -49,11 +41,6 @@ $module: #{$prefix}-popconfirm;
|
|
|
49
41
|
|
|
50
42
|
.#{$module}-inner {
|
|
51
43
|
padding: $spacing-popconfirm_popover_with_arrow_inner_rtl-padding;
|
|
52
|
-
|
|
53
|
-
.#{$module}-btn-close {
|
|
54
|
-
margin-right: 0;
|
|
55
|
-
margin-left: $spacing-popconfirm_popover_with_arrow_inner_btn_close-marginRight;
|
|
56
|
-
}
|
|
57
44
|
}
|
|
58
45
|
}
|
|
59
46
|
|
|
@@ -13,9 +13,6 @@ $spacing-popconfirm-top: 24px; // 顶部内边距
|
|
|
13
13
|
$spacing-popconfirm-bottom: 20px; // 底部内边距
|
|
14
14
|
$spacing-popconfirm_btn_close-margin: 24px; // 关闭按钮顶部 & 右侧外边距
|
|
15
15
|
$spacing-popconfirm_with_arrow-padding: 12px; // 顶部内边距
|
|
16
|
-
$spacing-popconfirm_inner_close_btn-top: 0; // 关闭按钮距顶部距离
|
|
17
|
-
$spacing-popconfirm_inner_close_btn-right: 0; // 关闭按钮距右侧距离
|
|
18
|
-
$spacing-popconfirm_header-marginRight: $spacing-popconfirm_btn_close-margin + $width-popconfirm_close_btn + 20px; // header 右侧外边距
|
|
19
16
|
$spacing-popconfirm_header_title-marginBottom: 8px; // header 标题底部外边距
|
|
20
17
|
$spacing-popconfirm_header_content_p-padding: 0; // header 正文内边距
|
|
21
18
|
$spacing-popconfirm_header_content_p-margin: 0; // header 正文外边距
|
|
@@ -26,7 +23,6 @@ $spacing-popconfirm_footer_btn-marginRight: 8px; // footer 按钮右侧外边距
|
|
|
26
23
|
$spacing-popconfirm_popover_with_arrow_inner-padding: ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-bottom - $spacing-popconfirm_with_arrow-padding); // 带三角形箭头时的内边距
|
|
27
24
|
$spacing-popconfirm_popover_with_arrow_inner_rtl-padding: ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-bottom - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding); // 带三角形箭头时的内边距(rtl)
|
|
28
25
|
$spacing-popconfirm_popover_with_arrow_inner_btn_close-marginTop: $spacing-popconfirm_btn_close-margin - $spacing-popconfirm_with_arrow-padding; // 带三角形箭头时关闭按钮的顶部外边距
|
|
29
|
-
$spacing-popconfirm_popover_with_arrow_inner_btn_close-marginRight: $spacing-popconfirm_btn_close-margin - $spacing-popconfirm_with_arrow-padding; // 带三角形箭头时关闭按钮的右侧外边距
|
|
30
26
|
$spacing-popconfirm_header_icon-marginRight: 12px; // header 图标的右侧外边距
|
|
31
27
|
|
|
32
28
|
// Font
|
|
@@ -4,7 +4,7 @@ declare const cssClasses: {
|
|
|
4
4
|
};
|
|
5
5
|
declare const strings: {
|
|
6
6
|
readonly POSITION_SET: readonly ["top", "topLeft", "topRight", "left", "leftTop", "leftBottom", "right", "rightTop", "rightBottom", "bottom", "bottomLeft", "bottomRight", "leftTopOver", "rightTopOver"];
|
|
7
|
-
readonly TRIGGER_SET: readonly ["hover", "focus", "click", "custom"];
|
|
7
|
+
readonly TRIGGER_SET: readonly ["hover", "focus", "click", "custom", "contextMenu"];
|
|
8
8
|
readonly DEFAULT_ARROW_STYLE: {
|
|
9
9
|
readonly borderOpacity: "1";
|
|
10
10
|
readonly backgroundColor: "var(--semi-color-bg-3)";
|
|
@@ -4,19 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.strings = exports.numbers = exports.cssClasses = void 0;
|
|
7
|
-
|
|
8
7
|
var _constants = require("../tooltip/constants");
|
|
9
|
-
|
|
10
8
|
var _constants2 = require("../base/constants");
|
|
11
|
-
|
|
12
9
|
const cssClasses = {
|
|
13
|
-
PREFIX:
|
|
14
|
-
ARROW:
|
|
10
|
+
PREFIX: `${_constants2.BASE_CLASS_PREFIX}-popover`,
|
|
11
|
+
ARROW: `${_constants2.BASE_CLASS_PREFIX}-popover-icon-arrow`
|
|
15
12
|
};
|
|
16
13
|
exports.cssClasses = cssClasses;
|
|
17
14
|
const strings = {
|
|
18
15
|
POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver'],
|
|
19
|
-
TRIGGER_SET: ['hover', 'focus', 'click', 'custom'],
|
|
16
|
+
TRIGGER_SET: ['hover', 'focus', 'click', 'custom', 'contextMenu'],
|
|
20
17
|
DEFAULT_ARROW_STYLE: {
|
|
21
18
|
borderOpacity: '1',
|
|
22
19
|
backgroundColor: 'var(--semi-color-bg-3)',
|
|
@@ -54,9 +54,11 @@
|
|
|
54
54
|
}
|
|
55
55
|
.semi-popover-animation-show {
|
|
56
56
|
animation: semi-popover-zoomIn 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
57
|
+
animation-fill-mode: forwards;
|
|
57
58
|
}
|
|
58
59
|
.semi-popover-animation-hide {
|
|
59
60
|
animation: semi-popover-zoomOut 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
61
|
+
animation-fill-mode: forwards;
|
|
60
62
|
}
|
|
61
63
|
|
|
62
64
|
.semi-popover-wrapper .semi-popover-icon-arrow {
|
|
@@ -79,10 +79,12 @@ $module-icon: #{$module}-icon-arrow;
|
|
|
79
79
|
}
|
|
80
80
|
&-animation-show{
|
|
81
81
|
animation: #{$module}-zoomIn $animation_duration-popover-in $animation_function-popover-in;
|
|
82
|
+
animation-fill-mode: forwards;
|
|
82
83
|
}
|
|
83
84
|
|
|
84
85
|
&-animation-hide{
|
|
85
86
|
animation: #{$module}-zoomOut $animation_duration-popover-out $animation_function-popover-out;
|
|
87
|
+
animation-fill-mode: forwards;
|
|
86
88
|
}
|
|
87
89
|
}
|
|
88
90
|
|
|
@@ -4,11 +4,9 @@ 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
|
-
PREFIX:
|
|
9
|
+
PREFIX: `${_constants.BASE_CLASS_PREFIX}-progress`
|
|
12
10
|
};
|
|
13
11
|
exports.cssClasses = cssClasses;
|
|
14
12
|
const strings = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
type StrokeSet = {
|
|
2
2
|
percent: number;
|
|
3
3
|
color: string;
|
|
4
4
|
};
|
|
5
|
-
|
|
5
|
+
type StrokeArr = Array<StrokeSet>;
|
|
6
6
|
declare function generateColor(s: StrokeArr, percent: number, gradient: boolean): string | undefined;
|
|
7
7
|
export { generateColor, StrokeArr };
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.generateColor = generateColor;
|
|
7
|
-
|
|
8
7
|
var _constants = require("./constants");
|
|
9
|
-
|
|
10
8
|
function generateColor(s, percent, gradient) {
|
|
11
9
|
try {
|
|
12
10
|
const gradientColorArr = generate(s, percent, gradient);
|
|
@@ -14,45 +12,34 @@ function generateColor(s, percent, gradient) {
|
|
|
14
12
|
} catch (e) {
|
|
15
13
|
return undefined;
|
|
16
14
|
}
|
|
17
|
-
|
|
18
15
|
return undefined;
|
|
19
16
|
}
|
|
20
|
-
|
|
21
17
|
function generate(s, percent, gradient) {
|
|
22
18
|
s.sort((a, b) => a.percent - b.percent);
|
|
23
|
-
|
|
24
19
|
if (s[0].percent > percent) {
|
|
25
20
|
return _constants.strings.STROKE_DEFAULT;
|
|
26
21
|
}
|
|
27
|
-
|
|
28
22
|
const endS = s[s.length - 1];
|
|
29
|
-
|
|
30
23
|
if (endS.percent < percent) {
|
|
31
24
|
return formatToHex(endS.color);
|
|
32
25
|
}
|
|
33
|
-
|
|
34
26
|
for (const [index, item] of s.entries()) {
|
|
35
27
|
if (item.percent === percent) {
|
|
36
28
|
return formatToHex(item.color);
|
|
37
29
|
}
|
|
38
|
-
|
|
39
30
|
if (percent > item.percent) continue;
|
|
40
31
|
const oldItem = s[index - 1];
|
|
41
|
-
|
|
42
32
|
if (!gradient) {
|
|
43
33
|
return formatToHex(oldItem.color);
|
|
44
34
|
}
|
|
45
|
-
|
|
46
35
|
return generateGradients({
|
|
47
36
|
startColor: formatToHex(oldItem.color),
|
|
48
37
|
endColor: formatToHex(item.color),
|
|
49
38
|
size: item.percent - oldItem.percent - 1
|
|
50
39
|
}, percent - oldItem.percent - 1);
|
|
51
40
|
}
|
|
52
|
-
|
|
53
41
|
return undefined;
|
|
54
42
|
}
|
|
55
|
-
|
|
56
43
|
function generateGradients(g, index) {
|
|
57
44
|
const {
|
|
58
45
|
startColor,
|
|
@@ -61,108 +48,87 @@ function generateGradients(g, index) {
|
|
|
61
48
|
} = g;
|
|
62
49
|
const sA = startColor.split('');
|
|
63
50
|
const eA = endColor.split('');
|
|
64
|
-
const rC = [parseInt(
|
|
65
|
-
const gC = [parseInt(
|
|
66
|
-
const bC = [parseInt(
|
|
67
|
-
const aC = [parseInt(
|
|
51
|
+
const rC = [parseInt(`${sA[1]}${sA[2]}`, 16), parseInt(`${eA[1]}${eA[2]}`, 16)];
|
|
52
|
+
const gC = [parseInt(`${sA[3]}${sA[4]}`, 16), parseInt(`${eA[3]}${eA[4]}`, 16)];
|
|
53
|
+
const bC = [parseInt(`${sA[5]}${sA[6]}`, 16), parseInt(`${eA[5]}${eA[6]}`, 16)];
|
|
54
|
+
const aC = [parseInt(`${sA[7]}${sA[8]}`, 16), parseInt(`${eA[7]}${eA[8]}`, 16)];
|
|
68
55
|
const rStep = (rC[0] - rC[1]) / (size + 1);
|
|
69
56
|
const gStep = (gC[0] - gC[1]) / (size + 1);
|
|
70
57
|
const bStep = (bC[0] - bC[1]) / (size + 1);
|
|
71
58
|
const aStep = (aC[0] - aC[1]) / (size + 1);
|
|
72
|
-
|
|
73
59
|
function tHex(i) {
|
|
74
60
|
const rS = Math.round(rC[0] - rStep * (i + 1)).toString(16);
|
|
75
61
|
const gS = Math.round(gC[0] - gStep * (i + 1)).toString(16);
|
|
76
62
|
const bS = Math.round(bC[0] - bStep * (i + 1)).toString(16);
|
|
77
|
-
const h =
|
|
63
|
+
const h = `${padTwo(rS)}${padTwo(gS)}${padTwo(bS)}`;
|
|
78
64
|
const t = Math.floor(aStep * (i + 1) + aC[1]).toString(16);
|
|
79
|
-
return toHex.Hex(
|
|
65
|
+
return toHex.Hex(`#${h}`, t);
|
|
80
66
|
}
|
|
81
|
-
|
|
82
67
|
function padTwo(s) {
|
|
83
68
|
if (s.length === 1) {
|
|
84
|
-
return
|
|
69
|
+
return `0${s}`;
|
|
85
70
|
}
|
|
86
|
-
|
|
87
71
|
if (s.length === 0) {
|
|
88
72
|
return '00';
|
|
89
73
|
}
|
|
90
|
-
|
|
91
74
|
return s;
|
|
92
75
|
}
|
|
93
|
-
|
|
94
76
|
if (typeof index === 'undefined') {
|
|
95
77
|
const gradientColorArr = [startColor];
|
|
96
|
-
|
|
97
78
|
for (let i = 0; i < size; i += 1) {
|
|
98
79
|
gradientColorArr.push(tHex(i));
|
|
99
80
|
}
|
|
100
|
-
|
|
101
81
|
return gradientColorArr;
|
|
102
82
|
}
|
|
103
|
-
|
|
104
83
|
return tHex(index);
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
|
|
84
|
+
}
|
|
85
|
+
// Resolve the colour type contained within `ColorType` to Hex
|
|
108
86
|
function formatToHex(color) {
|
|
109
|
-
color = color.trim().toLowerCase();
|
|
110
|
-
|
|
87
|
+
color = color.trim().toLowerCase();
|
|
88
|
+
// Hex
|
|
111
89
|
if (REG_S.hex.test(color)) {
|
|
112
90
|
return toHex.Hex(color, undefined);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
|
|
91
|
+
}
|
|
92
|
+
// Hsl or Hsla
|
|
116
93
|
if (REG_S.hslA.test(color)) {
|
|
117
94
|
return toHex.Hex(toHex.HslA(color), undefined);
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
|
|
95
|
+
}
|
|
96
|
+
// Rgb or Rgba
|
|
121
97
|
if (REG_S.rgbA.test(color)) {
|
|
122
98
|
return toHex.Hex(toHex.RgbA(color), undefined);
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
|
|
99
|
+
}
|
|
100
|
+
// Semi Design Tokens
|
|
126
101
|
if (REG_S.semiDesignTokens.test(color)) {
|
|
127
102
|
if (SEMI_DESIGN_TOKENS.ALONG.indexOf(color) !== -1) {
|
|
128
103
|
return toHex.SemiDesignToken(color);
|
|
129
104
|
}
|
|
130
|
-
|
|
131
105
|
if (SEMI_DESIGN_TOKENS.SEQUENCE.indexOf(color) !== -1) {
|
|
132
|
-
return toHex.SemiDesignToken(
|
|
106
|
+
return toHex.SemiDesignToken(`${color}-5`);
|
|
133
107
|
}
|
|
134
|
-
|
|
135
|
-
return toHex.SemiDesignToken("".concat(color));
|
|
108
|
+
return toHex.SemiDesignToken(`${color}`);
|
|
136
109
|
}
|
|
137
|
-
|
|
138
110
|
return undefined;
|
|
139
111
|
}
|
|
140
|
-
|
|
141
112
|
const toHex = {
|
|
142
113
|
Hex(color, transparency) {
|
|
143
114
|
color = color.replace('#', '');
|
|
144
|
-
if (color.length === 8) return
|
|
145
|
-
if (color.length === 6) return
|
|
146
|
-
|
|
115
|
+
if (color.length === 8) return `#${color}`;
|
|
116
|
+
if (color.length === 6) return `#${color}${transparency || 'ff'}`;
|
|
147
117
|
if (color.length === 3) {
|
|
148
118
|
color = color.split('').map(c => c + c).join('');
|
|
149
119
|
}
|
|
150
|
-
|
|
151
|
-
return "#".concat(color).concat(transparency || 'ff');
|
|
120
|
+
return `#${color}${transparency || 'ff'}`;
|
|
152
121
|
},
|
|
153
|
-
|
|
154
122
|
SemiDesignToken(color) {
|
|
155
123
|
// ! Only produces effects when used, the conditions for running need to occur after the real DOM is rendered
|
|
156
124
|
if (typeof window === 'undefined') {
|
|
157
125
|
return undefined;
|
|
158
126
|
}
|
|
159
|
-
|
|
160
|
-
const variable = getComputedStyle(document.body).getPropertyValue("--semi-".concat(color));
|
|
127
|
+
const variable = getComputedStyle(document.body).getPropertyValue(`--semi-${color}`);
|
|
161
128
|
if (variable === '') return undefined;
|
|
162
|
-
const rgba =
|
|
129
|
+
const rgba = `rgba(${variable}, 1)`;
|
|
163
130
|
return toHex.RgbA(rgba);
|
|
164
131
|
},
|
|
165
|
-
|
|
166
132
|
HslA(color) {
|
|
167
133
|
const hsla = REG_S.hslA.exec(color);
|
|
168
134
|
const h = parseInt(hsla[2]);
|
|
@@ -170,12 +136,11 @@ const toHex = {
|
|
|
170
136
|
const l = parseInt(hsla[4]) / 100;
|
|
171
137
|
const a = hsla[5];
|
|
172
138
|
const c = (1 - Math.abs(2 * l - 1)) * s,
|
|
173
|
-
|
|
174
|
-
|
|
139
|
+
x = c * (1 - Math.abs(h / 60 % 2 - 1)),
|
|
140
|
+
m = l - c / 2;
|
|
175
141
|
let r = 0,
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
142
|
+
g = 0,
|
|
143
|
+
b = 0;
|
|
179
144
|
if (0 <= h && h < 60) {
|
|
180
145
|
r = c;
|
|
181
146
|
g = x;
|
|
@@ -201,37 +166,31 @@ const toHex = {
|
|
|
201
166
|
g = 0;
|
|
202
167
|
b = x;
|
|
203
168
|
}
|
|
204
|
-
|
|
205
169
|
r = Math.round((r + m) * 255).toString(16);
|
|
206
170
|
g = Math.round((g + m) * 255).toString(16);
|
|
207
171
|
b = Math.round((b + m) * 255).toString(16);
|
|
208
172
|
return toHex.utils.pAL(r, g, b, a);
|
|
209
173
|
},
|
|
210
|
-
|
|
211
174
|
RgbA(color) {
|
|
212
175
|
const rgba = REG_S.rgbA.exec(color);
|
|
213
176
|
const r = parseInt(rgba[2], 10).toString(16),
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
177
|
+
g = parseInt(rgba[3], 10).toString(16),
|
|
178
|
+
b = parseInt(rgba[4], 10).toString(16),
|
|
179
|
+
a = rgba[5];
|
|
217
180
|
return toHex.utils.pAL(r, g, b, a);
|
|
218
181
|
},
|
|
219
|
-
|
|
220
182
|
utils: {
|
|
221
183
|
pAL(r, g, b, a) {
|
|
222
184
|
if (r.length == 1) r = '0' + r;
|
|
223
185
|
if (g.length == 1) g = '0' + g;
|
|
224
186
|
if (b.length == 1) b = '0' + b;
|
|
225
|
-
|
|
226
187
|
if (typeof a !== 'undefined') {
|
|
227
188
|
a = Math.round(parseInt(a) * 255).toString(16);
|
|
228
189
|
if (a.length == 1) a = '0' + a;
|
|
229
190
|
return '#' + r + g + b + a;
|
|
230
191
|
}
|
|
231
|
-
|
|
232
192
|
return '#' + r + g + b;
|
|
233
193
|
}
|
|
234
|
-
|
|
235
194
|
}
|
|
236
195
|
};
|
|
237
196
|
const REG_S = {
|
|
@@ -239,8 +198,8 @@ const REG_S = {
|
|
|
239
198
|
hslA: /(hsl)a?\(\s*?(\d+),?\s*?(\d+)%,?\s*?(\d+)%,?\s*?\/?(\s*?[\d.]+)?\s*?\)/,
|
|
240
199
|
rgbA: /(rgb)a?\(\s*?(\d+),?\s*?(\d+),?\s*?(\d+),?\s*?\/?(\s*?[\d.]+)?\s*?\)/,
|
|
241
200
|
semiDesignTokens: /(\w+)?-?(\w+)-?(\d)?/
|
|
242
|
-
};
|
|
243
|
-
|
|
201
|
+
};
|
|
202
|
+
// From src/components/palette.js
|
|
244
203
|
const SEMI_DESIGN_TOKENS = {
|
|
245
204
|
// No sequence
|
|
246
205
|
ALONG: ["black", "white"],
|
|
@@ -4,26 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.strings = exports.radioGroupClasses = exports.radioClasses = exports.numbers = void 0;
|
|
7
|
-
|
|
8
7
|
var _constants = require("../base/constants");
|
|
9
|
-
|
|
10
8
|
const radioClasses = {
|
|
11
|
-
PREFIX:
|
|
12
|
-
INNER:
|
|
13
|
-
TEXT:
|
|
14
|
-
INPUT:
|
|
15
|
-
CHECKED:
|
|
16
|
-
DISABLED:
|
|
17
|
-
BUTTON:
|
|
9
|
+
PREFIX: `${_constants.BASE_CLASS_PREFIX}-radio`,
|
|
10
|
+
INNER: `${_constants.BASE_CLASS_PREFIX}-radio-inner`,
|
|
11
|
+
TEXT: `${_constants.BASE_CLASS_PREFIX}-radio-text`,
|
|
12
|
+
INPUT: `${_constants.BASE_CLASS_PREFIX}-radio-input`,
|
|
13
|
+
CHECKED: `${_constants.BASE_CLASS_PREFIX}-radio-checked`,
|
|
14
|
+
DISABLED: `${_constants.BASE_CLASS_PREFIX}-radio-disabled`,
|
|
15
|
+
BUTTON: `${_constants.BASE_CLASS_PREFIX}-radio-button`
|
|
18
16
|
};
|
|
19
17
|
exports.radioClasses = radioClasses;
|
|
20
18
|
const radioGroupClasses = {
|
|
21
|
-
PREFIX:
|
|
22
|
-
INNER:
|
|
23
|
-
TEXT:
|
|
24
|
-
INPUT:
|
|
25
|
-
CHECKED:
|
|
26
|
-
DISABLED:
|
|
19
|
+
PREFIX: `${_constants.BASE_CLASS_PREFIX}-radioGroup`,
|
|
20
|
+
INNER: `${_constants.BASE_CLASS_PREFIX}-radioGroup-inner`,
|
|
21
|
+
TEXT: `${_constants.BASE_CLASS_PREFIX}-radioGroup-text`,
|
|
22
|
+
INPUT: `${_constants.BASE_CLASS_PREFIX}-radioGroup-input`,
|
|
23
|
+
CHECKED: `${_constants.BASE_CLASS_PREFIX}-radioGroup-checked`,
|
|
24
|
+
DISABLED: `${_constants.BASE_CLASS_PREFIX}-radioGroup-disabled`
|
|
27
25
|
};
|
|
28
26
|
exports.radioGroupClasses = radioGroupClasses;
|
|
29
27
|
const strings = {
|
package/lib/cjs/radio/radio.css
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
font-size: 14px;
|
|
7
7
|
line-height: 20px;
|
|
8
8
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
9
|
+
position: relative;
|
|
9
10
|
display: inline-flex;
|
|
10
11
|
column-gap: 8px;
|
|
11
12
|
transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
@@ -175,6 +176,7 @@
|
|
|
175
176
|
.semi-radio-content {
|
|
176
177
|
display: flex;
|
|
177
178
|
flex-direction: column;
|
|
179
|
+
row-gap: 4px;
|
|
178
180
|
}
|
|
179
181
|
.semi-radio:hover .semi-radio-inner-display {
|
|
180
182
|
background: var(--semi-color-fill-0);
|
|
@@ -301,6 +303,7 @@
|
|
|
301
303
|
.semi-radioGroup-horizontal {
|
|
302
304
|
display: inline-flex;
|
|
303
305
|
flex-wrap: wrap;
|
|
306
|
+
vertical-align: bottom;
|
|
304
307
|
gap: 16px;
|
|
305
308
|
}
|
|
306
309
|
.semi-radioGroup-buttonRadio {
|
package/lib/cjs/radio/radio.scss
CHANGED
|
@@ -8,6 +8,7 @@ $inner-width: $width-icon-medium;
|
|
|
8
8
|
.#{$module} {
|
|
9
9
|
@include box-sizing;
|
|
10
10
|
@include font-size-regular;
|
|
11
|
+
position: relative;
|
|
11
12
|
display: inline-flex;
|
|
12
13
|
column-gap: $spacing-radio_addon-paddingLeft;
|
|
13
14
|
transition: background-color $transition_duration-radio-bg $transition_function-radio-bg $transition_delay-radio-bg,
|
|
@@ -107,8 +108,8 @@ $inner-width: $width-icon-medium;
|
|
|
107
108
|
flex-wrap: nowrap;
|
|
108
109
|
border-radius: $radius-radio_cardRadioGroup;
|
|
109
110
|
padding: $spacing-radio_cardRadioGroup-paddingY $spacing-radio_cardRadioGroup-paddingX;
|
|
110
|
-
background:
|
|
111
|
-
border: $width-radio_cardRadioGroup_checked-border solid
|
|
111
|
+
background: $color-radio_cardRadioGroup-bg-default;
|
|
112
|
+
border: $width-radio_cardRadioGroup_checked-border solid $color-radio_cardRadioGroup_border-default;
|
|
112
113
|
transition: background-color $transition_duration_radio-bg $transition_function-radio-bg $transition_delay-radio-bg,
|
|
113
114
|
border $transition_duration-radio-border $transition_function-radio-border $transition_delay-radio-border;
|
|
114
115
|
|
|
@@ -172,7 +173,7 @@ $inner-width: $width-icon-medium;
|
|
|
172
173
|
|
|
173
174
|
&_disabled {
|
|
174
175
|
&:active {
|
|
175
|
-
background:
|
|
176
|
+
background: $color-radio_cardRadioGroup_disabled-bg-active;
|
|
176
177
|
}
|
|
177
178
|
}
|
|
178
179
|
|
|
@@ -241,6 +242,7 @@ $inner-width: $width-icon-medium;
|
|
|
241
242
|
&-content {
|
|
242
243
|
display: flex;
|
|
243
244
|
flex-direction: column;
|
|
245
|
+
row-gap: $spacing-radio_content-rowGap;
|
|
244
246
|
}
|
|
245
247
|
|
|
246
248
|
&:hover {
|
|
@@ -416,6 +418,7 @@ $inner-width: $width-icon-medium;
|
|
|
416
418
|
&-horizontal {
|
|
417
419
|
display: inline-flex;
|
|
418
420
|
flex-wrap: wrap;
|
|
421
|
+
vertical-align: bottom; // Fix 1573
|
|
419
422
|
gap: $spacing-radio_group_horizontal-marginRight;
|
|
420
423
|
}
|
|
421
424
|
|
|
@@ -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 RadioFoundation extends _foundation.default {
|
|
15
11
|
constructor() {
|
|
16
12
|
super(...arguments);
|
|
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,12 +22,10 @@ class RadioFoundation extends _foundation.default {
|
|
|
28
22
|
(0, _warning.default)(true, 'Warning: [Semi Radio] 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
|
children,
|
|
@@ -41,24 +33,18 @@ class RadioFoundation extends _foundation.default {
|
|
|
41
33
|
extraId,
|
|
42
34
|
addonId
|
|
43
35
|
} = this._adapter.getProps();
|
|
44
|
-
|
|
45
36
|
if (children && !addonId) {
|
|
46
37
|
this._adapter.setAddonId();
|
|
47
38
|
}
|
|
48
|
-
|
|
49
39
|
if (extra && !extraId) {
|
|
50
40
|
this._adapter.setExtraId();
|
|
51
41
|
}
|
|
52
42
|
}
|
|
53
|
-
|
|
54
43
|
setHover(hover) {
|
|
55
44
|
this._adapter.setHover(hover);
|
|
56
45
|
}
|
|
57
|
-
|
|
58
46
|
setChecked(checked) {
|
|
59
47
|
this._adapter.setChecked(checked);
|
|
60
48
|
}
|
|
61
|
-
|
|
62
49
|
}
|
|
63
|
-
|
|
64
50
|
exports.default = RadioFoundation;
|
|
@@ -4,38 +4,29 @@ 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 RadioGroupFoundation extends _foundation.default {
|
|
13
10
|
constructor(adapter) {
|
|
14
11
|
super(Object.assign({}, adapter));
|
|
15
12
|
}
|
|
16
|
-
|
|
17
13
|
init() {
|
|
18
14
|
const displayValue = this._getDisplayValue();
|
|
19
|
-
|
|
20
15
|
this._setValue(displayValue);
|
|
21
16
|
}
|
|
22
|
-
|
|
23
17
|
_getDisplayValue() {
|
|
24
18
|
const {
|
|
25
19
|
value,
|
|
26
20
|
defaultValue
|
|
27
21
|
} = this.getProps();
|
|
28
22
|
let displayValue;
|
|
29
|
-
|
|
30
23
|
if ('value' in this.getProps()) {
|
|
31
24
|
displayValue = value;
|
|
32
25
|
} else if ('defaultValue' in this.getProps()) {
|
|
33
26
|
displayValue = defaultValue;
|
|
34
27
|
}
|
|
35
|
-
|
|
36
28
|
return displayValue;
|
|
37
29
|
}
|
|
38
|
-
|
|
39
30
|
handleChange(evt) {
|
|
40
31
|
const mode = this.getProp('mode');
|
|
41
32
|
const lastValue = this.getState('value');
|
|
@@ -43,19 +34,15 @@ class RadioGroupFoundation extends _foundation.default {
|
|
|
43
34
|
checked,
|
|
44
35
|
value
|
|
45
36
|
} = evt.target;
|
|
46
|
-
|
|
47
37
|
const isControlledComponent = this._adapter.isInProps('value');
|
|
48
|
-
|
|
49
38
|
const cbValue = Object.assign(Object.assign({}, evt), {
|
|
50
39
|
target: Object.assign(Object.assign({}, evt.target), {
|
|
51
40
|
value
|
|
52
41
|
})
|
|
53
42
|
});
|
|
54
|
-
|
|
55
43
|
if (mode === 'advanced' && !checked) {
|
|
56
44
|
cbValue.target.value = undefined;
|
|
57
45
|
}
|
|
58
|
-
|
|
59
46
|
if (!isControlledComponent) {
|
|
60
47
|
if (mode === 'advanced' && !checked) {
|
|
61
48
|
this._setValue(undefined);
|
|
@@ -63,24 +50,17 @@ class RadioGroupFoundation extends _foundation.default {
|
|
|
63
50
|
this._setValue(value);
|
|
64
51
|
}
|
|
65
52
|
}
|
|
66
|
-
|
|
67
53
|
if (mode === 'advanced' || lastValue !== value) {
|
|
68
54
|
this._adapter.notifyChange(cbValue);
|
|
69
55
|
}
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
|
|
56
|
+
}
|
|
57
|
+
// call when prop.value change
|
|
73
58
|
handlePropValueChange(propValue) {
|
|
74
59
|
this._setValue(propValue);
|
|
75
60
|
}
|
|
76
|
-
|
|
77
61
|
_setValue(value) {
|
|
78
62
|
this._adapter.setValue(value);
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
|
|
63
|
+
}
|
|
82
64
|
destroy() {}
|
|
83
|
-
|
|
84
65
|
}
|
|
85
|
-
|
|
86
66
|
exports.default = RadioGroupFoundation;
|