@douyinfe/semi-ui 2.19.0-beta.0 → 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/anchor/index.tsx +39 -7
- package/anchor/link.tsx +11 -2
- package/calendar/_story/calendar.stories.js +20 -3
- package/dist/css/semi.css +2 -10
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +2758 -12743
- 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/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 +9 -24
- 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.js +23 -47
- 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.js +8 -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.js +18 -43
- package/lib/cjs/form/context.js +3 -6
- package/lib/cjs/form/errorMessage.js +7 -18
- 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.js +10 -19
- 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.js +10 -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.js +1 -3
- package/lib/cjs/tabs/tabs-context.js +3 -6
- package/lib/cjs/tag/group.js +23 -34
- package/lib/cjs/tag/index.js +19 -47
- 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.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 +6 -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.js +18 -30
- 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.js +3 -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.js +11 -28
- package/lib/es/form/errorMessage.js +2 -6
- 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.js +7 -10
- 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.js +5 -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/tag/group.js +18 -24
- package/lib/es/tag/index.js +12 -23
- 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.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/tag/_story/tag.stories.js +51 -1
- package/tag/group.tsx +12 -11
- package/tooltip/index.tsx +2 -1
|
@@ -1,13 +1,8 @@
|
|
|
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
8
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -22,6 +17,8 @@ require("@douyinfe/semi-foundation/lib/cjs/button/button.css");
|
|
|
22
17
|
|
|
23
18
|
var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
|
|
24
19
|
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
+
|
|
25
22
|
const prefixCls = _constants.cssClasses.PREFIX;
|
|
26
23
|
|
|
27
24
|
class SplitButtonGroup extends _baseComponent.default {
|
|
@@ -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;
|