@qsxy/element-plus-react 1.0.0-next.4 → 1.0.0-next.7

package/dist/Cascader/Utils.js

@@ -1,8 +1,6 @@
-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)
@@ -16,25 +14,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/Utils.ts
 var Utils_exports = {};
 __export(Utils_exports, {
-  reOrgTree: () => reOrgTree,
   toArray: () => toArray
 });
 module.exports = __toCommonJS(Utils_exports);
-var import_cloneDeep = __toESM(require("lodash/cloneDeep"));
-var import_omit = __toESM(require("lodash/omit"));
 var import_Util = require("../Util");
 var toArray = (val, separator = "/") => {
   if ((0, import_Util.isNotEmpty)(val)) {
@@ -46,38 +33,7 @@ var toArray = (val, separator = "/") => {
   }
   return [];
 };
-var reOrgTree = (treeData, level, { valueKey = "value", labelKey = "label", leafKey = "leaf", childrenKey = "children" }, { valueKey: treeValueKey = "key", labelKey: treeLabelKey = "title", childrenKey: treeChildrenKey = "children" }, plainData = [], parent = null) => {
-  return treeData.map((node) => {
-    if (node[childrenKey]) {
-      node[childrenKey] = reOrgTree(
-        node[childrenKey],
-        level,
-        { valueKey, labelKey, leafKey, childrenKey },
-        { valueKey: treeValueKey, labelKey: treeLabelKey, childrenKey: treeChildrenKey },
-        plainData,
-        (0, import_omit.default)((0, import_cloneDeep.default)(node), childrenKey)
-      );
-    }
-    const id = (0, import_Util.randomCode)(11);
-    plainData.push({
-      __id: id,
-      __level: level,
-      __pId: (parent == null ? void 0 : parent.__id) ?? "0",
-      [valueKey]: node[treeValueKey],
-      [labelKey]: node[treeLabelKey],
-      [leafKey]: false,
-      treeChildren: Object.prototype.hasOwnProperty.call(node, treeChildrenKey),
-      ...parent != null ? { parent } : {}
-    });
-    return {
-      ...node,
-      __id: id,
-      __pId: (parent == null ? void 0 : parent.__id) ?? "0"
-    };
-  });
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  reOrgTree,
   toArray
 });

package/dist/Cascader/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Cascader } from './Cascader';
-export type { CascaderMenuProps, CascaderProps, TreeMenuProps } from './typings';
+export type { CascaderMenuProps, CascaderProps } from './typings';

package/dist/Cascader/typings.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
 import { InputRef } from '../Input';
 import { PopperOptions } from '../Popper';
-import { DataNode, DirectoryTreeProps, Key } from '../Tree';
 import { AnimationEventProps, BaseProps, FormControlBaseProps, NativeProps } from '../types/common';
 export type ValueType = string[] | string[][];
-export interface CascaderProps<V = ValueType, S = DataNode> extends Omit<FormControlBaseProps<V>, 'onChange' | 'value' | 'defaultValue'>, BaseProps, NativeProps, AnimationEventProps, PopperOptions, Omit<DirectoryTreeProps<S>, 'children' | 'style' | 'expandedKeys' | 'className' | 'readOnly' | 'disabled'> {
+export interface CascaderProps<V = ValueType, S = any> extends Omit<FormControlBaseProps<V>, 'onChange' | 'value' | 'defaultValue'>, BaseProps, NativeProps, AnimationEventProps, PopperOptions {
     /** 初始值 */
     defaultValue?: ValueType;
     /** 值（可控） */
@@ -13,8 +12,6 @@ export interface CascaderProps<V = ValueType, S = DataNode> extends Omit<FormCon
     options?: any[];
     /** 配置选项 */
     props?: CascaderMenuProps;
-    /** 树形租金配置选项 */
-    treeMenuProps?: TreeMenuProps;
     /** 是否禁用 */
     disabled?: boolean;
     /** 是否可以清空选项 */
@@ -61,7 +58,6 @@ export interface CascaderProps<V = ValueType, S = DataNode> extends Omit<FormCon
     prepend?: React.ReactElement<any> | string | number;
     /** 输入框后置内容，只对 type="text" 有效 */
     append?: React.ReactElement | string | number;
-    expandedKeys?: Key[][];
     lable?: string;
     /** 是否追加到body下 */
     appendToBody?: boolean;
@@ -83,19 +79,7 @@ export interface CascaderMenuProps {
     /** 是否动态加载子节点，需与 lazyLoad 方法结合使用 */
     lazy?: boolean;
     /** 加载动态数据的方法，仅在 lazy 为 true 时有效 */
-    lazyLoad?: (node: object, resolve?: (value: object[], isTree?: boolean) => void, reject?: () => void) => void;
-    /** 指定选项的值为选项对象的某个属性值 */
-    valueKey?: string;
-    /** 指定选项标签为选项对象的某个属性值 */
-    labelKey?: string;
-    /** 指定选项的子选项为选项对象的某个属性值 */
-    childrenKey?: string;
-    /** 指定选项的禁用为选项对象的某个属性值 */
-    disabledKey?: string;
-    /** 指定选项的叶子节点的标志位为选项对象的某个属性值 */
-    leafKey?: string;
-}
-export interface TreeMenuProps {
+    lazyLoad?: (node: object, resolve?: (value: object[]) => void, reject?: () => void) => void;
     /** 指定选项的值为选项对象的某个属性值 */
     valueKey?: string;
     /** 指定选项标签为选项对象的某个属性值 */

package/dist/Cascader/useCascader.d.ts

@@ -1,12 +1,5 @@
 import { Key } from '../Tree';
 import { CascaderProps, OptionNode } from './typings';
-/**
- * @author	Parker
- * @CreateTime	2022/4/17 16:02:49
- * @LastEditor	Parker
- * @ModifyTime	2022/11/20 13:05:51
- * @Description
- */
 export declare const useCascader: (initialData: object[], props: CascaderProps, value: string[] | string[][]) => {
     /** 最高层级 */
     allLevel: number;
@@ -17,8 +10,7 @@ export declare const useCascader: (initialData: object[], props: CascaderProps,
      * @param nodes
      * @param level 层级
      */
-    storeOptionData: (nodes: object[], level: number, parent: OptionNode, { isTree, isCover }: {
-        isTree?: boolean;
+    storeOptionData: (nodes: object[], level: number, parent: OptionNode, { isCover }: {
         isCover?: boolean;
     }) => OptionNode[];
     /**
@@ -78,12 +70,6 @@ export declare const useCascader: (initialData: object[], props: CascaderProps,
      * @returns
      */
     getDataType: (level: number) => any;
-    /**
-     * 获取树数据
-     * @param level 层级
-     * @returns
-     */
-    getTreeData: (level: number) => any[];
     /**
      * 获取扩展key
      * @param level 层级

package/dist/Cascader/useCascader.js

@@ -38,12 +38,10 @@ var import_isEqual = __toESM(require("lodash/isEqual"));
 var import_last = __toESM(require("lodash/last"));
 var import_react = require("react");
 var import_Util = require("../Util");
-var import_Utils = require("./Utils");
 var useCascader = (initialData, props, value) => {
-  const { props: menuProps, treeMenuProps, showAllLevels, separator, expandedKeys = [] } = props;
+  const { props: menuProps, showAllLevels, separator } = props;
   const { childrenKey = "children", valueKey = "value", labelKey = "label", leafKey = "leaf", lazy } = menuProps;
   const [allLevel, setAllLevel] = (0, import_react.useState)(0);
-  const [treeData, setTreeData] = (0, import_react.useState)({});
   const [dataTypes, setDataTypes] = (0, import_react.useState)([]);
   const _dataTypes = (0, import_react.useRef)([]);
   const [optionData, setOptionData] = (0, import_react.useState)({});
@@ -301,26 +299,18 @@ var useCascader = (initialData, props, value) => {
     }
   }, []);
   const storeOptionData = (0, import_react.useCallback)(
-    (nodes, level, parent, { isTree, isCover }) => {
+    (nodes, level, parent, { isCover }) => {
       let data = (0, import_cloneDeep.default)(_optionData.current);
       let newNodes = [];
-      if (isTree) {
-        const treeNodes = (0, import_Utils.reOrgTree)(nodes, level, menuProps, treeMenuProps, newNodes);
-        setTreeData({
-          ...treeData,
-          [`level${level}`]: treeNodes
-        });
-      } else {
-        newNodes = nodes.map((node) => ({
-          ...node,
-          __level: level,
-          __id: (0, import_Util.randomCode)(11),
-          __pId: (parent == null ? void 0 : parent.__id) ?? "0",
-          __leaf: node[leafKey] ?? false,
-          __checked: false,
-          __indeterminate: false
-        }));
-      }
+      newNodes = nodes.map((node) => ({
+        ...node,
+        __level: level,
+        __id: (0, import_Util.randomCode)(11),
+        __pId: (parent == null ? void 0 : parent.__id) ?? "0",
+        __leaf: node[leafKey] ?? false,
+        __checked: false,
+        __indeterminate: false
+      }));
       if ((0, import_Util.isEmpty)(data[`level${level}`])) {
         data = {
           ...data,
@@ -350,19 +340,19 @@ var useCascader = (initialData, props, value) => {
           selectedValue.current.push(null);
           selectedLabel.current.push(null);
           selectedNode.current.push(null);
-          setDataTypes(_dataTypes.current = [..._dataTypes.current, isTree ? true : false]);
+          setDataTypes(_dataTypes.current);
         }
       } else {
         selectedValue.current[level] = null;
         selectedLabel.current[level] = null;
         selectedNode.current[level] = null;
         const _types = (0, import_cloneDeep.default)(_dataTypes.current);
-        _types[level] = isTree ? true : false;
+        _types[level] = false;
         setDataTypes(_dataTypes.current = _types);
       }
       return data[`level${level}`];
     },
-    [allLevel, childrenKey, leafKey, menuProps, treeData, treeMenuProps]
+    [allLevel, childrenKey, leafKey]
   );
   const setNodeLeaf = (0, import_react.useCallback)(
     (node, isLeaf) => {
@@ -380,12 +370,6 @@ var useCascader = (initialData, props, value) => {
     },
     [dataTypes, lazy]
   );
-  const getTreeData = (0, import_react.useCallback)(
-    (level) => {
-      return lazy && treeData[`level${level}`];
-    },
-    [lazy, treeData]
-  );
   const getExpandedKeys = (0, import_react.useCallback)((level) => {
     return expandKeys.current[`level${level}`] ?? [];
   }, []);
@@ -511,11 +495,6 @@ var useCascader = (initialData, props, value) => {
       }
     }
   }, [value, allLevel, props.options]);
-  (0, import_react.useEffect)(() => {
-    expandedKeys.forEach((keys, level) => {
-      setExpandedKeys(level, keys);
-    });
-  }, [expandedKeys, setExpandedKeys]);
   return {
     // eslint-disable-next-line lines-around-comment
     /** 最高层级 */
@@ -585,12 +564,6 @@ var useCascader = (initialData, props, value) => {
      * @returns
      */
     getDataType,
-    /**
-     * 获取树数据
-     * @param level 层级
-     * @returns
-     */
-    getTreeData,
     /**
      * 获取扩展key
      * @param level 层级

package/dist/DatePicker/DatePicker.js

@@ -83,7 +83,7 @@ var DatePicker = (0, import_react.memo)(
       if ((0, import_Util.isNotEmpty)(props.format)) {
         return props.format;
       } else {
-        switch (props.type) {
+        switch (type) {
           case "year":
             return "YYYY";
           case "month":
@@ -94,12 +94,12 @@ var DatePicker = (0, import_react.memo)(
             return "YYYY-MM-DD";
         }
       }
-    }, [props.format, props.type]);
+    }, [props.format, type]);
     const placeholder = (0, import_react.useMemo)(() => {
       if ((0, import_Util.isNotEmpty)(props.placeholder)) {
         return props.placeholder;
       } else {
-        switch (props.type) {
+        switch (type) {
           case "year":
             return "请选择年份";
           case "month":
@@ -110,7 +110,7 @@ var DatePicker = (0, import_react.memo)(
             return "请选择日期";
         }
       }
-    }, [props.placeholder, props.type]);
+    }, [props.placeholder, type]);
     const dateProp = (0, import_react.useMemo)(() => {
       if (type === "week") {
         return currentDate.current || (currentDate.current = typeof value === "string" ? (0, import_Calendar.toDayjs)(value, props.valueFormat ?? format) : (0, import_Calendar.initDate)());
@@ -171,7 +171,7 @@ var DatePicker = (0, import_react.memo)(
         value,
         onChange: import_noop.default,
         onClear: () => handleChange == null ? void 0 : handleChange(null),
-        className: (0, import_classnames.default)({ [`${import_prefix.globalKey}-date`]: readonly, "is-active": visible }),
+        className: (0, import_classnames.default)({ [`${import_prefix.namespace}-date`]: readonly, "is-active": visible }),
         style: props.style,
         error,
         warning,
@@ -216,7 +216,7 @@ var DatePicker = (0, import_react.memo)(
           value: {
             value: dateProp,
             valueRange,
-            dateType: props.type,
+            dateType: type,
             isoWeek: props.isoWeek,
             showToday: props.showToday,
             popperInstRef,

package/dist/DateTimePicker/DateTimePicker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DateTimePickerRef } from './typings';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "value" | "defaultValue" | "type" | "onChange" | "name"> & {
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "name" | "value" | "type" | "defaultValue" | "onChange"> & {
     name?: string;
     value?: string;
     defaultValue?: string;

package/dist/Dialog/Dialog.js

@@ -189,8 +189,8 @@ function InternalElDialog(props, ref) {
           style: {
             ...props.style,
             // @ts-ignore
-            [`--${import_prefix.globalKey}-dialog-width`]: fullscreen || classPrefix !== "dialog" ? "" : (0, import_Util.addUnit)(width),
-            [`--${import_prefix.globalKey}-dialog-margin-top`]: (0, import_Util.addUnit)(top)
+            [`--${import_prefix.namespace}-dialog-width`]: fullscreen || classPrefix !== "dialog" ? "" : (0, import_Util.addUnit)(width),
+            [`--${import_prefix.namespace}-dialog-margin-top`]: (0, import_Util.addUnit)(top)
           },
           ref: dialogRef
         },

package/dist/Drawer/Drawer.js

@@ -77,9 +77,9 @@ function InternalComp(props, ref) {
           setVisible(false);
           onClose == null ? void 0 : onClose();
         } else if (backdrop === "static") {
-          (0, import_dom_lib.addClass)(drawerRef.current, `${import_prefix.globalKey}-drawer-shake`);
+          (0, import_dom_lib.addClass)(drawerRef.current, `${import_prefix.namespace}-drawer-shake`);
           setTimeout(() => {
-            (0, import_dom_lib.removeClass)(drawerRef.current, `${import_prefix.globalKey}-drawer-shake`);
+            (0, import_dom_lib.removeClass)(drawerRef.current, `${import_prefix.namespace}-drawer-shake`);
           }, 300);
         }
       });
@@ -96,12 +96,12 @@ function InternalComp(props, ref) {
         duration: 300,
         onEnter: () => {
           setTimeout(() => {
-            (0, import_dom_lib.addClass)(backdropRef.current, `${import_prefix.globalKey}-anim-in`);
+            (0, import_dom_lib.addClass)(backdropRef.current, `${import_prefix.namespace}-anim-in`);
           }, 10);
         },
-        beforeLeave: () => (0, import_dom_lib.removeClass)(backdropRef.current, `${import_prefix.globalKey}-anim-in`)
+        beforeLeave: () => (0, import_dom_lib.removeClass)(backdropRef.current, `${import_prefix.namespace}-anim-in`)
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`backdrop`, `${import_prefix.globalKey}-anim-fade`), style: { zIndex: import_Util.PopupManager.nextZIndex() }, ref: backdropRef })
+      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`backdrop`, `${import_prefix.namespace}-anim-fade`), style: { zIndex: import_Util.PopupManager.nextZIndex() }, ref: backdropRef })
     ),
     document.body
   ), (0, import_react_dom.createPortal)(
@@ -120,8 +120,8 @@ function InternalComp(props, ref) {
         },
         beforeLeave: () => {
           var _a;
-          (0, import_dom_lib.removeClass)(drawerRef.current, `${import_prefix.globalKey}-anim-slide-in`);
-          (0, import_dom_lib.addClass)(drawerRef.current, `${import_prefix.globalKey}-anim-slide-out`);
+          (0, import_dom_lib.removeClass)(drawerRef.current, `${import_prefix.namespace}-anim-slide-in`);
+          (0, import_dom_lib.addClass)(drawerRef.current, `${import_prefix.namespace}-anim-slide-out`);
           (_a = props.beforeLeave) == null ? void 0 : _a.call(props);
         },
         onLeave: props.onLeave,
@@ -131,7 +131,7 @@ function InternalComp(props, ref) {
       /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`wrapper`, props.className), style: { ...props.style, zIndex: import_Util.PopupManager.nextZIndex() }, ref: ref || wrapperRef }, /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
-          className: (0, import_classnames.default)(wb(size, placement), `${import_prefix.globalKey}-anim-slide-in`, `${import_prefix.globalKey}-anim-${placement}`),
+          className: (0, import_classnames.default)(wb(size, placement), `${import_prefix.namespace}-anim-slide-in`, `${import_prefix.namespace}-anim-${placement}`),
           style: { display: "block" },
           ref: drawerRef
         },

package/dist/Empty/ImgEmpty.js

@@ -36,7 +36,7 @@ var import_react = __toESM(require("react"));
 var import_Util = require("../Util");
 var ImgEmpty = () => {
   const ids = (0, import_react.useMemo)(() => [`linearGradient-${(0, import_Util.randomCode)(5)}`, `linearGradient-${(0, import_Util.randomCode)(5)}`], []);
-  return /* @__PURE__ */ import_react.default.createElement("svg", { viewBox: "0 0 79 86", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: ids[0], x1: "38.8503086%", y1: "0%", x2: "61.1496914%", y2: "100%" }, /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-1)", offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-4)", offset: "100%" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: ids[1], x1: "0%", y1: "9.5%", x2: "100%", y2: "90.5%" }, /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-1)", offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-6)", offset: "100%" })), /* @__PURE__ */ import_react.default.createElement("rect", { id: "path-3-1", x: "0", y: "0", width: "17", height: "36" })), /* @__PURE__ */ import_react.default.createElement("g", { id: "Illustrations", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "B-type", transform: "translate(-1268.000000, -535.000000)" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "Group-2", transform: "translate(1268.000000, 535.000000)" }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("svg", { viewBox: "0 0 79 86", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: ids[0], x1: "38.8503086%", y1: "0%", x2: "61.1496914%", y2: "100%" }, /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-1)", offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-4)", offset: "100%" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: ids[1], x1: "0%", y1: "9.5%", x2: "100%", y2: "90.5%" }, /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-1)", offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-6)", offset: "100%" })), /* @__PURE__ */ import_react.default.createElement("rect", { id: "path-3-1", x: "0", y: "0", width: "17", height: "36" })), /* @__PURE__ */ import_react.default.createElement("g", { id: "Illustrations", stroke: "none", "stroke-width": "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "B-type", transform: "translate(-1268.000000, -535.000000)" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "Group-2", transform: "translate(1268.000000, 535.000000)" }, /* @__PURE__ */ import_react.default.createElement(
     "path",
     {
       id: "Oval-Copy-2",

package/dist/Form/utils/classUtil.js

@@ -37,10 +37,10 @@ module.exports = __toCommonJS(classUtil_exports);
 var import_classnames = __toESM(require("classnames"));
 var import_prefix = require("../../hooks/prefix");
 var prefixSplit = (splitCode, ...classes) => {
-  const mergeClasses = classes.length ? (0, import_classnames.default)(...classes).split(" ").map((item) => (0, import_prefix.prefix)(`${import_prefix.globalKey}-form-item`, item, splitCode)) : [];
+  const mergeClasses = classes.length ? (0, import_classnames.default)(...classes).split(" ").map((item) => (0, import_prefix.prefix)(`${import_prefix.namespace}-form-item`, item, splitCode)) : [];
   return mergeClasses.filter((cls) => cls).join(" ");
 };
-var b = (name) => `${import_prefix.globalKey}-${name}`;
+var b = (name) => `${import_prefix.namespace}-${name}`;
 var e = (...classes) => prefixSplit("__", ...classes);
 var m = (...classes) => prefixSplit("--", ...classes);
 // Annotate the CommonJS export names for ESM import in node:

package/dist/Input/InputRange.js

@@ -214,7 +214,7 @@ var InputRange = (0, import_react.forwardRef)((props, ref) => {
       if (nodeType === "ElIcon") {
         return (0, import_react.cloneElement)(prefix, {
           ...prefix.props,
-          className: (0, import_classnames.default)((_a = prefix.props) == null ? void 0 : _a.className, `${import_prefix.globalKey}-range__icon`)
+          className: (0, import_classnames.default)((_a = prefix.props) == null ? void 0 : _a.className, `${import_prefix.namespace}-range__icon`)
         });
       }
     }
@@ -229,11 +229,11 @@ var InputRange = (0, import_react.forwardRef)((props, ref) => {
         if (nodeType === "ElIcon") {
           return (0, import_react.cloneElement)(suffix, {
             ...suffix.props,
-            className: (0, import_classnames.default)((_a = suffix.props) == null ? void 0 : _a.className, `${import_prefix.globalKey}-input__icon ${import_prefix.globalKey}-range__close-icon`)
+            className: (0, import_classnames.default)((_a = suffix.props) == null ? void 0 : _a.className, `${import_prefix.namespace}-input__icon ${import_prefix.namespace}-range__close-icon`)
           });
         }
       } else {
-        return /* @__PURE__ */ import_react.default.createElement("span", { className: `${import_prefix.globalKey}-range__end-icon` }, suffix);
+        return /* @__PURE__ */ import_react.default.createElement("span", { className: `${import_prefix.namespace}-range__end-icon` }, suffix);
       }
     }
     return null;

package/dist/MessageBox/MessageBox.js

@@ -189,7 +189,7 @@ var MessageBox = (0, import_react.memo)(
         classPrefix,
         visible,
         className: (0, import_classnames.default)("is-message-box", className),
-        style: { ...style, [`--${import_prefix.globalKey}-messagebox-width`]: (0, import_Util.addUnit)(width) },
+        style: { ...style, [`--${import_prefix.namespace}-messagebox-width`]: (0, import_Util.addUnit)(width) },
         modal: true,
         overflow,
         showClose,

package/dist/Popper/Popper.js

@@ -87,13 +87,13 @@ var Popper = (0, import_react.forwardRef)((props, ref) => {
   const animation = (0, import_react.useMemo)(() => {
     var _a2, _b, _c, _d;
     if ((0, import_startsWith.default)(((_a2 = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _a2.placement) || (props == null ? void 0 : props.placement), "top")) {
-      return `${import_prefix.globalKey}-slide-down`;
+      return `${import_prefix.namespace}-slide-down`;
     } else if ((0, import_startsWith.default)(((_b = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _b.placement) || (props == null ? void 0 : props.placement), "bottom")) {
-      return `${import_prefix.globalKey}-slide-up`;
+      return `${import_prefix.namespace}-slide-up`;
     } else if ((0, import_startsWith.default)(((_c = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _c.placement) || (props == null ? void 0 : props.placement), "left")) {
-      return `${import_prefix.globalKey}-slide-right`;
+      return `${import_prefix.namespace}-slide-right`;
     } else if ((0, import_startsWith.default)(((_d = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _d.placement) || (props == null ? void 0 : props.placement), "right")) {
-      return `${import_prefix.globalKey}-slide-left`;
+      return `${import_prefix.namespace}-slide-left`;
     }
   }, [(_a = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _a.placement, props == null ? void 0 : props.placement]);
   const afterLeave = (0, import_react.useCallback)(() => {
@@ -115,8 +115,8 @@ var Popper = (0, import_react.forwardRef)((props, ref) => {
     }
   }, [popperInstance]);
   (0, import_hooks.useComponentWillMount)(() => {
-    if (!transitionProps.unmountOnExit && document.getElementById(`${import_prefix.globalKey}-popper-${id}`)) {
-      document.getElementById(`${import_prefix.globalKey}-popper-${id}`).parentNode.removeChild(document.getElementById(`${import_prefix.globalKey}-popper-${id}`));
+    if (!transitionProps.unmountOnExit && document.getElementById(`${import_prefix.namespace}-popper-${id}`)) {
+      document.getElementById(`${import_prefix.namespace}-popper-${id}`).parentNode.removeChild(document.getElementById(`${import_prefix.namespace}-popper-${id}`));
     }
   });
   (0, import_react.useImperativeHandle)(ref, () => ({
@@ -126,7 +126,7 @@ var Popper = (0, import_react.forwardRef)((props, ref) => {
     () => /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { nodeRef: { current: popperElement }, visible, name: animation, className, afterLeave, ...transitionProps }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
-        id: `${import_prefix.globalKey}-popper-${id}`,
+        id: `${import_prefix.namespace}-popper-${id}`,
         className: (0, import_classnames.default)(b(), is(effect), popperClass),
         onMouseEnter,
         onMouseLeave,

package/dist/Progress/Progress.js

@@ -173,7 +173,7 @@ var Progress = (props) => {
       {
         className: be("circle", "track"),
         d: trackPath,
-        stroke: `var(--${import_prefix.globalKey}-fill-color-light, #e5e9f2)`,
+        stroke: `var(--${import_prefix.namespace}-fill-color-light, #e5e9f2)`,
         strokeWidth: relativeStrokeWidth,
         fill: "none",
         style: trailPathStyle

package/dist/Table/hooks/useSelection.d.ts

@@ -1,12 +1,5 @@
 /// <reference types="react" />
 import { TableProps } from '../typings';
-/**
- * @author	Parker
- * @CreateTime	2022/9/17 19:39:22
- * @LastEditor	Parker
- * @ModifyTime	2022/11/7 19:38:04
- * @Description
- */
 export declare const useSelection: <T>(props: TableProps<T>, data: T[]) => {
     state: {
         isIndeterminate: any;
@@ -46,4 +39,4 @@ export declare const activeRow: <T>(payload: T) => Action;
  * @param payload
  * @returns
  */
-export declare const onCheck: <T>(payload: Pick<State<T>, "selection" | "isIndeterminate">) => Action;
+export declare const onCheck: <T>(payload: Pick<State<T>, "isIndeterminate" | "selection">) => Action;

package/dist/Table/util.js

@@ -36,7 +36,7 @@ var import_prefix = require("../hooks/prefix");
 var TableIdManager = {
   tableId: 0,
   columnId: 0,
-  nextTableId: () => `${import_prefix.globalKey}-table_${++TableIdManager.tableId}`,
+  nextTableId: () => `${import_prefix.namespace}-table_${++TableIdManager.tableId}`,
   nextColumnId: (start) => `column_${start ? ++start : ++TableIdManager.columnId}`
 };
 var cacheStringFunction = (fn) => {
@@ -73,7 +73,7 @@ var getStyle = (element, styleName) => {
 var removePopper;
 function createTablePopper(parentNode, trigger, popperContent, tooltipRef) {
   var _a;
-  const ns = import_prefix.globalKey || "r";
+  const ns = import_prefix.namespace || "r";
   const scrollContainer = parentNode == null ? void 0 : parentNode.querySelector(`.${ns}-scrollbar__wrap`);
   removePopper == null ? void 0 : removePopper();
   const renderDom = document.createDocumentFragment();

package/dist/TimePicker/TimePicker.js

@@ -178,7 +178,7 @@ var TimePicker = (0, import_react.forwardRef)((props, ref) => {
         handleChange(null);
         initialValue.current = "";
       },
-      className: (0, import_classnames.default)({ [`${import_prefix.globalKey}-date`]: readonly, "is-active": visible }),
+      className: (0, import_classnames.default)({ [`${import_prefix.namespace}-date`]: readonly, "is-active": visible }),
       style: props.style,
       error,
       warning,

package/dist/Tree/DirectoryTree.d.ts

@@ -1,22 +1,15 @@
-import React, { Ref } from 'react';
+import * as React from 'react';
 import RcTree from './RCTree';
-import { Key } from './typings';
 import { TreeProps } from './Tree';
+import { BasicDataNode, DataNode, Key } from './typings';
 export type ExpandAction = false | 'click' | 'doubleClick';
-export interface DirectoryTreeProps<T> extends TreeProps<T> {
+export interface DirectoryTreeProps<T extends BasicDataNode = DataNode> extends TreeProps<T> {
     expandAction?: ExpandAction;
 }
+type DirectoryTreeCompoundedComponent = (<T extends BasicDataNode | DataNode = DataNode>(props: React.PropsWithChildren<DirectoryTreeProps<T>> & React.RefAttributes<RcTree>) => React.ReactElement) & Pick<React.FC, 'displayName'>;
 export interface DirectoryTreeState {
     expandedKeys?: Key[];
     selectedKeys?: Key[];
 }
-declare const ForwardDirectoryTree: <RecordType extends object = any>(props: DirectoryTreeProps<RecordType> & {
-    ref?: Ref<RcTree>;
-}) => React.ReactElement;
-type InternalDirectoryTreeType = typeof ForwardDirectoryTree;
-interface DirectoryTreeInterface extends InternalDirectoryTreeType {
-    displayName?: string;
-    defaultProps?: Partial<DirectoryTreeProps<any>>;
-}
-declare const DirectoryTree: DirectoryTreeInterface;
-export default DirectoryTree;
+declare const ForwardDirectoryTree: DirectoryTreeCompoundedComponent;
+export default ForwardDirectoryTree;