@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,7 +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$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
5
2
|
import React from 'react';
|
|
6
3
|
import cls from 'classnames';
|
|
7
4
|
import PropTypes from 'prop-types';
|
|
@@ -21,9 +18,7 @@ export default class DayCalendar extends BaseComponent {
|
|
|
21
18
|
this.checkWeekend = val => this.foundation.checkWeekend(val);
|
|
22
19
|
|
|
23
20
|
this.renderAllDayEvents = events => {
|
|
24
|
-
const list =
|
|
25
|
-
var _context;
|
|
26
|
-
|
|
21
|
+
const list = events.map((event, ind) => {
|
|
27
22
|
const {
|
|
28
23
|
children,
|
|
29
24
|
key
|
|
@@ -32,12 +27,11 @@ export default class DayCalendar extends BaseComponent {
|
|
|
32
27
|
/*#__PURE__*/
|
|
33
28
|
// eslint-disable-next-line max-len
|
|
34
29
|
React.createElement("li", {
|
|
35
|
-
className:
|
|
30
|
+
className: "".concat(cssClasses.PREFIX, "-event-item ").concat(cssClasses.PREFIX, "-event-allday"),
|
|
36
31
|
key: key || "allDay-".concat(ind)
|
|
37
32
|
}, children)
|
|
38
33
|
);
|
|
39
34
|
});
|
|
40
|
-
|
|
41
35
|
return list;
|
|
42
36
|
};
|
|
43
37
|
|
|
@@ -56,20 +50,16 @@ export default class DayCalendar extends BaseComponent {
|
|
|
56
50
|
});
|
|
57
51
|
return /*#__PURE__*/React.createElement(LocaleConsumer, {
|
|
58
52
|
componentName: "Calendar"
|
|
59
|
-
}, locale => {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
}, /*#__PURE__*/React.createElement("ul", {
|
|
70
|
-
className: "".concat(cssClasses.PREFIX, "-event-items")
|
|
71
|
-
}, this.renderAllDayEvents(events))));
|
|
72
|
-
});
|
|
53
|
+
}, locale => /*#__PURE__*/React.createElement("div", {
|
|
54
|
+
className: "".concat(allDayCls)
|
|
55
|
+
}, /*#__PURE__*/React.createElement("ul", {
|
|
56
|
+
className: "".concat(cssClasses.PREFIX, "-tag ").concat(allDayCls, "-tag ").concat(prefixCls, "-sticky-left")
|
|
57
|
+
}, /*#__PURE__*/React.createElement("span", null, locale.allDay)), /*#__PURE__*/React.createElement("div", {
|
|
58
|
+
role: "gridcell",
|
|
59
|
+
className: contentCls
|
|
60
|
+
}, /*#__PURE__*/React.createElement("ul", {
|
|
61
|
+
className: "".concat(cssClasses.PREFIX, "-event-items")
|
|
62
|
+
}, this.renderAllDayEvents(events)))));
|
|
73
63
|
};
|
|
74
64
|
|
|
75
65
|
this.foundation = new CalendarFoundation(this.adapter);
|
|
@@ -87,7 +77,7 @@ export default class DayCalendar extends BaseComponent {
|
|
|
87
77
|
}
|
|
88
78
|
|
|
89
79
|
get adapter() {
|
|
90
|
-
return
|
|
80
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
91
81
|
updateScrollHeight: scrollHeight => {
|
|
92
82
|
this.setState({
|
|
93
83
|
scrollHeight
|
|
@@ -117,11 +107,8 @@ export default class DayCalendar extends BaseComponent {
|
|
|
117
107
|
}
|
|
118
108
|
|
|
119
109
|
componentDidUpdate(prevProps, prevState) {
|
|
120
|
-
var _context4;
|
|
121
|
-
|
|
122
110
|
const prevEventKeys = prevState.cachedKeys;
|
|
123
|
-
|
|
124
|
-
const nowEventKeys = _mapInstanceProperty(_context4 = this.props.events).call(_context4, event => event.key);
|
|
111
|
+
const nowEventKeys = this.props.events.map(event => event.key);
|
|
125
112
|
|
|
126
113
|
if (!_isEqual(prevEventKeys, nowEventKeys)) {
|
|
127
114
|
this.foundation.parseDailyEvents();
|
|
@@ -147,12 +134,10 @@ export default class DayCalendar extends BaseComponent {
|
|
|
147
134
|
header
|
|
148
135
|
} = this.props;
|
|
149
136
|
const dayCls = cls(prefixCls, className);
|
|
150
|
-
|
|
151
|
-
const dayStyle = _Object$assign({
|
|
137
|
+
const dayStyle = Object.assign({
|
|
152
138
|
height,
|
|
153
139
|
width
|
|
154
140
|
}, style);
|
|
155
|
-
|
|
156
141
|
const {
|
|
157
142
|
parsedEvents,
|
|
158
143
|
scrollHeight
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
2
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
3
|
-
import _keysInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/keys";
|
|
4
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
5
|
-
|
|
6
1
|
/* eslint-disable max-len */
|
|
7
2
|
import React from 'react';
|
|
8
3
|
import cls from 'classnames';
|
|
@@ -27,10 +22,7 @@ export default class DayCol extends BaseComponent {
|
|
|
27
22
|
events,
|
|
28
23
|
scrollHeight
|
|
29
24
|
} = this.props;
|
|
30
|
-
|
|
31
|
-
const list = _mapInstanceProperty(events).call(events, (event, ind) => {
|
|
32
|
-
var _context, _context2;
|
|
33
|
-
|
|
25
|
+
const list = events.map((event, ind) => {
|
|
34
26
|
const {
|
|
35
27
|
startPos,
|
|
36
28
|
endPos,
|
|
@@ -49,12 +41,11 @@ export default class DayCol extends BaseComponent {
|
|
|
49
41
|
height: "".concat(height, "px")
|
|
50
42
|
};
|
|
51
43
|
return /*#__PURE__*/React.createElement("li", {
|
|
52
|
-
className:
|
|
44
|
+
className: "".concat(cssClasses.PREFIX, "-event-item ").concat(cssClasses.PREFIX, "-event-day"),
|
|
53
45
|
style: style,
|
|
54
|
-
key: key ||
|
|
46
|
+
key: key || "".concat(top, "-").concat(ind)
|
|
55
47
|
}, children);
|
|
56
48
|
});
|
|
57
|
-
|
|
58
49
|
return list;
|
|
59
50
|
};
|
|
60
51
|
|
|
@@ -88,8 +79,6 @@ export default class DayCol extends BaseComponent {
|
|
|
88
79
|
};
|
|
89
80
|
|
|
90
81
|
this.renderGrid = () => {
|
|
91
|
-
var _context3, _context4;
|
|
92
|
-
|
|
93
82
|
const showCurrTime = this.props.showCurrTime ? this.state.showCurrTime : false;
|
|
94
83
|
const {
|
|
95
84
|
displayValue,
|
|
@@ -108,7 +97,7 @@ export default class DayCol extends BaseComponent {
|
|
|
108
97
|
}, showCurrTime ? this.renderCurrTime() : null, /*#__PURE__*/React.createElement("ul", {
|
|
109
98
|
role: "row",
|
|
110
99
|
className: skCls
|
|
111
|
-
},
|
|
100
|
+
}, [...Array(25).keys()].map(item => {
|
|
112
101
|
const line = cls({
|
|
113
102
|
["".concat(prefixCls, "-skeleton-row-line")]: true
|
|
114
103
|
});
|
|
@@ -144,7 +133,7 @@ export default class DayCol extends BaseComponent {
|
|
|
144
133
|
}
|
|
145
134
|
|
|
146
135
|
get adapter() {
|
|
147
|
-
return
|
|
136
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
148
137
|
updateCurrPos: currPos => {
|
|
149
138
|
this.setState({
|
|
150
139
|
currPos
|
package/lib/es/calendar/index.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
|
};
|
|
@@ -37,7 +33,7 @@ class Calendar extends BaseComponent {
|
|
|
37
33
|
day: /*#__PURE__*/React.createElement(DayCalendar, null),
|
|
38
34
|
range: /*#__PURE__*/React.createElement(RangeCalendar, null)
|
|
39
35
|
};
|
|
40
|
-
return /*#__PURE__*/React.cloneElement(component[mode],
|
|
36
|
+
return /*#__PURE__*/React.cloneElement(component[mode], Object.assign({}, rest));
|
|
41
37
|
}
|
|
42
38
|
|
|
43
39
|
}
|
|
@@ -1,11 +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 _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
|
5
|
-
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
|
6
|
-
import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
|
|
7
|
-
import _Map from "@babel/runtime-corejs3/core-js-stable/map";
|
|
8
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
9
2
|
|
|
10
3
|
/* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */
|
|
11
4
|
import React from 'react';
|
|
@@ -33,7 +26,7 @@ const contentPadding = 60;
|
|
|
33
26
|
const contentHeight = 24;
|
|
34
27
|
export default class monthCalendar extends BaseComponent {
|
|
35
28
|
constructor(props) {
|
|
36
|
-
var _this
|
|
29
|
+
var _this;
|
|
37
30
|
|
|
38
31
|
super(props);
|
|
39
32
|
_this = this;
|
|
@@ -56,8 +49,6 @@ export default class monthCalendar extends BaseComponent {
|
|
|
56
49
|
};
|
|
57
50
|
|
|
58
51
|
this.renderHeader = dateFnsLocale => {
|
|
59
|
-
var _context;
|
|
60
|
-
|
|
61
52
|
const {
|
|
62
53
|
markWeekend,
|
|
63
54
|
displayValue
|
|
@@ -72,7 +63,7 @@ export default class monthCalendar extends BaseComponent {
|
|
|
72
63
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
73
64
|
role: "row",
|
|
74
65
|
className: "".concat(prefixCls, "-grid-row")
|
|
75
|
-
},
|
|
66
|
+
}, this.monthlyData[0].map(day => {
|
|
76
67
|
const {
|
|
77
68
|
weekday
|
|
78
69
|
} = day;
|
|
@@ -93,9 +84,7 @@ export default class monthCalendar extends BaseComponent {
|
|
|
93
84
|
return undefined;
|
|
94
85
|
}
|
|
95
86
|
|
|
96
|
-
const list =
|
|
97
|
-
var _context2;
|
|
98
|
-
|
|
87
|
+
const list = events.map((event, ind) => {
|
|
99
88
|
const {
|
|
100
89
|
leftPos,
|
|
101
90
|
width,
|
|
@@ -109,12 +98,11 @@ export default class monthCalendar extends BaseComponent {
|
|
|
109
98
|
top: "".concat(topInd, "em")
|
|
110
99
|
};
|
|
111
100
|
return /*#__PURE__*/React.createElement("li", {
|
|
112
|
-
className:
|
|
101
|
+
className: "".concat(cssClasses.PREFIX, "-event-item ").concat(cssClasses.PREFIX, "-event-month"),
|
|
113
102
|
key: key || "".concat(ind, "-monthevent"),
|
|
114
103
|
style: style
|
|
115
104
|
}, children);
|
|
116
105
|
});
|
|
117
|
-
|
|
118
106
|
return list;
|
|
119
107
|
};
|
|
120
108
|
|
|
@@ -129,7 +117,7 @@ export default class monthCalendar extends BaseComponent {
|
|
|
129
117
|
date
|
|
130
118
|
} = itemInfo;
|
|
131
119
|
const key = date.toString();
|
|
132
|
-
const remained =
|
|
120
|
+
const remained = events.filter(i => Boolean(i)).length - itemLimit;
|
|
133
121
|
const cardCls = "".concat(prefixCls, "-event-card"); // const top = contentPadding / 2 + this.state.itemLimit * contentHeight;
|
|
134
122
|
|
|
135
123
|
const shouldRenderCard = remained > 0;
|
|
@@ -158,7 +146,7 @@ export default class monthCalendar extends BaseComponent {
|
|
|
158
146
|
className: "".concat(cardCls, "-body")
|
|
159
147
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
160
148
|
className: "".concat(cardCls, "-list")
|
|
161
|
-
},
|
|
149
|
+
}, events.map(item => /*#__PURE__*/React.createElement("li", {
|
|
162
150
|
key: item.key || "".concat(item.start.toString(), "-event")
|
|
163
151
|
}, item.children))))));
|
|
164
152
|
const pos = showCard && showCard[key] ? showCard[key][1] : 'leftTopOver';
|
|
@@ -242,7 +230,7 @@ export default class monthCalendar extends BaseComponent {
|
|
|
242
230
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
243
231
|
role: "row",
|
|
244
232
|
className: "".concat(prefixCls, "-skeleton")
|
|
245
|
-
},
|
|
233
|
+
}, weekDay.map(each => {
|
|
246
234
|
const {
|
|
247
235
|
date,
|
|
248
236
|
dayString,
|
|
@@ -278,8 +266,6 @@ export default class monthCalendar extends BaseComponent {
|
|
|
278
266
|
};
|
|
279
267
|
|
|
280
268
|
this.renderMonthGrid = () => {
|
|
281
|
-
var _context3;
|
|
282
|
-
|
|
283
269
|
const {
|
|
284
270
|
parsedEvents
|
|
285
271
|
} = this.state;
|
|
@@ -289,7 +275,7 @@ export default class monthCalendar extends BaseComponent {
|
|
|
289
275
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
290
276
|
role: "presentation",
|
|
291
277
|
className: "".concat(prefixCls, "-grid-col")
|
|
292
|
-
},
|
|
278
|
+
}, Object.keys(this.monthlyData).map(weekInd => this.renderWeekRow(weekInd, this.monthlyData[weekInd], parsedEvents[weekInd]))));
|
|
293
279
|
};
|
|
294
280
|
|
|
295
281
|
this.state = {
|
|
@@ -300,12 +286,12 @@ export default class monthCalendar extends BaseComponent {
|
|
|
300
286
|
};
|
|
301
287
|
this.cellDom = /*#__PURE__*/React.createRef();
|
|
302
288
|
this.foundation = new CalendarFoundation(this.adapter);
|
|
303
|
-
this.handleClick =
|
|
304
|
-
this.cardRef = new
|
|
289
|
+
this.handleClick = this.handleClick.bind(this);
|
|
290
|
+
this.cardRef = new Map();
|
|
305
291
|
}
|
|
306
292
|
|
|
307
293
|
get adapter() {
|
|
308
|
-
return
|
|
294
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
309
295
|
registerClickOutsideHandler: (key, cb) => {
|
|
310
296
|
const clickOutsideHandler = e => {
|
|
311
297
|
const cardInstance = this.cardRef && this.cardRef.get(key); // eslint-disable-next-line react/no-find-dom-node
|
|
@@ -331,7 +317,7 @@ export default class monthCalendar extends BaseComponent {
|
|
|
331
317
|
const updates = {};
|
|
332
318
|
updates[key] = [false];
|
|
333
319
|
this.setState(prevState => ({
|
|
334
|
-
showCard:
|
|
320
|
+
showCard: Object.assign(Object.assign({}, prevState.showCard), updates)
|
|
335
321
|
}));
|
|
336
322
|
this.props.onClose && this.props.onClose(e);
|
|
337
323
|
},
|
|
@@ -340,7 +326,7 @@ export default class monthCalendar extends BaseComponent {
|
|
|
340
326
|
const pos = spacing ? 'leftTopOver' : 'rightTopOver';
|
|
341
327
|
updates[key] = [true, pos];
|
|
342
328
|
this.setState(prevState => ({
|
|
343
|
-
showCard:
|
|
329
|
+
showCard: Object.assign({}, updates)
|
|
344
330
|
}));
|
|
345
331
|
},
|
|
346
332
|
setParsedEvents: parsedEvents => {
|
|
@@ -372,12 +358,8 @@ export default class monthCalendar extends BaseComponent {
|
|
|
372
358
|
}
|
|
373
359
|
|
|
374
360
|
componentDidUpdate(prevProps, prevState) {
|
|
375
|
-
var _context5;
|
|
376
|
-
|
|
377
361
|
const prevEventKeys = prevState.cachedKeys;
|
|
378
|
-
|
|
379
|
-
const nowEventKeys = _mapInstanceProperty(_context5 = this.props.events).call(_context5, event => event.key);
|
|
380
|
-
|
|
362
|
+
const nowEventKeys = this.props.events.map(event => event.key);
|
|
381
363
|
let itemLimitUpdate = false;
|
|
382
364
|
let {
|
|
383
365
|
itemLimit
|
|
@@ -409,12 +391,10 @@ export default class monthCalendar extends BaseComponent {
|
|
|
409
391
|
header
|
|
410
392
|
} = this.props;
|
|
411
393
|
const monthCls = cls(prefixCls, className);
|
|
412
|
-
|
|
413
|
-
const monthStyle = _Object$assign({
|
|
394
|
+
const monthStyle = Object.assign({
|
|
414
395
|
height,
|
|
415
396
|
width
|
|
416
397
|
}, style);
|
|
417
|
-
|
|
418
398
|
return /*#__PURE__*/React.createElement(LocaleConsumer, {
|
|
419
399
|
componentName: "Calendar"
|
|
420
400
|
}, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement("div", {
|
|
@@ -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'; // eslint-disable-next-line max-len
|
|
@@ -28,8 +22,6 @@ const prefixCls = "".concat(cssClasses.PREFIX, "-week");
|
|
|
28
22
|
const allDayCls = "".concat(cssClasses.PREFIX, "-all-day");
|
|
29
23
|
export default class RangeCalendar extends BaseComponent {
|
|
30
24
|
constructor(props) {
|
|
31
|
-
var _context8;
|
|
32
|
-
|
|
33
25
|
super(props);
|
|
34
26
|
|
|
35
27
|
this.handleClick = (e, val) => {
|
|
@@ -52,8 +44,7 @@ export default class RangeCalendar extends BaseComponent {
|
|
|
52
44
|
markWeekend,
|
|
53
45
|
dateGridRender
|
|
54
46
|
} = this.props;
|
|
55
|
-
|
|
56
|
-
const inner = _mapInstanceProperty(week).call(week, day => {
|
|
47
|
+
const inner = week.map(day => {
|
|
57
48
|
const dateString = day.date.toString();
|
|
58
49
|
const dayEvents = events.has(dateString) ? events.get(dateString) : [];
|
|
59
50
|
const parsed = this.foundation.getParseDailyEvents(dayEvents, day.date);
|
|
@@ -68,13 +59,10 @@ export default class RangeCalendar extends BaseComponent {
|
|
|
68
59
|
dateGridRender: dateGridRender
|
|
69
60
|
});
|
|
70
61
|
});
|
|
71
|
-
|
|
72
62
|
return inner;
|
|
73
63
|
};
|
|
74
64
|
|
|
75
65
|
this.renderHeader = dateFnsLocale => {
|
|
76
|
-
var _context, _context2;
|
|
77
|
-
|
|
78
66
|
const {
|
|
79
67
|
markWeekend,
|
|
80
68
|
range
|
|
@@ -86,13 +74,13 @@ export default class RangeCalendar extends BaseComponent {
|
|
|
86
74
|
return /*#__PURE__*/React.createElement("div", {
|
|
87
75
|
className: "".concat(prefixCls, "-header")
|
|
88
76
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
89
|
-
className:
|
|
77
|
+
className: "".concat(cssClasses.PREFIX, "-tag ").concat(prefixCls, "-tag ").concat(prefixCls, "-sticky-left")
|
|
90
78
|
}, /*#__PURE__*/React.createElement("span", null, month)), /*#__PURE__*/React.createElement("div", {
|
|
91
79
|
role: "gridcell",
|
|
92
80
|
className: "".concat(prefixCls, "-grid")
|
|
93
81
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
94
82
|
className: "".concat(prefixCls, "-grid-row")
|
|
95
|
-
},
|
|
83
|
+
}, week.map(day => {
|
|
96
84
|
const {
|
|
97
85
|
date,
|
|
98
86
|
dayString,
|
|
@@ -113,9 +101,7 @@ export default class RangeCalendar extends BaseComponent {
|
|
|
113
101
|
};
|
|
114
102
|
|
|
115
103
|
this.renderAllDayEvents = events => {
|
|
116
|
-
const list =
|
|
117
|
-
var _context3;
|
|
118
|
-
|
|
104
|
+
const list = events.map((event, ind) => {
|
|
119
105
|
const {
|
|
120
106
|
leftPos,
|
|
121
107
|
width,
|
|
@@ -129,18 +115,15 @@ export default class RangeCalendar extends BaseComponent {
|
|
|
129
115
|
top
|
|
130
116
|
};
|
|
131
117
|
return /*#__PURE__*/React.createElement("li", {
|
|
132
|
-
className:
|
|
118
|
+
className: "".concat(cssClasses.PREFIX, "-event-item ").concat(cssClasses.PREFIX, "-event-allday"),
|
|
133
119
|
key: "allDay-".concat(ind),
|
|
134
120
|
style: style
|
|
135
121
|
}, children);
|
|
136
122
|
});
|
|
137
|
-
|
|
138
123
|
return list;
|
|
139
124
|
};
|
|
140
125
|
|
|
141
126
|
this.renderAllDay = locale => {
|
|
142
|
-
var _context4, _context5, _context6, _context7;
|
|
143
|
-
|
|
144
127
|
const {
|
|
145
128
|
allDay
|
|
146
129
|
} = this.state.parsedEvents;
|
|
@@ -159,13 +142,13 @@ export default class RangeCalendar extends BaseComponent {
|
|
|
159
142
|
className: "".concat(allDayCls),
|
|
160
143
|
style: style
|
|
161
144
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
162
|
-
className:
|
|
145
|
+
className: "".concat(cssClasses.PREFIX, "-tag ").concat(allDayCls, "-tag ").concat(prefixCls, "-sticky-left")
|
|
163
146
|
}, /*#__PURE__*/React.createElement("span", null, locale.allDay)), /*#__PURE__*/React.createElement("div", {
|
|
164
147
|
role: "gridcell",
|
|
165
|
-
className:
|
|
148
|
+
className: "".concat(cssClasses.PREFIX, "-content ").concat(allDayCls, "-content")
|
|
166
149
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
167
150
|
className: "".concat(allDayCls, "-skeleton")
|
|
168
|
-
},
|
|
151
|
+
}, Object.keys(week).map((date, ind) => {
|
|
169
152
|
const listCls = cls({
|
|
170
153
|
["".concat(cssClasses.PREFIX, "-weekend")]: markWeekend && week[date].isWeekend
|
|
171
154
|
});
|
|
@@ -181,20 +164,20 @@ export default class RangeCalendar extends BaseComponent {
|
|
|
181
164
|
this.state = {
|
|
182
165
|
scrollHeight: 0,
|
|
183
166
|
parsedEvents: {
|
|
184
|
-
day: new
|
|
185
|
-
allDay: new
|
|
167
|
+
day: new Map(),
|
|
168
|
+
allDay: new Map()
|
|
186
169
|
},
|
|
187
170
|
cachedKeys: []
|
|
188
171
|
};
|
|
189
172
|
this.foundation = new CalendarFoundation(this.adapter);
|
|
190
173
|
this.dom = /*#__PURE__*/React.createRef();
|
|
191
174
|
this.scrollDom = /*#__PURE__*/React.createRef();
|
|
192
|
-
this.handleClick =
|
|
175
|
+
this.handleClick = this.handleClick.bind(this);
|
|
193
176
|
this.allDayRowHeight = 1;
|
|
194
177
|
}
|
|
195
178
|
|
|
196
179
|
get adapter() {
|
|
197
|
-
return
|
|
180
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
198
181
|
setRangeData: data => {
|
|
199
182
|
this.RangeData = data;
|
|
200
183
|
},
|
|
@@ -228,11 +211,8 @@ export default class RangeCalendar extends BaseComponent {
|
|
|
228
211
|
}
|
|
229
212
|
|
|
230
213
|
componentDidUpdate(prevProps, prevState) {
|
|
231
|
-
var _context9;
|
|
232
|
-
|
|
233
214
|
const prevEventKeys = prevState.cachedKeys;
|
|
234
|
-
|
|
235
|
-
const nowEventKeys = _mapInstanceProperty(_context9 = this.props.events).call(_context9, event => event.key);
|
|
215
|
+
const nowEventKeys = this.props.events.map(event => event.key);
|
|
236
216
|
|
|
237
217
|
if (!_isEqual(prevEventKeys, nowEventKeys)) {
|
|
238
218
|
this.foundation.parseRangeEvents();
|
|
@@ -253,12 +233,10 @@ export default class RangeCalendar extends BaseComponent {
|
|
|
253
233
|
header
|
|
254
234
|
} = this.props;
|
|
255
235
|
const weekCls = cls(prefixCls, className);
|
|
256
|
-
|
|
257
|
-
const weekStyle = _Object$assign({
|
|
236
|
+
const weekStyle = Object.assign({
|
|
258
237
|
height,
|
|
259
238
|
width
|
|
260
239
|
}, style);
|
|
261
|
-
|
|
262
240
|
return /*#__PURE__*/React.createElement(LocaleConsumer, {
|
|
263
241
|
componentName: "Calendar"
|
|
264
242
|
}, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement("div", {
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
2
|
-
import _keysInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/keys";
|
|
3
|
-
import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
|
|
4
1
|
import React, { PureComponent } from 'react';
|
|
5
2
|
import cls from 'classnames';
|
|
6
3
|
import PropTypes from 'prop-types';
|
|
@@ -36,22 +33,16 @@ export default class timeCol extends PureComponent {
|
|
|
36
33
|
}
|
|
37
34
|
|
|
38
35
|
renderTime() {
|
|
39
|
-
var _context, _context2;
|
|
40
|
-
|
|
41
36
|
const {
|
|
42
37
|
className
|
|
43
38
|
} = this.props;
|
|
44
39
|
const wrapperCls = cls(className, "".concat(prefixCls));
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
_spliceInstanceProperty(list).call(list, 0, 1, '');
|
|
49
|
-
|
|
50
|
-
const inner = _mapInstanceProperty(list).call(list, (item, index) => /*#__PURE__*/React.createElement("li", {
|
|
40
|
+
const list = [...Array(24).keys()].map(item => this.formatTime(item));
|
|
41
|
+
list.splice(0, 1, '');
|
|
42
|
+
const inner = list.map((item, index) => /*#__PURE__*/React.createElement("li", {
|
|
51
43
|
key: "time-".concat(index),
|
|
52
44
|
className: "".concat(prefixCls, "-item")
|
|
53
45
|
}, /*#__PURE__*/React.createElement("span", null, item)));
|
|
54
|
-
|
|
55
46
|
return /*#__PURE__*/React.createElement("div", {
|
|
56
47
|
className: wrapperCls
|
|
57
48
|
}, /*#__PURE__*/React.createElement("ul", {
|