@douyinfe/semi-ui 2.19.0-beta.0 → 2.19.1-alpha.2
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/avatar/index.tsx +1 -3
- package/button/buttonGroup.tsx +4 -38
- package/button/index.tsx +0 -2
- package/checkbox/_story/checkbox.stories.js +0 -2
- package/checkbox/checkbox.tsx +20 -25
- package/checkbox/checkboxGroup.tsx +0 -1
- package/dist/css/semi.css +138 -86
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +2931 -15958
- package/dist/umd/semi-ui.js.map +1 -1
- package/dist/umd/semi-ui.min.js +1 -1
- package/dist/umd/semi-ui.min.js.map +1 -1
- package/getBabelConfig.js +1 -13
- package/lib/cjs/_base/base.js +1 -3
- package/lib/cjs/_base/baseComponent.js +4 -9
- package/lib/cjs/_base/reactUtils.js +4 -9
- package/lib/cjs/_portal/index.js +4 -9
- package/lib/cjs/_utils/hooks/usePrevFocus.js +3 -6
- package/lib/cjs/_utils/index.js +9 -24
- package/lib/cjs/anchor/anchor-context.js +3 -6
- package/lib/cjs/anchor/index.js +14 -35
- package/lib/cjs/anchor/link.js +7 -16
- package/lib/cjs/autoComplete/index.js +13 -30
- package/lib/cjs/autoComplete/option.js +12 -25
- package/lib/cjs/avatar/avatarGroup.js +18 -49
- package/lib/cjs/avatar/index.d.ts +0 -1
- package/lib/cjs/avatar/index.js +24 -49
- package/lib/cjs/avatar/interface.js +1 -3
- package/lib/cjs/backtop/index.js +8 -17
- package/lib/cjs/badge/index.js +14 -31
- package/lib/cjs/banner/index.js +5 -14
- package/lib/cjs/breadcrumb/bread-context.js +3 -6
- package/lib/cjs/breadcrumb/index.js +13 -34
- package/lib/cjs/breadcrumb/item.js +8 -21
- package/lib/cjs/button/Button.js +13 -32
- package/lib/cjs/button/buttonGroup.d.ts +0 -1
- package/lib/cjs/button/buttonGroup.js +10 -78
- package/lib/cjs/button/index.d.ts +0 -1
- package/lib/cjs/button/index.js +7 -13
- package/lib/cjs/button/splitButtonGroup.js +3 -6
- package/lib/cjs/calendar/dayCalendar.js +20 -37
- package/lib/cjs/calendar/dayCol.js +10 -25
- package/lib/cjs/calendar/index.js +9 -25
- package/lib/cjs/calendar/interface.js +1 -3
- package/lib/cjs/calendar/monthCalendar.js +20 -45
- package/lib/cjs/calendar/rangeCalendar.js +19 -44
- package/lib/cjs/calendar/timeCol.js +10 -25
- package/lib/cjs/calendar/weekCalendar.js +19 -44
- package/lib/cjs/card/cardGroup.js +9 -22
- package/lib/cjs/card/index.js +12 -33
- package/lib/cjs/card/meta.js +9 -22
- package/lib/cjs/carousel/CarouselArrow.js +8 -17
- package/lib/cjs/carousel/CarouselIndicator.js +11 -26
- package/lib/cjs/carousel/index.js +10 -29
- package/lib/cjs/carousel/interface.js +1 -3
- package/lib/cjs/cascader/index.js +37 -68
- package/lib/cjs/cascader/item.js +24 -49
- package/lib/cjs/checkbox/checkbox.d.ts +0 -1
- package/lib/cjs/checkbox/checkbox.js +18 -36
- package/lib/cjs/checkbox/checkboxGroup.js +12 -34
- package/lib/cjs/checkbox/checkboxInner.js +6 -15
- package/lib/cjs/checkbox/context.js +3 -6
- package/lib/cjs/checkbox/index.js +4 -8
- package/lib/cjs/collapse/collapse-context.js +3 -6
- package/lib/cjs/collapse/index.js +12 -29
- package/lib/cjs/collapse/item.js +9 -22
- package/lib/cjs/collapsible/index.js +7 -16
- package/lib/cjs/configProvider/context.js +3 -6
- package/lib/cjs/configProvider/index.js +7 -16
- package/lib/cjs/datePicker/dateInput.js +15 -34
- package/lib/cjs/datePicker/datePicker.js +22 -45
- package/lib/cjs/datePicker/footer.js +3 -6
- package/lib/cjs/datePicker/index.js +9 -20
- package/lib/cjs/datePicker/insetInput.js +4 -9
- package/lib/cjs/datePicker/month.js +15 -26
- package/lib/cjs/datePicker/monthsGrid.js +13 -32
- package/lib/cjs/datePicker/navigation.js +5 -12
- package/lib/cjs/datePicker/quickControl.js +18 -31
- package/lib/cjs/datePicker/yearAndMonth.js +13 -30
- package/lib/cjs/descriptions/descriptions-context.js +3 -6
- package/lib/cjs/descriptions/index.js +8 -23
- package/lib/cjs/descriptions/item.js +7 -18
- package/lib/cjs/divider/index.js +9 -22
- package/lib/cjs/dropdown/context.js +3 -6
- package/lib/cjs/dropdown/dropdownDivider.js +3 -6
- package/lib/cjs/dropdown/dropdownItem.js +8 -21
- package/lib/cjs/dropdown/dropdownMenu.js +8 -17
- package/lib/cjs/dropdown/dropdownTitle.js +5 -12
- package/lib/cjs/dropdown/index.js +12 -25
- package/lib/cjs/empty/index.js +5 -14
- package/lib/cjs/form/arrayField.js +28 -57
- package/lib/cjs/form/baseForm.d.ts +1 -1
- package/lib/cjs/form/baseForm.js +18 -43
- package/lib/cjs/form/context.js +3 -6
- package/lib/cjs/form/errorMessage.js +7 -18
- package/lib/cjs/form/field.d.ts +1 -1
- package/lib/cjs/form/field.js +3 -6
- package/lib/cjs/form/group.js +16 -31
- package/lib/cjs/form/hoc/withField.js +26 -53
- package/lib/cjs/form/hoc/withFormApi.js +4 -9
- package/lib/cjs/form/hoc/withFormState.js +4 -9
- package/lib/cjs/form/hooks/index.js +11 -20
- package/lib/cjs/form/hooks/useArrayFieldState.js +1 -4
- package/lib/cjs/form/hooks/useFieldApi.js +3 -6
- package/lib/cjs/form/hooks/useFieldState.js +6 -15
- package/lib/cjs/form/hooks/useFormApi.js +1 -4
- package/lib/cjs/form/hooks/useFormState.js +1 -4
- package/lib/cjs/form/hooks/useFormUpdater.js +1 -4
- package/lib/cjs/form/hooks/useStateWithGetter.js +1 -4
- package/lib/cjs/form/index.js +15 -34
- package/lib/cjs/form/interface.js +3 -10
- package/lib/cjs/form/label.js +5 -12
- package/lib/cjs/form/section.js +5 -12
- package/lib/cjs/form/slot.js +18 -35
- package/lib/cjs/grid/col.js +20 -37
- package/lib/cjs/grid/index.js +6 -10
- package/lib/cjs/grid/row.js +18 -45
- package/lib/cjs/iconButton/index.js +13 -30
- package/lib/cjs/icons/index.js +3 -6
- package/lib/cjs/index.js +94 -189
- package/lib/cjs/input/index.js +13 -26
- package/lib/cjs/input/inputGroup.js +11 -32
- package/lib/cjs/input/textarea.js +11 -24
- package/lib/cjs/inputNumber/index.js +12 -29
- package/lib/cjs/layout/Sider.js +11 -36
- package/lib/cjs/layout/index.js +13 -32
- package/lib/cjs/layout/layout-context.js +3 -6
- package/lib/cjs/list/index.js +9 -25
- package/lib/cjs/list/item.js +10 -27
- package/lib/cjs/list/list-context.js +3 -6
- package/lib/cjs/locale/context.js +3 -6
- package/lib/cjs/locale/interface.js +1 -3
- package/lib/cjs/locale/localeConsumer.js +5 -12
- package/lib/cjs/locale/localeProvider.js +5 -12
- package/lib/cjs/locale/source/ar.js +1 -4
- package/lib/cjs/locale/source/de.js +1 -4
- package/lib/cjs/locale/source/en_GB.js +1 -4
- package/lib/cjs/locale/source/en_US.js +1 -4
- package/lib/cjs/locale/source/es.js +1 -4
- package/lib/cjs/locale/source/fr.js +1 -4
- package/lib/cjs/locale/source/id_ID.js +1 -4
- package/lib/cjs/locale/source/it.js +1 -4
- package/lib/cjs/locale/source/ja_JP.js +1 -4
- package/lib/cjs/locale/source/ko_KR.js +1 -4
- package/lib/cjs/locale/source/ms_MY.js +1 -4
- package/lib/cjs/locale/source/pt_BR.js +1 -4
- package/lib/cjs/locale/source/ru_RU.js +1 -4
- package/lib/cjs/locale/source/th_TH.js +1 -4
- package/lib/cjs/locale/source/tr_TR.js +1 -4
- package/lib/cjs/locale/source/vi_VN.js +1 -4
- package/lib/cjs/locale/source/zh_CN.js +1 -4
- package/lib/cjs/locale/source/zh_TW.js +1 -4
- package/lib/cjs/modal/ConfirmModal.js +11 -28
- package/lib/cjs/modal/Modal.js +14 -33
- package/lib/cjs/modal/ModalContent.js +14 -35
- package/lib/cjs/modal/confirm.js +15 -21
- package/lib/cjs/modal/index.js +3 -6
- package/lib/cjs/modal/useModal/HookModal.js +10 -19
- package/lib/cjs/modal/useModal/index.js +4 -9
- package/lib/cjs/motions/Rotate.js +7 -18
- package/lib/cjs/navigation/CollapseButton.js +4 -9
- package/lib/cjs/navigation/Footer.js +6 -15
- package/lib/cjs/navigation/Header.js +6 -15
- package/lib/cjs/navigation/Item.js +9 -28
- package/lib/cjs/navigation/OpenIconTransition.js +6 -15
- package/lib/cjs/navigation/SubNav.js +10 -29
- package/lib/cjs/navigation/SubNavTransition.js +5 -12
- package/lib/cjs/navigation/index.js +25 -46
- package/lib/cjs/navigation/nav-context.js +3 -6
- package/lib/cjs/notification/NoticeTransition.js +4 -9
- package/lib/cjs/notification/index.js +24 -51
- package/lib/cjs/notification/notice.js +13 -30
- package/lib/cjs/notification/useNotification/HookNotice.js +9 -22
- package/lib/cjs/notification/useNotification/index.js +18 -41
- package/lib/cjs/overflowList/index.js +13 -28
- package/lib/cjs/overflowList/intersectionObserver.js +7 -18
- package/lib/cjs/pagination/index.js +15 -38
- package/lib/cjs/popconfirm/index.d.ts +2 -4
- package/lib/cjs/popconfirm/index.js +41 -68
- package/lib/cjs/popover/Arrow.js +10 -19
- package/lib/cjs/popover/index.js +8 -17
- package/lib/cjs/progress/index.js +7 -20
- package/lib/cjs/radio/context.js +3 -6
- package/lib/cjs/radio/index.js +4 -8
- package/lib/cjs/radio/radio.d.ts +0 -1
- package/lib/cjs/radio/radio.js +23 -41
- package/lib/cjs/radio/radioGroup.js +12 -27
- package/lib/cjs/radio/radioInner.js +7 -16
- package/lib/cjs/rating/index.js +10 -27
- package/lib/cjs/rating/item.js +10 -19
- package/lib/cjs/resizeObserver/index.js +3 -6
- package/lib/cjs/scrollList/index.js +3 -6
- package/lib/cjs/scrollList/scrollItem.js +13 -26
- package/lib/cjs/select/index.js +46 -91
- package/lib/cjs/select/option.js +12 -25
- package/lib/cjs/select/optionGroup.js +3 -6
- package/lib/cjs/select/utils.js +12 -29
- package/lib/cjs/select/virtualRow.js +1 -4
- package/lib/cjs/sideSheet/SideSheetContent.js +9 -22
- package/lib/cjs/sideSheet/SideSheetTransition.js +4 -9
- package/lib/cjs/sideSheet/index.js +15 -28
- package/lib/cjs/skeleton/index.js +9 -22
- package/lib/cjs/skeleton/item.js +13 -34
- package/lib/cjs/slider/index.js +18 -48
- package/lib/cjs/space/index.js +7 -20
- package/lib/cjs/space/utils.js +9 -24
- package/lib/cjs/spin/icon.js +7 -16
- package/lib/cjs/spin/index.js +5 -14
- package/lib/cjs/steps/basicStep.js +4 -11
- package/lib/cjs/steps/basicSteps.js +12 -29
- package/lib/cjs/steps/context.js +3 -6
- package/lib/cjs/steps/fillStep.js +4 -11
- package/lib/cjs/steps/fillSteps.js +12 -28
- package/lib/cjs/steps/index.js +11 -24
- package/lib/cjs/steps/navStep.js +3 -6
- package/lib/cjs/steps/navSteps.js +12 -28
- package/lib/cjs/steps/step.js +8 -17
- package/lib/cjs/switch/index.js +5 -10
- package/lib/cjs/table/Body/BaseRow.js +14 -27
- package/lib/cjs/table/Body/ExpandedRow.js +10 -23
- package/lib/cjs/table/Body/SectionRow.js +15 -36
- package/lib/cjs/table/Body/index.js +39 -64
- package/lib/cjs/table/ColGroup.js +4 -11
- package/lib/cjs/table/Column.js +4 -9
- package/lib/cjs/table/ColumnFilter.js +18 -41
- package/lib/cjs/table/ColumnSelection.js +6 -11
- package/lib/cjs/table/ColumnShape.js +3 -6
- package/lib/cjs/table/ColumnSorter.js +6 -15
- package/lib/cjs/table/CustomExpandIcon.js +5 -12
- package/lib/cjs/table/HeadTable.js +7 -14
- package/lib/cjs/table/ResizableHeaderCell.js +9 -22
- package/lib/cjs/table/ResizableTable.js +23 -40
- package/lib/cjs/table/Table.js +63 -96
- package/lib/cjs/table/TableCell.js +13 -26
- package/lib/cjs/table/TableContextProvider.js +5 -12
- package/lib/cjs/table/TableHeader.js +10 -27
- package/lib/cjs/table/TableHeaderRow.js +18 -33
- package/lib/cjs/table/TablePagination.js +6 -15
- package/lib/cjs/table/getColumns.js +8 -17
- package/lib/cjs/table/index.js +8 -20
- package/lib/cjs/table/interface.js +1 -3
- package/lib/cjs/table/table-context.js +3 -6
- package/lib/cjs/table/utils.js +5 -16
- package/lib/cjs/tabs/TabBar.js +21 -44
- package/lib/cjs/tabs/TabPane.js +14 -31
- package/lib/cjs/tabs/TabPaneTransition.js +5 -10
- package/lib/cjs/tabs/index.js +32 -73
- package/lib/cjs/tabs/interface.js +1 -3
- package/lib/cjs/tabs/tabs-context.js +3 -6
- package/lib/cjs/tag/group.js +10 -23
- package/lib/cjs/tag/index.d.ts +1 -1
- package/lib/cjs/tag/index.js +20 -48
- package/lib/cjs/tag/interface.js +1 -3
- package/lib/cjs/tagInput/index.js +13 -30
- package/lib/cjs/timePicker/Combobox.js +19 -40
- package/lib/cjs/timePicker/PanelShape.js +3 -6
- package/lib/cjs/timePicker/TimeInput.js +9 -20
- package/lib/cjs/timePicker/TimePicker.js +21 -38
- package/lib/cjs/timePicker/TimeShape.js +3 -6
- package/lib/cjs/timePicker/index.js +4 -9
- package/lib/cjs/timeline/index.js +21 -48
- package/lib/cjs/timeline/item.js +7 -20
- package/lib/cjs/toast/ToastTransition.js +4 -9
- package/lib/cjs/toast/index.js +20 -45
- package/lib/cjs/toast/toast.js +9 -20
- package/lib/cjs/toast/useToast/HookToast.js +9 -22
- package/lib/cjs/toast/useToast/index.js +14 -27
- package/lib/cjs/tooltip/ArrowBoundingShape.js +3 -6
- package/lib/cjs/tooltip/TooltipStyledTransition.js +4 -9
- package/lib/cjs/tooltip/TriangleArrow.js +7 -16
- package/lib/cjs/tooltip/TriangleArrowVertical.js +7 -16
- package/lib/cjs/tooltip/index.js +25 -46
- package/lib/cjs/transfer/index.js +30 -63
- package/lib/cjs/tree/autoSizer.js +7 -16
- package/lib/cjs/tree/collapse.js +7 -16
- package/lib/cjs/tree/index.js +46 -70
- package/lib/cjs/tree/interface.js +1 -3
- package/lib/cjs/tree/nodeList.js +11 -28
- package/lib/cjs/tree/treeContext.js +3 -6
- package/lib/cjs/tree/treeNode.js +20 -39
- package/lib/cjs/tree/treeUtil.js +3 -6
- package/lib/cjs/treeSelect/index.js +51 -80
- package/lib/cjs/trigger/index.js +7 -16
- package/lib/cjs/typography/base.js +24 -49
- package/lib/cjs/typography/copyable.js +5 -12
- package/lib/cjs/typography/index.js +5 -15
- package/lib/cjs/typography/interface.js +1 -3
- package/lib/cjs/typography/paragraph.js +6 -15
- package/lib/cjs/typography/text.js +6 -15
- package/lib/cjs/typography/title.d.ts +1 -1
- package/lib/cjs/typography/title.js +10 -25
- package/lib/cjs/typography/typography.js +9 -22
- package/lib/cjs/typography/util.js +8 -21
- package/lib/cjs/upload/fileCard.js +8 -17
- package/lib/cjs/upload/index.js +14 -25
- package/lib/cjs/upload/interface.js +1 -3
- package/lib/es/_base/baseComponent.js +1 -3
- package/lib/es/_portal/index.js +1 -2
- package/lib/es/_utils/index.js +6 -15
- package/lib/es/anchor/index.js +11 -30
- package/lib/es/anchor/link.js +4 -8
- package/lib/es/autoComplete/index.js +10 -21
- package/lib/es/autoComplete/option.js +7 -10
- package/lib/es/avatar/avatarGroup.js +13 -33
- package/lib/es/avatar/index.d.ts +0 -1
- package/lib/es/avatar/index.js +19 -32
- package/lib/es/backtop/index.js +5 -9
- package/lib/es/badge/index.js +7 -13
- package/lib/es/banner/index.js +2 -7
- package/lib/es/breadcrumb/index.js +10 -27
- package/lib/es/breadcrumb/item.js +3 -7
- package/lib/es/button/Button.js +8 -16
- package/lib/es/button/buttonGroup.d.ts +0 -1
- package/lib/es/button/buttonGroup.js +5 -60
- package/lib/es/button/index.d.ts +0 -1
- package/lib/es/button/index.js +4 -7
- package/lib/es/calendar/dayCalendar.js +15 -30
- package/lib/es/calendar/dayCol.js +5 -16
- package/lib/es/calendar/index.js +4 -8
- package/lib/es/calendar/monthCalendar.js +15 -35
- package/lib/es/calendar/rangeCalendar.js +14 -36
- package/lib/es/calendar/timeCol.js +3 -12
- package/lib/es/calendar/weekCalendar.js +14 -36
- package/lib/es/card/cardGroup.js +4 -8
- package/lib/es/card/index.js +7 -15
- package/lib/es/card/meta.js +4 -8
- package/lib/es/carousel/CarouselArrow.js +5 -9
- package/lib/es/carousel/CarouselIndicator.js +8 -17
- package/lib/es/carousel/index.js +5 -13
- package/lib/es/cascader/index.js +30 -55
- package/lib/es/cascader/item.js +17 -33
- package/lib/es/checkbox/checkbox.d.ts +0 -1
- package/lib/es/checkbox/checkbox.js +13 -27
- package/lib/es/checkbox/checkboxGroup.js +7 -23
- package/lib/es/checkbox/checkboxInner.js +1 -2
- package/lib/es/collapse/index.js +9 -17
- package/lib/es/collapse/item.js +4 -8
- package/lib/es/collapsible/index.js +2 -4
- package/lib/es/configProvider/index.js +4 -8
- package/lib/es/datePicker/dateInput.js +12 -27
- package/lib/es/datePicker/datePicker.js +17 -35
- package/lib/es/datePicker/index.js +4 -10
- package/lib/es/datePicker/insetInput.js +1 -2
- package/lib/es/datePicker/month.js +12 -18
- package/lib/es/datePicker/monthsGrid.js +10 -26
- package/lib/es/datePicker/quickControl.js +13 -18
- package/lib/es/datePicker/yearAndMonth.js +10 -22
- package/lib/es/descriptions/index.js +3 -8
- package/lib/es/descriptions/item.js +2 -5
- package/lib/es/divider/index.js +6 -13
- package/lib/es/dropdown/dropdownItem.js +3 -10
- package/lib/es/dropdown/dropdownMenu.js +5 -9
- package/lib/es/dropdown/index.js +9 -16
- package/lib/es/empty/index.js +2 -6
- package/lib/es/form/arrayField.js +20 -42
- package/lib/es/form/baseForm.d.ts +1 -1
- package/lib/es/form/baseForm.js +11 -28
- package/lib/es/form/errorMessage.js +2 -6
- package/lib/es/form/field.d.ts +1 -1
- package/lib/es/form/group.js +7 -16
- package/lib/es/form/hoc/withField.js +21 -41
- package/lib/es/form/hoc/withFormApi.js +1 -2
- package/lib/es/form/hoc/withFormState.js +1 -2
- package/lib/es/form/hooks/useFieldState.js +1 -2
- package/lib/es/form/slot.js +11 -18
- package/lib/es/grid/col.js +17 -29
- package/lib/es/grid/row.js +15 -36
- package/lib/es/iconButton/index.js +8 -14
- package/lib/es/input/index.js +10 -17
- package/lib/es/input/inputGroup.js +8 -20
- package/lib/es/input/textarea.js +8 -15
- package/lib/es/inputNumber/index.js +9 -18
- package/lib/es/layout/Sider.js +8 -26
- package/lib/es/layout/index.js +10 -22
- package/lib/es/list/index.js +5 -18
- package/lib/es/list/item.js +5 -11
- package/lib/es/modal/ConfirmModal.js +6 -13
- package/lib/es/modal/Modal.js +9 -16
- package/lib/es/modal/ModalContent.js +9 -21
- package/lib/es/modal/confirm.js +11 -15
- package/lib/es/modal/useModal/HookModal.js +7 -10
- package/lib/es/modal/useModal/index.js +1 -2
- package/lib/es/motions/Rotate.js +2 -4
- package/lib/es/navigation/CollapseButton.js +1 -2
- package/lib/es/navigation/Footer.js +1 -2
- package/lib/es/navigation/Header.js +1 -2
- package/lib/es/navigation/Item.js +6 -19
- package/lib/es/navigation/OpenIconTransition.js +1 -2
- package/lib/es/navigation/SubNav.js +7 -20
- package/lib/es/navigation/index.js +20 -35
- package/lib/es/notification/NoticeTransition.js +1 -2
- package/lib/es/notification/index.js +19 -40
- package/lib/es/notification/notice.js +8 -17
- package/lib/es/notification/useNotification/HookNotice.js +4 -8
- package/lib/es/notification/useNotification/index.js +13 -26
- package/lib/es/overflowList/index.js +10 -18
- package/lib/es/overflowList/intersectionObserver.js +4 -10
- package/lib/es/pagination/index.js +10 -28
- package/lib/es/popconfirm/index.d.ts +2 -4
- package/lib/es/popconfirm/index.js +38 -59
- package/lib/es/popover/Arrow.js +7 -11
- package/lib/es/popover/index.js +5 -8
- package/lib/es/progress/index.js +2 -8
- package/lib/es/radio/radio.d.ts +0 -1
- package/lib/es/radio/radio.js +18 -31
- package/lib/es/radio/radioGroup.js +7 -16
- package/lib/es/radio/radioInner.js +2 -6
- package/lib/es/rating/index.js +5 -18
- package/lib/es/rating/item.js +7 -11
- package/lib/es/scrollList/scrollItem.js +8 -14
- package/lib/es/select/index.js +38 -76
- package/lib/es/select/option.js +7 -10
- package/lib/es/select/utils.js +9 -22
- package/lib/es/sideSheet/SideSheetContent.js +6 -12
- package/lib/es/sideSheet/SideSheetTransition.js +1 -2
- package/lib/es/sideSheet/index.js +10 -18
- package/lib/es/skeleton/index.js +4 -8
- package/lib/es/skeleton/item.js +8 -18
- package/lib/es/slider/index.js +15 -36
- package/lib/es/space/index.js +2 -8
- package/lib/es/space/utils.js +4 -11
- package/lib/es/spin/icon.js +4 -8
- package/lib/es/spin/index.js +2 -6
- package/lib/es/steps/basicStep.js +1 -4
- package/lib/es/steps/basicSteps.js +6 -17
- package/lib/es/steps/fillStep.js +1 -4
- package/lib/es/steps/fillSteps.js +5 -17
- package/lib/es/steps/index.js +6 -9
- package/lib/es/steps/navSteps.js +5 -17
- package/lib/es/steps/step.js +3 -4
- package/lib/es/switch/index.js +2 -3
- package/lib/es/table/Body/BaseRow.js +9 -14
- package/lib/es/table/Body/ExpandedRow.js +5 -8
- package/lib/es/table/Body/SectionRow.js +10 -18
- package/lib/es/table/Body/index.js +34 -56
- package/lib/es/table/ColGroup.js +1 -5
- package/lib/es/table/Column.js +1 -2
- package/lib/es/table/ColumnFilter.js +13 -30
- package/lib/es/table/ColumnSelection.js +3 -4
- package/lib/es/table/ColumnSorter.js +1 -2
- package/lib/es/table/HeadTable.js +4 -6
- package/lib/es/table/ResizableHeaderCell.js +6 -13
- package/lib/es/table/ResizableTable.js +18 -36
- package/lib/es/table/Table.js +56 -76
- package/lib/es/table/TableCell.js +8 -13
- package/lib/es/table/TableHeader.js +7 -18
- package/lib/es/table/TableHeaderRow.js +13 -21
- package/lib/es/table/TablePagination.js +1 -2
- package/lib/es/table/getColumns.js +3 -10
- package/lib/es/table/index.js +3 -4
- package/lib/es/table/utils.js +1 -7
- package/lib/es/tabs/TabBar.js +18 -36
- package/lib/es/tabs/TabPane.js +9 -18
- package/lib/es/tabs/TabPaneTransition.js +2 -3
- package/lib/es/tabs/index.js +22 -48
- package/lib/es/tag/group.js +5 -13
- package/lib/es/tag/index.d.ts +1 -1
- package/lib/es/tag/index.js +13 -24
- package/lib/es/tagInput/index.js +10 -21
- package/lib/es/timePicker/Combobox.js +14 -23
- package/lib/es/timePicker/TimeInput.js +6 -10
- package/lib/es/timePicker/TimePicker.js +16 -27
- package/lib/es/timePicker/index.js +1 -2
- package/lib/es/timeline/index.js +14 -32
- package/lib/es/timeline/item.js +2 -6
- package/lib/es/toast/ToastTransition.js +1 -2
- package/lib/es/toast/index.js +17 -37
- package/lib/es/toast/toast.js +4 -10
- package/lib/es/toast/useToast/HookToast.js +4 -8
- package/lib/es/toast/useToast/index.js +11 -18
- package/lib/es/tooltip/TooltipStyledTransition.js +1 -3
- package/lib/es/tooltip/TriangleArrow.js +4 -8
- package/lib/es/tooltip/TriangleArrowVertical.js +4 -8
- package/lib/es/tooltip/index.js +18 -29
- package/lib/es/transfer/index.js +24 -47
- package/lib/es/tree/autoSizer.js +2 -3
- package/lib/es/tree/collapse.js +2 -5
- package/lib/es/tree/index.js +41 -48
- package/lib/es/tree/nodeList.js +6 -17
- package/lib/es/tree/treeNode.js +15 -23
- package/lib/es/treeSelect/index.js +44 -62
- package/lib/es/trigger/index.js +4 -8
- package/lib/es/typography/base.js +19 -34
- package/lib/es/typography/copyable.js +2 -4
- package/lib/es/typography/paragraph.js +1 -2
- package/lib/es/typography/text.js +1 -2
- package/lib/es/typography/title.d.ts +1 -1
- package/lib/es/typography/title.js +5 -11
- package/lib/es/typography/typography.js +4 -8
- package/lib/es/typography/util.js +5 -15
- package/lib/es/upload/fileCard.js +3 -4
- package/lib/es/upload/index.js +11 -16
- package/package.json +8 -9
- package/popconfirm/_story/popconfirm.stories.js +1 -37
- package/popconfirm/index.tsx +6 -14
- package/radio/_story/radio.stories.js +5 -5
- package/radio/radio.tsx +19 -22
- package/radio/radioGroup.tsx +1 -1
- package/tag/index.tsx +1 -1
- package/treeSelect/_story/treeSelect.stories.js +0 -3
|
@@ -1,9 +1,4 @@
|
|
|
1
1
|
import _isEqual from "lodash/isEqual";
|
|
2
|
-
import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
5
|
-
import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
|
|
6
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
7
2
|
|
|
8
3
|
/* eslint-disable max-len */
|
|
9
4
|
import React from 'react';
|
|
@@ -17,18 +12,16 @@ import Checkbox from './checkbox';
|
|
|
17
12
|
|
|
18
13
|
class CheckboxGroup extends BaseComponent {
|
|
19
14
|
constructor(props) {
|
|
20
|
-
var _context;
|
|
21
|
-
|
|
22
15
|
super(props);
|
|
23
16
|
this.state = {
|
|
24
17
|
value: props.value || props.defaultValue
|
|
25
18
|
};
|
|
26
19
|
this.foundation = new CheckboxGroupFoundation(this.adapter);
|
|
27
|
-
this.onChange =
|
|
20
|
+
this.onChange = this.onChange.bind(this);
|
|
28
21
|
}
|
|
29
22
|
|
|
30
23
|
get adapter() {
|
|
31
|
-
return
|
|
24
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
32
25
|
updateGroupValue: value => {
|
|
33
26
|
this.setState({
|
|
34
27
|
value
|
|
@@ -59,8 +52,6 @@ class CheckboxGroup extends BaseComponent {
|
|
|
59
52
|
}
|
|
60
53
|
|
|
61
54
|
render() {
|
|
62
|
-
var _context2, _context3, _context4, _context5;
|
|
63
|
-
|
|
64
55
|
const {
|
|
65
56
|
children,
|
|
66
57
|
options,
|
|
@@ -78,19 +69,14 @@ class CheckboxGroup extends BaseComponent {
|
|
|
78
69
|
const prefixClsDisplay = classnames({
|
|
79
70
|
[prefix]: true,
|
|
80
71
|
["".concat(prefix, "-wrapper")]: true,
|
|
81
|
-
[
|
|
82
|
-
[
|
|
83
|
-
[_concatInstanceProperty(_context4 = "".concat(prefix, "-")).call(_context4, direction, "-pureCardType")]: direction && isPureCardType
|
|
72
|
+
["".concat(prefix, "-").concat(direction)]: direction,
|
|
73
|
+
["".concat(prefix, "-").concat(direction, "-cardType")]: direction && isCardType
|
|
84
74
|
}, className);
|
|
85
|
-
|
|
86
|
-
const realValue = _sliceInstanceProperty(_context5 = this.state.value).call(_context5);
|
|
87
|
-
|
|
75
|
+
const realValue = this.state.value.slice();
|
|
88
76
|
let inner;
|
|
89
77
|
|
|
90
78
|
if (options) {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
inner = _mapInstanceProperty(_context6 = options || []).call(_context6, (option, index) => {
|
|
79
|
+
inner = (options || []).map((option, index) => {
|
|
94
80
|
if (typeof option === 'string') {
|
|
95
81
|
return /*#__PURE__*/React.createElement(Checkbox, {
|
|
96
82
|
role: "listitem",
|
|
@@ -114,9 +100,7 @@ class CheckboxGroup extends BaseComponent {
|
|
|
114
100
|
}
|
|
115
101
|
});
|
|
116
102
|
} else if (children) {
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
inner = _mapInstanceProperty(_context7 = React.Children.toArray(children)).call(_context7, (itm, index) => /*#__PURE__*/React.cloneElement(itm, {
|
|
103
|
+
inner = React.Children.toArray(children).map((itm, index) => /*#__PURE__*/React.cloneElement(itm, {
|
|
120
104
|
key: index,
|
|
121
105
|
role: 'listitem'
|
|
122
106
|
}));
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
3
2
|
|
|
4
3
|
/* eslint-disable no-nested-ternary */
|
|
5
4
|
import React, { PureComponent } from 'react';
|
|
@@ -69,7 +68,7 @@ class CheckboxInner extends PureComponent {
|
|
|
69
68
|
name && (inputProps['name'] = name);
|
|
70
69
|
return /*#__PURE__*/React.createElement("span", {
|
|
71
70
|
className: wrapper
|
|
72
|
-
}, /*#__PURE__*/React.createElement("input",
|
|
71
|
+
}, /*#__PURE__*/React.createElement("input", Object.assign({}, inputProps, {
|
|
73
72
|
ref: ref => {
|
|
74
73
|
this.inputEntity = ref;
|
|
75
74
|
}
|
package/lib/es/collapse/index.js
CHANGED
|
@@ -1,18 +1,12 @@
|
|
|
1
1
|
import _isEqual from "lodash/isEqual";
|
|
2
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
3
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
4
|
-
import _Set from "@babel/runtime-corejs3/core-js-stable/set";
|
|
5
|
-
import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
|
|
6
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
7
|
-
import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
|
|
8
2
|
|
|
9
3
|
var __rest = this && this.__rest || function (s, e) {
|
|
10
4
|
var t = {};
|
|
11
5
|
|
|
12
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
13
7
|
|
|
14
|
-
if (s != null && typeof
|
|
15
|
-
if (
|
|
8
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
16
10
|
}
|
|
17
11
|
return t;
|
|
18
12
|
};
|
|
@@ -30,8 +24,6 @@ import CollapseContext from './collapse-context';
|
|
|
30
24
|
|
|
31
25
|
class Collapse extends BaseComponent {
|
|
32
26
|
constructor(props) {
|
|
33
|
-
var _context;
|
|
34
|
-
|
|
35
27
|
super(props);
|
|
36
28
|
|
|
37
29
|
this.onChange = (activeKey, e) => {
|
|
@@ -41,13 +33,13 @@ class Collapse extends BaseComponent {
|
|
|
41
33
|
this.foundation = new CollapseFoundation(this.adapter);
|
|
42
34
|
const initKeys = this.foundation.initActiveKey();
|
|
43
35
|
this.state = {
|
|
44
|
-
activeSet: new
|
|
36
|
+
activeSet: new Set(initKeys)
|
|
45
37
|
};
|
|
46
|
-
this.onChange =
|
|
38
|
+
this.onChange = this.onChange.bind(this);
|
|
47
39
|
}
|
|
48
40
|
|
|
49
41
|
get adapter() {
|
|
50
|
-
return
|
|
42
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
51
43
|
handleChange: (activeKey, e) => this.props.onChange(activeKey, e),
|
|
52
44
|
addActiveKey: activeSet => this.setState({
|
|
53
45
|
activeSet
|
|
@@ -57,11 +49,11 @@ class Collapse extends BaseComponent {
|
|
|
57
49
|
|
|
58
50
|
static getDerivedStateFromProps(props, state) {
|
|
59
51
|
if (props.activeKey) {
|
|
60
|
-
const keys =
|
|
61
|
-
const newSet = new
|
|
52
|
+
const keys = Array.isArray(props.activeKey) ? props.activeKey : [props.activeKey];
|
|
53
|
+
const newSet = new Set(keys);
|
|
62
54
|
|
|
63
55
|
if (!_isEqual(newSet, state.activeSet)) {
|
|
64
|
-
return
|
|
56
|
+
return Object.assign(Object.assign({}, state), {
|
|
65
57
|
activeSet: newSet
|
|
66
58
|
});
|
|
67
59
|
}
|
package/lib/es/collapse/item.js
CHANGED
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
2
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
|
-
|
|
5
1
|
var __rest = this && this.__rest || function (s, e) {
|
|
6
2
|
var t = {};
|
|
7
3
|
|
|
8
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
9
5
|
|
|
10
|
-
if (s != null && typeof
|
|
11
|
-
if (
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
12
8
|
}
|
|
13
9
|
return t;
|
|
14
10
|
};
|
|
@@ -100,7 +96,7 @@ export default class CollapsePanel extends PureComponent {
|
|
|
100
96
|
const contentCls = cls({
|
|
101
97
|
["".concat(cssClasses.PREFIX, "-content")]: true
|
|
102
98
|
});
|
|
103
|
-
return /*#__PURE__*/React.createElement("div",
|
|
99
|
+
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
104
100
|
className: itemCls
|
|
105
101
|
}, restProps), /*#__PURE__*/React.createElement("div", {
|
|
106
102
|
role: "button",
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
2
1
|
// @ts-ignore currently no type definition for @douyinfe/semi-animation-react
|
|
3
2
|
import { Transition } from '@douyinfe/semi-animation-react';
|
|
4
3
|
import PropTypes from 'prop-types';
|
|
@@ -69,8 +68,7 @@ const Collapsible = props => {
|
|
|
69
68
|
|
|
70
69
|
const renderChildren = transitionStyle => {
|
|
71
70
|
const transition = transitionStyle && typeof transitionStyle === 'object' ? formatStyle(transitionStyle) : {};
|
|
72
|
-
|
|
73
|
-
const wrapperstyle = _Object$assign(_Object$assign({
|
|
71
|
+
const wrapperstyle = Object.assign(Object.assign({
|
|
74
72
|
overflow: 'hidden',
|
|
75
73
|
maxHeight: defaultMaxHeight
|
|
76
74
|
}, style), transition);
|
|
@@ -109,7 +107,7 @@ const Collapsible = props => {
|
|
|
109
107
|
didLeave,
|
|
110
108
|
motion
|
|
111
109
|
});
|
|
112
|
-
return /*#__PURE__*/React.createElement(Transition,
|
|
110
|
+
return /*#__PURE__*/React.createElement(Transition, Object.assign({
|
|
113
111
|
state: isOpen ? 'enter' : 'leave',
|
|
114
112
|
immediate: transitionImmediate,
|
|
115
113
|
from: {
|
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
2
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
|
-
|
|
5
1
|
var __rest = this && this.__rest || function (s, e) {
|
|
6
2
|
var t = {};
|
|
7
3
|
|
|
8
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
9
5
|
|
|
10
|
-
if (s != null && typeof
|
|
11
|
-
if (
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
12
8
|
}
|
|
13
9
|
return t;
|
|
14
10
|
};
|
|
@@ -43,7 +39,7 @@ export default class ConfigProvider extends React.Component {
|
|
|
43
39
|
rest = __rest(_a, ["children", "direction"]);
|
|
44
40
|
|
|
45
41
|
return /*#__PURE__*/React.createElement(Context.Provider, {
|
|
46
|
-
value:
|
|
42
|
+
value: Object.assign({
|
|
47
43
|
direction
|
|
48
44
|
}, rest)
|
|
49
45
|
}, this.renderChilren());
|
|
@@ -1,17 +1,10 @@
|
|
|
1
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
2
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
3
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
4
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
5
|
-
import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
|
|
6
|
-
import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
|
|
7
|
-
|
|
8
1
|
var __rest = this && this.__rest || function (s, e) {
|
|
9
2
|
var t = {};
|
|
10
3
|
|
|
11
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
12
5
|
|
|
13
|
-
if (s != null && typeof
|
|
14
|
-
if (
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
15
8
|
}
|
|
16
9
|
return t;
|
|
17
10
|
};
|
|
@@ -77,14 +70,10 @@ export default class DateInput extends BaseComponent {
|
|
|
77
70
|
};
|
|
78
71
|
|
|
79
72
|
this.getRangeInputValue = (rangeStart, rangeEnd) => {
|
|
80
|
-
var _context, _context2;
|
|
81
|
-
|
|
82
73
|
const {
|
|
83
74
|
rangeSeparator
|
|
84
75
|
} = this.props;
|
|
85
|
-
|
|
86
|
-
const rangeInputValue = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "".concat(rangeStart)).call(_context2, rangeSeparator)).call(_context, rangeEnd);
|
|
87
|
-
|
|
76
|
+
const rangeInputValue = "".concat(rangeStart).concat(rangeSeparator).concat(rangeEnd);
|
|
88
77
|
return rangeInputValue;
|
|
89
78
|
};
|
|
90
79
|
|
|
@@ -94,7 +83,7 @@ export default class DateInput extends BaseComponent {
|
|
|
94
83
|
get adapter() {
|
|
95
84
|
var _this = this;
|
|
96
85
|
|
|
97
|
-
return
|
|
86
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
98
87
|
updateIsFocusing: isFocusing => this.setState({
|
|
99
88
|
isFocusing
|
|
100
89
|
}),
|
|
@@ -205,8 +194,6 @@ export default class DateInput extends BaseComponent {
|
|
|
205
194
|
}
|
|
206
195
|
|
|
207
196
|
renderRangeInput(rangeProps) {
|
|
208
|
-
var _context3, _context4;
|
|
209
|
-
|
|
210
197
|
const {
|
|
211
198
|
// this.props
|
|
212
199
|
placeholder,
|
|
@@ -228,7 +215,7 @@ export default class DateInput extends BaseComponent {
|
|
|
228
215
|
} = rangeProps;
|
|
229
216
|
const [rangeStart, rangeEnd = ''] = text.split(rangeSeparator) || [];
|
|
230
217
|
const rangeSize = size === 'large' ? 'default' : 'small';
|
|
231
|
-
const rangePlaceholder =
|
|
218
|
+
const rangePlaceholder = Array.isArray(placeholder) ? placeholder : [placeholder, placeholder];
|
|
232
219
|
const [rangeStartPlaceholder, rangeEndPlaceholder] = rangePlaceholder;
|
|
233
220
|
const inputLeftWrapperCls = cls("".concat(prefixCls, "-range-input-wrapper-start"), "".concat(prefixCls, "-range-input-wrapper"), {
|
|
234
221
|
["".concat(prefixCls, "-range-input-wrapper-active")]: rangeInputFocus === 'rangeStart' && !disabled,
|
|
@@ -239,7 +226,7 @@ export default class DateInput extends BaseComponent {
|
|
|
239
226
|
});
|
|
240
227
|
return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderRangePrefix(), /*#__PURE__*/React.createElement("div", {
|
|
241
228
|
onClick: e => !disabled && this.handleRangeInputFocus(e, 'rangeStart'),
|
|
242
|
-
className:
|
|
229
|
+
className: "".concat(inputCls, " ").concat(inputLeftWrapperCls)
|
|
243
230
|
}, /*#__PURE__*/React.createElement(Input, {
|
|
244
231
|
size: rangeSize,
|
|
245
232
|
style: inputStyle,
|
|
@@ -255,7 +242,7 @@ export default class DateInput extends BaseComponent {
|
|
|
255
242
|
autofocus: autofocus,
|
|
256
243
|
ref: rangeInputStartRef
|
|
257
244
|
})), this.renderRangeSeparator(rangeStart, rangeEnd), /*#__PURE__*/React.createElement("div", {
|
|
258
|
-
className:
|
|
245
|
+
className: "".concat(inputCls, " ").concat(inputRightWrapperCls),
|
|
259
246
|
onClick: e => !disabled && this.handleRangeInputFocus(e, 'rangeEnd')
|
|
260
247
|
}, /*#__PURE__*/React.createElement(Input, {
|
|
261
248
|
size: rangeSize,
|
|
@@ -287,7 +274,7 @@ export default class DateInput extends BaseComponent {
|
|
|
287
274
|
density
|
|
288
275
|
} = this.props;
|
|
289
276
|
|
|
290
|
-
const _isRangeType =
|
|
277
|
+
const _isRangeType = type.includes('Range');
|
|
291
278
|
|
|
292
279
|
const newInsetInputValue = this.foundation.getInsetInputValue({
|
|
293
280
|
value,
|
|
@@ -382,7 +369,7 @@ export default class DateInput extends BaseComponent {
|
|
|
382
369
|
const dateTimeIcon = /*#__PURE__*/React.createElement(IconCalendarClock, {
|
|
383
370
|
"aria-hidden": true
|
|
384
371
|
});
|
|
385
|
-
const suffix =
|
|
372
|
+
const suffix = type.includes('Time') ? dateTimeIcon : dateIcon;
|
|
386
373
|
let text = '';
|
|
387
374
|
|
|
388
375
|
if (!isNullOrUndefined(inputValue)) {
|
|
@@ -395,14 +382,12 @@ export default class DateInput extends BaseComponent {
|
|
|
395
382
|
["".concat(prefixCls, "-input-readonly")]: inputReadOnly
|
|
396
383
|
});
|
|
397
384
|
const isRangeType = /range/i.test(type);
|
|
398
|
-
|
|
399
|
-
const rangeProps = _Object$assign(_Object$assign({}, this.props), {
|
|
385
|
+
const rangeProps = Object.assign(Object.assign({}, this.props), {
|
|
400
386
|
text,
|
|
401
387
|
suffix,
|
|
402
388
|
inputCls
|
|
403
389
|
});
|
|
404
|
-
|
|
405
|
-
return isRangeType ? this.renderRangeInput(rangeProps) : /*#__PURE__*/React.createElement(Input, _Object$assign({}, rest, {
|
|
390
|
+
return isRangeType ? this.renderRangeInput(rangeProps) : /*#__PURE__*/React.createElement(Input, Object.assign({}, rest, {
|
|
406
391
|
insetLabel: insetLabel,
|
|
407
392
|
disabled: disabled,
|
|
408
393
|
readonly: inputReadOnly,
|
|
@@ -4,11 +4,6 @@ import _get from "lodash/get";
|
|
|
4
4
|
import _isDate from "lodash/isDate";
|
|
5
5
|
import _stubFalse from "lodash/stubFalse";
|
|
6
6
|
import _noop from "lodash/noop";
|
|
7
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
8
|
-
import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
|
|
9
|
-
import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
|
|
10
|
-
import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
|
|
11
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
12
7
|
|
|
13
8
|
/* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/interactive-supports-focus */
|
|
14
9
|
|
|
@@ -130,7 +125,7 @@ export default class DatePicker extends BaseComponent {
|
|
|
130
125
|
|
|
131
126
|
this.renderFooter = (locale, localeCode) => {
|
|
132
127
|
if (this.adapter.needConfirm()) {
|
|
133
|
-
return /*#__PURE__*/React.createElement(Footer,
|
|
128
|
+
return /*#__PURE__*/React.createElement(Footer, Object.assign({}, this.props, {
|
|
134
129
|
locale: locale,
|
|
135
130
|
localeCode: localeCode,
|
|
136
131
|
onConfirmClick: this.handleConfirm,
|
|
@@ -290,7 +285,7 @@ export default class DatePicker extends BaseComponent {
|
|
|
290
285
|
get adapter() {
|
|
291
286
|
var _this2 = this;
|
|
292
287
|
|
|
293
|
-
return
|
|
288
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
294
289
|
togglePanel: panelShow => {
|
|
295
290
|
this.setState({
|
|
296
291
|
panelShow
|
|
@@ -360,7 +355,7 @@ export default class DatePicker extends BaseComponent {
|
|
|
360
355
|
updateCachedSelectedValue: cachedSelectedValue => {
|
|
361
356
|
let _cachedSelectedValue = cachedSelectedValue;
|
|
362
357
|
|
|
363
|
-
if (cachedSelectedValue && !
|
|
358
|
+
if (cachedSelectedValue && !Array.isArray(cachedSelectedValue)) {
|
|
364
359
|
_cachedSelectedValue = [...cachedSelectedValue];
|
|
365
360
|
}
|
|
366
361
|
|
|
@@ -384,16 +379,8 @@ export default class DatePicker extends BaseComponent {
|
|
|
384
379
|
});
|
|
385
380
|
}
|
|
386
381
|
},
|
|
387
|
-
needConfirm: () =>
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
return _includesInstanceProperty(_context = ['dateTime', 'dateTimeRange']).call(_context, this.props.type) && this.props.needConfirm === true;
|
|
391
|
-
},
|
|
392
|
-
typeIsYearOrMonth: () => {
|
|
393
|
-
var _context2;
|
|
394
|
-
|
|
395
|
-
return _includesInstanceProperty(_context2 = ['month', 'year']).call(_context2, this.props.type);
|
|
396
|
-
},
|
|
382
|
+
needConfirm: () => ['dateTime', 'dateTimeRange'].includes(this.props.type) && this.props.needConfirm === true,
|
|
383
|
+
typeIsYearOrMonth: () => ['month', 'year'].includes(this.props.type),
|
|
397
384
|
setMotionEnd: motionEnd => this.setState({
|
|
398
385
|
motionEnd
|
|
399
386
|
}),
|
|
@@ -429,10 +416,9 @@ export default class DatePicker extends BaseComponent {
|
|
|
429
416
|
* resulting in the panel being closed before endDate is selected
|
|
430
417
|
*/
|
|
431
418
|
|
|
432
|
-
|
|
419
|
+
setTimeout(() => {
|
|
433
420
|
this.focusRecordsRef.current.rangeStart = true;
|
|
434
421
|
}, 0);
|
|
435
|
-
|
|
436
422
|
break;
|
|
437
423
|
|
|
438
424
|
case 'rangeEnd':
|
|
@@ -455,10 +441,9 @@ export default class DatePicker extends BaseComponent {
|
|
|
455
441
|
* resulting in the panel being closed before endDate is selected
|
|
456
442
|
*/
|
|
457
443
|
|
|
458
|
-
|
|
444
|
+
setTimeout(() => {
|
|
459
445
|
this.focusRecordsRef.current.rangeEnd = true;
|
|
460
446
|
}, 0);
|
|
461
|
-
|
|
462
447
|
break;
|
|
463
448
|
|
|
464
449
|
default:
|
|
@@ -514,7 +499,7 @@ export default class DatePicker extends BaseComponent {
|
|
|
514
499
|
|
|
515
500
|
componentDidUpdate(prevProps) {
|
|
516
501
|
if (prevProps.value !== this.props.value) {
|
|
517
|
-
this.foundation.initFromProps(
|
|
502
|
+
this.foundation.initFromProps(Object.assign({}, this.props));
|
|
518
503
|
} else if (this.props.timeZone !== prevProps.timeZone) {
|
|
519
504
|
this.foundation.initFromProps({
|
|
520
505
|
value: this.state.value,
|
|
@@ -658,14 +643,12 @@ export default class DatePicker extends BaseComponent {
|
|
|
658
643
|
density,
|
|
659
644
|
defaultPickerValue
|
|
660
645
|
};
|
|
661
|
-
return insetInput ? /*#__PURE__*/React.createElement(DateInput,
|
|
646
|
+
return insetInput ? /*#__PURE__*/React.createElement(DateInput, Object.assign({}, insetInputProps, {
|
|
662
647
|
insetInput: true
|
|
663
648
|
})) : null;
|
|
664
649
|
}
|
|
665
650
|
|
|
666
651
|
renderInner(extraProps) {
|
|
667
|
-
var _context3, _context4;
|
|
668
|
-
|
|
669
652
|
const {
|
|
670
653
|
type,
|
|
671
654
|
format,
|
|
@@ -698,15 +681,15 @@ export default class DatePicker extends BaseComponent {
|
|
|
698
681
|
const inputDisabled = disabled || insetInput && triggerDisabled;
|
|
699
682
|
const inputCls = classnames("".concat(cssClasses.PREFIX, "-input"), {
|
|
700
683
|
["".concat(cssClasses.PREFIX, "-range-input")]: isRangeType,
|
|
701
|
-
[
|
|
684
|
+
["".concat(cssClasses.PREFIX, "-range-input-").concat(size)]: isRangeType && size,
|
|
702
685
|
["".concat(cssClasses.PREFIX, "-range-input-active")]: isRangeType && rangeInputFocus && !inputDisabled,
|
|
703
686
|
["".concat(cssClasses.PREFIX, "-range-input-disabled")]: isRangeType && inputDisabled,
|
|
704
|
-
[
|
|
687
|
+
["".concat(cssClasses.PREFIX, "-range-input-").concat(validateStatus)]: isRangeType && validateStatus
|
|
705
688
|
});
|
|
706
689
|
const phText = placeholder || locale.placeholder[type]; // i18n
|
|
707
690
|
// These values should be passed to triggerRender, do not delete any key if it is not necessary
|
|
708
691
|
|
|
709
|
-
const props =
|
|
692
|
+
const props = Object.assign(Object.assign({}, extraProps), {
|
|
710
693
|
placeholder: phText,
|
|
711
694
|
disabled: inputDisabled,
|
|
712
695
|
inputValue,
|
|
@@ -741,20 +724,19 @@ export default class DatePicker extends BaseComponent {
|
|
|
741
724
|
rangeInputStartRef: insetInput ? null : this.rangeInputStartRef,
|
|
742
725
|
rangeInputEndRef: insetInput ? null : this.rangeInputEndRef
|
|
743
726
|
});
|
|
744
|
-
|
|
745
727
|
return /*#__PURE__*/React.createElement("div", {
|
|
746
728
|
// tooltip will mount a11y props to children
|
|
747
729
|
// eslint-disable-next-line jsx-a11y/role-has-required-aria-props
|
|
748
730
|
role: "combobox",
|
|
749
|
-
"aria-label":
|
|
731
|
+
"aria-label": Array.isArray(value) && value.length ? "Change date" : "Choose date",
|
|
750
732
|
"aria-disabled": disabled,
|
|
751
733
|
onClick: this.handleTriggerWrapperClick,
|
|
752
734
|
className: inputCls
|
|
753
|
-
}, typeof triggerRender === 'function' ? /*#__PURE__*/React.createElement(Trigger,
|
|
735
|
+
}, typeof triggerRender === 'function' ? /*#__PURE__*/React.createElement(Trigger, Object.assign({}, props, {
|
|
754
736
|
triggerRender: triggerRender,
|
|
755
737
|
componentName: "DatePicker",
|
|
756
|
-
componentProps:
|
|
757
|
-
})) : /*#__PURE__*/React.createElement(DateInput,
|
|
738
|
+
componentProps: Object.assign({}, this.props)
|
|
739
|
+
})) : /*#__PURE__*/React.createElement(DateInput, Object.assign({}, props)));
|
|
758
740
|
}
|
|
759
741
|
|
|
760
742
|
render() {
|
|
@@ -777,7 +759,7 @@ export default class DatePicker extends BaseComponent {
|
|
|
777
759
|
};
|
|
778
760
|
const inner = this.renderInner();
|
|
779
761
|
const wrappedInner = this.wrapPopover(inner);
|
|
780
|
-
return /*#__PURE__*/React.createElement("div",
|
|
762
|
+
return /*#__PURE__*/React.createElement("div", Object.assign({}, outerProps), wrappedInner);
|
|
781
763
|
}
|
|
782
764
|
|
|
783
765
|
}
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
2
|
-
import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
|
|
3
|
-
import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
|
|
4
1
|
import React from 'react';
|
|
5
2
|
import { forwardStatics } from '@douyinfe/semi-foundation/lib/es/utils/object';
|
|
6
3
|
import { numbers, strings } from '@douyinfe/semi-foundation/lib/es/datePicker/constants';
|
|
@@ -8,8 +5,7 @@ import DatePicker from './datePicker';
|
|
|
8
5
|
import ConfigContext from '../configProvider/context';
|
|
9
6
|
import LocaleConsumer from '../locale/localeConsumer';
|
|
10
7
|
export default forwardStatics( /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
11
|
-
const propsObj =
|
|
12
|
-
|
|
8
|
+
const propsObj = Object.assign({}, props);
|
|
13
9
|
const {
|
|
14
10
|
type,
|
|
15
11
|
format,
|
|
@@ -28,12 +24,10 @@ export default forwardStatics( /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
28
24
|
|
|
29
25
|
|
|
30
26
|
if (rangeSeparator && typeof rangeSeparator === 'string') {
|
|
31
|
-
propsObj.rangeSeparator = " ".concat(
|
|
27
|
+
propsObj.rangeSeparator = " ".concat(rangeSeparator.trim(), " ");
|
|
32
28
|
}
|
|
33
29
|
|
|
34
30
|
if (propsObj.insetInput) {
|
|
35
|
-
var _context;
|
|
36
|
-
|
|
37
31
|
if (!propsObj.position) {
|
|
38
32
|
propsObj.position = strings.POSITION_INLINE_INPUT;
|
|
39
33
|
}
|
|
@@ -44,7 +38,7 @@ export default forwardStatics( /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
44
38
|
*/
|
|
45
39
|
|
|
46
40
|
|
|
47
|
-
if (
|
|
41
|
+
if (propsObj.position.includes('Over') && !propsObj.spacing) {
|
|
48
42
|
propsObj.spacing = numbers.SPACING_INSET_INPUT;
|
|
49
43
|
}
|
|
50
44
|
}
|
|
@@ -55,7 +49,7 @@ export default forwardStatics( /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
55
49
|
} = _ref;
|
|
56
50
|
return /*#__PURE__*/React.createElement(LocaleConsumer, {
|
|
57
51
|
componentName: 'DatePicker'
|
|
58
|
-
}, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement(DatePicker,
|
|
52
|
+
}, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement(DatePicker, Object.assign({
|
|
59
53
|
timeZone: timeZone,
|
|
60
54
|
localeCode: localeCode,
|
|
61
55
|
locale: locale,
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _get from "lodash/get";
|
|
2
|
-
import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
|
|
3
2
|
import React from 'react';
|
|
4
3
|
import Input from '../input';
|
|
5
4
|
export function InsetDateInput(props) {
|
|
@@ -40,7 +39,7 @@ export function InsetTimeInput(props) {
|
|
|
40
39
|
disabled
|
|
41
40
|
} = props;
|
|
42
41
|
|
|
43
|
-
const _isTimeType =
|
|
42
|
+
const _isTimeType = type.includes('Time');
|
|
44
43
|
|
|
45
44
|
if (!_isTimeType) {
|
|
46
45
|
return null;
|