@tiny-codes/react-easy 1.7.6 → 1.7.8

package/lib/components/Iconfont/createIconfont.js

@@ -0,0 +1,65 @@
+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/components/Iconfont/createIconfont.tsx
+var createIconfont_exports = {};
+__export(createIconfont_exports, {
+  createIconfont: () => createIconfont
+});
+module.exports = __toCommonJS(createIconfont_exports);
+var import_react = require("react");
+var import_classnames = __toESM(require("classnames"));
+var import_icons = require("@ant-design/icons");
+var import_ConfigProvider = __toESM(require("../ConfigProvider"));
+var createIconfont = (scriptUrl, options) => {
+  const { iconPrefix = "" } = options || {};
+  const AntdIconfont = (0, import_icons.createFromIconfontCN)({ scriptUrl });
+  const Iconfont = (props) => {
+    const { type, className, size, style, ...iconProps } = props;
+    const { getPrefixCls } = (0, import_react.useContext)(import_ConfigProvider.default.ConfigContext);
+    const iconType = type.startsWith(iconPrefix) ? type : `${iconPrefix}-${type}`;
+    return /* @__PURE__ */ React.createElement(
+      AntdIconfont,
+      {
+        type: iconType,
+        className: (0, import_classnames.default)(getPrefixCls("iconfont"), className),
+        style: {
+          ...style,
+          fontSize: (style == null ? void 0 : style.fontSize) ?? size
+        },
+        ...iconProps
+      }
+    );
+  };
+  return Iconfont;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createIconfont
+});
+//# sourceMappingURL=createIconfont.js.map

package/lib/components/Iconfont/createIconfont.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Iconfont/createIconfont.tsx"],
+  "sourcesContent": ["import { type CSSProperties, type FC, useContext } from 'react';\nimport classNames from 'classnames';\nimport { createFromIconfontCN } from '@ant-design/icons';\nimport type { IconFontProps as AntIconFontProps } from '@ant-design/icons/es/components/IconFont';\nimport ConfigProvider from '../ConfigProvider';\n\n/**\n * - **EN:** Props for the Iconfont component\n * - **CN:** Iconfont 组件的props\n */\nexport interface IconfontProps<T extends string = string>\n  extends Omit<AntIconFontProps<T>, 'type' | 'size' | 'spin' | 'rotate'> {\n  /**\n   * - **EN:** Icon name. Find an icon in iconfont and click `Copy Code`\n   * - **CN:** 图标名称。在 iconfont 中找到某个图标，点击`复制代码`\n   */\n  type: T;\n  /**\n   * - **EN:** Whether the icon should spin continuously, can be used to indicate loading\n   * - **CN:** 图标是否持续旋转，可以实现 loading 的效果\n   *\n   * @default false\n   */\n  spin?: boolean;\n  /**\n   * - **EN:** Rotate the icon by a fixed angle clockwise\n   * - **CN:** 图标顺时针旋转一个固定角度\n   *\n   * @default 0\n   */\n  rotate?: number;\n  /**\n   * - **EN:** Icon size, an alias for `style.fontSize`\n   * - **CN:** 图标尺寸，是 `style.fontSize` 的别名\n   */\n  size?: CSSProperties['fontSize'];\n}\n\n/**\n * - **EN:** Create an Iconfont component with a specified iconfont script URL.\n * - **CN:** 创建一个Iconfont组件，指定iconfont的脚本地址\n *\n * @param scriptUrl - Path to the iconfont script | 字体图标的路径\n */\nexport const createIconfont = <T extends string = string>(\n  scriptUrl: string,\n  options?: {\n    /** Icon name prefix | 图标名称前缀 */\n    iconPrefix?: string;\n  }\n): FC<IconfontProps<T>> => {\n  const { iconPrefix = '' } = options || {};\n  const AntdIconfont = createFromIconfontCN({ scriptUrl });\n  /**\n   * - **EN:** Render an iconfont icon, setting the `type` prop to the iconfont icon name.\n   * - **CN:** 渲染一个 iconfont 的图标，把 `type` 属性设置为 iconfont 字体的图标名\n   */\n  const Iconfont: FC<IconfontProps<T>> = (props) => {\n    const { type, className, size, style, ...iconProps } = props;\n    const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n    const iconType = type.startsWith(iconPrefix) ? type : `${iconPrefix}-${type}`;\n\n    return (\n      <AntdIconfont\n        type={iconType}\n        className={classNames(getPrefixCls('iconfont'), className)}\n        style={{\n          ...style,\n          fontSize: style?.fontSize ?? size,\n        }}\n        {...iconProps}\n      />\n    );\n  };\n  return Iconfont;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwD;AACxD,wBAAuB;AACvB,mBAAqC;AAErC,4BAA2B;AAwCpB,IAAM,iBAAiB,CAC5B,WACA,YAIyB;AACzB,QAAM,EAAE,aAAa,GAAG,IAAI,WAAW,CAAC;AACxC,QAAM,mBAAe,mCAAqB,EAAE,UAAU,CAAC;AAKvD,QAAM,WAAiC,CAAC,UAAU;AAChD,UAAM,EAAE,MAAM,WAAW,MAAM,OAAO,GAAG,UAAU,IAAI;AACvD,UAAM,EAAE,aAAa,QAAI,yBAAW,sBAAAA,QAAe,aAAa;AAChE,UAAM,WAAW,KAAK,WAAW,UAAU,IAAI,OAAO,GAAG,cAAc;AAEvE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,eAAW,kBAAAC,SAAW,aAAa,UAAU,GAAG,SAAS;AAAA,QACzD,OAAO;AAAA,UACL,GAAG;AAAA,UACH,WAAU,+BAAO,aAAY;AAAA,QAC/B;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACA,SAAO;AACT;",
+  "names": ["ConfigProvider", "classNames"]
+}

package/lib/components/Iconfont/index.d.ts

@@ -0,0 +1 @@
+export * from './createIconfont';

package/lib/components/Iconfont/index.js

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Iconfont/index.tsx
+var Iconfont_exports = {};
+module.exports = __toCommonJS(Iconfont_exports);
+__reExport(Iconfont_exports, require("./createIconfont"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./createIconfont")
+});
+//# sourceMappingURL=index.js.map

package/lib/components/Iconfont/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Iconfont/index.tsx"],
+  "sourcesContent": ["export * from './createIconfont';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,6BAAc,6BAAd;",
+  "names": []
+}

package/lib/components/Loading/index.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(Loading_exports);
 var import_react = require("react");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
+var import_ConfigProvider = __toESM(require("../ConfigProvider"));
 var import_style = __toESM(require("./style"));
 var Loading = (props) => {
   const {
@@ -47,8 +48,8 @@ var Loading = (props) => {
     className,
     ...spinProps
   } = props;
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("easy-loading", prefixClsInProps);
+  const { getPrefixCls } = (0, import_react.useContext)(import_ConfigProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls("loading", prefixClsInProps);
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
   return children ? (
     // Use spin to wrap children when children is provided,

package/lib/components/Loading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Loading/index.tsx"],
-  "sourcesContent": ["import { type CSSProperties, type FC, useContext } from 'react';\nimport type { SpinProps } from 'antd';\nimport { ConfigProvider, Spin } from 'antd';\nimport classNames from 'classnames';\nimport useStyle from './style';\n\nexport type LoadingProps = SpinProps & {\n  /**\n   * - **EN:** When used independently, the positioning method of the animation:\n   *\n   *   - **absolute** - Uses absolute positioning, and the animation will automatically center itself\n   *       within the parent container.\n   *   - **flex** - Uses flexbox layout, and the animation will automatically fill the parent container\n   *       and center itself.\n   * - **CN:** 独立使用时，动画的定位方式：\n   *\n   *   - **absolute** - 使用绝对定位，动画会自动居中显示在父容器中。\n   *   - **flex** - 使用弹性布局，动画会自动填充父容器并居中显示。\n   *\n   * @default `flex`\n   */\n  mode?: 'absolute' | 'flex';\n  /**\n   * - **EN:** When used independently, set the class name for the mask parent container of the\n   *   animation\n   * - **CN:** 在独立使用时，设置动画遮罩父容器的样式类名\n   */\n  rootClassName?: string;\n  /**\n   * - **EN:** When used independently, set the style for the mask parent container of the animation\n   * - **CN:** 在独立使用时，设置动画遮罩父容器的样式\n   */\n  rootStyle?: CSSProperties;\n};\n\n/**\n * **EN:** Page loading animation component, providing two usage methods:\n *\n * - **Spin** - When the component wraps children, it wraps the `Spin` component around the children\n *   to provide animation effects.\n * - **Independent** - Directly render a loading animation that automatically fills the parent\n *   container and is centered.\n *\n * **CN:** 页面加载动画组件，提供两种使用方式：\n *\n * - **Spin** - 组件包裹children时，在children外层包裹 `Spin` 组件，提供动画效果。\n * - **独立使用** - 直接渲染一个加载动画，自动撑满父容器，且显示在居中位置。\n *\n * @example\n *   1. Spin surrounding children\n *\n *   ```tsx\n *   <PageLoading spinning={loading}>\n *   <div>This is content</div>\n *   </PageLoading>;\n *   ```\n *\n *   2. Independent usage (inline layout)\n *\n *   ```tsx\n *   <PageLoading />;\n *   ```\n *\n *   3. Centered display within container (absolute layout)\n *\n *   ```tsx\n *   <div className=\"container\" style={{ position: 'relative' }}>\n *   <PageLoading absolute />\n *   </div>;\n *   ```\n */\nconst Loading: FC<LoadingProps> = (props) => {\n  const {\n    prefixCls: prefixClsInProps,\n    mode = 'flex',\n    rootClassName,\n    rootStyle,\n    children,\n    spinning = true,\n    className,\n    ...spinProps\n  } = props;\n\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('easy-loading', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n  return children\n    ? // Use spin to wrap children when children is provided,\n      // and control the animation display with the spinning prop.\n      wrapCSSVar(\n        <Spin className={classNames(hashId, cssVarCls, prefixCls, className)} spinning={spinning} {...spinProps}>\n          {children}\n        </Spin>\n      )\n    : // Show the loading animation in a wrapper that fills the parent container and centers the animation,\n      // and hides the entire component when the animation is off.\n      spinning &&\n        wrapCSSVar(\n          <div\n            className={classNames(\n              hashId,\n              cssVarCls,\n              prefixCls,\n              rootClassName,\n              mode === 'absolute' ? `${prefixCls}-absolute` : `${prefixCls}-flex`\n            )}\n            style={rootStyle}\n          >\n            <Spin className={className} spinning={spinning} {...spinProps} />\n          </div>\n        );\n};\n\nexport default Loading;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwD;AAExD,kBAAqC;AACrC,wBAAuB;AACvB,mBAAqB;AAmErB,IAAM,UAA4B,CAAC,UAAU;AAC3C,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,EAAE,aAAa,QAAI,yBAAW,2BAAe,aAAa;AAChE,QAAM,YAAY,aAAa,gBAAgB,gBAAgB;AAC/D,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAA,SAAS,SAAS;AAE1D,SAAO;AAAA;AAAA;AAAA,IAGH;AAAA,MACE,oCAAC,oBAAK,eAAW,kBAAAC,SAAW,QAAQ,WAAW,WAAW,SAAS,GAAG,UAAqB,GAAG,aAC3F,QACH;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAGA,YACE;AAAA,MACE;AAAA,QAAC;AAAA;AAAA,UACC,eAAW,kBAAAA;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,aAAa,GAAG,uBAAuB,GAAG;AAAA,UACrD;AAAA,UACA,OAAO;AAAA;AAAA,QAEP,oCAAC,oBAAK,WAAsB,UAAqB,GAAG,WAAW;AAAA,MACjE;AAAA,IACF;AAAA;AACR;AAEA,IAAO,kBAAQ;",
-  "names": ["useStyle", "classNames"]
+  "sourcesContent": ["import { type CSSProperties, type FC, useContext } from 'react';\nimport type { SpinProps } from 'antd';\nimport { Spin } from 'antd';\nimport classNames from 'classnames';\nimport ConfigProvider from '../ConfigProvider';\nimport useStyle from './style';\n\nexport type LoadingProps = SpinProps & {\n  /**\n   * - **EN:** When used independently, the positioning method of the animation:\n   *\n   *   - **absolute** - Uses absolute positioning, and the animation will automatically center itself\n   *       within the parent container.\n   *   - **flex** - Uses flexbox layout, and the animation will automatically fill the parent container\n   *       and center itself.\n   * - **CN:** 独立使用时，动画的定位方式：\n   *\n   *   - **absolute** - 使用绝对定位，动画会自动居中显示在父容器中。\n   *   - **flex** - 使用弹性布局，动画会自动填充父容器并居中显示。\n   *\n   * @default `flex`\n   */\n  mode?: 'absolute' | 'flex';\n  /**\n   * - **EN:** When used independently, set the class name for the mask parent container of the\n   *   animation\n   * - **CN:** 在独立使用时，设置动画遮罩父容器的样式类名\n   */\n  rootClassName?: string;\n  /**\n   * - **EN:** When used independently, set the style for the mask parent container of the animation\n   * - **CN:** 在独立使用时，设置动画遮罩父容器的样式\n   */\n  rootStyle?: CSSProperties;\n};\n\n/**\n * **EN:** Page loading animation component, providing two usage methods:\n *\n * - **Spin** - When the component wraps children, it wraps the `Spin` component around the children\n *   to provide animation effects.\n * - **Independent** - Directly render a loading animation that automatically fills the parent\n *   container and is centered.\n *\n * **CN:** 页面加载动画组件，提供两种使用方式：\n *\n * - **Spin** - 组件包裹children时，在children外层包裹 `Spin` 组件，提供动画效果。\n * - **独立使用** - 直接渲染一个加载动画，自动撑满父容器，且显示在居中位置。\n *\n * @example\n *   1. Spin surrounding children\n *\n *   ```tsx\n *   <PageLoading spinning={loading}>\n *   <div>This is content</div>\n *   </PageLoading>;\n *   ```\n *\n *   2. Independent usage (inline layout)\n *\n *   ```tsx\n *   <PageLoading />;\n *   ```\n *\n *   3. Centered display within container (absolute layout)\n *\n *   ```tsx\n *   <div className=\"container\" style={{ position: 'relative' }}>\n *   <PageLoading absolute />\n *   </div>;\n *   ```\n */\nconst Loading: FC<LoadingProps> = (props) => {\n  const {\n    prefixCls: prefixClsInProps,\n    mode = 'flex',\n    rootClassName,\n    rootStyle,\n    children,\n    spinning = true,\n    className,\n    ...spinProps\n  } = props;\n\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('loading', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n  return children\n    ? // Use spin to wrap children when children is provided,\n      // and control the animation display with the spinning prop.\n      wrapCSSVar(\n        <Spin className={classNames(hashId, cssVarCls, prefixCls, className)} spinning={spinning} {...spinProps}>\n          {children}\n        </Spin>\n      )\n    : // Show the loading animation in a wrapper that fills the parent container and centers the animation,\n      // and hides the entire component when the animation is off.\n      spinning &&\n        wrapCSSVar(\n          <div\n            className={classNames(\n              hashId,\n              cssVarCls,\n              prefixCls,\n              rootClassName,\n              mode === 'absolute' ? `${prefixCls}-absolute` : `${prefixCls}-flex`\n            )}\n            style={rootStyle}\n          >\n            <Spin className={className} spinning={spinning} {...spinProps} />\n          </div>\n        );\n};\n\nexport default Loading;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwD;AAExD,kBAAqB;AACrB,wBAAuB;AACvB,4BAA2B;AAC3B,mBAAqB;AAmErB,IAAM,UAA4B,CAAC,UAAU;AAC3C,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,EAAE,aAAa,QAAI,yBAAW,sBAAAA,QAAe,aAAa;AAChE,QAAM,YAAY,aAAa,WAAW,gBAAgB;AAC1D,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAC,SAAS,SAAS;AAE1D,SAAO;AAAA;AAAA;AAAA,IAGH;AAAA,MACE,oCAAC,oBAAK,eAAW,kBAAAC,SAAW,QAAQ,WAAW,WAAW,SAAS,GAAG,UAAqB,GAAG,aAC3F,QACH;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAGA,YACE;AAAA,MACE;AAAA,QAAC;AAAA;AAAA,UACC,eAAW,kBAAAA;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,aAAa,GAAG,uBAAuB,GAAG;AAAA,UACrD;AAAA,UACA,OAAO;AAAA;AAAA,QAEP,oCAAC,oBAAK,WAAsB,UAAqB,GAAG,WAAW;AAAA,MACjE;AAAA,IACF;AAAA;AACR;AAEA,IAAO,kBAAQ;",
+  "names": ["ConfigProvider", "useStyle", "classNames"]
 }

package/lib/components/Loading/style/index.js

@@ -46,5 +46,5 @@ var genStyle = (token) => {
     }
   };
 };
-var style_default = (0, import_internal.genStyleHooks)("EasyLoading", genStyle);
+var style_default = (0, import_internal.genStyleHooks)("Loading", genStyle);
 //# sourceMappingURL=index.js.map

package/lib/components/Loading/style/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Loading/style/index.ts"],
-  "sourcesContent": ["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype OverflowTagsToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<OverflowTagsToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      '&-flex': {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        height: '100%',\n      },\n      '&-absolute': {\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        transform: 'translate(-50%, -50%)',\n      },\n      [`:global(.${token.antCls}-spin)`]: {\n        lineHeight: 0,\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('EasyLoading' as never, genStyle);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8B;AAO9B,IAAM,WAA6C,CAAC,UAAqB;AACvE,QAAM,EAAE,aAAa,IAAI;AACzB,SAAO;AAAA,IACL,CAAC,YAAY,GAAG;AAAA,MACd,UAAU;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA,CAAC,YAAY,MAAM,cAAc,GAAG;AAAA,QAClC,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,eAAwB,QAAQ;",
+  "sourcesContent": ["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype LoadingToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<LoadingToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      '&-flex': {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        height: '100%',\n      },\n      '&-absolute': {\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        transform: 'translate(-50%, -50%)',\n      },\n      [`:global(.${token.antCls}-spin)`]: {\n        lineHeight: 0,\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('Loading' as never, genStyle);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8B;AAO9B,IAAM,WAAwC,CAAC,UAAqB;AAClE,QAAM,EAAE,aAAa,IAAI;AACzB,SAAO;AAAA,IACL,CAAC,YAAY,GAAG;AAAA,MACd,UAAU;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA,CAAC,YAAY,MAAM,cAAc,GAAG;AAAA,QAClC,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,WAAoB,QAAQ;",
   "names": []
 }

package/lib/components/OverflowTags/index.js

@@ -38,6 +38,7 @@ var import_internal = require("antd/es/theme/internal");
 var import_classnames = __toESM(require("classnames"));
 var import_rc_overflow = __toESM(require("rc-overflow"));
 var import_math = require("../../utils/math");
+var import_ConfigProvider = __toESM(require("../ConfigProvider"));
 var import_style = __toESM(require("./style"));
 var OverflowTags = (props) => {
   const {
@@ -53,8 +54,8 @@ var OverflowTags = (props) => {
     ...restProps
   } = props;
   const { token } = import_antd.theme.useToken();
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("easy-overflow-tags", prefixClsInProps);
+  const { getPrefixCls } = (0, import_react.useContext)(import_ConfigProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls("overflow-tags", prefixClsInProps);
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
   const colors = (0, import_react.useMemo)(
     () => import_internal.PresetColors.filter((c) => !["lime", "yellow", "magenta"].includes(c)).map((color) => token[`${color}-3`]),

package/lib/components/OverflowTags/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/OverflowTags/index.tsx"],
-  "sourcesContent": ["import type { ReactNode } from 'react';\nimport { useCallback, useContext, useMemo } from 'react';\nimport type { DropdownProps, TagProps } from 'antd';\nimport { ConfigProvider, Dropdown, Tag, theme } from 'antd';\nimport { PresetColors } from 'antd/es/theme/internal';\nimport classNames from 'classnames';\nimport type { OverflowProps } from 'rc-overflow';\nimport Overflow from 'rc-overflow';\nimport { random } from '../../utils/math';\nimport useStyle from './style';\n\nexport interface OverflowTagsProps<T> extends Omit<OverflowProps<T>, 'renderItem'> {\n  /**\n   * **CN**: 标签集合的数据\n   *\n   * **EN**: Data collection of tags\n   */\n  tags: T[] | undefined;\n  /**\n   * **EN**: Function to get the tag name, default is `tag.label` or `tag.name`\n   *\n   * **CN**: 获取标签名称的函数，默认取`tag.label`或`tag.name`\n   */\n  getTagName?: (tag: T) => ReactNode;\n  /**\n   * **EN**: Function to get the unique identifier of the tag, default is `tag.value` or `tag.id`\n   *\n   * **CN**: 获取标签唯一标识的函数，默认取`tag.value`或`tag.id`\n   */\n  getTagKey?: (tag: T) => React.Key;\n\n  /**\n   * **EN**: Custom tag rendering function\n   *\n   * **CN**: 标签渲染函数\n   */\n  renderTag?: OverflowProps<T>['renderItem'];\n  /**\n   * **EN**: Custom properties for the tag component\n   *\n   * **CN**: 自定义标签的组件属性\n   */\n  tagProps?: TagProps | ((tag: T, options: { tags: T[] }) => TagProps);\n  /**\n   * **EN**: When the number of tags exceeds the maximum display count, an ellipsis tag will be\n   * shown. This property is used to set the style of the ellipsis tag.\n   *\n   * **CN**: 当标签数量超过最大显示数量时，会显示省略号的标签，此属性用于设置省略号标签的样式\n   */\n  ellipsisTagProps?: TagProps | ((tag: T, options: { omittedItems: T[]; allTags: T[] }) => TagProps);\n  /**\n   * **EN**: Custom properties for the dropdown component when tags are overflowed\n   *\n   * **CN**: 当标签溢出时，下拉菜单的自定义属性\n   */\n  ellipsisDropdownProps?: DropdownProps;\n  /**\n   * **EN**: Whether to use random colors, default is `false`. Note that the tag object can also\n   * contain a `color` property to specify the color, and the latter takes precedence.\n   *\n   * **CN**: 是否使用随机颜色，默认`false`。注意，tag对象还可以包含`color`属性来指定颜色，而且后者优先级更高。\n   *\n   * @default false\n   */\n  randomColors?: boolean;\n}\n\n/**\n * - **EN:** Overflow tags component, used to display a collection of tags that can overflow and be\n *   truncated. It supports displaying tags in a dropdown when the number of tags exceeds the\n *   maximum display count. It also supports custom tag rendering and properties.\n * - **CN:** 溢出标签组件，用于显示一组可以溢出和截断的标签集合。当标签数量超过最大显示数量时，支持在下拉菜单中显示标签。还支持自定义标签渲染和属性。\n *\n * @example\n *   <OverflowTags\n *     tags={[\n *       { value: 1, label: 'Tag1', icon: <Icon1 /> },\n *       { value: 2, label: 'Tag2', icon: <Icon2 /> },\n *     ]}\n *     tagProps={{ color: 'blue' }}\n *     ellipsisTagProps={{ color: 'grey' }}\n *   />;\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst OverflowTags = <T,>(props: OverflowTagsProps<T>) => {\n  const {\n    tags = [],\n    randomColors,\n    getTagName: getTagNameInProps,\n    getTagKey,\n    tagProps,\n    ellipsisTagProps,\n    ellipsisDropdownProps,\n    className,\n    prefixCls: prefixClsInProps,\n    ...restProps\n  } = props;\n  const { token } = theme.useToken();\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('easy-overflow-tags', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n  const colors = useMemo(\n    () => PresetColors.filter((c) => !['lime', 'yellow', 'magenta'].includes(c)).map((color) => token[`${color}-3`]),\n    [token]\n  );\n  const getValue = useCallback((tag: T | undefined, field: string) => {\n    if (tag != null && typeof tag === 'object') {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const record = tag as Record<string, any>;\n      return record[field];\n    }\n    return undefined;\n  }, []);\n  const getTagName = useCallback(\n    (tag: T) => {\n      return getTagNameInProps\n        ? getTagNameInProps(tag)\n        : (getValue(tag, 'label') ?? getValue(tag, 'name') ?? tag?.toString());\n    },\n    [getTagNameInProps, getValue]\n  );\n  const renderTag = (item: T) => {\n    return (\n      <Tag\n        icon={getValue(item, 'icon')}\n        color={randomColors ? colors[random(0, colors.length - 1)] : getValue(item, 'color') || 'default'}\n        {...(typeof tagProps === 'function' ? tagProps(item, { tags }) : tagProps)}\n      >\n        {getTagName(item)}\n      </Tag>\n    );\n  };\n\n  return wrapCSSVar(\n    <Overflow<T>\n      className={classNames(hashId, cssVarCls, prefixCls, className)}\n      data={tags}\n      maxCount=\"responsive\"\n      renderItem={renderTag}\n      renderRest={(omittedItems) => (\n        <Dropdown\n          {...ellipsisDropdownProps}\n          menu={{\n            items: omittedItems.map((tag) => ({\n              type: 'item',\n              key: getTagKey ? getTagKey(tag) : (getValue(tag, 'value') ?? getValue(tag, 'id') ?? getTagName(tag)),\n              label: getTagName(tag),\n            })),\n            ...ellipsisDropdownProps?.menu,\n          }}\n        >\n          <Tag\n            {...(typeof ellipsisTagProps === 'function'\n              ? ellipsisTagProps(omittedItems[0], { omittedItems, allTags: tags })\n              : ellipsisTagProps)}\n          >\n            + {omittedItems.length}...\n          </Tag>\n        </Dropdown>\n      )}\n      {...restProps}\n    />\n  );\n};\n\nexport default OverflowTags;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAiD;AAEjD,kBAAqD;AACrD,sBAA6B;AAC7B,wBAAuB;AAEvB,yBAAqB;AACrB,kBAAuB;AACvB,mBAAqB;AA2ErB,IAAM,eAAe,CAAK,UAAgC;AACxD,QAAM;AAAA,IACJ,OAAO,CAAC;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,MAAM,IAAI,kBAAM,SAAS;AACjC,QAAM,EAAE,aAAa,QAAI,yBAAW,2BAAe,aAAa;AAChE,QAAM,YAAY,aAAa,sBAAsB,gBAAgB;AACrE,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAA,SAAS,SAAS;AAE1D,QAAM,aAAS;AAAA,IACb,MAAM,6BAAa,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,UAAU,SAAS,EAAE,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,MAAM,GAAG,SAAS,CAAC;AAAA,IAC/G,CAAC,KAAK;AAAA,EACR;AACA,QAAM,eAAW,0BAAY,CAAC,KAAoB,UAAkB;AAClE,QAAI,OAAO,QAAQ,OAAO,QAAQ,UAAU;AAE1C,YAAM,SAAS;AACf,aAAO,OAAO,KAAK;AAAA,IACrB;AACA,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACL,QAAM,iBAAa;AAAA,IACjB,CAAC,QAAW;AACV,aAAO,oBACH,kBAAkB,GAAG,IACpB,SAAS,KAAK,OAAO,KAAK,SAAS,KAAK,MAAM,MAAK,2BAAK;AAAA,IAC/D;AAAA,IACA,CAAC,mBAAmB,QAAQ;AAAA,EAC9B;AACA,QAAM,YAAY,CAAC,SAAY;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS,MAAM,MAAM;AAAA,QAC3B,OAAO,eAAe,WAAO,oBAAO,GAAG,OAAO,SAAS,CAAC,CAAC,IAAI,SAAS,MAAM,OAAO,KAAK;AAAA,QACvF,GAAI,OAAO,aAAa,aAAa,SAAS,MAAM,EAAE,KAAK,CAAC,IAAI;AAAA;AAAA,MAEhE,WAAW,IAAI;AAAA,IAClB;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL;AAAA,MAAC,mBAAAC;AAAA,MAAA;AAAA,QACC,eAAW,kBAAAC,SAAW,QAAQ,WAAW,WAAW,SAAS;AAAA,QAC7D,MAAM;AAAA,QACN,UAAS;AAAA,QACT,YAAY;AAAA,QACZ,YAAY,CAAC,iBACX;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,cACJ,OAAO,aAAa,IAAI,CAAC,SAAS;AAAA,gBAChC,MAAM;AAAA,gBACN,KAAK,YAAY,UAAU,GAAG,IAAK,SAAS,KAAK,OAAO,KAAK,SAAS,KAAK,IAAI,KAAK,WAAW,GAAG;AAAA,gBAClG,OAAO,WAAW,GAAG;AAAA,cACvB,EAAE;AAAA,cACF,GAAG,+DAAuB;AAAA,YAC5B;AAAA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACE,GAAI,OAAO,qBAAqB,aAC7B,iBAAiB,aAAa,CAAC,GAAG,EAAE,cAAc,SAAS,KAAK,CAAC,IACjE;AAAA;AAAA,YACL;AAAA,YACI,aAAa;AAAA,YAAO;AAAA,UACzB;AAAA,QACF;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
-  "names": ["useStyle", "Overflow", "classNames"]
+  "sourcesContent": ["import type { ReactNode } from 'react';\nimport { useCallback, useContext, useMemo } from 'react';\nimport type { DropdownProps, TagProps } from 'antd';\nimport { Dropdown, Tag, theme } from 'antd';\nimport { PresetColors } from 'antd/es/theme/internal';\nimport classNames from 'classnames';\nimport type { OverflowProps } from 'rc-overflow';\nimport Overflow from 'rc-overflow';\nimport { random } from '../../utils/math';\nimport ConfigProvider from '../ConfigProvider';\nimport useStyle from './style';\n\nexport interface OverflowTagsProps<T> extends Omit<OverflowProps<T>, 'renderItem'> {\n  /**\n   * **CN**: 标签集合的数据\n   *\n   * **EN**: Data collection of tags\n   */\n  tags: T[] | undefined;\n  /**\n   * **EN**: Function to get the tag name, default is `tag.label` or `tag.name`\n   *\n   * **CN**: 获取标签名称的函数，默认取`tag.label`或`tag.name`\n   */\n  getTagName?: (tag: T) => ReactNode;\n  /**\n   * **EN**: Function to get the unique identifier of the tag, default is `tag.value` or `tag.id`\n   *\n   * **CN**: 获取标签唯一标识的函数，默认取`tag.value`或`tag.id`\n   */\n  getTagKey?: (tag: T) => React.Key;\n\n  /**\n   * **EN**: Custom tag rendering function\n   *\n   * **CN**: 标签渲染函数\n   */\n  renderTag?: OverflowProps<T>['renderItem'];\n  /**\n   * **EN**: Custom properties for the tag component\n   *\n   * **CN**: 自定义标签的组件属性\n   */\n  tagProps?: TagProps | ((tag: T, options: { tags: T[] }) => TagProps);\n  /**\n   * **EN**: When the number of tags exceeds the maximum display count, an ellipsis tag will be\n   * shown. This property is used to set the style of the ellipsis tag.\n   *\n   * **CN**: 当标签数量超过最大显示数量时，会显示省略号的标签，此属性用于设置省略号标签的样式\n   */\n  ellipsisTagProps?: TagProps | ((tag: T, options: { omittedItems: T[]; allTags: T[] }) => TagProps);\n  /**\n   * **EN**: Custom properties for the dropdown component when tags are overflowed\n   *\n   * **CN**: 当标签溢出时，下拉菜单的自定义属性\n   */\n  ellipsisDropdownProps?: DropdownProps;\n  /**\n   * **EN**: Whether to use random colors, default is `false`. Note that the tag object can also\n   * contain a `color` property to specify the color, and the latter takes precedence.\n   *\n   * **CN**: 是否使用随机颜色，默认`false`。注意，tag对象还可以包含`color`属性来指定颜色，而且后者优先级更高。\n   *\n   * @default false\n   */\n  randomColors?: boolean;\n}\n\n/**\n * - **EN:** Overflow tags component, used to display a collection of tags that can overflow and be\n *   truncated. It supports displaying tags in a dropdown when the number of tags exceeds the\n *   maximum display count. It also supports custom tag rendering and properties.\n * - **CN:** 溢出标签组件，用于显示一组可以溢出和截断的标签集合。当标签数量超过最大显示数量时，支持在下拉菜单中显示标签。还支持自定义标签渲染和属性。\n *\n * @example\n *   <OverflowTags\n *     tags={[\n *       { value: 1, label: 'Tag1', icon: <Icon1 /> },\n *       { value: 2, label: 'Tag2', icon: <Icon2 /> },\n *     ]}\n *     tagProps={{ color: 'blue' }}\n *     ellipsisTagProps={{ color: 'grey' }}\n *   />;\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst OverflowTags = <T,>(props: OverflowTagsProps<T>) => {\n  const {\n    tags = [],\n    randomColors,\n    getTagName: getTagNameInProps,\n    getTagKey,\n    tagProps,\n    ellipsisTagProps,\n    ellipsisDropdownProps,\n    className,\n    prefixCls: prefixClsInProps,\n    ...restProps\n  } = props;\n  const { token } = theme.useToken();\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('overflow-tags', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n  const colors = useMemo(\n    () => PresetColors.filter((c) => !['lime', 'yellow', 'magenta'].includes(c)).map((color) => token[`${color}-3`]),\n    [token]\n  );\n  const getValue = useCallback((tag: T | undefined, field: string) => {\n    if (tag != null && typeof tag === 'object') {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const record = tag as Record<string, any>;\n      return record[field];\n    }\n    return undefined;\n  }, []);\n  const getTagName = useCallback(\n    (tag: T) => {\n      return getTagNameInProps\n        ? getTagNameInProps(tag)\n        : (getValue(tag, 'label') ?? getValue(tag, 'name') ?? tag?.toString());\n    },\n    [getTagNameInProps, getValue]\n  );\n  const renderTag = (item: T) => {\n    return (\n      <Tag\n        icon={getValue(item, 'icon')}\n        color={randomColors ? colors[random(0, colors.length - 1)] : getValue(item, 'color') || 'default'}\n        {...(typeof tagProps === 'function' ? tagProps(item, { tags }) : tagProps)}\n      >\n        {getTagName(item)}\n      </Tag>\n    );\n  };\n\n  return wrapCSSVar(\n    <Overflow<T>\n      className={classNames(hashId, cssVarCls, prefixCls, className)}\n      data={tags}\n      maxCount=\"responsive\"\n      renderItem={renderTag}\n      renderRest={(omittedItems) => (\n        <Dropdown\n          {...ellipsisDropdownProps}\n          menu={{\n            items: omittedItems.map((tag) => ({\n              type: 'item',\n              key: getTagKey ? getTagKey(tag) : (getValue(tag, 'value') ?? getValue(tag, 'id') ?? getTagName(tag)),\n              label: getTagName(tag),\n            })),\n            ...ellipsisDropdownProps?.menu,\n          }}\n        >\n          <Tag\n            {...(typeof ellipsisTagProps === 'function'\n              ? ellipsisTagProps(omittedItems[0], { omittedItems, allTags: tags })\n              : ellipsisTagProps)}\n          >\n            + {omittedItems.length}...\n          </Tag>\n        </Dropdown>\n      )}\n      {...restProps}\n    />\n  );\n};\n\nexport default OverflowTags;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAiD;AAEjD,kBAAqC;AACrC,sBAA6B;AAC7B,wBAAuB;AAEvB,yBAAqB;AACrB,kBAAuB;AACvB,4BAA2B;AAC3B,mBAAqB;AA2ErB,IAAM,eAAe,CAAK,UAAgC;AACxD,QAAM;AAAA,IACJ,OAAO,CAAC;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,MAAM,IAAI,kBAAM,SAAS;AACjC,QAAM,EAAE,aAAa,QAAI,yBAAW,sBAAAA,QAAe,aAAa;AAChE,QAAM,YAAY,aAAa,iBAAiB,gBAAgB;AAChE,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAC,SAAS,SAAS;AAE1D,QAAM,aAAS;AAAA,IACb,MAAM,6BAAa,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,UAAU,SAAS,EAAE,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,MAAM,GAAG,SAAS,CAAC;AAAA,IAC/G,CAAC,KAAK;AAAA,EACR;AACA,QAAM,eAAW,0BAAY,CAAC,KAAoB,UAAkB;AAClE,QAAI,OAAO,QAAQ,OAAO,QAAQ,UAAU;AAE1C,YAAM,SAAS;AACf,aAAO,OAAO,KAAK;AAAA,IACrB;AACA,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACL,QAAM,iBAAa;AAAA,IACjB,CAAC,QAAW;AACV,aAAO,oBACH,kBAAkB,GAAG,IACpB,SAAS,KAAK,OAAO,KAAK,SAAS,KAAK,MAAM,MAAK,2BAAK;AAAA,IAC/D;AAAA,IACA,CAAC,mBAAmB,QAAQ;AAAA,EAC9B;AACA,QAAM,YAAY,CAAC,SAAY;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS,MAAM,MAAM;AAAA,QAC3B,OAAO,eAAe,WAAO,oBAAO,GAAG,OAAO,SAAS,CAAC,CAAC,IAAI,SAAS,MAAM,OAAO,KAAK;AAAA,QACvF,GAAI,OAAO,aAAa,aAAa,SAAS,MAAM,EAAE,KAAK,CAAC,IAAI;AAAA;AAAA,MAEhE,WAAW,IAAI;AAAA,IAClB;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL;AAAA,MAAC,mBAAAC;AAAA,MAAA;AAAA,QACC,eAAW,kBAAAC,SAAW,QAAQ,WAAW,WAAW,SAAS;AAAA,QAC7D,MAAM;AAAA,QACN,UAAS;AAAA,QACT,YAAY;AAAA,QACZ,YAAY,CAAC,iBACX;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,cACJ,OAAO,aAAa,IAAI,CAAC,SAAS;AAAA,gBAChC,MAAM;AAAA,gBACN,KAAK,YAAY,UAAU,GAAG,IAAK,SAAS,KAAK,OAAO,KAAK,SAAS,KAAK,IAAI,KAAK,WAAW,GAAG;AAAA,gBAClG,OAAO,WAAW,GAAG;AAAA,cACvB,EAAE;AAAA,cACF,GAAG,+DAAuB;AAAA,YAC5B;AAAA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACE,GAAI,OAAO,qBAAqB,aAC7B,iBAAiB,aAAa,CAAC,GAAG,EAAE,cAAc,SAAS,KAAK,CAAC,IACjE;AAAA;AAAA,YACL;AAAA,YACI,aAAa;AAAA,YAAO;AAAA,UACzB;AAAA,QACF;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
+  "names": ["ConfigProvider", "useStyle", "Overflow", "classNames"]
 }

package/lib/components/OverflowTags/style/index.js

@@ -36,5 +36,5 @@ var genStyle = (token) => {
     }
   };
 };
-var style_default = (0, import_internal.genStyleHooks)("EasyOverflowTags", genStyle);
+var style_default = (0, import_internal.genStyleHooks)("OverflowTags", genStyle);
 //# sourceMappingURL=index.js.map

package/lib/components/OverflowTags/style/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/OverflowTags/style/index.ts"],
-  "sourcesContent": ["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype OverflowTagsToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<OverflowTagsToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      width: '100%',\n      maxWidth: '100%',\n      position: 'relative',\n    },\n  };\n};\n\nexport default genStyleHooks('EasyOverflowTags' as never, genStyle);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8B;AAO9B,IAAM,WAA6C,CAAC,UAAqB;AACvE,QAAM,EAAE,aAAa,IAAI;AACzB,SAAO;AAAA,IACL,CAAC,YAAY,GAAG;AAAA,MACd,SAAS;AAAA,MACT,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,oBAA6B,QAAQ;",
+  "sourcesContent": ["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype OverflowTagsToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<OverflowTagsToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      width: '100%',\n      maxWidth: '100%',\n      position: 'relative',\n    },\n  };\n};\n\nexport default genStyleHooks('OverflowTags' as never, genStyle);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8B;AAO9B,IAAM,WAA6C,CAAC,UAAqB;AACvE,QAAM,EAAE,aAAa,IAAI;AACzB,SAAO;AAAA,IACL,CAAC,YAAY,GAAG;AAAA,MACd,SAAS;AAAA,MACT,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,gBAAyB,QAAQ;",
   "names": []
 }

package/lib/components/index.d.ts

@@ -28,6 +28,7 @@ export type { FloatDrawerProps } from './FloatDrawer';
 export { default as FloatDrawer } from './FloatDrawer';
 export type { FormItemControlProps } from './FormItemControl';
 export { default as FormItemControl } from './FormItemControl';
+export * from './Iconfont';
 export type { LoadingProps } from './Loading';
 export { default as Loading } from './Loading';
 export type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';

package/lib/components/index.js

@@ -76,6 +76,7 @@ __reExport(components_exports, require("./EllipsisTypography/EllipsisLink"), mod
 var import_EllipsisLink = __toESM(require("./EllipsisTypography/EllipsisLink"));
 var import_FloatDrawer = __toESM(require("./FloatDrawer"));
 var import_FormItemControl = __toESM(require("./FormItemControl"));
+__reExport(components_exports, require("./Iconfont"), module.exports);
 var import_Loading = __toESM(require("./Loading"));
 var import_ModalAction = require("./ModalAction");
 var import_ModalAction2 = __toESM(require("./ModalAction"));
@@ -109,6 +110,7 @@ var import_Pulse = __toESM(require("./Animation/Pulse"));
   ...require("./EllipsisTypography/EllipsisParagraph"),
   ...require("./EllipsisTypography/EllipsisText"),
   ...require("./EllipsisTypography/EllipsisTitle"),
-  ...require("./EllipsisTypography/EllipsisLink")
+  ...require("./EllipsisTypography/EllipsisLink"),
+  ...require("./Iconfont")
 });
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/index.tsx"],
-  "sourcesContent": ["export type { BreakLinesProps } from './BreakLines';\nexport { default as BreakLines } from './BreakLines';\n\nexport type { ColumnSettingProps } from './ColumnSetting';\nexport { default as ColumnSetting } from './ColumnSetting';\n\nexport type { ConfigProviderProps } from './ConfigProvider';\nexport { default as ConfigProvider } from './ConfigProvider';\nexport type { ReactEasyContextProps } from './ConfigProvider/context';\nexport { default as ReactEasyContext } from './ConfigProvider/context';\n\nexport type { ConfirmActionProps, ConfirmActionTrigger, ConfirmActionRef, ActionCompConstraint } from './ConfirmAction';\nexport { withDefaultConfirmActionProps } from './ConfirmAction';\nexport { default as withConfirmAction } from './ConfirmAction/withConfirmAction';\nexport { default as ConfirmAction } from './ConfirmAction';\n\nexport type {\n  ContextMenuProps,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuSubmenu,\n  ContextMenuRef,\n} from './ContextMenu';\nexport { default as ContextMenu } from './ContextMenu';\n\n// export * from './DeleteConfirmAction';\nexport { default as DeleteConfirmAction } from './DeleteConfirmAction';\nexport { default as withDeleteConfirmAction } from './DeleteConfirmAction/withDeleteConfirmAction';\n\nexport type { EditableTextProps } from './EditableText';\nexport { default as EditableText } from './EditableText';\n\nexport * from './EllipsisTypography/EllipsisParagraph';\nexport { default as EllipsisParagraph } from './EllipsisTypography/EllipsisParagraph';\n\nexport * from './EllipsisTypography/EllipsisText';\nexport { default as EllipsisText } from './EllipsisTypography/EllipsisText';\n\nexport * from './EllipsisTypography/EllipsisTitle';\nexport { default as EllipsisTitle } from './EllipsisTypography/EllipsisTitle';\n\nexport * from './EllipsisTypography/EllipsisLink';\nexport { default as EllipsisLink } from './EllipsisTypography/EllipsisLink';\n\nexport type { FloatDrawerProps } from './FloatDrawer';\nexport { default as FloatDrawer } from './FloatDrawer';\n\nexport type { FormItemControlProps } from './FormItemControl';\nexport { default as FormItemControl } from './FormItemControl';\n\nexport type { LoadingProps } from './Loading';\nexport { default as Loading } from './Loading';\n\nexport type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';\nexport { withDefaultModalActionProps, withModalAction } from './ModalAction';\nexport { default as ModalAction } from './ModalAction';\n\nexport type { OverflowTagsProps } from './OverflowTags';\nexport { default as OverflowTags } from './OverflowTags';\n\nexport type { PulseAnimationProps } from './Animation/Pulse';\nexport { default as PulseAnimation } from './Animation/Pulse';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAAsC;AAGtC,2BAAyC;AAGzC,4BAA0C;AAE1C,qBAA4C;AAG5C,2BAA8C;AAC9C,+BAA6C;AAC7C,IAAAA,wBAAyC;AASzC,yBAAuC;AAGvC,iCAA+C;AAC/C,qCAAmD;AAGnD,0BAAwC;AAExC,+BAAc,mDAhCd;AAiCA,+BAA6C;AAE7C,+BAAc,8CAnCd;AAoCA,0BAAwC;AAExC,+BAAc,+CAtCd;AAuCA,2BAAyC;AAEzC,+BAAc,8CAzCd;AA0CA,0BAAwC;AAGxC,yBAAuC;AAGvC,6BAA2C;AAG3C,qBAAmC;AAGnC,yBAA6D;AAC7D,IAAAC,sBAAuC;AAGvC,0BAAwC;AAGxC,mBAA0C;",
+  "sourcesContent": ["export type { BreakLinesProps } from './BreakLines';\nexport { default as BreakLines } from './BreakLines';\n\nexport type { ColumnSettingProps } from './ColumnSetting';\nexport { default as ColumnSetting } from './ColumnSetting';\n\nexport type { ConfigProviderProps } from './ConfigProvider';\nexport { default as ConfigProvider } from './ConfigProvider';\nexport type { ReactEasyContextProps } from './ConfigProvider/context';\nexport { default as ReactEasyContext } from './ConfigProvider/context';\n\nexport type { ConfirmActionProps, ConfirmActionTrigger, ConfirmActionRef, ActionCompConstraint } from './ConfirmAction';\nexport { withDefaultConfirmActionProps } from './ConfirmAction';\nexport { default as withConfirmAction } from './ConfirmAction/withConfirmAction';\nexport { default as ConfirmAction } from './ConfirmAction';\n\nexport type {\n  ContextMenuProps,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuSubmenu,\n  ContextMenuRef,\n} from './ContextMenu';\nexport { default as ContextMenu } from './ContextMenu';\n\n// export * from './DeleteConfirmAction';\nexport { default as DeleteConfirmAction } from './DeleteConfirmAction';\nexport { default as withDeleteConfirmAction } from './DeleteConfirmAction/withDeleteConfirmAction';\n\nexport type { EditableTextProps } from './EditableText';\nexport { default as EditableText } from './EditableText';\n\nexport * from './EllipsisTypography/EllipsisParagraph';\nexport { default as EllipsisParagraph } from './EllipsisTypography/EllipsisParagraph';\n\nexport * from './EllipsisTypography/EllipsisText';\nexport { default as EllipsisText } from './EllipsisTypography/EllipsisText';\n\nexport * from './EllipsisTypography/EllipsisTitle';\nexport { default as EllipsisTitle } from './EllipsisTypography/EllipsisTitle';\n\nexport * from './EllipsisTypography/EllipsisLink';\nexport { default as EllipsisLink } from './EllipsisTypography/EllipsisLink';\n\nexport type { FloatDrawerProps } from './FloatDrawer';\nexport { default as FloatDrawer } from './FloatDrawer';\n\nexport type { FormItemControlProps } from './FormItemControl';\nexport { default as FormItemControl } from './FormItemControl';\n\nexport * from './Iconfont';\n\nexport type { LoadingProps } from './Loading';\nexport { default as Loading } from './Loading';\n\nexport type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';\nexport { withDefaultModalActionProps, withModalAction } from './ModalAction';\nexport { default as ModalAction } from './ModalAction';\n\nexport type { OverflowTagsProps } from './OverflowTags';\nexport { default as OverflowTags } from './OverflowTags';\n\nexport type { PulseAnimationProps } from './Animation/Pulse';\nexport { default as PulseAnimation } from './Animation/Pulse';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAAsC;AAGtC,2BAAyC;AAGzC,4BAA0C;AAE1C,qBAA4C;AAG5C,2BAA8C;AAC9C,+BAA6C;AAC7C,IAAAA,wBAAyC;AASzC,yBAAuC;AAGvC,iCAA+C;AAC/C,qCAAmD;AAGnD,0BAAwC;AAExC,+BAAc,mDAhCd;AAiCA,+BAA6C;AAE7C,+BAAc,8CAnCd;AAoCA,0BAAwC;AAExC,+BAAc,+CAtCd;AAuCA,2BAAyC;AAEzC,+BAAc,8CAzCd;AA0CA,0BAAwC;AAGxC,yBAAuC;AAGvC,6BAA2C;AAE3C,+BAAc,uBAlDd;AAqDA,qBAAmC;AAGnC,yBAA6D;AAC7D,IAAAC,sBAAuC;AAGvC,0BAAwC;AAGxC,mBAA0C;",
   "names": ["import_ConfirmAction", "import_ModalAction"]
 }

package/lib/hooks/style/useSplitter.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (prefixCls: string, rootCls?: string | undefined) => readonly [(node: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>, string, string];
+export default _default;

package/lib/hooks/style/useSplitter.js

@@ -0,0 +1,72 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/style/useSplitter.ts
+var useSplitter_exports = {};
+__export(useSplitter_exports, {
+  default: () => useSplitter_default
+});
+module.exports = __toCommonJS(useSplitter_exports);
+var import_internal = require("antd/es/theme/internal");
+var genStyle = (token) => {
+  const { componentCls, EasySplitter: { splitterDefaultWidth = 1 } = {} } = token;
+  return {
+    [componentCls]: {
+      flex: "none",
+      userSelect: "none",
+      [`&${componentCls}-vertical`]: {
+        cursor: "col-resize",
+        padding: "0 4px",
+        height: "100%",
+        [`${componentCls}-handle`]: {
+          width: `var(--splitter-width, ${splitterDefaultWidth}px)`,
+          height: "100%"
+        }
+      },
+      [`&${componentCls}-horizontal`]: {
+        cursor: "row-resize",
+        padding: "4px 0",
+        width: "100%",
+        [`${componentCls}-handle`]: {
+          width: "100%",
+          height: `var(--splitter-width, ${splitterDefaultWidth}px)`
+        }
+      },
+      "&:hover": {
+        [`${componentCls}-handle`]: {
+          background: token.colorPrimaryActive
+        }
+      },
+      [`&${componentCls}-dragging`]: {
+        [`${componentCls}-handle`]: {
+          background: token.colorPrimaryHover
+        }
+      },
+      [`&${componentCls}-hover`]: {
+        [`${componentCls}-handle`]: {
+          background: token.colorPrimaryActive
+        }
+      },
+      [`${componentCls}-handle`]: {
+        background: token.colorBorder
+      }
+    }
+  };
+};
+var useSplitter_default = (0, import_internal.genStyleHooks)("EasySplitter", genStyle);
+//# sourceMappingURL=useSplitter.js.map

package/lib/hooks/style/useSplitter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/style/useSplitter.ts"],
+  "sourcesContent": ["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype UseSplitterToken = FullToken<\n  {\n    EasySplitter?: {\n      splitterDefaultWidth?: number;\n    };\n  },\n  AliasToken,\n  'EasySplitter'\n>;\n\nconst genStyle: GenerateStyle<UseSplitterToken> = (token): CSSObject => {\n  const { componentCls, EasySplitter: { splitterDefaultWidth = 1 } = {} } = token;\n  return {\n    [componentCls]: {\n      flex: 'none',\n      userSelect: 'none',\n      [`&${componentCls}-vertical`]: {\n        cursor: 'col-resize',\n        padding: '0 4px',\n        height: '100%',\n        [`${componentCls}-handle`]: {\n          width: `var(--splitter-width, ${splitterDefaultWidth}px)`,\n          height: '100%',\n        },\n      },\n      [`&${componentCls}-horizontal`]: {\n        cursor: 'row-resize',\n        padding: '4px 0',\n        width: '100%',\n        [`${componentCls}-handle`]: {\n          width: '100%',\n          height: `var(--splitter-width, ${splitterDefaultWidth}px)`,\n        },\n      },\n      '&:hover': {\n        [`${componentCls}-handle`]: {\n          background: token.colorPrimaryActive,\n        },\n      },\n      [`&${componentCls}-dragging`]: {\n        [`${componentCls}-handle`]: {\n          background: token.colorPrimaryHover,\n        },\n      },\n      [`&${componentCls}-hover`]: {\n        [`${componentCls}-handle`]: {\n          background: token.colorPrimaryActive,\n        },\n      },\n      [`${componentCls}-handle`]: {\n        background: token.colorBorder,\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('EasySplitter' as never, genStyle);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8B;AAe9B,IAAM,WAA4C,CAAC,UAAqB;AACtE,QAAM,EAAE,cAAc,cAAc,EAAE,uBAAuB,EAAE,IAAI,CAAC,EAAE,IAAI;AAC1E,SAAO;AAAA,IACL,CAAC,YAAY,GAAG;AAAA,MACd,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,CAAC,IAAI,uBAAuB,GAAG;AAAA,QAC7B,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,CAAC,GAAG,qBAAqB,GAAG;AAAA,UAC1B,OAAO,yBAAyB;AAAA,UAChC,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MACA,CAAC,IAAI,yBAAyB,GAAG;AAAA,QAC/B,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,OAAO;AAAA,QACP,CAAC,GAAG,qBAAqB,GAAG;AAAA,UAC1B,OAAO;AAAA,UACP,QAAQ,yBAAyB;AAAA,QACnC;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,CAAC,GAAG,qBAAqB,GAAG;AAAA,UAC1B,YAAY,MAAM;AAAA,QACpB;AAAA,MACF;AAAA,MACA,CAAC,IAAI,uBAAuB,GAAG;AAAA,QAC7B,CAAC,GAAG,qBAAqB,GAAG;AAAA,UAC1B,YAAY,MAAM;AAAA,QACpB;AAAA,MACF;AAAA,MACA,CAAC,IAAI,oBAAoB,GAAG;AAAA,QAC1B,CAAC,GAAG,qBAAqB,GAAG;AAAA,UAC1B,YAAY,MAAM;AAAA,QACpB;AAAA,MACF;AAAA,MACA,CAAC,GAAG,qBAAqB,GAAG;AAAA,QAC1B,YAAY,MAAM;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,0BAAQ,+BAAc,gBAAyB,QAAQ;",
+  "names": []
+}

package/lib/hooks/useSplitter.d.ts

@@ -2,40 +2,41 @@ import { type CSSProperties } from 'react';
 export interface UseSplitterProps {
     /**
      * - **EN:** Split direction. vertical = left/right; horizontal = top/bottom.
-     * - **ZH:** 分割方向。vertical 表示左右分割；horizontal 表示上下分割。
+     * - **CN:** 分割方向。vertical 表示左右分割；horizontal 表示上下分割。
      *
      * @default 'vertical'
      */
     direction?: 'vertical' | 'horizontal';
     /**
-     * - **EN:** The container element reference.
-     * - **ZH:** 容器元素的引用。
+     * - **EN:** Parent container element. If not specified, the parent container of the `dom` element
+     *   will be used automatically.
+     * - **CN:** 父容器元素，如果不指定，则自动使用 `dom` 元素的父容器
      */
-    container: HTMLDivElement | null | undefined;
+    container?: HTMLDivElement | null | undefined;
     /**
      * - **EN:** Default ratio of the left/top pane (0~1).
-     * - **ZH:** 左侧/顶部面板的默认比例 (0~1)。
+     * - **CN:** 左侧/顶部面板的默认比例 (0~1)。
      *
      * @default 0.32
      */
     defaultRatio?: number;
     /**
      * - **EN:** Minimum ratio of the left/top pane (0~1).
-     * - **ZH:** 左侧/顶部面板的最小比例 (0~1)。
+     * - **CN:** 左侧/顶部面板的最小比例 (0~1)。
      *
      * @default 0.15
      */
     minRatio?: number;
     /**
      * - **EN:** Maximum ratio of the left/top pane (0~1).
-     * - **ZH:** 左侧/顶部面板的最大比例 (0~1)。
+     * - **CN:** 左侧/顶部面板的最大比例 (0~1)。
      *
      * @default 0.85
      */
     maxRatio?: number;
     /**
      * - **EN:** Width of the splitter in pixels.
-     * - **ZH:** 分割条的宽度，单位为像素。
+     * - **CN:** 分割条的宽度，单位为像素。
      *
      * @default 2
      */
@@ -44,9 +45,51 @@ export interface UseSplitterProps {
     className?: string;
     /** Additional style for the splitter element */
     style?: CSSProperties;
+    /**
+     * - **EN:** Custom prefix for the component's CSS class.
+     * - **CN:** 组件的自定义 CSS 类前缀。
+     */
+    prefixCls?: string;
+    /**
+     * - **EN:** Semantic class names
+     * - **CN:** 语义化类名
+     */
+    classNames?: {
+        /**
+         * - **EN:** Class name applied when the splitter is hovered.
+         * - **CN:** 分割条悬停时应用的类名。
+         */
+        hover?: string;
+        /**
+         * - **EN:** Class name applied when the splitter is being dragged.
+         * - **CN:** 分割条拖动时应用的类名。
+         */
+        dragging?: string;
+        /**
+         * - **EN:** Class name applied to the splitter handle.
+         * - **CN:** 分割条手柄的类名。
+         */
+        handle?: string;
+    };
+    /**
+     * - **EN:** Semantic styles
+     * - **CN:** 语义化样式
+     */
+    styles?: {
+        /**
+         * - **EN:** Custom styles for the splitter handle.
+         * - **CN:** 分割条手柄的自定义样式。
+         */
+        handle?: CSSProperties;
+    };
+    /**
+     * - **EN:** Callback function when the splitter ratio changes.
+     * - **CN:** 分割比例变化时的回调函数。
+     */
+    onChange?: (ratio?: number) => void;
 }
 declare const useSplitter: (props: UseSplitterProps) => {
-    dom: import("react/jsx-runtime").JSX.Element;
+    dom: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
     percent: number | undefined;
     width: number | undefined;
     dragging: boolean;