@tiny-codes/react-easy 1.7.5 → 1.7.7

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

@@ -1 +1 @@
-{"version":3,"names":["useContext","ConfigProvider","Spin","classNames","useStyle","jsx","_jsx","Loading","props","prefixClsInProps","prefixCls","_props$mode","mode","rootClassName","rootStyle","children","_props$spinning","spinning","className","spinProps","_objectWithoutProperties","_excluded","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","_objectSpread","concat","style"],"sources":["../../../src/components/Loading/index.tsx"],"sourcesContent":["import { type CSSProperties, type FC, useContext } from 'react';\nimport type { SpinProps } from 'antd';\nimport { ConfigProvider, Spin } from 'antd';\nimport classNames from 'classnames';\nimport useStyle from './style';\n\nexport type LoadingProps = SpinProps & {\n  /**\n   * - **EN:** When used independently, the positioning method of the animation:\n   *\n   *   - **absolute** - Uses absolute positioning, and the animation will automatically center itself\n   *       within the parent container.\n   *   - **flex** - Uses flexbox layout, and the animation will automatically fill the parent container\n   *       and center itself.\n   * - **CN:** 独立使用时，动画的定位方式：\n   *\n   *   - **absolute** - 使用绝对定位，动画会自动居中显示在父容器中。\n   *   - **flex** - 使用弹性布局，动画会自动填充父容器并居中显示。\n   *\n   * @default `flex`\n   */\n  mode?: 'absolute' | 'flex';\n  /**\n   * - **EN:** When used independently, set the class name for the mask parent container of the\n   *   animation\n   * - **CN:** 在独立使用时，设置动画遮罩父容器的样式类名\n   */\n  rootClassName?: string;\n  /**\n   * - **EN:** When used independently, set the style for the mask parent container of the animation\n   * - **CN:** 在独立使用时，设置动画遮罩父容器的样式\n   */\n  rootStyle?: CSSProperties;\n};\n\n/**\n * **EN:** Page loading animation component, providing two usage methods:\n *\n * - **Spin** - When the component wraps children, it wraps the `Spin` component around the children\n *   to provide animation effects.\n * - **Independent** - Directly render a loading animation that automatically fills the parent\n *   container and is centered.\n *\n * **CN:** 页面加载动画组件，提供两种使用方式：\n *\n * - **Spin** - 组件包裹children时，在children外层包裹 `Spin` 组件，提供动画效果。\n * - **独立使用** - 直接渲染一个加载动画，自动撑满父容器，且显示在居中位置。\n *\n * @example\n *   1. Spin surrounding children\n *\n *   ```tsx\n *   <PageLoading spinning={loading}>\n *   <div>This is content</div>\n *   </PageLoading>;\n *   ```\n *\n *   2. Independent usage (inline layout)\n *\n *   ```tsx\n *   <PageLoading />;\n *   ```\n *\n *   3. Centered display within container (absolute layout)\n *\n *   ```tsx\n *   <div className=\"container\" style={{ position: 'relative' }}>\n *   <PageLoading absolute />\n *   </div>;\n *   ```\n */\nconst Loading: FC<LoadingProps> = (props) => {\n  const {\n    prefixCls: prefixClsInProps,\n    mode = 'flex',\n    rootClassName,\n    rootStyle,\n    children,\n    spinning = true,\n    className,\n    ...spinProps\n  } = props;\n\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('easy-loading', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n  return children\n    ? // Use spin to wrap children when children is provided,\n      // and control the animation display with the spinning prop.\n      wrapCSSVar(\n        <Spin className={classNames(hashId, cssVarCls, prefixCls, className)} spinning={spinning} {...spinProps}>\n          {children}\n        </Spin>\n      )\n    : // Show the loading animation in a wrapper that fills the parent container and centers the animation,\n      // and hides the entire component when the animation is off.\n      spinning &&\n        wrapCSSVar(\n          <div\n            className={classNames(\n              hashId,\n              cssVarCls,\n              prefixCls,\n              rootClassName,\n              mode === 'absolute' ? `${prefixCls}-absolute` : `${prefixCls}-flex`\n            )}\n            style={rootStyle}\n          >\n            <Spin className={className} spinning={spinning} {...spinProps} />\n          </div>\n        );\n};\n\nexport default Loading;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAsCA,UAAU,QAAQ,OAAO;AAE/D,SAASC,cAAc,EAAEC,IAAI,QAAQ,MAAM;AAC3C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ;AAAgB,SAAAC,GAAA,IAAAC,IAAA;AA+B/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,OAAyB,GAAG,SAA5BA,OAAyBA,CAAIC,KAAK,EAAK;EAC3C,IACaC,gBAAgB,GAQzBD,KAAK,CARPE,SAAS;IAAAC,WAAA,GAQPH,KAAK,CAPPI,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IACbE,aAAa,GAMXL,KAAK,CANPK,aAAa;IACbC,SAAS,GAKPN,KAAK,CALPM,SAAS;IACTC,QAAQ,GAINP,KAAK,CAJPO,QAAQ;IAAAC,eAAA,GAINR,KAAK,CAHPS,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA;IACfE,SAAS,GAEPV,KAAK,CAFPU,SAAS;IACNC,SAAS,GAAAC,wBAAA,CACVZ,KAAK,EAAAa,SAAA;EAET,IAAAC,WAAA,GAAyBtB,UAAU,CAACC,cAAc,CAACsB,aAAa,CAAC;IAAzDC,YAAY,GAAAF,WAAA,CAAZE,YAAY;EACpB,IAAMd,SAAS,GAAGc,YAAY,CAAC,cAAc,EAAEf,gBAAgB,CAAC;EAChE,IAAAgB,SAAA,GAAwCrB,QAAQ,CAACM,SAAS,CAAC;IAAAgB,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAApDG,UAAU,GAAAF,UAAA;IAAEG,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EAEpC,OAAOX,QAAQ;EACX;EACA;EACAa,UAAU,eACRtB,IAAA,CAACJ,IAAI,EAAA6B,aAAA,CAAAA,aAAA;IAACb,SAAS,EAAEf,UAAU,CAAC0B,MAAM,EAAEC,SAAS,EAAEpB,SAAS,EAAEQ,SAAS,CAAE;IAACD,QAAQ,EAAEA;EAAS,GAAKE,SAAS;IAAAJ,QAAA,EACpGA;EAAQ,EACL,CACR,CAAC;EACD;EACA;EACAE,QAAQ,IACNW,UAAU,eACRtB,IAAA;IACEY,SAAS,EAAEf,UAAU,CACnB0B,MAAM,EACNC,SAAS,EACTpB,SAAS,EACTG,aAAa,EACbD,IAAI,KAAK,UAAU,MAAAoB,MAAA,CAAMtB,SAAS,oBAAAsB,MAAA,CAAiBtB,SAAS,UAC9D,CAAE;IACFuB,KAAK,EAAEnB,SAAU;IAAAC,QAAA,eAEjBT,IAAA,CAACJ,IAAI,EAAA6B,aAAA;MAACb,SAAS,EAAEA,SAAU;MAACD,QAAQ,EAAEA;IAAS,GAAKE,SAAS,CAAG;EAAC,CAC9D,CACP,CAAC;AACT,CAAC;AAED,eAAeZ,OAAO"}
+{"version":3,"names":["useContext","Spin","classNames","ConfigProvider","useStyle","jsx","_jsx","Loading","props","prefixClsInProps","prefixCls","_props$mode","mode","rootClassName","rootStyle","children","_props$spinning","spinning","className","spinProps","_objectWithoutProperties","_excluded","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","_objectSpread","concat","style"],"sources":["../../../src/components/Loading/index.tsx"],"sourcesContent":["import { type CSSProperties, type FC, useContext } from 'react';\nimport type { SpinProps } from 'antd';\nimport { Spin } from 'antd';\nimport classNames from 'classnames';\nimport ConfigProvider from '../ConfigProvider';\nimport useStyle from './style';\n\nexport type LoadingProps = SpinProps & {\n  /**\n   * - **EN:** When used independently, the positioning method of the animation:\n   *\n   *   - **absolute** - Uses absolute positioning, and the animation will automatically center itself\n   *       within the parent container.\n   *   - **flex** - Uses flexbox layout, and the animation will automatically fill the parent container\n   *       and center itself.\n   * - **CN:** 独立使用时，动画的定位方式：\n   *\n   *   - **absolute** - 使用绝对定位，动画会自动居中显示在父容器中。\n   *   - **flex** - 使用弹性布局，动画会自动填充父容器并居中显示。\n   *\n   * @default `flex`\n   */\n  mode?: 'absolute' | 'flex';\n  /**\n   * - **EN:** When used independently, set the class name for the mask parent container of the\n   *   animation\n   * - **CN:** 在独立使用时，设置动画遮罩父容器的样式类名\n   */\n  rootClassName?: string;\n  /**\n   * - **EN:** When used independently, set the style for the mask parent container of the animation\n   * - **CN:** 在独立使用时，设置动画遮罩父容器的样式\n   */\n  rootStyle?: CSSProperties;\n};\n\n/**\n * **EN:** Page loading animation component, providing two usage methods:\n *\n * - **Spin** - When the component wraps children, it wraps the `Spin` component around the children\n *   to provide animation effects.\n * - **Independent** - Directly render a loading animation that automatically fills the parent\n *   container and is centered.\n *\n * **CN:** 页面加载动画组件，提供两种使用方式：\n *\n * - **Spin** - 组件包裹children时，在children外层包裹 `Spin` 组件，提供动画效果。\n * - **独立使用** - 直接渲染一个加载动画，自动撑满父容器，且显示在居中位置。\n *\n * @example\n *   1. Spin surrounding children\n *\n *   ```tsx\n *   <PageLoading spinning={loading}>\n *   <div>This is content</div>\n *   </PageLoading>;\n *   ```\n *\n *   2. Independent usage (inline layout)\n *\n *   ```tsx\n *   <PageLoading />;\n *   ```\n *\n *   3. Centered display within container (absolute layout)\n *\n *   ```tsx\n *   <div className=\"container\" style={{ position: 'relative' }}>\n *   <PageLoading absolute />\n *   </div>;\n *   ```\n */\nconst Loading: FC<LoadingProps> = (props) => {\n  const {\n    prefixCls: prefixClsInProps,\n    mode = 'flex',\n    rootClassName,\n    rootStyle,\n    children,\n    spinning = true,\n    className,\n    ...spinProps\n  } = props;\n\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('loading', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n  return children\n    ? // Use spin to wrap children when children is provided,\n      // and control the animation display with the spinning prop.\n      wrapCSSVar(\n        <Spin className={classNames(hashId, cssVarCls, prefixCls, className)} spinning={spinning} {...spinProps}>\n          {children}\n        </Spin>\n      )\n    : // Show the loading animation in a wrapper that fills the parent container and centers the animation,\n      // and hides the entire component when the animation is off.\n      spinning &&\n        wrapCSSVar(\n          <div\n            className={classNames(\n              hashId,\n              cssVarCls,\n              prefixCls,\n              rootClassName,\n              mode === 'absolute' ? `${prefixCls}-absolute` : `${prefixCls}-flex`\n            )}\n            style={rootStyle}\n          >\n            <Spin className={className} spinning={spinning} {...spinProps} />\n          </div>\n        );\n};\n\nexport default Loading;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAsCA,UAAU,QAAQ,OAAO;AAE/D,SAASC,IAAI,QAAQ,MAAM;AAC3B,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,cAAc;AACrB,OAAOC,QAAQ;AAAgB,SAAAC,GAAA,IAAAC,IAAA;AA+B/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,OAAyB,GAAG,SAA5BA,OAAyBA,CAAIC,KAAK,EAAK;EAC3C,IACaC,gBAAgB,GAQzBD,KAAK,CARPE,SAAS;IAAAC,WAAA,GAQPH,KAAK,CAPPI,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IACbE,aAAa,GAMXL,KAAK,CANPK,aAAa;IACbC,SAAS,GAKPN,KAAK,CALPM,SAAS;IACTC,QAAQ,GAINP,KAAK,CAJPO,QAAQ;IAAAC,eAAA,GAINR,KAAK,CAHPS,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA;IACfE,SAAS,GAEPV,KAAK,CAFPU,SAAS;IACNC,SAAS,GAAAC,wBAAA,CACVZ,KAAK,EAAAa,SAAA;EAET,IAAAC,WAAA,GAAyBtB,UAAU,CAACG,cAAc,CAACoB,aAAa,CAAC;IAAzDC,YAAY,GAAAF,WAAA,CAAZE,YAAY;EACpB,IAAMd,SAAS,GAAGc,YAAY,CAAC,SAAS,EAAEf,gBAAgB,CAAC;EAC3D,IAAAgB,SAAA,GAAwCrB,QAAQ,CAACM,SAAS,CAAC;IAAAgB,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAApDG,UAAU,GAAAF,UAAA;IAAEG,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EAEpC,OAAOX,QAAQ;EACX;EACA;EACAa,UAAU,eACRtB,IAAA,CAACL,IAAI,EAAA8B,aAAA,CAAAA,aAAA;IAACb,SAAS,EAAEhB,UAAU,CAAC2B,MAAM,EAAEC,SAAS,EAAEpB,SAAS,EAAEQ,SAAS,CAAE;IAACD,QAAQ,EAAEA;EAAS,GAAKE,SAAS;IAAAJ,QAAA,EACpGA;EAAQ,EACL,CACR,CAAC;EACD;EACA;EACAE,QAAQ,IACNW,UAAU,eACRtB,IAAA;IACEY,SAAS,EAAEhB,UAAU,CACnB2B,MAAM,EACNC,SAAS,EACTpB,SAAS,EACTG,aAAa,EACbD,IAAI,KAAK,UAAU,MAAAoB,MAAA,CAAMtB,SAAS,oBAAAsB,MAAA,CAAiBtB,SAAS,UAC9D,CAAE;IACFuB,KAAK,EAAEnB,SAAU;IAAAC,QAAA,eAEjBT,IAAA,CAACL,IAAI,EAAA8B,aAAA;MAACb,SAAS,EAAEA,SAAU;MAACD,QAAQ,EAAEA;IAAS,GAAKE,SAAS,CAAG;EAAC,CAC9D,CACP,CAAC;AACT,CAAC;AAED,eAAeZ,OAAO"}

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

@@ -23,5 +23,5 @@ var genStyle = function genStyle(token) {
     lineHeight: 0
   }));
 };
-export default genStyleHooks('EasyLoading', genStyle);
+export default genStyleHooks('Loading', genStyle);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["genStyleHooks","genStyle","token","componentCls","_defineProperty","display","alignItems","justifyContent","width","height","position","top","left","transform","concat","antCls","lineHeight"],"sources":["../../../../src/components/Loading/style/index.ts"],"sourcesContent":["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype OverflowTagsToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<OverflowTagsToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      '&-flex': {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        height: '100%',\n      },\n      '&-absolute': {\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        transform: 'translate(-50%, -50%)',\n      },\n      [`:global(.${token.antCls}-spin)`]: {\n        lineHeight: 0,\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('EasyLoading' as never, genStyle);\n"],"mappings":";;;;AAAA,SAASA,aAAa,QAAQ,wBAAwB;AAOtD,IAAMC,QAA0C,GAAG,SAA7CA,QAA0CA,CAAIC,KAAK,EAAgB;EACvE,IAAQC,YAAY,GAAKD,KAAK,CAAtBC,YAAY;EACpB,OAAAC,eAAA,KACGD,YAAY,EAAAC,eAAA;IACX,QAAQ,EAAE;MACRC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV,CAAC;IACD,YAAY,EAAE;MACZC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE;IACb;EAAC,eAAAC,MAAA,CACYZ,KAAK,CAACa,MAAM,aAAW;IAClCC,UAAU,EAAE;EACd,CAAC;AAGP,CAAC;AAED,eAAehB,aAAa,CAAC,aAAa,EAAWC,QAAQ,CAAC"}
+{"version":3,"names":["genStyleHooks","genStyle","token","componentCls","_defineProperty","display","alignItems","justifyContent","width","height","position","top","left","transform","concat","antCls","lineHeight"],"sources":["../../../../src/components/Loading/style/index.ts"],"sourcesContent":["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype LoadingToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<LoadingToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      '&-flex': {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        height: '100%',\n      },\n      '&-absolute': {\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        transform: 'translate(-50%, -50%)',\n      },\n      [`:global(.${token.antCls}-spin)`]: {\n        lineHeight: 0,\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('Loading' as never, genStyle);\n"],"mappings":";;;;AAAA,SAASA,aAAa,QAAQ,wBAAwB;AAOtD,IAAMC,QAAqC,GAAG,SAAxCA,QAAqCA,CAAIC,KAAK,EAAgB;EAClE,IAAQC,YAAY,GAAKD,KAAK,CAAtBC,YAAY;EACpB,OAAAC,eAAA,KACGD,YAAY,EAAAC,eAAA;IACX,QAAQ,EAAE;MACRC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV,CAAC;IACD,YAAY,EAAE;MACZC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE;IACb;EAAC,eAAAC,MAAA,CACYZ,KAAK,CAACa,MAAM,aAAW;IAClCC,UAAU,EAAE;EACd,CAAC;AAGP,CAAC;AAED,eAAehB,aAAa,CAAC,SAAS,EAAWC,QAAQ,CAAC"}

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

@@ -55,6 +55,8 @@ export interface OverflowTagsProps<T> extends Omit<OverflowProps<T>, 'renderItem
      * contain a `color` property to specify the color, and the latter takes precedence.
      *
      * **CN**: 是否使用随机颜色，默认`false`。注意，tag对象还可以包含`color`属性来指定颜色，而且后者优先级更高。
+     *
+     * @default false
      */
     randomColors?: boolean;
 }

package/es/components/OverflowTags/index.js

@@ -14,11 +14,12 @@ 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 { useCallback, useContext, useMemo } from 'react';
-import { ConfigProvider, Dropdown, Tag, theme } from 'antd';
+import { Dropdown, Tag, theme } from 'antd';
 import { PresetColors } from 'antd/es/theme/internal';
 import classNames from 'classnames';
 import Overflow from 'rc-overflow';
 import { random } from "../../utils/math";
+import ConfigProvider from "../ConfigProvider";
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -55,7 +56,7 @@ var OverflowTags = function OverflowTags(props) {
     token = _theme$useToken.token;
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('easy-overflow-tags', prefixClsInProps);
+  var prefixCls = getPrefixCls('overflow-tags', prefixClsInProps);
   var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useContext","useMemo","ConfigProvider","Dropdown","Tag","theme","PresetColors","classNames","Overflow","random","useStyle","jsx","_jsx","jsxs","_jsxs","OverflowTags","props","_props$tags","tags","randomColors","getTagNameInProps","getTagName","getTagKey","tagProps","ellipsisTagProps","ellipsisDropdownProps","className","prefixClsInProps","prefixCls","restProps","_objectWithoutProperties","_excluded","_theme$useToken","useToken","token","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","colors","filter","c","includes","map","color","concat","getValue","tag","field","_typeof","record","undefined","_ref","_getValue","toString","renderTag","item","_objectSpread","icon","length","children","data","maxCount","renderItem","renderRest","omittedItems","menu","items","_ref2","_getValue2","type","key","label","allTags"],"sources":["../../../src/components/OverflowTags/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useCallback, useContext, useMemo } from 'react';\nimport type { DropdownProps, TagProps } from 'antd';\nimport { ConfigProvider, Dropdown, Tag, theme } from 'antd';\nimport { PresetColors } from 'antd/es/theme/internal';\nimport classNames from 'classnames';\nimport type { OverflowProps } from 'rc-overflow';\nimport Overflow from 'rc-overflow';\nimport { random } from '../../utils/math';\nimport useStyle from './style';\n\nexport interface OverflowTagsProps<T> extends Omit<OverflowProps<T>, 'renderItem'> {\n  /**\n   * **CN**: 标签集合的数据\n   *\n   * **EN**: Data collection of tags\n   */\n  tags: T[] | undefined;\n  /**\n   * **EN**: Function to get the tag name, default is `tag.label` or `tag.name`\n   *\n   * **CN**: 获取标签名称的函数，默认取`tag.label`或`tag.name`\n   */\n  getTagName?: (tag: T) => ReactNode;\n  /**\n   * **EN**: Function to get the unique identifier of the tag, default is `tag.value` or `tag.id`\n   *\n   * **CN**: 获取标签唯一标识的函数，默认取`tag.value`或`tag.id`\n   */\n  getTagKey?: (tag: T) => React.Key;\n\n  /**\n   * **EN**: Custom tag rendering function\n   *\n   * **CN**: 标签渲染函数\n   */\n  renderTag?: OverflowProps<T>['renderItem'];\n  /**\n   * **EN**: Custom properties for the tag component\n   *\n   * **CN**: 自定义标签的组件属性\n   */\n  tagProps?: TagProps | ((tag: T, options: { tags: T[] }) => TagProps);\n  /**\n   * **EN**: When the number of tags exceeds the maximum display count, an ellipsis tag will be\n   * shown. This property is used to set the style of the ellipsis tag.\n   *\n   * **CN**: 当标签数量超过最大显示数量时，会显示省略号的标签，此属性用于设置省略号标签的样式\n   */\n  ellipsisTagProps?: TagProps | ((tag: T, options: { omittedItems: T[]; allTags: T[] }) => TagProps);\n  /**\n   * **EN**: Custom properties for the dropdown component when tags are overflowed\n   *\n   * **CN**: 当标签溢出时，下拉菜单的自定义属性\n   */\n  ellipsisDropdownProps?: DropdownProps;\n  /**\n   * **EN**: Whether to use random colors, default is `false`. Note that the tag object can also\n   * contain a `color` property to specify the color, and the latter takes precedence.\n   *\n   * **CN**: 是否使用随机颜色，默认`false`。注意，tag对象还可以包含`color`属性来指定颜色，而且后者优先级更高。\n   */\n  randomColors?: boolean;\n}\n\n/**\n * - **EN:** Overflow tags component, used to display a collection of tags that can overflow and be\n *   truncated. It supports displaying tags in a dropdown when the number of tags exceeds the\n *   maximum display count. It also supports custom tag rendering and properties.\n * - **CN:** 溢出标签组件，用于显示一组可以溢出和截断的标签集合。当标签数量超过最大显示数量时，支持在下拉菜单中显示标签。还支持自定义标签渲染和属性。\n *\n * @example\n *   <OverflowTags\n *     tags={[\n *       { value: 1, label: 'Tag1', icon: <Icon1 /> },\n *       { value: 2, label: 'Tag2', icon: <Icon2 /> },\n *     ]}\n *     tagProps={{ color: 'blue' }}\n *     ellipsisTagProps={{ color: 'grey' }}\n *   />;\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst OverflowTags = <T,>(props: OverflowTagsProps<T>) => {\n  const {\n    tags = [],\n    randomColors,\n    getTagName: getTagNameInProps,\n    getTagKey,\n    tagProps,\n    ellipsisTagProps,\n    ellipsisDropdownProps,\n    className,\n    prefixCls: prefixClsInProps,\n    ...restProps\n  } = props;\n  const { token } = theme.useToken();\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('easy-overflow-tags', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n  const colors = useMemo(\n    () => PresetColors.filter((c) => !['lime', 'yellow', 'magenta'].includes(c)).map((color) => token[`${color}-3`]),\n    [token]\n  );\n  const getValue = useCallback((tag: T | undefined, field: string) => {\n    if (tag != null && typeof tag === 'object') {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const record = tag as Record<string, any>;\n      return record[field];\n    }\n    return undefined;\n  }, []);\n  const getTagName = useCallback(\n    (tag: T) => {\n      return getTagNameInProps\n        ? getTagNameInProps(tag)\n        : (getValue(tag, 'label') ?? getValue(tag, 'name') ?? tag?.toString());\n    },\n    [getTagNameInProps, getValue]\n  );\n  const renderTag = (item: T) => {\n    return (\n      <Tag\n        icon={getValue(item, 'icon')}\n        color={randomColors ? colors[random(0, colors.length - 1)] : getValue(item, 'color') || 'default'}\n        {...(typeof tagProps === 'function' ? tagProps(item, { tags }) : tagProps)}\n      >\n        {getTagName(item)}\n      </Tag>\n    );\n  };\n\n  return wrapCSSVar(\n    <Overflow<T>\n      className={classNames(hashId, cssVarCls, prefixCls, className)}\n      data={tags}\n      maxCount=\"responsive\"\n      renderItem={renderTag}\n      renderRest={(omittedItems) => (\n        <Dropdown\n          {...ellipsisDropdownProps}\n          menu={{\n            items: omittedItems.map((tag) => ({\n              type: 'item',\n              key: getTagKey ? getTagKey(tag) : (getValue(tag, 'value') ?? getValue(tag, 'id') ?? getTagName(tag)),\n              label: getTagName(tag),\n            })),\n            ...ellipsisDropdownProps?.menu,\n          }}\n        >\n          <Tag\n            {...(typeof ellipsisTagProps === 'function'\n              ? ellipsisTagProps(omittedItems[0], { omittedItems, allTags: tags })\n              : ellipsisTagProps)}\n          >\n            + {omittedItems.length}...\n          </Tag>\n        </Dropdown>\n      )}\n      {...restProps}\n    />\n  );\n};\n\nexport default OverflowTags;\n"],"mappings":"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"}
+{"version":3,"names":["useCallback","useContext","useMemo","Dropdown","Tag","theme","PresetColors","classNames","Overflow","random","ConfigProvider","useStyle","jsx","_jsx","jsxs","_jsxs","OverflowTags","props","_props$tags","tags","randomColors","getTagNameInProps","getTagName","getTagKey","tagProps","ellipsisTagProps","ellipsisDropdownProps","className","prefixClsInProps","prefixCls","restProps","_objectWithoutProperties","_excluded","_theme$useToken","useToken","token","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","colors","filter","c","includes","map","color","concat","getValue","tag","field","_typeof","record","undefined","_ref","_getValue","toString","renderTag","item","_objectSpread","icon","length","children","data","maxCount","renderItem","renderRest","omittedItems","menu","items","_ref2","_getValue2","type","key","label","allTags"],"sources":["../../../src/components/OverflowTags/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useCallback, useContext, useMemo } from 'react';\nimport type { DropdownProps, TagProps } from 'antd';\nimport { Dropdown, Tag, theme } from 'antd';\nimport { PresetColors } from 'antd/es/theme/internal';\nimport classNames from 'classnames';\nimport type { OverflowProps } from 'rc-overflow';\nimport Overflow from 'rc-overflow';\nimport { random } from '../../utils/math';\nimport ConfigProvider from '../ConfigProvider';\nimport useStyle from './style';\n\nexport interface OverflowTagsProps<T> extends Omit<OverflowProps<T>, 'renderItem'> {\n  /**\n   * **CN**: 标签集合的数据\n   *\n   * **EN**: Data collection of tags\n   */\n  tags: T[] | undefined;\n  /**\n   * **EN**: Function to get the tag name, default is `tag.label` or `tag.name`\n   *\n   * **CN**: 获取标签名称的函数，默认取`tag.label`或`tag.name`\n   */\n  getTagName?: (tag: T) => ReactNode;\n  /**\n   * **EN**: Function to get the unique identifier of the tag, default is `tag.value` or `tag.id`\n   *\n   * **CN**: 获取标签唯一标识的函数，默认取`tag.value`或`tag.id`\n   */\n  getTagKey?: (tag: T) => React.Key;\n\n  /**\n   * **EN**: Custom tag rendering function\n   *\n   * **CN**: 标签渲染函数\n   */\n  renderTag?: OverflowProps<T>['renderItem'];\n  /**\n   * **EN**: Custom properties for the tag component\n   *\n   * **CN**: 自定义标签的组件属性\n   */\n  tagProps?: TagProps | ((tag: T, options: { tags: T[] }) => TagProps);\n  /**\n   * **EN**: When the number of tags exceeds the maximum display count, an ellipsis tag will be\n   * shown. This property is used to set the style of the ellipsis tag.\n   *\n   * **CN**: 当标签数量超过最大显示数量时，会显示省略号的标签，此属性用于设置省略号标签的样式\n   */\n  ellipsisTagProps?: TagProps | ((tag: T, options: { omittedItems: T[]; allTags: T[] }) => TagProps);\n  /**\n   * **EN**: Custom properties for the dropdown component when tags are overflowed\n   *\n   * **CN**: 当标签溢出时，下拉菜单的自定义属性\n   */\n  ellipsisDropdownProps?: DropdownProps;\n  /**\n   * **EN**: Whether to use random colors, default is `false`. Note that the tag object can also\n   * contain a `color` property to specify the color, and the latter takes precedence.\n   *\n   * **CN**: 是否使用随机颜色，默认`false`。注意，tag对象还可以包含`color`属性来指定颜色，而且后者优先级更高。\n   *\n   * @default false\n   */\n  randomColors?: boolean;\n}\n\n/**\n * - **EN:** Overflow tags component, used to display a collection of tags that can overflow and be\n *   truncated. It supports displaying tags in a dropdown when the number of tags exceeds the\n *   maximum display count. It also supports custom tag rendering and properties.\n * - **CN:** 溢出标签组件，用于显示一组可以溢出和截断的标签集合。当标签数量超过最大显示数量时，支持在下拉菜单中显示标签。还支持自定义标签渲染和属性。\n *\n * @example\n *   <OverflowTags\n *     tags={[\n *       { value: 1, label: 'Tag1', icon: <Icon1 /> },\n *       { value: 2, label: 'Tag2', icon: <Icon2 /> },\n *     ]}\n *     tagProps={{ color: 'blue' }}\n *     ellipsisTagProps={{ color: 'grey' }}\n *   />;\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst OverflowTags = <T,>(props: OverflowTagsProps<T>) => {\n  const {\n    tags = [],\n    randomColors,\n    getTagName: getTagNameInProps,\n    getTagKey,\n    tagProps,\n    ellipsisTagProps,\n    ellipsisDropdownProps,\n    className,\n    prefixCls: prefixClsInProps,\n    ...restProps\n  } = props;\n  const { token } = theme.useToken();\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('overflow-tags', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n  const colors = useMemo(\n    () => PresetColors.filter((c) => !['lime', 'yellow', 'magenta'].includes(c)).map((color) => token[`${color}-3`]),\n    [token]\n  );\n  const getValue = useCallback((tag: T | undefined, field: string) => {\n    if (tag != null && typeof tag === 'object') {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const record = tag as Record<string, any>;\n      return record[field];\n    }\n    return undefined;\n  }, []);\n  const getTagName = useCallback(\n    (tag: T) => {\n      return getTagNameInProps\n        ? getTagNameInProps(tag)\n        : (getValue(tag, 'label') ?? getValue(tag, 'name') ?? tag?.toString());\n    },\n    [getTagNameInProps, getValue]\n  );\n  const renderTag = (item: T) => {\n    return (\n      <Tag\n        icon={getValue(item, 'icon')}\n        color={randomColors ? colors[random(0, colors.length - 1)] : getValue(item, 'color') || 'default'}\n        {...(typeof tagProps === 'function' ? tagProps(item, { tags }) : tagProps)}\n      >\n        {getTagName(item)}\n      </Tag>\n    );\n  };\n\n  return wrapCSSVar(\n    <Overflow<T>\n      className={classNames(hashId, cssVarCls, prefixCls, className)}\n      data={tags}\n      maxCount=\"responsive\"\n      renderItem={renderTag}\n      renderRest={(omittedItems) => (\n        <Dropdown\n          {...ellipsisDropdownProps}\n          menu={{\n            items: omittedItems.map((tag) => ({\n              type: 'item',\n              key: getTagKey ? getTagKey(tag) : (getValue(tag, 'value') ?? getValue(tag, 'id') ?? getTagName(tag)),\n              label: getTagName(tag),\n            })),\n            ...ellipsisDropdownProps?.menu,\n          }}\n        >\n          <Tag\n            {...(typeof ellipsisTagProps === 'function'\n              ? ellipsisTagProps(omittedItems[0], { omittedItems, allTags: tags })\n              : ellipsisTagProps)}\n          >\n            + {omittedItems.length}...\n          </Tag>\n        </Dropdown>\n      )}\n      {...restProps}\n    />\n  );\n};\n\nexport default OverflowTags;\n"],"mappings":"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"}

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

@@ -14,5 +14,5 @@ var genStyle = function genStyle(token) {
     position: 'relative'
   });
 };
-export default genStyleHooks('EasyOverflowTags', genStyle);
+export default genStyleHooks('OverflowTags', genStyle);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["genStyleHooks","genStyle","token","componentCls","_defineProperty","display","flexWrap","alignItems","width","maxWidth","position"],"sources":["../../../../src/components/OverflowTags/style/index.ts"],"sourcesContent":["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype OverflowTagsToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<OverflowTagsToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      width: '100%',\n      maxWidth: '100%',\n      position: 'relative',\n    },\n  };\n};\n\nexport default genStyleHooks('EasyOverflowTags' as never, genStyle);\n"],"mappings":";;;;AAAA,SAASA,aAAa,QAAQ,wBAAwB;AAOtD,IAAMC,QAA0C,GAAG,SAA7CA,QAA0CA,CAAIC,KAAK,EAAgB;EACvE,IAAQC,YAAY,GAAKD,KAAK,CAAtBC,YAAY;EACpB,OAAAC,eAAA,KACGD,YAAY,EAAG;IACdE,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE;EACZ,CAAC;AAEL,CAAC;AAED,eAAeV,aAAa,CAAC,kBAAkB,EAAWC,QAAQ,CAAC"}
+{"version":3,"names":["genStyleHooks","genStyle","token","componentCls","_defineProperty","display","flexWrap","alignItems","width","maxWidth","position"],"sources":["../../../../src/components/OverflowTags/style/index.ts"],"sourcesContent":["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype OverflowTagsToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<OverflowTagsToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      width: '100%',\n      maxWidth: '100%',\n      position: 'relative',\n    },\n  };\n};\n\nexport default genStyleHooks('OverflowTags' as never, genStyle);\n"],"mappings":";;;;AAAA,SAASA,aAAa,QAAQ,wBAAwB;AAOtD,IAAMC,QAA0C,GAAG,SAA7CA,QAA0CA,CAAIC,KAAK,EAAgB;EACvE,IAAQC,YAAY,GAAKD,KAAK,CAAtBC,YAAY;EACpB,OAAAC,eAAA,KACGD,YAAY,EAAG;IACdE,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE;EACZ,CAAC;AAEL,CAAC;AAED,eAAeV,aAAa,CAAC,cAAc,EAAWC,QAAQ,CAAC"}

package/es/components/index.d.ts

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

package/es/components/index.js

@@ -21,6 +21,7 @@ export * from "./EllipsisTypography/EllipsisLink";
 export { default as EllipsisLink } from "./EllipsisTypography/EllipsisLink";
 export { default as FloatDrawer } from "./FloatDrawer";
 export { default as FormItemControl } from "./FormItemControl";
+export * from "./Iconfont";
 export { default as Loading } from "./Loading";
 export { withDefaultModalActionProps, withModalAction } from "./ModalAction";
 export { default as ModalAction } from "./ModalAction";

package/es/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","BreakLines","ColumnSetting","ConfigProvider","ReactEasyContext","withDefaultConfirmActionProps","withConfirmAction","ConfirmAction","ContextMenu","DeleteConfirmAction","withDeleteConfirmAction","EditableText","EllipsisParagraph","EllipsisText","EllipsisTitle","EllipsisLink","FloatDrawer","FormItemControl","Loading","withDefaultModalActionProps","withModalAction","ModalAction","OverflowTags","PulseAnimation"],"sources":["../../src/components/index.tsx"],"sourcesContent":["export type { BreakLinesProps } from './BreakLines';\nexport { default as BreakLines } from './BreakLines';\n\nexport type { ColumnSettingProps } from './ColumnSetting';\nexport { default as ColumnSetting } from './ColumnSetting';\n\nexport type { ConfigProviderProps } from './ConfigProvider';\nexport { default as ConfigProvider } from './ConfigProvider';\nexport type { ReactEasyContextProps } from './ConfigProvider/context';\nexport { default as ReactEasyContext } from './ConfigProvider/context';\n\nexport type { ConfirmActionProps, ConfirmActionTrigger, ConfirmActionRef, ActionCompConstraint } from './ConfirmAction';\nexport { withDefaultConfirmActionProps } from './ConfirmAction';\nexport { default as withConfirmAction } from './ConfirmAction/withConfirmAction';\nexport { default as ConfirmAction } from './ConfirmAction';\n\nexport type {\n  ContextMenuProps,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuSubmenu,\n  ContextMenuRef,\n} from './ContextMenu';\nexport { default as ContextMenu } from './ContextMenu';\n\n// export * from './DeleteConfirmAction';\nexport { default as DeleteConfirmAction } from './DeleteConfirmAction';\nexport { default as withDeleteConfirmAction } from './DeleteConfirmAction/withDeleteConfirmAction';\n\nexport type { EditableTextProps } from './EditableText';\nexport { default as EditableText } from './EditableText';\n\nexport * from './EllipsisTypography/EllipsisParagraph';\nexport { default as EllipsisParagraph } from './EllipsisTypography/EllipsisParagraph';\n\nexport * from './EllipsisTypography/EllipsisText';\nexport { default as EllipsisText } from './EllipsisTypography/EllipsisText';\n\nexport * from './EllipsisTypography/EllipsisTitle';\nexport { default as EllipsisTitle } from './EllipsisTypography/EllipsisTitle';\n\nexport * from './EllipsisTypography/EllipsisLink';\nexport { default as EllipsisLink } from './EllipsisTypography/EllipsisLink';\n\nexport type { FloatDrawerProps } from './FloatDrawer';\nexport { default as FloatDrawer } from './FloatDrawer';\n\nexport type { FormItemControlProps } from './FormItemControl';\nexport { default as FormItemControl } from './FormItemControl';\n\nexport type { LoadingProps } from './Loading';\nexport { default as Loading } from './Loading';\n\nexport type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';\nexport { withDefaultModalActionProps, withModalAction } from './ModalAction';\nexport { default as ModalAction } from './ModalAction';\n\nexport type { OverflowTagsProps } from './OverflowTags';\nexport { default as OverflowTags } from './OverflowTags';\n\nexport type { PulseAnimationProps } from './Animation/Pulse';\nexport { default as PulseAnimation } from './Animation/Pulse';\n"],"mappings":"AACA,SAASA,OAAO,IAAIC,UAAU;AAG9B,SAASD,OAAO,IAAIE,aAAa;AAGjC,SAASF,OAAO,IAAIG,cAAc;AAElC,SAASH,OAAO,IAAII,gBAAgB;AAGpC,SAASC,6BAA6B;AACtC,SAASL,OAAO,IAAIM,iBAAiB;AACrC,SAASN,OAAO,IAAIO,aAAa;AASjC,SAASP,OAAO,IAAIQ,WAAW;;AAE/B;AACA,SAASR,OAAO,IAAIS,mBAAmB;AACvC,SAAST,OAAO,IAAIU,uBAAuB;AAG3C,SAASV,OAAO,IAAIW,YAAY;AAEhC;AACA,SAASX,OAAO,IAAIY,iBAAiB;AAErC;AACA,SAASZ,OAAO,IAAIa,YAAY;AAEhC;AACA,SAASb,OAAO,IAAIc,aAAa;AAEjC;AACA,SAASd,OAAO,IAAIe,YAAY;AAGhC,SAASf,OAAO,IAAIgB,WAAW;AAG/B,SAAShB,OAAO,IAAIiB,eAAe;AAGnC,SAASjB,OAAO,IAAIkB,OAAO;AAG3B,SAASC,2BAA2B,EAAEC,eAAe;AACrD,SAASpB,OAAO,IAAIqB,WAAW;AAG/B,SAASrB,OAAO,IAAIsB,YAAY;AAGhC,SAAStB,OAAO,IAAIuB,cAAc"}
+{"version":3,"names":["default","BreakLines","ColumnSetting","ConfigProvider","ReactEasyContext","withDefaultConfirmActionProps","withConfirmAction","ConfirmAction","ContextMenu","DeleteConfirmAction","withDeleteConfirmAction","EditableText","EllipsisParagraph","EllipsisText","EllipsisTitle","EllipsisLink","FloatDrawer","FormItemControl","Loading","withDefaultModalActionProps","withModalAction","ModalAction","OverflowTags","PulseAnimation"],"sources":["../../src/components/index.tsx"],"sourcesContent":["export type { BreakLinesProps } from './BreakLines';\nexport { default as BreakLines } from './BreakLines';\n\nexport type { ColumnSettingProps } from './ColumnSetting';\nexport { default as ColumnSetting } from './ColumnSetting';\n\nexport type { ConfigProviderProps } from './ConfigProvider';\nexport { default as ConfigProvider } from './ConfigProvider';\nexport type { ReactEasyContextProps } from './ConfigProvider/context';\nexport { default as ReactEasyContext } from './ConfigProvider/context';\n\nexport type { ConfirmActionProps, ConfirmActionTrigger, ConfirmActionRef, ActionCompConstraint } from './ConfirmAction';\nexport { withDefaultConfirmActionProps } from './ConfirmAction';\nexport { default as withConfirmAction } from './ConfirmAction/withConfirmAction';\nexport { default as ConfirmAction } from './ConfirmAction';\n\nexport type {\n  ContextMenuProps,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuSubmenu,\n  ContextMenuRef,\n} from './ContextMenu';\nexport { default as ContextMenu } from './ContextMenu';\n\n// export * from './DeleteConfirmAction';\nexport { default as DeleteConfirmAction } from './DeleteConfirmAction';\nexport { default as withDeleteConfirmAction } from './DeleteConfirmAction/withDeleteConfirmAction';\n\nexport type { EditableTextProps } from './EditableText';\nexport { default as EditableText } from './EditableText';\n\nexport * from './EllipsisTypography/EllipsisParagraph';\nexport { default as EllipsisParagraph } from './EllipsisTypography/EllipsisParagraph';\n\nexport * from './EllipsisTypography/EllipsisText';\nexport { default as EllipsisText } from './EllipsisTypography/EllipsisText';\n\nexport * from './EllipsisTypography/EllipsisTitle';\nexport { default as EllipsisTitle } from './EllipsisTypography/EllipsisTitle';\n\nexport * from './EllipsisTypography/EllipsisLink';\nexport { default as EllipsisLink } from './EllipsisTypography/EllipsisLink';\n\nexport type { FloatDrawerProps } from './FloatDrawer';\nexport { default as FloatDrawer } from './FloatDrawer';\n\nexport type { FormItemControlProps } from './FormItemControl';\nexport { default as FormItemControl } from './FormItemControl';\n\nexport * from './Iconfont';\n\nexport type { LoadingProps } from './Loading';\nexport { default as Loading } from './Loading';\n\nexport type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';\nexport { withDefaultModalActionProps, withModalAction } from './ModalAction';\nexport { default as ModalAction } from './ModalAction';\n\nexport type { OverflowTagsProps } from './OverflowTags';\nexport { default as OverflowTags } from './OverflowTags';\n\nexport type { PulseAnimationProps } from './Animation/Pulse';\nexport { default as PulseAnimation } from './Animation/Pulse';\n"],"mappings":"AACA,SAASA,OAAO,IAAIC,UAAU;AAG9B,SAASD,OAAO,IAAIE,aAAa;AAGjC,SAASF,OAAO,IAAIG,cAAc;AAElC,SAASH,OAAO,IAAII,gBAAgB;AAGpC,SAASC,6BAA6B;AACtC,SAASL,OAAO,IAAIM,iBAAiB;AACrC,SAASN,OAAO,IAAIO,aAAa;AASjC,SAASP,OAAO,IAAIQ,WAAW;;AAE/B;AACA,SAASR,OAAO,IAAIS,mBAAmB;AACvC,SAAST,OAAO,IAAIU,uBAAuB;AAG3C,SAASV,OAAO,IAAIW,YAAY;AAEhC;AACA,SAASX,OAAO,IAAIY,iBAAiB;AAErC;AACA,SAASZ,OAAO,IAAIa,YAAY;AAEhC;AACA,SAASb,OAAO,IAAIc,aAAa;AAEjC;AACA,SAASd,OAAO,IAAIe,YAAY;AAGhC,SAASf,OAAO,IAAIgB,WAAW;AAG/B,SAAShB,OAAO,IAAIiB,eAAe;AAEnC;AAGA,SAASjB,OAAO,IAAIkB,OAAO;AAG3B,SAASC,2BAA2B,EAAEC,eAAe;AACrD,SAASpB,OAAO,IAAIqB,WAAW;AAG/B,SAASrB,OAAO,IAAIsB,YAAY;AAGhC,SAAStB,OAAO,IAAIuB,cAAc"}

package/es/hooks/index.d.ts

@@ -1,5 +1,7 @@
 export { default as useAudioPlayer } from './useAudioPlayer';
 export { default as useDebounce } from './useDebounce';
+export * from './useLocalStorage';
+export { default as useLocalStorage } from './useLocalStorage';
 export * from './useMovable';
 export { default as useMovable } from './useMovable';
 export * from './useProcessingText';

package/es/hooks/index.js

@@ -1,5 +1,7 @@
 export { default as useAudioPlayer } from "./useAudioPlayer";
 export { default as useDebounce } from "./useDebounce";
+export * from "./useLocalStorage";
+export { default as useLocalStorage } from "./useLocalStorage";
 export * from "./useMovable";
 export { default as useMovable } from "./useMovable";
 export * from "./useProcessingText";

package/es/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","useAudioPlayer","useDebounce","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 './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,UAAU;AAE9B;AACA,SAASH,OAAO,IAAII,iBAAiB;AAErC,SAASJ,OAAO,IAAIK,WAAW;AAE/B,SAASL,OAAO,IAAIM,cAAc;AAElC;AACA,SAASN,OAAO,IAAIO,WAAW;AAE/B;AACA,SAASP,OAAO,IAAIQ,MAAM;AAE1B;AACA,SAASR,OAAO,IAAIS,cAAc;AAElC;AACA,SAAST,OAAO,IAAIU,YAAY;AAGhC,SAASV,OAAO,IAAIW,aAAa;AAEjC,SAASX,OAAO,IAAIY,YAAY;AAGhC,SAASZ,OAAO,IAAIa,mBAAmB"}
+{"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"}

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

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

package/es/hooks/style/useSplitter.js

@@ -0,0 +1,40 @@
+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); }
+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); }
+import { genStyleHooks } from 'antd/es/theme/internal';
+var genStyle = function genStyle(token) {
+  var componentCls = token.componentCls,
+    _token$EasySplitter = token.EasySplitter,
+    _token$EasySplitter2 = _token$EasySplitter === void 0 ? {} : _token$EasySplitter,
+    _token$EasySplitter2$ = _token$EasySplitter2.splitterDefaultWidth,
+    splitterDefaultWidth = _token$EasySplitter2$ === void 0 ? 1 : _token$EasySplitter2$;
+  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    flex: 'none',
+    userSelect: 'none'
+  }, "&".concat(componentCls, "-vertical"), _defineProperty({
+    cursor: 'col-resize',
+    padding: '0 4px',
+    height: '100%'
+  }, "".concat(componentCls, "-handle"), {
+    width: "var(--splitter-width, ".concat(splitterDefaultWidth, "px)"),
+    height: '100%'
+  })), "&".concat(componentCls, "-horizontal"), _defineProperty({
+    cursor: 'row-resize',
+    padding: '4px 0',
+    width: '100%'
+  }, "".concat(componentCls, "-handle"), {
+    width: '100%',
+    height: "var(--splitter-width, ".concat(splitterDefaultWidth, "px)")
+  })), '&:hover', _defineProperty({}, "".concat(componentCls, "-handle"), {
+    background: token.colorPrimaryActive
+  })), "&".concat(componentCls, "-dragging"), _defineProperty({}, "".concat(componentCls, "-handle"), {
+    background: token.colorPrimaryHover
+  })), "&".concat(componentCls, "-hover"), _defineProperty({}, "".concat(componentCls, "-handle"), {
+    background: token.colorPrimaryActive
+  })), "".concat(componentCls, "-handle"), {
+    background: token.colorBorder
+  }));
+};
+export default genStyleHooks('EasySplitter', genStyle);
+//# sourceMappingURL=useSplitter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["genStyleHooks","genStyle","token","componentCls","_token$EasySplitter","EasySplitter","_token$EasySplitter2","_token$EasySplitter2$","splitterDefaultWidth","_defineProperty","flex","userSelect","concat","cursor","padding","height","width","background","colorPrimaryActive","colorPrimaryHover","colorBorder"],"sources":["../../../src/hooks/style/useSplitter.ts"],"sourcesContent":["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype UseSplitterToken = FullToken<\n  {\n    EasySplitter?: {\n      splitterDefaultWidth?: number;\n    };\n  },\n  AliasToken,\n  'EasySplitter'\n>;\n\nconst genStyle: GenerateStyle<UseSplitterToken> = (token): CSSObject => {\n  const { componentCls, EasySplitter: { splitterDefaultWidth = 1 } = {} } = token;\n  return {\n    [componentCls]: {\n      flex: 'none',\n      userSelect: 'none',\n      [`&${componentCls}-vertical`]: {\n        cursor: 'col-resize',\n        padding: '0 4px',\n        height: '100%',\n        [`${componentCls}-handle`]: {\n          width: `var(--splitter-width, ${splitterDefaultWidth}px)`,\n          height: '100%',\n        },\n      },\n      [`&${componentCls}-horizontal`]: {\n        cursor: 'row-resize',\n        padding: '4px 0',\n        width: '100%',\n        [`${componentCls}-handle`]: {\n          width: '100%',\n          height: `var(--splitter-width, ${splitterDefaultWidth}px)`,\n        },\n      },\n      '&:hover': {\n        [`${componentCls}-handle`]: {\n          background: token.colorPrimaryActive,\n        },\n      },\n      [`&${componentCls}-dragging`]: {\n        [`${componentCls}-handle`]: {\n          background: token.colorPrimaryHover,\n        },\n      },\n      [`&${componentCls}-hover`]: {\n        [`${componentCls}-handle`]: {\n          background: token.colorPrimaryActive,\n        },\n      },\n      [`${componentCls}-handle`]: {\n        background: token.colorBorder,\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('EasySplitter' as never, genStyle);\n"],"mappings":";;;;AAAA,SAASA,aAAa,QAAQ,wBAAwB;AAetD,IAAMC,QAAyC,GAAG,SAA5CA,QAAyCA,CAAIC,KAAK,EAAgB;EACtE,IAAQC,YAAY,GAAsDD,KAAK,CAAvEC,YAAY;IAAAC,mBAAA,GAAsDF,KAAK,CAAzDG,YAAY;IAAAC,oBAAA,GAAAF,mBAAA,cAAiC,CAAC,CAAC,GAAAA,mBAAA;IAAAG,qBAAA,GAAAD,oBAAA,CAA/BE,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,CAAC,GAAAA,qBAAA;EAC9D,OAAAE,eAAA,KACGN,YAAY,EAAAM,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA;IACXC,IAAI,EAAE,MAAM;IACZC,UAAU,EAAE;EAAM,OAAAC,MAAA,CACbT,YAAY,gBAAAM,eAAA;IACfI,MAAM,EAAE,YAAY;IACpBC,OAAO,EAAE,OAAO;IAChBC,MAAM,EAAE;EAAM,MAAAH,MAAA,CACVT,YAAY,cAAY;IAC1Ba,KAAK,2BAAAJ,MAAA,CAA2BJ,oBAAoB,QAAK;IACzDO,MAAM,EAAE;EACV,CAAC,QAAAH,MAAA,CAEET,YAAY,kBAAAM,eAAA;IACfI,MAAM,EAAE,YAAY;IACpBC,OAAO,EAAE,OAAO;IAChBE,KAAK,EAAE;EAAM,MAAAJ,MAAA,CACTT,YAAY,cAAY;IAC1Ba,KAAK,EAAE,MAAM;IACbD,MAAM,2BAAAH,MAAA,CAA2BJ,oBAAoB;EACvD,CAAC,IAEH,SAAS,EAAAC,eAAA,QAAAG,MAAA,CACHT,YAAY,cAAY;IAC1Bc,UAAU,EAAEf,KAAK,CAACgB;EACpB,CAAC,QAAAN,MAAA,CAEET,YAAY,gBAAAM,eAAA,QAAAG,MAAA,CACXT,YAAY,cAAY;IAC1Bc,UAAU,EAAEf,KAAK,CAACiB;EACpB,CAAC,QAAAP,MAAA,CAEET,YAAY,aAAAM,eAAA,QAAAG,MAAA,CACXT,YAAY,cAAY;IAC1Bc,UAAU,EAAEf,KAAK,CAACgB;EACpB,CAAC,OAAAN,MAAA,CAECT,YAAY,cAAY;IAC1Bc,UAAU,EAAEf,KAAK,CAACkB;EACpB,CAAC;AAGP,CAAC;AAED,eAAepB,aAAa,CAAC,cAAc,EAAWC,QAAQ,CAAC"}

package/es/hooks/useLocalStorage.d.ts

@@ -0,0 +1,16 @@
+type SetStateAction<T> = T | ((prev: T) => T);
+export interface UseLocalStorageOptions<T> {
+    /** When true, listen to `storage` events and keep state in sync across tabs. Defaults to true. */
+    sync?: boolean;
+    /** Custom serializer. Defaults to JSON.stringify. */
+    serialize?: (value: T) => string;
+    /** Custom deserializer. Defaults to JSON.parse. */
+    deserialize?: (raw: string) => T;
+}
+/**
+ * useLocalStorage
+ *
+ * - If `key` is empty/falsy, behaves like useState and does not touch localStorage.
+ */
+declare function useLocalStorage<T>(key?: string | null, initialValue?: T | (() => T), options?: UseLocalStorageOptions<T>): [T, (action: SetStateAction<T>) => void, () => void];
+export default useLocalStorage;

package/es/hooks/useLocalStorage.js

@@ -0,0 +1,115 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+function isBrowser() {
+  return typeof window !== 'undefined' && typeof window.localStorage !== 'undefined';
+}
+function defaultSerialize(value) {
+  return JSON.stringify(value);
+}
+function defaultDeserialize(raw) {
+  return JSON.parse(raw);
+}
+
+/**
+ * useLocalStorage
+ *
+ * - If `key` is empty/falsy, behaves like useState and does not touch localStorage.
+ */
+function useLocalStorage(key, initialValue, options) {
+  var _options$sync, _options$serialize, _options$deserialize;
+  var storageKey = (key !== null && key !== void 0 ? key : '').trim();
+  var enabled = storageKey.length > 0;
+  var sync = (_options$sync = options === null || options === void 0 ? void 0 : options.sync) !== null && _options$sync !== void 0 ? _options$sync : true;
+  var serialize = (_options$serialize = options === null || options === void 0 ? void 0 : options.serialize) !== null && _options$serialize !== void 0 ? _options$serialize : defaultSerialize;
+  var deserialize = (_options$deserialize = options === null || options === void 0 ? void 0 : options.deserialize) !== null && _options$deserialize !== void 0 ? _options$deserialize : defaultDeserialize;
+  var initialValueRef = useRef(initialValue);
+  initialValueRef.current = initialValue;
+  var getInitial = useCallback(function () {
+    var fallback = function () {
+      var v = initialValueRef.current;
+      return typeof v === 'function' ? v() : v;
+    }();
+    if (!enabled || !isBrowser()) return fallback;
+    try {
+      var _raw = window.localStorage.getItem(storageKey);
+      if (_raw == null) return fallback;
+      return deserialize(_raw);
+    } catch (_unused) {
+      return fallback;
+    }
+  }, [deserialize, enabled, storageKey]);
+  var _useState = useState(getInitial),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValueState = _useState2[1];
+  var writeStorage = useCallback(function (nextValue) {
+    if (!enabled || !isBrowser()) return;
+    try {
+      window.localStorage.setItem(storageKey, serialize(nextValue));
+    } catch (_unused2) {
+      // ignore write errors (e.g., quota exceeded, blocked storage)
+    }
+  }, [enabled, serialize, storageKey]);
+  var setValue = useCallback(function (action) {
+    setValueState(function (prev) {
+      var next = typeof action === 'function' ? action(prev) : action;
+      writeStorage(next);
+      return next;
+    });
+  }, [writeStorage]);
+  var remove = useCallback(function () {
+    // If key is empty/falsy, just reset to initial value.
+    var next = function () {
+      var v = initialValueRef.current;
+      return typeof v === 'function' ? v() : v;
+    }();
+    setValueState(next);
+    if (!enabled || !isBrowser()) return;
+    try {
+      window.localStorage.removeItem(storageKey);
+    } catch (_unused3) {
+      // ignore
+    }
+  }, [enabled, storageKey]);
+
+  // Keep state updated if key changes.
+  useEffect(function () {
+    setValueState(getInitial());
+  }, [getInitial]);
+
+  // Cross-tab sync.
+  useEffect(function () {
+    if (!enabled || !sync || !isBrowser()) return;
+    var onStorage = function onStorage(e) {
+      if (e.storageArea !== window.localStorage) return;
+      if (e.key !== storageKey) return;
+
+      // When removed, fall back to initial.
+      if (e.newValue == null) {
+        setValueState(getInitial());
+        return;
+      }
+      try {
+        setValueState(deserialize(e.newValue));
+      } catch (_unused4) {
+        // ignore parse errors
+      }
+    };
+    window.addEventListener('storage', onStorage);
+    return function () {
+      return window.removeEventListener('storage', onStorage);
+    };
+  }, [deserialize, enabled, getInitial, storageKey, sync]);
+
+  // Stable tuple identity.
+  return useMemo(function () {
+    return [value, setValue, remove];
+  }, [remove, setValue, value]);
+}
+export default useLocalStorage;
+//# sourceMappingURL=useLocalStorage.js.map

package/es/hooks/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","isBrowser","window","localStorage","defaultSerialize","value","JSON","stringify","defaultDeserialize","raw","parse","useLocalStorage","key","initialValue","options","_options$sync","_options$serialize","_options$deserialize","storageKey","trim","enabled","length","sync","serialize","deserialize","initialValueRef","current","getInitial","fallback","v","getItem","_unused","_useState","_useState2","_slicedToArray","setValueState","writeStorage","nextValue","setItem","_unused2","setValue","action","prev","next","remove","removeItem","_unused3","onStorage","e","storageArea","newValue","_unused4","addEventListener","removeEventListener"],"sources":["../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\ntype SetStateAction<T> = T | ((prev: T) => T);\n\nexport interface UseLocalStorageOptions<T> {\n  /** When true, listen to `storage` events and keep state in sync across tabs. Defaults to true. */\n  sync?: boolean;\n  /** Custom serializer. Defaults to JSON.stringify. */\n  serialize?: (value: T) => string;\n  /** Custom deserializer. Defaults to JSON.parse. */\n  deserialize?: (raw: string) => T;\n}\n\nfunction isBrowser() {\n  return typeof window !== 'undefined' && typeof window.localStorage !== 'undefined';\n}\n\nfunction defaultSerialize<T>(value: T) {\n  return JSON.stringify(value);\n}\n\nfunction defaultDeserialize<T>(raw: string) {\n  return JSON.parse(raw) as T;\n}\n\n/**\n * useLocalStorage\n *\n * - If `key` is empty/falsy, behaves like useState and does not touch localStorage.\n */\nfunction useLocalStorage<T>(\n  key?: string | null,\n  initialValue?: T | (() => T),\n  options?: UseLocalStorageOptions<T>\n): [T, (action: SetStateAction<T>) => void, () => void] {\n  const storageKey = (key ?? '').trim();\n  const enabled = storageKey.length > 0;\n  const sync = options?.sync ?? true;\n  const serialize = options?.serialize ?? defaultSerialize;\n  const deserialize = options?.deserialize ?? defaultDeserialize;\n\n  const initialValueRef = useRef(initialValue);\n  initialValueRef.current = initialValue;\n\n  const getInitial = useCallback((): T => {\n    const fallback = (() => {\n      const v = initialValueRef.current;\n      return (typeof v === 'function' ? (v as () => T)() : (v as T)) as T;\n    })();\n\n    if (!enabled || !isBrowser()) return fallback;\n\n    try {\n      const raw = window.localStorage.getItem(storageKey);\n      if (raw == null) return fallback;\n      return deserialize(raw);\n    } catch {\n      return fallback;\n    }\n  }, [deserialize, enabled, storageKey]);\n\n  const [value, setValueState] = useState<T>(getInitial);\n\n  const writeStorage = useCallback(\n    (nextValue: T) => {\n      if (!enabled || !isBrowser()) return;\n      try {\n        window.localStorage.setItem(storageKey, serialize(nextValue));\n      } catch {\n        // ignore write errors (e.g., quota exceeded, blocked storage)\n      }\n    },\n    [enabled, serialize, storageKey]\n  );\n\n  const setValue = useCallback(\n    (action: SetStateAction<T>) => {\n      setValueState((prev) => {\n        const next = typeof action === 'function' ? (action as (p: T) => T)(prev) : action;\n        writeStorage(next);\n        return next;\n      });\n    },\n    [writeStorage]\n  );\n\n  const remove = useCallback(() => {\n    // If key is empty/falsy, just reset to initial value.\n    const next = (() => {\n      const v = initialValueRef.current;\n      return (typeof v === 'function' ? (v as () => T)() : (v as T)) as T;\n    })();\n\n    setValueState(next);\n\n    if (!enabled || !isBrowser()) return;\n    try {\n      window.localStorage.removeItem(storageKey);\n    } catch {\n      // ignore\n    }\n  }, [enabled, storageKey]);\n\n  // Keep state updated if key changes.\n  useEffect(() => {\n    setValueState(getInitial());\n  }, [getInitial]);\n\n  // Cross-tab sync.\n  useEffect(() => {\n    if (!enabled || !sync || !isBrowser()) return;\n\n    const onStorage = (e: StorageEvent) => {\n      if (e.storageArea !== window.localStorage) return;\n      if (e.key !== storageKey) return;\n\n      // When removed, fall back to initial.\n      if (e.newValue == null) {\n        setValueState(getInitial());\n        return;\n      }\n\n      try {\n        setValueState(deserialize(e.newValue));\n      } catch {\n        // ignore parse errors\n      }\n    };\n\n    window.addEventListener('storage', onStorage);\n    return () => window.removeEventListener('storage', onStorage);\n  }, [deserialize, enabled, getInitial, storageKey, sync]);\n\n  // Stable tuple identity.\n  return useMemo(() => [value, setValue, remove] as const, [remove, setValue, value]);\n}\n\nexport default useLocalStorage;\n"],"mappings":"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"}

package/es/hooks/useMovable.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 { useEffect, useRef, useState } from 'react';
-import { useLocalStorage } from 'react-use';
+import useLocalStorage from "./useLocalStorage";
 import useRefFunction from "./useRefFunction";
 import useRefValue from "./useRefValue";
 /**
@@ -66,7 +66,7 @@ var useMovable = function useMovable(props) {
     e.preventDefault();
   });
 
-  // 调整：在窗口 resize 时自动收敛位置，防止超出可视区域
+  // Automatically adjust the position during window resize to prevent it from exceeding the visible area.
   useEffect(function () {
     var clampToViewport = function clampToViewport() {
       var _containerRef$current3;

package/es/hooks/useMovable.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","useState","useLocalStorage","useRefFunction","useRefValue","useMovable","props","enabled","containerRef","ignoreSelectors","storageKey","storageKeyRef","_useLocalStorage","_useLocalStorage2","_slicedToArray","savedPosition","savePosition","savePositionRef","_useState","undefined","_useState2","position","setPosition","positionRef","draggingRef","dragOffsetRef","x","y","sizeRef","w","h","handlePointerDown","e","_position$left","_position$top","target","closest","join","current","rect","getBoundingClientRect","width","height","currentLeft","left","currentTop","top","clientX","clientY","_containerRef$current","_containerRef$current2","setPointerCapture","call","pointerId","_unused","preventDefault","clampToViewport","_containerRef$current3","pos","maxLeft","Math","max","window","innerWidth","maxTop","innerHeight","clampedLeft","min","clampedTop","next","addEventListener","removeEventListener","onMove","newLeft","newTop","onUp","onPointerDown"],"sources":["../../src/hooks/useMovable.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef, useState } from 'react';\nimport { useLocalStorage } from 'react-use';\nimport useRefFunction from './useRefFunction';\nimport useRefValue from './useRefValue';\n\nexport interface UseMovableProps {\n  /**\n   * - **EN:** Whether dragging is enabled, default is `true`\n   * - **CN:** 是否启用拖动，默认`true`\n   */\n  enabled?: boolean;\n  /**\n   * - **EN:** The ref of the container element\n   * - **CN:** 容器元素的ref\n   */\n  containerRef: RefObject<HTMLElement>;\n  /**\n   * - **EN:** Selectors of elements that should not trigger dragging, e.g., interactive controls\n   * - **CN:** 不应触发拖动的元素的选择器，例如交互控件\n   */\n  ignoreSelectors?: string[];\n  /**\n   * - **EN:** Key for storing position in localStorage; if not provided, position won't be saved\n   * - **CN:** 用于在 localStorage 中存储位置的键；如果未提供，则不会保存位置\n   */\n  storageKey?: string;\n}\n\n/**\n * - **EN:** Hook to make an element movable by dragging, with position persistence using localStorage\n * - **CN:** 通过拖动使元素可移动的钩子，并使用 localStorage 持久化位置\n */\nconst useMovable = (props: UseMovableProps) => {\n  const { enabled, containerRef, ignoreSelectors, storageKey } = props;\n\n  const storageKeyRef = useRefValue(storageKey);\n  const [savedPosition, savePosition] = useLocalStorage<MovePosition>(storageKey ?? '');\n  const savePositionRef = useRefValue(savePosition);\n  const [position, setPosition] = useState<MovePosition | undefined>(savedPosition ?? undefined);\n  const positionRef = useRefValue(position);\n  const draggingRef = useRef(false);\n  const dragOffsetRef = useRef({ x: 0, y: 0 });\n  const sizeRef = useRef({ w: 0, h: 0 });\n\n  // Drag start (exclude interactive controls)\n  const handlePointerDown = useRefFunction((e: React.PointerEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLElement;\n    // Set the selector for elements that do not trigger dragging\n    if (ignoreSelectors && target.closest(ignoreSelectors.join(','))) return;\n\n    if (!containerRef.current) return;\n    const rect = containerRef.current.getBoundingClientRect();\n    sizeRef.current = { w: rect.width, h: rect.height };\n    const currentLeft = position?.left ?? rect.left;\n    const currentTop = position?.top ?? rect.top;\n\n    dragOffsetRef.current = { x: e.clientX - currentLeft, y: e.clientY - currentTop };\n    draggingRef.current = true;\n    try {\n      containerRef.current.setPointerCapture?.(e.pointerId);\n    } catch {\n      // do nothing\n    }\n    e.preventDefault();\n  });\n\n  // 调整：在窗口 resize 时自动收敛位置，防止超出可视区域\n  useEffect(() => {\n    const clampToViewport = () => {\n      const pos = positionRef.current;\n      if (!pos) return;\n\n      // Refresh the container size before each convergence to ensure accurate boundaries.\n      const rect = containerRef.current?.getBoundingClientRect();\n      if (rect) {\n        sizeRef.current = { w: rect.width, h: rect.height };\n      }\n\n      const maxLeft = Math.max(0, window.innerWidth - sizeRef.current.w);\n      const maxTop = Math.max(0, window.innerHeight - sizeRef.current.h);\n      const clampedLeft = Math.min(Math.max(0, pos.left), maxLeft);\n      const clampedTop = Math.min(Math.max(0, pos.top), maxTop);\n\n      if (clampedLeft !== pos.left || clampedTop !== pos.top) {\n        const next = { left: clampedLeft, top: clampedTop };\n        setPosition(next);\n        if (storageKeyRef.current) {\n          savePositionRef.current(next);\n        }\n      }\n    };\n\n    window.addEventListener('resize', clampToViewport);\n    // Calibrate immediately after the first mount/position change.\n    clampToViewport();\n\n    return () => {\n      window.removeEventListener('resize', clampToViewport);\n    };\n  }, [containerRef]);\n\n  // Update position during dragging; restrict within the visible area.\n  useEffect(() => {\n    const onMove = (e: PointerEvent) => {\n      if (!draggingRef.current) return;\n      const newLeft = e.clientX - dragOffsetRef.current.x;\n      const newTop = e.clientY - dragOffsetRef.current.y;\n      const maxLeft = Math.max(0, window.innerWidth - sizeRef.current.w);\n      const maxTop = Math.max(0, window.innerHeight - sizeRef.current.h);\n      const clampedLeft = Math.min(Math.max(0, newLeft), maxLeft);\n      const clampedTop = Math.min(Math.max(0, newTop), maxTop);\n      const pos = { left: clampedLeft, top: clampedTop };\n      setPosition(pos);\n      if (storageKeyRef.current) {\n        savePositionRef.current(pos);\n      }\n    };\n    const onUp = () => {\n      if (draggingRef.current) draggingRef.current = false;\n    };\n    if (enabled) {\n      window.addEventListener('pointermove', onMove);\n      window.addEventListener('pointerup', onUp);\n      window.addEventListener('pointercancel', onUp);\n    }\n    return () => {\n      window.removeEventListener('pointermove', onMove);\n      window.removeEventListener('pointerup', onUp);\n      window.removeEventListener('pointercancel', onUp);\n    };\n  }, [enabled]);\n\n  return {\n    onPointerDown: handlePointerDown,\n    position,\n  };\n};\n\nexport interface MovePosition {\n  left: number;\n  top: number;\n}\n\nexport default useMovable;\n"],"mappings":"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"}
+{"version":3,"names":["useEffect","useRef","useState","useLocalStorage","useRefFunction","useRefValue","useMovable","props","enabled","containerRef","ignoreSelectors","storageKey","storageKeyRef","_useLocalStorage","_useLocalStorage2","_slicedToArray","savedPosition","savePosition","savePositionRef","_useState","undefined","_useState2","position","setPosition","positionRef","draggingRef","dragOffsetRef","x","y","sizeRef","w","h","handlePointerDown","e","_position$left","_position$top","target","closest","join","current","rect","getBoundingClientRect","width","height","currentLeft","left","currentTop","top","clientX","clientY","_containerRef$current","_containerRef$current2","setPointerCapture","call","pointerId","_unused","preventDefault","clampToViewport","_containerRef$current3","pos","maxLeft","Math","max","window","innerWidth","maxTop","innerHeight","clampedLeft","min","clampedTop","next","addEventListener","removeEventListener","onMove","newLeft","newTop","onUp","onPointerDown"],"sources":["../../src/hooks/useMovable.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef, useState } from 'react';\nimport useLocalStorage from './useLocalStorage';\nimport useRefFunction from './useRefFunction';\nimport useRefValue from './useRefValue';\n\nexport interface UseMovableProps {\n  /**\n   * - **EN:** Whether dragging is enabled, default is `true`\n   * - **CN:** 是否启用拖动，默认`true`\n   */\n  enabled?: boolean;\n  /**\n   * - **EN:** The ref of the container element\n   * - **CN:** 容器元素的ref\n   */\n  containerRef: RefObject<HTMLElement>;\n  /**\n   * - **EN:** Selectors of elements that should not trigger dragging, e.g., interactive controls\n   * - **CN:** 不应触发拖动的元素的选择器，例如交互控件\n   */\n  ignoreSelectors?: string[];\n  /**\n   * - **EN:** Key for storing position in localStorage; if not provided, position won't be saved\n   * - **CN:** 用于在 localStorage 中存储位置的键；如果未提供，则不会保存位置\n   */\n  storageKey?: string;\n}\n\n/**\n * - **EN:** Hook to make an element movable by dragging, with position persistence using localStorage\n * - **CN:** 通过拖动使元素可移动的钩子，并使用 localStorage 持久化位置\n */\nconst useMovable = (props: UseMovableProps) => {\n  const { enabled, containerRef, ignoreSelectors, storageKey } = props;\n\n  const storageKeyRef = useRefValue(storageKey);\n  const [savedPosition, savePosition] = useLocalStorage<MovePosition>(storageKey ?? '');\n  const savePositionRef = useRefValue(savePosition);\n  const [position, setPosition] = useState<MovePosition | undefined>(savedPosition ?? undefined);\n  const positionRef = useRefValue(position);\n  const draggingRef = useRef(false);\n  const dragOffsetRef = useRef({ x: 0, y: 0 });\n  const sizeRef = useRef({ w: 0, h: 0 });\n\n  // Drag start (exclude interactive controls)\n  const handlePointerDown = useRefFunction((e: React.PointerEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLElement;\n    // Set the selector for elements that do not trigger dragging\n    if (ignoreSelectors && target.closest(ignoreSelectors.join(','))) return;\n\n    if (!containerRef.current) return;\n    const rect = containerRef.current.getBoundingClientRect();\n    sizeRef.current = { w: rect.width, h: rect.height };\n    const currentLeft = position?.left ?? rect.left;\n    const currentTop = position?.top ?? rect.top;\n\n    dragOffsetRef.current = { x: e.clientX - currentLeft, y: e.clientY - currentTop };\n    draggingRef.current = true;\n    try {\n      containerRef.current.setPointerCapture?.(e.pointerId);\n    } catch {\n      // do nothing\n    }\n    e.preventDefault();\n  });\n\n  // Automatically adjust the position during window resize to prevent it from exceeding the visible area.\n  useEffect(() => {\n    const clampToViewport = () => {\n      const pos = positionRef.current;\n      if (!pos) return;\n\n      // Refresh the container size before each convergence to ensure accurate boundaries.\n      const rect = containerRef.current?.getBoundingClientRect();\n      if (rect) {\n        sizeRef.current = { w: rect.width, h: rect.height };\n      }\n\n      const maxLeft = Math.max(0, window.innerWidth - sizeRef.current.w);\n      const maxTop = Math.max(0, window.innerHeight - sizeRef.current.h);\n      const clampedLeft = Math.min(Math.max(0, pos.left), maxLeft);\n      const clampedTop = Math.min(Math.max(0, pos.top), maxTop);\n\n      if (clampedLeft !== pos.left || clampedTop !== pos.top) {\n        const next = { left: clampedLeft, top: clampedTop };\n        setPosition(next);\n        if (storageKeyRef.current) {\n          savePositionRef.current(next);\n        }\n      }\n    };\n\n    window.addEventListener('resize', clampToViewport);\n    // Calibrate immediately after the first mount/position change.\n    clampToViewport();\n\n    return () => {\n      window.removeEventListener('resize', clampToViewport);\n    };\n  }, [containerRef]);\n\n  // Update position during dragging; restrict within the visible area.\n  useEffect(() => {\n    const onMove = (e: PointerEvent) => {\n      if (!draggingRef.current) return;\n      const newLeft = e.clientX - dragOffsetRef.current.x;\n      const newTop = e.clientY - dragOffsetRef.current.y;\n      const maxLeft = Math.max(0, window.innerWidth - sizeRef.current.w);\n      const maxTop = Math.max(0, window.innerHeight - sizeRef.current.h);\n      const clampedLeft = Math.min(Math.max(0, newLeft), maxLeft);\n      const clampedTop = Math.min(Math.max(0, newTop), maxTop);\n      const pos = { left: clampedLeft, top: clampedTop };\n      setPosition(pos);\n      if (storageKeyRef.current) {\n        savePositionRef.current(pos);\n      }\n    };\n    const onUp = () => {\n      if (draggingRef.current) draggingRef.current = false;\n    };\n    if (enabled) {\n      window.addEventListener('pointermove', onMove);\n      window.addEventListener('pointerup', onUp);\n      window.addEventListener('pointercancel', onUp);\n    }\n    return () => {\n      window.removeEventListener('pointermove', onMove);\n      window.removeEventListener('pointerup', onUp);\n      window.removeEventListener('pointercancel', onUp);\n    };\n  }, [enabled]);\n\n  return {\n    onPointerDown: handlePointerDown,\n    position,\n  };\n};\n\nexport interface MovePosition {\n  left: number;\n  top: number;\n}\n\nexport default useMovable;\n"],"mappings":"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"}