@douyinfe/semi-foundation 2.24.2 → 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 -434
- 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 -420
- 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 +70 -32
- 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
|
@@ -4,30 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _toPath2 = _interopRequireDefault(require("lodash/toPath"));
|
|
9
|
-
|
|
10
8
|
var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
|
|
11
|
-
|
|
12
9
|
var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
|
|
13
|
-
|
|
14
10
|
var _foundation = _interopRequireDefault(require("../base/foundation"));
|
|
15
|
-
|
|
16
11
|
var ObjectUtil = _interopRequireWildcard(require("../utils/object"));
|
|
17
|
-
|
|
18
12
|
var _isPromise = _interopRequireDefault(require("../utils/isPromise"));
|
|
19
|
-
|
|
20
13
|
var _utils = require("./utils");
|
|
21
|
-
|
|
22
14
|
var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
|
|
23
|
-
|
|
24
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
-
|
|
26
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
-
|
|
28
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
|
-
|
|
30
|
-
/* eslint-disable prefer-const, max-len */
|
|
31
18
|
class FormFoundation extends _foundation.default {
|
|
32
19
|
constructor(adapter) {
|
|
33
20
|
super(Object.assign({}, adapter));
|
|
@@ -39,26 +26,24 @@ class FormFoundation extends _foundation.default {
|
|
|
39
26
|
这里也需要读一次initValue,因为Form级别可设置初始值,Field级别也可设置初始值.
|
|
40
27
|
Form中设置的字段,不一定会存在Field实体,所以不能完全依赖register时刻来设置初始值
|
|
41
28
|
*/
|
|
42
|
-
|
|
43
29
|
let {
|
|
44
30
|
initValues
|
|
45
31
|
} = this._adapter.getProps();
|
|
46
|
-
|
|
47
32
|
initValues = this._adapter.cloneDeep(initValues);
|
|
48
33
|
this.data = {
|
|
49
34
|
values: initValues ? initValues : {},
|
|
50
35
|
errors: {},
|
|
51
|
-
touched: {}
|
|
36
|
+
touched: {}
|
|
37
|
+
// invalid: false,
|
|
52
38
|
// dirty: false,
|
|
53
|
-
|
|
54
|
-
|
|
39
|
+
};
|
|
40
|
+
// Map store all fields
|
|
55
41
|
// key: fieldName
|
|
56
42
|
// value: { field, fieldApi, keepState, initValue}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
43
|
+
this.fields = new Map();
|
|
44
|
+
// Record all registered fields
|
|
45
|
+
this.registered = {};
|
|
46
|
+
// Record all registered ArrayField
|
|
62
47
|
this.registeredArrayField = new Map();
|
|
63
48
|
this.register = this.register.bind(this);
|
|
64
49
|
this.unRegister = this.unRegister.bind(this);
|
|
@@ -81,23 +66,20 @@ class FormFoundation extends _foundation.default {
|
|
|
81
66
|
this.getFieldExist = this.getFieldExist.bind(this);
|
|
82
67
|
this.scrollToField = this.scrollToField.bind(this);
|
|
83
68
|
}
|
|
84
|
-
|
|
85
69
|
init() {
|
|
86
70
|
this._adapter.initFormId();
|
|
87
71
|
}
|
|
88
|
-
|
|
89
72
|
getField(field) {
|
|
90
73
|
const targetField = this.fields.get(field);
|
|
91
74
|
return targetField;
|
|
92
75
|
}
|
|
93
|
-
|
|
94
76
|
register(field, fieldState, fieldStuff) {
|
|
95
77
|
// determine if this field has been register before
|
|
96
78
|
const registered = this.registered[field];
|
|
97
79
|
this.registered[field] = true;
|
|
98
80
|
this.fields.set(field, fieldStuff);
|
|
99
|
-
|
|
100
|
-
|
|
81
|
+
if (fieldStuff.keepState) {
|
|
82
|
+
// TODO support keepState
|
|
101
83
|
} else {
|
|
102
84
|
const allowEmpty = fieldStuff.allowEmpty || false;
|
|
103
85
|
const opts = {
|
|
@@ -105,24 +87,22 @@ class FormFoundation extends _foundation.default {
|
|
|
105
87
|
notUpdate: false,
|
|
106
88
|
allowEmpty
|
|
107
89
|
};
|
|
108
|
-
let fieldValue = fieldState.value;
|
|
109
|
-
|
|
90
|
+
let fieldValue = fieldState.value;
|
|
91
|
+
// When allowEmpty is false, 'is equivalent to undefined, and the key of the field does not need to be reflected on values
|
|
110
92
|
if (!allowEmpty && fieldValue === '') {
|
|
111
93
|
fieldValue = undefined;
|
|
112
94
|
}
|
|
113
|
-
|
|
114
95
|
this.updateStateValue(field, fieldValue, opts);
|
|
115
|
-
|
|
116
96
|
if (fieldState.error) {
|
|
117
97
|
this.updateStateError(field, fieldState.error, opts);
|
|
118
98
|
}
|
|
119
|
-
}
|
|
120
|
-
|
|
99
|
+
}
|
|
100
|
+
// this.log(this.fields);
|
|
121
101
|
}
|
|
122
102
|
|
|
123
103
|
unRegister(field) {
|
|
124
|
-
const targetField = this.fields.get(field);
|
|
125
|
-
|
|
104
|
+
const targetField = this.fields.get(field);
|
|
105
|
+
// delete data
|
|
126
106
|
try {
|
|
127
107
|
if (!targetField.keepState) {
|
|
128
108
|
ObjectUtil.remove(this.data.values, field);
|
|
@@ -130,51 +110,41 @@ class FormFoundation extends _foundation.default {
|
|
|
130
110
|
ObjectUtil.remove(this.data.touched, field);
|
|
131
111
|
}
|
|
132
112
|
} catch (error) {
|
|
133
|
-
console.error(
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
|
|
113
|
+
console.error(`some thing wrong when unregister field:${field}`);
|
|
114
|
+
}
|
|
115
|
+
// delete field
|
|
137
116
|
this.fields.delete(field);
|
|
138
|
-
|
|
139
117
|
this._adapter.notifyChange(this.data);
|
|
140
|
-
|
|
141
118
|
this._adapter.forceUpdate();
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
|
|
119
|
+
}
|
|
120
|
+
// in order to slove byted-issue-289
|
|
145
121
|
registerArrayField(arrayFieldPath, val) {
|
|
146
122
|
this.updateArrayField(arrayFieldPath, {
|
|
147
123
|
updateKey: new Date().valueOf(),
|
|
148
124
|
initValue: val
|
|
149
125
|
});
|
|
150
126
|
}
|
|
151
|
-
|
|
152
127
|
unRegisterArrayField(arrayField) {
|
|
153
128
|
this.registeredArrayField.delete(arrayField);
|
|
154
129
|
}
|
|
155
|
-
|
|
156
130
|
getArrayField(arrayField) {
|
|
157
131
|
return this.registeredArrayField.get(arrayField);
|
|
158
132
|
}
|
|
159
|
-
|
|
160
133
|
updateArrayField(arrayField, updateValue) {
|
|
161
134
|
const mergeVal = Object.assign(Object.assign({}, this.registeredArrayField.get(arrayField)), updateValue);
|
|
162
135
|
this.registeredArrayField.set(arrayField, mergeVal);
|
|
163
136
|
}
|
|
164
|
-
|
|
165
137
|
validate(fieldPaths) {
|
|
166
138
|
const {
|
|
167
139
|
validateFields
|
|
168
140
|
} = this.getProps();
|
|
169
|
-
|
|
170
141
|
if (validateFields && (0, _isFunction2.default)(validateFields)) {
|
|
171
142
|
return this._formValidate();
|
|
172
143
|
} else {
|
|
173
144
|
return this._fieldsValidate(fieldPaths);
|
|
174
145
|
}
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
|
|
146
|
+
}
|
|
147
|
+
// form level validate
|
|
178
148
|
_formValidate() {
|
|
179
149
|
const {
|
|
180
150
|
values
|
|
@@ -184,74 +154,61 @@ class FormFoundation extends _foundation.default {
|
|
|
184
154
|
} = this.getProps();
|
|
185
155
|
return new Promise((resolve, reject) => {
|
|
186
156
|
let maybePromisedErrors;
|
|
187
|
-
|
|
188
157
|
try {
|
|
189
158
|
maybePromisedErrors = validateFields(values);
|
|
190
159
|
} catch (errors) {
|
|
191
160
|
// error throw by sync validate directly
|
|
192
161
|
maybePromisedErrors = errors;
|
|
193
162
|
}
|
|
194
|
-
|
|
195
163
|
if (!maybePromisedErrors) {
|
|
196
|
-
|
|
164
|
+
const _values = this._adapter.cloneDeep(values);
|
|
165
|
+
resolve(_values);
|
|
197
166
|
this.injectErrorToField({});
|
|
198
167
|
} else if ((0, _isPromise.default)(maybePromisedErrors)) {
|
|
199
168
|
maybePromisedErrors.then(result => {
|
|
200
169
|
// validate success,clear error
|
|
201
170
|
if (!result) {
|
|
202
|
-
|
|
171
|
+
const _values = this._adapter.cloneDeep(values);
|
|
172
|
+
resolve(_values);
|
|
203
173
|
this.injectErrorToField({});
|
|
204
174
|
} else {
|
|
205
175
|
this.data.errors = result;
|
|
206
|
-
|
|
207
176
|
this._adapter.notifyChange(this.data);
|
|
208
|
-
|
|
209
177
|
this.injectErrorToField(result);
|
|
210
|
-
|
|
211
178
|
this._adapter.forceUpdate();
|
|
212
|
-
|
|
213
179
|
this._autoScroll(100);
|
|
214
|
-
|
|
215
180
|
reject(result);
|
|
216
181
|
}
|
|
217
182
|
}, errors => {
|
|
218
183
|
// validate failed
|
|
219
184
|
// this._adapter.notifyChange(this.data);
|
|
220
185
|
this._autoScroll(100);
|
|
221
|
-
|
|
222
186
|
reject(errors);
|
|
223
187
|
});
|
|
224
188
|
} else {
|
|
225
189
|
// TODO: current design, returning an empty object will be considered a checksum failure and will be rejected. Only returning an empty string will be considered a success, consider resetting it in 1.0?
|
|
226
190
|
this.data.errors = maybePromisedErrors;
|
|
227
191
|
this.injectErrorToField(maybePromisedErrors);
|
|
228
|
-
|
|
229
192
|
this._adapter.notifyChange(this.data);
|
|
230
|
-
|
|
231
193
|
this._adapter.forceUpdate();
|
|
232
|
-
|
|
233
194
|
this._autoScroll(100);
|
|
234
|
-
|
|
235
195
|
reject(maybePromisedErrors);
|
|
236
196
|
}
|
|
237
197
|
});
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
|
|
198
|
+
}
|
|
199
|
+
// field level validate
|
|
241
200
|
_fieldsValidate(fieldPaths) {
|
|
242
201
|
const {
|
|
243
202
|
values
|
|
244
|
-
} = this.data;
|
|
245
|
-
|
|
203
|
+
} = this.data;
|
|
204
|
+
// When there is no custom validation function at Form level, perform validation of each Field
|
|
246
205
|
return new Promise((resolve, reject) => {
|
|
247
206
|
let promiseSet = [];
|
|
248
|
-
|
|
249
207
|
const targetFields = this._getOperateFieldMap(fieldPaths);
|
|
250
|
-
|
|
251
208
|
targetFields.forEach((field, fieldPath) => {
|
|
252
209
|
// Call each fieldApi for verification
|
|
253
|
-
const fieldValue = this.getValue(fieldPath);
|
|
254
|
-
|
|
210
|
+
const fieldValue = this.getValue(fieldPath);
|
|
211
|
+
// When centralized verification, no need to trigger forceUpdate and notify
|
|
255
212
|
const opts = {
|
|
256
213
|
notNotify: true,
|
|
257
214
|
notUpdate: true
|
|
@@ -263,38 +220,31 @@ class FormFoundation extends _foundation.default {
|
|
|
263
220
|
Promise.all(promiseSet).then(() => {
|
|
264
221
|
// After the centralized verification is completed, trigger notify and forceUpdate once.
|
|
265
222
|
this._adapter.notifyChange(this.data);
|
|
266
|
-
|
|
267
223
|
this._adapter.forceUpdate();
|
|
268
|
-
|
|
269
224
|
const errors = this.getError();
|
|
270
|
-
|
|
271
225
|
if (this._isValid(targetFields)) {
|
|
272
|
-
|
|
226
|
+
const _values = this._adapter.cloneDeep(values);
|
|
227
|
+
resolve(_values);
|
|
273
228
|
} else {
|
|
274
229
|
this._autoScroll();
|
|
275
|
-
|
|
276
230
|
reject(errors);
|
|
277
231
|
}
|
|
278
232
|
});
|
|
279
233
|
});
|
|
280
234
|
}
|
|
281
|
-
|
|
282
|
-
submit() {
|
|
235
|
+
submit(e) {
|
|
283
236
|
const {
|
|
284
237
|
values
|
|
285
|
-
} = this.data;
|
|
286
|
-
|
|
238
|
+
} = this.data;
|
|
239
|
+
// validate form
|
|
287
240
|
this.validate().then(resolveValues => {
|
|
288
241
|
// if valid do submit
|
|
289
242
|
const _values = this._adapter.cloneDeep(resolveValues);
|
|
290
|
-
|
|
291
|
-
this._adapter.notifySubmit(_values);
|
|
243
|
+
this._adapter.notifySubmit(_values, e);
|
|
292
244
|
}).catch(errors => {
|
|
293
245
|
const _errors = this._adapter.cloneDeep(errors);
|
|
294
|
-
|
|
295
246
|
const _values = this._adapter.cloneDeep(values);
|
|
296
|
-
|
|
297
|
-
this._adapter.notifySubmitFail(_errors, _values);
|
|
247
|
+
this._adapter.notifySubmitFail(_errors, _values, e);
|
|
298
248
|
});
|
|
299
249
|
}
|
|
300
250
|
/**
|
|
@@ -310,8 +260,6 @@ class FormFoundation extends _foundation.default {
|
|
|
310
260
|
* activity.a => activity.a[0]、activity.a[1]
|
|
311
261
|
*
|
|
312
262
|
*/
|
|
313
|
-
|
|
314
|
-
|
|
315
263
|
_getNestedField(path) {
|
|
316
264
|
const allRegisterField = this.fields;
|
|
317
265
|
const allFieldPath = [...allRegisterField].map(item => item[0]);
|
|
@@ -319,27 +267,23 @@ class FormFoundation extends _foundation.default {
|
|
|
319
267
|
allFieldPath.forEach(item => {
|
|
320
268
|
let itemPath = (0, _toPath2.default)(item);
|
|
321
269
|
let targetPath = (0, _toPath2.default)(path);
|
|
322
|
-
|
|
323
270
|
if (targetPath.every((path, i) => targetPath[i] === itemPath[i])) {
|
|
324
271
|
const realField = allRegisterField.get(item);
|
|
325
272
|
nestedFieldPath.set(item, realField);
|
|
326
273
|
}
|
|
327
274
|
});
|
|
328
275
|
return nestedFieldPath;
|
|
329
|
-
}
|
|
330
|
-
|
|
331
|
-
|
|
276
|
+
}
|
|
277
|
+
// get all operate fields, called by validate() / reset()
|
|
332
278
|
_getOperateFieldMap(fieldPaths) {
|
|
333
279
|
let targetFields = new Map();
|
|
334
|
-
|
|
335
280
|
if (!(0, _isUndefined2.default)(fieldPaths)) {
|
|
336
281
|
// reset or validate specific fields
|
|
337
282
|
fieldPaths.forEach(path => {
|
|
338
|
-
const field = this.fields.get(path);
|
|
339
|
-
|
|
283
|
+
const field = this.fields.get(path);
|
|
284
|
+
// may be undefined, if exists two fields like 'a[0]'、'a[1]', but user directly call reset(['a']) / validate(['a'])
|
|
340
285
|
if ((0, _isUndefined2.default)(field)) {
|
|
341
286
|
const nestedFields = this._getNestedField(path);
|
|
342
|
-
|
|
343
287
|
targetFields = new Map([...targetFields, ...nestedFields]);
|
|
344
288
|
} else {
|
|
345
289
|
targetFields.set(path, field);
|
|
@@ -349,29 +293,21 @@ class FormFoundation extends _foundation.default {
|
|
|
349
293
|
// reset or validate all fields
|
|
350
294
|
targetFields = this.fields;
|
|
351
295
|
}
|
|
352
|
-
|
|
353
296
|
return targetFields;
|
|
354
|
-
}
|
|
355
|
-
|
|
356
|
-
|
|
297
|
+
}
|
|
298
|
+
// Reset the entire form, reset all fields and remove validation results
|
|
357
299
|
reset(fieldPaths) {
|
|
358
300
|
const targetFields = this._getOperateFieldMap(fieldPaths);
|
|
359
|
-
|
|
360
301
|
targetFields.forEach(field => {
|
|
361
302
|
field.fieldApi.reset();
|
|
362
303
|
});
|
|
363
|
-
|
|
364
304
|
if (this.registeredArrayField.size) {
|
|
365
305
|
this._resetArrayField();
|
|
366
306
|
}
|
|
367
|
-
|
|
368
307
|
this._adapter.notifyChange(this.data);
|
|
369
|
-
|
|
370
308
|
this._adapter.forceUpdate();
|
|
371
|
-
|
|
372
309
|
this._adapter.notifyReset();
|
|
373
310
|
}
|
|
374
|
-
|
|
375
311
|
_resetArrayField() {
|
|
376
312
|
/*
|
|
377
313
|
When Reset, arrayField needs to be processed separately. Restore the key/value of arrayField in formState according to the initial value
|
|
@@ -390,10 +326,9 @@ class FormFoundation extends _foundation.default {
|
|
|
390
326
|
updateKey: new Date().valueOf()
|
|
391
327
|
});
|
|
392
328
|
});
|
|
393
|
-
}
|
|
329
|
+
}
|
|
330
|
+
// After calling the form's custom validateFields function, reject the returned error to the corresponding field
|
|
394
331
|
// 调用了Form的自定义validateFields函数后,将返回的错误展示到对应的field中
|
|
395
|
-
|
|
396
|
-
|
|
397
332
|
injectErrorToField(errors) {
|
|
398
333
|
this.fields.forEach(field => {
|
|
399
334
|
const fieldError = ObjectUtil.get(errors, field.field);
|
|
@@ -404,55 +339,45 @@ class FormFoundation extends _foundation.default {
|
|
|
404
339
|
field.fieldApi.setError(fieldError, opts);
|
|
405
340
|
});
|
|
406
341
|
}
|
|
407
|
-
|
|
408
342
|
getValue(field, opts) {
|
|
409
343
|
const isAllField = typeof field === 'undefined';
|
|
410
344
|
const needClone = opts && opts.needClone;
|
|
411
345
|
let result, fieldValue;
|
|
412
|
-
|
|
413
346
|
switch (true) {
|
|
414
347
|
case !isAllField && !needClone:
|
|
415
348
|
result = ObjectUtil.get(this.data.values, field);
|
|
416
349
|
break;
|
|
417
|
-
|
|
418
350
|
case !isAllField && needClone:
|
|
419
351
|
fieldValue = ObjectUtil.get(this.data.values, field);
|
|
420
352
|
result = this._adapter.cloneDeep(fieldValue);
|
|
421
353
|
break;
|
|
422
|
-
|
|
423
354
|
case isAllField && !needClone:
|
|
424
355
|
result = Object.assign({}, this.data.values);
|
|
425
356
|
break;
|
|
426
|
-
|
|
427
357
|
case isAllField && needClone:
|
|
428
358
|
result = this._adapter.cloneDeep(this.data.values);
|
|
429
359
|
break;
|
|
430
|
-
|
|
431
360
|
default:
|
|
432
361
|
break;
|
|
433
362
|
}
|
|
434
|
-
|
|
435
363
|
return result;
|
|
436
364
|
}
|
|
437
|
-
|
|
438
365
|
setValues(values, _ref) {
|
|
439
366
|
let {
|
|
440
367
|
isOverride = false
|
|
441
368
|
} = _ref;
|
|
442
|
-
|
|
443
369
|
const _values = this._adapter.cloneDeep(values);
|
|
444
|
-
|
|
445
370
|
this.fields.forEach(field => {
|
|
446
|
-
const value = ObjectUtil.get(_values, field.field);
|
|
371
|
+
const value = ObjectUtil.get(_values, field.field);
|
|
372
|
+
// When calling setValues to override the values, only need to trigger onValueChange and onChange once, so setNotNotify of setValue to true
|
|
447
373
|
// 调用setValues进行值的覆盖时,只需要回调一次onValueChange、onChange即可,所以此处将setValue的notNotify置为true
|
|
448
|
-
|
|
449
374
|
const opts = {
|
|
450
375
|
notNotify: true,
|
|
451
376
|
notUpdate: true
|
|
452
377
|
};
|
|
453
378
|
field.fieldApi.setValue(value, opts);
|
|
454
|
-
});
|
|
455
|
-
|
|
379
|
+
});
|
|
380
|
+
// if there exists any arrayField component in this form
|
|
456
381
|
if (this.registeredArrayField.size) {
|
|
457
382
|
const arrayFieldPaths = [...this.registeredArrayField.keys()];
|
|
458
383
|
arrayFieldPaths.forEach(path => {
|
|
@@ -460,24 +385,19 @@ class FormFoundation extends _foundation.default {
|
|
|
460
385
|
updateKey: new Date().valueOf()
|
|
461
386
|
});
|
|
462
387
|
});
|
|
463
|
-
}
|
|
388
|
+
}
|
|
389
|
+
// When isOverride is true, there may be a non-existent field in the values passed in, directly synchronized to formState.values
|
|
464
390
|
// 当isOverride为true,传入的values中可能存在不存在的field时,直接将其同步到formState.values中
|
|
465
|
-
|
|
466
|
-
|
|
467
391
|
if (isOverride) {
|
|
468
392
|
this.data.values = _values;
|
|
469
|
-
}
|
|
393
|
+
}
|
|
394
|
+
// After completing the assignment, the unified callback can be done once.
|
|
470
395
|
// 在完成赋值后,统一回调一次即可
|
|
471
|
-
|
|
472
|
-
|
|
473
396
|
this._adapter.notifyChange(this.data);
|
|
474
|
-
|
|
475
397
|
this._adapter.notifyValueChange(this.data.values, Object.assign({}, values));
|
|
476
|
-
|
|
477
398
|
this._adapter.forceUpdate();
|
|
478
|
-
}
|
|
479
|
-
|
|
480
|
-
|
|
399
|
+
}
|
|
400
|
+
// update formState value
|
|
481
401
|
updateStateValue(field, value, opts, callback) {
|
|
482
402
|
const notNotify = opts && opts.notNotify;
|
|
483
403
|
const notUpdate = opts && opts.notUpdate;
|
|
@@ -488,9 +408,8 @@ class FormFoundation extends _foundation.default {
|
|
|
488
408
|
* When F orm.allow Empty is true, all fields and keys will appear in the formS tate.values. If the value is empty, it is undefined
|
|
489
409
|
* When F orm.allow Empty is false, only fields with values will key appear in the formS tate.values
|
|
490
410
|
*/
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
411
|
+
const formAllowEmpty = this.getProp('allowEmpty');
|
|
412
|
+
// priority at Field level
|
|
494
413
|
const allowEmpty = fieldAllowEmpty ? fieldAllowEmpty : formAllowEmpty;
|
|
495
414
|
ObjectUtil.set(this.data.values, field, value, allowEmpty);
|
|
496
415
|
/**
|
|
@@ -500,76 +419,62 @@ class FormFoundation extends _foundation.default {
|
|
|
500
419
|
* register时,Field中同步initValue到FormState时调用的setValue不应该触发notify
|
|
501
420
|
* 但需要触发forceUpdate,否则useFormState、useFieldState初始渲染会有问题
|
|
502
421
|
*/
|
|
503
|
-
|
|
504
422
|
if (!notNotify) {
|
|
505
423
|
this._adapter.notifyChange(this.data);
|
|
506
|
-
|
|
507
424
|
this._adapter.notifyValueChange(this.data.values, {
|
|
508
425
|
[field]: value
|
|
509
426
|
});
|
|
510
427
|
}
|
|
511
|
-
|
|
512
428
|
if (!notUpdate) {
|
|
513
429
|
this._adapter.forceUpdate(callback);
|
|
514
430
|
}
|
|
515
|
-
}
|
|
516
|
-
|
|
517
|
-
|
|
431
|
+
}
|
|
432
|
+
// get touched from formState
|
|
518
433
|
getTouched(field) {
|
|
519
434
|
if (typeof field === 'undefined') {
|
|
520
435
|
return this.data.touched;
|
|
521
436
|
}
|
|
522
|
-
|
|
523
437
|
return ObjectUtil.get(this.data.touched, field);
|
|
524
|
-
}
|
|
525
|
-
|
|
526
|
-
|
|
438
|
+
}
|
|
439
|
+
// update formState touched
|
|
527
440
|
updateStateTouched(field, isTouched, opts, callback) {
|
|
528
441
|
const notNotify = opts && opts.notNotify;
|
|
529
442
|
const notUpdate = opts && opts.notUpdate;
|
|
530
443
|
ObjectUtil.set(this.data.touched, field, isTouched);
|
|
531
|
-
|
|
532
444
|
if (!notNotify) {
|
|
533
445
|
this._adapter.notifyChange(this.data);
|
|
534
446
|
}
|
|
535
|
-
|
|
536
447
|
if (!notUpdate) {
|
|
537
448
|
this._adapter.forceUpdate(callback);
|
|
538
449
|
}
|
|
539
|
-
}
|
|
540
|
-
|
|
541
|
-
|
|
450
|
+
}
|
|
451
|
+
// get error from formState
|
|
542
452
|
getError(field) {
|
|
543
453
|
if (typeof field === 'undefined') {
|
|
544
454
|
return this.data.errors;
|
|
545
455
|
}
|
|
546
|
-
|
|
547
456
|
return ObjectUtil.get(this.data.errors, field);
|
|
548
|
-
}
|
|
549
|
-
|
|
550
|
-
|
|
457
|
+
}
|
|
458
|
+
// update formState error
|
|
551
459
|
updateStateError(field, error, opts, callback) {
|
|
552
460
|
const notNotify = opts && opts.notNotify;
|
|
553
461
|
const notUpdate = opts && opts.notUpdate;
|
|
554
|
-
ObjectUtil.set(this.data.errors, field, error);
|
|
462
|
+
ObjectUtil.set(this.data.errors, field, error);
|
|
463
|
+
// The setError caused by centralized validation does not need to trigger notify, otherwise it will be called too frequently, as many times as there are fields
|
|
555
464
|
// 集中validate时,引起的setError不需要触发notify,否则会过于频繁调用,有多少个field就调用了多少次
|
|
556
|
-
|
|
557
465
|
if (!notNotify) {
|
|
558
466
|
this._adapter.notifyChange(this.data);
|
|
559
467
|
}
|
|
560
|
-
|
|
561
468
|
if (!notUpdate) {
|
|
562
469
|
this._adapter.forceUpdate(callback);
|
|
563
470
|
}
|
|
564
|
-
}
|
|
565
|
-
|
|
566
|
-
|
|
471
|
+
}
|
|
472
|
+
// For internal use in the FormApi Operating Field
|
|
567
473
|
getFieldSetterApi() {
|
|
568
474
|
const setValue = (field, value, opts) => {
|
|
569
|
-
const fieldApi = this.fields.get(field) ? this.fields.get(field).fieldApi : undefined;
|
|
570
|
-
|
|
475
|
+
const fieldApi = this.fields.get(field) ? this.fields.get(field).fieldApi : undefined;
|
|
476
|
+
// DeepClone the value entered from the outside to avoid unexpected errors caused by not isolating the scope to the greatest extent. This setValue will be called in eg: ArrayField
|
|
571
477
|
const newValue = this._adapter.cloneDeep(value);
|
|
572
|
-
|
|
573
478
|
if (fieldApi) {
|
|
574
479
|
// If there is a corresponding Field entity, call FieldApi to update the value
|
|
575
480
|
fieldApi.setValue(newValue, opts);
|
|
@@ -580,7 +485,6 @@ class FormFoundation extends _foundation.default {
|
|
|
580
485
|
// When the user directly calls formA pi.set Value ('peoples', [2,3])
|
|
581
486
|
this.updateStateValue(field, newValue, opts, () => {
|
|
582
487
|
let nestedFields = this._getNestedField(field);
|
|
583
|
-
|
|
584
488
|
if (nestedFields.size) {
|
|
585
489
|
nestedFields.forEach(fieldStaff => {
|
|
586
490
|
let fieldPath = fieldStaff.field;
|
|
@@ -592,8 +496,8 @@ class FormFoundation extends _foundation.default {
|
|
|
592
496
|
fieldStaff.fieldApi.setValue(newFieldVal, nestedBatchUpdateOpts);
|
|
593
497
|
});
|
|
594
498
|
}
|
|
595
|
-
});
|
|
596
|
-
|
|
499
|
+
});
|
|
500
|
+
// If the reset happens to be, then update the updateKey corresponding to ArrayField to render it again
|
|
597
501
|
if (this.getArrayField(field)) {
|
|
598
502
|
this.updateArrayField(field, {
|
|
599
503
|
updateKey: new Date().valueOf()
|
|
@@ -601,18 +505,14 @@ class FormFoundation extends _foundation.default {
|
|
|
601
505
|
}
|
|
602
506
|
}
|
|
603
507
|
};
|
|
604
|
-
|
|
605
508
|
const setError = (field, error, opts) => {
|
|
606
509
|
const fieldApi = this.fields.get(field) ? this.fields.get(field).fieldApi : undefined;
|
|
607
|
-
|
|
608
510
|
const newError = this._adapter.cloneDeep(error);
|
|
609
|
-
|
|
610
511
|
if (fieldApi) {
|
|
611
512
|
fieldApi.setError(newError, opts);
|
|
612
513
|
} else {
|
|
613
514
|
this.updateStateError(field, newError, opts, () => {
|
|
614
515
|
let nestedFields = this._getNestedField(field);
|
|
615
|
-
|
|
616
516
|
if (nestedFields.size) {
|
|
617
517
|
nestedFields.forEach(fieldStaff => {
|
|
618
518
|
let fieldPath = fieldStaff.field;
|
|
@@ -625,7 +525,6 @@ class FormFoundation extends _foundation.default {
|
|
|
625
525
|
});
|
|
626
526
|
}
|
|
627
527
|
});
|
|
628
|
-
|
|
629
528
|
if (this.getArrayField(field)) {
|
|
630
529
|
this.updateArrayField(field, {
|
|
631
530
|
updateKey: new Date().valueOf()
|
|
@@ -633,16 +532,14 @@ class FormFoundation extends _foundation.default {
|
|
|
633
532
|
}
|
|
634
533
|
}
|
|
635
534
|
};
|
|
636
|
-
|
|
637
535
|
const setTouched = (field, isTouched, opts) => {
|
|
638
|
-
const fieldApi = this.fields.get(field) ? this.fields.get(field).fieldApi : undefined;
|
|
639
|
-
|
|
536
|
+
const fieldApi = this.fields.get(field) ? this.fields.get(field).fieldApi : undefined;
|
|
537
|
+
// touched is boolean variable, no need to exec deepClone like setValue
|
|
640
538
|
if (fieldApi) {
|
|
641
539
|
fieldApi.setTouched(isTouched, opts);
|
|
642
540
|
} else {
|
|
643
541
|
this.updateStateTouched(field, isTouched, opts, () => {
|
|
644
542
|
let nestedFields = this._getNestedField(field);
|
|
645
|
-
|
|
646
543
|
if (nestedFields.size) {
|
|
647
544
|
nestedFields.forEach(fieldStaff => {
|
|
648
545
|
let fieldPath = fieldStaff.field;
|
|
@@ -655,7 +552,6 @@ class FormFoundation extends _foundation.default {
|
|
|
655
552
|
});
|
|
656
553
|
}
|
|
657
554
|
});
|
|
658
|
-
|
|
659
555
|
if (this.getArrayField(field)) {
|
|
660
556
|
this.updateArrayField(field, {
|
|
661
557
|
updateKey: new Date().valueOf()
|
|
@@ -663,15 +559,13 @@ class FormFoundation extends _foundation.default {
|
|
|
663
559
|
}
|
|
664
560
|
}
|
|
665
561
|
};
|
|
666
|
-
|
|
667
562
|
return {
|
|
668
563
|
setValue,
|
|
669
564
|
setError,
|
|
670
565
|
setTouched
|
|
671
566
|
};
|
|
672
|
-
}
|
|
673
|
-
|
|
674
|
-
|
|
567
|
+
}
|
|
568
|
+
// For Field and ArrayField to read and modify FormState
|
|
675
569
|
getModifyFormStateApi() {
|
|
676
570
|
return {
|
|
677
571
|
register: this.register,
|
|
@@ -691,9 +585,8 @@ class FormFoundation extends _foundation.default {
|
|
|
691
585
|
getArrayField: this.getArrayField,
|
|
692
586
|
updateArrayField: this.updateArrayField
|
|
693
587
|
};
|
|
694
|
-
}
|
|
695
|
-
|
|
696
|
-
|
|
588
|
+
}
|
|
589
|
+
// Form APIs for external use, exposed to the user
|
|
697
590
|
getFormApi() {
|
|
698
591
|
const fieldSetterApi = this.getFieldSetterApi();
|
|
699
592
|
return Object.assign(Object.assign({}, fieldSetterApi), {
|
|
@@ -718,13 +611,10 @@ class FormFoundation extends _foundation.default {
|
|
|
718
611
|
scrollToField: (field, scrollOpts) => this.scrollToField(field, scrollOpts)
|
|
719
612
|
});
|
|
720
613
|
}
|
|
721
|
-
|
|
722
614
|
getFormState() {
|
|
723
615
|
let needClone = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
724
|
-
|
|
725
616
|
// NOTES:这里如果直接返回this.data,forceUpdate 触发 Form rerender 时,通过context传下去的formState会被认为是同一个对象【应该是浅对比的原因】
|
|
726
617
|
// 使用了useFormState相关的component都不会触发重新渲染。所以使用...复制一次
|
|
727
|
-
|
|
728
618
|
/*
|
|
729
619
|
The reason for distinguishing deepClone: When semi is calling getFormState for internal consumption,
|
|
730
620
|
the value of formState will not be modified, so deep cloning is not necessary, which can reduce performance loss
|
|
@@ -739,10 +629,8 @@ class FormFoundation extends _foundation.default {
|
|
|
739
629
|
return this._adapter.cloneDeep(this.data);
|
|
740
630
|
}
|
|
741
631
|
}
|
|
742
|
-
|
|
743
632
|
_isValid(targetFields) {
|
|
744
633
|
let valid = true;
|
|
745
|
-
|
|
746
634
|
if (!targetFields) {
|
|
747
635
|
valid = Boolean(ObjectUtil.empty(this.data.errors));
|
|
748
636
|
} else {
|
|
@@ -750,62 +638,49 @@ class FormFoundation extends _foundation.default {
|
|
|
750
638
|
const targetFieldStr = [...targetFields.keys()];
|
|
751
639
|
targetFieldStr.forEach(fieldStr => {
|
|
752
640
|
const fieldError = ObjectUtil.get(this.data.errors, fieldStr);
|
|
753
|
-
|
|
754
641
|
if (!(0, _utils.isValid)(fieldError)) {
|
|
755
642
|
valid = false;
|
|
756
643
|
}
|
|
757
644
|
});
|
|
758
645
|
}
|
|
759
|
-
|
|
760
646
|
return valid;
|
|
761
|
-
}
|
|
762
|
-
|
|
763
|
-
|
|
647
|
+
}
|
|
648
|
+
// get form.props.initValues
|
|
764
649
|
getInitValues() {
|
|
765
650
|
return this._adapter.getInitValues();
|
|
766
651
|
}
|
|
767
|
-
|
|
768
652
|
getInitValue(field) {
|
|
769
653
|
if (typeof field === 'undefined') {
|
|
770
654
|
return this._adapter.getInitValues();
|
|
771
655
|
}
|
|
772
|
-
|
|
773
656
|
return ObjectUtil.get(this._adapter.getInitValues(), field);
|
|
774
657
|
}
|
|
775
|
-
|
|
776
658
|
getFormProps(keys) {
|
|
777
659
|
return this._adapter.getFormProps(keys);
|
|
778
660
|
}
|
|
779
|
-
|
|
780
661
|
getFieldExist(field) {
|
|
781
662
|
return Boolean(this.fields.has(field));
|
|
782
663
|
}
|
|
783
|
-
|
|
784
664
|
_autoScroll(timeout) {
|
|
785
665
|
const {
|
|
786
666
|
autoScrollToError
|
|
787
667
|
} = this.getFormProps();
|
|
788
|
-
|
|
789
668
|
if (!autoScrollToError) {
|
|
790
669
|
return;
|
|
791
670
|
}
|
|
792
|
-
|
|
793
671
|
let scrollOpts = {
|
|
794
672
|
behavior: 'smooth',
|
|
795
673
|
block: 'start'
|
|
796
674
|
};
|
|
797
675
|
typeof autoScrollToError === 'object' ? scrollOpts = autoScrollToError : null;
|
|
798
|
-
|
|
799
676
|
if (timeout) {
|
|
800
677
|
setTimeout(() => this._getErrorFieldAndScroll(scrollOpts), 100);
|
|
801
678
|
} else {
|
|
802
679
|
this._getErrorFieldAndScroll(scrollOpts);
|
|
803
680
|
}
|
|
804
681
|
}
|
|
805
|
-
|
|
806
682
|
_getErrorFieldAndScroll(scrollOpts) {
|
|
807
683
|
const errorDOM = this._adapter.getAllErrorDOM();
|
|
808
|
-
|
|
809
684
|
if (errorDOM && errorDOM.length) {
|
|
810
685
|
try {
|
|
811
686
|
const fieldDom = errorDOM[0].parentNode.parentNode;
|
|
@@ -813,20 +688,15 @@ class FormFoundation extends _foundation.default {
|
|
|
813
688
|
} catch (error) {}
|
|
814
689
|
}
|
|
815
690
|
}
|
|
816
|
-
|
|
817
691
|
scrollToField(field) {
|
|
818
692
|
let scrollOpts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
|
|
819
693
|
behavior: 'smooth',
|
|
820
694
|
block: 'start'
|
|
821
695
|
};
|
|
822
|
-
|
|
823
696
|
if (this.getFieldExist(field)) {
|
|
824
697
|
const fieldDOM = this._adapter.getFieldDOM(field);
|
|
825
|
-
|
|
826
698
|
(0, _scrollIntoViewIfNeeded.default)(fieldDOM, scrollOpts);
|
|
827
699
|
}
|
|
828
700
|
}
|
|
829
|
-
|
|
830
701
|
}
|
|
831
|
-
|
|
832
702
|
exports.default = FormFoundation;
|