@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/cjs/tree/index.js
CHANGED
|
@@ -1,36 +1,11 @@
|
|
|
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 _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
|
8
|
-
|
|
9
|
-
var _Object$keys2 = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
|
10
|
-
|
|
11
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
12
|
-
|
|
13
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
14
4
|
value: true
|
|
15
5
|
});
|
|
16
|
-
|
|
17
6
|
var _exportNames = {};
|
|
18
7
|
exports.default = void 0;
|
|
19
8
|
|
|
20
|
-
var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
|
|
21
|
-
|
|
22
|
-
var _promise = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/promise"));
|
|
23
|
-
|
|
24
|
-
var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
|
|
25
|
-
|
|
26
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
27
|
-
|
|
28
|
-
var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
|
|
29
|
-
|
|
30
|
-
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
31
|
-
|
|
32
|
-
var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
|
|
33
|
-
|
|
34
9
|
var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
|
|
35
10
|
|
|
36
11
|
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
@@ -79,12 +54,11 @@ var _checkboxGroup = _interopRequireDefault(require("../checkbox/checkboxGroup")
|
|
|
79
54
|
|
|
80
55
|
var _interface = require("./interface");
|
|
81
56
|
|
|
82
|
-
|
|
57
|
+
Object.keys(_interface).forEach(function (key) {
|
|
83
58
|
if (key === "default" || key === "__esModule") return;
|
|
84
59
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
85
60
|
if (key in exports && exports[key] === _interface[key]) return;
|
|
86
|
-
|
|
87
|
-
_Object$defineProperty(exports, key, {
|
|
61
|
+
Object.defineProperty(exports, key, {
|
|
88
62
|
enumerable: true,
|
|
89
63
|
get: function () {
|
|
90
64
|
return _interface[key];
|
|
@@ -92,6 +66,8 @@ _forEachInstanceProperty(_context2 = _Object$keys2(_interface)).call(_context2,
|
|
|
92
66
|
});
|
|
93
67
|
});
|
|
94
68
|
|
|
69
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
70
|
+
|
|
95
71
|
/* eslint-disable max-lines-per-function */
|
|
96
72
|
const prefixcls = _constants.cssClasses.PREFIX;
|
|
97
73
|
|
|
@@ -115,7 +91,7 @@ class Tree extends _baseComponent.default {
|
|
|
115
91
|
} = this.state;
|
|
116
92
|
|
|
117
93
|
if (key) {
|
|
118
|
-
const index = flattenNodes === null || flattenNodes === void 0 ? void 0 :
|
|
94
|
+
const index = flattenNodes === null || flattenNodes === void 0 ? void 0 : flattenNodes.findIndex(node => {
|
|
119
95
|
return node.key === key;
|
|
120
96
|
});
|
|
121
97
|
index >= 0 && ((_a = this.virtualizedListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToItem(index, align));
|
|
@@ -146,12 +122,12 @@ class Tree extends _baseComponent.default {
|
|
|
146
122
|
this.foundation.handleNodeSelect(e, treeNode);
|
|
147
123
|
};
|
|
148
124
|
|
|
149
|
-
this.onNodeLoad = data => new
|
|
125
|
+
this.onNodeLoad = data => new Promise(resolve => {
|
|
150
126
|
// We need to get the latest state of loading/loaded keys
|
|
151
127
|
this.setState(_ref => {
|
|
152
128
|
let {
|
|
153
|
-
loadedKeys = new
|
|
154
|
-
loadingKeys = new
|
|
129
|
+
loadedKeys = new Set([]),
|
|
130
|
+
loadingKeys = new Set([])
|
|
155
131
|
} = _ref;
|
|
156
132
|
return this.foundation.handleNodeLoad(loadedKeys, loadingKeys, data, resolve);
|
|
157
133
|
});
|
|
@@ -207,11 +183,11 @@ class Tree extends _baseComponent.default {
|
|
|
207
183
|
filteredKeys
|
|
208
184
|
} = this.state;
|
|
209
185
|
return {
|
|
210
|
-
expandedKeys: expandedKeys || new
|
|
186
|
+
expandedKeys: expandedKeys || new Set(),
|
|
211
187
|
selectedKeys: selectedKeys || [],
|
|
212
|
-
checkedKeys: checkedKeys || new
|
|
213
|
-
halfCheckedKeys: halfCheckedKeys || new
|
|
214
|
-
filteredKeys: filteredKeys || new
|
|
188
|
+
checkedKeys: checkedKeys || new Set(),
|
|
189
|
+
halfCheckedKeys: halfCheckedKeys || new Set(),
|
|
190
|
+
filteredKeys: filteredKeys || new Set(),
|
|
215
191
|
keyEntities
|
|
216
192
|
};
|
|
217
193
|
};
|
|
@@ -239,7 +215,7 @@ class Tree extends _baseComponent.default {
|
|
|
239
215
|
return null;
|
|
240
216
|
}
|
|
241
217
|
|
|
242
|
-
return /*#__PURE__*/_react.default.createElement(_treeNode.default,
|
|
218
|
+
return /*#__PURE__*/_react.default.createElement(_treeNode.default, Object.assign({}, treeNodeProps, data, {
|
|
243
219
|
key: key,
|
|
244
220
|
data: data,
|
|
245
221
|
style: (0, _isEmpty2.default)(style) ? {} : style
|
|
@@ -259,23 +235,23 @@ class Tree extends _baseComponent.default {
|
|
|
259
235
|
treeData: [],
|
|
260
236
|
flattenNodes: [],
|
|
261
237
|
selectedKeys: [],
|
|
262
|
-
checkedKeys: new
|
|
263
|
-
halfCheckedKeys: new
|
|
264
|
-
realCheckedKeys: new
|
|
265
|
-
motionKeys: new
|
|
238
|
+
checkedKeys: new Set(),
|
|
239
|
+
halfCheckedKeys: new Set(),
|
|
240
|
+
realCheckedKeys: new Set([]),
|
|
241
|
+
motionKeys: new Set([]),
|
|
266
242
|
motionType: 'hide',
|
|
267
|
-
expandedKeys: new
|
|
268
|
-
filteredKeys: new
|
|
269
|
-
filteredExpandedKeys: new
|
|
270
|
-
filteredShownKeys: new
|
|
243
|
+
expandedKeys: new Set(props.expandedKeys),
|
|
244
|
+
filteredKeys: new Set(),
|
|
245
|
+
filteredExpandedKeys: new Set(),
|
|
246
|
+
filteredShownKeys: new Set(),
|
|
271
247
|
prevProps: null,
|
|
272
|
-
loadedKeys: new
|
|
273
|
-
loadingKeys: new
|
|
248
|
+
loadedKeys: new Set(),
|
|
249
|
+
loadingKeys: new Set(),
|
|
274
250
|
cachedFlattenNodes: undefined,
|
|
275
251
|
cachedKeyValuePairs: {},
|
|
276
|
-
disabledKeys: new
|
|
252
|
+
disabledKeys: new Set(),
|
|
277
253
|
dragging: false,
|
|
278
|
-
dragNodesKeys: new
|
|
254
|
+
dragNodesKeys: new Set(),
|
|
279
255
|
dragOverNodeKey: null,
|
|
280
256
|
dropPosition: null
|
|
281
257
|
};
|
|
@@ -323,25 +299,25 @@ class Tree extends _baseComponent.default {
|
|
|
323
299
|
treeData = props.treeData;
|
|
324
300
|
newState.treeData = treeData;
|
|
325
301
|
const entitiesMap = (0, _treeUtil.convertDataToEntities)(treeData);
|
|
326
|
-
newState.keyEntities =
|
|
302
|
+
newState.keyEntities = Object.assign({}, entitiesMap.keyEntities);
|
|
327
303
|
keyEntities = newState.keyEntities;
|
|
328
|
-
newState.cachedKeyValuePairs =
|
|
304
|
+
newState.cachedKeyValuePairs = Object.assign({}, entitiesMap.valueEntities);
|
|
329
305
|
valueEntities = newState.cachedKeyValuePairs;
|
|
330
306
|
} else if (needUpdate('treeDataSimpleJson')) {
|
|
331
307
|
// Convert treeDataSimpleJson to treeData
|
|
332
308
|
treeData = (0, _treeUtil.convertJsonToData)(props.treeDataSimpleJson);
|
|
333
309
|
newState.treeData = treeData;
|
|
334
310
|
const entitiesMap = (0, _treeUtil.convertDataToEntities)(treeData);
|
|
335
|
-
newState.keyEntities =
|
|
311
|
+
newState.keyEntities = Object.assign({}, entitiesMap.keyEntities);
|
|
336
312
|
keyEntities = newState.keyEntities;
|
|
337
|
-
newState.cachedKeyValuePairs =
|
|
313
|
+
newState.cachedKeyValuePairs = Object.assign({}, entitiesMap.valueEntities);
|
|
338
314
|
valueEntities = newState.cachedKeyValuePairs;
|
|
339
315
|
} // If treeData keys changes, we won't show animation
|
|
340
316
|
|
|
341
317
|
|
|
342
318
|
if (treeData && props.motion) {
|
|
343
319
|
if (prevProps && props.motion) {
|
|
344
|
-
newState.motionKeys = new
|
|
320
|
+
newState.motionKeys = new Set([]);
|
|
345
321
|
newState.motionType = null;
|
|
346
322
|
}
|
|
347
323
|
}
|
|
@@ -359,7 +335,7 @@ class Tree extends _baseComponent.default {
|
|
|
359
335
|
motionKeys,
|
|
360
336
|
motionType
|
|
361
337
|
} = (0, _treeUtil.calcMotionKeys)(prevState.expandedKeys, newState.expandedKeys, keyEntities);
|
|
362
|
-
newState.motionKeys = new
|
|
338
|
+
newState.motionKeys = new Set(motionKeys);
|
|
363
339
|
newState.motionType = motionType;
|
|
364
340
|
|
|
365
341
|
if (motionType === 'hide') {
|
|
@@ -368,7 +344,7 @@ class Tree extends _baseComponent.default {
|
|
|
368
344
|
}
|
|
369
345
|
}
|
|
370
346
|
} else if (!prevProps && (props.defaultExpandAll || props.expandAll) || expandAllWhenDataChange) {
|
|
371
|
-
newState.expandedKeys = new
|
|
347
|
+
newState.expandedKeys = new Set(Object.keys(keyEntities));
|
|
372
348
|
} else if (!prevProps && props.defaultExpandedKeys) {
|
|
373
349
|
newState.expandedKeys = (0, _treeUtil.calcExpandedKeys)(props.defaultExpandedKeys, keyEntities);
|
|
374
350
|
} else if (!prevProps && props.defaultValue) {
|
|
@@ -401,7 +377,7 @@ class Tree extends _baseComponent.default {
|
|
|
401
377
|
prevExpandedKeys: [...prevState.filteredExpandedKeys]
|
|
402
378
|
});
|
|
403
379
|
newState.flattenNodes = filteredState.flattenNodes;
|
|
404
|
-
newState.motionKeys = new
|
|
380
|
+
newState.motionKeys = new Set([]);
|
|
405
381
|
newState.filteredKeys = filteredState.filteredKeys;
|
|
406
382
|
newState.filteredShownKeys = filteredState.filteredShownKeys;
|
|
407
383
|
newState.filteredExpandedKeys = filteredState.filteredExpandedKeys;
|
|
@@ -412,7 +388,7 @@ class Tree extends _baseComponent.default {
|
|
|
412
388
|
newState.filteredExpandedKeys = (0, _treeUtil.calcExpandedKeys)(props.expandedKeys, keyEntities, props.autoExpandParent || !prevProps);
|
|
413
389
|
|
|
414
390
|
if (prevProps && props.motion) {
|
|
415
|
-
const prevKeys = prevState ? prevState.filteredExpandedKeys : new
|
|
391
|
+
const prevKeys = prevState ? prevState.filteredExpandedKeys : new Set([]); // only show animation when treeData does not change
|
|
416
392
|
|
|
417
393
|
if (!treeData) {
|
|
418
394
|
const motionResult = (0, _treeUtil.calcMotionKeys)(prevKeys, newState.filteredExpandedKeys, keyEntities);
|
|
@@ -424,7 +400,7 @@ class Tree extends _baseComponent.default {
|
|
|
424
400
|
} = motionResult;
|
|
425
401
|
|
|
426
402
|
if (props.showFilteredOnly) {
|
|
427
|
-
motionKeys =
|
|
403
|
+
motionKeys = motionKeys.filter(key => prevState.filteredShownKeys.has(key));
|
|
428
404
|
}
|
|
429
405
|
|
|
430
406
|
if (motionType === 'hide') {
|
|
@@ -432,7 +408,7 @@ class Tree extends _baseComponent.default {
|
|
|
432
408
|
newState.cachedFlattenNodes = (0, _treeUtil2.cloneDeep)(prevState.flattenNodes);
|
|
433
409
|
}
|
|
434
410
|
|
|
435
|
-
newState.motionKeys = new
|
|
411
|
+
newState.motionKeys = new Set(motionKeys);
|
|
436
412
|
newState.motionType = motionType;
|
|
437
413
|
}
|
|
438
414
|
}
|
|
@@ -476,7 +452,7 @@ class Tree extends _baseComponent.default {
|
|
|
476
452
|
|
|
477
453
|
if (checkedKeyValues) {
|
|
478
454
|
if (props.checkRelation === 'unRelated') {
|
|
479
|
-
newState.realCheckedKeys = new
|
|
455
|
+
newState.realCheckedKeys = new Set(checkedKeyValues);
|
|
480
456
|
} else if (props.checkRelation === 'related') {
|
|
481
457
|
const {
|
|
482
458
|
checkedKeys,
|
|
@@ -490,7 +466,7 @@ class Tree extends _baseComponent.default {
|
|
|
490
466
|
|
|
491
467
|
|
|
492
468
|
if (needUpdate('loadedKeys')) {
|
|
493
|
-
newState.loadedKeys = new
|
|
469
|
+
newState.loadedKeys = new Set(props.loadedKeys);
|
|
494
470
|
} // update disableStrictly
|
|
495
471
|
|
|
496
472
|
|
|
@@ -520,9 +496,9 @@ class Tree extends _baseComponent.default {
|
|
|
520
496
|
}
|
|
521
497
|
}
|
|
522
498
|
};
|
|
523
|
-
return
|
|
499
|
+
return Object.assign(Object.assign(Object.assign({}, super.adapter), filterAdapter), {
|
|
524
500
|
updateState: states => {
|
|
525
|
-
this.setState(
|
|
501
|
+
this.setState(Object.assign({}, states));
|
|
526
502
|
},
|
|
527
503
|
notifyExpand: (expandedKeys, _ref2) => {
|
|
528
504
|
let {
|
|
@@ -594,14 +570,14 @@ class Tree extends _baseComponent.default {
|
|
|
594
570
|
inputProps.placeholder = searchPlaceholder || (0, _get2.default)(locale, 'searchPlaceholder');
|
|
595
571
|
|
|
596
572
|
if ((0, _isFunction2.default)(searchRender)) {
|
|
597
|
-
return searchRender(
|
|
573
|
+
return searchRender(Object.assign({}, inputProps));
|
|
598
574
|
}
|
|
599
575
|
|
|
600
576
|
if (searchRender === false) {
|
|
601
577
|
return null;
|
|
602
578
|
}
|
|
603
579
|
|
|
604
|
-
return /*#__PURE__*/_react.default.createElement(_index.default,
|
|
580
|
+
return /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({
|
|
605
581
|
"aria-label": 'Filter Tree',
|
|
606
582
|
ref: this.inputRef
|
|
607
583
|
}, inputProps));
|
|
@@ -631,7 +607,7 @@ class Tree extends _baseComponent.default {
|
|
|
631
607
|
return /*#__PURE__*/_react.default.createElement(_nodeList.default, {
|
|
632
608
|
flattenNodes: flattenNodes,
|
|
633
609
|
flattenList: cachedFlattenNodes,
|
|
634
|
-
motionKeys: motion ? motionKeys : new
|
|
610
|
+
motionKeys: motion ? motionKeys : new Set([]),
|
|
635
611
|
motionType: motionType,
|
|
636
612
|
onMotionEnd: this.onMotionEnd,
|
|
637
613
|
renderTreeNode: this.renderTreeNode
|
|
@@ -757,10 +733,10 @@ class Tree extends _baseComponent.default {
|
|
|
757
733
|
"aria-label": this.props['aria-label'],
|
|
758
734
|
className: wrapperCls,
|
|
759
735
|
style: style
|
|
760
|
-
}, filterTreeNode ? this.renderInput() : null, /*#__PURE__*/_react.default.createElement("div",
|
|
736
|
+
}, filterTreeNode ? this.renderInput() : null, /*#__PURE__*/_react.default.createElement("div", Object.assign({
|
|
761
737
|
className: listCls
|
|
762
738
|
}, ariaAttr), noData ? this.renderEmpty() : multiple ? /*#__PURE__*/_react.default.createElement(_checkboxGroup.default, {
|
|
763
|
-
value:
|
|
739
|
+
value: Array.from(checkRelation === 'related' ? checkedKeys : realCheckedKeys)
|
|
764
740
|
}, this.renderNodeList()) : this.renderNodeList())));
|
|
765
741
|
}
|
|
766
742
|
|
package/lib/cjs/tree/nodeList.js
CHANGED
|
@@ -1,27 +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 _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 _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
|
|
22
|
-
|
|
23
|
-
var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
|
|
24
|
-
|
|
25
8
|
var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
|
|
26
9
|
|
|
27
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -30,9 +13,11 @@ var _treeContext = _interopRequireDefault(require("./treeContext"));
|
|
|
30
13
|
|
|
31
14
|
var _collapse = _interopRequireDefault(require("./collapse"));
|
|
32
15
|
|
|
33
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof
|
|
16
|
+
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
17
|
|
|
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 =
|
|
18
|
+
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; }
|
|
19
|
+
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
36
21
|
|
|
37
22
|
const getTreeNodeKey = treeNode => {
|
|
38
23
|
const {
|
|
@@ -61,15 +46,13 @@ class NodeList extends _react.PureComponent {
|
|
|
61
46
|
}
|
|
62
47
|
|
|
63
48
|
static getDerivedStateFromProps(props, prevState) {
|
|
64
|
-
var _context;
|
|
65
|
-
|
|
66
49
|
const {
|
|
67
50
|
flattenNodes = [],
|
|
68
51
|
motionKeys,
|
|
69
52
|
motionType,
|
|
70
53
|
flattenList = []
|
|
71
54
|
} = props;
|
|
72
|
-
const hasChanged = !(0, _isEqual2.default)(prevState.cachedMotionKeys, motionKeys) || !(0, _isEqual2.default)(
|
|
55
|
+
const hasChanged = !(0, _isEqual2.default)(prevState.cachedMotionKeys, motionKeys) || !(0, _isEqual2.default)(prevState.cachedData.map(i => i.key), flattenNodes.map(i => i.key));
|
|
73
56
|
const motionArr = [...motionKeys];
|
|
74
57
|
|
|
75
58
|
if (!hasChanged || !motionArr.length) {
|
|
@@ -81,7 +64,7 @@ class NodeList extends _react.PureComponent {
|
|
|
81
64
|
let rangeStart = 0;
|
|
82
65
|
let newState = {};
|
|
83
66
|
const lookUpTarget = motionType === 'hide' && flattenList ? flattenList : flattenNodes;
|
|
84
|
-
|
|
67
|
+
lookUpTarget.forEach((treeNode, ind) => {
|
|
85
68
|
const nodeKey = getTreeNodeKey(treeNode);
|
|
86
69
|
|
|
87
70
|
if (motionKeys.has(nodeKey)) {
|
|
@@ -94,7 +77,7 @@ class NodeList extends _react.PureComponent {
|
|
|
94
77
|
transitionNodes.push(treeNode);
|
|
95
78
|
}
|
|
96
79
|
});
|
|
97
|
-
|
|
80
|
+
transitionNodes.splice(rangeStart, 0, transitionRange);
|
|
98
81
|
newState = {
|
|
99
82
|
transitionNodes,
|
|
100
83
|
cachedData: flattenNodes,
|
|
@@ -115,8 +98,8 @@ class NodeList extends _react.PureComponent {
|
|
|
115
98
|
transitionNodes
|
|
116
99
|
} = this.state;
|
|
117
100
|
const mapData = transitionNodes.length && !searchTargetIsDeep ? transitionNodes : flattenNodes;
|
|
118
|
-
const options =
|
|
119
|
-
const isMotionNode =
|
|
101
|
+
const options = mapData.map(treeNode => {
|
|
102
|
+
const isMotionNode = Array.isArray(treeNode);
|
|
120
103
|
|
|
121
104
|
if (isMotionNode && !treeNode.length) {
|
|
122
105
|
return null;
|
|
@@ -129,7 +112,7 @@ class NodeList extends _react.PureComponent {
|
|
|
129
112
|
key: "motion-".concat(nodeKey),
|
|
130
113
|
onMotionEnd: this.onMotionEnd,
|
|
131
114
|
motion: Boolean(motionType)
|
|
132
|
-
},
|
|
115
|
+
}, treeNode.map(node => renderTreeNode(node)));
|
|
133
116
|
}
|
|
134
117
|
|
|
135
118
|
return renderTreeNode(treeNode);
|
|
@@ -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.default = void 0;
|
|
12
7
|
|
|
13
8
|
var _react = _interopRequireDefault(require("react"));
|
|
14
9
|
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
15
12
|
const TreeContext = /*#__PURE__*/_react.default.createContext(null);
|
|
16
13
|
|
|
17
14
|
var _default = TreeContext;
|
package/lib/cjs/tree/treeNode.js
CHANGED
|
@@ -1,27 +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 _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
|
|
18
|
-
|
|
19
|
-
var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
|
|
20
|
-
|
|
21
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
22
|
-
|
|
23
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
24
|
-
|
|
25
8
|
var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
|
|
26
9
|
|
|
27
10
|
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
@@ -52,17 +35,19 @@ var _spin = _interopRequireDefault(require("../spin"));
|
|
|
52
35
|
|
|
53
36
|
var _index = require("../_utils/index");
|
|
54
37
|
|
|
55
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof
|
|
38
|
+
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); }
|
|
56
39
|
|
|
57
|
-
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 =
|
|
40
|
+
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; }
|
|
41
|
+
|
|
42
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
58
43
|
|
|
59
44
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
60
45
|
var t = {};
|
|
61
46
|
|
|
62
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
47
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
63
48
|
|
|
64
|
-
if (s != null && typeof
|
|
65
|
-
if (
|
|
49
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
50
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
66
51
|
}
|
|
67
52
|
return t;
|
|
68
53
|
};
|
|
@@ -168,7 +153,7 @@ class TreeNode extends _react.PureComponent {
|
|
|
168
153
|
onNodeDragStart
|
|
169
154
|
} = this.context;
|
|
170
155
|
e.stopPropagation();
|
|
171
|
-
onNodeDragStart(e,
|
|
156
|
+
onNodeDragStart(e, Object.assign(Object.assign({}, this.props), {
|
|
172
157
|
nodeInstance: this.refNode
|
|
173
158
|
}));
|
|
174
159
|
|
|
@@ -186,7 +171,7 @@ class TreeNode extends _react.PureComponent {
|
|
|
186
171
|
} = this.context;
|
|
187
172
|
e.preventDefault();
|
|
188
173
|
e.stopPropagation();
|
|
189
|
-
onNodeDragEnter(e,
|
|
174
|
+
onNodeDragEnter(e, Object.assign(Object.assign({}, this.props), {
|
|
190
175
|
nodeInstance: this.refNode
|
|
191
176
|
}));
|
|
192
177
|
};
|
|
@@ -197,7 +182,7 @@ class TreeNode extends _react.PureComponent {
|
|
|
197
182
|
} = this.context;
|
|
198
183
|
e.preventDefault();
|
|
199
184
|
e.stopPropagation();
|
|
200
|
-
onNodeDragOver(e,
|
|
185
|
+
onNodeDragOver(e, Object.assign(Object.assign({}, this.props), {
|
|
201
186
|
nodeInstance: this.refNode
|
|
202
187
|
}));
|
|
203
188
|
};
|
|
@@ -207,7 +192,7 @@ class TreeNode extends _react.PureComponent {
|
|
|
207
192
|
onNodeDragLeave
|
|
208
193
|
} = this.context;
|
|
209
194
|
e.stopPropagation();
|
|
210
|
-
onNodeDragLeave(e,
|
|
195
|
+
onNodeDragLeave(e, Object.assign(Object.assign({}, this.props), {
|
|
211
196
|
nodeInstance: this.refNode
|
|
212
197
|
}));
|
|
213
198
|
};
|
|
@@ -217,7 +202,7 @@ class TreeNode extends _react.PureComponent {
|
|
|
217
202
|
onNodeDragEnd
|
|
218
203
|
} = this.context;
|
|
219
204
|
e.stopPropagation();
|
|
220
|
-
onNodeDragEnd(e,
|
|
205
|
+
onNodeDragEnd(e, Object.assign(Object.assign({}, this.props), {
|
|
221
206
|
nodeInstance: this.refNode
|
|
222
207
|
}));
|
|
223
208
|
};
|
|
@@ -228,7 +213,7 @@ class TreeNode extends _react.PureComponent {
|
|
|
228
213
|
} = this.context;
|
|
229
214
|
e.preventDefault();
|
|
230
215
|
e.stopPropagation();
|
|
231
|
-
onNodeDrop(e,
|
|
216
|
+
onNodeDrop(e, Object.assign(Object.assign({}, this.props), {
|
|
232
217
|
nodeInstance: this.refNode
|
|
233
218
|
}));
|
|
234
219
|
};
|
|
@@ -395,8 +380,6 @@ class TreeNode extends _react.PureComponent {
|
|
|
395
380
|
}
|
|
396
381
|
|
|
397
382
|
renderEmptyNode() {
|
|
398
|
-
var _context;
|
|
399
|
-
|
|
400
383
|
const {
|
|
401
384
|
emptyContent
|
|
402
385
|
} = this.props;
|
|
@@ -406,15 +389,13 @@ class TreeNode extends _react.PureComponent {
|
|
|
406
389
|
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
407
390
|
className: wrapperCls
|
|
408
391
|
}, /*#__PURE__*/_react.default.createElement("li", {
|
|
409
|
-
className:
|
|
392
|
+
className: "".concat(prefixcls, "-label ").concat(prefixcls, "-label-empty"),
|
|
410
393
|
"x-semi-prop": "emptyContent"
|
|
411
394
|
}, emptyContent));
|
|
412
395
|
} // eslint-disable-next-line max-lines-per-function
|
|
413
396
|
|
|
414
397
|
|
|
415
398
|
render() {
|
|
416
|
-
var _context2;
|
|
417
|
-
|
|
418
399
|
const _a = this.props,
|
|
419
400
|
{
|
|
420
401
|
eventKey,
|
|
@@ -451,7 +432,7 @@ class TreeNode extends _react.PureComponent {
|
|
|
451
432
|
const dragOverGapTop = dragOverNodeKey === eventKey && dropPosition === -1;
|
|
452
433
|
const dragOverGapBottom = dragOverNodeKey === eventKey && dropPosition === 1;
|
|
453
434
|
const nodeCls = (0, _classnames.default)(prefixcls, {
|
|
454
|
-
[
|
|
435
|
+
["".concat(prefixcls, "-level-").concat(level + 1)]: true,
|
|
455
436
|
["".concat(prefixcls, "-collapsed")]: !expanded,
|
|
456
437
|
["".concat(prefixcls, "-disabled")]: Boolean(disabled),
|
|
457
438
|
["".concat(prefixcls, "-selected")]: selected,
|
|
@@ -498,11 +479,11 @@ class TreeNode extends _react.PureComponent {
|
|
|
498
479
|
};
|
|
499
480
|
|
|
500
481
|
if (renderFullLabel) {
|
|
501
|
-
const customLabel = renderFullLabel(
|
|
482
|
+
const customLabel = renderFullLabel(Object.assign({}, labelProps));
|
|
502
483
|
|
|
503
484
|
if (draggable) {
|
|
504
485
|
// @ts-ignore skip cloneElement type check
|
|
505
|
-
return /*#__PURE__*/_react.default.cloneElement(customLabel,
|
|
486
|
+
return /*#__PURE__*/_react.default.cloneElement(customLabel, Object.assign({
|
|
506
487
|
ref: this.setRef
|
|
507
488
|
}, dragProps));
|
|
508
489
|
} else {
|
|
@@ -512,7 +493,7 @@ class TreeNode extends _react.PureComponent {
|
|
|
512
493
|
// In virtualization, props.style will contain location information
|
|
513
494
|
// @ts-ignore skip cloneElement type check
|
|
514
495
|
return /*#__PURE__*/_react.default.cloneElement(customLabel, {
|
|
515
|
-
style:
|
|
496
|
+
style: Object.assign(Object.assign({}, (0, _get2.default)(customLabel, ['props', 'style'])), style)
|
|
516
497
|
});
|
|
517
498
|
}
|
|
518
499
|
}
|
|
@@ -524,7 +505,7 @@ class TreeNode extends _react.PureComponent {
|
|
|
524
505
|
});
|
|
525
506
|
const setsize = (0, _get2.default)(rest, ['data', 'children', 'length']);
|
|
526
507
|
const posinset = (0, _isString2.default)(rest.pos) ? Number(rest.pos.split('-')[level + 1]) + 1 : 1;
|
|
527
|
-
return /*#__PURE__*/_react.default.createElement("li",
|
|
508
|
+
return /*#__PURE__*/_react.default.createElement("li", Object.assign({
|
|
528
509
|
className: nodeCls,
|
|
529
510
|
role: "treeitem",
|
|
530
511
|
"aria-disabled": disabled,
|
package/lib/cjs/tree/treeUtil.js
CHANGED
|
@@ -1,13 +1,8 @@
|
|
|
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.cloneDeep = cloneDeep;
|
|
12
7
|
|
|
13
8
|
var _isPlainObject2 = _interopRequireDefault(require("lodash/isPlainObject"));
|
|
@@ -16,6 +11,8 @@ var _cloneDeepWith2 = _interopRequireDefault(require("lodash/cloneDeepWith"));
|
|
|
16
11
|
|
|
17
12
|
var _react = _interopRequireDefault(require("react"));
|
|
18
13
|
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
19
16
|
function cloneDeep(treeNodeList) {
|
|
20
17
|
return (0, _cloneDeepWith2.default)(treeNodeList, val => {
|
|
21
18
|
// only clone treeNode inner data and skip user data
|