@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.21

package/dist/Cascader/CascaderContext.d.ts

@@ -1,18 +1,12 @@
 /// <reference types="react" />
-import { DataNode, DirectoryTreeProps, Key } from '../Tree';
-import { CascaderMenuProps, TreeMenuProps } from './typings';
-interface CascaderContextProps<T = DataNode> {
-    menuProps: CascaderMenuProps;
-    treeMenuProps?: TreeMenuProps;
-    treeProps?: DirectoryTreeProps<T>;
+import { CascaderMenuProps } from './typings';
+interface CascaderContextProps {
+    props: CascaderMenuProps;
     loading?: string;
     searchText?: string;
-    getExpandedKeys?: (level: number) => Key[];
-    setExpandedKeys?: (level: number, keys: Key[]) => void;
     onSelect: (level: number, node: object) => void;
     onCheckedChange: (_level: number, node: object, checked: boolean) => void;
     getDataType: (level: number) => boolean;
-    getTreeData: (level: number) => DataNode[];
 }
-export declare const CascaderContext: import("react").Context<CascaderContextProps<DataNode<any>>>;
+export declare const CascaderContext: import("react").Context<CascaderContextProps>;
 export {};

package/dist/Cascader/CascaderContext.js

@@ -1,52 +1,12 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Cascader/CascaderContext.ts
-var CascaderContext_exports = {};
-__export(CascaderContext_exports, {
-  CascaderContext: () => CascaderContext
-});
-module.exports = __toCommonJS(CascaderContext_exports);
-var import_noop = __toESM(require("lodash/noop"));
-var import_react = require("react");
-var CascaderContext = (0, import_react.createContext)({
-  onSelect: import_noop.default,
-  onCheckedChange: import_noop.default,
+import noop from 'lodash/noop';
+import { createContext } from 'react';
+export var CascaderContext = /*#__PURE__*/createContext({
+  onSelect: noop,
+  onCheckedChange: noop,
   loading: null,
   searchText: null,
-  menuProps: {},
-  treeMenuProps: {},
-  getExpandedKeys: () => [],
-  setExpandedKeys: import_noop.default,
-  getDataType: () => false,
-  getTreeData: () => []
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CascaderContext
-});
+  props: {},
+  getDataType: function getDataType() {
+    return false;
+  }
+});

package/dist/Cascader/CascaderDropdown.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { OptionNode } from './typings';
 interface Props {
+    /** 用于分隔选项的字符 */
     separator: string;
     options: OptionNode[][];
     value: string[] | string[][];

package/dist/Cascader/CascaderDropdown.js

@@ -1,81 +1,94 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Cascader/CascaderDropdown.tsx
-var CascaderDropdown_exports = {};
-__export(CascaderDropdown_exports, {
-  default: () => CascaderDropdown_default
-});
-module.exports = __toCommonJS(CascaderDropdown_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_last = __toESM(require("lodash/last"));
-var import_react = __toESM(require("react"));
-var import_Icon = require("../Icon");
-var import_Scrollbar = require("../Scrollbar");
-var import_hooks = require("../hooks");
-var import_CascaderContext = require("./CascaderContext");
-var CascaderDropdown = (0, import_react.memo)((props) => {
-  const { menuProps, onSelect, onCheckedChange } = (0, import_react.useContext)(import_CascaderContext.CascaderContext);
-  const { options, separator, value, checkedNodes } = props;
-  const { valueKey = "value", labelKey = "label", multiple } = menuProps;
-  const { e, is } = (0, import_hooks.useClassNames)("cascader");
-  const ulRef = (0, import_react.useRef)(null);
-  const scrollBarRef = (0, import_react.useRef)(null);
-  const [checkedNode, setCheckedNode] = (0, import_react.useState)(multiple ? value.map((item) => item.join(separator)) : [value.join(separator)]);
-  const list = (0, import_react.useMemo)(() => {
-    return options.map((item) => {
-      const key = item.map((node) => node[valueKey]).join(separator);
-      const checked = checkedNode.includes(key);
-      return /* @__PURE__ */ import_react.default.createElement(
-        "li",
-        {
-          className: (0, import_classnames.default)(e`suggestion-item`, is({ checked })),
-          key,
-          onClick: () => {
-            if (multiple) {
-              setCheckedNode(checked ? checkedNode.filter((node2) => node2 !== key) : [...checkedNode, key]);
-              item.forEach((node2) => {
-                onSelect(node2.__level, node2);
-              });
-              const node = (0, import_last.default)(item);
-              onCheckedChange(node.__level, node, !checked);
-            } else {
-              item.forEach((node) => {
-                onSelect(node.__level, node);
-              });
-            }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import classNames from 'classnames';
+import last from 'lodash/last';
+import React, { memo, useContext, useMemo, useRef, useState } from 'react';
+import Icon from "../Icon/Icon";
+import Scrollbar from "../Scrollbar/Scrollbar";
+import { useClassNames } from "../hooks";
+import { CascaderContext } from "./CascaderContext";
+var CascaderDropdown = /*#__PURE__*/memo(function (props) {
+  var _useContext = useContext(CascaderContext),
+    menuProps = _useContext.props,
+    onSelect = _useContext.onSelect,
+    onCheckedChange = _useContext.onCheckedChange;
+  var options = props.options,
+    separator = props.separator,
+    value = props.value,
+    checkedNodes = props.checkedNodes;
+  var _menuProps$valueKey = menuProps.valueKey,
+    valueKey = _menuProps$valueKey === void 0 ? 'value' : _menuProps$valueKey,
+    _menuProps$labelKey = menuProps.labelKey,
+    labelKey = _menuProps$labelKey === void 0 ? 'label' : _menuProps$labelKey,
+    multiple = menuProps.multiple;
+  var _useClassNames = useClassNames('cascader'),
+    e = _useClassNames.e,
+    is = _useClassNames.is;
+  var ulRef = useRef(null);
+  var scrollBarRef = useRef(null);
+  var _useState = useState(multiple ? value.map(function (item) {
+      return item.join(separator);
+    }) : [value.join(separator)]),
+    _useState2 = _slicedToArray(_useState, 2),
+    checkedNode = _useState2[0],
+    setCheckedNode = _useState2[1];
+  var list = useMemo(function () {
+    return options.map(function (item) {
+      var key = item.map(function (node) {
+        return node[valueKey];
+      }).join(separator);
+      var checked = checkedNode.includes(key);
+      return /*#__PURE__*/React.createElement("li", {
+        className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["suggestion-item"]))), is({
+          checked: checked
+        })),
+        key: key,
+        onClick: function onClick() {
+          if (multiple) {
+            setCheckedNode(checked ? checkedNode.filter(function (node) {
+              return node !== key;
+            }) : [].concat(_toConsumableArray(checkedNode), [key]));
+            item.forEach(function (node) {
+              onSelect(node.__level, node);
+            });
+            var node = last(item);
+            onCheckedChange(node.__level, node, !checked);
+          } else {
+            item.forEach(function (node) {
+              onSelect(node.__level, node);
+            });
           }
-        },
-        /* @__PURE__ */ import_react.default.createElement("span", null, item.map((node) => node[labelKey]).join(separator)),
-        multiple && checkedNode.includes(key) ? /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "check" }) : null
-      );
+        }
+      }, /*#__PURE__*/React.createElement("span", null, item.map(function (node) {
+        return node[labelKey];
+      }).join(separator)), multiple && checkedNode.includes(key) ? /*#__PURE__*/React.createElement(Icon, {
+        name: "check"
+      }) : null);
     });
   }, [checkedNode, e, is, labelKey, multiple, onCheckedChange, onSelect, options, separator, valueKey]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`dorpdown`), onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ import_react.default.createElement(import_Scrollbar.Scrollbar, { wrapClass: e`suggestion-panel`, ref: scrollBarRef }, /* @__PURE__ */ import_react.default.createElement("ul", { className: e`suggestion-list`, ref: ulRef }, list, (options == null ? void 0 : options.length) === 0 && /* @__PURE__ */ import_react.default.createElement("li", { className: (0, import_classnames.default)(e`empty-text`) }, "暂无数据"))));
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["dorpdown"])))),
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Scrollbar, {
+    wrapClass: e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["suggestion-panel"]))),
+    ref: scrollBarRef
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: e(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["suggestion-list"]))),
+    ref: ulRef
+  }, list, (options === null || options === void 0 ? void 0 : options.length) === 0 && /*#__PURE__*/React.createElement("li", {
+    className: classNames(e(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["empty-text"]))))
+  }, "\u6682\u65E0\u6570\u636E"))));
 });
-var CascaderDropdown_default = CascaderDropdown;
+export default CascaderDropdown;

package/dist/Cascader/CascaderMenu.js

@@ -1,191 +1,105 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Cascader/CascaderMenu.tsx
-var CascaderMenu_exports = {};
-__export(CascaderMenu_exports, {
-  default: () => CascaderMenu_default
-});
-module.exports = __toCommonJS(CascaderMenu_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_flattenDeep = __toESM(require("lodash/flattenDeep"));
-var import_react = __toESM(require("react"));
-var import_scroll_into_view_if_needed = __toESM(require("scroll-into-view-if-needed"));
-var import_Checkbox = require("../Checkbox");
-var import_Icon = require("../Icon");
-var import_Scrollbar = require("../Scrollbar");
-var import_Util = require("../Util");
-var import_hooks = require("../hooks");
-var import_CascaderContext = require("./CascaderContext");
-var CascaderMenu = (0, import_react.memo)(
-  (0, import_react.forwardRef)((props, ref) => {
-    const { data = [], level, value } = props;
-    const { menuProps, treeMenuProps, onSelect, onCheckedChange, getDataType, loading, getExpandedKeys, searchText } = (0, import_react.useContext)(import_CascaderContext.CascaderContext);
-    const { valueKey = "value", labelKey = "label", disabledKey = "disabled", multiple } = menuProps;
-    const { valueKey: treeValueKey = "key", labelKey: treeLabelKey = "title", childrenKey: treeChildrenKey } = treeMenuProps;
-    const { b, be, is } = (0, import_hooks.useClassNames)("cascader");
-    const treeRef = (0, import_react.useRef)();
-    const dataList = (0, import_react.useRef)([]);
-    const ulRef = (0, import_react.useRef)(null);
-    const isTree = (0, import_react.useMemo)(() => {
-      return getDataType(level);
-    }, [getDataType, level]);
-    const fieldNames = (0, import_react.useMemo)(() => {
-      return { title: treeLabelKey, key: treeValueKey, children: treeChildrenKey };
-    }, [treeChildrenKey, treeLabelKey, treeValueKey]);
-    const loop = (0, import_react.useCallback)(
-      (_data, searchValue, parent) => _data.map((item) => {
-        var _a;
-        const index = item[fieldNames.title].indexOf(searchValue);
-        const beforeStr = item[fieldNames.title].substring(0, index);
-        const afterStr = item[fieldNames.title].slice(index + searchValue.length);
-        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]);
-        const newItem = { ...item, parentId: parent ? [parent.parentId, parent[fieldNames.key]].filter((item1) => !!item1).join(",") : "" };
-        dataList.current.push(newItem);
-        if (((_a = item == null ? void 0 : item[fieldNames.children]) == null ? void 0 : _a.length) > 0) {
-          return {
-            ...item,
-            [fieldNames.title]: title,
-            _title: item[fieldNames.title],
-            [fieldNames.key]: item[fieldNames.key],
-            [fieldNames.children]: loop(item.children, searchValue, newItem).filter((item1) => !!item1),
-            disabled: item.disabled
-          };
-        }
-        return index > -1 ? {
-          ...item,
-          [fieldNames.title]: title,
-          _title: item[fieldNames.title],
-          [fieldNames.key]: item[fieldNames.key],
-          disabled: item.disabled
-        } : null;
-      }),
-      [b, fieldNames.children, fieldNames.key, fieldNames.title]
-    );
-    const expandByKeys = (0, import_react.useCallback)((expandedKeys) => {
-      var _a, _b;
-      const flattenNodes = (_a = treeRef.current) == null ? void 0 : _a.flattenTreeData(expandedKeys);
-      (_b = treeRef.current) == null ? void 0 : _b.setState({
-        expandedKeys,
-        flattenNodes
-      });
-    }, []);
-    const getExpandKeys = (0, import_react.useCallback)(() => {
-      if (isTree) {
-        const _expandedKeys = (0, import_flattenDeep.default)(
-          dataList.current.map((item) => {
-            var _a;
-            if (item[fieldNames.title].indexOf(searchText) > -1) {
-              return ((_a = item.parentId) == null ? void 0 : _a.split(",")) ?? [];
-            }
-            return null;
-          })
-        ).filter((item, i, self) => item && self.indexOf(item) === i);
-        expandByKeys(_expandedKeys);
-      }
-    }, [expandByKeys, fieldNames.title, isTree, searchText]);
-    const scrollToSelected = (0, import_react.useCallback)(() => {
-      var _a, _b;
-      if ((_b = (_a = ulRef.current) == null ? void 0 : _a.resizeRef) == null ? void 0 : _b.current) {
-        const node = ulRef.current.resizeRef.current.querySelectorAll(".in-active-path");
-        if (node && node.length > 0) {
-          setTimeout(() => {
-            (0, import_scroll_into_view_if_needed.default)(node[0], {
-              scrollMode: "if-needed",
-              block: "center"
-            });
-          }, 150);
-        }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _templateObject, _templateObject2;
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+/* eslint-disable indent */
+import classNames from 'classnames';
+import React, { forwardRef, memo, useCallback, useContext, useImperativeHandle, useRef } from 'react';
+import scrollIntoView from 'scroll-into-view-if-needed';
+import Checkbox from "../Checkbox/Checkbox";
+import Icon from "../Icon/Icon";
+import Scrollbar from "../Scrollbar/Scrollbar";
+import { useClassNames } from "../hooks";
+import { CascaderContext } from "./CascaderContext";
+var CascaderMenu = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
+    level = props.level,
+    value = props.value;
+  var _useContext = useContext(CascaderContext),
+    menuProps = _useContext.props,
+    onSelect = _useContext.onSelect,
+    onCheckedChange = _useContext.onCheckedChange,
+    loading = _useContext.loading;
+  var _menuProps$valueKey = menuProps.valueKey,
+    valueKey = _menuProps$valueKey === void 0 ? 'value' : _menuProps$valueKey,
+    _menuProps$labelKey = menuProps.labelKey,
+    labelKey = _menuProps$labelKey === void 0 ? 'label' : _menuProps$labelKey,
+    _menuProps$disabledKe = menuProps.disabledKey,
+    disabledKey = _menuProps$disabledKe === void 0 ? 'disabled' : _menuProps$disabledKe,
+    multiple = menuProps.multiple,
+    expandTrigger = menuProps.expandTrigger;
+  var _useClassNames = useClassNames('cascader'),
+    b = _useClassNames.b,
+    be = _useClassNames.be,
+    is = _useClassNames.is;
+  var ulRef = useRef(null);
+  var _scrollToSelected = useCallback(function () {
+    var _ulRef$current;
+    if ((_ulRef$current = ulRef.current) !== null && _ulRef$current !== void 0 && (_ulRef$current = _ulRef$current.resizeRef) !== null && _ulRef$current !== void 0 && _ulRef$current.current) {
+      var node = ulRef.current.resizeRef.current.querySelectorAll('.in-active-path');
+      if (node && node.length > 0) {
+        setTimeout(function () {
+          scrollIntoView(node[0], {
+            scrollMode: 'if-needed',
+            block: 'center'
+          });
+        }, 150);
       }
-    }, []);
-    (0, import_react.useEffect)(() => {
-      if (isTree && (0, import_Util.isNotEmpty)(searchText)) {
-        getExpandKeys();
+    }
+  }, []);
+  useImperativeHandle(ref, function () {
+    return {
+      scrollToSelected: function scrollToSelected() {
+        _scrollToSelected();
       }
-    }, [searchText]);
-    (0, import_react.useEffect)(() => {
-      if (isTree) {
-        const expandedKeys = getExpandedKeys(level);
-        expandByKeys(expandedKeys);
+    };
+  });
+  return /*#__PURE__*/React.createElement(Scrollbar, {
+    ref: ulRef,
+    tag: "ul",
+    className: classNames(b(_templateObject || (_templateObject = _taggedTemplateLiteral(["menu"]))), is('list')),
+    wrapClass: be('menu', 'wrap'),
+    viewClass: classNames(be('menu', 'list'), _defineProperty({}, b('no-data', false), (data === null || data === void 0 ? void 0 : data.length) === 0))
+  }, (data === null || data === void 0 ? void 0 : data.length) > 0 && data.map(function (item) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: item.__id,
+      className: classNames(b(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["node"]))), {
+        'in-active-path': multiple ? item.__checked || item.__indeterminate : value === item[valueKey]
+      }, is({
+        disabled: item[disabledKey]
+      })),
+      onClick: function onClick() {
+        if (!item[disabledKey]) {
+          if (expandTrigger === 'click' || item.__leaf) {
+            onSelect === null || onSelect === void 0 || onSelect(level, item);
+          }
+        }
+      },
+      onMouseEnter: function onMouseEnter() {
+        if (expandTrigger === 'hover' && !item[disabledKey] && !item.__leaf) {
+          onSelect === null || onSelect === void 0 || onSelect(level, item);
+        }
       }
-    }, []);
-    (0, import_react.useImperativeHandle)(ref, () => ({
-      scrollToSelected: () => {
-        scrollToSelected();
+    }, multiple && /*#__PURE__*/React.createElement(Checkbox, {
+      checked: item.__checked,
+      indeterminate: item.__indeterminate,
+      onChange: function onChange(checked) {
+        return onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(level, item, checked);
       }
+    }), /*#__PURE__*/React.createElement("span", {
+      className: be('node', 'label')
+    }, item[labelKey]), !item.__leaf && loading !== item.__id && /*#__PURE__*/React.createElement(Icon, {
+      name: "angle-right",
+      className: be('node', 'postfix')
+    }), loading === item.__id && /*#__PURE__*/React.createElement(Icon, {
+      prefix: "fas",
+      name: "spinner",
+      spin: true,
+      className: be('node', 'postfix')
     }));
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_Scrollbar.Scrollbar,
-      {
-        ref: ulRef,
-        tag: "ul",
-        className: (0, import_classnames.default)(b`menu`, is("list")),
-        wrapClass: be("menu", "wrap"),
-        viewClass: (0, import_classnames.default)(be("menu", "list"), { [b("no-data", false)]: (data == null ? void 0 : data.length) === 0 })
-      },
-      (data == null ? void 0 : data.length) > 0 && data.map((item) => {
-        return /* @__PURE__ */ import_react.default.createElement(
-          "li",
-          {
-            key: item.__id,
-            className: (0, import_classnames.default)(
-              b`node`,
-              { "in-active-path": multiple ? item.__checked || item.__indeterminate : value === item[valueKey] },
-              is({ disabled: item[disabledKey] })
-            ),
-            onClick: () => {
-              if (!item[disabledKey]) {
-                if (menuProps.expandTrigger === "click" || item.__leaf) {
-                  onSelect == null ? void 0 : onSelect(level, item);
-                }
-              }
-            },
-            onMouseEnter: () => {
-              if (menuProps.expandTrigger === "hover" && !item[disabledKey] && !item.__leaf) {
-                onSelect == null ? void 0 : onSelect(level, item);
-              }
-            }
-          },
-          multiple && /* @__PURE__ */ import_react.default.createElement(
-            import_Checkbox.Checkbox,
-            {
-              checked: item.__checked,
-              indeterminate: item.__indeterminate,
-              onChange: (checked) => onCheckedChange == null ? void 0 : onCheckedChange(level, item, checked)
-            }
-          ),
-          /* @__PURE__ */ import_react.default.createElement("span", { className: be("node", "label") }, item[labelKey]),
-          !item.__leaf && loading !== item.__id && /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angle-right", className: be("node", "postfix") }),
-          loading === item.__id && /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fas", name: "spinner", spin: true, className: be("node", "postfix") })
-        );
-      }),
-      (data == null ? void 0 : data.length) === 0 && (loading ? "正在加载数据..." : "暂无数据!")
-    );
-  })
-);
-var CascaderMenu_default = CascaderMenu;
+  }), (data === null || data === void 0 ? void 0 : data.length) === 0 && (loading ? '正在加载数据...' : '暂无数据!'));
+}));
+export default CascaderMenu;

package/dist/Cascader/Utils.d.ts

@@ -1,3 +1 @@
-import { CascaderMenuProps, OptionNode, TreeMenuProps } from './typings';
 export declare const toArray: (val: string | string[] | string[][], separator?: string) => string[] | string[][];
-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[];