@douyinfe/semi-ui 2.19.0-alpha.8 → 2.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_utils/index.ts +9 -5
- package/anchor/index.tsx +39 -7
- package/anchor/link.tsx +11 -2
- package/avatar/index.tsx +3 -1
- package/calendar/_story/calendar.stories.js +20 -3
- package/checkbox/checkbox.tsx +3 -1
- package/dist/css/semi.css +7 -17
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +2987 -12956
- package/dist/umd/semi-ui.js.map +1 -1
- package/dist/umd/semi-ui.min.js +1 -1
- package/dist/umd/semi-ui.min.js.map +1 -1
- package/dropdown/index.tsx +5 -1
- package/form/interface.ts +1 -1
- package/getBabelConfig.js +1 -13
- package/lib/cjs/_base/base.css +1 -0
- package/lib/cjs/_base/base.js +1 -3
- package/lib/cjs/_base/baseComponent.js +4 -9
- package/lib/cjs/_base/reactUtils.js +4 -9
- package/lib/cjs/_portal/index.js +4 -9
- package/lib/cjs/_utils/hooks/usePrevFocus.js +3 -6
- package/lib/cjs/_utils/index.js +13 -25
- package/lib/cjs/anchor/anchor-context.js +3 -6
- package/lib/cjs/anchor/index.d.ts +4 -0
- package/lib/cjs/anchor/index.js +50 -36
- package/lib/cjs/anchor/link.d.ts +2 -0
- package/lib/cjs/anchor/link.js +15 -18
- package/lib/cjs/autoComplete/index.js +13 -30
- package/lib/cjs/autoComplete/option.js +12 -25
- package/lib/cjs/avatar/avatarGroup.js +18 -49
- package/lib/cjs/avatar/index.d.ts +1 -0
- package/lib/cjs/avatar/index.js +25 -48
- package/lib/cjs/avatar/interface.js +1 -3
- package/lib/cjs/backtop/index.js +8 -17
- package/lib/cjs/badge/index.js +14 -31
- package/lib/cjs/banner/index.js +5 -14
- package/lib/cjs/breadcrumb/bread-context.js +3 -6
- package/lib/cjs/breadcrumb/index.js +13 -34
- package/lib/cjs/breadcrumb/item.js +8 -21
- package/lib/cjs/button/Button.js +13 -32
- package/lib/cjs/button/buttonGroup.js +12 -41
- package/lib/cjs/button/index.js +7 -12
- package/lib/cjs/button/splitButtonGroup.js +3 -6
- package/lib/cjs/calendar/dayCalendar.js +20 -37
- package/lib/cjs/calendar/dayCol.js +10 -25
- package/lib/cjs/calendar/index.js +9 -25
- package/lib/cjs/calendar/interface.js +1 -3
- package/lib/cjs/calendar/monthCalendar.js +20 -45
- package/lib/cjs/calendar/rangeCalendar.js +19 -44
- package/lib/cjs/calendar/timeCol.js +10 -25
- package/lib/cjs/calendar/weekCalendar.js +19 -44
- package/lib/cjs/card/cardGroup.js +9 -22
- package/lib/cjs/card/index.js +12 -33
- package/lib/cjs/card/meta.js +9 -22
- package/lib/cjs/carousel/CarouselArrow.js +8 -17
- package/lib/cjs/carousel/CarouselIndicator.js +11 -26
- package/lib/cjs/carousel/index.js +10 -29
- package/lib/cjs/carousel/interface.js +1 -3
- package/lib/cjs/cascader/index.js +37 -68
- package/lib/cjs/cascader/item.js +24 -49
- package/lib/cjs/checkbox/checkbox.d.ts +1 -0
- package/lib/cjs/checkbox/checkbox.js +9 -17
- package/lib/cjs/checkbox/checkboxGroup.js +13 -34
- package/lib/cjs/checkbox/checkboxInner.js +6 -15
- package/lib/cjs/checkbox/context.js +3 -6
- package/lib/cjs/checkbox/index.js +4 -8
- package/lib/cjs/collapse/collapse-context.js +3 -6
- package/lib/cjs/collapse/index.js +12 -29
- package/lib/cjs/collapse/item.js +9 -22
- package/lib/cjs/collapsible/index.js +7 -16
- package/lib/cjs/configProvider/context.js +3 -6
- package/lib/cjs/configProvider/index.js +7 -16
- package/lib/cjs/datePicker/dateInput.js +15 -34
- package/lib/cjs/datePicker/datePicker.js +22 -45
- package/lib/cjs/datePicker/footer.js +3 -6
- package/lib/cjs/datePicker/index.js +9 -20
- package/lib/cjs/datePicker/insetInput.js +4 -9
- package/lib/cjs/datePicker/month.js +15 -26
- package/lib/cjs/datePicker/monthsGrid.js +13 -32
- package/lib/cjs/datePicker/navigation.js +5 -12
- package/lib/cjs/datePicker/quickControl.js +18 -31
- package/lib/cjs/datePicker/yearAndMonth.js +13 -30
- package/lib/cjs/descriptions/descriptions-context.js +3 -6
- package/lib/cjs/descriptions/index.js +8 -23
- package/lib/cjs/descriptions/item.js +7 -18
- package/lib/cjs/divider/index.js +9 -22
- package/lib/cjs/dropdown/context.js +3 -6
- package/lib/cjs/dropdown/dropdownDivider.js +3 -6
- package/lib/cjs/dropdown/dropdownItem.js +8 -21
- package/lib/cjs/dropdown/dropdownMenu.js +8 -17
- package/lib/cjs/dropdown/dropdownTitle.js +5 -12
- package/lib/cjs/dropdown/index.js +17 -26
- package/lib/cjs/empty/index.js +5 -14
- package/lib/cjs/form/arrayField.js +28 -57
- package/lib/cjs/form/baseForm.d.ts +1 -1
- package/lib/cjs/form/baseForm.js +18 -43
- package/lib/cjs/form/context.js +3 -6
- package/lib/cjs/form/errorMessage.js +7 -18
- package/lib/cjs/form/field.d.ts +1 -1
- package/lib/cjs/form/field.js +3 -6
- package/lib/cjs/form/group.js +16 -31
- package/lib/cjs/form/hoc/withField.js +26 -53
- package/lib/cjs/form/hoc/withFormApi.js +4 -9
- package/lib/cjs/form/hoc/withFormState.js +4 -9
- package/lib/cjs/form/hooks/index.js +11 -20
- package/lib/cjs/form/hooks/useArrayFieldState.js +1 -4
- package/lib/cjs/form/hooks/useFieldApi.js +3 -6
- package/lib/cjs/form/hooks/useFieldState.js +6 -15
- package/lib/cjs/form/hooks/useFormApi.js +1 -4
- package/lib/cjs/form/hooks/useFormState.js +1 -4
- package/lib/cjs/form/hooks/useFormUpdater.js +1 -4
- package/lib/cjs/form/hooks/useStateWithGetter.js +1 -4
- package/lib/cjs/form/index.js +15 -34
- package/lib/cjs/form/interface.d.ts +1 -1
- package/lib/cjs/form/interface.js +3 -10
- package/lib/cjs/form/label.js +5 -12
- package/lib/cjs/form/section.js +5 -12
- package/lib/cjs/form/slot.js +18 -35
- package/lib/cjs/grid/col.js +20 -37
- package/lib/cjs/grid/index.js +6 -10
- package/lib/cjs/grid/row.js +18 -45
- package/lib/cjs/iconButton/index.js +13 -30
- package/lib/cjs/icons/index.js +3 -6
- package/lib/cjs/index.js +94 -189
- package/lib/cjs/input/index.js +13 -26
- package/lib/cjs/input/inputGroup.js +11 -32
- package/lib/cjs/input/textarea.js +11 -24
- package/lib/cjs/inputNumber/index.js +12 -29
- package/lib/cjs/layout/Sider.js +11 -36
- package/lib/cjs/layout/index.js +13 -32
- package/lib/cjs/layout/layout-context.js +3 -6
- package/lib/cjs/list/index.js +9 -25
- package/lib/cjs/list/item.js +10 -27
- package/lib/cjs/list/list-context.js +3 -6
- package/lib/cjs/locale/context.js +3 -6
- package/lib/cjs/locale/interface.js +1 -3
- package/lib/cjs/locale/localeConsumer.js +5 -12
- package/lib/cjs/locale/localeProvider.js +5 -12
- package/lib/cjs/locale/source/ar.js +1 -4
- package/lib/cjs/locale/source/de.js +1 -4
- package/lib/cjs/locale/source/en_GB.js +1 -4
- package/lib/cjs/locale/source/en_US.js +1 -4
- package/lib/cjs/locale/source/es.js +1 -4
- package/lib/cjs/locale/source/fr.js +1 -4
- package/lib/cjs/locale/source/id_ID.js +1 -4
- package/lib/cjs/locale/source/it.js +1 -4
- package/lib/cjs/locale/source/ja_JP.js +1 -4
- package/lib/cjs/locale/source/ko_KR.js +1 -4
- package/lib/cjs/locale/source/ms_MY.js +1 -4
- package/lib/cjs/locale/source/pt_BR.js +1 -4
- package/lib/cjs/locale/source/ru_RU.js +1 -4
- package/lib/cjs/locale/source/th_TH.js +1 -4
- package/lib/cjs/locale/source/tr_TR.js +1 -4
- package/lib/cjs/locale/source/vi_VN.js +1 -4
- package/lib/cjs/locale/source/zh_CN.js +1 -4
- package/lib/cjs/locale/source/zh_TW.js +1 -4
- package/lib/cjs/modal/ConfirmModal.js +11 -28
- package/lib/cjs/modal/Modal.js +14 -33
- package/lib/cjs/modal/ModalContent.js +14 -35
- package/lib/cjs/modal/confirm.js +15 -21
- package/lib/cjs/modal/index.js +3 -6
- package/lib/cjs/modal/useModal/HookModal.js +10 -19
- package/lib/cjs/modal/useModal/index.js +4 -9
- package/lib/cjs/motions/Rotate.js +7 -18
- package/lib/cjs/navigation/CollapseButton.js +4 -9
- package/lib/cjs/navigation/Footer.js +6 -15
- package/lib/cjs/navigation/Header.js +6 -15
- package/lib/cjs/navigation/Item.js +9 -28
- package/lib/cjs/navigation/OpenIconTransition.js +6 -15
- package/lib/cjs/navigation/SubNav.js +10 -29
- package/lib/cjs/navigation/SubNavTransition.js +5 -12
- package/lib/cjs/navigation/index.js +25 -46
- package/lib/cjs/navigation/nav-context.js +3 -6
- package/lib/cjs/notification/NoticeTransition.js +4 -9
- package/lib/cjs/notification/index.js +24 -51
- package/lib/cjs/notification/notice.js +13 -30
- package/lib/cjs/notification/useNotification/HookNotice.js +9 -22
- package/lib/cjs/notification/useNotification/index.js +18 -41
- package/lib/cjs/overflowList/index.js +13 -28
- package/lib/cjs/overflowList/intersectionObserver.js +7 -18
- package/lib/cjs/pagination/index.js +15 -38
- package/lib/cjs/popconfirm/index.js +16 -25
- package/lib/cjs/popover/Arrow.js +10 -19
- package/lib/cjs/popover/index.js +8 -17
- package/lib/cjs/progress/index.js +7 -20
- package/lib/cjs/radio/context.js +3 -6
- package/lib/cjs/radio/index.js +4 -8
- package/lib/cjs/radio/radio.d.ts +1 -0
- package/lib/cjs/radio/radio.js +11 -19
- package/lib/cjs/radio/radioGroup.js +11 -26
- package/lib/cjs/radio/radioInner.js +7 -16
- package/lib/cjs/rating/index.js +10 -27
- package/lib/cjs/rating/item.js +10 -19
- package/lib/cjs/resizeObserver/index.js +3 -6
- package/lib/cjs/scrollList/index.js +3 -6
- package/lib/cjs/scrollList/scrollItem.js +13 -26
- package/lib/cjs/select/index.js +46 -91
- package/lib/cjs/select/option.js +12 -25
- package/lib/cjs/select/optionGroup.js +3 -6
- package/lib/cjs/select/utils.js +12 -29
- package/lib/cjs/select/virtualRow.js +1 -4
- package/lib/cjs/sideSheet/SideSheetContent.js +9 -22
- package/lib/cjs/sideSheet/SideSheetTransition.js +4 -9
- package/lib/cjs/sideSheet/index.js +15 -28
- package/lib/cjs/skeleton/index.js +9 -22
- package/lib/cjs/skeleton/item.js +13 -34
- package/lib/cjs/slider/index.js +18 -48
- package/lib/cjs/space/index.js +7 -20
- package/lib/cjs/space/utils.js +9 -24
- package/lib/cjs/spin/icon.js +7 -16
- package/lib/cjs/spin/index.js +5 -14
- package/lib/cjs/steps/basicStep.js +4 -11
- package/lib/cjs/steps/basicSteps.js +12 -29
- package/lib/cjs/steps/context.js +3 -6
- package/lib/cjs/steps/fillStep.js +4 -11
- package/lib/cjs/steps/fillSteps.js +12 -28
- package/lib/cjs/steps/index.js +11 -24
- package/lib/cjs/steps/navStep.js +3 -6
- package/lib/cjs/steps/navSteps.js +12 -28
- package/lib/cjs/steps/step.js +8 -17
- package/lib/cjs/switch/index.js +5 -10
- package/lib/cjs/table/Body/BaseRow.js +14 -27
- package/lib/cjs/table/Body/ExpandedRow.js +10 -23
- package/lib/cjs/table/Body/SectionRow.js +15 -36
- package/lib/cjs/table/Body/index.js +39 -64
- package/lib/cjs/table/ColGroup.js +4 -11
- package/lib/cjs/table/Column.js +4 -9
- package/lib/cjs/table/ColumnFilter.js +18 -41
- package/lib/cjs/table/ColumnSelection.js +6 -11
- package/lib/cjs/table/ColumnShape.js +3 -6
- package/lib/cjs/table/ColumnSorter.js +6 -15
- package/lib/cjs/table/CustomExpandIcon.js +5 -12
- package/lib/cjs/table/HeadTable.js +7 -14
- package/lib/cjs/table/ResizableHeaderCell.js +9 -22
- package/lib/cjs/table/ResizableTable.js +23 -40
- package/lib/cjs/table/Table.js +63 -96
- package/lib/cjs/table/TableCell.js +13 -26
- package/lib/cjs/table/TableContextProvider.js +5 -12
- package/lib/cjs/table/TableHeader.js +10 -27
- package/lib/cjs/table/TableHeaderRow.js +18 -33
- package/lib/cjs/table/TablePagination.js +6 -15
- package/lib/cjs/table/getColumns.js +8 -17
- package/lib/cjs/table/index.js +8 -20
- package/lib/cjs/table/interface.js +1 -3
- package/lib/cjs/table/table-context.js +3 -6
- package/lib/cjs/table/utils.js +5 -16
- package/lib/cjs/tabs/TabBar.js +21 -44
- package/lib/cjs/tabs/TabPane.js +14 -31
- package/lib/cjs/tabs/TabPaneTransition.js +5 -10
- package/lib/cjs/tabs/index.js +32 -73
- package/lib/cjs/tabs/interface.d.ts +3 -2
- package/lib/cjs/tabs/interface.js +1 -3
- package/lib/cjs/tabs/tabs-context.js +3 -6
- package/lib/cjs/tag/group.d.ts +1 -15
- package/lib/cjs/tag/group.js +23 -34
- package/lib/cjs/tag/index.d.ts +1 -1
- package/lib/cjs/tag/index.js +20 -48
- package/lib/cjs/tag/interface.d.ts +6 -3
- package/lib/cjs/tag/interface.js +1 -3
- package/lib/cjs/tagInput/index.js +13 -30
- package/lib/cjs/timePicker/Combobox.js +19 -40
- package/lib/cjs/timePicker/PanelShape.js +3 -6
- package/lib/cjs/timePicker/TimeInput.js +9 -20
- package/lib/cjs/timePicker/TimePicker.js +21 -38
- package/lib/cjs/timePicker/TimeShape.js +3 -6
- package/lib/cjs/timePicker/index.js +4 -9
- package/lib/cjs/timeline/index.js +21 -48
- package/lib/cjs/timeline/item.js +7 -20
- package/lib/cjs/toast/ToastTransition.js +4 -9
- package/lib/cjs/toast/index.js +20 -45
- package/lib/cjs/toast/toast.js +9 -20
- package/lib/cjs/toast/useToast/HookToast.js +9 -22
- package/lib/cjs/toast/useToast/index.js +14 -27
- package/lib/cjs/tooltip/ArrowBoundingShape.js +3 -6
- package/lib/cjs/tooltip/TooltipStyledTransition.js +4 -9
- package/lib/cjs/tooltip/TriangleArrow.js +7 -16
- package/lib/cjs/tooltip/TriangleArrowVertical.js +7 -16
- package/lib/cjs/tooltip/index.js +27 -48
- package/lib/cjs/transfer/index.js +30 -63
- package/lib/cjs/tree/autoSizer.js +7 -16
- package/lib/cjs/tree/collapse.js +7 -16
- package/lib/cjs/tree/index.js +46 -70
- package/lib/cjs/tree/interface.js +1 -3
- package/lib/cjs/tree/nodeList.js +11 -28
- package/lib/cjs/tree/treeContext.js +3 -6
- package/lib/cjs/tree/treeNode.js +20 -39
- package/lib/cjs/tree/treeUtil.js +3 -6
- package/lib/cjs/treeSelect/index.js +51 -80
- package/lib/cjs/trigger/index.js +7 -16
- package/lib/cjs/typography/base.js +24 -49
- package/lib/cjs/typography/copyable.js +5 -12
- package/lib/cjs/typography/index.js +5 -15
- package/lib/cjs/typography/interface.js +1 -3
- package/lib/cjs/typography/paragraph.js +6 -15
- package/lib/cjs/typography/text.js +6 -15
- package/lib/cjs/typography/title.d.ts +1 -1
- package/lib/cjs/typography/title.js +10 -25
- package/lib/cjs/typography/typography.js +9 -22
- package/lib/cjs/typography/util.js +8 -21
- package/lib/cjs/upload/fileCard.js +8 -17
- package/lib/cjs/upload/index.js +14 -25
- package/lib/cjs/upload/interface.js +1 -3
- package/lib/es/_base/base.css +1 -0
- package/lib/es/_base/baseComponent.js +1 -3
- package/lib/es/_portal/index.js +1 -2
- package/lib/es/_utils/index.js +9 -15
- package/lib/es/anchor/index.d.ts +4 -0
- package/lib/es/anchor/index.js +46 -31
- package/lib/es/anchor/link.d.ts +2 -0
- package/lib/es/anchor/link.js +12 -10
- package/lib/es/autoComplete/index.js +10 -21
- package/lib/es/autoComplete/option.js +7 -10
- package/lib/es/avatar/avatarGroup.js +13 -33
- package/lib/es/avatar/index.d.ts +1 -0
- package/lib/es/avatar/index.js +20 -31
- package/lib/es/backtop/index.js +5 -9
- package/lib/es/badge/index.js +7 -13
- package/lib/es/banner/index.js +2 -7
- package/lib/es/breadcrumb/index.js +10 -27
- package/lib/es/breadcrumb/item.js +3 -7
- package/lib/es/button/Button.js +8 -16
- package/lib/es/button/buttonGroup.js +7 -22
- package/lib/es/button/index.js +4 -6
- package/lib/es/calendar/dayCalendar.js +15 -30
- package/lib/es/calendar/dayCol.js +5 -16
- package/lib/es/calendar/index.js +4 -8
- package/lib/es/calendar/monthCalendar.js +15 -35
- package/lib/es/calendar/rangeCalendar.js +14 -36
- package/lib/es/calendar/timeCol.js +3 -12
- package/lib/es/calendar/weekCalendar.js +14 -36
- package/lib/es/card/cardGroup.js +4 -8
- package/lib/es/card/index.js +7 -15
- package/lib/es/card/meta.js +4 -8
- package/lib/es/carousel/CarouselArrow.js +5 -9
- package/lib/es/carousel/CarouselIndicator.js +8 -17
- package/lib/es/carousel/index.js +5 -13
- package/lib/es/cascader/index.js +30 -55
- package/lib/es/cascader/item.js +17 -33
- package/lib/es/checkbox/checkbox.d.ts +1 -0
- package/lib/es/checkbox/checkbox.js +4 -8
- package/lib/es/checkbox/checkboxGroup.js +8 -23
- package/lib/es/checkbox/checkboxInner.js +1 -2
- package/lib/es/collapse/index.js +9 -17
- package/lib/es/collapse/item.js +4 -8
- package/lib/es/collapsible/index.js +2 -4
- package/lib/es/configProvider/index.js +4 -8
- package/lib/es/datePicker/dateInput.js +12 -27
- package/lib/es/datePicker/datePicker.js +17 -35
- package/lib/es/datePicker/index.js +4 -10
- package/lib/es/datePicker/insetInput.js +1 -2
- package/lib/es/datePicker/month.js +12 -18
- package/lib/es/datePicker/monthsGrid.js +10 -26
- package/lib/es/datePicker/quickControl.js +13 -18
- package/lib/es/datePicker/yearAndMonth.js +10 -22
- package/lib/es/descriptions/index.js +3 -8
- package/lib/es/descriptions/item.js +2 -5
- package/lib/es/divider/index.js +6 -13
- package/lib/es/dropdown/dropdownItem.js +3 -10
- package/lib/es/dropdown/dropdownMenu.js +5 -9
- package/lib/es/dropdown/index.js +16 -17
- package/lib/es/empty/index.js +2 -6
- package/lib/es/form/arrayField.js +20 -42
- package/lib/es/form/baseForm.d.ts +1 -1
- package/lib/es/form/baseForm.js +11 -28
- package/lib/es/form/errorMessage.js +2 -6
- package/lib/es/form/field.d.ts +1 -1
- package/lib/es/form/group.js +7 -16
- package/lib/es/form/hoc/withField.js +21 -41
- package/lib/es/form/hoc/withFormApi.js +1 -2
- package/lib/es/form/hoc/withFormState.js +1 -2
- package/lib/es/form/hooks/useFieldState.js +1 -2
- package/lib/es/form/interface.d.ts +1 -1
- package/lib/es/form/slot.js +11 -18
- package/lib/es/grid/col.js +17 -29
- package/lib/es/grid/row.js +15 -36
- package/lib/es/iconButton/index.js +8 -14
- package/lib/es/input/index.js +10 -17
- package/lib/es/input/inputGroup.js +8 -20
- package/lib/es/input/textarea.js +8 -15
- package/lib/es/inputNumber/index.js +9 -18
- package/lib/es/layout/Sider.js +8 -26
- package/lib/es/layout/index.js +10 -22
- package/lib/es/list/index.js +5 -18
- package/lib/es/list/item.js +5 -11
- package/lib/es/modal/ConfirmModal.js +6 -13
- package/lib/es/modal/Modal.js +9 -16
- package/lib/es/modal/ModalContent.js +9 -21
- package/lib/es/modal/confirm.js +11 -15
- package/lib/es/modal/useModal/HookModal.js +7 -10
- package/lib/es/modal/useModal/index.js +1 -2
- package/lib/es/motions/Rotate.js +2 -4
- package/lib/es/navigation/CollapseButton.js +1 -2
- package/lib/es/navigation/Footer.js +1 -2
- package/lib/es/navigation/Header.js +1 -2
- package/lib/es/navigation/Item.js +6 -19
- package/lib/es/navigation/OpenIconTransition.js +1 -2
- package/lib/es/navigation/SubNav.js +7 -20
- package/lib/es/navigation/index.js +20 -35
- package/lib/es/notification/NoticeTransition.js +1 -2
- package/lib/es/notification/index.js +19 -40
- package/lib/es/notification/notice.js +8 -17
- package/lib/es/notification/useNotification/HookNotice.js +4 -8
- package/lib/es/notification/useNotification/index.js +13 -26
- package/lib/es/overflowList/index.js +10 -18
- package/lib/es/overflowList/intersectionObserver.js +4 -10
- package/lib/es/pagination/index.js +10 -28
- package/lib/es/popconfirm/index.js +13 -16
- package/lib/es/popover/Arrow.js +7 -11
- package/lib/es/popover/index.js +5 -8
- package/lib/es/progress/index.js +2 -8
- package/lib/es/radio/radio.d.ts +1 -0
- package/lib/es/radio/radio.js +6 -9
- package/lib/es/radio/radioGroup.js +6 -15
- package/lib/es/radio/radioInner.js +2 -6
- package/lib/es/rating/index.js +5 -18
- package/lib/es/rating/item.js +7 -11
- package/lib/es/scrollList/scrollItem.js +8 -14
- package/lib/es/select/index.js +38 -76
- package/lib/es/select/option.js +7 -10
- package/lib/es/select/utils.js +9 -22
- package/lib/es/sideSheet/SideSheetContent.js +6 -12
- package/lib/es/sideSheet/SideSheetTransition.js +1 -2
- package/lib/es/sideSheet/index.js +10 -18
- package/lib/es/skeleton/index.js +4 -8
- package/lib/es/skeleton/item.js +8 -18
- package/lib/es/slider/index.js +15 -36
- package/lib/es/space/index.js +2 -8
- package/lib/es/space/utils.js +4 -11
- package/lib/es/spin/icon.js +4 -8
- package/lib/es/spin/index.js +2 -6
- package/lib/es/steps/basicStep.js +1 -4
- package/lib/es/steps/basicSteps.js +6 -17
- package/lib/es/steps/fillStep.js +1 -4
- package/lib/es/steps/fillSteps.js +5 -17
- package/lib/es/steps/index.js +6 -9
- package/lib/es/steps/navSteps.js +5 -17
- package/lib/es/steps/step.js +3 -4
- package/lib/es/switch/index.js +2 -3
- package/lib/es/table/Body/BaseRow.js +9 -14
- package/lib/es/table/Body/ExpandedRow.js +5 -8
- package/lib/es/table/Body/SectionRow.js +10 -18
- package/lib/es/table/Body/index.js +34 -56
- package/lib/es/table/ColGroup.js +1 -5
- package/lib/es/table/Column.js +1 -2
- package/lib/es/table/ColumnFilter.js +13 -30
- package/lib/es/table/ColumnSelection.js +3 -4
- package/lib/es/table/ColumnSorter.js +1 -2
- package/lib/es/table/HeadTable.js +4 -6
- package/lib/es/table/ResizableHeaderCell.js +6 -13
- package/lib/es/table/ResizableTable.js +18 -36
- package/lib/es/table/Table.js +56 -76
- package/lib/es/table/TableCell.js +8 -13
- package/lib/es/table/TableHeader.js +7 -18
- package/lib/es/table/TableHeaderRow.js +13 -21
- package/lib/es/table/TablePagination.js +1 -2
- package/lib/es/table/getColumns.js +3 -10
- package/lib/es/table/index.js +3 -4
- package/lib/es/table/utils.js +1 -7
- package/lib/es/tabs/TabBar.js +18 -36
- package/lib/es/tabs/TabPane.js +9 -18
- package/lib/es/tabs/TabPaneTransition.js +2 -3
- package/lib/es/tabs/index.js +22 -48
- package/lib/es/tabs/interface.d.ts +3 -2
- package/lib/es/tag/group.d.ts +1 -15
- package/lib/es/tag/group.js +18 -24
- package/lib/es/tag/index.d.ts +1 -1
- package/lib/es/tag/index.js +13 -24
- package/lib/es/tag/interface.d.ts +6 -3
- package/lib/es/tagInput/index.js +10 -21
- package/lib/es/timePicker/Combobox.js +14 -23
- package/lib/es/timePicker/TimeInput.js +6 -10
- package/lib/es/timePicker/TimePicker.js +16 -27
- package/lib/es/timePicker/index.js +1 -2
- package/lib/es/timeline/index.js +14 -32
- package/lib/es/timeline/item.js +2 -6
- package/lib/es/toast/ToastTransition.js +1 -2
- package/lib/es/toast/index.js +17 -37
- package/lib/es/toast/toast.js +4 -10
- package/lib/es/toast/useToast/HookToast.js +4 -8
- package/lib/es/toast/useToast/index.js +11 -18
- package/lib/es/tooltip/TooltipStyledTransition.js +1 -3
- package/lib/es/tooltip/TriangleArrow.js +4 -8
- package/lib/es/tooltip/TriangleArrowVertical.js +4 -8
- package/lib/es/tooltip/index.js +20 -31
- package/lib/es/transfer/index.js +24 -47
- package/lib/es/tree/autoSizer.js +2 -3
- package/lib/es/tree/collapse.js +2 -5
- package/lib/es/tree/index.js +41 -48
- package/lib/es/tree/nodeList.js +6 -17
- package/lib/es/tree/treeNode.js +15 -23
- package/lib/es/treeSelect/index.js +44 -62
- package/lib/es/trigger/index.js +4 -8
- package/lib/es/typography/base.js +19 -34
- package/lib/es/typography/copyable.js +2 -4
- package/lib/es/typography/paragraph.js +1 -2
- package/lib/es/typography/text.js +1 -2
- package/lib/es/typography/title.d.ts +1 -1
- package/lib/es/typography/title.js +5 -11
- package/lib/es/typography/typography.js +4 -8
- package/lib/es/typography/util.js +5 -15
- package/lib/es/upload/fileCard.js +3 -4
- package/lib/es/upload/index.js +11 -16
- package/package.json +7 -8
- package/popconfirm/_story/popconfirm.stories.js +1 -1
- package/popconfirm/index.tsx +6 -6
- package/radio/radio.tsx +2 -0
- package/tabs/_story/Demo.tsx +14 -5
- package/tabs/interface.ts +3 -2
- package/tag/_story/tag.stories.js +51 -1
- package/tag/group.tsx +14 -27
- package/tag/index.tsx +1 -1
- package/tag/interface.ts +9 -5
- package/tooltip/index.tsx +2 -1
- package/transfer/_story/transfer.stories.js +2 -2
- package/treeSelect/_story/treeSelect.stories.js +3 -0
|
@@ -1,10 +1,4 @@
|
|
|
1
1
|
import _isEqual from "lodash/isEqual";
|
|
2
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
3
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
4
|
-
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
|
5
|
-
import _Map from "@babel/runtime-corejs3/core-js-stable/map";
|
|
6
|
-
import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
|
|
7
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
8
2
|
import React from 'react';
|
|
9
3
|
import cls from 'classnames';
|
|
10
4
|
import PropTypes from 'prop-types';
|
|
@@ -27,8 +21,6 @@ const prefixCls = "".concat(cssClasses.PREFIX, "-week");
|
|
|
27
21
|
const allDayCls = "".concat(cssClasses.PREFIX, "-all-day");
|
|
28
22
|
export default class WeekCalendar extends BaseComponent {
|
|
29
23
|
constructor(props) {
|
|
30
|
-
var _context8;
|
|
31
|
-
|
|
32
24
|
super(props);
|
|
33
25
|
|
|
34
26
|
this.checkWeekend = val => this.foundation.checkWeekend(val);
|
|
@@ -53,8 +45,7 @@ export default class WeekCalendar extends BaseComponent {
|
|
|
53
45
|
markWeekend,
|
|
54
46
|
dateGridRender
|
|
55
47
|
} = this.props;
|
|
56
|
-
|
|
57
|
-
const inner = _mapInstanceProperty(week).call(week, day => {
|
|
48
|
+
const inner = week.map(day => {
|
|
58
49
|
const dateString = day.date.toString();
|
|
59
50
|
const dayEvents = events.has(dateString) ? events.get(dateString) : [];
|
|
60
51
|
const parsed = this.foundation.getParseDailyEvents(dayEvents, day.date);
|
|
@@ -69,13 +60,10 @@ export default class WeekCalendar extends BaseComponent {
|
|
|
69
60
|
dateGridRender: dateGridRender
|
|
70
61
|
});
|
|
71
62
|
});
|
|
72
|
-
|
|
73
63
|
return inner;
|
|
74
64
|
};
|
|
75
65
|
|
|
76
66
|
this.renderHeader = dateFnsLocale => {
|
|
77
|
-
var _context, _context2;
|
|
78
|
-
|
|
79
67
|
const {
|
|
80
68
|
markWeekend,
|
|
81
69
|
displayValue
|
|
@@ -87,13 +75,13 @@ export default class WeekCalendar extends BaseComponent {
|
|
|
87
75
|
return /*#__PURE__*/React.createElement("div", {
|
|
88
76
|
className: "".concat(prefixCls, "-header")
|
|
89
77
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
90
|
-
className:
|
|
78
|
+
className: "".concat(cssClasses.PREFIX, "-tag ").concat(prefixCls, "-tag ").concat(prefixCls, "-sticky-left")
|
|
91
79
|
}, /*#__PURE__*/React.createElement("span", null, month)), /*#__PURE__*/React.createElement("div", {
|
|
92
80
|
role: "gridcell",
|
|
93
81
|
className: "".concat(prefixCls, "-grid")
|
|
94
82
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
95
83
|
className: "".concat(prefixCls, "-grid-row")
|
|
96
|
-
},
|
|
84
|
+
}, week.map(day => {
|
|
97
85
|
const {
|
|
98
86
|
date,
|
|
99
87
|
dayString,
|
|
@@ -114,9 +102,7 @@ export default class WeekCalendar extends BaseComponent {
|
|
|
114
102
|
};
|
|
115
103
|
|
|
116
104
|
this.renderAllDayEvents = events => {
|
|
117
|
-
const list =
|
|
118
|
-
var _context3;
|
|
119
|
-
|
|
105
|
+
const list = events.map((event, ind) => {
|
|
120
106
|
const {
|
|
121
107
|
leftPos,
|
|
122
108
|
width,
|
|
@@ -131,18 +117,15 @@ export default class WeekCalendar extends BaseComponent {
|
|
|
131
117
|
top
|
|
132
118
|
};
|
|
133
119
|
return /*#__PURE__*/React.createElement("li", {
|
|
134
|
-
className:
|
|
120
|
+
className: "".concat(cssClasses.PREFIX, "-event-item ").concat(cssClasses.PREFIX, "-event-allday"),
|
|
135
121
|
key: "allDay-".concat(ind),
|
|
136
122
|
style: style
|
|
137
123
|
}, children);
|
|
138
124
|
});
|
|
139
|
-
|
|
140
125
|
return list;
|
|
141
126
|
};
|
|
142
127
|
|
|
143
128
|
this.renderAllDay = locale => {
|
|
144
|
-
var _context4, _context5, _context6, _context7;
|
|
145
|
-
|
|
146
129
|
const {
|
|
147
130
|
allDay
|
|
148
131
|
} = this.state.parsedEvents;
|
|
@@ -161,13 +144,13 @@ export default class WeekCalendar extends BaseComponent {
|
|
|
161
144
|
className: "".concat(allDayCls),
|
|
162
145
|
style: style
|
|
163
146
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
164
|
-
className:
|
|
147
|
+
className: "".concat(cssClasses.PREFIX, "-tag ").concat(allDayCls, "-tag ").concat(prefixCls, "-sticky-left")
|
|
165
148
|
}, /*#__PURE__*/React.createElement("span", null, locale.allDay)), /*#__PURE__*/React.createElement("div", {
|
|
166
149
|
role: "gridcell",
|
|
167
|
-
className:
|
|
150
|
+
className: "".concat(cssClasses.PREFIX, "-content ").concat(allDayCls, "-content")
|
|
168
151
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
169
152
|
className: "".concat(allDayCls, "-skeleton")
|
|
170
|
-
},
|
|
153
|
+
}, Object.keys(week).map((date, ind) => {
|
|
171
154
|
const listCls = cls({
|
|
172
155
|
["".concat(cssClasses.PREFIX, "-weekend")]: markWeekend && week[date].isWeekend
|
|
173
156
|
});
|
|
@@ -183,20 +166,20 @@ export default class WeekCalendar extends BaseComponent {
|
|
|
183
166
|
this.state = {
|
|
184
167
|
scrollHeight: 0,
|
|
185
168
|
parsedEvents: {
|
|
186
|
-
day: new
|
|
187
|
-
allDay: new
|
|
169
|
+
day: new Map(),
|
|
170
|
+
allDay: new Map()
|
|
188
171
|
},
|
|
189
172
|
cachedKeys: []
|
|
190
173
|
};
|
|
191
174
|
this.foundation = new CalendarFoundation(this.adapter);
|
|
192
175
|
this.dom = /*#__PURE__*/React.createRef();
|
|
193
176
|
this.scrollDom = /*#__PURE__*/React.createRef();
|
|
194
|
-
this.handleClick =
|
|
177
|
+
this.handleClick = this.handleClick.bind(this);
|
|
195
178
|
this.allDayRowHeight = 1;
|
|
196
179
|
}
|
|
197
180
|
|
|
198
181
|
get adapter() {
|
|
199
|
-
return
|
|
182
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
200
183
|
setWeeklyData: data => {
|
|
201
184
|
this.weeklyData = data;
|
|
202
185
|
},
|
|
@@ -230,11 +213,8 @@ export default class WeekCalendar extends BaseComponent {
|
|
|
230
213
|
}
|
|
231
214
|
|
|
232
215
|
componentDidUpdate(prevProps, prevState) {
|
|
233
|
-
var _context9;
|
|
234
|
-
|
|
235
216
|
const prevEventKeys = prevState.cachedKeys;
|
|
236
|
-
|
|
237
|
-
const nowEventKeys = _mapInstanceProperty(_context9 = this.props.events).call(_context9, event => event.key);
|
|
217
|
+
const nowEventKeys = this.props.events.map(event => event.key);
|
|
238
218
|
|
|
239
219
|
if (!_isEqual(prevEventKeys, nowEventKeys)) {
|
|
240
220
|
this.foundation.parseWeeklyEvents();
|
|
@@ -255,12 +235,10 @@ export default class WeekCalendar extends BaseComponent {
|
|
|
255
235
|
header
|
|
256
236
|
} = this.props;
|
|
257
237
|
const weekCls = cls(prefixCls, className);
|
|
258
|
-
|
|
259
|
-
const weekStyle = _Object$assign({
|
|
238
|
+
const weekStyle = Object.assign({
|
|
260
239
|
height,
|
|
261
240
|
width
|
|
262
241
|
}, style);
|
|
263
|
-
|
|
264
242
|
return /*#__PURE__*/React.createElement(LocaleConsumer, {
|
|
265
243
|
componentName: "Calendar"
|
|
266
244
|
}, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement("div", {
|
package/lib/es/card/cardGroup.js
CHANGED
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
2
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
|
-
|
|
5
1
|
var __rest = this && this.__rest || function (s, e) {
|
|
6
2
|
var t = {};
|
|
7
3
|
|
|
8
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
9
5
|
|
|
10
|
-
if (s != null && typeof
|
|
11
|
-
if (
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
12
8
|
}
|
|
13
9
|
return t;
|
|
14
10
|
};
|
|
@@ -36,7 +32,7 @@ class CardGroup extends PureComponent {
|
|
|
36
32
|
const cardGroupCls = cls("".concat(prefixcls, "-group"), className, {
|
|
37
33
|
["".concat(prefixcls, "-group-grid")]: isGrid
|
|
38
34
|
});
|
|
39
|
-
return /*#__PURE__*/React.createElement(Space,
|
|
35
|
+
return /*#__PURE__*/React.createElement(Space, Object.assign({
|
|
40
36
|
spacing: isGrid ? 0 : spacing,
|
|
41
37
|
wrap: true,
|
|
42
38
|
className: cardGroupCls,
|
package/lib/es/card/index.js
CHANGED
|
@@ -1,19 +1,13 @@
|
|
|
1
1
|
import _isString from "lodash/isString";
|
|
2
2
|
import _omit from "lodash/omit";
|
|
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 _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
|
|
6
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
7
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
8
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
9
3
|
|
|
10
4
|
var __rest = this && this.__rest || function (s, e) {
|
|
11
5
|
var t = {};
|
|
12
6
|
|
|
13
|
-
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];
|
|
14
8
|
|
|
15
|
-
if (s != null && typeof
|
|
16
|
-
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]];
|
|
17
11
|
}
|
|
18
12
|
return t;
|
|
19
13
|
};
|
|
@@ -107,11 +101,11 @@ class Card extends PureComponent {
|
|
|
107
101
|
placeholder: placeholder,
|
|
108
102
|
loading: loading,
|
|
109
103
|
active: true
|
|
110
|
-
}, children),
|
|
104
|
+
}, children), Array.isArray(actions) && /*#__PURE__*/React.createElement("div", {
|
|
111
105
|
className: actionsCls
|
|
112
106
|
}, /*#__PURE__*/React.createElement(Space, {
|
|
113
107
|
spacing: 12
|
|
114
|
-
},
|
|
108
|
+
}, actions.map((item, idx) => /*#__PURE__*/React.createElement("div", {
|
|
115
109
|
key: idx,
|
|
116
110
|
className: actionsItemCls,
|
|
117
111
|
"x-semi-prop": "actions.".concat(idx)
|
|
@@ -136,8 +130,6 @@ class Card extends PureComponent {
|
|
|
136
130
|
}
|
|
137
131
|
|
|
138
132
|
render() {
|
|
139
|
-
var _context;
|
|
140
|
-
|
|
141
133
|
const _a = this.props,
|
|
142
134
|
{
|
|
143
135
|
bordered,
|
|
@@ -152,9 +144,9 @@ class Card extends PureComponent {
|
|
|
152
144
|
const cardCls = cls(prefixcls, className, {
|
|
153
145
|
["".concat(prefixcls, "-bordered")]: bordered,
|
|
154
146
|
["".concat(prefixcls, "-shadows")]: shadows,
|
|
155
|
-
[
|
|
147
|
+
["".concat(prefixcls, "-shadows-").concat(shadows)]: shadows
|
|
156
148
|
});
|
|
157
|
-
return /*#__PURE__*/React.createElement("div",
|
|
149
|
+
return /*#__PURE__*/React.createElement("div", Object.assign({}, others, {
|
|
158
150
|
"aria-busy": this.props.loading,
|
|
159
151
|
className: cardCls,
|
|
160
152
|
style: style
|
package/lib/es/card/meta.js
CHANGED
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
2
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
|
-
|
|
5
1
|
var __rest = this && this.__rest || function (s, e) {
|
|
6
2
|
var t = {};
|
|
7
3
|
|
|
8
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
9
5
|
|
|
10
|
-
if (s != null && typeof
|
|
11
|
-
if (
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
12
8
|
}
|
|
13
9
|
return t;
|
|
14
10
|
};
|
|
@@ -44,7 +40,7 @@ class Meta extends PureComponent {
|
|
|
44
40
|
const wrapper = title || description ? /*#__PURE__*/React.createElement("div", {
|
|
45
41
|
className: "".concat(prefixcls, "-meta-wrapper")
|
|
46
42
|
}, titleNode, descriptionNode) : null;
|
|
47
|
-
return /*#__PURE__*/React.createElement("div",
|
|
43
|
+
return /*#__PURE__*/React.createElement("div", Object.assign({}, others, {
|
|
48
44
|
className: metaCls,
|
|
49
45
|
style: style
|
|
50
46
|
}), avatarNode, wrapper);
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import _get from "lodash/get";
|
|
2
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
2
|
|
|
5
3
|
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
6
4
|
|
|
@@ -30,8 +28,6 @@ class CarouselArrow extends React.PureComponent {
|
|
|
30
28
|
}
|
|
31
29
|
|
|
32
30
|
render() {
|
|
33
|
-
var _context, _context2, _context3;
|
|
34
|
-
|
|
35
31
|
const {
|
|
36
32
|
type,
|
|
37
33
|
theme,
|
|
@@ -40,26 +36,26 @@ class CarouselArrow extends React.PureComponent {
|
|
|
40
36
|
} = this.props;
|
|
41
37
|
const classNames = cls({
|
|
42
38
|
[cssClasses.CAROUSEL_ARROW]: true,
|
|
43
|
-
[
|
|
39
|
+
["".concat(cssClasses.CAROUSEL_ARROW, "-").concat(theme)]: theme,
|
|
44
40
|
["".concat(cssClasses.CAROUSEL_ARROW, "-hover")]: type === 'hover'
|
|
45
41
|
});
|
|
46
42
|
const leftClassNames = cls({
|
|
47
43
|
["".concat(cssClasses.CAROUSEL_ARROW, "-prev")]: true,
|
|
48
|
-
[
|
|
44
|
+
["".concat(cssClasses.CAROUSEL_ARROW, "-").concat(theme)]: theme
|
|
49
45
|
});
|
|
50
46
|
const rightClassNames = cls({
|
|
51
47
|
["".concat(cssClasses.CAROUSEL_ARROW, "-next")]: true,
|
|
52
|
-
[
|
|
48
|
+
["".concat(cssClasses.CAROUSEL_ARROW, "-").concat(theme)]: theme
|
|
53
49
|
});
|
|
54
50
|
return /*#__PURE__*/React.createElement("div", {
|
|
55
51
|
className: classNames
|
|
56
|
-
}, /*#__PURE__*/React.createElement("div",
|
|
52
|
+
}, /*#__PURE__*/React.createElement("div", Object.assign({
|
|
57
53
|
// role='button'
|
|
58
54
|
className: leftClassNames,
|
|
59
55
|
onClick: prev
|
|
60
56
|
}, _get(this.props, 'arrowProps.leftArrow.props'), {
|
|
61
57
|
"x-semi-prop": "arrowProps.leftArrow.children"
|
|
62
|
-
}), this.renderLeftIcon()), /*#__PURE__*/React.createElement("div",
|
|
58
|
+
}), this.renderLeftIcon()), /*#__PURE__*/React.createElement("div", Object.assign({
|
|
63
59
|
// role='button'
|
|
64
60
|
// tabIndex={0}
|
|
65
61
|
className: rightClassNames,
|
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
2
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
3
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
4
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
5
|
-
|
|
6
1
|
var __rest = this && this.__rest || function (s, e) {
|
|
7
2
|
var t = {};
|
|
8
3
|
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
10
5
|
|
|
11
|
-
if (s != null && typeof
|
|
12
|
-
if (
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
13
8
|
}
|
|
14
9
|
return t;
|
|
15
10
|
};
|
|
@@ -63,16 +58,14 @@ class CarouselIndicator extends React.PureComponent {
|
|
|
63
58
|
const indicatorContent = [];
|
|
64
59
|
|
|
65
60
|
for (let i = 0; i < total; i++) {
|
|
66
|
-
var _context, _context2;
|
|
67
|
-
|
|
68
61
|
indicatorContent.push( /*#__PURE__*/React.createElement("span", {
|
|
69
62
|
// role='none'
|
|
70
63
|
key: i,
|
|
71
64
|
"data-index": i,
|
|
72
65
|
className: cls(["".concat(cssClasses.CAROUSEL_INDICATOR, "-item")], {
|
|
73
66
|
["".concat(cssClasses.CAROUSEL_INDICATOR, "-item-active")]: i === activeIndex,
|
|
74
|
-
[
|
|
75
|
-
[
|
|
67
|
+
["".concat(cssClasses.CAROUSEL_INDICATOR, "-item-").concat(theme)]: theme,
|
|
68
|
+
["".concat(cssClasses.CAROUSEL_INDICATOR, "-item-").concat(size)]: size
|
|
76
69
|
}),
|
|
77
70
|
onClick: () => this.handleIndicatorClick(i),
|
|
78
71
|
onMouseEnter: () => this.handleIndicatorHover(i)
|
|
@@ -83,8 +76,6 @@ class CarouselIndicator extends React.PureComponent {
|
|
|
83
76
|
}
|
|
84
77
|
|
|
85
78
|
render() {
|
|
86
|
-
var _context3, _context4;
|
|
87
|
-
|
|
88
79
|
const _a = this.props,
|
|
89
80
|
{
|
|
90
81
|
type,
|
|
@@ -98,11 +89,11 @@ class CarouselIndicator extends React.PureComponent {
|
|
|
98
89
|
|
|
99
90
|
const classNames = cls(className, {
|
|
100
91
|
[cssClasses.CAROUSEL_INDICATOR]: true,
|
|
101
|
-
[
|
|
102
|
-
[
|
|
92
|
+
["".concat(cssClasses.CAROUSEL_INDICATOR, "-").concat(type)]: type,
|
|
93
|
+
["".concat(cssClasses.CAROUSEL_INDICATOR, "-").concat(position)]: position
|
|
103
94
|
});
|
|
104
95
|
const indicatorContent = this.renderIndicatorContent();
|
|
105
|
-
return /*#__PURE__*/React.createElement("div",
|
|
96
|
+
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
106
97
|
className: classNames,
|
|
107
98
|
style: style
|
|
108
99
|
}, getDataAttr(restProps)), indicatorContent);
|
package/lib/es/carousel/index.js
CHANGED
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
import _debounce from "lodash/debounce";
|
|
2
|
-
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
|
3
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
4
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
5
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
6
2
|
|
|
7
3
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
8
4
|
import React, { Children } from 'react';
|
|
@@ -71,12 +67,10 @@ class Carousel extends BaseComponent {
|
|
|
71
67
|
};
|
|
72
68
|
|
|
73
69
|
this.getChildren = () => {
|
|
74
|
-
var _context;
|
|
75
|
-
|
|
76
70
|
const {
|
|
77
71
|
children: originChildren
|
|
78
72
|
} = this.props;
|
|
79
|
-
return
|
|
73
|
+
return Children.toArray(originChildren).filter(child => {
|
|
80
74
|
return /*#__PURE__*/React.isValidElement(child);
|
|
81
75
|
});
|
|
82
76
|
};
|
|
@@ -96,7 +90,7 @@ class Carousel extends BaseComponent {
|
|
|
96
90
|
preIndex,
|
|
97
91
|
isInit
|
|
98
92
|
} = this.state;
|
|
99
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null,
|
|
93
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, children.map((child, index) => {
|
|
100
94
|
const isCurrent = index === activeIndex;
|
|
101
95
|
const isPrev = index === this.getValidIndex(activeIndex - 1);
|
|
102
96
|
const isNext = index === this.getValidIndex(activeIndex + 1);
|
|
@@ -107,7 +101,7 @@ class Carousel extends BaseComponent {
|
|
|
107
101
|
animationDuration: "".concat(speed, "ms")
|
|
108
102
|
};
|
|
109
103
|
return /*#__PURE__*/React.cloneElement(child, {
|
|
110
|
-
style:
|
|
104
|
+
style: Object.assign(Object.assign({}, child.props.style), animateStyle),
|
|
111
105
|
className: cls(child.props.className, {
|
|
112
106
|
["".concat(cssClasses.CAROUSEL_CONTENT, "-item-prev")]: isPrev,
|
|
113
107
|
["".concat(cssClasses.CAROUSEL_CONTENT, "-item-next")]: isNext,
|
|
@@ -192,7 +186,7 @@ class Carousel extends BaseComponent {
|
|
|
192
186
|
}
|
|
193
187
|
|
|
194
188
|
get adapter() {
|
|
195
|
-
return
|
|
189
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
196
190
|
notifyChange: (activeIndex, preIndex) => {
|
|
197
191
|
this.props.onChange(activeIndex, preIndex);
|
|
198
192
|
},
|
|
@@ -238,8 +232,6 @@ class Carousel extends BaseComponent {
|
|
|
238
232
|
}
|
|
239
233
|
|
|
240
234
|
render() {
|
|
241
|
-
var _context2;
|
|
242
|
-
|
|
243
235
|
const {
|
|
244
236
|
animation,
|
|
245
237
|
className,
|
|
@@ -260,7 +252,7 @@ class Carousel extends BaseComponent {
|
|
|
260
252
|
onMouseEnter: _debounce(this.handleMouseEnter, 400),
|
|
261
253
|
onMouseLeave: _debounce(this.handleMouseLeave, 400)
|
|
262
254
|
}, /*#__PURE__*/React.createElement("div", {
|
|
263
|
-
className: cls([
|
|
255
|
+
className: cls(["".concat(cssClasses.CAROUSEL_CONTENT, "-").concat(animation)], {
|
|
264
256
|
["".concat(cssClasses.CAROUSEL_CONTENT)]: true,
|
|
265
257
|
["".concat(cssClasses.CAROUSEL_CONTENT, "-reverse")]: slideDirection === 'left' ? isReverse : !isReverse
|
|
266
258
|
}),
|