@tiny-codes/react-easy 1.0.11 → 1.1.0

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

@@ -0,0 +1,18 @@
+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;
+  return _defineProperty({}, componentCls, {
+    display: 'flex',
+    flexWrap: 'wrap',
+    maxWidth: '100%',
+    position: 'relative'
+  });
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export default genStyleHooks('re-overflow-tags', genStyle);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["genStyleHooks","genStyle","token","componentCls","_defineProperty","display","flexWrap","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      maxWidth: '100%',\n      position: 'relative',\n    },\n  };\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default genStyleHooks('re-overflow-tags' as any, 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,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE;EACZ,CAAC;AAEL,CAAC;;AAED;AACA,eAAeR,aAAa,CAAC,kBAAkB,EAASC,QAAQ,CAAC"}

package/es/components/index.d.ts

@@ -13,3 +13,5 @@ export { default as FloatDrawer } from './FloatDrawer';
 export type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';
 export { withDefaultModalActionProps, withModalAction } from './ModalAction';
 export { default as ModalAction } from './ModalAction';
+export type { OverflowTagsProps } from './OverflowTags';
+export { default as OverflowTags } from './OverflowTags';

package/es/components/index.js

@@ -9,6 +9,5 @@ export { default as DeleteConfirmAction } from "./DeleteConfirmAction";
 export { default as FloatDrawer } from "./FloatDrawer";
 export { withDefaultModalActionProps, withModalAction } from "./ModalAction";
 export { default as ModalAction } from "./ModalAction";
-
-// export * from '../utils';
+export { default as OverflowTags } from "./OverflowTags";
 //# sourceMappingURL=index.js.map

package/es/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","BreakLines","ConfigProvider","ReactEasyContext","withDefaultConfirmActionProps","ConfirmAction","DeleteConfirmAction","FloatDrawer","withDefaultModalActionProps","withModalAction","ModalAction"],"sources":["../../src/components/index.tsx"],"sourcesContent":["export type { BreakLinesProps } from './BreakLines';\nexport { default as BreakLines } from './BreakLines';\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 } from './ConfirmAction';\nexport { withDefaultConfirmActionProps } from './ConfirmAction';\nexport { default as ConfirmAction } from './ConfirmAction';\n\n// export * from './DeleteConfirmAction';\nexport { default as DeleteConfirmAction } from './DeleteConfirmAction';\n\nexport type { FloatDrawerProps } from './FloatDrawer';\nexport { default as FloatDrawer } from './FloatDrawer';\n\nexport type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';\nexport { withDefaultModalActionProps, withModalAction } from './ModalAction';\nexport { default as ModalAction } from './ModalAction';\n\n// export * from '../utils';\n"],"mappings":"AACA,SAASA,OAAO,IAAIC,UAAU;AAG9B,SAASD,OAAO,IAAIE,cAAc;AAElC,SAASF,OAAO,IAAIG,gBAAgB;AAGpC,SAASC,6BAA6B;AACtC,SAASJ,OAAO,IAAIK,aAAa;;AAEjC;AACA,SAASL,OAAO,IAAIM,mBAAmB;AAGvC,SAASN,OAAO,IAAIO,WAAW;AAG/B,SAASC,2BAA2B,EAAEC,eAAe;AACrD,SAAST,OAAO,IAAIU,WAAW;;AAE/B"}
+{"version":3,"names":["default","BreakLines","ConfigProvider","ReactEasyContext","withDefaultConfirmActionProps","ConfirmAction","DeleteConfirmAction","FloatDrawer","withDefaultModalActionProps","withModalAction","ModalAction","OverflowTags"],"sources":["../../src/components/index.tsx"],"sourcesContent":["export type { BreakLinesProps } from './BreakLines';\nexport { default as BreakLines } from './BreakLines';\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 } from './ConfirmAction';\nexport { withDefaultConfirmActionProps } from './ConfirmAction';\nexport { default as ConfirmAction } from './ConfirmAction';\n\n// export * from './DeleteConfirmAction';\nexport { default as DeleteConfirmAction } from './DeleteConfirmAction';\n\nexport type { FloatDrawerProps } from './FloatDrawer';\nexport { default as FloatDrawer } from './FloatDrawer';\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"],"mappings":"AACA,SAASA,OAAO,IAAIC,UAAU;AAG9B,SAASD,OAAO,IAAIE,cAAc;AAElC,SAASF,OAAO,IAAIG,gBAAgB;AAGpC,SAASC,6BAA6B;AACtC,SAASJ,OAAO,IAAIK,aAAa;;AAEjC;AACA,SAASL,OAAO,IAAIM,mBAAmB;AAGvC,SAASN,OAAO,IAAIO,WAAW;AAG/B,SAASC,2BAA2B,EAAEC,eAAe;AACrD,SAAST,OAAO,IAAIU,WAAW;AAG/B,SAASV,OAAO,IAAIW,YAAY"}

package/es/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './color';
+export * from './math';

package/es/utils/index.js

@@ -1,2 +1,3 @@
 export * from "./color";
+export * from "./math";
 //# sourceMappingURL=index.js.map

package/es/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './color';\n"],"mappings":"AAAA"}
+{"version":3,"names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './color';\nexport * from './math';\n"],"mappings":"AAAA;AACA"}

package/es/utils/math.d.ts

@@ -0,0 +1,11 @@
+/**
+ * **EN**: Generate a random number within a specified range (inclusive on both ends)
+ *
+ * **CN**: 生成指定范围（两端包含）内的随机数
+ *
+ * @param min The minimum value (inclusive) | 最小值（包含）
+ * @param max The maximum value (inclusive) | 最大值（包含）
+ *
+ * @returns The generated random number | 生成的随机数
+ */
+export declare function random(min: number, max: number): number;

package/es/utils/math.js

@@ -0,0 +1,17 @@
+/**
+ * **EN**: Generate a random number within a specified range (inclusive on both ends)
+ *
+ * **CN**: 生成指定范围（两端包含）内的随机数
+ *
+ * @param min The minimum value (inclusive) | 最小值（包含）
+ * @param max The maximum value (inclusive) | 最大值（包含）
+ *
+ * @returns The generated random number | 生成的随机数
+ */
+export function random(min, max) {
+  var array = new Uint32Array(1);
+  globalThis.crypto.getRandomValues(array);
+  var randomValue = array[0] / (0xffffffff + 1);
+  return Math.floor(randomValue * (max - min + 1)) + min;
+}
+//# sourceMappingURL=math.js.map

package/es/utils/math.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["random","min","max","array","Uint32Array","globalThis","crypto","getRandomValues","randomValue","Math","floor"],"sources":["../../src/utils/math.ts"],"sourcesContent":["/**\n * **EN**: Generate a random number within a specified range (inclusive on both ends)\n *\n * **CN**: 生成指定范围（两端包含）内的随机数\n *\n * @param min The minimum value (inclusive) | 最小值（包含）\n * @param max The maximum value (inclusive) | 最大值（包含）\n *\n * @returns The generated random number | 生成的随机数\n */\nexport function random(min: number, max: number): number {\n  const array = new Uint32Array(1);\n  globalThis.crypto.getRandomValues(array);\n  const randomValue = array[0] / (0xffffffff + 1);\n  return Math.floor(randomValue * (max - min + 1)) + min;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,MAAMA,CAACC,GAAW,EAAEC,GAAW,EAAU;EACvD,IAAMC,KAAK,GAAG,IAAIC,WAAW,CAAC,CAAC,CAAC;EAChCC,UAAU,CAACC,MAAM,CAACC,eAAe,CAACJ,KAAK,CAAC;EACxC,IAAMK,WAAW,GAAGL,KAAK,CAAC,CAAC,CAAC,IAAI,UAAU,GAAG,CAAC,CAAC;EAC/C,OAAOM,IAAI,CAACC,KAAK,CAACF,WAAW,IAAIN,GAAG,GAAGD,GAAG,GAAG,CAAC,CAAC,CAAC,GAAGA,GAAG;AACxD"}

package/lib/components/ConfirmAction/index.js

@@ -96,6 +96,7 @@ var genRenderer = (defaultProps) => {
       icon,
       iconColor,
       okButtonProps,
+      cancelButtonProps,
       onOk,
       afterOk,
       children,
@@ -120,25 +121,31 @@ var genRenderer = (defaultProps) => {
       return textContent ? /* @__PURE__ */ React.createElement(import_antd.Typography.Text, { type: color }, textContent) : void 0;
     };
     const showConfirm = (0, import_useRefFunction.default)(() => {
+      const okProps = {
+        ...danger ? { type: "primary", danger: true } : {},
+        ...okButtonProps ?? {}
+      };
+      const cancelProps = {
+        ...cancelButtonProps ?? {}
+      };
       const api = modal.confirm({
         title: coloredText(title, titleColor ?? fallbackColor ?? "warning"),
         content: coloredText(content, contentColor),
         icon: coloredText(icon, iconColor ?? fallbackColor ?? "warning"),
         autoFocusButton: null,
-        okButtonProps: {
-          ...danger ? { type: "primary", danger: true } : {},
-          ...okButtonProps ?? {}
-        },
+        okButtonProps: okProps,
+        cancelButtonProps: cancelProps,
         onOk: async () => {
           try {
             api.update({
               closable: true,
               okButtonProps: {
                 loading: true,
-                ...okButtonProps
+                ...okProps
               },
               cancelButtonProps: {
-                disabled: true
+                disabled: true,
+                ...cancelProps
               }
             });
             const result = await (onOk == null ? void 0 : onOk(...triggerEventArgsRef.current ?? []));
@@ -147,10 +154,12 @@ var genRenderer = (defaultProps) => {
             api.update({
               closable: false,
               okButtonProps: {
-                loading: false
+                loading: false,
+                ...okProps
               },
               cancelButtonProps: {
-                disabled: false
+                disabled: false,
+                ...cancelProps
               }
             });
           }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ConfirmAction/index.tsx"],
-  "sourcesContent": ["import type { ComponentType, ForwardedRef, PropsWithoutRef, ReactElement, ReactNode, RefAttributes } from 'react';\nimport { forwardRef, useContext, useImperativeHandle, useRef, useState } from 'react';\nimport type { ButtonProps, ModalFuncProps, SwitchProps } from 'antd';\nimport { App, Button, Modal, Switch, Typography } from 'antd';\nimport type { ModalFunc } from 'antd/es/modal/confirm';\nimport type confirm from 'antd/es/modal/confirm';\nimport useToken from 'antd/es/theme/useToken';\nimport type { LinkProps } from 'antd/es/typography/Link';\nimport type { TextProps } from 'antd/es/typography/Text';\nimport useContextValidator from '../../hooks/useContextValidator';\nimport useLocalizedText from '../../hooks/useLocalizedText';\nimport useRefFunction from '../../hooks/useRefFunction';\nimport ReactEasyContext from '../ConfigProvider/context';\n\nexport type ConfirmActionProps<TP extends object, E extends keyof TP> = Omit<ModalFuncProps, 'onOk'> &\n  ConfirmActionTrigger<TP, E> & {\n    /**\n     * **EN:** Whether to display in red danger mode, which will automatically affect the color of\n     * the title, icon, and confirm button. Default is `false`, for DeleteConfirmAction, the\n     * defaults is `true`.\n     *\n     * - You can explicitly set `titleColor`, `iconColor`, and `okButtonProps.type` to override\n     *\n     * **CN:** 是否显示为红色危险模式，会自动影响标题、图标和确认按钮的颜色。默认`false`，DeleteConfirmAction组件的默认值为`true`。\n     *\n     * - 可以显式设置`titleColor`、`iconColor`和`okButtonProps.type`来覆盖\n     */\n    danger?: boolean;\n    /**\n     * **EN:** The color of confirm box title, default is `warning`\n     *\n     * **CN:** 弹框标题颜色，默认`warning`\n     */\n    titleColor?: TextProps['type'] | 'primary';\n    /**\n     * **EN:** The color of confirm box content\n     *\n     * **CN:** 弹框内容文本颜色\n     */\n    contentColor?: TextProps['type'] | 'primary';\n    /**\n     * **EN:** The color of confirm box title icon, default is the same as `titleColor`\n     *\n     * **CN:** 弹框标题图标颜色，默认与`titleColor`相同\n     */\n    iconColor?: TextProps['type'] | 'primary';\n    /**\n     * **EN:** Callback when click confirm button\n     *\n     * **CN:** 点击确认按钮的回调\n     */\n    // @ts-expect-error: because TP[E] should be casted to function type\n    onOk?: (...args: Parameters<TP[E]>) => unknown | Promise<unknown>;\n    /**\n     * **EN:** Callback after confirm event, won't trigger if failed, the argument is the return\n     * value of `onOk`\n     *\n     * **CN:** 确认事件完成后的回调，失败时不会触发，参数为`onOk`的返回值\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    afterOk?: (data?: any) => void;\n  };\n\nexport interface ConfirmActionTrigger<TP extends object, E extends keyof TP> {\n  /**\n   * **EN:** Trigger component, trigger to show confirm box\n   *\n   * **CN:** 触发器组件，触发显示确认弹框\n   */\n  triggerComponent?: ComponentType<TP>;\n  /**\n   * **EN:** Props of trigger component\n   *\n   * **CN:** 触发器组件的Props属性\n   */\n  triggerProps?: TP;\n  /**\n   * **EN:** The event name that triggers the dialog\n   *\n   * **CN:** 触发弹窗的事件名称\n   *\n   * - `Button`: 'onClick'\n   * - `Switch`: 'onChange'\n   * - `Link`: 'onClick'\n   */\n  triggerEvent?: E;\n  /**\n   * **EN:** Custom trigger content\n   *\n   * **CN:** 自定义触发器内容\n   */\n  children?: ReactNode;\n}\nexport type ConfirmActionRef = ReturnType<typeof confirm> & {\n  /**\n   * **EN:** Show confirm box\n   *\n   * **CN:** 显示确认弹框\n   */\n  show: (props?: Parameters<ModalFunc>[0]) => ReturnType<ModalFunc>;\n};\n\n/**\n * **EN:** Generate a confirm box component\n *\n * **CN:** 生成一个确认弹框组件\n *\n * @param defaultProps Default props | 默认属性\n *\n * @returns Component render method | 组件render方法\n */\nexport const genRenderer = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  defaultProps: Partial<ConfirmActionProps<any, never>> & { confirmType: 'normal' | 'delete' }\n) => {\n  const Render = <TP extends object, E extends keyof TP>(\n    props: ConfirmActionProps<TP, E>,\n    ref: ForwardedRef<ConfirmActionRef>\n  ) => {\n    const { confirmType, ...restDefaults } = defaultProps;\n    const mergedProps: ConfirmActionProps<TP, E> = {\n      ...restDefaults,\n      ...props,\n      okButtonProps: {\n        ...restDefaults.okButtonProps,\n        ...props.okButtonProps,\n      },\n      cancelButtonProps: {\n        ...restDefaults.cancelButtonProps,\n        ...props.cancelButtonProps,\n      },\n      bodyProps: {\n        ...restDefaults.bodyProps,\n        ...props.bodyProps,\n      },\n      maskProps: {\n        ...restDefaults.maskProps,\n        ...props.maskProps,\n      },\n      wrapProps: {\n        ...restDefaults.wrapProps,\n        ...props.wrapProps,\n      },\n      triggerProps: {\n        ...restDefaults.triggerProps,\n        ...props.triggerProps,\n        style: {\n          ...restDefaults.triggerProps?.style,\n          ...(props.triggerProps && 'style' in props.triggerProps && typeof props.triggerProps.style === 'object'\n            ? props.triggerProps.style\n            : {}),\n        },\n      } as TP,\n    };\n    const context = useContext(ReactEasyContext);\n    const defaultTitle = useLocalizedText(\n      confirmType === 'delete' ? context.defaultDeletionConfirmTitle : context.defaultConfirmTitle\n    );\n    const defaultContent = useLocalizedText(\n      confirmType === 'delete' ? context.defaultDeletionConfirmContent : context.defaultConfirmContent\n    );\n    const {\n      triggerComponent: Trigger = Button,\n      triggerEvent = 'onClick' as E,\n      triggerProps,\n      danger,\n      title = defaultTitle,\n      content = defaultContent,\n      titleColor,\n      contentColor,\n      icon,\n      iconColor,\n      okButtonProps,\n      onOk,\n      afterOk,\n      children,\n      ...restProps\n    } = mergedProps;\n\n    useContextValidator();\n\n    const app = App.useApp();\n    // @ts-expect-error: because app may return a stub object when App is not used\n    const modal = app.modal?.confirm ? app.modal : Modal;\n    const { localize } = useContext(ReactEasyContext);\n    const [, token] = useToken();\n    const [confirmApi, setConfirmApi] = useState<ReturnType<typeof confirm>>();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const triggerEventArgsRef = useRef<any[]>(undefined);\n\n    const fallbackColor = danger ? 'danger' : undefined;\n    // Text with color\n    const coloredText = (text: ReactNode, color?: TextProps['type'] | 'primary') => {\n      const textContent = typeof text === 'string' ? (localize?.(text) ?? text) : text;\n      if (!color) {\n        return textContent;\n      }\n      if (color === 'primary') {\n        return <Typography.Text style={{ color: token.colorPrimary }}>{textContent}</Typography.Text>;\n      }\n      return textContent ? <Typography.Text type={color}>{textContent}</Typography.Text> : undefined;\n    };\n\n    // Show confirm box\n    const showConfirm: ConfirmActionRef['show'] = useRefFunction(() => {\n      const api = modal.confirm({\n        title: coloredText(title, titleColor ?? fallbackColor ?? 'warning'),\n        content: coloredText(content, contentColor),\n        icon: coloredText(icon, iconColor ?? fallbackColor ?? 'warning'),\n        autoFocusButton: null,\n        okButtonProps: {\n          ...(danger ? { type: 'primary', danger: true } : {}),\n          ...(okButtonProps ?? {}),\n        },\n        onOk: async () => {\n          try {\n            api.update({\n              closable: true,\n              okButtonProps: {\n                loading: true,\n                ...okButtonProps,\n              },\n              cancelButtonProps: {\n                disabled: true,\n              },\n            });\n            const result = await onOk?.(...((triggerEventArgsRef.current ?? []) as Parameters<typeof onOk>));\n            afterOk?.(result);\n          } finally {\n            api.update({\n              closable: false,\n              okButtonProps: {\n                loading: false,\n              },\n              cancelButtonProps: {\n                disabled: false,\n              },\n            });\n          }\n        },\n        ...restProps,\n      });\n      setConfirmApi(api);\n      return api;\n    });\n\n    // Output ref\n    useImperativeHandle(ref, () => ({ show: showConfirm, ...confirmApi! }), [showConfirm, confirmApi]);\n\n    // Render trigger component\n    return (\n      <Trigger\n        {...triggerProps}\n        // Trigger event\n        {...((triggerEvent\n          ? {\n              [triggerEvent]: (...args: any[]) => {\n                triggerEventArgsRef.current = args;\n                const api = showConfirm();\n                if (triggerProps && typeof triggerProps[triggerEvent] === 'function') {\n                  (triggerProps[triggerEvent] as (...args: any[]) => void)(...args, { api });\n                }\n              },\n            }\n          : {}) as TP)}\n      >\n        {(triggerProps as { children?: ReactNode }).children ?? children}\n      </Trigger>\n    );\n  };\n  Render.displayName = 'ConfirmAction';\n  return Render;\n};\n\n/**\n * **EN:** Add default properties to the ConfirmAction component\n *\n * **CN:** 给ConfirmAction组件添加默认属性\n *\n * @param WrappedComponent ConfirmAction component | ConfirmAction组件\n * @param defaultProps Default properties | 默认属性\n */\nexport const withDefaultConfirmActionProps = <TP extends object, E extends keyof TP>(\n  WrappedComponent: ComponentType<PropsWithoutRef<ConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>>,\n  defaultProps?: Partial<ConfirmActionProps<TP, E>>\n) => {\n  const WithDefaultProps = forwardRef<ConfirmActionRef, ConfirmActionProps<TP, E>>((props, ref) => {\n    const mergedProps: ConfirmActionProps<TP, E> = {\n      ...defaultProps,\n      ...props,\n      triggerProps: {\n        ...defaultProps?.triggerProps,\n        ...props.triggerProps,\n      } as TP,\n    };\n    return <WrappedComponent ref={ref} {...mergedProps} />;\n  });\n  WithDefaultProps.displayName = 'ForwardedRef(WithDefaultProps)';\n  return WithDefaultProps;\n};\n\nconst renderConfirmAction = genRenderer({\n  confirmType: 'normal',\n});\nconst forwarded = forwardRef(renderConfirmAction);\nforwarded.displayName = 'ForwardedRef(ConfirmAction)';\n\n/**\n * **EN:** Interface of generic type component\n *\n * **CN:** 泛型组件的接口\n */\nexport type GenericConfirmActionInterface = <TP extends object, E extends keyof TP>(\n  props: PropsWithoutRef<TypedConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>\n) => ReactElement;\n\n/**\n * **EN:** Interface of specific type component\n *\n * **CN:** 具体类型组件的接口\n */\nexport type TypedConfirmActionInterface<TP extends object, E extends keyof TP> = ComponentType<\n  PropsWithoutRef<TypedConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>\n>;\n\n/**\n * **EN:** Props definition of specific type component\n *\n * **CN:** 具体类型组件的Props定义\n */\ntype TypedConfirmActionProps<TP extends object, E extends keyof TP> = Omit<\n  ConfirmActionProps<TP, E>,\n  'triggerComponent' | 'triggerEvent'\n>;\nexport type ConfirmActionWithStatic = GenericConfirmActionInterface & {\n  /**\n   * **EN:** Confirm box with button trigger\n   *\n   * **CN:** 按钮类型的确认框\n   */\n  Button: TypedConfirmActionInterface<ButtonProps, 'onClick'>;\n  /**\n   * **EN:** Confirm box with switch trigger\n   *\n   * **CN:** 开关类型的确认框\n   */\n  Switch: TypedConfirmActionInterface<SwitchProps, 'onChange'>;\n  /**\n   * **EN:** Confirm box with link trigger\n   *\n   * **CN:** 链接类型的确认框\n   */\n  Link: TypedConfirmActionInterface<LinkProps, 'onClick'>;\n};\n\n/**\n * **EN:** Confirm box component with trigger\n *\n * **CN:** 带触发器的确认框组件\n */\nconst ConfirmAction = forwarded as unknown as ConfirmActionWithStatic;\n// Type of button\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nConfirmAction.Button = withDefaultConfirmActionProps<ButtonProps, 'onClick'>(forwarded as any, {\n  triggerComponent: Button,\n  triggerEvent: 'onClick',\n  triggerProps: {},\n});\n// Type of switch\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nConfirmAction.Switch = withDefaultConfirmActionProps<SwitchProps, 'onChange'>(forwarded as any, {\n  triggerComponent: Switch,\n  triggerEvent: 'onChange',\n  triggerProps: {},\n});\n// Type of link\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nConfirmAction.Link = withDefaultConfirmActionProps<LinkProps, 'onClick'>(forwarded as any, {\n  triggerComponent: Typography.Link,\n  triggerEvent: 'onClick',\n  triggerProps: {\n    style: { whiteSpace: 'nowrap' },\n  },\n});\n\nexport default ConfirmAction;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ComponentType, ForwardedRef, PropsWithoutRef, ReactElement, ReactNode, RefAttributes } from 'react';\nimport { forwardRef, useContext, useImperativeHandle, useRef, useState } from 'react';\nimport type { ButtonProps, ModalFuncProps, SwitchProps } from 'antd';\nimport { App, Button, Modal, Switch, Typography } from 'antd';\nimport type { ModalFunc } from 'antd/es/modal/confirm';\nimport type confirm from 'antd/es/modal/confirm';\nimport useToken from 'antd/es/theme/useToken';\nimport type { LinkProps } from 'antd/es/typography/Link';\nimport type { TextProps } from 'antd/es/typography/Text';\nimport useContextValidator from '../../hooks/useContextValidator';\nimport useLocalizedText from '../../hooks/useLocalizedText';\nimport useRefFunction from '../../hooks/useRefFunction';\nimport ReactEasyContext from '../ConfigProvider/context';\n\nexport type ConfirmActionProps<TP extends object, E extends keyof TP> = Omit<ModalFuncProps, 'onOk'> &\n  ConfirmActionTrigger<TP, E> & {\n    /**\n     * **EN:** Whether to display in red danger mode, which will automatically affect the color of\n     * the title, icon, and confirm button. Default is `false`, for DeleteConfirmAction, the\n     * defaults is `true`.\n     *\n     * - You can explicitly set `titleColor`, `iconColor`, and `okButtonProps.type` to override\n     *\n     * **CN:** 是否显示为红色危险模式，会自动影响标题、图标和确认按钮的颜色。默认`false`，DeleteConfirmAction组件的默认值为`true`。\n     *\n     * - 可以显式设置`titleColor`、`iconColor`和`okButtonProps.type`来覆盖\n     */\n    danger?: boolean;\n    /**\n     * **EN:** The color of confirm box title, default is `warning`\n     *\n     * **CN:** 弹框标题颜色，默认`warning`\n     */\n    titleColor?: TextProps['type'] | 'primary';\n    /**\n     * **EN:** The color of confirm box content\n     *\n     * **CN:** 弹框内容文本颜色\n     */\n    contentColor?: TextProps['type'] | 'primary';\n    /**\n     * **EN:** The color of confirm box title icon, default is the same as `titleColor`\n     *\n     * **CN:** 弹框标题图标颜色，默认与`titleColor`相同\n     */\n    iconColor?: TextProps['type'] | 'primary';\n    /**\n     * **EN:** Callback when click confirm button\n     *\n     * **CN:** 点击确认按钮的回调\n     */\n    // @ts-expect-error: because TP[E] should be casted to function type\n    onOk?: (...args: Parameters<TP[E]>) => unknown | Promise<unknown>;\n    /**\n     * **EN:** Callback after confirm event, won't trigger if failed, the argument is the return\n     * value of `onOk`\n     *\n     * **CN:** 确认事件完成后的回调，失败时不会触发，参数为`onOk`的返回值\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    afterOk?: (data?: any) => void;\n  };\n\nexport interface ConfirmActionTrigger<TP extends object, E extends keyof TP> {\n  /**\n   * **EN:** Trigger component, trigger to show confirm box\n   *\n   * **CN:** 触发器组件，触发显示确认弹框\n   */\n  triggerComponent?: ComponentType<TP>;\n  /**\n   * **EN:** Props of trigger component\n   *\n   * **CN:** 触发器组件的Props属性\n   */\n  triggerProps?: TP;\n  /**\n   * **EN:** The event name that triggers the dialog\n   *\n   * **CN:** 触发弹窗的事件名称\n   *\n   * - `Button`: 'onClick'\n   * - `Switch`: 'onChange'\n   * - `Link`: 'onClick'\n   */\n  triggerEvent?: E;\n  /**\n   * **EN:** Custom trigger content\n   *\n   * **CN:** 自定义触发器内容\n   */\n  children?: ReactNode;\n}\nexport type ConfirmActionRef = ReturnType<typeof confirm> & {\n  /**\n   * **EN:** Show confirm box\n   *\n   * **CN:** 显示确认弹框\n   */\n  show: (props?: Parameters<ModalFunc>[0]) => ReturnType<ModalFunc>;\n};\n\n/**\n * **EN:** Generate a confirm box component\n *\n * **CN:** 生成一个确认弹框组件\n *\n * @param defaultProps Default props | 默认属性\n *\n * @returns Component render method | 组件render方法\n */\nexport const genRenderer = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  defaultProps: Partial<ConfirmActionProps<any, never>> & { confirmType: 'normal' | 'delete' }\n) => {\n  const Render = <TP extends object, E extends keyof TP>(\n    props: ConfirmActionProps<TP, E>,\n    ref: ForwardedRef<ConfirmActionRef>\n  ) => {\n    const { confirmType, ...restDefaults } = defaultProps;\n    const mergedProps: ConfirmActionProps<TP, E> = {\n      ...restDefaults,\n      ...props,\n      okButtonProps: {\n        ...restDefaults.okButtonProps,\n        ...props.okButtonProps,\n      },\n      cancelButtonProps: {\n        ...restDefaults.cancelButtonProps,\n        ...props.cancelButtonProps,\n      },\n      bodyProps: {\n        ...restDefaults.bodyProps,\n        ...props.bodyProps,\n      },\n      maskProps: {\n        ...restDefaults.maskProps,\n        ...props.maskProps,\n      },\n      wrapProps: {\n        ...restDefaults.wrapProps,\n        ...props.wrapProps,\n      },\n      triggerProps: {\n        ...restDefaults.triggerProps,\n        ...props.triggerProps,\n        style: {\n          ...restDefaults.triggerProps?.style,\n          ...(props.triggerProps && 'style' in props.triggerProps && typeof props.triggerProps.style === 'object'\n            ? props.triggerProps.style\n            : {}),\n        },\n      } as TP,\n    };\n    const context = useContext(ReactEasyContext);\n    const defaultTitle = useLocalizedText(\n      confirmType === 'delete' ? context.defaultDeletionConfirmTitle : context.defaultConfirmTitle\n    );\n    const defaultContent = useLocalizedText(\n      confirmType === 'delete' ? context.defaultDeletionConfirmContent : context.defaultConfirmContent\n    );\n    const {\n      triggerComponent: Trigger = Button,\n      triggerEvent = 'onClick' as E,\n      triggerProps,\n      danger,\n      title = defaultTitle,\n      content = defaultContent,\n      titleColor,\n      contentColor,\n      icon,\n      iconColor,\n      okButtonProps,\n      cancelButtonProps,\n      onOk,\n      afterOk,\n      children,\n      ...restProps\n    } = mergedProps;\n\n    useContextValidator();\n\n    const app = App.useApp();\n    // @ts-expect-error: because app may return a stub object when App is not used\n    const modal = app.modal?.confirm ? app.modal : Modal;\n    const { localize } = useContext(ReactEasyContext);\n    const [, token] = useToken();\n    const [confirmApi, setConfirmApi] = useState<ReturnType<typeof confirm>>();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const triggerEventArgsRef = useRef<any[]>(undefined);\n\n    const fallbackColor = danger ? 'danger' : undefined;\n    // Text with color\n    const coloredText = (text: ReactNode, color?: TextProps['type'] | 'primary') => {\n      const textContent = typeof text === 'string' ? (localize?.(text) ?? text) : text;\n      if (!color) {\n        return textContent;\n      }\n      if (color === 'primary') {\n        return <Typography.Text style={{ color: token.colorPrimary }}>{textContent}</Typography.Text>;\n      }\n      return textContent ? <Typography.Text type={color}>{textContent}</Typography.Text> : undefined;\n    };\n\n    // Show confirm box\n    const showConfirm: ConfirmActionRef['show'] = useRefFunction(() => {\n      const okProps: ButtonProps = {\n        ...(danger ? { type: 'primary', danger: true } : {}),\n        ...(okButtonProps ?? {}),\n      };\n      const cancelProps: ButtonProps = {\n        ...(cancelButtonProps ?? {}),\n      };\n      const api = modal.confirm({\n        title: coloredText(title, titleColor ?? fallbackColor ?? 'warning'),\n        content: coloredText(content, contentColor),\n        icon: coloredText(icon, iconColor ?? fallbackColor ?? 'warning'),\n        autoFocusButton: null,\n        okButtonProps: okProps,\n        cancelButtonProps: cancelProps,\n        onOk: async () => {\n          try {\n            api.update({\n              closable: true,\n              okButtonProps: {\n                loading: true,\n                ...okProps,\n              },\n              cancelButtonProps: {\n                disabled: true,\n                ...cancelProps,\n              },\n            });\n            const result = await onOk?.(...((triggerEventArgsRef.current ?? []) as Parameters<typeof onOk>));\n            afterOk?.(result);\n          } finally {\n            api.update({\n              closable: false,\n              okButtonProps: {\n                loading: false,\n                ...okProps,\n              },\n              cancelButtonProps: {\n                disabled: false,\n                ...cancelProps,\n              },\n            });\n          }\n        },\n        ...restProps,\n      });\n      setConfirmApi(api);\n      return api;\n    });\n\n    // Output ref\n    useImperativeHandle(ref, () => ({ show: showConfirm, ...confirmApi! }), [showConfirm, confirmApi]);\n\n    // Render trigger component\n    return (\n      <Trigger\n        {...triggerProps}\n        // Trigger event\n        {...((triggerEvent\n          ? {\n              [triggerEvent]: (...args: any[]) => {\n                triggerEventArgsRef.current = args;\n                const api = showConfirm();\n                if (triggerProps && typeof triggerProps[triggerEvent] === 'function') {\n                  (triggerProps[triggerEvent] as (...args: any[]) => void)(...args, { api });\n                }\n              },\n            }\n          : {}) as TP)}\n      >\n        {(triggerProps as { children?: ReactNode }).children ?? children}\n      </Trigger>\n    );\n  };\n  Render.displayName = 'ConfirmAction';\n  return Render;\n};\n\n/**\n * **EN:** Add default properties to the ConfirmAction component\n *\n * **CN:** 给ConfirmAction组件添加默认属性\n *\n * @param WrappedComponent ConfirmAction component | ConfirmAction组件\n * @param defaultProps Default properties | 默认属性\n */\nexport const withDefaultConfirmActionProps = <TP extends object, E extends keyof TP>(\n  WrappedComponent: ComponentType<PropsWithoutRef<ConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>>,\n  defaultProps?: Partial<ConfirmActionProps<TP, E>>\n) => {\n  const WithDefaultProps = forwardRef<ConfirmActionRef, ConfirmActionProps<TP, E>>((props, ref) => {\n    const mergedProps: ConfirmActionProps<TP, E> = {\n      ...defaultProps,\n      ...props,\n      triggerProps: {\n        ...defaultProps?.triggerProps,\n        ...props.triggerProps,\n      } as TP,\n    };\n    return <WrappedComponent ref={ref} {...mergedProps} />;\n  });\n  WithDefaultProps.displayName = 'ForwardedRef(WithDefaultProps)';\n  return WithDefaultProps;\n};\n\nconst renderConfirmAction = genRenderer({\n  confirmType: 'normal',\n});\nconst forwarded = forwardRef(renderConfirmAction);\nforwarded.displayName = 'ForwardedRef(ConfirmAction)';\n\n/**\n * **EN:** Interface of generic type component\n *\n * **CN:** 泛型组件的接口\n */\nexport type GenericConfirmActionInterface = <TP extends object, E extends keyof TP>(\n  props: PropsWithoutRef<TypedConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>\n) => ReactElement;\n\n/**\n * **EN:** Interface of specific type component\n *\n * **CN:** 具体类型组件的接口\n */\nexport type TypedConfirmActionInterface<TP extends object, E extends keyof TP> = ComponentType<\n  PropsWithoutRef<TypedConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>\n>;\n\n/**\n * **EN:** Props definition of specific type component\n *\n * **CN:** 具体类型组件的Props定义\n */\ntype TypedConfirmActionProps<TP extends object, E extends keyof TP> = Omit<\n  ConfirmActionProps<TP, E>,\n  'triggerComponent' | 'triggerEvent'\n>;\nexport type ConfirmActionWithStatic = GenericConfirmActionInterface & {\n  /**\n   * **EN:** Confirm box with button trigger\n   *\n   * **CN:** 按钮类型的确认框\n   */\n  Button: TypedConfirmActionInterface<ButtonProps, 'onClick'>;\n  /**\n   * **EN:** Confirm box with switch trigger\n   *\n   * **CN:** 开关类型的确认框\n   */\n  Switch: TypedConfirmActionInterface<SwitchProps, 'onChange'>;\n  /**\n   * **EN:** Confirm box with link trigger\n   *\n   * **CN:** 链接类型的确认框\n   */\n  Link: TypedConfirmActionInterface<LinkProps, 'onClick'>;\n};\n\n/**\n * **EN:** Confirm box component with trigger\n *\n * **CN:** 带触发器的确认框组件\n */\nconst ConfirmAction = forwarded as unknown as ConfirmActionWithStatic;\n// Type of button\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nConfirmAction.Button = withDefaultConfirmActionProps<ButtonProps, 'onClick'>(forwarded as any, {\n  triggerComponent: Button,\n  triggerEvent: 'onClick',\n  triggerProps: {},\n});\n// Type of switch\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nConfirmAction.Switch = withDefaultConfirmActionProps<SwitchProps, 'onChange'>(forwarded as any, {\n  triggerComponent: Switch,\n  triggerEvent: 'onChange',\n  triggerProps: {},\n});\n// Type of link\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nConfirmAction.Link = withDefaultConfirmActionProps<LinkProps, 'onClick'>(forwarded as any, {\n  triggerComponent: Typography.Link,\n  triggerEvent: 'onClick',\n  triggerProps: {\n    style: { whiteSpace: 'nowrap' },\n  },\n});\n\nexport default ConfirmAction;\n"],
+  "mappings": "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",
   "names": ["ReactEasyContext", "useLocalizedText", "useContextValidator", "useToken", "useRefFunction"]
 }

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

@@ -1,5 +1,5 @@
 import type { CSSProperties, FC, ReactNode } from 'react';
-import { type CardProps } from 'antd';
+import type { CardProps } from 'antd';
 export interface FloatDrawerProps {
     /**
      * **EN:** Whether the drawer is open

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FloatDrawer/index.tsx"],
-  "sourcesContent": ["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Card, type CardProps, ConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from '@ant-design/icons';\nimport useRefFunction from '../../hooks/useRefFunction';\nimport useStyle from './style';\n\nexport interface FloatDrawerProps {\n  /**\n   * **EN:** Whether the drawer is open\n   *\n   * **CN:** 抽屉是否打开\n   */\n  open?: boolean;\n  /**\n   * **EN:** Position of the drawer\n   *\n   * **CN:** 抽屉的位置\n   *\n   * @default 'right'\n   */\n  position?: 'left' | 'right' | 'top' | 'bottom';\n  /**\n   * **EN:** Default size of the drawer. If the drawer is placed on the left or right, this is the\n   * width, otherwise it is the height.\n   *\n   * **CN:** 抽屉的默认宽度。如果抽屉放在左侧或右侧，则为宽度，否则为高度。\n   *\n   * @default 300\n   */\n  defaultSize?: number;\n  /**\n   * **EN:** Minimum size of the drawer\n   *\n   * **CN:** 抽屉的最小宽度\n   *\n   * @default 0\n   */\n  minSize?: number;\n  /**\n   * **EN:** Maximum size of the drawer\n   *\n   * **CN:** 抽屉的最大宽度\n   *\n   * @default Infinity\n   */\n  maxSize?: number;\n  /**\n   * **EN:** Cache key for storing the drawer size in localStorage. If not set, the size will not be\n   * cached.\n   *\n   * **CN:** 指定一个localStorage缓存键，用于记忆抽屉宽度。如果不设置，则不使用缓存。\n   */\n  cacheKey?: string;\n  /**\n   * **EN:** Custom class name for the root element\n   *\n   * **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * **EN:** Custom class names for specific elements\n   *\n   * **CN:** 特定元素的自定义类名\n   */\n  classNames?: {\n    /**\n     * **EN:** Class name for the drawer element\n     *\n     * **CN:** 抽屉元素的类名\n     */\n    drawer?: string;\n    /**\n     * **EN:** Class name for the expand handle\n     *\n     * **CN:** 展开手柄的类名\n     */\n    expandHandle?: string;\n    /**\n     * **EN:** Class name for the resize handle\n     *\n     * **CN:** 调整大小手柄的类名\n     */\n    resizeHandle?: string;\n    /**\n     * **EN:** Class name for the handle icon\n     *\n     * **CN:** 手柄图标的类名\n     */\n    handleIcon?: string;\n    /**\n     * **EN:** Class name for the content area\n     *\n     * **CN:** 内容区域的类名\n     */\n    content?: string;\n    /**\n     * **EN:** Class name for the card element\n     *\n     * **CN:** 卡片元素的类名\n     */\n    card?: string;\n  };\n  /**\n   * **EN:** Custom styles for the root element\n   *\n   * **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * **EN:** Custom styles for specific elements\n   *\n   * **CN:** 特定元素的自定义样式\n   */\n  styles?: {\n    /**\n     * **EN:** Styles for the drawer element\n     *\n     * **CN:** 抽屉元素的样式\n     */\n    drawer?: CSSProperties;\n    /**\n     * **EN:** Styles for the expand handle\n     *\n     * **CN:** 展开手柄的样式\n     */\n    expandHandle?: CSSProperties;\n    /**\n     * **EN:** Styles for the resize handle\n     *\n     * **CN:** 调整大小手柄的样式\n     */\n    resizeHandle?: CSSProperties;\n    /**\n     * **EN:** Styles for the handle icon\n     *\n     * **CN:** 手柄图标的样式\n     */\n    handleIcon?: CSSProperties;\n    /**\n     * **EN:** Styles for the content area\n     *\n     * **CN:** 内容区域的样式\n     */\n    content?: CSSProperties;\n    /**\n     * **EN:** Styles for the card element\n     *\n     * **CN:** 卡片元素的样式\n     */\n    card?: CSSProperties;\n  };\n  /**\n   * **EN:** Custom properties for the card element\n   *\n   * **CN:** 卡片元素的自定义属性\n   */\n  cardProps?: Omit<CardProps, 'children'>;\n  /**\n   * **EN:** Content to be rendered inside the drawer\n   *\n   * **CN:** 抽屉内容\n   */\n  children?: ReactNode;\n  /**\n   * **EN:** Callback function when the open state changes\n   *\n   * **CN:** 打开状态变化时的回调函数\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * **EN:** Callback function when the drawer is resized\n   *\n   * **CN:** 抽屉调整大小时的回调函数\n   */\n  onResize?: (size: number) => void;\n}\n\n/**\n * **EN:** FloatDrawer component for creating a draggable, resizable drawer\n *\n * **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉\n */\nconst FloatDrawer: FC<FloatDrawerProps> = (props) => {\n  const {\n    open,\n    position = 'right',\n    cardProps,\n    children,\n    className,\n    classNames: classNamesInProps,\n    style,\n    styles,\n    cacheKey,\n    defaultSize = 300,\n    minSize = 0,\n    maxSize = +Infinity,\n    onOpenChange,\n    onResize,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('re-float-drawer');\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const [isOpen, setIsOpen] = useState<boolean>();\n  const [size, setSize] = useState(\n    cacheKey && localStorage.getItem(cacheKey) ? Number(localStorage.getItem(cacheKey)) || defaultSize : defaultSize\n  );\n  const sizeMap = useMemo(() => {\n    const type = position === 'left' || position === 'right' ? 'width' : 'height';\n    return {\n      [type]: size,\n    };\n  }, [position, size]);\n  const [isDragging, setIsDragging] = useState(false);\n  const dragStartPos = useRef<number>(0);\n  const dragStartSize = useRef<number>(size);\n  const classString = classNames(\n    prefixCls,\n    className,\n    {\n      [`${prefixCls}-open`]: isOpen,\n      [`${prefixCls}-closed`]: !isOpen,\n      [`${prefixCls}-${position}`]: position,\n    },\n    hashId,\n    cssVarCls\n  );\n  const closeIcon = useMemo(() => {\n    return position === 'left' ? (\n      <RightOutlined />\n    ) : position === 'top' ? (\n      <DownOutlined />\n    ) : position === 'bottom' ? (\n      <UpOutlined />\n    ) : (\n      <LeftOutlined />\n    );\n  }, [position]);\n  const openIcon = useMemo(() => {\n    return position === 'left' ? (\n      <LeftOutlined />\n    ) : position === 'top' ? (\n      <UpOutlined />\n    ) : position === 'bottom' ? (\n      <DownOutlined />\n    ) : (\n      <RightOutlined />\n    );\n  }, [position]);\n\n  // Handle drawer visibility\n  const toggleDrawer = () => {\n    setIsOpen(!isOpen);\n    onOpenChange?.(!isOpen);\n  };\n\n  // Handle resize events\n  const handleResizeStart = useRefFunction((e: React.MouseEvent) => {\n    setIsDragging(true);\n    if (position === 'top' || position === 'bottom') {\n      dragStartPos.current = e.clientY;\n    } else {\n      dragStartPos.current = e.clientX;\n    }\n    dragStartSize.current = size;\n    e.preventDefault();\n  });\n  const handleResize = useRefFunction((e: MouseEvent) => {\n    if (isDragging) {\n      let newSize: number;\n      if (position === 'left') {\n        newSize = dragStartSize.current - (dragStartPos.current - e.clientX);\n      } else if (position === 'top') {\n        newSize = dragStartSize.current - (dragStartPos.current - e.clientY);\n      } else if (position === 'bottom') {\n        newSize = dragStartSize.current - (e.clientY - dragStartPos.current);\n      } else {\n        newSize = dragStartSize.current - (e.clientX - dragStartPos.current);\n      }\n      if (newSize >= minSize && newSize <= maxSize) {\n        setSize(newSize);\n        if (cacheKey) {\n          localStorage.setItem(cacheKey, String(newSize));\n        }\n        onResize?.(newSize);\n      }\n    }\n  });\n  const handleResizeEnd = useRefFunction(() => {\n    setIsDragging(false);\n  });\n\n  // Controlled open state\n  useEffect(() => {\n    setIsOpen(open);\n  }, [open]);\n\n  // Handle global events\n  useEffect(() => {\n    if (isDragging) {\n      window.addEventListener('mousemove', handleResize);\n      window.addEventListener('mouseup', handleResizeEnd);\n    } else {\n      window.removeEventListener('mousemove', handleResize);\n      window.removeEventListener('mouseup', handleResizeEnd);\n    }\n    return () => {\n      window.removeEventListener('mousemove', handleResize);\n      window.removeEventListener('mouseup', handleResizeEnd);\n    };\n  }, [isDragging]);\n\n  return wrapCSSVar(\n    <div className={classString} style={style}>\n      <div\n        className={classNames(`${prefixCls}-drawer`, classNamesInProps?.drawer)}\n        style={{ ...sizeMap, ...styles?.drawer }}\n      >\n        <div\n          className={classNames(\n            `${prefixCls}-resize-handle`,\n            isDragging && `${prefixCls}-resize-handle-dragging`,\n            classNamesInProps?.resizeHandle\n          )}\n          style={styles?.resizeHandle}\n          onMouseDown={handleResizeStart}\n        />\n        <div className={classNames(`${prefixCls}-content`, classNamesInProps?.content)} style={styles?.content}>\n          <Card\n            bordered={false}\n            variant=\"borderless\"\n            className={classNames(`${prefixCls}-card`, classNamesInProps?.card)}\n            style={styles?.card}\n            {...cardProps}\n          >\n            {children}\n          </Card>\n        </div>\n        <div\n          className={classNames(`${prefixCls}-expand-handle`, classNamesInProps?.expandHandle)}\n          style={styles?.expandHandle}\n          onClick={toggleDrawer}\n        >\n          <div\n            className={classNames(`${prefixCls}-handle-icon`, classNamesInProps?.handleIcon)}\n            style={styles?.handleIcon}\n          >\n            {isOpen ? openIcon : closeIcon}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default FloatDrawer;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport type { CardProps } from 'antd';\nimport { Card, ConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from '@ant-design/icons';\nimport useRefFunction from '../../hooks/useRefFunction';\nimport useStyle from './style';\n\nexport interface FloatDrawerProps {\n  /**\n   * **EN:** Whether the drawer is open\n   *\n   * **CN:** 抽屉是否打开\n   */\n  open?: boolean;\n  /**\n   * **EN:** Position of the drawer\n   *\n   * **CN:** 抽屉的位置\n   *\n   * @default 'right'\n   */\n  position?: 'left' | 'right' | 'top' | 'bottom';\n  /**\n   * **EN:** Default size of the drawer. If the drawer is placed on the left or right, this is the\n   * width, otherwise it is the height.\n   *\n   * **CN:** 抽屉的默认宽度。如果抽屉放在左侧或右侧，则为宽度，否则为高度。\n   *\n   * @default 300\n   */\n  defaultSize?: number;\n  /**\n   * **EN:** Minimum size of the drawer\n   *\n   * **CN:** 抽屉的最小宽度\n   *\n   * @default 0\n   */\n  minSize?: number;\n  /**\n   * **EN:** Maximum size of the drawer\n   *\n   * **CN:** 抽屉的最大宽度\n   *\n   * @default Infinity\n   */\n  maxSize?: number;\n  /**\n   * **EN:** Cache key for storing the drawer size in localStorage. If not set, the size will not be\n   * cached.\n   *\n   * **CN:** 指定一个localStorage缓存键，用于记忆抽屉宽度。如果不设置，则不使用缓存。\n   */\n  cacheKey?: string;\n  /**\n   * **EN:** Custom class name for the root element\n   *\n   * **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * **EN:** Custom class names for specific elements\n   *\n   * **CN:** 特定元素的自定义类名\n   */\n  classNames?: {\n    /**\n     * **EN:** Class name for the drawer element\n     *\n     * **CN:** 抽屉元素的类名\n     */\n    drawer?: string;\n    /**\n     * **EN:** Class name for the expand handle\n     *\n     * **CN:** 展开手柄的类名\n     */\n    expandHandle?: string;\n    /**\n     * **EN:** Class name for the resize handle\n     *\n     * **CN:** 调整大小手柄的类名\n     */\n    resizeHandle?: string;\n    /**\n     * **EN:** Class name for the handle icon\n     *\n     * **CN:** 手柄图标的类名\n     */\n    handleIcon?: string;\n    /**\n     * **EN:** Class name for the content area\n     *\n     * **CN:** 内容区域的类名\n     */\n    content?: string;\n    /**\n     * **EN:** Class name for the card element\n     *\n     * **CN:** 卡片元素的类名\n     */\n    card?: string;\n  };\n  /**\n   * **EN:** Custom styles for the root element\n   *\n   * **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * **EN:** Custom styles for specific elements\n   *\n   * **CN:** 特定元素的自定义样式\n   */\n  styles?: {\n    /**\n     * **EN:** Styles for the drawer element\n     *\n     * **CN:** 抽屉元素的样式\n     */\n    drawer?: CSSProperties;\n    /**\n     * **EN:** Styles for the expand handle\n     *\n     * **CN:** 展开手柄的样式\n     */\n    expandHandle?: CSSProperties;\n    /**\n     * **EN:** Styles for the resize handle\n     *\n     * **CN:** 调整大小手柄的样式\n     */\n    resizeHandle?: CSSProperties;\n    /**\n     * **EN:** Styles for the handle icon\n     *\n     * **CN:** 手柄图标的样式\n     */\n    handleIcon?: CSSProperties;\n    /**\n     * **EN:** Styles for the content area\n     *\n     * **CN:** 内容区域的样式\n     */\n    content?: CSSProperties;\n    /**\n     * **EN:** Styles for the card element\n     *\n     * **CN:** 卡片元素的样式\n     */\n    card?: CSSProperties;\n  };\n  /**\n   * **EN:** Custom properties for the card element\n   *\n   * **CN:** 卡片元素的自定义属性\n   */\n  cardProps?: Omit<CardProps, 'children'>;\n  /**\n   * **EN:** Content to be rendered inside the drawer\n   *\n   * **CN:** 抽屉内容\n   */\n  children?: ReactNode;\n  /**\n   * **EN:** Callback function when the open state changes\n   *\n   * **CN:** 打开状态变化时的回调函数\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * **EN:** Callback function when the drawer is resized\n   *\n   * **CN:** 抽屉调整大小时的回调函数\n   */\n  onResize?: (size: number) => void;\n}\n\n/**\n * **EN:** FloatDrawer component for creating a draggable, resizable drawer\n *\n * **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉\n */\nconst FloatDrawer: FC<FloatDrawerProps> = (props) => {\n  const {\n    open,\n    position = 'right',\n    cardProps,\n    children,\n    className,\n    classNames: classNamesInProps,\n    style,\n    styles,\n    cacheKey,\n    defaultSize = 300,\n    minSize = 0,\n    maxSize = +Infinity,\n    onOpenChange,\n    onResize,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('re-float-drawer');\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const [isOpen, setIsOpen] = useState<boolean>();\n  const [size, setSize] = useState(\n    cacheKey && localStorage.getItem(cacheKey) ? Number(localStorage.getItem(cacheKey)) || defaultSize : defaultSize\n  );\n  const sizeMap = useMemo(() => {\n    const type = position === 'left' || position === 'right' ? 'width' : 'height';\n    return {\n      [type]: size,\n    };\n  }, [position, size]);\n  const [isDragging, setIsDragging] = useState(false);\n  const dragStartPos = useRef<number>(0);\n  const dragStartSize = useRef<number>(size);\n  const classString = classNames(\n    prefixCls,\n    className,\n    {\n      [`${prefixCls}-open`]: isOpen,\n      [`${prefixCls}-closed`]: !isOpen,\n      [`${prefixCls}-${position}`]: position,\n    },\n    hashId,\n    cssVarCls\n  );\n  const closeIcon = useMemo(() => {\n    return position === 'left' ? (\n      <RightOutlined />\n    ) : position === 'top' ? (\n      <DownOutlined />\n    ) : position === 'bottom' ? (\n      <UpOutlined />\n    ) : (\n      <LeftOutlined />\n    );\n  }, [position]);\n  const openIcon = useMemo(() => {\n    return position === 'left' ? (\n      <LeftOutlined />\n    ) : position === 'top' ? (\n      <UpOutlined />\n    ) : position === 'bottom' ? (\n      <DownOutlined />\n    ) : (\n      <RightOutlined />\n    );\n  }, [position]);\n\n  // Handle drawer visibility\n  const toggleDrawer = () => {\n    setIsOpen(!isOpen);\n    onOpenChange?.(!isOpen);\n  };\n\n  // Handle resize events\n  const handleResizeStart = useRefFunction((e: React.MouseEvent) => {\n    setIsDragging(true);\n    if (position === 'top' || position === 'bottom') {\n      dragStartPos.current = e.clientY;\n    } else {\n      dragStartPos.current = e.clientX;\n    }\n    dragStartSize.current = size;\n    e.preventDefault();\n  });\n  const handleResize = useRefFunction((e: MouseEvent) => {\n    if (isDragging) {\n      let newSize: number;\n      if (position === 'left') {\n        newSize = dragStartSize.current - (dragStartPos.current - e.clientX);\n      } else if (position === 'top') {\n        newSize = dragStartSize.current - (dragStartPos.current - e.clientY);\n      } else if (position === 'bottom') {\n        newSize = dragStartSize.current - (e.clientY - dragStartPos.current);\n      } else {\n        newSize = dragStartSize.current - (e.clientX - dragStartPos.current);\n      }\n      if (newSize >= minSize && newSize <= maxSize) {\n        setSize(newSize);\n        if (cacheKey) {\n          localStorage.setItem(cacheKey, String(newSize));\n        }\n        onResize?.(newSize);\n      }\n    }\n  });\n  const handleResizeEnd = useRefFunction(() => {\n    setIsDragging(false);\n  });\n\n  // Controlled open state\n  useEffect(() => {\n    setIsOpen(open);\n  }, [open]);\n\n  // Handle global events\n  useEffect(() => {\n    if (isDragging) {\n      window.addEventListener('mousemove', handleResize);\n      window.addEventListener('mouseup', handleResizeEnd);\n    } else {\n      window.removeEventListener('mousemove', handleResize);\n      window.removeEventListener('mouseup', handleResizeEnd);\n    }\n    return () => {\n      window.removeEventListener('mousemove', handleResize);\n      window.removeEventListener('mouseup', handleResizeEnd);\n    };\n  }, [isDragging]);\n\n  return wrapCSSVar(\n    <div className={classString} style={style}>\n      <div\n        className={classNames(`${prefixCls}-drawer`, classNamesInProps?.drawer)}\n        style={{ ...sizeMap, ...styles?.drawer }}\n      >\n        <div\n          className={classNames(\n            `${prefixCls}-resize-handle`,\n            isDragging && `${prefixCls}-resize-handle-dragging`,\n            classNamesInProps?.resizeHandle\n          )}\n          style={styles?.resizeHandle}\n          onMouseDown={handleResizeStart}\n        />\n        <div className={classNames(`${prefixCls}-content`, classNamesInProps?.content)} style={styles?.content}>\n          <Card\n            bordered={false}\n            variant=\"borderless\"\n            className={classNames(`${prefixCls}-card`, classNamesInProps?.card)}\n            style={styles?.card}\n            {...cardProps}\n          >\n            {children}\n          </Card>\n        </div>\n        <div\n          className={classNames(`${prefixCls}-expand-handle`, classNamesInProps?.expandHandle)}\n          style={styles?.expandHandle}\n          onClick={toggleDrawer}\n        >\n          <div\n            className={classNames(`${prefixCls}-handle-icon`, classNamesInProps?.handleIcon)}\n            style={styles?.handleIcon}\n          >\n            {isOpen ? openIcon : closeIcon}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default FloatDrawer;\n"],
+  "mappings": "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",
   "names": ["useStyle", "classNames", "useRefFunction"]
 }

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

@@ -0,0 +1,52 @@
+import type { ReactNode } from 'react';
+import type { TagProps } from 'antd';
+import type { OverflowProps } from 'rc-overflow';
+export interface OverflowTagsProps<T extends Record<string, unknown> = Record<string, unknown>> extends OverflowProps<T> {
+    /**
+     * **CN**: 标签集合的数据
+     *
+     * **EN**: Data collection of tags
+     */
+    tags: T[] | undefined;
+    /**
+     * **EN**: Function to get the tag name, default is `tag.name`
+     *
+     * **CN**: 获取标签名称的函数，默认取`tag.name`
+     */
+    getTagName?: (tag: T) => ReactNode;
+    /**
+     * **EN**: Function to get the unique identifier of the tag, default is `tag.id`
+     *
+     * **CN**: 获取标签唯一标识的函数，默认取`tag.id`
+     */
+    getTagKey?: (tag: T) => React.Key;
+    /**
+     * **EN**: Function to render the tag, returns `TagProps`
+     *
+     * **CN**: 渲染标签的函数，返回`TagProps`
+     */
+    renderTag?: (tag: T, tags: T[]) => TagProps;
+    /**
+     * **EN**: Custom properties for the tag component, if `renderTag` is also specified, the latter
+     * will override the former
+     *
+     * **CN**: 自定义标签的组件属性，如果同时指定了`renderTag`，则后者会覆盖前者
+     */
+    tagProps?: TagProps;
+    /**
+     * **EN**: When the number of tags exceeds the maximum display count, an ellipsis tag will be
+     * shown. This property is used to set the style of the ellipsis tag.
+     *
+     * **CN**: 当标签数量超过最大显示数量时，会显示省略号的标签，此属性用于设置省略号标签的样式
+     */
+    ellipsisTagProps?: TagProps;
+    /**
+     * **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.
+     *
+     * **CN**: 是否使用随机颜色，默认`false`。注意，tag对象还可以包含`color`属性来指定颜色，而且后者优先级更高。
+     */
+    randomColors?: boolean;
+}
+declare const OverflowTags: <T extends Record<string, any>>(props: OverflowTagsProps<T>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export default OverflowTags;

package/lib/components/OverflowTags/index.js

@@ -0,0 +1,107 @@
+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/OverflowTags/index.tsx
+var OverflowTags_exports = {};
+__export(OverflowTags_exports, {
+  default: () => OverflowTags_default
+});
+module.exports = __toCommonJS(OverflowTags_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_internal = require("antd/es/theme/internal");
+var import_classnames = __toESM(require("classnames"));
+var import_rc_overflow = __toESM(require("rc-overflow"));
+var import_math = require("../../utils/math");
+var import_style = __toESM(require("./style"));
+var OverflowTags = (props) => {
+  const {
+    tags = [],
+    randomColors,
+    getTagName: getTagNameInProps,
+    getTagKey,
+    renderTag: renderTagInProps,
+    tagProps,
+    ellipsisTagProps,
+    className,
+    ...restProps
+  } = props;
+  const { token } = import_antd.theme.useToken();
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("re-float-drawer");
+  const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
+  const colors = (0, import_react.useMemo)(
+    () => import_internal.PresetColors.filter((c) => !["lime", "yellow", "magenta"].includes(c)).map((color) => token[`${color}-3`]),
+    [token]
+  );
+  const getTagName = (0, import_react.useCallback)(
+    (tag) => {
+      return getTagNameInProps ? getTagNameInProps(tag) : tag.name;
+    },
+    [getTagNameInProps]
+  );
+  const renderTag = (item) => {
+    const customProps = renderTagInProps == null ? void 0 : renderTagInProps(item, tags);
+    return /* @__PURE__ */ React.createElement(
+      import_antd.Tag,
+      {
+        ...tagProps,
+        color: randomColors ? colors[(0, import_math.random)(0, colors.length - 1)] : item.color ?? "default",
+        ...customProps
+      },
+      getTagName(item)
+    );
+  };
+  return wrapCSSVar(
+    /* @__PURE__ */ React.createElement(
+      import_rc_overflow.default,
+      {
+        className: (0, import_classnames.default)(hashId, cssVarCls, prefixCls, className),
+        data: tags,
+        maxCount: "responsive",
+        renderItem: renderTag,
+        renderRest: (omittedItems) => /* @__PURE__ */ React.createElement(
+          import_antd.Dropdown,
+          {
+            menu: {
+              items: omittedItems.map((tag) => ({
+                type: "item",
+                key: getTagKey ? getTagKey(tag) : tag.id ?? getTagName(tag),
+                label: getTagName(tag)
+              }))
+            }
+          },
+          /* @__PURE__ */ React.createElement(import_antd.Tag, { ...ellipsisTagProps }, "+ ", omittedItems.length, "...")
+        ),
+        ...restProps
+      }
+    )
+  );
+};
+var OverflowTags_default = OverflowTags;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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 Record<string, unknown> = Record<string, unknown>>\n  extends OverflowProps<T> {\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.name`\n   *\n   * **CN**: 获取标签名称的函数，默认取`tag.name`\n   */\n  getTagName?: (tag: T) => ReactNode;\n  /**\n   * **EN**: Function to get the unique identifier of the tag, default is `tag.id`\n   *\n   * **CN**: 获取标签唯一标识的函数，默认取`tag.id`\n   */\n  getTagKey?: (tag: T) => React.Key;\n  /**\n   * **EN**: Function to render the tag, returns `TagProps`\n   *\n   * **CN**: 渲染标签的函数，返回`TagProps`\n   */\n  renderTag?: (tag: T, tags: T[]) => TagProps;\n  /**\n   * **EN**: Custom properties for the tag component, if `renderTag` is also specified, the latter\n   * will override the former\n   *\n   * **CN**: 自定义标签的组件属性，如果同时指定了`renderTag`，则后者会覆盖前者\n   */\n  tagProps?: 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;\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// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst OverflowTags = <T extends Record<string, any>>(props: OverflowTagsProps<T>) => {\n  const {\n    tags = [],\n    randomColors,\n    getTagName: getTagNameInProps,\n    getTagKey,\n    renderTag: renderTagInProps,\n    tagProps,\n    ellipsisTagProps,\n    className,\n    ...restProps\n  } = props;\n  const { token } = theme.useToken();\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('re-float-drawer');\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 getTagName = useCallback(\n    (tag: T) => {\n      return getTagNameInProps ? getTagNameInProps(tag) : tag.name;\n    },\n    [getTagNameInProps]\n  );\n  const renderTag = (item: T) => {\n    const customProps = renderTagInProps?.(item, tags);\n    return (\n      <Tag\n        {...tagProps}\n        color={randomColors ? colors[random(0, colors.length - 1)] : (item.color ?? 'default')}\n        {...customProps}\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) : (tag.id ?? getTagName(tag)),\n              label: getTagName(tag),\n            })),\n          }}\n        >\n          <Tag {...ellipsisTagProps}>+ {omittedItems.length}...</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;AAoDrB,IAAM,eAAe,CAAgC,UAAgC;AACnF,QAAM;AAAA,IACJ,OAAO,CAAC;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,MAAM,IAAI,kBAAM,SAAS;AACjC,QAAM,EAAE,aAAa,QAAI,yBAAW,2BAAe,aAAa;AAChE,QAAM,YAAY,aAAa,iBAAiB;AAChD,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,iBAAa;AAAA,IACjB,CAAC,QAAW;AACV,aAAO,oBAAoB,kBAAkB,GAAG,IAAI,IAAI;AAAA,IAC1D;AAAA,IACA,CAAC,iBAAiB;AAAA,EACpB;AACA,QAAM,YAAY,CAAC,SAAY;AAC7B,UAAM,cAAc,qDAAmB,MAAM;AAC7C,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,OAAO,eAAe,WAAO,oBAAO,GAAG,OAAO,SAAS,CAAC,CAAC,IAAK,KAAK,SAAS;AAAA,QAC3E,GAAG;AAAA;AAAA,MAEH,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,IAAI,MAAM,WAAW,GAAG;AAAA,gBAC3D,OAAO,WAAW,GAAG;AAAA,cACvB,EAAE;AAAA,YACJ;AAAA;AAAA,UAEA,oCAAC,mBAAK,GAAG,oBAAkB,MAAG,aAAa,QAAO,KAAG;AAAA,QACvD;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
+  "names": ["useStyle", "Overflow", "classNames"]
+}

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

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

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

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/OverflowTags/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default
+});
+module.exports = __toCommonJS(style_exports);
+var import_internal = require("antd/es/theme/internal");
+var genStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      display: "flex",
+      flexWrap: "wrap",
+      maxWidth: "100%",
+      position: "relative"
+    }
+  };
+};
+var style_default = (0, import_internal.genStyleHooks)("re-overflow-tags", genStyle);
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/index.d.ts

@@ -13,3 +13,5 @@ export { default as FloatDrawer } from './FloatDrawer';
 export type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';
 export { withDefaultModalActionProps, withModalAction } from './ModalAction';
 export { default as ModalAction } from './ModalAction';
+export type { OverflowTagsProps } from './OverflowTags';
+export { default as OverflowTags } from './OverflowTags';

package/lib/components/index.js

@@ -35,6 +35,7 @@ __export(components_exports, {
   DeleteConfirmAction: () => import_DeleteConfirmAction.default,
   FloatDrawer: () => import_FloatDrawer.default,
   ModalAction: () => import_ModalAction2.default,
+  OverflowTags: () => import_OverflowTags.default,
   ReactEasyContext: () => import_context.default,
   withDefaultConfirmActionProps: () => import_ConfirmAction.withDefaultConfirmActionProps,
   withDefaultModalActionProps: () => import_ModalAction.withDefaultModalActionProps,
@@ -50,6 +51,7 @@ var import_DeleteConfirmAction = __toESM(require("./DeleteConfirmAction"));
 var import_FloatDrawer = __toESM(require("./FloatDrawer"));
 var import_ModalAction = require("./ModalAction");
 var import_ModalAction2 = __toESM(require("./ModalAction"));
+var import_OverflowTags = __toESM(require("./OverflowTags"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BreakLines,
@@ -58,6 +60,7 @@ var import_ModalAction2 = __toESM(require("./ModalAction"));
   DeleteConfirmAction,
   FloatDrawer,
   ModalAction,
+  OverflowTags,
   ReactEasyContext,
   withDefaultConfirmActionProps,
   withDefaultModalActionProps,