@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/tooltip/index.js
CHANGED
|
@@ -1,29 +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 _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
|
|
22
|
-
|
|
23
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
24
|
-
|
|
25
|
-
var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
|
|
26
|
-
|
|
27
8
|
var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
|
|
28
9
|
|
|
29
10
|
var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
|
|
@@ -70,7 +51,7 @@ var _utils = require("../_utils");
|
|
|
70
51
|
|
|
71
52
|
var _index = _interopRequireDefault(require("../_portal/index"));
|
|
72
53
|
|
|
73
|
-
var
|
|
54
|
+
var _context = _interopRequireDefault(require("../configProvider/context"));
|
|
74
55
|
|
|
75
56
|
var _TriangleArrow = _interopRequireDefault(require("./TriangleArrow"));
|
|
76
57
|
|
|
@@ -80,17 +61,19 @@ var _TooltipStyledTransition = _interopRequireDefault(require("./TooltipStyledTr
|
|
|
80
61
|
|
|
81
62
|
var _ArrowBoundingShape = _interopRequireDefault(require("./ArrowBoundingShape"));
|
|
82
63
|
|
|
83
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof
|
|
64
|
+
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); }
|
|
65
|
+
|
|
66
|
+
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; }
|
|
84
67
|
|
|
85
|
-
function
|
|
68
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
86
69
|
|
|
87
70
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
88
71
|
var t = {};
|
|
89
72
|
|
|
90
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
73
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
91
74
|
|
|
92
|
-
if (s != null && typeof
|
|
93
|
-
if (
|
|
75
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
76
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
94
77
|
}
|
|
95
78
|
return t;
|
|
96
79
|
};
|
|
@@ -158,7 +141,7 @@ class Tooltip extends _baseComponent.default {
|
|
|
158
141
|
let icon = null;
|
|
159
142
|
const triangleCls = (0, _classnames.default)(["".concat(prefixCls, "-icon-arrow")]);
|
|
160
143
|
const bgColor = (0, _get2.default)(style, 'backgroundColor');
|
|
161
|
-
const iconComponent =
|
|
144
|
+
const iconComponent = placement.includes('left') || placement.includes('right') ? /*#__PURE__*/_react.default.createElement(_TriangleArrowVertical.default, null) : /*#__PURE__*/_react.default.createElement(_TriangleArrow.default, null);
|
|
162
145
|
|
|
163
146
|
if (showArrow) {
|
|
164
147
|
if ( /*#__PURE__*/(0, _react.isValidElement)(showArrow)) {
|
|
@@ -247,9 +230,9 @@ class Tooltip extends _baseComponent.default {
|
|
|
247
230
|
animateStyle,
|
|
248
231
|
animateEvents
|
|
249
232
|
} = _ref;
|
|
250
|
-
return /*#__PURE__*/_react.default.createElement("div",
|
|
233
|
+
return /*#__PURE__*/_react.default.createElement("div", Object.assign({
|
|
251
234
|
className: (0, _classnames.default)(className, animateCls),
|
|
252
|
-
style:
|
|
235
|
+
style: Object.assign(Object.assign(Object.assign({
|
|
253
236
|
visibility: 'visible'
|
|
254
237
|
}, animateStyle), {
|
|
255
238
|
transformOrigin
|
|
@@ -259,11 +242,11 @@ class Tooltip extends _baseComponent.default {
|
|
|
259
242
|
"x-placement": placement,
|
|
260
243
|
id: id
|
|
261
244
|
}), contentNode, icon);
|
|
262
|
-
} : null) : /*#__PURE__*/_react.default.createElement("div",
|
|
245
|
+
} : null) : /*#__PURE__*/_react.default.createElement("div", Object.assign({
|
|
263
246
|
className: className
|
|
264
247
|
}, portalEventSet, {
|
|
265
248
|
"x-placement": placement,
|
|
266
|
-
style:
|
|
249
|
+
style: Object.assign({
|
|
267
250
|
visibility: motion ? 'hidden' : 'visible'
|
|
268
251
|
}, style)
|
|
269
252
|
}), contentNode, icon);
|
|
@@ -292,7 +275,7 @@ class Tooltip extends _baseComponent.default {
|
|
|
292
275
|
display: 'inline-block'
|
|
293
276
|
};
|
|
294
277
|
|
|
295
|
-
if (block ||
|
|
278
|
+
if (block || blockDisplays.includes(display)) {
|
|
296
279
|
style.width = '100%';
|
|
297
280
|
} // eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
298
281
|
|
|
@@ -353,7 +336,7 @@ class Tooltip extends _baseComponent.default {
|
|
|
353
336
|
get adapter() {
|
|
354
337
|
var _this = this;
|
|
355
338
|
|
|
356
|
-
return
|
|
339
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
357
340
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
358
341
|
// @ts-ignore
|
|
359
342
|
on: function () {
|
|
@@ -373,9 +356,9 @@ class Tooltip extends _baseComponent.default {
|
|
|
373
356
|
this.setState({
|
|
374
357
|
isInsert: true,
|
|
375
358
|
transitionState: 'enter',
|
|
376
|
-
containerStyle:
|
|
359
|
+
containerStyle: Object.assign(Object.assign({}, this.state.containerStyle), containerStyle)
|
|
377
360
|
}, () => {
|
|
378
|
-
(
|
|
361
|
+
setTimeout(() => {
|
|
379
362
|
// waiting child component mounted
|
|
380
363
|
this.eventManager.emit('portalInserted');
|
|
381
364
|
}, 0);
|
|
@@ -424,7 +407,7 @@ class Tooltip extends _baseComponent.default {
|
|
|
424
407
|
|
|
425
408
|
if (container && (0, _reactUtils.isHTMLElement)(container)) {
|
|
426
409
|
const boundingRect = (0, _dom.convertDOMRectToObject)(container.getBoundingClientRect());
|
|
427
|
-
rect =
|
|
410
|
+
rect = Object.assign(Object.assign({}, boundingRect), {
|
|
428
411
|
scrollLeft: container.scrollLeft,
|
|
429
412
|
scrollTop: container.scrollTop
|
|
430
413
|
});
|
|
@@ -441,11 +424,7 @@ class Tooltip extends _baseComponent.default {
|
|
|
441
424
|
const computedStyle = window.getComputedStyle(container);
|
|
442
425
|
return computedStyle.getPropertyValue('position') === 'relative';
|
|
443
426
|
},
|
|
444
|
-
containerIsRelativeOrAbsolute: () =>
|
|
445
|
-
var _context;
|
|
446
|
-
|
|
447
|
-
return (0, _includes.default)(_context = ['relative', 'absolute']).call(_context, this.containerPosition);
|
|
448
|
-
},
|
|
427
|
+
containerIsRelativeOrAbsolute: () => ['relative', 'absolute'].includes(this.containerPosition),
|
|
449
428
|
// Get the size of the pop-up layer
|
|
450
429
|
getWrapperBounding: () => {
|
|
451
430
|
const el = this.containerEl && this.containerEl.current;
|
|
@@ -459,7 +438,7 @@ class Tooltip extends _baseComponent.default {
|
|
|
459
438
|
style = __rest(_a, ["position"]);
|
|
460
439
|
|
|
461
440
|
this.setState({
|
|
462
|
-
containerStyle:
|
|
441
|
+
containerStyle: Object.assign(Object.assign({}, this.state.containerStyle), style),
|
|
463
442
|
placement: position,
|
|
464
443
|
isPositionUpdated: true
|
|
465
444
|
}, () => {
|
|
@@ -662,7 +641,7 @@ class Tooltip extends _baseComponent.default {
|
|
|
662
641
|
let {
|
|
663
642
|
children
|
|
664
643
|
} = this.props;
|
|
665
|
-
const childrenStyle =
|
|
644
|
+
const childrenStyle = Object.assign({}, (0, _get2.default)(children, 'props.style'));
|
|
666
645
|
const extraStyle = {};
|
|
667
646
|
|
|
668
647
|
if (wrapWhenSpecial) {
|
|
@@ -703,8 +682,8 @@ class Tooltip extends _baseComponent.default {
|
|
|
703
682
|
} // The incoming children is a single valid element, otherwise wrap a layer with span
|
|
704
683
|
|
|
705
684
|
|
|
706
|
-
const newChild = /*#__PURE__*/_react.default.cloneElement(children,
|
|
707
|
-
style:
|
|
685
|
+
const newChild = /*#__PURE__*/_react.default.cloneElement(children, Object.assign(Object.assign(Object.assign(Object.assign({}, ariaAttribute), children.props), this.mergeEvents(children.props, triggerEventSet)), {
|
|
686
|
+
style: Object.assign(Object.assign({}, (0, _get2.default)(children, 'props.style')), extraStyle),
|
|
708
687
|
className: (0, _classnames.default)((0, _get2.default)(children, 'props.className')),
|
|
709
688
|
// to maintain refs with callback
|
|
710
689
|
ref: node => {
|
|
@@ -721,8 +700,8 @@ class Tooltip extends _baseComponent.default {
|
|
|
721
700
|
ref.current = node;
|
|
722
701
|
}
|
|
723
702
|
},
|
|
724
|
-
tabIndex: children.props.tabIndex || 0
|
|
725
|
-
|
|
703
|
+
tabIndex: children.props.tabIndex || 0,
|
|
704
|
+
'data-popupid': id
|
|
726
705
|
})); // If you do not add a layer of div, in order to bind the events and className in the tooltip, you need to cloneElement children, but this time it may overwrite the children's original ref reference
|
|
727
706
|
// So if the user adds ref to the content, you need to use callback ref: https://github.com/facebook/react/issues/8873
|
|
728
707
|
|
|
@@ -733,7 +712,7 @@ class Tooltip extends _baseComponent.default {
|
|
|
733
712
|
}
|
|
734
713
|
|
|
735
714
|
exports.default = Tooltip;
|
|
736
|
-
Tooltip.contextType =
|
|
715
|
+
Tooltip.contextType = _context.default;
|
|
737
716
|
Tooltip.propTypes = {
|
|
738
717
|
children: _propTypes.default.node,
|
|
739
718
|
motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object, _propTypes.default.func]),
|
|
@@ -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: {
|