@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
package/lib/es/list/index.js
CHANGED
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
|
-
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
5
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
6
2
|
import React from 'react';
|
|
7
3
|
import cls from 'classnames';
|
|
8
4
|
import PropTypes from 'prop-types';
|
|
@@ -46,17 +42,13 @@ class List extends BaseComponent {
|
|
|
46
42
|
} = this.props;
|
|
47
43
|
|
|
48
44
|
if (grid) {
|
|
49
|
-
var _context;
|
|
50
|
-
|
|
51
45
|
const rowProps = {};
|
|
52
|
-
|
|
53
|
-
_forEachInstanceProperty(_context = ['align', 'gutter', 'justify', 'type']).call(_context, key => {
|
|
46
|
+
['align', 'gutter', 'justify', 'type'].forEach(key => {
|
|
54
47
|
if (key in grid) {
|
|
55
48
|
rowProps[key] = grid[key];
|
|
56
49
|
}
|
|
57
50
|
});
|
|
58
|
-
|
|
59
|
-
return /*#__PURE__*/React.createElement(Row, _Object$assign({
|
|
51
|
+
return /*#__PURE__*/React.createElement(Row, Object.assign({
|
|
60
52
|
type: "flex"
|
|
61
53
|
}, rowProps), childrenList ? childrenList : null, children);
|
|
62
54
|
}
|
|
@@ -67,8 +59,6 @@ class List extends BaseComponent {
|
|
|
67
59
|
}
|
|
68
60
|
|
|
69
61
|
render() {
|
|
70
|
-
var _context2;
|
|
71
|
-
|
|
72
62
|
const {
|
|
73
63
|
style,
|
|
74
64
|
className,
|
|
@@ -89,7 +79,7 @@ class List extends BaseComponent {
|
|
|
89
79
|
} = this.props;
|
|
90
80
|
const wrapperCls = cls(prefixCls, className, {
|
|
91
81
|
["".concat(prefixCls, "-flex")]: layout === 'horizontal',
|
|
92
|
-
[
|
|
82
|
+
["".concat(prefixCls, "-").concat(size)]: size,
|
|
93
83
|
["".concat(prefixCls, "-grid")]: grid,
|
|
94
84
|
["".concat(prefixCls, "-split")]: split,
|
|
95
85
|
["".concat(prefixCls, "-bordered")]: bordered
|
|
@@ -97,12 +87,9 @@ class List extends BaseComponent {
|
|
|
97
87
|
let childrenList;
|
|
98
88
|
|
|
99
89
|
if (dataSource && dataSource.length) {
|
|
100
|
-
var _context3;
|
|
101
|
-
|
|
102
90
|
childrenList = [];
|
|
103
|
-
const items = renderItem ?
|
|
104
|
-
|
|
105
|
-
_forEachInstanceProperty(_context3 = React.Children).call(_context3, items, (child, index) => {
|
|
91
|
+
const items = renderItem ? dataSource.map((item, index) => renderItem(item, index)) : [];
|
|
92
|
+
React.Children.forEach(items, (child, index) => {
|
|
106
93
|
const itemKey = child.key || "list-item-".concat(index);
|
|
107
94
|
childrenList.push( /*#__PURE__*/React.cloneElement(child, {
|
|
108
95
|
key: itemKey
|
package/lib/es/list/item.js
CHANGED
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
3
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
4
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
5
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
6
2
|
|
|
7
3
|
var __rest = this && this.__rest || function (s, e) {
|
|
8
4
|
var t = {};
|
|
9
5
|
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
11
7
|
|
|
12
|
-
if (s != null && typeof
|
|
13
|
-
if (
|
|
8
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
14
10
|
}
|
|
15
11
|
return t;
|
|
16
12
|
};
|
|
@@ -36,12 +32,10 @@ export default class ListItem extends PureComponent {
|
|
|
36
32
|
} = grid,
|
|
37
33
|
rest = __rest(grid, ["gutter", "justify", "type", "align"]);
|
|
38
34
|
|
|
39
|
-
return /*#__PURE__*/React.createElement(Col,
|
|
35
|
+
return /*#__PURE__*/React.createElement(Col, Object.assign({}, rest), content);
|
|
40
36
|
}
|
|
41
37
|
|
|
42
38
|
render() {
|
|
43
|
-
var _context;
|
|
44
|
-
|
|
45
39
|
const {
|
|
46
40
|
header,
|
|
47
41
|
main,
|
|
@@ -64,7 +58,7 @@ export default class ListItem extends PureComponent {
|
|
|
64
58
|
const handleClick = onClick ? onClick : contextOnClick;
|
|
65
59
|
const itemCls = cls("".concat(prefixCls, "-item"), className);
|
|
66
60
|
const bodyCls = cls("".concat(prefixCls, "-item-body"), {
|
|
67
|
-
[
|
|
61
|
+
["".concat(prefixCls, "-item-body-").concat(align)]: align
|
|
68
62
|
});
|
|
69
63
|
let body;
|
|
70
64
|
|
|
@@ -1,15 +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 _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
4
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
5
|
-
|
|
6
1
|
var __rest = this && this.__rest || function (s, e) {
|
|
7
2
|
var t = {};
|
|
8
3
|
|
|
9
|
-
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];
|
|
10
5
|
|
|
11
|
-
if (s != null && typeof
|
|
12
|
-
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]];
|
|
13
8
|
}
|
|
14
9
|
return t;
|
|
15
10
|
};
|
|
@@ -26,8 +21,6 @@ import { isSemiIcon } from '../_utils';
|
|
|
26
21
|
import '@douyinfe/semi-foundation/lib/es/modal/modal.css';
|
|
27
22
|
|
|
28
23
|
const ConfirmModal = props => {
|
|
29
|
-
var _context, _context2;
|
|
30
|
-
|
|
31
24
|
const [visible, setVisible] = useState(true);
|
|
32
25
|
const [confirmLoading, setConfirmLoading] = useState();
|
|
33
26
|
const [cancelLoading, setCancelLoading] = useState();
|
|
@@ -80,9 +73,9 @@ const ConfirmModal = props => {
|
|
|
80
73
|
const wrapperCls = cls(className, confirmCls, {
|
|
81
74
|
["".concat(confirmCls, "-rtl")]: direction === 'rtl'
|
|
82
75
|
});
|
|
83
|
-
const typeCls = cls(
|
|
76
|
+
const typeCls = cls("".concat(cssClasses.DIALOG, "-").concat(type));
|
|
84
77
|
const iconNode = isSemiIcon(icon) ? /*#__PURE__*/React.cloneElement(icon, {
|
|
85
|
-
className:
|
|
78
|
+
className: "".concat(confirmCls, "-icon ").concat(typeCls, "-icon"),
|
|
86
79
|
size: 'extra-large'
|
|
87
80
|
}) : icon;
|
|
88
81
|
const titleNode = title == null ? null : /*#__PURE__*/React.createElement("span", {
|
|
@@ -91,7 +84,7 @@ const ConfirmModal = props => {
|
|
|
91
84
|
const contentCls = cls("".concat(confirmCls, "-content"), {
|
|
92
85
|
["".concat(confirmCls, "-content-withIcon")]: props.icon
|
|
93
86
|
});
|
|
94
|
-
return /*#__PURE__*/React.createElement(Modal,
|
|
87
|
+
return /*#__PURE__*/React.createElement(Modal, Object.assign({
|
|
95
88
|
className: wrapperCls,
|
|
96
89
|
title: titleNode,
|
|
97
90
|
confirmLoading: confirmLoading,
|
package/lib/es/modal/Modal.js
CHANGED
|
@@ -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 _globalThis from "@babel/runtime-corejs3/core-js/global-this";
|
|
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
|
};
|
|
@@ -74,7 +69,7 @@ class Modal extends BaseComponent {
|
|
|
74
69
|
if (!hasCancel) {
|
|
75
70
|
return null;
|
|
76
71
|
} else {
|
|
77
|
-
return /*#__PURE__*/React.createElement(Button,
|
|
72
|
+
return /*#__PURE__*/React.createElement(Button, Object.assign({
|
|
78
73
|
"aria-label": "cancel",
|
|
79
74
|
onClick: this.handleCancel,
|
|
80
75
|
loading: cancelLoading,
|
|
@@ -88,7 +83,7 @@ class Modal extends BaseComponent {
|
|
|
88
83
|
|
|
89
84
|
return /*#__PURE__*/React.createElement(LocaleConsumer, {
|
|
90
85
|
componentName: "Modal"
|
|
91
|
-
}, (locale, localeCode) => /*#__PURE__*/React.createElement("div", null, getCancelButton(locale), /*#__PURE__*/React.createElement(Button,
|
|
86
|
+
}, (locale, localeCode) => /*#__PURE__*/React.createElement("div", null, getCancelButton(locale), /*#__PURE__*/React.createElement(Button, Object.assign({
|
|
92
87
|
"aria-label": "confirm",
|
|
93
88
|
type: okType,
|
|
94
89
|
theme: "solid",
|
|
@@ -150,7 +145,7 @@ class Modal extends BaseComponent {
|
|
|
150
145
|
return /*#__PURE__*/React.createElement(Portal, {
|
|
151
146
|
style: wrapperStyle,
|
|
152
147
|
getPopupContainer: getPopupContainer
|
|
153
|
-
}, /*#__PURE__*/React.createElement(ModalContent,
|
|
148
|
+
}, /*#__PURE__*/React.createElement(ModalContent, Object.assign({}, restProps, {
|
|
154
149
|
isFullScreen: this.state.isFullScreen,
|
|
155
150
|
contentClassName: contentClassName,
|
|
156
151
|
maskClassName: maskClassName,
|
|
@@ -179,7 +174,7 @@ class Modal extends BaseComponent {
|
|
|
179
174
|
}
|
|
180
175
|
|
|
181
176
|
get adapter() {
|
|
182
|
-
return
|
|
177
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
183
178
|
getProps: () => this.props,
|
|
184
179
|
disabledBodyScroll: () => {
|
|
185
180
|
const {
|
|
@@ -188,10 +183,8 @@ class Modal extends BaseComponent {
|
|
|
188
183
|
this.bodyOverflow = document.body.style.overflow || '';
|
|
189
184
|
|
|
190
185
|
if (!getPopupContainer && this.bodyOverflow !== 'hidden') {
|
|
191
|
-
var _context;
|
|
192
|
-
|
|
193
186
|
document.body.style.overflow = 'hidden';
|
|
194
|
-
document.body.style.width =
|
|
187
|
+
document.body.style.width = "calc(".concat(this.originBodyWith || '100%', " - ").concat(this.scrollBarWidth, "px)");
|
|
195
188
|
}
|
|
196
189
|
},
|
|
197
190
|
enabledBodyScroll: () => {
|
|
@@ -244,7 +237,7 @@ class Modal extends BaseComponent {
|
|
|
244
237
|
}
|
|
245
238
|
|
|
246
239
|
static getScrollbarWidth() {
|
|
247
|
-
if (
|
|
240
|
+
if (globalThis && Object.prototype.toString.call(globalThis) === '[object Window]') {
|
|
248
241
|
return window.innerWidth - document.documentElement.clientWidth;
|
|
249
242
|
}
|
|
250
243
|
|
|
@@ -1,20 +1,14 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
2
|
import _isFunction from "lodash/isFunction";
|
|
3
3
|
import _get from "lodash/get";
|
|
4
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
5
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
6
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
7
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
8
|
-
import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
|
|
9
|
-
import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
|
|
10
4
|
|
|
11
5
|
var __rest = this && this.__rest || function (s, e) {
|
|
12
6
|
var t = {};
|
|
13
7
|
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
8
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
15
9
|
|
|
16
|
-
if (s != null && typeof
|
|
17
|
-
if (
|
|
10
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
11
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
18
12
|
}
|
|
19
13
|
return t;
|
|
20
14
|
};
|
|
@@ -165,14 +159,12 @@ export default class ModalContent extends BaseComponent {
|
|
|
165
159
|
};
|
|
166
160
|
|
|
167
161
|
this.getDialogElement = () => {
|
|
168
|
-
var _context;
|
|
169
|
-
|
|
170
162
|
const props = __rest(this.props, []);
|
|
171
163
|
|
|
172
164
|
const style = {};
|
|
173
165
|
const digCls = cls("".concat(cssClasses.DIALOG), {
|
|
174
166
|
["".concat(cssClasses.DIALOG, "-centered")]: props.centered,
|
|
175
|
-
[
|
|
167
|
+
["".concat(cssClasses.DIALOG, "-").concat(props.size)]: props.size
|
|
176
168
|
});
|
|
177
169
|
|
|
178
170
|
if (props.width) {
|
|
@@ -202,7 +194,7 @@ export default class ModalContent extends BaseComponent {
|
|
|
202
194
|
key: "dialog-element",
|
|
203
195
|
className: digCls,
|
|
204
196
|
onMouseDown: this.onDialogMouseDown,
|
|
205
|
-
style:
|
|
197
|
+
style: Object.assign(Object.assign({}, props.style), style),
|
|
206
198
|
id: this.dialogId
|
|
207
199
|
}, /*#__PURE__*/React.createElement("div", {
|
|
208
200
|
role: "dialog",
|
|
@@ -230,7 +222,7 @@ export default class ModalContent extends BaseComponent {
|
|
|
230
222
|
}
|
|
231
223
|
|
|
232
224
|
get adapter() {
|
|
233
|
-
return
|
|
225
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
234
226
|
notifyClose: e => {
|
|
235
227
|
this.props.onClose(e);
|
|
236
228
|
},
|
|
@@ -242,7 +234,7 @@ export default class ModalContent extends BaseComponent {
|
|
|
242
234
|
notifyDialogMouseUp: () => {
|
|
243
235
|
if (this.state.dialogMouseDown) {
|
|
244
236
|
// Not setting setTimeout triggers close when modal external mouseUp
|
|
245
|
-
this.timeoutId =
|
|
237
|
+
this.timeoutId = setTimeout(() => {
|
|
246
238
|
this.setState({
|
|
247
239
|
dialogMouseDown: false
|
|
248
240
|
});
|
|
@@ -251,16 +243,12 @@ export default class ModalContent extends BaseComponent {
|
|
|
251
243
|
},
|
|
252
244
|
addKeyDownEventListener: () => {
|
|
253
245
|
if (this.props.closeOnEsc) {
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
document.addEventListener('keydown', _bindInstanceProperty(_context2 = this.foundation.handleKeyDown).call(_context2, this.foundation));
|
|
246
|
+
document.addEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
|
|
257
247
|
}
|
|
258
248
|
},
|
|
259
249
|
removeKeyDownEventListener: () => {
|
|
260
250
|
if (this.props.closeOnEsc) {
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
document.removeEventListener('keydown', _bindInstanceProperty(_context3 = this.foundation.handleKeyDown).call(_context3, this.foundation));
|
|
251
|
+
document.removeEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
|
|
264
252
|
}
|
|
265
253
|
},
|
|
266
254
|
getMouseState: () => this.state.dialogMouseDown,
|
package/lib/es/modal/confirm.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import _get from "lodash/get";
|
|
2
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
3
|
-
import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
|
|
4
2
|
import React from 'react';
|
|
5
3
|
import ReactDOM from 'react-dom';
|
|
6
4
|
import { destroyFns } from './Modal';
|
|
@@ -11,8 +9,7 @@ export default function confirm(props) {
|
|
|
11
9
|
// create a dom in adapter?
|
|
12
10
|
const div = document.createElement('div');
|
|
13
11
|
document.body.appendChild(div);
|
|
14
|
-
|
|
15
|
-
let currentConfig = _Object$assign({}, props);
|
|
12
|
+
let currentConfig = Object.assign({}, props);
|
|
16
13
|
|
|
17
14
|
const destroy = () => {
|
|
18
15
|
const unmountResult = ReactDOM.unmountComponentAtNode(div);
|
|
@@ -25,14 +22,13 @@ export default function confirm(props) {
|
|
|
25
22
|
const fn = destroyFns[i]; // eslint-disable-next-line @typescript-eslint/no-use-before-define
|
|
26
23
|
|
|
27
24
|
if (fn === close) {
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
destroyFns.splice(i, 1);
|
|
30
26
|
break;
|
|
31
27
|
}
|
|
32
28
|
}
|
|
33
29
|
};
|
|
34
30
|
|
|
35
|
-
const mergedMotion = typeof props.motion === 'undefined' || props.motion ?
|
|
31
|
+
const mergedMotion = typeof props.motion === 'undefined' || props.motion ? Object.assign(Object.assign({}, props.motion), {
|
|
36
32
|
didLeave: function () {
|
|
37
33
|
const didLeave = _get(props.motion, 'didLeave');
|
|
38
34
|
|
|
@@ -45,20 +41,20 @@ export default function confirm(props) {
|
|
|
45
41
|
}) : false;
|
|
46
42
|
|
|
47
43
|
function render(renderProps) {
|
|
48
|
-
ReactDOM.render( /*#__PURE__*/React.createElement(ConfirmModal,
|
|
44
|
+
ReactDOM.render( /*#__PURE__*/React.createElement(ConfirmModal, Object.assign({}, renderProps, {
|
|
49
45
|
motion: mergedMotion
|
|
50
46
|
})), div);
|
|
51
47
|
}
|
|
52
48
|
|
|
53
49
|
function close() {
|
|
54
|
-
currentConfig =
|
|
50
|
+
currentConfig = Object.assign(Object.assign({}, currentConfig), {
|
|
55
51
|
visible: false
|
|
56
52
|
});
|
|
57
53
|
render(currentConfig);
|
|
58
54
|
}
|
|
59
55
|
|
|
60
56
|
function update(newConfig) {
|
|
61
|
-
currentConfig =
|
|
57
|
+
currentConfig = Object.assign(Object.assign({}, currentConfig), newConfig);
|
|
62
58
|
render(currentConfig);
|
|
63
59
|
}
|
|
64
60
|
|
|
@@ -70,31 +66,31 @@ export default function confirm(props) {
|
|
|
70
66
|
};
|
|
71
67
|
}
|
|
72
68
|
export function withInfo(props) {
|
|
73
|
-
return
|
|
69
|
+
return Object.assign({
|
|
74
70
|
type: 'info',
|
|
75
71
|
icon: /*#__PURE__*/React.createElement(IconInfoCircle, null)
|
|
76
72
|
}, props);
|
|
77
73
|
}
|
|
78
74
|
export function withSuccess(props) {
|
|
79
|
-
return
|
|
75
|
+
return Object.assign({
|
|
80
76
|
type: 'success',
|
|
81
77
|
icon: /*#__PURE__*/React.createElement(IconTickCircle, null)
|
|
82
78
|
}, props);
|
|
83
79
|
}
|
|
84
80
|
export function withWarning(props) {
|
|
85
|
-
return
|
|
81
|
+
return Object.assign({
|
|
86
82
|
type: 'warning',
|
|
87
83
|
icon: /*#__PURE__*/React.createElement(IconAlertTriangle, null)
|
|
88
84
|
}, props);
|
|
89
85
|
}
|
|
90
86
|
export function withError(props) {
|
|
91
|
-
return
|
|
87
|
+
return Object.assign({
|
|
92
88
|
type: 'error',
|
|
93
89
|
icon: /*#__PURE__*/React.createElement(IconAlertCircle, null)
|
|
94
90
|
}, props);
|
|
95
91
|
}
|
|
96
92
|
export function withConfirm(props) {
|
|
97
|
-
return
|
|
93
|
+
return Object.assign({
|
|
98
94
|
type: 'confirm',
|
|
99
95
|
icon: /*#__PURE__*/React.createElement(IconHelpCircle, null)
|
|
100
96
|
}, props);
|
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
import _get from "lodash/get";
|
|
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
2
|
|
|
6
3
|
var __rest = this && this.__rest || function (s, e) {
|
|
7
4
|
var t = {};
|
|
8
5
|
|
|
9
|
-
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];
|
|
10
7
|
|
|
11
|
-
if (s != null && typeof
|
|
12
|
-
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]];
|
|
13
10
|
}
|
|
14
11
|
return t;
|
|
15
12
|
};
|
|
@@ -28,12 +25,12 @@ const HookModal = (_a, ref) => {
|
|
|
28
25
|
const [innerConfig, setInnerConfig] = React.useState(config);
|
|
29
26
|
React.useImperativeHandle(ref, () => ({
|
|
30
27
|
destroy: () => {
|
|
31
|
-
setInnerConfig(originConfig =>
|
|
28
|
+
setInnerConfig(originConfig => Object.assign(Object.assign({}, originConfig), {
|
|
32
29
|
visible: false
|
|
33
30
|
}));
|
|
34
31
|
},
|
|
35
32
|
update: newConfig => {
|
|
36
|
-
setInnerConfig(originConfig =>
|
|
33
|
+
setInnerConfig(originConfig => Object.assign(Object.assign({}, originConfig), newConfig));
|
|
37
34
|
}
|
|
38
35
|
}));
|
|
39
36
|
const {
|
|
@@ -41,7 +38,7 @@ const HookModal = (_a, ref) => {
|
|
|
41
38
|
} = props;
|
|
42
39
|
/* istanbul ignore next */
|
|
43
40
|
|
|
44
|
-
const mergedMotion = typeof motion === 'undefined' || motion ?
|
|
41
|
+
const mergedMotion = typeof motion === 'undefined' || motion ? Object.assign(Object.assign({}, motion), {
|
|
45
42
|
didLeave: function () {
|
|
46
43
|
const didLeave = _get(props.motion, 'didLeave');
|
|
47
44
|
|
|
@@ -52,7 +49,7 @@ const HookModal = (_a, ref) => {
|
|
|
52
49
|
afterClose();
|
|
53
50
|
}
|
|
54
51
|
}) : false;
|
|
55
|
-
return /*#__PURE__*/React.createElement(ConfirmModal,
|
|
52
|
+
return /*#__PURE__*/React.createElement(ConfirmModal, Object.assign({}, innerConfig, {
|
|
56
53
|
// visible={!visible ? visible : undefined}
|
|
57
54
|
motion: mergedMotion
|
|
58
55
|
}));
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import HookModal from './HookModal';
|
|
4
3
|
import { withConfirm, withError, withInfo, withSuccess, withWarning } from '../confirm';
|
|
@@ -10,7 +9,7 @@ function usePatchElement() {
|
|
|
10
9
|
function patchElement(element) {
|
|
11
10
|
setElements(originElements => [...originElements, element]);
|
|
12
11
|
return () => {
|
|
13
|
-
setElements(originElements =>
|
|
12
|
+
setElements(originElements => originElements.filter(ele => ele !== element));
|
|
14
13
|
};
|
|
15
14
|
}
|
|
16
15
|
|
package/lib/es/motions/Rotate.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
2
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
3
1
|
import React, { useEffect, useState, Children, cloneElement, isValidElement } from 'react';
|
|
4
2
|
import { Transition } from '@douyinfe/semi-animation-react';
|
|
5
3
|
import PropTypes from 'prop-types';
|
|
@@ -47,8 +45,8 @@ function OpenIconTransition() {
|
|
|
47
45
|
easing: 'cubic-bezier(.62, .05, .36, .95)'
|
|
48
46
|
}
|
|
49
47
|
}
|
|
50
|
-
}, transitionStyle =>
|
|
51
|
-
style:
|
|
48
|
+
}, transitionStyle => Children.map(children, child => /*#__PURE__*/isValidElement(child) ? /*#__PURE__*/cloneElement(child, Object.assign(Object.assign({}, child.props), {
|
|
49
|
+
style: Object.assign(Object.assign({}, child.props.style), formatStyle(transitionStyle))
|
|
52
50
|
})) : child));
|
|
53
51
|
}
|
|
54
52
|
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
3
2
|
import React from 'react';
|
|
4
3
|
import { IconSidebar } from '@douyinfe/semi-icons';
|
|
5
4
|
import Button from '../button';
|
|
@@ -36,5 +35,5 @@ export default function CollapseButton(_ref) {
|
|
|
36
35
|
}, isCollapsed ? /*#__PURE__*/React.createElement(Tooltip, {
|
|
37
36
|
content: finalCollapseText,
|
|
38
37
|
position: "right"
|
|
39
|
-
}, /*#__PURE__*/React.createElement(Button,
|
|
38
|
+
}, /*#__PURE__*/React.createElement(Button, Object.assign({}, btnProps))) : /*#__PURE__*/React.createElement(Button, Object.assign({}, btnProps), finalCollapseText));
|
|
40
39
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
2
1
|
import React, { PureComponent } from 'react';
|
|
3
2
|
import PropTypes from 'prop-types';
|
|
4
3
|
import cls from 'classnames';
|
|
@@ -26,7 +25,7 @@ export default class NavFooter extends PureComponent {
|
|
|
26
25
|
locale,
|
|
27
26
|
isCollapsed
|
|
28
27
|
} = this.context;
|
|
29
|
-
return /*#__PURE__*/React.createElement(CollapseButton,
|
|
28
|
+
return /*#__PURE__*/React.createElement(CollapseButton, Object.assign({
|
|
30
29
|
prefixCls: prefixCls,
|
|
31
30
|
isCollapsed: isCollapsed,
|
|
32
31
|
locale: locale,
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
2
1
|
import React, { PureComponent } from 'react';
|
|
3
2
|
import PropTypes from 'prop-types';
|
|
4
3
|
import cls from 'classnames';
|
|
@@ -39,7 +38,7 @@ export default class NavHeader extends PureComponent {
|
|
|
39
38
|
}, text) : null, children);
|
|
40
39
|
|
|
41
40
|
if (typeof link === 'string') {
|
|
42
|
-
wrappedChildren = /*#__PURE__*/React.createElement("a",
|
|
41
|
+
wrappedChildren = /*#__PURE__*/React.createElement("a", Object.assign({
|
|
43
42
|
className: "".concat(prefixCls, "-header-link"),
|
|
44
43
|
href: link
|
|
45
44
|
}, linkOptions), wrappedChildren);
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import _times from "lodash/times";
|
|
2
2
|
import _noop from "lodash/noop";
|
|
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
|
|
|
@@ -68,7 +65,7 @@ export default class NavItem extends BaseComponent {
|
|
|
68
65
|
get adapter() {
|
|
69
66
|
var _this = this;
|
|
70
67
|
|
|
71
|
-
return
|
|
68
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
72
69
|
cloneDeep,
|
|
73
70
|
updateTooltipShow: tooltipShow => this.setState({
|
|
74
71
|
tooltipShow
|
|
@@ -101,22 +98,12 @@ export default class NavItem extends BaseComponent {
|
|
|
101
98
|
return _this.props.onMouseLeave(...arguments);
|
|
102
99
|
},
|
|
103
100
|
getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed) || false,
|
|
104
|
-
getSelected: () =>
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
return Boolean(this.context && this.context.selectedKeys && _includesInstanceProperty(_context = this.context.selectedKeys).call(_context, this.props.itemKey));
|
|
108
|
-
},
|
|
109
|
-
getIsOpen: () => {
|
|
110
|
-
var _context2;
|
|
111
|
-
|
|
112
|
-
return Boolean(this.context && this.context.openKeys && _includesInstanceProperty(_context2 = this.context.openKeys).call(_context2, this.props.itemKey));
|
|
113
|
-
}
|
|
101
|
+
getSelected: () => Boolean(this.context && this.context.selectedKeys && this.context.selectedKeys.includes(this.props.itemKey)),
|
|
102
|
+
getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey))
|
|
114
103
|
});
|
|
115
104
|
}
|
|
116
105
|
|
|
117
106
|
renderIcon(icon, pos) {
|
|
118
|
-
var _context3;
|
|
119
|
-
|
|
120
107
|
let isToggleIcon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
121
108
|
let key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
|
|
122
109
|
|
|
@@ -135,7 +122,7 @@ export default class NavItem extends BaseComponent {
|
|
|
135
122
|
}
|
|
136
123
|
|
|
137
124
|
const className = cls("".concat(clsPrefix, "-icon"), {
|
|
138
|
-
[
|
|
125
|
+
["".concat(clsPrefix, "-icon-toggle-").concat(this.context.toggleIconPosition)]: isToggleIcon,
|
|
139
126
|
["".concat(clsPrefix, "-icon-info")]: !isToggleIcon
|
|
140
127
|
});
|
|
141
128
|
return /*#__PURE__*/React.createElement("i", {
|
|
@@ -189,7 +176,7 @@ export default class NavItem extends BaseComponent {
|
|
|
189
176
|
}
|
|
190
177
|
|
|
191
178
|
if (typeof link === 'string') {
|
|
192
|
-
itemChildren = /*#__PURE__*/React.createElement("a",
|
|
179
|
+
itemChildren = /*#__PURE__*/React.createElement("a", Object.assign({
|
|
193
180
|
className: "".concat(prefixCls, "-item-link"),
|
|
194
181
|
href: link
|
|
195
182
|
}, linkOptions), itemChildren);
|
|
@@ -233,7 +220,7 @@ export default class NavItem extends BaseComponent {
|
|
|
233
220
|
ariaProps['aria-expanded'] = isOpen;
|
|
234
221
|
}
|
|
235
222
|
|
|
236
|
-
itemDom = /*#__PURE__*/React.createElement("li",
|
|
223
|
+
itemDom = /*#__PURE__*/React.createElement("li", Object.assign({
|
|
237
224
|
role: "menuitem",
|
|
238
225
|
tabIndex: -1
|
|
239
226
|
}, ariaProps, {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
2
1
|
import React, { useEffect, useState } from 'react';
|
|
3
2
|
import { Transition } from '@douyinfe/semi-animation-react';
|
|
4
3
|
import PropTypes from 'prop-types';
|
|
@@ -51,7 +50,7 @@ function OpenIconTransition() {
|
|
|
51
50
|
|
|
52
51
|
if ( /*#__PURE__*/React.isValidElement(children)) {
|
|
53
52
|
return /*#__PURE__*/React.cloneElement(children, {
|
|
54
|
-
style:
|
|
53
|
+
style: Object.assign(Object.assign({}, children.props && children.props.style), formatedStyle)
|
|
55
54
|
});
|
|
56
55
|
}
|
|
57
56
|
|