@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
package/lib/cjs/tabs/TabBar.js
CHANGED
|
@@ -1,25 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = void 0;
|
|
12
7
|
|
|
13
|
-
var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
|
|
14
|
-
|
|
15
|
-
var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
|
|
16
|
-
|
|
17
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
18
|
-
|
|
19
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
20
|
-
|
|
21
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
22
|
-
|
|
23
8
|
var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
|
|
24
9
|
|
|
25
10
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -42,13 +27,15 @@ var _semiIcons = require("@douyinfe/semi-icons");
|
|
|
42
27
|
|
|
43
28
|
var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
|
|
44
29
|
|
|
30
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
|
+
|
|
45
32
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
46
33
|
var t = {};
|
|
47
34
|
|
|
48
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
35
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
49
36
|
|
|
50
|
-
if (s != null && typeof
|
|
51
|
-
if (
|
|
37
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
38
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
52
39
|
}
|
|
53
40
|
return t;
|
|
54
41
|
};
|
|
@@ -61,12 +48,10 @@ class TabBar extends _react.default.Component {
|
|
|
61
48
|
this.props.onTabClick(itemKey, e);
|
|
62
49
|
|
|
63
50
|
if (this.props.collapsible) {
|
|
64
|
-
var _context, _context2;
|
|
65
|
-
|
|
66
51
|
const key = this._getItemKey(itemKey); // eslint-disable-next-line max-len
|
|
67
52
|
|
|
68
53
|
|
|
69
|
-
const tabItem = document.querySelector(
|
|
54
|
+
const tabItem = document.querySelector("[data-uuid=\"".concat(this.uuid, "\"] .").concat(_constants.cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
|
|
70
55
|
tabItem.scrollIntoView({
|
|
71
56
|
behavior: 'smooth',
|
|
72
57
|
block: 'nearest',
|
|
@@ -109,7 +94,7 @@ class TabBar extends _react.default.Component {
|
|
|
109
94
|
["".concat(_constants.cssClasses.TABS_TAB, "-small")]: size === 'small',
|
|
110
95
|
["".concat(_constants.cssClasses.TABS_TAB, "-medium")]: size === 'medium'
|
|
111
96
|
});
|
|
112
|
-
return /*#__PURE__*/_react.default.createElement("div",
|
|
97
|
+
return /*#__PURE__*/_react.default.createElement("div", Object.assign({
|
|
113
98
|
role: "tab",
|
|
114
99
|
id: "semiTab".concat(key),
|
|
115
100
|
"data-tabkey": "semiTab".concat(key),
|
|
@@ -124,11 +109,9 @@ class TabBar extends _react.default.Component {
|
|
|
124
109
|
}), panelIcon, panel.tab, closableIcon);
|
|
125
110
|
};
|
|
126
111
|
|
|
127
|
-
this.renderTabComponents = list =>
|
|
112
|
+
this.renderTabComponents = list => list.map(panel => this.renderTabItem(panel));
|
|
128
113
|
|
|
129
114
|
this.handleArrowClick = (items, pos) => {
|
|
130
|
-
var _context3, _context4;
|
|
131
|
-
|
|
132
115
|
const inline = pos === 'start' ? 'end' : 'start';
|
|
133
116
|
const lastItem = pos === 'start' ? items.pop() : items.shift();
|
|
134
117
|
|
|
@@ -139,7 +122,7 @@ class TabBar extends _react.default.Component {
|
|
|
139
122
|
const key = this._getItemKey(lastItem.itemKey); // eslint-disable-next-line max-len
|
|
140
123
|
|
|
141
124
|
|
|
142
|
-
const tabItem = document.querySelector(
|
|
125
|
+
const tabItem = document.querySelector("[data-uuid=\"".concat(this.uuid, "\"] .").concat(_constants.cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
|
|
143
126
|
tabItem.scrollIntoView({
|
|
144
127
|
behavior: 'smooth',
|
|
145
128
|
block: 'nearest',
|
|
@@ -148,8 +131,6 @@ class TabBar extends _react.default.Component {
|
|
|
148
131
|
};
|
|
149
132
|
|
|
150
133
|
this.renderCollapse = (items, icon, pos) => {
|
|
151
|
-
var _context5, _context6;
|
|
152
|
-
|
|
153
134
|
if ((0, _isEmpty2.default)(items)) {
|
|
154
135
|
return /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
155
136
|
disabled: true,
|
|
@@ -167,7 +148,7 @@ class TabBar extends _react.default.Component {
|
|
|
167
148
|
} = this.state;
|
|
168
149
|
const disabled = !items.length;
|
|
169
150
|
|
|
170
|
-
const menu = /*#__PURE__*/_react.default.createElement(_dropdown.default.Menu, null,
|
|
151
|
+
const menu = /*#__PURE__*/_react.default.createElement(_dropdown.default.Menu, null, items.map(panel => {
|
|
171
152
|
const {
|
|
172
153
|
icon: i,
|
|
173
154
|
tab,
|
|
@@ -182,7 +163,7 @@ class TabBar extends _react.default.Component {
|
|
|
182
163
|
}));
|
|
183
164
|
|
|
184
165
|
const arrowCls = (0, _classnames.default)({
|
|
185
|
-
[
|
|
166
|
+
["".concat(_constants.cssClasses.TABS_BAR, "-arrow-").concat(pos)]: pos,
|
|
186
167
|
["".concat(_constants.cssClasses.TABS_BAR, "-arrow")]: true
|
|
187
168
|
});
|
|
188
169
|
const dropdownCls = (0, _classnames.default)(dropdownClassName, {
|
|
@@ -192,7 +173,7 @@ class TabBar extends _react.default.Component {
|
|
|
192
173
|
className: dropdownCls,
|
|
193
174
|
clickToHide: true,
|
|
194
175
|
clickTriggerToHide: true,
|
|
195
|
-
key:
|
|
176
|
+
key: "".concat(rePosKey, "-").concat(pos),
|
|
196
177
|
position: pos === 'start' ? 'bottomLeft' : 'bottomRight',
|
|
197
178
|
render: disabled ? null : menu,
|
|
198
179
|
showTick: true,
|
|
@@ -210,7 +191,7 @@ class TabBar extends _react.default.Component {
|
|
|
210
191
|
})));
|
|
211
192
|
};
|
|
212
193
|
|
|
213
|
-
this.renderOverflow = items =>
|
|
194
|
+
this.renderOverflow = items => items.map((item, ind) => {
|
|
214
195
|
const icon = ind === 0 ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronLeft, null) : /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, null);
|
|
215
196
|
const pos = ind === 0 ? 'start' : 'end';
|
|
216
197
|
return this.renderCollapse(item, icon, pos);
|
|
@@ -220,11 +201,11 @@ class TabBar extends _react.default.Component {
|
|
|
220
201
|
const {
|
|
221
202
|
list
|
|
222
203
|
} = this.props;
|
|
223
|
-
const renderedList =
|
|
204
|
+
const renderedList = list.map(item => {
|
|
224
205
|
const {
|
|
225
206
|
itemKey
|
|
226
207
|
} = item;
|
|
227
|
-
return
|
|
208
|
+
return Object.assign({
|
|
228
209
|
key: this._getItemKey(itemKey),
|
|
229
210
|
active: this._isActive(itemKey)
|
|
230
211
|
}, item);
|
|
@@ -255,8 +236,6 @@ class TabBar extends _react.default.Component {
|
|
|
255
236
|
}
|
|
256
237
|
|
|
257
238
|
renderExtra() {
|
|
258
|
-
var _context7, _context8, _context9;
|
|
259
|
-
|
|
260
239
|
const {
|
|
261
240
|
tabBarExtraContent,
|
|
262
241
|
type,
|
|
@@ -267,12 +246,12 @@ class TabBar extends _react.default.Component {
|
|
|
267
246
|
};
|
|
268
247
|
const tabBarExtraContentStyle = tabBarExtraContent && tabBarExtraContent.props ? tabBarExtraContent.props.style : {};
|
|
269
248
|
const extraCls = (0, _classnames.default)(_constants.cssClasses.TABS_BAR_EXTRA, {
|
|
270
|
-
[
|
|
271
|
-
[
|
|
249
|
+
["".concat(_constants.cssClasses.TABS_BAR, "-").concat(type, "-extra")]: type,
|
|
250
|
+
["".concat(_constants.cssClasses.TABS_BAR, "-").concat(type, "-extra-").concat(size)]: size
|
|
272
251
|
});
|
|
273
252
|
|
|
274
253
|
if (tabBarExtraContent) {
|
|
275
|
-
const tabBarStyle =
|
|
254
|
+
const tabBarStyle = Object.assign(Object.assign({}, tabBarExtraContentDefaultStyle), tabBarExtraContentStyle);
|
|
276
255
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
277
256
|
className: extraCls,
|
|
278
257
|
style: tabBarStyle,
|
|
@@ -284,8 +263,6 @@ class TabBar extends _react.default.Component {
|
|
|
284
263
|
}
|
|
285
264
|
|
|
286
265
|
render() {
|
|
287
|
-
var _context10;
|
|
288
|
-
|
|
289
266
|
const _a = this.props,
|
|
290
267
|
{
|
|
291
268
|
type,
|
|
@@ -302,12 +279,12 @@ class TabBar extends _react.default.Component {
|
|
|
302
279
|
[_constants.cssClasses.TABS_BAR_LINE]: type === 'line',
|
|
303
280
|
[_constants.cssClasses.TABS_BAR_CARD]: type === 'card',
|
|
304
281
|
[_constants.cssClasses.TABS_BAR_BUTTON]: type === 'button',
|
|
305
|
-
[
|
|
282
|
+
["".concat(_constants.cssClasses.TABS_BAR, "-").concat(tabPosition)]: tabPosition,
|
|
306
283
|
["".concat(_constants.cssClasses.TABS_BAR, "-collapse")]: collapsible
|
|
307
284
|
});
|
|
308
285
|
const extra = this.renderExtra();
|
|
309
286
|
const contents = collapsible ? this.renderCollapsedTab() : this.renderTabComponents(list);
|
|
310
|
-
return /*#__PURE__*/_react.default.createElement("div",
|
|
287
|
+
return /*#__PURE__*/_react.default.createElement("div", Object.assign({
|
|
311
288
|
role: "tablist",
|
|
312
289
|
"aria-orientation": tabPosition === "left" ? "vertical" : "horizontal",
|
|
313
290
|
className: classNames,
|
package/lib/cjs/tabs/TabPane.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 _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
|
|
22
|
-
|
|
23
|
-
var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
|
|
24
|
-
|
|
25
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
26
|
-
|
|
27
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
28
9
|
|
|
29
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -38,17 +19,19 @@ var _tabsContext = _interopRequireDefault(require("./tabs-context"));
|
|
|
38
19
|
|
|
39
20
|
var _TabPaneTransition = _interopRequireDefault(require("./TabPaneTransition"));
|
|
40
21
|
|
|
41
|
-
function
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
|
|
24
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
42
25
|
|
|
43
|
-
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 =
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
44
27
|
|
|
45
28
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
46
29
|
var t = {};
|
|
47
30
|
|
|
48
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
31
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
49
32
|
|
|
50
|
-
if (s != null && typeof
|
|
51
|
-
if (
|
|
33
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
34
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
52
35
|
}
|
|
53
36
|
return t;
|
|
54
37
|
};
|
|
@@ -60,10 +43,10 @@ class TabPane extends _react.PureComponent {
|
|
|
60
43
|
this.ref = /*#__PURE__*/(0, _react.createRef)(); // get direction from current item key to activeKey
|
|
61
44
|
|
|
62
45
|
this.getDirection = (activeKey, itemKey, panes) => {
|
|
63
|
-
if (itemKey !== null && activeKey !== null &&
|
|
64
|
-
const activeIndex =
|
|
65
|
-
const itemIndex =
|
|
66
|
-
const lastActiveIndex =
|
|
46
|
+
if (itemKey !== null && activeKey !== null && Array.isArray(panes) && panes.length) {
|
|
47
|
+
const activeIndex = panes.findIndex(pane => pane.itemKey === activeKey);
|
|
48
|
+
const itemIndex = panes.findIndex(pane => pane.itemKey === itemKey);
|
|
49
|
+
const lastActiveIndex = panes.findIndex(pane => pane.itemKey === this.lastActiveKey);
|
|
67
50
|
this.lastActiveKey = activeKey;
|
|
68
51
|
|
|
69
52
|
if (activeIndex === itemIndex) {
|
|
@@ -134,7 +117,7 @@ class TabPane extends _react.PureComponent {
|
|
|
134
117
|
[_constants.cssClasses.TABS_PANE]: true
|
|
135
118
|
});
|
|
136
119
|
const shouldRender = this.shouldRender();
|
|
137
|
-
return /*#__PURE__*/_react.default.createElement("div",
|
|
120
|
+
return /*#__PURE__*/_react.default.createElement("div", Object.assign({
|
|
138
121
|
ref: this.ref,
|
|
139
122
|
role: "tabpanel",
|
|
140
123
|
id: "semiTabPanel".concat(itemKey),
|
|
@@ -152,7 +135,7 @@ class TabPane extends _react.PureComponent {
|
|
|
152
135
|
state: active ? 'enter' : 'leave'
|
|
153
136
|
}, transitionStyle => /*#__PURE__*/_react.default.createElement("div", {
|
|
154
137
|
className: "".concat(_constants.cssClasses.TABS_PANE_MOTION_OVERLAY),
|
|
155
|
-
style:
|
|
138
|
+
style: Object.assign({}, transitionStyle),
|
|
156
139
|
"x-semi-prop": "children"
|
|
157
140
|
}, shouldRender ? children : null)) : shouldRender ? children : null);
|
|
158
141
|
}
|
|
@@ -1,23 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = void 0;
|
|
12
7
|
|
|
13
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
14
|
-
|
|
15
8
|
var _toInteger2 = _interopRequireDefault(require("lodash/toInteger"));
|
|
16
9
|
|
|
17
10
|
var _react = _interopRequireDefault(require("react"));
|
|
18
11
|
|
|
19
12
|
var _semiAnimationReact = require("@douyinfe/semi-animation-react");
|
|
20
13
|
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
21
16
|
/* eslint-disable react/destructuring-assignment */
|
|
22
17
|
const TabPaneTransition = function () {
|
|
23
18
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -37,7 +32,7 @@ const TabPaneTransition = function () {
|
|
|
37
32
|
}
|
|
38
33
|
|
|
39
34
|
if (mode === 'vertical') {
|
|
40
|
-
return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition,
|
|
35
|
+
return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition, Object.assign({}, props, {
|
|
41
36
|
config: {
|
|
42
37
|
tension: 612,
|
|
43
38
|
friction: 32
|
|
@@ -76,7 +71,7 @@ const TabPaneTransition = function () {
|
|
|
76
71
|
} : props.children);
|
|
77
72
|
}
|
|
78
73
|
|
|
79
|
-
return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition,
|
|
74
|
+
return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition, Object.assign({}, props, {
|
|
80
75
|
config: {
|
|
81
76
|
tension: 612,
|
|
82
77
|
friction: 32
|
package/lib/cjs/tabs/index.js
CHANGED
|
@@ -1,44 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
8
|
-
|
|
9
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
10
|
-
|
|
11
|
-
var _forEachInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
|
12
|
-
|
|
13
|
-
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
|
14
|
-
|
|
15
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
16
|
-
|
|
17
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
18
4
|
value: true
|
|
19
5
|
});
|
|
20
|
-
|
|
21
6
|
var _exportNames = {};
|
|
22
7
|
exports.default = void 0;
|
|
23
8
|
|
|
24
|
-
var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
|
|
25
|
-
|
|
26
|
-
var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
|
|
27
|
-
|
|
28
|
-
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
29
|
-
|
|
30
|
-
var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
|
|
31
|
-
|
|
32
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
33
|
-
|
|
34
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
35
|
-
|
|
36
|
-
var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
|
|
37
|
-
|
|
38
|
-
var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
|
|
39
|
-
|
|
40
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
41
|
-
|
|
42
9
|
var _pick2 = _interopRequireDefault(require("lodash/pick"));
|
|
43
10
|
|
|
44
11
|
var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
|
|
@@ -69,12 +36,11 @@ var _tabsContext = _interopRequireDefault(require("./tabs-context"));
|
|
|
69
36
|
|
|
70
37
|
var _interface = require("./interface");
|
|
71
38
|
|
|
72
|
-
|
|
39
|
+
Object.keys(_interface).forEach(function (key) {
|
|
73
40
|
if (key === "default" || key === "__esModule") return;
|
|
74
41
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
75
42
|
if (key in exports && exports[key] === _interface[key]) return;
|
|
76
|
-
|
|
77
|
-
_Object$defineProperty(exports, key, {
|
|
43
|
+
Object.defineProperty(exports, key, {
|
|
78
44
|
enumerable: true,
|
|
79
45
|
get: function () {
|
|
80
46
|
return _interface[key];
|
|
@@ -82,17 +48,19 @@ _forEachInstanceProperty2(_context9 = _Object$keys(_interface)).call(_context9,
|
|
|
82
48
|
});
|
|
83
49
|
});
|
|
84
50
|
|
|
85
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof
|
|
51
|
+
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); }
|
|
86
52
|
|
|
87
|
-
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 =
|
|
53
|
+
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; }
|
|
54
|
+
|
|
55
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
88
56
|
|
|
89
57
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
90
58
|
var t = {};
|
|
91
59
|
|
|
92
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
60
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
93
61
|
|
|
94
|
-
if (s != null && typeof
|
|
95
|
-
if (
|
|
62
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
63
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
96
64
|
}
|
|
97
65
|
return t;
|
|
98
66
|
};
|
|
@@ -121,16 +89,14 @@ class Tabs extends _baseComponent.default {
|
|
|
121
89
|
const falttenChildren = _react.default.Children.toArray(children);
|
|
122
90
|
|
|
123
91
|
if (children.length) {
|
|
124
|
-
newChildren.push(...
|
|
125
|
-
newChildren.push(...
|
|
92
|
+
newChildren.push(...falttenChildren.filter(child => child.props && child.props.itemKey === activeKey));
|
|
93
|
+
newChildren.push(...falttenChildren.filter(child => child.props && child.props.itemKey !== activeKey));
|
|
126
94
|
}
|
|
127
95
|
|
|
128
96
|
return newChildren;
|
|
129
97
|
};
|
|
130
98
|
|
|
131
99
|
this.getActiveItem = () => {
|
|
132
|
-
var _context;
|
|
133
|
-
|
|
134
100
|
const {
|
|
135
101
|
activeKey
|
|
136
102
|
} = this.state;
|
|
@@ -139,11 +105,11 @@ class Tabs extends _baseComponent.default {
|
|
|
139
105
|
tabList
|
|
140
106
|
} = this.props;
|
|
141
107
|
|
|
142
|
-
if (tabList || !
|
|
108
|
+
if (tabList || !Array.isArray(children)) {
|
|
143
109
|
return children;
|
|
144
110
|
}
|
|
145
111
|
|
|
146
|
-
return
|
|
112
|
+
return _react.default.Children.toArray(children).filter(pane => {
|
|
147
113
|
if ( /*#__PURE__*/(0, _react.isValidElement)(pane) && pane.type && pane.type.isTabPane) {
|
|
148
114
|
return pane.props.itemKey === activeKey;
|
|
149
115
|
}
|
|
@@ -167,23 +133,21 @@ class Tabs extends _baseComponent.default {
|
|
|
167
133
|
}
|
|
168
134
|
|
|
169
135
|
get adapter() {
|
|
170
|
-
return
|
|
136
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
171
137
|
collectPane: () => {
|
|
172
|
-
var _context2;
|
|
173
|
-
|
|
174
138
|
const {
|
|
175
139
|
tabList,
|
|
176
140
|
children
|
|
177
141
|
} = this.props;
|
|
178
142
|
|
|
179
|
-
if (
|
|
143
|
+
if (Array.isArray(tabList) && tabList.length) {
|
|
180
144
|
this.setState({
|
|
181
145
|
panes: tabList
|
|
182
146
|
});
|
|
183
147
|
return;
|
|
184
148
|
}
|
|
185
149
|
|
|
186
|
-
const panes =
|
|
150
|
+
const panes = _react.default.Children.map(children, child => {
|
|
187
151
|
if (child) {
|
|
188
152
|
const {
|
|
189
153
|
tab,
|
|
@@ -203,6 +167,7 @@ class Tabs extends _baseComponent.default {
|
|
|
203
167
|
|
|
204
168
|
return undefined;
|
|
205
169
|
});
|
|
170
|
+
|
|
206
171
|
this.setState({
|
|
207
172
|
panes
|
|
208
173
|
});
|
|
@@ -223,12 +188,10 @@ class Tabs extends _baseComponent.default {
|
|
|
223
188
|
activeKey
|
|
224
189
|
} = this.state;
|
|
225
190
|
|
|
226
|
-
if (
|
|
191
|
+
if (Array.isArray(tabList) && tabList.length) {
|
|
227
192
|
panes = tabList;
|
|
228
193
|
} else {
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
panes = (0, _map.default)(_context3 = _react.default.Children).call(_context3, children, child => {
|
|
194
|
+
panes = _react.default.Children.map(children, child => {
|
|
232
195
|
if (child) {
|
|
233
196
|
const {
|
|
234
197
|
tab,
|
|
@@ -250,7 +213,7 @@ class Tabs extends _baseComponent.default {
|
|
|
250
213
|
});
|
|
251
214
|
}
|
|
252
215
|
|
|
253
|
-
if (
|
|
216
|
+
if (panes.findIndex(p => p.itemKey === activeKey) === -1) {
|
|
254
217
|
if (panes.length > 0) {
|
|
255
218
|
this.setState({
|
|
256
219
|
activeKey: panes[0].itemKey
|
|
@@ -274,15 +237,13 @@ class Tabs extends _baseComponent.default {
|
|
|
274
237
|
});
|
|
275
238
|
},
|
|
276
239
|
getDefaultActiveKeyFromChildren: () => {
|
|
277
|
-
var _context4;
|
|
278
|
-
|
|
279
240
|
const {
|
|
280
241
|
tabList,
|
|
281
242
|
children
|
|
282
243
|
} = this.props;
|
|
283
244
|
let activeKey = '';
|
|
284
|
-
const list = tabList ? tabList :
|
|
285
|
-
|
|
245
|
+
const list = tabList ? tabList : _react.default.Children.toArray(children).map(child => /*#__PURE__*/(0, _react.isValidElement)(child) ? child.props : null);
|
|
246
|
+
list.forEach(item => {
|
|
286
247
|
if (item && !activeKey && !item.disabled) {
|
|
287
248
|
activeKey = item.itemKey;
|
|
288
249
|
}
|
|
@@ -306,11 +267,11 @@ class Tabs extends _baseComponent.default {
|
|
|
306
267
|
}
|
|
307
268
|
|
|
308
269
|
componentDidUpdate(prevProps) {
|
|
309
|
-
var _context5, _context6;
|
|
310
|
-
|
|
311
270
|
// Panes state acts on tab bar, no need to compare TabPane children
|
|
312
|
-
const prevChildrenProps =
|
|
313
|
-
|
|
271
|
+
const prevChildrenProps = _react.default.Children.toArray(prevProps.children).map(child => (0, _pick2.default)( /*#__PURE__*/(0, _react.isValidElement)(child) ? child.props : null, panePickKeys));
|
|
272
|
+
|
|
273
|
+
const nowChildrenProps = _react.default.Children.toArray(this.props.children).map(child => (0, _pick2.default)( /*#__PURE__*/(0, _react.isValidElement)(child) ? child.props : null, panePickKeys));
|
|
274
|
+
|
|
314
275
|
const isTabListType = this.props.tabList || prevProps.tabList;
|
|
315
276
|
|
|
316
277
|
if (!(0, _isEqual2.default)(this.props.tabList, prevProps.tabList)) {
|
|
@@ -327,8 +288,6 @@ class Tabs extends _baseComponent.default {
|
|
|
327
288
|
}
|
|
328
289
|
|
|
329
290
|
render() {
|
|
330
|
-
var _context7, _context8;
|
|
331
|
-
|
|
332
291
|
const _a = this.props,
|
|
333
292
|
{
|
|
334
293
|
children,
|
|
@@ -355,11 +314,11 @@ class Tabs extends _baseComponent.default {
|
|
|
355
314
|
} = this.state;
|
|
356
315
|
const tabWrapperCls = (0, _classnames.default)(className, {
|
|
357
316
|
[_constants.cssClasses.TABS]: true,
|
|
358
|
-
[
|
|
317
|
+
["".concat(_constants.cssClasses.TABS, "-").concat(tabPosition)]: tabPosition
|
|
359
318
|
});
|
|
360
319
|
const tabContentCls = (0, _classnames.default)({
|
|
361
320
|
[_constants.cssClasses.TABS_CONTENT]: true,
|
|
362
|
-
[
|
|
321
|
+
["".concat(_constants.cssClasses.TABS_CONTENT, "-").concat(tabPosition)]: tabPosition
|
|
363
322
|
});
|
|
364
323
|
const tabBarProps = {
|
|
365
324
|
activeKey,
|
|
@@ -375,9 +334,9 @@ class Tabs extends _baseComponent.default {
|
|
|
375
334
|
deleteTabItem: this.deleteTabItem,
|
|
376
335
|
handleKeyDown: this.foundation.handleKeyDown
|
|
377
336
|
};
|
|
378
|
-
const tabBar = renderTabBar ? renderTabBar(tabBarProps, _TabBar.default) : /*#__PURE__*/_react.default.createElement(_TabBar.default,
|
|
337
|
+
const tabBar = renderTabBar ? renderTabBar(tabBarProps, _TabBar.default) : /*#__PURE__*/_react.default.createElement(_TabBar.default, Object.assign({}, tabBarProps));
|
|
379
338
|
const content = keepDOM ? children : this.getActiveItem();
|
|
380
|
-
return /*#__PURE__*/_react.default.createElement("div",
|
|
339
|
+
return /*#__PURE__*/_react.default.createElement("div", Object.assign({
|
|
381
340
|
className: tabWrapperCls,
|
|
382
341
|
style: style
|
|
383
342
|
}, (0, _getDataAttr.default)(restProps)), tabBar, /*#__PURE__*/_react.default.createElement(_tabsContext.default.Provider, {
|
|
@@ -391,7 +350,7 @@ class Tabs extends _baseComponent.default {
|
|
|
391
350
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
392
351
|
ref: this.setContentRef,
|
|
393
352
|
className: tabContentCls,
|
|
394
|
-
style:
|
|
353
|
+
style: Object.assign({}, contentStyle)
|
|
395
354
|
}, content)));
|
|
396
355
|
}
|
|
397
356
|
|
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = void 0;
|
|
12
7
|
|
|
13
8
|
var _react = _interopRequireDefault(require("react"));
|
|
14
9
|
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
15
12
|
const TabsContext = /*#__PURE__*/_react.default.createContext({});
|
|
16
13
|
|
|
17
14
|
var _default = TabsContext;
|