@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,23 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = void 0;
|
|
12
7
|
|
|
13
|
-
var _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
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
20
|
-
|
|
21
8
|
var _noop2 = _interopRequireDefault(require("lodash/noop"));
|
|
22
9
|
|
|
23
10
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -32,13 +19,15 @@ var _iconButton = _interopRequireDefault(require("../iconButton"));
|
|
|
32
19
|
|
|
33
20
|
var _semiIcons = require("@douyinfe/semi-icons");
|
|
34
21
|
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
|
|
35
24
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
36
25
|
var t = {};
|
|
37
26
|
|
|
38
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
39
28
|
|
|
40
|
-
if (s != null && typeof
|
|
41
|
-
if (
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
30
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
42
31
|
}
|
|
43
32
|
return t;
|
|
44
33
|
};
|
|
@@ -123,13 +112,11 @@ class SideSheetContent extends _react.default.PureComponent {
|
|
|
123
112
|
className: "".concat(prefixCls, "-header"),
|
|
124
113
|
role: 'heading',
|
|
125
114
|
"aria-level": 1,
|
|
126
|
-
style:
|
|
115
|
+
style: Object.assign({}, headerStyle)
|
|
127
116
|
}, header, closer);
|
|
128
117
|
}
|
|
129
118
|
|
|
130
119
|
getDialogElement() {
|
|
131
|
-
var _context;
|
|
132
|
-
|
|
133
120
|
const props = __rest(this.props, []);
|
|
134
121
|
|
|
135
122
|
const style = {};
|
|
@@ -152,9 +139,9 @@ class SideSheetContent extends _react.default.PureComponent {
|
|
|
152
139
|
key: "dialog-element",
|
|
153
140
|
role: "dialog",
|
|
154
141
|
tabIndex: -1,
|
|
155
|
-
className:
|
|
142
|
+
className: "".concat(prefixCls, "-inner ").concat(prefixCls, "-inner-wrap"),
|
|
156
143
|
// onMouseDown={this.onDialogMouseDown}
|
|
157
|
-
style:
|
|
144
|
+
style: Object.assign(Object.assign({}, props.style), style)
|
|
158
145
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
159
146
|
className: "".concat(prefixCls, "-content")
|
|
160
147
|
}, header, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -1,21 +1,16 @@
|
|
|
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 _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
14
|
-
|
|
15
8
|
var _semiAnimationReact = require("@douyinfe/semi-animation-react");
|
|
16
9
|
|
|
17
10
|
var _react = _interopRequireDefault(require("react"));
|
|
18
11
|
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
19
14
|
// @ts-ignore Currently there is no types definition for semi-animation-react;
|
|
20
15
|
// eslint-disable-next-line max-len
|
|
21
16
|
const formatStyles = function formatStyles() {
|
|
@@ -84,7 +79,7 @@ class SideSheetTransition extends _react.default.PureComponent {
|
|
|
84
79
|
};
|
|
85
80
|
}
|
|
86
81
|
|
|
87
|
-
return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition,
|
|
82
|
+
return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition, Object.assign({
|
|
88
83
|
config: {
|
|
89
84
|
tension: 170,
|
|
90
85
|
friction: 14,
|
|
@@ -1,23 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = void 0;
|
|
12
7
|
|
|
13
|
-
var _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
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
20
|
-
|
|
21
8
|
var _noop2 = _interopRequireDefault(require("lodash/noop"));
|
|
22
9
|
|
|
23
10
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -30,7 +17,7 @@ var _portal = _interopRequireDefault(require("../_portal"));
|
|
|
30
17
|
|
|
31
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
32
19
|
|
|
33
|
-
var
|
|
20
|
+
var _context = _interopRequireDefault(require("../configProvider/context"));
|
|
34
21
|
|
|
35
22
|
var _constants = require("@douyinfe/semi-foundation/lib/cjs/sideSheet/constants");
|
|
36
23
|
|
|
@@ -42,13 +29,15 @@ var _sideSheetFoundation = _interopRequireDefault(require("@douyinfe/semi-founda
|
|
|
42
29
|
|
|
43
30
|
require("@douyinfe/semi-foundation/lib/cjs/sideSheet/sideSheet.css");
|
|
44
31
|
|
|
32
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
33
|
+
|
|
45
34
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
46
35
|
var t = {};
|
|
47
36
|
|
|
48
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
37
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
49
38
|
|
|
50
|
-
if (s != null && typeof
|
|
51
|
-
if (
|
|
39
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
40
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
52
41
|
}
|
|
53
42
|
return t;
|
|
54
43
|
};
|
|
@@ -79,7 +68,7 @@ class SideSheet extends _baseComponent.default {
|
|
|
79
68
|
}
|
|
80
69
|
|
|
81
70
|
get adapter() {
|
|
82
|
-
return
|
|
71
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
83
72
|
disabledBodyScroll: () => {
|
|
84
73
|
const {
|
|
85
74
|
getPopupContainer
|
|
@@ -164,8 +153,6 @@ class SideSheet extends _baseComponent.default {
|
|
|
164
153
|
}
|
|
165
154
|
|
|
166
155
|
renderContent() {
|
|
167
|
-
var _context;
|
|
168
|
-
|
|
169
156
|
const _a = this.props,
|
|
170
157
|
{
|
|
171
158
|
placement,
|
|
@@ -192,13 +179,13 @@ class SideSheet extends _baseComponent.default {
|
|
|
192
179
|
const sheetWidth = isVertical ? width ? width : defaultWidthList[size] : '100%';
|
|
193
180
|
const sheetHeight = isHorizontal ? height ? height : defaultHeight : '100%';
|
|
194
181
|
const classList = (0, _classnames.default)(prefixCls, className, {
|
|
195
|
-
[
|
|
182
|
+
["".concat(prefixCls, "-").concat(placement)]: placement,
|
|
196
183
|
["".concat(prefixCls, "-popup")]: getPopupContainer,
|
|
197
184
|
["".concat(prefixCls, "-horizontal")]: isHorizontal,
|
|
198
185
|
["".concat(prefixCls, "-rtl")]: direction === 'rtl',
|
|
199
186
|
["".concat(prefixCls, "-hidden")]: keepDOM && this.state.hidden
|
|
200
187
|
});
|
|
201
|
-
const contentProps =
|
|
188
|
+
const contentProps = Object.assign(Object.assign({}, props), {
|
|
202
189
|
visible,
|
|
203
190
|
motion: false,
|
|
204
191
|
className: classList,
|
|
@@ -216,16 +203,16 @@ class SideSheet extends _baseComponent.default {
|
|
|
216
203
|
motion: mergedMotion,
|
|
217
204
|
controlled: keepDOM,
|
|
218
205
|
visible: visible
|
|
219
|
-
}, shouldRender ? transitionStyles => /*#__PURE__*/_react.default.createElement(_SideSheetContent.default,
|
|
220
|
-
style:
|
|
221
|
-
maskStyle:
|
|
206
|
+
}, shouldRender ? transitionStyles => /*#__PURE__*/_react.default.createElement(_SideSheetContent.default, Object.assign({}, contentProps, {
|
|
207
|
+
style: Object.assign(Object.assign({}, transitionStyles), style),
|
|
208
|
+
maskStyle: Object.assign({
|
|
222
209
|
opacity: transitionStyles.opacity
|
|
223
210
|
}, maskStyle)
|
|
224
211
|
}), children) : null);
|
|
225
212
|
}
|
|
226
213
|
|
|
227
214
|
if (shouldRender) {
|
|
228
|
-
return /*#__PURE__*/_react.default.createElement(_SideSheetContent.default,
|
|
215
|
+
return /*#__PURE__*/_react.default.createElement(_SideSheetContent.default, Object.assign({}, contentProps, {
|
|
229
216
|
style: style,
|
|
230
217
|
maskStyle: maskStyle
|
|
231
218
|
}), children);
|
|
@@ -259,7 +246,7 @@ class SideSheet extends _baseComponent.default {
|
|
|
259
246
|
}
|
|
260
247
|
|
|
261
248
|
exports.default = SideSheet;
|
|
262
|
-
SideSheet.contextType =
|
|
249
|
+
SideSheet.contextType = _context.default;
|
|
263
250
|
SideSheet.propTypes = {
|
|
264
251
|
bodyStyle: _propTypes.default.object,
|
|
265
252
|
headerStyle: _propTypes.default.object,
|
|
@@ -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 _react = _interopRequireWildcard(require("react"));
|
|
24
9
|
|
|
25
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -32,17 +17,19 @@ require("@douyinfe/semi-foundation/lib/cjs/skeleton/skeleton.css");
|
|
|
32
17
|
|
|
33
18
|
var _item = require("./item");
|
|
34
19
|
|
|
35
|
-
function
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
+
|
|
22
|
+
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); }
|
|
36
23
|
|
|
37
|
-
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 =
|
|
24
|
+
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; }
|
|
38
25
|
|
|
39
26
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
40
27
|
var t = {};
|
|
41
28
|
|
|
42
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
29
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
43
30
|
|
|
44
|
-
if (s != null && typeof
|
|
45
|
-
if (
|
|
31
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
32
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
46
33
|
}
|
|
47
34
|
return t;
|
|
48
35
|
};
|
|
@@ -68,7 +55,7 @@ class Skeleton extends _react.PureComponent {
|
|
|
68
55
|
let content;
|
|
69
56
|
|
|
70
57
|
if (loading) {
|
|
71
|
-
content = /*#__PURE__*/_react.default.createElement("div",
|
|
58
|
+
content = /*#__PURE__*/_react.default.createElement("div", Object.assign({
|
|
72
59
|
className: skCls,
|
|
73
60
|
style: style
|
|
74
61
|
}, others, {
|
package/lib/cjs/skeleton/item.js
CHANGED
|
@@ -1,29 +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.Title = exports.Paragraph = exports.Image = exports.Button = exports.Avatar = 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
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
24
|
-
|
|
25
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
26
|
-
|
|
27
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
28
9
|
|
|
29
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -36,31 +17,31 @@ var _constants2 = require("@douyinfe/semi-foundation/lib/cjs/avatar/constants");
|
|
|
36
17
|
|
|
37
18
|
require("@douyinfe/semi-foundation/lib/cjs/skeleton/skeleton.css");
|
|
38
19
|
|
|
39
|
-
function
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
40
21
|
|
|
41
|
-
function
|
|
22
|
+
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); }
|
|
23
|
+
|
|
24
|
+
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; }
|
|
42
25
|
|
|
43
26
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
44
27
|
var t = {};
|
|
45
28
|
|
|
46
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
29
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
47
30
|
|
|
48
|
-
if (s != null && typeof
|
|
49
|
-
if (
|
|
31
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
32
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
50
33
|
}
|
|
51
34
|
return t;
|
|
52
35
|
};
|
|
53
36
|
|
|
54
37
|
const sizeSet = _constants2.strings.SIZE;
|
|
55
38
|
|
|
56
|
-
const generator = type => BasicComponent => props => /*#__PURE__*/_react.default.createElement(BasicComponent,
|
|
39
|
+
const generator = type => BasicComponent => props => /*#__PURE__*/_react.default.createElement(BasicComponent, Object.assign({
|
|
57
40
|
type: type
|
|
58
41
|
}, props));
|
|
59
42
|
|
|
60
43
|
class Generic extends _react.PureComponent {
|
|
61
44
|
render() {
|
|
62
|
-
var _context, _context2, _context3;
|
|
63
|
-
|
|
64
45
|
const _a = this.props,
|
|
65
46
|
{
|
|
66
47
|
prefixCls,
|
|
@@ -70,10 +51,10 @@ class Generic extends _react.PureComponent {
|
|
|
70
51
|
} = _a,
|
|
71
52
|
others = __rest(_a, ["prefixCls", "className", "type", "size"]);
|
|
72
53
|
|
|
73
|
-
const classString = (0, _classnames.default)(className,
|
|
74
|
-
[
|
|
54
|
+
const classString = (0, _classnames.default)(className, "".concat(prefixCls, "-").concat(type), {
|
|
55
|
+
["".concat(prefixCls, "-").concat(type, "-").concat(size)]: type.toUpperCase() === 'AVATAR'
|
|
75
56
|
});
|
|
76
|
-
return /*#__PURE__*/_react.default.createElement('div',
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement('div', Object.assign({
|
|
77
58
|
className: classString
|
|
78
59
|
}, others));
|
|
79
60
|
}
|
|
@@ -102,8 +83,6 @@ exports.Button = Button;
|
|
|
102
83
|
|
|
103
84
|
class Paragraph extends _react.PureComponent {
|
|
104
85
|
render() {
|
|
105
|
-
var _context4;
|
|
106
|
-
|
|
107
86
|
const {
|
|
108
87
|
prefixCls,
|
|
109
88
|
className,
|
|
@@ -114,7 +93,7 @@ class Paragraph extends _react.PureComponent {
|
|
|
114
93
|
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
115
94
|
className: classString,
|
|
116
95
|
style: style
|
|
117
|
-
},
|
|
96
|
+
}, [...Array(rows)].map((e, i) => /*#__PURE__*/_react.default.createElement("li", {
|
|
118
97
|
key: i
|
|
119
98
|
})));
|
|
120
99
|
}
|
package/lib/cjs/slider/index.js
CHANGED
|
@@ -1,31 +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 _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
14
|
-
|
|
15
|
-
var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
|
|
16
|
-
|
|
17
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
18
|
-
|
|
19
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
20
|
-
|
|
21
|
-
var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
|
|
22
|
-
|
|
23
|
-
var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
|
|
24
|
-
|
|
25
|
-
var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
|
|
26
|
-
|
|
27
|
-
var _promise = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/promise"));
|
|
28
|
-
|
|
29
8
|
var _noop2 = _interopRequireDefault(require("lodash/noop"));
|
|
30
9
|
|
|
31
10
|
var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
|
|
@@ -48,6 +27,8 @@ var _index = _interopRequireDefault(require("../tooltip/index"));
|
|
|
48
27
|
|
|
49
28
|
require("@douyinfe/semi-foundation/lib/cjs/slider/slider.css");
|
|
50
29
|
|
|
30
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
|
+
|
|
51
32
|
/* eslint-disable max-lines-per-function */
|
|
52
33
|
|
|
53
34
|
/* eslint-disable react/no-find-dom-node */
|
|
@@ -112,7 +93,7 @@ class Slider extends _baseComponent.default {
|
|
|
112
93
|
'aria-labelledby': ariaLabelledby,
|
|
113
94
|
'aria-disabled': disabled
|
|
114
95
|
};
|
|
115
|
-
vertical &&
|
|
96
|
+
vertical && Object.assign(commonAria, {
|
|
116
97
|
'aria-orientation': 'vertical'
|
|
117
98
|
});
|
|
118
99
|
const handleContents = !range ? /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
@@ -122,7 +103,7 @@ class Slider extends _baseComponent.default {
|
|
|
122
103
|
rePosKey: minPercent,
|
|
123
104
|
visible: isInRenderTree && (tipVisible.min || firstDotFocusVisible),
|
|
124
105
|
className: "".concat(_constants.cssClasses.HANDLE, "-tooltip")
|
|
125
|
-
}, /*#__PURE__*/_react.default.createElement("span",
|
|
106
|
+
}, /*#__PURE__*/_react.default.createElement("span", Object.assign({
|
|
126
107
|
onMouseOver: this.foundation.checkAndUpdateIsInRenderTreeState,
|
|
127
108
|
ref: this.minHanleEl,
|
|
128
109
|
className: minClass,
|
|
@@ -175,7 +156,7 @@ class Slider extends _baseComponent.default {
|
|
|
175
156
|
rePosKey: minPercent,
|
|
176
157
|
visible: isInRenderTree && (tipVisible.min || firstDotFocusVisible),
|
|
177
158
|
className: "".concat(_constants.cssClasses.HANDLE, "-tooltip")
|
|
178
|
-
}, /*#__PURE__*/_react.default.createElement("span",
|
|
159
|
+
}, /*#__PURE__*/_react.default.createElement("span", Object.assign({
|
|
179
160
|
ref: this.minHanleEl,
|
|
180
161
|
className: minClass,
|
|
181
162
|
style: {
|
|
@@ -227,7 +208,7 @@ class Slider extends _baseComponent.default {
|
|
|
227
208
|
rePosKey: maxPercent,
|
|
228
209
|
visible: isInRenderTree && (tipVisible.max || secondDotFocusVisible),
|
|
229
210
|
className: "".concat(_constants.cssClasses.HANDLE, "-tooltip")
|
|
230
|
-
}, /*#__PURE__*/_react.default.createElement("span",
|
|
211
|
+
}, /*#__PURE__*/_react.default.createElement("span", Object.assign({
|
|
231
212
|
ref: this.maxHanleEl,
|
|
232
213
|
className: maxClass,
|
|
233
214
|
style: {
|
|
@@ -305,8 +286,6 @@ class Slider extends _baseComponent.default {
|
|
|
305
286
|
};
|
|
306
287
|
|
|
307
288
|
this.renderStepDot = () => {
|
|
308
|
-
var _context;
|
|
309
|
-
|
|
310
289
|
const {
|
|
311
290
|
min,
|
|
312
291
|
max,
|
|
@@ -314,9 +293,9 @@ class Slider extends _baseComponent.default {
|
|
|
314
293
|
marks
|
|
315
294
|
} = this.props;
|
|
316
295
|
const stylePos = vertical ? 'top' : 'left';
|
|
317
|
-
const labelContent = marks &&
|
|
296
|
+
const labelContent = marks && Object.keys(marks).length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
318
297
|
className: _constants.cssClasses.DOTS
|
|
319
|
-
},
|
|
298
|
+
}, Object.keys(marks).map(mark => {
|
|
320
299
|
const activeResult = this.foundation.isMarkActive(Number(mark));
|
|
321
300
|
const markClass = (0, _classnames.default)("".concat(prefixCls, "-dot"), {
|
|
322
301
|
["".concat(prefixCls, "-dot-active")]: this.foundation.isMarkActive(Number(mark)) === 'active'
|
|
@@ -338,8 +317,6 @@ class Slider extends _baseComponent.default {
|
|
|
338
317
|
};
|
|
339
318
|
|
|
340
319
|
this.renderLabel = () => {
|
|
341
|
-
var _context2;
|
|
342
|
-
|
|
343
320
|
const {
|
|
344
321
|
min,
|
|
345
322
|
max,
|
|
@@ -348,11 +325,9 @@ class Slider extends _baseComponent.default {
|
|
|
348
325
|
verticalReverse
|
|
349
326
|
} = this.props;
|
|
350
327
|
const stylePos = vertical ? 'top' : 'left';
|
|
351
|
-
const labelContent = marks &&
|
|
328
|
+
const labelContent = marks && Object.keys(marks).length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
352
329
|
className: _constants.cssClasses.MARKS + (vertical && verticalReverse ? '-reverse' : '')
|
|
353
|
-
},
|
|
354
|
-
var _context3;
|
|
355
|
-
|
|
330
|
+
}, Object.keys(marks).map(mark => {
|
|
356
331
|
const activeResult = this.foundation.isMarkActive(Number(mark));
|
|
357
332
|
const markPercent = (Number(mark) - min) / (max - min);
|
|
358
333
|
return activeResult ?
|
|
@@ -360,7 +335,7 @@ class Slider extends _baseComponent.default {
|
|
|
360
335
|
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
361
336
|
_react.default.createElement("span", {
|
|
362
337
|
key: mark,
|
|
363
|
-
className: (0, _classnames.default)(
|
|
338
|
+
className: (0, _classnames.default)("".concat(prefixCls, "-mark").concat(vertical && verticalReverse ? '-reverse' : '')),
|
|
364
339
|
style: {
|
|
365
340
|
[stylePos]: "".concat(markPercent * 100, "%")
|
|
366
341
|
},
|
|
@@ -406,13 +381,13 @@ class Slider extends _baseComponent.default {
|
|
|
406
381
|
this.maxHanleEl = /*#__PURE__*/_react.default.createRef();
|
|
407
382
|
this.dragging = [false, false];
|
|
408
383
|
this.foundation = new _foundation.default(this.adapter);
|
|
409
|
-
this.eventListenerSet = new
|
|
384
|
+
this.eventListenerSet = new Set();
|
|
410
385
|
}
|
|
411
386
|
|
|
412
387
|
get adapter() {
|
|
413
388
|
var _this = this;
|
|
414
389
|
|
|
415
|
-
return
|
|
390
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
416
391
|
getSliderLengths: () => {
|
|
417
392
|
if (this.sliderEl && this.sliderEl.current) {
|
|
418
393
|
const rect = this.sliderEl.current.getBoundingClientRect();
|
|
@@ -454,7 +429,7 @@ class Slider extends _baseComponent.default {
|
|
|
454
429
|
isEventFromHandle: e => {
|
|
455
430
|
const handles = [this.minHanleEl, this.maxHanleEl];
|
|
456
431
|
let flag = false;
|
|
457
|
-
|
|
432
|
+
handles.forEach(handle => {
|
|
458
433
|
if (!handle) {
|
|
459
434
|
return;
|
|
460
435
|
}
|
|
@@ -595,9 +570,7 @@ class Slider extends _baseComponent.default {
|
|
|
595
570
|
this.props.onAfterChange(value);
|
|
596
571
|
},
|
|
597
572
|
unSubscribeEventListener: () => {
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
(0, _forEach.default)(_context4 = (0, _from.default)(this.eventListenerSet)).call(_context4, clear => clear());
|
|
573
|
+
Array.from(this.eventListenerSet).forEach(clear => clear());
|
|
601
574
|
}
|
|
602
575
|
});
|
|
603
576
|
}
|
|
@@ -626,8 +599,6 @@ class Slider extends _baseComponent.default {
|
|
|
626
599
|
}
|
|
627
600
|
|
|
628
601
|
render() {
|
|
629
|
-
var _context5;
|
|
630
|
-
|
|
631
602
|
const {
|
|
632
603
|
disabled,
|
|
633
604
|
currentValue,
|
|
@@ -654,7 +625,7 @@ class Slider extends _baseComponent.default {
|
|
|
654
625
|
["".concat(prefixCls)]: !vertical,
|
|
655
626
|
[_constants.cssClasses.VERTICAL]: vertical
|
|
656
627
|
});
|
|
657
|
-
const ariaLabel = range ?
|
|
628
|
+
const ariaLabel = range ? "Range: ".concat(this._getAriaValueText(currentValue[0], 0), " to ").concat(this._getAriaValueText(currentValue[1], 1)) : undefined;
|
|
658
629
|
|
|
659
630
|
const slider = /*#__PURE__*/_react.default.createElement("div", {
|
|
660
631
|
className: wrapperClass,
|
|
@@ -694,8 +665,7 @@ class Slider extends _baseComponent.default {
|
|
|
694
665
|
|
|
695
666
|
const clearSelf = () => {
|
|
696
667
|
target === null || target === void 0 ? void 0 : target.removeEventListener(eventName, callback);
|
|
697
|
-
|
|
698
|
-
_promise.default.resolve().then(() => {
|
|
668
|
+
Promise.resolve().then(() => {
|
|
699
669
|
this.eventListenerSet.delete(clearSelf);
|
|
700
670
|
});
|
|
701
671
|
};
|
package/lib/cjs/space/index.js
CHANGED
|
@@ -1,23 +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 _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
18
|
-
|
|
19
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
20
|
-
|
|
21
8
|
var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
|
|
22
9
|
|
|
23
10
|
var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
|
|
@@ -36,16 +23,16 @@ require("@douyinfe/semi-foundation/lib/cjs/space/space.css");
|
|
|
36
23
|
|
|
37
24
|
var _utils = require("./utils");
|
|
38
25
|
|
|
39
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof
|
|
26
|
+
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); }
|
|
40
27
|
|
|
41
|
-
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 =
|
|
28
|
+
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; }
|
|
29
|
+
|
|
30
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
42
31
|
|
|
43
32
|
const prefixCls = _constants.cssClasses.PREFIX;
|
|
44
33
|
|
|
45
34
|
class Space extends _react.PureComponent {
|
|
46
35
|
render() {
|
|
47
|
-
var _context;
|
|
48
|
-
|
|
49
36
|
const {
|
|
50
37
|
children = null,
|
|
51
38
|
style,
|
|
@@ -56,7 +43,7 @@ class Space extends _react.PureComponent {
|
|
|
56
43
|
vertical
|
|
57
44
|
} = this.props;
|
|
58
45
|
const isWrap = wrap && vertical ? false : wrap;
|
|
59
|
-
const realStyle =
|
|
46
|
+
const realStyle = Object.assign({}, style);
|
|
60
47
|
let spacingHorizontalType = '';
|
|
61
48
|
let spacingVerticalType = '';
|
|
62
49
|
|
|
@@ -81,7 +68,7 @@ class Space extends _react.PureComponent {
|
|
|
81
68
|
}
|
|
82
69
|
|
|
83
70
|
const classNames = (0, _classnames.default)(prefixCls, className, {
|
|
84
|
-
[
|
|
71
|
+
["".concat(prefixCls, "-align-").concat(align)]: align,
|
|
85
72
|
["".concat(prefixCls, "-vertical")]: vertical,
|
|
86
73
|
["".concat(prefixCls, "-horizontal")]: !vertical,
|
|
87
74
|
["".concat(prefixCls, "-wrap")]: isWrap,
|