@douyinfe/semi-ui 2.19.0-alpha.8 → 2.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_utils/index.ts +9 -5
- package/anchor/index.tsx +39 -7
- package/anchor/link.tsx +11 -2
- package/avatar/index.tsx +3 -1
- package/calendar/_story/calendar.stories.js +20 -3
- package/checkbox/checkbox.tsx +3 -1
- package/dist/css/semi.css +7 -17
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +2987 -12956
- package/dist/umd/semi-ui.js.map +1 -1
- package/dist/umd/semi-ui.min.js +1 -1
- package/dist/umd/semi-ui.min.js.map +1 -1
- package/dropdown/index.tsx +5 -1
- package/form/interface.ts +1 -1
- package/getBabelConfig.js +1 -13
- package/lib/cjs/_base/base.css +1 -0
- package/lib/cjs/_base/base.js +1 -3
- package/lib/cjs/_base/baseComponent.js +4 -9
- package/lib/cjs/_base/reactUtils.js +4 -9
- package/lib/cjs/_portal/index.js +4 -9
- package/lib/cjs/_utils/hooks/usePrevFocus.js +3 -6
- package/lib/cjs/_utils/index.js +13 -25
- package/lib/cjs/anchor/anchor-context.js +3 -6
- package/lib/cjs/anchor/index.d.ts +4 -0
- package/lib/cjs/anchor/index.js +50 -36
- package/lib/cjs/anchor/link.d.ts +2 -0
- package/lib/cjs/anchor/link.js +15 -18
- package/lib/cjs/autoComplete/index.js +13 -30
- package/lib/cjs/autoComplete/option.js +12 -25
- package/lib/cjs/avatar/avatarGroup.js +18 -49
- package/lib/cjs/avatar/index.d.ts +1 -0
- package/lib/cjs/avatar/index.js +25 -48
- package/lib/cjs/avatar/interface.js +1 -3
- package/lib/cjs/backtop/index.js +8 -17
- package/lib/cjs/badge/index.js +14 -31
- package/lib/cjs/banner/index.js +5 -14
- package/lib/cjs/breadcrumb/bread-context.js +3 -6
- package/lib/cjs/breadcrumb/index.js +13 -34
- package/lib/cjs/breadcrumb/item.js +8 -21
- package/lib/cjs/button/Button.js +13 -32
- package/lib/cjs/button/buttonGroup.js +12 -41
- package/lib/cjs/button/index.js +7 -12
- package/lib/cjs/button/splitButtonGroup.js +3 -6
- package/lib/cjs/calendar/dayCalendar.js +20 -37
- package/lib/cjs/calendar/dayCol.js +10 -25
- package/lib/cjs/calendar/index.js +9 -25
- package/lib/cjs/calendar/interface.js +1 -3
- package/lib/cjs/calendar/monthCalendar.js +20 -45
- package/lib/cjs/calendar/rangeCalendar.js +19 -44
- package/lib/cjs/calendar/timeCol.js +10 -25
- package/lib/cjs/calendar/weekCalendar.js +19 -44
- package/lib/cjs/card/cardGroup.js +9 -22
- package/lib/cjs/card/index.js +12 -33
- package/lib/cjs/card/meta.js +9 -22
- package/lib/cjs/carousel/CarouselArrow.js +8 -17
- package/lib/cjs/carousel/CarouselIndicator.js +11 -26
- package/lib/cjs/carousel/index.js +10 -29
- package/lib/cjs/carousel/interface.js +1 -3
- package/lib/cjs/cascader/index.js +37 -68
- package/lib/cjs/cascader/item.js +24 -49
- package/lib/cjs/checkbox/checkbox.d.ts +1 -0
- package/lib/cjs/checkbox/checkbox.js +9 -17
- package/lib/cjs/checkbox/checkboxGroup.js +13 -34
- package/lib/cjs/checkbox/checkboxInner.js +6 -15
- package/lib/cjs/checkbox/context.js +3 -6
- package/lib/cjs/checkbox/index.js +4 -8
- package/lib/cjs/collapse/collapse-context.js +3 -6
- package/lib/cjs/collapse/index.js +12 -29
- package/lib/cjs/collapse/item.js +9 -22
- package/lib/cjs/collapsible/index.js +7 -16
- package/lib/cjs/configProvider/context.js +3 -6
- package/lib/cjs/configProvider/index.js +7 -16
- package/lib/cjs/datePicker/dateInput.js +15 -34
- package/lib/cjs/datePicker/datePicker.js +22 -45
- package/lib/cjs/datePicker/footer.js +3 -6
- package/lib/cjs/datePicker/index.js +9 -20
- package/lib/cjs/datePicker/insetInput.js +4 -9
- package/lib/cjs/datePicker/month.js +15 -26
- package/lib/cjs/datePicker/monthsGrid.js +13 -32
- package/lib/cjs/datePicker/navigation.js +5 -12
- package/lib/cjs/datePicker/quickControl.js +18 -31
- package/lib/cjs/datePicker/yearAndMonth.js +13 -30
- package/lib/cjs/descriptions/descriptions-context.js +3 -6
- package/lib/cjs/descriptions/index.js +8 -23
- package/lib/cjs/descriptions/item.js +7 -18
- package/lib/cjs/divider/index.js +9 -22
- package/lib/cjs/dropdown/context.js +3 -6
- package/lib/cjs/dropdown/dropdownDivider.js +3 -6
- package/lib/cjs/dropdown/dropdownItem.js +8 -21
- package/lib/cjs/dropdown/dropdownMenu.js +8 -17
- package/lib/cjs/dropdown/dropdownTitle.js +5 -12
- package/lib/cjs/dropdown/index.js +17 -26
- package/lib/cjs/empty/index.js +5 -14
- package/lib/cjs/form/arrayField.js +28 -57
- package/lib/cjs/form/baseForm.d.ts +1 -1
- package/lib/cjs/form/baseForm.js +18 -43
- package/lib/cjs/form/context.js +3 -6
- package/lib/cjs/form/errorMessage.js +7 -18
- package/lib/cjs/form/field.d.ts +1 -1
- package/lib/cjs/form/field.js +3 -6
- package/lib/cjs/form/group.js +16 -31
- package/lib/cjs/form/hoc/withField.js +26 -53
- package/lib/cjs/form/hoc/withFormApi.js +4 -9
- package/lib/cjs/form/hoc/withFormState.js +4 -9
- package/lib/cjs/form/hooks/index.js +11 -20
- package/lib/cjs/form/hooks/useArrayFieldState.js +1 -4
- package/lib/cjs/form/hooks/useFieldApi.js +3 -6
- package/lib/cjs/form/hooks/useFieldState.js +6 -15
- package/lib/cjs/form/hooks/useFormApi.js +1 -4
- package/lib/cjs/form/hooks/useFormState.js +1 -4
- package/lib/cjs/form/hooks/useFormUpdater.js +1 -4
- package/lib/cjs/form/hooks/useStateWithGetter.js +1 -4
- package/lib/cjs/form/index.js +15 -34
- package/lib/cjs/form/interface.d.ts +1 -1
- package/lib/cjs/form/interface.js +3 -10
- package/lib/cjs/form/label.js +5 -12
- package/lib/cjs/form/section.js +5 -12
- package/lib/cjs/form/slot.js +18 -35
- package/lib/cjs/grid/col.js +20 -37
- package/lib/cjs/grid/index.js +6 -10
- package/lib/cjs/grid/row.js +18 -45
- package/lib/cjs/iconButton/index.js +13 -30
- package/lib/cjs/icons/index.js +3 -6
- package/lib/cjs/index.js +94 -189
- package/lib/cjs/input/index.js +13 -26
- package/lib/cjs/input/inputGroup.js +11 -32
- package/lib/cjs/input/textarea.js +11 -24
- package/lib/cjs/inputNumber/index.js +12 -29
- package/lib/cjs/layout/Sider.js +11 -36
- package/lib/cjs/layout/index.js +13 -32
- package/lib/cjs/layout/layout-context.js +3 -6
- package/lib/cjs/list/index.js +9 -25
- package/lib/cjs/list/item.js +10 -27
- package/lib/cjs/list/list-context.js +3 -6
- package/lib/cjs/locale/context.js +3 -6
- package/lib/cjs/locale/interface.js +1 -3
- package/lib/cjs/locale/localeConsumer.js +5 -12
- package/lib/cjs/locale/localeProvider.js +5 -12
- package/lib/cjs/locale/source/ar.js +1 -4
- package/lib/cjs/locale/source/de.js +1 -4
- package/lib/cjs/locale/source/en_GB.js +1 -4
- package/lib/cjs/locale/source/en_US.js +1 -4
- package/lib/cjs/locale/source/es.js +1 -4
- package/lib/cjs/locale/source/fr.js +1 -4
- package/lib/cjs/locale/source/id_ID.js +1 -4
- package/lib/cjs/locale/source/it.js +1 -4
- package/lib/cjs/locale/source/ja_JP.js +1 -4
- package/lib/cjs/locale/source/ko_KR.js +1 -4
- package/lib/cjs/locale/source/ms_MY.js +1 -4
- package/lib/cjs/locale/source/pt_BR.js +1 -4
- package/lib/cjs/locale/source/ru_RU.js +1 -4
- package/lib/cjs/locale/source/th_TH.js +1 -4
- package/lib/cjs/locale/source/tr_TR.js +1 -4
- package/lib/cjs/locale/source/vi_VN.js +1 -4
- package/lib/cjs/locale/source/zh_CN.js +1 -4
- package/lib/cjs/locale/source/zh_TW.js +1 -4
- package/lib/cjs/modal/ConfirmModal.js +11 -28
- package/lib/cjs/modal/Modal.js +14 -33
- package/lib/cjs/modal/ModalContent.js +14 -35
- package/lib/cjs/modal/confirm.js +15 -21
- package/lib/cjs/modal/index.js +3 -6
- package/lib/cjs/modal/useModal/HookModal.js +10 -19
- package/lib/cjs/modal/useModal/index.js +4 -9
- package/lib/cjs/motions/Rotate.js +7 -18
- package/lib/cjs/navigation/CollapseButton.js +4 -9
- package/lib/cjs/navigation/Footer.js +6 -15
- package/lib/cjs/navigation/Header.js +6 -15
- package/lib/cjs/navigation/Item.js +9 -28
- package/lib/cjs/navigation/OpenIconTransition.js +6 -15
- package/lib/cjs/navigation/SubNav.js +10 -29
- package/lib/cjs/navigation/SubNavTransition.js +5 -12
- package/lib/cjs/navigation/index.js +25 -46
- package/lib/cjs/navigation/nav-context.js +3 -6
- package/lib/cjs/notification/NoticeTransition.js +4 -9
- package/lib/cjs/notification/index.js +24 -51
- package/lib/cjs/notification/notice.js +13 -30
- package/lib/cjs/notification/useNotification/HookNotice.js +9 -22
- package/lib/cjs/notification/useNotification/index.js +18 -41
- package/lib/cjs/overflowList/index.js +13 -28
- package/lib/cjs/overflowList/intersectionObserver.js +7 -18
- package/lib/cjs/pagination/index.js +15 -38
- package/lib/cjs/popconfirm/index.js +16 -25
- package/lib/cjs/popover/Arrow.js +10 -19
- package/lib/cjs/popover/index.js +8 -17
- package/lib/cjs/progress/index.js +7 -20
- package/lib/cjs/radio/context.js +3 -6
- package/lib/cjs/radio/index.js +4 -8
- package/lib/cjs/radio/radio.d.ts +1 -0
- package/lib/cjs/radio/radio.js +11 -19
- package/lib/cjs/radio/radioGroup.js +11 -26
- package/lib/cjs/radio/radioInner.js +7 -16
- package/lib/cjs/rating/index.js +10 -27
- package/lib/cjs/rating/item.js +10 -19
- package/lib/cjs/resizeObserver/index.js +3 -6
- package/lib/cjs/scrollList/index.js +3 -6
- package/lib/cjs/scrollList/scrollItem.js +13 -26
- package/lib/cjs/select/index.js +46 -91
- package/lib/cjs/select/option.js +12 -25
- package/lib/cjs/select/optionGroup.js +3 -6
- package/lib/cjs/select/utils.js +12 -29
- package/lib/cjs/select/virtualRow.js +1 -4
- package/lib/cjs/sideSheet/SideSheetContent.js +9 -22
- package/lib/cjs/sideSheet/SideSheetTransition.js +4 -9
- package/lib/cjs/sideSheet/index.js +15 -28
- package/lib/cjs/skeleton/index.js +9 -22
- package/lib/cjs/skeleton/item.js +13 -34
- package/lib/cjs/slider/index.js +18 -48
- package/lib/cjs/space/index.js +7 -20
- package/lib/cjs/space/utils.js +9 -24
- package/lib/cjs/spin/icon.js +7 -16
- package/lib/cjs/spin/index.js +5 -14
- package/lib/cjs/steps/basicStep.js +4 -11
- package/lib/cjs/steps/basicSteps.js +12 -29
- package/lib/cjs/steps/context.js +3 -6
- package/lib/cjs/steps/fillStep.js +4 -11
- package/lib/cjs/steps/fillSteps.js +12 -28
- package/lib/cjs/steps/index.js +11 -24
- package/lib/cjs/steps/navStep.js +3 -6
- package/lib/cjs/steps/navSteps.js +12 -28
- package/lib/cjs/steps/step.js +8 -17
- package/lib/cjs/switch/index.js +5 -10
- package/lib/cjs/table/Body/BaseRow.js +14 -27
- package/lib/cjs/table/Body/ExpandedRow.js +10 -23
- package/lib/cjs/table/Body/SectionRow.js +15 -36
- package/lib/cjs/table/Body/index.js +39 -64
- package/lib/cjs/table/ColGroup.js +4 -11
- package/lib/cjs/table/Column.js +4 -9
- package/lib/cjs/table/ColumnFilter.js +18 -41
- package/lib/cjs/table/ColumnSelection.js +6 -11
- package/lib/cjs/table/ColumnShape.js +3 -6
- package/lib/cjs/table/ColumnSorter.js +6 -15
- package/lib/cjs/table/CustomExpandIcon.js +5 -12
- package/lib/cjs/table/HeadTable.js +7 -14
- package/lib/cjs/table/ResizableHeaderCell.js +9 -22
- package/lib/cjs/table/ResizableTable.js +23 -40
- package/lib/cjs/table/Table.js +63 -96
- package/lib/cjs/table/TableCell.js +13 -26
- package/lib/cjs/table/TableContextProvider.js +5 -12
- package/lib/cjs/table/TableHeader.js +10 -27
- package/lib/cjs/table/TableHeaderRow.js +18 -33
- package/lib/cjs/table/TablePagination.js +6 -15
- package/lib/cjs/table/getColumns.js +8 -17
- package/lib/cjs/table/index.js +8 -20
- package/lib/cjs/table/interface.js +1 -3
- package/lib/cjs/table/table-context.js +3 -6
- package/lib/cjs/table/utils.js +5 -16
- package/lib/cjs/tabs/TabBar.js +21 -44
- package/lib/cjs/tabs/TabPane.js +14 -31
- package/lib/cjs/tabs/TabPaneTransition.js +5 -10
- package/lib/cjs/tabs/index.js +32 -73
- package/lib/cjs/tabs/interface.d.ts +3 -2
- package/lib/cjs/tabs/interface.js +1 -3
- package/lib/cjs/tabs/tabs-context.js +3 -6
- package/lib/cjs/tag/group.d.ts +1 -15
- package/lib/cjs/tag/group.js +23 -34
- package/lib/cjs/tag/index.d.ts +1 -1
- package/lib/cjs/tag/index.js +20 -48
- package/lib/cjs/tag/interface.d.ts +6 -3
- package/lib/cjs/tag/interface.js +1 -3
- package/lib/cjs/tagInput/index.js +13 -30
- package/lib/cjs/timePicker/Combobox.js +19 -40
- package/lib/cjs/timePicker/PanelShape.js +3 -6
- package/lib/cjs/timePicker/TimeInput.js +9 -20
- package/lib/cjs/timePicker/TimePicker.js +21 -38
- package/lib/cjs/timePicker/TimeShape.js +3 -6
- package/lib/cjs/timePicker/index.js +4 -9
- package/lib/cjs/timeline/index.js +21 -48
- package/lib/cjs/timeline/item.js +7 -20
- package/lib/cjs/toast/ToastTransition.js +4 -9
- package/lib/cjs/toast/index.js +20 -45
- package/lib/cjs/toast/toast.js +9 -20
- package/lib/cjs/toast/useToast/HookToast.js +9 -22
- package/lib/cjs/toast/useToast/index.js +14 -27
- package/lib/cjs/tooltip/ArrowBoundingShape.js +3 -6
- package/lib/cjs/tooltip/TooltipStyledTransition.js +4 -9
- package/lib/cjs/tooltip/TriangleArrow.js +7 -16
- package/lib/cjs/tooltip/TriangleArrowVertical.js +7 -16
- package/lib/cjs/tooltip/index.js +27 -48
- package/lib/cjs/transfer/index.js +30 -63
- package/lib/cjs/tree/autoSizer.js +7 -16
- package/lib/cjs/tree/collapse.js +7 -16
- package/lib/cjs/tree/index.js +46 -70
- package/lib/cjs/tree/interface.js +1 -3
- package/lib/cjs/tree/nodeList.js +11 -28
- package/lib/cjs/tree/treeContext.js +3 -6
- package/lib/cjs/tree/treeNode.js +20 -39
- package/lib/cjs/tree/treeUtil.js +3 -6
- package/lib/cjs/treeSelect/index.js +51 -80
- package/lib/cjs/trigger/index.js +7 -16
- package/lib/cjs/typography/base.js +24 -49
- package/lib/cjs/typography/copyable.js +5 -12
- package/lib/cjs/typography/index.js +5 -15
- package/lib/cjs/typography/interface.js +1 -3
- package/lib/cjs/typography/paragraph.js +6 -15
- package/lib/cjs/typography/text.js +6 -15
- package/lib/cjs/typography/title.d.ts +1 -1
- package/lib/cjs/typography/title.js +10 -25
- package/lib/cjs/typography/typography.js +9 -22
- package/lib/cjs/typography/util.js +8 -21
- package/lib/cjs/upload/fileCard.js +8 -17
- package/lib/cjs/upload/index.js +14 -25
- package/lib/cjs/upload/interface.js +1 -3
- package/lib/es/_base/base.css +1 -0
- package/lib/es/_base/baseComponent.js +1 -3
- package/lib/es/_portal/index.js +1 -2
- package/lib/es/_utils/index.js +9 -15
- package/lib/es/anchor/index.d.ts +4 -0
- package/lib/es/anchor/index.js +46 -31
- package/lib/es/anchor/link.d.ts +2 -0
- package/lib/es/anchor/link.js +12 -10
- package/lib/es/autoComplete/index.js +10 -21
- package/lib/es/autoComplete/option.js +7 -10
- package/lib/es/avatar/avatarGroup.js +13 -33
- package/lib/es/avatar/index.d.ts +1 -0
- package/lib/es/avatar/index.js +20 -31
- package/lib/es/backtop/index.js +5 -9
- package/lib/es/badge/index.js +7 -13
- package/lib/es/banner/index.js +2 -7
- package/lib/es/breadcrumb/index.js +10 -27
- package/lib/es/breadcrumb/item.js +3 -7
- package/lib/es/button/Button.js +8 -16
- package/lib/es/button/buttonGroup.js +7 -22
- package/lib/es/button/index.js +4 -6
- package/lib/es/calendar/dayCalendar.js +15 -30
- package/lib/es/calendar/dayCol.js +5 -16
- package/lib/es/calendar/index.js +4 -8
- package/lib/es/calendar/monthCalendar.js +15 -35
- package/lib/es/calendar/rangeCalendar.js +14 -36
- package/lib/es/calendar/timeCol.js +3 -12
- package/lib/es/calendar/weekCalendar.js +14 -36
- package/lib/es/card/cardGroup.js +4 -8
- package/lib/es/card/index.js +7 -15
- package/lib/es/card/meta.js +4 -8
- package/lib/es/carousel/CarouselArrow.js +5 -9
- package/lib/es/carousel/CarouselIndicator.js +8 -17
- package/lib/es/carousel/index.js +5 -13
- package/lib/es/cascader/index.js +30 -55
- package/lib/es/cascader/item.js +17 -33
- package/lib/es/checkbox/checkbox.d.ts +1 -0
- package/lib/es/checkbox/checkbox.js +4 -8
- package/lib/es/checkbox/checkboxGroup.js +8 -23
- package/lib/es/checkbox/checkboxInner.js +1 -2
- package/lib/es/collapse/index.js +9 -17
- package/lib/es/collapse/item.js +4 -8
- package/lib/es/collapsible/index.js +2 -4
- package/lib/es/configProvider/index.js +4 -8
- package/lib/es/datePicker/dateInput.js +12 -27
- package/lib/es/datePicker/datePicker.js +17 -35
- package/lib/es/datePicker/index.js +4 -10
- package/lib/es/datePicker/insetInput.js +1 -2
- package/lib/es/datePicker/month.js +12 -18
- package/lib/es/datePicker/monthsGrid.js +10 -26
- package/lib/es/datePicker/quickControl.js +13 -18
- package/lib/es/datePicker/yearAndMonth.js +10 -22
- package/lib/es/descriptions/index.js +3 -8
- package/lib/es/descriptions/item.js +2 -5
- package/lib/es/divider/index.js +6 -13
- package/lib/es/dropdown/dropdownItem.js +3 -10
- package/lib/es/dropdown/dropdownMenu.js +5 -9
- package/lib/es/dropdown/index.js +16 -17
- package/lib/es/empty/index.js +2 -6
- package/lib/es/form/arrayField.js +20 -42
- package/lib/es/form/baseForm.d.ts +1 -1
- package/lib/es/form/baseForm.js +11 -28
- package/lib/es/form/errorMessage.js +2 -6
- package/lib/es/form/field.d.ts +1 -1
- package/lib/es/form/group.js +7 -16
- package/lib/es/form/hoc/withField.js +21 -41
- package/lib/es/form/hoc/withFormApi.js +1 -2
- package/lib/es/form/hoc/withFormState.js +1 -2
- package/lib/es/form/hooks/useFieldState.js +1 -2
- package/lib/es/form/interface.d.ts +1 -1
- package/lib/es/form/slot.js +11 -18
- package/lib/es/grid/col.js +17 -29
- package/lib/es/grid/row.js +15 -36
- package/lib/es/iconButton/index.js +8 -14
- package/lib/es/input/index.js +10 -17
- package/lib/es/input/inputGroup.js +8 -20
- package/lib/es/input/textarea.js +8 -15
- package/lib/es/inputNumber/index.js +9 -18
- package/lib/es/layout/Sider.js +8 -26
- package/lib/es/layout/index.js +10 -22
- package/lib/es/list/index.js +5 -18
- package/lib/es/list/item.js +5 -11
- package/lib/es/modal/ConfirmModal.js +6 -13
- package/lib/es/modal/Modal.js +9 -16
- package/lib/es/modal/ModalContent.js +9 -21
- package/lib/es/modal/confirm.js +11 -15
- package/lib/es/modal/useModal/HookModal.js +7 -10
- package/lib/es/modal/useModal/index.js +1 -2
- package/lib/es/motions/Rotate.js +2 -4
- package/lib/es/navigation/CollapseButton.js +1 -2
- package/lib/es/navigation/Footer.js +1 -2
- package/lib/es/navigation/Header.js +1 -2
- package/lib/es/navigation/Item.js +6 -19
- package/lib/es/navigation/OpenIconTransition.js +1 -2
- package/lib/es/navigation/SubNav.js +7 -20
- package/lib/es/navigation/index.js +20 -35
- package/lib/es/notification/NoticeTransition.js +1 -2
- package/lib/es/notification/index.js +19 -40
- package/lib/es/notification/notice.js +8 -17
- package/lib/es/notification/useNotification/HookNotice.js +4 -8
- package/lib/es/notification/useNotification/index.js +13 -26
- package/lib/es/overflowList/index.js +10 -18
- package/lib/es/overflowList/intersectionObserver.js +4 -10
- package/lib/es/pagination/index.js +10 -28
- package/lib/es/popconfirm/index.js +13 -16
- package/lib/es/popover/Arrow.js +7 -11
- package/lib/es/popover/index.js +5 -8
- package/lib/es/progress/index.js +2 -8
- package/lib/es/radio/radio.d.ts +1 -0
- package/lib/es/radio/radio.js +6 -9
- package/lib/es/radio/radioGroup.js +6 -15
- package/lib/es/radio/radioInner.js +2 -6
- package/lib/es/rating/index.js +5 -18
- package/lib/es/rating/item.js +7 -11
- package/lib/es/scrollList/scrollItem.js +8 -14
- package/lib/es/select/index.js +38 -76
- package/lib/es/select/option.js +7 -10
- package/lib/es/select/utils.js +9 -22
- package/lib/es/sideSheet/SideSheetContent.js +6 -12
- package/lib/es/sideSheet/SideSheetTransition.js +1 -2
- package/lib/es/sideSheet/index.js +10 -18
- package/lib/es/skeleton/index.js +4 -8
- package/lib/es/skeleton/item.js +8 -18
- package/lib/es/slider/index.js +15 -36
- package/lib/es/space/index.js +2 -8
- package/lib/es/space/utils.js +4 -11
- package/lib/es/spin/icon.js +4 -8
- package/lib/es/spin/index.js +2 -6
- package/lib/es/steps/basicStep.js +1 -4
- package/lib/es/steps/basicSteps.js +6 -17
- package/lib/es/steps/fillStep.js +1 -4
- package/lib/es/steps/fillSteps.js +5 -17
- package/lib/es/steps/index.js +6 -9
- package/lib/es/steps/navSteps.js +5 -17
- package/lib/es/steps/step.js +3 -4
- package/lib/es/switch/index.js +2 -3
- package/lib/es/table/Body/BaseRow.js +9 -14
- package/lib/es/table/Body/ExpandedRow.js +5 -8
- package/lib/es/table/Body/SectionRow.js +10 -18
- package/lib/es/table/Body/index.js +34 -56
- package/lib/es/table/ColGroup.js +1 -5
- package/lib/es/table/Column.js +1 -2
- package/lib/es/table/ColumnFilter.js +13 -30
- package/lib/es/table/ColumnSelection.js +3 -4
- package/lib/es/table/ColumnSorter.js +1 -2
- package/lib/es/table/HeadTable.js +4 -6
- package/lib/es/table/ResizableHeaderCell.js +6 -13
- package/lib/es/table/ResizableTable.js +18 -36
- package/lib/es/table/Table.js +56 -76
- package/lib/es/table/TableCell.js +8 -13
- package/lib/es/table/TableHeader.js +7 -18
- package/lib/es/table/TableHeaderRow.js +13 -21
- package/lib/es/table/TablePagination.js +1 -2
- package/lib/es/table/getColumns.js +3 -10
- package/lib/es/table/index.js +3 -4
- package/lib/es/table/utils.js +1 -7
- package/lib/es/tabs/TabBar.js +18 -36
- package/lib/es/tabs/TabPane.js +9 -18
- package/lib/es/tabs/TabPaneTransition.js +2 -3
- package/lib/es/tabs/index.js +22 -48
- package/lib/es/tabs/interface.d.ts +3 -2
- package/lib/es/tag/group.d.ts +1 -15
- package/lib/es/tag/group.js +18 -24
- package/lib/es/tag/index.d.ts +1 -1
- package/lib/es/tag/index.js +13 -24
- package/lib/es/tag/interface.d.ts +6 -3
- package/lib/es/tagInput/index.js +10 -21
- package/lib/es/timePicker/Combobox.js +14 -23
- package/lib/es/timePicker/TimeInput.js +6 -10
- package/lib/es/timePicker/TimePicker.js +16 -27
- package/lib/es/timePicker/index.js +1 -2
- package/lib/es/timeline/index.js +14 -32
- package/lib/es/timeline/item.js +2 -6
- package/lib/es/toast/ToastTransition.js +1 -2
- package/lib/es/toast/index.js +17 -37
- package/lib/es/toast/toast.js +4 -10
- package/lib/es/toast/useToast/HookToast.js +4 -8
- package/lib/es/toast/useToast/index.js +11 -18
- package/lib/es/tooltip/TooltipStyledTransition.js +1 -3
- package/lib/es/tooltip/TriangleArrow.js +4 -8
- package/lib/es/tooltip/TriangleArrowVertical.js +4 -8
- package/lib/es/tooltip/index.js +20 -31
- package/lib/es/transfer/index.js +24 -47
- package/lib/es/tree/autoSizer.js +2 -3
- package/lib/es/tree/collapse.js +2 -5
- package/lib/es/tree/index.js +41 -48
- package/lib/es/tree/nodeList.js +6 -17
- package/lib/es/tree/treeNode.js +15 -23
- package/lib/es/treeSelect/index.js +44 -62
- package/lib/es/trigger/index.js +4 -8
- package/lib/es/typography/base.js +19 -34
- package/lib/es/typography/copyable.js +2 -4
- package/lib/es/typography/paragraph.js +1 -2
- package/lib/es/typography/text.js +1 -2
- package/lib/es/typography/title.d.ts +1 -1
- package/lib/es/typography/title.js +5 -11
- package/lib/es/typography/typography.js +4 -8
- package/lib/es/typography/util.js +5 -15
- package/lib/es/upload/fileCard.js +3 -4
- package/lib/es/upload/index.js +11 -16
- package/package.json +7 -8
- package/popconfirm/_story/popconfirm.stories.js +1 -1
- package/popconfirm/index.tsx +6 -6
- package/radio/radio.tsx +2 -0
- package/tabs/_story/Demo.tsx +14 -5
- package/tabs/interface.ts +3 -2
- package/tag/_story/tag.stories.js +51 -1
- package/tag/group.tsx +14 -27
- package/tag/index.tsx +1 -1
- package/tag/interface.ts +9 -5
- package/tooltip/index.tsx +2 -1
- package/transfer/_story/transfer.stories.js +2 -2
- package/treeSelect/_story/treeSelect.stories.js +3 -0
|
@@ -1,27 +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/map"));
|
|
14
|
-
|
|
15
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
16
|
-
|
|
17
|
-
var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
|
|
18
|
-
|
|
19
|
-
var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/values"));
|
|
20
|
-
|
|
21
|
-
var _map2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
22
|
-
|
|
23
|
-
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
24
|
-
|
|
25
8
|
var _noop2 = _interopRequireDefault(require("lodash/noop"));
|
|
26
9
|
|
|
27
10
|
var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
|
|
@@ -54,6 +37,8 @@ var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs
|
|
|
54
37
|
|
|
55
38
|
require("@douyinfe/semi-foundation/lib/cjs/autoComplete/autoComplete.css");
|
|
56
39
|
|
|
40
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
41
|
+
|
|
57
42
|
/* eslint-disable @typescript-eslint/ban-types, max-len */
|
|
58
43
|
const prefixCls = _constants.cssClasses.PREFIX;
|
|
59
44
|
const sizeSet = _constants.strings.SIZE;
|
|
@@ -92,7 +77,7 @@ class AutoComplete extends _baseComponent.default {
|
|
|
92
77
|
// current focus option index
|
|
93
78
|
focusIndex: props.defaultActiveFirstOption ? 0 : -1,
|
|
94
79
|
// current selected options
|
|
95
|
-
selection: new
|
|
80
|
+
selection: new Map(),
|
|
96
81
|
rePosKey: initRePosKey
|
|
97
82
|
};
|
|
98
83
|
this.triggerRef = /*#__PURE__*/_react.default.createRef();
|
|
@@ -122,7 +107,7 @@ class AutoComplete extends _baseComponent.default {
|
|
|
122
107
|
});
|
|
123
108
|
}
|
|
124
109
|
};
|
|
125
|
-
return
|
|
110
|
+
return Object.assign(Object.assign(Object.assign({}, super.adapter), keyboardAdapter), {
|
|
126
111
|
getTriggerWidth: () => {
|
|
127
112
|
const el = this.triggerRef.current;
|
|
128
113
|
return el && el.getBoundingClientRect().width;
|
|
@@ -227,7 +212,7 @@ class AutoComplete extends _baseComponent.default {
|
|
|
227
212
|
selection
|
|
228
213
|
} = this.state;
|
|
229
214
|
const useCustomTrigger = typeof triggerRender === 'function';
|
|
230
|
-
const outerProps =
|
|
215
|
+
const outerProps = Object.assign(Object.assign({
|
|
231
216
|
style,
|
|
232
217
|
className: useCustomTrigger ? (0, _classnames.default)(className) : (0, _classnames.default)({
|
|
233
218
|
[prefixCls]: true,
|
|
@@ -262,13 +247,13 @@ class AutoComplete extends _baseComponent.default {
|
|
|
262
247
|
onBlur: this.onBlur,
|
|
263
248
|
onFocus: this.onFocus
|
|
264
249
|
};
|
|
265
|
-
return /*#__PURE__*/_react.default.createElement("div",
|
|
250
|
+
return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, outerProps), typeof triggerRender === 'function' ? /*#__PURE__*/_react.default.createElement(_trigger.default, Object.assign({}, innerProps, {
|
|
266
251
|
inputValue: typeof value !== 'undefined' ? value : inputValue,
|
|
267
|
-
value:
|
|
252
|
+
value: Array.from(selection.values()),
|
|
268
253
|
triggerRender: triggerRender,
|
|
269
254
|
componentName: "AutoComplete",
|
|
270
|
-
componentProps:
|
|
271
|
-
})) : /*#__PURE__*/_react.default.createElement(_input.default,
|
|
255
|
+
componentProps: Object.assign({}, this.props)
|
|
256
|
+
})) : /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({}, innerProps, {
|
|
272
257
|
value: typeof value !== 'undefined' ? value : inputValue
|
|
273
258
|
})));
|
|
274
259
|
}
|
|
@@ -285,7 +270,7 @@ class AutoComplete extends _baseComponent.default {
|
|
|
285
270
|
focusIndex
|
|
286
271
|
} = this.state;
|
|
287
272
|
const isFocused = optionIndex === focusIndex;
|
|
288
|
-
return /*#__PURE__*/_react.default.createElement(_option.default,
|
|
273
|
+
return /*#__PURE__*/_react.default.createElement(_option.default, Object.assign({
|
|
289
274
|
showTick: false,
|
|
290
275
|
onSelect: (v, e) => this.onSelect(v, optionIndex, e),
|
|
291
276
|
// selected={selection.has(option.label)}
|
|
@@ -315,12 +300,10 @@ class AutoComplete extends _baseComponent.default {
|
|
|
315
300
|
if (options.length === 0) {
|
|
316
301
|
optionsNode = emptyContent;
|
|
317
302
|
} else {
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
optionsNode = (0, _map2.default)(_context = (0, _filter.default)(options).call(options, option => option.show)).call(_context, (option, i) => this.renderOption(option, i));
|
|
303
|
+
optionsNode = options.filter(option => option.show).map((option, i) => this.renderOption(option, i));
|
|
321
304
|
}
|
|
322
305
|
|
|
323
|
-
const style =
|
|
306
|
+
const style = Object.assign({
|
|
324
307
|
maxHeight: maxHeight,
|
|
325
308
|
minWidth: dropdownMinWidth
|
|
326
309
|
}, dropdownStyle);
|
|
@@ -1,25 +1,10 @@
|
|
|
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 _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
12
4
|
value: true
|
|
13
5
|
});
|
|
14
|
-
|
|
15
6
|
exports.default = void 0;
|
|
16
7
|
|
|
17
|
-
var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
|
|
18
|
-
|
|
19
|
-
var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
|
|
20
|
-
|
|
21
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
22
|
-
|
|
23
8
|
var _isString2 = _interopRequireDefault(require("lodash/isString"));
|
|
24
9
|
|
|
25
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -36,17 +21,19 @@ var _semiIcons = require("@douyinfe/semi-icons");
|
|
|
36
21
|
|
|
37
22
|
var _index = require("../_utils/index");
|
|
38
23
|
|
|
39
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof
|
|
24
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
+
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
40
27
|
|
|
41
|
-
function
|
|
28
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
42
29
|
|
|
43
30
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
44
31
|
var t = {};
|
|
45
32
|
|
|
46
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
33
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
47
34
|
|
|
48
|
-
if (s != null && typeof
|
|
49
|
-
if (
|
|
35
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
36
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
50
37
|
}
|
|
51
38
|
return t;
|
|
52
39
|
};
|
|
@@ -68,7 +55,7 @@ class Option extends _react.PureComponent {
|
|
|
68
55
|
const isDisabled = props.disabled;
|
|
69
56
|
|
|
70
57
|
if (!isDisabled) {
|
|
71
|
-
props.onSelect(
|
|
58
|
+
props.onSelect(Object.assign(Object.assign({}, rest), {
|
|
72
59
|
value,
|
|
73
60
|
label: label || children
|
|
74
61
|
}), event);
|
|
@@ -136,7 +123,7 @@ class Option extends _react.PureComponent {
|
|
|
136
123
|
|
|
137
124
|
|
|
138
125
|
if (typeof renderOptionItem === 'function') {
|
|
139
|
-
return renderOptionItem(
|
|
126
|
+
return renderOptionItem(Object.assign({
|
|
140
127
|
disabled,
|
|
141
128
|
focused,
|
|
142
129
|
selected,
|
|
@@ -145,7 +132,7 @@ class Option extends _react.PureComponent {
|
|
|
145
132
|
value,
|
|
146
133
|
inputValue,
|
|
147
134
|
onMouseEnter: e => onMouseEnter(e),
|
|
148
|
-
onClick: e => this.onClick(
|
|
135
|
+
onClick: e => this.onClick(Object.assign({
|
|
149
136
|
value,
|
|
150
137
|
label,
|
|
151
138
|
children
|
|
@@ -166,7 +153,7 @@ class Option extends _react.PureComponent {
|
|
|
166
153
|
_react.default.createElement("div", {
|
|
167
154
|
className: optionClassName,
|
|
168
155
|
onClick: e => {
|
|
169
|
-
this.onClick(
|
|
156
|
+
this.onClick(Object.assign({
|
|
170
157
|
value,
|
|
171
158
|
label,
|
|
172
159
|
children
|
|
@@ -1,35 +1,10 @@
|
|
|
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 _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
12
4
|
value: true
|
|
13
5
|
});
|
|
14
|
-
|
|
15
6
|
exports.default = void 0;
|
|
16
7
|
|
|
17
|
-
var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
|
|
18
|
-
|
|
19
|
-
var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
|
|
20
|
-
|
|
21
|
-
var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
|
|
22
|
-
|
|
23
|
-
var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
|
|
24
|
-
|
|
25
|
-
var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
|
|
26
|
-
|
|
27
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
28
|
-
|
|
29
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
30
|
-
|
|
31
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
32
|
-
|
|
33
8
|
var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
|
|
34
9
|
|
|
35
10
|
var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
|
|
@@ -46,17 +21,19 @@ var _index = _interopRequireDefault(require("./index"));
|
|
|
46
21
|
|
|
47
22
|
var _constants = require("@douyinfe/semi-foundation/lib/cjs/avatar/constants");
|
|
48
23
|
|
|
49
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof
|
|
24
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
+
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
50
27
|
|
|
51
|
-
function
|
|
28
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
52
29
|
|
|
53
30
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
54
31
|
var t = {};
|
|
55
32
|
|
|
56
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
33
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
57
34
|
|
|
58
|
-
if (s != null && typeof
|
|
59
|
-
if (
|
|
35
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
36
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
60
37
|
}
|
|
61
38
|
return t;
|
|
62
39
|
};
|
|
@@ -73,7 +50,7 @@ class AvatarGroup extends _react.PureComponent {
|
|
|
73
50
|
} = this.props;
|
|
74
51
|
|
|
75
52
|
if (children) {
|
|
76
|
-
return
|
|
53
|
+
return Array.isArray(children) ? _react.default.Children.toArray(children) : [children];
|
|
77
54
|
}
|
|
78
55
|
|
|
79
56
|
return [];
|
|
@@ -85,8 +62,8 @@ class AvatarGroup extends _react.PureComponent {
|
|
|
85
62
|
} = this.props;
|
|
86
63
|
let renderAvatars = avatars;
|
|
87
64
|
const restNumber = avatars.length - maxCount;
|
|
88
|
-
const normalAvatars =
|
|
89
|
-
const restAvatars =
|
|
65
|
+
const normalAvatars = avatars.slice(0, maxCount);
|
|
66
|
+
const restAvatars = avatars.slice(maxCount);
|
|
90
67
|
|
|
91
68
|
if (restNumber > 0) {
|
|
92
69
|
const more = this.renderMoreAvatar(restNumber, restAvatars);
|
|
@@ -98,15 +75,11 @@ class AvatarGroup extends _react.PureComponent {
|
|
|
98
75
|
}
|
|
99
76
|
|
|
100
77
|
renderMoreAvatar(restNumber, restAvatars) {
|
|
101
|
-
var _context2;
|
|
102
|
-
|
|
103
78
|
const {
|
|
104
79
|
renderMore
|
|
105
80
|
} = this.props;
|
|
106
81
|
const moreCls = (0, _classnames.default)("".concat(prefixCls, "-item-more"));
|
|
107
|
-
const restAvatarAlt = restAvatars === null || restAvatars === void 0 ? void 0 :
|
|
108
|
-
var _context;
|
|
109
|
-
|
|
82
|
+
const restAvatarAlt = restAvatars === null || restAvatars === void 0 ? void 0 : restAvatars.reduce((pre, cur) => {
|
|
110
83
|
const {
|
|
111
84
|
children,
|
|
112
85
|
alt
|
|
@@ -117,9 +90,9 @@ class AvatarGroup extends _react.PureComponent {
|
|
|
117
90
|
return pre;
|
|
118
91
|
}
|
|
119
92
|
|
|
120
|
-
return pre.length > 0 ?
|
|
93
|
+
return pre.length > 0 ? "".concat(pre, ",").concat(avatarInfo) : avatarInfo;
|
|
121
94
|
}, '');
|
|
122
|
-
const finalAlt =
|
|
95
|
+
const finalAlt = " Number of remaining Avatars\uFF1A".concat(restNumber, ",").concat(restAvatarAlt);
|
|
123
96
|
|
|
124
97
|
let moreAvatar = /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
125
98
|
className: moreCls,
|
|
@@ -155,17 +128,13 @@ class AvatarGroup extends _react.PureComponent {
|
|
|
155
128
|
});
|
|
156
129
|
|
|
157
130
|
if (children) {
|
|
158
|
-
var _context3;
|
|
159
|
-
|
|
160
131
|
const avatars = this.getAllAvatars();
|
|
161
|
-
inner = (
|
|
162
|
-
var _context4, _context5;
|
|
163
|
-
|
|
132
|
+
inner = ((0, _isNumber2.default)(maxCount) ? this.getMergeAvatars(avatars) : avatars).map((itm, index) => {
|
|
164
133
|
const className = (0, _classnames.default)((0, _get2.default)(itm.props, 'className'), {
|
|
165
|
-
[
|
|
166
|
-
[
|
|
134
|
+
["".concat(prefixCls, "-item-start-").concat(index)]: overlapFrom === 'start',
|
|
135
|
+
["".concat(prefixCls, "-item-end-").concat(index)]: overlapFrom === 'end'
|
|
167
136
|
});
|
|
168
|
-
return /*#__PURE__*/_react.default.cloneElement(itm,
|
|
137
|
+
return /*#__PURE__*/_react.default.cloneElement(itm, Object.assign(Object.assign({}, rest), {
|
|
169
138
|
className,
|
|
170
139
|
size,
|
|
171
140
|
shape,
|
|
@@ -20,6 +20,7 @@ export default class Avatar extends BaseComponent<AvatarProps, AvatarState> {
|
|
|
20
20
|
onMouseEnter: typeof noop;
|
|
21
21
|
onMouseLeave: typeof noop;
|
|
22
22
|
};
|
|
23
|
+
static elementType: string;
|
|
23
24
|
static propTypes: {
|
|
24
25
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
25
26
|
color: PropTypes.Requireable<string>;
|
package/lib/cjs/avatar/index.js
CHANGED
|
@@ -1,32 +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
|
-
var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
|
|
27
|
-
|
|
28
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
29
|
-
|
|
30
9
|
var _react = _interopRequireDefault(require("react"));
|
|
31
10
|
|
|
32
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -47,12 +26,11 @@ var _a11y = require("@douyinfe/semi-foundation/lib/cjs/utils/a11y");
|
|
|
47
26
|
|
|
48
27
|
var _interface = require("./interface");
|
|
49
28
|
|
|
50
|
-
|
|
29
|
+
Object.keys(_interface).forEach(function (key) {
|
|
51
30
|
if (key === "default" || key === "__esModule") return;
|
|
52
31
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
53
32
|
if (key in exports && exports[key] === _interface[key]) return;
|
|
54
|
-
|
|
55
|
-
_Object$defineProperty(exports, key, {
|
|
33
|
+
Object.defineProperty(exports, key, {
|
|
56
34
|
enumerable: true,
|
|
57
35
|
get: function () {
|
|
58
36
|
return _interface[key];
|
|
@@ -60,13 +38,15 @@ _forEachInstanceProperty(_context9 = _Object$keys(_interface)).call(_context9, f
|
|
|
60
38
|
});
|
|
61
39
|
});
|
|
62
40
|
|
|
41
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
42
|
+
|
|
63
43
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
64
44
|
var t = {};
|
|
65
45
|
|
|
66
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
46
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
67
47
|
|
|
68
|
-
if (s != null && typeof
|
|
69
|
-
if (
|
|
48
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
49
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
70
50
|
}
|
|
71
51
|
return t;
|
|
72
52
|
};
|
|
@@ -78,8 +58,6 @@ const prefixCls = _constants.cssClasses.PREFIX;
|
|
|
78
58
|
|
|
79
59
|
class Avatar extends _baseComponent.default {
|
|
80
60
|
constructor(props) {
|
|
81
|
-
var _context, _context2, _context3, _context4, _context5;
|
|
82
|
-
|
|
83
61
|
super(props);
|
|
84
62
|
|
|
85
63
|
this.handleFocusVisible = event => {
|
|
@@ -114,7 +92,7 @@ class Avatar extends _baseComponent.default {
|
|
|
114
92
|
|
|
115
93
|
if (isImg) {
|
|
116
94
|
const finalAlt = clickable ? "clickable Avatar: ".concat(alt) : alt;
|
|
117
|
-
const imgBasicProps =
|
|
95
|
+
const imgBasicProps = Object.assign(Object.assign({
|
|
118
96
|
src,
|
|
119
97
|
srcSet,
|
|
120
98
|
onError: this.handleError
|
|
@@ -123,8 +101,8 @@ class Avatar extends _baseComponent.default {
|
|
|
123
101
|
["".concat(prefixCls, "-no-focus-visible")]: clickable
|
|
124
102
|
})
|
|
125
103
|
});
|
|
126
|
-
const imgProps = clickable ?
|
|
127
|
-
content = /*#__PURE__*/_react.default.createElement("img",
|
|
104
|
+
const imgProps = clickable ? Object.assign(Object.assign({}, imgBasicProps), a11yFocusProps) : imgBasicProps;
|
|
105
|
+
content = /*#__PURE__*/_react.default.createElement("img", Object.assign({
|
|
128
106
|
alt: finalAlt
|
|
129
107
|
}, imgProps));
|
|
130
108
|
} else if (typeof children === 'string') {
|
|
@@ -137,10 +115,10 @@ class Avatar extends _baseComponent.default {
|
|
|
137
115
|
["".concat(prefixCls, "-no-focus-visible")]: clickable
|
|
138
116
|
})
|
|
139
117
|
};
|
|
140
|
-
const finalProps = clickable ?
|
|
118
|
+
const finalProps = clickable ? Object.assign(Object.assign({}, props), a11yFocusProps) : props;
|
|
141
119
|
content = /*#__PURE__*/_react.default.createElement("span", {
|
|
142
120
|
className: "".concat(prefixCls, "-content")
|
|
143
|
-
}, /*#__PURE__*/_react.default.createElement("span",
|
|
121
|
+
}, /*#__PURE__*/_react.default.createElement("span", Object.assign({}, finalProps, {
|
|
144
122
|
"x-semi-prop": "children"
|
|
145
123
|
}), children));
|
|
146
124
|
}
|
|
@@ -153,15 +131,15 @@ class Avatar extends _baseComponent.default {
|
|
|
153
131
|
hoverContent: '',
|
|
154
132
|
focusVisible: false
|
|
155
133
|
};
|
|
156
|
-
this.onEnter =
|
|
157
|
-
this.onLeave =
|
|
158
|
-
this.handleError =
|
|
159
|
-
this.handleKeyDown =
|
|
160
|
-
this.getContent =
|
|
134
|
+
this.onEnter = this.onEnter.bind(this);
|
|
135
|
+
this.onLeave = this.onLeave.bind(this);
|
|
136
|
+
this.handleError = this.handleError.bind(this);
|
|
137
|
+
this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
138
|
+
this.getContent = this.getContent.bind(this);
|
|
161
139
|
}
|
|
162
140
|
|
|
163
141
|
get adapter() {
|
|
164
|
-
return
|
|
142
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
165
143
|
notifyImgState: isImgExist => {
|
|
166
144
|
this.setState({
|
|
167
145
|
isImgExist
|
|
@@ -266,8 +244,6 @@ class Avatar extends _baseComponent.default {
|
|
|
266
244
|
}
|
|
267
245
|
|
|
268
246
|
render() {
|
|
269
|
-
var _context6, _context7, _context8;
|
|
270
|
-
|
|
271
247
|
// eslint-disable-next-line max-len, no-unused-vars
|
|
272
248
|
const _a = this.props,
|
|
273
249
|
{
|
|
@@ -293,9 +269,9 @@ class Avatar extends _baseComponent.default {
|
|
|
293
269
|
} = this.state;
|
|
294
270
|
const isImg = src && isImgExist;
|
|
295
271
|
const avatarCls = (0, _classnames.default)(prefixCls, {
|
|
296
|
-
[
|
|
297
|
-
[
|
|
298
|
-
[
|
|
272
|
+
["".concat(prefixCls, "-").concat(shape)]: shape,
|
|
273
|
+
["".concat(prefixCls, "-").concat(size)]: size,
|
|
274
|
+
["".concat(prefixCls, "-").concat(color)]: color && !isImg,
|
|
299
275
|
["".concat(prefixCls, "-img")]: isImg,
|
|
300
276
|
["".concat(prefixCls, "-focus")]: focusVisible
|
|
301
277
|
}, className);
|
|
@@ -303,7 +279,7 @@ class Avatar extends _baseComponent.default {
|
|
|
303
279
|
className: "".concat(prefixCls, "-hover"),
|
|
304
280
|
"x-semi-prop": "hoverContent"
|
|
305
281
|
}, hoverContent) : null;
|
|
306
|
-
return /*#__PURE__*/_react.default.createElement("span",
|
|
282
|
+
return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, others, {
|
|
307
283
|
style: style,
|
|
308
284
|
className: avatarCls,
|
|
309
285
|
onClick: onClick,
|
|
@@ -340,4 +316,5 @@ Avatar.propTypes = {
|
|
|
340
316
|
onClick: _propTypes.default.func,
|
|
341
317
|
onMouseEnter: _propTypes.default.func,
|
|
342
318
|
onMouseLeave: _propTypes.default.func
|
|
343
|
-
};
|
|
319
|
+
};
|
|
320
|
+
Avatar.elementType = 'Avatar';
|
package/lib/cjs/backtop/index.js
CHANGED
|
@@ -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 _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
|
|
14
|
-
|
|
15
|
-
var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
|
|
16
|
-
|
|
17
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
18
|
-
|
|
19
8
|
var _react = _interopRequireDefault(require("react"));
|
|
20
9
|
|
|
21
10
|
var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
|
|
@@ -34,13 +23,15 @@ var _iconButton = _interopRequireDefault(require("../iconButton"));
|
|
|
34
23
|
|
|
35
24
|
var _semiIcons = require("@douyinfe/semi-icons");
|
|
36
25
|
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
+
|
|
37
28
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
38
29
|
var t = {};
|
|
39
30
|
|
|
40
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
31
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
41
32
|
|
|
42
|
-
if (s != null && typeof
|
|
43
|
-
if (
|
|
33
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
34
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
44
35
|
}
|
|
45
36
|
return t;
|
|
46
37
|
};
|
|
@@ -67,7 +58,7 @@ class BackTop extends _baseComponent.default {
|
|
|
67
58
|
}
|
|
68
59
|
|
|
69
60
|
get adapter() {
|
|
70
|
-
return
|
|
61
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
71
62
|
updateVisible: visible => {
|
|
72
63
|
this.setState({
|
|
73
64
|
visible
|
|
@@ -118,7 +109,7 @@ class BackTop extends _baseComponent.default {
|
|
|
118
109
|
} = this.state;
|
|
119
110
|
const preCls = (0, _classnames.default)(prefixCls, className);
|
|
120
111
|
const backtopBtn = children ? children : this.renderDefault();
|
|
121
|
-
const content = visible ? /*#__PURE__*/_react.default.createElement("div",
|
|
112
|
+
const content = visible ? /*#__PURE__*/_react.default.createElement("div", Object.assign({}, others, {
|
|
122
113
|
className: preCls,
|
|
123
114
|
style: style,
|
|
124
115
|
onClick: e => this.handleClick(e),
|