@douyinfe/semi-ui 2.19.0-beta.0 → 2.19.1-alpha.2
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/avatar/index.tsx +1 -3
- package/button/buttonGroup.tsx +4 -38
- package/button/index.tsx +0 -2
- package/checkbox/_story/checkbox.stories.js +0 -2
- package/checkbox/checkbox.tsx +20 -25
- package/checkbox/checkboxGroup.tsx +0 -1
- package/dist/css/semi.css +138 -86
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +2931 -15958
- 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/getBabelConfig.js +1 -13
- package/lib/cjs/_base/base.js +1 -3
- package/lib/cjs/_base/baseComponent.js +4 -9
- package/lib/cjs/_base/reactUtils.js +4 -9
- package/lib/cjs/_portal/index.js +4 -9
- package/lib/cjs/_utils/hooks/usePrevFocus.js +3 -6
- package/lib/cjs/_utils/index.js +9 -24
- package/lib/cjs/anchor/anchor-context.js +3 -6
- package/lib/cjs/anchor/index.js +14 -35
- package/lib/cjs/anchor/link.js +7 -16
- 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 +0 -1
- package/lib/cjs/avatar/index.js +24 -49
- 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.d.ts +0 -1
- package/lib/cjs/button/buttonGroup.js +10 -78
- package/lib/cjs/button/index.d.ts +0 -1
- package/lib/cjs/button/index.js +7 -13
- 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 +0 -1
- package/lib/cjs/checkbox/checkbox.js +18 -36
- package/lib/cjs/checkbox/checkboxGroup.js +12 -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 +12 -25
- 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.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.d.ts +2 -4
- package/lib/cjs/popconfirm/index.js +41 -68
- 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 +0 -1
- package/lib/cjs/radio/radio.js +23 -41
- package/lib/cjs/radio/radioGroup.js +12 -27
- package/lib/cjs/radio/radioInner.js +7 -16
- package/lib/cjs/rating/index.js +10 -27
- package/lib/cjs/rating/item.js +10 -19
- package/lib/cjs/resizeObserver/index.js +3 -6
- package/lib/cjs/scrollList/index.js +3 -6
- package/lib/cjs/scrollList/scrollItem.js +13 -26
- package/lib/cjs/select/index.js +46 -91
- package/lib/cjs/select/option.js +12 -25
- package/lib/cjs/select/optionGroup.js +3 -6
- package/lib/cjs/select/utils.js +12 -29
- package/lib/cjs/select/virtualRow.js +1 -4
- package/lib/cjs/sideSheet/SideSheetContent.js +9 -22
- package/lib/cjs/sideSheet/SideSheetTransition.js +4 -9
- package/lib/cjs/sideSheet/index.js +15 -28
- package/lib/cjs/skeleton/index.js +9 -22
- package/lib/cjs/skeleton/item.js +13 -34
- package/lib/cjs/slider/index.js +18 -48
- package/lib/cjs/space/index.js +7 -20
- package/lib/cjs/space/utils.js +9 -24
- package/lib/cjs/spin/icon.js +7 -16
- package/lib/cjs/spin/index.js +5 -14
- package/lib/cjs/steps/basicStep.js +4 -11
- package/lib/cjs/steps/basicSteps.js +12 -29
- package/lib/cjs/steps/context.js +3 -6
- package/lib/cjs/steps/fillStep.js +4 -11
- package/lib/cjs/steps/fillSteps.js +12 -28
- package/lib/cjs/steps/index.js +11 -24
- package/lib/cjs/steps/navStep.js +3 -6
- package/lib/cjs/steps/navSteps.js +12 -28
- package/lib/cjs/steps/step.js +8 -17
- package/lib/cjs/switch/index.js +5 -10
- package/lib/cjs/table/Body/BaseRow.js +14 -27
- package/lib/cjs/table/Body/ExpandedRow.js +10 -23
- package/lib/cjs/table/Body/SectionRow.js +15 -36
- package/lib/cjs/table/Body/index.js +39 -64
- package/lib/cjs/table/ColGroup.js +4 -11
- package/lib/cjs/table/Column.js +4 -9
- package/lib/cjs/table/ColumnFilter.js +18 -41
- package/lib/cjs/table/ColumnSelection.js +6 -11
- package/lib/cjs/table/ColumnShape.js +3 -6
- package/lib/cjs/table/ColumnSorter.js +6 -15
- package/lib/cjs/table/CustomExpandIcon.js +5 -12
- package/lib/cjs/table/HeadTable.js +7 -14
- package/lib/cjs/table/ResizableHeaderCell.js +9 -22
- package/lib/cjs/table/ResizableTable.js +23 -40
- package/lib/cjs/table/Table.js +63 -96
- package/lib/cjs/table/TableCell.js +13 -26
- package/lib/cjs/table/TableContextProvider.js +5 -12
- package/lib/cjs/table/TableHeader.js +10 -27
- package/lib/cjs/table/TableHeaderRow.js +18 -33
- package/lib/cjs/table/TablePagination.js +6 -15
- package/lib/cjs/table/getColumns.js +8 -17
- package/lib/cjs/table/index.js +8 -20
- package/lib/cjs/table/interface.js +1 -3
- package/lib/cjs/table/table-context.js +3 -6
- package/lib/cjs/table/utils.js +5 -16
- package/lib/cjs/tabs/TabBar.js +21 -44
- package/lib/cjs/tabs/TabPane.js +14 -31
- package/lib/cjs/tabs/TabPaneTransition.js +5 -10
- package/lib/cjs/tabs/index.js +32 -73
- package/lib/cjs/tabs/interface.js +1 -3
- package/lib/cjs/tabs/tabs-context.js +3 -6
- package/lib/cjs/tag/group.js +10 -23
- package/lib/cjs/tag/index.d.ts +1 -1
- package/lib/cjs/tag/index.js +20 -48
- 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 +25 -46
- 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/baseComponent.js +1 -3
- package/lib/es/_portal/index.js +1 -2
- package/lib/es/_utils/index.js +6 -15
- package/lib/es/anchor/index.js +11 -30
- package/lib/es/anchor/link.js +4 -8
- 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 +0 -1
- package/lib/es/avatar/index.js +19 -32
- 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.d.ts +0 -1
- package/lib/es/button/buttonGroup.js +5 -60
- package/lib/es/button/index.d.ts +0 -1
- package/lib/es/button/index.js +4 -7
- 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 +0 -1
- package/lib/es/checkbox/checkbox.js +13 -27
- package/lib/es/checkbox/checkboxGroup.js +7 -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 +9 -16
- 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/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.d.ts +2 -4
- package/lib/es/popconfirm/index.js +38 -59
- 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 +0 -1
- package/lib/es/radio/radio.js +18 -31
- package/lib/es/radio/radioGroup.js +7 -16
- package/lib/es/radio/radioInner.js +2 -6
- package/lib/es/rating/index.js +5 -18
- package/lib/es/rating/item.js +7 -11
- package/lib/es/scrollList/scrollItem.js +8 -14
- package/lib/es/select/index.js +38 -76
- package/lib/es/select/option.js +7 -10
- package/lib/es/select/utils.js +9 -22
- package/lib/es/sideSheet/SideSheetContent.js +6 -12
- package/lib/es/sideSheet/SideSheetTransition.js +1 -2
- package/lib/es/sideSheet/index.js +10 -18
- package/lib/es/skeleton/index.js +4 -8
- package/lib/es/skeleton/item.js +8 -18
- package/lib/es/slider/index.js +15 -36
- package/lib/es/space/index.js +2 -8
- package/lib/es/space/utils.js +4 -11
- package/lib/es/spin/icon.js +4 -8
- package/lib/es/spin/index.js +2 -6
- package/lib/es/steps/basicStep.js +1 -4
- package/lib/es/steps/basicSteps.js +6 -17
- package/lib/es/steps/fillStep.js +1 -4
- package/lib/es/steps/fillSteps.js +5 -17
- package/lib/es/steps/index.js +6 -9
- package/lib/es/steps/navSteps.js +5 -17
- package/lib/es/steps/step.js +3 -4
- package/lib/es/switch/index.js +2 -3
- package/lib/es/table/Body/BaseRow.js +9 -14
- package/lib/es/table/Body/ExpandedRow.js +5 -8
- package/lib/es/table/Body/SectionRow.js +10 -18
- package/lib/es/table/Body/index.js +34 -56
- package/lib/es/table/ColGroup.js +1 -5
- package/lib/es/table/Column.js +1 -2
- package/lib/es/table/ColumnFilter.js +13 -30
- package/lib/es/table/ColumnSelection.js +3 -4
- package/lib/es/table/ColumnSorter.js +1 -2
- package/lib/es/table/HeadTable.js +4 -6
- package/lib/es/table/ResizableHeaderCell.js +6 -13
- package/lib/es/table/ResizableTable.js +18 -36
- package/lib/es/table/Table.js +56 -76
- package/lib/es/table/TableCell.js +8 -13
- package/lib/es/table/TableHeader.js +7 -18
- package/lib/es/table/TableHeaderRow.js +13 -21
- package/lib/es/table/TablePagination.js +1 -2
- package/lib/es/table/getColumns.js +3 -10
- package/lib/es/table/index.js +3 -4
- package/lib/es/table/utils.js +1 -7
- package/lib/es/tabs/TabBar.js +18 -36
- package/lib/es/tabs/TabPane.js +9 -18
- package/lib/es/tabs/TabPaneTransition.js +2 -3
- package/lib/es/tabs/index.js +22 -48
- package/lib/es/tag/group.js +5 -13
- package/lib/es/tag/index.d.ts +1 -1
- package/lib/es/tag/index.js +13 -24
- 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 +18 -29
- 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 +8 -9
- package/popconfirm/_story/popconfirm.stories.js +1 -37
- package/popconfirm/index.tsx +6 -14
- package/radio/_story/radio.stories.js +5 -5
- package/radio/radio.tsx +19 -22
- package/radio/radioGroup.tsx +1 -1
- package/tag/index.tsx +1 -1
- package/treeSelect/_story/treeSelect.stories.js +0 -3
|
@@ -1,38 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = void 0;
|
|
12
7
|
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
|
|
16
|
-
|
|
17
|
-
var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
|
|
18
|
-
|
|
19
|
-
var _isArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
|
|
20
|
-
|
|
21
|
-
var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
|
|
22
|
-
|
|
23
|
-
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
24
|
-
|
|
25
|
-
var _map2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
26
|
-
|
|
27
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
28
|
-
|
|
29
|
-
var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
|
|
30
|
-
|
|
31
|
-
var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
|
|
32
|
-
|
|
33
|
-
var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/values"));
|
|
34
|
-
|
|
35
|
-
var _isArray3 = _interopRequireDefault(require("lodash/isArray"));
|
|
8
|
+
var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
|
|
36
9
|
|
|
37
10
|
var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
|
|
38
11
|
|
|
@@ -74,12 +47,12 @@ var _tree = _interopRequireDefault(require("../tree"));
|
|
|
74
47
|
|
|
75
48
|
var _semiIcons = require("@douyinfe/semi-icons");
|
|
76
49
|
|
|
50
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
51
|
+
|
|
77
52
|
const prefixcls = _constants.cssClasses.PREFIX;
|
|
78
53
|
|
|
79
54
|
class Transfer extends _baseComponent.default {
|
|
80
55
|
constructor(props) {
|
|
81
|
-
var _context, _context2, _context3;
|
|
82
|
-
|
|
83
56
|
super(props);
|
|
84
57
|
this._treeRef = null;
|
|
85
58
|
const {
|
|
@@ -90,26 +63,26 @@ class Transfer extends _baseComponent.default {
|
|
|
90
63
|
this.foundation = new _foundation.default(this.adapter);
|
|
91
64
|
this.state = {
|
|
92
65
|
data: [],
|
|
93
|
-
selectedItems: new
|
|
94
|
-
searchResult: new
|
|
66
|
+
selectedItems: new Map(),
|
|
67
|
+
searchResult: new Set(),
|
|
95
68
|
inputValue: ''
|
|
96
69
|
};
|
|
97
70
|
|
|
98
|
-
if (Boolean(dataSource) && (0,
|
|
71
|
+
if (Boolean(dataSource) && (0, _isArray2.default)(dataSource)) {
|
|
99
72
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
100
73
|
// @ts-ignore Avoid reporting errors this.state.xxx is read-only
|
|
101
74
|
this.state.data = (0, _transferUtils._generateDataByType)(dataSource, type);
|
|
102
75
|
}
|
|
103
76
|
|
|
104
|
-
if (Boolean(defaultValue) && (0,
|
|
77
|
+
if (Boolean(defaultValue) && (0, _isArray2.default)(defaultValue)) {
|
|
105
78
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
106
79
|
// @ts-ignore Avoid reporting errors this.state.xxx is read-only
|
|
107
80
|
this.state.selectedItems = (0, _transferUtils._generateSelectedItems)(defaultValue, this.state.data);
|
|
108
81
|
}
|
|
109
82
|
|
|
110
|
-
this.onSelectOrRemove =
|
|
111
|
-
this.onInputChange =
|
|
112
|
-
this.onSortEnd =
|
|
83
|
+
this.onSelectOrRemove = this.onSelectOrRemove.bind(this);
|
|
84
|
+
this.onInputChange = this.onInputChange.bind(this);
|
|
85
|
+
this.onSortEnd = this.onSortEnd.bind(this);
|
|
113
86
|
}
|
|
114
87
|
|
|
115
88
|
static getDerivedStateFromProps(props, state) {
|
|
@@ -123,25 +96,21 @@ class Transfer extends _baseComponent.default {
|
|
|
123
96
|
let newData = state.data;
|
|
124
97
|
let newSelectedItems = state.selectedItems;
|
|
125
98
|
|
|
126
|
-
if (Boolean(dataSource) &&
|
|
99
|
+
if (Boolean(dataSource) && Array.isArray(dataSource)) {
|
|
127
100
|
newData = (0, _transferUtils._generateDataByType)(dataSource, type);
|
|
128
101
|
mergedState.data = newData;
|
|
129
102
|
}
|
|
130
103
|
|
|
131
|
-
if (Boolean(value) &&
|
|
104
|
+
if (Boolean(value) && Array.isArray(value)) {
|
|
132
105
|
newSelectedItems = (0, _transferUtils._generateSelectedItems)(value, newData);
|
|
133
106
|
mergedState.selectedItems = newSelectedItems;
|
|
134
107
|
}
|
|
135
108
|
|
|
136
109
|
if (!(0, _isEqual2.default)(state.data, newData)) {
|
|
137
110
|
if (typeof state.inputValue === 'string' && state.inputValue !== '') {
|
|
138
|
-
const filterFunc = typeof filter === 'function' ? item => filter(state.inputValue, item) : item =>
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
return typeof item.label === 'string' && (0, _includes.default)(_context4 = item.label).call(_context4, state.inputValue);
|
|
142
|
-
};
|
|
143
|
-
const searchData = (0, _filter.default)(newData).call(newData, filterFunc);
|
|
144
|
-
const searchResult = new _set.default((0, _map2.default)(searchData).call(searchData, item => item.key));
|
|
111
|
+
const filterFunc = typeof filter === 'function' ? item => filter(state.inputValue, item) : item => typeof item.label === 'string' && item.label.includes(state.inputValue);
|
|
112
|
+
const searchData = newData.filter(filterFunc);
|
|
113
|
+
const searchResult = new Set(searchData.map(item => item.key));
|
|
145
114
|
mergedState.searchResult = searchResult;
|
|
146
115
|
}
|
|
147
116
|
}
|
|
@@ -150,8 +119,8 @@ class Transfer extends _baseComponent.default {
|
|
|
150
119
|
}
|
|
151
120
|
|
|
152
121
|
get adapter() {
|
|
153
|
-
return
|
|
154
|
-
getSelected: () => new
|
|
122
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
123
|
+
getSelected: () => new Map(this.state.selectedItems),
|
|
155
124
|
updateSelected: selectedItems => {
|
|
156
125
|
this.setState({
|
|
157
126
|
selectedItems
|
|
@@ -212,7 +181,7 @@ class Transfer extends _baseComponent.default {
|
|
|
212
181
|
role: "search",
|
|
213
182
|
"aria-label": "Transfer filter",
|
|
214
183
|
className: "".concat(prefixcls, "-filter")
|
|
215
|
-
}, /*#__PURE__*/_react.default.createElement(_index2.default,
|
|
184
|
+
}, /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({
|
|
216
185
|
prefix: /*#__PURE__*/_react.default.createElement(_semiIcons.IconSearch, null),
|
|
217
186
|
placeholder: locale.placeholder,
|
|
218
187
|
showClear: true,
|
|
@@ -263,7 +232,7 @@ class Transfer extends _baseComponent.default {
|
|
|
263
232
|
const checked = selectedItems.has(item.key);
|
|
264
233
|
|
|
265
234
|
if (renderSourceItem) {
|
|
266
|
-
return renderSourceItem(
|
|
235
|
+
return renderSourceItem(Object.assign(Object.assign({}, item), {
|
|
267
236
|
checked,
|
|
268
237
|
onChange: () => this.onSelectOrRemove(item)
|
|
269
238
|
}));
|
|
@@ -285,8 +254,6 @@ class Transfer extends _baseComponent.default {
|
|
|
285
254
|
}
|
|
286
255
|
|
|
287
256
|
renderLeft(locale) {
|
|
288
|
-
var _context5;
|
|
289
|
-
|
|
290
257
|
const {
|
|
291
258
|
data,
|
|
292
259
|
selectedItems,
|
|
@@ -303,12 +270,12 @@ class Transfer extends _baseComponent.default {
|
|
|
303
270
|
const totalToken = locale.total;
|
|
304
271
|
const inSearchMode = inputValue !== '';
|
|
305
272
|
const showNumber = inSearchMode ? searchResult.size : data.length;
|
|
306
|
-
const filterData = inSearchMode ?
|
|
273
|
+
const filterData = inSearchMode ? data.filter(item => searchResult.has(item.key)) : data; // Whether to select all should be a judgment, whether the filtered data on the left is a subset of the selected items
|
|
307
274
|
// For example, the filtered data on the left is 1, 3, 4;
|
|
308
275
|
// The selected option is 1,2,3,4, it is true
|
|
309
276
|
// The selected option is 2,3,4, then it is false
|
|
310
277
|
|
|
311
|
-
const leftContainesNotInSelected = Boolean(
|
|
278
|
+
const leftContainesNotInSelected = Boolean(filterData.find(f => !selectedItems.has(f.key)));
|
|
312
279
|
const totalText = totalToken.replace('${total}', "".concat(showNumber));
|
|
313
280
|
const headerConfig = {
|
|
314
281
|
totalContent: totalText,
|
|
@@ -369,7 +336,7 @@ class Transfer extends _baseComponent.default {
|
|
|
369
336
|
inputValue,
|
|
370
337
|
selectedItems,
|
|
371
338
|
value: values,
|
|
372
|
-
onSelect:
|
|
339
|
+
onSelect: this.foundation.handleSelect.bind(this.foundation),
|
|
373
340
|
onAllClick: () => this.foundation.handleAll(leftContainesNotInSelected),
|
|
374
341
|
onSearch: this.onInputChange,
|
|
375
342
|
onSelectOrRemove: item => this.onSelectOrRemove(item)
|
|
@@ -410,7 +377,7 @@ class Transfer extends _baseComponent.default {
|
|
|
410
377
|
};
|
|
411
378
|
|
|
412
379
|
const restTreeProps = (0, _omit2.default)(treeProps, ['value', 'ref', 'onChange']);
|
|
413
|
-
return /*#__PURE__*/_react.default.createElement(_tree.default,
|
|
380
|
+
return /*#__PURE__*/_react.default.createElement(_tree.default, Object.assign({
|
|
414
381
|
disabled: disabled,
|
|
415
382
|
treeData: dataSource,
|
|
416
383
|
multiple: true,
|
|
@@ -434,8 +401,8 @@ class Transfer extends _baseComponent.default {
|
|
|
434
401
|
|
|
435
402
|
renderLeftList(visibileItems) {
|
|
436
403
|
const content = [];
|
|
437
|
-
const groupStatus = new
|
|
438
|
-
|
|
404
|
+
const groupStatus = new Map();
|
|
405
|
+
visibileItems.forEach((item, index) => {
|
|
439
406
|
const parentGroup = item._parent;
|
|
440
407
|
const optionContent = this.renderLeftItem(item, index);
|
|
441
408
|
|
|
@@ -477,7 +444,7 @@ class Transfer extends _baseComponent.default {
|
|
|
477
444
|
const label = shouldShowPath ? this.foundation._generatePath(item) : item.label;
|
|
478
445
|
|
|
479
446
|
if (renderSelectedItem) {
|
|
480
|
-
return renderSelectedItem(
|
|
447
|
+
return renderSelectedItem(Object.assign(Object.assign({}, item), {
|
|
481
448
|
onRemove,
|
|
482
449
|
sortableHandle: _reactSortableHoc.SortableHandle
|
|
483
450
|
}));
|
|
@@ -530,7 +497,7 @@ class Transfer extends _baseComponent.default {
|
|
|
530
497
|
className: "".concat(prefixcls, "-right-list"),
|
|
531
498
|
role: "list",
|
|
532
499
|
"aria-label": "Selected list"
|
|
533
|
-
},
|
|
500
|
+
}, items.map((item, index) =>
|
|
534
501
|
/*#__PURE__*/
|
|
535
502
|
// @ts-ignore skip SortableItem type check
|
|
536
503
|
_react.default.createElement(SortableItem, {
|
|
@@ -562,7 +529,7 @@ class Transfer extends _baseComponent.default {
|
|
|
562
529
|
renderSelectedPanel,
|
|
563
530
|
draggable
|
|
564
531
|
} = this.props;
|
|
565
|
-
const selectedData = [...
|
|
532
|
+
const selectedData = [...selectedItems.values()]; // when custom render panel
|
|
566
533
|
|
|
567
534
|
const renderProps = {
|
|
568
535
|
length: selectedData.length,
|
|
@@ -601,7 +568,7 @@ class Transfer extends _baseComponent.default {
|
|
|
601
568
|
className: "".concat(prefixcls, "-right-list"),
|
|
602
569
|
role: "list",
|
|
603
570
|
"aria-label": "Selected list"
|
|
604
|
-
},
|
|
571
|
+
}, selectedData.map(item => this.renderRightItem(Object.assign({}, item))));
|
|
605
572
|
|
|
606
573
|
content = list;
|
|
607
574
|
break;
|
|
@@ -1,21 +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 _parseInt2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/parse-int"));
|
|
18
|
-
|
|
19
8
|
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
20
9
|
|
|
21
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -26,9 +15,11 @@ var _constants = require("@douyinfe/semi-foundation/lib/cjs/tree/constants");
|
|
|
26
15
|
|
|
27
16
|
var _resizeObserver = _interopRequireDefault(require("../resizeObserver"));
|
|
28
17
|
|
|
29
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof
|
|
18
|
+
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); }
|
|
19
|
+
|
|
20
|
+
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; }
|
|
30
21
|
|
|
31
|
-
function
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
32
23
|
|
|
33
24
|
const prefixcls = _constants.cssClasses.PREFIX;
|
|
34
25
|
|
|
@@ -43,8 +34,8 @@ class AutoSizer extends _react.PureComponent {
|
|
|
43
34
|
if (target) {
|
|
44
35
|
const height = (0, _get2.default)(target, 'offsetHeight') || 0;
|
|
45
36
|
const style = window.getComputedStyle(target) || {};
|
|
46
|
-
const paddingTop = (
|
|
47
|
-
const paddingBottom = (
|
|
37
|
+
const paddingTop = parseInt((0, _get2.default)(style, 'paddingTop'), 10) || 0;
|
|
38
|
+
const paddingBottom = parseInt((0, _get2.default)(style, 'paddingBottom'), 10) || 0;
|
|
48
39
|
const newHeight = height - paddingTop - paddingBottom;
|
|
49
40
|
|
|
50
41
|
if (this.state.height !== newHeight) {
|
package/lib/cjs/tree/collapse.js
CHANGED
|
@@ -1,21 +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 _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
18
|
-
|
|
19
8
|
var _noop2 = _interopRequireDefault(require("lodash/noop"));
|
|
20
9
|
|
|
21
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -28,9 +17,11 @@ var _constants = require("@douyinfe/semi-foundation/lib/cjs/collapsible/constant
|
|
|
28
17
|
|
|
29
18
|
var _getMotionObjFromProps = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getMotionObjFromProps"));
|
|
30
19
|
|
|
31
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof
|
|
20
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
+
|
|
22
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
32
23
|
|
|
33
|
-
function
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
34
25
|
|
|
35
26
|
/* eslint-disable arrow-body-style */
|
|
36
27
|
const ease = 'cubicBezier(.25,.1,.25,1)';
|
|
@@ -83,7 +74,7 @@ const Collapse = props => {
|
|
|
83
74
|
|
|
84
75
|
const renderChildren = transitionStyle => {
|
|
85
76
|
const transition = transitionStyle && typeof transitionStyle === 'object' ? formatStyle(transitionStyle) : {};
|
|
86
|
-
const style =
|
|
77
|
+
const style = Object.assign({
|
|
87
78
|
overflow: 'hidden',
|
|
88
79
|
maxHeight: open ? 'none' : 0
|
|
89
80
|
}, transition);
|
|
@@ -123,7 +114,7 @@ const Collapse = props => {
|
|
|
123
114
|
didLeave,
|
|
124
115
|
motion
|
|
125
116
|
});
|
|
126
|
-
return motion ? /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition,
|
|
117
|
+
return motion ? /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition, Object.assign({
|
|
127
118
|
state: open ? 'enter' : 'leave',
|
|
128
119
|
immediate: immediateAttr,
|
|
129
120
|
from: {
|
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
|
|