@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,25 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = void 0;
|
|
12
7
|
|
|
13
|
-
var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
|
|
14
|
-
|
|
15
|
-
var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
|
|
16
|
-
|
|
17
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
18
|
-
|
|
19
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
20
|
-
|
|
21
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
22
|
-
|
|
23
8
|
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
24
9
|
|
|
25
10
|
var _noop2 = _interopRequireDefault(require("lodash/noop"));
|
|
@@ -30,7 +15,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
15
|
|
|
31
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
32
17
|
|
|
33
|
-
var
|
|
18
|
+
var _context = _interopRequireDefault(require("../configProvider/context"));
|
|
34
19
|
|
|
35
20
|
var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
|
|
36
21
|
|
|
@@ -56,13 +41,15 @@ require("@douyinfe/semi-foundation/lib/cjs/timePicker/timePicker.css");
|
|
|
56
41
|
|
|
57
42
|
var _trigger = _interopRequireDefault(require("../trigger"));
|
|
58
43
|
|
|
44
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
45
|
+
|
|
59
46
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
60
47
|
var t = {};
|
|
61
48
|
|
|
62
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
49
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
63
50
|
|
|
64
|
-
if (s != null && typeof
|
|
65
|
-
if (
|
|
51
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
52
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
66
53
|
}
|
|
67
54
|
return t;
|
|
68
55
|
};
|
|
@@ -149,7 +136,7 @@ class TimePicker extends _baseComponent.default {
|
|
|
149
136
|
get adapter() {
|
|
150
137
|
var _this2 = this;
|
|
151
138
|
|
|
152
|
-
return
|
|
139
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
153
140
|
togglePanel: show => {
|
|
154
141
|
this.setState({
|
|
155
142
|
open: show
|
|
@@ -211,7 +198,7 @@ class TimePicker extends _baseComponent.default {
|
|
|
211
198
|
// this.foundation.setPanel(this.props.open);
|
|
212
199
|
// }
|
|
213
200
|
if (this.isControlled('value') && this.props.value !== prevProps.value) {
|
|
214
|
-
this.foundation.refreshProps(
|
|
201
|
+
this.foundation.refreshProps(Object.assign({}, this.props));
|
|
215
202
|
} else if (this.props.timeZone !== prevProps.timeZone) {
|
|
216
203
|
this.foundation.refreshProps({
|
|
217
204
|
timeZone: this.props.timeZone,
|
|
@@ -231,7 +218,7 @@ class TimePicker extends _baseComponent.default {
|
|
|
231
218
|
value
|
|
232
219
|
} = this.state;
|
|
233
220
|
const format = this.foundation.getDefaultFormatIfNeed();
|
|
234
|
-
const timePanels = [/*#__PURE__*/_react.default.createElement(_Combobox.default,
|
|
221
|
+
const timePanels = [/*#__PURE__*/_react.default.createElement(_Combobox.default, Object.assign({}, this.props, {
|
|
235
222
|
key: 0,
|
|
236
223
|
format: format,
|
|
237
224
|
isAM: isAM[0],
|
|
@@ -242,7 +229,7 @@ class TimePicker extends _baseComponent.default {
|
|
|
242
229
|
}, this.createPanelProps(0)))];
|
|
243
230
|
|
|
244
231
|
if (type === _constants.strings.TYPE_TIME_RANGE_PICKER) {
|
|
245
|
-
timePanels.push( /*#__PURE__*/_react.default.createElement(_Combobox.default,
|
|
232
|
+
timePanels.push( /*#__PURE__*/_react.default.createElement(_Combobox.default, Object.assign({}, this.props, {
|
|
246
233
|
key: 1,
|
|
247
234
|
format: format,
|
|
248
235
|
isAM: isAM[1],
|
|
@@ -259,12 +246,10 @@ class TimePicker extends _baseComponent.default {
|
|
|
259
246
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
260
247
|
ref: this.savePanelRef,
|
|
261
248
|
className: wrapCls
|
|
262
|
-
},
|
|
249
|
+
}, timePanels.map(panel => panel));
|
|
263
250
|
}
|
|
264
251
|
|
|
265
252
|
getPopupClassName() {
|
|
266
|
-
var _context;
|
|
267
|
-
|
|
268
253
|
const {
|
|
269
254
|
use12Hours,
|
|
270
255
|
prefixCls,
|
|
@@ -296,7 +281,7 @@ class TimePicker extends _baseComponent.default {
|
|
|
296
281
|
return (0, _classnames.default)("".concat(prefixCls, "-panel"), popupClassName, {
|
|
297
282
|
["".concat(prefixCls, "-panel-narrow")]: (!showHour || !showMinute || !showSecond) && !use12Hours,
|
|
298
283
|
[_constants.cssClasses.RANGE_PICKER]: this.adapter.isRangePicker()
|
|
299
|
-
},
|
|
284
|
+
}, "".concat(prefixCls, "-panel-column-").concat(selectColumnCount));
|
|
300
285
|
}
|
|
301
286
|
|
|
302
287
|
focus() {// TODO this.picker is undefined, confirm keep this func or not
|
|
@@ -308,8 +293,6 @@ class TimePicker extends _baseComponent.default {
|
|
|
308
293
|
}
|
|
309
294
|
|
|
310
295
|
render() {
|
|
311
|
-
var _context2;
|
|
312
|
-
|
|
313
296
|
const _a = this.props,
|
|
314
297
|
{
|
|
315
298
|
prefixCls,
|
|
@@ -361,9 +344,9 @@ class TimePicker extends _baseComponent.default {
|
|
|
361
344
|
});
|
|
362
345
|
const panelPrefix = (0, _classnames.default)({
|
|
363
346
|
["".concat(prefixCls, "-panel")]: true,
|
|
364
|
-
[
|
|
347
|
+
["".concat(prefixCls, "-panel-").concat(size)]: size
|
|
365
348
|
});
|
|
366
|
-
const inputProps =
|
|
349
|
+
const inputProps = Object.assign(Object.assign({}, rest), {
|
|
367
350
|
disabled,
|
|
368
351
|
prefixCls,
|
|
369
352
|
size,
|
|
@@ -387,7 +370,7 @@ class TimePicker extends _baseComponent.default {
|
|
|
387
370
|
outerProps.onClick = this.openPanel;
|
|
388
371
|
}
|
|
389
372
|
|
|
390
|
-
return /*#__PURE__*/_react.default.createElement("div",
|
|
373
|
+
return /*#__PURE__*/_react.default.createElement("div", Object.assign({
|
|
391
374
|
ref: this.setTimePickerRef,
|
|
392
375
|
className: (0, _classnames.default)({
|
|
393
376
|
[prefixCls]: true
|
|
@@ -413,17 +396,17 @@ class TimePicker extends _baseComponent.default {
|
|
|
413
396
|
onChange: this.handleInput,
|
|
414
397
|
placeholder: placeholder,
|
|
415
398
|
componentName: 'TimePicker',
|
|
416
|
-
componentProps:
|
|
399
|
+
componentProps: Object.assign({}, this.props)
|
|
417
400
|
}) : /*#__PURE__*/_react.default.createElement("span", {
|
|
418
401
|
className: headerPrefix
|
|
419
|
-
}, /*#__PURE__*/_react.default.createElement(_TimeInput.default,
|
|
402
|
+
}, /*#__PURE__*/_react.default.createElement(_TimeInput.default, Object.assign({}, inputProps)))));
|
|
420
403
|
}
|
|
421
404
|
|
|
422
405
|
}
|
|
423
406
|
|
|
424
407
|
exports.default = TimePicker;
|
|
425
|
-
TimePicker.contextType =
|
|
426
|
-
TimePicker.propTypes =
|
|
408
|
+
TimePicker.contextType = _context.default;
|
|
409
|
+
TimePicker.propTypes = Object.assign(Object.assign({
|
|
427
410
|
'aria-labelledby': _propTypes.default.string,
|
|
428
411
|
'aria-invalid': _propTypes.default.bool,
|
|
429
412
|
'aria-errormessage': _propTypes.default.string,
|
|
@@ -480,7 +463,7 @@ TimePicker.propTypes = (0, _assign.default)((0, _assign.default)({
|
|
|
480
463
|
inputStyle: _propTypes.default.object,
|
|
481
464
|
preventScroll: _propTypes.default.bool
|
|
482
465
|
});
|
|
483
|
-
TimePicker.defaultProps =
|
|
466
|
+
TimePicker.defaultProps = Object.assign({
|
|
484
467
|
autoAdjustOverflow: true,
|
|
485
468
|
getPopupContainer: () => document.body,
|
|
486
469
|
showClear: true,
|
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.TimeShape = void 0;
|
|
12
7
|
|
|
13
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
9
|
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
15
12
|
const PlainTimeShape = [_propTypes.default.string, _propTypes.default.number, _propTypes.default.instanceOf(Date)];
|
|
16
13
|
/**
|
|
17
14
|
* Can be
|
|
@@ -1,17 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = void 0;
|
|
12
7
|
|
|
13
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
14
|
-
|
|
15
8
|
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
16
9
|
|
|
17
10
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -22,6 +15,8 @@ var _TimePicker = _interopRequireDefault(require("./TimePicker"));
|
|
|
22
15
|
|
|
23
16
|
var _context = _interopRequireDefault(require("../configProvider/context"));
|
|
24
17
|
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
|
|
25
20
|
class LocaleTimePicker extends _react.default.PureComponent {
|
|
26
21
|
render() {
|
|
27
22
|
const {
|
|
@@ -33,7 +28,7 @@ class LocaleTimePicker extends _react.default.PureComponent {
|
|
|
33
28
|
} = _ref;
|
|
34
29
|
return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
|
|
35
30
|
componentName: "TimePicker"
|
|
36
|
-
}, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/_react.default.createElement(_TimePicker.default,
|
|
31
|
+
}, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/_react.default.createElement(_TimePicker.default, Object.assign({
|
|
37
32
|
timeZone: timeZone,
|
|
38
33
|
placeholder: (0, _get2.default)(locale, ['placeholder', type])
|
|
39
34
|
}, this.props, {
|
|
@@ -1,25 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
6
|
-
|
|
7
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
12
4
|
value: true
|
|
13
5
|
});
|
|
14
|
-
|
|
15
6
|
exports.default = void 0;
|
|
16
7
|
|
|
17
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
18
|
-
|
|
19
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
20
|
-
|
|
21
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
22
|
-
|
|
23
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
24
9
|
|
|
25
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -30,13 +15,15 @@ require("@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css");
|
|
|
30
15
|
|
|
31
16
|
var _constants = require("@douyinfe/semi-foundation/lib/cjs/timeline/constants");
|
|
32
17
|
|
|
33
|
-
var
|
|
18
|
+
var _context = _interopRequireDefault(require("../configProvider/context"));
|
|
34
19
|
|
|
35
20
|
var _item = _interopRequireDefault(require("./item"));
|
|
36
21
|
|
|
37
|
-
function
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
38
23
|
|
|
39
|
-
function
|
|
24
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
+
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
40
27
|
|
|
41
28
|
const prefixCls = _constants.cssClasses.PREFIX;
|
|
42
29
|
|
|
@@ -51,9 +38,7 @@ class Timeline extends _react.PureComponent {
|
|
|
51
38
|
|
|
52
39
|
if (mode === 'alternate') {
|
|
53
40
|
if (ele.props.position) {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
return (0, _concat.default)(_context = "".concat(prefixCls, "-item-")).call(_context, ele.props.position);
|
|
41
|
+
return "".concat(prefixCls, "-item-").concat(ele.props.position);
|
|
57
42
|
}
|
|
58
43
|
|
|
59
44
|
return idx % 2 === 0 ? "".concat(prefixCls, "-item-left") : "".concat(prefixCls, "-item-right");
|
|
@@ -61,47 +46,35 @@ class Timeline extends _react.PureComponent {
|
|
|
61
46
|
|
|
62
47
|
if (mode === 'center') {
|
|
63
48
|
if (ele.props.position) {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
return (0, _concat.default)(_context2 = "".concat(prefixCls, "-item-")).call(_context2, ele.props.position);
|
|
49
|
+
return "".concat(prefixCls, "-item-").concat(ele.props.position);
|
|
67
50
|
}
|
|
68
51
|
|
|
69
52
|
return "".concat(prefixCls, "-item-left");
|
|
70
53
|
}
|
|
71
54
|
|
|
72
55
|
if (mode === 'left' || mode === 'right') {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
return (0, _concat.default)(_context3 = "".concat(prefixCls, "-item-")).call(_context3, mode);
|
|
56
|
+
return "".concat(prefixCls, "-item-").concat(mode);
|
|
76
57
|
}
|
|
77
58
|
|
|
78
59
|
if (ele.props.position) {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
return (0, _concat.default)(_context4 = "".concat(prefixCls, "-item-")).call(_context4, ele.props.position);
|
|
60
|
+
return "".concat(prefixCls, "-item-").concat(ele.props.position);
|
|
82
61
|
}
|
|
83
62
|
|
|
84
63
|
return '';
|
|
85
64
|
};
|
|
86
65
|
|
|
87
|
-
this.addClassName = items => {
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
className: (0, _classnames.default)(ele.props.className, this.getPosCls(ele, idx))
|
|
94
|
-
});
|
|
95
|
-
}
|
|
66
|
+
this.addClassName = items => _react.default.Children.map(items, (ele, idx) => {
|
|
67
|
+
if ( /*#__PURE__*/_react.default.isValidElement(ele)) {
|
|
68
|
+
return /*#__PURE__*/_react.default.cloneElement(ele, {
|
|
69
|
+
className: (0, _classnames.default)(ele.props.className, this.getPosCls(ele, idx))
|
|
70
|
+
});
|
|
71
|
+
}
|
|
96
72
|
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
};
|
|
73
|
+
return ele;
|
|
74
|
+
});
|
|
100
75
|
}
|
|
101
76
|
|
|
102
77
|
render() {
|
|
103
|
-
var _context6;
|
|
104
|
-
|
|
105
78
|
const {
|
|
106
79
|
children,
|
|
107
80
|
className,
|
|
@@ -110,12 +83,12 @@ class Timeline extends _react.PureComponent {
|
|
|
110
83
|
dataSource
|
|
111
84
|
} = this.props;
|
|
112
85
|
const classString = (0, _classnames.default)(prefixCls, className, {
|
|
113
|
-
[
|
|
86
|
+
["".concat(prefixCls, "-").concat(mode)]: mode
|
|
114
87
|
});
|
|
115
88
|
let childrenList;
|
|
116
89
|
|
|
117
90
|
if (dataSource && dataSource.length) {
|
|
118
|
-
const items =
|
|
91
|
+
const items = dataSource.map((item, index) => /*#__PURE__*/_react.default.createElement(_item.default, Object.assign({
|
|
119
92
|
key: "timeline-item-".concat(index)
|
|
120
93
|
}, item), item.content));
|
|
121
94
|
childrenList = this.addClassName(items);
|
|
@@ -131,7 +104,7 @@ class Timeline extends _react.PureComponent {
|
|
|
131
104
|
|
|
132
105
|
}
|
|
133
106
|
|
|
134
|
-
Timeline.contextType =
|
|
107
|
+
Timeline.contextType = _context.default;
|
|
135
108
|
Timeline.Item = _item.default;
|
|
136
109
|
Timeline.propTypes = {
|
|
137
110
|
mode: _propTypes.default.oneOf(_constants.strings.MODE),
|
package/lib/cjs/timeline/item.js
CHANGED
|
@@ -1,23 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
6
|
-
|
|
7
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
12
4
|
value: true
|
|
13
5
|
});
|
|
14
|
-
|
|
15
6
|
exports.default = void 0;
|
|
16
7
|
|
|
17
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
18
|
-
|
|
19
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
20
|
-
|
|
21
8
|
var _noop2 = _interopRequireDefault(require("lodash/noop"));
|
|
22
9
|
|
|
23
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -30,16 +17,16 @@ var _constants = require("@douyinfe/semi-foundation/lib/cjs/timeline/constants")
|
|
|
30
17
|
|
|
31
18
|
require("@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css");
|
|
32
19
|
|
|
33
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof
|
|
20
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
34
21
|
|
|
35
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor =
|
|
22
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
+
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
36
25
|
|
|
37
26
|
const prefixCls = _constants.cssClasses.ITEM;
|
|
38
27
|
|
|
39
28
|
class Item extends _react.PureComponent {
|
|
40
29
|
render() {
|
|
41
|
-
var _context;
|
|
42
|
-
|
|
43
30
|
const {
|
|
44
31
|
className,
|
|
45
32
|
color,
|
|
@@ -55,7 +42,7 @@ class Item extends _react.PureComponent {
|
|
|
55
42
|
const dotCls = (0, _classnames.default)({
|
|
56
43
|
["".concat(prefixCls, "-head")]: true,
|
|
57
44
|
["".concat(prefixCls, "-head-custom")]: dot,
|
|
58
|
-
[
|
|
45
|
+
["".concat(prefixCls, "-head-").concat(type)]: type
|
|
59
46
|
});
|
|
60
47
|
const dotStyle = color ? {
|
|
61
48
|
style: {
|
|
@@ -69,7 +56,7 @@ class Item extends _react.PureComponent {
|
|
|
69
56
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
70
57
|
className: "".concat(prefixCls, "-tail"),
|
|
71
58
|
"aria-hidden": true
|
|
72
|
-
}), /*#__PURE__*/_react.default.createElement("div",
|
|
59
|
+
}), /*#__PURE__*/_react.default.createElement("div", Object.assign({
|
|
73
60
|
className: dotCls,
|
|
74
61
|
"aria-hidden": true
|
|
75
62
|
}, dotStyle), dot), /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -1,21 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = ToastTransition;
|
|
12
7
|
|
|
13
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
14
|
-
|
|
15
8
|
var _semiAnimationReact = require("@douyinfe/semi-animation-react");
|
|
16
9
|
|
|
17
10
|
var _react = _interopRequireDefault(require("react"));
|
|
18
11
|
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
19
14
|
// @ts-ignore Currently there is no types for semi-animation-react
|
|
20
15
|
function ToastTransition() {
|
|
21
16
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -30,7 +25,7 @@ function ToastTransition() {
|
|
|
30
25
|
}
|
|
31
26
|
|
|
32
27
|
return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition // onFrame={style => console.log(style)}
|
|
33
|
-
,
|
|
28
|
+
, Object.assign({
|
|
34
29
|
// onFrame={style => console.log(style)}
|
|
35
30
|
from: {
|
|
36
31
|
translateY: -100,
|
package/lib/cjs/toast/index.js
CHANGED
|
@@ -1,29 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = exports.ToastFactory = void 0;
|
|
12
7
|
|
|
13
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
14
|
-
|
|
15
|
-
var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
|
|
16
|
-
|
|
17
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
18
|
-
|
|
19
|
-
var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
|
|
20
|
-
|
|
21
|
-
var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
|
|
22
|
-
|
|
23
|
-
var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
|
|
24
|
-
|
|
25
|
-
var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
|
|
26
|
-
|
|
27
8
|
var _react = _interopRequireDefault(require("react"));
|
|
28
9
|
|
|
29
10
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
@@ -46,6 +27,8 @@ var _uuid = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/ut
|
|
|
46
27
|
|
|
47
28
|
var _useToast = _interopRequireDefault(require("./useToast"));
|
|
48
29
|
|
|
30
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
|
+
|
|
49
32
|
/* eslint-disable no-param-reassign */
|
|
50
33
|
const createBaseToast = () => {
|
|
51
34
|
var _a;
|
|
@@ -61,7 +44,7 @@ const createBaseToast = () => {
|
|
|
61
44
|
}
|
|
62
45
|
|
|
63
46
|
get adapter() {
|
|
64
|
-
return
|
|
47
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
65
48
|
updateToast: (list, removedItems) => {
|
|
66
49
|
this.setState({
|
|
67
50
|
list,
|
|
@@ -75,20 +58,16 @@ const createBaseToast = () => {
|
|
|
75
58
|
const id = (0, _uuid.default)('toast'); // this.id = id;
|
|
76
59
|
|
|
77
60
|
if (!ToastList.ref) {
|
|
78
|
-
var _context2;
|
|
79
|
-
|
|
80
61
|
const div = document.createElement('div');
|
|
81
62
|
|
|
82
63
|
if (!this.wrapperId) {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
this.wrapperId = (0, _slice.default)(_context = (0, _uuid.default)('toast-wrapper')).call(_context, 0, 26);
|
|
64
|
+
this.wrapperId = (0, _uuid.default)('toast-wrapper').slice(0, 26);
|
|
86
65
|
}
|
|
87
66
|
|
|
88
67
|
div.className = _constants.cssClasses.WRAPPER;
|
|
89
68
|
div.id = this.wrapperId;
|
|
90
69
|
div.style.zIndex = String(typeof opts.zIndex === 'number' ? opts.zIndex : ToastList.defaultOpts.zIndex);
|
|
91
|
-
|
|
70
|
+
['top', 'left', 'bottom', 'right'].map(pos => {
|
|
92
71
|
if (pos in ToastList.defaultOpts || pos in opts) {
|
|
93
72
|
const val = opts[pos] ? opts[pos] : ToastList.defaultOpts[pos];
|
|
94
73
|
div.style[pos] = typeof val === 'number' ? "".concat(val, "px") : val;
|
|
@@ -105,20 +84,18 @@ const createBaseToast = () => {
|
|
|
105
84
|
_reactDom.default.render( /*#__PURE__*/_react.default.createElement(ToastList, {
|
|
106
85
|
ref: instance => ToastList.ref = instance
|
|
107
86
|
}), div, () => {
|
|
108
|
-
ToastList.ref.add(
|
|
87
|
+
ToastList.ref.add(Object.assign(Object.assign({}, opts), {
|
|
109
88
|
id
|
|
110
89
|
}));
|
|
111
90
|
});
|
|
112
91
|
} else {
|
|
113
|
-
var _context3;
|
|
114
|
-
|
|
115
92
|
const node = document.querySelector("#".concat(this.wrapperId));
|
|
116
|
-
|
|
93
|
+
['top', 'left', 'bottom', 'right'].map(pos => {
|
|
117
94
|
if (pos in opts) {
|
|
118
95
|
node.style[pos] = typeof opts[pos] === 'number' ? "".concat(opts[pos], "px") : opts[pos];
|
|
119
96
|
}
|
|
120
97
|
});
|
|
121
|
-
ToastList.ref.add(
|
|
98
|
+
ToastList.ref.add(Object.assign(Object.assign({}, opts), {
|
|
122
99
|
id
|
|
123
100
|
}));
|
|
124
101
|
}
|
|
@@ -156,7 +133,7 @@ const createBaseToast = () => {
|
|
|
156
133
|
};
|
|
157
134
|
}
|
|
158
135
|
|
|
159
|
-
return this.create(
|
|
136
|
+
return this.create(Object.assign(Object.assign(Object.assign({}, ToastList.defaultOpts), opts), {
|
|
160
137
|
type: 'info'
|
|
161
138
|
}));
|
|
162
139
|
}
|
|
@@ -168,7 +145,7 @@ const createBaseToast = () => {
|
|
|
168
145
|
};
|
|
169
146
|
}
|
|
170
147
|
|
|
171
|
-
return this.create(
|
|
148
|
+
return this.create(Object.assign(Object.assign(Object.assign({}, ToastList.defaultOpts), opts), {
|
|
172
149
|
type: 'warning'
|
|
173
150
|
}));
|
|
174
151
|
}
|
|
@@ -180,7 +157,7 @@ const createBaseToast = () => {
|
|
|
180
157
|
};
|
|
181
158
|
}
|
|
182
159
|
|
|
183
|
-
return this.create(
|
|
160
|
+
return this.create(Object.assign(Object.assign(Object.assign({}, ToastList.defaultOpts), opts), {
|
|
184
161
|
type: 'error'
|
|
185
162
|
}));
|
|
186
163
|
}
|
|
@@ -192,15 +169,13 @@ const createBaseToast = () => {
|
|
|
192
169
|
};
|
|
193
170
|
}
|
|
194
171
|
|
|
195
|
-
return this.create(
|
|
172
|
+
return this.create(Object.assign(Object.assign(Object.assign({}, ToastList.defaultOpts), opts), {
|
|
196
173
|
type: 'success'
|
|
197
174
|
}));
|
|
198
175
|
}
|
|
199
176
|
|
|
200
177
|
static config(opts) {
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
(0, _forEach.default)(_context4 = ['top', 'left', 'bottom', 'right']).call(_context4, pos => {
|
|
178
|
+
['top', 'left', 'bottom', 'right'].forEach(pos => {
|
|
204
179
|
if (pos in opts) {
|
|
205
180
|
ToastList.defaultOpts[pos] = opts[pos];
|
|
206
181
|
}
|
|
@@ -238,15 +213,15 @@ const createBaseToast = () => {
|
|
|
238
213
|
const {
|
|
239
214
|
removedItems
|
|
240
215
|
} = this.state;
|
|
241
|
-
list =
|
|
242
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null,
|
|
216
|
+
list = Array.from(new Set([...list, ...removedItems]));
|
|
217
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map((item, index) => item.motion ? /*#__PURE__*/_react.default.createElement(_ToastTransition.default, {
|
|
243
218
|
key: item.id || index,
|
|
244
219
|
motion: item.motion
|
|
245
|
-
},
|
|
246
|
-
style:
|
|
220
|
+
}, removedItems.find(removedItem => removedItem.id === item.id) ? null : transitionStyle => /*#__PURE__*/_react.default.createElement(_toast.default, Object.assign({}, item, {
|
|
221
|
+
style: Object.assign(Object.assign({}, transitionStyle), item.style),
|
|
247
222
|
close: id => this.remove(id)
|
|
248
|
-
}))) : /*#__PURE__*/_react.default.createElement(_toast.default,
|
|
249
|
-
style:
|
|
223
|
+
}))) : /*#__PURE__*/_react.default.createElement(_toast.default, Object.assign({}, item, {
|
|
224
|
+
style: Object.assign({}, item.style),
|
|
250
225
|
close: id => this.remove(id)
|
|
251
226
|
}))));
|
|
252
227
|
}
|