@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.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/dist/umd/semi-ui.js +45123 -59672
- 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.LICENSE.txt +3 -3
- package/dist/umd/semi-ui.min.js.map +1 -1
- package/lib/cjs/_base/base.d.ts +3 -3
- package/lib/cjs/_base/baseComponent.d.ts +1 -1
- package/lib/cjs/_base/baseComponent.js +5 -16
- package/lib/cjs/_base/reactUtils.js +3 -9
- package/lib/cjs/_cssAnimation/index.js +4 -25
- package/lib/cjs/_portal/index.js +0 -31
- package/lib/cjs/_utils/hooks/usePrevFocus.js +0 -6
- package/lib/cjs/_utils/index.js +6 -45
- package/lib/cjs/anchor/anchor-context.d.ts +1 -1
- package/lib/cjs/anchor/anchor-context.js +0 -4
- package/lib/cjs/anchor/index.js +2 -48
- package/lib/cjs/anchor/link.js +4 -36
- package/lib/cjs/autoComplete/index.d.ts +1 -1
- package/lib/cjs/autoComplete/index.js +3 -42
- package/lib/cjs/autoComplete/option.js +26 -54
- package/lib/cjs/avatar/avatarGroup.js +9 -42
- package/lib/cjs/avatar/index.js +15 -56
- package/lib/cjs/avatar/interface.d.ts +6 -6
- package/lib/cjs/backtop/index.js +9 -34
- package/lib/cjs/badge/index.d.ts +3 -3
- package/lib/cjs/badge/index.js +16 -38
- package/lib/cjs/banner/index.d.ts +1 -1
- package/lib/cjs/banner/index.js +3 -31
- package/lib/cjs/breadcrumb/bread-context.js +0 -4
- package/lib/cjs/breadcrumb/index.d.ts +1 -1
- package/lib/cjs/breadcrumb/index.js +1 -45
- package/lib/cjs/breadcrumb/item.d.ts +1 -1
- package/lib/cjs/breadcrumb/item.js +16 -56
- package/lib/cjs/button/Button.d.ts +4 -4
- package/lib/cjs/button/Button.js +18 -37
- package/lib/cjs/button/buttonGroup.d.ts +1 -1
- package/lib/cjs/button/buttonGroup.js +10 -35
- package/lib/cjs/button/index.js +0 -9
- package/lib/cjs/button/splitButtonGroup.js +0 -11
- package/lib/cjs/calendar/dayCalendar.js +0 -29
- package/lib/cjs/calendar/dayCol.js +1 -28
- package/lib/cjs/calendar/index.js +4 -22
- package/lib/cjs/calendar/interface.d.ts +5 -5
- package/lib/cjs/calendar/monthCalendar.js +6 -62
- package/lib/cjs/calendar/rangeCalendar.js +1 -34
- package/lib/cjs/calendar/timeCol.js +0 -20
- package/lib/cjs/calendar/weekCalendar.js +0 -35
- package/lib/cjs/card/cardGroup.d.ts +1 -1
- package/lib/cjs/card/cardGroup.js +8 -24
- package/lib/cjs/card/index.d.ts +1 -1
- package/lib/cjs/card/index.js +7 -38
- package/lib/cjs/card/meta.d.ts +1 -1
- package/lib/cjs/card/meta.js +8 -27
- package/lib/cjs/carousel/CarouselArrow.d.ts +2 -2
- package/lib/cjs/carousel/CarouselArrow.js +1 -13
- package/lib/cjs/carousel/CarouselIndicator.js +9 -33
- package/lib/cjs/carousel/index.js +1 -49
- package/lib/cjs/cascader/index.d.ts +2 -2
- package/lib/cjs/cascader/index.js +12 -144
- package/lib/cjs/cascader/item.js +2 -63
- package/lib/cjs/checkbox/checkbox.d.ts +1 -1
- package/lib/cjs/checkbox/checkbox.js +21 -55
- package/lib/cjs/checkbox/checkboxGroup.d.ts +4 -4
- package/lib/cjs/checkbox/checkboxGroup.js +9 -29
- package/lib/cjs/checkbox/checkboxInner.js +1 -15
- package/lib/cjs/checkbox/context.d.ts +1 -1
- package/lib/cjs/checkbox/context.js +0 -4
- package/lib/cjs/checkbox/index.js +0 -5
- package/lib/cjs/collapse/collapse-context.js +0 -4
- package/lib/cjs/collapse/index.js +14 -42
- package/lib/cjs/collapse/item.js +13 -41
- package/lib/cjs/collapsible/index.js +0 -34
- package/lib/cjs/configProvider/context.js +0 -4
- package/lib/cjs/configProvider/index.js +5 -21
- package/lib/cjs/datePicker/dateInput.js +39 -93
- package/lib/cjs/datePicker/datePicker.d.ts +1 -1
- package/lib/cjs/datePicker/datePicker.js +11 -119
- package/lib/cjs/datePicker/footer.js +0 -6
- package/lib/cjs/datePicker/index.js +2 -17
- package/lib/cjs/datePicker/insetInput.js +0 -9
- package/lib/cjs/datePicker/month.d.ts +1 -1
- package/lib/cjs/datePicker/month.js +25 -90
- package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
- package/lib/cjs/datePicker/monthsGrid.js +21 -96
- package/lib/cjs/datePicker/navigation.js +7 -24
- package/lib/cjs/datePicker/quickControl.js +1 -17
- package/lib/cjs/datePicker/yearAndMonth.d.ts +1 -1
- package/lib/cjs/datePicker/yearAndMonth.js +6 -52
- package/lib/cjs/descriptions/descriptions-context.d.ts +1 -1
- package/lib/cjs/descriptions/descriptions-context.js +0 -4
- package/lib/cjs/descriptions/index.d.ts +1 -1
- package/lib/cjs/descriptions/index.js +0 -15
- package/lib/cjs/descriptions/item.js +0 -14
- package/lib/cjs/divider/index.js +9 -23
- package/lib/cjs/dropdown/context.js +0 -4
- package/lib/cjs/dropdown/dropdownDivider.d.ts +1 -1
- package/lib/cjs/dropdown/dropdownDivider.js +0 -8
- package/lib/cjs/dropdown/dropdownItem.d.ts +1 -1
- package/lib/cjs/dropdown/dropdownItem.js +0 -21
- package/lib/cjs/dropdown/dropdownMenu.d.ts +1 -1
- package/lib/cjs/dropdown/dropdownMenu.js +6 -24
- package/lib/cjs/dropdown/dropdownTitle.d.ts +1 -1
- package/lib/cjs/dropdown/dropdownTitle.js +0 -12
- package/lib/cjs/dropdown/index.d.ts +1 -1
- package/lib/cjs/dropdown/index.js +21 -62
- package/lib/cjs/empty/index.js +0 -20
- package/lib/cjs/form/arrayField.js +15 -47
- package/lib/cjs/form/baseForm.js +26 -72
- package/lib/cjs/form/context.js +1 -10
- package/lib/cjs/form/errorMessage.d.ts +1 -1
- package/lib/cjs/form/errorMessage.js +1 -20
- package/lib/cjs/form/field.js +4 -23
- package/lib/cjs/form/group.js +11 -48
- package/lib/cjs/form/hoc/withField.js +69 -144
- package/lib/cjs/form/hoc/withFormApi.js +0 -7
- package/lib/cjs/form/hoc/withFormState.js +0 -7
- package/lib/cjs/form/hooks/index.js +0 -8
- package/lib/cjs/form/hooks/useArrayFieldState.js +0 -4
- package/lib/cjs/form/hooks/useFieldApi.js +0 -5
- package/lib/cjs/form/hooks/useFieldState.js +0 -8
- package/lib/cjs/form/hooks/useFormApi.js +0 -3
- package/lib/cjs/form/hooks/useFormState.js +0 -4
- package/lib/cjs/form/hooks/useFormUpdater.js +0 -3
- package/lib/cjs/form/hooks/useStateWithGetter.js +0 -5
- package/lib/cjs/form/index.js +0 -9
- package/lib/cjs/form/interface.d.ts +4 -4
- package/lib/cjs/form/interface.js +1 -8
- package/lib/cjs/form/label.js +0 -16
- package/lib/cjs/form/section.js +1 -11
- package/lib/cjs/form/slot.js +10 -51
- package/lib/cjs/grid/col.js +10 -29
- package/lib/cjs/grid/index.js +0 -3
- package/lib/cjs/grid/row.d.ts +2 -2
- package/lib/cjs/grid/row.js +10 -34
- package/lib/cjs/highlight/index.js +0 -11
- package/lib/cjs/iconButton/index.d.ts +1 -1
- package/lib/cjs/iconButton/index.js +18 -42
- package/lib/cjs/icons/index.js +0 -3
- package/lib/cjs/image/image.d.ts +0 -3
- package/lib/cjs/image/image.js +19 -88
- package/lib/cjs/image/index.js +0 -6
- package/lib/cjs/image/interface.d.ts +1 -1
- package/lib/cjs/image/preview.d.ts +4 -0
- package/lib/cjs/image/preview.js +53 -61
- package/lib/cjs/image/previewContext.js +0 -2
- package/lib/cjs/image/previewFooter.js +9 -62
- package/lib/cjs/image/previewHeader.js +0 -13
- package/lib/cjs/image/previewImage.js +46 -79
- package/lib/cjs/image/previewInner.js +70 -126
- package/lib/cjs/index.js +0 -86
- package/lib/cjs/input/index.d.ts +3 -3
- package/lib/cjs/input/index.js +35 -103
- package/lib/cjs/input/inputGroup.d.ts +1 -1
- package/lib/cjs/input/inputGroup.js +20 -44
- package/lib/cjs/input/textarea.d.ts +1 -1
- package/lib/cjs/input/textarea.js +33 -77
- package/lib/cjs/inputNumber/index.js +127 -199
- package/lib/cjs/layout/Sider.js +7 -32
- package/lib/cjs/layout/index.js +16 -40
- package/lib/cjs/layout/layout-context.js +0 -5
- package/lib/cjs/list/index.js +0 -26
- package/lib/cjs/list/item.js +6 -30
- package/lib/cjs/list/list-context.js +0 -4
- package/lib/cjs/locale/context.js +0 -4
- package/lib/cjs/locale/localeConsumer.d.ts +1 -1
- package/lib/cjs/locale/localeConsumer.js +0 -16
- package/lib/cjs/locale/localeProvider.js +0 -11
- package/lib/cjs/locale/source/ar.js +2 -4
- package/lib/cjs/locale/source/de.js +2 -4
- package/lib/cjs/locale/source/en_GB.js +2 -4
- package/lib/cjs/locale/source/en_US.js +2 -4
- package/lib/cjs/locale/source/es.js +0 -2
- package/lib/cjs/locale/source/fr.js +2 -4
- package/lib/cjs/locale/source/id_ID.js +2 -4
- package/lib/cjs/locale/source/it.js +2 -4
- package/lib/cjs/locale/source/ja_JP.js +2 -4
- package/lib/cjs/locale/source/ko_KR.js +2 -4
- package/lib/cjs/locale/source/ms_MY.js +2 -4
- package/lib/cjs/locale/source/nl_NL.js +0 -2
- package/lib/cjs/locale/source/pl_PL.js +0 -2
- package/lib/cjs/locale/source/pt_BR.js +2 -4
- package/lib/cjs/locale/source/ro.js +0 -2
- package/lib/cjs/locale/source/ru_RU.js +2 -4
- package/lib/cjs/locale/source/sv_SE.js +0 -2
- package/lib/cjs/locale/source/th_TH.js +2 -4
- package/lib/cjs/locale/source/tr_TR.js +2 -4
- package/lib/cjs/locale/source/vi_VN.js +2 -4
- package/lib/cjs/locale/source/zh_CN.js +2 -4
- package/lib/cjs/locale/source/zh_TW.js +2 -4
- package/lib/cjs/modal/ConfirmModal.js +9 -29
- package/lib/cjs/modal/Modal.d.ts +2 -2
- package/lib/cjs/modal/Modal.js +17 -80
- package/lib/cjs/modal/ModalContent.js +13 -72
- package/lib/cjs/modal/confirm.d.ts +9 -3
- package/lib/cjs/modal/confirm.js +4 -28
- package/lib/cjs/modal/index.d.ts +1 -1
- package/lib/cjs/modal/index.js +0 -4
- package/lib/cjs/modal/useModal/HookModal.js +4 -18
- package/lib/cjs/modal/useModal/index.d.ts +1 -1
- package/lib/cjs/modal/useModal/index.js +4 -18
- package/lib/cjs/navigation/CollapseButton.js +0 -11
- package/lib/cjs/navigation/Footer.js +0 -20
- package/lib/cjs/navigation/Header.d.ts +1 -1
- package/lib/cjs/navigation/Header.js +0 -18
- package/lib/cjs/navigation/Item.js +3 -51
- package/lib/cjs/navigation/SubNav.js +7 -67
- package/lib/cjs/navigation/index.d.ts +2 -2
- package/lib/cjs/navigation/index.js +5 -60
- package/lib/cjs/navigation/nav-context.js +0 -4
- package/lib/cjs/notification/index.d.ts +1 -1
- package/lib/cjs/notification/index.js +4 -56
- package/lib/cjs/notification/notice.js +24 -58
- package/lib/cjs/notification/useNotification/HookNotice.js +3 -18
- package/lib/cjs/notification/useNotification/index.js +4 -25
- package/lib/cjs/overflowList/index.d.ts +41 -24
- package/lib/cjs/overflowList/index.js +7 -65
- package/lib/cjs/overflowList/intersectionObserver.js +2 -21
- package/lib/cjs/pagination/index.d.ts +2 -2
- package/lib/cjs/pagination/index.js +7 -59
- package/lib/cjs/popconfirm/index.js +9 -54
- package/lib/cjs/popover/Arrow.js +6 -19
- package/lib/cjs/popover/index.js +11 -38
- package/lib/cjs/progress/index.js +8 -48
- package/lib/cjs/radio/context.d.ts +2 -2
- package/lib/cjs/radio/context.js +0 -4
- package/lib/cjs/radio/index.js +0 -5
- package/lib/cjs/radio/radio.d.ts +3 -3
- package/lib/cjs/radio/radio.js +1 -36
- package/lib/cjs/radio/radioGroup.d.ts +2 -2
- package/lib/cjs/radio/radioGroup.js +0 -24
- package/lib/cjs/radio/radioInner.d.ts +1 -1
- package/lib/cjs/radio/radioInner.js +0 -21
- package/lib/cjs/rating/index.js +4 -51
- package/lib/cjs/rating/item.d.ts +1 -1
- package/lib/cjs/rating/item.js +2 -27
- package/lib/cjs/resizeObserver/index.js +4 -28
- package/lib/cjs/scrollList/index.js +0 -13
- package/lib/cjs/scrollList/scrollItem.js +15 -113
- package/lib/cjs/select/index.d.ts +6 -6
- package/lib/cjs/select/index.js +27 -164
- package/lib/cjs/select/option.js +27 -55
- package/lib/cjs/select/optionGroup.js +0 -12
- package/lib/cjs/select/utils.js +8 -24
- package/lib/cjs/select/virtualRow.js +0 -2
- package/lib/cjs/sideSheet/SideSheetContent.js +2 -40
- package/lib/cjs/sideSheet/index.js +21 -66
- package/lib/cjs/skeleton/index.js +9 -28
- package/lib/cjs/skeleton/item.d.ts +2 -2
- package/lib/cjs/skeleton/item.js +8 -29
- package/lib/cjs/slider/index.js +7 -68
- package/lib/cjs/space/index.d.ts +3 -3
- package/lib/cjs/space/index.js +0 -20
- package/lib/cjs/space/utils.js +0 -9
- package/lib/cjs/spin/icon.js +4 -17
- package/lib/cjs/spin/index.d.ts +1 -1
- package/lib/cjs/spin/index.js +0 -20
- package/lib/cjs/steps/basicStep.d.ts +2 -2
- package/lib/cjs/steps/basicStep.js +0 -22
- package/lib/cjs/steps/basicSteps.d.ts +3 -3
- package/lib/cjs/steps/basicSteps.js +0 -15
- package/lib/cjs/steps/context.js +0 -4
- package/lib/cjs/steps/fillStep.d.ts +1 -1
- package/lib/cjs/steps/fillStep.js +0 -19
- package/lib/cjs/steps/fillSteps.d.ts +2 -2
- package/lib/cjs/steps/fillSteps.js +0 -17
- package/lib/cjs/steps/index.d.ts +1 -1
- package/lib/cjs/steps/index.js +4 -26
- package/lib/cjs/steps/navStep.js +0 -11
- package/lib/cjs/steps/navSteps.d.ts +1 -1
- package/lib/cjs/steps/navSteps.js +0 -13
- package/lib/cjs/steps/step.d.ts +1 -1
- package/lib/cjs/steps/step.js +0 -15
- package/lib/cjs/switch/index.js +1 -22
- package/lib/cjs/table/Body/BaseRow.d.ts +1 -1
- package/lib/cjs/table/Body/BaseRow.js +37 -101
- package/lib/cjs/table/Body/ExpandedRow.d.ts +1 -1
- package/lib/cjs/table/Body/ExpandedRow.js +5 -30
- package/lib/cjs/table/Body/SectionRow.js +8 -46
- package/lib/cjs/table/Body/index.js +38 -153
- package/lib/cjs/table/ColGroup.js +2 -14
- package/lib/cjs/table/Column.js +0 -7
- package/lib/cjs/table/ColumnFilter.js +4 -30
- package/lib/cjs/table/ColumnSelection.js +5 -24
- package/lib/cjs/table/ColumnShape.js +0 -4
- package/lib/cjs/table/ColumnSorter.js +0 -13
- package/lib/cjs/table/CustomExpandIcon.js +0 -16
- package/lib/cjs/table/HeadTable.js +0 -23
- package/lib/cjs/table/ResizableHeaderCell.d.ts +1 -1
- package/lib/cjs/table/ResizableHeaderCell.js +9 -20
- package/lib/cjs/table/ResizableTable.js +5 -47
- package/lib/cjs/table/Table.d.ts +2 -2
- package/lib/cjs/table/Table.js +534 -771
- package/lib/cjs/table/TableCell.js +20 -81
- package/lib/cjs/table/TableContextProvider.js +0 -7
- package/lib/cjs/table/TableHeader.js +5 -33
- package/lib/cjs/table/TableHeaderRow.js +8 -45
- package/lib/cjs/table/TablePagination.js +1 -12
- package/lib/cjs/table/getColumns.js +0 -11
- package/lib/cjs/table/index.js +2 -20
- package/lib/cjs/table/interface.d.ts +58 -58
- package/lib/cjs/table/table-context.js +1 -5
- package/lib/cjs/table/utils.js +6 -30
- package/lib/cjs/tabs/TabBar.js +13 -61
- package/lib/cjs/tabs/TabItem.js +18 -31
- package/lib/cjs/tabs/TabPane.js +10 -35
- package/lib/cjs/tabs/index.js +20 -83
- package/lib/cjs/tabs/interface.d.ts +3 -3
- package/lib/cjs/tabs/tabs-context.js +0 -4
- package/lib/cjs/tag/group.js +0 -27
- package/lib/cjs/tag/index.js +23 -60
- package/lib/cjs/tag/interface.d.ts +5 -5
- package/lib/cjs/tagInput/index.d.ts +3 -3
- package/lib/cjs/tagInput/index.js +2 -77
- package/lib/cjs/timePicker/Combobox.d.ts +2 -2
- package/lib/cjs/timePicker/Combobox.js +7 -54
- package/lib/cjs/timePicker/PanelShape.js +0 -3
- package/lib/cjs/timePicker/TimeInput.d.ts +1 -1
- package/lib/cjs/timePicker/TimeInput.js +32 -64
- package/lib/cjs/timePicker/TimePicker.d.ts +3 -3
- package/lib/cjs/timePicker/TimePicker.js +39 -99
- package/lib/cjs/timePicker/TimeShape.js +0 -5
- package/lib/cjs/timePicker/index.d.ts +1 -1
- package/lib/cjs/timePicker/index.js +0 -9
- package/lib/cjs/timeline/index.js +0 -27
- package/lib/cjs/timeline/item.js +0 -13
- package/lib/cjs/toast/index.js +5 -59
- package/lib/cjs/toast/toast.js +1 -29
- package/lib/cjs/toast/useToast/HookToast.js +3 -18
- package/lib/cjs/toast/useToast/index.js +2 -17
- package/lib/cjs/tooltip/ArrowBoundingShape.js +0 -4
- package/lib/cjs/tooltip/TriangleArrow.js +4 -12
- package/lib/cjs/tooltip/TriangleArrowVertical.js +4 -12
- package/lib/cjs/tooltip/index.d.ts +2 -2
- package/lib/cjs/tooltip/index.js +24 -134
- package/lib/cjs/transfer/index.d.ts +5 -5
- package/lib/cjs/transfer/index.js +10 -93
- package/lib/cjs/tree/autoSizer.js +4 -24
- package/lib/cjs/tree/index.js +31 -122
- package/lib/cjs/tree/interface.d.ts +2 -2
- package/lib/cjs/tree/nodeCollapsible.js +4 -15
- package/lib/cjs/tree/nodeList.js +0 -22
- package/lib/cjs/tree/treeContext.js +0 -4
- package/lib/cjs/tree/treeNode.js +21 -94
- package/lib/cjs/tree/treeUtil.js +0 -6
- package/lib/cjs/treeSelect/index.d.ts +6 -6
- package/lib/cjs/treeSelect/index.js +46 -196
- package/lib/cjs/trigger/index.js +5 -16
- package/lib/cjs/typography/base.js +35 -130
- package/lib/cjs/typography/copyable.js +2 -30
- package/lib/cjs/typography/index.d.ts +1 -1
- package/lib/cjs/typography/index.js +0 -9
- package/lib/cjs/typography/interface.d.ts +9 -9
- package/lib/cjs/typography/numeral.d.ts +1 -1
- package/lib/cjs/typography/numeral.js +4 -20
- package/lib/cjs/typography/paragraph.d.ts +1 -1
- package/lib/cjs/typography/paragraph.js +0 -12
- package/lib/cjs/typography/text.d.ts +1 -1
- package/lib/cjs/typography/text.js +0 -10
- package/lib/cjs/typography/title.d.ts +2 -2
- package/lib/cjs/typography/title.js +6 -20
- package/lib/cjs/typography/typography.js +7 -23
- package/lib/cjs/typography/util.js +22 -50
- package/lib/cjs/upload/fileCard.js +2 -52
- package/lib/cjs/upload/index.js +1 -70
- package/lib/cjs/upload/interface.d.ts +5 -5
- package/lib/es/_base/base.d.ts +3 -3
- package/lib/es/_base/baseComponent.d.ts +1 -1
- package/lib/es/_base/baseComponent.js +4 -11
- package/lib/es/_base/reactUtils.js +4 -8
- package/lib/es/_cssAnimation/index.js +4 -22
- package/lib/es/_portal/index.js +0 -23
- package/lib/es/_utils/hooks/usePrevFocus.js +0 -2
- package/lib/es/_utils/index.js +6 -28
- package/lib/es/anchor/anchor-context.d.ts +1 -1
- package/lib/es/anchor/index.js +2 -32
- package/lib/es/anchor/link.js +4 -24
- package/lib/es/autoComplete/index.d.ts +1 -1
- package/lib/es/autoComplete/index.js +3 -25
- package/lib/es/autoComplete/option.js +26 -45
- package/lib/es/avatar/avatarGroup.js +9 -28
- package/lib/es/avatar/index.js +15 -41
- package/lib/es/avatar/interface.d.ts +6 -6
- package/lib/es/backtop/index.js +9 -22
- package/lib/es/badge/index.d.ts +3 -3
- package/lib/es/badge/index.js +16 -24
- package/lib/es/banner/index.d.ts +1 -1
- package/lib/es/banner/index.js +2 -15
- package/lib/es/breadcrumb/index.d.ts +1 -1
- package/lib/es/breadcrumb/index.js +0 -31
- package/lib/es/breadcrumb/item.d.ts +1 -1
- package/lib/es/breadcrumb/item.js +16 -38
- package/lib/es/button/Button.d.ts +4 -4
- package/lib/es/button/Button.js +18 -27
- package/lib/es/button/buttonGroup.d.ts +1 -1
- package/lib/es/button/buttonGroup.js +10 -24
- package/lib/es/button/index.js +0 -5
- package/lib/es/button/splitButtonGroup.js +0 -1
- package/lib/es/calendar/dayCalendar.js +0 -13
- package/lib/es/calendar/dayCol.js +0 -14
- package/lib/es/calendar/index.js +6 -12
- package/lib/es/calendar/interface.d.ts +5 -5
- package/lib/es/calendar/monthCalendar.js +6 -41
- package/lib/es/calendar/rangeCalendar.js +2 -18
- package/lib/es/calendar/timeCol.js +0 -7
- package/lib/es/calendar/weekCalendar.js +0 -17
- package/lib/es/card/cardGroup.d.ts +1 -1
- package/lib/es/card/cardGroup.js +8 -15
- package/lib/es/card/index.d.ts +1 -1
- package/lib/es/card/index.js +7 -23
- package/lib/es/card/meta.d.ts +1 -1
- package/lib/es/card/meta.js +8 -15
- package/lib/es/carousel/CarouselArrow.d.ts +2 -2
- package/lib/es/carousel/CarouselArrow.js +0 -8
- package/lib/es/carousel/CarouselIndicator.js +9 -27
- package/lib/es/carousel/index.js +0 -34
- package/lib/es/cascader/index.d.ts +2 -2
- package/lib/es/cascader/index.js +12 -105
- package/lib/es/cascader/item.js +2 -44
- package/lib/es/checkbox/checkbox.d.ts +1 -1
- package/lib/es/checkbox/checkbox.js +20 -42
- package/lib/es/checkbox/checkboxGroup.d.ts +4 -4
- package/lib/es/checkbox/checkboxGroup.js +8 -20
- package/lib/es/checkbox/checkboxInner.js +0 -6
- package/lib/es/checkbox/context.d.ts +1 -1
- package/lib/es/checkbox/index.js +0 -2
- package/lib/es/collapse/index.js +14 -31
- package/lib/es/collapse/item.js +13 -27
- package/lib/es/collapsible/index.js +0 -25
- package/lib/es/configProvider/index.js +5 -13
- package/lib/es/datePicker/dateInput.js +41 -81
- package/lib/es/datePicker/datePicker.d.ts +1 -1
- package/lib/es/datePicker/datePicker.js +10 -103
- package/lib/es/datePicker/index.js +2 -8
- package/lib/es/datePicker/insetInput.js +0 -6
- package/lib/es/datePicker/month.d.ts +1 -1
- package/lib/es/datePicker/month.js +24 -78
- package/lib/es/datePicker/monthsGrid.d.ts +1 -1
- package/lib/es/datePicker/monthsGrid.js +20 -76
- package/lib/es/datePicker/navigation.js +8 -13
- package/lib/es/datePicker/quickControl.js +0 -6
- package/lib/es/datePicker/yearAndMonth.d.ts +1 -1
- package/lib/es/datePicker/yearAndMonth.js +5 -36
- package/lib/es/descriptions/descriptions-context.d.ts +1 -1
- package/lib/es/descriptions/index.d.ts +1 -1
- package/lib/es/descriptions/index.js +0 -3
- package/lib/es/descriptions/item.js +0 -3
- package/lib/es/divider/index.js +9 -17
- package/lib/es/dropdown/dropdownDivider.d.ts +1 -1
- package/lib/es/dropdown/dropdownDivider.js +0 -2
- package/lib/es/dropdown/dropdownItem.d.ts +1 -1
- package/lib/es/dropdown/dropdownItem.js +0 -11
- package/lib/es/dropdown/dropdownMenu.d.ts +1 -1
- package/lib/es/dropdown/dropdownMenu.js +6 -15
- package/lib/es/dropdown/dropdownTitle.d.ts +1 -1
- package/lib/es/dropdown/dropdownTitle.js +0 -3
- package/lib/es/dropdown/index.d.ts +1 -1
- package/lib/es/dropdown/index.js +21 -47
- package/lib/es/empty/index.js +0 -10
- package/lib/es/form/arrayField.js +14 -41
- package/lib/es/form/baseForm.js +26 -49
- package/lib/es/form/errorMessage.d.ts +1 -1
- package/lib/es/form/errorMessage.js +0 -9
- package/lib/es/form/field.js +4 -4
- package/lib/es/form/group.js +11 -29
- package/lib/es/form/hoc/withField.js +68 -125
- package/lib/es/form/hoc/withFormApi.js +0 -3
- package/lib/es/form/hoc/withFormState.js +0 -3
- package/lib/es/form/hooks/index.js +2 -2
- package/lib/es/form/hooks/useArrayFieldState.js +0 -2
- package/lib/es/form/hooks/useFieldApi.js +0 -3
- package/lib/es/form/hooks/useFieldState.js +0 -3
- package/lib/es/form/hooks/useFormState.js +0 -2
- package/lib/es/form/hooks/useStateWithGetter.js +2 -5
- package/lib/es/form/index.js +4 -4
- package/lib/es/form/interface.d.ts +4 -4
- package/lib/es/form/interface.js +0 -1
- package/lib/es/form/label.js +0 -1
- package/lib/es/form/section.js +0 -1
- package/lib/es/form/slot.js +10 -39
- package/lib/es/grid/col.js +10 -23
- package/lib/es/grid/row.d.ts +2 -2
- package/lib/es/grid/row.js +10 -25
- package/lib/es/highlight/index.js +0 -3
- package/lib/es/iconButton/index.d.ts +1 -1
- package/lib/es/iconButton/index.js +18 -31
- package/lib/es/image/image.d.ts +0 -3
- package/lib/es/image/image.js +19 -70
- package/lib/es/image/interface.d.ts +1 -1
- package/lib/es/image/preview.d.ts +4 -0
- package/lib/es/image/preview.js +51 -48
- package/lib/es/image/previewFooter.js +9 -34
- package/lib/es/image/previewHeader.js +0 -4
- package/lib/es/image/previewImage.js +46 -69
- package/lib/es/image/previewInner.js +69 -110
- package/lib/es/index.js +0 -1
- package/lib/es/input/index.d.ts +3 -3
- package/lib/es/input/index.js +35 -88
- package/lib/es/input/inputGroup.d.ts +1 -1
- package/lib/es/input/inputGroup.js +20 -33
- package/lib/es/input/textarea.d.ts +1 -1
- package/lib/es/input/textarea.js +34 -65
- package/lib/es/inputNumber/index.js +127 -181
- package/lib/es/layout/Sider.js +7 -23
- package/lib/es/layout/index.js +16 -31
- package/lib/es/list/index.js +0 -11
- package/lib/es/list/item.js +6 -18
- package/lib/es/locale/localeConsumer.d.ts +1 -1
- package/lib/es/locale/localeConsumer.js +0 -7
- package/lib/es/locale/localeProvider.js +0 -2
- package/lib/es/locale/source/ar.js +2 -2
- package/lib/es/locale/source/de.js +2 -2
- package/lib/es/locale/source/en_GB.js +2 -2
- package/lib/es/locale/source/en_US.js +2 -2
- package/lib/es/locale/source/es.js +0 -1
- package/lib/es/locale/source/fr.js +2 -2
- package/lib/es/locale/source/id_ID.js +2 -2
- package/lib/es/locale/source/it.js +2 -2
- package/lib/es/locale/source/ja_JP.js +2 -2
- package/lib/es/locale/source/ko_KR.js +2 -2
- package/lib/es/locale/source/ms_MY.js +2 -2
- package/lib/es/locale/source/nl_NL.js +0 -1
- package/lib/es/locale/source/pl_PL.js +0 -1
- package/lib/es/locale/source/pt_BR.js +2 -2
- package/lib/es/locale/source/ro.js +0 -1
- package/lib/es/locale/source/ru_RU.js +2 -2
- package/lib/es/locale/source/sv_SE.js +0 -1
- package/lib/es/locale/source/th_TH.js +2 -2
- package/lib/es/locale/source/tr_TR.js +2 -2
- package/lib/es/locale/source/vi_VN.js +2 -2
- package/lib/es/locale/source/zh_CN.js +2 -2
- package/lib/es/locale/source/zh_TW.js +2 -2
- package/lib/es/modal/ConfirmModal.js +9 -20
- package/lib/es/modal/Modal.d.ts +2 -2
- package/lib/es/modal/Modal.js +17 -63
- package/lib/es/modal/ModalContent.js +14 -54
- package/lib/es/modal/confirm.d.ts +9 -3
- package/lib/es/modal/confirm.js +4 -11
- package/lib/es/modal/index.d.ts +1 -1
- package/lib/es/modal/useModal/HookModal.js +6 -14
- package/lib/es/modal/useModal/index.d.ts +1 -1
- package/lib/es/modal/useModal/index.js +4 -9
- package/lib/es/navigation/CollapseButton.js +0 -4
- package/lib/es/navigation/Footer.js +0 -7
- package/lib/es/navigation/Header.d.ts +1 -1
- package/lib/es/navigation/Header.js +0 -5
- package/lib/es/navigation/Item.js +2 -35
- package/lib/es/navigation/SubNav.js +6 -45
- package/lib/es/navigation/index.d.ts +2 -2
- package/lib/es/navigation/index.js +5 -38
- package/lib/es/notification/index.d.ts +1 -1
- package/lib/es/notification/index.js +4 -39
- package/lib/es/notification/notice.js +24 -46
- package/lib/es/notification/useNotification/HookNotice.js +3 -11
- package/lib/es/notification/useNotification/index.js +6 -16
- package/lib/es/overflowList/index.d.ts +41 -24
- package/lib/es/overflowList/index.js +6 -46
- package/lib/es/overflowList/intersectionObserver.js +2 -13
- package/lib/es/pagination/index.d.ts +2 -2
- package/lib/es/pagination/index.js +7 -37
- package/lib/es/popconfirm/index.js +9 -37
- package/lib/es/popover/Arrow.js +6 -18
- package/lib/es/popover/index.js +11 -27
- package/lib/es/progress/index.js +8 -37
- package/lib/es/radio/context.d.ts +2 -2
- package/lib/es/radio/index.js +0 -2
- package/lib/es/radio/radio.d.ts +3 -3
- package/lib/es/radio/radio.js +0 -23
- package/lib/es/radio/radioGroup.d.ts +2 -2
- package/lib/es/radio/radioGroup.js +0 -14
- package/lib/es/radio/radioInner.d.ts +1 -1
- package/lib/es/radio/radioInner.js +0 -11
- package/lib/es/rating/index.js +4 -36
- package/lib/es/rating/item.d.ts +1 -1
- package/lib/es/rating/item.js +2 -16
- package/lib/es/resizeObserver/index.js +4 -19
- package/lib/es/scrollList/index.js +2 -5
- package/lib/es/scrollList/scrollItem.js +15 -104
- package/lib/es/select/index.d.ts +6 -6
- package/lib/es/select/index.js +27 -123
- package/lib/es/select/option.js +27 -46
- package/lib/es/select/optionGroup.js +0 -5
- package/lib/es/select/utils.js +8 -19
- package/lib/es/select/virtualRow.js +0 -1
- package/lib/es/sideSheet/SideSheetContent.js +2 -28
- package/lib/es/sideSheet/index.js +21 -52
- package/lib/es/skeleton/index.js +9 -18
- package/lib/es/skeleton/item.d.ts +2 -2
- package/lib/es/skeleton/item.js +8 -17
- package/lib/es/slider/index.js +6 -53
- package/lib/es/space/index.d.ts +3 -3
- package/lib/es/space/index.js +0 -6
- package/lib/es/space/utils.js +0 -2
- package/lib/es/spin/icon.js +4 -15
- package/lib/es/spin/index.d.ts +1 -1
- package/lib/es/spin/index.js +0 -10
- package/lib/es/steps/basicStep.d.ts +2 -2
- package/lib/es/steps/basicStep.js +0 -15
- package/lib/es/steps/basicSteps.d.ts +3 -3
- package/lib/es/steps/basicSteps.js +0 -6
- package/lib/es/steps/fillStep.d.ts +1 -1
- package/lib/es/steps/fillStep.js +0 -13
- package/lib/es/steps/fillSteps.d.ts +2 -2
- package/lib/es/steps/fillSteps.js +0 -6
- package/lib/es/steps/index.d.ts +1 -1
- package/lib/es/steps/index.js +4 -15
- package/lib/es/steps/navStep.js +0 -5
- package/lib/es/steps/navSteps.d.ts +1 -1
- package/lib/es/steps/navSteps.js +0 -3
- package/lib/es/steps/step.d.ts +1 -1
- package/lib/es/steps/step.js +0 -7
- package/lib/es/switch/index.js +0 -13
- package/lib/es/table/Body/BaseRow.d.ts +1 -1
- package/lib/es/table/Body/BaseRow.js +37 -85
- package/lib/es/table/Body/ExpandedRow.d.ts +1 -1
- package/lib/es/table/Body/ExpandedRow.js +5 -18
- package/lib/es/table/Body/SectionRow.js +8 -35
- package/lib/es/table/Body/index.js +38 -149
- package/lib/es/table/ColGroup.js +2 -7
- package/lib/es/table/Column.js +0 -2
- package/lib/es/table/ColumnFilter.js +3 -20
- package/lib/es/table/ColumnSelection.js +5 -15
- package/lib/es/table/ColumnSorter.js +0 -1
- package/lib/es/table/CustomExpandIcon.js +0 -6
- package/lib/es/table/HeadTable.js +0 -15
- package/lib/es/table/ResizableHeaderCell.d.ts +1 -1
- package/lib/es/table/ResizableHeaderCell.js +9 -17
- package/lib/es/table/ResizableTable.js +5 -37
- package/lib/es/table/Table.d.ts +2 -2
- package/lib/es/table/Table.js +457 -664
- package/lib/es/table/TableCell.js +19 -65
- package/lib/es/table/TableContextProvider.js +0 -2
- package/lib/es/table/TableHeader.js +4 -23
- package/lib/es/table/TableHeaderRow.js +8 -39
- package/lib/es/table/TablePagination.js +0 -4
- package/lib/es/table/getColumns.js +0 -4
- package/lib/es/table/index.js +2 -10
- package/lib/es/table/interface.d.ts +58 -58
- package/lib/es/table/table-context.js +0 -1
- package/lib/es/table/utils.js +6 -19
- package/lib/es/tabs/TabBar.js +13 -46
- package/lib/es/tabs/TabItem.js +18 -24
- package/lib/es/tabs/TabPane.js +10 -25
- package/lib/es/tabs/index.js +20 -59
- package/lib/es/tabs/interface.d.ts +3 -3
- package/lib/es/tag/group.js +0 -14
- package/lib/es/tag/index.js +23 -45
- package/lib/es/tag/interface.d.ts +5 -5
- package/lib/es/tagInput/index.d.ts +3 -3
- package/lib/es/tagInput/index.js +2 -54
- package/lib/es/timePicker/Combobox.d.ts +2 -2
- package/lib/es/timePicker/Combobox.js +6 -42
- package/lib/es/timePicker/TimeInput.d.ts +1 -1
- package/lib/es/timePicker/TimeInput.js +32 -56
- package/lib/es/timePicker/TimePicker.d.ts +3 -3
- package/lib/es/timePicker/TimePicker.js +39 -80
- package/lib/es/timePicker/TimeShape.js +0 -1
- package/lib/es/timePicker/index.d.ts +1 -1
- package/lib/es/timePicker/index.js +0 -1
- package/lib/es/timeline/index.js +0 -16
- package/lib/es/timeline/item.js +0 -1
- package/lib/es/toast/index.js +4 -41
- package/lib/es/toast/toast.js +0 -17
- package/lib/es/toast/useToast/HookToast.js +3 -11
- package/lib/es/toast/useToast/index.js +4 -13
- package/lib/es/tooltip/TriangleArrow.js +4 -10
- package/lib/es/tooltip/TriangleArrowVertical.js +4 -10
- package/lib/es/tooltip/index.d.ts +2 -2
- package/lib/es/tooltip/index.js +24 -112
- package/lib/es/transfer/index.d.ts +5 -5
- package/lib/es/transfer/index.js +10 -67
- package/lib/es/tree/autoSizer.js +4 -13
- package/lib/es/tree/index.js +30 -96
- package/lib/es/tree/interface.d.ts +2 -2
- package/lib/es/tree/nodeCollapsible.js +4 -10
- package/lib/es/tree/nodeList.js +0 -14
- package/lib/es/tree/treeNode.js +21 -76
- package/lib/es/tree/treeUtil.js +0 -1
- package/lib/es/treeSelect/index.d.ts +6 -6
- package/lib/es/treeSelect/index.js +46 -156
- package/lib/es/trigger/index.js +5 -13
- package/lib/es/typography/base.js +35 -113
- package/lib/es/typography/copyable.js +2 -14
- package/lib/es/typography/index.d.ts +1 -1
- package/lib/es/typography/interface.d.ts +9 -9
- package/lib/es/typography/numeral.d.ts +1 -1
- package/lib/es/typography/numeral.js +4 -10
- package/lib/es/typography/paragraph.d.ts +1 -1
- package/lib/es/typography/paragraph.js +0 -1
- package/lib/es/typography/text.d.ts +1 -1
- package/lib/es/typography/text.js +0 -1
- package/lib/es/typography/title.d.ts +2 -2
- package/lib/es/typography/title.js +6 -11
- package/lib/es/typography/typography.js +7 -14
- package/lib/es/typography/util.js +22 -45
- package/lib/es/upload/fileCard.js +2 -31
- package/lib/es/upload/index.js +0 -57
- package/lib/es/upload/interface.d.ts +5 -5
- package/package.json +8 -8
|
@@ -10,7 +10,7 @@ declare const OverflowDirection: {
|
|
|
10
10
|
SHRINK: number;
|
|
11
11
|
};
|
|
12
12
|
export type { ReactIntersectionObserverProps } from './intersectionObserver';
|
|
13
|
-
export
|
|
13
|
+
export type OverflowItem = Record<string, any>;
|
|
14
14
|
export interface OverflowListProps {
|
|
15
15
|
className?: string;
|
|
16
16
|
collapseFrom?: 'start' | 'end';
|
|
@@ -94,6 +94,7 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
94
94
|
alignItems?: import("csstype").Property.AlignItems;
|
|
95
95
|
alignSelf?: import("csstype").Property.AlignSelf;
|
|
96
96
|
alignTracks?: import("csstype").Property.AlignTracks;
|
|
97
|
+
animationComposition?: import("csstype").Property.AnimationComposition;
|
|
97
98
|
animationDelay?: import("csstype").Property.AnimationDelay<string & {}>;
|
|
98
99
|
animationDirection?: import("csstype").Property.AnimationDirection;
|
|
99
100
|
animationDuration?: import("csstype").Property.AnimationDuration<string & {}>;
|
|
@@ -173,6 +174,7 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
173
174
|
breakInside?: import("csstype").Property.BreakInside;
|
|
174
175
|
captionSide?: import("csstype").Property.CaptionSide;
|
|
175
176
|
caretColor?: import("csstype").Property.CaretColor;
|
|
177
|
+
caretShape?: import("csstype").Property.CaretShape;
|
|
176
178
|
clear?: import("csstype").Property.Clear;
|
|
177
179
|
clipPath?: import("csstype").Property.ClipPath;
|
|
178
180
|
color?: import("csstype").Property.Color;
|
|
@@ -187,6 +189,12 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
187
189
|
columnSpan?: import("csstype").Property.ColumnSpan;
|
|
188
190
|
columnWidth?: import("csstype").Property.ColumnWidth<string | number>;
|
|
189
191
|
contain?: import("csstype").Property.Contain;
|
|
192
|
+
containIntrinsicBlockSize?: import("csstype").Property.ContainIntrinsicBlockSize<string | number>;
|
|
193
|
+
containIntrinsicHeight?: import("csstype").Property.ContainIntrinsicHeight<string | number>;
|
|
194
|
+
containIntrinsicInlineSize?: import("csstype").Property.ContainIntrinsicInlineSize<string | number>;
|
|
195
|
+
containIntrinsicWidth?: import("csstype").Property.ContainIntrinsicWidth<string | number>;
|
|
196
|
+
containerName?: import("csstype").Property.ContainerName;
|
|
197
|
+
containerType?: import("csstype").Property.ContainerType;
|
|
190
198
|
content?: import("csstype").Property.Content;
|
|
191
199
|
contentVisibility?: import("csstype").Property.ContentVisibility;
|
|
192
200
|
counterIncrement?: import("csstype").Property.CounterIncrement;
|
|
@@ -208,6 +216,7 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
208
216
|
fontKerning?: import("csstype").Property.FontKerning;
|
|
209
217
|
fontLanguageOverride?: import("csstype").Property.FontLanguageOverride;
|
|
210
218
|
fontOpticalSizing?: import("csstype").Property.FontOpticalSizing;
|
|
219
|
+
fontPalette?: import("csstype").Property.FontPalette;
|
|
211
220
|
fontSize?: import("csstype").Property.FontSize<string | number>;
|
|
212
221
|
fontSizeAdjust?: import("csstype").Property.FontSizeAdjust;
|
|
213
222
|
fontSmooth?: import("csstype").Property.FontSmooth<string | number>;
|
|
@@ -218,6 +227,7 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
218
227
|
fontVariantAlternates?: import("csstype").Property.FontVariantAlternates;
|
|
219
228
|
fontVariantCaps?: import("csstype").Property.FontVariantCaps;
|
|
220
229
|
fontVariantEastAsian?: import("csstype").Property.FontVariantEastAsian;
|
|
230
|
+
fontVariantEmoji?: import("csstype").Property.FontVariantEmoji;
|
|
221
231
|
fontVariantLigatures?: import("csstype").Property.FontVariantLigatures;
|
|
222
232
|
fontVariantNumeric?: import("csstype").Property.FontVariantNumeric;
|
|
223
233
|
fontVariantPosition?: import("csstype").Property.FontVariantPosition;
|
|
@@ -237,6 +247,7 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
237
247
|
hangingPunctuation?: import("csstype").Property.HangingPunctuation;
|
|
238
248
|
height?: import("csstype").Property.Height<string | number>;
|
|
239
249
|
hyphenateCharacter?: import("csstype").Property.HyphenateCharacter;
|
|
250
|
+
hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars;
|
|
240
251
|
hyphens?: import("csstype").Property.Hyphens;
|
|
241
252
|
imageOrientation?: import("csstype").Property.ImageOrientation;
|
|
242
253
|
imageRendering?: import("csstype").Property.ImageRendering;
|
|
@@ -244,11 +255,8 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
244
255
|
initialLetter?: import("csstype").Property.InitialLetter;
|
|
245
256
|
inlineSize?: import("csstype").Property.InlineSize<string | number>;
|
|
246
257
|
inputSecurity?: import("csstype").Property.InputSecurity;
|
|
247
|
-
inset?: import("csstype").Property.Inset<string | number>;
|
|
248
|
-
insetBlock?: import("csstype").Property.InsetBlock<string | number>;
|
|
249
258
|
insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number>;
|
|
250
259
|
insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number>;
|
|
251
|
-
insetInline?: import("csstype").Property.InsetInline<string | number>;
|
|
252
260
|
insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number>;
|
|
253
261
|
insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number>;
|
|
254
262
|
isolation?: import("csstype").Property.Isolation;
|
|
@@ -264,16 +272,15 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
264
272
|
listStyleImage?: import("csstype").Property.ListStyleImage;
|
|
265
273
|
listStylePosition?: import("csstype").Property.ListStylePosition;
|
|
266
274
|
listStyleType?: import("csstype").Property.ListStyleType;
|
|
267
|
-
marginBlock?: import("csstype").Property.MarginBlock<string | number>;
|
|
268
275
|
marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number>;
|
|
269
276
|
marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number>;
|
|
270
277
|
marginBottom?: import("csstype").Property.MarginBottom<string | number>;
|
|
271
|
-
marginInline?: import("csstype").Property.MarginInline<string | number>;
|
|
272
278
|
marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number>;
|
|
273
279
|
marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number>;
|
|
274
280
|
marginLeft?: import("csstype").Property.MarginLeft<string | number>;
|
|
275
281
|
marginRight?: import("csstype").Property.MarginRight<string | number>;
|
|
276
282
|
marginTop?: import("csstype").Property.MarginTop<string | number>;
|
|
283
|
+
marginTrim?: import("csstype").Property.MarginTrim;
|
|
277
284
|
maskBorderMode?: import("csstype").Property.MaskBorderMode;
|
|
278
285
|
maskBorderOutset?: import("csstype").Property.MaskBorderOutset<string | number>;
|
|
279
286
|
maskBorderRepeat?: import("csstype").Property.MaskBorderRepeat;
|
|
@@ -289,6 +296,8 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
289
296
|
maskRepeat?: import("csstype").Property.MaskRepeat;
|
|
290
297
|
maskSize?: import("csstype").Property.MaskSize<string | number>;
|
|
291
298
|
maskType?: import("csstype").Property.MaskType;
|
|
299
|
+
mathDepth?: import("csstype").Property.MathDepth;
|
|
300
|
+
mathShift?: import("csstype").Property.MathShift;
|
|
292
301
|
mathStyle?: import("csstype").Property.MathStyle;
|
|
293
302
|
maxBlockSize?: import("csstype").Property.MaxBlockSize<string | number>;
|
|
294
303
|
maxHeight?: import("csstype").Property.MaxHeight<string | number>;
|
|
@@ -307,6 +316,7 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
307
316
|
offsetAnchor?: import("csstype").Property.OffsetAnchor<string | number>;
|
|
308
317
|
offsetDistance?: import("csstype").Property.OffsetDistance<string | number>;
|
|
309
318
|
offsetPath?: import("csstype").Property.OffsetPath;
|
|
319
|
+
offsetPosition?: import("csstype").Property.OffsetPosition<string | number>;
|
|
310
320
|
offsetRotate?: import("csstype").Property.OffsetRotate;
|
|
311
321
|
offsetRotation?: import("csstype").Property.OffsetRotate;
|
|
312
322
|
opacity?: import("csstype").Property.Opacity;
|
|
@@ -328,23 +338,21 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
328
338
|
overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline;
|
|
329
339
|
overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX;
|
|
330
340
|
overscrollBehaviorY?: import("csstype").Property.OverscrollBehaviorY;
|
|
331
|
-
paddingBlock?: import("csstype").Property.PaddingBlock<string | number>;
|
|
332
341
|
paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number>;
|
|
333
342
|
paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number>;
|
|
334
343
|
paddingBottom?: import("csstype").Property.PaddingBottom<string | number>;
|
|
335
|
-
paddingInline?: import("csstype").Property.PaddingInline<string | number>;
|
|
336
344
|
paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number>;
|
|
337
345
|
paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number>;
|
|
338
346
|
paddingLeft?: import("csstype").Property.PaddingLeft<string | number>;
|
|
339
347
|
paddingRight?: import("csstype").Property.PaddingRight<string | number>;
|
|
340
348
|
paddingTop?: import("csstype").Property.PaddingTop<string | number>;
|
|
349
|
+
page?: import("csstype").Property.Page;
|
|
341
350
|
pageBreakAfter?: import("csstype").Property.PageBreakAfter;
|
|
342
351
|
pageBreakBefore?: import("csstype").Property.PageBreakBefore;
|
|
343
352
|
pageBreakInside?: import("csstype").Property.PageBreakInside;
|
|
344
353
|
paintOrder?: import("csstype").Property.PaintOrder;
|
|
345
354
|
perspective?: import("csstype").Property.Perspective<string | number>;
|
|
346
355
|
perspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number>;
|
|
347
|
-
placeContent?: import("csstype").Property.PlaceContent;
|
|
348
356
|
pointerEvents?: import("csstype").Property.PointerEvents;
|
|
349
357
|
position?: import("csstype").Property.Position;
|
|
350
358
|
printColorAdjust?: import("csstype").Property.PrintColorAdjust;
|
|
@@ -358,36 +366,31 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
358
366
|
rubyPosition?: import("csstype").Property.RubyPosition;
|
|
359
367
|
scale?: import("csstype").Property.Scale;
|
|
360
368
|
scrollBehavior?: import("csstype").Property.ScrollBehavior;
|
|
361
|
-
scrollMargin?: import("csstype").Property.ScrollMargin<string | number>;
|
|
362
|
-
scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number>;
|
|
363
369
|
scrollMarginBlockEnd?: import("csstype").Property.ScrollMarginBlockEnd<string | number>;
|
|
364
370
|
scrollMarginBlockStart?: import("csstype").Property.ScrollMarginBlockStart<string | number>;
|
|
365
371
|
scrollMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number>;
|
|
366
|
-
scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number>;
|
|
367
372
|
scrollMarginInlineEnd?: import("csstype").Property.ScrollMarginInlineEnd<string | number>;
|
|
368
373
|
scrollMarginInlineStart?: import("csstype").Property.ScrollMarginInlineStart<string | number>;
|
|
369
374
|
scrollMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number>;
|
|
370
375
|
scrollMarginRight?: import("csstype").Property.ScrollMarginRight<string | number>;
|
|
371
376
|
scrollMarginTop?: import("csstype").Property.ScrollMarginTop<string | number>;
|
|
372
|
-
scrollPadding?: import("csstype").Property.ScrollPadding<string | number>;
|
|
373
|
-
scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number>;
|
|
374
377
|
scrollPaddingBlockEnd?: import("csstype").Property.ScrollPaddingBlockEnd<string | number>;
|
|
375
378
|
scrollPaddingBlockStart?: import("csstype").Property.ScrollPaddingBlockStart<string | number>;
|
|
376
379
|
scrollPaddingBottom?: import("csstype").Property.ScrollPaddingBottom<string | number>;
|
|
377
|
-
scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number>;
|
|
378
380
|
scrollPaddingInlineEnd?: import("csstype").Property.ScrollPaddingInlineEnd<string | number>;
|
|
379
381
|
scrollPaddingInlineStart?: import("csstype").Property.ScrollPaddingInlineStart<string | number>;
|
|
380
382
|
scrollPaddingLeft?: import("csstype").Property.ScrollPaddingLeft<string | number>;
|
|
381
383
|
scrollPaddingRight?: import("csstype").Property.ScrollPaddingRight<string | number>;
|
|
382
384
|
scrollPaddingTop?: import("csstype").Property.ScrollPaddingTop<string | number>;
|
|
383
385
|
scrollSnapAlign?: import("csstype").Property.ScrollSnapAlign;
|
|
384
|
-
scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number>;
|
|
385
386
|
scrollSnapMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number>;
|
|
386
387
|
scrollSnapMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number>;
|
|
387
388
|
scrollSnapMarginRight?: import("csstype").Property.ScrollMarginRight<string | number>;
|
|
388
389
|
scrollSnapMarginTop?: import("csstype").Property.ScrollMarginTop<string | number>;
|
|
389
390
|
scrollSnapStop?: import("csstype").Property.ScrollSnapStop;
|
|
390
391
|
scrollSnapType?: import("csstype").Property.ScrollSnapType;
|
|
392
|
+
scrollTimelineAxis?: import("csstype").Property.ScrollTimelineAxis;
|
|
393
|
+
scrollTimelineName?: import("csstype").Property.ScrollTimelineName;
|
|
391
394
|
scrollbarColor?: import("csstype").Property.ScrollbarColor;
|
|
392
395
|
scrollbarGutter?: import("csstype").Property.ScrollbarGutter;
|
|
393
396
|
scrollbarWidth?: import("csstype").Property.ScrollbarWidth;
|
|
@@ -405,7 +408,6 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
405
408
|
textDecorationSkipInk?: import("csstype").Property.TextDecorationSkipInk;
|
|
406
409
|
textDecorationStyle?: import("csstype").Property.TextDecorationStyle;
|
|
407
410
|
textDecorationThickness?: import("csstype").Property.TextDecorationThickness<string | number>;
|
|
408
|
-
textDecorationWidth?: import("csstype").Property.TextDecorationThickness<string | number>;
|
|
409
411
|
textEmphasisColor?: import("csstype").Property.TextEmphasisColor;
|
|
410
412
|
textEmphasisPosition?: import("csstype").Property.TextEmphasisPosition;
|
|
411
413
|
textEmphasisStyle?: import("csstype").Property.TextEmphasisStyle;
|
|
@@ -433,6 +435,7 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
433
435
|
unicodeBidi?: import("csstype").Property.UnicodeBidi;
|
|
434
436
|
userSelect?: import("csstype").Property.UserSelect;
|
|
435
437
|
verticalAlign?: import("csstype").Property.VerticalAlign<string | number>;
|
|
438
|
+
viewTransitionName?: import("csstype").Property.ViewTransitionName;
|
|
436
439
|
whiteSpace?: import("csstype").Property.WhiteSpace;
|
|
437
440
|
widows?: import("csstype").Property.Widows;
|
|
438
441
|
width?: import("csstype").Property.Width<string | number>;
|
|
@@ -463,8 +466,11 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
463
466
|
borderStyle?: import("csstype").Property.BorderStyle;
|
|
464
467
|
borderTop?: import("csstype").Property.BorderTop<string | number>;
|
|
465
468
|
borderWidth?: import("csstype").Property.BorderWidth<string | number>;
|
|
469
|
+
caret?: import("csstype").Property.Caret;
|
|
466
470
|
columnRule?: import("csstype").Property.ColumnRule<string | number>;
|
|
467
471
|
columns?: import("csstype").Property.Columns<string | number>;
|
|
472
|
+
containIntrinsicSize?: import("csstype").Property.ContainIntrinsicSize<string | number>;
|
|
473
|
+
container?: import("csstype").Property.Container;
|
|
468
474
|
flex?: import("csstype").Property.Flex<string | number>;
|
|
469
475
|
flexFlow?: import("csstype").Property.FlexFlow;
|
|
470
476
|
font?: import("csstype").Property.Font;
|
|
@@ -474,9 +480,14 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
474
480
|
gridColumn?: import("csstype").Property.GridColumn;
|
|
475
481
|
gridRow?: import("csstype").Property.GridRow;
|
|
476
482
|
gridTemplate?: import("csstype").Property.GridTemplate;
|
|
483
|
+
inset?: import("csstype").Property.Inset<string | number>;
|
|
484
|
+
insetBlock?: import("csstype").Property.InsetBlock<string | number>;
|
|
485
|
+
insetInline?: import("csstype").Property.InsetInline<string | number>;
|
|
477
486
|
lineClamp?: import("csstype").Property.LineClamp;
|
|
478
487
|
listStyle?: import("csstype").Property.ListStyle;
|
|
479
488
|
margin?: import("csstype").Property.Margin<string | number>;
|
|
489
|
+
marginBlock?: import("csstype").Property.MarginBlock<string | number>;
|
|
490
|
+
marginInline?: import("csstype").Property.MarginInline<string | number>;
|
|
480
491
|
mask?: import("csstype").Property.Mask<string | number>;
|
|
481
492
|
maskBorder?: import("csstype").Property.MaskBorder;
|
|
482
493
|
motion?: import("csstype").Property.Offset<string | number>;
|
|
@@ -485,8 +496,19 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
485
496
|
overflow?: import("csstype").Property.Overflow;
|
|
486
497
|
overscrollBehavior?: import("csstype").Property.OverscrollBehavior;
|
|
487
498
|
padding?: import("csstype").Property.Padding<string | number>;
|
|
499
|
+
paddingBlock?: import("csstype").Property.PaddingBlock<string | number>;
|
|
500
|
+
paddingInline?: import("csstype").Property.PaddingInline<string | number>;
|
|
501
|
+
placeContent?: import("csstype").Property.PlaceContent;
|
|
488
502
|
placeItems?: import("csstype").Property.PlaceItems;
|
|
489
503
|
placeSelf?: import("csstype").Property.PlaceSelf;
|
|
504
|
+
scrollMargin?: import("csstype").Property.ScrollMargin<string | number>;
|
|
505
|
+
scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number>;
|
|
506
|
+
scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number>;
|
|
507
|
+
scrollPadding?: import("csstype").Property.ScrollPadding<string | number>;
|
|
508
|
+
scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number>;
|
|
509
|
+
scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number>;
|
|
510
|
+
scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number>;
|
|
511
|
+
scrollTimeline?: import("csstype").Property.ScrollTimeline;
|
|
490
512
|
textDecoration?: import("csstype").Property.TextDecoration<string | number>;
|
|
491
513
|
textEmphasis?: import("csstype").Property.TextEmphasis;
|
|
492
514
|
transition?: import("csstype").Property.Transition<string & {}>;
|
|
@@ -500,6 +522,7 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
500
522
|
MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction;
|
|
501
523
|
MozAppearance?: import("csstype").Property.MozAppearance;
|
|
502
524
|
MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility;
|
|
525
|
+
MozBinding?: import("csstype").Property.MozBinding;
|
|
503
526
|
MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors;
|
|
504
527
|
MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor;
|
|
505
528
|
MozBorderEndStyle?: import("csstype").Property.BorderInlineEndStyle;
|
|
@@ -512,7 +535,6 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
512
535
|
MozBoxSizing?: import("csstype").Property.BoxSizing;
|
|
513
536
|
MozColumnCount?: import("csstype").Property.ColumnCount;
|
|
514
537
|
MozColumnFill?: import("csstype").Property.ColumnFill;
|
|
515
|
-
MozColumnGap?: import("csstype").Property.ColumnGap<string | number>;
|
|
516
538
|
MozColumnRuleColor?: import("csstype").Property.ColumnRuleColor;
|
|
517
539
|
MozColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle;
|
|
518
540
|
MozColumnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number>;
|
|
@@ -546,7 +568,6 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
546
568
|
MozWindowDragging?: import("csstype").Property.MozWindowDragging;
|
|
547
569
|
MozWindowShadow?: import("csstype").Property.MozWindowShadow;
|
|
548
570
|
msAccelerator?: import("csstype").Property.MsAccelerator;
|
|
549
|
-
msAlignSelf?: import("csstype").Property.AlignSelf;
|
|
550
571
|
msBlockProgression?: import("csstype").Property.MsBlockProgression;
|
|
551
572
|
msContentZoomChaining?: import("csstype").Property.MsContentZoomChaining;
|
|
552
573
|
msContentZoomLimitMax?: import("csstype").Property.MsContentZoomLimitMax;
|
|
@@ -567,7 +588,6 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
567
588
|
msHyphenateLimitZone?: import("csstype").Property.MsHyphenateLimitZone<string | number>;
|
|
568
589
|
msHyphens?: import("csstype").Property.Hyphens;
|
|
569
590
|
msImeAlign?: import("csstype").Property.MsImeAlign;
|
|
570
|
-
msJustifySelf?: import("csstype").Property.JustifySelf;
|
|
571
591
|
msLineBreak?: import("csstype").Property.LineBreak;
|
|
572
592
|
msOrder?: import("csstype").Property.Order;
|
|
573
593
|
msOverflowStyle?: import("csstype").Property.MsOverflowStyle;
|
|
@@ -590,6 +610,7 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
590
610
|
msScrollbarFaceColor?: import("csstype").Property.MsScrollbarFaceColor;
|
|
591
611
|
msScrollbarHighlightColor?: import("csstype").Property.MsScrollbarHighlightColor;
|
|
592
612
|
msScrollbarShadowColor?: import("csstype").Property.MsScrollbarShadowColor;
|
|
613
|
+
msScrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor;
|
|
593
614
|
msTextAutospace?: import("csstype").Property.MsTextAutospace;
|
|
594
615
|
msTextCombineHorizontal?: import("csstype").Property.TextCombineUpright;
|
|
595
616
|
msTextOverflow?: import("csstype").Property.TextOverflow;
|
|
@@ -639,7 +660,6 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
639
660
|
WebkitClipPath?: import("csstype").Property.ClipPath;
|
|
640
661
|
WebkitColumnCount?: import("csstype").Property.ColumnCount;
|
|
641
662
|
WebkitColumnFill?: import("csstype").Property.ColumnFill;
|
|
642
|
-
WebkitColumnGap?: import("csstype").Property.ColumnGap<string | number>;
|
|
643
663
|
WebkitColumnRuleColor?: import("csstype").Property.ColumnRuleColor;
|
|
644
664
|
WebkitColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle;
|
|
645
665
|
WebkitColumnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number>;
|
|
@@ -768,7 +788,6 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
768
788
|
scrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY;
|
|
769
789
|
scrollSnapTypeX?: import("csstype").Property.ScrollSnapTypeX;
|
|
770
790
|
scrollSnapTypeY?: import("csstype").Property.ScrollSnapTypeY;
|
|
771
|
-
scrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor;
|
|
772
791
|
KhtmlBoxAlign?: import("csstype").Property.BoxAlign;
|
|
773
792
|
KhtmlBoxDirection?: import("csstype").Property.BoxDirection;
|
|
774
793
|
KhtmlBoxFlex?: import("csstype").Property.BoxFlex;
|
|
@@ -784,7 +803,6 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
784
803
|
MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak;
|
|
785
804
|
MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin;
|
|
786
805
|
MozBackgroundSize?: import("csstype").Property.BackgroundSize<string | number>;
|
|
787
|
-
MozBinding?: import("csstype").Property.MozBinding;
|
|
788
806
|
MozBorderRadius?: import("csstype").Property.BorderRadius<string | number>;
|
|
789
807
|
MozBorderRadiusBottomleft?: import("csstype").Property.BorderBottomLeftRadius<string | number>;
|
|
790
808
|
MozBorderRadiusBottomright?: import("csstype").Property.BorderBottomRightRadius<string | number>;
|
|
@@ -815,7 +833,6 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
|
|
|
815
833
|
MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle;
|
|
816
834
|
MozUserInput?: import("csstype").Property.MozUserInput;
|
|
817
835
|
msImeMode?: import("csstype").Property.ImeMode;
|
|
818
|
-
msScrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor;
|
|
819
836
|
OAnimation?: import("csstype").Property.Animation<string & {}>;
|
|
820
837
|
OAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}>;
|
|
821
838
|
OAnimationDirection?: import("csstype").Property.AnimationDirection;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _get from "lodash/get";
|
|
2
2
|
import _isFunction from "lodash/isFunction";
|
|
3
3
|
import _isEqual from "lodash/isEqual";
|
|
4
|
-
|
|
5
4
|
/* eslint-disable arrow-body-style */
|
|
6
5
|
import React from 'react';
|
|
7
6
|
import cls from 'classnames';
|
|
@@ -16,68 +15,54 @@ import { cloneDeep } from '../_utils';
|
|
|
16
15
|
const prefixCls = cssClasses.PREFIX;
|
|
17
16
|
const Boundary = strings.BOUNDARY_MAP;
|
|
18
17
|
const OverflowDirection = strings.OVERFLOW_DIR;
|
|
19
|
-
const RenderMode = strings.MODE_MAP;
|
|
20
|
-
|
|
18
|
+
const RenderMode = strings.MODE_MAP;
|
|
19
|
+
// reference to https://github.com/palantir/blueprint/blob/1aa71605/packages/core/src/components/overflow-list/overflowList.tsx#L34
|
|
21
20
|
class OverflowList extends BaseComponent {
|
|
22
21
|
constructor(props) {
|
|
23
22
|
var _this;
|
|
24
|
-
|
|
25
23
|
super(props);
|
|
26
24
|
_this = this;
|
|
27
25
|
this.scroller = null;
|
|
28
26
|
this.spacer = null;
|
|
29
|
-
|
|
30
27
|
this.isScrollMode = () => {
|
|
31
28
|
const {
|
|
32
29
|
renderMode
|
|
33
30
|
} = this.props;
|
|
34
31
|
return renderMode === RenderMode.SCROLL;
|
|
35
32
|
};
|
|
36
|
-
|
|
37
33
|
this.resize = function () {
|
|
38
34
|
let entries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
39
|
-
|
|
40
35
|
var _a;
|
|
41
|
-
|
|
42
36
|
const containerWidth = (_a = entries[0]) === null || _a === void 0 ? void 0 : _a.target.clientWidth;
|
|
43
|
-
|
|
44
37
|
_this.setState({
|
|
45
38
|
containerWidth,
|
|
46
39
|
overflowStatus: 'calculating'
|
|
47
40
|
});
|
|
48
41
|
};
|
|
49
|
-
|
|
50
42
|
this.reintersect = entries => {
|
|
51
43
|
this.foundation.handleIntersect(entries);
|
|
52
44
|
};
|
|
53
|
-
|
|
54
45
|
this.mergeRef = (ref, node, key) => {
|
|
55
46
|
this.itemRefs[key] = node;
|
|
56
|
-
|
|
57
47
|
if (typeof ref === 'function') {
|
|
58
48
|
ref(node);
|
|
59
49
|
} else if (typeof ref === 'object' && ref && 'current' in ref) {
|
|
60
50
|
ref.current = node;
|
|
61
51
|
}
|
|
62
52
|
};
|
|
63
|
-
|
|
64
53
|
this.renderOverflow = () => {
|
|
65
54
|
const overflow = this.foundation.getOverflowItem();
|
|
66
55
|
return this.props.overflowRenderer(overflow);
|
|
67
56
|
};
|
|
68
|
-
|
|
69
57
|
this.getItemKey = (item, defaultKey) => {
|
|
70
58
|
const {
|
|
71
59
|
itemKey
|
|
72
60
|
} = this.props;
|
|
73
|
-
|
|
74
61
|
if (_isFunction(itemKey)) {
|
|
75
62
|
return itemKey(item);
|
|
76
63
|
}
|
|
77
|
-
|
|
78
64
|
return _get(item, itemKey || 'key', defaultKey);
|
|
79
65
|
};
|
|
80
|
-
|
|
81
66
|
this.renderItemList = () => {
|
|
82
67
|
const {
|
|
83
68
|
className,
|
|
@@ -93,12 +78,10 @@ class OverflowList extends BaseComponent {
|
|
|
93
78
|
overflowStatus
|
|
94
79
|
} = this.state;
|
|
95
80
|
let overflow = this.renderOverflow();
|
|
96
|
-
|
|
97
81
|
if (!this.isScrollMode()) {
|
|
98
82
|
if (Array.isArray(overflow)) {
|
|
99
83
|
overflow = /*#__PURE__*/React.createElement(React.Fragment, null, overflow);
|
|
100
84
|
}
|
|
101
|
-
|
|
102
85
|
if ( /*#__PURE__*/React.isValidElement(overflow)) {
|
|
103
86
|
const child = /*#__PURE__*/React.cloneElement(overflow);
|
|
104
87
|
overflow = /*#__PURE__*/React.createElement(ResizeObserver, {
|
|
@@ -114,7 +97,6 @@ class OverflowList extends BaseComponent {
|
|
|
114
97
|
}, child));
|
|
115
98
|
}
|
|
116
99
|
}
|
|
117
|
-
|
|
118
100
|
const inner = renderMode === RenderMode.SCROLL ? [overflow[0], /*#__PURE__*/React.createElement("div", {
|
|
119
101
|
className: cls(wrapperClassName, `${prefixCls}-scroll-wrapper`),
|
|
120
102
|
ref: ref => {
|
|
@@ -158,11 +140,9 @@ class OverflowList extends BaseComponent {
|
|
|
158
140
|
}, ...inner);
|
|
159
141
|
return list;
|
|
160
142
|
};
|
|
161
|
-
|
|
162
143
|
this.onItemResize = (entry, item, idx) => {
|
|
163
144
|
const key = this.getItemKey(item, idx);
|
|
164
145
|
const width = this.itemSizeMap.get(key);
|
|
165
|
-
|
|
166
146
|
if (!width) {
|
|
167
147
|
this.itemSizeMap.set(key, entry.target.clientWidth);
|
|
168
148
|
} else if (width !== entry.target.clientWidth) {
|
|
@@ -172,19 +152,17 @@ class OverflowList extends BaseComponent {
|
|
|
172
152
|
overflowStatus: 'calculating'
|
|
173
153
|
});
|
|
174
154
|
}
|
|
175
|
-
|
|
176
155
|
const {
|
|
177
156
|
maxCount
|
|
178
|
-
} = this.state;
|
|
157
|
+
} = this.state;
|
|
158
|
+
// 已经按照最大值maxCount渲染完毕,触发真正的渲染
|
|
179
159
|
// Already rendered maxCount items, trigger the real rendering
|
|
180
|
-
|
|
181
160
|
if (this.itemSizeMap.size === maxCount) {
|
|
182
161
|
this.setState({
|
|
183
162
|
overflowStatus: 'calculating'
|
|
184
163
|
});
|
|
185
164
|
}
|
|
186
165
|
};
|
|
187
|
-
|
|
188
166
|
this.state = {
|
|
189
167
|
direction: OverflowDirection.GROW,
|
|
190
168
|
lastOverflowCount: 0,
|
|
@@ -203,34 +181,28 @@ class OverflowList extends BaseComponent {
|
|
|
203
181
|
this.itemRefs = {};
|
|
204
182
|
this.itemSizeMap = new Map();
|
|
205
183
|
}
|
|
206
|
-
|
|
207
184
|
static getDerivedStateFromProps(props, prevState) {
|
|
208
185
|
const {
|
|
209
186
|
prevProps
|
|
210
187
|
} = prevState;
|
|
211
188
|
const newState = {};
|
|
212
189
|
newState.prevProps = props;
|
|
213
|
-
|
|
214
190
|
const needUpdate = name => {
|
|
215
191
|
return !prevProps && name in props || prevProps && !_isEqual(prevProps[name], props[name]);
|
|
216
192
|
};
|
|
217
|
-
|
|
218
193
|
if (needUpdate('items') || needUpdate('style')) {
|
|
219
194
|
// reset visible state if the above props change.
|
|
220
195
|
newState.direction = OverflowDirection.GROW;
|
|
221
196
|
newState.lastOverflowCount = 0;
|
|
222
197
|
newState.maxCount = 0;
|
|
223
|
-
|
|
224
198
|
if (props.renderMode === RenderMode.SCROLL) {
|
|
225
199
|
newState.visible = props.items;
|
|
226
200
|
newState.overflow = [];
|
|
227
201
|
} else {
|
|
228
202
|
let maxCount = props.items.length;
|
|
229
|
-
|
|
230
203
|
if (Math.floor(prevState.containerWidth / numbers.MINIMUM_HTML_ELEMENT_WIDTH) !== 0) {
|
|
231
204
|
maxCount = Math.min(maxCount, Math.floor(prevState.containerWidth / numbers.MINIMUM_HTML_ELEMENT_WIDTH));
|
|
232
205
|
}
|
|
233
|
-
|
|
234
206
|
const isCollapseFromStart = props.collapseFrom === Boundary.START;
|
|
235
207
|
const visible = isCollapseFromStart ? cloneDeep(props.items).reverse().slice(0, maxCount) : props.items.slice(0, maxCount);
|
|
236
208
|
const overflow = isCollapseFromStart ? cloneDeep(props.items).reverse().slice(maxCount) : props.items.slice(maxCount);
|
|
@@ -238,14 +210,11 @@ class OverflowList extends BaseComponent {
|
|
|
238
210
|
newState.overflow = overflow;
|
|
239
211
|
newState.maxCount = maxCount;
|
|
240
212
|
}
|
|
241
|
-
|
|
242
213
|
newState.pivot = -1;
|
|
243
214
|
newState.overflowStatus = "calculating";
|
|
244
215
|
}
|
|
245
|
-
|
|
246
216
|
return newState;
|
|
247
217
|
}
|
|
248
|
-
|
|
249
218
|
get adapter() {
|
|
250
219
|
return Object.assign(Object.assign({}, super.adapter), {
|
|
251
220
|
updateVisibleState: visibleState => {
|
|
@@ -262,38 +231,32 @@ class OverflowList extends BaseComponent {
|
|
|
262
231
|
getItemSizeMap: () => this.itemSizeMap
|
|
263
232
|
});
|
|
264
233
|
}
|
|
265
|
-
|
|
266
234
|
componentDidUpdate(prevProps, prevState) {
|
|
267
235
|
const prevItemsKeys = prevProps.items.map(item => item.key);
|
|
268
|
-
const nowItemsKeys = this.props.items.map(item => item.key);
|
|
269
|
-
|
|
236
|
+
const nowItemsKeys = this.props.items.map(item => item.key);
|
|
237
|
+
// Determine whether to update by comparing key values
|
|
270
238
|
if (!_isEqual(prevItemsKeys, nowItemsKeys)) {
|
|
271
239
|
this.itemRefs = {};
|
|
272
240
|
this.setState({
|
|
273
241
|
visibleState: new Map()
|
|
274
242
|
});
|
|
275
243
|
}
|
|
276
|
-
|
|
277
244
|
const {
|
|
278
245
|
overflow,
|
|
279
246
|
containerWidth,
|
|
280
247
|
visible,
|
|
281
248
|
overflowStatus
|
|
282
249
|
} = this.state;
|
|
283
|
-
|
|
284
250
|
if (this.isScrollMode() || overflowStatus !== "calculating") {
|
|
285
251
|
return;
|
|
286
252
|
}
|
|
287
|
-
|
|
288
253
|
this.foundation.handleCollapseOverflow();
|
|
289
254
|
}
|
|
290
|
-
|
|
291
255
|
render() {
|
|
292
256
|
const list = this.renderItemList();
|
|
293
257
|
const {
|
|
294
258
|
renderMode
|
|
295
259
|
} = this.props;
|
|
296
|
-
|
|
297
260
|
if (renderMode === RenderMode.SCROLL) {
|
|
298
261
|
return /*#__PURE__*/React.createElement(IntersectionObserver, {
|
|
299
262
|
onIntersect: this.reintersect,
|
|
@@ -302,14 +265,11 @@ class OverflowList extends BaseComponent {
|
|
|
302
265
|
items: this.itemRefs
|
|
303
266
|
}, list);
|
|
304
267
|
}
|
|
305
|
-
|
|
306
268
|
return /*#__PURE__*/React.createElement(ResizeObserver, {
|
|
307
269
|
onResize: this.resize
|
|
308
270
|
}, list);
|
|
309
271
|
}
|
|
310
|
-
|
|
311
272
|
}
|
|
312
|
-
|
|
313
273
|
OverflowList.defaultProps = {
|
|
314
274
|
collapseFrom: 'end',
|
|
315
275
|
minVisibleItems: 0,
|
|
@@ -23,61 +23,50 @@ export default class ReactIntersectionObserver extends React.PureComponent {
|
|
|
23
23
|
}, option));
|
|
24
24
|
this.observeElement();
|
|
25
25
|
}
|
|
26
|
-
|
|
27
26
|
componentDidUpdate() {
|
|
28
27
|
const {
|
|
29
28
|
items
|
|
30
29
|
} = this.props;
|
|
31
30
|
const itemKeys = Object.keys(items);
|
|
32
|
-
|
|
33
31
|
if (!_isEqual(this.cachedKeys, itemKeys)) {
|
|
34
32
|
this.observeElement(true);
|
|
35
33
|
this.cachedKeys = itemKeys;
|
|
36
34
|
}
|
|
37
35
|
}
|
|
38
|
-
|
|
39
36
|
componentWillUnmount() {
|
|
40
37
|
if (this.observer) {
|
|
41
38
|
this.observer.disconnect();
|
|
42
39
|
this.observer = null;
|
|
43
40
|
}
|
|
44
41
|
}
|
|
45
|
-
|
|
46
42
|
observeElement() {
|
|
47
43
|
let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
48
44
|
const {
|
|
49
45
|
items
|
|
50
46
|
} = this.props;
|
|
51
|
-
|
|
52
47
|
if (_isEmpty(items)) {
|
|
53
48
|
// stop everything if not defined
|
|
54
49
|
this.observer.disconnect();
|
|
55
50
|
return;
|
|
56
51
|
}
|
|
57
|
-
|
|
58
52
|
if (force) {
|
|
59
53
|
this.observer.disconnect();
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
|
|
54
|
+
}
|
|
55
|
+
// observer callback is invoked immediately when observing new elements
|
|
63
56
|
Object.keys(items).forEach(key => {
|
|
64
57
|
const node = items[key];
|
|
65
|
-
|
|
66
58
|
if (!(node && isHTMLElement(node))) {
|
|
67
59
|
return;
|
|
68
60
|
}
|
|
69
|
-
|
|
70
61
|
this.observer.observe(node);
|
|
71
62
|
});
|
|
72
63
|
}
|
|
73
|
-
|
|
74
64
|
render() {
|
|
75
65
|
const {
|
|
76
66
|
children
|
|
77
67
|
} = this.props;
|
|
78
68
|
return children;
|
|
79
69
|
}
|
|
80
|
-
|
|
81
70
|
}
|
|
82
71
|
ReactIntersectionObserver.propTypes = {
|
|
83
72
|
onIntersect: PropTypes.func,
|
|
@@ -40,8 +40,8 @@ export interface PaginationState {
|
|
|
40
40
|
restLeftPageList: number[];
|
|
41
41
|
restRightPageList: number[];
|
|
42
42
|
}
|
|
43
|
-
export
|
|
44
|
-
export
|
|
43
|
+
export type PaginationLocale = Locale['Pagination'];
|
|
44
|
+
export type PopoverPosition = Position;
|
|
45
45
|
export type { PageList };
|
|
46
46
|
export default class Pagination extends BaseComponent<PaginationProps, PaginationState> {
|
|
47
47
|
static contextType: React.Context<ContextValue>;
|