@qsxy/element-plus-react 1.0.0-next.1 → 1.0.0-next.10
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/README.md +95 -0
- package/dist/Avatar/Avatar.d.ts +4 -0
- package/dist/Avatar/Avatar.js +86 -0
- package/dist/Avatar/index.d.ts +2 -0
- package/dist/{VirtualList → Avatar}/index.js +7 -7
- package/dist/Avatar/typings.d.ts +21 -0
- package/dist/{VirtualList/interface.js → Avatar/typings.js} +3 -3
- package/dist/Badge/Badge.js +4 -5
- package/dist/Badge/typings.d.ts +10 -0
- package/dist/Breadcrumb/Breadcrumb.js +1 -4
- package/dist/Breadcrumb/typings.d.ts +4 -0
- package/dist/Button/Button.d.ts +0 -1
- package/dist/Button/Button.js +21 -9
- package/dist/Button/typings.d.ts +28 -0
- package/dist/Calendar/Calendar.js +1 -2
- package/dist/Calendar/CalendarContext.d.ts +10 -0
- package/dist/Calendar/Footer.js +1 -2
- package/dist/Calendar/Header.js +3 -8
- package/dist/Calendar/ShortCuts.d.ts +2 -0
- package/dist/Calendar/typings.d.ts +18 -0
- package/dist/Card/typings.d.ts +4 -0
- package/dist/Carousel/Carousel.d.ts +4 -0
- package/dist/Carousel/Carousel.js +168 -0
- package/dist/Carousel/CarouselContext.d.ts +4 -0
- package/dist/{VirtualList/Item.js → Carousel/CarouselContext.js} +29 -14
- package/dist/Carousel/CarouselItem.d.ts +4 -0
- package/dist/Carousel/CarouselItem.js +75 -0
- package/dist/Carousel/hooks/useCarousel.d.ts +37 -0
- package/dist/Carousel/hooks/useCarousel.js +348 -0
- package/dist/Carousel/hooks/useCarouselItem.d.ts +8 -0
- package/dist/Carousel/hooks/useCarouselItem.js +161 -0
- package/dist/Carousel/index.d.ts +3 -0
- package/dist/Carousel/index.js +42 -0
- package/dist/Carousel/typings.d.ts +83 -0
- package/dist/{VirtualList/utils/findDOMNode.js → Carousel/typings.js} +3 -16
- package/dist/Cascader/Cascader.js +148 -182
- package/dist/Cascader/CascaderContext.d.ts +4 -10
- package/dist/Cascader/CascaderContext.js +2 -6
- package/dist/Cascader/CascaderDropdown.d.ts +1 -0
- package/dist/Cascader/CascaderDropdown.js +1 -1
- package/dist/Cascader/CascaderMenu.js +4 -77
- package/dist/Cascader/Utils.d.ts +0 -2
- package/dist/Cascader/Utils.js +0 -44
- package/dist/Cascader/index.d.ts +1 -1
- package/dist/Cascader/typings.d.ts +76 -12
- package/dist/Cascader/useCascader.d.ts +61 -3
- package/dist/Cascader/useCascader.js +14 -41
- package/dist/Checkbox/Checkbox.js +2 -6
- package/dist/Checkbox/CheckboxButton.js +2 -6
- package/dist/Checkbox/typings.d.ts +11 -0
- package/dist/CheckboxGroup/CheckboxGroup.d.ts +4 -0
- package/dist/CheckboxGroup/CheckboxGroupContext.d.ts +1 -0
- package/dist/Col/Col.js +1 -8
- package/dist/Col/typings.d.ts +10 -0
- package/dist/Collapse/CollapseContext.d.ts +3 -0
- package/dist/Collapse/CollapseItem.js +10 -8
- package/dist/Collapse/CollapseTransition.d.ts +7 -6
- package/dist/Collapse/CollapseTransition.js +49 -31
- package/dist/Collapse/typings.d.ts +7 -0
- package/dist/ColorPicker/AlphaSlider.d.ts +7 -0
- package/dist/ColorPicker/AlphaSlider.js +0 -1
- package/dist/ColorPicker/ColorPicker.js +0 -1
- package/dist/ColorPicker/HueSlider.d.ts +7 -0
- package/dist/ColorPicker/HueSlider.js +0 -1
- package/dist/ColorPicker/Predefine.d.ts +7 -0
- package/dist/ColorPicker/Predefine.js +0 -1
- package/dist/ColorPicker/SvPanel.d.ts +7 -0
- package/dist/ColorPicker/SvPanel.js +0 -1
- package/dist/ColorPicker/typings.d.ts +9 -0
- package/dist/ConfigProvider/ConfigProvider.d.ts +5 -0
- package/dist/DatePicker/DatePicker.js +25 -14
- package/dist/DatePicker/DateRangePicker.js +11 -10
- package/dist/DatePicker/typings.d.ts +69 -0
- package/dist/DateTimePicker/DateTimePicker.d.ts +1 -1
- package/dist/DateTimePicker/DateTimePicker.js +13 -11
- package/dist/DateTimePicker/typings.d.ts +1 -0
- package/dist/Descriptions/Descriptions.js +1 -5
- package/dist/Descriptions/DescriptionsContext.d.ts +2 -0
- package/dist/Descriptions/typings.d.ts +13 -0
- package/dist/Dialog/Dialog.d.ts +0 -1
- package/dist/Dialog/Dialog.js +5 -8
- package/dist/Dialog/DialogBody.js +0 -3
- package/dist/Dialog/DialogContext.d.ts +8 -0
- package/dist/Dialog/DialogHeader.js +1 -4
- package/dist/Dialog/typings.d.ts +38 -2
- package/dist/Divider/Divider.d.ts +4 -0
- package/dist/Divider/Divider.js +1 -6
- package/dist/Drawer/Drawer.js +28 -14
- package/dist/Drawer/DrawerBody.js +1 -4
- package/dist/Drawer/DrawerContext.d.ts +10 -0
- package/dist/Drawer/DrawerHeader.js +1 -4
- package/dist/Drawer/typings.d.ts +16 -0
- package/dist/Dropdown/Dropdown.js +12 -8
- package/dist/Dropdown/DropdownContext.d.ts +2 -0
- package/dist/Dropdown/typings.d.ts +16 -1
- package/dist/Empty/Empty.js +1 -4
- package/dist/Empty/ImgEmpty.js +1 -1
- package/dist/Form/Form.js +10 -6
- package/dist/Form/FormItem.d.ts +12 -0
- package/dist/Form/FormItem.js +3 -1
- package/dist/Form/typings.d.ts +55 -0
- package/dist/Form/useForm.d.ts +22 -0
- package/dist/Form/utils/NameMap.d.ts +3 -0
- package/dist/Form/utils/classUtil.js +2 -2
- package/dist/Form/utils/validateUtil.d.ts +4 -0
- package/dist/Form/utils/valueUtil.d.ts +17 -0
- package/dist/Icon/Icon.js +1 -4
- package/dist/Icon/typings.d.ts +7 -0
- package/dist/Input/Input.js +18 -10
- package/dist/Input/InputRange.js +14 -11
- package/dist/Input/TextArea.js +8 -4
- package/dist/Input/typings.d.ts +61 -0
- package/dist/InputNumber/InputNumber.js +10 -7
- package/dist/InputNumber/typings.d.ts +21 -0
- package/dist/Link/Link.js +1 -4
- package/dist/Link/typings.d.ts +6 -1
- package/dist/Loading/Loading.js +17 -9
- package/dist/Loading/typings.d.ts +5 -0
- package/dist/Message/Main.d.ts +7 -0
- package/dist/Message/Message.js +11 -8
- package/dist/Message/index.d.ts +8 -0
- package/dist/Message/typings.d.ts +11 -0
- package/dist/MessageBox/Main.js +3 -1
- package/dist/MessageBox/MessageBox.js +1 -1
- package/dist/MessageBox/index.d.ts +17 -3
- package/dist/MessageBox/index.js +1 -1
- package/dist/MessageBox/typings.d.ts +50 -0
- package/dist/Notification/Main.d.ts +7 -0
- package/dist/Notification/Notification.js +17 -14
- package/dist/Notification/index.d.ts +15 -0
- package/dist/Notification/typings.d.ts +13 -0
- package/dist/Pagination/Pagination.js +15 -11
- package/dist/Pagination/typings.d.ts +28 -0
- package/dist/Popconfirm/Popconfirm.js +14 -10
- package/dist/Popconfirm/typings.d.ts +12 -1
- package/dist/Popover/Popover.js +13 -9
- package/dist/Popover/typings.d.ts +13 -1
- package/dist/Popper/Popper.js +22 -18
- package/dist/Popper/typings.d.ts +7 -1
- package/dist/Progress/Progress.js +13 -9
- package/dist/Progress/typings.d.ts +12 -0
- package/dist/Radio/typings.d.ts +7 -0
- package/dist/RadioGroup/typings.d.ts +1 -0
- package/dist/Row/Row.js +8 -5
- package/dist/Row/RowContext.d.ts +1 -0
- package/dist/Row/typings.d.ts +4 -0
- package/dist/Scrollbar/Scrollbar.js +13 -9
- package/dist/Scrollbar/Thumb.js +1 -1
- package/dist/Scrollbar/typings.d.ts +20 -0
- package/dist/Select/SelectCore.js +17 -14
- package/dist/Select/typings.d.ts +33 -0
- package/dist/Skeleton/PlaceholderGraph.d.ts +4 -0
- package/dist/Skeleton/PlaceholderGrid.d.ts +4 -0
- package/dist/Skeleton/PlaceholderGrid.js +0 -4
- package/dist/Skeleton/PlaceholderParagraph.d.ts +4 -0
- package/dist/Skeleton/PlaceholderParagraph.js +0 -4
- package/dist/Switch/Switch.js +13 -10
- package/dist/Switch/typings.d.ts +15 -0
- package/dist/Table/Colgroup.d.ts +1 -0
- package/dist/Table/Table.js +13 -9
- package/dist/Table/TableBody.js +10 -41
- package/dist/Table/TableCell.js +0 -5
- package/dist/Table/TableColumn.js +0 -4
- package/dist/Table/TableContext.d.ts +8 -0
- package/dist/Table/hooks/useSelection.d.ts +10 -0
- package/dist/Table/hooks/useTable.d.ts +7 -0
- package/dist/Table/treeUtil.d.ts +39 -0
- package/dist/Table/typings.d.ts +137 -1
- package/dist/Table/util.d.ts +10 -0
- package/dist/Table/util.js +2 -2
- package/dist/Tabs/Tabs.js +2 -5
- package/dist/Tabs/typings.d.ts +38 -0
- package/dist/Tag/Tag.d.ts +1 -1
- package/dist/Tag/Tag.js +7 -8
- package/dist/Tag/typings.d.ts +10 -0
- package/dist/TimeLine/TimeLineItem.js +7 -4
- package/dist/TimeLine/typings.d.ts +9 -0
- package/dist/TimePicker/TimePicker.js +16 -12
- package/dist/TimePicker/TimePickerRange.js +15 -12
- package/dist/TimePicker/TimeSpinnerPanel.js +3 -5
- package/dist/TimePicker/typings.d.ts +13 -0
- package/dist/TimePicker/useTimePicker.d.ts +7 -0
- package/dist/Tooltip/Tooltip.js +8 -15
- package/dist/Tooltip/TooltipContext.d.ts +1 -0
- package/dist/Tooltip/typings.d.ts +14 -1
- package/dist/Transfer/List.js +12 -8
- package/dist/Transfer/ListItem.d.ts +1 -0
- package/dist/Transfer/Transfer.js +11 -7
- package/dist/Transfer/typings/index.d.ts +27 -0
- package/dist/Transfer/typings/list.d.ts +25 -0
- package/dist/Transfer/typings/listBody.d.ts +1 -0
- package/dist/Transition/Transition.d.ts +16 -3
- package/dist/Transition/Transition.js +6 -4
- package/dist/Transition/TransitionGroup.d.ts +59 -0
- package/dist/Transition/childMapping.d.ts +23 -0
- package/dist/Tree/DirectoryTree.d.ts +6 -13
- package/dist/Tree/DirectoryTree.js +32 -81
- package/dist/Tree/DropIndicator.d.ts +4 -2
- package/dist/Tree/DropIndicator.js +7 -2
- package/dist/Tree/Indent.d.ts +2 -2
- package/dist/Tree/Indent.js +4 -4
- package/dist/Tree/MotionTreeNode.d.ts +4 -5
- package/dist/Tree/MotionTreeNode.js +69 -52
- package/dist/Tree/NodeList.d.ts +18 -11
- package/dist/Tree/NodeList.js +38 -29
- package/dist/Tree/RCTree.d.ts +92 -75
- package/dist/Tree/RCTree.js +199 -188
- package/dist/Tree/Tree.d.ts +18 -3
- package/dist/Tree/Tree.js +27 -27
- package/dist/Tree/TreeNode.d.ts +5 -83
- package/dist/Tree/TreeNode.js +320 -425
- package/dist/Tree/contextTypes.d.ts +40 -30
- package/dist/Tree/contextTypes.js +17 -4
- package/dist/Tree/index.d.ts +2 -2
- package/dist/Tree/typings.d.ts +63 -19
- package/dist/Tree/typings.js +1 -13
- package/dist/Tree/typings.tsx--bak +245 -0
- package/dist/Tree/useUnmount.d.ts +5 -0
- package/dist/{VirtualList/hooks/useChildren.js → Tree/useUnmount.js} +24 -16
- package/dist/Tree/util.d.ts +31 -18
- package/dist/Tree/util.js +21 -52
- package/dist/Tree/utils/conductUtil.d.ts +8 -2
- package/dist/Tree/utils/conductUtil.js +14 -3
- package/dist/Tree/utils/dictUtil.d.ts +8 -3
- package/dist/Tree/utils/dictUtil.js +49 -32
- package/dist/Tree/utils/diffUtil.d.ts +4 -3
- package/dist/Tree/utils/keyUtil.d.ts +2 -0
- package/dist/{VirtualList/utils/isFirefox.js → Tree/utils/keyUtil.js} +8 -7
- package/dist/Tree/utils/motion.js +6 -5
- package/dist/Tree/utils/pickAttrs.d.ts +5 -0
- package/dist/Tree/utils/treeUtil.d.ts +40 -18
- package/dist/Tree/utils/treeUtil.js +35 -14
- package/dist/TreeSelect/TreeSelect.js +14 -13
- package/dist/TreeSelect/Utils.d.ts +2 -1
- package/dist/TreeSelect/typings.d.ts +19 -0
- package/dist/Upload/Upload.js +9 -8
- package/dist/Upload/UploadList.js +2 -1
- package/dist/Upload/typings.d.ts +34 -0
- package/dist/Upload/use-handlers.d.ts +1 -0
- package/dist/Upload/use-handlers.js +1 -1
- package/dist/Util/Math.d.ts +34 -0
- package/dist/Util/base.d.ts +22 -0
- package/dist/Util/base.js +17 -0
- package/dist/Util/shallowEqual.d.ts +11 -0
- package/dist/Util/treeUtils.d.ts +8 -0
- package/dist/fonts/fa-brands-400.ttf +0 -0
- package/dist/fonts/fa-brands-400.woff2 +0 -0
- package/dist/fonts/fa-duotone-900.ttf +0 -0
- package/dist/fonts/fa-duotone-900.woff2 +0 -0
- package/dist/fonts/fa-light-300.ttf +0 -0
- package/dist/fonts/fa-light-300.woff2 +0 -0
- package/dist/fonts/fa-regular-400.ttf +0 -0
- package/dist/fonts/fa-regular-400.woff2 +0 -0
- package/dist/fonts/fa-solid-900.ttf +0 -0
- package/dist/fonts/fa-solid-900.woff2 +0 -0
- package/dist/fonts/fa-thin-100.ttf +0 -0
- package/dist/fonts/fa-thin-100.woff2 +0 -0
- package/dist/fonts/fa-v4compatibility.ttf +0 -0
- package/dist/fonts/fa-v4compatibility.woff2 +0 -0
- package/dist/hooks/animationPropsUtils.d.ts +12 -0
- package/dist/hooks/htmlPropsUtils.d.ts +8 -0
- package/dist/hooks/popperPropsUtils.d.ts +12 -0
- package/dist/hooks/prefix.d.ts +1 -1
- package/dist/hooks/prefix.js +4 -4
- package/dist/hooks/treePropsUtils.d.ts +12 -0
- package/dist/hooks/useChildrenInstance.d.ts +11 -0
- package/dist/hooks/useClassNames.d.ts +79 -0
- package/dist/hooks/useClassNames.js +12 -2
- package/dist/hooks/useControlled.d.ts +8 -0
- package/dist/hooks/useForceUpdate.d.ts +1 -0
- package/dist/index.css +1029 -1290
- package/dist/index.d.ts +8 -5
- package/dist/index.js +8 -5
- package/dist/theme-chalk/avatar/index.scss +50 -0
- package/dist/theme-chalk/build.scss +2 -0
- package/dist/theme-chalk/calendar/month-table.scss +1 -1
- package/dist/theme-chalk/carousel/index.scss +237 -0
- package/dist/theme-chalk/checkbox/index.scss +2 -2
- package/dist/theme-chalk/common/_var.scss +1 -0
- package/dist/theme-chalk/dev.scss +2 -0
- package/dist/theme-chalk/doc.scss +2 -0
- package/dist/theme-chalk/fonts/fa-brands-400.ttf +0 -0
- package/dist/theme-chalk/fonts/fa-brands-400.woff2 +0 -0
- package/dist/theme-chalk/fonts/fa-duotone-900.ttf +0 -0
- package/dist/theme-chalk/fonts/fa-duotone-900.woff2 +0 -0
- package/dist/theme-chalk/fonts/fa-light-300.ttf +0 -0
- package/dist/theme-chalk/fonts/fa-light-300.woff2 +0 -0
- package/dist/theme-chalk/fonts/fa-regular-400.ttf +0 -0
- package/dist/theme-chalk/fonts/fa-regular-400.woff2 +0 -0
- package/dist/theme-chalk/fonts/fa-solid-900.ttf +0 -0
- package/dist/theme-chalk/fonts/fa-solid-900.woff2 +0 -0
- package/dist/theme-chalk/fonts/fa-thin-100.ttf +0 -0
- package/dist/theme-chalk/fonts/fa-thin-100.woff2 +0 -0
- package/dist/theme-chalk/fonts/fa-v4compatibility.ttf +0 -0
- package/dist/theme-chalk/fonts/fa-v4compatibility.woff2 +0 -0
- package/dist/theme-chalk/icon/fonts.scss +9 -0
- package/dist/theme-chalk/icon/index.scss +0 -9
- package/dist/theme-chalk/icon/scss/_shims.scss +318 -318
- package/dist/theme-chalk/icon/scss/_variables.scss +1 -3
- package/dist/theme-chalk/icon/scss/brands.scss +0 -5
- package/dist/theme-chalk/icon/scss/duotone.scss +0 -5
- package/dist/theme-chalk/icon/scss/fontawesome.scss +0 -8
- package/dist/theme-chalk/icon/scss/light.scss +2 -7
- package/dist/theme-chalk/icon/scss/regular.scss +2 -7
- package/dist/theme-chalk/icon/scss/solid.scss +2 -7
- package/dist/theme-chalk/icon/scss/thin.scss +2 -7
- package/dist/theme-chalk/icon/scss/v4-shims.scss +0 -8
- package/dist/theme-chalk/index.scss +3 -0
- package/dist/theme-chalk/input/input.scss +5 -3
- package/dist/theme-chalk/link/index.scss +0 -85
- package/dist/theme-chalk/loading/index.scss +5 -7
- package/dist/theme-chalk/message/index.scss +5 -5
- package/dist/theme-chalk/notification/index.scss +5 -5
- package/dist/theme-chalk/pagination/index.scss +1 -1
- package/dist/theme-chalk/tabs/index.scss +1 -1
- package/dist/types/common.d.ts +24 -0
- package/dist/types/type.d.ts +5 -0
- package/package.json +4 -24
- package/theme-chalk/avatar/index.scss +50 -0
- package/theme-chalk/badge/index.scss +63 -0
- package/theme-chalk/breadcrumb/index.scss +65 -0
- package/theme-chalk/build.scss +2 -0
- package/{dist/theme-chalk/bak/mixins/_button.scss → theme-chalk/button/_mixins.scss} +151 -58
- package/theme-chalk/button/button-group.scss +83 -0
- package/theme-chalk/button/button.scss +382 -0
- package/theme-chalk/button/index.scss +2 -0
- package/theme-chalk/calendar/date-picker.scss +112 -0
- package/theme-chalk/calendar/date-range-picker.scss +139 -0
- package/theme-chalk/calendar/date-table.scss +156 -0
- package/theme-chalk/calendar/index.scss +6 -0
- package/theme-chalk/calendar/month-table.scss +92 -0
- package/theme-chalk/calendar/picker-panel.scss +136 -0
- package/theme-chalk/calendar/year-table.scss +107 -0
- package/theme-chalk/card/index.scss +44 -0
- package/theme-chalk/carousel/index.scss +237 -0
- package/theme-chalk/cascader/cascader-panel.scss +184 -0
- package/theme-chalk/cascader/cascader.scss +239 -0
- package/theme-chalk/cascader/index.scss +2 -0
- package/theme-chalk/checkbox/index.scss +255 -0
- package/theme-chalk/checkbox-button/index.scss +117 -0
- package/theme-chalk/checkbox-group/index.scss +33 -0
- package/{dist/theme-chalk/bak/mixins/_col.scss → theme-chalk/col/_mixins.scss} +27 -3
- package/theme-chalk/col/index.scss +50 -0
- package/theme-chalk/collapse/index.scss +84 -0
- package/theme-chalk/color-picker/index.scss +340 -0
- package/{dist/theme-chalk/bak/mixins/config.scss → theme-chalk/common/_var.scss} +1 -0
- package/theme-chalk/common/index.scss +222 -0
- package/theme-chalk/common/index.ts +1 -0
- package/theme-chalk/date-picker/index.scss +253 -0
- package/theme-chalk/date-time-picker/index.scss +3 -0
- package/theme-chalk/date-time-picker/time-picker.scss +83 -0
- package/theme-chalk/date-time-picker/time-range-picker.scss +32 -0
- package/theme-chalk/descriptions/descriptions-item.scss +66 -0
- package/theme-chalk/descriptions/descriptions.scss +160 -0
- package/theme-chalk/descriptions/index.scss +2 -0
- package/theme-chalk/dev.scss +2 -0
- package/theme-chalk/dialog/index.scss +190 -0
- package/theme-chalk/divider/index.scss +51 -0
- package/theme-chalk/doc.scss +2 -0
- package/theme-chalk/drawer/index.scss +250 -0
- package/theme-chalk/dropdown/index.scss +147 -0
- package/theme-chalk/empty/index.scss +69 -0
- package/theme-chalk/fonts/fa-brands-400.ttf +0 -0
- package/theme-chalk/fonts/fa-brands-400.woff2 +0 -0
- package/theme-chalk/fonts/fa-duotone-900.ttf +0 -0
- package/theme-chalk/fonts/fa-duotone-900.woff2 +0 -0
- package/theme-chalk/fonts/fa-light-300.ttf +0 -0
- package/theme-chalk/fonts/fa-light-300.woff2 +0 -0
- package/theme-chalk/fonts/fa-regular-400.ttf +0 -0
- package/theme-chalk/fonts/fa-regular-400.woff2 +0 -0
- package/theme-chalk/fonts/fa-solid-900.ttf +0 -0
- package/theme-chalk/fonts/fa-solid-900.woff2 +0 -0
- package/theme-chalk/fonts/fa-thin-100.ttf +0 -0
- package/theme-chalk/fonts/fa-thin-100.woff2 +0 -0
- package/theme-chalk/fonts/fa-v4compatibility.ttf +0 -0
- package/theme-chalk/fonts/fa-v4compatibility.woff2 +0 -0
- package/theme-chalk/form/index.scss +359 -0
- package/theme-chalk/icon/fonts.scss +9 -0
- package/theme-chalk/icon/index.scss +44 -0
- package/theme-chalk/icon/scss/_animated.scss +205 -0
- package/theme-chalk/icon/scss/_bordered-pulled.scss +20 -0
- package/theme-chalk/icon/scss/_core.scss +33 -0
- package/theme-chalk/icon/scss/_duotone-icons.scss +12 -0
- package/theme-chalk/icon/scss/_fixed-width.scss +7 -0
- package/theme-chalk/icon/scss/_functions.scss +57 -0
- package/theme-chalk/icon/scss/_icons.scss +11 -0
- package/theme-chalk/icon/scss/_list.scss +20 -0
- package/theme-chalk/icon/scss/_mixins.scss +102 -0
- package/theme-chalk/icon/scss/_rotated-flipped.scss +31 -0
- package/theme-chalk/icon/scss/_screen-reader.scss +14 -0
- package/theme-chalk/icon/scss/_shims.scss +2606 -0
- package/theme-chalk/icon/scss/_sizing.scss +16 -0
- package/theme-chalk/icon/scss/_stacked.scss +32 -0
- package/theme-chalk/icon/scss/_variables.scss +9189 -0
- package/theme-chalk/icon/scss/brands.scss +27 -0
- package/theme-chalk/icon/scss/duotone.scss +72 -0
- package/theme-chalk/icon/scss/fontawesome.scss +13 -0
- package/theme-chalk/icon/scss/index.scss +15 -0
- package/theme-chalk/icon/scss/light.scss +21 -0
- package/theme-chalk/icon/scss/regular.scss +21 -0
- package/theme-chalk/icon/scss/solid.scss +21 -0
- package/theme-chalk/icon/scss/thin.scss +21 -0
- package/theme-chalk/icon/scss/v4-shims.scss +3 -0
- package/theme-chalk/index.scss +67 -0
- package/theme-chalk/input/_mixins.scss +16 -0
- package/theme-chalk/input/index.scss +3 -0
- package/theme-chalk/input/input-range.scss +208 -0
- package/theme-chalk/input/input.scss +577 -0
- package/theme-chalk/input-number/index.scss +172 -0
- package/theme-chalk/link/index.scss +99 -0
- package/theme-chalk/loading/index.scss +94 -0
- package/theme-chalk/message/index.scss +169 -0
- package/theme-chalk/message-box/index.scss +184 -0
- package/theme-chalk/notification/index.scss +155 -0
- package/theme-chalk/pagination/index.scss +515 -0
- package/theme-chalk/placeholder/index.scss +135 -0
- package/theme-chalk/popconfirm/index.scss +35 -0
- package/theme-chalk/popover/index.scss +54 -0
- package/theme-chalk/popper/index.scss +86 -0
- package/theme-chalk/progress/index.scss +155 -0
- package/theme-chalk/radio/index.scss +2 -0
- package/theme-chalk/radio/radio-button.scss +128 -0
- package/theme-chalk/radio/radio.scss +171 -0
- package/theme-chalk/radio-group/index.scss +31 -0
- package/theme-chalk/row/index.scss +30 -0
- package/theme-chalk/scrollbar/index.scss +103 -0
- package/theme-chalk/select/index.scss +244 -0
- package/theme-chalk/select/option-group.scss +54 -0
- package/theme-chalk/select/option.scss +63 -0
- package/theme-chalk/select/select-dropdown.scss +57 -0
- package/theme-chalk/switch/index.scss +273 -0
- package/theme-chalk/table/index.scss +714 -0
- package/theme-chalk/tabs/index.scss +620 -0
- package/theme-chalk/tag/index.scss +360 -0
- package/theme-chalk/time-line/_timeline-item.scss +90 -0
- package/theme-chalk/time-line/_timeline.scss +50 -0
- package/theme-chalk/time-line/index.scss +2 -0
- package/theme-chalk/time-picker/index.scss +109 -0
- package/theme-chalk/tooltip/index.scss +13 -0
- package/theme-chalk/transfer/index.scss +247 -0
- package/theme-chalk/transition/index.scss +756 -0
- package/theme-chalk/tree/_directory.scss +73 -0
- package/theme-chalk/tree/_tree.scss +401 -0
- package/theme-chalk/tree/index.scss +2 -0
- package/theme-chalk/tree-select/index.scss +25 -0
- package/theme-chalk/upload/index.scss +631 -0
- package/dist/Tree/utils/KeyCode.d.ts +0 -110
- package/dist/Tree/utils/KeyCode.js +0 -550
- package/dist/VirtualList/Filler.d.ts +0 -11
- package/dist/VirtualList/Filler.js +0 -78
- package/dist/VirtualList/Item.d.ts +0 -7
- package/dist/VirtualList/ScrollBar.d.ts +0 -43
- package/dist/VirtualList/ScrollBar.js +0 -216
- package/dist/VirtualList/VirtualList.d.ts +0 -33
- package/dist/VirtualList/VirtualList.js +0 -280
- package/dist/VirtualList/hooks/useChildren.d.ts +0 -3
- package/dist/VirtualList/hooks/useDiffItem.d.ts +0 -2
- package/dist/VirtualList/hooks/useDiffItem.js +0 -39
- package/dist/VirtualList/hooks/useFrameWheel.d.ts +0 -6
- package/dist/VirtualList/hooks/useFrameWheel.js +0 -72
- package/dist/VirtualList/hooks/useHeights.d.ts +0 -3
- package/dist/VirtualList/hooks/useHeights.js +0 -83
- package/dist/VirtualList/hooks/useLayoutEffect.d.ts +0 -3
- package/dist/VirtualList/hooks/useLayoutEffect.js +0 -30
- package/dist/VirtualList/hooks/useMobileTouchMove.d.ts +0 -2
- package/dist/VirtualList/hooks/useMobileTouchMove.js +0 -92
- package/dist/VirtualList/hooks/useOriginScroll.d.ts +0 -2
- package/dist/VirtualList/hooks/useOriginScroll.js +0 -56
- package/dist/VirtualList/hooks/useScrollTo.d.ts +0 -5
- package/dist/VirtualList/hooks/useScrollTo.js +0 -111
- package/dist/VirtualList/index.d.ts +0 -2
- package/dist/VirtualList/interface.d.ts +0 -8
- package/dist/VirtualList/mock.d.ts +0 -6
- package/dist/VirtualList/mock.js +0 -29
- package/dist/VirtualList/utils/CacheMap.d.ts +0 -7
- package/dist/VirtualList/utils/CacheMap.js +0 -36
- package/dist/VirtualList/utils/algorithmUtil.d.ts +0 -6
- package/dist/VirtualList/utils/algorithmUtil.js +0 -81
- package/dist/VirtualList/utils/findDOMNode.d.ts +0 -2
- package/dist/VirtualList/utils/isFirefox.d.ts +0 -2
- package/dist/VirtualList/utils/raf.d.ts +0 -5
- package/dist/VirtualList/utils/raf.js +0 -57
- package/dist/theme-chalk/bak/common/popup.scss +0 -47
- package/dist/theme-chalk/bak/common/transition.scss +0 -118
- package/dist/theme-chalk/bak/common/var.scss +0 -1476
- package/dist/theme-chalk/bak/mixins/_var.scss +0 -55
- package/dist/theme-chalk/bak/mixins/function.scss +0 -85
- package/dist/theme-chalk/bak/mixins/mixins.scss +0 -215
- package/dist/theme-chalk/bak/mixins/utils.scss +0 -39
|
@@ -34,12 +34,10 @@ __export(Cascader_exports, {
|
|
|
34
34
|
module.exports = __toCommonJS(Cascader_exports);
|
|
35
35
|
var import_classnames = __toESM(require("classnames"));
|
|
36
36
|
var import_find = __toESM(require("lodash/find"));
|
|
37
|
-
var import_get = __toESM(require("lodash/get"));
|
|
38
37
|
var import_isEqual = __toESM(require("lodash/isEqual"));
|
|
39
38
|
var import_last = __toESM(require("lodash/last"));
|
|
40
39
|
var import_max = __toESM(require("lodash/max"));
|
|
41
40
|
var import_omit = __toESM(require("lodash/omit"));
|
|
42
|
-
var import_reverse = __toESM(require("lodash/reverse"));
|
|
43
41
|
var import_trim = __toESM(require("lodash/trim"));
|
|
44
42
|
var import_react = __toESM(require("react"));
|
|
45
43
|
var import_Divider = require("../Divider");
|
|
@@ -58,6 +56,27 @@ var import_useCascader = require("./useCascader");
|
|
|
58
56
|
var Cascader = (0, import_react.memo)(
|
|
59
57
|
(0, import_react.forwardRef)((props, ref) => {
|
|
60
58
|
var _a;
|
|
59
|
+
props = (0, import_Util.mergeDefaultProps)(
|
|
60
|
+
{
|
|
61
|
+
separator: "/",
|
|
62
|
+
showAllLevels: true,
|
|
63
|
+
props: {
|
|
64
|
+
expandTrigger: "click",
|
|
65
|
+
emitPath: true,
|
|
66
|
+
valueKey: "value",
|
|
67
|
+
labelKey: "label",
|
|
68
|
+
childrenKey: "children",
|
|
69
|
+
disabledKey: "disabled",
|
|
70
|
+
leafKey: "leaf"
|
|
71
|
+
},
|
|
72
|
+
shouldSelect: () => true,
|
|
73
|
+
placeholder: "请选择",
|
|
74
|
+
collapseTags: true,
|
|
75
|
+
collapseTagsTooltip: true,
|
|
76
|
+
maxCollapseTags: 1
|
|
77
|
+
},
|
|
78
|
+
props
|
|
79
|
+
);
|
|
61
80
|
const {
|
|
62
81
|
classPrefix = "cascader",
|
|
63
82
|
options,
|
|
@@ -76,7 +95,6 @@ var Cascader = (0, import_react.memo)(
|
|
|
76
95
|
afterEnter,
|
|
77
96
|
afterLeave,
|
|
78
97
|
props: menuProps,
|
|
79
|
-
treeMenuProps,
|
|
80
98
|
shouldSelect,
|
|
81
99
|
labelFormatter,
|
|
82
100
|
error,
|
|
@@ -84,7 +102,6 @@ var Cascader = (0, import_react.memo)(
|
|
|
84
102
|
...rest
|
|
85
103
|
} = props;
|
|
86
104
|
const { multiple, valueKey = "value", labelKey = "label", childrenKey = "children", lazy, lazyLoad } = menuProps;
|
|
87
|
-
const { valueKey: treeValueKey = "key" } = treeMenuProps;
|
|
88
105
|
const { e, b, m, is } = (0, import_hooks.useClassNames)(classPrefix);
|
|
89
106
|
const disabled = (0, import_hooks.useDisabled)(props.disabled);
|
|
90
107
|
const size = (0, import_hooks.useSize)(props.size);
|
|
@@ -128,7 +145,6 @@ var Cascader = (0, import_react.memo)(
|
|
|
128
145
|
clearSelected,
|
|
129
146
|
setNodeLeaf,
|
|
130
147
|
getDataType,
|
|
131
|
-
getTreeData,
|
|
132
148
|
getExpandedKeys,
|
|
133
149
|
setExpandedKeys,
|
|
134
150
|
setSelectedValue,
|
|
@@ -230,20 +246,6 @@ var Cascader = (0, import_react.memo)(
|
|
|
230
246
|
},
|
|
231
247
|
[searchText]
|
|
232
248
|
);
|
|
233
|
-
const loopGetExpandedKeys = (0, import_react.useCallback)(
|
|
234
|
-
(nodeList, node, expandedKeys = []) => {
|
|
235
|
-
if (Object.prototype.hasOwnProperty.call(node, "parent")) {
|
|
236
|
-
const key = (0, import_get.default)(node, `parent.${treeValueKey}`);
|
|
237
|
-
const parent = (0, import_find.default)(nodeList, { [valueKey]: key });
|
|
238
|
-
if (parent) {
|
|
239
|
-
expandedKeys.push(key);
|
|
240
|
-
loopGetExpandedKeys(nodeList, parent, expandedKeys);
|
|
241
|
-
}
|
|
242
|
-
}
|
|
243
|
-
return expandedKeys;
|
|
244
|
-
},
|
|
245
|
-
[treeValueKey, valueKey]
|
|
246
|
-
);
|
|
247
249
|
const onSelect = (0, import_react.useCallback)(
|
|
248
250
|
(_level, node) => {
|
|
249
251
|
if (lazy && lazyLoad && node.__leaf !== true && !node[childrenKey]) {
|
|
@@ -251,8 +253,8 @@ var Cascader = (0, import_react.memo)(
|
|
|
251
253
|
new Promise((resolve, reject) => {
|
|
252
254
|
setLoading(node.__id);
|
|
253
255
|
lazyLoad({ ...node, level: _level + 1 }, resolve, reject);
|
|
254
|
-
}).then(({ nodes
|
|
255
|
-
storeOptionData(nodes, _level + 1, node, {
|
|
256
|
+
}).then(({ nodes }) => {
|
|
257
|
+
storeOptionData(nodes, _level + 1, node, {});
|
|
256
258
|
setLoading(null);
|
|
257
259
|
if (shouldSelect(node, _level)) {
|
|
258
260
|
setLevel(_level + 1);
|
|
@@ -261,7 +263,7 @@ var Cascader = (0, import_react.memo)(
|
|
|
261
263
|
setNodeLeaf(node, true);
|
|
262
264
|
setLoading(null);
|
|
263
265
|
if (shouldSelect(node, _level)) {
|
|
264
|
-
storeOptionData([], _level + 1, node, {
|
|
266
|
+
storeOptionData([], _level + 1, node, {});
|
|
265
267
|
const _label = getSelectedLabel(labelFormatter == null ? void 0 : labelFormatter.bind(void 0, _level));
|
|
266
268
|
lastValueRef.current = getSelectedValue();
|
|
267
269
|
setValue(lastValueRef.current);
|
|
@@ -344,8 +346,6 @@ var Cascader = (0, import_react.memo)(
|
|
|
344
346
|
}
|
|
345
347
|
const curNode = (0, import_find.default)(nodes, { [valueKey]: _value[_l] });
|
|
346
348
|
if (curNode) {
|
|
347
|
-
const expandedKeys = loopGetExpandedKeys(nodes, curNode);
|
|
348
|
-
setExpandedKeys(_l, (0, import_reverse.default)(expandedKeys));
|
|
349
349
|
setSelectedNode(_l, curNode);
|
|
350
350
|
setLabel(getSelectedLabel(labelFormatter == null ? void 0 : labelFormatter.bind(void 0, showAllLevels ? _value.length : allLevel)));
|
|
351
351
|
loopLazyLoad(_l + 1, curNode, _value, { isCover });
|
|
@@ -361,8 +361,8 @@ var Cascader = (0, import_react.memo)(
|
|
|
361
361
|
} else {
|
|
362
362
|
new Promise((resolve, reject) => {
|
|
363
363
|
lazyLoad({ ...parent, level: l }, resolve, reject);
|
|
364
|
-
}).then(({ nodes
|
|
365
|
-
const newNodes = storeOptionData(nodes, l, parent, {
|
|
364
|
+
}).then(({ nodes }) => {
|
|
365
|
+
const newNodes = storeOptionData(nodes, l, parent, { isCover });
|
|
366
366
|
loopCore(newNodes, l);
|
|
367
367
|
});
|
|
368
368
|
}
|
|
@@ -380,8 +380,6 @@ var Cascader = (0, import_react.memo)(
|
|
|
380
380
|
[
|
|
381
381
|
stopLazy,
|
|
382
382
|
valueKey,
|
|
383
|
-
loopGetExpandedKeys,
|
|
384
|
-
setExpandedKeys,
|
|
385
383
|
setSelectedNode,
|
|
386
384
|
setLabel,
|
|
387
385
|
getSelectedLabel,
|
|
@@ -440,8 +438,8 @@ var Cascader = (0, import_react.memo)(
|
|
|
440
438
|
if (lazy && lazyLoad && (0, import_Util.isEmpty)(value)) {
|
|
441
439
|
new Promise((resolve, reject) => {
|
|
442
440
|
lazyLoad({ level: 0 }, resolve, reject);
|
|
443
|
-
}).then(({ nodes
|
|
444
|
-
storeOptionData(nodes, 0, null, {
|
|
441
|
+
}).then(({ nodes }) => {
|
|
442
|
+
storeOptionData(nodes, 0, null, { isCover: true });
|
|
445
443
|
});
|
|
446
444
|
}
|
|
447
445
|
if ((0, import_Util.isEmpty)(props.lable)) {
|
|
@@ -459,172 +457,140 @@ var Cascader = (0, import_react.memo)(
|
|
|
459
457
|
},
|
|
460
458
|
setVisible
|
|
461
459
|
}));
|
|
462
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
463
|
-
|
|
460
|
+
return /* @__PURE__ */ import_react.default.createElement(import_CascaderContext.CascaderContext.Provider, { value: { props: menuProps, onSelect, onCheckedChange, loading, getDataType, searchText } }, /* @__PURE__ */ import_react.default.createElement(
|
|
461
|
+
"div",
|
|
464
462
|
{
|
|
465
|
-
|
|
463
|
+
className: (0, import_classnames.default)(b(), is({ disabled }), m({ [size]: size }), props.className),
|
|
464
|
+
style: props.style,
|
|
465
|
+
ref: containerRef,
|
|
466
|
+
onClick: (event) => event.stopPropagation()
|
|
466
467
|
},
|
|
467
|
-
/* @__PURE__ */ import_react.default.createElement(
|
|
468
|
+
/* @__PURE__ */ import_react.default.createElement("div", { className: e`trigger` }, multiple && /* @__PURE__ */ import_react.default.createElement(
|
|
468
469
|
"div",
|
|
469
470
|
{
|
|
470
|
-
className:
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
471
|
+
className: e`tags`,
|
|
472
|
+
onClick,
|
|
473
|
+
onMouseEnter: () => {
|
|
474
|
+
var _a2;
|
|
475
|
+
return (_a2 = inputRef.current) == null ? void 0 : _a2.showClear(multiple ? multiValue.join(",") : label);
|
|
476
|
+
},
|
|
477
|
+
onMouseLeave: () => {
|
|
478
|
+
var _a2;
|
|
479
|
+
return (_a2 = inputRef.current) == null ? void 0 : _a2.hideClear();
|
|
480
|
+
}
|
|
474
481
|
},
|
|
475
|
-
/* @__PURE__ */ import_react.default.createElement("div", { className:
|
|
476
|
-
"
|
|
482
|
+
/* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`tags-wrapper`, "has-prefix"), ref: wrapperRef }, (collapseTags ? checkedNodes().slice(0, maxCollapseTags) : checkedNodes()).map((item, i) => {
|
|
483
|
+
return /* @__PURE__ */ import_react.default.createElement(import_Tag.Tag, { key: i, type: "info", closable: !disabled, onClick, onClose: () => onCloseTag(item), disableTransitions: true }, item.map((node) => node[labelKey]).join(separator));
|
|
484
|
+
}), collapseTags && ((_a = multiLabel()) == null ? void 0 : _a.length) > maxCollapseTags && /* @__PURE__ */ import_react.default.createElement(
|
|
485
|
+
import_Tooltip.Tooltip,
|
|
477
486
|
{
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
onMouseLeave: () => {
|
|
485
|
-
var _a2;
|
|
486
|
-
return (_a2 = inputRef.current) == null ? void 0 : _a2.hideClear();
|
|
487
|
-
}
|
|
487
|
+
popperClass: e`tooltip`,
|
|
488
|
+
placement: "top",
|
|
489
|
+
disabled: !collapseTagsTooltip,
|
|
490
|
+
content: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, checkedNodes().slice(maxCollapseTags, checkedNodes().length).map((item, i) => /* @__PURE__ */ import_react.default.createElement(import_Tag.Tag, { key: i, type: "info", disableTransitions: true }, item.map((node) => node[labelKey]).join(separator)))),
|
|
491
|
+
effect: "light",
|
|
492
|
+
enterable: true
|
|
488
493
|
},
|
|
489
|
-
/* @__PURE__ */ import_react.default.createElement(
|
|
490
|
-
return /* @__PURE__ */ import_react.default.createElement(import_Tag.Tag, { key: i, type: "info", closable: !disabled, onClick, onClose: () => onCloseTag(item), disableTransitions: true }, item.map((node) => node[labelKey]).join(separator));
|
|
491
|
-
}), collapseTags && ((_a = multiLabel()) == null ? void 0 : _a.length) > maxCollapseTags && /* @__PURE__ */ import_react.default.createElement(
|
|
492
|
-
import_Tooltip.Tooltip,
|
|
493
|
-
{
|
|
494
|
-
popperClass: e`tooltip`,
|
|
495
|
-
placement: "top",
|
|
496
|
-
disabled: !collapseTagsTooltip,
|
|
497
|
-
content: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, checkedNodes().slice(maxCollapseTags, checkedNodes().length).map((item, i) => /* @__PURE__ */ import_react.default.createElement(import_Tag.Tag, { key: i, type: "info", disableTransitions: true }, item.map((node) => node[labelKey]).join(separator)))),
|
|
498
|
-
effect: "light",
|
|
499
|
-
enterable: true
|
|
500
|
-
},
|
|
501
|
-
/* @__PURE__ */ import_react.default.createElement(import_Tag.Tag, { type: "info", onClick, disableTransitions: true }, collapseTips ? collapseTips(multiLabel().length - maxCollapseTags, multiLabel().length) : `+ ${multiLabel().length - maxCollapseTags}`)
|
|
502
|
-
))
|
|
503
|
-
), /* @__PURE__ */ import_react.default.createElement(
|
|
504
|
-
import_Input.Input,
|
|
505
|
-
{
|
|
506
|
-
ref: inputRef,
|
|
507
|
-
value: multiple ? multiValue.join(separator) : label,
|
|
508
|
-
placeholder,
|
|
509
|
-
readOnly: true,
|
|
510
|
-
hiddenValue: multiple,
|
|
511
|
-
clearable: clearable && !disabled,
|
|
512
|
-
disabled,
|
|
513
|
-
size,
|
|
514
|
-
onClick,
|
|
515
|
-
onClear,
|
|
516
|
-
plain: props.plain,
|
|
517
|
-
className: is({ active: visible }),
|
|
518
|
-
error,
|
|
519
|
-
warning,
|
|
520
|
-
innerStyle: multiple ? { height: inputHeight } : {},
|
|
521
|
-
suffix: /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fal", name: "angle-down", className: visible ? "fa-rotate-180" : "", onClick }),
|
|
522
|
-
prefix: props.prefix,
|
|
523
|
-
append: props.append,
|
|
524
|
-
prepend: props.prepend,
|
|
525
|
-
...(0, import_omit.default)(htmlInputProps, [
|
|
526
|
-
"value",
|
|
527
|
-
"defaultValue",
|
|
528
|
-
"onInput",
|
|
529
|
-
"size",
|
|
530
|
-
"prefix",
|
|
531
|
-
"onChange",
|
|
532
|
-
"style",
|
|
533
|
-
"readOnly",
|
|
534
|
-
"disabled",
|
|
535
|
-
"className",
|
|
536
|
-
"type",
|
|
537
|
-
"maxLength",
|
|
538
|
-
"minLength",
|
|
539
|
-
"name"
|
|
540
|
-
])
|
|
541
|
-
}
|
|
494
|
+
/* @__PURE__ */ import_react.default.createElement(import_Tag.Tag, { type: "info", onClick, disableTransitions: true }, collapseTips ? collapseTips(multiLabel().length - maxCollapseTags, multiLabel().length) : `+ ${multiLabel().length - maxCollapseTags}`)
|
|
542
495
|
))
|
|
543
|
-
),
|
|
544
|
-
|
|
545
|
-
import_Popper.Popper,
|
|
496
|
+
), /* @__PURE__ */ import_react.default.createElement(
|
|
497
|
+
import_Input.Input,
|
|
546
498
|
{
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
499
|
+
ref: inputRef,
|
|
500
|
+
value: multiple ? multiValue.join(separator) : label,
|
|
501
|
+
placeholder,
|
|
502
|
+
readOnly: true,
|
|
503
|
+
hiddenValue: multiple,
|
|
504
|
+
clearable: clearable && !disabled,
|
|
505
|
+
disabled,
|
|
506
|
+
size,
|
|
507
|
+
onClick,
|
|
508
|
+
onClear,
|
|
509
|
+
plain: props.plain,
|
|
510
|
+
className: is({ active: visible }),
|
|
511
|
+
error,
|
|
512
|
+
warning,
|
|
513
|
+
innerStyle: multiple ? { height: inputHeight } : {},
|
|
514
|
+
suffix: /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fal", name: "angle-down", className: visible ? "fa-rotate-180" : "", onClick }),
|
|
515
|
+
prefix: props.prefix,
|
|
516
|
+
append: props.append,
|
|
517
|
+
prepend: props.prepend,
|
|
518
|
+
...(0, import_omit.default)(htmlInputProps, [
|
|
519
|
+
"value",
|
|
520
|
+
"defaultValue",
|
|
521
|
+
"onInput",
|
|
522
|
+
"size",
|
|
523
|
+
"prefix",
|
|
524
|
+
"onChange",
|
|
525
|
+
"style",
|
|
526
|
+
"readOnly",
|
|
527
|
+
"disabled",
|
|
528
|
+
"className",
|
|
529
|
+
"type",
|
|
530
|
+
"maxLength",
|
|
531
|
+
"minLength",
|
|
532
|
+
"name"
|
|
533
|
+
])
|
|
534
|
+
}
|
|
535
|
+
))
|
|
536
|
+
), /* @__PURE__ */ import_react.default.createElement(
|
|
537
|
+
import_Popper.Popper,
|
|
538
|
+
{
|
|
539
|
+
referenceElement: () => {
|
|
540
|
+
var _a2;
|
|
541
|
+
return (_a2 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a2.ref;
|
|
542
|
+
},
|
|
543
|
+
visible,
|
|
544
|
+
popperInstRef,
|
|
545
|
+
popperClass: e`dropdown`,
|
|
546
|
+
onDestroy: () => setVisible(false),
|
|
547
|
+
onEnter: () => {
|
|
548
|
+
var _a2;
|
|
549
|
+
(_a2 = popperInstRef.current) == null ? void 0 : _a2.update();
|
|
550
|
+
onEnter == null ? void 0 : onEnter();
|
|
551
|
+
},
|
|
552
|
+
afterEnter: () => {
|
|
553
|
+
for (const key in menuRefs.current) {
|
|
554
|
+
if (Object.prototype.hasOwnProperty.call(menuRefs.current, key)) {
|
|
555
|
+
const item = menuRefs.current[key];
|
|
556
|
+
item == null ? void 0 : item.scrollToSelected();
|
|
566
557
|
}
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
afterLeave: handleAfterLeave,
|
|
570
|
-
placement: "bottom-start",
|
|
571
|
-
transitionAppear: true,
|
|
572
|
-
unmountOnExit: true,
|
|
573
|
-
...transitionProps,
|
|
574
|
-
...popperProps
|
|
558
|
+
}
|
|
559
|
+
afterEnter == null ? void 0 : afterEnter();
|
|
575
560
|
},
|
|
576
|
-
|
|
577
|
-
|
|
561
|
+
afterLeave: handleAfterLeave,
|
|
562
|
+
placement: "bottom-start",
|
|
563
|
+
transitionAppear: true,
|
|
564
|
+
unmountOnExit: true,
|
|
565
|
+
...transitionProps,
|
|
566
|
+
...popperProps
|
|
567
|
+
},
|
|
568
|
+
/* @__PURE__ */ import_react.default.createElement("div", { className: b`panel` }, filterable && /* @__PURE__ */ import_react.default.createElement("div", { className: e`search`, onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ import_react.default.createElement(
|
|
569
|
+
import_Input.Input,
|
|
570
|
+
{
|
|
571
|
+
ref: searchInstance,
|
|
572
|
+
placeholder: "请输入关键词",
|
|
573
|
+
clearable: true,
|
|
574
|
+
plain: true,
|
|
575
|
+
debounceInput: true,
|
|
576
|
+
onClear: onClearSearch,
|
|
577
|
+
onChange: onSearch,
|
|
578
|
+
prefix: /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fal", name: "search" })
|
|
579
|
+
}
|
|
580
|
+
), /* @__PURE__ */ import_react.default.createElement(import_Divider.Divider, { style: { margin: 0 } })), (0, import_Util.isNotEmpty)(searchText) ? /* @__PURE__ */ import_react.default.createElement(import_CascaderDropdown.default, { options: filterList, separator, value, checkedNodes }) : /* @__PURE__ */ import_react.default.createElement("div", { className: e`panels` }, new Array(level + 1).fill(0).map((_, l) => {
|
|
581
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
582
|
+
import_CascaderMenu.default,
|
|
578
583
|
{
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
onClear: onClearSearch,
|
|
585
|
-
onChange: onSearch,
|
|
586
|
-
prefix: /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fal", name: "search" })
|
|
584
|
+
key: getValueOfLevel(l) + "_" + l,
|
|
585
|
+
ref: (_ref) => menuRefs.current[l] = _ref,
|
|
586
|
+
data: getOptions(l),
|
|
587
|
+
level: l,
|
|
588
|
+
value: getValueOfLevel(l)
|
|
587
589
|
}
|
|
588
|
-
)
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
{
|
|
592
|
-
key: getValueOfLevel(l) + "_" + l,
|
|
593
|
-
ref: (_ref) => menuRefs.current[l] = _ref,
|
|
594
|
-
data: getOptions(l),
|
|
595
|
-
level: l,
|
|
596
|
-
value: getValueOfLevel(l)
|
|
597
|
-
}
|
|
598
|
-
);
|
|
599
|
-
})))
|
|
600
|
-
)
|
|
601
|
-
);
|
|
590
|
+
);
|
|
591
|
+
})))
|
|
592
|
+
));
|
|
602
593
|
})
|
|
603
594
|
);
|
|
604
|
-
Cascader.defaultProps = {
|
|
605
|
-
separator: "/",
|
|
606
|
-
showAllLevels: true,
|
|
607
|
-
props: {
|
|
608
|
-
expandTrigger: "click",
|
|
609
|
-
emitPath: true,
|
|
610
|
-
valueKey: "value",
|
|
611
|
-
labelKey: "label",
|
|
612
|
-
childrenKey: "children",
|
|
613
|
-
disabledKey: "disabled",
|
|
614
|
-
leafKey: "leaf"
|
|
615
|
-
},
|
|
616
|
-
treeMenuProps: {
|
|
617
|
-
valueKey: "key",
|
|
618
|
-
labelKey: "title",
|
|
619
|
-
childrenKey: "children",
|
|
620
|
-
disabledKey: "disabled",
|
|
621
|
-
leafKey: "leaf"
|
|
622
|
-
},
|
|
623
|
-
shouldSelect: () => true,
|
|
624
|
-
placeholder: "请选择",
|
|
625
|
-
collapseTags: true,
|
|
626
|
-
collapseTagsTooltip: true,
|
|
627
|
-
maxCollapseTags: 1
|
|
628
|
-
};
|
|
629
595
|
Cascader.displayName = "Cascader";
|
|
630
596
|
var Cascader_default = Cascader;
|
|
@@ -1,18 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
menuProps: CascaderMenuProps;
|
|
6
|
-
treeMenuProps?: TreeMenuProps;
|
|
7
|
-
treeProps?: DirectoryTreeProps<T>;
|
|
2
|
+
import { CascaderMenuProps } from './typings';
|
|
3
|
+
interface CascaderContextProps {
|
|
4
|
+
props: CascaderMenuProps;
|
|
8
5
|
loading?: string;
|
|
9
6
|
searchText?: string;
|
|
10
|
-
getExpandedKeys?: (level: number) => Key[];
|
|
11
|
-
setExpandedKeys?: (level: number, keys: Key[]) => void;
|
|
12
7
|
onSelect: (level: number, node: object) => void;
|
|
13
8
|
onCheckedChange: (_level: number, node: object, checked: boolean) => void;
|
|
14
9
|
getDataType: (level: number) => boolean;
|
|
15
|
-
getTreeData: (level: number) => DataNode[];
|
|
16
10
|
}
|
|
17
|
-
export declare const CascaderContext: import("react").Context<CascaderContextProps
|
|
11
|
+
export declare const CascaderContext: import("react").Context<CascaderContextProps>;
|
|
18
12
|
export {};
|
|
@@ -39,12 +39,8 @@ var CascaderContext = (0, import_react.createContext)({
|
|
|
39
39
|
onCheckedChange: import_noop.default,
|
|
40
40
|
loading: null,
|
|
41
41
|
searchText: null,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
getExpandedKeys: () => [],
|
|
45
|
-
setExpandedKeys: import_noop.default,
|
|
46
|
-
getDataType: () => false,
|
|
47
|
-
getTreeData: () => []
|
|
42
|
+
props: {},
|
|
43
|
+
getDataType: () => false
|
|
48
44
|
});
|
|
49
45
|
// Annotate the CommonJS export names for ESM import in node:
|
|
50
46
|
0 && (module.exports = {
|
|
@@ -40,7 +40,7 @@ var import_Scrollbar = require("../Scrollbar");
|
|
|
40
40
|
var import_hooks = require("../hooks");
|
|
41
41
|
var import_CascaderContext = require("./CascaderContext");
|
|
42
42
|
var CascaderDropdown = (0, import_react.memo)((props) => {
|
|
43
|
-
const { menuProps, onSelect, onCheckedChange } = (0, import_react.useContext)(import_CascaderContext.CascaderContext);
|
|
43
|
+
const { props: menuProps, onSelect, onCheckedChange } = (0, import_react.useContext)(import_CascaderContext.CascaderContext);
|
|
44
44
|
const { options, separator, value, checkedNodes } = props;
|
|
45
45
|
const { valueKey = "value", labelKey = "label", multiple } = menuProps;
|
|
46
46
|
const { e, is } = (0, import_hooks.useClassNames)("cascader");
|
|
@@ -33,82 +33,20 @@ __export(CascaderMenu_exports, {
|
|
|
33
33
|
});
|
|
34
34
|
module.exports = __toCommonJS(CascaderMenu_exports);
|
|
35
35
|
var import_classnames = __toESM(require("classnames"));
|
|
36
|
-
var import_flattenDeep = __toESM(require("lodash/flattenDeep"));
|
|
37
36
|
var import_react = __toESM(require("react"));
|
|
38
37
|
var import_scroll_into_view_if_needed = __toESM(require("scroll-into-view-if-needed"));
|
|
39
38
|
var import_Checkbox = require("../Checkbox");
|
|
40
39
|
var import_Icon = require("../Icon");
|
|
41
40
|
var import_Scrollbar = require("../Scrollbar");
|
|
42
|
-
var import_Util = require("../Util");
|
|
43
41
|
var import_hooks = require("../hooks");
|
|
44
42
|
var import_CascaderContext = require("./CascaderContext");
|
|
45
43
|
var CascaderMenu = (0, import_react.memo)(
|
|
46
44
|
(0, import_react.forwardRef)((props, ref) => {
|
|
47
45
|
const { data = [], level, value } = props;
|
|
48
|
-
const { menuProps,
|
|
49
|
-
const { valueKey = "value", labelKey = "label", disabledKey = "disabled", multiple } = menuProps;
|
|
50
|
-
const { valueKey: treeValueKey = "key", labelKey: treeLabelKey = "title", childrenKey: treeChildrenKey } = treeMenuProps;
|
|
46
|
+
const { props: menuProps, onSelect, onCheckedChange, loading } = (0, import_react.useContext)(import_CascaderContext.CascaderContext);
|
|
47
|
+
const { valueKey = "value", labelKey = "label", disabledKey = "disabled", multiple, expandTrigger } = menuProps;
|
|
51
48
|
const { b, be, is } = (0, import_hooks.useClassNames)("cascader");
|
|
52
|
-
const treeRef = (0, import_react.useRef)();
|
|
53
|
-
const dataList = (0, import_react.useRef)([]);
|
|
54
49
|
const ulRef = (0, import_react.useRef)(null);
|
|
55
|
-
const isTree = (0, import_react.useMemo)(() => {
|
|
56
|
-
return getDataType(level);
|
|
57
|
-
}, [getDataType, level]);
|
|
58
|
-
const fieldNames = (0, import_react.useMemo)(() => {
|
|
59
|
-
return { title: treeLabelKey, key: treeValueKey, children: treeChildrenKey };
|
|
60
|
-
}, [treeChildrenKey, treeLabelKey, treeValueKey]);
|
|
61
|
-
const loop = (0, import_react.useCallback)(
|
|
62
|
-
(_data, searchValue, parent) => _data.map((item) => {
|
|
63
|
-
var _a;
|
|
64
|
-
const index = item[fieldNames.title].indexOf(searchValue);
|
|
65
|
-
const beforeStr = item[fieldNames.title].substring(0, index);
|
|
66
|
-
const afterStr = item[fieldNames.title].slice(index + searchValue.length);
|
|
67
|
-
const title = index > -1 ? /* @__PURE__ */ import_react.default.createElement("span", null, beforeStr, /* @__PURE__ */ import_react.default.createElement("span", { className: b("tree-search-value", false) }, searchValue), afterStr) : /* @__PURE__ */ import_react.default.createElement("span", null, item[fieldNames.title]);
|
|
68
|
-
const newItem = { ...item, parentId: parent ? [parent.parentId, parent[fieldNames.key]].filter((item1) => !!item1).join(",") : "" };
|
|
69
|
-
dataList.current.push(newItem);
|
|
70
|
-
if (((_a = item == null ? void 0 : item[fieldNames.children]) == null ? void 0 : _a.length) > 0) {
|
|
71
|
-
return {
|
|
72
|
-
...item,
|
|
73
|
-
[fieldNames.title]: title,
|
|
74
|
-
_title: item[fieldNames.title],
|
|
75
|
-
[fieldNames.key]: item[fieldNames.key],
|
|
76
|
-
[fieldNames.children]: loop(item.children, searchValue, newItem).filter((item1) => !!item1),
|
|
77
|
-
disabled: item.disabled
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
|
-
return index > -1 ? {
|
|
81
|
-
...item,
|
|
82
|
-
[fieldNames.title]: title,
|
|
83
|
-
_title: item[fieldNames.title],
|
|
84
|
-
[fieldNames.key]: item[fieldNames.key],
|
|
85
|
-
disabled: item.disabled
|
|
86
|
-
} : null;
|
|
87
|
-
}),
|
|
88
|
-
[b, fieldNames.children, fieldNames.key, fieldNames.title]
|
|
89
|
-
);
|
|
90
|
-
const expandByKeys = (0, import_react.useCallback)((expandedKeys) => {
|
|
91
|
-
var _a, _b;
|
|
92
|
-
const flattenNodes = (_a = treeRef.current) == null ? void 0 : _a.flattenTreeData(expandedKeys);
|
|
93
|
-
(_b = treeRef.current) == null ? void 0 : _b.setState({
|
|
94
|
-
expandedKeys,
|
|
95
|
-
flattenNodes
|
|
96
|
-
});
|
|
97
|
-
}, []);
|
|
98
|
-
const getExpandKeys = (0, import_react.useCallback)(() => {
|
|
99
|
-
if (isTree) {
|
|
100
|
-
const _expandedKeys = (0, import_flattenDeep.default)(
|
|
101
|
-
dataList.current.map((item) => {
|
|
102
|
-
var _a;
|
|
103
|
-
if (item[fieldNames.title].indexOf(searchText) > -1) {
|
|
104
|
-
return ((_a = item.parentId) == null ? void 0 : _a.split(",")) ?? [];
|
|
105
|
-
}
|
|
106
|
-
return null;
|
|
107
|
-
})
|
|
108
|
-
).filter((item, i, self) => item && self.indexOf(item) === i);
|
|
109
|
-
expandByKeys(_expandedKeys);
|
|
110
|
-
}
|
|
111
|
-
}, [expandByKeys, fieldNames.title, isTree, searchText]);
|
|
112
50
|
const scrollToSelected = (0, import_react.useCallback)(() => {
|
|
113
51
|
var _a, _b;
|
|
114
52
|
if ((_b = (_a = ulRef.current) == null ? void 0 : _a.resizeRef) == null ? void 0 : _b.current) {
|
|
@@ -123,17 +61,6 @@ var CascaderMenu = (0, import_react.memo)(
|
|
|
123
61
|
}
|
|
124
62
|
}
|
|
125
63
|
}, []);
|
|
126
|
-
(0, import_react.useEffect)(() => {
|
|
127
|
-
if (isTree && (0, import_Util.isNotEmpty)(searchText)) {
|
|
128
|
-
getExpandKeys();
|
|
129
|
-
}
|
|
130
|
-
}, [searchText]);
|
|
131
|
-
(0, import_react.useEffect)(() => {
|
|
132
|
-
if (isTree) {
|
|
133
|
-
const expandedKeys = getExpandedKeys(level);
|
|
134
|
-
expandByKeys(expandedKeys);
|
|
135
|
-
}
|
|
136
|
-
}, []);
|
|
137
64
|
(0, import_react.useImperativeHandle)(ref, () => ({
|
|
138
65
|
scrollToSelected: () => {
|
|
139
66
|
scrollToSelected();
|
|
@@ -160,13 +87,13 @@ var CascaderMenu = (0, import_react.memo)(
|
|
|
160
87
|
),
|
|
161
88
|
onClick: () => {
|
|
162
89
|
if (!item[disabledKey]) {
|
|
163
|
-
if (
|
|
90
|
+
if (expandTrigger === "click" || item.__leaf) {
|
|
164
91
|
onSelect == null ? void 0 : onSelect(level, item);
|
|
165
92
|
}
|
|
166
93
|
}
|
|
167
94
|
},
|
|
168
95
|
onMouseEnter: () => {
|
|
169
|
-
if (
|
|
96
|
+
if (expandTrigger === "hover" && !item[disabledKey] && !item.__leaf) {
|
|
170
97
|
onSelect == null ? void 0 : onSelect(level, item);
|
|
171
98
|
}
|
|
172
99
|
}
|
package/dist/Cascader/Utils.d.ts
CHANGED
|
@@ -1,3 +1 @@
|
|
|
1
|
-
import { CascaderMenuProps, OptionNode, TreeMenuProps } from './typings';
|
|
2
1
|
export declare const toArray: (val: string | string[] | string[][], separator?: string) => string[] | string[][];
|
|
3
|
-
export declare const reOrgTree: (treeData: object[], level: number, { valueKey, labelKey, leafKey, childrenKey }: CascaderMenuProps, { valueKey: treeValueKey, labelKey: treeLabelKey, childrenKey: treeChildrenKey }: TreeMenuProps, plainData?: OptionNode[], parent?: any) => OptionNode[];
|