@douyinfe/semi-ui 2.19.0-beta.0 → 2.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/anchor/index.tsx +39 -7
- package/anchor/link.tsx +11 -2
- package/calendar/_story/calendar.stories.js +20 -3
- package/dist/css/semi.css +2 -10
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +2758 -12743
- package/dist/umd/semi-ui.js.map +1 -1
- package/dist/umd/semi-ui.min.js +1 -1
- package/dist/umd/semi-ui.min.js.map +1 -1
- package/dropdown/index.tsx +5 -1
- package/getBabelConfig.js +1 -13
- package/lib/cjs/_base/base.css +1 -0
- package/lib/cjs/_base/base.js +1 -3
- package/lib/cjs/_base/baseComponent.js +4 -9
- package/lib/cjs/_base/reactUtils.js +4 -9
- package/lib/cjs/_portal/index.js +4 -9
- package/lib/cjs/_utils/hooks/usePrevFocus.js +3 -6
- package/lib/cjs/_utils/index.js +9 -24
- package/lib/cjs/anchor/anchor-context.js +3 -6
- package/lib/cjs/anchor/index.d.ts +4 -0
- package/lib/cjs/anchor/index.js +50 -36
- package/lib/cjs/anchor/link.d.ts +2 -0
- package/lib/cjs/anchor/link.js +15 -18
- package/lib/cjs/autoComplete/index.js +13 -30
- package/lib/cjs/autoComplete/option.js +12 -25
- package/lib/cjs/avatar/avatarGroup.js +18 -49
- package/lib/cjs/avatar/index.js +23 -47
- package/lib/cjs/avatar/interface.js +1 -3
- package/lib/cjs/backtop/index.js +8 -17
- package/lib/cjs/badge/index.js +14 -31
- package/lib/cjs/banner/index.js +5 -14
- package/lib/cjs/breadcrumb/bread-context.js +3 -6
- package/lib/cjs/breadcrumb/index.js +13 -34
- package/lib/cjs/breadcrumb/item.js +8 -21
- package/lib/cjs/button/Button.js +13 -32
- package/lib/cjs/button/buttonGroup.js +12 -41
- package/lib/cjs/button/index.js +7 -12
- package/lib/cjs/button/splitButtonGroup.js +3 -6
- package/lib/cjs/calendar/dayCalendar.js +20 -37
- package/lib/cjs/calendar/dayCol.js +10 -25
- package/lib/cjs/calendar/index.js +9 -25
- package/lib/cjs/calendar/interface.js +1 -3
- package/lib/cjs/calendar/monthCalendar.js +20 -45
- package/lib/cjs/calendar/rangeCalendar.js +19 -44
- package/lib/cjs/calendar/timeCol.js +10 -25
- package/lib/cjs/calendar/weekCalendar.js +19 -44
- package/lib/cjs/card/cardGroup.js +9 -22
- package/lib/cjs/card/index.js +12 -33
- package/lib/cjs/card/meta.js +9 -22
- package/lib/cjs/carousel/CarouselArrow.js +8 -17
- package/lib/cjs/carousel/CarouselIndicator.js +11 -26
- package/lib/cjs/carousel/index.js +10 -29
- package/lib/cjs/carousel/interface.js +1 -3
- package/lib/cjs/cascader/index.js +37 -68
- package/lib/cjs/cascader/item.js +24 -49
- package/lib/cjs/checkbox/checkbox.js +8 -17
- package/lib/cjs/checkbox/checkboxGroup.js +13 -34
- package/lib/cjs/checkbox/checkboxInner.js +6 -15
- package/lib/cjs/checkbox/context.js +3 -6
- package/lib/cjs/checkbox/index.js +4 -8
- package/lib/cjs/collapse/collapse-context.js +3 -6
- package/lib/cjs/collapse/index.js +12 -29
- package/lib/cjs/collapse/item.js +9 -22
- package/lib/cjs/collapsible/index.js +7 -16
- package/lib/cjs/configProvider/context.js +3 -6
- package/lib/cjs/configProvider/index.js +7 -16
- package/lib/cjs/datePicker/dateInput.js +15 -34
- package/lib/cjs/datePicker/datePicker.js +22 -45
- package/lib/cjs/datePicker/footer.js +3 -6
- package/lib/cjs/datePicker/index.js +9 -20
- package/lib/cjs/datePicker/insetInput.js +4 -9
- package/lib/cjs/datePicker/month.js +15 -26
- package/lib/cjs/datePicker/monthsGrid.js +13 -32
- package/lib/cjs/datePicker/navigation.js +5 -12
- package/lib/cjs/datePicker/quickControl.js +18 -31
- package/lib/cjs/datePicker/yearAndMonth.js +13 -30
- package/lib/cjs/descriptions/descriptions-context.js +3 -6
- package/lib/cjs/descriptions/index.js +8 -23
- package/lib/cjs/descriptions/item.js +7 -18
- package/lib/cjs/divider/index.js +9 -22
- package/lib/cjs/dropdown/context.js +3 -6
- package/lib/cjs/dropdown/dropdownDivider.js +3 -6
- package/lib/cjs/dropdown/dropdownItem.js +8 -21
- package/lib/cjs/dropdown/dropdownMenu.js +8 -17
- package/lib/cjs/dropdown/dropdownTitle.js +5 -12
- package/lib/cjs/dropdown/index.js +17 -26
- package/lib/cjs/empty/index.js +5 -14
- package/lib/cjs/form/arrayField.js +28 -57
- package/lib/cjs/form/baseForm.js +18 -43
- package/lib/cjs/form/context.js +3 -6
- package/lib/cjs/form/errorMessage.js +7 -18
- package/lib/cjs/form/field.js +3 -6
- package/lib/cjs/form/group.js +16 -31
- package/lib/cjs/form/hoc/withField.js +26 -53
- package/lib/cjs/form/hoc/withFormApi.js +4 -9
- package/lib/cjs/form/hoc/withFormState.js +4 -9
- package/lib/cjs/form/hooks/index.js +11 -20
- package/lib/cjs/form/hooks/useArrayFieldState.js +1 -4
- package/lib/cjs/form/hooks/useFieldApi.js +3 -6
- package/lib/cjs/form/hooks/useFieldState.js +6 -15
- package/lib/cjs/form/hooks/useFormApi.js +1 -4
- package/lib/cjs/form/hooks/useFormState.js +1 -4
- package/lib/cjs/form/hooks/useFormUpdater.js +1 -4
- package/lib/cjs/form/hooks/useStateWithGetter.js +1 -4
- package/lib/cjs/form/index.js +15 -34
- package/lib/cjs/form/interface.js +3 -10
- package/lib/cjs/form/label.js +5 -12
- package/lib/cjs/form/section.js +5 -12
- package/lib/cjs/form/slot.js +18 -35
- package/lib/cjs/grid/col.js +20 -37
- package/lib/cjs/grid/index.js +6 -10
- package/lib/cjs/grid/row.js +18 -45
- package/lib/cjs/iconButton/index.js +13 -30
- package/lib/cjs/icons/index.js +3 -6
- package/lib/cjs/index.js +94 -189
- package/lib/cjs/input/index.js +13 -26
- package/lib/cjs/input/inputGroup.js +11 -32
- package/lib/cjs/input/textarea.js +11 -24
- package/lib/cjs/inputNumber/index.js +12 -29
- package/lib/cjs/layout/Sider.js +11 -36
- package/lib/cjs/layout/index.js +13 -32
- package/lib/cjs/layout/layout-context.js +3 -6
- package/lib/cjs/list/index.js +9 -25
- package/lib/cjs/list/item.js +10 -27
- package/lib/cjs/list/list-context.js +3 -6
- package/lib/cjs/locale/context.js +3 -6
- package/lib/cjs/locale/interface.js +1 -3
- package/lib/cjs/locale/localeConsumer.js +5 -12
- package/lib/cjs/locale/localeProvider.js +5 -12
- package/lib/cjs/locale/source/ar.js +1 -4
- package/lib/cjs/locale/source/de.js +1 -4
- package/lib/cjs/locale/source/en_GB.js +1 -4
- package/lib/cjs/locale/source/en_US.js +1 -4
- package/lib/cjs/locale/source/es.js +1 -4
- package/lib/cjs/locale/source/fr.js +1 -4
- package/lib/cjs/locale/source/id_ID.js +1 -4
- package/lib/cjs/locale/source/it.js +1 -4
- package/lib/cjs/locale/source/ja_JP.js +1 -4
- package/lib/cjs/locale/source/ko_KR.js +1 -4
- package/lib/cjs/locale/source/ms_MY.js +1 -4
- package/lib/cjs/locale/source/pt_BR.js +1 -4
- package/lib/cjs/locale/source/ru_RU.js +1 -4
- package/lib/cjs/locale/source/th_TH.js +1 -4
- package/lib/cjs/locale/source/tr_TR.js +1 -4
- package/lib/cjs/locale/source/vi_VN.js +1 -4
- package/lib/cjs/locale/source/zh_CN.js +1 -4
- package/lib/cjs/locale/source/zh_TW.js +1 -4
- package/lib/cjs/modal/ConfirmModal.js +11 -28
- package/lib/cjs/modal/Modal.js +14 -33
- package/lib/cjs/modal/ModalContent.js +14 -35
- package/lib/cjs/modal/confirm.js +15 -21
- package/lib/cjs/modal/index.js +3 -6
- package/lib/cjs/modal/useModal/HookModal.js +10 -19
- package/lib/cjs/modal/useModal/index.js +4 -9
- package/lib/cjs/motions/Rotate.js +7 -18
- package/lib/cjs/navigation/CollapseButton.js +4 -9
- package/lib/cjs/navigation/Footer.js +6 -15
- package/lib/cjs/navigation/Header.js +6 -15
- package/lib/cjs/navigation/Item.js +9 -28
- package/lib/cjs/navigation/OpenIconTransition.js +6 -15
- package/lib/cjs/navigation/SubNav.js +10 -29
- package/lib/cjs/navigation/SubNavTransition.js +5 -12
- package/lib/cjs/navigation/index.js +25 -46
- package/lib/cjs/navigation/nav-context.js +3 -6
- package/lib/cjs/notification/NoticeTransition.js +4 -9
- package/lib/cjs/notification/index.js +24 -51
- package/lib/cjs/notification/notice.js +13 -30
- package/lib/cjs/notification/useNotification/HookNotice.js +9 -22
- package/lib/cjs/notification/useNotification/index.js +18 -41
- package/lib/cjs/overflowList/index.js +13 -28
- package/lib/cjs/overflowList/intersectionObserver.js +7 -18
- package/lib/cjs/pagination/index.js +15 -38
- package/lib/cjs/popconfirm/index.js +10 -19
- package/lib/cjs/popover/Arrow.js +10 -19
- package/lib/cjs/popover/index.js +8 -17
- package/lib/cjs/progress/index.js +7 -20
- package/lib/cjs/radio/context.js +3 -6
- package/lib/cjs/radio/index.js +4 -8
- package/lib/cjs/radio/radio.js +10 -19
- package/lib/cjs/radio/radioGroup.js +11 -26
- package/lib/cjs/radio/radioInner.js +7 -16
- package/lib/cjs/rating/index.js +10 -27
- package/lib/cjs/rating/item.js +10 -19
- package/lib/cjs/resizeObserver/index.js +3 -6
- package/lib/cjs/scrollList/index.js +3 -6
- package/lib/cjs/scrollList/scrollItem.js +13 -26
- package/lib/cjs/select/index.js +46 -91
- package/lib/cjs/select/option.js +12 -25
- package/lib/cjs/select/optionGroup.js +3 -6
- package/lib/cjs/select/utils.js +12 -29
- package/lib/cjs/select/virtualRow.js +1 -4
- package/lib/cjs/sideSheet/SideSheetContent.js +9 -22
- package/lib/cjs/sideSheet/SideSheetTransition.js +4 -9
- package/lib/cjs/sideSheet/index.js +15 -28
- package/lib/cjs/skeleton/index.js +9 -22
- package/lib/cjs/skeleton/item.js +13 -34
- package/lib/cjs/slider/index.js +18 -48
- package/lib/cjs/space/index.js +7 -20
- package/lib/cjs/space/utils.js +9 -24
- package/lib/cjs/spin/icon.js +7 -16
- package/lib/cjs/spin/index.js +5 -14
- package/lib/cjs/steps/basicStep.js +4 -11
- package/lib/cjs/steps/basicSteps.js +12 -29
- package/lib/cjs/steps/context.js +3 -6
- package/lib/cjs/steps/fillStep.js +4 -11
- package/lib/cjs/steps/fillSteps.js +12 -28
- package/lib/cjs/steps/index.js +11 -24
- package/lib/cjs/steps/navStep.js +3 -6
- package/lib/cjs/steps/navSteps.js +12 -28
- package/lib/cjs/steps/step.js +8 -17
- package/lib/cjs/switch/index.js +5 -10
- package/lib/cjs/table/Body/BaseRow.js +14 -27
- package/lib/cjs/table/Body/ExpandedRow.js +10 -23
- package/lib/cjs/table/Body/SectionRow.js +15 -36
- package/lib/cjs/table/Body/index.js +39 -64
- package/lib/cjs/table/ColGroup.js +4 -11
- package/lib/cjs/table/Column.js +4 -9
- package/lib/cjs/table/ColumnFilter.js +18 -41
- package/lib/cjs/table/ColumnSelection.js +6 -11
- package/lib/cjs/table/ColumnShape.js +3 -6
- package/lib/cjs/table/ColumnSorter.js +6 -15
- package/lib/cjs/table/CustomExpandIcon.js +5 -12
- package/lib/cjs/table/HeadTable.js +7 -14
- package/lib/cjs/table/ResizableHeaderCell.js +9 -22
- package/lib/cjs/table/ResizableTable.js +23 -40
- package/lib/cjs/table/Table.js +63 -96
- package/lib/cjs/table/TableCell.js +13 -26
- package/lib/cjs/table/TableContextProvider.js +5 -12
- package/lib/cjs/table/TableHeader.js +10 -27
- package/lib/cjs/table/TableHeaderRow.js +18 -33
- package/lib/cjs/table/TablePagination.js +6 -15
- package/lib/cjs/table/getColumns.js +8 -17
- package/lib/cjs/table/index.js +8 -20
- package/lib/cjs/table/interface.js +1 -3
- package/lib/cjs/table/table-context.js +3 -6
- package/lib/cjs/table/utils.js +5 -16
- package/lib/cjs/tabs/TabBar.js +21 -44
- package/lib/cjs/tabs/TabPane.js +14 -31
- package/lib/cjs/tabs/TabPaneTransition.js +5 -10
- package/lib/cjs/tabs/index.js +32 -73
- package/lib/cjs/tabs/interface.js +1 -3
- package/lib/cjs/tabs/tabs-context.js +3 -6
- package/lib/cjs/tag/group.js +23 -34
- package/lib/cjs/tag/index.js +19 -47
- package/lib/cjs/tag/interface.js +1 -3
- package/lib/cjs/tagInput/index.js +13 -30
- package/lib/cjs/timePicker/Combobox.js +19 -40
- package/lib/cjs/timePicker/PanelShape.js +3 -6
- package/lib/cjs/timePicker/TimeInput.js +9 -20
- package/lib/cjs/timePicker/TimePicker.js +21 -38
- package/lib/cjs/timePicker/TimeShape.js +3 -6
- package/lib/cjs/timePicker/index.js +4 -9
- package/lib/cjs/timeline/index.js +21 -48
- package/lib/cjs/timeline/item.js +7 -20
- package/lib/cjs/toast/ToastTransition.js +4 -9
- package/lib/cjs/toast/index.js +20 -45
- package/lib/cjs/toast/toast.js +9 -20
- package/lib/cjs/toast/useToast/HookToast.js +9 -22
- package/lib/cjs/toast/useToast/index.js +14 -27
- package/lib/cjs/tooltip/ArrowBoundingShape.js +3 -6
- package/lib/cjs/tooltip/TooltipStyledTransition.js +4 -9
- package/lib/cjs/tooltip/TriangleArrow.js +7 -16
- package/lib/cjs/tooltip/TriangleArrowVertical.js +7 -16
- package/lib/cjs/tooltip/index.js +27 -48
- package/lib/cjs/transfer/index.js +30 -63
- package/lib/cjs/tree/autoSizer.js +7 -16
- package/lib/cjs/tree/collapse.js +7 -16
- package/lib/cjs/tree/index.js +46 -70
- package/lib/cjs/tree/interface.js +1 -3
- package/lib/cjs/tree/nodeList.js +11 -28
- package/lib/cjs/tree/treeContext.js +3 -6
- package/lib/cjs/tree/treeNode.js +20 -39
- package/lib/cjs/tree/treeUtil.js +3 -6
- package/lib/cjs/treeSelect/index.js +51 -80
- package/lib/cjs/trigger/index.js +7 -16
- package/lib/cjs/typography/base.js +24 -49
- package/lib/cjs/typography/copyable.js +5 -12
- package/lib/cjs/typography/index.js +5 -15
- package/lib/cjs/typography/interface.js +1 -3
- package/lib/cjs/typography/paragraph.js +6 -15
- package/lib/cjs/typography/text.js +6 -15
- package/lib/cjs/typography/title.js +10 -25
- package/lib/cjs/typography/typography.js +9 -22
- package/lib/cjs/typography/util.js +8 -21
- package/lib/cjs/upload/fileCard.js +8 -17
- package/lib/cjs/upload/index.js +14 -25
- package/lib/cjs/upload/interface.js +1 -3
- package/lib/es/_base/base.css +1 -0
- package/lib/es/_base/baseComponent.js +1 -3
- package/lib/es/_portal/index.js +1 -2
- package/lib/es/_utils/index.js +6 -15
- package/lib/es/anchor/index.d.ts +4 -0
- package/lib/es/anchor/index.js +46 -31
- package/lib/es/anchor/link.d.ts +2 -0
- package/lib/es/anchor/link.js +12 -10
- package/lib/es/autoComplete/index.js +10 -21
- package/lib/es/autoComplete/option.js +7 -10
- package/lib/es/avatar/avatarGroup.js +13 -33
- package/lib/es/avatar/index.js +18 -30
- package/lib/es/backtop/index.js +5 -9
- package/lib/es/badge/index.js +7 -13
- package/lib/es/banner/index.js +2 -7
- package/lib/es/breadcrumb/index.js +10 -27
- package/lib/es/breadcrumb/item.js +3 -7
- package/lib/es/button/Button.js +8 -16
- package/lib/es/button/buttonGroup.js +7 -22
- package/lib/es/button/index.js +4 -6
- package/lib/es/calendar/dayCalendar.js +15 -30
- package/lib/es/calendar/dayCol.js +5 -16
- package/lib/es/calendar/index.js +4 -8
- package/lib/es/calendar/monthCalendar.js +15 -35
- package/lib/es/calendar/rangeCalendar.js +14 -36
- package/lib/es/calendar/timeCol.js +3 -12
- package/lib/es/calendar/weekCalendar.js +14 -36
- package/lib/es/card/cardGroup.js +4 -8
- package/lib/es/card/index.js +7 -15
- package/lib/es/card/meta.js +4 -8
- package/lib/es/carousel/CarouselArrow.js +5 -9
- package/lib/es/carousel/CarouselIndicator.js +8 -17
- package/lib/es/carousel/index.js +5 -13
- package/lib/es/cascader/index.js +30 -55
- package/lib/es/cascader/item.js +17 -33
- package/lib/es/checkbox/checkbox.js +3 -8
- package/lib/es/checkbox/checkboxGroup.js +8 -23
- package/lib/es/checkbox/checkboxInner.js +1 -2
- package/lib/es/collapse/index.js +9 -17
- package/lib/es/collapse/item.js +4 -8
- package/lib/es/collapsible/index.js +2 -4
- package/lib/es/configProvider/index.js +4 -8
- package/lib/es/datePicker/dateInput.js +12 -27
- package/lib/es/datePicker/datePicker.js +17 -35
- package/lib/es/datePicker/index.js +4 -10
- package/lib/es/datePicker/insetInput.js +1 -2
- package/lib/es/datePicker/month.js +12 -18
- package/lib/es/datePicker/monthsGrid.js +10 -26
- package/lib/es/datePicker/quickControl.js +13 -18
- package/lib/es/datePicker/yearAndMonth.js +10 -22
- package/lib/es/descriptions/index.js +3 -8
- package/lib/es/descriptions/item.js +2 -5
- package/lib/es/divider/index.js +6 -13
- package/lib/es/dropdown/dropdownItem.js +3 -10
- package/lib/es/dropdown/dropdownMenu.js +5 -9
- package/lib/es/dropdown/index.js +16 -17
- package/lib/es/empty/index.js +2 -6
- package/lib/es/form/arrayField.js +20 -42
- package/lib/es/form/baseForm.js +11 -28
- package/lib/es/form/errorMessage.js +2 -6
- package/lib/es/form/group.js +7 -16
- package/lib/es/form/hoc/withField.js +21 -41
- package/lib/es/form/hoc/withFormApi.js +1 -2
- package/lib/es/form/hoc/withFormState.js +1 -2
- package/lib/es/form/hooks/useFieldState.js +1 -2
- package/lib/es/form/slot.js +11 -18
- package/lib/es/grid/col.js +17 -29
- package/lib/es/grid/row.js +15 -36
- package/lib/es/iconButton/index.js +8 -14
- package/lib/es/input/index.js +10 -17
- package/lib/es/input/inputGroup.js +8 -20
- package/lib/es/input/textarea.js +8 -15
- package/lib/es/inputNumber/index.js +9 -18
- package/lib/es/layout/Sider.js +8 -26
- package/lib/es/layout/index.js +10 -22
- package/lib/es/list/index.js +5 -18
- package/lib/es/list/item.js +5 -11
- package/lib/es/modal/ConfirmModal.js +6 -13
- package/lib/es/modal/Modal.js +9 -16
- package/lib/es/modal/ModalContent.js +9 -21
- package/lib/es/modal/confirm.js +11 -15
- package/lib/es/modal/useModal/HookModal.js +7 -10
- package/lib/es/modal/useModal/index.js +1 -2
- package/lib/es/motions/Rotate.js +2 -4
- package/lib/es/navigation/CollapseButton.js +1 -2
- package/lib/es/navigation/Footer.js +1 -2
- package/lib/es/navigation/Header.js +1 -2
- package/lib/es/navigation/Item.js +6 -19
- package/lib/es/navigation/OpenIconTransition.js +1 -2
- package/lib/es/navigation/SubNav.js +7 -20
- package/lib/es/navigation/index.js +20 -35
- package/lib/es/notification/NoticeTransition.js +1 -2
- package/lib/es/notification/index.js +19 -40
- package/lib/es/notification/notice.js +8 -17
- package/lib/es/notification/useNotification/HookNotice.js +4 -8
- package/lib/es/notification/useNotification/index.js +13 -26
- package/lib/es/overflowList/index.js +10 -18
- package/lib/es/overflowList/intersectionObserver.js +4 -10
- package/lib/es/pagination/index.js +10 -28
- package/lib/es/popconfirm/index.js +7 -10
- package/lib/es/popover/Arrow.js +7 -11
- package/lib/es/popover/index.js +5 -8
- package/lib/es/progress/index.js +2 -8
- package/lib/es/radio/radio.js +5 -9
- package/lib/es/radio/radioGroup.js +6 -15
- package/lib/es/radio/radioInner.js +2 -6
- package/lib/es/rating/index.js +5 -18
- package/lib/es/rating/item.js +7 -11
- package/lib/es/scrollList/scrollItem.js +8 -14
- package/lib/es/select/index.js +38 -76
- package/lib/es/select/option.js +7 -10
- package/lib/es/select/utils.js +9 -22
- package/lib/es/sideSheet/SideSheetContent.js +6 -12
- package/lib/es/sideSheet/SideSheetTransition.js +1 -2
- package/lib/es/sideSheet/index.js +10 -18
- package/lib/es/skeleton/index.js +4 -8
- package/lib/es/skeleton/item.js +8 -18
- package/lib/es/slider/index.js +15 -36
- package/lib/es/space/index.js +2 -8
- package/lib/es/space/utils.js +4 -11
- package/lib/es/spin/icon.js +4 -8
- package/lib/es/spin/index.js +2 -6
- package/lib/es/steps/basicStep.js +1 -4
- package/lib/es/steps/basicSteps.js +6 -17
- package/lib/es/steps/fillStep.js +1 -4
- package/lib/es/steps/fillSteps.js +5 -17
- package/lib/es/steps/index.js +6 -9
- package/lib/es/steps/navSteps.js +5 -17
- package/lib/es/steps/step.js +3 -4
- package/lib/es/switch/index.js +2 -3
- package/lib/es/table/Body/BaseRow.js +9 -14
- package/lib/es/table/Body/ExpandedRow.js +5 -8
- package/lib/es/table/Body/SectionRow.js +10 -18
- package/lib/es/table/Body/index.js +34 -56
- package/lib/es/table/ColGroup.js +1 -5
- package/lib/es/table/Column.js +1 -2
- package/lib/es/table/ColumnFilter.js +13 -30
- package/lib/es/table/ColumnSelection.js +3 -4
- package/lib/es/table/ColumnSorter.js +1 -2
- package/lib/es/table/HeadTable.js +4 -6
- package/lib/es/table/ResizableHeaderCell.js +6 -13
- package/lib/es/table/ResizableTable.js +18 -36
- package/lib/es/table/Table.js +56 -76
- package/lib/es/table/TableCell.js +8 -13
- package/lib/es/table/TableHeader.js +7 -18
- package/lib/es/table/TableHeaderRow.js +13 -21
- package/lib/es/table/TablePagination.js +1 -2
- package/lib/es/table/getColumns.js +3 -10
- package/lib/es/table/index.js +3 -4
- package/lib/es/table/utils.js +1 -7
- package/lib/es/tabs/TabBar.js +18 -36
- package/lib/es/tabs/TabPane.js +9 -18
- package/lib/es/tabs/TabPaneTransition.js +2 -3
- package/lib/es/tabs/index.js +22 -48
- package/lib/es/tag/group.js +18 -24
- package/lib/es/tag/index.js +12 -23
- package/lib/es/tagInput/index.js +10 -21
- package/lib/es/timePicker/Combobox.js +14 -23
- package/lib/es/timePicker/TimeInput.js +6 -10
- package/lib/es/timePicker/TimePicker.js +16 -27
- package/lib/es/timePicker/index.js +1 -2
- package/lib/es/timeline/index.js +14 -32
- package/lib/es/timeline/item.js +2 -6
- package/lib/es/toast/ToastTransition.js +1 -2
- package/lib/es/toast/index.js +17 -37
- package/lib/es/toast/toast.js +4 -10
- package/lib/es/toast/useToast/HookToast.js +4 -8
- package/lib/es/toast/useToast/index.js +11 -18
- package/lib/es/tooltip/TooltipStyledTransition.js +1 -3
- package/lib/es/tooltip/TriangleArrow.js +4 -8
- package/lib/es/tooltip/TriangleArrowVertical.js +4 -8
- package/lib/es/tooltip/index.js +20 -31
- package/lib/es/transfer/index.js +24 -47
- package/lib/es/tree/autoSizer.js +2 -3
- package/lib/es/tree/collapse.js +2 -5
- package/lib/es/tree/index.js +41 -48
- package/lib/es/tree/nodeList.js +6 -17
- package/lib/es/tree/treeNode.js +15 -23
- package/lib/es/treeSelect/index.js +44 -62
- package/lib/es/trigger/index.js +4 -8
- package/lib/es/typography/base.js +19 -34
- package/lib/es/typography/copyable.js +2 -4
- package/lib/es/typography/paragraph.js +1 -2
- package/lib/es/typography/text.js +1 -2
- package/lib/es/typography/title.js +5 -11
- package/lib/es/typography/typography.js +4 -8
- package/lib/es/typography/util.js +5 -15
- package/lib/es/upload/fileCard.js +3 -4
- package/lib/es/upload/index.js +11 -16
- package/package.json +7 -8
- package/tag/_story/tag.stories.js +51 -1
- package/tag/group.tsx +12 -11
- package/tooltip/index.tsx +2 -1
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import _isEmpty from "lodash/isEmpty";
|
|
2
2
|
import _isEqual from "lodash/isEqual";
|
|
3
|
-
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
|
4
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
5
|
-
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
|
6
3
|
import React from 'react';
|
|
7
4
|
import PropTypes from 'prop-types';
|
|
8
5
|
export default class ReactIntersectionObserver extends React.PureComponent {
|
|
@@ -10,7 +7,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
|
|
|
10
7
|
const {
|
|
11
8
|
items
|
|
12
9
|
} = this.props;
|
|
13
|
-
this.cachedKeys =
|
|
10
|
+
this.cachedKeys = Object.keys(items);
|
|
14
11
|
const {
|
|
15
12
|
root,
|
|
16
13
|
threshold,
|
|
@@ -18,7 +15,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
|
|
|
18
15
|
option,
|
|
19
16
|
onIntersect
|
|
20
17
|
} = this.props;
|
|
21
|
-
this.observer = new IntersectionObserver(onIntersect,
|
|
18
|
+
this.observer = new IntersectionObserver(onIntersect, Object.assign({
|
|
22
19
|
root,
|
|
23
20
|
threshold,
|
|
24
21
|
rootMargin
|
|
@@ -30,8 +27,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
|
|
|
30
27
|
const {
|
|
31
28
|
items
|
|
32
29
|
} = this.props;
|
|
33
|
-
|
|
34
|
-
const itemKeys = _Object$keys(items);
|
|
30
|
+
const itemKeys = Object.keys(items);
|
|
35
31
|
|
|
36
32
|
if (!_isEqual(this.cachedKeys, itemKeys)) {
|
|
37
33
|
this.observeElement(true);
|
|
@@ -47,8 +43,6 @@ export default class ReactIntersectionObserver extends React.PureComponent {
|
|
|
47
43
|
}
|
|
48
44
|
|
|
49
45
|
observeElement() {
|
|
50
|
-
var _context;
|
|
51
|
-
|
|
52
46
|
let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
53
47
|
const {
|
|
54
48
|
items
|
|
@@ -65,7 +59,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
|
|
|
65
59
|
} // observer callback is invoked immediately when observing new elements
|
|
66
60
|
|
|
67
61
|
|
|
68
|
-
|
|
62
|
+
Object.keys(items).forEach(key => {
|
|
69
63
|
const node = items[key];
|
|
70
64
|
|
|
71
65
|
if (!node) {
|
|
@@ -1,9 +1,4 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
|
-
import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
5
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
6
|
-
import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
|
|
7
2
|
|
|
8
3
|
/* eslint-disable max-len */
|
|
9
4
|
|
|
@@ -30,8 +25,6 @@ const {
|
|
|
30
25
|
} = Select;
|
|
31
26
|
export default class Pagination extends BaseComponent {
|
|
32
27
|
constructor(props) {
|
|
33
|
-
var _context, _context2;
|
|
34
|
-
|
|
35
28
|
super(props);
|
|
36
29
|
this.state = {
|
|
37
30
|
total: props.total,
|
|
@@ -46,13 +39,13 @@ export default class Pagination extends BaseComponent {
|
|
|
46
39
|
quickJumpPage: ''
|
|
47
40
|
};
|
|
48
41
|
this.foundation = new PaginationFoundation(this.adapter);
|
|
49
|
-
this.renderDefaultPage =
|
|
50
|
-
this.renderSmallPage =
|
|
42
|
+
this.renderDefaultPage = this.renderDefaultPage.bind(this);
|
|
43
|
+
this.renderSmallPage = this.renderSmallPage.bind(this);
|
|
51
44
|
warning(Boolean(props.showSizeChanger && props.hideOnSinglePage), '[Semi Pagination] You should not use showSizeChanger and hideOnSinglePage in ths same time. At this time, hideOnSinglePage no longer takes effect, otherwise there may be a problem that the switch entry disappears');
|
|
52
45
|
}
|
|
53
46
|
|
|
54
47
|
get adapter() {
|
|
55
|
-
return
|
|
48
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
56
49
|
setPageList: pageListState => {
|
|
57
50
|
const {
|
|
58
51
|
pageList,
|
|
@@ -206,12 +199,10 @@ export default class Pagination extends BaseComponent {
|
|
|
206
199
|
|
|
207
200
|
const pageSizeText = locale.pageSize;
|
|
208
201
|
const newPageSizeOpts = this.foundation.pageSizeInOpts();
|
|
209
|
-
|
|
210
|
-
const options = _mapInstanceProperty(newPageSizeOpts).call(newPageSizeOpts, size => /*#__PURE__*/React.createElement(Option, {
|
|
202
|
+
const options = newPageSizeOpts.map(size => /*#__PURE__*/React.createElement(Option, {
|
|
211
203
|
value: size,
|
|
212
204
|
key: size
|
|
213
205
|
}, /*#__PURE__*/React.createElement("span", null, "".concat(size, " "), pageSizeText)));
|
|
214
|
-
|
|
215
206
|
return /*#__PURE__*/React.createElement("div", {
|
|
216
207
|
className: switchCls
|
|
217
208
|
}, /*#__PURE__*/React.createElement(Select, {
|
|
@@ -270,15 +261,13 @@ export default class Pagination extends BaseComponent {
|
|
|
270
261
|
popoverPosition,
|
|
271
262
|
popoverZIndex
|
|
272
263
|
} = this.props;
|
|
273
|
-
return
|
|
274
|
-
var _context3;
|
|
275
|
-
|
|
264
|
+
return pageList.map((page, i) => {
|
|
276
265
|
const pageListClassName = classNames("".concat(prefixCls, "-item"), {
|
|
277
266
|
["".concat(prefixCls, "-item-active")]: currentPage === page // [`${prefixCls}-item-rest-opening`]: (i < 3 && isLeftRestHover && page ==='...') || (i > 3 && isRightRestHover && page === '...')
|
|
278
267
|
|
|
279
268
|
});
|
|
280
269
|
const pageEl = /*#__PURE__*/React.createElement("li", {
|
|
281
|
-
key:
|
|
270
|
+
key: "".concat(page).concat(i),
|
|
282
271
|
onClick: () => this.foundation.goPage(page, i),
|
|
283
272
|
className: pageListClassName,
|
|
284
273
|
"aria-label": page === '...' ? 'More' : "Page ".concat(page),
|
|
@@ -286,15 +275,13 @@ export default class Pagination extends BaseComponent {
|
|
|
286
275
|
}, page);
|
|
287
276
|
|
|
288
277
|
if (page === '...') {
|
|
289
|
-
var _context4;
|
|
290
|
-
|
|
291
278
|
let content;
|
|
292
279
|
i < 3 ? content = restLeftPageList : content = restRightPageList;
|
|
293
280
|
return /*#__PURE__*/React.createElement(Popover, {
|
|
294
281
|
trigger: "hover",
|
|
295
282
|
// onVisibleChange={visible=>this.handleRestHover(visible, i < 3 ? 'left' : 'right')}
|
|
296
283
|
content: this.renderRestPageList(content),
|
|
297
|
-
key:
|
|
284
|
+
key: "".concat(page).concat(i),
|
|
298
285
|
position: popoverPosition,
|
|
299
286
|
zIndex: popoverZIndex
|
|
300
287
|
}, pageEl);
|
|
@@ -313,8 +300,6 @@ export default class Pagination extends BaseComponent {
|
|
|
313
300
|
const count = restList.length;
|
|
314
301
|
|
|
315
302
|
const row = item => {
|
|
316
|
-
var _context5;
|
|
317
|
-
|
|
318
303
|
const {
|
|
319
304
|
index,
|
|
320
305
|
style
|
|
@@ -322,7 +307,7 @@ export default class Pagination extends BaseComponent {
|
|
|
322
307
|
const page = restList[index];
|
|
323
308
|
return /*#__PURE__*/React.createElement("div", {
|
|
324
309
|
role: "listitem",
|
|
325
|
-
key:
|
|
310
|
+
key: "".concat(page).concat(index),
|
|
326
311
|
className: className,
|
|
327
312
|
onClick: () => this.foundation.goPage(page, index),
|
|
328
313
|
style: style,
|
|
@@ -350,8 +335,6 @@ export default class Pagination extends BaseComponent {
|
|
|
350
335
|
}
|
|
351
336
|
|
|
352
337
|
renderSmallPage(locale) {
|
|
353
|
-
var _context6;
|
|
354
|
-
|
|
355
338
|
const {
|
|
356
339
|
className,
|
|
357
340
|
style,
|
|
@@ -371,13 +354,12 @@ export default class Pagination extends BaseComponent {
|
|
|
371
354
|
return null;
|
|
372
355
|
}
|
|
373
356
|
|
|
374
|
-
const pageNumbers =
|
|
357
|
+
const pageNumbers = Array.from({
|
|
375
358
|
length: Math.ceil(total / pageSize)
|
|
376
359
|
}, (v, i) => i + 1);
|
|
377
|
-
|
|
378
360
|
const pageList = this.renderRestPageList(pageNumbers);
|
|
379
361
|
const page = /*#__PURE__*/React.createElement("div", {
|
|
380
|
-
className:
|
|
362
|
+
className: "".concat(prefixCls, "-item ").concat(prefixCls, "-item-small")
|
|
381
363
|
}, currentPage, "/", totalPageNum, " ");
|
|
382
364
|
return /*#__PURE__*/React.createElement("div", {
|
|
383
365
|
className: paginationCls,
|
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
import _get from "lodash/get";
|
|
2
2
|
import _noop from "lodash/noop";
|
|
3
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
4
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
5
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
6
3
|
|
|
7
4
|
var __rest = this && this.__rest || function (s, e) {
|
|
8
5
|
var t = {};
|
|
9
6
|
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
7
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
11
8
|
|
|
12
|
-
if (s != null && typeof
|
|
13
|
-
if (
|
|
9
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
10
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
14
11
|
}
|
|
15
12
|
return t;
|
|
16
13
|
};
|
|
@@ -65,7 +62,7 @@ export default class Popconfirm extends BaseComponent {
|
|
|
65
62
|
}
|
|
66
63
|
|
|
67
64
|
get adapter() {
|
|
68
|
-
return
|
|
65
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
69
66
|
setVisible: visible => this.setState({
|
|
70
67
|
visible
|
|
71
68
|
}),
|
|
@@ -97,11 +94,11 @@ export default class Popconfirm extends BaseComponent {
|
|
|
97
94
|
} = this.state;
|
|
98
95
|
return /*#__PURE__*/React.createElement(LocaleConsumer, {
|
|
99
96
|
componentName: "Popconfirm"
|
|
100
|
-
}, (locale, localeCode) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button,
|
|
97
|
+
}, (locale, localeCode) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, Object.assign({
|
|
101
98
|
type: cancelType,
|
|
102
99
|
onClick: this.handleCancel,
|
|
103
100
|
loading: cancelLoading
|
|
104
|
-
}, cancelButtonProps), cancelText || _get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button,
|
|
101
|
+
}, cancelButtonProps), cancelText || _get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, Object.assign({
|
|
105
102
|
type: okType,
|
|
106
103
|
theme: "solid",
|
|
107
104
|
onClick: this.handleConfirm,
|
|
@@ -198,7 +195,7 @@ export default class Popconfirm extends BaseComponent {
|
|
|
198
195
|
popProps.trigger = 'custom';
|
|
199
196
|
}
|
|
200
197
|
|
|
201
|
-
return /*#__PURE__*/React.createElement(Popover,
|
|
198
|
+
return /*#__PURE__*/React.createElement(Popover, Object.assign({}, attrs, {
|
|
202
199
|
content: popContent,
|
|
203
200
|
visible: visible,
|
|
204
201
|
position: position
|
package/lib/es/popover/Arrow.js
CHANGED
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
import _get from "lodash/get";
|
|
2
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
3
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
4
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
5
2
|
|
|
6
3
|
var __rest = this && this.__rest || function (s, e) {
|
|
7
4
|
var t = {};
|
|
8
5
|
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
10
7
|
|
|
11
|
-
if (s != null && typeof
|
|
12
|
-
if (
|
|
8
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
13
10
|
}
|
|
14
11
|
return t;
|
|
15
12
|
};
|
|
@@ -30,7 +27,7 @@ const Arrow = function () {
|
|
|
30
27
|
} = props,
|
|
31
28
|
rest = __rest(props, ["position", "className", "arrowStyle", "popStyle"]);
|
|
32
29
|
|
|
33
|
-
const isVertical =
|
|
30
|
+
const isVertical = position.indexOf('top') === 0 || position.indexOf('bottom') === 0;
|
|
34
31
|
const cls = classnames(className, cssClasses.ARROW);
|
|
35
32
|
|
|
36
33
|
const borderOpacity = _get(arrowStyle, 'borderOpacity', strings.DEFAULT_ARROW_STYLE.borderOpacity);
|
|
@@ -39,21 +36,20 @@ const Arrow = function () {
|
|
|
39
36
|
|
|
40
37
|
const borderColor = _get(arrowStyle, 'borderColor', _get(popStyle, 'borderColor', strings.DEFAULT_ARROW_STYLE.borderColor));
|
|
41
38
|
|
|
42
|
-
const wrapProps =
|
|
39
|
+
const wrapProps = Object.assign(Object.assign({}, rest), {
|
|
43
40
|
width: numbers.ARROW_BOUNDING.width,
|
|
44
41
|
height: numbers.ARROW_BOUNDING.height,
|
|
45
42
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
46
43
|
className: cls
|
|
47
44
|
});
|
|
48
|
-
|
|
49
|
-
return isVertical ? /*#__PURE__*/React.createElement("svg", _Object$assign({}, wrapProps), /*#__PURE__*/React.createElement("path", {
|
|
45
|
+
return isVertical ? /*#__PURE__*/React.createElement("svg", Object.assign({}, wrapProps), /*#__PURE__*/React.createElement("path", {
|
|
50
46
|
d: "M0 0.5L0 1.5C4 1.5, 5.5 3, 7.5 5S10,8 12,8S14.5 7, 16.5 5S20,1.5 24,1.5L24 0.5L0 0.5z",
|
|
51
47
|
fill: borderColor,
|
|
52
48
|
opacity: borderOpacity
|
|
53
49
|
}), /*#__PURE__*/React.createElement("path", {
|
|
54
50
|
d: "M0 0L0 1C4 1, 5.5 2, 7.5 4S10,7 12,7S14.5 6, 16.5 4S20,1 24,1L24 0L0 0z",
|
|
55
51
|
fill: bgColor
|
|
56
|
-
})) : /*#__PURE__*/React.createElement("svg",
|
|
52
|
+
})) : /*#__PURE__*/React.createElement("svg", Object.assign({}, wrapProps), /*#__PURE__*/React.createElement("path", {
|
|
57
53
|
d: "M0.5 0L1.5 0C1.5 4, 3 5.5, 5 7.5S8,10 8,12S7 14.5, 5 16.5S1.5,20 1.5,24L0.5 24L0.5 0z",
|
|
58
54
|
fill: borderColor,
|
|
59
55
|
opacity: borderOpacity
|
package/lib/es/popover/index.js
CHANGED
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
2
|
import _isFunction from "lodash/isFunction";
|
|
3
|
-
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
4
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
5
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
6
3
|
|
|
7
4
|
var __rest = this && this.__rest || function (s, e) {
|
|
8
5
|
var t = {};
|
|
9
6
|
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
7
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
11
8
|
|
|
12
|
-
if (s != null && typeof
|
|
13
|
-
if (
|
|
9
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
10
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
14
11
|
}
|
|
15
12
|
return t;
|
|
16
13
|
};
|
|
@@ -91,14 +88,14 @@ class Popover extends React.PureComponent {
|
|
|
91
88
|
popStyle: style,
|
|
92
89
|
arrowStyle
|
|
93
90
|
};
|
|
94
|
-
const arrow = showArrow ? /*#__PURE__*/React.createElement(Arrow,
|
|
91
|
+
const arrow = showArrow ? /*#__PURE__*/React.createElement(Arrow, Object.assign({}, arrowProps)) : false;
|
|
95
92
|
|
|
96
93
|
if (typeof spacing !== 'number') {
|
|
97
94
|
spacing = showArrow ? numbers.SPACING_WITH_ARROW : numbers.SPACING;
|
|
98
95
|
}
|
|
99
96
|
|
|
100
97
|
const role = trigger === 'click' || trigger === 'custom' ? 'dialog' : 'tooltip';
|
|
101
|
-
return /*#__PURE__*/React.createElement(Tooltip,
|
|
98
|
+
return /*#__PURE__*/React.createElement(Tooltip, Object.assign({
|
|
102
99
|
guardFocus: true
|
|
103
100
|
}, attr, {
|
|
104
101
|
trigger: trigger,
|
package/lib/es/progress/index.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _parseInt from "@babel/runtime-corejs3/core-js-stable/parse-int";
|
|
2
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
3
1
|
import React, { Component } from 'react';
|
|
4
2
|
import cls from 'classnames';
|
|
5
3
|
import PropTypes from 'prop-types';
|
|
@@ -57,8 +55,7 @@ class Progress extends Component {
|
|
|
57
55
|
} // let percentNumber = Number.isInteger(props.value) ? props.value : Math.floor(props.value * 100) / 100;
|
|
58
56
|
|
|
59
57
|
|
|
60
|
-
const percentNumber =
|
|
61
|
-
|
|
58
|
+
const percentNumber = parseInt(props.value);
|
|
62
59
|
this.setState({
|
|
63
60
|
percentNumber
|
|
64
61
|
});
|
|
@@ -83,8 +80,6 @@ class Progress extends Component {
|
|
|
83
80
|
}
|
|
84
81
|
|
|
85
82
|
renderCircleProgress() {
|
|
86
|
-
var _context;
|
|
87
|
-
|
|
88
83
|
const {
|
|
89
84
|
strokeLinecap,
|
|
90
85
|
style,
|
|
@@ -127,8 +122,7 @@ class Progress extends Component {
|
|
|
127
122
|
const circumference = radius * 2 * Math.PI;
|
|
128
123
|
const strokeDashoffset = (1 - perc / 100) * circumference; // Offset
|
|
129
124
|
|
|
130
|
-
const strokeDasharray =
|
|
131
|
-
|
|
125
|
+
const strokeDasharray = "".concat(circumference, " ").concat(circumference);
|
|
132
126
|
const text = format(percNumber);
|
|
133
127
|
return /*#__PURE__*/React.createElement("div", {
|
|
134
128
|
id: id,
|
package/lib/es/radio/radio.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import _isBoolean from "lodash/isBoolean";
|
|
2
2
|
import _isUndefined from "lodash/isUndefined";
|
|
3
3
|
import _noop from "lodash/noop";
|
|
4
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
5
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
6
4
|
|
|
7
5
|
/* eslint-disable prefer-destructuring */
|
|
8
6
|
import React from 'react';
|
|
@@ -75,7 +73,7 @@ class Radio extends BaseComponent {
|
|
|
75
73
|
}
|
|
76
74
|
|
|
77
75
|
get adapter() {
|
|
78
|
-
return
|
|
76
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
79
77
|
setHover: hover => {
|
|
80
78
|
this.setState({
|
|
81
79
|
hover
|
|
@@ -122,8 +120,6 @@ class Radio extends BaseComponent {
|
|
|
122
120
|
}
|
|
123
121
|
|
|
124
122
|
render() {
|
|
125
|
-
var _context, _context2, _context3;
|
|
126
|
-
|
|
127
123
|
const {
|
|
128
124
|
addonClassName,
|
|
129
125
|
addonStyle,
|
|
@@ -180,10 +176,10 @@ class Radio extends BaseComponent {
|
|
|
180
176
|
const wrapper = cls(prefix, {
|
|
181
177
|
["".concat(prefix, "-disabled")]: isDisabled,
|
|
182
178
|
["".concat(prefix, "-checked")]: realChecked,
|
|
183
|
-
[
|
|
179
|
+
["".concat(prefix, "-").concat(displayMode)]: Boolean(displayMode),
|
|
184
180
|
["".concat(prefix, "-buttonRadioComponent")]: isButtonRadioComponent,
|
|
185
181
|
["".concat(prefix, "-buttonRadioGroup")]: isButtonRadioGroup,
|
|
186
|
-
[
|
|
182
|
+
["".concat(prefix, "-buttonRadioGroup-").concat(buttonSize)]: isButtonRadioGroup && buttonSize,
|
|
187
183
|
["".concat(prefix, "-cardRadioGroup")]: isCardRadioGroup,
|
|
188
184
|
["".concat(prefix, "-cardRadioGroup_disabled")]: isDisabled && isCardRadioGroup,
|
|
189
185
|
["".concat(prefix, "-cardRadioGroup_checked")]: isCardRadioGroup && realChecked && !isDisabled,
|
|
@@ -199,7 +195,7 @@ class Radio extends BaseComponent {
|
|
|
199
195
|
["".concat(prefix, "-addon-buttonRadio-checked")]: isButtonRadio && realChecked,
|
|
200
196
|
["".concat(prefix, "-addon-buttonRadio-disabled")]: isButtonRadio && isDisabled,
|
|
201
197
|
["".concat(prefix, "-addon-buttonRadio-hover")]: isButtonRadio && !realChecked && !isDisabled && isHover,
|
|
202
|
-
[
|
|
198
|
+
["".concat(prefix, "-addon-buttonRadio-").concat(buttonSize)]: isButtonRadio && buttonSize,
|
|
203
199
|
["".concat(prefix, "-focus")]: focusVisible && isButtonRadio
|
|
204
200
|
}, addonClassName);
|
|
205
201
|
|
|
@@ -229,7 +225,7 @@ class Radio extends BaseComponent {
|
|
|
229
225
|
className: wrapper,
|
|
230
226
|
onMouseEnter: this.handleMouseEnter,
|
|
231
227
|
onMouseLeave: this.handleMouseLeave
|
|
232
|
-
}, /*#__PURE__*/React.createElement(RadioInner,
|
|
228
|
+
}, /*#__PURE__*/React.createElement(RadioInner, Object.assign({}, this.props, props, {
|
|
233
229
|
mode: realMode,
|
|
234
230
|
name: name !== null && name !== void 0 ? name : groupName,
|
|
235
231
|
isButtonRadio: isButtonRadio,
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
3
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
4
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
5
2
|
import React from 'react';
|
|
6
3
|
import PropTypes from 'prop-types';
|
|
7
4
|
import classnames from 'classnames';
|
|
@@ -48,7 +45,7 @@ class RadioGroup extends BaseComponent {
|
|
|
48
45
|
}
|
|
49
46
|
|
|
50
47
|
get adapter() {
|
|
51
|
-
return
|
|
48
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
52
49
|
setValue: value => {
|
|
53
50
|
this.setState({
|
|
54
51
|
value
|
|
@@ -63,8 +60,6 @@ class RadioGroup extends BaseComponent {
|
|
|
63
60
|
}
|
|
64
61
|
|
|
65
62
|
render() {
|
|
66
|
-
var _context, _context2, _context3;
|
|
67
|
-
|
|
68
63
|
const {
|
|
69
64
|
children,
|
|
70
65
|
options,
|
|
@@ -85,18 +80,16 @@ class RadioGroup extends BaseComponent {
|
|
|
85
80
|
const prefixClsDisplay = classnames(className, {
|
|
86
81
|
[prefix]: true,
|
|
87
82
|
["".concat(prefix, "-wrapper")]: true,
|
|
88
|
-
[
|
|
89
|
-
[
|
|
90
|
-
[
|
|
83
|
+
["".concat(prefix, "-").concat(direction)]: direction && !isButtonRadio,
|
|
84
|
+
["".concat(prefix, "-").concat(direction, "-default")]: direction && isDefaultRadio,
|
|
85
|
+
["".concat(prefix, "-").concat(direction, "-card")]: direction && isCardRadio,
|
|
91
86
|
["".concat(prefix, "-buttonRadio")]: isButtonRadio
|
|
92
87
|
});
|
|
93
88
|
const realValue = this.state.value;
|
|
94
89
|
let inner;
|
|
95
90
|
|
|
96
91
|
if (options) {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
inner = _mapInstanceProperty(_context4 = options || []).call(_context4, (option, index) => {
|
|
92
|
+
inner = (options || []).map((option, index) => {
|
|
100
93
|
if (typeof option === 'string') {
|
|
101
94
|
return /*#__PURE__*/React.createElement(Radio, {
|
|
102
95
|
key: index,
|
|
@@ -115,9 +108,7 @@ class RadioGroup extends BaseComponent {
|
|
|
115
108
|
}
|
|
116
109
|
});
|
|
117
110
|
} else if (children) {
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
inner = _mapInstanceProperty(_context5 = React.Children).call(_context5, children, (itm, index) => /*#__PURE__*/React.isValidElement(itm) ? /*#__PURE__*/React.cloneElement(itm, {
|
|
111
|
+
inner = React.Children.map(children, (itm, index) => /*#__PURE__*/React.isValidElement(itm) ? /*#__PURE__*/React.cloneElement(itm, {
|
|
121
112
|
key: index
|
|
122
113
|
}) : null);
|
|
123
114
|
}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import _noop from "lodash/noop";
|
|
2
|
-
import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
|
|
3
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
4
2
|
import React from 'react';
|
|
5
3
|
import PropTypes from 'prop-types';
|
|
6
4
|
import RadioInnerFoundation from '@douyinfe/semi-foundation/lib/es/radio/radioInnerFoundation';
|
|
@@ -12,18 +10,16 @@ import { IconRadio } from '@douyinfe/semi-icons';
|
|
|
12
10
|
|
|
13
11
|
class RadioInner extends BaseComponent {
|
|
14
12
|
constructor(props) {
|
|
15
|
-
var _context;
|
|
16
|
-
|
|
17
13
|
super(props);
|
|
18
14
|
this.state = {
|
|
19
15
|
checked: false
|
|
20
16
|
};
|
|
21
17
|
this.foundation = new RadioInnerFoundation(this.adapter);
|
|
22
|
-
this.onChange =
|
|
18
|
+
this.onChange = this.onChange.bind(this);
|
|
23
19
|
}
|
|
24
20
|
|
|
25
21
|
get adapter() {
|
|
26
|
-
return
|
|
22
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
27
23
|
setNativeControlChecked: checked => {
|
|
28
24
|
this.setState({
|
|
29
25
|
checked
|
package/lib/es/rating/index.js
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
2
|
-
import _keysInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/keys";
|
|
3
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
4
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
5
1
|
import React from 'react';
|
|
6
2
|
import ReactDOM from 'react-dom';
|
|
7
3
|
import BaseComponent from '../_base/baseComponent';
|
|
@@ -103,8 +99,6 @@ export default class Rating extends BaseComponent {
|
|
|
103
99
|
};
|
|
104
100
|
|
|
105
101
|
this.getItemList = ariaLabelPrefix => {
|
|
106
|
-
var _context, _context2;
|
|
107
|
-
|
|
108
102
|
const {
|
|
109
103
|
count,
|
|
110
104
|
allowHalf,
|
|
@@ -120,7 +114,7 @@ export default class Rating extends BaseComponent {
|
|
|
120
114
|
focused
|
|
121
115
|
} = this.state; // index == count is for Empty rating
|
|
122
116
|
|
|
123
|
-
const itemList =
|
|
117
|
+
const itemList = [...Array(count + 1).keys()].map(ind => {
|
|
124
118
|
const content = /*#__PURE__*/React.createElement(Item, {
|
|
125
119
|
ref: this.saveRef(ind),
|
|
126
120
|
index: ind,
|
|
@@ -141,21 +135,18 @@ export default class Rating extends BaseComponent {
|
|
|
141
135
|
});
|
|
142
136
|
|
|
143
137
|
if (tooltips) {
|
|
144
|
-
var _context3;
|
|
145
|
-
|
|
146
138
|
const text = tooltips[ind] ? tooltips[ind] : '';
|
|
147
139
|
const showTips = hoverValue - 1 === ind;
|
|
148
140
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
149
141
|
visible: showTips,
|
|
150
142
|
trigger: "custom",
|
|
151
143
|
content: text,
|
|
152
|
-
key:
|
|
144
|
+
key: "".concat(ind, "-").concat(showTips)
|
|
153
145
|
}, content);
|
|
154
146
|
}
|
|
155
147
|
|
|
156
148
|
return content;
|
|
157
149
|
});
|
|
158
|
-
|
|
159
150
|
return itemList;
|
|
160
151
|
};
|
|
161
152
|
|
|
@@ -173,7 +164,7 @@ export default class Rating extends BaseComponent {
|
|
|
173
164
|
|
|
174
165
|
static getDerivedStateFromProps(nextProps, state) {
|
|
175
166
|
if ('value' in nextProps && nextProps.value !== undefined) {
|
|
176
|
-
return
|
|
167
|
+
return Object.assign(Object.assign({}, state), {
|
|
177
168
|
value: nextProps.value
|
|
178
169
|
});
|
|
179
170
|
}
|
|
@@ -182,7 +173,7 @@ export default class Rating extends BaseComponent {
|
|
|
182
173
|
}
|
|
183
174
|
|
|
184
175
|
get adapter() {
|
|
185
|
-
return
|
|
176
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
186
177
|
focus: () => {
|
|
187
178
|
const {
|
|
188
179
|
disabled,
|
|
@@ -274,8 +265,6 @@ export default class Rating extends BaseComponent {
|
|
|
274
265
|
}
|
|
275
266
|
|
|
276
267
|
render() {
|
|
277
|
-
var _context4, _context5, _context6;
|
|
278
|
-
|
|
279
268
|
const {
|
|
280
269
|
style,
|
|
281
270
|
prefixCls,
|
|
@@ -290,9 +279,7 @@ export default class Rating extends BaseComponent {
|
|
|
290
279
|
emptyStarFocusVisible
|
|
291
280
|
} = this.state;
|
|
292
281
|
const ariaLabelPrefix = this.getAriaLabelPrefix();
|
|
293
|
-
|
|
294
|
-
const ariaLabel = _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = _concatInstanceProperty(_context6 = "Rating: ".concat(value, " of ")).call(_context6, count, " ")).call(_context5, ariaLabelPrefix)).call(_context4, value === 1 ? '' : 's', ",");
|
|
295
|
-
|
|
282
|
+
const ariaLabel = "Rating: ".concat(value, " of ").concat(count, " ").concat(ariaLabelPrefix).concat(value === 1 ? '' : 's', ",");
|
|
296
283
|
const itemList = this.getItemList(ariaLabelPrefix);
|
|
297
284
|
const listCls = cls(prefixCls, {
|
|
298
285
|
["".concat(prefixCls, "-disabled")]: disabled,
|
package/lib/es/rating/item.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
2
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
3
1
|
import React from 'react';
|
|
4
2
|
import cls from 'classnames';
|
|
5
3
|
import PropTypes from 'prop-types';
|
|
@@ -91,7 +89,7 @@ export default class Item extends BaseComponent {
|
|
|
91
89
|
}
|
|
92
90
|
|
|
93
91
|
get adapter() {
|
|
94
|
-
return
|
|
92
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
95
93
|
setFirstStarFocus: value => {
|
|
96
94
|
this.setState({
|
|
97
95
|
firstStarFocus: value
|
|
@@ -106,8 +104,6 @@ export default class Item extends BaseComponent {
|
|
|
106
104
|
}
|
|
107
105
|
|
|
108
106
|
render() {
|
|
109
|
-
var _context, _context2, _context3, _context4;
|
|
110
|
-
|
|
111
107
|
const {
|
|
112
108
|
index,
|
|
113
109
|
prefixCls,
|
|
@@ -134,7 +130,7 @@ export default class Item extends BaseComponent {
|
|
|
134
130
|
const starCls = cls(prefixCls, {
|
|
135
131
|
["".concat(prefixCls, "-half")]: isHalf,
|
|
136
132
|
["".concat(prefixCls, "-full")]: isFull,
|
|
137
|
-
[
|
|
133
|
+
["".concat(prefixCls, "-").concat(size)]: !isCustomSize
|
|
138
134
|
});
|
|
139
135
|
const sizeStyle = isCustomSize ? {
|
|
140
136
|
width: size,
|
|
@@ -167,7 +163,7 @@ export default class Item extends BaseComponent {
|
|
|
167
163
|
'aria-posinset': 2 * index + 1,
|
|
168
164
|
'aria-setsize': AriaSetSize,
|
|
169
165
|
'aria-disabled': disabled,
|
|
170
|
-
'aria-label':
|
|
166
|
+
'aria-label': "".concat(index + 0.5, " ").concat(ariaLabelPrefix, "s"),
|
|
171
167
|
'aria-labelledby': this.props['aria-describedby'],
|
|
172
168
|
'aria-describedby': this.props['aria-describedby'],
|
|
173
169
|
className: cls("".concat(prefixCls, "-first"), "".concat(cssClasses.PREFIX, "-no-focus")),
|
|
@@ -187,7 +183,7 @@ export default class Item extends BaseComponent {
|
|
|
187
183
|
'aria-posinset': allowHalf ? 2 * (index + 1) : index + 1,
|
|
188
184
|
'aria-setsize': AriaSetSize,
|
|
189
185
|
'aria-disabled': disabled,
|
|
190
|
-
'aria-label':
|
|
186
|
+
'aria-label': "".concat(isEmpty ? 0 : index + 1, " ").concat(ariaLabelPrefix).concat(index === 0 ? '' : 's'),
|
|
191
187
|
'aria-labelledby': this.props['aria-describedby'],
|
|
192
188
|
'aria-describedby': this.props['aria-describedby'],
|
|
193
189
|
className: cls("".concat(prefixCls, "-second"), "".concat(cssClasses.PREFIX, "-no-focus")),
|
|
@@ -201,13 +197,13 @@ export default class Item extends BaseComponent {
|
|
|
201
197
|
};
|
|
202
198
|
return /*#__PURE__*/React.createElement("li", {
|
|
203
199
|
className: starCls,
|
|
204
|
-
style:
|
|
200
|
+
style: Object.assign({}, sizeStyle),
|
|
205
201
|
key: index
|
|
206
|
-
}, /*#__PURE__*/React.createElement("div",
|
|
202
|
+
}, /*#__PURE__*/React.createElement("div", Object.assign({}, starWrapProps), allowHalf && !isEmpty && /*#__PURE__*/React.createElement("div", Object.assign({}, firstStarProps, {
|
|
207
203
|
style: {
|
|
208
204
|
width: "".concat(firstWidth * 100, "%")
|
|
209
205
|
}
|
|
210
|
-
}), content), /*#__PURE__*/React.createElement("div",
|
|
206
|
+
}), content), /*#__PURE__*/React.createElement("div", Object.assign({}, secondStarProps, {
|
|
211
207
|
"x-semi-prop": "character"
|
|
212
208
|
}), content)));
|
|
213
209
|
}
|