@douyinfe/semi-ui 2.19.0-alpha.8 → 2.19.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/_utils/index.ts +9 -5
- package/anchor/index.tsx +39 -7
- package/anchor/link.tsx +11 -2
- package/avatar/index.tsx +3 -1
- package/calendar/_story/calendar.stories.js +20 -3
- package/checkbox/checkbox.tsx +3 -1
- package/dist/css/semi.css +7 -17
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +2987 -12956
- 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/dropdown/index.tsx +5 -1
- package/form/interface.ts +1 -1
- package/getBabelConfig.js +1 -13
- package/lib/cjs/_base/base.css +1 -0
- 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 +13 -25
- package/lib/cjs/anchor/anchor-context.js +3 -6
- package/lib/cjs/anchor/index.d.ts +4 -0
- package/lib/cjs/anchor/index.js +50 -36
- package/lib/cjs/anchor/link.d.ts +2 -0
- package/lib/cjs/anchor/link.js +15 -18
- 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 +1 -0
- package/lib/cjs/avatar/index.js +25 -48
- 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.js +12 -41
- package/lib/cjs/button/index.js +7 -12
- 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 +1 -0
- package/lib/cjs/checkbox/checkbox.js +9 -17
- package/lib/cjs/checkbox/checkboxGroup.js +13 -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 +17 -26
- 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.d.ts +1 -1
- 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.js +16 -25
- 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 +1 -0
- package/lib/cjs/radio/radio.js +11 -19
- package/lib/cjs/radio/radioGroup.js +11 -26
- 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.d.ts +3 -2
- package/lib/cjs/tabs/interface.js +1 -3
- package/lib/cjs/tabs/tabs-context.js +3 -6
- package/lib/cjs/tag/group.d.ts +1 -15
- package/lib/cjs/tag/group.js +23 -34
- package/lib/cjs/tag/index.d.ts +1 -1
- package/lib/cjs/tag/index.js +20 -48
- package/lib/cjs/tag/interface.d.ts +6 -3
- 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 +27 -48
- 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/base.css +1 -0
- package/lib/es/_base/baseComponent.js +1 -3
- package/lib/es/_portal/index.js +1 -2
- package/lib/es/_utils/index.js +9 -15
- package/lib/es/anchor/index.d.ts +4 -0
- package/lib/es/anchor/index.js +46 -31
- package/lib/es/anchor/link.d.ts +2 -0
- package/lib/es/anchor/link.js +12 -10
- 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 +1 -0
- package/lib/es/avatar/index.js +20 -31
- 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.js +7 -22
- package/lib/es/button/index.js +4 -6
- 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 +1 -0
- package/lib/es/checkbox/checkbox.js +4 -8
- package/lib/es/checkbox/checkboxGroup.js +8 -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 +16 -17
- 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/interface.d.ts +1 -1
- 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.js +13 -16
- 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 +1 -0
- package/lib/es/radio/radio.js +6 -9
- package/lib/es/radio/radioGroup.js +6 -15
- 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/tabs/interface.d.ts +3 -2
- package/lib/es/tag/group.d.ts +1 -15
- package/lib/es/tag/group.js +18 -24
- package/lib/es/tag/index.d.ts +1 -1
- package/lib/es/tag/index.js +13 -24
- package/lib/es/tag/interface.d.ts +6 -3
- 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 +20 -31
- 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 +7 -8
- package/popconfirm/_story/popconfirm.stories.js +1 -1
- package/popconfirm/index.tsx +6 -6
- package/radio/radio.tsx +2 -0
- package/tabs/_story/Demo.tsx +14 -5
- package/tabs/interface.ts +3 -2
- package/tag/_story/tag.stories.js +51 -1
- package/tag/group.tsx +14 -27
- package/tag/index.tsx +1 -1
- package/tag/interface.ts +9 -5
- package/tooltip/index.tsx +2 -1
- package/transfer/_story/transfer.stories.js +2 -2
- package/treeSelect/_story/treeSelect.stories.js +3 -0
|
@@ -1,10 +1,4 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
|
-
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
|
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 _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
|
6
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
7
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
8
2
|
|
|
9
3
|
/* eslint-disable max-len */
|
|
10
4
|
|
|
@@ -31,8 +25,7 @@ class Combobox extends BaseComponent {
|
|
|
31
25
|
|
|
32
26
|
this.reselect = () => {
|
|
33
27
|
const currentKeys = ['ampm', 'hour', 'minute', 'second'];
|
|
34
|
-
|
|
35
|
-
_forEachInstanceProperty(currentKeys).call(currentKeys, key => {
|
|
28
|
+
currentKeys.forEach(key => {
|
|
36
29
|
const current = this.adapter.getCache(key);
|
|
37
30
|
|
|
38
31
|
if (current && current.scrollToIndex) {
|
|
@@ -104,12 +97,12 @@ class Combobox extends BaseComponent {
|
|
|
104
97
|
this.getDisplayDateFromTimeStamp = timeStampValue => this.foundation.getDisplayDateFromTimeStamp(timeStampValue);
|
|
105
98
|
|
|
106
99
|
this.foundation = new ComboboxFoundation(this.adapter);
|
|
107
|
-
this.state =
|
|
100
|
+
this.state = Object.assign({}, this.foundation.initData());
|
|
108
101
|
}
|
|
109
102
|
|
|
110
103
|
componentDidUpdate(prevProps, prevState) {
|
|
111
104
|
if (prevProps.timeStampValue !== this.props.timeStampValue || prevProps.format !== this.props.format) {
|
|
112
|
-
this.setState(
|
|
105
|
+
this.setState(Object.assign({}, this.foundation.initData()));
|
|
113
106
|
}
|
|
114
107
|
}
|
|
115
108
|
|
|
@@ -139,9 +132,7 @@ class Combobox extends BaseComponent {
|
|
|
139
132
|
let hourOptionsAdj, hourAdj;
|
|
140
133
|
|
|
141
134
|
if (use12Hours) {
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
hourOptionsAdj = _concatInstanceProperty(_context = [12]).call(_context, _filterInstanceProperty(hourOptions).call(hourOptions, h => h < 12 && h > 0));
|
|
135
|
+
hourOptionsAdj = [12].concat(hourOptions.filter(h => h < 12 && h > 0));
|
|
145
136
|
hourAdj = hour % 12 || 12;
|
|
146
137
|
} else {
|
|
147
138
|
hourOptionsAdj = hourOptions;
|
|
@@ -151,14 +142,14 @@ class Combobox extends BaseComponent {
|
|
|
151
142
|
const transformHour = value => value + locale.hour;
|
|
152
143
|
|
|
153
144
|
const className = "".concat(prefixCls, "-list-hour");
|
|
154
|
-
return /*#__PURE__*/React.createElement(ScrollItem,
|
|
145
|
+
return /*#__PURE__*/React.createElement(ScrollItem, Object.assign({
|
|
155
146
|
ref: current => this.cacheRefCurrent('hour', current),
|
|
156
147
|
mode: 'wheel',
|
|
157
148
|
transform: transformHour,
|
|
158
149
|
cycled: true,
|
|
159
150
|
className: className,
|
|
160
|
-
list:
|
|
161
|
-
selectedIndex:
|
|
151
|
+
list: hourOptionsAdj.map(option => formatOption(option, disabledOptions)),
|
|
152
|
+
selectedIndex: hourOptionsAdj.indexOf(hourAdj),
|
|
162
153
|
type: "hour",
|
|
163
154
|
onSelect: this.onItemChange
|
|
164
155
|
}, scrollItemProps));
|
|
@@ -186,13 +177,13 @@ class Combobox extends BaseComponent {
|
|
|
186
177
|
|
|
187
178
|
const transformMinute = min => min + locale.minute;
|
|
188
179
|
|
|
189
|
-
return /*#__PURE__*/React.createElement(ScrollItem,
|
|
180
|
+
return /*#__PURE__*/React.createElement(ScrollItem, Object.assign({
|
|
190
181
|
ref: current => this.cacheRefCurrent('minute', current),
|
|
191
182
|
mode: 'wheel',
|
|
192
183
|
transform: transformMinute,
|
|
193
184
|
cycled: true,
|
|
194
|
-
list:
|
|
195
|
-
selectedIndex:
|
|
185
|
+
list: minuteOptions.map(option => formatOption(option, disabledOptions)),
|
|
186
|
+
selectedIndex: minuteOptions.indexOf(minute),
|
|
196
187
|
type: "minute",
|
|
197
188
|
onSelect: this.onItemChange,
|
|
198
189
|
className: className
|
|
@@ -221,13 +212,13 @@ class Combobox extends BaseComponent {
|
|
|
221
212
|
|
|
222
213
|
const transformSecond = sec => String(sec) + locale.second;
|
|
223
214
|
|
|
224
|
-
return /*#__PURE__*/React.createElement(ScrollItem,
|
|
215
|
+
return /*#__PURE__*/React.createElement(ScrollItem, Object.assign({
|
|
225
216
|
ref: current => this.cacheRefCurrent('second', current),
|
|
226
217
|
mode: 'wheel',
|
|
227
218
|
transform: transformSecond,
|
|
228
219
|
cycled: true,
|
|
229
|
-
list:
|
|
230
|
-
selectedIndex:
|
|
220
|
+
list: secondOptions.map(option => formatOption(option, disabledOptions)),
|
|
221
|
+
selectedIndex: secondOptions.indexOf(second),
|
|
231
222
|
className: className,
|
|
232
223
|
type: "second",
|
|
233
224
|
onSelect: this.onItemChange
|
|
@@ -255,7 +246,7 @@ class Combobox extends BaseComponent {
|
|
|
255
246
|
}];
|
|
256
247
|
const selected = isAM ? 0 : 1;
|
|
257
248
|
const className = "".concat(prefixCls, "-list-ampm");
|
|
258
|
-
return /*#__PURE__*/React.createElement(ScrollItem,
|
|
249
|
+
return /*#__PURE__*/React.createElement(ScrollItem, Object.assign({
|
|
259
250
|
ref: current => this.cacheRefCurrent('ampm', current),
|
|
260
251
|
mode: 'wheel',
|
|
261
252
|
className: className,
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
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 _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
|
|
5
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
6
2
|
|
|
7
3
|
var __rest = this && this.__rest || function (s, e) {
|
|
8
4
|
var t = {};
|
|
9
5
|
|
|
10
|
-
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];
|
|
11
7
|
|
|
12
|
-
if (s != null && typeof
|
|
13
|
-
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]];
|
|
14
10
|
}
|
|
15
11
|
return t;
|
|
16
12
|
};
|
|
@@ -53,7 +49,7 @@ class TimeInput extends BaseComponent {
|
|
|
53
49
|
} = this.props;
|
|
54
50
|
|
|
55
51
|
if (focusOnOpen) {
|
|
56
|
-
const requestAnimationFrame = window.requestAnimationFrame ||
|
|
52
|
+
const requestAnimationFrame = window.requestAnimationFrame || window.setTimeout;
|
|
57
53
|
requestAnimationFrame(() => {
|
|
58
54
|
const inputNode = this.adapter.getCache('inputNode');
|
|
59
55
|
|
|
@@ -84,7 +80,7 @@ class TimeInput extends BaseComponent {
|
|
|
84
80
|
get adapter() {
|
|
85
81
|
var _this = this;
|
|
86
82
|
|
|
87
|
-
return
|
|
83
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
88
84
|
notifyChange: function () {
|
|
89
85
|
return _this.props.onChange(...arguments);
|
|
90
86
|
},
|
|
@@ -135,7 +131,7 @@ class TimeInput extends BaseComponent {
|
|
|
135
131
|
["".concat(prefixCls, "-input-readonly")]: inputReadOnly
|
|
136
132
|
});
|
|
137
133
|
const mergeValidateStatus = invalid ? 'error' : validateStatus;
|
|
138
|
-
return /*#__PURE__*/React.createElement(Input,
|
|
134
|
+
return /*#__PURE__*/React.createElement(Input, Object.assign({}, rest, {
|
|
139
135
|
hideSuffix: true,
|
|
140
136
|
className: inputCls,
|
|
141
137
|
ref: this.setRef,
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
import _get from "lodash/get";
|
|
2
2
|
import _noop from "lodash/noop";
|
|
3
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
4
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
5
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
6
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
7
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
8
3
|
|
|
9
4
|
var __rest = this && this.__rest || function (s, e) {
|
|
10
5
|
var t = {};
|
|
11
6
|
|
|
12
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
7
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
13
8
|
|
|
14
|
-
if (s != null && typeof
|
|
15
|
-
if (
|
|
9
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
10
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
16
11
|
}
|
|
17
12
|
return t;
|
|
18
13
|
};
|
|
@@ -115,7 +110,7 @@ export default class TimePicker extends BaseComponent {
|
|
|
115
110
|
get adapter() {
|
|
116
111
|
var _this2 = this;
|
|
117
112
|
|
|
118
|
-
return
|
|
113
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
119
114
|
togglePanel: show => {
|
|
120
115
|
this.setState({
|
|
121
116
|
open: show
|
|
@@ -177,7 +172,7 @@ export default class TimePicker extends BaseComponent {
|
|
|
177
172
|
// this.foundation.setPanel(this.props.open);
|
|
178
173
|
// }
|
|
179
174
|
if (this.isControlled('value') && this.props.value !== prevProps.value) {
|
|
180
|
-
this.foundation.refreshProps(
|
|
175
|
+
this.foundation.refreshProps(Object.assign({}, this.props));
|
|
181
176
|
} else if (this.props.timeZone !== prevProps.timeZone) {
|
|
182
177
|
this.foundation.refreshProps({
|
|
183
178
|
timeZone: this.props.timeZone,
|
|
@@ -197,7 +192,7 @@ export default class TimePicker extends BaseComponent {
|
|
|
197
192
|
value
|
|
198
193
|
} = this.state;
|
|
199
194
|
const format = this.foundation.getDefaultFormatIfNeed();
|
|
200
|
-
const timePanels = [/*#__PURE__*/React.createElement(Combobox,
|
|
195
|
+
const timePanels = [/*#__PURE__*/React.createElement(Combobox, Object.assign({}, this.props, {
|
|
201
196
|
key: 0,
|
|
202
197
|
format: format,
|
|
203
198
|
isAM: isAM[0],
|
|
@@ -208,7 +203,7 @@ export default class TimePicker extends BaseComponent {
|
|
|
208
203
|
}, this.createPanelProps(0)))];
|
|
209
204
|
|
|
210
205
|
if (type === strings.TYPE_TIME_RANGE_PICKER) {
|
|
211
|
-
timePanels.push( /*#__PURE__*/React.createElement(Combobox,
|
|
206
|
+
timePanels.push( /*#__PURE__*/React.createElement(Combobox, Object.assign({}, this.props, {
|
|
212
207
|
key: 1,
|
|
213
208
|
format: format,
|
|
214
209
|
isAM: isAM[1],
|
|
@@ -225,12 +220,10 @@ export default class TimePicker extends BaseComponent {
|
|
|
225
220
|
return /*#__PURE__*/React.createElement("div", {
|
|
226
221
|
ref: this.savePanelRef,
|
|
227
222
|
className: wrapCls
|
|
228
|
-
},
|
|
223
|
+
}, timePanels.map(panel => panel));
|
|
229
224
|
}
|
|
230
225
|
|
|
231
226
|
getPopupClassName() {
|
|
232
|
-
var _context;
|
|
233
|
-
|
|
234
227
|
const {
|
|
235
228
|
use12Hours,
|
|
236
229
|
prefixCls,
|
|
@@ -262,7 +255,7 @@ export default class TimePicker extends BaseComponent {
|
|
|
262
255
|
return classNames("".concat(prefixCls, "-panel"), popupClassName, {
|
|
263
256
|
["".concat(prefixCls, "-panel-narrow")]: (!showHour || !showMinute || !showSecond) && !use12Hours,
|
|
264
257
|
[cssClasses.RANGE_PICKER]: this.adapter.isRangePicker()
|
|
265
|
-
},
|
|
258
|
+
}, "".concat(prefixCls, "-panel-column-").concat(selectColumnCount));
|
|
266
259
|
}
|
|
267
260
|
|
|
268
261
|
focus() {// TODO this.picker is undefined, confirm keep this func or not
|
|
@@ -274,8 +267,6 @@ export default class TimePicker extends BaseComponent {
|
|
|
274
267
|
}
|
|
275
268
|
|
|
276
269
|
render() {
|
|
277
|
-
var _context2;
|
|
278
|
-
|
|
279
270
|
const _a = this.props,
|
|
280
271
|
{
|
|
281
272
|
prefixCls,
|
|
@@ -327,10 +318,9 @@ export default class TimePicker extends BaseComponent {
|
|
|
327
318
|
});
|
|
328
319
|
const panelPrefix = classNames({
|
|
329
320
|
["".concat(prefixCls, "-panel")]: true,
|
|
330
|
-
[
|
|
321
|
+
["".concat(prefixCls, "-panel-").concat(size)]: size
|
|
331
322
|
});
|
|
332
|
-
|
|
333
|
-
const inputProps = _Object$assign(_Object$assign({}, rest), {
|
|
323
|
+
const inputProps = Object.assign(Object.assign({}, rest), {
|
|
334
324
|
disabled,
|
|
335
325
|
prefixCls,
|
|
336
326
|
size,
|
|
@@ -348,14 +338,13 @@ export default class TimePicker extends BaseComponent {
|
|
|
348
338
|
onChange: this.handleInput,
|
|
349
339
|
onBlur: this.handleBlur
|
|
350
340
|
});
|
|
351
|
-
|
|
352
341
|
const outerProps = {};
|
|
353
342
|
|
|
354
343
|
if (useCustomTrigger) {
|
|
355
344
|
outerProps.onClick = this.openPanel;
|
|
356
345
|
}
|
|
357
346
|
|
|
358
|
-
return /*#__PURE__*/React.createElement("div",
|
|
347
|
+
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
359
348
|
ref: this.setTimePickerRef,
|
|
360
349
|
className: classNames({
|
|
361
350
|
[prefixCls]: true
|
|
@@ -381,15 +370,15 @@ export default class TimePicker extends BaseComponent {
|
|
|
381
370
|
onChange: this.handleInput,
|
|
382
371
|
placeholder: placeholder,
|
|
383
372
|
componentName: 'TimePicker',
|
|
384
|
-
componentProps:
|
|
373
|
+
componentProps: Object.assign({}, this.props)
|
|
385
374
|
}) : /*#__PURE__*/React.createElement("span", {
|
|
386
375
|
className: headerPrefix
|
|
387
|
-
}, /*#__PURE__*/React.createElement(TimeInput,
|
|
376
|
+
}, /*#__PURE__*/React.createElement(TimeInput, Object.assign({}, inputProps)))));
|
|
388
377
|
}
|
|
389
378
|
|
|
390
379
|
}
|
|
391
380
|
TimePicker.contextType = ConfigContext;
|
|
392
|
-
TimePicker.propTypes =
|
|
381
|
+
TimePicker.propTypes = Object.assign(Object.assign({
|
|
393
382
|
'aria-labelledby': PropTypes.string,
|
|
394
383
|
'aria-invalid': PropTypes.bool,
|
|
395
384
|
'aria-errormessage': PropTypes.string,
|
|
@@ -446,7 +435,7 @@ TimePicker.propTypes = _Object$assign(_Object$assign({
|
|
|
446
435
|
inputStyle: PropTypes.object,
|
|
447
436
|
preventScroll: PropTypes.bool
|
|
448
437
|
});
|
|
449
|
-
TimePicker.defaultProps =
|
|
438
|
+
TimePicker.defaultProps = Object.assign({
|
|
450
439
|
autoAdjustOverflow: true,
|
|
451
440
|
getPopupContainer: () => document.body,
|
|
452
441
|
showClear: true,
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _get from "lodash/get";
|
|
2
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
3
2
|
import React from 'react';
|
|
4
3
|
import LocaleConsumer from '../locale/localeConsumer';
|
|
5
4
|
import BaseTimePicker from './TimePicker';
|
|
@@ -15,7 +14,7 @@ export default class LocaleTimePicker extends React.PureComponent {
|
|
|
15
14
|
} = _ref;
|
|
16
15
|
return /*#__PURE__*/React.createElement(LocaleConsumer, {
|
|
17
16
|
componentName: "TimePicker"
|
|
18
|
-
}, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement(BaseTimePicker,
|
|
17
|
+
}, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement(BaseTimePicker, Object.assign({
|
|
19
18
|
timeZone: timeZone,
|
|
20
19
|
placeholder: _get(locale, ['placeholder', type])
|
|
21
20
|
}, this.props, {
|
package/lib/es/timeline/index.js
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
2
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
1
|
import React, { PureComponent } from 'react';
|
|
5
2
|
import cls from 'classnames';
|
|
6
3
|
import PropTypes from 'prop-types';
|
|
@@ -21,9 +18,7 @@ class Timeline extends PureComponent {
|
|
|
21
18
|
|
|
22
19
|
if (mode === 'alternate') {
|
|
23
20
|
if (ele.props.position) {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
return _concatInstanceProperty(_context = "".concat(prefixCls, "-item-")).call(_context, ele.props.position);
|
|
21
|
+
return "".concat(prefixCls, "-item-").concat(ele.props.position);
|
|
27
22
|
}
|
|
28
23
|
|
|
29
24
|
return idx % 2 === 0 ? "".concat(prefixCls, "-item-left") : "".concat(prefixCls, "-item-right");
|
|
@@ -31,47 +26,35 @@ class Timeline extends PureComponent {
|
|
|
31
26
|
|
|
32
27
|
if (mode === 'center') {
|
|
33
28
|
if (ele.props.position) {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
return _concatInstanceProperty(_context2 = "".concat(prefixCls, "-item-")).call(_context2, ele.props.position);
|
|
29
|
+
return "".concat(prefixCls, "-item-").concat(ele.props.position);
|
|
37
30
|
}
|
|
38
31
|
|
|
39
32
|
return "".concat(prefixCls, "-item-left");
|
|
40
33
|
}
|
|
41
34
|
|
|
42
35
|
if (mode === 'left' || mode === 'right') {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
return _concatInstanceProperty(_context3 = "".concat(prefixCls, "-item-")).call(_context3, mode);
|
|
36
|
+
return "".concat(prefixCls, "-item-").concat(mode);
|
|
46
37
|
}
|
|
47
38
|
|
|
48
39
|
if (ele.props.position) {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
return _concatInstanceProperty(_context4 = "".concat(prefixCls, "-item-")).call(_context4, ele.props.position);
|
|
40
|
+
return "".concat(prefixCls, "-item-").concat(ele.props.position);
|
|
52
41
|
}
|
|
53
42
|
|
|
54
43
|
return '';
|
|
55
44
|
};
|
|
56
45
|
|
|
57
|
-
this.addClassName = items => {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
className: cls(ele.props.className, this.getPosCls(ele, idx))
|
|
64
|
-
});
|
|
65
|
-
}
|
|
46
|
+
this.addClassName = items => React.Children.map(items, (ele, idx) => {
|
|
47
|
+
if ( /*#__PURE__*/React.isValidElement(ele)) {
|
|
48
|
+
return /*#__PURE__*/React.cloneElement(ele, {
|
|
49
|
+
className: cls(ele.props.className, this.getPosCls(ele, idx))
|
|
50
|
+
});
|
|
51
|
+
}
|
|
66
52
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
};
|
|
53
|
+
return ele;
|
|
54
|
+
});
|
|
70
55
|
}
|
|
71
56
|
|
|
72
57
|
render() {
|
|
73
|
-
var _context6;
|
|
74
|
-
|
|
75
58
|
const {
|
|
76
59
|
children,
|
|
77
60
|
className,
|
|
@@ -80,15 +63,14 @@ class Timeline extends PureComponent {
|
|
|
80
63
|
dataSource
|
|
81
64
|
} = this.props;
|
|
82
65
|
const classString = cls(prefixCls, className, {
|
|
83
|
-
[
|
|
66
|
+
["".concat(prefixCls, "-").concat(mode)]: mode
|
|
84
67
|
});
|
|
85
68
|
let childrenList;
|
|
86
69
|
|
|
87
70
|
if (dataSource && dataSource.length) {
|
|
88
|
-
const items =
|
|
71
|
+
const items = dataSource.map((item, index) => /*#__PURE__*/React.createElement(Item, Object.assign({
|
|
89
72
|
key: "timeline-item-".concat(index)
|
|
90
73
|
}, item), item.content));
|
|
91
|
-
|
|
92
74
|
childrenList = this.addClassName(items);
|
|
93
75
|
}
|
|
94
76
|
|
package/lib/es/timeline/item.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
2
|
import React, { PureComponent } from 'react';
|
|
5
3
|
import cls from 'classnames';
|
|
6
4
|
import PropTypes from 'prop-types';
|
|
@@ -9,8 +7,6 @@ import '@douyinfe/semi-foundation/lib/es/timeline/timeline.css';
|
|
|
9
7
|
const prefixCls = cssClasses.ITEM;
|
|
10
8
|
export default class Item extends PureComponent {
|
|
11
9
|
render() {
|
|
12
|
-
var _context;
|
|
13
|
-
|
|
14
10
|
const {
|
|
15
11
|
className,
|
|
16
12
|
color,
|
|
@@ -26,7 +22,7 @@ export default class Item extends PureComponent {
|
|
|
26
22
|
const dotCls = cls({
|
|
27
23
|
["".concat(prefixCls, "-head")]: true,
|
|
28
24
|
["".concat(prefixCls, "-head-custom")]: dot,
|
|
29
|
-
[
|
|
25
|
+
["".concat(prefixCls, "-head-").concat(type)]: type
|
|
30
26
|
});
|
|
31
27
|
const dotStyle = color ? {
|
|
32
28
|
style: {
|
|
@@ -40,7 +36,7 @@ export default class Item extends PureComponent {
|
|
|
40
36
|
}, /*#__PURE__*/React.createElement("div", {
|
|
41
37
|
className: "".concat(prefixCls, "-tail"),
|
|
42
38
|
"aria-hidden": true
|
|
43
|
-
}), /*#__PURE__*/React.createElement("div",
|
|
39
|
+
}), /*#__PURE__*/React.createElement("div", Object.assign({
|
|
44
40
|
className: dotCls,
|
|
45
41
|
"aria-hidden": true
|
|
46
42
|
}, dotStyle), dot), /*#__PURE__*/React.createElement("div", {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
2
1
|
// @ts-ignore Currently there is no types for semi-animation-react
|
|
3
2
|
import { Transition } from '@douyinfe/semi-animation-react';
|
|
4
3
|
import React from 'react';
|
|
@@ -15,7 +14,7 @@ export default function ToastTransition() {
|
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
return /*#__PURE__*/React.createElement(Transition // onFrame={style => console.log(style)}
|
|
18
|
-
,
|
|
17
|
+
, Object.assign({
|
|
19
18
|
// onFrame={style => console.log(style)}
|
|
20
19
|
from: {
|
|
21
20
|
translateY: -100,
|
package/lib/es/toast/index.js
CHANGED
|
@@ -1,11 +1,3 @@
|
|
|
1
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
2
|
-
import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
|
|
3
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
4
|
-
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
|
5
|
-
import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
|
|
6
|
-
import _Set from "@babel/runtime-corejs3/core-js-stable/set";
|
|
7
|
-
import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
|
|
8
|
-
|
|
9
1
|
/* eslint-disable no-param-reassign */
|
|
10
2
|
import React from 'react';
|
|
11
3
|
import ReactDOM from 'react-dom';
|
|
@@ -33,7 +25,7 @@ const createBaseToast = () => {
|
|
|
33
25
|
}
|
|
34
26
|
|
|
35
27
|
get adapter() {
|
|
36
|
-
return
|
|
28
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
37
29
|
updateToast: (list, removedItems) => {
|
|
38
30
|
this.setState({
|
|
39
31
|
list,
|
|
@@ -47,28 +39,22 @@ const createBaseToast = () => {
|
|
|
47
39
|
const id = getUuid('toast'); // this.id = id;
|
|
48
40
|
|
|
49
41
|
if (!ToastList.ref) {
|
|
50
|
-
var _context2;
|
|
51
|
-
|
|
52
42
|
const div = document.createElement('div');
|
|
53
43
|
|
|
54
44
|
if (!this.wrapperId) {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
this.wrapperId = _sliceInstanceProperty(_context = getUuid('toast-wrapper')).call(_context, 0, 26);
|
|
45
|
+
this.wrapperId = getUuid('toast-wrapper').slice(0, 26);
|
|
58
46
|
}
|
|
59
47
|
|
|
60
48
|
div.className = cssClasses.WRAPPER;
|
|
61
49
|
div.id = this.wrapperId;
|
|
62
50
|
div.style.zIndex = String(typeof opts.zIndex === 'number' ? opts.zIndex : ToastList.defaultOpts.zIndex);
|
|
63
|
-
|
|
64
|
-
_mapInstanceProperty(_context2 = ['top', 'left', 'bottom', 'right']).call(_context2, pos => {
|
|
51
|
+
['top', 'left', 'bottom', 'right'].map(pos => {
|
|
65
52
|
if (pos in ToastList.defaultOpts || pos in opts) {
|
|
66
53
|
const val = opts[pos] ? opts[pos] : ToastList.defaultOpts[pos];
|
|
67
54
|
div.style[pos] = typeof val === 'number' ? "".concat(val, "px") : val;
|
|
68
55
|
}
|
|
69
56
|
}); // document.body.appendChild(div);
|
|
70
57
|
|
|
71
|
-
|
|
72
58
|
if (ToastList.defaultOpts.getPopupContainer) {
|
|
73
59
|
const container = ToastList.defaultOpts.getPopupContainer();
|
|
74
60
|
container.appendChild(div);
|
|
@@ -79,22 +65,18 @@ const createBaseToast = () => {
|
|
|
79
65
|
ReactDOM.render( /*#__PURE__*/React.createElement(ToastList, {
|
|
80
66
|
ref: instance => ToastList.ref = instance
|
|
81
67
|
}), div, () => {
|
|
82
|
-
ToastList.ref.add(
|
|
68
|
+
ToastList.ref.add(Object.assign(Object.assign({}, opts), {
|
|
83
69
|
id
|
|
84
70
|
}));
|
|
85
71
|
});
|
|
86
72
|
} else {
|
|
87
|
-
var _context3;
|
|
88
|
-
|
|
89
73
|
const node = document.querySelector("#".concat(this.wrapperId));
|
|
90
|
-
|
|
91
|
-
_mapInstanceProperty(_context3 = ['top', 'left', 'bottom', 'right']).call(_context3, pos => {
|
|
74
|
+
['top', 'left', 'bottom', 'right'].map(pos => {
|
|
92
75
|
if (pos in opts) {
|
|
93
76
|
node.style[pos] = typeof opts[pos] === 'number' ? "".concat(opts[pos], "px") : opts[pos];
|
|
94
77
|
}
|
|
95
78
|
});
|
|
96
|
-
|
|
97
|
-
ToastList.ref.add(_Object$assign(_Object$assign({}, opts), {
|
|
79
|
+
ToastList.ref.add(Object.assign(Object.assign({}, opts), {
|
|
98
80
|
id
|
|
99
81
|
}));
|
|
100
82
|
}
|
|
@@ -130,7 +112,7 @@ const createBaseToast = () => {
|
|
|
130
112
|
};
|
|
131
113
|
}
|
|
132
114
|
|
|
133
|
-
return this.create(
|
|
115
|
+
return this.create(Object.assign(Object.assign(Object.assign({}, ToastList.defaultOpts), opts), {
|
|
134
116
|
type: 'info'
|
|
135
117
|
}));
|
|
136
118
|
}
|
|
@@ -142,7 +124,7 @@ const createBaseToast = () => {
|
|
|
142
124
|
};
|
|
143
125
|
}
|
|
144
126
|
|
|
145
|
-
return this.create(
|
|
127
|
+
return this.create(Object.assign(Object.assign(Object.assign({}, ToastList.defaultOpts), opts), {
|
|
146
128
|
type: 'warning'
|
|
147
129
|
}));
|
|
148
130
|
}
|
|
@@ -154,7 +136,7 @@ const createBaseToast = () => {
|
|
|
154
136
|
};
|
|
155
137
|
}
|
|
156
138
|
|
|
157
|
-
return this.create(
|
|
139
|
+
return this.create(Object.assign(Object.assign(Object.assign({}, ToastList.defaultOpts), opts), {
|
|
158
140
|
type: 'error'
|
|
159
141
|
}));
|
|
160
142
|
}
|
|
@@ -166,15 +148,13 @@ const createBaseToast = () => {
|
|
|
166
148
|
};
|
|
167
149
|
}
|
|
168
150
|
|
|
169
|
-
return this.create(
|
|
151
|
+
return this.create(Object.assign(Object.assign(Object.assign({}, ToastList.defaultOpts), opts), {
|
|
170
152
|
type: 'success'
|
|
171
153
|
}));
|
|
172
154
|
}
|
|
173
155
|
|
|
174
156
|
static config(opts) {
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
_forEachInstanceProperty(_context4 = ['top', 'left', 'bottom', 'right']).call(_context4, pos => {
|
|
157
|
+
['top', 'left', 'bottom', 'right'].forEach(pos => {
|
|
178
158
|
if (pos in opts) {
|
|
179
159
|
ToastList.defaultOpts[pos] = opts[pos];
|
|
180
160
|
}
|
|
@@ -212,15 +192,15 @@ const createBaseToast = () => {
|
|
|
212
192
|
const {
|
|
213
193
|
removedItems
|
|
214
194
|
} = this.state;
|
|
215
|
-
list =
|
|
216
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null,
|
|
195
|
+
list = Array.from(new Set([...list, ...removedItems]));
|
|
196
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, list.map((item, index) => item.motion ? /*#__PURE__*/React.createElement(ToastTransition, {
|
|
217
197
|
key: item.id || index,
|
|
218
198
|
motion: item.motion
|
|
219
|
-
},
|
|
220
|
-
style:
|
|
199
|
+
}, removedItems.find(removedItem => removedItem.id === item.id) ? null : transitionStyle => /*#__PURE__*/React.createElement(Toast, Object.assign({}, item, {
|
|
200
|
+
style: Object.assign(Object.assign({}, transitionStyle), item.style),
|
|
221
201
|
close: id => this.remove(id)
|
|
222
|
-
}))) : /*#__PURE__*/React.createElement(Toast,
|
|
223
|
-
style:
|
|
202
|
+
}))) : /*#__PURE__*/React.createElement(Toast, Object.assign({}, item, {
|
|
203
|
+
style: Object.assign({}, item.style),
|
|
224
204
|
close: id => this.remove(id)
|
|
225
205
|
}))));
|
|
226
206
|
}
|
package/lib/es/toast/toast.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
3
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
4
2
|
|
|
5
3
|
/* eslint-disable max-len */
|
|
6
4
|
import React from 'react';
|
|
@@ -32,7 +30,7 @@ class Toast extends BaseComponent {
|
|
|
32
30
|
}
|
|
33
31
|
|
|
34
32
|
get adapter() {
|
|
35
|
-
return
|
|
33
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
36
34
|
notifyWrapperToRemove: id => {
|
|
37
35
|
this.props.close(id);
|
|
38
36
|
},
|
|
@@ -55,8 +53,6 @@ class Toast extends BaseComponent {
|
|
|
55
53
|
}
|
|
56
54
|
|
|
57
55
|
renderIcon() {
|
|
58
|
-
var _context;
|
|
59
|
-
|
|
60
56
|
const {
|
|
61
57
|
type,
|
|
62
58
|
icon
|
|
@@ -69,7 +65,7 @@ class Toast extends BaseComponent {
|
|
|
69
65
|
};
|
|
70
66
|
const iconType = iconMap[type];
|
|
71
67
|
const iconSize = 'large';
|
|
72
|
-
const iconCls = cls("".concat(prefixCls, "-icon"),
|
|
68
|
+
const iconCls = cls("".concat(prefixCls, "-icon"), "".concat(prefixCls, "-icon-").concat(type));
|
|
73
69
|
|
|
74
70
|
if (icon) {
|
|
75
71
|
return isSemiIcon(icon) ? /*#__PURE__*/React.cloneElement(icon, {
|
|
@@ -89,8 +85,6 @@ class Toast extends BaseComponent {
|
|
|
89
85
|
}
|
|
90
86
|
|
|
91
87
|
render() {
|
|
92
|
-
var _context2, _context3;
|
|
93
|
-
|
|
94
88
|
const {
|
|
95
89
|
content,
|
|
96
90
|
type,
|
|
@@ -102,8 +96,8 @@ class Toast extends BaseComponent {
|
|
|
102
96
|
} = this.props;
|
|
103
97
|
const direction = this.props.direction || this.context.direction;
|
|
104
98
|
const toastCls = cls(prefixCls, className, {
|
|
105
|
-
[
|
|
106
|
-
[
|
|
99
|
+
["".concat(prefixCls, "-").concat(type)]: true,
|
|
100
|
+
["".concat(prefixCls, "-").concat(theme)]: theme === 'light',
|
|
107
101
|
["".concat(prefixCls, "-rtl")]: direction === 'rtl'
|
|
108
102
|
});
|
|
109
103
|
const textStyle = {};
|