@tiny-codes/react-easy 1.7.5 → 1.7.6

package/CHANGELOG.md

@@ -4,6 +4,22 @@
 
 ## 1.7.5
 
+2026-2-28
+
+### Features
+
+- **useLocalStorage**
+  - ✨ Add `useLocalStorage` hook for managing state with localStorage.
+- **utils.math.random**
+  - ✨ Add an override method with zero parameters for generating random float numbers between 0 and 1.
+
+### Bug Fixes
+
+- 🐞 Fix the issue where the `storageKey` is empty in `ColumnSetting` and `useMovable`.
+- 🐞 Fix the issue where the reset button in `ColumnSetting` is always disabled.
+
+## 1.7.5
+
 2026-2-24
 
 ### Features

package/es/components/Animation/Pulse/index.d.ts

@@ -1,12 +1,28 @@
 import type { CSSProperties, FC } from 'react';
 export interface PulseAnimationProps {
+    /**
+     * - **EN:** Custom class name for the root element
+     * - **CN:** 根元素的自定义类名
+     */
     className?: string;
+    /**
+     * - **EN:** Custom styles for the root element
+     * - **CN:** 根元素的自定义样式
+     */
     style?: CSSProperties;
+    /**
+     * - **EN:** Custom styles for the pulse bars
+     * - **CN:** 心跳条的自定义样式
+     */
     barStyle?: CSSProperties;
+    /**
+     * - **EN:** Custom prefix for the component's CSS class.
+     * - **CN:** 组件的自定义 CSS 类前缀。
+     */
     prefixCls?: string;
     /**
      * - **EN:** Number of bars, default is `24`
-     * - **CN:** 心跳柱子数量，默认`24`
+     * - **CN:** 心跳条数量，默认`24`
      */
     bars?: number;
     /**
@@ -48,5 +64,5 @@ export interface PulseAnimationProps {
  *
  * > 使用 `token.AnimationPulse` 来全局配置 `barMinSize` 和 `barMaxSize` 属性
  */
-export declare const PulseAnimation: FC<PulseAnimationProps>;
+declare const PulseAnimation: FC<PulseAnimationProps>;
 export default PulseAnimation;

package/es/components/Animation/Pulse/index.js

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * > 使用 `token.AnimationPulse` 来全局配置 `barMinSize` 和 `barMaxSize` 属性
  */
-export var PulseAnimation = function PulseAnimation(props) {
+var PulseAnimation = function PulseAnimation(props) {
   var _props$bars = props.bars,
     bars = _props$bars === void 0 ? 8 : _props$bars,
     barGap = props.barGap,

package/es/components/Animation/Pulse/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","useMemo","ConfigProvider","classNames","useStyle","jsx","_jsx","PulseAnimation","props","_props$bars","bars","barGap","barColor","duration","_props$delayRate","delayRate","prefixClsInProps","prefixCls","className","style","barStyle","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","array","Array","from","length","_objectSpread","gridTemplateColumns","concat","gap","children","map","_","i","animationDuration","undefined","animationDelay","backgroundColor"],"sources":["../../../../src/components/Animation/Pulse/index.tsx"],"sourcesContent":["import type { CSSProperties, FC } from 'react';\nimport { useContext, useMemo } from 'react';\nimport { ConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport useStyle from './style';\n\nexport interface PulseAnimationProps {\n  className?: string;\n  style?: CSSProperties;\n  barStyle?: CSSProperties;\n  prefixCls?: string;\n  /**\n   * - **EN:** Number of bars, default is `24`\n   * - **CN:** 心跳柱子数量，默认`24`\n   */\n\n  bars?: number;\n  /**\n   * - **EN:** Gap between bars, default is `4px`\n   * - **CN:** 心跳柱子间隙，默认`4px`\n   */\n  barGap?: CSSProperties['gap'];\n  /**\n   * - **EN:** Background color of the bars, default is theme's `colorFillSecondary`\n   * - **CN:** 心跳柱子背景色，默认主题的 `colorFillSecondary`\n   */\n  barColor?: CSSProperties['backgroundColor'];\n  /**\n   * - **EN:** Minimum height of the bar, default is `10%`\n   * - **CN:** 心跳柱子最小高度，默认`10%`\n   */\n  // barMinSize?: CSSProperties['height'];\n  /**\n   * - **EN:** Maximum height of the bar, default is `90%`\n   * - **CN:** 心跳柱子最大高度，默认`90%`\n   */\n  // barMaxSize?: CSSProperties['height'];\n  /**\n   * - **EN:** Animation duration in seconds, default is `1.6` seconds\n   * - **CN:** 动画持续时间，单位秒，默认`1.6`秒\n   */\n  duration?: number;\n  /**\n   * - **EN:** Animation delay rate, the delay between bars is calculated based on `{bars *\n   *   delayRate}`, default is `0.09`\n   * - **CN:** 动画延迟的百分比，根据 `{bars * delayRate}` 计算柱子之间的延迟，默认 `0.09`\n   */\n  delayRate?: number;\n}\n\n/**\n * - **EN:** Pulse animation component, used to indicate loading or processing state\n *\n * > Use `token.AnimationPulse` to globally configure `barMinSize` and `barMaxSize` properties\n *\n * - **CN:** 脉动动画组件，用于表示加载或处理状态\n *\n * > 使用 `token.AnimationPulse` 来全局配置 `barMinSize` 和 `barMaxSize` 属性\n */\nexport const PulseAnimation: FC<PulseAnimationProps> = (props) => {\n  const {\n    bars = 8,\n    barGap,\n    barColor,\n    duration,\n    delayRate = 0.09,\n    prefixCls: prefixClsInProps,\n    className,\n    style,\n    barStyle,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('animation-pulse', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const array = useMemo(() => Array.from({ length: bars }), [bars]);\n\n  return wrapCSSVar(\n    <div\n      className={classNames(prefixCls, hashId, cssVarCls, className)}\n      style={{\n        gridTemplateColumns: `repeat(${array.length}, 1fr)`,\n        gap: barGap,\n        ...style,\n      }}\n    >\n      {array.map((_, i) => (\n        <div\n          // eslint-disable-next-line react/no-array-index-key\n          key={i}\n          className={`${prefixCls}-bar`}\n          style={{\n            animationDuration: duration != null ? `${duration}s` : undefined,\n            animationDelay: `${(i % array.length) * delayRate}s`,\n            backgroundColor: barColor != null ? barColor : undefined,\n            ...barStyle,\n          }}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default PulseAnimation;\n"],"mappings":";;;;;;;;;;;;AACA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SAASC,cAAc,QAAQ,MAAM;AACrC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ;AAAgB,SAAAC,GAAA,IAAAC,IAAA;AA8C/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,cAAuC,GAAG,SAA1CA,cAAuCA,CAAIC,KAAK,EAAK;EAChE,IAAAC,WAAA,GAUID,KAAK,CATPE,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,CAAC,GAAAA,WAAA;IACRE,MAAM,GAQJH,KAAK,CARPG,MAAM;IACNC,QAAQ,GAONJ,KAAK,CAPPI,QAAQ;IACRC,QAAQ,GAMNL,KAAK,CANPK,QAAQ;IAAAC,gBAAA,GAMNN,KAAK,CALPO,SAAS;IAATA,SAAS,GAAAD,gBAAA,cAAG,IAAI,GAAAA,gBAAA;IACLE,gBAAgB,GAIzBR,KAAK,CAJPS,SAAS;IACTC,SAAS,GAGPV,KAAK,CAHPU,SAAS;IACTC,KAAK,GAEHX,KAAK,CAFPW,KAAK;IACLC,QAAQ,GACNZ,KAAK,CADPY,QAAQ;EAEV,IAAAC,WAAA,GAAyBrB,UAAU,CAACE,cAAc,CAACoB,aAAa,CAAC;IAAzDC,YAAY,GAAAF,WAAA,CAAZE,YAAY;EACpB,IAAMN,SAAS,GAAGM,YAAY,CAAC,iBAAiB,EAAEP,gBAAgB,CAAC;EACnE,IAAAQ,SAAA,GAAwCpB,QAAQ,CAACa,SAAS,CAAC;IAAAQ,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAApDG,UAAU,GAAAF,UAAA;IAAEG,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EACpC,IAAMK,KAAK,GAAG7B,OAAO,CAAC;IAAA,OAAM8B,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEvB;IAAK,CAAC,CAAC;EAAA,GAAE,CAACA,IAAI,CAAC,CAAC;EAEjE,OAAOiB,UAAU,eACfrB,IAAA;IACEY,SAAS,EAAEf,UAAU,CAACc,SAAS,EAAEW,MAAM,EAAEC,SAAS,EAAEX,SAAS,CAAE;IAC/DC,KAAK,EAAAe,aAAA;MACHC,mBAAmB,YAAAC,MAAA,CAAYN,KAAK,CAACG,MAAM,WAAQ;MACnDI,GAAG,EAAE1B;IAAM,GACRQ,KAAK,CACR;IAAAmB,QAAA,EAEDR,KAAK,CAACS,GAAG,CAAC,UAACC,CAAC,EAAEC,CAAC;MAAA,oBACdnC,IAAA;QAGEY,SAAS,KAAAkB,MAAA,CAAKnB,SAAS,SAAO;QAC9BE,KAAK,EAAAe,aAAA;UACHQ,iBAAiB,EAAE7B,QAAQ,IAAI,IAAI,MAAAuB,MAAA,CAAMvB,QAAQ,SAAM8B,SAAS;UAChEC,cAAc,KAAAR,MAAA,CAAMK,CAAC,GAAGX,KAAK,CAACG,MAAM,GAAIlB,SAAS,MAAG;UACpD8B,eAAe,EAAEjC,QAAQ,IAAI,IAAI,GAAGA,QAAQ,GAAG+B;QAAS,GACrDvB,QAAQ;MACX,GAPGqB,CAQN,CAAC;IAAA,CACH;EAAC,CACC,CACP,CAAC;AACH,CAAC;AAED,eAAelC,cAAc"}
+{"version":3,"names":["useContext","useMemo","ConfigProvider","classNames","useStyle","jsx","_jsx","PulseAnimation","props","_props$bars","bars","barGap","barColor","duration","_props$delayRate","delayRate","prefixClsInProps","prefixCls","className","style","barStyle","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","array","Array","from","length","_objectSpread","gridTemplateColumns","concat","gap","children","map","_","i","animationDuration","undefined","animationDelay","backgroundColor"],"sources":["../../../../src/components/Animation/Pulse/index.tsx"],"sourcesContent":["import type { CSSProperties, FC } from 'react';\nimport { useContext, useMemo } from 'react';\nimport { ConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport useStyle from './style';\n\nexport interface PulseAnimationProps {\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 styles for the pulse bars\n   * - **CN:** 心跳条的自定义样式\n   */\n  barStyle?: CSSProperties;\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Number of bars, default is `24`\n   * - **CN:** 心跳条数量，默认`24`\n   */\n\n  bars?: number;\n  /**\n   * - **EN:** Gap between bars, default is `4px`\n   * - **CN:** 心跳柱子间隙，默认`4px`\n   */\n  barGap?: CSSProperties['gap'];\n  /**\n   * - **EN:** Background color of the bars, default is theme's `colorFillSecondary`\n   * - **CN:** 心跳柱子背景色，默认主题的 `colorFillSecondary`\n   */\n  barColor?: CSSProperties['backgroundColor'];\n  /**\n   * - **EN:** Minimum height of the bar, default is `10%`\n   * - **CN:** 心跳柱子最小高度，默认`10%`\n   */\n  // barMinSize?: CSSProperties['height'];\n  /**\n   * - **EN:** Maximum height of the bar, default is `90%`\n   * - **CN:** 心跳柱子最大高度，默认`90%`\n   */\n  // barMaxSize?: CSSProperties['height'];\n  /**\n   * - **EN:** Animation duration in seconds, default is `1.6` seconds\n   * - **CN:** 动画持续时间，单位秒，默认`1.6`秒\n   */\n  duration?: number;\n  /**\n   * - **EN:** Animation delay rate, the delay between bars is calculated based on `{bars *\n   *   delayRate}`, default is `0.09`\n   * - **CN:** 动画延迟的百分比，根据 `{bars * delayRate}` 计算柱子之间的延迟，默认 `0.09`\n   */\n  delayRate?: number;\n}\n\n/**\n * - **EN:** Pulse animation component, used to indicate loading or processing state\n *\n * > Use `token.AnimationPulse` to globally configure `barMinSize` and `barMaxSize` properties\n *\n * - **CN:** 脉动动画组件，用于表示加载或处理状态\n *\n * > 使用 `token.AnimationPulse` 来全局配置 `barMinSize` 和 `barMaxSize` 属性\n */\nconst PulseAnimation: FC<PulseAnimationProps> = (props) => {\n  const {\n    bars = 8,\n    barGap,\n    barColor,\n    duration,\n    delayRate = 0.09,\n    prefixCls: prefixClsInProps,\n    className,\n    style,\n    barStyle,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('animation-pulse', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const array = useMemo(() => Array.from({ length: bars }), [bars]);\n\n  return wrapCSSVar(\n    <div\n      className={classNames(prefixCls, hashId, cssVarCls, className)}\n      style={{\n        gridTemplateColumns: `repeat(${array.length}, 1fr)`,\n        gap: barGap,\n        ...style,\n      }}\n    >\n      {array.map((_, i) => (\n        <div\n          // eslint-disable-next-line react/no-array-index-key\n          key={i}\n          className={`${prefixCls}-bar`}\n          style={{\n            animationDuration: duration != null ? `${duration}s` : undefined,\n            animationDelay: `${(i % array.length) * delayRate}s`,\n            backgroundColor: barColor != null ? barColor : undefined,\n            ...barStyle,\n          }}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default PulseAnimation;\n"],"mappings":";;;;;;;;;;;;AACA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SAASC,cAAc,QAAQ,MAAM;AACrC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ;AAAgB,SAAAC,GAAA,IAAAC,IAAA;AA8D/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,cAAuC,GAAG,SAA1CA,cAAuCA,CAAIC,KAAK,EAAK;EACzD,IAAAC,WAAA,GAUID,KAAK,CATPE,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,CAAC,GAAAA,WAAA;IACRE,MAAM,GAQJH,KAAK,CARPG,MAAM;IACNC,QAAQ,GAONJ,KAAK,CAPPI,QAAQ;IACRC,QAAQ,GAMNL,KAAK,CANPK,QAAQ;IAAAC,gBAAA,GAMNN,KAAK,CALPO,SAAS;IAATA,SAAS,GAAAD,gBAAA,cAAG,IAAI,GAAAA,gBAAA;IACLE,gBAAgB,GAIzBR,KAAK,CAJPS,SAAS;IACTC,SAAS,GAGPV,KAAK,CAHPU,SAAS;IACTC,KAAK,GAEHX,KAAK,CAFPW,KAAK;IACLC,QAAQ,GACNZ,KAAK,CADPY,QAAQ;EAEV,IAAAC,WAAA,GAAyBrB,UAAU,CAACE,cAAc,CAACoB,aAAa,CAAC;IAAzDC,YAAY,GAAAF,WAAA,CAAZE,YAAY;EACpB,IAAMN,SAAS,GAAGM,YAAY,CAAC,iBAAiB,EAAEP,gBAAgB,CAAC;EACnE,IAAAQ,SAAA,GAAwCpB,QAAQ,CAACa,SAAS,CAAC;IAAAQ,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAApDG,UAAU,GAAAF,UAAA;IAAEG,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EACpC,IAAMK,KAAK,GAAG7B,OAAO,CAAC;IAAA,OAAM8B,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEvB;IAAK,CAAC,CAAC;EAAA,GAAE,CAACA,IAAI,CAAC,CAAC;EAEjE,OAAOiB,UAAU,eACfrB,IAAA;IACEY,SAAS,EAAEf,UAAU,CAACc,SAAS,EAAEW,MAAM,EAAEC,SAAS,EAAEX,SAAS,CAAE;IAC/DC,KAAK,EAAAe,aAAA;MACHC,mBAAmB,YAAAC,MAAA,CAAYN,KAAK,CAACG,MAAM,WAAQ;MACnDI,GAAG,EAAE1B;IAAM,GACRQ,KAAK,CACR;IAAAmB,QAAA,EAEDR,KAAK,CAACS,GAAG,CAAC,UAACC,CAAC,EAAEC,CAAC;MAAA,oBACdnC,IAAA;QAGEY,SAAS,KAAAkB,MAAA,CAAKnB,SAAS,SAAO;QAC9BE,KAAK,EAAAe,aAAA;UACHQ,iBAAiB,EAAE7B,QAAQ,IAAI,IAAI,MAAAuB,MAAA,CAAMvB,QAAQ,SAAM8B,SAAS;UAChEC,cAAc,KAAAR,MAAA,CAAMK,CAAC,GAAGX,KAAK,CAACG,MAAM,GAAIlB,SAAS,MAAG;UACpD8B,eAAe,EAAEjC,QAAQ,IAAI,IAAI,GAAGA,QAAQ,GAAG+B;QAAS,GACrDvB,QAAQ;MACX,GAPGqB,CAQN,CAAC;IAAA,CACH;EAAC,CACC,CACP,CAAC;AACH,CAAC;AAED,eAAelC,cAAc"}

package/es/components/BreakLines/index.d.ts

@@ -6,26 +6,26 @@ export interface BreakLinesProps {
      */
     value: string | undefined;
     /**
-     * - **EN:** Whether to enable line breaking
-     * - **CN:** 是否启用换行功能
+     * - **EN:** Whether the line break conversion is enabled
+     * - **CN:** 是否启用换行转换
      *
      * @default true
      */
     enabled?: boolean;
     /**
-     * - **EN:** Line break character
-     * - **CN:** 换行符
+     * - **EN:** The end-of-line character to use for splitting lines
+     * - **CN:** 用于分割行的行结束字符
      *
      * @default '\n'
      */
     EOL?: string;
     /**
-     * - **CN:** 渲染dom节点的标签名
-     * - **EN:** Render the tag name of the DOM node
+     * - **EN:** The HTML tag to use for rendering the content
+     * - **CN:** 用于渲染内容的 HTML 标签
      *
      * @default false
      */
-    tagName?: 'span' | 'div' | 'i' | 'pre' | (string & {}) | false;
+    tagName?: false | 'span' | 'div' | 'i' | 'pre' | (string & {});
     /**
      * - **EN:** The CSS class name of the dom node, if `tagName` is set to false, this property is
      *   invalid

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

@@ -1 +1 @@
-{"version":3,"names":["createElement","Fragment","jsx","_jsx","jsxs","_jsxs","_Fragment","BreakLines","props","value","className","_props$tagName","tagName","_props$enabled","enabled","_props$EOL","EOL","content","includes","segments","split","map","str","i","children","length","concat"],"sources":["../../../src/components/BreakLines/index.tsx"],"sourcesContent":["import { createElement, type FC, Fragment, type ReactNode } from 'react';\n\nexport interface BreakLinesProps {\n  /**\n   * - **EN:** Text content\n   * - **CN:** 文本内容\n   */\n  value: string | undefined;\n  /**\n   * - **EN:** Whether to enable line breaking\n   * - **CN:** 是否启用换行功能\n   *\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * - **EN:** Line break character\n   * - **CN:** 换行符\n   *\n   * @default '\\n'\n   */\n  EOL?: string;\n  /**\n   * - **CN:** 渲染dom节点的标签名\n   * - **EN:** Render the tag name of the DOM node\n   *\n   * @default false\n   */\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  tagName?: 'span' | 'div' | 'i' | 'pre' | (string & {}) | false;\n  /**\n   * - **EN:** The CSS class name of the dom node, if `tagName` is set to false, this property is\n   *   invalid\n   * - **CN:** dom节点的css类名，如果`tagName`设置为false，则此属性无效\n   */\n  className?: string;\n}\n\n/**\n * - **EN:** Output a piece of text, keeping line breaks\n * - **CN:** 输出一段文本，保留换行符\n *\n * @example\n *   <BreakLines value=\"hello \\n world\" />;\n *   // hello <br/> world\n */\nconst BreakLines: FC<BreakLinesProps> = (props) => {\n  const { value, className, tagName = false, enabled = true, EOL = '\\n' } = props;\n\n  let content: ReactNode;\n  if (value) {\n    if (enabled) {\n      if (value.includes(EOL)) {\n        const segments = value?.split(EOL);\n        content = segments.map((str, i) => (\n          // eslint-disable-next-line react/no-array-index-key\n          <Fragment key={`${str}:${i}`}>\n            {str}\n            {i !== segments.length - 1 && <br />}\n          </Fragment>\n        ));\n      } else {\n        content = value;\n      }\n    } else {\n      content = value;\n    }\n  } else {\n    content = value;\n  }\n\n  if (tagName) {\n    return createElement(tagName, { className }, content);\n  } else {\n    return <>{content}</>;\n  }\n};\n\nexport default BreakLines;\n"],"mappings":"AAAA,SAASA,aAAa,EAAWC,QAAQ,QAAwB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAJ,QAAA,IAAAK,SAAA;AAsCzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,UAA+B,GAAG,SAAlCA,UAA+BA,CAAIC,KAAK,EAAK;EACjD,IAAQC,KAAK,GAA6DD,KAAK,CAAvEC,KAAK;IAAEC,SAAS,GAAkDF,KAAK,CAAhEE,SAAS;IAAAC,cAAA,GAAkDH,KAAK,CAArDI,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,cAAA,GAAiCL,KAAK,CAApCM,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IAAAE,UAAA,GAAiBP,KAAK,CAApBQ,GAAG;IAAHA,GAAG,GAAAD,UAAA,cAAG,IAAI,GAAAA,UAAA;EAErE,IAAIE,OAAkB;EACtB,IAAIR,KAAK,EAAE;IACT,IAAIK,OAAO,EAAE;MACX,IAAIL,KAAK,CAACS,QAAQ,CAACF,GAAG,CAAC,EAAE;QACvB,IAAMG,QAAQ,GAAGV,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEW,KAAK,CAACJ,GAAG,CAAC;QAClCC,OAAO,GAAGE,QAAQ,CAACE,GAAG,CAAC,UAACC,GAAG,EAAEC,CAAC;UAAA;YAAA;YAC5B;YACAlB,KAAA,CAACJ,QAAQ;cAAAuB,QAAA,GACNF,GAAG,EACHC,CAAC,KAAKJ,QAAQ,CAACM,MAAM,GAAG,CAAC,iBAAItB,IAAA,SAAK,CAAC;YAAA,MAAAuB,MAAA,CAFpBJ,GAAG,OAAAI,MAAA,CAAIH,CAAC,CAGhB;UAAC;QAAA,CACZ,CAAC;MACJ,CAAC,MAAM;QACLN,OAAO,GAAGR,KAAK;MACjB;IACF,CAAC,MAAM;MACLQ,OAAO,GAAGR,KAAK;IACjB;EACF,CAAC,MAAM;IACLQ,OAAO,GAAGR,KAAK;EACjB;EAEA,IAAIG,OAAO,EAAE;IACX,oBAAOZ,aAAa,CAACY,OAAO,EAAE;MAAEF,SAAS,EAATA;IAAU,CAAC,EAAEO,OAAO,CAAC;EACvD,CAAC,MAAM;IACL,oBAAOd,IAAA,CAAAG,SAAA;MAAAkB,QAAA,EAAGP;IAAO,CAAG,CAAC;EACvB;AACF,CAAC;AAED,eAAeV,UAAU"}
+{"version":3,"names":["createElement","Fragment","jsx","_jsx","jsxs","_jsxs","_Fragment","BreakLines","props","value","className","_props$tagName","tagName","_props$enabled","enabled","_props$EOL","EOL","content","includes","segments","split","map","str","i","children","length","concat"],"sources":["../../../src/components/BreakLines/index.tsx"],"sourcesContent":["import { createElement, type FC, Fragment, type ReactNode } from 'react';\n\nexport interface BreakLinesProps {\n  /**\n   * - **EN:** Text content\n   * - **CN:** 文本内容\n   */\n  value: string | undefined;\n  /**\n   * - **EN:** Whether the line break conversion is enabled\n   * - **CN:** 是否启用换行转换\n   *\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * - **EN:** The end-of-line character to use for splitting lines\n   * - **CN:** 用于分割行的行结束字符\n   *\n   * @default '\\n'\n   */\n  EOL?: string;\n  /**\n   * - **EN:** The HTML tag to use for rendering the content\n   * - **CN:** 用于渲染内容的 HTML 标签\n   *\n   * @default false\n   */\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  tagName?: false | 'span' | 'div' | 'i' | 'pre' | (string & {});\n  /**\n   * - **EN:** The CSS class name of the dom node, if `tagName` is set to false, this property is\n   *   invalid\n   * - **CN:** dom节点的css类名，如果`tagName`设置为false，则此属性无效\n   */\n  className?: string;\n}\n\n/**\n * - **EN:** Output a piece of text, keeping line breaks\n * - **CN:** 输出一段文本，保留换行符\n *\n * @example\n *   <BreakLines value=\"hello \\n world\" />;\n *   // hello <br/> world\n */\nconst BreakLines: FC<BreakLinesProps> = (props) => {\n  const { value, className, tagName = false, enabled = true, EOL = '\\n' } = props;\n\n  let content: ReactNode;\n  if (value) {\n    if (enabled) {\n      if (value.includes(EOL)) {\n        const segments = value?.split(EOL);\n        content = segments.map((str, i) => (\n          // eslint-disable-next-line react/no-array-index-key\n          <Fragment key={`${str}:${i}`}>\n            {str}\n            {i !== segments.length - 1 && <br />}\n          </Fragment>\n        ));\n      } else {\n        content = value;\n      }\n    } else {\n      content = value;\n    }\n  } else {\n    content = value;\n  }\n\n  if (tagName) {\n    return createElement(tagName, { className }, content);\n  } else {\n    return <>{content}</>;\n  }\n};\n\nexport default BreakLines;\n"],"mappings":"AAAA,SAASA,aAAa,EAAWC,QAAQ,QAAwB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAJ,QAAA,IAAAK,SAAA;AAsCzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,UAA+B,GAAG,SAAlCA,UAA+BA,CAAIC,KAAK,EAAK;EACjD,IAAQC,KAAK,GAA6DD,KAAK,CAAvEC,KAAK;IAAEC,SAAS,GAAkDF,KAAK,CAAhEE,SAAS;IAAAC,cAAA,GAAkDH,KAAK,CAArDI,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,cAAA,GAAiCL,KAAK,CAApCM,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IAAAE,UAAA,GAAiBP,KAAK,CAApBQ,GAAG;IAAHA,GAAG,GAAAD,UAAA,cAAG,IAAI,GAAAA,UAAA;EAErE,IAAIE,OAAkB;EACtB,IAAIR,KAAK,EAAE;IACT,IAAIK,OAAO,EAAE;MACX,IAAIL,KAAK,CAACS,QAAQ,CAACF,GAAG,CAAC,EAAE;QACvB,IAAMG,QAAQ,GAAGV,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEW,KAAK,CAACJ,GAAG,CAAC;QAClCC,OAAO,GAAGE,QAAQ,CAACE,GAAG,CAAC,UAACC,GAAG,EAAEC,CAAC;UAAA;YAAA;YAC5B;YACAlB,KAAA,CAACJ,QAAQ;cAAAuB,QAAA,GACNF,GAAG,EACHC,CAAC,KAAKJ,QAAQ,CAACM,MAAM,GAAG,CAAC,iBAAItB,IAAA,SAAK,CAAC;YAAA,MAAAuB,MAAA,CAFpBJ,GAAG,OAAAI,MAAA,CAAIH,CAAC,CAGhB;UAAC;QAAA,CACZ,CAAC;MACJ,CAAC,MAAM;QACLN,OAAO,GAAGR,KAAK;MACjB;IACF,CAAC,MAAM;MACLQ,OAAO,GAAGR,KAAK;IACjB;EACF,CAAC,MAAM;IACLQ,OAAO,GAAGR,KAAK;EACjB;EAEA,IAAIG,OAAO,EAAE;IACX,oBAAOZ,aAAa,CAACY,OAAO,EAAE;MAAEF,SAAS,EAATA;IAAU,CAAC,EAAEO,OAAO,CAAC;EACvD,CAAC,MAAM;IACL,oBAAOd,IAAA,CAAAG,SAAA;MAAAkB,QAAA,EAAGP;IAAO,CAAG,CAAC;EACvB;AACF,CAAC;AAED,eAAeV,UAAU"}

package/es/components/ColumnSetting/index.d.ts

@@ -13,8 +13,9 @@ export interface ColumnSettingProps<T extends ColumnSettingItem = ColumnSettingI
      */
     onChange?: (nextColumns: T[]) => void;
     /**
-     * - **EN:** Local storage key for persisting column settings.
-     * - **CN:** 用于持久化列设置的本地存储键。
+     * - **EN:** Set a local storage key for persisting column settings. If not set, local storage is
+     *   not enabled.
+     * - **CN:** 设置一个本地存储的键值，用于持久化保存列设置。如果未设置，则不启用本地存储。
      */
     storageKey?: string;
     /**
@@ -47,6 +48,10 @@ export interface ColumnSettingProps<T extends ColumnSettingItem = ColumnSettingI
      * - **CN:** “重置”按钮的属性。
      */
     resetProps?: ButtonProps;
+    /**
+     * - **EN:** Custom prefix for the component's CSS class.
+     * - **CN:** 组件的自定义 CSS 类前缀。
+     */
     prefixCls?: string;
 }
 /**

package/es/components/ColumnSetting/index.js

@@ -14,12 +14,12 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { useContext, useEffect, useMemo, useState } from 'react';
 import { Button, Checkbox, ConfigProvider, Divider, Dropdown, Space, Typography } from 'antd';
 import classNames from 'classnames';
-import { useLocalStorage } from 'react-use';
 import { ReloadOutlined, SettingOutlined } from '@ant-design/icons';
 import { useRefFunction, useRefValue } from "../../hooks";
+import useLocalStorage from "../../hooks/useLocalStorage";
 import useT from "../../hooks/useT";
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -47,25 +47,28 @@ function ColumnSetting(props) {
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
-  var initialSelectedRef = useRef(normalizeToSelectedKeys(columns));
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var _useState3 = useState(initialSelectedRef.current),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedKeys = _useState4[0],
-    setSelectedKeys = _useState4[1];
   var t = useT();
-  var _useLocalStorage = useLocalStorage(storageKey !== null && storageKey !== void 0 ? storageKey : '', initialSelectedRef.current),
+  var _useLocalStorage = useLocalStorage(storageKey, []),
     _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
     selectedKeysFromStorage = _useLocalStorage2[0],
     setSelectedKeysFromStorage = _useLocalStorage2[1];
+  var _useState3 = useState(selectedKeysFromStorage !== null && selectedKeysFromStorage !== void 0 ? selectedKeysFromStorage : []),
+    _useState4 = _slicedToArray(_useState3, 2),
+    initialKeys = _useState4[0],
+    setInitialKeys = _useState4[1];
+  var _useState5 = useState(initialKeys),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedKeys = _useState6[0],
+    setSelectedKeys = _useState6[1];
   var storageRef = useRefValue(storageKey);
   var selectedKeysFromStorageRef = useRefValue(selectedKeysFromStorage);
   var hasChange = useMemo(function () {
-    return _toConsumableArray(selectedKeys).sort().join(',') !== initialSelectedRef.current.join(',');
-  }, [selectedKeys]);
+    return _toConsumableArray(selectedKeys).sort().join(',') !== initialKeys.join(',');
+  }, [selectedKeys, initialKeys]);
 
   // Compute keys and selectable keys
   var keys = useMemo(function () {
@@ -133,23 +136,30 @@ function ColumnSetting(props) {
 
   // Reset to initial selected columns
   var handleReset = function handleReset() {
-    var next = initialSelectedRef.current.length > 0 ? initialSelectedRef.current : [keys[0]];
+    var next = initialKeys.length > 0 ? initialKeys : [keys[0]];
     change(next, true);
   };
+  var handleOpenChange = function handleOpenChange(nextOpen) {
+    setOpen(nextOpen);
+    if (nextOpen) {
+      setInitialKeys(normalizeToSelectedKeys(columns));
+    } else {
+      setInitialKeys([]);
+    }
+  };
 
   // Sync when columns change
   useEffect(function () {
     var next = normalizeToSelectedKeys(columns);
-    initialSelectedRef.current = next;
     change(next, false);
   }, [columns]);
 
   // Fire change on mount if storage exists and differs from initial values
   useEffect(function () {
-    if (storageRef.current && selectedKeysFromStorageRef.current && selectedKeysFromStorageRef.current.join(',') !== initialSelectedRef.current.join(',')) {
+    if (storageRef.current && selectedKeysFromStorageRef.current && selectedKeysFromStorageRef.current.join(',') !== initialKeys.join(',')) {
       change(selectedKeysFromStorageRef.current, true);
     }
-  }, []);
+  }, [initialKeys]);
   var dropdownRender = function dropdownRender() {
     return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, popupProps), {}, {
       className: classNames("".concat(prefixCls, "-popup"), popupProps === null || popupProps === void 0 ? void 0 : popupProps.className),
@@ -220,9 +230,10 @@ function ColumnSetting(props) {
   };
   return wrapCSSVar( /*#__PURE__*/_jsx(Dropdown, _objectSpread(_objectSpread({
     open: open,
-    onOpenChange: setOpen,
+    onOpenChange: handleOpenChange,
     trigger: ['click'],
-    dropdownRender: dropdownRender,
+    dropdownRender: dropdownRender // To be compatible with lower versions of antd
+    ,
     popupRender: dropdownRender,
     placement: "bottomRight"
   }, dropdownProps), {}, {

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

@@ -1 +1 @@
-{"version":3,"names":["useContext","useEffect","useMemo","useRef","useState","Button","Checkbox","ConfigProvider","Divider","Dropdown","Space","Typography","classNames","useLocalStorage","ReloadOutlined","SettingOutlined","useRefFunction","useRefValue","useT","useStyle","jsx","_jsx","jsxs","_jsxs","ColumnSetting","props","columns","storageKey","triggerProps","dropdownProps","popupProps","prefixClsInProps","prefixCls","checkAllProps","resetProps","onChange","renderColumnTitle","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","initialSelectedRef","normalizeToSelectedKeys","_useState","_useState2","open","setOpen","_useState3","current","_useState4","selectedKeys","setSelectedKeys","t","_useLocalStorage","_useLocalStorage2","selectedKeysFromStorage","setSelectedKeysFromStorage","storageRef","selectedKeysFromStorageRef","hasChange","_toConsumableArray","sort","join","keys","map","c","i","String","getColKey","allSelectableKeys","k","disabled","filter","x","isAllChecked","length","every","includes","isIndeterminate","change","nextSelected","fireEvent","next","col","visible","_objectSpread","hidden","toggleOne","key","checked","Set","add","delete","nextArr","Array","from","handleCheckAll","concat","slice","ensured","handleReset","dropdownRender","className","onClick","e","_popupProps$onClick","stopPropagation","call","children","Text","direction","size","idx","_ref","_col$title","_renderColumnTitle","label","title","dataIndex","disableUncheck","target","type","_checkAllProps$onClic","indeterminate","icon","_resetProps$onClick","onOpenChange","trigger","popupRender","placement","rootClassName","_ref2","_col$key","cols"],"sources":["../../../src/components/ColumnSetting/index.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Button, Checkbox, ConfigProvider, Divider, Dropdown, Space, Typography } from 'antd';\nimport type { ButtonProps, DropdownProps } from 'antd';\nimport type { ColumnType } from 'antd/es/table';\nimport classNames from 'classnames';\nimport { useLocalStorage } from 'react-use';\nimport { ReloadOutlined, SettingOutlined } from '@ant-design/icons';\nimport { useRefFunction, useRefValue } from '../../hooks';\nimport useT from '../../hooks/useT';\nimport useStyle from './style';\n\nexport interface ColumnSettingProps<T extends ColumnSettingItem = ColumnSettingItem> {\n  /**\n   * - **EN:** The columns to be displayed in the column setting.\n   * - **CN:** 列设置中要显示的列。\n   */\n  columns: T[];\n  /**\n   * - **EN:** Callback function triggered when the selected columns change.\n   * - **CN:** 选中列变化时触发的回调函数。\n   */\n  onChange?: (nextColumns: T[]) => void;\n  /**\n   * - **EN:** Local storage key for persisting column settings.\n   * - **CN:** 用于持久化列设置的本地存储键。\n   */\n  storageKey?: string;\n  /**\n   * - **EN:** Function to render custom column titles.\n   * - **CN:** 自定义列标题的渲染函数。\n   */\n  renderColumnTitle?: (col: ColumnSettingItem, index: number) => React.ReactNode;\n  /**\n   * - **EN:** Props for the button that triggers the dropdown.\n   * - **CN:** 触发下拉菜单的按钮属性。\n   */\n  triggerProps?: ButtonProps;\n  /**\n   * - **EN:** Props for the dropdown component.\n   * - **CN:** 下拉菜单组件的属性。\n   */\n  dropdownProps?: DropdownProps;\n  /**\n   * - **EN:** Props for the dropdown popup container.\n   * - **CN:** 下拉菜单弹出层容器的属性。\n   */\n  popupProps?: React.HTMLAttributes<HTMLDivElement>;\n  /**\n   * - **EN:** Props for the \"Check All\" button.\n   * - **CN:** “全选”按钮的属性。\n   */\n  checkAllProps?: ButtonProps;\n  /**\n   * - **EN:** Props for the \"Reset\" button.\n   * - **CN:** “重置”按钮的属性。\n   */\n  resetProps?: ButtonProps;\n  prefixCls?: string;\n}\n\n/**\n * - **EN:** A component for configuring table column visibility.\n * - **CN:** 用于配置表格列可见性的组件。\n */\nfunction ColumnSetting<T extends ColumnSettingItem = ColumnSettingItem>(props: ColumnSettingProps<T>) {\n  const {\n    columns,\n    storageKey,\n    triggerProps,\n    dropdownProps,\n    popupProps,\n    prefixCls: prefixClsInProps,\n    checkAllProps,\n    resetProps,\n    onChange,\n    renderColumnTitle,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('column-setting', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const initialSelectedRef = useRef<string[]>(normalizeToSelectedKeys(columns));\n  const [open, setOpen] = useState(false);\n  const [selectedKeys, setSelectedKeys] = useState<string[]>(initialSelectedRef.current);\n  const t = useT();\n  const [selectedKeysFromStorage, setSelectedKeysFromStorage] = useLocalStorage<string[]>(\n    storageKey ?? '',\n    initialSelectedRef.current\n  );\n  const storageRef = useRefValue(storageKey);\n  const selectedKeysFromStorageRef = useRefValue(selectedKeysFromStorage);\n  const hasChange = useMemo(() => {\n    return [...selectedKeys].sort().join(',') !== initialSelectedRef.current.join(',');\n  }, [selectedKeys]);\n\n  // Compute keys and selectable keys\n  const keys = useMemo(() => columns.map((c, i) => String(getColKey(c, i))), [columns]);\n  const allSelectableKeys = useMemo(\n    () =>\n      columns\n        .map((c, i) => ({ k: String(getColKey(c, i)), disabled: !!c.disabled }))\n        .filter((x) => !x.disabled)\n        .map((x) => x.k),\n    [columns]\n  );\n  const isAllChecked = allSelectableKeys.length > 0 && allSelectableKeys.every((k) => selectedKeys.includes(k));\n  const isIndeterminate = selectedKeys.length > 0 && !isAllChecked;\n\n  // Fire change event when selectedKeysFromStorage changes\n  const change = useRefFunction((nextSelected: string[], fireEvent?: boolean) => {\n    setSelectedKeys(nextSelected);\n    if (storageKey) {\n      setSelectedKeysFromStorage(nextSelected);\n    }\n    if (fireEvent) {\n      const next = columns.map((col, i) => {\n        const k = String(getColKey(col, i));\n        const visible = nextSelected.includes(k);\n        return { ...col, hidden: !visible } as T;\n      });\n      onChange?.(next as T[]);\n    }\n  });\n\n  // Toggle one column change\n  const toggleOne = (key: string, checked: boolean) => {\n    const next = new Set(selectedKeys);\n    if (checked) {\n      next.add(key);\n    } else {\n      // Keep at least one visible column\n      if (selectedKeys.length <= 1) return;\n      next.delete(key);\n    }\n    const nextArr = Array.from(next);\n    change(nextArr, true);\n  };\n\n  // Toggle all columns change\n  const handleCheckAll = (checked: boolean) => {\n    const nextArr = checked\n      ? Array.from(new Set([...selectedKeys, ...allSelectableKeys]))\n      : selectedKeys.filter((k) => !allSelectableKeys.includes(k)).slice(0, 1);\n    const ensured = checked ? nextArr : nextArr.length > 0 ? nextArr : [keys[0]];\n    change(ensured, true);\n  };\n\n  // Reset to initial selected columns\n  const handleReset = () => {\n    const next = initialSelectedRef.current.length > 0 ? initialSelectedRef.current : [keys[0]];\n    change(next, true);\n  };\n\n  // Sync when columns change\n  useEffect(() => {\n    const next = normalizeToSelectedKeys(columns);\n    initialSelectedRef.current = next;\n    change(next, false);\n  }, [columns]);\n\n  // Fire change on mount if storage exists and differs from initial values\n  useEffect(() => {\n    if (\n      storageRef.current &&\n      selectedKeysFromStorageRef.current &&\n      selectedKeysFromStorageRef.current.join(',') !== initialSelectedRef.current.join(',')\n    ) {\n      change(selectedKeysFromStorageRef.current, true);\n    }\n  }, []);\n\n  const dropdownRender = () => (\n    <div\n      {...popupProps}\n      className={classNames(`${prefixCls}-popup`, popupProps?.className)}\n      onClick={(e) => {\n        e.stopPropagation();\n        popupProps?.onClick?.(e);\n      }}\n    >\n      <Typography.Text className={`${prefixCls}-popup-title`}>{t('components.ColumnSetting.title')}</Typography.Text>\n      <Space direction=\"vertical\" className={`${prefixCls}-column-list`} size={12}>\n        {columns.map((col, idx) => {\n          const k = String(getColKey(col, idx));\n          const label = col.title ?? col.dataIndex ?? k;\n          const checked = selectedKeys.includes(k);\n          const disabled = !!col.disabled;\n          const disableUncheck = !disabled && checked && selectedKeys.length <= 1; // 禁止取消最后一个\n          return (\n            <Checkbox\n              key={k}\n              className={`${prefixCls}-column-item`}\n              disabled={disabled || disableUncheck}\n              checked={checked}\n              onChange={(e) => toggleOne(k, e.target.checked)}\n            >\n              <span className={`${prefixCls}-column-item-title`}>{renderColumnTitle?.(col, idx) ?? label}</span>\n            </Checkbox>\n          );\n        })}\n      </Space>\n      <Divider className={`${prefixCls}-divider`} />\n      <div className={`${prefixCls}-footer`}>\n        <Button\n          type=\"text\"\n          {...checkAllProps}\n          className={classNames(`${prefixCls}-select-all`, checkAllProps?.className)}\n          onClick={(e) => {\n            handleCheckAll(!isAllChecked);\n            checkAllProps?.onClick?.(e);\n          }}\n        >\n          <Checkbox checked={isAllChecked} indeterminate={isIndeterminate}></Checkbox>\n          {t('components.ColumnSetting.selectAll')}\n        </Button>\n        <Button\n          type=\"text\"\n          icon={<ReloadOutlined />}\n          disabled={!hasChange}\n          {...resetProps}\n          className={classNames(`${prefixCls}-reset`, resetProps?.className)}\n          onClick={(e) => {\n            handleReset();\n            resetProps?.onClick?.(e);\n          }}\n        >\n          {t('components.ColumnSetting.reset')}\n        </Button>\n      </div>\n    </div>\n  );\n\n  return wrapCSSVar(\n    <Dropdown\n      open={open}\n      onOpenChange={setOpen}\n      trigger={['click']}\n      dropdownRender={dropdownRender}\n      popupRender={dropdownRender}\n      placement=\"bottomRight\"\n      {...dropdownProps}\n      rootClassName={classNames(hashId, cssVarCls, prefixCls, `${prefixCls}-dropdown`, dropdownProps?.className)}\n    >\n      <Button\n        icon={<SettingOutlined />}\n        {...triggerProps}\n        className={classNames(hashId, cssVarCls, prefixCls, `${prefixCls}-trigger`, triggerProps?.className)}\n      />\n    </Dropdown>\n  );\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface ColumnSettingItem<T = any> extends ColumnType<T> {\n  /**\n   * - **EN:** Disable toggling visibility for this column.\n   * - **CN:** 禁止切换此列的可见性。\n   */\n  disabled?: boolean;\n}\n\nfunction getColKey(col: ColumnType, idx: number): React.Key {\n  return col.key ?? (col.dataIndex as string) ?? idx;\n}\n\nfunction normalizeToSelectedKeys(cols: ColumnType[]): string[] {\n  return cols\n    .map((c, i) => ({ key: String(getColKey(c, i)), hidden: !!c.hidden }))\n    .filter((c) => !c.hidden)\n    .map((c) => c.key)\n    .sort();\n}\n\nexport default ColumnSetting;\n"],"mappings":"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"}
+{"version":3,"names":["useContext","useEffect","useMemo","useState","Button","Checkbox","ConfigProvider","Divider","Dropdown","Space","Typography","classNames","ReloadOutlined","SettingOutlined","useRefFunction","useRefValue","useLocalStorage","useT","useStyle","jsx","_jsx","jsxs","_jsxs","ColumnSetting","props","columns","storageKey","triggerProps","dropdownProps","popupProps","prefixClsInProps","prefixCls","checkAllProps","resetProps","onChange","renderColumnTitle","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","_useState","_useState2","open","setOpen","t","_useLocalStorage","_useLocalStorage2","selectedKeysFromStorage","setSelectedKeysFromStorage","_useState3","_useState4","initialKeys","setInitialKeys","_useState5","_useState6","selectedKeys","setSelectedKeys","storageRef","selectedKeysFromStorageRef","hasChange","_toConsumableArray","sort","join","keys","map","c","i","String","getColKey","allSelectableKeys","k","disabled","filter","x","isAllChecked","length","every","includes","isIndeterminate","change","nextSelected","fireEvent","next","col","visible","_objectSpread","hidden","toggleOne","key","checked","Set","add","delete","nextArr","Array","from","handleCheckAll","concat","slice","ensured","handleReset","handleOpenChange","nextOpen","normalizeToSelectedKeys","current","dropdownRender","className","onClick","e","_popupProps$onClick","stopPropagation","call","children","Text","direction","size","idx","_ref","_col$title","_renderColumnTitle","label","title","dataIndex","disableUncheck","target","type","_checkAllProps$onClic","indeterminate","icon","_resetProps$onClick","onOpenChange","trigger","popupRender","placement","rootClassName","_ref2","_col$key","cols"],"sources":["../../../src/components/ColumnSetting/index.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo, useState } from 'react';\nimport { Button, Checkbox, ConfigProvider, Divider, Dropdown, Space, Typography } from 'antd';\nimport type { ButtonProps, DropdownProps } from 'antd';\nimport type { ColumnType } from 'antd/es/table';\nimport classNames from 'classnames';\nimport { ReloadOutlined, SettingOutlined } from '@ant-design/icons';\nimport { useRefFunction, useRefValue } from '../../hooks';\nimport useLocalStorage from '../../hooks/useLocalStorage';\nimport useT from '../../hooks/useT';\nimport useStyle from './style';\n\nexport interface ColumnSettingProps<T extends ColumnSettingItem = ColumnSettingItem> {\n  /**\n   * - **EN:** The columns to be displayed in the column setting.\n   * - **CN:** 列设置中要显示的列。\n   */\n  columns: T[];\n  /**\n   * - **EN:** Callback function triggered when the selected columns change.\n   * - **CN:** 选中列变化时触发的回调函数。\n   */\n  onChange?: (nextColumns: T[]) => void;\n  /**\n   * - **EN:** Set a local storage key for persisting column settings. If not set, local storage is\n   *   not enabled.\n   * - **CN:** 设置一个本地存储的键值，用于持久化保存列设置。如果未设置，则不启用本地存储。\n   */\n  storageKey?: string;\n  /**\n   * - **EN:** Function to render custom column titles.\n   * - **CN:** 自定义列标题的渲染函数。\n   */\n  renderColumnTitle?: (col: ColumnSettingItem, index: number) => React.ReactNode;\n  /**\n   * - **EN:** Props for the button that triggers the dropdown.\n   * - **CN:** 触发下拉菜单的按钮属性。\n   */\n  triggerProps?: ButtonProps;\n  /**\n   * - **EN:** Props for the dropdown component.\n   * - **CN:** 下拉菜单组件的属性。\n   */\n  dropdownProps?: DropdownProps;\n  /**\n   * - **EN:** Props for the dropdown popup container.\n   * - **CN:** 下拉菜单弹出层容器的属性。\n   */\n  popupProps?: React.HTMLAttributes<HTMLDivElement>;\n  /**\n   * - **EN:** Props for the \"Check All\" button.\n   * - **CN:** “全选”按钮的属性。\n   */\n  checkAllProps?: ButtonProps;\n  /**\n   * - **EN:** Props for the \"Reset\" button.\n   * - **CN:** “重置”按钮的属性。\n   */\n  resetProps?: ButtonProps;\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n}\n\n/**\n * - **EN:** A component for configuring table column visibility.\n * - **CN:** 用于配置表格列可见性的组件。\n */\nfunction ColumnSetting<T extends ColumnSettingItem = ColumnSettingItem>(props: ColumnSettingProps<T>) {\n  const {\n    columns,\n    storageKey,\n    triggerProps,\n    dropdownProps,\n    popupProps,\n    prefixCls: prefixClsInProps,\n    checkAllProps,\n    resetProps,\n    onChange,\n    renderColumnTitle,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('column-setting', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const [open, setOpen] = useState(false);\n  const t = useT();\n  const [selectedKeysFromStorage, setSelectedKeysFromStorage] = useLocalStorage<string[]>(storageKey, []);\n  const [initialKeys, setInitialKeys] = useState<string[]>(selectedKeysFromStorage ?? []);\n  const [selectedKeys, setSelectedKeys] = useState<string[]>(initialKeys);\n  const storageRef = useRefValue(storageKey);\n  const selectedKeysFromStorageRef = useRefValue(selectedKeysFromStorage);\n  const hasChange = useMemo(() => {\n    return [...selectedKeys].sort().join(',') !== initialKeys.join(',');\n  }, [selectedKeys, initialKeys]);\n\n  // Compute keys and selectable keys\n  const keys = useMemo(() => columns.map((c, i) => String(getColKey(c, i))), [columns]);\n  const allSelectableKeys = useMemo(\n    () =>\n      columns\n        .map((c, i) => ({ k: String(getColKey(c, i)), disabled: !!c.disabled }))\n        .filter((x) => !x.disabled)\n        .map((x) => x.k),\n    [columns]\n  );\n  const isAllChecked = allSelectableKeys.length > 0 && allSelectableKeys.every((k) => selectedKeys.includes(k));\n  const isIndeterminate = selectedKeys.length > 0 && !isAllChecked;\n\n  // Fire change event when selectedKeysFromStorage changes\n  const change = useRefFunction((nextSelected: string[], fireEvent?: boolean) => {\n    setSelectedKeys(nextSelected);\n    if (storageKey) {\n      setSelectedKeysFromStorage(nextSelected);\n    }\n    if (fireEvent) {\n      const next = columns.map((col, i) => {\n        const k = String(getColKey(col, i));\n        const visible = nextSelected.includes(k);\n        return { ...col, hidden: !visible } as T;\n      });\n      onChange?.(next as T[]);\n    }\n  });\n\n  // Toggle one column change\n  const toggleOne = (key: string, checked: boolean) => {\n    const next = new Set(selectedKeys);\n    if (checked) {\n      next.add(key);\n    } else {\n      // Keep at least one visible column\n      if (selectedKeys.length <= 1) return;\n      next.delete(key);\n    }\n    const nextArr = Array.from(next);\n    change(nextArr, true);\n  };\n\n  // Toggle all columns change\n  const handleCheckAll = (checked: boolean) => {\n    const nextArr = checked\n      ? Array.from(new Set([...selectedKeys, ...allSelectableKeys]))\n      : selectedKeys.filter((k) => !allSelectableKeys.includes(k)).slice(0, 1);\n    const ensured = checked ? nextArr : nextArr.length > 0 ? nextArr : [keys[0]];\n    change(ensured, true);\n  };\n\n  // Reset to initial selected columns\n  const handleReset = () => {\n    const next = initialKeys.length > 0 ? initialKeys : [keys[0]];\n    change(next, true);\n  };\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    setOpen(nextOpen);\n    if (nextOpen) {\n      setInitialKeys(normalizeToSelectedKeys(columns));\n    } else {\n      setInitialKeys([]);\n    }\n  };\n\n  // Sync when columns change\n  useEffect(() => {\n    const next = normalizeToSelectedKeys(columns);\n    change(next, false);\n  }, [columns]);\n\n  // Fire change on mount if storage exists and differs from initial values\n  useEffect(() => {\n    if (\n      storageRef.current &&\n      selectedKeysFromStorageRef.current &&\n      selectedKeysFromStorageRef.current.join(',') !== initialKeys.join(',')\n    ) {\n      change(selectedKeysFromStorageRef.current, true);\n    }\n  }, [initialKeys]);\n\n  const dropdownRender = () => (\n    <div\n      {...popupProps}\n      className={classNames(`${prefixCls}-popup`, popupProps?.className)}\n      onClick={(e) => {\n        e.stopPropagation();\n        popupProps?.onClick?.(e);\n      }}\n    >\n      <Typography.Text className={`${prefixCls}-popup-title`}>{t('components.ColumnSetting.title')}</Typography.Text>\n      <Space direction=\"vertical\" className={`${prefixCls}-column-list`} size={12}>\n        {columns.map((col, idx) => {\n          const k = String(getColKey(col, idx));\n          const label = col.title ?? col.dataIndex ?? k;\n          const checked = selectedKeys.includes(k);\n          const disabled = !!col.disabled;\n          const disableUncheck = !disabled && checked && selectedKeys.length <= 1; // 禁止取消最后一个\n          return (\n            <Checkbox\n              key={k}\n              className={`${prefixCls}-column-item`}\n              disabled={disabled || disableUncheck}\n              checked={checked}\n              onChange={(e) => toggleOne(k, e.target.checked)}\n            >\n              <span className={`${prefixCls}-column-item-title`}>{renderColumnTitle?.(col, idx) ?? label}</span>\n            </Checkbox>\n          );\n        })}\n      </Space>\n      <Divider className={`${prefixCls}-divider`} />\n      <div className={`${prefixCls}-footer`}>\n        <Button\n          type=\"text\"\n          {...checkAllProps}\n          className={classNames(`${prefixCls}-select-all`, checkAllProps?.className)}\n          onClick={(e) => {\n            handleCheckAll(!isAllChecked);\n            checkAllProps?.onClick?.(e);\n          }}\n        >\n          <Checkbox checked={isAllChecked} indeterminate={isIndeterminate}></Checkbox>\n          {t('components.ColumnSetting.selectAll')}\n        </Button>\n        <Button\n          type=\"text\"\n          icon={<ReloadOutlined />}\n          disabled={!hasChange}\n          {...resetProps}\n          className={classNames(`${prefixCls}-reset`, resetProps?.className)}\n          onClick={(e) => {\n            handleReset();\n            resetProps?.onClick?.(e);\n          }}\n        >\n          {t('components.ColumnSetting.reset')}\n        </Button>\n      </div>\n    </div>\n  );\n\n  return wrapCSSVar(\n    <Dropdown\n      open={open}\n      onOpenChange={handleOpenChange}\n      trigger={['click']}\n      dropdownRender={dropdownRender} // To be compatible with lower versions of antd\n      popupRender={dropdownRender}\n      placement=\"bottomRight\"\n      {...dropdownProps}\n      rootClassName={classNames(hashId, cssVarCls, prefixCls, `${prefixCls}-dropdown`, dropdownProps?.className)}\n    >\n      <Button\n        icon={<SettingOutlined />}\n        {...triggerProps}\n        className={classNames(hashId, cssVarCls, prefixCls, `${prefixCls}-trigger`, triggerProps?.className)}\n      />\n    </Dropdown>\n  );\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface ColumnSettingItem<T = any> extends ColumnType<T> {\n  /**\n   * - **EN:** Disable toggling visibility for this column.\n   * - **CN:** 禁止切换此列的可见性。\n   */\n  disabled?: boolean;\n}\n\nfunction getColKey(col: ColumnType, idx: number): React.Key {\n  return col.key ?? (col.dataIndex as string) ?? idx;\n}\n\nfunction normalizeToSelectedKeys(cols: ColumnType[]): string[] {\n  return cols\n    .map((c, i) => ({ key: String(getColKey(c, i)), hidden: !!c.hidden }))\n    .filter((c) => !c.hidden)\n    .map((c) => c.key)\n    .sort();\n}\n\nexport default ColumnSetting;\n"],"mappings":"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"}

package/es/components/ConfigProvider/context.d.ts

@@ -6,6 +6,8 @@ export interface ReactEasyContextProps {
     /**
      * - **EN:** Language of the component, used for global configuration, can be 'en-US' or 'zh-CN'
      * - **CN:** 组件的语言，用于全局配置，可以是'en-US'或'zh-CN'
+     *
+     * @default 'en-US'
      */
     lang?: Langs;
     /**

package/es/components/ConfigProvider/context.js

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 export var defaultContextValue = {
-  lang: 'en'
+  lang: 'en-US'
 };
 var ReactEasyContext = /*#__PURE__*/createContext(defaultContextValue);
 export default ReactEasyContext;

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

@@ -1 +1 @@
-{"version":3,"names":["createContext","defaultContextValue","lang","ReactEasyContext"],"sources":["../../../src/components/ConfigProvider/context.tsx"],"sourcesContent":["import { createContext, type ReactNode } from 'react';\nimport type { Langs } from '../../locales';\nimport type { ConfirmActionProps } from '../ConfirmAction';\nimport type { ModalActionProps } from '../ModalAction';\n\nexport interface ReactEasyContextProps {\n  /**\n   * - **EN:** Language of the component, used for global configuration, can be 'en-US' or 'zh-CN'\n   * - **CN:** 组件的语言，用于全局配置，可以是'en-US'或'zh-CN'\n   */\n  lang?: Langs;\n  /**\n   * - **EN:** Get localized text\n   * - **CN:** 获取本地化文本\n   *\n   * @param key Normal text or key of local resource | 普通文本或本地资源的键值\n   * @param args Parameters of the localized text | 本地化文本的参数\n   *\n   * @returns Localized text | 本地化文本\n   */\n  localize?: <T>(key: T, args?: Record<string, unknown>) => ReactNode;\n\n  /**\n   * - **EN:** Global configuration for `ConfirmAction` component, which can be used to set default\n   *   modal title and content for all `ConfirmAction` components in the application.\n   * - **CN:** `ConfirmAction`组件的全局配置，可以用来设置应用中所有`ConfirmAction`组件的默认模态框标题和内容。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ConfirmAction?: ConfirmActionProps<any, never>;\n  /** @deprecated Use `ConfirmAction.title` instead */\n  defaultConfirmTitle?: ReactNode;\n  /** @deprecated Use `ConfirmAction.content` instead */\n  defaultConfirmContent?: ReactNode;\n\n  /**\n   * - **EN:** Global configuration for `DeleteConfirmAction` component, which can be used to set\n   *   default modal title and content for all `DeleteConfirmAction` components in the application.\n   * - **CN:** `DeleteConfirmAction`组件的全局配置，可以用来设置应用中所有`DeleteConfirmAction`组件的默认模态框标题和内容。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  DeletionConfirmAction?: ConfirmActionProps<any, never>;\n  /** @deprecated Use `DeletionConfirmAction.title` instead */\n  defaultDeletionConfirmTitle?: ReactNode;\n  /** @deprecated Use `DeletionConfirmAction.content` instead */\n  defaultDeletionConfirmContent?: ReactNode;\n\n  /**\n   * - **EN:** Global configuration for `ModalAction` component, which can be used to set default\n   *   modal title and content for all `ModalAction` components in the application.\n   * - **CN:** `ModalAction`组件的全局配置，可以用来设置应用中所有`ModalAction`组件的默认模态框标题和内容。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ModalAction?: Partial<ModalActionProps<any, any, any, any, any>>;\n}\n\nexport const defaultContextValue: ReactEasyContextProps = {\n  lang: 'en',\n};\n\nconst ReactEasyContext = createContext<ReactEasyContextProps>(defaultContextValue);\n\nexport default ReactEasyContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAwB,OAAO;AAuDrD,OAAO,IAAMC,mBAA0C,GAAG;EACxDC,IAAI,EAAE;AACR,CAAC;AAED,IAAMC,gBAAgB,gBAAGH,aAAa,CAAwBC,mBAAmB,CAAC;AAElF,eAAeE,gBAAgB"}
+{"version":3,"names":["createContext","defaultContextValue","lang","ReactEasyContext"],"sources":["../../../src/components/ConfigProvider/context.tsx"],"sourcesContent":["import { createContext, type ReactNode } from 'react';\nimport type { Langs } from '../../locales';\nimport type { ConfirmActionProps } from '../ConfirmAction';\nimport type { ModalActionProps } from '../ModalAction';\n\nexport interface ReactEasyContextProps {\n  /**\n   * - **EN:** Language of the component, used for global configuration, can be 'en-US' or 'zh-CN'\n   * - **CN:** 组件的语言，用于全局配置，可以是'en-US'或'zh-CN'\n   *\n   * @default 'en-US'\n   */\n  lang?: Langs;\n  /**\n   * - **EN:** Get localized text\n   * - **CN:** 获取本地化文本\n   *\n   * @param key Normal text or key of local resource | 普通文本或本地资源的键值\n   * @param args Parameters of the localized text | 本地化文本的参数\n   *\n   * @returns Localized text | 本地化文本\n   */\n  localize?: <T>(key: T, args?: Record<string, unknown>) => ReactNode;\n\n  /**\n   * - **EN:** Global configuration for `ConfirmAction` component, which can be used to set default\n   *   modal title and content for all `ConfirmAction` components in the application.\n   * - **CN:** `ConfirmAction`组件的全局配置，可以用来设置应用中所有`ConfirmAction`组件的默认模态框标题和内容。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ConfirmAction?: ConfirmActionProps<any, never>;\n  /** @deprecated Use `ConfirmAction.title` instead */\n  defaultConfirmTitle?: ReactNode;\n  /** @deprecated Use `ConfirmAction.content` instead */\n  defaultConfirmContent?: ReactNode;\n\n  /**\n   * - **EN:** Global configuration for `DeleteConfirmAction` component, which can be used to set\n   *   default modal title and content for all `DeleteConfirmAction` components in the application.\n   * - **CN:** `DeleteConfirmAction`组件的全局配置，可以用来设置应用中所有`DeleteConfirmAction`组件的默认模态框标题和内容。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  DeletionConfirmAction?: ConfirmActionProps<any, never>;\n  /** @deprecated Use `DeletionConfirmAction.title` instead */\n  defaultDeletionConfirmTitle?: ReactNode;\n  /** @deprecated Use `DeletionConfirmAction.content` instead */\n  defaultDeletionConfirmContent?: ReactNode;\n\n  /**\n   * - **EN:** Global configuration for `ModalAction` component, which can be used to set default\n   *   modal title and content for all `ModalAction` components in the application.\n   * - **CN:** `ModalAction`组件的全局配置，可以用来设置应用中所有`ModalAction`组件的默认模态框标题和内容。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ModalAction?: Partial<ModalActionProps<any, any, any, any, any>>;\n}\n\nexport const defaultContextValue: ReactEasyContextProps = {\n  lang: 'en-US',\n};\n\nconst ReactEasyContext = createContext<ReactEasyContextProps>(defaultContextValue);\n\nexport default ReactEasyContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAwB,OAAO;AAyDrD,OAAO,IAAMC,mBAA0C,GAAG;EACxDC,IAAI,EAAE;AACR,CAAC;AAED,IAAMC,gBAAgB,gBAAGH,aAAa,CAAwBC,mBAAmB,CAAC;AAElF,eAAeE,gBAAgB"}

package/es/components/ConfigProvider/index.d.ts

@@ -2,8 +2,25 @@ import type { CSSProperties, FC, ReactNode } from 'react';
 import type localesEn from '../../locales/langs/en';
 import { type ReactEasyContextProps } from './context';
 export interface ConfigProviderProps extends ReactEasyContextProps {
+    /**
+     * - **EN:** Child elements of the ConfigProvider
+     * - **CN:** ConfigProvider 的子元素
+     */
+    children: ReactNode;
+    /**
+     * - **EN:** Custom prefix for the component's CSS class.
+     * - **CN:** 组件的自定义 CSS 类前缀。
+     */
     prefixCls?: string;
+    /**
+     * - **EN:** Custom class name for the root element
+     * - **CN:** 根元素的自定义类名
+     */
     className?: string;
+    /**
+     * - **EN:** Custom styles for the root element
+     * - **CN:** 根元素的自定义样式
+     */
     style?: CSSProperties;
     /**
      * - **EN:** Custom localization resources, if `lang` exists, it will override the localization
@@ -11,7 +28,6 @@ export interface ConfigProviderProps extends ReactEasyContextProps {
      * - **CN:** 自定义本地化资源，如果`lang`存在，则会覆盖该语言的本地化资源，否则，会添加一种新的语言
      */
     locales?: Partial<typeof localesEn>;
-    children: ReactNode;
 }
 /**
  * - **EN:** Provide global configuration for AntdHelper

package/es/components/ConfigProvider/index.js

@@ -5,6 +5,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -13,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 } from 'react';
+import { useContext, useEffect, useMemo } from 'react';
 import { ConfigProvider as ReactConfigProvider } from 'antd';
 import classNames from 'classnames';
 import locales, { langs, resources } from "../../locales";
@@ -41,24 +45,27 @@ var ConfigProvider = function ConfigProvider(props) {
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
+  var contextValue = useMemo(function () {
+    if (langInProps !== locales.language) {
+      locales.changeLanguage(langInProps || 'en-US');
+    }
+    return restProps;
+  }, // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps
+  [langInProps].concat(_toConsumableArray(Object.values(restProps))));
   useEffect(function () {
     // Dynamically add language pack
     if (userLocales) {
-      var lang = langInProps || 'en';
+      var lang = langInProps || 'en-US';
       if (lang && langs.includes(lang)) {
         locales.removeResourceBundle(lang, 'translation');
         locales.addResourceBundle(lang, 'translation', _objectSpread(_objectSpread({}, resources[lang].translation), userLocales));
       } else {
-        locales.addResourceBundle(lang, 'translation', _objectSpread(_objectSpread({}, resources.en.translation), userLocales));
+        locales.addResourceBundle(lang, 'translation', _objectSpread(_objectSpread({}, resources['en-US'].translation), userLocales));
       }
     }
   }, [langInProps, userLocales]);
-  useEffect(function () {
-    // Set the language of the component
-    locales.changeLanguage(langInProps || 'en');
-  }, [langInProps]);
   return wrapCSSVar( /*#__PURE__*/_jsx(ReactEasyContext.Provider, {
-    value: restProps,
+    value: contextValue,
     children: /*#__PURE__*/_jsx("div", {
       className: classNames(hashId, cssVarCls, prefixCls, className),
       style: style,

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

@@ -1 +1 @@
-{"version":3,"names":["useContext","useEffect","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","includes","removeResourceBundle","addResourceBundle","_objectSpread","translation","en","changeLanguage","Provider","value","displayName"],"sources":["../../../src/components/ConfigProvider/index.tsx"],"sourcesContent":["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useContext, useEffect } 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 ReactEasyContextProps {\n  prefixCls?: string;\n  className?: string;\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  children: ReactNode;\n}\n\n/**\n * - **EN:** Provide global configuration for AntdHelper\n * - **CN:** 提供AntdHelper的全局配置\n */\nconst ConfigProvider: FC<ConfigProviderProps> = (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\n  useEffect(() => {\n    // Dynamically add language pack\n    if (userLocales) {\n      const lang = langInProps || 'en';\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.translation, ...userLocales });\n      }\n    }\n  }, [langInProps, userLocales]);\n\n  useEffect(() => {\n    // Set the language of the component\n    locales.changeLanguage(langInProps || 'en');\n  }, [langInProps]);\n\n  return wrapCSSVar(\n    <ReactEasyContext.Provider value={restProps}>\n      <div className={classNames(hashId, cssVarCls, prefixCls, className)} style={style}>\n        {children}\n      </div>\n    </ReactEasyContext.Provider>\n  );\n};\nConfigProvider.displayName = 'ReactEasyConfigProvider';\n\nexport default ConfigProvider;\n"],"mappings":";;;;;;;;;;;;;;;AACA,SAASA,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAC7C,SAASC,cAAc,IAAIC,mBAAmB,QAAQ,MAAM;AAC5D,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,IAAIC,KAAK,EAAEC,SAAS;AAElC,OAAOC,gBAAgB;AACvB,OAAOC,QAAQ;AAAgB,SAAAC,GAAA,IAAAC,IAAA;AAe/B;AACA;AACA;AACA;AACA,IAAMT,cAAuC,GAAG,SAA1CA,cAAuCA,CAAIU,KAAK,EAAK;EACzD,IAAQC,QAAQ,GAAwFD,KAAK,CAArGC,QAAQ;IAAWC,WAAW,GAAkEF,KAAK,CAA3FP,OAAO;IAA0BU,gBAAgB,GAAqCH,KAAK,CAArEI,SAAS;IAAoBC,SAAS,GAA0BL,KAAK,CAAxCK,SAAS;IAAEC,KAAK,GAAmBN,KAAK,CAA7BM,KAAK;IAAKC,SAAS,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA;EAC7G,IAAcC,WAAW,GAAKH,SAAS,CAA/BI,IAAI;EACZ,IAAAC,WAAA,GAAwCxB,UAAU,CAACG,mBAAmB,CAACsB,aAAa,CAAC;IAA7EC,YAAY,GAAAF,WAAA,CAAZE,YAAY;IAAEC,aAAa,GAAAH,WAAA,CAAbG,aAAa;EACnC,IAAMX,SAAS,GAAGU,YAAY,CAAC,YAAY,EAAEX,gBAAgB,CAAC;EAC9D,IAAAa,SAAA,GAAwCnB,QAAQ,CAACO,SAAS,EAAEW,aAAa,CAAC;IAAAE,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAnEG,UAAU,GAAAF,UAAA;IAAEG,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EAEpC5B,SAAS,CAAC,YAAM;IACd;IACA,IAAIa,WAAW,EAAE;MACf,IAAMS,IAAI,GAAGD,WAAW,IAAI,IAAI;MAChC,IAAIC,IAAI,IAAIjB,KAAK,CAAC4B,QAAQ,CAACX,IAAI,CAAC,EAAE;QAChClB,OAAO,CAAC8B,oBAAoB,CAACZ,IAAI,EAAE,aAAa,CAAC;QACjDlB,OAAO,CAAC+B,iBAAiB,CAACb,IAAI,EAAE,aAAa,EAAAc,aAAA,CAAAA,aAAA,KAAO9B,SAAS,CAACgB,IAAI,CAAC,CAACe,WAAW,GAAKxB,WAAW,CAAE,CAAC;MACpG,CAAC,MAAM;QACLT,OAAO,CAAC+B,iBAAiB,CAACb,IAAI,EAAE,aAAa,EAAAc,aAAA,CAAAA,aAAA,KAAO9B,SAAS,CAACgC,EAAE,CAACD,WAAW,GAAKxB,WAAW,CAAE,CAAC;MACjG;IACF;EACF,CAAC,EAAE,CAACQ,WAAW,EAAER,WAAW,CAAC,CAAC;EAE9Bb,SAAS,CAAC,YAAM;IACd;IACAI,OAAO,CAACmC,cAAc,CAAClB,WAAW,IAAI,IAAI,CAAC;EAC7C,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,OAAOS,UAAU,eACfpB,IAAA,CAACH,gBAAgB,CAACiC,QAAQ;IAACC,KAAK,EAAEvB,SAAU;IAAAN,QAAA,eAC1CF,IAAA;MAAKM,SAAS,EAAEb,UAAU,CAAC4B,MAAM,EAAEC,SAAS,EAAEjB,SAAS,EAAEC,SAAS,CAAE;MAACC,KAAK,EAAEA,KAAM;MAAAL,QAAA,EAC/EA;IAAQ,CACN;EAAC,CACmB,CAC7B,CAAC;AACH,CAAC;AACDX,cAAc,CAACyC,WAAW,GAAG,yBAAyB;AAEtD,eAAezC,cAAc"}
+{"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","concat","_toConsumableArray","Object","values","includes","removeResourceBundle","addResourceBundle","_objectSpread","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 ReactEasyContextProps {\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> = (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 restProps;\n    },\n    // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps\n    [langInProps, ...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';\n\nexport default ConfigProvider;\n"],"mappings":"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"}

package/es/components/ContextMenu/index.d.ts

@@ -12,10 +12,26 @@ export interface ContextMenuProps extends MenuProps {
      * - **CN:** 触发显示菜单的方式，默认是 `['contextMenu']`
      */
     trigger?: ('click' | 'doubleClick' | 'hover' | 'contextMenu')[];
+    /**
+     * - **EN:** Custom properties for the trigger element
+     * - **CN:** 触发元素的自定义属性
+     */
     triggerProps?: {
+        /**
+         * - **EN:** Custom class name for the trigger element
+         * - **CN:** 触发元素的自定义类名
+         */
         className?: string;
+        /**
+         * - **EN:** Custom styles for the trigger element
+         * - **CN:** 触发元素的自定义样式
+         */
         style?: CSSProperties;
     };
+    /**
+     * - **EN:** Custom prefix for the component's CSS class.
+     * - **CN:** 组件的自定义 CSS 类前缀。
+     */
     prefixCls?: string;
 }
 declare const ContextMenu: import("react").ForwardRefExoticComponent<ContextMenuProps & import("react").RefAttributes<ContextMenuRef>>;