@tiny-codes/react-easy 1.7.7 → 1.7.9

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 # Changelog
 
+## 1.7.9
+
+2026-3-18
+
+### Features
+
+- **useRowSelection**
+  - ✨ Add `useRowSelection` hook for managing row selection in tables.
+
+## 1.7.8
+
+2026-3-18
+
+### Features
+
+- **EllipsisText**, **EllipsisParagraph**, **EllipsisTitle**, **EllipsisLink**
+  - ✨ add `watchResize` prop to monitor component size and adjust ellipsis accordingly.
+
 ## 1.7.7
 
 2026-3-9

package/es/components/ConfigProvider/index.js

@@ -17,7 +17,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { useContext, useEffect, useMemo } from 'react';
+import { useCallback, useContext, useEffect, useMemo } from 'react';
 import { ConfigProvider as ReactConfigProvider } from 'antd';
 import classNames from 'classnames';
 import locales, { langs, resources } from "../../locales";
@@ -37,25 +37,26 @@ var ConfigProvider = function ConfigProvider(props) {
     restProps = _objectWithoutProperties(props, _excluded);
   var langInProps = restProps.lang;
   var _useContext = useContext(ReactConfigProvider.ConfigContext),
-    _getPrefixCls = _useContext.getPrefixCls,
+    getPrefixCls = _useContext.getPrefixCls,
     rootPrefixCls = _useContext.rootPrefixCls;
-  var prefixCls = _getPrefixCls('react-easy', prefixClsInProps);
+  var prefixCls = getPrefixCls('react-easy', prefixClsInProps);
   var _useStyle = useStyle(prefixCls, rootPrefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
+  var getEasyPrefixCls = useCallback(function (suffixCls, customizePrefixCls) {
+    return getPrefixCls("easy-".concat(suffixCls), customizePrefixCls);
+  }, [getPrefixCls]);
   var contextValue = useMemo(function () {
     if (langInProps !== locales.language) {
       locales.changeLanguage(langInProps || 'en-US');
     }
     return _objectSpread(_objectSpread({}, restProps), {}, {
-      getPrefixCls: function getPrefixCls(suffixCls, customizePrefixCls) {
-        return _getPrefixCls("easy-".concat(suffixCls), customizePrefixCls);
-      }
+      getPrefixCls: getEasyPrefixCls
     });
   }, // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps
-  [langInProps, _getPrefixCls].concat(_toConsumableArray(Object.values(restProps))));
+  [langInProps, getEasyPrefixCls].concat(_toConsumableArray(Object.values(restProps))));
   useEffect(function () {
     // Dynamically add language pack
     if (userLocales) {

package/es/components/ConfigProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","useEffect","useMemo","ConfigProvider","ReactConfigProvider","classNames","locales","langs","resources","ReactEasyContext","useStyle","jsx","_jsx","props","children","userLocales","prefixClsInProps","prefixCls","className","style","restProps","_objectWithoutProperties","_excluded","langInProps","lang","_useContext","ConfigContext","getPrefixCls","rootPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","contextValue","language","changeLanguage","_objectSpread","suffixCls","customizePrefixCls","concat","_toConsumableArray","Object","values","includes","removeResourceBundle","addResourceBundle","translation","Provider","value","displayName"],"sources":["../../../src/components/ConfigProvider/index.tsx"],"sourcesContent":["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useContext, useEffect, useMemo } from 'react';\nimport { ConfigProvider as ReactConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport locales, { langs, resources } from '../../locales';\nimport type localesEn from '../../locales/langs/en';\nimport ReactEasyContext, { type ReactEasyContextProps } from './context';\nimport useStyle from './style';\n\nexport interface ConfigProviderProps extends Omit<ReactEasyContextProps, 'getPrefixCls'> {\n  /**\n   * - **EN:** Child elements of the ConfigProvider\n   * - **CN:** ConfigProvider 的子元素\n   */\n  children: ReactNode;\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Custom class name for the root element\n   * - **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Custom styles for the root element\n   * - **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Custom localization resources, if `lang` exists, it will override the localization\n   *   resources of that language, otherwise, it will add a new language\n   * - **CN:** 自定义本地化资源，如果`lang`存在，则会覆盖该语言的本地化资源，否则，会添加一种新的语言\n   */\n  locales?: Partial<typeof localesEn>;\n}\n\n/**\n * - **EN:** Provide global configuration for AntdHelper\n * - **CN:** 提供AntdHelper的全局配置\n */\nconst ConfigProvider: FC<ConfigProviderProps> & { ConfigContext: typeof ReactEasyContext } = (props) => {\n  const { children, locales: userLocales, prefixCls: prefixClsInProps, className, style, ...restProps } = props;\n  const { lang: langInProps } = restProps;\n  const { getPrefixCls, rootPrefixCls } = useContext(ReactConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('react-easy', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootPrefixCls);\n  const contextValue = useMemo(\n    () => {\n      if (langInProps !== locales.language) {\n        locales.changeLanguage(langInProps || 'en-US');\n      }\n      return {\n        ...restProps,\n        getPrefixCls: (suffixCls: string, customizePrefixCls?: string) =>\n          getPrefixCls(`easy-${suffixCls}`, customizePrefixCls),\n      };\n    },\n    // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps\n    [langInProps, getPrefixCls, ...Object.values(restProps)]\n  );\n\n  useEffect(() => {\n    // Dynamically add language pack\n    if (userLocales) {\n      const lang = langInProps || 'en-US';\n      if (lang && langs.includes(lang)) {\n        locales.removeResourceBundle(lang, 'translation');\n        locales.addResourceBundle(lang, 'translation', { ...resources[lang].translation, ...userLocales });\n      } else {\n        locales.addResourceBundle(lang, 'translation', { ...resources['en-US'].translation, ...userLocales });\n      }\n    }\n  }, [langInProps, userLocales]);\n\n  return wrapCSSVar(\n    <ReactEasyContext.Provider value={contextValue}>\n      <div className={classNames(hashId, cssVarCls, prefixCls, className)} style={style}>\n        {children}\n      </div>\n    </ReactEasyContext.Provider>\n  );\n};\nConfigProvider.displayName = 'ReactEasyConfigProvider';\nConfigProvider.ConfigContext = ReactEasyContext;\n\nexport default ConfigProvider;\n"],"mappings":"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"}
+{"version":3,"names":["useCallback","useContext","useEffect","useMemo","ConfigProvider","ReactConfigProvider","classNames","locales","langs","resources","ReactEasyContext","useStyle","jsx","_jsx","props","children","userLocales","prefixClsInProps","prefixCls","className","style","restProps","_objectWithoutProperties","_excluded","langInProps","lang","_useContext","ConfigContext","getPrefixCls","rootPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","getEasyPrefixCls","suffixCls","customizePrefixCls","concat","contextValue","language","changeLanguage","_objectSpread","_toConsumableArray","Object","values","includes","removeResourceBundle","addResourceBundle","translation","Provider","value","displayName"],"sources":["../../../src/components/ConfigProvider/index.tsx"],"sourcesContent":["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useCallback, useContext, useEffect, useMemo } from 'react';\nimport { ConfigProvider as ReactConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport locales, { langs, resources } from '../../locales';\nimport type localesEn from '../../locales/langs/en';\nimport ReactEasyContext, { type ReactEasyContextProps } from './context';\nimport useStyle from './style';\n\nexport interface ConfigProviderProps extends Omit<ReactEasyContextProps, 'getPrefixCls'> {\n  /**\n   * - **EN:** Child elements of the ConfigProvider\n   * - **CN:** ConfigProvider 的子元素\n   */\n  children: ReactNode;\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Custom class name for the root element\n   * - **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Custom styles for the root element\n   * - **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Custom localization resources, if `lang` exists, it will override the localization\n   *   resources of that language, otherwise, it will add a new language\n   * - **CN:** 自定义本地化资源，如果`lang`存在，则会覆盖该语言的本地化资源，否则，会添加一种新的语言\n   */\n  locales?: Partial<typeof localesEn>;\n}\n\n/**\n * - **EN:** Provide global configuration for AntdHelper\n * - **CN:** 提供AntdHelper的全局配置\n */\nconst ConfigProvider: FC<ConfigProviderProps> & { ConfigContext: typeof ReactEasyContext } = (props) => {\n  const { children, locales: userLocales, prefixCls: prefixClsInProps, className, style, ...restProps } = props;\n  const { lang: langInProps } = restProps;\n  const { getPrefixCls, rootPrefixCls } = useContext(ReactConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('react-easy', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootPrefixCls);\n  const getEasyPrefixCls = useCallback(\n    (suffixCls: string, customizePrefixCls?: string) => getPrefixCls(`easy-${suffixCls}`, customizePrefixCls),\n    [getPrefixCls]\n  );\n  const contextValue = useMemo(\n    () => {\n      if (langInProps !== locales.language) {\n        locales.changeLanguage(langInProps || 'en-US');\n      }\n      return {\n        ...restProps,\n        getPrefixCls: getEasyPrefixCls,\n      };\n    },\n    // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps\n    [langInProps, getEasyPrefixCls, ...Object.values(restProps)]\n  );\n\n  useEffect(() => {\n    // Dynamically add language pack\n    if (userLocales) {\n      const lang = langInProps || 'en-US';\n      if (lang && langs.includes(lang)) {\n        locales.removeResourceBundle(lang, 'translation');\n        locales.addResourceBundle(lang, 'translation', { ...resources[lang].translation, ...userLocales });\n      } else {\n        locales.addResourceBundle(lang, 'translation', { ...resources['en-US'].translation, ...userLocales });\n      }\n    }\n  }, [langInProps, userLocales]);\n\n  return wrapCSSVar(\n    <ReactEasyContext.Provider value={contextValue}>\n      <div className={classNames(hashId, cssVarCls, prefixCls, className)} style={style}>\n        {children}\n      </div>\n    </ReactEasyContext.Provider>\n  );\n};\nConfigProvider.displayName = 'ReactEasyConfigProvider';\nConfigProvider.ConfigContext = ReactEasyContext;\n\nexport default ConfigProvider;\n"],"mappings":"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"}

package/es/components/EllipsisTypography/withEllipsisTypography.d.ts

@@ -4,7 +4,23 @@ import type { TextProps } from 'antd/es/typography/Text';
 import type { TitleProps } from 'antd/es/typography/Title';
 declare function withEllipsisTypography<T extends TextProps | ParagraphProps | TitleProps>(Component: ComponentType<MakeEllipsisTypographyProps<T>>): (props: MakeEllipsisTypographyProps<T>) => import("react/jsx-runtime").JSX.Element;
 export type MakeEllipsisTypographyProps<T> = Omit<T, 'children'> & {
+    /**
+     * - **EN:** The text content to display. If not provided, the children will be used.
+     * - **CN:** 要显示的文本内容。如果未提供，将使用子元素。
+     */
     text?: string | undefined;
+    /**
+     * - **EN:** The children content to display. The `text` prop will take precedence if both are
+     *   provided.
+     * - **CN:** 要显示的子元素内容。如果同时提供了 `text` 属性，将优先使用 `text`。
+     */
     children?: string | undefined | null;
+    /**
+     * - **EN:** Whether to monitor the component's size and adjust the ellipsis accordingly.
+     * - **CN:** 是否监控组件的大小并相应地调整省略号。
+     *
+     * @default true
+     */
+    watchResize?: boolean;
 };
 export default withEllipsisTypography;

package/es/components/EllipsisTypography/withEllipsisTypography.js

@@ -1,4 +1,4 @@
-var _excluded = ["ellipsis", "children", "text"];
+var _excluded = ["ellipsis", "children", "text", "watchResize"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -15,6 +15,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { useEffect, useMemo, useState } from 'react';
 import { Tooltip } from 'antd';
+import { useResizeDetector } from 'react-resize-detector';
+import { useRefFunction, useRefValue } from "../../hooks";
 import { jsx as _jsx } from "react/jsx-runtime";
 function withEllipsisTypography(Component) {
   return function EllipsisText(props) {
@@ -23,6 +25,8 @@ function withEllipsisTypography(Component) {
       children = props.children,
       _props$text = props.text,
       text = _props$text === void 0 ? children : _props$text,
+      _props$watchResize = props.watchResize,
+      watchResize = _props$watchResize === void 0 ? true : _props$watchResize,
       rest = _objectWithoutProperties(props, _excluded);
     var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -32,6 +36,7 @@ function withEllipsisTypography(Component) {
       _useState4 = _slicedToArray(_useState3, 2),
       dom = _useState4[0],
       setDom = _useState4[1];
+    var domRef = useRefValue(dom);
     var isAutoEllipsis = useMemo(function () {
       return ellipsis === true;
     }, [ellipsis]);
@@ -47,10 +52,21 @@ function withEllipsisTypography(Component) {
     var tooltipTitle = useMemo(function () {
       return isEllipsis ? text : undefined;
     }, [isEllipsis, text]);
+    var detectEllipsis = useRefFunction(function () {
+      return dom && setIsEllipsis(dom.scrollWidth > dom.clientWidth || dom.scrollHeight > dom.clientHeight);
+    });
+    useResizeDetector({
+      targetRef: watchResize ? domRef : undefined,
+      onResize: detectEllipsis,
+      refreshRate: 10,
+      refreshOptions: {
+        leading: false
+      }
+    });
     useEffect(function () {
       if (dom && isAuto) {
         Promise.resolve().then(function () {
-          setIsEllipsis(dom.scrollWidth > dom.clientWidth || dom.scrollHeight > dom.clientHeight);
+          detectEllipsis();
         });
       }
     }, [text, isAuto, dom]);

package/es/components/EllipsisTypography/withEllipsisTypography.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","Tooltip","jsx","_jsx","withEllipsisTypography","Component","EllipsisText","props","_props$ellipsis","ellipsis","children","_props$text","text","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","isEllipsis","setIsEllipsis","_useState3","_useState4","dom","setDom","isAutoEllipsis","isAutoTooltip","_typeof","tooltip","isAutoTooltipTitle","title","isAuto","tooltipTitle","undefined","Promise","resolve","then","scrollWidth","clientWidth","scrollHeight","clientHeight","_objectSpread","ref"],"sources":["../../../src/components/EllipsisTypography/withEllipsisTypography.tsx"],"sourcesContent":["import type { ComponentType } from 'react';\nimport { useEffect, useMemo, useState } from 'react';\nimport type { TooltipProps } from 'antd';\nimport { Tooltip } from 'antd';\nimport type { EllipsisConfig } from 'antd/es/typography/Base';\nimport type { ParagraphProps } from 'antd/es/typography/Paragraph';\nimport type { TextProps } from 'antd/es/typography/Text';\nimport type { TitleProps } from 'antd/es/typography/Title';\n\nfunction withEllipsisTypography<T extends TextProps | ParagraphProps | TitleProps>(\n  Component: ComponentType<MakeEllipsisTypographyProps<T>>\n) {\n  return function EllipsisText(props: MakeEllipsisTypographyProps<T>) {\n    const { ellipsis = true, children, text = children, ...rest } = props;\n    const [isEllipsis, setIsEllipsis] = useState(false);\n    const [dom, setDom] = useState<HTMLElement | null>(null);\n    const isAutoEllipsis = useMemo(() => ellipsis === true, [ellipsis]);\n    const isAutoTooltip = useMemo(() => typeof ellipsis === 'object' && ellipsis.tooltip === true, [ellipsis]);\n    const isAutoTooltipTitle = useMemo(\n      () =>\n        typeof ellipsis === 'object' &&\n        ellipsis.tooltip &&\n        typeof ellipsis.tooltip === 'object' &&\n        'title' in ellipsis.tooltip &&\n        ellipsis.tooltip.title === true,\n      [ellipsis]\n    );\n    const isAuto = useMemo(\n      () => isAutoEllipsis || isAutoTooltip || isAutoTooltipTitle,\n      [isAutoEllipsis, isAutoTooltip, isAutoTooltipTitle]\n    );\n    const tooltipTitle = useMemo(() => (isEllipsis ? text : undefined), [isEllipsis, text]);\n\n    useEffect(() => {\n      if (dom && isAuto) {\n        Promise.resolve().then(() => {\n          setIsEllipsis(dom.scrollWidth > dom.clientWidth || dom.scrollHeight > dom.clientHeight);\n        });\n      }\n    }, [text, isAuto, dom]);\n\n    return (\n      <Tooltip {...((ellipsis as EllipsisConfig)?.tooltip as TooltipProps)} title={tooltipTitle}>\n        <Component\n          ref={setDom}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          {...(rest as any)}\n          ellipsis={\n            isAutoEllipsis\n              ? { tooltip: undefined }\n              : isAutoTooltip\n                ? {\n                    ...(ellipsis as EllipsisConfig),\n                    tooltip: undefined,\n                  }\n                : isAutoTooltipTitle\n                  ? {\n                      ...(ellipsis as EllipsisConfig),\n                      tooltip: {\n                        ...((ellipsis as EllipsisConfig)?.tooltip as TooltipProps),\n                        title: undefined,\n                      },\n                    }\n                  : ellipsis\n          }\n        >\n          {text}\n        </Component>\n      </Tooltip>\n    );\n  };\n}\n\nexport type MakeEllipsisTypographyProps<T> = Omit<T, 'children'> & {\n  text?: string | undefined;\n  children?: string | undefined | null;\n};\n\nexport default withEllipsisTypography;\n"],"mappings":"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"}
+{"version":3,"names":["useEffect","useMemo","useState","Tooltip","useResizeDetector","useRefFunction","useRefValue","jsx","_jsx","withEllipsisTypography","Component","EllipsisText","props","_props$ellipsis","ellipsis","children","_props$text","text","_props$watchResize","watchResize","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","isEllipsis","setIsEllipsis","_useState3","_useState4","dom","setDom","domRef","isAutoEllipsis","isAutoTooltip","_typeof","tooltip","isAutoTooltipTitle","title","isAuto","tooltipTitle","undefined","detectEllipsis","scrollWidth","clientWidth","scrollHeight","clientHeight","targetRef","onResize","refreshRate","refreshOptions","leading","Promise","resolve","then","_objectSpread","ref"],"sources":["../../../src/components/EllipsisTypography/withEllipsisTypography.tsx"],"sourcesContent":["import type { ComponentType } from 'react';\nimport { useEffect, useMemo, useState } from 'react';\nimport type { TooltipProps } from 'antd';\nimport { Tooltip } from 'antd';\nimport type { EllipsisConfig } from 'antd/es/typography/Base';\nimport type { ParagraphProps } from 'antd/es/typography/Paragraph';\nimport type { TextProps } from 'antd/es/typography/Text';\nimport type { TitleProps } from 'antd/es/typography/Title';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { useRefFunction, useRefValue } from '../../hooks';\n\nfunction withEllipsisTypography<T extends TextProps | ParagraphProps | TitleProps>(\n  Component: ComponentType<MakeEllipsisTypographyProps<T>>\n) {\n  return function EllipsisText(props: MakeEllipsisTypographyProps<T>) {\n    const { ellipsis = true, children, text = children, watchResize = true, ...rest } = props;\n    const [isEllipsis, setIsEllipsis] = useState(false);\n    const [dom, setDom] = useState<HTMLElement | null>(null);\n    const domRef = useRefValue(dom);\n    const isAutoEllipsis = useMemo(() => ellipsis === true, [ellipsis]);\n    const isAutoTooltip = useMemo(() => typeof ellipsis === 'object' && ellipsis.tooltip === true, [ellipsis]);\n    const isAutoTooltipTitle = useMemo(\n      () =>\n        typeof ellipsis === 'object' &&\n        ellipsis.tooltip &&\n        typeof ellipsis.tooltip === 'object' &&\n        'title' in ellipsis.tooltip &&\n        ellipsis.tooltip.title === true,\n      [ellipsis]\n    );\n    const isAuto = useMemo(\n      () => isAutoEllipsis || isAutoTooltip || isAutoTooltipTitle,\n      [isAutoEllipsis, isAutoTooltip, isAutoTooltipTitle]\n    );\n    const tooltipTitle = useMemo(() => (isEllipsis ? text : undefined), [isEllipsis, text]);\n\n    const detectEllipsis = useRefFunction(\n      () => dom && setIsEllipsis(dom.scrollWidth > dom.clientWidth || dom.scrollHeight > dom.clientHeight)\n    );\n    useResizeDetector({\n      targetRef: watchResize ? domRef : undefined,\n      onResize: detectEllipsis,\n      refreshRate: 10,\n      refreshOptions: {\n        leading: false,\n      },\n    });\n\n    useEffect(() => {\n      if (dom && isAuto) {\n        Promise.resolve().then(() => {\n          detectEllipsis();\n        });\n      }\n    }, [text, isAuto, dom]);\n\n    return (\n      <Tooltip {...((ellipsis as EllipsisConfig)?.tooltip as TooltipProps)} title={tooltipTitle}>\n        <Component\n          ref={setDom}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          {...(rest as any)}\n          ellipsis={\n            isAutoEllipsis\n              ? { tooltip: undefined }\n              : isAutoTooltip\n                ? {\n                    ...(ellipsis as EllipsisConfig),\n                    tooltip: undefined,\n                  }\n                : isAutoTooltipTitle\n                  ? {\n                      ...(ellipsis as EllipsisConfig),\n                      tooltip: {\n                        ...((ellipsis as EllipsisConfig)?.tooltip as TooltipProps),\n                        title: undefined,\n                      },\n                    }\n                  : ellipsis\n          }\n        >\n          {text}\n        </Component>\n      </Tooltip>\n    );\n  };\n}\n\nexport type MakeEllipsisTypographyProps<T> = Omit<T, 'children'> & {\n  /**\n   * - **EN:** The text content to display. If not provided, the children will be used.\n   * - **CN:** 要显示的文本内容。如果未提供，将使用子元素。\n   */\n  text?: string | undefined;\n  /**\n   * - **EN:** The children content to display. The `text` prop will take precedence if both are\n   *   provided.\n   * - **CN:** 要显示的子元素内容。如果同时提供了 `text` 属性，将优先使用 `text`。\n   */\n  children?: string | undefined | null;\n  /**\n   * - **EN:** Whether to monitor the component's size and adjust the ellipsis accordingly.\n   * - **CN:** 是否监控组件的大小并相应地调整省略号。\n   *\n   * @default true\n   */\n  watchResize?: boolean;\n};\n\nexport default withEllipsisTypography;\n"],"mappings":"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"}

package/es/components/Iconfont/createIconfont.d.ts

@@ -4,12 +4,26 @@ import type { IconFontProps as AntIconFontProps } from '@ant-design/icons/es/com
  * - **EN:** Props for the Iconfont component
  * - **CN:** Iconfont 组件的props
  */
-export interface IconfontProps<T extends string = string> extends Omit<AntIconFontProps<T>, 'type' | 'size'> {
+export interface IconfontProps<T extends string = string> extends Omit<AntIconFontProps<T>, 'type' | 'size' | 'spin' | 'rotate'> {
     /**
      * - **EN:** Icon name. Find an icon in iconfont and click `Copy Code`
      * - **CN:** 图标名称。在 iconfont 中找到某个图标，点击`复制代码`
      */
     type: T;
+    /**
+     * - **EN:** Whether the icon should spin continuously, can be used to indicate loading
+     * - **CN:** 图标是否持续旋转，可以实现 loading 的效果
+     *
+     * @default false
+     */
+    spin?: boolean;
+    /**
+     * - **EN:** Rotate the icon by a fixed angle clockwise
+     * - **CN:** 图标顺时针旋转一个固定角度
+     *
+     * @default 0
+     */
+    rotate?: number;
     /**
      * - **EN:** Icon size, an alias for `style.fontSize`
      * - **CN:** 图标尺寸，是 `style.fontSize` 的别名

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

@@ -1 +1 @@
-{"version":3,"names":["useContext","classNames","createFromIconfontCN","ConfigProvider","jsx","_jsx","createIconfont","scriptUrl","options","_ref","_ref$iconPrefix","iconPrefix","AntdIconfont","Iconfont","props","_style$fontSize","type","className","size","style","iconProps","_objectWithoutProperties","_excluded","_useContext","ConfigContext","getPrefixCls","iconType","startsWith","concat","_objectSpread","fontSize"],"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> extends Omit<AntIconFontProps<T>, 'type' | 'size'> {\n  /**\n   * - **EN:** Icon name. Find an icon in iconfont and click `Copy Code`\n   * - **CN:** 图标名称。在 iconfont 中找到某个图标，点击`复制代码`\n   */\n  type: T;\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,SAAsCA,UAAU,QAAQ,OAAO;AAC/D,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,oBAAoB,QAAQ,mBAAmB;AAExD,OAAOC,cAAc;;AAErB;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CACzBC,SAAiB,EACjBC,OAGC,EACwB;EACzB,IAAAC,IAAA,GAA4BD,OAAO,IAAI,CAAC,CAAC;IAAAE,eAAA,GAAAD,IAAA,CAAjCE,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,EAAE,GAAAA,eAAA;EACvB,IAAME,YAAY,GAAGV,oBAAoB,CAAC;IAAEK,SAAS,EAATA;EAAU,CAAC,CAAC;EACxD;AACF;AACA;AACA;EACE,IAAMM,QAA8B,GAAG,SAAjCA,QAA8BA,CAAIC,KAAK,EAAK;IAAA,IAAAC,eAAA;IAChD,IAAQC,IAAI,GAA2CF,KAAK,CAApDE,IAAI;MAAEC,SAAS,GAAgCH,KAAK,CAA9CG,SAAS;MAAEC,IAAI,GAA0BJ,KAAK,CAAnCI,IAAI;MAAEC,KAAK,GAAmBL,KAAK,CAA7BK,KAAK;MAAKC,SAAS,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA;IAC5D,IAAAC,WAAA,GAAyBvB,UAAU,CAACG,cAAc,CAACqB,aAAa,CAAC;MAAzDC,YAAY,GAAAF,WAAA,CAAZE,YAAY;IACpB,IAAMC,QAAQ,GAAGV,IAAI,CAACW,UAAU,CAAChB,UAAU,CAAC,GAAGK,IAAI,MAAAY,MAAA,CAAMjB,UAAU,OAAAiB,MAAA,CAAIZ,IAAI,CAAE;IAE7E,oBACEX,IAAA,CAACO,YAAY,EAAAiB,aAAA;MACXb,IAAI,EAAEU,QAAS;MACfT,SAAS,EAAEhB,UAAU,CAACwB,YAAY,CAAC,UAAU,CAAC,EAAER,SAAS,CAAE;MAC3DE,KAAK,EAAAU,aAAA,CAAAA,aAAA,KACAV,KAAK;QACRW,QAAQ,GAAAf,eAAA,GAAEI,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEW,QAAQ,cAAAf,eAAA,cAAAA,eAAA,GAAIG;MAAI;IACjC,GACEE,SAAS,CACd,CAAC;EAEN,CAAC;EACD,OAAOP,QAAQ;AACjB,CAAC"}
+{"version":3,"names":["useContext","classNames","createFromIconfontCN","ConfigProvider","jsx","_jsx","createIconfont","scriptUrl","options","_ref","_ref$iconPrefix","iconPrefix","AntdIconfont","Iconfont","props","_style$fontSize","type","className","size","style","iconProps","_objectWithoutProperties","_excluded","_useContext","ConfigContext","getPrefixCls","iconType","startsWith","concat","_objectSpread","fontSize"],"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,SAAsCA,UAAU,QAAQ,OAAO;AAC/D,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,oBAAoB,QAAQ,mBAAmB;AAExD,OAAOC,cAAc;;AAErB;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAgCA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CACzBC,SAAiB,EACjBC,OAGC,EACwB;EACzB,IAAAC,IAAA,GAA4BD,OAAO,IAAI,CAAC,CAAC;IAAAE,eAAA,GAAAD,IAAA,CAAjCE,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,EAAE,GAAAA,eAAA;EACvB,IAAME,YAAY,GAAGV,oBAAoB,CAAC;IAAEK,SAAS,EAATA;EAAU,CAAC,CAAC;EACxD;AACF;AACA;AACA;EACE,IAAMM,QAA8B,GAAG,SAAjCA,QAA8BA,CAAIC,KAAK,EAAK;IAAA,IAAAC,eAAA;IAChD,IAAQC,IAAI,GAA2CF,KAAK,CAApDE,IAAI;MAAEC,SAAS,GAAgCH,KAAK,CAA9CG,SAAS;MAAEC,IAAI,GAA0BJ,KAAK,CAAnCI,IAAI;MAAEC,KAAK,GAAmBL,KAAK,CAA7BK,KAAK;MAAKC,SAAS,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA;IAC5D,IAAAC,WAAA,GAAyBvB,UAAU,CAACG,cAAc,CAACqB,aAAa,CAAC;MAAzDC,YAAY,GAAAF,WAAA,CAAZE,YAAY;IACpB,IAAMC,QAAQ,GAAGV,IAAI,CAACW,UAAU,CAAChB,UAAU,CAAC,GAAGK,IAAI,MAAAY,MAAA,CAAMjB,UAAU,OAAAiB,MAAA,CAAIZ,IAAI,CAAE;IAE7E,oBACEX,IAAA,CAACO,YAAY,EAAAiB,aAAA;MACXb,IAAI,EAAEU,QAAS;MACfT,SAAS,EAAEhB,UAAU,CAACwB,YAAY,CAAC,UAAU,CAAC,EAAER,SAAS,CAAE;MAC3DE,KAAK,EAAAU,aAAA,CAAAA,aAAA,KACAV,KAAK;QACRW,QAAQ,GAAAf,eAAA,GAAEI,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEW,QAAQ,cAAAf,eAAA,cAAAA,eAAA,GAAIG;MAAI;IACjC,GACEE,SAAS,CACd,CAAC;EAEN,CAAC;EACD,OAAOP,QAAQ;AACjB,CAAC"}

package/es/hooks/index.d.ts

@@ -6,8 +6,10 @@ export * from './useMovable';
 export { default as useMovable } from './useMovable';
 export * from './useProcessingText';
 export { default as useProcessingText } from './useProcessingText';
-export { default as useRefValue } from './useRefValue';
 export { default as useRefFunction } from './useRefFunction';
+export { default as useRefValue } from './useRefValue';
+export * from './useRowSelection';
+export { default as useRowSelection } from './useRowSelection';
 export * from './useSplitter';
 export { default as useSplitter } from './useSplitter';
 export * from './useSSE';

package/es/hooks/index.js

@@ -6,8 +6,10 @@ export * from "./useMovable";
 export { default as useMovable } from "./useMovable";
 export * from "./useProcessingText";
 export { default as useProcessingText } from "./useProcessingText";
-export { default as useRefValue } from "./useRefValue";
 export { default as useRefFunction } from "./useRefFunction";
+export { default as useRefValue } from "./useRefValue";
+export * from "./useRowSelection";
+export { default as useRowSelection } from "./useRowSelection";
 export * from "./useSplitter";
 export { default as useSplitter } from "./useSplitter";
 export * from "./useSSE";

package/es/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","useAudioPlayer","useDebounce","useLocalStorage","useMovable","useProcessingText","useRefValue","useRefFunction","useSplitter","useSSE","useStompSocket","useUserMedia","useValidators","useValidator","useValidatorBuilder"],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { default as useAudioPlayer } from './useAudioPlayer';\n\nexport { default as useDebounce } from './useDebounce';\n\nexport * from './useLocalStorage';\nexport { default as useLocalStorage } from './useLocalStorage';\n\nexport * from './useMovable';\nexport { default as useMovable } from './useMovable';\n\nexport * from './useProcessingText';\nexport { default as useProcessingText } from './useProcessingText';\n\nexport { default as useRefValue } from './useRefValue';\n\nexport { default as useRefFunction } from './useRefFunction';\n\nexport * from './useSplitter';\nexport { default as useSplitter } from './useSplitter';\n\nexport * from './useSSE';\nexport { default as useSSE } from './useSSE';\n\nexport * from './useStompSocket';\nexport { default as useStompSocket } from './useStompSocket';\n\nexport * from './useUserMedia';\nexport { default as useUserMedia } from './useUserMedia';\n\nexport type { ValidatorRuleMap } from './useValidators';\nexport { default as useValidators } from './useValidators';\n\nexport { default as useValidator } from './useValidator';\n\nexport type { Validator, RuleRegExpFlags, ValidatorRule, BuilderOptions } from './useValidatorBuilder';\nexport { default as useValidatorBuilder } from './useValidatorBuilder';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc;AAElC,SAASD,OAAO,IAAIE,WAAW;AAE/B;AACA,SAASF,OAAO,IAAIG,eAAe;AAEnC;AACA,SAASH,OAAO,IAAII,UAAU;AAE9B;AACA,SAASJ,OAAO,IAAIK,iBAAiB;AAErC,SAASL,OAAO,IAAIM,WAAW;AAE/B,SAASN,OAAO,IAAIO,cAAc;AAElC;AACA,SAASP,OAAO,IAAIQ,WAAW;AAE/B;AACA,SAASR,OAAO,IAAIS,MAAM;AAE1B;AACA,SAAST,OAAO,IAAIU,cAAc;AAElC;AACA,SAASV,OAAO,IAAIW,YAAY;AAGhC,SAASX,OAAO,IAAIY,aAAa;AAEjC,SAASZ,OAAO,IAAIa,YAAY;AAGhC,SAASb,OAAO,IAAIc,mBAAmB"}
+{"version":3,"names":["default","useAudioPlayer","useDebounce","useLocalStorage","useMovable","useProcessingText","useRefFunction","useRefValue","useRowSelection","useSplitter","useSSE","useStompSocket","useUserMedia","useValidators","useValidator","useValidatorBuilder"],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { default as useAudioPlayer } from './useAudioPlayer';\n\nexport { default as useDebounce } from './useDebounce';\n\nexport * from './useLocalStorage';\nexport { default as useLocalStorage } from './useLocalStorage';\n\nexport * from './useMovable';\nexport { default as useMovable } from './useMovable';\n\nexport * from './useProcessingText';\nexport { default as useProcessingText } from './useProcessingText';\n\nexport { default as useRefFunction } from './useRefFunction';\n\nexport { default as useRefValue } from './useRefValue';\n\nexport * from './useRowSelection';\nexport { default as useRowSelection } from './useRowSelection';\n\nexport * from './useSplitter';\nexport { default as useSplitter } from './useSplitter';\n\nexport * from './useSSE';\nexport { default as useSSE } from './useSSE';\n\nexport * from './useStompSocket';\nexport { default as useStompSocket } from './useStompSocket';\n\nexport * from './useUserMedia';\nexport { default as useUserMedia } from './useUserMedia';\n\nexport type { ValidatorRuleMap } from './useValidators';\nexport { default as useValidators } from './useValidators';\n\nexport { default as useValidator } from './useValidator';\n\nexport type { Validator, RuleRegExpFlags, ValidatorRule, BuilderOptions } from './useValidatorBuilder';\nexport { default as useValidatorBuilder } from './useValidatorBuilder';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc;AAElC,SAASD,OAAO,IAAIE,WAAW;AAE/B;AACA,SAASF,OAAO,IAAIG,eAAe;AAEnC;AACA,SAASH,OAAO,IAAII,UAAU;AAE9B;AACA,SAASJ,OAAO,IAAIK,iBAAiB;AAErC,SAASL,OAAO,IAAIM,cAAc;AAElC,SAASN,OAAO,IAAIO,WAAW;AAE/B;AACA,SAASP,OAAO,IAAIQ,eAAe;AAEnC;AACA,SAASR,OAAO,IAAIS,WAAW;AAE/B;AACA,SAAST,OAAO,IAAIU,MAAM;AAE1B;AACA,SAASV,OAAO,IAAIW,cAAc;AAElC;AACA,SAASX,OAAO,IAAIY,YAAY;AAGhC,SAASZ,OAAO,IAAIa,aAAa;AAEjC,SAASb,OAAO,IAAIc,YAAY;AAGhC,SAASd,OAAO,IAAIe,mBAAmB"}

package/es/hooks/useRowSelection.d.ts

@@ -0,0 +1,55 @@
+import type { TableRowSelection } from 'antd/es/table/interface';
+export type UseRowSelectionOption<T extends object = Record<string, unknown>> = Omit<TableRowSelection<T>, 'preserveSelectedRowKeys' | 'selectedRowKeys' | 'onChange'> & {
+    /**
+     * - **EN:** The selected row objects.
+     * - **CN:** 选中的行对象。
+     */
+    value?: T[];
+    /**
+     * - **EN:** Callback function triggered when the selected rows change.
+     * - **CN:** 当选中的行发生变化时触发的回调函数。
+     *
+     * @param value - The selected row objects | 选中的行对象
+     */
+    onChange?: (value: T[]) => void;
+    /**
+     * - **EN:** The field name or function to get the key of the object. If not set, the `id` or `code`
+     *   field will be used as the key by default.
+     * - **CN:** 获取对象key的字段名或函数，如果不设置，则默认使用 `id` 或 `code` 字段作为key。
+     */
+    rowKey?: keyof T | ((item: T) => string);
+    /**
+     * - **EN:** Whether to support table selection. If set to `false`, the table row selection feature
+     *   will be disabled.
+     * - **CN:** 是否支持表格选择，如果设置为`false`，则禁用table的行选择功能。
+     *
+     * @default true
+     */
+    checkable?: boolean;
+    /**
+     * - **EN:** Cache of all selected objects, used to initialize the internal cache.
+     *
+     *   This usage is not very common and is generally used for persistent caching outside the Table,
+     *   such as saving in localStorage or, in the case of a MicroApp, saving in the main application,
+     *   so that when the Table is destroyed and re-entered, it can restore all previously selected
+     *   cached objects (otherwise, data across pages will be lost).
+     * - **CN:** 所有被选中对象的缓存，用于初始化内部的缓存对象。
+     *
+     *   这种用法不太常见，一般用于在Table外进行持久化缓存，例如保存在localStorage中、或作为MicroApp时保存在主应用中，
+     *   从而在Table被销毁后再次进入时能恢复之前选中的所有缓存对象（否则跨页的数据会丢失）。
+     */
+    cache?: T[];
+};
+/**
+ * - **EN:** Generate the `rowSelection` property settings for the Table component, supporting
+ *   cross-page selection. The `onChange` callback returns the selected row objects instead of the
+ *   selected row keys.
+ *
+ *   Use `rowKey` to specify the key of the row object. If not specified, it will try to get the `id`
+ *   or `code` field from the row object as the key.
+ * - **CN:** 生成Table组件的rowSelection属性设置，支持跨页选中，`onChange`返回选中的行对象，而不是选中的行key。
+ *
+ *   使用 `rowKey` 来指定行对象的key，如果不指定，则会尝试从行对象中获取 `id` 或 `code` 字段作为key。
+ */
+declare function useRowSelection<T extends object = Record<string, unknown>>(options?: UseRowSelectionOption<T>): TableRowSelection<T> | undefined;
+export default useRowSelection;

package/es/hooks/useRowSelection.js

@@ -0,0 +1,83 @@
+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 _excluded = ["value", "rowKey", "onChange", "checkable", "cache"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { useEffect, useMemo, useRef } from 'react';
+/**
+ * - **EN:** Generate the `rowSelection` property settings for the Table component, supporting
+ *   cross-page selection. The `onChange` callback returns the selected row objects instead of the
+ *   selected row keys.
+ *
+ *   Use `rowKey` to specify the key of the row object. If not specified, it will try to get the `id`
+ *   or `code` field from the row object as the key.
+ * - **CN:** 生成Table组件的rowSelection属性设置，支持跨页选中，`onChange`返回选中的行对象，而不是选中的行key。
+ *
+ *   使用 `rowKey` 来指定行对象的key，如果不指定，则会尝试从行对象中获取 `id` 或 `code` 字段作为key。
+ */
+function useRowSelection(options) {
+  var _ref = options || {},
+    value = _ref.value,
+    rowKey = _ref.rowKey,
+    _onChange = _ref.onChange,
+    _ref$checkable = _ref.checkable,
+    checkable = _ref$checkable === void 0 ? true : _ref$checkable,
+    cache = _ref.cache,
+    restOptions = _objectWithoutProperties(_ref, _excluded);
+  var keys = useMemo(function () {
+    return value === null || value === void 0 ? void 0 : value.map(function (item) {
+      return getKey(item, rowKey);
+    });
+  }, [value, rowKey]);
+  var selectedCacheRef = useRef(new Map(cache === null || cache === void 0 ? void 0 : cache.map(function (item) {
+    return [getKey(item, rowKey), item];
+  })));
+  useEffect(function () {
+    // Remove items that no longer exist in selectedCacheRef
+    // When the parent component's directory type or domain changes, the value will be reset, and the selectedCacheRef needs to be cleared
+    selectedCacheRef.current.forEach(function (item) {
+      var itemKey = getKey(item, rowKey);
+      if (!(value || []).some(function (v) {
+        return getKey(v, rowKey) === itemKey;
+      })) {
+        selectedCacheRef.current.delete(itemKey);
+      }
+    });
+  }, [rowKey, value]);
+  return checkable !== false ? _objectSpread(_objectSpread({}, restOptions), {}, {
+    preserveSelectedRowKeys: true,
+    selectedRowKeys: keys,
+    onChange: function onChange(selectedKeys, selectedRows) {
+      //  Remove the deselected items
+      selectedCacheRef.current.forEach(function (item) {
+        var key = getKey(item, rowKey);
+        if (!(selectedKeys !== null && selectedKeys !== void 0 && selectedKeys.includes(key))) {
+          selectedCacheRef.current.delete(key);
+        }
+      });
+      // Add new selected items
+      selectedRows === null || selectedRows === void 0 || selectedRows.forEach(function (item) {
+        var key = getKey(item, rowKey);
+        selectedCacheRef.current.set(key, item);
+      });
+      _onChange === null || _onChange === void 0 || _onChange(selectedKeys.map(function (id) {
+        return selectedCacheRef.current.get(id);
+      }).filter(Boolean));
+    }
+  }) : undefined;
+}
+function getKey(item, keyField) {
+  if (!item) {
+    return '';
+  }
+  if (typeof keyField === 'function') {
+    return keyField(item);
+  }
+  return item[keyField] || ('id' in item ? item['id'] : '') || ('code' in item ? item['code'] : '');
+}
+export default useRowSelection;
+//# sourceMappingURL=useRowSelection.js.map

package/es/hooks/useRowSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useRef","useRowSelection","options","_ref","value","rowKey","onChange","_ref$checkable","checkable","cache","restOptions","_objectWithoutProperties","_excluded","keys","map","item","getKey","selectedCacheRef","Map","current","forEach","itemKey","some","v","delete","_objectSpread","preserveSelectedRowKeys","selectedRowKeys","selectedKeys","selectedRows","key","includes","set","id","get","filter","Boolean","undefined","keyField"],"sources":["../../src/hooks/useRowSelection.ts"],"sourcesContent":["import type { Key } from 'react';\nimport { useEffect, useMemo, useRef } from 'react';\nimport type { TableRowSelection } from 'antd/es/table/interface';\n\nexport type UseRowSelectionOption<T extends object = Record<string, unknown>> = Omit<\n  TableRowSelection<T>,\n  'preserveSelectedRowKeys' | 'selectedRowKeys' | 'onChange'\n> & {\n  /**\n   * - **EN:** The selected row objects.\n   * - **CN:** 选中的行对象。\n   */\n  value?: T[];\n  /**\n   * - **EN:** Callback function triggered when the selected rows change.\n   * - **CN:** 当选中的行发生变化时触发的回调函数。\n   *\n   * @param value - The selected row objects | 选中的行对象\n   */\n  onChange?: (value: T[]) => void;\n  /**\n   * - **EN:** The field name or function to get the key of the object. If not set, the `id` or `code`\n   *   field will be used as the key by default.\n   * - **CN:** 获取对象key的字段名或函数，如果不设置，则默认使用 `id` 或 `code` 字段作为key。\n   */\n  rowKey?: keyof T | ((item: T) => string);\n  /**\n   * - **EN:** Whether to support table selection. If set to `false`, the table row selection feature\n   *   will be disabled.\n   * - **CN:** 是否支持表格选择，如果设置为`false`，则禁用table的行选择功能。\n   *\n   * @default true\n   */\n  checkable?: boolean;\n  /**\n   * - **EN:** Cache of all selected objects, used to initialize the internal cache.\n   *\n   *   This usage is not very common and is generally used for persistent caching outside the Table,\n   *   such as saving in localStorage or, in the case of a MicroApp, saving in the main application,\n   *   so that when the Table is destroyed and re-entered, it can restore all previously selected\n   *   cached objects (otherwise, data across pages will be lost).\n   * - **CN:** 所有被选中对象的缓存，用于初始化内部的缓存对象。\n   *\n   *   这种用法不太常见，一般用于在Table外进行持久化缓存，例如保存在localStorage中、或作为MicroApp时保存在主应用中，\n   *   从而在Table被销毁后再次进入时能恢复之前选中的所有缓存对象（否则跨页的数据会丢失）。\n   */\n  cache?: T[];\n};\n\n/**\n * - **EN:** Generate the `rowSelection` property settings for the Table component, supporting\n *   cross-page selection. The `onChange` callback returns the selected row objects instead of the\n *   selected row keys.\n *\n *   Use `rowKey` to specify the key of the row object. If not specified, it will try to get the `id`\n *   or `code` field from the row object as the key.\n * - **CN:** 生成Table组件的rowSelection属性设置，支持跨页选中，`onChange`返回选中的行对象，而不是选中的行key。\n *\n *   使用 `rowKey` 来指定行对象的key，如果不指定，则会尝试从行对象中获取 `id` 或 `code` 字段作为key。\n */\nfunction useRowSelection<T extends object = Record<string, unknown>>(options?: UseRowSelectionOption<T>) {\n  const { value, rowKey, onChange, checkable = true, cache, ...restOptions } = options || {};\n  const keys = useMemo(() => value?.map((item) => getKey(item, rowKey)), [value, rowKey]);\n  const selectedCacheRef = useRef(new Map(cache?.map((item) => [getKey(item, rowKey), item])));\n\n  useEffect(() => {\n    // Remove items that no longer exist in selectedCacheRef\n    // When the parent component's directory type or domain changes, the value will be reset, and the selectedCacheRef needs to be cleared\n    selectedCacheRef.current.forEach((item) => {\n      const itemKey = getKey(item, rowKey);\n      if (!(value || []).some((v) => getKey(v, rowKey) === itemKey)) {\n        selectedCacheRef.current.delete(itemKey);\n      }\n    });\n  }, [rowKey, value]);\n\n  return checkable !== false\n    ? ({\n        ...restOptions,\n        preserveSelectedRowKeys: true,\n        selectedRowKeys: keys,\n        onChange: (selectedKeys, selectedRows) => {\n          //  Remove the deselected items\n          selectedCacheRef.current.forEach((item) => {\n            const key = getKey(item, rowKey);\n            if (!selectedKeys?.includes(key as Key)) {\n              selectedCacheRef.current.delete(key);\n            }\n          });\n          // Add new selected items\n          selectedRows?.forEach((item) => {\n            const key = getKey(item, rowKey);\n            selectedCacheRef.current.set(key, item);\n          });\n          onChange?.(selectedKeys.map((id) => selectedCacheRef.current.get(id as string)).filter(Boolean) as T[]);\n        },\n      } as TableRowSelection<T>)\n    : undefined;\n}\n\nfunction getKey<T extends object = Record<string, unknown>>(\n  item: T,\n  keyField?: keyof T | ((item: T) => string)\n): keyof T | string {\n  if (!item) {\n    return '';\n  }\n  if (typeof keyField === 'function') {\n    return keyField(item);\n  }\n  return (\n    (item[keyField!] as keyof T) ||\n    ('id' in item ? (item['id'] as string) : '') ||\n    ('code' in item ? (item['code'] as string) : '')\n  );\n}\nexport default useRowSelection;\n"],"mappings":"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"}

package/lib/components/ConfigProvider/index.js

@@ -44,6 +44,10 @@ var ConfigProvider = (props) => {
   const { getPrefixCls, rootPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("react-easy", prefixClsInProps);
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls, rootPrefixCls);
+  const getEasyPrefixCls = (0, import_react.useCallback)(
+    (suffixCls, customizePrefixCls) => getPrefixCls(`easy-${suffixCls}`, customizePrefixCls),
+    [getPrefixCls]
+  );
   const contextValue = (0, import_react.useMemo)(
     () => {
       if (langInProps !== import_locales.default.language) {
@@ -51,11 +55,11 @@ var ConfigProvider = (props) => {
       }
       return {
         ...restProps,
-        getPrefixCls: (suffixCls, customizePrefixCls) => getPrefixCls(`easy-${suffixCls}`, customizePrefixCls)
+        getPrefixCls: getEasyPrefixCls
       };
     },
     // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps
-    [langInProps, getPrefixCls, ...Object.values(restProps)]
+    [langInProps, getEasyPrefixCls, ...Object.values(restProps)]
   );
   (0, import_react.useEffect)(() => {
     if (userLocales) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ConfigProvider/index.tsx"],
-  "sourcesContent": ["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useContext, useEffect, useMemo } from 'react';\nimport { ConfigProvider as ReactConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport locales, { langs, resources } from '../../locales';\nimport type localesEn from '../../locales/langs/en';\nimport ReactEasyContext, { type ReactEasyContextProps } from './context';\nimport useStyle from './style';\n\nexport interface ConfigProviderProps extends Omit<ReactEasyContextProps, 'getPrefixCls'> {\n  /**\n   * - **EN:** Child elements of the ConfigProvider\n   * - **CN:** ConfigProvider 的子元素\n   */\n  children: ReactNode;\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Custom class name for the root element\n   * - **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Custom styles for the root element\n   * - **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Custom localization resources, if `lang` exists, it will override the localization\n   *   resources of that language, otherwise, it will add a new language\n   * - **CN:** 自定义本地化资源，如果`lang`存在，则会覆盖该语言的本地化资源，否则，会添加一种新的语言\n   */\n  locales?: Partial<typeof localesEn>;\n}\n\n/**\n * - **EN:** Provide global configuration for AntdHelper\n * - **CN:** 提供AntdHelper的全局配置\n */\nconst ConfigProvider: FC<ConfigProviderProps> & { ConfigContext: typeof ReactEasyContext } = (props) => {\n  const { children, locales: userLocales, prefixCls: prefixClsInProps, className, style, ...restProps } = props;\n  const { lang: langInProps } = restProps;\n  const { getPrefixCls, rootPrefixCls } = useContext(ReactConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('react-easy', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootPrefixCls);\n  const contextValue = useMemo(\n    () => {\n      if (langInProps !== locales.language) {\n        locales.changeLanguage(langInProps || 'en-US');\n      }\n      return {\n        ...restProps,\n        getPrefixCls: (suffixCls: string, customizePrefixCls?: string) =>\n          getPrefixCls(`easy-${suffixCls}`, customizePrefixCls),\n      };\n    },\n    // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps\n    [langInProps, getPrefixCls, ...Object.values(restProps)]\n  );\n\n  useEffect(() => {\n    // Dynamically add language pack\n    if (userLocales) {\n      const lang = langInProps || 'en-US';\n      if (lang && langs.includes(lang)) {\n        locales.removeResourceBundle(lang, 'translation');\n        locales.addResourceBundle(lang, 'translation', { ...resources[lang].translation, ...userLocales });\n      } else {\n        locales.addResourceBundle(lang, 'translation', { ...resources['en-US'].translation, ...userLocales });\n      }\n    }\n  }, [langInProps, userLocales]);\n\n  return wrapCSSVar(\n    <ReactEasyContext.Provider value={contextValue}>\n      <div className={classNames(hashId, cssVarCls, prefixCls, className)} style={style}>\n        {children}\n      </div>\n    </ReactEasyContext.Provider>\n  );\n};\nConfigProvider.displayName = 'ReactEasyConfigProvider';\nConfigProvider.ConfigContext = ReactEasyContext;\n\nexport default ConfigProvider;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA+C;AAC/C,kBAAsD;AACtD,wBAAuB;AACvB,qBAA0C;AAE1C,qBAA6D;AAC7D,mBAAqB;AAmCrB,IAAM,iBAAuF,CAAC,UAAU;AACtG,QAAM,EAAE,UAAU,SAAS,aAAa,WAAW,kBAAkB,WAAW,OAAO,GAAG,UAAU,IAAI;AACxG,QAAM,EAAE,MAAM,YAAY,IAAI;AAC9B,QAAM,EAAE,cAAc,cAAc,QAAI,yBAAW,YAAAA,eAAoB,aAAa;AACpF,QAAM,YAAY,aAAa,cAAc,gBAAgB;AAC7D,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAC,SAAS,WAAW,aAAa;AACzE,QAAM,mBAAe;AAAA,IACnB,MAAM;AACJ,UAAI,gBAAgB,eAAAC,QAAQ,UAAU;AACpC,uBAAAA,QAAQ,eAAe,eAAe,OAAO;AAAA,MAC/C;AACA,aAAO;AAAA,QACL,GAAG;AAAA,QACH,cAAc,CAAC,WAAmB,uBAChC,aAAa,QAAQ,aAAa,kBAAkB;AAAA,MACxD;AAAA,IACF;AAAA;AAAA,IAEA,CAAC,aAAa,cAAc,GAAG,OAAO,OAAO,SAAS,CAAC;AAAA,EACzD;AAEA,8BAAU,MAAM;AAEd,QAAI,aAAa;AACf,YAAM,OAAO,eAAe;AAC5B,UAAI,QAAQ,qBAAM,SAAS,IAAI,GAAG;AAChC,uBAAAA,QAAQ,qBAAqB,MAAM,aAAa;AAChD,uBAAAA,QAAQ,kBAAkB,MAAM,eAAe,EAAE,GAAG,yBAAU,IAAI,EAAE,aAAa,GAAG,YAAY,CAAC;AAAA,MACnG,OAAO;AACL,uBAAAA,QAAQ,kBAAkB,MAAM,eAAe,EAAE,GAAG,yBAAU,OAAO,EAAE,aAAa,GAAG,YAAY,CAAC;AAAA,MACtG;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,SAAO;AAAA,IACL,oCAAC,eAAAC,QAAiB,UAAjB,EAA0B,OAAO,gBAChC,oCAAC,SAAI,eAAW,kBAAAC,SAAW,QAAQ,WAAW,WAAW,SAAS,GAAG,SAClE,QACH,CACF;AAAA,EACF;AACF;AACA,eAAe,cAAc;AAC7B,eAAe,gBAAgB,eAAAD;AAE/B,IAAO,yBAAQ;",
+  "sourcesContent": ["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useCallback, useContext, useEffect, useMemo } from 'react';\nimport { ConfigProvider as ReactConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport locales, { langs, resources } from '../../locales';\nimport type localesEn from '../../locales/langs/en';\nimport ReactEasyContext, { type ReactEasyContextProps } from './context';\nimport useStyle from './style';\n\nexport interface ConfigProviderProps extends Omit<ReactEasyContextProps, 'getPrefixCls'> {\n  /**\n   * - **EN:** Child elements of the ConfigProvider\n   * - **CN:** ConfigProvider 的子元素\n   */\n  children: ReactNode;\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Custom class name for the root element\n   * - **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Custom styles for the root element\n   * - **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Custom localization resources, if `lang` exists, it will override the localization\n   *   resources of that language, otherwise, it will add a new language\n   * - **CN:** 自定义本地化资源，如果`lang`存在，则会覆盖该语言的本地化资源，否则，会添加一种新的语言\n   */\n  locales?: Partial<typeof localesEn>;\n}\n\n/**\n * - **EN:** Provide global configuration for AntdHelper\n * - **CN:** 提供AntdHelper的全局配置\n */\nconst ConfigProvider: FC<ConfigProviderProps> & { ConfigContext: typeof ReactEasyContext } = (props) => {\n  const { children, locales: userLocales, prefixCls: prefixClsInProps, className, style, ...restProps } = props;\n  const { lang: langInProps } = restProps;\n  const { getPrefixCls, rootPrefixCls } = useContext(ReactConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('react-easy', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootPrefixCls);\n  const getEasyPrefixCls = useCallback(\n    (suffixCls: string, customizePrefixCls?: string) => getPrefixCls(`easy-${suffixCls}`, customizePrefixCls),\n    [getPrefixCls]\n  );\n  const contextValue = useMemo(\n    () => {\n      if (langInProps !== locales.language) {\n        locales.changeLanguage(langInProps || 'en-US');\n      }\n      return {\n        ...restProps,\n        getPrefixCls: getEasyPrefixCls,\n      };\n    },\n    // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps\n    [langInProps, getEasyPrefixCls, ...Object.values(restProps)]\n  );\n\n  useEffect(() => {\n    // Dynamically add language pack\n    if (userLocales) {\n      const lang = langInProps || 'en-US';\n      if (lang && langs.includes(lang)) {\n        locales.removeResourceBundle(lang, 'translation');\n        locales.addResourceBundle(lang, 'translation', { ...resources[lang].translation, ...userLocales });\n      } else {\n        locales.addResourceBundle(lang, 'translation', { ...resources['en-US'].translation, ...userLocales });\n      }\n    }\n  }, [langInProps, userLocales]);\n\n  return wrapCSSVar(\n    <ReactEasyContext.Provider value={contextValue}>\n      <div className={classNames(hashId, cssVarCls, prefixCls, className)} style={style}>\n        {children}\n      </div>\n    </ReactEasyContext.Provider>\n  );\n};\nConfigProvider.displayName = 'ReactEasyConfigProvider';\nConfigProvider.ConfigContext = ReactEasyContext;\n\nexport default ConfigProvider;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA4D;AAC5D,kBAAsD;AACtD,wBAAuB;AACvB,qBAA0C;AAE1C,qBAA6D;AAC7D,mBAAqB;AAmCrB,IAAM,iBAAuF,CAAC,UAAU;AACtG,QAAM,EAAE,UAAU,SAAS,aAAa,WAAW,kBAAkB,WAAW,OAAO,GAAG,UAAU,IAAI;AACxG,QAAM,EAAE,MAAM,YAAY,IAAI;AAC9B,QAAM,EAAE,cAAc,cAAc,QAAI,yBAAW,YAAAA,eAAoB,aAAa;AACpF,QAAM,YAAY,aAAa,cAAc,gBAAgB;AAC7D,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAC,SAAS,WAAW,aAAa;AACzE,QAAM,uBAAmB;AAAA,IACvB,CAAC,WAAmB,uBAAgC,aAAa,QAAQ,aAAa,kBAAkB;AAAA,IACxG,CAAC,YAAY;AAAA,EACf;AACA,QAAM,mBAAe;AAAA,IACnB,MAAM;AACJ,UAAI,gBAAgB,eAAAC,QAAQ,UAAU;AACpC,uBAAAA,QAAQ,eAAe,eAAe,OAAO;AAAA,MAC/C;AACA,aAAO;AAAA,QACL,GAAG;AAAA,QACH,cAAc;AAAA,MAChB;AAAA,IACF;AAAA;AAAA,IAEA,CAAC,aAAa,kBAAkB,GAAG,OAAO,OAAO,SAAS,CAAC;AAAA,EAC7D;AAEA,8BAAU,MAAM;AAEd,QAAI,aAAa;AACf,YAAM,OAAO,eAAe;AAC5B,UAAI,QAAQ,qBAAM,SAAS,IAAI,GAAG;AAChC,uBAAAA,QAAQ,qBAAqB,MAAM,aAAa;AAChD,uBAAAA,QAAQ,kBAAkB,MAAM,eAAe,EAAE,GAAG,yBAAU,IAAI,EAAE,aAAa,GAAG,YAAY,CAAC;AAAA,MACnG,OAAO;AACL,uBAAAA,QAAQ,kBAAkB,MAAM,eAAe,EAAE,GAAG,yBAAU,OAAO,EAAE,aAAa,GAAG,YAAY,CAAC;AAAA,MACtG;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,SAAO;AAAA,IACL,oCAAC,eAAAC,QAAiB,UAAjB,EAA0B,OAAO,gBAChC,oCAAC,SAAI,eAAW,kBAAAC,SAAW,QAAQ,WAAW,WAAW,SAAS,GAAG,SAClE,QACH,CACF;AAAA,EACF;AACF;AACA,eAAe,cAAc;AAC7B,eAAe,gBAAgB,eAAAD;AAE/B,IAAO,yBAAQ;",
   "names": ["ReactConfigProvider", "useStyle", "locales", "ReactEasyContext", "classNames"]
 }

package/lib/components/EllipsisTypography/withEllipsisTypography.d.ts

@@ -4,7 +4,23 @@ import type { TextProps } from 'antd/es/typography/Text';
 import type { TitleProps } from 'antd/es/typography/Title';
 declare function withEllipsisTypography<T extends TextProps | ParagraphProps | TitleProps>(Component: ComponentType<MakeEllipsisTypographyProps<T>>): (props: MakeEllipsisTypographyProps<T>) => import("react/jsx-runtime").JSX.Element;
 export type MakeEllipsisTypographyProps<T> = Omit<T, 'children'> & {
+    /**
+     * - **EN:** The text content to display. If not provided, the children will be used.
+     * - **CN:** 要显示的文本内容。如果未提供，将使用子元素。
+     */
     text?: string | undefined;
+    /**
+     * - **EN:** The children content to display. The `text` prop will take precedence if both are
+     *   provided.
+     * - **CN:** 要显示的子元素内容。如果同时提供了 `text` 属性，将优先使用 `text`。
+     */
     children?: string | undefined | null;
+    /**
+     * - **EN:** Whether to monitor the component's size and adjust the ellipsis accordingly.
+     * - **CN:** 是否监控组件的大小并相应地调整省略号。
+     *
+     * @default true
+     */
+    watchResize?: boolean;
 };
 export default withEllipsisTypography;

package/lib/components/EllipsisTypography/withEllipsisTypography.js

@@ -24,11 +24,14 @@ __export(withEllipsisTypography_exports, {
 module.exports = __toCommonJS(withEllipsisTypography_exports);
 var import_react = require("react");
 var import_antd = require("antd");
+var import_react_resize_detector = require("react-resize-detector");
+var import_hooks = require("../../hooks");
 function withEllipsisTypography(Component) {
   return function EllipsisText(props) {
-    const { ellipsis = true, children, text = children, ...rest } = props;
+    const { ellipsis = true, children, text = children, watchResize = true, ...rest } = props;
     const [isEllipsis, setIsEllipsis] = (0, import_react.useState)(false);
     const [dom, setDom] = (0, import_react.useState)(null);
+    const domRef = (0, import_hooks.useRefValue)(dom);
     const isAutoEllipsis = (0, import_react.useMemo)(() => ellipsis === true, [ellipsis]);
     const isAutoTooltip = (0, import_react.useMemo)(() => typeof ellipsis === "object" && ellipsis.tooltip === true, [ellipsis]);
     const isAutoTooltipTitle = (0, import_react.useMemo)(
@@ -40,10 +43,21 @@ function withEllipsisTypography(Component) {
       [isAutoEllipsis, isAutoTooltip, isAutoTooltipTitle]
     );
     const tooltipTitle = (0, import_react.useMemo)(() => isEllipsis ? text : void 0, [isEllipsis, text]);
+    const detectEllipsis = (0, import_hooks.useRefFunction)(
+      () => dom && setIsEllipsis(dom.scrollWidth > dom.clientWidth || dom.scrollHeight > dom.clientHeight)
+    );
+    (0, import_react_resize_detector.useResizeDetector)({
+      targetRef: watchResize ? domRef : void 0,
+      onResize: detectEllipsis,
+      refreshRate: 10,
+      refreshOptions: {
+        leading: false
+      }
+    });
     (0, import_react.useEffect)(() => {
       if (dom && isAuto) {
         Promise.resolve().then(() => {
-          setIsEllipsis(dom.scrollWidth > dom.clientWidth || dom.scrollHeight > dom.clientHeight);
+          detectEllipsis();
         });
       }
     }, [text, isAuto, dom]);

package/lib/components/EllipsisTypography/withEllipsisTypography.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/EllipsisTypography/withEllipsisTypography.tsx"],
-  "sourcesContent": ["import type { ComponentType } from 'react';\nimport { useEffect, useMemo, useState } from 'react';\nimport type { TooltipProps } from 'antd';\nimport { Tooltip } from 'antd';\nimport type { EllipsisConfig } from 'antd/es/typography/Base';\nimport type { ParagraphProps } from 'antd/es/typography/Paragraph';\nimport type { TextProps } from 'antd/es/typography/Text';\nimport type { TitleProps } from 'antd/es/typography/Title';\n\nfunction withEllipsisTypography<T extends TextProps | ParagraphProps | TitleProps>(\n  Component: ComponentType<MakeEllipsisTypographyProps<T>>\n) {\n  return function EllipsisText(props: MakeEllipsisTypographyProps<T>) {\n    const { ellipsis = true, children, text = children, ...rest } = props;\n    const [isEllipsis, setIsEllipsis] = useState(false);\n    const [dom, setDom] = useState<HTMLElement | null>(null);\n    const isAutoEllipsis = useMemo(() => ellipsis === true, [ellipsis]);\n    const isAutoTooltip = useMemo(() => typeof ellipsis === 'object' && ellipsis.tooltip === true, [ellipsis]);\n    const isAutoTooltipTitle = useMemo(\n      () =>\n        typeof ellipsis === 'object' &&\n        ellipsis.tooltip &&\n        typeof ellipsis.tooltip === 'object' &&\n        'title' in ellipsis.tooltip &&\n        ellipsis.tooltip.title === true,\n      [ellipsis]\n    );\n    const isAuto = useMemo(\n      () => isAutoEllipsis || isAutoTooltip || isAutoTooltipTitle,\n      [isAutoEllipsis, isAutoTooltip, isAutoTooltipTitle]\n    );\n    const tooltipTitle = useMemo(() => (isEllipsis ? text : undefined), [isEllipsis, text]);\n\n    useEffect(() => {\n      if (dom && isAuto) {\n        Promise.resolve().then(() => {\n          setIsEllipsis(dom.scrollWidth > dom.clientWidth || dom.scrollHeight > dom.clientHeight);\n        });\n      }\n    }, [text, isAuto, dom]);\n\n    return (\n      <Tooltip {...((ellipsis as EllipsisConfig)?.tooltip as TooltipProps)} title={tooltipTitle}>\n        <Component\n          ref={setDom}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          {...(rest as any)}\n          ellipsis={\n            isAutoEllipsis\n              ? { tooltip: undefined }\n              : isAutoTooltip\n                ? {\n                    ...(ellipsis as EllipsisConfig),\n                    tooltip: undefined,\n                  }\n                : isAutoTooltipTitle\n                  ? {\n                      ...(ellipsis as EllipsisConfig),\n                      tooltip: {\n                        ...((ellipsis as EllipsisConfig)?.tooltip as TooltipProps),\n                        title: undefined,\n                      },\n                    }\n                  : ellipsis\n          }\n        >\n          {text}\n        </Component>\n      </Tooltip>\n    );\n  };\n}\n\nexport type MakeEllipsisTypographyProps<T> = Omit<T, 'children'> & {\n  text?: string | undefined;\n  children?: string | undefined | null;\n};\n\nexport default withEllipsisTypography;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA6C;AAE7C,kBAAwB;AAMxB,SAAS,uBACP,WACA;AACA,SAAO,SAAS,aAAa,OAAuC;AAClE,UAAM,EAAE,WAAW,MAAM,UAAU,OAAO,UAAU,GAAG,KAAK,IAAI;AAChE,UAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,UAAM,CAAC,KAAK,MAAM,QAAI,uBAA6B,IAAI;AACvD,UAAM,qBAAiB,sBAAQ,MAAM,aAAa,MAAM,CAAC,QAAQ,CAAC;AAClE,UAAM,oBAAgB,sBAAQ,MAAM,OAAO,aAAa,YAAY,SAAS,YAAY,MAAM,CAAC,QAAQ,CAAC;AACzG,UAAM,yBAAqB;AAAA,MACzB,MACE,OAAO,aAAa,YACpB,SAAS,WACT,OAAO,SAAS,YAAY,YAC5B,WAAW,SAAS,WACpB,SAAS,QAAQ,UAAU;AAAA,MAC7B,CAAC,QAAQ;AAAA,IACX;AACA,UAAM,aAAS;AAAA,MACb,MAAM,kBAAkB,iBAAiB;AAAA,MACzC,CAAC,gBAAgB,eAAe,kBAAkB;AAAA,IACpD;AACA,UAAM,mBAAe,sBAAQ,MAAO,aAAa,OAAO,QAAY,CAAC,YAAY,IAAI,CAAC;AAEtF,gCAAU,MAAM;AACd,UAAI,OAAO,QAAQ;AACjB,gBAAQ,QAAQ,EAAE,KAAK,MAAM;AAC3B,wBAAc,IAAI,cAAc,IAAI,eAAe,IAAI,eAAe,IAAI,YAAY;AAAA,QACxF,CAAC;AAAA,MACH;AAAA,IACF,GAAG,CAAC,MAAM,QAAQ,GAAG,CAAC;AAEtB,WACE,oCAAC,uBAAS,GAAK,qCAA6B,SAA0B,OAAO,gBAC3E;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QAEJ,GAAI;AAAA,QACL,UACE,iBACI,EAAE,SAAS,OAAU,IACrB,gBACE;AAAA,UACE,GAAI;AAAA,UACJ,SAAS;AAAA,QACX,IACA,qBACE;AAAA,UACE,GAAI;AAAA,UACJ,SAAS;AAAA,YACP,GAAK,qCAA6B;AAAA,YAClC,OAAO;AAAA,UACT;AAAA,QACF,IACA;AAAA;AAAA,MAGT;AAAA,IACH,CACF;AAAA,EAEJ;AACF;AAOA,IAAO,iCAAQ;",
+  "sourcesContent": ["import type { ComponentType } from 'react';\nimport { useEffect, useMemo, useState } from 'react';\nimport type { TooltipProps } from 'antd';\nimport { Tooltip } from 'antd';\nimport type { EllipsisConfig } from 'antd/es/typography/Base';\nimport type { ParagraphProps } from 'antd/es/typography/Paragraph';\nimport type { TextProps } from 'antd/es/typography/Text';\nimport type { TitleProps } from 'antd/es/typography/Title';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { useRefFunction, useRefValue } from '../../hooks';\n\nfunction withEllipsisTypography<T extends TextProps | ParagraphProps | TitleProps>(\n  Component: ComponentType<MakeEllipsisTypographyProps<T>>\n) {\n  return function EllipsisText(props: MakeEllipsisTypographyProps<T>) {\n    const { ellipsis = true, children, text = children, watchResize = true, ...rest } = props;\n    const [isEllipsis, setIsEllipsis] = useState(false);\n    const [dom, setDom] = useState<HTMLElement | null>(null);\n    const domRef = useRefValue(dom);\n    const isAutoEllipsis = useMemo(() => ellipsis === true, [ellipsis]);\n    const isAutoTooltip = useMemo(() => typeof ellipsis === 'object' && ellipsis.tooltip === true, [ellipsis]);\n    const isAutoTooltipTitle = useMemo(\n      () =>\n        typeof ellipsis === 'object' &&\n        ellipsis.tooltip &&\n        typeof ellipsis.tooltip === 'object' &&\n        'title' in ellipsis.tooltip &&\n        ellipsis.tooltip.title === true,\n      [ellipsis]\n    );\n    const isAuto = useMemo(\n      () => isAutoEllipsis || isAutoTooltip || isAutoTooltipTitle,\n      [isAutoEllipsis, isAutoTooltip, isAutoTooltipTitle]\n    );\n    const tooltipTitle = useMemo(() => (isEllipsis ? text : undefined), [isEllipsis, text]);\n\n    const detectEllipsis = useRefFunction(\n      () => dom && setIsEllipsis(dom.scrollWidth > dom.clientWidth || dom.scrollHeight > dom.clientHeight)\n    );\n    useResizeDetector({\n      targetRef: watchResize ? domRef : undefined,\n      onResize: detectEllipsis,\n      refreshRate: 10,\n      refreshOptions: {\n        leading: false,\n      },\n    });\n\n    useEffect(() => {\n      if (dom && isAuto) {\n        Promise.resolve().then(() => {\n          detectEllipsis();\n        });\n      }\n    }, [text, isAuto, dom]);\n\n    return (\n      <Tooltip {...((ellipsis as EllipsisConfig)?.tooltip as TooltipProps)} title={tooltipTitle}>\n        <Component\n          ref={setDom}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          {...(rest as any)}\n          ellipsis={\n            isAutoEllipsis\n              ? { tooltip: undefined }\n              : isAutoTooltip\n                ? {\n                    ...(ellipsis as EllipsisConfig),\n                    tooltip: undefined,\n                  }\n                : isAutoTooltipTitle\n                  ? {\n                      ...(ellipsis as EllipsisConfig),\n                      tooltip: {\n                        ...((ellipsis as EllipsisConfig)?.tooltip as TooltipProps),\n                        title: undefined,\n                      },\n                    }\n                  : ellipsis\n          }\n        >\n          {text}\n        </Component>\n      </Tooltip>\n    );\n  };\n}\n\nexport type MakeEllipsisTypographyProps<T> = Omit<T, 'children'> & {\n  /**\n   * - **EN:** The text content to display. If not provided, the children will be used.\n   * - **CN:** 要显示的文本内容。如果未提供，将使用子元素。\n   */\n  text?: string | undefined;\n  /**\n   * - **EN:** The children content to display. The `text` prop will take precedence if both are\n   *   provided.\n   * - **CN:** 要显示的子元素内容。如果同时提供了 `text` 属性，将优先使用 `text`。\n   */\n  children?: string | undefined | null;\n  /**\n   * - **EN:** Whether to monitor the component's size and adjust the ellipsis accordingly.\n   * - **CN:** 是否监控组件的大小并相应地调整省略号。\n   *\n   * @default true\n   */\n  watchResize?: boolean;\n};\n\nexport default withEllipsisTypography;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA6C;AAE7C,kBAAwB;AAKxB,mCAAkC;AAClC,mBAA4C;AAE5C,SAAS,uBACP,WACA;AACA,SAAO,SAAS,aAAa,OAAuC;AAClE,UAAM,EAAE,WAAW,MAAM,UAAU,OAAO,UAAU,cAAc,MAAM,GAAG,KAAK,IAAI;AACpF,UAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,UAAM,CAAC,KAAK,MAAM,QAAI,uBAA6B,IAAI;AACvD,UAAM,aAAS,0BAAY,GAAG;AAC9B,UAAM,qBAAiB,sBAAQ,MAAM,aAAa,MAAM,CAAC,QAAQ,CAAC;AAClE,UAAM,oBAAgB,sBAAQ,MAAM,OAAO,aAAa,YAAY,SAAS,YAAY,MAAM,CAAC,QAAQ,CAAC;AACzG,UAAM,yBAAqB;AAAA,MACzB,MACE,OAAO,aAAa,YACpB,SAAS,WACT,OAAO,SAAS,YAAY,YAC5B,WAAW,SAAS,WACpB,SAAS,QAAQ,UAAU;AAAA,MAC7B,CAAC,QAAQ;AAAA,IACX;AACA,UAAM,aAAS;AAAA,MACb,MAAM,kBAAkB,iBAAiB;AAAA,MACzC,CAAC,gBAAgB,eAAe,kBAAkB;AAAA,IACpD;AACA,UAAM,mBAAe,sBAAQ,MAAO,aAAa,OAAO,QAAY,CAAC,YAAY,IAAI,CAAC;AAEtF,UAAM,qBAAiB;AAAA,MACrB,MAAM,OAAO,cAAc,IAAI,cAAc,IAAI,eAAe,IAAI,eAAe,IAAI,YAAY;AAAA,IACrG;AACA,wDAAkB;AAAA,MAChB,WAAW,cAAc,SAAS;AAAA,MAClC,UAAU;AAAA,MACV,aAAa;AAAA,MACb,gBAAgB;AAAA,QACd,SAAS;AAAA,MACX;AAAA,IACF,CAAC;AAED,gCAAU,MAAM;AACd,UAAI,OAAO,QAAQ;AACjB,gBAAQ,QAAQ,EAAE,KAAK,MAAM;AAC3B,yBAAe;AAAA,QACjB,CAAC;AAAA,MACH;AAAA,IACF,GAAG,CAAC,MAAM,QAAQ,GAAG,CAAC;AAEtB,WACE,oCAAC,uBAAS,GAAK,qCAA6B,SAA0B,OAAO,gBAC3E;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QAEJ,GAAI;AAAA,QACL,UACE,iBACI,EAAE,SAAS,OAAU,IACrB,gBACE;AAAA,UACE,GAAI;AAAA,UACJ,SAAS;AAAA,QACX,IACA,qBACE;AAAA,UACE,GAAI;AAAA,UACJ,SAAS;AAAA,YACP,GAAK,qCAA6B;AAAA,YAClC,OAAO;AAAA,UACT;AAAA,QACF,IACA;AAAA;AAAA,MAGT;AAAA,IACH,CACF;AAAA,EAEJ;AACF;AAuBA,IAAO,iCAAQ;",
   "names": []
 }

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

@@ -4,12 +4,26 @@ import type { IconFontProps as AntIconFontProps } from '@ant-design/icons/es/com
  * - **EN:** Props for the Iconfont component
  * - **CN:** Iconfont 组件的props
  */
-export interface IconfontProps<T extends string = string> extends Omit<AntIconFontProps<T>, 'type' | 'size'> {
+export interface IconfontProps<T extends string = string> extends Omit<AntIconFontProps<T>, 'type' | 'size' | 'spin' | 'rotate'> {
     /**
      * - **EN:** Icon name. Find an icon in iconfont and click `Copy Code`
      * - **CN:** 图标名称。在 iconfont 中找到某个图标，点击`复制代码`
      */
     type: T;
+    /**
+     * - **EN:** Whether the icon should spin continuously, can be used to indicate loading
+     * - **CN:** 图标是否持续旋转，可以实现 loading 的效果
+     *
+     * @default false
+     */
+    spin?: boolean;
+    /**
+     * - **EN:** Rotate the icon by a fixed angle clockwise
+     * - **CN:** 图标顺时针旋转一个固定角度
+     *
+     * @default 0
+     */
+    rotate?: number;
     /**
      * - **EN:** Icon size, an alias for `style.fontSize`
      * - **CN:** 图标尺寸，是 `style.fontSize` 的别名

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

@@ -1,7 +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> extends Omit<AntIconFontProps<T>, 'type' | 'size'> {\n  /**\n   * - **EN:** Icon name. Find an icon in iconfont and click `Copy Code`\n   * - **CN:** 图标名称。在 iconfont 中找到某个图标，点击`复制代码`\n   */\n  type: T;\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;AAyBpB,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;",
+  "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/hooks/index.d.ts

@@ -6,8 +6,10 @@ export * from './useMovable';
 export { default as useMovable } from './useMovable';
 export * from './useProcessingText';
 export { default as useProcessingText } from './useProcessingText';
-export { default as useRefValue } from './useRefValue';
 export { default as useRefFunction } from './useRefFunction';
+export { default as useRefValue } from './useRefValue';
+export * from './useRowSelection';
+export { default as useRowSelection } from './useRowSelection';
 export * from './useSplitter';
 export { default as useSplitter } from './useSplitter';
 export * from './useSSE';

package/lib/hooks/index.js

@@ -37,6 +37,7 @@ __export(hooks_exports, {
   useProcessingText: () => import_useProcessingText.default,
   useRefFunction: () => import_useRefFunction.default,
   useRefValue: () => import_useRefValue.default,
+  useRowSelection: () => import_useRowSelection.default,
   useSSE: () => import_useSSE.default,
   useSplitter: () => import_useSplitter.default,
   useStompSocket: () => import_useStompSocket.default,
@@ -54,8 +55,10 @@ __reExport(hooks_exports, require("./useMovable"), module.exports);
 var import_useMovable = __toESM(require("./useMovable"));
 __reExport(hooks_exports, require("./useProcessingText"), module.exports);
 var import_useProcessingText = __toESM(require("./useProcessingText"));
-var import_useRefValue = __toESM(require("./useRefValue"));
 var import_useRefFunction = __toESM(require("./useRefFunction"));
+var import_useRefValue = __toESM(require("./useRefValue"));
+__reExport(hooks_exports, require("./useRowSelection"), module.exports);
+var import_useRowSelection = __toESM(require("./useRowSelection"));
 __reExport(hooks_exports, require("./useSplitter"), module.exports);
 var import_useSplitter = __toESM(require("./useSplitter"));
 __reExport(hooks_exports, require("./useSSE"), module.exports);
@@ -76,6 +79,7 @@ var import_useValidatorBuilder = __toESM(require("./useValidatorBuilder"));
   useProcessingText,
   useRefFunction,
   useRefValue,
+  useRowSelection,
   useSSE,
   useSplitter,
   useStompSocket,
@@ -86,6 +90,7 @@ var import_useValidatorBuilder = __toESM(require("./useValidatorBuilder"));
   ...require("./useLocalStorage"),
   ...require("./useMovable"),
   ...require("./useProcessingText"),
+  ...require("./useRowSelection"),
   ...require("./useSplitter"),
   ...require("./useSSE"),
   ...require("./useStompSocket"),

package/lib/hooks/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/hooks/index.ts"],
-  "sourcesContent": ["export { default as useAudioPlayer } from './useAudioPlayer';\n\nexport { default as useDebounce } from './useDebounce';\n\nexport * from './useLocalStorage';\nexport { default as useLocalStorage } from './useLocalStorage';\n\nexport * from './useMovable';\nexport { default as useMovable } from './useMovable';\n\nexport * from './useProcessingText';\nexport { default as useProcessingText } from './useProcessingText';\n\nexport { default as useRefValue } from './useRefValue';\n\nexport { default as useRefFunction } from './useRefFunction';\n\nexport * from './useSplitter';\nexport { default as useSplitter } from './useSplitter';\n\nexport * from './useSSE';\nexport { default as useSSE } from './useSSE';\n\nexport * from './useStompSocket';\nexport { default as useStompSocket } from './useStompSocket';\n\nexport * from './useUserMedia';\nexport { default as useUserMedia } from './useUserMedia';\n\nexport type { ValidatorRuleMap } from './useValidators';\nexport { default as useValidators } from './useValidators';\n\nexport { default as useValidator } from './useValidator';\n\nexport type { Validator, RuleRegExpFlags, ValidatorRule, BuilderOptions } from './useValidatorBuilder';\nexport { default as useValidatorBuilder } from './useValidatorBuilder';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA0C;AAE1C,yBAAuC;AAEvC,0BAAc,8BAJd;AAKA,6BAA2C;AAE3C,0BAAc,yBAPd;AAQA,wBAAsC;AAEtC,0BAAc,gCAVd;AAWA,+BAA6C;AAE7C,yBAAuC;AAEvC,4BAA0C;AAE1C,0BAAc,0BAjBd;AAkBA,yBAAuC;AAEvC,0BAAc,qBApBd;AAqBA,oBAAkC;AAElC,0BAAc,6BAvBd;AAwBA,4BAA0C;AAE1C,0BAAc,2BA1Bd;AA2BA,0BAAwC;AAGxC,2BAAyC;AAEzC,0BAAwC;AAGxC,iCAA+C;",
+  "sourcesContent": ["export { default as useAudioPlayer } from './useAudioPlayer';\n\nexport { default as useDebounce } from './useDebounce';\n\nexport * from './useLocalStorage';\nexport { default as useLocalStorage } from './useLocalStorage';\n\nexport * from './useMovable';\nexport { default as useMovable } from './useMovable';\n\nexport * from './useProcessingText';\nexport { default as useProcessingText } from './useProcessingText';\n\nexport { default as useRefFunction } from './useRefFunction';\n\nexport { default as useRefValue } from './useRefValue';\n\nexport * from './useRowSelection';\nexport { default as useRowSelection } from './useRowSelection';\n\nexport * from './useSplitter';\nexport { default as useSplitter } from './useSplitter';\n\nexport * from './useSSE';\nexport { default as useSSE } from './useSSE';\n\nexport * from './useStompSocket';\nexport { default as useStompSocket } from './useStompSocket';\n\nexport * from './useUserMedia';\nexport { default as useUserMedia } from './useUserMedia';\n\nexport type { ValidatorRuleMap } from './useValidators';\nexport { default as useValidators } from './useValidators';\n\nexport { default as useValidator } from './useValidator';\n\nexport type { Validator, RuleRegExpFlags, ValidatorRule, BuilderOptions } from './useValidatorBuilder';\nexport { default as useValidatorBuilder } from './useValidatorBuilder';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA0C;AAE1C,yBAAuC;AAEvC,0BAAc,8BAJd;AAKA,6BAA2C;AAE3C,0BAAc,yBAPd;AAQA,wBAAsC;AAEtC,0BAAc,gCAVd;AAWA,+BAA6C;AAE7C,4BAA0C;AAE1C,yBAAuC;AAEvC,0BAAc,8BAjBd;AAkBA,6BAA2C;AAE3C,0BAAc,0BApBd;AAqBA,yBAAuC;AAEvC,0BAAc,qBAvBd;AAwBA,oBAAkC;AAElC,0BAAc,6BA1Bd;AA2BA,4BAA0C;AAE1C,0BAAc,2BA7Bd;AA8BA,0BAAwC;AAGxC,2BAAyC;AAEzC,0BAAwC;AAGxC,iCAA+C;",
   "names": []
 }

package/lib/hooks/useRowSelection.d.ts

@@ -0,0 +1,55 @@
+import type { TableRowSelection } from 'antd/es/table/interface';
+export type UseRowSelectionOption<T extends object = Record<string, unknown>> = Omit<TableRowSelection<T>, 'preserveSelectedRowKeys' | 'selectedRowKeys' | 'onChange'> & {
+    /**
+     * - **EN:** The selected row objects.
+     * - **CN:** 选中的行对象。
+     */
+    value?: T[];
+    /**
+     * - **EN:** Callback function triggered when the selected rows change.
+     * - **CN:** 当选中的行发生变化时触发的回调函数。
+     *
+     * @param value - The selected row objects | 选中的行对象
+     */
+    onChange?: (value: T[]) => void;
+    /**
+     * - **EN:** The field name or function to get the key of the object. If not set, the `id` or `code`
+     *   field will be used as the key by default.
+     * - **CN:** 获取对象key的字段名或函数，如果不设置，则默认使用 `id` 或 `code` 字段作为key。
+     */
+    rowKey?: keyof T | ((item: T) => string);
+    /**
+     * - **EN:** Whether to support table selection. If set to `false`, the table row selection feature
+     *   will be disabled.
+     * - **CN:** 是否支持表格选择，如果设置为`false`，则禁用table的行选择功能。
+     *
+     * @default true
+     */
+    checkable?: boolean;
+    /**
+     * - **EN:** Cache of all selected objects, used to initialize the internal cache.
+     *
+     *   This usage is not very common and is generally used for persistent caching outside the Table,
+     *   such as saving in localStorage or, in the case of a MicroApp, saving in the main application,
+     *   so that when the Table is destroyed and re-entered, it can restore all previously selected
+     *   cached objects (otherwise, data across pages will be lost).
+     * - **CN:** 所有被选中对象的缓存，用于初始化内部的缓存对象。
+     *
+     *   这种用法不太常见，一般用于在Table外进行持久化缓存，例如保存在localStorage中、或作为MicroApp时保存在主应用中，
+     *   从而在Table被销毁后再次进入时能恢复之前选中的所有缓存对象（否则跨页的数据会丢失）。
+     */
+    cache?: T[];
+};
+/**
+ * - **EN:** Generate the `rowSelection` property settings for the Table component, supporting
+ *   cross-page selection. The `onChange` callback returns the selected row objects instead of the
+ *   selected row keys.
+ *
+ *   Use `rowKey` to specify the key of the row object. If not specified, it will try to get the `id`
+ *   or `code` field from the row object as the key.
+ * - **CN:** 生成Table组件的rowSelection属性设置，支持跨页选中，`onChange`返回选中的行对象，而不是选中的行key。
+ *
+ *   使用 `rowKey` 来指定行对象的key，如果不指定，则会尝试从行对象中获取 `id` 或 `code` 字段作为key。
+ */
+declare function useRowSelection<T extends object = Record<string, unknown>>(options?: UseRowSelectionOption<T>): TableRowSelection<T> | undefined;
+export default useRowSelection;

package/lib/hooks/useRowSelection.js

@@ -0,0 +1,67 @@
+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/useRowSelection.ts
+var useRowSelection_exports = {};
+__export(useRowSelection_exports, {
+  default: () => useRowSelection_default
+});
+module.exports = __toCommonJS(useRowSelection_exports);
+var import_react = require("react");
+function useRowSelection(options) {
+  const { value, rowKey, onChange, checkable = true, cache, ...restOptions } = options || {};
+  const keys = (0, import_react.useMemo)(() => value == null ? void 0 : value.map((item) => getKey(item, rowKey)), [value, rowKey]);
+  const selectedCacheRef = (0, import_react.useRef)(new Map(cache == null ? void 0 : cache.map((item) => [getKey(item, rowKey), item])));
+  (0, import_react.useEffect)(() => {
+    selectedCacheRef.current.forEach((item) => {
+      const itemKey = getKey(item, rowKey);
+      if (!(value || []).some((v) => getKey(v, rowKey) === itemKey)) {
+        selectedCacheRef.current.delete(itemKey);
+      }
+    });
+  }, [rowKey, value]);
+  return checkable !== false ? {
+    ...restOptions,
+    preserveSelectedRowKeys: true,
+    selectedRowKeys: keys,
+    onChange: (selectedKeys, selectedRows) => {
+      selectedCacheRef.current.forEach((item) => {
+        const key = getKey(item, rowKey);
+        if (!(selectedKeys == null ? void 0 : selectedKeys.includes(key))) {
+          selectedCacheRef.current.delete(key);
+        }
+      });
+      selectedRows == null ? void 0 : selectedRows.forEach((item) => {
+        const key = getKey(item, rowKey);
+        selectedCacheRef.current.set(key, item);
+      });
+      onChange == null ? void 0 : onChange(selectedKeys.map((id) => selectedCacheRef.current.get(id)).filter(Boolean));
+    }
+  } : void 0;
+}
+function getKey(item, keyField) {
+  if (!item) {
+    return "";
+  }
+  if (typeof keyField === "function") {
+    return keyField(item);
+  }
+  return item[keyField] || ("id" in item ? item["id"] : "") || ("code" in item ? item["code"] : "");
+}
+var useRowSelection_default = useRowSelection;
+//# sourceMappingURL=useRowSelection.js.map

package/lib/hooks/useRowSelection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/useRowSelection.ts"],
+  "sourcesContent": ["import type { Key } from 'react';\nimport { useEffect, useMemo, useRef } from 'react';\nimport type { TableRowSelection } from 'antd/es/table/interface';\n\nexport type UseRowSelectionOption<T extends object = Record<string, unknown>> = Omit<\n  TableRowSelection<T>,\n  'preserveSelectedRowKeys' | 'selectedRowKeys' | 'onChange'\n> & {\n  /**\n   * - **EN:** The selected row objects.\n   * - **CN:** 选中的行对象。\n   */\n  value?: T[];\n  /**\n   * - **EN:** Callback function triggered when the selected rows change.\n   * - **CN:** 当选中的行发生变化时触发的回调函数。\n   *\n   * @param value - The selected row objects | 选中的行对象\n   */\n  onChange?: (value: T[]) => void;\n  /**\n   * - **EN:** The field name or function to get the key of the object. If not set, the `id` or `code`\n   *   field will be used as the key by default.\n   * - **CN:** 获取对象key的字段名或函数，如果不设置，则默认使用 `id` 或 `code` 字段作为key。\n   */\n  rowKey?: keyof T | ((item: T) => string);\n  /**\n   * - **EN:** Whether to support table selection. If set to `false`, the table row selection feature\n   *   will be disabled.\n   * - **CN:** 是否支持表格选择，如果设置为`false`，则禁用table的行选择功能。\n   *\n   * @default true\n   */\n  checkable?: boolean;\n  /**\n   * - **EN:** Cache of all selected objects, used to initialize the internal cache.\n   *\n   *   This usage is not very common and is generally used for persistent caching outside the Table,\n   *   such as saving in localStorage or, in the case of a MicroApp, saving in the main application,\n   *   so that when the Table is destroyed and re-entered, it can restore all previously selected\n   *   cached objects (otherwise, data across pages will be lost).\n   * - **CN:** 所有被选中对象的缓存，用于初始化内部的缓存对象。\n   *\n   *   这种用法不太常见，一般用于在Table外进行持久化缓存，例如保存在localStorage中、或作为MicroApp时保存在主应用中，\n   *   从而在Table被销毁后再次进入时能恢复之前选中的所有缓存对象（否则跨页的数据会丢失）。\n   */\n  cache?: T[];\n};\n\n/**\n * - **EN:** Generate the `rowSelection` property settings for the Table component, supporting\n *   cross-page selection. The `onChange` callback returns the selected row objects instead of the\n *   selected row keys.\n *\n *   Use `rowKey` to specify the key of the row object. If not specified, it will try to get the `id`\n *   or `code` field from the row object as the key.\n * - **CN:** 生成Table组件的rowSelection属性设置，支持跨页选中，`onChange`返回选中的行对象，而不是选中的行key。\n *\n *   使用 `rowKey` 来指定行对象的key，如果不指定，则会尝试从行对象中获取 `id` 或 `code` 字段作为key。\n */\nfunction useRowSelection<T extends object = Record<string, unknown>>(options?: UseRowSelectionOption<T>) {\n  const { value, rowKey, onChange, checkable = true, cache, ...restOptions } = options || {};\n  const keys = useMemo(() => value?.map((item) => getKey(item, rowKey)), [value, rowKey]);\n  const selectedCacheRef = useRef(new Map(cache?.map((item) => [getKey(item, rowKey), item])));\n\n  useEffect(() => {\n    // Remove items that no longer exist in selectedCacheRef\n    // When the parent component's directory type or domain changes, the value will be reset, and the selectedCacheRef needs to be cleared\n    selectedCacheRef.current.forEach((item) => {\n      const itemKey = getKey(item, rowKey);\n      if (!(value || []).some((v) => getKey(v, rowKey) === itemKey)) {\n        selectedCacheRef.current.delete(itemKey);\n      }\n    });\n  }, [rowKey, value]);\n\n  return checkable !== false\n    ? ({\n        ...restOptions,\n        preserveSelectedRowKeys: true,\n        selectedRowKeys: keys,\n        onChange: (selectedKeys, selectedRows) => {\n          //  Remove the deselected items\n          selectedCacheRef.current.forEach((item) => {\n            const key = getKey(item, rowKey);\n            if (!selectedKeys?.includes(key as Key)) {\n              selectedCacheRef.current.delete(key);\n            }\n          });\n          // Add new selected items\n          selectedRows?.forEach((item) => {\n            const key = getKey(item, rowKey);\n            selectedCacheRef.current.set(key, item);\n          });\n          onChange?.(selectedKeys.map((id) => selectedCacheRef.current.get(id as string)).filter(Boolean) as T[]);\n        },\n      } as TableRowSelection<T>)\n    : undefined;\n}\n\nfunction getKey<T extends object = Record<string, unknown>>(\n  item: T,\n  keyField?: keyof T | ((item: T) => string)\n): keyof T | string {\n  if (!item) {\n    return '';\n  }\n  if (typeof keyField === 'function') {\n    return keyField(item);\n  }\n  return (\n    (item[keyField!] as keyof T) ||\n    ('id' in item ? (item['id'] as string) : '') ||\n    ('code' in item ? (item['code'] as string) : '')\n  );\n}\nexport default useRowSelection;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA2C;AA2D3C,SAAS,gBAA4D,SAAoC;AACvG,QAAM,EAAE,OAAO,QAAQ,UAAU,YAAY,MAAM,OAAO,GAAG,YAAY,IAAI,WAAW,CAAC;AACzF,QAAM,WAAO,sBAAQ,MAAM,+BAAO,IAAI,CAAC,SAAS,OAAO,MAAM,MAAM,IAAI,CAAC,OAAO,MAAM,CAAC;AACtF,QAAM,uBAAmB,qBAAO,IAAI,IAAI,+BAAO,IAAI,CAAC,SAAS,CAAC,OAAO,MAAM,MAAM,GAAG,IAAI,EAAE,CAAC;AAE3F,8BAAU,MAAM;AAGd,qBAAiB,QAAQ,QAAQ,CAAC,SAAS;AACzC,YAAM,UAAU,OAAO,MAAM,MAAM;AACnC,UAAI,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,MAAM,OAAO,GAAG,MAAM,MAAM,OAAO,GAAG;AAC7D,yBAAiB,QAAQ,OAAO,OAAO;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,SAAO,cAAc,QAChB;AAAA,IACC,GAAG;AAAA,IACH,yBAAyB;AAAA,IACzB,iBAAiB;AAAA,IACjB,UAAU,CAAC,cAAc,iBAAiB;AAExC,uBAAiB,QAAQ,QAAQ,CAAC,SAAS;AACzC,cAAM,MAAM,OAAO,MAAM,MAAM;AAC/B,YAAI,EAAC,6CAAc,SAAS,OAAa;AACvC,2BAAiB,QAAQ,OAAO,GAAG;AAAA,QACrC;AAAA,MACF,CAAC;AAED,mDAAc,QAAQ,CAAC,SAAS;AAC9B,cAAM,MAAM,OAAO,MAAM,MAAM;AAC/B,yBAAiB,QAAQ,IAAI,KAAK,IAAI;AAAA,MACxC;AACA,2CAAW,aAAa,IAAI,CAAC,OAAO,iBAAiB,QAAQ,IAAI,EAAY,CAAC,EAAE,OAAO,OAAO;AAAA,IAChG;AAAA,EACF,IACA;AACN;AAEA,SAAS,OACP,MACA,UACkB;AAClB,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,MAAI,OAAO,aAAa,YAAY;AAClC,WAAO,SAAS,IAAI;AAAA,EACtB;AACA,SACG,KAAK,QAAS,MACd,QAAQ,OAAQ,KAAK,IAAI,IAAe,QACxC,UAAU,OAAQ,KAAK,MAAM,IAAe;AAEjD;AACA,IAAO,0BAAQ;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiny-codes/react-easy",
-  "version": "1.7.7",
+  "version": "1.7.9",
   "description": "Simplify React and AntDesign development with practical components and hooks",
   "keywords": [
     "react",
@@ -46,6 +46,7 @@
     "crypto-js": "^4.2.0",
     "lexical": "^0.33.1",
     "react-contexify": "^6.0.0",
+    "react-resize-detector": "^12.3.0",
     "sockjs-client": "^1.6.1"
   },
   "devDependencies": {