@douyinfe/semi-ui 2.19.0-alpha.8 → 2.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_utils/index.ts +9 -5
- package/anchor/index.tsx +39 -7
- package/anchor/link.tsx +11 -2
- package/avatar/index.tsx +3 -1
- package/calendar/_story/calendar.stories.js +20 -3
- package/checkbox/checkbox.tsx +3 -1
- package/dist/css/semi.css +7 -17
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +2987 -12956
- package/dist/umd/semi-ui.js.map +1 -1
- package/dist/umd/semi-ui.min.js +1 -1
- package/dist/umd/semi-ui.min.js.map +1 -1
- package/dropdown/index.tsx +5 -1
- package/form/interface.ts +1 -1
- package/getBabelConfig.js +1 -13
- package/lib/cjs/_base/base.css +1 -0
- package/lib/cjs/_base/base.js +1 -3
- package/lib/cjs/_base/baseComponent.js +4 -9
- package/lib/cjs/_base/reactUtils.js +4 -9
- package/lib/cjs/_portal/index.js +4 -9
- package/lib/cjs/_utils/hooks/usePrevFocus.js +3 -6
- package/lib/cjs/_utils/index.js +13 -25
- package/lib/cjs/anchor/anchor-context.js +3 -6
- package/lib/cjs/anchor/index.d.ts +4 -0
- package/lib/cjs/anchor/index.js +50 -36
- package/lib/cjs/anchor/link.d.ts +2 -0
- package/lib/cjs/anchor/link.js +15 -18
- package/lib/cjs/autoComplete/index.js +13 -30
- package/lib/cjs/autoComplete/option.js +12 -25
- package/lib/cjs/avatar/avatarGroup.js +18 -49
- package/lib/cjs/avatar/index.d.ts +1 -0
- package/lib/cjs/avatar/index.js +25 -48
- package/lib/cjs/avatar/interface.js +1 -3
- package/lib/cjs/backtop/index.js +8 -17
- package/lib/cjs/badge/index.js +14 -31
- package/lib/cjs/banner/index.js +5 -14
- package/lib/cjs/breadcrumb/bread-context.js +3 -6
- package/lib/cjs/breadcrumb/index.js +13 -34
- package/lib/cjs/breadcrumb/item.js +8 -21
- package/lib/cjs/button/Button.js +13 -32
- package/lib/cjs/button/buttonGroup.js +12 -41
- package/lib/cjs/button/index.js +7 -12
- package/lib/cjs/button/splitButtonGroup.js +3 -6
- package/lib/cjs/calendar/dayCalendar.js +20 -37
- package/lib/cjs/calendar/dayCol.js +10 -25
- package/lib/cjs/calendar/index.js +9 -25
- package/lib/cjs/calendar/interface.js +1 -3
- package/lib/cjs/calendar/monthCalendar.js +20 -45
- package/lib/cjs/calendar/rangeCalendar.js +19 -44
- package/lib/cjs/calendar/timeCol.js +10 -25
- package/lib/cjs/calendar/weekCalendar.js +19 -44
- package/lib/cjs/card/cardGroup.js +9 -22
- package/lib/cjs/card/index.js +12 -33
- package/lib/cjs/card/meta.js +9 -22
- package/lib/cjs/carousel/CarouselArrow.js +8 -17
- package/lib/cjs/carousel/CarouselIndicator.js +11 -26
- package/lib/cjs/carousel/index.js +10 -29
- package/lib/cjs/carousel/interface.js +1 -3
- package/lib/cjs/cascader/index.js +37 -68
- package/lib/cjs/cascader/item.js +24 -49
- package/lib/cjs/checkbox/checkbox.d.ts +1 -0
- package/lib/cjs/checkbox/checkbox.js +9 -17
- package/lib/cjs/checkbox/checkboxGroup.js +13 -34
- package/lib/cjs/checkbox/checkboxInner.js +6 -15
- package/lib/cjs/checkbox/context.js +3 -6
- package/lib/cjs/checkbox/index.js +4 -8
- package/lib/cjs/collapse/collapse-context.js +3 -6
- package/lib/cjs/collapse/index.js +12 -29
- package/lib/cjs/collapse/item.js +9 -22
- package/lib/cjs/collapsible/index.js +7 -16
- package/lib/cjs/configProvider/context.js +3 -6
- package/lib/cjs/configProvider/index.js +7 -16
- package/lib/cjs/datePicker/dateInput.js +15 -34
- package/lib/cjs/datePicker/datePicker.js +22 -45
- package/lib/cjs/datePicker/footer.js +3 -6
- package/lib/cjs/datePicker/index.js +9 -20
- package/lib/cjs/datePicker/insetInput.js +4 -9
- package/lib/cjs/datePicker/month.js +15 -26
- package/lib/cjs/datePicker/monthsGrid.js +13 -32
- package/lib/cjs/datePicker/navigation.js +5 -12
- package/lib/cjs/datePicker/quickControl.js +18 -31
- package/lib/cjs/datePicker/yearAndMonth.js +13 -30
- package/lib/cjs/descriptions/descriptions-context.js +3 -6
- package/lib/cjs/descriptions/index.js +8 -23
- package/lib/cjs/descriptions/item.js +7 -18
- package/lib/cjs/divider/index.js +9 -22
- package/lib/cjs/dropdown/context.js +3 -6
- package/lib/cjs/dropdown/dropdownDivider.js +3 -6
- package/lib/cjs/dropdown/dropdownItem.js +8 -21
- package/lib/cjs/dropdown/dropdownMenu.js +8 -17
- package/lib/cjs/dropdown/dropdownTitle.js +5 -12
- package/lib/cjs/dropdown/index.js +17 -26
- package/lib/cjs/empty/index.js +5 -14
- package/lib/cjs/form/arrayField.js +28 -57
- package/lib/cjs/form/baseForm.d.ts +1 -1
- package/lib/cjs/form/baseForm.js +18 -43
- package/lib/cjs/form/context.js +3 -6
- package/lib/cjs/form/errorMessage.js +7 -18
- package/lib/cjs/form/field.d.ts +1 -1
- package/lib/cjs/form/field.js +3 -6
- package/lib/cjs/form/group.js +16 -31
- package/lib/cjs/form/hoc/withField.js +26 -53
- package/lib/cjs/form/hoc/withFormApi.js +4 -9
- package/lib/cjs/form/hoc/withFormState.js +4 -9
- package/lib/cjs/form/hooks/index.js +11 -20
- package/lib/cjs/form/hooks/useArrayFieldState.js +1 -4
- package/lib/cjs/form/hooks/useFieldApi.js +3 -6
- package/lib/cjs/form/hooks/useFieldState.js +6 -15
- package/lib/cjs/form/hooks/useFormApi.js +1 -4
- package/lib/cjs/form/hooks/useFormState.js +1 -4
- package/lib/cjs/form/hooks/useFormUpdater.js +1 -4
- package/lib/cjs/form/hooks/useStateWithGetter.js +1 -4
- package/lib/cjs/form/index.js +15 -34
- package/lib/cjs/form/interface.d.ts +1 -1
- package/lib/cjs/form/interface.js +3 -10
- package/lib/cjs/form/label.js +5 -12
- package/lib/cjs/form/section.js +5 -12
- package/lib/cjs/form/slot.js +18 -35
- package/lib/cjs/grid/col.js +20 -37
- package/lib/cjs/grid/index.js +6 -10
- package/lib/cjs/grid/row.js +18 -45
- package/lib/cjs/iconButton/index.js +13 -30
- package/lib/cjs/icons/index.js +3 -6
- package/lib/cjs/index.js +94 -189
- package/lib/cjs/input/index.js +13 -26
- package/lib/cjs/input/inputGroup.js +11 -32
- package/lib/cjs/input/textarea.js +11 -24
- package/lib/cjs/inputNumber/index.js +12 -29
- package/lib/cjs/layout/Sider.js +11 -36
- package/lib/cjs/layout/index.js +13 -32
- package/lib/cjs/layout/layout-context.js +3 -6
- package/lib/cjs/list/index.js +9 -25
- package/lib/cjs/list/item.js +10 -27
- package/lib/cjs/list/list-context.js +3 -6
- package/lib/cjs/locale/context.js +3 -6
- package/lib/cjs/locale/interface.js +1 -3
- package/lib/cjs/locale/localeConsumer.js +5 -12
- package/lib/cjs/locale/localeProvider.js +5 -12
- package/lib/cjs/locale/source/ar.js +1 -4
- package/lib/cjs/locale/source/de.js +1 -4
- package/lib/cjs/locale/source/en_GB.js +1 -4
- package/lib/cjs/locale/source/en_US.js +1 -4
- package/lib/cjs/locale/source/es.js +1 -4
- package/lib/cjs/locale/source/fr.js +1 -4
- package/lib/cjs/locale/source/id_ID.js +1 -4
- package/lib/cjs/locale/source/it.js +1 -4
- package/lib/cjs/locale/source/ja_JP.js +1 -4
- package/lib/cjs/locale/source/ko_KR.js +1 -4
- package/lib/cjs/locale/source/ms_MY.js +1 -4
- package/lib/cjs/locale/source/pt_BR.js +1 -4
- package/lib/cjs/locale/source/ru_RU.js +1 -4
- package/lib/cjs/locale/source/th_TH.js +1 -4
- package/lib/cjs/locale/source/tr_TR.js +1 -4
- package/lib/cjs/locale/source/vi_VN.js +1 -4
- package/lib/cjs/locale/source/zh_CN.js +1 -4
- package/lib/cjs/locale/source/zh_TW.js +1 -4
- package/lib/cjs/modal/ConfirmModal.js +11 -28
- package/lib/cjs/modal/Modal.js +14 -33
- package/lib/cjs/modal/ModalContent.js +14 -35
- package/lib/cjs/modal/confirm.js +15 -21
- package/lib/cjs/modal/index.js +3 -6
- package/lib/cjs/modal/useModal/HookModal.js +10 -19
- package/lib/cjs/modal/useModal/index.js +4 -9
- package/lib/cjs/motions/Rotate.js +7 -18
- package/lib/cjs/navigation/CollapseButton.js +4 -9
- package/lib/cjs/navigation/Footer.js +6 -15
- package/lib/cjs/navigation/Header.js +6 -15
- package/lib/cjs/navigation/Item.js +9 -28
- package/lib/cjs/navigation/OpenIconTransition.js +6 -15
- package/lib/cjs/navigation/SubNav.js +10 -29
- package/lib/cjs/navigation/SubNavTransition.js +5 -12
- package/lib/cjs/navigation/index.js +25 -46
- package/lib/cjs/navigation/nav-context.js +3 -6
- package/lib/cjs/notification/NoticeTransition.js +4 -9
- package/lib/cjs/notification/index.js +24 -51
- package/lib/cjs/notification/notice.js +13 -30
- package/lib/cjs/notification/useNotification/HookNotice.js +9 -22
- package/lib/cjs/notification/useNotification/index.js +18 -41
- package/lib/cjs/overflowList/index.js +13 -28
- package/lib/cjs/overflowList/intersectionObserver.js +7 -18
- package/lib/cjs/pagination/index.js +15 -38
- package/lib/cjs/popconfirm/index.js +16 -25
- package/lib/cjs/popover/Arrow.js +10 -19
- package/lib/cjs/popover/index.js +8 -17
- package/lib/cjs/progress/index.js +7 -20
- package/lib/cjs/radio/context.js +3 -6
- package/lib/cjs/radio/index.js +4 -8
- package/lib/cjs/radio/radio.d.ts +1 -0
- package/lib/cjs/radio/radio.js +11 -19
- package/lib/cjs/radio/radioGroup.js +11 -26
- package/lib/cjs/radio/radioInner.js +7 -16
- package/lib/cjs/rating/index.js +10 -27
- package/lib/cjs/rating/item.js +10 -19
- package/lib/cjs/resizeObserver/index.js +3 -6
- package/lib/cjs/scrollList/index.js +3 -6
- package/lib/cjs/scrollList/scrollItem.js +13 -26
- package/lib/cjs/select/index.js +46 -91
- package/lib/cjs/select/option.js +12 -25
- package/lib/cjs/select/optionGroup.js +3 -6
- package/lib/cjs/select/utils.js +12 -29
- package/lib/cjs/select/virtualRow.js +1 -4
- package/lib/cjs/sideSheet/SideSheetContent.js +9 -22
- package/lib/cjs/sideSheet/SideSheetTransition.js +4 -9
- package/lib/cjs/sideSheet/index.js +15 -28
- package/lib/cjs/skeleton/index.js +9 -22
- package/lib/cjs/skeleton/item.js +13 -34
- package/lib/cjs/slider/index.js +18 -48
- package/lib/cjs/space/index.js +7 -20
- package/lib/cjs/space/utils.js +9 -24
- package/lib/cjs/spin/icon.js +7 -16
- package/lib/cjs/spin/index.js +5 -14
- package/lib/cjs/steps/basicStep.js +4 -11
- package/lib/cjs/steps/basicSteps.js +12 -29
- package/lib/cjs/steps/context.js +3 -6
- package/lib/cjs/steps/fillStep.js +4 -11
- package/lib/cjs/steps/fillSteps.js +12 -28
- package/lib/cjs/steps/index.js +11 -24
- package/lib/cjs/steps/navStep.js +3 -6
- package/lib/cjs/steps/navSteps.js +12 -28
- package/lib/cjs/steps/step.js +8 -17
- package/lib/cjs/switch/index.js +5 -10
- package/lib/cjs/table/Body/BaseRow.js +14 -27
- package/lib/cjs/table/Body/ExpandedRow.js +10 -23
- package/lib/cjs/table/Body/SectionRow.js +15 -36
- package/lib/cjs/table/Body/index.js +39 -64
- package/lib/cjs/table/ColGroup.js +4 -11
- package/lib/cjs/table/Column.js +4 -9
- package/lib/cjs/table/ColumnFilter.js +18 -41
- package/lib/cjs/table/ColumnSelection.js +6 -11
- package/lib/cjs/table/ColumnShape.js +3 -6
- package/lib/cjs/table/ColumnSorter.js +6 -15
- package/lib/cjs/table/CustomExpandIcon.js +5 -12
- package/lib/cjs/table/HeadTable.js +7 -14
- package/lib/cjs/table/ResizableHeaderCell.js +9 -22
- package/lib/cjs/table/ResizableTable.js +23 -40
- package/lib/cjs/table/Table.js +63 -96
- package/lib/cjs/table/TableCell.js +13 -26
- package/lib/cjs/table/TableContextProvider.js +5 -12
- package/lib/cjs/table/TableHeader.js +10 -27
- package/lib/cjs/table/TableHeaderRow.js +18 -33
- package/lib/cjs/table/TablePagination.js +6 -15
- package/lib/cjs/table/getColumns.js +8 -17
- package/lib/cjs/table/index.js +8 -20
- package/lib/cjs/table/interface.js +1 -3
- package/lib/cjs/table/table-context.js +3 -6
- package/lib/cjs/table/utils.js +5 -16
- package/lib/cjs/tabs/TabBar.js +21 -44
- package/lib/cjs/tabs/TabPane.js +14 -31
- package/lib/cjs/tabs/TabPaneTransition.js +5 -10
- package/lib/cjs/tabs/index.js +32 -73
- package/lib/cjs/tabs/interface.d.ts +3 -2
- package/lib/cjs/tabs/interface.js +1 -3
- package/lib/cjs/tabs/tabs-context.js +3 -6
- package/lib/cjs/tag/group.d.ts +1 -15
- package/lib/cjs/tag/group.js +23 -34
- package/lib/cjs/tag/index.d.ts +1 -1
- package/lib/cjs/tag/index.js +20 -48
- package/lib/cjs/tag/interface.d.ts +6 -3
- package/lib/cjs/tag/interface.js +1 -3
- package/lib/cjs/tagInput/index.js +13 -30
- package/lib/cjs/timePicker/Combobox.js +19 -40
- package/lib/cjs/timePicker/PanelShape.js +3 -6
- package/lib/cjs/timePicker/TimeInput.js +9 -20
- package/lib/cjs/timePicker/TimePicker.js +21 -38
- package/lib/cjs/timePicker/TimeShape.js +3 -6
- package/lib/cjs/timePicker/index.js +4 -9
- package/lib/cjs/timeline/index.js +21 -48
- package/lib/cjs/timeline/item.js +7 -20
- package/lib/cjs/toast/ToastTransition.js +4 -9
- package/lib/cjs/toast/index.js +20 -45
- package/lib/cjs/toast/toast.js +9 -20
- package/lib/cjs/toast/useToast/HookToast.js +9 -22
- package/lib/cjs/toast/useToast/index.js +14 -27
- package/lib/cjs/tooltip/ArrowBoundingShape.js +3 -6
- package/lib/cjs/tooltip/TooltipStyledTransition.js +4 -9
- package/lib/cjs/tooltip/TriangleArrow.js +7 -16
- package/lib/cjs/tooltip/TriangleArrowVertical.js +7 -16
- package/lib/cjs/tooltip/index.js +27 -48
- package/lib/cjs/transfer/index.js +30 -63
- package/lib/cjs/tree/autoSizer.js +7 -16
- package/lib/cjs/tree/collapse.js +7 -16
- package/lib/cjs/tree/index.js +46 -70
- package/lib/cjs/tree/interface.js +1 -3
- package/lib/cjs/tree/nodeList.js +11 -28
- package/lib/cjs/tree/treeContext.js +3 -6
- package/lib/cjs/tree/treeNode.js +20 -39
- package/lib/cjs/tree/treeUtil.js +3 -6
- package/lib/cjs/treeSelect/index.js +51 -80
- package/lib/cjs/trigger/index.js +7 -16
- package/lib/cjs/typography/base.js +24 -49
- package/lib/cjs/typography/copyable.js +5 -12
- package/lib/cjs/typography/index.js +5 -15
- package/lib/cjs/typography/interface.js +1 -3
- package/lib/cjs/typography/paragraph.js +6 -15
- package/lib/cjs/typography/text.js +6 -15
- package/lib/cjs/typography/title.d.ts +1 -1
- package/lib/cjs/typography/title.js +10 -25
- package/lib/cjs/typography/typography.js +9 -22
- package/lib/cjs/typography/util.js +8 -21
- package/lib/cjs/upload/fileCard.js +8 -17
- package/lib/cjs/upload/index.js +14 -25
- package/lib/cjs/upload/interface.js +1 -3
- package/lib/es/_base/base.css +1 -0
- package/lib/es/_base/baseComponent.js +1 -3
- package/lib/es/_portal/index.js +1 -2
- package/lib/es/_utils/index.js +9 -15
- package/lib/es/anchor/index.d.ts +4 -0
- package/lib/es/anchor/index.js +46 -31
- package/lib/es/anchor/link.d.ts +2 -0
- package/lib/es/anchor/link.js +12 -10
- package/lib/es/autoComplete/index.js +10 -21
- package/lib/es/autoComplete/option.js +7 -10
- package/lib/es/avatar/avatarGroup.js +13 -33
- package/lib/es/avatar/index.d.ts +1 -0
- package/lib/es/avatar/index.js +20 -31
- package/lib/es/backtop/index.js +5 -9
- package/lib/es/badge/index.js +7 -13
- package/lib/es/banner/index.js +2 -7
- package/lib/es/breadcrumb/index.js +10 -27
- package/lib/es/breadcrumb/item.js +3 -7
- package/lib/es/button/Button.js +8 -16
- package/lib/es/button/buttonGroup.js +7 -22
- package/lib/es/button/index.js +4 -6
- package/lib/es/calendar/dayCalendar.js +15 -30
- package/lib/es/calendar/dayCol.js +5 -16
- package/lib/es/calendar/index.js +4 -8
- package/lib/es/calendar/monthCalendar.js +15 -35
- package/lib/es/calendar/rangeCalendar.js +14 -36
- package/lib/es/calendar/timeCol.js +3 -12
- package/lib/es/calendar/weekCalendar.js +14 -36
- package/lib/es/card/cardGroup.js +4 -8
- package/lib/es/card/index.js +7 -15
- package/lib/es/card/meta.js +4 -8
- package/lib/es/carousel/CarouselArrow.js +5 -9
- package/lib/es/carousel/CarouselIndicator.js +8 -17
- package/lib/es/carousel/index.js +5 -13
- package/lib/es/cascader/index.js +30 -55
- package/lib/es/cascader/item.js +17 -33
- package/lib/es/checkbox/checkbox.d.ts +1 -0
- package/lib/es/checkbox/checkbox.js +4 -8
- package/lib/es/checkbox/checkboxGroup.js +8 -23
- package/lib/es/checkbox/checkboxInner.js +1 -2
- package/lib/es/collapse/index.js +9 -17
- package/lib/es/collapse/item.js +4 -8
- package/lib/es/collapsible/index.js +2 -4
- package/lib/es/configProvider/index.js +4 -8
- package/lib/es/datePicker/dateInput.js +12 -27
- package/lib/es/datePicker/datePicker.js +17 -35
- package/lib/es/datePicker/index.js +4 -10
- package/lib/es/datePicker/insetInput.js +1 -2
- package/lib/es/datePicker/month.js +12 -18
- package/lib/es/datePicker/monthsGrid.js +10 -26
- package/lib/es/datePicker/quickControl.js +13 -18
- package/lib/es/datePicker/yearAndMonth.js +10 -22
- package/lib/es/descriptions/index.js +3 -8
- package/lib/es/descriptions/item.js +2 -5
- package/lib/es/divider/index.js +6 -13
- package/lib/es/dropdown/dropdownItem.js +3 -10
- package/lib/es/dropdown/dropdownMenu.js +5 -9
- package/lib/es/dropdown/index.js +16 -17
- package/lib/es/empty/index.js +2 -6
- package/lib/es/form/arrayField.js +20 -42
- package/lib/es/form/baseForm.d.ts +1 -1
- package/lib/es/form/baseForm.js +11 -28
- package/lib/es/form/errorMessage.js +2 -6
- package/lib/es/form/field.d.ts +1 -1
- package/lib/es/form/group.js +7 -16
- package/lib/es/form/hoc/withField.js +21 -41
- package/lib/es/form/hoc/withFormApi.js +1 -2
- package/lib/es/form/hoc/withFormState.js +1 -2
- package/lib/es/form/hooks/useFieldState.js +1 -2
- package/lib/es/form/interface.d.ts +1 -1
- package/lib/es/form/slot.js +11 -18
- package/lib/es/grid/col.js +17 -29
- package/lib/es/grid/row.js +15 -36
- package/lib/es/iconButton/index.js +8 -14
- package/lib/es/input/index.js +10 -17
- package/lib/es/input/inputGroup.js +8 -20
- package/lib/es/input/textarea.js +8 -15
- package/lib/es/inputNumber/index.js +9 -18
- package/lib/es/layout/Sider.js +8 -26
- package/lib/es/layout/index.js +10 -22
- package/lib/es/list/index.js +5 -18
- package/lib/es/list/item.js +5 -11
- package/lib/es/modal/ConfirmModal.js +6 -13
- package/lib/es/modal/Modal.js +9 -16
- package/lib/es/modal/ModalContent.js +9 -21
- package/lib/es/modal/confirm.js +11 -15
- package/lib/es/modal/useModal/HookModal.js +7 -10
- package/lib/es/modal/useModal/index.js +1 -2
- package/lib/es/motions/Rotate.js +2 -4
- package/lib/es/navigation/CollapseButton.js +1 -2
- package/lib/es/navigation/Footer.js +1 -2
- package/lib/es/navigation/Header.js +1 -2
- package/lib/es/navigation/Item.js +6 -19
- package/lib/es/navigation/OpenIconTransition.js +1 -2
- package/lib/es/navigation/SubNav.js +7 -20
- package/lib/es/navigation/index.js +20 -35
- package/lib/es/notification/NoticeTransition.js +1 -2
- package/lib/es/notification/index.js +19 -40
- package/lib/es/notification/notice.js +8 -17
- package/lib/es/notification/useNotification/HookNotice.js +4 -8
- package/lib/es/notification/useNotification/index.js +13 -26
- package/lib/es/overflowList/index.js +10 -18
- package/lib/es/overflowList/intersectionObserver.js +4 -10
- package/lib/es/pagination/index.js +10 -28
- package/lib/es/popconfirm/index.js +13 -16
- package/lib/es/popover/Arrow.js +7 -11
- package/lib/es/popover/index.js +5 -8
- package/lib/es/progress/index.js +2 -8
- package/lib/es/radio/radio.d.ts +1 -0
- package/lib/es/radio/radio.js +6 -9
- package/lib/es/radio/radioGroup.js +6 -15
- package/lib/es/radio/radioInner.js +2 -6
- package/lib/es/rating/index.js +5 -18
- package/lib/es/rating/item.js +7 -11
- package/lib/es/scrollList/scrollItem.js +8 -14
- package/lib/es/select/index.js +38 -76
- package/lib/es/select/option.js +7 -10
- package/lib/es/select/utils.js +9 -22
- package/lib/es/sideSheet/SideSheetContent.js +6 -12
- package/lib/es/sideSheet/SideSheetTransition.js +1 -2
- package/lib/es/sideSheet/index.js +10 -18
- package/lib/es/skeleton/index.js +4 -8
- package/lib/es/skeleton/item.js +8 -18
- package/lib/es/slider/index.js +15 -36
- package/lib/es/space/index.js +2 -8
- package/lib/es/space/utils.js +4 -11
- package/lib/es/spin/icon.js +4 -8
- package/lib/es/spin/index.js +2 -6
- package/lib/es/steps/basicStep.js +1 -4
- package/lib/es/steps/basicSteps.js +6 -17
- package/lib/es/steps/fillStep.js +1 -4
- package/lib/es/steps/fillSteps.js +5 -17
- package/lib/es/steps/index.js +6 -9
- package/lib/es/steps/navSteps.js +5 -17
- package/lib/es/steps/step.js +3 -4
- package/lib/es/switch/index.js +2 -3
- package/lib/es/table/Body/BaseRow.js +9 -14
- package/lib/es/table/Body/ExpandedRow.js +5 -8
- package/lib/es/table/Body/SectionRow.js +10 -18
- package/lib/es/table/Body/index.js +34 -56
- package/lib/es/table/ColGroup.js +1 -5
- package/lib/es/table/Column.js +1 -2
- package/lib/es/table/ColumnFilter.js +13 -30
- package/lib/es/table/ColumnSelection.js +3 -4
- package/lib/es/table/ColumnSorter.js +1 -2
- package/lib/es/table/HeadTable.js +4 -6
- package/lib/es/table/ResizableHeaderCell.js +6 -13
- package/lib/es/table/ResizableTable.js +18 -36
- package/lib/es/table/Table.js +56 -76
- package/lib/es/table/TableCell.js +8 -13
- package/lib/es/table/TableHeader.js +7 -18
- package/lib/es/table/TableHeaderRow.js +13 -21
- package/lib/es/table/TablePagination.js +1 -2
- package/lib/es/table/getColumns.js +3 -10
- package/lib/es/table/index.js +3 -4
- package/lib/es/table/utils.js +1 -7
- package/lib/es/tabs/TabBar.js +18 -36
- package/lib/es/tabs/TabPane.js +9 -18
- package/lib/es/tabs/TabPaneTransition.js +2 -3
- package/lib/es/tabs/index.js +22 -48
- package/lib/es/tabs/interface.d.ts +3 -2
- package/lib/es/tag/group.d.ts +1 -15
- package/lib/es/tag/group.js +18 -24
- package/lib/es/tag/index.d.ts +1 -1
- package/lib/es/tag/index.js +13 -24
- package/lib/es/tag/interface.d.ts +6 -3
- package/lib/es/tagInput/index.js +10 -21
- package/lib/es/timePicker/Combobox.js +14 -23
- package/lib/es/timePicker/TimeInput.js +6 -10
- package/lib/es/timePicker/TimePicker.js +16 -27
- package/lib/es/timePicker/index.js +1 -2
- package/lib/es/timeline/index.js +14 -32
- package/lib/es/timeline/item.js +2 -6
- package/lib/es/toast/ToastTransition.js +1 -2
- package/lib/es/toast/index.js +17 -37
- package/lib/es/toast/toast.js +4 -10
- package/lib/es/toast/useToast/HookToast.js +4 -8
- package/lib/es/toast/useToast/index.js +11 -18
- package/lib/es/tooltip/TooltipStyledTransition.js +1 -3
- package/lib/es/tooltip/TriangleArrow.js +4 -8
- package/lib/es/tooltip/TriangleArrowVertical.js +4 -8
- package/lib/es/tooltip/index.js +20 -31
- package/lib/es/transfer/index.js +24 -47
- package/lib/es/tree/autoSizer.js +2 -3
- package/lib/es/tree/collapse.js +2 -5
- package/lib/es/tree/index.js +41 -48
- package/lib/es/tree/nodeList.js +6 -17
- package/lib/es/tree/treeNode.js +15 -23
- package/lib/es/treeSelect/index.js +44 -62
- package/lib/es/trigger/index.js +4 -8
- package/lib/es/typography/base.js +19 -34
- package/lib/es/typography/copyable.js +2 -4
- package/lib/es/typography/paragraph.js +1 -2
- package/lib/es/typography/text.js +1 -2
- package/lib/es/typography/title.d.ts +1 -1
- package/lib/es/typography/title.js +5 -11
- package/lib/es/typography/typography.js +4 -8
- package/lib/es/typography/util.js +5 -15
- package/lib/es/upload/fileCard.js +3 -4
- package/lib/es/upload/index.js +11 -16
- package/package.json +7 -8
- package/popconfirm/_story/popconfirm.stories.js +1 -1
- package/popconfirm/index.tsx +6 -6
- package/radio/radio.tsx +2 -0
- package/tabs/_story/Demo.tsx +14 -5
- package/tabs/interface.ts +3 -2
- package/tag/_story/tag.stories.js +51 -1
- package/tag/group.tsx +14 -27
- package/tag/index.tsx +1 -1
- package/tag/interface.ts +9 -5
- package/tooltip/index.tsx +2 -1
- package/transfer/_story/transfer.stories.js +2 -2
- package/treeSelect/_story/treeSelect.stories.js +3 -0
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import _get from "lodash/get";
|
|
2
2
|
import _times from "lodash/times";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
|
-
import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
|
|
5
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
6
3
|
|
|
7
4
|
/* eslint-disable max-len */
|
|
8
5
|
|
|
@@ -79,7 +76,7 @@ export default class SubNav extends BaseComponent {
|
|
|
79
76
|
get adapter() {
|
|
80
77
|
var _this = this;
|
|
81
78
|
|
|
82
|
-
return
|
|
79
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
83
80
|
updateIsHovered: isHovered => this.setState({
|
|
84
81
|
isHovered
|
|
85
82
|
}),
|
|
@@ -108,22 +105,12 @@ export default class SubNav extends BaseComponent {
|
|
|
108
105
|
|
|
109
106
|
return _this._invokeContextFunc('onClick', ...args);
|
|
110
107
|
},
|
|
111
|
-
getIsSelected: itemKey =>
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
return Boolean(!isNullOrUndefined(itemKey) && _includesInstanceProperty(_context = _get(this.context, 'selectedKeys', [])).call(_context, String(itemKey)));
|
|
115
|
-
},
|
|
116
|
-
getIsOpen: () => {
|
|
117
|
-
var _context2;
|
|
118
|
-
|
|
119
|
-
return Boolean(this.context && this.context.openKeys && _includesInstanceProperty(_context2 = this.context.openKeys).call(_context2, String(this.props.itemKey)));
|
|
120
|
-
}
|
|
108
|
+
getIsSelected: itemKey => Boolean(!isNullOrUndefined(itemKey) && _get(this.context, 'selectedKeys', []).includes(String(itemKey))),
|
|
109
|
+
getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(String(this.props.itemKey)))
|
|
121
110
|
});
|
|
122
111
|
}
|
|
123
112
|
|
|
124
113
|
renderIcon(icon, pos, withTransition) {
|
|
125
|
-
var _context3;
|
|
126
|
-
|
|
127
114
|
let isToggleIcon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
128
115
|
let key = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
|
|
129
116
|
const {
|
|
@@ -136,7 +123,7 @@ export default class SubNav extends BaseComponent {
|
|
|
136
123
|
}
|
|
137
124
|
|
|
138
125
|
const className = cls("".concat(prefixCls, "-item-icon"), {
|
|
139
|
-
[
|
|
126
|
+
["".concat(prefixCls, "-item-icon-toggle-").concat(this.context.toggleIconPosition)]: isToggleIcon,
|
|
140
127
|
["".concat(prefixCls, "-item-icon-info")]: !isToggleIcon
|
|
141
128
|
});
|
|
142
129
|
const isOpen = this.adapter.getIsOpen();
|
|
@@ -243,7 +230,7 @@ export default class SubNav extends BaseComponent {
|
|
|
243
230
|
isCollapsed: isCollapsed,
|
|
244
231
|
maxHeight: maxHeight
|
|
245
232
|
}, !isCollapsed && isOpen ? transitionStyle => /*#__PURE__*/React.createElement("ul", {
|
|
246
|
-
style:
|
|
233
|
+
style: Object.assign(Object.assign({}, transitionStyle), {
|
|
247
234
|
visibility: isCollapsed ? 'hidden' : 'visible'
|
|
248
235
|
}),
|
|
249
236
|
className: subNavCls
|
|
@@ -287,7 +274,7 @@ export default class SubNav extends BaseComponent {
|
|
|
287
274
|
|
|
288
275
|
if (isCollapsed || mode === strings.MODE_HORIZONTAL) {
|
|
289
276
|
// Do not show dropdown when disabled
|
|
290
|
-
_elem = !disabled ? /*#__PURE__*/React.createElement(Dropdown,
|
|
277
|
+
_elem = !disabled ? /*#__PURE__*/React.createElement(Dropdown, Object.assign({
|
|
291
278
|
className: subNavCls,
|
|
292
279
|
render: /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement("li", {
|
|
293
280
|
className: "".concat(prefixCls, "-popover-crumb")
|
|
@@ -335,7 +322,7 @@ export default class SubNav extends BaseComponent {
|
|
|
335
322
|
disabled: disabled,
|
|
336
323
|
text: text
|
|
337
324
|
}, /*#__PURE__*/React.createElement(NavContext.Provider, {
|
|
338
|
-
value:
|
|
325
|
+
value: Object.assign(Object.assign({}, this.context), {
|
|
339
326
|
isInSubNav: true
|
|
340
327
|
})
|
|
341
328
|
}, titleDiv, subUl));
|
|
@@ -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
|