@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/es/table/Table.js
CHANGED
|
@@ -12,24 +12,14 @@ import _find from "lodash/find";
|
|
|
12
12
|
import _includes from "lodash/includes";
|
|
13
13
|
import _noop from "lodash/noop";
|
|
14
14
|
import _get from "lodash/get";
|
|
15
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
16
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
17
|
-
import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
|
|
18
|
-
import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
|
|
19
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
20
|
-
import _Set from "@babel/runtime-corejs3/core-js-stable/set";
|
|
21
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
22
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
23
|
-
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
|
24
|
-
import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
|
|
25
15
|
|
|
26
16
|
var __rest = this && this.__rest || function (s, e) {
|
|
27
17
|
var t = {};
|
|
28
18
|
|
|
29
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
19
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
30
20
|
|
|
31
|
-
if (s != null && typeof
|
|
32
|
-
if (
|
|
21
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
33
23
|
}
|
|
34
24
|
return t;
|
|
35
25
|
};
|
|
@@ -123,22 +113,18 @@ class Table extends BaseComponent {
|
|
|
123
113
|
};
|
|
124
114
|
|
|
125
115
|
this.getCurrentPageData = () => {
|
|
126
|
-
var _context;
|
|
127
|
-
|
|
128
116
|
const pageData = this.foundation.getCurrentPageData();
|
|
129
|
-
|
|
130
|
-
const retObj = _reduceInstanceProperty(_context = ['dataSource', 'groups']).call(_context, (result, key) => {
|
|
117
|
+
const retObj = ['dataSource', 'groups'].reduce((result, key) => {
|
|
131
118
|
if (pageData[key]) {
|
|
132
119
|
result[key] = pageData[key];
|
|
133
120
|
}
|
|
134
121
|
|
|
135
122
|
return result;
|
|
136
123
|
}, {});
|
|
137
|
-
|
|
138
124
|
return cloneDeep(retObj);
|
|
139
125
|
};
|
|
140
126
|
|
|
141
|
-
this.getColumns = (columns, children) => !
|
|
127
|
+
this.getColumns = (columns, children) => !Array.isArray(columns) || !columns || !columns.length ? getColumns(children) : columns; // @ts-ignore
|
|
142
128
|
|
|
143
129
|
|
|
144
130
|
this.getCellWidths = function () {
|
|
@@ -272,9 +258,7 @@ class Table extends BaseComponent {
|
|
|
272
258
|
tableNode.classList.remove(..._difference(positionAll, acceptPosition));
|
|
273
259
|
tableNode.classList.add(...acceptPosition);
|
|
274
260
|
} else {
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
const acceptPosition = [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-scroll-position-")).call(_context2, position)];
|
|
261
|
+
const acceptPosition = ["".concat(prefixCls, "-scroll-position-").concat(position)];
|
|
278
262
|
tableNode.classList.remove(..._difference(positionAll, acceptPosition));
|
|
279
263
|
tableNode.classList.add(...acceptPosition);
|
|
280
264
|
}
|
|
@@ -319,7 +303,7 @@ class Table extends BaseComponent {
|
|
|
319
303
|
if (rowSelection && typeof rowSelection === 'object') {
|
|
320
304
|
const {
|
|
321
305
|
selectedRowKeys = [],
|
|
322
|
-
selectedRowKeysSet = new
|
|
306
|
+
selectedRowKeysSet = new Set(),
|
|
323
307
|
getCheckboxProps,
|
|
324
308
|
disabled
|
|
325
309
|
} = rowSelection;
|
|
@@ -385,7 +369,7 @@ class Table extends BaseComponent {
|
|
|
385
369
|
};
|
|
386
370
|
|
|
387
371
|
if (_isObject(rowSelection)) {
|
|
388
|
-
column =
|
|
372
|
+
column = Object.assign(Object.assign({}, column), _omit(rowSelection, needOmitSelectionKey));
|
|
389
373
|
}
|
|
390
374
|
|
|
391
375
|
column.className = classnames(column.className, "".concat(prefixCls, "-column-selection"));
|
|
@@ -519,8 +503,8 @@ class Table extends BaseComponent {
|
|
|
519
503
|
|
|
520
504
|
const filteredValue = stateFilteredValue ? stateFilteredValue : defaultFilteredValue;
|
|
521
505
|
|
|
522
|
-
if (
|
|
523
|
-
const filter = /*#__PURE__*/React.createElement(ColumnFilter,
|
|
506
|
+
if (Array.isArray(column.filters) && column.filters.length || /*#__PURE__*/isValidElement(column.filterDropdown)) {
|
|
507
|
+
const filter = /*#__PURE__*/React.createElement(ColumnFilter, Object.assign({
|
|
524
508
|
key: strings.DEFAULT_KEY_COLUMN_FILTER
|
|
525
509
|
}, curQuery, {
|
|
526
510
|
filteredValue: filteredValue,
|
|
@@ -532,7 +516,7 @@ class Table extends BaseComponent {
|
|
|
532
516
|
}
|
|
533
517
|
|
|
534
518
|
const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr;
|
|
535
|
-
column =
|
|
519
|
+
column = Object.assign(Object.assign({}, column), {
|
|
536
520
|
title: newTitle
|
|
537
521
|
});
|
|
538
522
|
}
|
|
@@ -643,7 +627,7 @@ class Table extends BaseComponent {
|
|
|
643
627
|
this.renderMainTable = props => {
|
|
644
628
|
const useFixedHeader = this.adapter.useFixedHeader();
|
|
645
629
|
const emptySlot = this.renderEmpty(props);
|
|
646
|
-
const table = [this.renderTable(
|
|
630
|
+
const table = [this.renderTable(Object.assign(Object.assign({}, props), {
|
|
647
631
|
fixed: false,
|
|
648
632
|
useFixedHeader,
|
|
649
633
|
headerRef: this._cacheHeaderRef,
|
|
@@ -674,7 +658,7 @@ class Table extends BaseComponent {
|
|
|
674
658
|
disabledRowKeysSet
|
|
675
659
|
} = props;
|
|
676
660
|
|
|
677
|
-
const selectedRowKeysSet = _get(rowSelection, 'selectedRowKeysSet', new
|
|
661
|
+
const selectedRowKeysSet = _get(rowSelection, 'selectedRowKeysSet', new Set());
|
|
678
662
|
|
|
679
663
|
const headTable = fixed || useFixedHeader ? /*#__PURE__*/React.createElement(HeadTable, {
|
|
680
664
|
key: "head",
|
|
@@ -692,7 +676,7 @@ class Table extends BaseComponent {
|
|
|
692
676
|
dataSource: dataSource,
|
|
693
677
|
bodyHasScrollBar: bodyHasScrollBar
|
|
694
678
|
}) : null;
|
|
695
|
-
const bodyTable = /*#__PURE__*/React.createElement(BodyTable,
|
|
679
|
+
const bodyTable = /*#__PURE__*/React.createElement(BodyTable, Object.assign({}, _omit(props, ['rowSelection', 'headWidths']), {
|
|
696
680
|
key: "body",
|
|
697
681
|
ref: bodyRef,
|
|
698
682
|
columns: filteredColumns,
|
|
@@ -745,13 +729,13 @@ class Table extends BaseComponent {
|
|
|
745
729
|
const addFns = function () {
|
|
746
730
|
let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
747
731
|
|
|
748
|
-
if (
|
|
732
|
+
if (Array.isArray(columns) && columns.length) {
|
|
749
733
|
_each(columns, (column, index, originColumns) => {
|
|
750
734
|
const newColumn = _this.addFnsInColumn(column);
|
|
751
735
|
|
|
752
736
|
const children = column[childrenColumnName];
|
|
753
737
|
|
|
754
|
-
if (
|
|
738
|
+
if (Array.isArray(children) && children.length) {
|
|
755
739
|
const newChildren = [...children];
|
|
756
740
|
addFns(newChildren);
|
|
757
741
|
newColumn[childrenColumnName] = newChildren;
|
|
@@ -775,7 +759,7 @@ class Table extends BaseComponent {
|
|
|
775
759
|
|
|
776
760
|
if (column) {
|
|
777
761
|
if (destIndex > -1) {
|
|
778
|
-
columns[destIndex] =
|
|
762
|
+
columns[destIndex] = Object.assign(Object.assign({}, column), columns[destIndex]);
|
|
779
763
|
} else if (column.fixed === 'right') {
|
|
780
764
|
columns = [...columns, column];
|
|
781
765
|
} else {
|
|
@@ -794,7 +778,7 @@ class Table extends BaseComponent {
|
|
|
794
778
|
});
|
|
795
779
|
|
|
796
780
|
if (destIndex > -1) {
|
|
797
|
-
columns[destIndex] =
|
|
781
|
+
columns[destIndex] = Object.assign(Object.assign({}, column), columns[destIndex]);
|
|
798
782
|
} else if (column.fixed === 'right') {
|
|
799
783
|
columns = [...columns, column];
|
|
800
784
|
} else {
|
|
@@ -823,10 +807,9 @@ class Table extends BaseComponent {
|
|
|
823
807
|
|
|
824
808
|
|
|
825
809
|
this.mergePagination = pagination => {
|
|
826
|
-
const newPagination =
|
|
810
|
+
const newPagination = Object.assign({
|
|
827
811
|
onChange: this.foundation.setPage
|
|
828
812
|
}, pagination);
|
|
829
|
-
|
|
830
813
|
return newPagination;
|
|
831
814
|
};
|
|
832
815
|
|
|
@@ -850,8 +833,8 @@ class Table extends BaseComponent {
|
|
|
850
833
|
dataSource: [],
|
|
851
834
|
flattenData: [],
|
|
852
835
|
expandedRowKeys: [...(props.expandedRowKeys || []), ...(props.defaultExpandedRowKeys || [])],
|
|
853
|
-
rowSelection: props.rowSelection ? _isObject(props.rowSelection) ?
|
|
854
|
-
pagination: props.pagination && typeof props.pagination === 'object' ?
|
|
836
|
+
rowSelection: props.rowSelection ? _isObject(props.rowSelection) ? Object.assign({}, props.rowSelection) : {} : null,
|
|
837
|
+
pagination: props.pagination && typeof props.pagination === 'object' ? Object.assign({}, props.pagination) : props.pagination || false,
|
|
855
838
|
|
|
856
839
|
/**
|
|
857
840
|
* Internal state
|
|
@@ -859,7 +842,7 @@ class Table extends BaseComponent {
|
|
|
859
842
|
groups: null,
|
|
860
843
|
allRowKeys: [],
|
|
861
844
|
disabledRowKeys: [],
|
|
862
|
-
disabledRowKeysSet: new
|
|
845
|
+
disabledRowKeysSet: new Set(),
|
|
863
846
|
headWidths: [],
|
|
864
847
|
bodyHasScrollBar: false,
|
|
865
848
|
prePropRowSelection: undefined,
|
|
@@ -877,13 +860,13 @@ class Table extends BaseComponent {
|
|
|
877
860
|
this.debouncedWindowResize = _debounce(this.handleWindowResize, 150);
|
|
878
861
|
this.cachedFilteredSortedDataSource = [];
|
|
879
862
|
this.cachedFilteredSortedRowKeys = [];
|
|
880
|
-
this.cachedFilteredSortedRowKeysSet = new
|
|
863
|
+
this.cachedFilteredSortedRowKeysSet = new Set();
|
|
881
864
|
}
|
|
882
865
|
|
|
883
866
|
get adapter() {
|
|
884
867
|
var _this2 = this;
|
|
885
868
|
|
|
886
|
-
return
|
|
869
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
887
870
|
resetScrollY: () => {
|
|
888
871
|
if (this.bodyWrapRef.current) {
|
|
889
872
|
this.bodyWrapRef.current.scrollTop = 0;
|
|
@@ -891,16 +874,16 @@ class Table extends BaseComponent {
|
|
|
891
874
|
},
|
|
892
875
|
setSelectedRowKeys: selectedRowKeys => {
|
|
893
876
|
this.setState({
|
|
894
|
-
rowSelection:
|
|
877
|
+
rowSelection: Object.assign(Object.assign({}, this.state.rowSelection), {
|
|
895
878
|
selectedRowKeys: [...selectedRowKeys],
|
|
896
|
-
selectedRowKeysSet: new
|
|
879
|
+
selectedRowKeysSet: new Set(selectedRowKeys)
|
|
897
880
|
})
|
|
898
881
|
});
|
|
899
882
|
},
|
|
900
883
|
setDisabledRowKeys: disabledRowKeys => {
|
|
901
884
|
this.setState({
|
|
902
885
|
disabledRowKeys,
|
|
903
|
-
disabledRowKeysSet: new
|
|
886
|
+
disabledRowKeysSet: new Set(disabledRowKeys)
|
|
904
887
|
});
|
|
905
888
|
},
|
|
906
889
|
setCurrentPage: currentPage => {
|
|
@@ -910,7 +893,7 @@ class Table extends BaseComponent {
|
|
|
910
893
|
|
|
911
894
|
if (typeof pagination === 'object') {
|
|
912
895
|
this.setState({
|
|
913
|
-
pagination:
|
|
896
|
+
pagination: Object.assign(Object.assign({}, pagination), {
|
|
914
897
|
currentPage
|
|
915
898
|
})
|
|
916
899
|
});
|
|
@@ -963,7 +946,7 @@ class Table extends BaseComponent {
|
|
|
963
946
|
},
|
|
964
947
|
setCachedFilteredSortedRowKeys: filteredSortedRowKeys => {
|
|
965
948
|
this.cachedFilteredSortedRowKeys = filteredSortedRowKeys;
|
|
966
|
-
this.cachedFilteredSortedRowKeysSet = new
|
|
949
|
+
this.cachedFilteredSortedRowKeysSet = new Set(filteredSortedRowKeys);
|
|
967
950
|
},
|
|
968
951
|
getCurrentPage: () => _get(this.state, 'pagination.currentPage', 1),
|
|
969
952
|
getCurrentPageSize: () => _get(this.state, 'pagination.pageSize', numbers.DEFAULT_PAGE_SIZE),
|
|
@@ -1039,7 +1022,7 @@ class Table extends BaseComponent {
|
|
|
1039
1022
|
|
|
1040
1023
|
if (_this2.state.headWidths.length && typeof index === 'number') {
|
|
1041
1024
|
const configs = _this2.state.headWidths[index] || [];
|
|
1042
|
-
return
|
|
1025
|
+
return configs.map(item => item.width);
|
|
1043
1026
|
}
|
|
1044
1027
|
|
|
1045
1028
|
return [];
|
|
@@ -1049,11 +1032,11 @@ class Table extends BaseComponent {
|
|
|
1049
1032
|
let flattenedWidths = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
1050
1033
|
let ignoreScrollBarKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
1051
1034
|
|
|
1052
|
-
if (
|
|
1035
|
+
if (Array.isArray(flattenedColumns) && flattenedColumns.length) {
|
|
1053
1036
|
flattenedWidths = flattenedWidths == null && _this2.state.headWidths.length ? _flattenDeep(_this2.state.headWidths) : [];
|
|
1054
1037
|
|
|
1055
|
-
if (
|
|
1056
|
-
return
|
|
1038
|
+
if (Array.isArray(flattenedWidths) && flattenedWidths.length) {
|
|
1039
|
+
return flattenedColumns.reduce((result, column) => {
|
|
1057
1040
|
const found = column.key === strings.DEFAULT_KEY_COLUMN_SCROLLBAR && ignoreScrollBarKey ? null : _find(flattenedWidths, item => item && item.key != null && item.key === column.key);
|
|
1058
1041
|
|
|
1059
1042
|
if (found) {
|
|
@@ -1078,7 +1061,7 @@ class Table extends BaseComponent {
|
|
|
1078
1061
|
|
|
1079
1062
|
const hasExpandedRowRender = typeof expandedRowRender === 'function';
|
|
1080
1063
|
const hasRowExpandable = typeof rowExpandable === 'function';
|
|
1081
|
-
const hasChildren =
|
|
1064
|
+
const hasChildren = Array.isArray(children) && children.length;
|
|
1082
1065
|
const strictExpandableResult = hasRowExpandable && rowExpandable(record);
|
|
1083
1066
|
const looseExpandableResult = !hasRowExpandable || strictExpandableResult;
|
|
1084
1067
|
return (hasExpandedRowRender || hasChildren) && looseExpandableResult || !(hasExpandedRowRender || hasChildren) && strictExpandableResult;
|
|
@@ -1129,19 +1112,19 @@ class Table extends BaseComponent {
|
|
|
1129
1112
|
let newSelectionStates = {};
|
|
1130
1113
|
|
|
1131
1114
|
if (_isObject(state.rowSelection)) {
|
|
1132
|
-
newSelectionStates =
|
|
1115
|
+
newSelectionStates = Object.assign(Object.assign({}, newSelectionStates), state.rowSelection);
|
|
1133
1116
|
}
|
|
1134
1117
|
|
|
1135
1118
|
if (_isObject(rowSelection)) {
|
|
1136
|
-
newSelectionStates =
|
|
1119
|
+
newSelectionStates = Object.assign(Object.assign({}, newSelectionStates), rowSelection);
|
|
1137
1120
|
}
|
|
1138
1121
|
|
|
1139
1122
|
const selectedRowKeys = _get(rowSelection, 'selectedRowKeys');
|
|
1140
1123
|
|
|
1141
1124
|
const getCheckboxProps = _get(rowSelection, 'getCheckboxProps');
|
|
1142
1125
|
|
|
1143
|
-
if (selectedRowKeys &&
|
|
1144
|
-
newSelectionStates.selectedRowKeysSet = new
|
|
1126
|
+
if (selectedRowKeys && Array.isArray(selectedRowKeys)) {
|
|
1127
|
+
newSelectionStates.selectedRowKeysSet = new Set(selectedRowKeys);
|
|
1145
1128
|
} // The return value of getCheckboxProps affects the disabled rows
|
|
1146
1129
|
|
|
1147
1130
|
|
|
@@ -1153,7 +1136,7 @@ class Table extends BaseComponent {
|
|
|
1153
1136
|
rowKey
|
|
1154
1137
|
});
|
|
1155
1138
|
willUpdateStates.disabledRowKeys = disabledRowKeys;
|
|
1156
|
-
willUpdateStates.disabledRowKeysSet = new
|
|
1139
|
+
willUpdateStates.disabledRowKeysSet = new Set(disabledRowKeys);
|
|
1157
1140
|
}
|
|
1158
1141
|
|
|
1159
1142
|
willUpdateStates.rowSelection = newSelectionStates;
|
|
@@ -1164,11 +1147,11 @@ class Table extends BaseComponent {
|
|
|
1164
1147
|
let newPagination = {};
|
|
1165
1148
|
|
|
1166
1149
|
if (_isObject(state.pagination)) {
|
|
1167
|
-
newPagination =
|
|
1150
|
+
newPagination = Object.assign(Object.assign({}, newPagination), state.pagination);
|
|
1168
1151
|
}
|
|
1169
1152
|
|
|
1170
1153
|
if (_isObject(pagination)) {
|
|
1171
|
-
newPagination =
|
|
1154
|
+
newPagination = Object.assign(Object.assign({}, newPagination), pagination);
|
|
1172
1155
|
}
|
|
1173
1156
|
|
|
1174
1157
|
willUpdateStates.pagination = newPagination;
|
|
@@ -1225,7 +1208,7 @@ class Table extends BaseComponent {
|
|
|
1225
1208
|
// Update controlled expand column
|
|
1226
1209
|
|
|
1227
1210
|
|
|
1228
|
-
if (
|
|
1211
|
+
if (Array.isArray(expandedRowKeys) && expandedRowKeys !== prevProps.expandedRowKeys) {
|
|
1229
1212
|
this.setState({
|
|
1230
1213
|
expandedRowKeys
|
|
1231
1214
|
});
|
|
@@ -1266,12 +1249,12 @@ class Table extends BaseComponent {
|
|
|
1266
1249
|
|
|
1267
1250
|
|
|
1268
1251
|
if (dataSource !== prevProps.dataSource) {
|
|
1269
|
-
states.pagination = _isObject(statePagination) ?
|
|
1252
|
+
states.pagination = _isObject(statePagination) ? Object.assign(Object.assign({}, statePagination), {
|
|
1270
1253
|
currentPage: _isObject(propsPagination) && propsPagination.currentPage ? propsPagination.currentPage : 1
|
|
1271
1254
|
}) : statePagination;
|
|
1272
1255
|
}
|
|
1273
1256
|
|
|
1274
|
-
if (
|
|
1257
|
+
if (Object.keys(states).length) {
|
|
1275
1258
|
const {
|
|
1276
1259
|
// eslint-disable-next-line @typescript-eslint/no-shadow
|
|
1277
1260
|
pagination: mergedStatePagination = null,
|
|
@@ -1290,7 +1273,7 @@ class Table extends BaseComponent {
|
|
|
1290
1273
|
} // Centrally update paging related state
|
|
1291
1274
|
|
|
1292
1275
|
|
|
1293
|
-
const statesKeys =
|
|
1276
|
+
const statesKeys = Object.keys(states);
|
|
1294
1277
|
|
|
1295
1278
|
for (const k of statesKeys) {
|
|
1296
1279
|
this.setState({
|
|
@@ -1317,8 +1300,6 @@ class Table extends BaseComponent {
|
|
|
1317
1300
|
}
|
|
1318
1301
|
|
|
1319
1302
|
render() {
|
|
1320
|
-
var _context3, _context4, _context5, _context6, _context7, _context8;
|
|
1321
|
-
|
|
1322
1303
|
let _a = this.props,
|
|
1323
1304
|
{
|
|
1324
1305
|
scroll,
|
|
@@ -1349,7 +1330,7 @@ class Table extends BaseComponent {
|
|
|
1349
1330
|
cachedColumns,
|
|
1350
1331
|
bodyHasScrollBar
|
|
1351
1332
|
} = this.state;
|
|
1352
|
-
wrapStyle =
|
|
1333
|
+
wrapStyle = Object.assign({}, wrapStyle);
|
|
1353
1334
|
let columns;
|
|
1354
1335
|
/**
|
|
1355
1336
|
* As state.queries will change, the columns should be refreshed as a whole at this time
|
|
@@ -1393,7 +1374,7 @@ class Table extends BaseComponent {
|
|
|
1393
1374
|
pagination = pageData.pagination;
|
|
1394
1375
|
}
|
|
1395
1376
|
|
|
1396
|
-
const props =
|
|
1377
|
+
const props = Object.assign(Object.assign(Object.assign({}, rest), this.state), {
|
|
1397
1378
|
// props not in rest
|
|
1398
1379
|
virtualized,
|
|
1399
1380
|
scroll,
|
|
@@ -1424,20 +1405,20 @@ class Table extends BaseComponent {
|
|
|
1424
1405
|
}
|
|
1425
1406
|
|
|
1426
1407
|
const wrapCls = classnames({
|
|
1427
|
-
[
|
|
1428
|
-
[
|
|
1408
|
+
["".concat(prefixCls, "-").concat(strings.SIZE_SMALL)]: size === strings.SIZE_SMALL,
|
|
1409
|
+
["".concat(prefixCls, "-").concat(strings.SIZE_MIDDLE)]: size === strings.SIZE_MIDDLE,
|
|
1429
1410
|
["".concat(prefixCls, "-virtualized")]: Boolean(virtualized),
|
|
1430
1411
|
["".concat(prefixCls, "-bordered")]: bordered,
|
|
1431
1412
|
["".concat(prefixCls, "-fixed-header")]: Boolean(y),
|
|
1432
|
-
["".concat(prefixCls, "-scroll-position-left")]:
|
|
1433
|
-
["".concat(prefixCls, "-scroll-position-right")]:
|
|
1413
|
+
["".concat(prefixCls, "-scroll-position-left")]: ['both', 'left'].includes(this.position),
|
|
1414
|
+
["".concat(prefixCls, "-scroll-position-right")]: ['both', 'right'].includes(this.position)
|
|
1434
1415
|
}); // pagination
|
|
1435
1416
|
|
|
1436
1417
|
const tablePagination = pagination && propPagination ? this.renderPagination(pagination, propRenderPagination) : null;
|
|
1437
1418
|
|
|
1438
1419
|
const paginationPosition = _get(propPagination, 'position', 'bottom');
|
|
1439
1420
|
|
|
1440
|
-
const tableContextValue =
|
|
1421
|
+
const tableContextValue = Object.assign(Object.assign({}, this.context), {
|
|
1441
1422
|
headWidths,
|
|
1442
1423
|
tableWidth,
|
|
1443
1424
|
anyColumnFixed,
|
|
@@ -1451,14 +1432,13 @@ class Table extends BaseComponent {
|
|
|
1451
1432
|
getVirtualizedListRef,
|
|
1452
1433
|
setBodyHasScrollbar: this.setBodyHasScrollbar
|
|
1453
1434
|
});
|
|
1454
|
-
|
|
1455
1435
|
return /*#__PURE__*/React.createElement("div", {
|
|
1456
1436
|
ref: this.rootWrapRef,
|
|
1457
1437
|
className: classnames(className, "".concat(prefixCls, "-wrapper")),
|
|
1458
1438
|
"data-column-fixed": anyColumnFixed,
|
|
1459
1439
|
style: wrapStyle,
|
|
1460
1440
|
id: id
|
|
1461
|
-
}, /*#__PURE__*/React.createElement(TableContextProvider,
|
|
1441
|
+
}, /*#__PURE__*/React.createElement(TableContextProvider, Object.assign({}, tableContextValue), /*#__PURE__*/React.createElement(Spin, {
|
|
1462
1442
|
spinning: loading,
|
|
1463
1443
|
size: "large"
|
|
1464
1444
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -1466,15 +1446,15 @@ class Table extends BaseComponent {
|
|
|
1466
1446
|
className: wrapCls
|
|
1467
1447
|
}, /*#__PURE__*/React.createElement(React.Fragment, {
|
|
1468
1448
|
key: 'pagination-top'
|
|
1469
|
-
},
|
|
1449
|
+
}, ['top', 'both'].includes(paginationPosition) ? tablePagination : null), this.renderTitle({
|
|
1470
1450
|
title: props.title,
|
|
1471
1451
|
dataSource: props.dataSource,
|
|
1472
1452
|
prefixCls: props.prefixCls
|
|
1473
1453
|
}), /*#__PURE__*/React.createElement("div", {
|
|
1474
1454
|
className: "".concat(prefixCls, "-container")
|
|
1475
|
-
}, this.renderMainTable(
|
|
1455
|
+
}, this.renderMainTable(Object.assign({}, props))), /*#__PURE__*/React.createElement(React.Fragment, {
|
|
1476
1456
|
key: 'pagination-bottom'
|
|
1477
|
-
},
|
|
1457
|
+
}, ['bottom', 'both'].includes(paginationPosition) ? tablePagination : null)))));
|
|
1478
1458
|
}
|
|
1479
1459
|
|
|
1480
1460
|
}
|
|
@@ -4,8 +4,6 @@ import _omit from "lodash/omit";
|
|
|
4
4
|
import _set from "lodash/set";
|
|
5
5
|
import _noop from "lodash/noop";
|
|
6
6
|
import _get from "lodash/get";
|
|
7
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
8
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
9
7
|
|
|
10
8
|
/* eslint-disable prefer-destructuring */
|
|
11
9
|
|
|
@@ -46,7 +44,7 @@ export default class TableCell extends BaseComponent {
|
|
|
46
44
|
get adapter() {
|
|
47
45
|
var _this = this;
|
|
48
46
|
|
|
49
|
-
return
|
|
47
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
50
48
|
notifyClick: function () {
|
|
51
49
|
const {
|
|
52
50
|
onClick
|
|
@@ -142,14 +140,14 @@ export default class TableCell extends BaseComponent {
|
|
|
142
140
|
|
|
143
141
|
if (column.onCell) {
|
|
144
142
|
customCellProps = column.onCell(record, index);
|
|
145
|
-
this.adapter.setCache('customCellProps',
|
|
146
|
-
tdProps =
|
|
143
|
+
this.adapter.setCache('customCellProps', Object.assign({}, customCellProps));
|
|
144
|
+
tdProps = Object.assign(Object.assign({}, tdProps), _omit(customCellProps, ['style', 'className', 'onClick']));
|
|
147
145
|
const customCellStyle = _get(customCellProps, 'style') || {};
|
|
148
|
-
tdProps.style =
|
|
146
|
+
tdProps.style = Object.assign(Object.assign({}, tdProps.style), customCellStyle);
|
|
149
147
|
}
|
|
150
148
|
|
|
151
149
|
if (column.align) {
|
|
152
|
-
tdProps.style =
|
|
150
|
+
tdProps.style = Object.assign(Object.assign({}, tdProps.style), {
|
|
153
151
|
textAlign: column.align
|
|
154
152
|
});
|
|
155
153
|
}
|
|
@@ -166,8 +164,6 @@ export default class TableCell extends BaseComponent {
|
|
|
166
164
|
|
|
167
165
|
|
|
168
166
|
renderText(tdProps) {
|
|
169
|
-
var _context;
|
|
170
|
-
|
|
171
167
|
const {
|
|
172
168
|
record,
|
|
173
169
|
indentSize,
|
|
@@ -197,7 +193,7 @@ export default class TableCell extends BaseComponent {
|
|
|
197
193
|
style: {
|
|
198
194
|
paddingLeft: "".concat(indentSize * indent, "px")
|
|
199
195
|
},
|
|
200
|
-
className:
|
|
196
|
+
className: "".concat(prefixCls, "-row-indent indent-level-").concat(indent)
|
|
201
197
|
}) : null; // column.render
|
|
202
198
|
|
|
203
199
|
const realExpandIcon = typeof renderExpandIcon === 'function' ? renderExpandIcon(record) : expandIcon;
|
|
@@ -212,8 +208,7 @@ export default class TableCell extends BaseComponent {
|
|
|
212
208
|
renderSelection
|
|
213
209
|
} = this.context;
|
|
214
210
|
const realSelection = typeof renderSelection === 'function' ? renderSelection(record) : null;
|
|
215
|
-
|
|
216
|
-
_Object$assign(renderOptions, {
|
|
211
|
+
Object.assign(renderOptions, {
|
|
217
212
|
selection: realSelection,
|
|
218
213
|
indentText
|
|
219
214
|
});
|
|
@@ -327,7 +322,7 @@ export default class TableCell extends BaseComponent {
|
|
|
327
322
|
["".concat(prefixCls, "-cell-fixed-right")]: fixedRightFlag,
|
|
328
323
|
["".concat(prefixCls, "-cell-fixed-right-first")]: firstFixedRight
|
|
329
324
|
});
|
|
330
|
-
return /*#__PURE__*/React.createElement(BodyCell,
|
|
325
|
+
return /*#__PURE__*/React.createElement(BodyCell, Object.assign({
|
|
331
326
|
role: "gridcell",
|
|
332
327
|
"aria-colindex": colIndex + 1,
|
|
333
328
|
className: columnCls,
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
import _isFunction from "lodash/isFunction";
|
|
2
2
|
import _noop from "lodash/noop";
|
|
3
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
4
|
-
import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
|
|
5
|
-
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
|
6
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
7
|
-
import _Set from "@babel/runtime-corejs3/core-js-stable/set";
|
|
8
3
|
|
|
9
4
|
/* eslint-disable max-len */
|
|
10
5
|
import React from 'react';
|
|
@@ -23,8 +18,7 @@ function parseHeaderRows(columns) {
|
|
|
23
18
|
// Init rows
|
|
24
19
|
rows[rowIndex] = rows[rowIndex] || [];
|
|
25
20
|
let currentColIndex = colIndex;
|
|
26
|
-
|
|
27
|
-
const colSpans = _mapInstanceProperty(columns).call(columns, column => {
|
|
21
|
+
const colSpans = columns.map(column => {
|
|
28
22
|
const cell = {
|
|
29
23
|
key: column.key,
|
|
30
24
|
className: column.className || '',
|
|
@@ -44,9 +38,7 @@ function parseHeaderRows(columns) {
|
|
|
44
38
|
const subColumns = column.children;
|
|
45
39
|
|
|
46
40
|
if (subColumns && subColumns.length > 0) {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
colSpan = _reduceInstanceProperty(_context = fillRowCells(subColumns, currentColIndex, [...parents, cell], rowIndex + 1, level + 1)).call(_context, (total, count) => total + count, 0);
|
|
41
|
+
colSpan = fillRowCells(subColumns, currentColIndex, [...parents, cell], rowIndex + 1, level + 1).reduce((total, count) => total + count, 0);
|
|
50
42
|
cell.hasSubColumns = true;
|
|
51
43
|
}
|
|
52
44
|
|
|
@@ -70,7 +62,6 @@ function parseHeaderRows(columns) {
|
|
|
70
62
|
currentColIndex += colSpan;
|
|
71
63
|
return colSpan;
|
|
72
64
|
});
|
|
73
|
-
|
|
74
65
|
return colSpans;
|
|
75
66
|
} // Generate `rows` cell data
|
|
76
67
|
|
|
@@ -89,9 +80,7 @@ function parseHeaderRows(columns) {
|
|
|
89
80
|
const rowCount = rows.length;
|
|
90
81
|
|
|
91
82
|
for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
_forEachInstanceProperty(_context2 = rows[rowIndex]).call(_context2, cell => {
|
|
83
|
+
rows[rowIndex].forEach(cell => {
|
|
95
84
|
if (!('rowSpan' in cell) && !cell.hasSubColumns) {
|
|
96
85
|
// eslint-disable-next-line no-param-reassign
|
|
97
86
|
cell.rowSpan = rowCount - rowIndex;
|
|
@@ -108,7 +97,7 @@ function parseHeaderRows(columns) {
|
|
|
108
97
|
|
|
109
98
|
class TableHeader extends BaseComponent {
|
|
110
99
|
get adapter() {
|
|
111
|
-
return
|
|
100
|
+
return Object.assign({}, super.adapter);
|
|
112
101
|
}
|
|
113
102
|
|
|
114
103
|
render() {
|
|
@@ -126,7 +115,7 @@ class TableHeader extends BaseComponent {
|
|
|
126
115
|
return /*#__PURE__*/React.createElement(HeaderWrapper, {
|
|
127
116
|
className: "".concat(prefixCls, "-thead"),
|
|
128
117
|
ref: forwardedRef
|
|
129
|
-
},
|
|
118
|
+
}, rows.map((row, idx) => /*#__PURE__*/React.createElement(TableHeaderRow, {
|
|
130
119
|
prefixCls: prefixCls,
|
|
131
120
|
key: idx,
|
|
132
121
|
index: idx,
|
|
@@ -149,7 +138,7 @@ TableHeader.propTypes = {
|
|
|
149
138
|
onHeaderRow: PropTypes.func,
|
|
150
139
|
onDidUpdate: PropTypes.func,
|
|
151
140
|
fixed: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
|
|
152
|
-
selectedRowKeysSet: PropTypes.instanceOf(
|
|
141
|
+
selectedRowKeysSet: PropTypes.instanceOf(Set).isRequired
|
|
153
142
|
};
|
|
154
143
|
TableHeader.defaultProps = {
|
|
155
144
|
columns: [],
|
|
@@ -164,6 +153,6 @@ TableHeader.defaultProps = {
|
|
|
164
153
|
}
|
|
165
154
|
}
|
|
166
155
|
};
|
|
167
|
-
export default /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(TableHeader,
|
|
156
|
+
export default /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(TableHeader, Object.assign({}, props, {
|
|
168
157
|
forwardedRef: ref
|
|
169
158
|
})));
|