@tiny-codes/react-easy 1.7.3 → 1.7.5

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 # Changelog
 
+## 1.7.5
+
+2026-2-24
+
+### Features
+
+- **EllipsisLink**
+  - ✨ Add `EllipsisLink` component with automatic ellipsis and tooltip functionality.
+
+## 1.7.4
+
+2026-2-24
+
+### Features
+
+- **OverflowTags**
+  - ✨ Add `ellipsisDropdownProps` property to customize the dropdown when tags are overflowed.
+
 ## 1.7.3
 
 2026-2-12

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

@@ -0,0 +1,19 @@
+import type { LinkProps } from 'antd/es/typography/Link';
+import { type MakeEllipsisTypographyProps } from './withEllipsisTypography';
+export type EllipsisLinkProps = MakeEllipsisTypographyProps<LinkProps>;
+/**
+ * - **EN:** A text component with automatic ellipsis and tooltip functionality that displays a
+ *   tooltip when the text overflows, and does not display a tooltip when the text does not
+ *   overflow. The following three methods can enable the automatic tooltip feature:
+ *
+ *   1. Set the `ellipsis` property to `true`
+ *   2. Set the `ellipsis.tooltip` property to `true`
+ *   3. Set the `ellipsis.tooltip.title` property to `true`
+ * - **CN:** 具有自动省略号和提示功能的文本组件，在文本溢出时显示工具提示，如果文本未溢出，则不显示工具提示。以下三种方式均可开启自动提示功能：
+ *
+ *   1. 设置 `ellipsis` 属性为 `true`
+ *   2. 设置 `ellipsis.tooltip` 属性为 `true`
+ *   3. 设置 `ellipsis.tooltip.title` 属性为 `true`
+ */
+declare const EllipsisLink: (props: MakeEllipsisTypographyProps<LinkProps>) => import("react/jsx-runtime").JSX.Element;
+export default EllipsisLink;

package/es/components/EllipsisTypography/EllipsisLink.js

@@ -0,0 +1,19 @@
+import { Typography } from 'antd';
+import withEllipsisTypography from "./withEllipsisTypography";
+/**
+ * - **EN:** A text component with automatic ellipsis and tooltip functionality that displays a
+ *   tooltip when the text overflows, and does not display a tooltip when the text does not
+ *   overflow. The following three methods can enable the automatic tooltip feature:
+ *
+ *   1. Set the `ellipsis` property to `true`
+ *   2. Set the `ellipsis.tooltip` property to `true`
+ *   3. Set the `ellipsis.tooltip.title` property to `true`
+ * - **CN:** 具有自动省略号和提示功能的文本组件，在文本溢出时显示工具提示，如果文本未溢出，则不显示工具提示。以下三种方式均可开启自动提示功能：
+ *
+ *   1. 设置 `ellipsis` 属性为 `true`
+ *   2. 设置 `ellipsis.tooltip` 属性为 `true`
+ *   3. 设置 `ellipsis.tooltip.title` 属性为 `true`
+ */
+var EllipsisLink = withEllipsisTypography(Typography.Link);
+export default EllipsisLink;
+//# sourceMappingURL=EllipsisLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Typography","withEllipsisTypography","EllipsisLink","Link"],"sources":["../../../src/components/EllipsisTypography/EllipsisLink.tsx"],"sourcesContent":["import { Typography } from 'antd';\nimport type { LinkProps } from 'antd/es/typography/Link';\nimport withEllipsisTypography, { type MakeEllipsisTypographyProps } from './withEllipsisTypography';\n\nexport type EllipsisLinkProps = MakeEllipsisTypographyProps<LinkProps>;\n\n/**\n * - **EN:** A text component with automatic ellipsis and tooltip functionality that displays a\n *   tooltip when the text overflows, and does not display a tooltip when the text does not\n *   overflow. The following three methods can enable the automatic tooltip feature:\n *\n *   1. Set the `ellipsis` property to `true`\n *   2. Set the `ellipsis.tooltip` property to `true`\n *   3. Set the `ellipsis.tooltip.title` property to `true`\n * - **CN:** 具有自动省略号和提示功能的文本组件，在文本溢出时显示工具提示，如果文本未溢出，则不显示工具提示。以下三种方式均可开启自动提示功能：\n *\n *   1. 设置 `ellipsis` 属性为 `true`\n *   2. 设置 `ellipsis.tooltip` 属性为 `true`\n *   3. 设置 `ellipsis.tooltip.title` 属性为 `true`\n */\nconst EllipsisLink = withEllipsisTypography<LinkProps>(Typography.Link);\n\nexport default EllipsisLink;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,MAAM;AAEjC,OAAOC,sBAAsB;AAI7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,YAAY,GAAGD,sBAAsB,CAAYD,UAAU,CAACG,IAAI,CAAC;AAEvE,eAAeD,YAAY"}

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { TagProps } from 'antd';
+import type { DropdownProps, TagProps } from 'antd';
 import type { OverflowProps } from 'rc-overflow';
 export interface OverflowTagsProps<T> extends Omit<OverflowProps<T>, 'renderItem'> {
     /**
@@ -44,6 +44,12 @@ export interface OverflowTagsProps<T> extends Omit<OverflowProps<T>, 'renderItem
         omittedItems: T[];
         allTags: T[];
     }) => TagProps);
+    /**
+     * **EN**: Custom properties for the dropdown component when tags are overflowed
+     *
+     * **CN**: 当标签溢出时，下拉菜单的自定义属性
+     */
+    ellipsisDropdownProps?: DropdownProps;
     /**
      * **EN**: Whether to use random colors, default is `false`. Note that the tag object can also
      * contain a `color` property to specify the color, and the latter takes precedence.

package/es/components/OverflowTags/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["tags", "randomColors", "getTagName", "getTagKey", "tagProps", "ellipsisTagProps", "className", "prefixCls"];
+var _excluded = ["tags", "randomColors", "getTagName", "getTagKey", "tagProps", "ellipsisTagProps", "ellipsisDropdownProps", "className", "prefixCls"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -47,6 +47,7 @@ var OverflowTags = function OverflowTags(props) {
     getTagKey = props.getTagKey,
     tagProps = props.tagProps,
     ellipsisTagProps = props.ellipsisTagProps,
+    ellipsisDropdownProps = props.ellipsisDropdownProps,
     className = props.className,
     prefixClsInProps = props.prefixCls,
     restProps = _objectWithoutProperties(props, _excluded);
@@ -95,8 +96,8 @@ var OverflowTags = function OverflowTags(props) {
     maxCount: "responsive",
     renderItem: renderTag,
     renderRest: function renderRest(omittedItems) {
-      return /*#__PURE__*/_jsx(Dropdown, {
-        menu: {
+      return /*#__PURE__*/_jsx(Dropdown, _objectSpread(_objectSpread({}, ellipsisDropdownProps), {}, {
+        menu: _objectSpread({
           items: omittedItems.map(function (tag) {
             var _ref2, _getValue2;
             return {
@@ -105,14 +106,14 @@ var OverflowTags = function OverflowTags(props) {
               label: getTagName(tag)
             };
           })
-        },
+        }, ellipsisDropdownProps === null || ellipsisDropdownProps === void 0 ? void 0 : ellipsisDropdownProps.menu),
         children: /*#__PURE__*/_jsxs(Tag, _objectSpread(_objectSpread({}, typeof ellipsisTagProps === 'function' ? ellipsisTagProps(omittedItems[0], {
           omittedItems: omittedItems,
           allTags: tags
         }) : ellipsisTagProps), {}, {
           children: ["+ ", omittedItems.length, "..."]
         }))
-      });
+      }));
     }
   }, restProps)));
 };

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","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 { 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**: 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    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          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          }}\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","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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"}

package/es/components/index.d.ts

@@ -22,6 +22,8 @@ export * from './EllipsisTypography/EllipsisText';
 export { default as EllipsisText } from './EllipsisTypography/EllipsisText';
 export * from './EllipsisTypography/EllipsisTitle';
 export { default as EllipsisTitle } from './EllipsisTypography/EllipsisTitle';
+export * from './EllipsisTypography/EllipsisLink';
+export { default as EllipsisLink } from './EllipsisTypography/EllipsisLink';
 export type { FloatDrawerProps } from './FloatDrawer';
 export { default as FloatDrawer } from './FloatDrawer';
 export type { FormItemControlProps } from './FormItemControl';

package/es/components/index.js

@@ -17,6 +17,8 @@ export * from "./EllipsisTypography/EllipsisText";
 export { default as EllipsisText } from "./EllipsisTypography/EllipsisText";
 export * from "./EllipsisTypography/EllipsisTitle";
 export { default as EllipsisTitle } from "./EllipsisTypography/EllipsisTitle";
+export * from "./EllipsisTypography/EllipsisLink";
+export { default as EllipsisLink } from "./EllipsisTypography/EllipsisLink";
 export { default as FloatDrawer } from "./FloatDrawer";
 export { default as FormItemControl } from "./FormItemControl";
 export { default as Loading } from "./Loading";

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","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 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;AAGjC,SAASd,OAAO,IAAIe,WAAW;AAG/B,SAASf,OAAO,IAAIgB,eAAe;AAGnC,SAAShB,OAAO,IAAIiB,OAAO;AAG3B,SAASC,2BAA2B,EAAEC,eAAe;AACrD,SAASnB,OAAO,IAAIoB,WAAW;AAG/B,SAASpB,OAAO,IAAIqB,YAAY;AAGhC,SAASrB,OAAO,IAAIsB,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 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"}

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

@@ -0,0 +1,19 @@
+import type { LinkProps } from 'antd/es/typography/Link';
+import { type MakeEllipsisTypographyProps } from './withEllipsisTypography';
+export type EllipsisLinkProps = MakeEllipsisTypographyProps<LinkProps>;
+/**
+ * - **EN:** A text component with automatic ellipsis and tooltip functionality that displays a
+ *   tooltip when the text overflows, and does not display a tooltip when the text does not
+ *   overflow. The following three methods can enable the automatic tooltip feature:
+ *
+ *   1. Set the `ellipsis` property to `true`
+ *   2. Set the `ellipsis.tooltip` property to `true`
+ *   3. Set the `ellipsis.tooltip.title` property to `true`
+ * - **CN:** 具有自动省略号和提示功能的文本组件，在文本溢出时显示工具提示，如果文本未溢出，则不显示工具提示。以下三种方式均可开启自动提示功能：
+ *
+ *   1. 设置 `ellipsis` 属性为 `true`
+ *   2. 设置 `ellipsis.tooltip` 属性为 `true`
+ *   3. 设置 `ellipsis.tooltip.title` 属性为 `true`
+ */
+declare const EllipsisLink: (props: MakeEllipsisTypographyProps<LinkProps>) => import("react/jsx-runtime").JSX.Element;
+export default EllipsisLink;

package/lib/components/EllipsisTypography/EllipsisLink.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/EllipsisTypography/EllipsisLink.tsx
+var EllipsisLink_exports = {};
+__export(EllipsisLink_exports, {
+  default: () => EllipsisLink_default
+});
+module.exports = __toCommonJS(EllipsisLink_exports);
+var import_antd = require("antd");
+var import_withEllipsisTypography = __toESM(require("./withEllipsisTypography"));
+var EllipsisLink = (0, import_withEllipsisTypography.default)(import_antd.Typography.Link);
+var EllipsisLink_default = EllipsisLink;
+//# sourceMappingURL=EllipsisLink.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/EllipsisTypography/EllipsisLink.tsx"],
+  "sourcesContent": ["import { Typography } from 'antd';\nimport type { LinkProps } from 'antd/es/typography/Link';\nimport withEllipsisTypography, { type MakeEllipsisTypographyProps } from './withEllipsisTypography';\n\nexport type EllipsisLinkProps = MakeEllipsisTypographyProps<LinkProps>;\n\n/**\n * - **EN:** A text component with automatic ellipsis and tooltip functionality that displays a\n *   tooltip when the text overflows, and does not display a tooltip when the text does not\n *   overflow. The following three methods can enable the automatic tooltip feature:\n *\n *   1. Set the `ellipsis` property to `true`\n *   2. Set the `ellipsis.tooltip` property to `true`\n *   3. Set the `ellipsis.tooltip.title` property to `true`\n * - **CN:** 具有自动省略号和提示功能的文本组件，在文本溢出时显示工具提示，如果文本未溢出，则不显示工具提示。以下三种方式均可开启自动提示功能：\n *\n *   1. 设置 `ellipsis` 属性为 `true`\n *   2. 设置 `ellipsis.tooltip` 属性为 `true`\n *   3. 设置 `ellipsis.tooltip.title` 属性为 `true`\n */\nconst EllipsisLink = withEllipsisTypography<LinkProps>(Typography.Link);\n\nexport default EllipsisLink;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2B;AAE3B,oCAAyE;AAkBzE,IAAM,mBAAe,8BAAAA,SAAkC,uBAAW,IAAI;AAEtE,IAAO,uBAAQ;",
+  "names": ["withEllipsisTypography"]
+}

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { TagProps } from 'antd';
+import type { DropdownProps, TagProps } from 'antd';
 import type { OverflowProps } from 'rc-overflow';
 export interface OverflowTagsProps<T> extends Omit<OverflowProps<T>, 'renderItem'> {
     /**
@@ -44,6 +44,12 @@ export interface OverflowTagsProps<T> extends Omit<OverflowProps<T>, 'renderItem
         omittedItems: T[];
         allTags: T[];
     }) => TagProps);
+    /**
+     * **EN**: Custom properties for the dropdown component when tags are overflowed
+     *
+     * **CN**: 当标签溢出时，下拉菜单的自定义属性
+     */
+    ellipsisDropdownProps?: DropdownProps;
     /**
      * **EN**: Whether to use random colors, default is `false`. Note that the tag object can also
      * contain a `color` property to specify the color, and the latter takes precedence.

package/lib/components/OverflowTags/index.js

@@ -47,6 +47,7 @@ var OverflowTags = (props) => {
     getTagKey,
     tagProps,
     ellipsisTagProps,
+    ellipsisDropdownProps,
     className,
     prefixCls: prefixClsInProps,
     ...restProps
@@ -94,12 +95,14 @@ var OverflowTags = (props) => {
         renderRest: (omittedItems) => /* @__PURE__ */ React.createElement(
           import_antd.Dropdown,
           {
+            ...ellipsisDropdownProps,
             menu: {
               items: omittedItems.map((tag) => ({
                 type: "item",
                 key: getTagKey ? getTagKey(tag) : getValue(tag, "value") ?? getValue(tag, "id") ?? getTagName(tag),
                 label: getTagName(tag)
-              }))
+              })),
+              ...ellipsisDropdownProps == null ? void 0 : ellipsisDropdownProps.menu
             }
           },
           /* @__PURE__ */ React.createElement(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/OverflowTags/index.tsx"],
-  "sourcesContent": ["import type { ReactNode } from 'react';\nimport { useCallback, useContext, useMemo } from 'react';\nimport type { 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**: 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    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          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          }}\n        >\n          <Tag\n            {...(typeof ellipsisTagProps === 'function'\n              ? ellipsisTagProps(omittedItems[0], { omittedItems, allTags: tags })\n              : ellipsisTagProps)}\n          >\n            + {omittedItems.length}...\n          </Tag>\n        </Dropdown>\n      )}\n      {...restProps}\n    />\n  );\n};\n\nexport default OverflowTags;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAiD;AAEjD,kBAAqD;AACrD,sBAA6B;AAC7B,wBAAuB;AAEvB,yBAAqB;AACrB,kBAAuB;AACvB,mBAAqB;AAmErB,IAAM,eAAe,CAAK,UAAgC;AACxD,QAAM;AAAA,IACJ,OAAO,CAAC;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,MAAM,IAAI,kBAAM,SAAS;AACjC,QAAM,EAAE,aAAa,QAAI,yBAAW,2BAAe,aAAa;AAChE,QAAM,YAAY,aAAa,sBAAsB,gBAAgB;AACrE,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAA,SAAS,SAAS;AAE1D,QAAM,aAAS;AAAA,IACb,MAAM,6BAAa,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,UAAU,SAAS,EAAE,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,MAAM,GAAG,SAAS,CAAC;AAAA,IAC/G,CAAC,KAAK;AAAA,EACR;AACA,QAAM,eAAW,0BAAY,CAAC,KAAoB,UAAkB;AAClE,QAAI,OAAO,QAAQ,OAAO,QAAQ,UAAU;AAE1C,YAAM,SAAS;AACf,aAAO,OAAO,KAAK;AAAA,IACrB;AACA,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACL,QAAM,iBAAa;AAAA,IACjB,CAAC,QAAW;AACV,aAAO,oBACH,kBAAkB,GAAG,IACpB,SAAS,KAAK,OAAO,KAAK,SAAS,KAAK,MAAM,MAAK,2BAAK;AAAA,IAC/D;AAAA,IACA,CAAC,mBAAmB,QAAQ;AAAA,EAC9B;AACA,QAAM,YAAY,CAAC,SAAY;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS,MAAM,MAAM;AAAA,QAC3B,OAAO,eAAe,WAAO,oBAAO,GAAG,OAAO,SAAS,CAAC,CAAC,IAAI,SAAS,MAAM,OAAO,KAAK;AAAA,QACvF,GAAI,OAAO,aAAa,aAAa,SAAS,MAAM,EAAE,KAAK,CAAC,IAAI;AAAA;AAAA,MAEhE,WAAW,IAAI;AAAA,IAClB;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL;AAAA,MAAC,mBAAAC;AAAA,MAAA;AAAA,QACC,eAAW,kBAAAC,SAAW,QAAQ,WAAW,WAAW,SAAS;AAAA,QAC7D,MAAM;AAAA,QACN,UAAS;AAAA,QACT,YAAY;AAAA,QACZ,YAAY,CAAC,iBACX;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,cACJ,OAAO,aAAa,IAAI,CAAC,SAAS;AAAA,gBAChC,MAAM;AAAA,gBACN,KAAK,YAAY,UAAU,GAAG,IAAK,SAAS,KAAK,OAAO,KAAK,SAAS,KAAK,IAAI,KAAK,WAAW,GAAG;AAAA,gBAClG,OAAO,WAAW,GAAG;AAAA,cACvB,EAAE;AAAA,YACJ;AAAA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACE,GAAI,OAAO,qBAAqB,aAC7B,iBAAiB,aAAa,CAAC,GAAG,EAAE,cAAc,SAAS,KAAK,CAAC,IACjE;AAAA;AAAA,YACL;AAAA,YACI,aAAa;AAAA,YAAO;AAAA,UACzB;AAAA,QACF;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
+  "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAiD;AAEjD,kBAAqD;AACrD,sBAA6B;AAC7B,wBAAuB;AAEvB,yBAAqB;AACrB,kBAAuB;AACvB,mBAAqB;AAyErB,IAAM,eAAe,CAAK,UAAgC;AACxD,QAAM;AAAA,IACJ,OAAO,CAAC;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,MAAM,IAAI,kBAAM,SAAS;AACjC,QAAM,EAAE,aAAa,QAAI,yBAAW,2BAAe,aAAa;AAChE,QAAM,YAAY,aAAa,sBAAsB,gBAAgB;AACrE,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAA,SAAS,SAAS;AAE1D,QAAM,aAAS;AAAA,IACb,MAAM,6BAAa,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,UAAU,SAAS,EAAE,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,MAAM,GAAG,SAAS,CAAC;AAAA,IAC/G,CAAC,KAAK;AAAA,EACR;AACA,QAAM,eAAW,0BAAY,CAAC,KAAoB,UAAkB;AAClE,QAAI,OAAO,QAAQ,OAAO,QAAQ,UAAU;AAE1C,YAAM,SAAS;AACf,aAAO,OAAO,KAAK;AAAA,IACrB;AACA,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACL,QAAM,iBAAa;AAAA,IACjB,CAAC,QAAW;AACV,aAAO,oBACH,kBAAkB,GAAG,IACpB,SAAS,KAAK,OAAO,KAAK,SAAS,KAAK,MAAM,MAAK,2BAAK;AAAA,IAC/D;AAAA,IACA,CAAC,mBAAmB,QAAQ;AAAA,EAC9B;AACA,QAAM,YAAY,CAAC,SAAY;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS,MAAM,MAAM;AAAA,QAC3B,OAAO,eAAe,WAAO,oBAAO,GAAG,OAAO,SAAS,CAAC,CAAC,IAAI,SAAS,MAAM,OAAO,KAAK;AAAA,QACvF,GAAI,OAAO,aAAa,aAAa,SAAS,MAAM,EAAE,KAAK,CAAC,IAAI;AAAA;AAAA,MAEhE,WAAW,IAAI;AAAA,IAClB;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL;AAAA,MAAC,mBAAAC;AAAA,MAAA;AAAA,QACC,eAAW,kBAAAC,SAAW,QAAQ,WAAW,WAAW,SAAS;AAAA,QAC7D,MAAM;AAAA,QACN,UAAS;AAAA,QACT,YAAY;AAAA,QACZ,YAAY,CAAC,iBACX;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,cACJ,OAAO,aAAa,IAAI,CAAC,SAAS;AAAA,gBAChC,MAAM;AAAA,gBACN,KAAK,YAAY,UAAU,GAAG,IAAK,SAAS,KAAK,OAAO,KAAK,SAAS,KAAK,IAAI,KAAK,WAAW,GAAG;AAAA,gBAClG,OAAO,WAAW,GAAG;AAAA,cACvB,EAAE;AAAA,cACF,GAAG,+DAAuB;AAAA,YAC5B;AAAA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACE,GAAI,OAAO,qBAAqB,aAC7B,iBAAiB,aAAa,CAAC,GAAG,EAAE,cAAc,SAAS,KAAK,CAAC,IACjE;AAAA;AAAA,YACL;AAAA,YACI,aAAa;AAAA,YAAO;AAAA,UACzB;AAAA,QACF;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["useStyle", "Overflow", "classNames"]
 }

package/lib/components/index.d.ts

@@ -22,6 +22,8 @@ export * from './EllipsisTypography/EllipsisText';
 export { default as EllipsisText } from './EllipsisTypography/EllipsisText';
 export * from './EllipsisTypography/EllipsisTitle';
 export { default as EllipsisTitle } from './EllipsisTypography/EllipsisTitle';
+export * from './EllipsisTypography/EllipsisLink';
+export { default as EllipsisLink } from './EllipsisTypography/EllipsisLink';
 export type { FloatDrawerProps } from './FloatDrawer';
 export { default as FloatDrawer } from './FloatDrawer';
 export type { FormItemControlProps } from './FormItemControl';

package/lib/components/index.js

@@ -37,6 +37,7 @@ __export(components_exports, {
   ContextMenu: () => import_ContextMenu.default,
   DeleteConfirmAction: () => import_DeleteConfirmAction.default,
   EditableText: () => import_EditableText.default,
+  EllipsisLink: () => import_EllipsisLink.default,
   EllipsisParagraph: () => import_EllipsisParagraph.default,
   EllipsisText: () => import_EllipsisText.default,
   EllipsisTitle: () => import_EllipsisTitle.default,
@@ -71,6 +72,8 @@ __reExport(components_exports, require("./EllipsisTypography/EllipsisText"), mod
 var import_EllipsisText = __toESM(require("./EllipsisTypography/EllipsisText"));
 __reExport(components_exports, require("./EllipsisTypography/EllipsisTitle"), module.exports);
 var import_EllipsisTitle = __toESM(require("./EllipsisTypography/EllipsisTitle"));
+__reExport(components_exports, require("./EllipsisTypography/EllipsisLink"), module.exports);
+var import_EllipsisLink = __toESM(require("./EllipsisTypography/EllipsisLink"));
 var import_FloatDrawer = __toESM(require("./FloatDrawer"));
 var import_FormItemControl = __toESM(require("./FormItemControl"));
 var import_Loading = __toESM(require("./Loading"));
@@ -87,6 +90,7 @@ var import_Pulse = __toESM(require("./Animation/Pulse"));
   ContextMenu,
   DeleteConfirmAction,
   EditableText,
+  EllipsisLink,
   EllipsisParagraph,
   EllipsisText,
   EllipsisTitle,
@@ -104,6 +108,7 @@ var import_Pulse = __toESM(require("./Animation/Pulse"));
   withModalAction,
   ...require("./EllipsisTypography/EllipsisParagraph"),
   ...require("./EllipsisTypography/EllipsisText"),
-  ...require("./EllipsisTypography/EllipsisTitle")
+  ...require("./EllipsisTypography/EllipsisTitle"),
+  ...require("./EllipsisTypography/EllipsisLink")
 });
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiny-codes/react-easy",
-  "version": "1.7.3",
+  "version": "1.7.5",
   "description": "Simplify React and AntDesign development with practical components and hooks",
   "keywords": [
     "react",