@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/tabs/index.js
CHANGED
|
@@ -1,22 +1,13 @@
|
|
|
1
1
|
import _pick from "lodash/pick";
|
|
2
2
|
import _isEqual from "lodash/isEqual";
|
|
3
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
4
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
5
|
-
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
|
6
|
-
import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
|
|
7
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
8
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
9
|
-
import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
|
|
10
|
-
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
|
11
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
12
3
|
|
|
13
4
|
var __rest = this && this.__rest || function (s, e) {
|
|
14
5
|
var t = {};
|
|
15
6
|
|
|
16
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
7
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
17
8
|
|
|
18
|
-
if (s != null && typeof
|
|
19
|
-
if (
|
|
9
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
10
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
20
11
|
}
|
|
21
12
|
return t;
|
|
22
13
|
};
|
|
@@ -57,16 +48,14 @@ class Tabs extends BaseComponent {
|
|
|
57
48
|
const falttenChildren = React.Children.toArray(children);
|
|
58
49
|
|
|
59
50
|
if (children.length) {
|
|
60
|
-
newChildren.push(...
|
|
61
|
-
newChildren.push(...
|
|
51
|
+
newChildren.push(...falttenChildren.filter(child => child.props && child.props.itemKey === activeKey));
|
|
52
|
+
newChildren.push(...falttenChildren.filter(child => child.props && child.props.itemKey !== activeKey));
|
|
62
53
|
}
|
|
63
54
|
|
|
64
55
|
return newChildren;
|
|
65
56
|
};
|
|
66
57
|
|
|
67
58
|
this.getActiveItem = () => {
|
|
68
|
-
var _context;
|
|
69
|
-
|
|
70
59
|
const {
|
|
71
60
|
activeKey
|
|
72
61
|
} = this.state;
|
|
@@ -75,11 +64,11 @@ class Tabs extends BaseComponent {
|
|
|
75
64
|
tabList
|
|
76
65
|
} = this.props;
|
|
77
66
|
|
|
78
|
-
if (tabList || !
|
|
67
|
+
if (tabList || !Array.isArray(children)) {
|
|
79
68
|
return children;
|
|
80
69
|
}
|
|
81
70
|
|
|
82
|
-
return
|
|
71
|
+
return React.Children.toArray(children).filter(pane => {
|
|
83
72
|
if ( /*#__PURE__*/isValidElement(pane) && pane.type && pane.type.isTabPane) {
|
|
84
73
|
return pane.props.itemKey === activeKey;
|
|
85
74
|
}
|
|
@@ -103,23 +92,21 @@ class Tabs extends BaseComponent {
|
|
|
103
92
|
}
|
|
104
93
|
|
|
105
94
|
get adapter() {
|
|
106
|
-
return
|
|
95
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
107
96
|
collectPane: () => {
|
|
108
|
-
var _context2;
|
|
109
|
-
|
|
110
97
|
const {
|
|
111
98
|
tabList,
|
|
112
99
|
children
|
|
113
100
|
} = this.props;
|
|
114
101
|
|
|
115
|
-
if (
|
|
102
|
+
if (Array.isArray(tabList) && tabList.length) {
|
|
116
103
|
this.setState({
|
|
117
104
|
panes: tabList
|
|
118
105
|
});
|
|
119
106
|
return;
|
|
120
107
|
}
|
|
121
108
|
|
|
122
|
-
const panes =
|
|
109
|
+
const panes = React.Children.map(children, child => {
|
|
123
110
|
if (child) {
|
|
124
111
|
const {
|
|
125
112
|
tab,
|
|
@@ -139,7 +126,6 @@ class Tabs extends BaseComponent {
|
|
|
139
126
|
|
|
140
127
|
return undefined;
|
|
141
128
|
});
|
|
142
|
-
|
|
143
129
|
this.setState({
|
|
144
130
|
panes
|
|
145
131
|
});
|
|
@@ -160,12 +146,10 @@ class Tabs extends BaseComponent {
|
|
|
160
146
|
activeKey
|
|
161
147
|
} = this.state;
|
|
162
148
|
|
|
163
|
-
if (
|
|
149
|
+
if (Array.isArray(tabList) && tabList.length) {
|
|
164
150
|
panes = tabList;
|
|
165
151
|
} else {
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
panes = _mapInstanceProperty(_context3 = React.Children).call(_context3, children, child => {
|
|
152
|
+
panes = React.Children.map(children, child => {
|
|
169
153
|
if (child) {
|
|
170
154
|
const {
|
|
171
155
|
tab,
|
|
@@ -187,7 +171,7 @@ class Tabs extends BaseComponent {
|
|
|
187
171
|
});
|
|
188
172
|
}
|
|
189
173
|
|
|
190
|
-
if (
|
|
174
|
+
if (panes.findIndex(p => p.itemKey === activeKey) === -1) {
|
|
191
175
|
if (panes.length > 0) {
|
|
192
176
|
this.setState({
|
|
193
177
|
activeKey: panes[0].itemKey
|
|
@@ -211,21 +195,17 @@ class Tabs extends BaseComponent {
|
|
|
211
195
|
});
|
|
212
196
|
},
|
|
213
197
|
getDefaultActiveKeyFromChildren: () => {
|
|
214
|
-
var _context4;
|
|
215
|
-
|
|
216
198
|
const {
|
|
217
199
|
tabList,
|
|
218
200
|
children
|
|
219
201
|
} = this.props;
|
|
220
202
|
let activeKey = '';
|
|
221
|
-
const list = tabList ? tabList :
|
|
222
|
-
|
|
223
|
-
_forEachInstanceProperty(list).call(list, item => {
|
|
203
|
+
const list = tabList ? tabList : React.Children.toArray(children).map(child => /*#__PURE__*/isValidElement(child) ? child.props : null);
|
|
204
|
+
list.forEach(item => {
|
|
224
205
|
if (item && !activeKey && !item.disabled) {
|
|
225
206
|
activeKey = item.itemKey;
|
|
226
207
|
}
|
|
227
208
|
});
|
|
228
|
-
|
|
229
209
|
return activeKey;
|
|
230
210
|
},
|
|
231
211
|
notifyTabDelete: tabKey => {
|
|
@@ -245,13 +225,9 @@ class Tabs extends BaseComponent {
|
|
|
245
225
|
}
|
|
246
226
|
|
|
247
227
|
componentDidUpdate(prevProps) {
|
|
248
|
-
var _context5, _context6;
|
|
249
|
-
|
|
250
228
|
// Panes state acts on tab bar, no need to compare TabPane children
|
|
251
|
-
const prevChildrenProps =
|
|
252
|
-
|
|
253
|
-
const nowChildrenProps = _mapInstanceProperty(_context6 = React.Children.toArray(this.props.children)).call(_context6, child => _pick( /*#__PURE__*/isValidElement(child) ? child.props : null, panePickKeys));
|
|
254
|
-
|
|
229
|
+
const prevChildrenProps = React.Children.toArray(prevProps.children).map(child => _pick( /*#__PURE__*/isValidElement(child) ? child.props : null, panePickKeys));
|
|
230
|
+
const nowChildrenProps = React.Children.toArray(this.props.children).map(child => _pick( /*#__PURE__*/isValidElement(child) ? child.props : null, panePickKeys));
|
|
255
231
|
const isTabListType = this.props.tabList || prevProps.tabList;
|
|
256
232
|
|
|
257
233
|
if (!_isEqual(this.props.tabList, prevProps.tabList)) {
|
|
@@ -268,8 +244,6 @@ class Tabs extends BaseComponent {
|
|
|
268
244
|
}
|
|
269
245
|
|
|
270
246
|
render() {
|
|
271
|
-
var _context7, _context8;
|
|
272
|
-
|
|
273
247
|
const _a = this.props,
|
|
274
248
|
{
|
|
275
249
|
children,
|
|
@@ -296,11 +270,11 @@ class Tabs extends BaseComponent {
|
|
|
296
270
|
} = this.state;
|
|
297
271
|
const tabWrapperCls = cls(className, {
|
|
298
272
|
[cssClasses.TABS]: true,
|
|
299
|
-
[
|
|
273
|
+
["".concat(cssClasses.TABS, "-").concat(tabPosition)]: tabPosition
|
|
300
274
|
});
|
|
301
275
|
const tabContentCls = cls({
|
|
302
276
|
[cssClasses.TABS_CONTENT]: true,
|
|
303
|
-
[
|
|
277
|
+
["".concat(cssClasses.TABS_CONTENT, "-").concat(tabPosition)]: tabPosition
|
|
304
278
|
});
|
|
305
279
|
const tabBarProps = {
|
|
306
280
|
activeKey,
|
|
@@ -316,9 +290,9 @@ class Tabs extends BaseComponent {
|
|
|
316
290
|
deleteTabItem: this.deleteTabItem,
|
|
317
291
|
handleKeyDown: this.foundation.handleKeyDown
|
|
318
292
|
};
|
|
319
|
-
const tabBar = renderTabBar ? renderTabBar(tabBarProps, TabBar) : /*#__PURE__*/React.createElement(TabBar,
|
|
293
|
+
const tabBar = renderTabBar ? renderTabBar(tabBarProps, TabBar) : /*#__PURE__*/React.createElement(TabBar, Object.assign({}, tabBarProps));
|
|
320
294
|
const content = keepDOM ? children : this.getActiveItem();
|
|
321
|
-
return /*#__PURE__*/React.createElement("div",
|
|
295
|
+
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
322
296
|
className: tabWrapperCls,
|
|
323
297
|
style: style
|
|
324
298
|
}, getDataAttr(restProps)), tabBar, /*#__PURE__*/React.createElement(TabsContext.Provider, {
|
|
@@ -332,7 +306,7 @@ class Tabs extends BaseComponent {
|
|
|
332
306
|
}, /*#__PURE__*/React.createElement("div", {
|
|
333
307
|
ref: this.setContentRef,
|
|
334
308
|
className: tabContentCls,
|
|
335
|
-
style:
|
|
309
|
+
style: Object.assign({}, contentStyle)
|
|
336
310
|
}, content)));
|
|
337
311
|
}
|
|
338
312
|
|
package/lib/es/tag/group.js
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
2
|
-
import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
|
|
3
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
4
1
|
import React, { PureComponent } from 'react';
|
|
5
2
|
import classNames from 'classnames';
|
|
6
3
|
import PropTypes from 'prop-types';
|
|
@@ -28,7 +25,7 @@ export default class TagGroup extends PureComponent {
|
|
|
28
25
|
}, "+", n);
|
|
29
26
|
|
|
30
27
|
if (showPopover) {
|
|
31
|
-
nTag = /*#__PURE__*/React.createElement(Popover,
|
|
28
|
+
nTag = /*#__PURE__*/React.createElement(Popover, Object.assign({
|
|
32
29
|
showArrow: true,
|
|
33
30
|
content: restTags,
|
|
34
31
|
trigger: "hover",
|
|
@@ -51,11 +48,8 @@ export default class TagGroup extends PureComponent {
|
|
|
51
48
|
} = this.props;
|
|
52
49
|
const n = restCount ? restCount : tagList.length - maxTagCount;
|
|
53
50
|
let renderTags = tags;
|
|
54
|
-
|
|
55
|
-
const
|
|
56
|
-
|
|
57
|
-
const restTags = _sliceInstanceProperty(tags).call(tags, maxTagCount);
|
|
58
|
-
|
|
51
|
+
const normalTags = tags.slice(0, maxTagCount);
|
|
52
|
+
const restTags = tags.slice(maxTagCount);
|
|
59
53
|
let nTag = null;
|
|
60
54
|
|
|
61
55
|
if (n > 0) {
|
|
@@ -75,8 +69,7 @@ export default class TagGroup extends PureComponent {
|
|
|
75
69
|
avatarShape,
|
|
76
70
|
onTagClose
|
|
77
71
|
} = this.props;
|
|
78
|
-
|
|
79
|
-
const renderTags = _mapInstanceProperty(tagList).call(tagList, tag => {
|
|
72
|
+
const renderTags = tagList.map(tag => {
|
|
80
73
|
if (mode === 'custom') {
|
|
81
74
|
return tag;
|
|
82
75
|
}
|
|
@@ -97,7 +90,7 @@ export default class TagGroup extends PureComponent {
|
|
|
97
90
|
}
|
|
98
91
|
}
|
|
99
92
|
|
|
100
|
-
return /*#__PURE__*/React.createElement(Tag,
|
|
93
|
+
return /*#__PURE__*/React.createElement(Tag, Object.assign({}, tag, {
|
|
101
94
|
key: tag.tagKey,
|
|
102
95
|
onClose: (tagChildren, e, tagKey) => {
|
|
103
96
|
if (tag.onClose) {
|
|
@@ -108,7 +101,6 @@ export default class TagGroup extends PureComponent {
|
|
|
108
101
|
}
|
|
109
102
|
}));
|
|
110
103
|
});
|
|
111
|
-
|
|
112
104
|
return renderTags;
|
|
113
105
|
}
|
|
114
106
|
|
package/lib/es/tag/index.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ export default class Tag extends Component<TagProps, TagState> {
|
|
|
10
10
|
static defaultProps: TagProps;
|
|
11
11
|
static propTypes: {
|
|
12
12
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
13
|
-
tagKey: PropTypes.Requireable<string | number
|
|
13
|
+
tagKey: PropTypes.Requireable<PropTypes.Requireable<string> | PropTypes.Requireable<number>>;
|
|
14
14
|
size: PropTypes.Requireable<string>;
|
|
15
15
|
color: PropTypes.Requireable<string>;
|
|
16
16
|
type: PropTypes.Requireable<string>;
|
package/lib/es/tag/index.js
CHANGED
|
@@ -1,17 +1,12 @@
|
|
|
1
1
|
import _isString from "lodash/isString";
|
|
2
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
3
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
4
|
-
import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
|
|
5
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
6
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
7
2
|
|
|
8
3
|
var __rest = this && this.__rest || function (s, e) {
|
|
9
4
|
var t = {};
|
|
10
5
|
|
|
11
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
12
7
|
|
|
13
|
-
if (s != null && typeof
|
|
14
|
-
if (
|
|
8
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
15
10
|
}
|
|
16
11
|
return t;
|
|
17
12
|
};
|
|
@@ -34,14 +29,12 @@ const tagType = strings.TAG_TYPE;
|
|
|
34
29
|
const avatarShapeSet = strings.AVATAR_SHAPE;
|
|
35
30
|
export default class Tag extends Component {
|
|
36
31
|
constructor(props) {
|
|
37
|
-
var _context, _context2;
|
|
38
|
-
|
|
39
32
|
super(props);
|
|
40
33
|
this.state = {
|
|
41
34
|
visible: true
|
|
42
35
|
};
|
|
43
|
-
this.close =
|
|
44
|
-
this.handleKeyDown =
|
|
36
|
+
this.close = this.close.bind(this);
|
|
37
|
+
this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
45
38
|
} // any other way to achieve this?
|
|
46
39
|
|
|
47
40
|
|
|
@@ -121,8 +114,6 @@ export default class Tag extends Component {
|
|
|
121
114
|
}
|
|
122
115
|
|
|
123
116
|
render() {
|
|
124
|
-
var _context3, _context4, _context5, _context6, _context7;
|
|
125
|
-
|
|
126
117
|
const _a = this.props,
|
|
127
118
|
{
|
|
128
119
|
tagKey,
|
|
@@ -151,22 +142,20 @@ export default class Tag extends Component {
|
|
|
151
142
|
tabIndex: tabIndex | 0,
|
|
152
143
|
onKeyDown: this.handleKeyDown
|
|
153
144
|
};
|
|
154
|
-
|
|
155
|
-
const baseProps = _Object$assign(_Object$assign({}, attr), {
|
|
145
|
+
const baseProps = Object.assign(Object.assign({}, attr), {
|
|
156
146
|
onClick,
|
|
157
147
|
className: classNames(prefixCls, {
|
|
158
148
|
["".concat(prefixCls, "-default")]: size === 'default',
|
|
159
149
|
["".concat(prefixCls, "-small")]: size === 'small',
|
|
160
150
|
["".concat(prefixCls, "-large")]: size === 'large',
|
|
161
|
-
[
|
|
162
|
-
[
|
|
151
|
+
["".concat(prefixCls, "-").concat(type)]: type,
|
|
152
|
+
["".concat(prefixCls, "-").concat(color, "-").concat(type)]: color && type,
|
|
163
153
|
["".concat(prefixCls, "-closable")]: closable,
|
|
164
154
|
["".concat(prefixCls, "-invisible")]: !isVisible,
|
|
165
|
-
[
|
|
155
|
+
["".concat(prefixCls, "-avatar-").concat(avatarShape)]: avatarSrc
|
|
166
156
|
}, className)
|
|
167
157
|
});
|
|
168
|
-
|
|
169
|
-
const wrapProps = clickable ? _Object$assign(_Object$assign({}, baseProps), a11yProps) : baseProps;
|
|
158
|
+
const wrapProps = clickable ? Object.assign(Object.assign({}, baseProps), a11yProps) : baseProps;
|
|
170
159
|
const closeIcon = closable ?
|
|
171
160
|
/*#__PURE__*/
|
|
172
161
|
// eslint-disable-next-line jsx-a11y/click-events-have-key-events
|
|
@@ -176,8 +165,8 @@ export default class Tag extends Component {
|
|
|
176
165
|
}, /*#__PURE__*/React.createElement(IconClose, {
|
|
177
166
|
size: "small"
|
|
178
167
|
})) : null;
|
|
179
|
-
return /*#__PURE__*/React.createElement("div",
|
|
180
|
-
"aria-label": this.props['aria-label'] || _isString(children) ?
|
|
168
|
+
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
169
|
+
"aria-label": this.props['aria-label'] || _isString(children) ? "".concat(closable ? 'Closable ' : '', "Tag: ").concat(children) : ''
|
|
181
170
|
}, wrapProps), /*#__PURE__*/React.createElement("div", {
|
|
182
171
|
className: "".concat(prefixCls, "-content")
|
|
183
172
|
}, avatarSrc ? this.renderAvatar() : null, children, closeIcon));
|
|
@@ -198,7 +187,7 @@ Tag.defaultProps = {
|
|
|
198
187
|
};
|
|
199
188
|
Tag.propTypes = {
|
|
200
189
|
children: PropTypes.node,
|
|
201
|
-
tagKey: PropTypes.
|
|
190
|
+
tagKey: PropTypes.oneOf([PropTypes.string, PropTypes.number]),
|
|
202
191
|
size: PropTypes.oneOf(tagSize),
|
|
203
192
|
color: PropTypes.oneOf(tagColors),
|
|
204
193
|
type: PropTypes.oneOf(tagType),
|
package/lib/es/tagInput/index.js
CHANGED
|
@@ -4,10 +4,6 @@ import _isNull from "lodash/isNull";
|
|
|
4
4
|
import _isArray from "lodash/isArray";
|
|
5
5
|
import _isString from "lodash/isString";
|
|
6
6
|
import _noop from "lodash/noop";
|
|
7
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
8
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
9
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
10
|
-
import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
|
|
11
7
|
import React from 'react';
|
|
12
8
|
import cls from 'classnames';
|
|
13
9
|
import PropTypes from 'prop-types';
|
|
@@ -32,7 +28,7 @@ const SortableList = SortableContainer(_ref => {
|
|
|
32
28
|
display: 'flex',
|
|
33
29
|
flexFlow: 'row wrap'
|
|
34
30
|
}
|
|
35
|
-
},
|
|
31
|
+
}, items.map((item, index) =>
|
|
36
32
|
/*#__PURE__*/
|
|
37
33
|
// @ts-ignore skip SortableItem type check
|
|
38
34
|
React.createElement(SortableItem, {
|
|
@@ -98,8 +94,6 @@ class TagInput extends BaseComponent {
|
|
|
98
94
|
};
|
|
99
95
|
|
|
100
96
|
this.getAllTags = () => {
|
|
101
|
-
var _context;
|
|
102
|
-
|
|
103
97
|
const {
|
|
104
98
|
size,
|
|
105
99
|
disabled,
|
|
@@ -113,7 +107,7 @@ class TagInput extends BaseComponent {
|
|
|
113
107
|
} = this.state;
|
|
114
108
|
const showIconHandler = active && draggable;
|
|
115
109
|
const tagCls = cls("".concat(prefixCls, "-wrapper-tag"), {
|
|
116
|
-
[
|
|
110
|
+
["".concat(prefixCls, "-wrapper-tag-size-").concat(size)]: size,
|
|
117
111
|
["".concat(prefixCls, "-wrapper-tag-icon")]: showIconHandler
|
|
118
112
|
});
|
|
119
113
|
const typoCls = cls("".concat(prefixCls, "-wrapper-typo"), {
|
|
@@ -126,10 +120,8 @@ class TagInput extends BaseComponent {
|
|
|
126
120
|
const DragHandle = SortableHandle(() => /*#__PURE__*/React.createElement(IconHandle, {
|
|
127
121
|
className: "".concat(prefixCls, "-drag-handler")
|
|
128
122
|
}));
|
|
129
|
-
return
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
const elementKey = showIconHandler ? value : _concatInstanceProperty(_context2 = "".concat(index)).call(_context2, value);
|
|
123
|
+
return tagsArray.map((value, index) => {
|
|
124
|
+
const elementKey = showIconHandler ? value : "".concat(index).concat(value);
|
|
133
125
|
|
|
134
126
|
if (_isFunction(renderTagItem)) {
|
|
135
127
|
return showIconHandler ? /*#__PURE__*/React.createElement("div", {
|
|
@@ -137,8 +129,6 @@ class TagInput extends BaseComponent {
|
|
|
137
129
|
key: elementKey
|
|
138
130
|
}, /*#__PURE__*/React.createElement(DragHandle, null), renderTagItem(value, index)) : renderTagItem(value, index);
|
|
139
131
|
} else {
|
|
140
|
-
var _context3;
|
|
141
|
-
|
|
142
132
|
return /*#__PURE__*/React.createElement(Tag, {
|
|
143
133
|
className: tagCls,
|
|
144
134
|
color: "white",
|
|
@@ -150,7 +140,7 @@ class TagInput extends BaseComponent {
|
|
|
150
140
|
closable: !disabled,
|
|
151
141
|
key: elementKey,
|
|
152
142
|
visible: true,
|
|
153
|
-
"aria-label":
|
|
143
|
+
"aria-label": "".concat(!disabled ? 'Closable ' : '', "Tag: ").concat(value)
|
|
154
144
|
}, showIconHandler && /*#__PURE__*/React.createElement(DragHandle, null), /*#__PURE__*/React.createElement(Paragraph, {
|
|
155
145
|
className: typoCls,
|
|
156
146
|
ellipsis: {
|
|
@@ -204,7 +194,7 @@ class TagInput extends BaseComponent {
|
|
|
204
194
|
}
|
|
205
195
|
|
|
206
196
|
get adapter() {
|
|
207
|
-
return
|
|
197
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
208
198
|
setInputValue: inputValue => {
|
|
209
199
|
this.setState({
|
|
210
200
|
inputValue
|
|
@@ -415,15 +405,14 @@ class TagInput extends BaseComponent {
|
|
|
415
405
|
let tags = [...allTags];
|
|
416
406
|
|
|
417
407
|
if ((!active || !expandRestTagsOnClick) && maxTagCount && maxTagCount < allTags.length) {
|
|
418
|
-
tags =
|
|
419
|
-
restTags =
|
|
408
|
+
tags = allTags.slice(0, maxTagCount);
|
|
409
|
+
restTags = allTags.slice(maxTagCount);
|
|
420
410
|
}
|
|
421
411
|
|
|
422
412
|
const restTagsContent = /*#__PURE__*/React.createElement("span", {
|
|
423
413
|
className: restTagsCls
|
|
424
414
|
}, "+", tagsArray.length - maxTagCount);
|
|
425
|
-
|
|
426
|
-
const sortableListItems = _mapInstanceProperty(allTags).call(allTags, (item, index) => ({
|
|
415
|
+
const sortableListItems = allTags.map((item, index) => ({
|
|
427
416
|
item: item,
|
|
428
417
|
key: tagsArray[index]
|
|
429
418
|
}));
|
|
@@ -438,7 +427,7 @@ class TagInput extends BaseComponent {
|
|
|
438
427
|
});
|
|
439
428
|
}
|
|
440
429
|
|
|
441
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, tags, restTags.length > 0 && (showRestTagsPopover ? /*#__PURE__*/React.createElement(Popover,
|
|
430
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, tags, restTags.length > 0 && (showRestTagsPopover ? /*#__PURE__*/React.createElement(Popover, Object.assign({
|
|
442
431
|
content: restTags,
|
|
443
432
|
showArrow: true,
|
|
444
433
|
trigger: "hover",
|
|
@@ -1,10 +1,4 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
|
-
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
5
|
-
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
|
6
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
7
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
8
2
|
|
|
9
3
|
/* eslint-disable max-len */
|
|
10
4
|
|
|
@@ -31,8 +25,7 @@ class Combobox extends BaseComponent {
|
|
|
31
25
|
|
|
32
26
|
this.reselect = () => {
|
|
33
27
|
const currentKeys = ['ampm', 'hour', 'minute', 'second'];
|
|
34
|
-
|
|
35
|
-
_forEachInstanceProperty(currentKeys).call(currentKeys, key => {
|
|
28
|
+
currentKeys.forEach(key => {
|
|
36
29
|
const current = this.adapter.getCache(key);
|
|
37
30
|
|
|
38
31
|
if (current && current.scrollToIndex) {
|
|
@@ -104,12 +97,12 @@ class Combobox extends BaseComponent {
|
|
|
104
97
|
this.getDisplayDateFromTimeStamp = timeStampValue => this.foundation.getDisplayDateFromTimeStamp(timeStampValue);
|
|
105
98
|
|
|
106
99
|
this.foundation = new ComboboxFoundation(this.adapter);
|
|
107
|
-
this.state =
|
|
100
|
+
this.state = Object.assign({}, this.foundation.initData());
|
|
108
101
|
}
|
|
109
102
|
|
|
110
103
|
componentDidUpdate(prevProps, prevState) {
|
|
111
104
|
if (prevProps.timeStampValue !== this.props.timeStampValue || prevProps.format !== this.props.format) {
|
|
112
|
-
this.setState(
|
|
105
|
+
this.setState(Object.assign({}, this.foundation.initData()));
|
|
113
106
|
}
|
|
114
107
|
}
|
|
115
108
|
|
|
@@ -139,9 +132,7 @@ class Combobox extends BaseComponent {
|
|
|
139
132
|
let hourOptionsAdj, hourAdj;
|
|
140
133
|
|
|
141
134
|
if (use12Hours) {
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
hourOptionsAdj = _concatInstanceProperty(_context = [12]).call(_context, _filterInstanceProperty(hourOptions).call(hourOptions, h => h < 12 && h > 0));
|
|
135
|
+
hourOptionsAdj = [12].concat(hourOptions.filter(h => h < 12 && h > 0));
|
|
145
136
|
hourAdj = hour % 12 || 12;
|
|
146
137
|
} else {
|
|
147
138
|
hourOptionsAdj = hourOptions;
|
|
@@ -151,14 +142,14 @@ class Combobox extends BaseComponent {
|
|
|
151
142
|
const transformHour = value => value + locale.hour;
|
|
152
143
|
|
|
153
144
|
const className = "".concat(prefixCls, "-list-hour");
|
|
154
|
-
return /*#__PURE__*/React.createElement(ScrollItem,
|
|
145
|
+
return /*#__PURE__*/React.createElement(ScrollItem, Object.assign({
|
|
155
146
|
ref: current => this.cacheRefCurrent('hour', current),
|
|
156
147
|
mode: 'wheel',
|
|
157
148
|
transform: transformHour,
|
|
158
149
|
cycled: true,
|
|
159
150
|
className: className,
|
|
160
|
-
list:
|
|
161
|
-
selectedIndex:
|
|
151
|
+
list: hourOptionsAdj.map(option => formatOption(option, disabledOptions)),
|
|
152
|
+
selectedIndex: hourOptionsAdj.indexOf(hourAdj),
|
|
162
153
|
type: "hour",
|
|
163
154
|
onSelect: this.onItemChange
|
|
164
155
|
}, scrollItemProps));
|
|
@@ -186,13 +177,13 @@ class Combobox extends BaseComponent {
|
|
|
186
177
|
|
|
187
178
|
const transformMinute = min => min + locale.minute;
|
|
188
179
|
|
|
189
|
-
return /*#__PURE__*/React.createElement(ScrollItem,
|
|
180
|
+
return /*#__PURE__*/React.createElement(ScrollItem, Object.assign({
|
|
190
181
|
ref: current => this.cacheRefCurrent('minute', current),
|
|
191
182
|
mode: 'wheel',
|
|
192
183
|
transform: transformMinute,
|
|
193
184
|
cycled: true,
|
|
194
|
-
list:
|
|
195
|
-
selectedIndex:
|
|
185
|
+
list: minuteOptions.map(option => formatOption(option, disabledOptions)),
|
|
186
|
+
selectedIndex: minuteOptions.indexOf(minute),
|
|
196
187
|
type: "minute",
|
|
197
188
|
onSelect: this.onItemChange,
|
|
198
189
|
className: className
|
|
@@ -221,13 +212,13 @@ class Combobox extends BaseComponent {
|
|
|
221
212
|
|
|
222
213
|
const transformSecond = sec => String(sec) + locale.second;
|
|
223
214
|
|
|
224
|
-
return /*#__PURE__*/React.createElement(ScrollItem,
|
|
215
|
+
return /*#__PURE__*/React.createElement(ScrollItem, Object.assign({
|
|
225
216
|
ref: current => this.cacheRefCurrent('second', current),
|
|
226
217
|
mode: 'wheel',
|
|
227
218
|
transform: transformSecond,
|
|
228
219
|
cycled: true,
|
|
229
|
-
list:
|
|
230
|
-
selectedIndex:
|
|
220
|
+
list: secondOptions.map(option => formatOption(option, disabledOptions)),
|
|
221
|
+
selectedIndex: secondOptions.indexOf(second),
|
|
231
222
|
className: className,
|
|
232
223
|
type: "second",
|
|
233
224
|
onSelect: this.onItemChange
|
|
@@ -255,7 +246,7 @@ class Combobox extends BaseComponent {
|
|
|
255
246
|
}];
|
|
256
247
|
const selected = isAM ? 0 : 1;
|
|
257
248
|
const className = "".concat(prefixCls, "-list-ampm");
|
|
258
|
-
return /*#__PURE__*/React.createElement(ScrollItem,
|
|
249
|
+
return /*#__PURE__*/React.createElement(ScrollItem, Object.assign({
|
|
259
250
|
ref: current => this.cacheRefCurrent('ampm', current),
|
|
260
251
|
mode: 'wheel',
|
|
261
252
|
className: className,
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
3
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
4
|
-
import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
|
|
5
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
6
2
|
|
|
7
3
|
var __rest = this && this.__rest || function (s, e) {
|
|
8
4
|
var t = {};
|
|
9
5
|
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
11
7
|
|
|
12
|
-
if (s != null && typeof
|
|
13
|
-
if (
|
|
8
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
14
10
|
}
|
|
15
11
|
return t;
|
|
16
12
|
};
|
|
@@ -53,7 +49,7 @@ class TimeInput extends BaseComponent {
|
|
|
53
49
|
} = this.props;
|
|
54
50
|
|
|
55
51
|
if (focusOnOpen) {
|
|
56
|
-
const requestAnimationFrame = window.requestAnimationFrame ||
|
|
52
|
+
const requestAnimationFrame = window.requestAnimationFrame || window.setTimeout;
|
|
57
53
|
requestAnimationFrame(() => {
|
|
58
54
|
const inputNode = this.adapter.getCache('inputNode');
|
|
59
55
|
|
|
@@ -84,7 +80,7 @@ class TimeInput extends BaseComponent {
|
|
|
84
80
|
get adapter() {
|
|
85
81
|
var _this = this;
|
|
86
82
|
|
|
87
|
-
return
|
|
83
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
88
84
|
notifyChange: function () {
|
|
89
85
|
return _this.props.onChange(...arguments);
|
|
90
86
|
},
|
|
@@ -135,7 +131,7 @@ class TimeInput extends BaseComponent {
|
|
|
135
131
|
["".concat(prefixCls, "-input-readonly")]: inputReadOnly
|
|
136
132
|
});
|
|
137
133
|
const mergeValidateStatus = invalid ? 'error' : validateStatus;
|
|
138
|
-
return /*#__PURE__*/React.createElement(Input,
|
|
134
|
+
return /*#__PURE__*/React.createElement(Input, Object.assign({}, rest, {
|
|
139
135
|
hideSuffix: true,
|
|
140
136
|
className: inputCls,
|
|
141
137
|
ref: this.setRef,
|