@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
|
@@ -1,21 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = void 0;
|
|
12
7
|
|
|
13
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
14
|
-
|
|
15
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
16
|
-
|
|
17
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
18
|
-
|
|
19
8
|
var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
|
|
20
9
|
|
|
21
10
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -36,10 +25,12 @@ var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
|
|
|
36
25
|
|
|
37
26
|
var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
|
|
38
27
|
|
|
39
|
-
var
|
|
28
|
+
var _context = _interopRequireDefault(require("../locale/context"));
|
|
40
29
|
|
|
41
30
|
require("@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css");
|
|
42
31
|
|
|
32
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
33
|
+
|
|
43
34
|
const prefixCls = "".concat(_constants.cssClasses.PREFIX, "-day");
|
|
44
35
|
|
|
45
36
|
class DayCalendar extends _baseComponent.default {
|
|
@@ -49,9 +40,7 @@ class DayCalendar extends _baseComponent.default {
|
|
|
49
40
|
this.checkWeekend = val => this.foundation.checkWeekend(val);
|
|
50
41
|
|
|
51
42
|
this.renderAllDayEvents = events => {
|
|
52
|
-
const list =
|
|
53
|
-
var _context;
|
|
54
|
-
|
|
43
|
+
const list = events.map((event, ind) => {
|
|
55
44
|
const {
|
|
56
45
|
children,
|
|
57
46
|
key
|
|
@@ -60,7 +49,7 @@ class DayCalendar extends _baseComponent.default {
|
|
|
60
49
|
/*#__PURE__*/
|
|
61
50
|
// eslint-disable-next-line max-len
|
|
62
51
|
_react.default.createElement("li", {
|
|
63
|
-
className:
|
|
52
|
+
className: "".concat(_constants.cssClasses.PREFIX, "-event-item ").concat(_constants.cssClasses.PREFIX, "-event-allday"),
|
|
64
53
|
key: key || "allDay-".concat(ind)
|
|
65
54
|
}, children)
|
|
66
55
|
);
|
|
@@ -83,20 +72,16 @@ class DayCalendar extends _baseComponent.default {
|
|
|
83
72
|
});
|
|
84
73
|
return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
|
|
85
74
|
componentName: "Calendar"
|
|
86
|
-
}, locale => {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
97
|
-
className: "".concat(_constants.cssClasses.PREFIX, "-event-items")
|
|
98
|
-
}, this.renderAllDayEvents(events))));
|
|
99
|
-
});
|
|
75
|
+
}, locale => /*#__PURE__*/_react.default.createElement("div", {
|
|
76
|
+
className: "".concat(allDayCls)
|
|
77
|
+
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
78
|
+
className: "".concat(_constants.cssClasses.PREFIX, "-tag ").concat(allDayCls, "-tag ").concat(prefixCls, "-sticky-left")
|
|
79
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, locale.allDay)), /*#__PURE__*/_react.default.createElement("div", {
|
|
80
|
+
role: "gridcell",
|
|
81
|
+
className: contentCls
|
|
82
|
+
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
83
|
+
className: "".concat(_constants.cssClasses.PREFIX, "-event-items")
|
|
84
|
+
}, this.renderAllDayEvents(events)))));
|
|
100
85
|
};
|
|
101
86
|
|
|
102
87
|
this.foundation = new _foundation.default(this.adapter);
|
|
@@ -114,7 +99,7 @@ class DayCalendar extends _baseComponent.default {
|
|
|
114
99
|
}
|
|
115
100
|
|
|
116
101
|
get adapter() {
|
|
117
|
-
return
|
|
102
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
118
103
|
updateScrollHeight: scrollHeight => {
|
|
119
104
|
this.setState({
|
|
120
105
|
scrollHeight
|
|
@@ -144,10 +129,8 @@ class DayCalendar extends _baseComponent.default {
|
|
|
144
129
|
}
|
|
145
130
|
|
|
146
131
|
componentDidUpdate(prevProps, prevState) {
|
|
147
|
-
var _context4;
|
|
148
|
-
|
|
149
132
|
const prevEventKeys = prevState.cachedKeys;
|
|
150
|
-
const nowEventKeys =
|
|
133
|
+
const nowEventKeys = this.props.events.map(event => event.key);
|
|
151
134
|
|
|
152
135
|
if (!(0, _isEqual2.default)(prevEventKeys, nowEventKeys)) {
|
|
153
136
|
this.foundation.parseDailyEvents();
|
|
@@ -173,7 +156,7 @@ class DayCalendar extends _baseComponent.default {
|
|
|
173
156
|
header
|
|
174
157
|
} = this.props;
|
|
175
158
|
const dayCls = (0, _classnames.default)(prefixCls, className);
|
|
176
|
-
const dayStyle =
|
|
159
|
+
const dayStyle = Object.assign({
|
|
177
160
|
height,
|
|
178
161
|
width
|
|
179
162
|
}, style);
|
|
@@ -231,4 +214,4 @@ DayCalendar.defaultProps = {
|
|
|
231
214
|
displayValue: new Date(),
|
|
232
215
|
mode: 'day'
|
|
233
216
|
};
|
|
234
|
-
DayCalendar.contextType =
|
|
217
|
+
DayCalendar.contextType = _context.default;
|
|
@@ -1,23 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = void 0;
|
|
12
7
|
|
|
13
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
14
|
-
|
|
15
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
16
|
-
|
|
17
|
-
var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/keys"));
|
|
18
|
-
|
|
19
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
20
|
-
|
|
21
8
|
var _react = _interopRequireDefault(require("react"));
|
|
22
9
|
|
|
23
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -30,10 +17,12 @@ var _constants = require("@douyinfe/semi-foundation/lib/cjs/calendar/constants")
|
|
|
30
17
|
|
|
31
18
|
var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
|
|
32
19
|
|
|
33
|
-
var
|
|
20
|
+
var _context = _interopRequireDefault(require("../locale/context"));
|
|
34
21
|
|
|
35
22
|
require("@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css");
|
|
36
23
|
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
+
|
|
37
26
|
/* eslint-disable max-len */
|
|
38
27
|
const prefixCls = "".concat(_constants.cssClasses.PREFIX, "-grid");
|
|
39
28
|
|
|
@@ -50,9 +39,7 @@ class DayCol extends _baseComponent.default {
|
|
|
50
39
|
events,
|
|
51
40
|
scrollHeight
|
|
52
41
|
} = this.props;
|
|
53
|
-
const list =
|
|
54
|
-
var _context, _context2;
|
|
55
|
-
|
|
42
|
+
const list = events.map((event, ind) => {
|
|
56
43
|
const {
|
|
57
44
|
startPos,
|
|
58
45
|
endPos,
|
|
@@ -71,9 +58,9 @@ class DayCol extends _baseComponent.default {
|
|
|
71
58
|
height: "".concat(height, "px")
|
|
72
59
|
};
|
|
73
60
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
74
|
-
className:
|
|
61
|
+
className: "".concat(_constants.cssClasses.PREFIX, "-event-item ").concat(_constants.cssClasses.PREFIX, "-event-day"),
|
|
75
62
|
style: style,
|
|
76
|
-
key: key ||
|
|
63
|
+
key: key || "".concat(top, "-").concat(ind)
|
|
77
64
|
}, children);
|
|
78
65
|
});
|
|
79
66
|
return list;
|
|
@@ -112,8 +99,6 @@ class DayCol extends _baseComponent.default {
|
|
|
112
99
|
};
|
|
113
100
|
|
|
114
101
|
this.renderGrid = () => {
|
|
115
|
-
var _context3, _context4;
|
|
116
|
-
|
|
117
102
|
const showCurrTime = this.props.showCurrTime ? this.state.showCurrTime : false;
|
|
118
103
|
const {
|
|
119
104
|
displayValue,
|
|
@@ -132,7 +117,7 @@ class DayCol extends _baseComponent.default {
|
|
|
132
117
|
}, showCurrTime ? this.renderCurrTime() : null, /*#__PURE__*/_react.default.createElement("ul", {
|
|
133
118
|
role: "row",
|
|
134
119
|
className: skCls
|
|
135
|
-
},
|
|
120
|
+
}, [...Array(25).keys()].map(item => {
|
|
136
121
|
const line = (0, _classnames.default)({
|
|
137
122
|
["".concat(prefixCls, "-skeleton-row-line")]: true
|
|
138
123
|
});
|
|
@@ -168,7 +153,7 @@ class DayCol extends _baseComponent.default {
|
|
|
168
153
|
}
|
|
169
154
|
|
|
170
155
|
get adapter() {
|
|
171
|
-
return
|
|
156
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
172
157
|
updateCurrPos: currPos => {
|
|
173
158
|
this.setState({
|
|
174
159
|
currPos
|
|
@@ -208,4 +193,4 @@ DayCol.defaultProps = {
|
|
|
208
193
|
currPos: 0,
|
|
209
194
|
mode: 'dayCol'
|
|
210
195
|
};
|
|
211
|
-
DayCol.contextType =
|
|
196
|
+
DayCol.contextType = _context.default;
|
|
@@ -1,28 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
6
|
-
|
|
7
|
-
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
|
8
|
-
|
|
9
|
-
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
|
10
|
-
|
|
11
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
12
|
-
|
|
13
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
14
4
|
value: true
|
|
15
5
|
});
|
|
16
|
-
|
|
17
6
|
var _exportNames = {};
|
|
18
7
|
exports.default = void 0;
|
|
19
8
|
|
|
20
|
-
var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
|
|
21
|
-
|
|
22
|
-
var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
|
|
23
|
-
|
|
24
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
25
|
-
|
|
26
9
|
var _react = _interopRequireDefault(require("react"));
|
|
27
10
|
|
|
28
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -41,12 +24,11 @@ require("@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css");
|
|
|
41
24
|
|
|
42
25
|
var _interface = require("./interface");
|
|
43
26
|
|
|
44
|
-
|
|
27
|
+
Object.keys(_interface).forEach(function (key) {
|
|
45
28
|
if (key === "default" || key === "__esModule") return;
|
|
46
29
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
47
30
|
if (key in exports && exports[key] === _interface[key]) return;
|
|
48
|
-
|
|
49
|
-
_Object$defineProperty(exports, key, {
|
|
31
|
+
Object.defineProperty(exports, key, {
|
|
50
32
|
enumerable: true,
|
|
51
33
|
get: function () {
|
|
52
34
|
return _interface[key];
|
|
@@ -54,13 +36,15 @@ _forEachInstanceProperty(_context = _Object$keys(_interface)).call(_context, fun
|
|
|
54
36
|
});
|
|
55
37
|
});
|
|
56
38
|
|
|
39
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
40
|
+
|
|
57
41
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
58
42
|
var t = {};
|
|
59
43
|
|
|
60
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
44
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
61
45
|
|
|
62
|
-
if (s != null && typeof
|
|
63
|
-
if (
|
|
46
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
47
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
64
48
|
}
|
|
65
49
|
return t;
|
|
66
50
|
};
|
|
@@ -80,7 +64,7 @@ class Calendar extends _baseComponent.default {
|
|
|
80
64
|
day: /*#__PURE__*/_react.default.createElement(_dayCalendar.default, null),
|
|
81
65
|
range: /*#__PURE__*/_react.default.createElement(_rangeCalendar.default, null)
|
|
82
66
|
};
|
|
83
|
-
return /*#__PURE__*/_react.default.cloneElement(component[mode],
|
|
67
|
+
return /*#__PURE__*/_react.default.cloneElement(component[mode], Object.assign({}, rest));
|
|
84
68
|
}
|
|
85
69
|
|
|
86
70
|
}
|
|
@@ -1,29 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = void 0;
|
|
12
7
|
|
|
13
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
14
|
-
|
|
15
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
16
|
-
|
|
17
|
-
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
18
|
-
|
|
19
|
-
var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
|
|
20
|
-
|
|
21
|
-
var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
|
|
22
|
-
|
|
23
|
-
var _map2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/map"));
|
|
24
|
-
|
|
25
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
26
|
-
|
|
27
8
|
var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
|
|
28
9
|
|
|
29
10
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -42,7 +23,7 @@ var _constants = require("@douyinfe/semi-foundation/lib/cjs/calendar/constants")
|
|
|
42
23
|
|
|
43
24
|
var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
|
|
44
25
|
|
|
45
|
-
var
|
|
26
|
+
var _context = _interopRequireDefault(require("../locale/context"));
|
|
46
27
|
|
|
47
28
|
var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
|
|
48
29
|
|
|
@@ -52,6 +33,8 @@ var _iconButton = _interopRequireDefault(require("../iconButton"));
|
|
|
52
33
|
|
|
53
34
|
require("@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css");
|
|
54
35
|
|
|
36
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
37
|
+
|
|
55
38
|
/* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */
|
|
56
39
|
// eslint-disable-next-line max-len
|
|
57
40
|
const toPercent = num => {
|
|
@@ -65,7 +48,7 @@ const contentHeight = 24;
|
|
|
65
48
|
|
|
66
49
|
class monthCalendar extends _baseComponent.default {
|
|
67
50
|
constructor(props) {
|
|
68
|
-
var _this
|
|
51
|
+
var _this;
|
|
69
52
|
|
|
70
53
|
super(props);
|
|
71
54
|
_this = this;
|
|
@@ -88,8 +71,6 @@ class monthCalendar extends _baseComponent.default {
|
|
|
88
71
|
};
|
|
89
72
|
|
|
90
73
|
this.renderHeader = dateFnsLocale => {
|
|
91
|
-
var _context;
|
|
92
|
-
|
|
93
74
|
const {
|
|
94
75
|
markWeekend,
|
|
95
76
|
displayValue
|
|
@@ -104,7 +85,7 @@ class monthCalendar extends _baseComponent.default {
|
|
|
104
85
|
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
105
86
|
role: "row",
|
|
106
87
|
className: "".concat(prefixCls, "-grid-row")
|
|
107
|
-
},
|
|
88
|
+
}, this.monthlyData[0].map(day => {
|
|
108
89
|
const {
|
|
109
90
|
weekday
|
|
110
91
|
} = day;
|
|
@@ -125,9 +106,7 @@ class monthCalendar extends _baseComponent.default {
|
|
|
125
106
|
return undefined;
|
|
126
107
|
}
|
|
127
108
|
|
|
128
|
-
const list =
|
|
129
|
-
var _context2;
|
|
130
|
-
|
|
109
|
+
const list = events.map((event, ind) => {
|
|
131
110
|
const {
|
|
132
111
|
leftPos,
|
|
133
112
|
width,
|
|
@@ -141,7 +120,7 @@ class monthCalendar extends _baseComponent.default {
|
|
|
141
120
|
top: "".concat(topInd, "em")
|
|
142
121
|
};
|
|
143
122
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
144
|
-
className:
|
|
123
|
+
className: "".concat(_constants.cssClasses.PREFIX, "-event-item ").concat(_constants.cssClasses.PREFIX, "-event-month"),
|
|
145
124
|
key: key || "".concat(ind, "-monthevent"),
|
|
146
125
|
style: style
|
|
147
126
|
}, children);
|
|
@@ -160,7 +139,7 @@ class monthCalendar extends _baseComponent.default {
|
|
|
160
139
|
date
|
|
161
140
|
} = itemInfo;
|
|
162
141
|
const key = date.toString();
|
|
163
|
-
const remained =
|
|
142
|
+
const remained = events.filter(i => Boolean(i)).length - itemLimit;
|
|
164
143
|
const cardCls = "".concat(prefixCls, "-event-card"); // const top = contentPadding / 2 + this.state.itemLimit * contentHeight;
|
|
165
144
|
|
|
166
145
|
const shouldRenderCard = remained > 0;
|
|
@@ -192,7 +171,7 @@ class monthCalendar extends _baseComponent.default {
|
|
|
192
171
|
className: "".concat(cardCls, "-body")
|
|
193
172
|
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
194
173
|
className: "".concat(cardCls, "-list")
|
|
195
|
-
},
|
|
174
|
+
}, events.map(item => /*#__PURE__*/_react.default.createElement("li", {
|
|
196
175
|
key: item.key || "".concat(item.start.toString(), "-event")
|
|
197
176
|
}, item.children))))));
|
|
198
177
|
|
|
@@ -279,7 +258,7 @@ class monthCalendar extends _baseComponent.default {
|
|
|
279
258
|
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
280
259
|
role: "row",
|
|
281
260
|
className: "".concat(prefixCls, "-skeleton")
|
|
282
|
-
},
|
|
261
|
+
}, weekDay.map(each => {
|
|
283
262
|
const {
|
|
284
263
|
date,
|
|
285
264
|
dayString,
|
|
@@ -316,8 +295,6 @@ class monthCalendar extends _baseComponent.default {
|
|
|
316
295
|
};
|
|
317
296
|
|
|
318
297
|
this.renderMonthGrid = () => {
|
|
319
|
-
var _context3;
|
|
320
|
-
|
|
321
298
|
const {
|
|
322
299
|
parsedEvents
|
|
323
300
|
} = this.state;
|
|
@@ -327,7 +304,7 @@ class monthCalendar extends _baseComponent.default {
|
|
|
327
304
|
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
328
305
|
role: "presentation",
|
|
329
306
|
className: "".concat(prefixCls, "-grid-col")
|
|
330
|
-
},
|
|
307
|
+
}, Object.keys(this.monthlyData).map(weekInd => this.renderWeekRow(weekInd, this.monthlyData[weekInd], parsedEvents[weekInd]))));
|
|
331
308
|
};
|
|
332
309
|
|
|
333
310
|
this.state = {
|
|
@@ -338,12 +315,12 @@ class monthCalendar extends _baseComponent.default {
|
|
|
338
315
|
};
|
|
339
316
|
this.cellDom = /*#__PURE__*/_react.default.createRef();
|
|
340
317
|
this.foundation = new _foundation.default(this.adapter);
|
|
341
|
-
this.handleClick =
|
|
342
|
-
this.cardRef = new
|
|
318
|
+
this.handleClick = this.handleClick.bind(this);
|
|
319
|
+
this.cardRef = new Map();
|
|
343
320
|
}
|
|
344
321
|
|
|
345
322
|
get adapter() {
|
|
346
|
-
return
|
|
323
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
347
324
|
registerClickOutsideHandler: (key, cb) => {
|
|
348
325
|
const clickOutsideHandler = e => {
|
|
349
326
|
const cardInstance = this.cardRef && this.cardRef.get(key); // eslint-disable-next-line react/no-find-dom-node
|
|
@@ -369,7 +346,7 @@ class monthCalendar extends _baseComponent.default {
|
|
|
369
346
|
const updates = {};
|
|
370
347
|
updates[key] = [false];
|
|
371
348
|
this.setState(prevState => ({
|
|
372
|
-
showCard:
|
|
349
|
+
showCard: Object.assign(Object.assign({}, prevState.showCard), updates)
|
|
373
350
|
}));
|
|
374
351
|
this.props.onClose && this.props.onClose(e);
|
|
375
352
|
},
|
|
@@ -378,7 +355,7 @@ class monthCalendar extends _baseComponent.default {
|
|
|
378
355
|
const pos = spacing ? 'leftTopOver' : 'rightTopOver';
|
|
379
356
|
updates[key] = [true, pos];
|
|
380
357
|
this.setState(prevState => ({
|
|
381
|
-
showCard:
|
|
358
|
+
showCard: Object.assign({}, updates)
|
|
382
359
|
}));
|
|
383
360
|
},
|
|
384
361
|
setParsedEvents: parsedEvents => {
|
|
@@ -410,10 +387,8 @@ class monthCalendar extends _baseComponent.default {
|
|
|
410
387
|
}
|
|
411
388
|
|
|
412
389
|
componentDidUpdate(prevProps, prevState) {
|
|
413
|
-
var _context5;
|
|
414
|
-
|
|
415
390
|
const prevEventKeys = prevState.cachedKeys;
|
|
416
|
-
const nowEventKeys =
|
|
391
|
+
const nowEventKeys = this.props.events.map(event => event.key);
|
|
417
392
|
let itemLimitUpdate = false;
|
|
418
393
|
let {
|
|
419
394
|
itemLimit
|
|
@@ -445,7 +420,7 @@ class monthCalendar extends _baseComponent.default {
|
|
|
445
420
|
header
|
|
446
421
|
} = this.props;
|
|
447
422
|
const monthCls = (0, _classnames.default)(prefixCls, className);
|
|
448
|
-
const monthStyle =
|
|
423
|
+
const monthStyle = Object.assign({
|
|
449
424
|
height,
|
|
450
425
|
width
|
|
451
426
|
}, style);
|
|
@@ -487,4 +462,4 @@ monthCalendar.defaultProps = {
|
|
|
487
462
|
events: [],
|
|
488
463
|
mode: 'month'
|
|
489
464
|
};
|
|
490
|
-
monthCalendar.contextType =
|
|
465
|
+
monthCalendar.contextType = _context.default;
|