@tiny-codes/react-easy 1.1.3 → 1.2.1

package/es/components/ConfirmAction/withConfirmAction.d.ts

@@ -0,0 +1,48 @@
+import type { ComponentType, PropsWithoutRef, ReactNode, RefAttributes } from 'react';
+import type { ActionCompConstraint, ConfirmActionProps, ConfirmActionRef } from '.';
+import { type ButtonProps, type SwitchProps } from 'antd';
+import type { LinkProps } from 'antd/es/typography/Link';
+/**
+ * - **EN:** Generate a confirm box component with custom trigger and default props
+ * - **CN:** 将一个组件包装成一个确认弹框组件，支持自定义触发器和默认属性
+ *
+ * @param actionComponent Custom trigger component | 自定义触发器组件
+ * @param defaultProps Default properties of the confirm box | 确认弹框的默认属性
+ */
+export default function withConfirmAction<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>>)): WithGenericTriggers<P, Ref>;
+export declare function withConfirmActionInternal<P extends ActionCompConstraint, OuterTriggerProp extends object, OuterEvent extends keyof OuterTriggerProp, Ref extends object>(ActionComponent: ActionComponentInterface<P, Ref>, renderDefaultProps: Partial<ConfirmActionProps<any, never>> & {
+    confirmType: 'normal' | 'delete';
+}, 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>>)): WithGenericTriggers<P, Ref>;
+/**
+ * - **EN:** ModalAction component type
+ * - **CN:** ModalAction组件的类型
+ */
+export type ActionComponentInterface<P extends ActionCompConstraint, Ref extends object> = ComponentType<P & RefAttributes<ConfirmActionRef<Ref>>>;
+type WithGenericTriggers<P extends ActionCompConstraint, Ref extends object> = (<TriggerProp extends object, Event extends keyof TriggerProp>(props: PropsWithoutRef<Omit<P, keyof ActionCompConstraint>> & ConfirmActionProps<TriggerProp, Event> & RefAttributes<ConfirmActionRef<Ref>>) => ReactNode) & TypedTriggers<P, Ref>;
+/**
+ * - **EN:** Built-in trigger types (specified form components)
+ * - **CN:** 内置的几种触发器类型（已指定表单组件）
+ */
+export interface TypedTriggers<P extends ActionCompConstraint, Ref extends object> {
+    /**
+     * - **EN:** Dialog with button type trigger
+     * - **CN:** 按钮类型的弹窗
+     */
+    Button: ConfirmActionWithTrigger<P, ButtonProps, 'onClick', Ref>;
+    /**
+     * - **EN:** Dialog with switch type trigger
+     * - **CN:** 开关类型的弹窗
+     */
+    Switch: ConfirmActionWithTrigger<P, SwitchProps, 'onChange', Ref>;
+    /**
+     * - **EN:** Dialog with link type trigger
+     * - **CN:** 链接类型的弹窗
+     */
+    Link: ConfirmActionWithTrigger<P, LinkProps, 'onClick', Ref>;
+}
+/**
+ * - **EN:** ModalAction with specified trigger type (specified form component)
+ * - **CN:** 已指定Trigger类型的ModalAction（并且已指定表单组件）
+ */
+type ConfirmActionWithTrigger<P extends ActionCompConstraint, TriggerProp extends object, Event extends keyof TriggerProp, Ref extends object, OMIT extends string = never> = ComponentType<Omit<PropsWithoutRef<Omit<P, keyof ActionCompConstraint>> & ConfirmActionProps<TriggerProp, Event>, 'triggerComponent' | 'triggerEvent' | OMIT> & RefAttributes<ConfirmActionRef<Ref>>>;
+export {};

package/es/components/ConfirmAction/withConfirmAction.js

@@ -0,0 +1,131 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
+import { genRenderer, withDefaultConfirmActionProps } from '.';
+import { Button, Switch, Typography } from 'antd';
+import { isForwardRef } from 'react-is';
+
+/**
+ * - **EN:** Generate a confirm box component with custom trigger and default props
+ * - **CN:** 将一个组件包装成一个确认弹框组件，支持自定义触发器和默认属性
+ *
+ * @param actionComponent Custom trigger component | 自定义触发器组件
+ * @param defaultProps Default properties of the confirm box | 确认弹框的默认属性
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function withConfirmAction(ActionComponent, defaultProps) {
+  return withConfirmActionInternal(ActionComponent, {
+    confirmType: 'normal'
+  }, defaultProps);
+}
+export function withConfirmActionInternal(ActionComponent,
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+renderDefaultProps, defaultProps) {
+  var ConfirmActionWithRef = /*#__PURE__*/forwardRef(genRenderer(renderDefaultProps));
+  ConfirmActionWithRef.displayName = 'ForwardRef(ConfirmAction)';
+  var WrappedActionComponent = /*#__PURE__*/forwardRef(function (propsWithDefaults, ref) {
+    var actionRef = useRef(null);
+    var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      customRef = _useState2[0],
+      setCustomRef = _useState2[1];
+    var saveFuncRef = useRef(undefined);
+
+    // Receive the onSave callback method passed by the form component
+    var setOnOk = useCallback(function (handler) {
+      saveFuncRef.current = handler;
+    }, []);
+
+    // Merge the default ref and custom ref and output to the parent component
+    useImperativeHandle(ref, function () {
+      return _objectSpread(_objectSpread({}, actionRef.current), customRef);
+    }, [customRef]);
+
+    // Render the default trigger DOM element, and pass it to the custom ActionComponent
+    var triggerDom = /*#__PURE__*/_jsx(ConfirmActionWithRef, _objectSpread(_objectSpread({}, propsWithDefaults), {}, {
+      onOk: saveFuncRef.current,
+      ref: actionRef
+    }));
+    return /*#__PURE__*/_jsx(ActionComponent, _objectSpread(_objectSpread({}, propsWithDefaults), {}, {
+      ref: isForwardRef(ActionComponent) ? setCustomRef : undefined,
+      setOK: setOnOk,
+      triggerDom: triggerDom
+    }));
+  });
+  WrappedActionComponent.displayName = 'ConfirmAction(ActionComponent)';
+  var withDefaults = withDefaultConfirmActionProps(WrappedActionComponent,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  defaultProps);
+  // return withDefaults;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return addTriggers(withDefaults);
+}
+
+/**
+ * - **EN:** Add trigger types to the ModalAction component
+ * - **CN:** 给ModalAction组件添加子触发器类型
+ */
+function addTriggers(comp) {
+  var patchedComp = comp;
+  // Type of button trigger
+  patchedComp.Button = withDefaultConfirmActionProps(
+  // @ts-expect-error: because the type is a little bit complex, so we ignore the type error here
+  comp, {
+    triggerComponent: Button,
+    triggerEvent: 'onClick',
+    triggerProps: {}
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  );
+  // Type of switch trigger
+  patchedComp.Switch = withDefaultConfirmActionProps(
+  // @ts-expect-error: because the type is a little bit complex, so we ignore the type error here
+  comp, {
+    triggerComponent: Switch,
+    triggerEvent: 'onChange',
+    triggerProps: {}
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  );
+  // Type of link trigger
+  patchedComp.Link = withDefaultConfirmActionProps(
+  // @ts-expect-error: because the type is a little bit complex, so we ignore the type error here
+  comp, {
+    triggerComponent: Typography.Link,
+    triggerEvent: 'onClick',
+    triggerProps: {
+      style: {
+        whiteSpace: 'nowrap'
+      }
+    }
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  );
+  return patchedComp;
+}
+
+/**
+ * - **EN:** ModalAction component type
+ * - **CN:** ModalAction组件的类型
+ */
+
+/**
+ * - **EN:** Built-in trigger types (specified form components)
+ * - **CN:** 内置的几种触发器类型（已指定表单组件）
+ */
+
+/**
+ * - **EN:** ModalAction with specified trigger type (specified form component)
+ * - **CN:** 已指定Trigger类型的ModalAction（并且已指定表单组件）
+ */
+//# sourceMappingURL=withConfirmAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useImperativeHandle","useRef","useState","genRenderer","withDefaultConfirmActionProps","Button","Switch","Typography","isForwardRef","jsx","_jsx","withConfirmAction","ActionComponent","defaultProps","withConfirmActionInternal","confirmType","renderDefaultProps","ConfirmActionWithRef","displayName","WrappedActionComponent","propsWithDefaults","ref","actionRef","_useState","_useState2","_slicedToArray","customRef","setCustomRef","saveFuncRef","undefined","setOnOk","handler","current","_objectSpread","triggerDom","onOk","setOK","withDefaults","addTriggers","comp","patchedComp","triggerComponent","triggerEvent","triggerProps","Link","style","whiteSpace"],"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":"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"}

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

@@ -0,0 +1,188 @@
+var _excluded = ["id", "items", "trigger", "triggerProps", "prefixCls", "className", "children"];
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { forwardRef, useContext, useImperativeHandle, useMemo } from 'react';
+import { theme as AntdTheme, ConfigProvider, Typography } from 'antd';
+import classNames from 'classnames';
+import { Item, Menu, RightSlot, Separator, Submenu, useContextMenu } from 'react-contexify';
+import { useRefFunction } from "../../hooks";
+import useStyle from "./style";
+import 'react-contexify/dist/ReactContexify.css';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+// 上下文菜单组件
+var ContextMenu = /*#__PURE__*/forwardRef(function (props, ref) {
+  var id = props.id,
+    items = props.items,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? ['contextMenu'] : _props$trigger,
+    triggerProps = props.triggerProps,
+    prefixClsInProps = props.prefixCls,
+    className = props.className,
+    children = props.children,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('context-menu', prefixClsInProps);
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var _useContextMenu = useContextMenu({
+      id: id
+    }),
+    show = _useContextMenu.show,
+    hideAll = _useContextMenu.hideAll;
+  var eventNames = useMemo(function () {
+    return {
+      click: ['onClick', undefined],
+      doubleClick: ['onDoubleClick', undefined],
+      hover: ['onPointerEnter', 'onPointerLeave'],
+      contextMenu: ['onContextMenu', undefined]
+    };
+  }, []);
+
+  // Show context menu handler
+  var handleShow = useRefFunction(function (event, options) {
+    show({
+      id: id,
+      event: event,
+      props: props,
+      position: options === null || options === void 0 ? void 0 : options.position
+    });
+  });
+  // Hide all context menus handler
+  var handleHideAll = useRefFunction(function () {
+    hideAll();
+  });
+  var eventHandlers = useMemo(function () {
+    var handlers = {};
+    if (trigger) {
+      trigger.forEach(function (eventType) {
+        var _eventNames$eventType = _slicedToArray(eventNames[eventType], 2),
+          handlerName = _eventNames$eventType[0],
+          leaveHandlerName = _eventNames$eventType[1];
+        handlers[handlerName] = function (event) {
+          handleShow(event);
+        };
+        if (leaveHandlerName) {
+          handlers[leaveHandlerName] = handleHideAll;
+        }
+      });
+    }
+    return handlers;
+  }, [eventNames, trigger]);
+
+  // Expose show and hideAll methods to the ref
+  useImperativeHandle(ref, function () {
+    return {
+      show: handleShow,
+      hideAll: handleHideAll
+    };
+  }, []);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [children && wrapCSSVar( /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, eventHandlers), {}, {
+      className: classNames(hashId, cssVarCls, prefixCls, "".concat(prefixCls, "-trigger"), triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.className),
+      style: triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.style,
+      children: children
+    }))), wrapCSSVar( /*#__PURE__*/_jsx(Menu, _objectSpread(_objectSpread({
+      id: id,
+      className: classNames(hashId, cssVarCls, prefixCls, "".concat(prefixCls, "-menu"), _defineProperty({}, "".concat(prefixCls, "-menu-has-items"), !!(items !== null && items !== void 0 && items.length)), className)
+    }, rest), {}, {
+      children: renderItems(items, {
+        theme: props.theme,
+        cmpPrefixCls: prefixCls
+      })
+    })))]
+  });
+});
+ContextMenu.displayName = 'ContextMenu';
+
+// Render menu items
+function renderItems(items, options) {
+  return items === null || items === void 0 ? void 0 : items.map(function (item, index) {
+    var isSeparator = 'type' in item && item.type === 'separator';
+    var isSubmenu = 'type' in item && item.type === 'submenu';
+    var menuItem = item;
+    if (isSeparator) {
+      // eslint-disable-next-line react/no-array-index-key
+      return /*#__PURE__*/_jsx(Separator, {}, "[separator]:".concat(index));
+    }
+    if (isSubmenu) {
+      var subMenu = item;
+      return /*#__PURE__*/_createElement(Submenu, _objectSpread(_objectSpread({}, subMenu), {}, {
+        key: subMenu.key
+      }), renderItems(item.items, options));
+    }
+    return /*#__PURE__*/_createElement(Item, _objectSpread(_objectSpread({}, menuItem), {}, {
+      keyMatcher: _typeof(menuItem.shortcutKey) === 'object' ? function (e) {
+        var 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__*/_jsxs(_Fragment, {
+      children: [menuItem.icon, /*#__PURE__*/_jsx("span", {
+        children: menuItem.label
+      }), _typeof(menuItem.shortcutKey) === 'object' && /*#__PURE__*/_jsx(RightSlot, {
+        children: getShortcutText(menuItem.shortcutKey, options)
+      })]
+    }));
+  });
+}
+function getShortcutText(event, options) {
+  var theme = options.theme,
+    cmpPrefixCls = options.cmpPrefixCls;
+  var keys = [];
+  var Keyboard = function Keyboard(props) {
+    return /*#__PURE__*/_jsx(ConfigProvider, {
+      theme: {
+        algorithm: theme === 'dark' ? AntdTheme.darkAlgorithm : undefined
+      },
+      children: /*#__PURE__*/_jsx(Typography.Text, {
+        keyboard: true,
+        className: "".concat(cmpPrefixCls, "-shortcut-key"),
+        children: props.children
+      })
+    });
+  };
+  if (event.ctrlKey) keys.push( /*#__PURE__*/_jsx(Keyboard, {
+    children: "^"
+  }));
+  if (event.altKey) keys.push( /*#__PURE__*/_jsx(Keyboard, {
+    children: "\u2325"
+  }));
+  if (event.shiftKey) keys.push( /*#__PURE__*/_jsx(Keyboard, {
+    children: "\u21E7"
+  }));
+  if (event.metaKey) keys.push( /*#__PURE__*/_jsx(Keyboard, {
+    children: "\u2318"
+  }));
+  if (event.key) {
+    keys.push( /*#__PURE__*/_jsx(Keyboard, {
+      children: event.key
+    }));
+  }
+  return keys;
+}
+export default ContextMenu;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useContext","useImperativeHandle","useMemo","theme","AntdTheme","ConfigProvider","Typography","classNames","Item","Menu","RightSlot","Separator","Submenu","useContextMenu","useRefFunction","useStyle","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","createElement","_createElement","ContextMenu","props","ref","id","items","_props$trigger","trigger","triggerProps","prefixClsInProps","prefixCls","className","children","rest","_objectWithoutProperties","_excluded","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","_useContextMenu","show","hideAll","eventNames","click","undefined","doubleClick","hover","contextMenu","handleShow","event","options","position","handleHideAll","eventHandlers","handlers","forEach","eventType","_eventNames$eventType","handlerName","leaveHandlerName","_objectSpread","concat","style","_defineProperty","length","renderItems","cmpPrefixCls","displayName","map","item","index","isSeparator","type","isSubmenu","menuItem","subMenu","key","keyMatcher","_typeof","shortcutKey","e","ctrlKey","altKey","shiftKey","metaKey","icon","label","getShortcutText","keys","Keyboard","algorithm","darkAlgorithm","Text","keyboard","push"],"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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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["genStyleHooks","genStyle","token","componentCls","_defineProperty","width","padding","concat","kbd","fontFamily"],"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,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;IACd,WAAW,EAAE;MACXE,KAAK,EAAE;IACT,CAAC;IACD,QAAQ,EAAAD,eAAA;MACNE,OAAO,EAAE,CAAC;MACV,aAAa,EAAE;QACbA,OAAO,EAAE;MACX;IAAC,MAAAC,MAAA,CACGJ,YAAY,oBAAkB;MAChCK,GAAG,EAAE;QACHC,UAAU,EAAE;MACd;IACF,CAAC;EAEL,CAAC;AAEL,CAAC;AAED,eAAeT,aAAa,CAAC,aAAa,EAAWC,QAAQ,CAAC"}

package/es/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/es/components/DeleteConfirmAction/index.js

@@ -19,8 +19,10 @@ var DeleteConfirmAction = forwarded;
  * - **EN:** Deletion confirmation box with button type
  * - **CN:** 按钮类型的删除确认框
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+DeleteConfirmAction.Button = withDefaultConfirmActionProps(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-DeleteConfirmAction.Button = withDefaultConfirmActionProps(forwarded, {
+forwarded, {
   triggerComponent: Button,
   triggerEvent: 'onClick',
   triggerProps: {}
@@ -29,8 +31,10 @@ DeleteConfirmAction.Button = withDefaultConfirmActionProps(forwarded, {
  * - **EN:** Deletion confirmation box with switch type
  * - **CN:** 开关类型的删除确认框
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+DeleteConfirmAction.Switch = withDefaultConfirmActionProps(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-DeleteConfirmAction.Switch = withDefaultConfirmActionProps(forwarded, {
+forwarded, {
   triggerComponent: Switch,
   triggerEvent: 'onChange',
   triggerProps: {}
@@ -39,8 +43,10 @@ DeleteConfirmAction.Switch = withDefaultConfirmActionProps(forwarded, {
  * - **EN:** Deletion confirmation box with link type
  * - **CN:** 链接类型的删除确认框
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+DeleteConfirmAction.Link = withDefaultConfirmActionProps(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-DeleteConfirmAction.Link = withDefaultConfirmActionProps(forwarded, {
+forwarded, {
   triggerComponent: Typography.Link,
   triggerEvent: 'onClick',
   triggerProps: {

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","Button","Switch","Typography","CloseCircleFilled","genRenderer","withDefaultConfirmActionProps","jsx","_jsx","renderDeleteConfirmAction","confirmType","danger","icon","forwarded","DeleteConfirmAction","triggerComponent","triggerEvent","triggerProps","Link","style","whiteSpace"],"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,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,MAAM,EAAEC,MAAM,EAAEC,UAAU,QAAQ,MAAM;AAEjD,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAAuCC,WAAW,EAAEC,6BAA6B;AAA2B,SAAAC,GAAA,IAAAC,IAAA;AAE5G,IAAMC,yBAAyB,GAAGJ,WAAW,CAAC;EAC5CK,WAAW,EAAE,QAAQ;EACrBC,MAAM,EAAE,IAAI;EACZC,IAAI,eAAEJ,IAAA,CAACJ,iBAAiB,IAAE;AAC5B,CAAC,CAAC;AACF,IAAMS,SAAS,gBAAGb,UAAU,CAACS,yBAAyB,CAAC;;AAEvD;AACA;AACA;AACA;AACA,IAAMK,mBAAmB,GAAGD,SAA+C;AAC3E;AACA;AACA;AACA;AACA;AACAC,mBAAmB,CAACb,MAAM,GAAGK,6BAA6B,CAAyBO,SAAS,EAAS;EACnGE,gBAAgB,EAAEd,MAAM;EACxBe,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,CAAC;AACjB,CAAC,CAAC;AACF;AACA;AACA;AACA;AACA;AACAH,mBAAmB,CAACZ,MAAM,GAAGI,6BAA6B,CAA0BO,SAAS,EAAS;EACpGE,gBAAgB,EAAEb,MAAM;EACxBc,YAAY,EAAE,UAAU;EACxBC,YAAY,EAAE,CAAC;AACjB,CAAC,CAAC;AACF;AACA;AACA;AACA;AACA;AACAH,mBAAmB,CAACI,IAAI,GAAGZ,6BAA6B,CAAuBO,SAAS,EAAS;EAC/FE,gBAAgB,EAAEZ,UAAU,CAACe,IAAI;EACjCF,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE;IACZE,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAS;EAChC;AACF,CAAC,CAAC;AAEF,eAAeN,mBAAmB"}
+{"version":3,"names":["forwardRef","Button","Switch","Typography","CloseCircleFilled","genRenderer","withDefaultConfirmActionProps","jsx","_jsx","renderDeleteConfirmAction","confirmType","danger","icon","forwarded","DeleteConfirmAction","triggerComponent","triggerEvent","triggerProps","Link","style","whiteSpace"],"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 { 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,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,MAAM,EAAEC,MAAM,EAAEC,UAAU,QAAQ,MAAM;AAEjD,SAASC,iBAAiB,QAAQ,mBAAmB;AAErD,SAASC,WAAW,EAAEC,6BAA6B;AAA2B,SAAAC,GAAA,IAAAC,IAAA;AAE9E,IAAMC,yBAAyB,GAAGJ,WAAW,CAAC;EAC5CK,WAAW,EAAE,QAAQ;EACrBC,MAAM,EAAE,IAAI;EACZC,IAAI,eAAEJ,IAAA,CAACJ,iBAAiB,IAAE;AAC5B,CAAC,CAAC;AACF,IAAMS,SAAS,gBAAGb,UAAU,CAACS,yBAAyB,CAAC;;AAEvD;AACA;AACA;AACA;AACA,IAAMK,mBAAmB,GAAGD,SAA+C;AAC3E;AACA;AACA;AACA;AACA;AACAC,mBAAmB,CAACb,MAAM,GAAGK,6BAA6B;AACxD;AACAO,SAAS,EACT;EACEE,gBAAgB,EAAEd,MAAM;EACxBe,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,CAAC;AACjB,CACF,CAAC;AACD;AACA;AACA;AACA;AACA;AACAH,mBAAmB,CAACZ,MAAM,GAAGI,6BAA6B;AACxD;AACAO,SAAS,EACT;EACEE,gBAAgB,EAAEb,MAAM;EACxBc,YAAY,EAAE,UAAU;EACxBC,YAAY,EAAE,CAAC;AACjB,CACF,CAAC;AACD;AACA;AACA;AACA;AACA;AACAH,mBAAmB,CAACI,IAAI,GAAGZ,6BAA6B;AACtD;AACAO,SAAS,EACT;EACEE,gBAAgB,EAAEZ,UAAU,CAACe,IAAI;EACjCF,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE;IACZE,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAS;EAChC;AACF,CACF,CAAC;AAED,eAAeN,mBAAmB"}

package/es/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>;