@tiny-codes/react-easy 1.1.3 → 1.2.1

package/lib/components/ConfirmAction/withConfirmAction.js

@@ -0,0 +1,123 @@
+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/ConfirmAction/withConfirmAction.tsx
+var withConfirmAction_exports = {};
+__export(withConfirmAction_exports, {
+  default: () => withConfirmAction,
+  withConfirmActionInternal: () => withConfirmActionInternal
+});
+module.exports = __toCommonJS(withConfirmAction_exports);
+var import_react = require("react");
+var import__ = require(".");
+var import_antd = require("antd");
+var import_react_is = require("react-is");
+function withConfirmAction(ActionComponent, defaultProps) {
+  return withConfirmActionInternal(
+    ActionComponent,
+    {
+      confirmType: "normal"
+    },
+    defaultProps
+  );
+}
+function withConfirmActionInternal(ActionComponent, renderDefaultProps, defaultProps) {
+  const ConfirmActionWithRef = (0, import_react.forwardRef)((0, import__.genRenderer)(renderDefaultProps));
+  ConfirmActionWithRef.displayName = "ForwardRef(ConfirmAction)";
+  const WrappedActionComponent = (0, import_react.forwardRef)(
+    (propsWithDefaults, ref) => {
+      const actionRef = (0, import_react.useRef)(null);
+      const [customRef, setCustomRef] = (0, import_react.useState)(null);
+      const saveFuncRef = (0, import_react.useRef)(void 0);
+      const setOnOk = (0, import_react.useCallback)((handler) => {
+        saveFuncRef.current = handler;
+      }, []);
+      (0, import_react.useImperativeHandle)(ref, () => {
+        return {
+          ...actionRef.current,
+          ...customRef
+        };
+      }, [customRef]);
+      const triggerDom = /* @__PURE__ */ React.createElement(
+        ConfirmActionWithRef,
+        {
+          ...propsWithDefaults,
+          onOk: saveFuncRef.current,
+          ref: actionRef
+        }
+      );
+      return /* @__PURE__ */ React.createElement(
+        ActionComponent,
+        {
+          ...propsWithDefaults,
+          ref: (0, import_react_is.isForwardRef)(ActionComponent) ? setCustomRef : void 0,
+          setOK: setOnOk,
+          triggerDom
+        }
+      );
+    }
+  );
+  WrappedActionComponent.displayName = "ConfirmAction(ActionComponent)";
+  const withDefaults = (0, import__.withDefaultConfirmActionProps)(
+    WrappedActionComponent,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    defaultProps
+  );
+  return addTriggers(withDefaults);
+}
+function addTriggers(comp) {
+  const patchedComp = comp;
+  patchedComp.Button = (0, import__.withDefaultConfirmActionProps)(
+    // @ts-expect-error: because the type is a little bit complex, so we ignore the type error here
+    comp,
+    {
+      triggerComponent: import_antd.Button,
+      triggerEvent: "onClick",
+      triggerProps: {}
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  );
+  patchedComp.Switch = (0, import__.withDefaultConfirmActionProps)(
+    // @ts-expect-error: because the type is a little bit complex, so we ignore the type error here
+    comp,
+    {
+      triggerComponent: import_antd.Switch,
+      triggerEvent: "onChange",
+      triggerProps: {}
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  );
+  patchedComp.Link = (0, import__.withDefaultConfirmActionProps)(
+    // @ts-expect-error: because the type is a little bit complex, so we ignore the type error here
+    comp,
+    {
+      triggerComponent: import_antd.Typography.Link,
+      triggerEvent: "onClick",
+      triggerProps: {
+        style: { whiteSpace: "nowrap" }
+      }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  );
+  return patchedComp;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  withConfirmActionInternal
+});
+//# sourceMappingURL=withConfirmAction.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ConfirmAction/withConfirmAction.tsx"],
+  "sourcesContent": ["import type { ComponentType, PropsWithoutRef, ReactNode, RefAttributes } from 'react';\nimport { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';\nimport type { ActionCompConstraint, ConfirmActionProps, ConfirmActionRef } from '.';\nimport { genRenderer, withDefaultConfirmActionProps } from '.';\nimport { Button, type ButtonProps, Switch, type SwitchProps, Typography } from 'antd';\nimport type { LinkProps } from 'antd/es/typography/Link';\nimport { isForwardRef } from 'react-is';\n\n/**\n * - **EN:** Generate a confirm box component with custom trigger and default props\n * - **CN:** 将一个组件包装成一个确认弹框组件，支持自定义触发器和默认属性\n *\n * @param actionComponent Custom trigger component | 自定义触发器组件\n * @param defaultProps Default properties of the confirm box | 确认弹框的默认属性\n */\nexport default function withConfirmAction<\n  P extends ActionCompConstraint,\n  OuterTriggerProp extends object,\n  OuterEvent extends keyof OuterTriggerProp,\n  Ref extends object,\n>(\n  ActionComponent: ActionComponentInterface<P, Ref>,\n  defaultProps?:\n    | Partial<Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>>\n    | ((\n        actualProps: Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>\n      ) => Partial<Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>>)\n) {\n  return withConfirmActionInternal(\n    ActionComponent,\n    {\n      confirmType: 'normal',\n    },\n    defaultProps\n  );\n}\n\nexport function withConfirmActionInternal<\n  P extends ActionCompConstraint,\n  OuterTriggerProp extends object,\n  OuterEvent extends keyof OuterTriggerProp,\n  Ref extends object,\n>(\n  ActionComponent: ActionComponentInterface<P, Ref>,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  renderDefaultProps: Partial<ConfirmActionProps<any, never>> & { confirmType: 'normal' | 'delete' },\n  defaultProps?:\n    | Partial<Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>>\n    | ((\n        actualProps: Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>\n      ) => Partial<Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>>)\n) {\n  const ConfirmActionWithRef = forwardRef(genRenderer(renderDefaultProps));\n  ConfirmActionWithRef.displayName = 'ForwardRef(ConfirmAction)';\n\n  const WrappedActionComponent = forwardRef<Ref, ConfirmActionProps<OuterTriggerProp, OuterEvent>>(\n    (propsWithDefaults, ref) => {\n      const actionRef = useRef<ConfirmActionRef>(null);\n      const [customRef, setCustomRef] = useState<Ref | null>(null);\n      const saveFuncRef = useRef<(...triggerEventArgs: any[]) => unknown | Promise<unknown>>(undefined);\n\n      // Receive the onSave callback method passed by the form component\n      const setOnOk: ActionCompConstraint['setOK'] = useCallback((handler) => {\n        saveFuncRef.current = handler;\n      }, []);\n\n      // Merge the default ref and custom ref and output to the parent component\n      useImperativeHandle(ref, () => {\n        return {\n          ...actionRef.current,\n          ...customRef,\n        } as ConfirmActionRef<Ref>;\n      }, [customRef]);\n\n      // Render the default trigger DOM element, and pass it to the custom ActionComponent\n      const triggerDom = (\n        <ConfirmActionWithRef\n          {...(propsWithDefaults as ConfirmActionProps<object, never>)}\n          onOk={saveFuncRef.current}\n          ref={actionRef}\n        />\n      );\n\n      return (\n        <ActionComponent\n          {...(propsWithDefaults as P)}\n          ref={isForwardRef(ActionComponent) ? setCustomRef : undefined}\n          setOK={setOnOk}\n          triggerDom={triggerDom}\n        />\n      );\n    }\n  );\n  WrappedActionComponent.displayName = 'ConfirmAction(ActionComponent)';\n\n  const withDefaults = withDefaultConfirmActionProps(\n    WrappedActionComponent,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    defaultProps as any\n  ) as unknown as ComponentType<\n    Omit<ConfirmActionProps<OuterTriggerProp, OuterEvent>, 'triggerComponent'> & RefAttributes<ConfirmActionRef>\n  >;\n  // return withDefaults;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return addTriggers<P, OuterTriggerProp, OuterEvent, Ref>(withDefaults as any);\n}\n\n/**\n * - **EN:** Add trigger types to the ModalAction component\n * - **CN:** 给ModalAction组件添加子触发器类型\n */\nfunction addTriggers<\n  P extends ActionCompConstraint,\n  OuterTriggerProp extends object,\n  OuterEvent extends keyof OuterTriggerProp,\n  Ref extends object,\n>(comp: ComponentType<ConfirmActionProps<OuterTriggerProp, OuterEvent> & RefAttributes<ConfirmActionRef<Ref>>>) {\n  const patchedComp = comp as unknown as WithGenericTriggers<P, Ref>;\n  // Type of button trigger\n  patchedComp.Button = withDefaultConfirmActionProps<P, ButtonProps, 'onClick', Ref>(\n    // @ts-expect-error: because the type is a little bit complex, so we ignore the type error here\n    comp,\n    {\n      triggerComponent: Button,\n      triggerEvent: 'onClick',\n      triggerProps: {},\n    }\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ) as any;\n  // Type of switch trigger\n  patchedComp.Switch = withDefaultConfirmActionProps<P, SwitchProps, 'onChange', Ref>(\n    // @ts-expect-error: because the type is a little bit complex, so we ignore the type error here\n    comp,\n    {\n      triggerComponent: Switch,\n      triggerEvent: 'onChange',\n      triggerProps: {},\n    }\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ) as any;\n  // Type of link trigger\n  patchedComp.Link = withDefaultConfirmActionProps<P, LinkProps, 'onClick', Ref>(\n    // @ts-expect-error: because the type is a little bit complex, so we ignore the type error here\n    comp,\n    {\n      triggerComponent: Typography.Link,\n      triggerEvent: 'onClick',\n      triggerProps: {\n        style: { whiteSpace: 'nowrap' },\n      },\n    }\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ) as any;\n  return patchedComp;\n}\n\n/**\n * - **EN:** ModalAction component type\n * - **CN:** ModalAction组件的类型\n */\nexport type ActionComponentInterface<P extends ActionCompConstraint, Ref extends object> = ComponentType<\n  P & RefAttributes<ConfirmActionRef<Ref>>\n>;\n\ntype WithGenericTriggers<P extends ActionCompConstraint, Ref extends object> = (<\n  TriggerProp extends object,\n  Event extends keyof TriggerProp,\n>(\n  props: PropsWithoutRef<Omit<P, keyof ActionCompConstraint>> &\n    ConfirmActionProps<TriggerProp, Event> &\n    RefAttributes<ConfirmActionRef<Ref>>\n) => ReactNode) &\n  TypedTriggers<P, Ref>;\n\n/**\n * - **EN:** Built-in trigger types (specified form components)\n * - **CN:** 内置的几种触发器类型（已指定表单组件）\n */\nexport interface TypedTriggers<P extends ActionCompConstraint, Ref extends object> {\n  /**\n   * - **EN:** Dialog with button type trigger\n   * - **CN:** 按钮类型的弹窗\n   */\n  Button: ConfirmActionWithTrigger<P, ButtonProps, 'onClick', Ref>;\n  /**\n   * - **EN:** Dialog with switch type trigger\n   * - **CN:** 开关类型的弹窗\n   */\n  Switch: ConfirmActionWithTrigger<P, SwitchProps, 'onChange', Ref>;\n  /**\n   * - **EN:** Dialog with link type trigger\n   * - **CN:** 链接类型的弹窗\n   */\n  Link: ConfirmActionWithTrigger<P, LinkProps, 'onClick', Ref>;\n}\n\n/**\n * - **EN:** ModalAction with specified trigger type (specified form component)\n * - **CN:** 已指定Trigger类型的ModalAction（并且已指定表单组件）\n */\ntype ConfirmActionWithTrigger<\n  P extends ActionCompConstraint,\n  TriggerProp extends object,\n  Event extends keyof TriggerProp,\n  Ref extends object,\n  OMIT extends string = never,\n> = ComponentType<\n  Omit<\n    PropsWithoutRef<Omit<P, keyof ActionCompConstraint>> & ConfirmActionProps<TriggerProp, Event>,\n    'triggerComponent' | 'triggerEvent' | OMIT\n  > &\n    RefAttributes<ConfirmActionRef<Ref>>\n>;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA+E;AAE/E,eAA2D;AAC3D,kBAA+E;AAE/E,sBAA6B;AASd,SAAR,kBAML,iBACA,cAKA;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,aAAa;AAAA,IACf;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,0BAMd,iBAEA,oBACA,cAKA;AACA,QAAM,2BAAuB,6BAAW,sBAAY,kBAAkB,CAAC;AACvE,uBAAqB,cAAc;AAEnC,QAAM,6BAAyB;AAAA,IAC7B,CAAC,mBAAmB,QAAQ;AAC1B,YAAM,gBAAY,qBAAyB,IAAI;AAC/C,YAAM,CAAC,WAAW,YAAY,QAAI,uBAAqB,IAAI;AAC3D,YAAM,kBAAc,qBAAmE,MAAS;AAGhG,YAAM,cAAyC,0BAAY,CAAC,YAAY;AACtE,oBAAY,UAAU;AAAA,MACxB,GAAG,CAAC,CAAC;AAGL,4CAAoB,KAAK,MAAM;AAC7B,eAAO;AAAA,UACL,GAAG,UAAU;AAAA,UACb,GAAG;AAAA,QACL;AAAA,MACF,GAAG,CAAC,SAAS,CAAC;AAGd,YAAM,aACJ;AAAA,QAAC;AAAA;AAAA,UACE,GAAI;AAAA,UACL,MAAM,YAAY;AAAA,UAClB,KAAK;AAAA;AAAA,MACP;AAGF,aACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAI;AAAA,UACL,SAAK,8BAAa,eAAe,IAAI,eAAe;AAAA,UACpD,OAAO;AAAA,UACP;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AACA,yBAAuB,cAAc;AAErC,QAAM,mBAAe;AAAA,IACnB;AAAA;AAAA,IAEA;AAAA,EACF;AAKA,SAAO,YAAkD,YAAmB;AAC9E;AAMA,SAAS,YAKP,MAA8G;AAC9G,QAAM,cAAc;AAEpB,cAAY,aAAS;AAAA;AAAA,IAEnB;AAAA,IACA;AAAA,MACE,kBAAkB;AAAA,MAClB,cAAc;AAAA,MACd,cAAc,CAAC;AAAA,IACjB;AAAA;AAAA,EAEF;AAEA,cAAY,aAAS;AAAA;AAAA,IAEnB;AAAA,IACA;AAAA,MACE,kBAAkB;AAAA,MAClB,cAAc;AAAA,MACd,cAAc,CAAC;AAAA,IACjB;AAAA;AAAA,EAEF;AAEA,cAAY,WAAO;AAAA;AAAA,IAEjB;AAAA,IACA;AAAA,MACE,kBAAkB,uBAAW;AAAA,MAC7B,cAAc;AAAA,MACd,cAAc;AAAA,QACZ,OAAO,EAAE,YAAY,SAAS;AAAA,MAChC;AAAA,IACF;AAAA;AAAA,EAEF;AACA,SAAO;AACT;",
+  "names": []
+}

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

@@ -0,0 +1,42 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { ItemProps, MenuProps, SeparatorProps, SubMenuProps } from 'react-contexify';
+import 'react-contexify/dist/ReactContexify.css';
+export interface ContextMenuProps extends MenuProps {
+    /**
+     * - **EN:** Menu items to be displayed
+     * - **CN:** 要显示的菜单项
+     */
+    items: (ContextMenuItem | ContextMenuSeparator | ContextMenuSubmenu)[] | undefined;
+    /**
+     * - **EN:** Trigger methods to show the menu, default is `['contextMenu']`
+     * - **CN:** 触发显示菜单的方式，默认是 `['contextMenu']`
+     */
+    trigger?: ('click' | 'doubleClick' | 'hover' | 'contextMenu')[];
+    triggerProps?: {
+        className?: string;
+        style?: CSSProperties;
+    };
+    prefixCls?: string;
+}
+declare const ContextMenu: import("react").ForwardRefExoticComponent<ContextMenuProps & import("react").RefAttributes<ContextMenuRef>>;
+export interface ContextMenuRef {
+    show: (event: React.MouseEvent<HTMLElement>) => void;
+    hideAll: () => void;
+}
+export interface ContextMenuItem extends Omit<ItemProps, 'children' | 'keyMatcher'> {
+    key: string;
+    className?: string;
+    icon?: ReactNode;
+    label?: ReactNode;
+    shortcutKey?: Partial<Pick<KeyboardEvent, 'ctrlKey' | 'altKey' | 'shiftKey' | 'metaKey' | 'key'>> | ItemProps['keyMatcher'];
+    children?: ReactNode;
+}
+export interface ContextMenuSeparator extends SeparatorProps {
+    type: 'separator';
+}
+export interface ContextMenuSubmenu extends SubMenuProps {
+    key: string;
+    type: 'submenu';
+    items: (ContextMenuItem | ContextMenuSeparator | ContextMenuSubmenu)[];
+}
+export default ContextMenu;

package/lib/components/ContextMenu/index.js

@@ -0,0 +1,190 @@
+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/ContextMenu/index.tsx
+var ContextMenu_exports = {};
+__export(ContextMenu_exports, {
+  default: () => ContextMenu_default
+});
+module.exports = __toCommonJS(ContextMenu_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react_contexify = require("react-contexify");
+var import_hooks = require("../../hooks");
+var import_style = __toESM(require("./style"));
+var import_ReactContexify = require("react-contexify/dist/ReactContexify.css");
+var ContextMenu = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    id,
+    items,
+    trigger = ["contextMenu"],
+    triggerProps,
+    prefixCls: prefixClsInProps,
+    className,
+    children,
+    ...rest
+  } = props;
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("context-menu", prefixClsInProps);
+  const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
+  const { show, hideAll } = (0, import_react_contexify.useContextMenu)({ id });
+  const eventNames = (0, import_react.useMemo)(
+    () => ({
+      click: ["onClick", void 0],
+      doubleClick: ["onDoubleClick", void 0],
+      hover: ["onPointerEnter", "onPointerLeave"],
+      contextMenu: ["onContextMenu", void 0]
+    }),
+    []
+  );
+  const handleShow = (0, import_hooks.useRefFunction)(
+    (event, options) => {
+      show({
+        id,
+        event,
+        props,
+        position: options == null ? void 0 : options.position
+      });
+    }
+  );
+  const handleHideAll = (0, import_hooks.useRefFunction)(() => {
+    hideAll();
+  });
+  const eventHandlers = (0, import_react.useMemo)(() => {
+    const handlers = {};
+    if (trigger) {
+      trigger.forEach((eventType) => {
+        const [handlerName, leaveHandlerName] = eventNames[eventType];
+        handlers[handlerName] = (event) => {
+          handleShow(event);
+        };
+        if (leaveHandlerName) {
+          handlers[leaveHandlerName] = handleHideAll;
+        }
+      });
+    }
+    return handlers;
+  }, [eventNames, trigger]);
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      show: handleShow,
+      hideAll: handleHideAll
+    }),
+    []
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, children && wrapCSSVar(
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ...eventHandlers,
+        className: (0, import_classnames.default)(hashId, cssVarCls, prefixCls, `${prefixCls}-trigger`, triggerProps == null ? void 0 : triggerProps.className),
+        style: triggerProps == null ? void 0 : triggerProps.style
+      },
+      children
+    )
+  ), wrapCSSVar(
+    /* @__PURE__ */ React.createElement(
+      import_react_contexify.Menu,
+      {
+        id,
+        className: (0, import_classnames.default)(
+          hashId,
+          cssVarCls,
+          prefixCls,
+          `${prefixCls}-menu`,
+          {
+            [`${prefixCls}-menu-has-items`]: !!(items == null ? void 0 : items.length)
+          },
+          className
+        ),
+        ...rest
+      },
+      renderItems(items, { theme: props.theme, cmpPrefixCls: prefixCls })
+    )
+  ));
+});
+ContextMenu.displayName = "ContextMenu";
+function renderItems(items, options) {
+  return items == null ? void 0 : items.map((item, index) => {
+    const isSeparator = "type" in item && item.type === "separator";
+    const isSubmenu = "type" in item && item.type === "submenu";
+    const menuItem = item;
+    if (isSeparator) {
+      return /* @__PURE__ */ React.createElement(import_react_contexify.Separator, { key: `[separator]:${index}` });
+    }
+    if (isSubmenu) {
+      const subMenu = item;
+      return /* @__PURE__ */ React.createElement(import_react_contexify.Submenu, { ...subMenu, key: subMenu.key }, renderItems(item.items, options));
+    }
+    return /* @__PURE__ */ React.createElement(
+      import_react_contexify.Item,
+      {
+        ...menuItem,
+        keyMatcher: typeof menuItem.shortcutKey === "object" ? (e) => {
+          const shortcutKey = menuItem.shortcutKey;
+          if (shortcutKey.ctrlKey && !e.ctrlKey)
+            return false;
+          if (shortcutKey.altKey && !e.altKey)
+            return false;
+          if (shortcutKey.shiftKey && !e.shiftKey)
+            return false;
+          if (shortcutKey.metaKey && !e.metaKey)
+            return false;
+          if (!shortcutKey.key || shortcutKey.key !== e.key)
+            return false;
+          return true;
+        } : menuItem.shortcutKey,
+        key: menuItem.key
+      },
+      menuItem.children ? menuItem.children : /* @__PURE__ */ React.createElement(React.Fragment, null, menuItem.icon, /* @__PURE__ */ React.createElement("span", null, menuItem.label), typeof menuItem.shortcutKey === "object" && /* @__PURE__ */ React.createElement(import_react_contexify.RightSlot, null, getShortcutText(menuItem.shortcutKey, options)))
+    );
+  });
+}
+function getShortcutText(event, options) {
+  const { theme, cmpPrefixCls } = options;
+  const keys = [];
+  const Keyboard = (props) => {
+    return /* @__PURE__ */ React.createElement(import_antd.ConfigProvider, { theme: { algorithm: theme === "dark" ? import_antd.theme.darkAlgorithm : void 0 } }, /* @__PURE__ */ React.createElement(import_antd.Typography.Text, { keyboard: true, className: `${cmpPrefixCls}-shortcut-key` }, props.children));
+  };
+  if (event.ctrlKey)
+    keys.push(/* @__PURE__ */ React.createElement(Keyboard, null, "^"));
+  if (event.altKey)
+    keys.push(/* @__PURE__ */ React.createElement(Keyboard, null, "⌥"));
+  if (event.shiftKey)
+    keys.push(/* @__PURE__ */ React.createElement(Keyboard, null, "⇧"));
+  if (event.metaKey)
+    keys.push(/* @__PURE__ */ React.createElement(Keyboard, null, "⌘"));
+  if (event.key) {
+    keys.push(/* @__PURE__ */ React.createElement(Keyboard, null, event.key));
+  }
+  return keys;
+}
+var ContextMenu_default = ContextMenu;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ContextMenu/index.tsx"],
+  "sourcesContent": ["import type { CSSProperties, ReactNode } from 'react';\nimport { forwardRef, useContext, useImperativeHandle, useMemo } from 'react';\nimport { theme as AntdTheme, ConfigProvider, Typography } from 'antd';\nimport classNames from 'classnames';\nimport type { ItemProps, MenuProps, SeparatorProps, ShowContextMenuParams, SubMenuProps } from 'react-contexify';\nimport { Item, Menu, RightSlot, Separator, Submenu, useContextMenu } from 'react-contexify';\nimport { useRefFunction } from '../../hooks';\nimport useStyle from './style';\nimport 'react-contexify/dist/ReactContexify.css';\n\nexport interface ContextMenuProps extends MenuProps {\n  /**\n   * - **EN:** Menu items to be displayed\n   * - **CN:** 要显示的菜单项\n   */\n  items: (ContextMenuItem | ContextMenuSeparator | ContextMenuSubmenu)[] | undefined;\n  /**\n   * - **EN:** Trigger methods to show the menu, default is `['contextMenu']`\n   * - **CN:** 触发显示菜单的方式，默认是 `['contextMenu']`\n   */\n  trigger?: ('click' | 'doubleClick' | 'hover' | 'contextMenu')[];\n  triggerProps?: {\n    className?: string;\n    style?: CSSProperties;\n  };\n  prefixCls?: string;\n}\n// 上下文菜单组件\nconst ContextMenu = forwardRef<ContextMenuRef, ContextMenuProps>((props, ref) => {\n  const {\n    id,\n    items,\n    trigger = ['contextMenu'],\n    triggerProps,\n    prefixCls: prefixClsInProps,\n    className,\n    children,\n    ...rest\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('context-menu', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const { show, hideAll } = useContextMenu({ id });\n  const eventNames = useMemo<Record<NonNullable<ContextMenuProps['trigger']>[number], [string, string | undefined]>>(\n    () => ({\n      click: ['onClick', undefined],\n      doubleClick: ['onDoubleClick', undefined],\n      hover: ['onPointerEnter', 'onPointerLeave'],\n      contextMenu: ['onContextMenu', undefined],\n    }),\n    []\n  );\n\n  // Show context menu handler\n  const handleShow = useRefFunction(\n    (event: React.MouseEvent<HTMLElement>, options?: Pick<ShowContextMenuParams, 'position'>) => {\n      show({\n        id,\n        event,\n        props,\n        position: options?.position,\n      });\n    }\n  );\n  // Hide all context menus handler\n  const handleHideAll = useRefFunction(() => {\n    hideAll();\n  });\n  const eventHandlers = useMemo(() => {\n    const handlers: Record<string, (event: React.MouseEvent<HTMLElement>) => void> = {};\n    if (trigger) {\n      trigger.forEach((eventType) => {\n        const [handlerName, leaveHandlerName] = eventNames[eventType];\n        handlers[handlerName] = (event: React.MouseEvent<HTMLElement>) => {\n          handleShow(event);\n        };\n        if (leaveHandlerName) {\n          handlers[leaveHandlerName] = handleHideAll;\n        }\n      });\n    }\n    return handlers;\n  }, [eventNames, trigger]);\n\n  // Expose show and hideAll methods to the ref\n  useImperativeHandle(\n    ref,\n    () => ({\n      show: handleShow,\n      hideAll: handleHideAll,\n    }),\n    []\n  );\n\n  return (\n    <>\n      {children &&\n        wrapCSSVar(\n          <div\n            {...eventHandlers}\n            className={classNames(hashId, cssVarCls, prefixCls, `${prefixCls}-trigger`, triggerProps?.className)}\n            style={triggerProps?.style}\n          >\n            {children}\n          </div>\n        )}\n      {wrapCSSVar(\n        <Menu\n          id={id}\n          className={classNames(\n            hashId,\n            cssVarCls,\n            prefixCls,\n            `${prefixCls}-menu`,\n            {\n              [`${prefixCls}-menu-has-items`]: !!items?.length,\n            },\n            className\n          )}\n          {...rest}\n        >\n          {renderItems(items, { theme: props.theme, cmpPrefixCls: prefixCls })}\n        </Menu>\n      )}\n    </>\n  );\n});\nContextMenu.displayName = 'ContextMenu';\n\n// Render menu items\nfunction renderItems(\n  items: (ContextMenuItem | ContextMenuSeparator | ContextMenuSubmenu)[] | undefined,\n  options: Pick<ContextMenuProps, 'theme'> & { cmpPrefixCls: string }\n): ReactNode[] | undefined {\n  return items?.map((item, index) => {\n    const isSeparator = 'type' in item && item.type === 'separator';\n    const isSubmenu = 'type' in item && item.type === 'submenu';\n    const menuItem = item as ContextMenuItem;\n\n    if (isSeparator) {\n      // eslint-disable-next-line react/no-array-index-key\n      return <Separator key={`[separator]:${index}`} />;\n    }\n\n    if (isSubmenu) {\n      const subMenu = item as ContextMenuSubmenu;\n      return (\n        <Submenu {...subMenu} key={subMenu.key}>\n          {renderItems(item.items, options)}\n        </Submenu>\n      );\n    }\n\n    return (\n      <Item\n        {...menuItem}\n        keyMatcher={\n          typeof menuItem.shortcutKey === 'object'\n            ? (e) => {\n                const shortcutKey = menuItem.shortcutKey as Partial<KeyboardEvent>;\n                if (shortcutKey.ctrlKey && !e.ctrlKey) return false;\n                if (shortcutKey.altKey && !e.altKey) return false;\n                if (shortcutKey.shiftKey && !e.shiftKey) return false;\n                if (shortcutKey.metaKey && !e.metaKey) return false;\n                if (!shortcutKey.key || shortcutKey.key !== e.key) return false;\n                return true;\n              }\n            : menuItem.shortcutKey\n        }\n        key={menuItem.key}\n      >\n        {menuItem.children ? (\n          menuItem.children\n        ) : (\n          <>\n            {menuItem.icon}\n            <span>{menuItem.label}</span>\n            {typeof menuItem.shortcutKey === 'object' && (\n              <RightSlot>{getShortcutText(menuItem.shortcutKey, options)}</RightSlot>\n            )}\n          </>\n        )}\n      </Item>\n    );\n  });\n}\n\nfunction getShortcutText(\n  event: Partial<Pick<KeyboardEvent, 'ctrlKey' | 'altKey' | 'shiftKey' | 'metaKey' | 'key'>>,\n  options: Pick<ContextMenuProps, 'theme'> & { cmpPrefixCls: string }\n): ReactNode[] {\n  const { theme, cmpPrefixCls } = options;\n  const keys: ReactNode[] = [];\n  const Keyboard = (props: { children: ReactNode }) => {\n    return (\n      <ConfigProvider theme={{ algorithm: theme === 'dark' ? AntdTheme.darkAlgorithm : undefined }}>\n        <Typography.Text keyboard className={`${cmpPrefixCls}-shortcut-key`}>\n          {props.children}\n        </Typography.Text>\n      </ConfigProvider>\n    );\n  };\n  if (event.ctrlKey) keys.push(<Keyboard>^</Keyboard>);\n  if (event.altKey) keys.push(<Keyboard>⌥</Keyboard>);\n  if (event.shiftKey) keys.push(<Keyboard>⇧</Keyboard>);\n  if (event.metaKey) keys.push(<Keyboard>⌘</Keyboard>);\n  if (event.key) {\n    keys.push(<Keyboard>{event.key}</Keyboard>);\n  }\n  return keys;\n}\n\nexport interface ContextMenuRef {\n  show: (event: React.MouseEvent<HTMLElement>) => void;\n  hideAll: () => void;\n}\n\nexport interface ContextMenuItem extends Omit<ItemProps, 'children' | 'keyMatcher'> {\n  key: string;\n  className?: string;\n  icon?: ReactNode;\n  label?: ReactNode;\n  shortcutKey?:\n    | Partial<Pick<KeyboardEvent, 'ctrlKey' | 'altKey' | 'shiftKey' | 'metaKey' | 'key'>>\n    | ItemProps['keyMatcher'];\n  children?: ReactNode;\n}\n\nexport interface ContextMenuSeparator extends SeparatorProps {\n  type: 'separator';\n}\n\nexport interface ContextMenuSubmenu extends SubMenuProps {\n  key: string;\n  type: 'submenu';\n  items: (ContextMenuItem | ContextMenuSeparator | ContextMenuSubmenu)[];\n}\n\nexport default ContextMenu;\n"],
+  "mappings": "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",
+  "names": ["useStyle", "classNames", "AntdTheme"]
+}

package/lib/components/ContextMenu/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/ContextMenu/style/index.js

@@ -0,0 +1,48 @@
+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/ContextMenu/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]: {
+      "&-trigger": {
+        width: "fit-content"
+      },
+      "&-menu": {
+        padding: 0,
+        "&-has-items": {
+          padding: "var(--contexify-menu-padding)"
+        },
+        [`${componentCls}-shortcut-key`]: {
+          kbd: {
+            fontFamily: "-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif"
+          }
+        }
+      }
+    }
+  };
+};
+var style_default = (0, import_internal.genStyleHooks)("ContextMenu", genStyle);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ContextMenu/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      '&-trigger': {\n        width: 'fit-content',\n      },\n      '&-menu': {\n        padding: 0,\n        '&-has-items': {\n          padding: 'var(--contexify-menu-padding)',\n        },\n        [`${componentCls}-shortcut-key`]: {\n          kbd: {\n            fontFamily: '-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif',\n          },\n        },\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('ContextMenu' as never, 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,aAAa;AAAA,QACX,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,QACX;AAAA,QACA,CAAC,GAAG,2BAA2B,GAAG;AAAA,UAChC,KAAK;AAAA,YACH,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,eAAwB,QAAQ;",
+  "names": []
+}

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

@@ -1,4 +1,4 @@
-import { type ConfirmActionWithStatic } from '../ConfirmAction';
+import type { ConfirmActionWithStatic } from '../ConfirmAction';
 /**
  * - **EN:** Delete operation confirmation box
  * - **CN:** 删除操作确认框

package/lib/components/DeleteConfirmAction/index.js

@@ -33,22 +33,34 @@ var renderDeleteConfirmAction = (0, import_ConfirmAction.genRenderer)({
 });
 var forwarded = (0, import_react.forwardRef)(renderDeleteConfirmAction);
 var DeleteConfirmAction = forwarded;
-DeleteConfirmAction.Button = (0, import_ConfirmAction.withDefaultConfirmActionProps)(forwarded, {
-  triggerComponent: import_antd.Button,
-  triggerEvent: "onClick",
-  triggerProps: {}
-});
-DeleteConfirmAction.Switch = (0, import_ConfirmAction.withDefaultConfirmActionProps)(forwarded, {
-  triggerComponent: import_antd.Switch,
-  triggerEvent: "onChange",
-  triggerProps: {}
-});
-DeleteConfirmAction.Link = (0, import_ConfirmAction.withDefaultConfirmActionProps)(forwarded, {
-  triggerComponent: import_antd.Typography.Link,
-  triggerEvent: "onClick",
-  triggerProps: {
-    style: { whiteSpace: "nowrap" }
+DeleteConfirmAction.Button = (0, import_ConfirmAction.withDefaultConfirmActionProps)(
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  forwarded,
+  {
+    triggerComponent: import_antd.Button,
+    triggerEvent: "onClick",
+    triggerProps: {}
   }
-});
+);
+DeleteConfirmAction.Switch = (0, import_ConfirmAction.withDefaultConfirmActionProps)(
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  forwarded,
+  {
+    triggerComponent: import_antd.Switch,
+    triggerEvent: "onChange",
+    triggerProps: {}
+  }
+);
+DeleteConfirmAction.Link = (0, import_ConfirmAction.withDefaultConfirmActionProps)(
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  forwarded,
+  {
+    triggerComponent: import_antd.Typography.Link,
+    triggerEvent: "onClick",
+    triggerProps: {
+      style: { whiteSpace: "nowrap" }
+    }
+  }
+);
 var DeleteConfirmAction_default = DeleteConfirmAction;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/DeleteConfirmAction/index.tsx"],
-  "sourcesContent": ["import { forwardRef } from 'react';\nimport type { ButtonProps, SwitchProps } from 'antd';\nimport { Button, Switch, Typography } from 'antd';\nimport type { LinkProps } from 'antd/es/typography/Link';\nimport { CloseCircleFilled } from '@ant-design/icons';\nimport { type ConfirmActionWithStatic, genRenderer, withDefaultConfirmActionProps } from '../ConfirmAction';\n\nconst renderDeleteConfirmAction = genRenderer({\n  confirmType: 'delete',\n  danger: true,\n  icon: <CloseCircleFilled />,\n});\nconst forwarded = forwardRef(renderDeleteConfirmAction);\n\n/**\n * - **EN:** Delete operation confirmation box\n * - **CN:** 删除操作确认框\n */\nconst DeleteConfirmAction = forwarded as unknown as ConfirmActionWithStatic;\n/**\n * - **EN:** Deletion confirmation box with button type\n * - **CN:** 按钮类型的删除确认框\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nDeleteConfirmAction.Button = withDefaultConfirmActionProps<ButtonProps, 'onClick'>(forwarded as any, {\n  triggerComponent: Button,\n  triggerEvent: 'onClick',\n  triggerProps: {},\n});\n/**\n * - **EN:** Deletion confirmation box with switch type\n * - **CN:** 开关类型的删除确认框\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nDeleteConfirmAction.Switch = withDefaultConfirmActionProps<SwitchProps, 'onChange'>(forwarded as any, {\n  triggerComponent: Switch,\n  triggerEvent: 'onChange',\n  triggerProps: {},\n});\n/**\n * - **EN:** Deletion confirmation box with link type\n * - **CN:** 链接类型的删除确认框\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nDeleteConfirmAction.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 DeleteConfirmAction;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAE3B,kBAA2C;AAE3C,mBAAkC;AAClC,2BAAyF;AAEzF,IAAM,gCAA4B,kCAAY;AAAA,EAC5C,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,MAAM,oCAAC,oCAAkB;AAC3B,CAAC;AACD,IAAM,gBAAY,yBAAW,yBAAyB;AAMtD,IAAM,sBAAsB;AAM5B,oBAAoB,aAAS,oDAAsD,WAAkB;AAAA,EACnG,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,cAAc,CAAC;AACjB,CAAC;AAMD,oBAAoB,aAAS,oDAAuD,WAAkB;AAAA,EACpG,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,cAAc,CAAC;AACjB,CAAC;AAMD,oBAAoB,WAAO,oDAAoD,WAAkB;AAAA,EAC/F,kBAAkB,uBAAW;AAAA,EAC7B,cAAc;AAAA,EACd,cAAc;AAAA,IACZ,OAAO,EAAE,YAAY,SAAS;AAAA,EAChC;AACF,CAAC;AAED,IAAO,8BAAQ;",
+  "sourcesContent": ["import { forwardRef } from 'react';\nimport type { ButtonProps, SwitchProps } from 'antd';\nimport { Button, Switch, Typography } from 'antd';\nimport type { LinkProps } from 'antd/es/typography/Link';\nimport { CloseCircleFilled } from '@ant-design/icons';\nimport type { ActionCompConstraint, ConfirmActionWithStatic } from '../ConfirmAction';\nimport { genRenderer, withDefaultConfirmActionProps } from '../ConfirmAction';\n\nconst renderDeleteConfirmAction = genRenderer({\n  confirmType: 'delete',\n  danger: true,\n  icon: <CloseCircleFilled />,\n});\nconst forwarded = forwardRef(renderDeleteConfirmAction);\n\n/**\n * - **EN:** Delete operation confirmation box\n * - **CN:** 删除操作确认框\n */\nconst DeleteConfirmAction = forwarded as unknown as ConfirmActionWithStatic;\n/**\n * - **EN:** Deletion confirmation box with button type\n * - **CN:** 按钮类型的删除确认框\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types\nDeleteConfirmAction.Button = withDefaultConfirmActionProps<ActionCompConstraint, ButtonProps, 'onClick', {}>(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  forwarded as any,\n  {\n    triggerComponent: Button,\n    triggerEvent: 'onClick',\n    triggerProps: {},\n  }\n);\n/**\n * - **EN:** Deletion confirmation box with switch type\n * - **CN:** 开关类型的删除确认框\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types\nDeleteConfirmAction.Switch = withDefaultConfirmActionProps<ActionCompConstraint, SwitchProps, 'onChange', {}>(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  forwarded as any,\n  {\n    triggerComponent: Switch,\n    triggerEvent: 'onChange',\n    triggerProps: {},\n  }\n);\n/**\n * - **EN:** Deletion confirmation box with link type\n * - **CN:** 链接类型的删除确认框\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types\nDeleteConfirmAction.Link = withDefaultConfirmActionProps<ActionCompConstraint, LinkProps, 'onClick', {}>(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  forwarded as any,\n  {\n    triggerComponent: Typography.Link,\n    triggerEvent: 'onClick',\n    triggerProps: {\n      style: { whiteSpace: 'nowrap' },\n    },\n  }\n);\n\nexport default DeleteConfirmAction;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAE3B,kBAA2C;AAE3C,mBAAkC;AAElC,2BAA2D;AAE3D,IAAM,gCAA4B,kCAAY;AAAA,EAC5C,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,MAAM,oCAAC,oCAAkB;AAC3B,CAAC;AACD,IAAM,gBAAY,yBAAW,yBAAyB;AAMtD,IAAM,sBAAsB;AAM5B,oBAAoB,aAAS;AAAA;AAAA,EAE3B;AAAA,EACA;AAAA,IACE,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,cAAc,CAAC;AAAA,EACjB;AACF;AAMA,oBAAoB,aAAS;AAAA;AAAA,EAE3B;AAAA,EACA;AAAA,IACE,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,cAAc,CAAC;AAAA,EACjB;AACF;AAMA,oBAAoB,WAAO;AAAA;AAAA,EAEzB;AAAA,EACA;AAAA,IACE,kBAAkB,uBAAW;AAAA,IAC7B,cAAc;AAAA,IACd,cAAc;AAAA,MACZ,OAAO,EAAE,YAAY,SAAS;AAAA,IAChC;AAAA,EACF;AACF;AAEA,IAAO,8BAAQ;",
   "names": []
 }

package/lib/components/DeleteConfirmAction/withDeleteConfirmAction.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { ActionCompConstraint, ConfirmActionProps } from '../ConfirmAction';
+import { type ActionComponentInterface } from '../ConfirmAction/withConfirmAction';
+/**
+ * - **EN:** Wrap a component into a delete confirmation dialog component, supporting custom triggers
+ *   and default properties
+ * - **CN:** 将一个组件包装成一个删除确认弹框组件，支持自定义触发器和默认属性
+ *
+ * @param actionComponent Custom trigger component | 自定义触发器组件
+ * @param defaultProps Default properties of the deletion confirm box | 删除确认弹框的默认属性
+ */
+export default function withDeleteConfirmAction<P extends ActionCompConstraint, OuterTriggerProp extends object, OuterEvent extends keyof OuterTriggerProp, Ref extends object>(ActionComponent: ActionComponentInterface<P, Ref>, defaultProps?: Partial<Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>> | ((actualProps: Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>) => Partial<Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>>)): (<TriggerProp extends object, Event extends keyof TriggerProp>(props: import("react").PropsWithoutRef<Omit<P, keyof ActionCompConstraint>> & Omit<import("antd").ModalFuncProps, "onOk"> & import("../ConfirmAction").ConfirmActionTrigger<TriggerProp, Event> & {
+    danger?: boolean | undefined;
+    titleColor?: import("antd/es/typography/Base").BaseType | "primary" | undefined;
+    contentColor?: import("antd/es/typography/Base").BaseType | "primary" | undefined;
+    iconColor?: import("antd/es/typography/Base").BaseType | "primary" | undefined;
+    onOk?: ((...args: Parameters<TriggerProp[Event]>) => unknown) | undefined;
+    afterOk?: ((data?: any) => void) | undefined;
+} & import("react").RefAttributes<import("../ConfirmAction").ConfirmActionRef<Ref>>) => import("react").ReactNode) & import("../ConfirmAction/withConfirmAction").TypedTriggers<P, Ref>;

package/lib/components/DeleteConfirmAction/withDeleteConfirmAction.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/DeleteConfirmAction/withDeleteConfirmAction.tsx
+var withDeleteConfirmAction_exports = {};
+__export(withDeleteConfirmAction_exports, {
+  default: () => withDeleteConfirmAction
+});
+module.exports = __toCommonJS(withDeleteConfirmAction_exports);
+var import_icons = require("@ant-design/icons");
+var import_withConfirmAction = require("../ConfirmAction/withConfirmAction");
+function withDeleteConfirmAction(ActionComponent, defaultProps) {
+  return (0, import_withConfirmAction.withConfirmActionInternal)(
+    ActionComponent,
+    {
+      confirmType: "delete",
+      danger: true,
+      icon: /* @__PURE__ */ React.createElement(import_icons.CloseCircleFilled, null)
+    },
+    defaultProps
+  );
+}
+//# sourceMappingURL=withDeleteConfirmAction.js.map

package/lib/components/DeleteConfirmAction/withDeleteConfirmAction.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DeleteConfirmAction/withDeleteConfirmAction.tsx"],
+  "sourcesContent": ["import { CloseCircleFilled } from '@ant-design/icons';\nimport type { ActionCompConstraint, ConfirmActionProps } from '../ConfirmAction';\nimport { type ActionComponentInterface, withConfirmActionInternal } from '../ConfirmAction/withConfirmAction';\n\n/**\n * - **EN:** Wrap a component into a delete confirmation dialog component, supporting custom triggers\n *   and default properties\n * - **CN:** 将一个组件包装成一个删除确认弹框组件，支持自定义触发器和默认属性\n *\n * @param actionComponent Custom trigger component | 自定义触发器组件\n * @param defaultProps Default properties of the deletion confirm box | 删除确认弹框的默认属性\n */\nexport default function withDeleteConfirmAction<\n  P extends ActionCompConstraint,\n  OuterTriggerProp extends object,\n  OuterEvent extends keyof OuterTriggerProp,\n  Ref extends object,\n>(\n  ActionComponent: ActionComponentInterface<P, Ref>,\n  defaultProps?:\n    | Partial<Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>>\n    | ((\n        actualProps: Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>\n      ) => Partial<Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>>)\n) {\n  return withConfirmActionInternal(\n    ActionComponent,\n    {\n      confirmType: 'delete',\n      danger: true,\n      icon: <CloseCircleFilled />,\n    },\n    defaultProps\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAElC,+BAAyE;AAU1D,SAAR,wBAML,iBACA,cAKA;AACA,aAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,MAAM,oCAAC,oCAAkB;AAAA,IAC3B;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}