@douyinfe/semi-ui 2.19.0-beta.0 → 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/anchor/index.tsx +39 -7
- package/anchor/link.tsx +11 -2
- package/calendar/_story/calendar.stories.js +20 -3
- package/dist/css/semi.css +2 -10
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +2758 -12743
- 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/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 +9 -24
- 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.js +23 -47
- 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.js +8 -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.js +18 -43
- package/lib/cjs/form/context.js +3 -6
- package/lib/cjs/form/errorMessage.js +7 -18
- 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.js +10 -19
- 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.js +10 -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.js +1 -3
- package/lib/cjs/tabs/tabs-context.js +3 -6
- package/lib/cjs/tag/group.js +23 -34
- package/lib/cjs/tag/index.js +19 -47
- 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.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 +6 -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.js +18 -30
- 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.js +3 -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.js +11 -28
- package/lib/es/form/errorMessage.js +2 -6
- 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.js +7 -10
- 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.js +5 -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/tag/group.js +18 -24
- package/lib/es/tag/index.js +12 -23
- 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.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/tag/_story/tag.stories.js +51 -1
- package/tag/group.tsx +12 -11
- package/tooltip/index.tsx +2 -1
|
@@ -1,13 +1,6 @@
|
|
|
1
1
|
import _isEqual from "lodash/isEqual";
|
|
2
2
|
import _get from "lodash/get";
|
|
3
3
|
import _noop from "lodash/noop";
|
|
4
|
-
import _Set from "@babel/runtime-corejs3/core-js-stable/set";
|
|
5
|
-
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
|
6
|
-
import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
|
|
7
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
8
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
9
|
-
import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
|
|
10
|
-
import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
|
|
11
4
|
|
|
12
5
|
/* eslint-disable max-lines-per-function */
|
|
13
6
|
import BaseComponent from '../_base/baseComponent';
|
|
@@ -26,32 +19,30 @@ import '@douyinfe/semi-foundation/lib/es/navigation/navigation.css';
|
|
|
26
19
|
|
|
27
20
|
function createAddKeysFn(context, keyName) {
|
|
28
21
|
return function addKeys() {
|
|
29
|
-
const handleKeys = new
|
|
22
|
+
const handleKeys = new Set(context.state[keyName]);
|
|
30
23
|
|
|
31
24
|
for (var _len = arguments.length, keys = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
32
25
|
keys[_key] = arguments[_key];
|
|
33
26
|
}
|
|
34
27
|
|
|
35
|
-
|
|
36
|
-
|
|
28
|
+
keys.forEach(key => key && handleKeys.add(key));
|
|
37
29
|
context.setState({
|
|
38
|
-
[keyName]:
|
|
30
|
+
[keyName]: Array.from(handleKeys)
|
|
39
31
|
});
|
|
40
32
|
};
|
|
41
33
|
}
|
|
42
34
|
|
|
43
35
|
function createRemoveKeysFn(context, keyName) {
|
|
44
36
|
return function removeKeys() {
|
|
45
|
-
const handleKeys = new
|
|
37
|
+
const handleKeys = new Set(context.state[keyName]);
|
|
46
38
|
|
|
47
39
|
for (var _len2 = arguments.length, keys = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
48
40
|
keys[_key2] = arguments[_key2];
|
|
49
41
|
}
|
|
50
42
|
|
|
51
|
-
|
|
52
|
-
|
|
43
|
+
keys.forEach(key => key && handleKeys.delete(key));
|
|
53
44
|
context.setState({
|
|
54
|
-
[keyName]:
|
|
45
|
+
[keyName]: Array.from(handleKeys)
|
|
55
46
|
});
|
|
56
47
|
};
|
|
57
48
|
}
|
|
@@ -84,11 +75,11 @@ class Nav extends BaseComponent {
|
|
|
84
75
|
itemKeysMap: {},
|
|
85
76
|
selectedKeys: []
|
|
86
77
|
};
|
|
87
|
-
this.state =
|
|
78
|
+
this.state = Object.assign({}, initState);
|
|
88
79
|
|
|
89
80
|
if (items && items.length || children) {
|
|
90
81
|
const calcState = this.foundation.init('constructor');
|
|
91
|
-
this.state =
|
|
82
|
+
this.state = Object.assign(Object.assign({}, initState), calcState);
|
|
92
83
|
}
|
|
93
84
|
}
|
|
94
85
|
|
|
@@ -132,7 +123,7 @@ class Nav extends BaseComponent {
|
|
|
132
123
|
get adapter() {
|
|
133
124
|
var _this = this;
|
|
134
125
|
|
|
135
|
-
return
|
|
126
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
136
127
|
notifySelect: function () {
|
|
137
128
|
return _this.props.onSelect(...arguments);
|
|
138
129
|
},
|
|
@@ -149,7 +140,7 @@ class Nav extends BaseComponent {
|
|
|
149
140
|
items: [...items]
|
|
150
141
|
}),
|
|
151
142
|
setItemKeysMap: itemKeysMap => this.setState({
|
|
152
|
-
itemKeysMap:
|
|
143
|
+
itemKeysMap: Object.assign({}, itemKeysMap)
|
|
153
144
|
}),
|
|
154
145
|
addSelectedKeys: createAddKeysFn(this, 'selectedKeys'),
|
|
155
146
|
removeSelectedKeys: createRemoveKeysFn(this, 'selectedKeys'),
|
|
@@ -177,15 +168,15 @@ class Nav extends BaseComponent {
|
|
|
177
168
|
renderItems() {
|
|
178
169
|
let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
179
170
|
let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
180
|
-
const finalDom = /*#__PURE__*/React.createElement(React.Fragment, null,
|
|
181
|
-
if (
|
|
182
|
-
return /*#__PURE__*/React.createElement(SubNav,
|
|
171
|
+
const finalDom = /*#__PURE__*/React.createElement(React.Fragment, null, items.map((item, idx) => {
|
|
172
|
+
if (Array.isArray(item.items) && item.items.length) {
|
|
173
|
+
return /*#__PURE__*/React.createElement(SubNav, Object.assign({
|
|
183
174
|
key: item.itemKey || String(level) + idx
|
|
184
175
|
}, item, {
|
|
185
176
|
level: level
|
|
186
177
|
}), this.renderItems(item.items, level + 1));
|
|
187
178
|
} else {
|
|
188
|
-
return /*#__PURE__*/React.createElement(Item,
|
|
179
|
+
return /*#__PURE__*/React.createElement(Item, Object.assign({
|
|
189
180
|
key: item.itemKey || String(level) + idx
|
|
190
181
|
}, item, {
|
|
191
182
|
level: level
|
|
@@ -230,9 +221,7 @@ class Nav extends BaseComponent {
|
|
|
230
221
|
addSelectedKeys,
|
|
231
222
|
removeSelectedKeys
|
|
232
223
|
} = this.adapter;
|
|
233
|
-
|
|
234
|
-
const finalStyle = _Object$assign({}, style);
|
|
235
|
-
|
|
224
|
+
const finalStyle = Object.assign({}, style);
|
|
236
225
|
let children = Children.toArray(originChildren);
|
|
237
226
|
const footers = [];
|
|
238
227
|
const headers = [];
|
|
@@ -242,7 +231,7 @@ class Nav extends BaseComponent {
|
|
|
242
231
|
key: 0
|
|
243
232
|
}, footer));
|
|
244
233
|
} else if (footer && typeof footer === 'object') {
|
|
245
|
-
footers.push( /*#__PURE__*/React.createElement(Footer,
|
|
234
|
+
footers.push( /*#__PURE__*/React.createElement(Footer, Object.assign({
|
|
246
235
|
key: 0
|
|
247
236
|
}, footer)));
|
|
248
237
|
}
|
|
@@ -252,12 +241,12 @@ class Nav extends BaseComponent {
|
|
|
252
241
|
key: 0
|
|
253
242
|
}, header));
|
|
254
243
|
} else if (header && typeof header === 'object') {
|
|
255
|
-
headers.push( /*#__PURE__*/React.createElement(Header,
|
|
244
|
+
headers.push( /*#__PURE__*/React.createElement(Header, Object.assign({
|
|
256
245
|
key: 0
|
|
257
246
|
}, header)));
|
|
258
247
|
}
|
|
259
248
|
|
|
260
|
-
if (
|
|
249
|
+
if (Array.isArray(children) && children.length) {
|
|
261
250
|
children = [...children];
|
|
262
251
|
let childrenLength = children.length;
|
|
263
252
|
|
|
@@ -266,16 +255,12 @@ class Nav extends BaseComponent {
|
|
|
266
255
|
|
|
267
256
|
if (child.type === Footer || _get(child, 'type.name') === 'NavFooter') {
|
|
268
257
|
footers.push(child);
|
|
269
|
-
|
|
270
|
-
_spliceInstanceProperty(children).call(children, i, 1);
|
|
271
|
-
|
|
258
|
+
children.splice(i, 1);
|
|
272
259
|
i--;
|
|
273
260
|
childrenLength--;
|
|
274
261
|
} else if (child.type === Header || _get(child, 'type.name') === 'NavHeader') {
|
|
275
262
|
headers.push(child);
|
|
276
|
-
|
|
277
|
-
_spliceInstanceProperty(children).call(children, i, 1);
|
|
278
|
-
|
|
263
|
+
children.splice(i, 1);
|
|
279
264
|
i--;
|
|
280
265
|
childrenLength--;
|
|
281
266
|
}
|
|
@@ -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';
|
|
@@ -43,7 +42,7 @@ export default function NoticeTransition() {
|
|
|
43
42
|
}
|
|
44
43
|
|
|
45
44
|
return /*#__PURE__*/React.createElement(Transition // onFrame={style => console.log(formatStyle(style))}
|
|
46
|
-
,
|
|
45
|
+
, Object.assign({
|
|
47
46
|
// onFrame={style => console.log(formatStyle(style))}
|
|
48
47
|
from: {
|
|
49
48
|
translate: 100,
|
|
@@ -1,11 +1,3 @@
|
|
|
1
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
2
|
-
import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
|
-
import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
|
|
5
|
-
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
|
6
|
-
import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
|
|
7
|
-
import _Set from "@babel/runtime-corejs3/core-js-stable/set";
|
|
8
|
-
import _Object$entries from "@babel/runtime-corejs3/core-js-stable/object/entries";
|
|
9
1
|
import React from 'react';
|
|
10
2
|
import ReactDOM from 'react-dom';
|
|
11
3
|
import cls from 'classnames';
|
|
@@ -59,16 +51,16 @@ class NotificationList extends BaseComponent {
|
|
|
59
51
|
key: position,
|
|
60
52
|
className: className,
|
|
61
53
|
style: style
|
|
62
|
-
},
|
|
54
|
+
}, notices.map((notice, index) => notice.motion ? /*#__PURE__*/React.createElement(NoticeTransition, {
|
|
63
55
|
key: notice.id || index,
|
|
64
56
|
position: position,
|
|
65
57
|
motion: notice.motion
|
|
66
|
-
},
|
|
67
|
-
style:
|
|
58
|
+
}, removedItems.find(item => item.id === notice.id) ? null : transitionStyle => /*#__PURE__*/React.createElement(Notice, Object.assign({}, notice, {
|
|
59
|
+
style: Object.assign(Object.assign({}, transitionStyle), notice.style),
|
|
68
60
|
key: notice.id,
|
|
69
61
|
close: _this.remove
|
|
70
|
-
}))) : /*#__PURE__*/React.createElement(Notice,
|
|
71
|
-
style:
|
|
62
|
+
}))) : /*#__PURE__*/React.createElement(Notice, Object.assign({}, notice, {
|
|
63
|
+
style: Object.assign({}, notice.style),
|
|
72
64
|
key: notice.id,
|
|
73
65
|
close: _this.remove
|
|
74
66
|
}))))
|
|
@@ -90,7 +82,7 @@ class NotificationList extends BaseComponent {
|
|
|
90
82
|
get adapter() {
|
|
91
83
|
var _this2 = this;
|
|
92
84
|
|
|
93
|
-
return
|
|
85
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
94
86
|
updateNotices: function (notices) {
|
|
95
87
|
let removedItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
96
88
|
_this2.noticeStorage = [...notices];
|
|
@@ -115,9 +107,7 @@ class NotificationList extends BaseComponent {
|
|
|
115
107
|
const div = document.createElement('div');
|
|
116
108
|
|
|
117
109
|
if (!this.wrapperId) {
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
this.wrapperId = _sliceInstanceProperty(_context = getUuid('notification-wrapper')).call(_context, 0, 32);
|
|
110
|
+
this.wrapperId = getUuid('notification-wrapper').slice(0, 32);
|
|
121
111
|
}
|
|
122
112
|
|
|
123
113
|
div.className = cssClasses.WRAPPER;
|
|
@@ -134,12 +124,12 @@ class NotificationList extends BaseComponent {
|
|
|
134
124
|
ReactDOM.render( /*#__PURE__*/React.createElement(NotificationList, {
|
|
135
125
|
ref: instance => ref = instance
|
|
136
126
|
}), div, () => {
|
|
137
|
-
ref.add(
|
|
127
|
+
ref.add(Object.assign(Object.assign({}, notice), {
|
|
138
128
|
id
|
|
139
129
|
}));
|
|
140
130
|
});
|
|
141
131
|
} else {
|
|
142
|
-
ref.add(
|
|
132
|
+
ref.add(Object.assign(Object.assign({}, notice), {
|
|
143
133
|
id
|
|
144
134
|
}));
|
|
145
135
|
}
|
|
@@ -156,31 +146,31 @@ class NotificationList extends BaseComponent {
|
|
|
156
146
|
}
|
|
157
147
|
|
|
158
148
|
static info(opts) {
|
|
159
|
-
return this.addNotice(
|
|
149
|
+
return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
|
|
160
150
|
type: 'info'
|
|
161
151
|
}));
|
|
162
152
|
}
|
|
163
153
|
|
|
164
154
|
static success(opts) {
|
|
165
|
-
return this.addNotice(
|
|
155
|
+
return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
|
|
166
156
|
type: 'success'
|
|
167
157
|
}));
|
|
168
158
|
}
|
|
169
159
|
|
|
170
160
|
static error(opts) {
|
|
171
|
-
return this.addNotice(
|
|
161
|
+
return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
|
|
172
162
|
type: 'error'
|
|
173
163
|
}));
|
|
174
164
|
}
|
|
175
165
|
|
|
176
166
|
static warning(opts) {
|
|
177
|
-
return this.addNotice(
|
|
167
|
+
return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
|
|
178
168
|
type: 'warning'
|
|
179
169
|
}));
|
|
180
170
|
}
|
|
181
171
|
|
|
182
172
|
static open(opts) {
|
|
183
|
-
return this.addNotice(
|
|
173
|
+
return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
|
|
184
174
|
type: 'default'
|
|
185
175
|
}));
|
|
186
176
|
}
|
|
@@ -201,9 +191,7 @@ class NotificationList extends BaseComponent {
|
|
|
201
191
|
}
|
|
202
192
|
|
|
203
193
|
static config(opts) {
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
_mapInstanceProperty(_context2 = ['top', 'left', 'bottom', 'right']).call(_context2, pos => {
|
|
194
|
+
['top', 'left', 'bottom', 'right'].map(pos => {
|
|
207
195
|
if (pos in opts) {
|
|
208
196
|
defaultConfig[pos] = opts[pos];
|
|
209
197
|
}
|
|
@@ -223,30 +211,24 @@ class NotificationList extends BaseComponent {
|
|
|
223
211
|
}
|
|
224
212
|
|
|
225
213
|
setPosInStyle(noticeInstance) {
|
|
226
|
-
var _context3;
|
|
227
|
-
|
|
228
214
|
const style = {};
|
|
229
|
-
|
|
230
|
-
_forEachInstanceProperty(_context3 = ['top', 'left', 'bottom', 'right']).call(_context3, pos => {
|
|
215
|
+
['top', 'left', 'bottom', 'right'].forEach(pos => {
|
|
231
216
|
if (pos in noticeInstance) {
|
|
232
217
|
const val = noticeInstance[pos];
|
|
233
218
|
style[pos] = typeof val === 'number' ? "".concat(val, "px") : val;
|
|
234
219
|
}
|
|
235
220
|
});
|
|
236
|
-
|
|
237
221
|
return style;
|
|
238
222
|
}
|
|
239
223
|
|
|
240
224
|
render() {
|
|
241
|
-
var _context4;
|
|
242
|
-
|
|
243
225
|
let {
|
|
244
226
|
notices
|
|
245
227
|
} = this.state;
|
|
246
228
|
const {
|
|
247
229
|
removedItems
|
|
248
230
|
} = this.state;
|
|
249
|
-
notices =
|
|
231
|
+
notices = Array.from(new Set([...notices, ...removedItems]));
|
|
250
232
|
const noticesInPosition = {
|
|
251
233
|
top: [],
|
|
252
234
|
topLeft: [],
|
|
@@ -255,20 +237,17 @@ class NotificationList extends BaseComponent {
|
|
|
255
237
|
bottomLeft: [],
|
|
256
238
|
bottomRight: []
|
|
257
239
|
};
|
|
258
|
-
|
|
259
|
-
_forEachInstanceProperty(notices).call(notices, notice => {
|
|
240
|
+
notices.forEach(notice => {
|
|
260
241
|
const direction = notice.direction || this.context.direction;
|
|
261
242
|
const defaultPosition = direction === 'rtl' ? 'topLeft' : 'topRight';
|
|
262
243
|
const position = notice.position || defaultPosition;
|
|
263
244
|
noticesInPosition[position].push(notice);
|
|
264
245
|
});
|
|
265
|
-
|
|
266
|
-
const noticesList = _mapInstanceProperty(_context4 = _Object$entries(noticesInPosition)).call(_context4, obj => {
|
|
246
|
+
const noticesList = Object.entries(noticesInPosition).map(obj => {
|
|
267
247
|
const pos = obj[0];
|
|
268
248
|
const noticesInPos = obj[1];
|
|
269
249
|
return this.renderNoticeInPosition(noticesInPos, pos, removedItems);
|
|
270
250
|
});
|
|
271
|
-
|
|
272
251
|
return /*#__PURE__*/React.createElement(React.Fragment, null, noticesList);
|
|
273
252
|
}
|
|
274
253
|
|
|
@@ -1,17 +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 _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
5
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
6
|
-
import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
|
|
7
2
|
|
|
8
3
|
var __rest = this && this.__rest || function (s, e) {
|
|
9
4
|
var t = {};
|
|
10
5
|
|
|
11
|
-
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];
|
|
12
7
|
|
|
13
|
-
if (s != null && typeof
|
|
14
|
-
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]];
|
|
15
10
|
}
|
|
16
11
|
return t;
|
|
17
12
|
};
|
|
@@ -67,7 +62,7 @@ class Notice extends BaseComponent {
|
|
|
67
62
|
}
|
|
68
63
|
|
|
69
64
|
get adapter() {
|
|
70
|
-
return
|
|
65
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
71
66
|
notifyWrapperToRemove: id => {
|
|
72
67
|
this.props.close(id);
|
|
73
68
|
},
|
|
@@ -83,8 +78,6 @@ class Notice extends BaseComponent {
|
|
|
83
78
|
}
|
|
84
79
|
|
|
85
80
|
renderTypeIcon() {
|
|
86
|
-
var _context;
|
|
87
|
-
|
|
88
81
|
const {
|
|
89
82
|
type,
|
|
90
83
|
icon
|
|
@@ -106,7 +99,7 @@ class Notice extends BaseComponent {
|
|
|
106
99
|
let iconType = iconMap[type];
|
|
107
100
|
const iconCls = cls({
|
|
108
101
|
["".concat(prefixCls, "-icon")]: true,
|
|
109
|
-
[
|
|
102
|
+
["".concat(prefixCls, "-").concat(type)]: true
|
|
110
103
|
});
|
|
111
104
|
|
|
112
105
|
if (icon) {
|
|
@@ -126,8 +119,6 @@ class Notice extends BaseComponent {
|
|
|
126
119
|
}
|
|
127
120
|
|
|
128
121
|
render() {
|
|
129
|
-
var _context2, _context3;
|
|
130
|
-
|
|
131
122
|
const direction = this.props.direction || this.context.direction;
|
|
132
123
|
const defaultPosition = direction === 'rtl' ? 'topLeft' : 'topRight';
|
|
133
124
|
|
|
@@ -151,9 +142,9 @@ class Notice extends BaseComponent {
|
|
|
151
142
|
} = this.state;
|
|
152
143
|
const wrapper = cls(prefixCls, className, {
|
|
153
144
|
["".concat(prefixCls, "-close")]: !visible,
|
|
154
|
-
["".concat(prefixCls, "-icon-show")]:
|
|
155
|
-
[
|
|
156
|
-
[
|
|
145
|
+
["".concat(prefixCls, "-icon-show")]: types.includes(type),
|
|
146
|
+
["".concat(prefixCls, "-").concat(type)]: true,
|
|
147
|
+
["".concat(prefixCls, "-").concat(theme)]: theme === 'light',
|
|
157
148
|
["".concat(prefixCls, "-rtl")]: direction === 'rtl'
|
|
158
149
|
});
|
|
159
150
|
const titleID = getUuidShort({});
|
|
@@ -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 HookNotice = (_a, ref) => {
|
|
|
38
34
|
afterClose(String(config.id));
|
|
39
35
|
}
|
|
40
36
|
}, [visible]);
|
|
41
|
-
return visible ? /*#__PURE__*/React.createElement(Notice,
|
|
37
|
+
return visible ? /*#__PURE__*/React.createElement(Notice, Object.assign({}, config, {
|
|
42
38
|
onHookClose: close
|
|
43
39
|
})) : null;
|
|
44
40
|
};
|
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
|
2
|
-
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
|
3
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
4
|
-
import _Object$entries from "@babel/runtime-corejs3/core-js-stable/object/entries";
|
|
5
|
-
import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
|
|
6
|
-
import _Map from "@babel/runtime-corejs3/core-js-stable/map";
|
|
7
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
8
1
|
import React, { useState } from 'react';
|
|
9
2
|
import cls from 'classnames';
|
|
10
3
|
import { cssClasses } from '@douyinfe/semi-foundation/lib/es/notification/constants';
|
|
@@ -30,7 +23,7 @@ function usePatchElement() {
|
|
|
30
23
|
config
|
|
31
24
|
}, ...originElements]);
|
|
32
25
|
return id => {
|
|
33
|
-
setElements(originElements =>
|
|
26
|
+
setElements(originElements => originElements.filter(_ref => {
|
|
34
27
|
let {
|
|
35
28
|
config: configOfCurrentElement
|
|
36
29
|
} = _ref;
|
|
@@ -40,8 +33,6 @@ function usePatchElement() {
|
|
|
40
33
|
}
|
|
41
34
|
|
|
42
35
|
function renderList() {
|
|
43
|
-
var _context;
|
|
44
|
-
|
|
45
36
|
const noticesInPosition = {
|
|
46
37
|
top: [],
|
|
47
38
|
topLeft: [],
|
|
@@ -50,8 +41,7 @@ function usePatchElement() {
|
|
|
50
41
|
bottomLeft: [],
|
|
51
42
|
bottomRight: []
|
|
52
43
|
};
|
|
53
|
-
|
|
54
|
-
_forEachInstanceProperty(elements).call(elements, _ref2 => {
|
|
44
|
+
elements.forEach(_ref2 => {
|
|
55
45
|
let {
|
|
56
46
|
element,
|
|
57
47
|
config
|
|
@@ -61,12 +51,11 @@ function usePatchElement() {
|
|
|
61
51
|
} = config;
|
|
62
52
|
noticesInPosition[position].push(element);
|
|
63
53
|
});
|
|
64
|
-
|
|
65
|
-
return _mapInstanceProperty(_context = _Object$entries(noticesInPosition)).call(_context, obj => {
|
|
54
|
+
return Object.entries(noticesInPosition).map(obj => {
|
|
66
55
|
const pos = obj[0];
|
|
67
56
|
const notices = obj[1]; // @ts-ignore
|
|
68
57
|
|
|
69
|
-
return
|
|
58
|
+
return Array.isArray(notices) && notices.length ? /*#__PURE__*/React.createElement("div", {
|
|
70
59
|
key: pos,
|
|
71
60
|
className: cls(cssClasses.LIST),
|
|
72
61
|
placement: pos
|
|
@@ -79,29 +68,27 @@ function usePatchElement() {
|
|
|
79
68
|
|
|
80
69
|
export default function useNotification() {
|
|
81
70
|
const [elements, patchElement] = usePatchElement();
|
|
82
|
-
const noticeRef = new
|
|
71
|
+
const noticeRef = new Map();
|
|
83
72
|
|
|
84
73
|
const addNotice = config => {
|
|
85
74
|
const id = getUuid('semi_notice_');
|
|
86
|
-
|
|
87
|
-
const mergeConfig = _Object$assign(_Object$assign({}, config), {
|
|
75
|
+
const mergeConfig = Object.assign(Object.assign({}, config), {
|
|
88
76
|
id
|
|
89
77
|
}); // eslint-disable-next-line prefer-const
|
|
90
78
|
|
|
91
|
-
|
|
92
79
|
let closeFunc;
|
|
93
80
|
|
|
94
81
|
const ref = ele => {
|
|
95
82
|
noticeRef.set(id, ele);
|
|
96
83
|
};
|
|
97
84
|
|
|
98
|
-
const notice = /*#__PURE__*/React.createElement(HookNotice,
|
|
85
|
+
const notice = /*#__PURE__*/React.createElement(HookNotice, Object.assign({
|
|
99
86
|
key: id
|
|
100
87
|
}, mergeConfig, {
|
|
101
88
|
afterClose: instanceID => closeFunc(instanceID),
|
|
102
89
|
ref: ref
|
|
103
90
|
}));
|
|
104
|
-
closeFunc = patchElement(notice,
|
|
91
|
+
closeFunc = patchElement(notice, Object.assign({}, mergeConfig));
|
|
105
92
|
return id;
|
|
106
93
|
};
|
|
107
94
|
|
|
@@ -111,19 +98,19 @@ export default function useNotification() {
|
|
|
111
98
|
};
|
|
112
99
|
|
|
113
100
|
return [{
|
|
114
|
-
success: config => addNotice(
|
|
101
|
+
success: config => addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), config), {
|
|
115
102
|
type: 'success'
|
|
116
103
|
})),
|
|
117
|
-
info: config => addNotice(
|
|
104
|
+
info: config => addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), config), {
|
|
118
105
|
type: 'info'
|
|
119
106
|
})),
|
|
120
|
-
error: config => addNotice(
|
|
107
|
+
error: config => addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), config), {
|
|
121
108
|
type: 'error'
|
|
122
109
|
})),
|
|
123
|
-
warning: config => addNotice(
|
|
110
|
+
warning: config => addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), config), {
|
|
124
111
|
type: 'warning'
|
|
125
112
|
})),
|
|
126
|
-
open: config => addNotice(
|
|
113
|
+
open: config => addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), config), {
|
|
127
114
|
type: 'default'
|
|
128
115
|
})),
|
|
129
116
|
close: removeElement
|
|
@@ -2,11 +2,6 @@ import _isUndefined from "lodash/isUndefined";
|
|
|
2
2
|
import _isNull from "lodash/isNull";
|
|
3
3
|
import _omit from "lodash/omit";
|
|
4
4
|
import _isEqual from "lodash/isEqual";
|
|
5
|
-
import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
|
|
6
|
-
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
|
7
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
8
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
9
|
-
import _Map from "@babel/runtime-corejs3/core-js-stable/map";
|
|
10
5
|
|
|
11
6
|
/* eslint-disable arrow-body-style */
|
|
12
7
|
import React from 'react';
|
|
@@ -41,16 +36,15 @@ class OverflowList extends BaseComponent {
|
|
|
41
36
|
|
|
42
37
|
this.resize = function () {
|
|
43
38
|
let entries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
44
|
-
|
|
45
39
|
// if any parent is growing, assume we have more room than before
|
|
46
|
-
const growing =
|
|
40
|
+
const growing = entries.some(entry => {
|
|
47
41
|
const previousWidth = _this.previousWidths.get(entry.target) || 0;
|
|
48
42
|
return entry.contentRect.width > previousWidth;
|
|
49
43
|
});
|
|
50
44
|
|
|
51
45
|
_this.repartition(growing);
|
|
52
46
|
|
|
53
|
-
|
|
47
|
+
entries.forEach(entry => _this.previousWidths.set(entry.target, entry.contentRect.width));
|
|
54
48
|
};
|
|
55
49
|
|
|
56
50
|
this.repartition = growing => {
|
|
@@ -84,8 +78,6 @@ class OverflowList extends BaseComponent {
|
|
|
84
78
|
};
|
|
85
79
|
|
|
86
80
|
this.renderItemList = () => {
|
|
87
|
-
var _context;
|
|
88
|
-
|
|
89
81
|
const {
|
|
90
82
|
className,
|
|
91
83
|
wrapperClassName,
|
|
@@ -104,9 +96,9 @@ class OverflowList extends BaseComponent {
|
|
|
104
96
|
ref: ref => {
|
|
105
97
|
this.scroller = ref;
|
|
106
98
|
},
|
|
107
|
-
style:
|
|
99
|
+
style: Object.assign({}, wrapperStyle),
|
|
108
100
|
key: "".concat(prefixCls, "-scroll-wrapper")
|
|
109
|
-
},
|
|
101
|
+
}, visible.map(visibleItemRenderer).map((item, ind) => {
|
|
110
102
|
const {
|
|
111
103
|
forwardRef,
|
|
112
104
|
key
|
|
@@ -116,7 +108,7 @@ class OverflowList extends BaseComponent {
|
|
|
116
108
|
'data-scrollkey': "".concat(key),
|
|
117
109
|
key
|
|
118
110
|
});
|
|
119
|
-
})), overflow[1]] : [collapseFrom === Boundary.START ? overflow : null,
|
|
111
|
+
})), overflow[1]] : [collapseFrom === Boundary.START ? overflow : null, visible.map(visibleItemRenderer), collapseFrom === Boundary.END ? overflow : null, /*#__PURE__*/React.createElement("div", {
|
|
120
112
|
className: "".concat(prefixCls, "-spacer"),
|
|
121
113
|
ref: ref => this.spacer = ref,
|
|
122
114
|
key: "".concat(prefixCls, "-spacer")
|
|
@@ -133,12 +125,12 @@ class OverflowList extends BaseComponent {
|
|
|
133
125
|
lastOverflowCount: 0,
|
|
134
126
|
overflow: [],
|
|
135
127
|
visible: props.items,
|
|
136
|
-
visibleState: new
|
|
128
|
+
visibleState: new Map()
|
|
137
129
|
};
|
|
138
130
|
this.foundation = new OverflowListFoundation(this.adapter);
|
|
139
|
-
this.previousWidths = new
|
|
131
|
+
this.previousWidths = new Map();
|
|
140
132
|
this.itemRefs = {};
|
|
141
|
-
this.itemSizeMap = new
|
|
133
|
+
this.itemSizeMap = new Map();
|
|
142
134
|
}
|
|
143
135
|
|
|
144
136
|
static getDerivedStateFromProps(props, prevState) {
|
|
@@ -164,14 +156,14 @@ class OverflowList extends BaseComponent {
|
|
|
164
156
|
}
|
|
165
157
|
|
|
166
158
|
get adapter() {
|
|
167
|
-
return
|
|
159
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
168
160
|
updateVisibleState: visibleState => {
|
|
169
161
|
this.setState({
|
|
170
162
|
visibleState
|
|
171
163
|
});
|
|
172
164
|
},
|
|
173
165
|
updateStates: states => {
|
|
174
|
-
this.setState(
|
|
166
|
+
this.setState(Object.assign({}, states));
|
|
175
167
|
},
|
|
176
168
|
notifyIntersect: res => {
|
|
177
169
|
this.props.onIntersect && this.props.onIntersect(res);
|