@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,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 = {};
|
|
@@ -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
|
};
|
|
@@ -38,7 +34,7 @@ const HookToast = (_a, ref) => {
|
|
|
38
34
|
afterClose(config.id);
|
|
39
35
|
}
|
|
40
36
|
}, [visible]);
|
|
41
|
-
return visible ? /*#__PURE__*/React.createElement(Toast,
|
|
37
|
+
return visible ? /*#__PURE__*/React.createElement(Toast, Object.assign({}, config, {
|
|
42
38
|
close: close
|
|
43
39
|
})) : null;
|
|
44
40
|
};
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
|
2
|
-
import _Map from "@babel/runtime-corejs3/core-js-stable/map";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
|
-
import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
|
|
5
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
6
1
|
import React from 'react';
|
|
7
2
|
import getUuid from '@douyinfe/semi-foundation/lib/es/utils/uuid';
|
|
8
3
|
import HookToast from './HookToast'; // const ref = null;
|
|
@@ -23,7 +18,7 @@ function usePatchElement() {
|
|
|
23
18
|
config
|
|
24
19
|
}, ...originElements]);
|
|
25
20
|
return id => {
|
|
26
|
-
setElements(originElements =>
|
|
21
|
+
setElements(originElements => originElements.filter(_ref => {
|
|
27
22
|
let {
|
|
28
23
|
config: configOfCurrentElement
|
|
29
24
|
} = _ref;
|
|
@@ -37,28 +32,26 @@ function usePatchElement() {
|
|
|
37
32
|
|
|
38
33
|
export default function useToast() {
|
|
39
34
|
const [elements, patchElement] = usePatchElement();
|
|
40
|
-
const toastRef = new
|
|
35
|
+
const toastRef = new Map();
|
|
41
36
|
|
|
42
37
|
const addToast = config => {
|
|
43
38
|
const id = getUuid('semi_toast_');
|
|
44
|
-
|
|
45
|
-
const mergeConfig = _Object$assign(_Object$assign({}, config), {
|
|
39
|
+
const mergeConfig = Object.assign(Object.assign({}, config), {
|
|
46
40
|
id
|
|
47
41
|
}); // eslint-disable-next-line prefer-const
|
|
48
42
|
|
|
49
|
-
|
|
50
43
|
let closeFunc;
|
|
51
44
|
|
|
52
45
|
const ref = ele => {
|
|
53
46
|
toastRef.set(id, ele);
|
|
54
47
|
};
|
|
55
48
|
|
|
56
|
-
const toast = /*#__PURE__*/React.createElement(HookToast,
|
|
49
|
+
const toast = /*#__PURE__*/React.createElement(HookToast, Object.assign({}, mergeConfig, {
|
|
57
50
|
key: id,
|
|
58
51
|
afterClose: instanceId => closeFunc(instanceId),
|
|
59
52
|
ref: ref
|
|
60
53
|
}));
|
|
61
|
-
closeFunc = patchElement(toast,
|
|
54
|
+
closeFunc = patchElement(toast, Object.assign({}, mergeConfig));
|
|
62
55
|
return id;
|
|
63
56
|
};
|
|
64
57
|
|
|
@@ -68,21 +61,21 @@ export default function useToast() {
|
|
|
68
61
|
};
|
|
69
62
|
|
|
70
63
|
return [{
|
|
71
|
-
success: config => addToast(
|
|
64
|
+
success: config => addToast(Object.assign(Object.assign(Object.assign({}, defaultOpts), config), {
|
|
72
65
|
type: 'success'
|
|
73
66
|
})),
|
|
74
|
-
info: config => addToast(
|
|
67
|
+
info: config => addToast(Object.assign(Object.assign(Object.assign({}, defaultOpts), config), {
|
|
75
68
|
type: 'info'
|
|
76
69
|
})),
|
|
77
|
-
error: config => addToast(
|
|
70
|
+
error: config => addToast(Object.assign(Object.assign(Object.assign({}, defaultOpts), config), {
|
|
78
71
|
type: 'error'
|
|
79
72
|
})),
|
|
80
|
-
warning: config => addToast(
|
|
73
|
+
warning: config => addToast(Object.assign(Object.assign(Object.assign({}, defaultOpts), config), {
|
|
81
74
|
type: 'warning'
|
|
82
75
|
})),
|
|
83
|
-
open: config => addToast(
|
|
76
|
+
open: config => addToast(Object.assign(Object.assign(Object.assign({}, defaultOpts), config), {
|
|
84
77
|
type: 'default'
|
|
85
78
|
})),
|
|
86
79
|
close: id => removeElement(id)
|
|
87
|
-
}, /*#__PURE__*/React.createElement(React.Fragment, null,
|
|
80
|
+
}, /*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(elements) && elements.length ? /*#__PURE__*/React.createElement(React.Fragment, null, elements.map(item => item.element)) : null)];
|
|
88
81
|
}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
2
|
-
|
|
3
1
|
/* eslint-disable max-len */
|
|
4
2
|
|
|
5
3
|
/* eslint-disable @typescript-eslint/no-shadow */
|
|
@@ -17,7 +15,7 @@ const TooltipTransition = function () {
|
|
|
17
15
|
} = props;
|
|
18
16
|
const motion = getMotionObjFromProps(props); // add fillMode forwards to fix issue 715, tooltip close will flashing under react 18
|
|
19
17
|
|
|
20
|
-
return /*#__PURE__*/React.createElement(StyledTransition,
|
|
18
|
+
return /*#__PURE__*/React.createElement(StyledTransition, Object.assign({}, props, {
|
|
21
19
|
enter: enterCls,
|
|
22
20
|
leave: leaveCls,
|
|
23
21
|
duration: '100ms'
|
|
@@ -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
|
};
|
|
@@ -22,7 +18,7 @@ const TriangleArrow = props => {
|
|
|
22
18
|
} = props,
|
|
23
19
|
restProps = __rest(props, ["className", "style"]);
|
|
24
20
|
|
|
25
|
-
return /*#__PURE__*/React.createElement("svg",
|
|
21
|
+
return /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
26
22
|
"aria-hidden": true,
|
|
27
23
|
className: className,
|
|
28
24
|
style: style
|