@douyinfe/semi-ui 2.19.0-beta.0 → 2.19.1-alpha.2
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/avatar/index.tsx +1 -3
- package/button/buttonGroup.tsx +4 -38
- package/button/index.tsx +0 -2
- package/checkbox/_story/checkbox.stories.js +0 -2
- package/checkbox/checkbox.tsx +20 -25
- package/checkbox/checkboxGroup.tsx +0 -1
- package/dist/css/semi.css +138 -86
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +2931 -15958
- 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/getBabelConfig.js +1 -13
- 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.js +14 -35
- package/lib/cjs/anchor/link.js +7 -16
- 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 +0 -1
- package/lib/cjs/avatar/index.js +24 -49
- 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.d.ts +0 -1
- package/lib/cjs/button/buttonGroup.js +10 -78
- package/lib/cjs/button/index.d.ts +0 -1
- package/lib/cjs/button/index.js +7 -13
- 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 +0 -1
- package/lib/cjs/checkbox/checkbox.js +18 -36
- package/lib/cjs/checkbox/checkboxGroup.js +12 -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 +12 -25
- 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.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.d.ts +2 -4
- package/lib/cjs/popconfirm/index.js +41 -68
- 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 +0 -1
- package/lib/cjs/radio/radio.js +23 -41
- package/lib/cjs/radio/radioGroup.js +12 -27
- 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 +10 -23
- package/lib/cjs/tag/index.d.ts +1 -1
- package/lib/cjs/tag/index.js +20 -48
- 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 +25 -46
- 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/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.js +11 -30
- package/lib/es/anchor/link.js +4 -8
- 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 +0 -1
- package/lib/es/avatar/index.js +19 -32
- 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.d.ts +0 -1
- package/lib/es/button/buttonGroup.js +5 -60
- package/lib/es/button/index.d.ts +0 -1
- package/lib/es/button/index.js +4 -7
- 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 +0 -1
- package/lib/es/checkbox/checkbox.js +13 -27
- package/lib/es/checkbox/checkboxGroup.js +7 -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 +9 -16
- 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/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.d.ts +2 -4
- package/lib/es/popconfirm/index.js +38 -59
- 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 +0 -1
- package/lib/es/radio/radio.js +18 -31
- package/lib/es/radio/radioGroup.js +7 -16
- 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 +5 -13
- package/lib/es/tag/index.d.ts +1 -1
- package/lib/es/tag/index.js +13 -24
- 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 +18 -29
- 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 +8 -9
- package/popconfirm/_story/popconfirm.stories.js +1 -37
- package/popconfirm/index.tsx +6 -14
- package/radio/_story/radio.stories.js +5 -5
- package/radio/radio.tsx +19 -22
- package/radio/radioGroup.tsx +1 -1
- package/tag/index.tsx +1 -1
- package/treeSelect/_story/treeSelect.stories.js +0 -3
|
@@ -1,33 +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 _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
18
|
-
|
|
19
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
20
|
-
|
|
21
|
-
var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
|
|
22
|
-
|
|
23
|
-
var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
|
|
24
|
-
|
|
25
|
-
var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
|
|
26
|
-
|
|
27
|
-
var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
|
|
28
|
-
|
|
29
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
30
|
-
|
|
31
8
|
var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
|
|
32
9
|
|
|
33
10
|
var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
|
|
@@ -36,18 +13,20 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
36
13
|
|
|
37
14
|
var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
|
|
38
15
|
|
|
39
|
-
var
|
|
16
|
+
var _context = require("./context");
|
|
40
17
|
|
|
41
18
|
var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
|
|
42
19
|
|
|
43
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof
|
|
20
|
+
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); }
|
|
21
|
+
|
|
22
|
+
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; }
|
|
44
23
|
|
|
45
|
-
function
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
46
25
|
|
|
47
26
|
/* eslint-disable react/destructuring-assignment */
|
|
48
|
-
const filterArrayByIndex = (array, index) =>
|
|
27
|
+
const filterArrayByIndex = (array, index) => array.filter((item, i) => i !== index);
|
|
49
28
|
|
|
50
|
-
const getUuidByArray = array =>
|
|
29
|
+
const getUuidByArray = array => array.map(() => (0, _uuid.getUuidv4)());
|
|
51
30
|
|
|
52
31
|
const getUpdateKey = arrayField => {
|
|
53
32
|
if (!arrayField) {
|
|
@@ -64,7 +43,7 @@ const getUpdateKey = arrayField => {
|
|
|
64
43
|
const initValueAdapter = initValue => {
|
|
65
44
|
const iv = [];
|
|
66
45
|
|
|
67
|
-
if (
|
|
46
|
+
if (Array.isArray(initValue)) {
|
|
68
47
|
return initValue;
|
|
69
48
|
} else {
|
|
70
49
|
(0, _warning.default)(!(0, _isUndefined2.default)(initValue), '[Semi Form ArrayField] initValue of ArrayField must be an array. Please check the type of your props');
|
|
@@ -83,14 +62,12 @@ const generateKeys = (value, oldKeys) => {
|
|
|
83
62
|
const val = initValueAdapter(value);
|
|
84
63
|
const newKeys = getUuidByArray(val); // return newKeys;
|
|
85
64
|
|
|
86
|
-
const keys =
|
|
65
|
+
const keys = newKeys.map((key, i) => oldKeys && oldKeys[i] ? oldKeys[i] : key);
|
|
87
66
|
return keys;
|
|
88
67
|
};
|
|
89
68
|
|
|
90
69
|
class ArrayFieldComponent extends _react.Component {
|
|
91
70
|
constructor(props, context) {
|
|
92
|
-
var _context, _context2, _context3;
|
|
93
|
-
|
|
94
71
|
super(props, context);
|
|
95
72
|
const initValueInProps = this.props.initValue;
|
|
96
73
|
const {
|
|
@@ -101,9 +78,9 @@ class ArrayFieldComponent extends _react.Component {
|
|
|
101
78
|
this.state = {
|
|
102
79
|
keys: generateKeys(initValue)
|
|
103
80
|
};
|
|
104
|
-
this.add =
|
|
105
|
-
this.addWithInitValue =
|
|
106
|
-
this.remove =
|
|
81
|
+
this.add = this.add.bind(this);
|
|
82
|
+
this.addWithInitValue = this.addWithInitValue.bind(this);
|
|
83
|
+
this.remove = this.remove.bind(this);
|
|
107
84
|
this.cacheFieldValues = null;
|
|
108
85
|
this.cacheUpdateKey = null;
|
|
109
86
|
/*
|
|
@@ -170,13 +147,11 @@ class ArrayFieldComponent extends _react.Component {
|
|
|
170
147
|
}
|
|
171
148
|
|
|
172
149
|
addWithInitValue(lineObject) {
|
|
173
|
-
var _context4;
|
|
174
|
-
|
|
175
150
|
const updater = this.context;
|
|
176
151
|
const {
|
|
177
152
|
field
|
|
178
153
|
} = this.props;
|
|
179
|
-
const newArrayFieldVal = updater.getValue(field) ?
|
|
154
|
+
const newArrayFieldVal = updater.getValue(field) ? updater.getValue(field).slice() : [];
|
|
180
155
|
newArrayFieldVal.push(lineObject);
|
|
181
156
|
updater.updateStateValue(field, newArrayFieldVal, {});
|
|
182
157
|
updater.updateArrayField(field, {
|
|
@@ -200,9 +175,9 @@ class ArrayFieldComponent extends _react.Component {
|
|
|
200
175
|
notUpdate: true
|
|
201
176
|
};
|
|
202
177
|
|
|
203
|
-
if (
|
|
204
|
-
newArrayFieldError =
|
|
205
|
-
|
|
178
|
+
if (Array.isArray(newArrayFieldError)) {
|
|
179
|
+
newArrayFieldError = newArrayFieldError.slice();
|
|
180
|
+
newArrayFieldError.splice(i, 1);
|
|
206
181
|
updater.updateStateError(field, newArrayFieldError, opts);
|
|
207
182
|
} // if (Array.isArray(newArrayFieldTouched)) {
|
|
208
183
|
// newArrayFieldTouched = newArrayFieldTouched.slice();
|
|
@@ -213,9 +188,9 @@ class ArrayFieldComponent extends _react.Component {
|
|
|
213
188
|
|
|
214
189
|
let newArrayFieldValue = updater.getValue(field);
|
|
215
190
|
|
|
216
|
-
if (
|
|
217
|
-
newArrayFieldValue =
|
|
218
|
-
|
|
191
|
+
if (Array.isArray(newArrayFieldValue)) {
|
|
192
|
+
newArrayFieldValue = newArrayFieldValue.slice();
|
|
193
|
+
newArrayFieldValue.splice(i, 1);
|
|
219
194
|
updater.updateStateValue(field, newArrayFieldValue);
|
|
220
195
|
}
|
|
221
196
|
|
|
@@ -232,16 +207,12 @@ class ArrayFieldComponent extends _react.Component {
|
|
|
232
207
|
const {
|
|
233
208
|
keys
|
|
234
209
|
} = this.state;
|
|
235
|
-
const arrayFields =
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
field: (0, _concat.default)(_context5 = "".concat(field, "[")).call(_context5, i, "]"),
|
|
242
|
-
remove: () => this.remove(i)
|
|
243
|
-
};
|
|
244
|
-
});
|
|
210
|
+
const arrayFields = keys.map((key, i) => ({
|
|
211
|
+
// key: i,
|
|
212
|
+
key,
|
|
213
|
+
field: "".concat(field, "[").concat(i, "]"),
|
|
214
|
+
remove: () => this.remove(i)
|
|
215
|
+
}));
|
|
245
216
|
const {
|
|
246
217
|
add
|
|
247
218
|
} = this;
|
|
@@ -251,7 +222,7 @@ class ArrayFieldComponent extends _react.Component {
|
|
|
251
222
|
const contextVal = {
|
|
252
223
|
shouldUseInitValue: this.shouldUseInitValue
|
|
253
224
|
};
|
|
254
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
225
|
+
return /*#__PURE__*/_react.default.createElement(_context.ArrayFieldContext.Provider, {
|
|
255
226
|
value: contextVal
|
|
256
227
|
}, children({
|
|
257
228
|
arrayFields,
|
|
@@ -262,6 +233,6 @@ class ArrayFieldComponent extends _react.Component {
|
|
|
262
233
|
|
|
263
234
|
}
|
|
264
235
|
|
|
265
|
-
ArrayFieldComponent.contextType =
|
|
236
|
+
ArrayFieldComponent.contextType = _context.FormUpdaterContext;
|
|
266
237
|
var _default = ArrayFieldComponent;
|
|
267
238
|
exports.default = _default;
|
|
@@ -126,7 +126,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
|
|
|
126
126
|
onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
|
|
127
127
|
children?: React.ReactNode;
|
|
128
128
|
preventScroll?: boolean;
|
|
129
|
-
} & Pick<import("../tooltip").TooltipProps, "
|
|
129
|
+
} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
|
|
130
130
|
static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
|
|
131
131
|
static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
|
|
132
132
|
static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
|
package/lib/cjs/form/baseForm.js
CHANGED
|
@@ -1,29 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.default = void 0;
|
|
12
7
|
|
|
13
|
-
var _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 _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
|
|
18
|
-
|
|
19
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
20
|
-
|
|
21
|
-
var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
|
|
22
|
-
|
|
23
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
24
|
-
|
|
25
|
-
var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/values"));
|
|
26
|
-
|
|
27
8
|
var _noop2 = _interopRequireDefault(require("lodash/noop"));
|
|
28
9
|
|
|
29
10
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -42,7 +23,7 @@ var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs
|
|
|
42
23
|
|
|
43
24
|
var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
|
|
44
25
|
|
|
45
|
-
var
|
|
26
|
+
var _context = require("./context");
|
|
46
27
|
|
|
47
28
|
var _reactUtils = require("../_base/reactUtils");
|
|
48
29
|
|
|
@@ -64,13 +45,15 @@ require("@douyinfe/semi-foundation/lib/cjs/form/form.css");
|
|
|
64
45
|
|
|
65
46
|
var _field = require("./field");
|
|
66
47
|
|
|
48
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
49
|
+
|
|
67
50
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
68
51
|
var t = {};
|
|
69
52
|
|
|
70
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
53
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
71
54
|
|
|
72
|
-
if (s != null && typeof
|
|
73
|
-
if (
|
|
55
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
56
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
74
57
|
}
|
|
75
58
|
return t;
|
|
76
59
|
};
|
|
@@ -81,8 +64,6 @@ const prefix = _constants.cssClasses.PREFIX;
|
|
|
81
64
|
|
|
82
65
|
class Form extends _baseComponent.default {
|
|
83
66
|
constructor(props) {
|
|
84
|
-
var _context, _context2;
|
|
85
|
-
|
|
86
67
|
super(props);
|
|
87
68
|
this.state = {
|
|
88
69
|
formId: ''
|
|
@@ -90,8 +71,8 @@ class Form extends _baseComponent.default {
|
|
|
90
71
|
(0, _warning.default)(Boolean(props.component && props.render), '[Semi Form] You should not use <Form component> and <Form render> in ths same time; <Form render> will be ignored');
|
|
91
72
|
(0, _warning.default)(props.component && props.children && !(0, _reactUtils.isEmptyChildren)(props.children), '[Semi Form] You should not use <Form component> and <Form>{children}</Form> in ths same time; <Form>{children}</Form> will be ignored');
|
|
92
73
|
(0, _warning.default)(props.render && props.children && !(0, _reactUtils.isEmptyChildren)(props.children), '[Semi Form] You should not use <Form render> and <Form>{children}</Form> in ths same time; <Form>{children}</Form> will be ignored');
|
|
93
|
-
this.submit =
|
|
94
|
-
this.reset =
|
|
74
|
+
this.submit = this.submit.bind(this);
|
|
75
|
+
this.reset = this.reset.bind(this);
|
|
95
76
|
this.foundation = new _foundation.default(this.adapter);
|
|
96
77
|
this.formApi = this.foundation.getFormApi();
|
|
97
78
|
|
|
@@ -109,7 +90,7 @@ class Form extends _baseComponent.default {
|
|
|
109
90
|
}
|
|
110
91
|
|
|
111
92
|
get adapter() {
|
|
112
|
-
return
|
|
93
|
+
return Object.assign(Object.assign({}, super.adapter), {
|
|
113
94
|
cloneDeep: _index.cloneDeep,
|
|
114
95
|
notifySubmit: values => {
|
|
115
96
|
this.props.onSubmit(values);
|
|
@@ -142,25 +123,19 @@ class Form extends _baseComponent.default {
|
|
|
142
123
|
return this.props[keys];
|
|
143
124
|
} else {
|
|
144
125
|
const props = {};
|
|
145
|
-
|
|
126
|
+
keys.forEach(key => {
|
|
146
127
|
props[key] = this.props[key];
|
|
147
128
|
});
|
|
148
129
|
return props;
|
|
149
130
|
}
|
|
150
131
|
},
|
|
151
132
|
getAllErrorDOM: () => {
|
|
152
|
-
var _context3;
|
|
153
|
-
|
|
154
133
|
const {
|
|
155
134
|
formId
|
|
156
135
|
} = this.state;
|
|
157
|
-
return document.querySelectorAll(
|
|
136
|
+
return document.querySelectorAll("form[x-form-id=\"".concat(formId, "\"] .").concat(_constants.cssClasses.PREFIX, "-field-error-message"));
|
|
158
137
|
},
|
|
159
|
-
getFieldDOM: field =>
|
|
160
|
-
var _context4;
|
|
161
|
-
|
|
162
|
-
return document.querySelector((0, _concat.default)(_context4 = ".".concat(_constants.cssClasses.PREFIX, "-field[x-field-id=\"")).call(_context4, field, "\"]"));
|
|
163
|
-
}
|
|
138
|
+
getFieldDOM: field => document.querySelector(".".concat(_constants.cssClasses.PREFIX, "-field[x-field-id=\"").concat(field, "\"]"))
|
|
164
139
|
});
|
|
165
140
|
}
|
|
166
141
|
|
|
@@ -174,7 +149,7 @@ class Form extends _baseComponent.default {
|
|
|
174
149
|
const props = {
|
|
175
150
|
formState,
|
|
176
151
|
formApi: this.foundation.getFormApi(),
|
|
177
|
-
values:
|
|
152
|
+
values: formState.values
|
|
178
153
|
};
|
|
179
154
|
|
|
180
155
|
if (component) {
|
|
@@ -243,7 +218,7 @@ class Form extends _baseComponent.default {
|
|
|
243
218
|
});
|
|
244
219
|
const showldAppendRow = wrapperCol && labelCol;
|
|
245
220
|
|
|
246
|
-
const formContent = /*#__PURE__*/_react.default.createElement("form",
|
|
221
|
+
const formContent = /*#__PURE__*/_react.default.createElement("form", Object.assign({
|
|
247
222
|
style: style
|
|
248
223
|
}, rest, {
|
|
249
224
|
onReset: this.reset,
|
|
@@ -254,11 +229,11 @@ class Form extends _baseComponent.default {
|
|
|
254
229
|
|
|
255
230
|
const withRowForm = /*#__PURE__*/_react.default.createElement(_row.default, null, formContent);
|
|
256
231
|
|
|
257
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
232
|
+
return /*#__PURE__*/_react.default.createElement(_context.FormUpdaterContext.Provider, {
|
|
258
233
|
value: updaterApi
|
|
259
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
234
|
+
}, /*#__PURE__*/_react.default.createElement(_context.FormApiContext.Provider, {
|
|
260
235
|
value: this.formApi
|
|
261
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
236
|
+
}, /*#__PURE__*/_react.default.createElement(_context.FormStateContext.Provider, {
|
|
262
237
|
value: formState
|
|
263
238
|
}, showldAppendRow ? withRowForm : formContent)));
|
|
264
239
|
}
|
package/lib/cjs/form/context.js
CHANGED
|
@@ -1,17 +1,14 @@
|
|
|
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.FormUpdaterContext = exports.FormStateContext = exports.FormApiContext = exports.ArrayFieldContext = void 0;
|
|
12
7
|
|
|
13
8
|
var _react = _interopRequireDefault(require("react"));
|
|
14
9
|
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
15
12
|
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
16
13
|
const FormStateContext = /*#__PURE__*/_react.default.createContext({});
|
|
17
14
|
|
|
@@ -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 _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
|
|
18
|
-
|
|
19
|
-
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
20
|
-
|
|
21
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
22
9
|
|
|
23
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -28,9 +15,11 @@ var _constants = require("@douyinfe/semi-foundation/lib/cjs/form/constants");
|
|
|
28
15
|
|
|
29
16
|
var _semiIcons = require("@douyinfe/semi-icons");
|
|
30
17
|
|
|
31
|
-
function
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
|
|
20
|
+
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); }
|
|
32
21
|
|
|
33
|
-
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 =
|
|
22
|
+
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; }
|
|
34
23
|
|
|
35
24
|
/* eslint-disable prefer-template */
|
|
36
25
|
const prefix = _constants.cssClasses.PREFIX;
|
|
@@ -52,8 +41,8 @@ class ErrorMessage extends _react.PureComponent {
|
|
|
52
41
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
53
42
|
id: id
|
|
54
43
|
}, error);
|
|
55
|
-
} else if (
|
|
56
|
-
const err =
|
|
44
|
+
} else if (Array.isArray(error)) {
|
|
45
|
+
const err = error.filter(e => e);
|
|
57
46
|
return err.length ? /*#__PURE__*/_react.default.createElement("span", {
|
|
58
47
|
id: id
|
|
59
48
|
}, err.join(', ')) : null;
|
package/lib/cjs/form/field.d.ts
CHANGED
|
@@ -74,7 +74,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
|
|
|
74
74
|
onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
|
|
75
75
|
children?: import("react").ReactNode;
|
|
76
76
|
preventScroll?: boolean;
|
|
77
|
-
} & Pick<import("../tooltip").TooltipProps, "
|
|
77
|
+
} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
|
|
78
78
|
declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
|
|
79
79
|
declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
|
|
80
80
|
declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
|
package/lib/cjs/form/field.js
CHANGED
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
|
|
11
6
|
exports.FormUpload = exports.FormTreeSelect = exports.FormTimePicker = exports.FormTextArea = exports.FormTagInput = exports.FormSwitch = exports.FormSlider = exports.FormSelect = exports.FormRating = exports.FormRadioGroup = exports.FormRadio = exports.FormInputNumber = exports.FormInput = exports.FormDatePicker = exports.FormCheckboxGroup = exports.FormCheckbox = exports.FormCascader = exports.FormAutoComplete = void 0;
|
|
12
7
|
|
|
13
8
|
var _withField = _interopRequireDefault(require("./hoc/withField"));
|
|
@@ -48,6 +43,8 @@ var _index14 = _interopRequireDefault(require("../upload/index"));
|
|
|
48
43
|
|
|
49
44
|
var _index15 = _interopRequireDefault(require("../tagInput/index"));
|
|
50
45
|
|
|
46
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
47
|
+
|
|
51
48
|
/* eslint-disable max-len */
|
|
52
49
|
// Basic component
|
|
53
50
|
const FormInput = (0, _withField.default)(_index.default, {
|
package/lib/cjs/form/group.js
CHANGED
|
@@ -1,27 +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 _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
22
|
-
|
|
23
|
-
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
24
|
-
|
|
25
8
|
var _isString2 = _interopRequireDefault(require("lodash/isString"));
|
|
26
9
|
|
|
27
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -38,23 +21,25 @@ var _errorMessage = _interopRequireDefault(require("./errorMessage"));
|
|
|
38
21
|
|
|
39
22
|
var _label = _interopRequireDefault(require("./label"));
|
|
40
23
|
|
|
41
|
-
var
|
|
24
|
+
var _context = require("./context");
|
|
42
25
|
|
|
43
26
|
var _index = require("./hooks/index");
|
|
44
27
|
|
|
45
28
|
var _inputGroup = _interopRequireDefault(require("../input/inputGroup"));
|
|
46
29
|
|
|
47
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof
|
|
30
|
+
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); }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
48
33
|
|
|
49
|
-
function
|
|
34
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
50
35
|
|
|
51
36
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
52
37
|
var t = {};
|
|
53
38
|
|
|
54
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &&
|
|
39
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
55
40
|
|
|
56
|
-
if (s != null && typeof
|
|
57
|
-
if (
|
|
41
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
58
43
|
}
|
|
59
44
|
return t;
|
|
60
45
|
};
|
|
@@ -70,7 +55,7 @@ const GroupError = props => {
|
|
|
70
55
|
fieldSet
|
|
71
56
|
} = props;
|
|
72
57
|
const formState = (0, _index.useFormState)();
|
|
73
|
-
const error =
|
|
58
|
+
const error = fieldSet.map(field => ObjectUtil.get(formState.errors, field));
|
|
74
59
|
|
|
75
60
|
if ((0, _utils.isValid)(error)) {
|
|
76
61
|
return null;
|
|
@@ -92,7 +77,7 @@ class FormInputGroup extends _react.Component {
|
|
|
92
77
|
text: label
|
|
93
78
|
});
|
|
94
79
|
} else {
|
|
95
|
-
return /*#__PURE__*/_react.default.createElement(_label.default,
|
|
80
|
+
return /*#__PURE__*/_react.default.createElement(_label.default, Object.assign({
|
|
96
81
|
width: formProps.labelWidth
|
|
97
82
|
}, label));
|
|
98
83
|
}
|
|
@@ -102,8 +87,6 @@ class FormInputGroup extends _react.Component {
|
|
|
102
87
|
}
|
|
103
88
|
|
|
104
89
|
render() {
|
|
105
|
-
var _context;
|
|
106
|
-
|
|
107
90
|
const _a = this.props,
|
|
108
91
|
{
|
|
109
92
|
children,
|
|
@@ -115,7 +98,8 @@ class FormInputGroup extends _react.Component {
|
|
|
115
98
|
const formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'showValidateIcon']);
|
|
116
99
|
const labelPosition = this.props.labelPosition || formProps.labelPosition;
|
|
117
100
|
const groupFieldSet = [];
|
|
118
|
-
|
|
101
|
+
|
|
102
|
+
const inner = _react.default.Children.map(children, child => {
|
|
119
103
|
if (child && child.props && child.props.field) {
|
|
120
104
|
groupFieldSet.push(child.props.field);
|
|
121
105
|
return /*#__PURE__*/_react.default.cloneElement(child, {
|
|
@@ -127,13 +111,14 @@ class FormInputGroup extends _react.Component {
|
|
|
127
111
|
|
|
128
112
|
return null;
|
|
129
113
|
});
|
|
114
|
+
|
|
130
115
|
const groupCls = (0, _classnames.default)({
|
|
131
116
|
["".concat(prefix, "-field-group")]: true
|
|
132
117
|
});
|
|
133
118
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
134
119
|
"x-label-pos": labelPosition,
|
|
135
120
|
className: groupCls
|
|
136
|
-
}, this.renderLabel(label, formProps), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_inputGroup.default,
|
|
121
|
+
}, this.renderLabel(label, formProps), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_inputGroup.default, Object.assign({}, rest), inner), /*#__PURE__*/_react.default.createElement(GroupError, {
|
|
137
122
|
fieldSet: groupFieldSet,
|
|
138
123
|
showValidateIcon: formProps.showValidateIcon,
|
|
139
124
|
isInInputGroup: true
|
|
@@ -142,6 +127,6 @@ class FormInputGroup extends _react.Component {
|
|
|
142
127
|
|
|
143
128
|
}
|
|
144
129
|
|
|
145
|
-
FormInputGroup.contextType =
|
|
130
|
+
FormInputGroup.contextType = _context.FormUpdaterContext;
|
|
146
131
|
var _default = FormInputGroup;
|
|
147
132
|
exports.default = _default;
|