@hsu-react/ui 0.0.1

package/es/components/Modal/_hooks/useModalElements.js

@@ -0,0 +1,66 @@
+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 { useEffect, useMemo, useState } from "react";
+import { generateRandomStr } from "hsu-utils";
+/**
+ * 查找并管理 Modal DOM 元素
+ */
+export function useModalElements(_ref) {
+  var open = _ref.open;
+  var cls = useMemo(function () {
+    return generateRandomStr(10);
+  }, []);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    modal = _useState2[0],
+    setModal = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    modalHeader = _useState4[0],
+    setModalHeader = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    originalStyle = _useState6[0],
+    setOriginalStyle = _useState6[1];
+  useEffect(function () {
+    var timer = null;
+    if (open && !modalHeader && !modal) {
+      timer = setInterval(function () {
+        var modalHeader = document.querySelector(".".concat(cls));
+        if (modalHeader) {
+          clearInterval(timer);
+        }
+        setModalHeader(modalHeader);
+        var _modal = null;
+        if (modalHeader) {
+          var _modal2;
+          _modal = modalHeader.closest(".ant-modal");
+          setModal(_modal);
+          var _originalStyle = (_modal2 = _modal) === null || _modal2 === void 0 ? void 0 : _modal2.getAttribute("style");
+          setOriginalStyle(_originalStyle);
+        }
+      }, 1);
+    }
+    if (timer && !open) {
+      clearInterval(timer);
+    }
+    return function () {
+      if (timer) {
+        clearInterval(timer);
+      }
+    };
+  }, [cls, modal, modalHeader, open]);
+  return {
+    cls: cls,
+    modal: modal,
+    modalHeader: modalHeader,
+    originalStyle: originalStyle,
+    setModal: setModal,
+    setModalHeader: setModalHeader,
+    setOriginalStyle: setOriginalStyle
+  };
+}

package/es/components/Modal/_utils/calculatePosition.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 计算模态框位置，考虑边界检测
+ * @param left 目标左边距
+ * @param top 目标上边距
+ * @param modalWidth 模态框宽度
+ * @param modalHeight 模态框高度
+ * @param edgeDetection 是否启用边界检测
+ * @returns 计算后的位置
+ */
+export declare function calculatePosition(left: number, top: number, modalWidth: number, modalHeight: number, edgeDetection: boolean): {
+    left: number;
+    top: number;
+};

package/es/components/Modal/_utils/calculatePosition.js

@@ -0,0 +1,29 @@
+/**
+ * 计算模态框位置，考虑边界检测
+ * @param left 目标左边距
+ * @param top 目标上边距
+ * @param modalWidth 模态框宽度
+ * @param modalHeight 模态框高度
+ * @param edgeDetection 是否启用边界检测
+ * @returns 计算后的位置
+ */
+export function calculatePosition(left, top, modalWidth, modalHeight, edgeDetection) {
+  if (!edgeDetection) {
+    return {
+      left: left,
+      top: top
+    };
+  }
+  var newLeft = left < 0 ? 0 : left;
+  var newTop = top < 0 ? 0 : top;
+  if (newLeft + modalWidth > window.innerWidth) {
+    newLeft = window.innerWidth - modalWidth;
+  }
+  if (newTop + modalHeight > window.innerHeight) {
+    newTop = window.innerHeight - modalHeight;
+  }
+  return {
+    left: newLeft,
+    top: newTop
+  };
+}

package/es/components/Modal/_utils/index.d.ts

@@ -0,0 +1 @@
+export { calculatePosition } from "./calculatePosition";

package/es/components/Modal/_utils/index.js

@@ -0,0 +1 @@
+export { calculatePosition } from "./calculatePosition";

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { ModalProps as AntdModalProps } from "antd";
+import { ButtonProps } from "../Button";
+export interface ModalProps extends AntdModalProps {
+    moveable?: boolean;
+    edgeDetection?: boolean;
+    full?: boolean;
+    titleButtonGroup?: ButtonProps[];
+}
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/es/components/Modal/index.js

@@ -0,0 +1,100 @@
+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); }
+var _excluded = ["moveable", "className", "classNames", "open", "onCancel", "onOk", "afterClose", "edgeDetection", "full", "destroyOnClose", "footer", "title", "titleButtonGroup"];
+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 _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 React from "react";
+import { Modal as AntdModal } from "antd";
+import styles from "./index.module.less";
+import { useModalElements, useModalDrag } from "./_hooks";
+import Button from "../Button";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Modal = function Modal(props) {
+  var _classNames$header, _classNames$content, _classNames$body, _classNames$footer;
+  var _props$moveable = props.moveable,
+    moveable = _props$moveable === void 0 ? true : _props$moveable,
+    className = props.className,
+    classNames = props.classNames,
+    open = props.open,
+    onCancel = props.onCancel,
+    onOk = props.onOk,
+    _afterClose = props.afterClose,
+    _props$edgeDetection = props.edgeDetection,
+    edgeDetection = _props$edgeDetection === void 0 ? true : _props$edgeDetection,
+    _props$full = props.full,
+    full = _props$full === void 0 ? false : _props$full,
+    _props$destroyOnClose = props.destroyOnClose,
+    destroyOnClose = _props$destroyOnClose === void 0 ? true : _props$destroyOnClose,
+    footer = props.footer,
+    title = props.title,
+    titleButtonGroup = props.titleButtonGroup,
+    moadlConfig = _objectWithoutProperties(props, _excluded);
+  var _useModalElements = useModalElements({
+      open: open
+    }),
+    cls = _useModalElements.cls,
+    modal = _useModalElements.modal,
+    modalHeader = _useModalElements.modalHeader,
+    originalStyle = _useModalElements.originalStyle,
+    setModal = _useModalElements.setModal,
+    setModalHeader = _useModalElements.setModalHeader,
+    setOriginalStyle = _useModalElements.setOriginalStyle;
+  useModalDrag({
+    moveable: moveable,
+    modal: modal,
+    modalHeader: modalHeader,
+    open: open,
+    edgeDetection: edgeDetection
+  });
+  var resetModal = function resetModal() {
+    if (modal && originalStyle) {
+      modal.setAttribute("style", originalStyle);
+    }
+  };
+  var handleCancel = function handleCancel(e) {
+    onCancel === null || onCancel === void 0 || onCancel(e);
+  };
+  var handleOk = function handleOk(e) {
+    onOk === null || onOk === void 0 || onOk(e);
+  };
+  return /*#__PURE__*/_jsx(AntdModal, _objectSpread(_objectSpread({
+    centered: true
+  }, moadlConfig), {}, {
+    title: titleButtonGroup ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [title, /*#__PURE__*/_jsx("div", {
+        className: styles.titleButtonGroup,
+        children: titleButtonGroup === null || titleButtonGroup === void 0 ? void 0 : titleButtonGroup.map(function (button, index) {
+          return /*#__PURE__*/_jsx(Button, _objectSpread({}, button), index);
+        })
+      })]
+    }) : title,
+    destroyOnClose: destroyOnClose,
+    open: open,
+    onCancel: handleCancel,
+    onOk: handleOk,
+    className: "".concat(styles.Modal, " ").concat(className, " ").concat(full ? styles.full : ""),
+    classNames: _objectSpread(_objectSpread({}, classNames), {}, {
+      header: "".concat(cls, " ").concat(styles.header, " ").concat((_classNames$header = classNames === null || classNames === void 0 ? void 0 : classNames.header) !== null && _classNames$header !== void 0 ? _classNames$header : "", " ").concat(moveable ? styles.moveable : ""),
+      content: "".concat(styles.content, " ").concat((_classNames$content = classNames === null || classNames === void 0 ? void 0 : classNames.content) !== null && _classNames$content !== void 0 ? _classNames$content : ""),
+      body: "".concat(styles.body, " ").concat((_classNames$body = classNames === null || classNames === void 0 ? void 0 : classNames.body) !== null && _classNames$body !== void 0 ? _classNames$body : ""),
+      footer: "".concat(styles.footer, " ").concat((_classNames$footer = classNames === null || classNames === void 0 ? void 0 : classNames.footer) !== null && _classNames$footer !== void 0 ? _classNames$footer : "", " ").concat(footer === false ? styles.noFooter : "")
+    }),
+    footer: footer,
+    afterClose: function afterClose() {
+      _afterClose === null || _afterClose === void 0 || _afterClose();
+      resetModal();
+      if (destroyOnClose) {
+        setModal(null);
+        setModalHeader(null);
+        setOriginalStyle(null);
+      }
+    }
+  }));
+};
+export default Modal;

package/es/components/Modal/index.module.less

@@ -0,0 +1,90 @@
+.Modal {
+  > div {
+    width: 100%;
+    height: 100%;
+  }
+
+  &.full {
+    width: 100% !important;
+    max-width: 100% !important;
+    height: 100%;
+
+    .content {
+      max-height: 100%;
+    }
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+
+    width: 100%;
+    height: 100%;
+    max-height: 90vh;
+    padding: 0px 0px 15px;
+  }
+
+  .ant-modal-close {
+    top: 15px;
+    inset-inline-end: 10px;
+  }
+
+  .header {
+    padding: 15px 45px 0px 15px;
+    margin-bottom: 15px;
+
+    user-select: none;
+
+    border: none;
+
+    * {
+      user-select: none;
+    }
+
+    &.moveable {
+      &:hover {
+        cursor: move;
+      }
+    }
+
+    .ant-modal-title {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      width: 100%;
+      height: 32px;
+
+      font-size: 20px;
+
+      .titleButtonGroup {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        column-gap: 10px;
+      }
+    }
+  }
+
+  .body {
+    flex: 1;
+
+    min-height: 0px;
+    padding: 0px 15px;
+  }
+
+  .footer {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+
+    padding: 0px 15px;
+    margin-top: 15px;
+
+    border: none;
+
+    &.noFooter {
+      display: none;
+    }
+  }
+}

package/es/components/Operate/_hooks/useOperateEllipsis.d.ts

@@ -0,0 +1,10 @@
+import { OperateProps } from "../index";
+/**
+ * 计算操作按钮是否超出显示范围
+ * @param menu - 菜单项数组
+ * @param maxVisible - 最大可见数量
+ * @param enableEllipsis - 是否启用省略
+ * @returns 是否超出
+ */
+declare const useOperateEllipsis: (menu: OperateProps[], maxVisible?: number, enableEllipsis?: boolean) => boolean;
+export default useOperateEllipsis;

package/es/components/Operate/_hooks/useOperateEllipsis.js

@@ -0,0 +1,18 @@
+import { useMemo } from "react";
+/**
+ * 计算操作按钮是否超出显示范围
+ * @param menu - 菜单项数组
+ * @param maxVisible - 最大可见数量
+ * @param enableEllipsis - 是否启用省略
+ * @returns 是否超出
+ */
+var useOperateEllipsis = function useOperateEllipsis(menu, maxVisible) {
+  var enableEllipsis = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  return useMemo(function () {
+    if (!enableEllipsis || maxVisible === undefined) {
+      return false;
+    }
+    return menu.length > maxVisible;
+  }, [menu.length, maxVisible, enableEllipsis]);
+};
+export default useOperateEllipsis;

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

@@ -0,0 +1,21 @@
+import { ButtonProps } from "../Button";
+import { PopconfirmProps } from "antd";
+import React, { ReactNode } from "react";
+export interface OperateProps extends Omit<ButtonProps, "children" | "title" | "onClick" | "hasPermi"> {
+    title?: ReactNode;
+    menu?: OperateProps[];
+    onClick?: () => void;
+    onConfirm?: () => void;
+    icon?: ReactNode | false;
+    delete?: boolean;
+    popconfirm?: Omit<PopconfirmProps, "title"> & {
+        title?: ReactNode;
+    };
+    hidden?: boolean;
+    hasPermi?: string[];
+    maxVisible?: number;
+    enableEllipsis?: boolean;
+    moreIcon?: ReactNode | false;
+}
+declare const Operate: React.FC<OperateProps>;
+export default Operate;

package/es/components/Operate/index.js

@@ -0,0 +1,272 @@
+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); }
+var _excluded = ["title", "className", "menu", "icon", "delete", "popconfirm", "hidden", "onClick", "onConfirm", "hasPermi", "maxVisible", "enableEllipsis", "moreIcon"];
+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 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 _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 Button from "../Button";
+import { FormOutlined, DeleteOutlined } from "@ant-design/icons";
+import { Dropdown, Popconfirm } from "antd";
+import React, { useCallback, useMemo } from "react";
+import styles from "./index.module.less";
+import usePermissions from "../../hooks/usePermissions";
+import Icon from "../Icon";
+import useOperateEllipsis from "./_hooks/useOperateEllipsis";
+import classNames from "classnames";
+import moreImg from "./more.png";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 渲染图标
+ * @param icon - 图标配置
+ * @param defaultIcon - 默认图标
+ * @returns 渲染的图标元素
+ */
+var renderIcon = function renderIcon(icon, defaultIcon) {
+  if (icon === false) return null;
+  if (icon) {
+    return typeof icon === "string" ? /*#__PURE__*/_jsx(Icon, {
+      icon: icon
+    }) : icon;
+  }
+  return defaultIcon;
+};
+
+/**
+ * 阻止事件冒泡的处理器
+ */
+var stopPropagation = function stopPropagation(e) {
+  e === null || e === void 0 || e.stopPropagation();
+};
+var Operate = function Operate(props) {
+  var title = props.title,
+    className = props.className,
+    _props$menu = props.menu,
+    menu = _props$menu === void 0 ? [] : _props$menu,
+    icon = props.icon,
+    isDelete = props.delete,
+    popconfirm = props.popconfirm,
+    hidden = props.hidden,
+    _onClick = props.onClick,
+    onConfirm = props.onConfirm,
+    hasPermi = props.hasPermi,
+    _props$maxVisible = props.maxVisible,
+    maxVisible = _props$maxVisible === void 0 ? 3 : _props$maxVisible,
+    _props$enableEllipsis = props.enableEllipsis,
+    enableEllipsis = _props$enableEllipsis === void 0 ? true : _props$enableEllipsis,
+    moreIcon = props.moreIcon,
+    config = _objectWithoutProperties(props, _excluded);
+  var _usePermissions = usePermissions(),
+    checkPermission = _usePermissions.checkPermission;
+
+  // 过滤菜单项（根据权限和隐藏状态）
+  var filteredMenu = useMemo(function () {
+    return menu.filter(function (item) {
+      return !item.hidden && checkPermission(item.hasPermi);
+    });
+  }, [menu, checkPermission]);
+
+  // 计算是否超出
+  var isOverflow = useOperateEllipsis(filteredMenu, maxVisible, enableEllipsis);
+
+  // 计算可见的菜单项和隐藏的菜单项
+  var _useMemo = useMemo(function () {
+      if (!isOverflow || maxVisible === undefined) {
+        return {
+          visibleItems: filteredMenu,
+          hiddenItems: []
+        };
+      }
+      return {
+        visibleItems: filteredMenu.slice(0, maxVisible),
+        hiddenItems: filteredMenu.slice(maxVisible)
+      };
+    }, [filteredMenu, isOverflow, maxVisible]),
+    visibleItems = _useMemo.visibleItems,
+    hiddenItems = _useMemo.hiddenItems;
+
+  // 处理确认事件
+  var handleConfirm = useCallback(function (e) {
+    var _onConfirm;
+    stopPropagation(e);
+    (_onConfirm = onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm()) !== null && _onConfirm !== void 0 ? _onConfirm : _onClick === null || _onClick === void 0 ? void 0 : _onClick();
+  }, [onConfirm, _onClick]);
+
+  // 处理菜单项确认事件
+  var handleMenuItemConfirm = useCallback(function (item) {
+    return function (e) {
+      var _item$onConfirm, _item$onConfirm2, _item$onClick;
+      stopPropagation(e);
+      (_item$onConfirm = (_item$onConfirm2 = item.onConfirm) === null || _item$onConfirm2 === void 0 ? void 0 : _item$onConfirm2.call(item)) !== null && _item$onConfirm !== void 0 ? _item$onConfirm : (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item);
+    };
+  }, []);
+  if (hidden) return null;
+
+  // 渲染按钮的通用配置
+  var buttonClassName = "".concat(styles.Operate, " ").concat(className !== null && className !== void 0 ? className : "").trim();
+
+  // 准备传递给 Button 的 props（排除 hasPermi，因为 Button 不支持 false 类型）
+  var buttonProps = _objectSpread(_objectSpread({}, config), hasPermi !== null && hasPermi !== void 0 && hasPermi.length ? {
+    hasPermi: hasPermi
+  } : {});
+
+  // 如果有菜单，渲染多个操作按钮
+  if (menu.length > 0) {
+    // 生成下拉菜单项（用于"更多"按钮）
+    var menuItems = hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.map(function (item) {
+      var _item$className, _item$hasPermi, _item$popconfirm$titl, _item$popconfirm;
+      var hasConfirm = !!item.onConfirm;
+      var defaultIcon = item.delete ? /*#__PURE__*/_jsx(DeleteOutlined, {}) : /*#__PURE__*/_jsx(FormOutlined, {});
+      var menuButtonContent = /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({
+        type: "text",
+        danger: item.delete,
+        icon: renderIcon(item.icon, defaultIcon),
+        className: "".concat(styles.menuItem, " ").concat((_item$className = item.className) !== null && _item$className !== void 0 ? _item$className : "").trim(),
+        onClick: function onClick(e) {
+          stopPropagation(e);
+          if (!hasConfirm) {
+            var _item$onClick2;
+            (_item$onClick2 = item.onClick) === null || _item$onClick2 === void 0 || _item$onClick2.call(item);
+          }
+        }
+      }, (_item$hasPermi = item.hasPermi) !== null && _item$hasPermi !== void 0 && _item$hasPermi.length ? {
+        hasPermi: item.hasPermi
+      } : {}), Object.fromEntries(Object.entries(item).filter(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 1),
+          key = _ref2[0];
+        return !["title", "icon", "delete", "className", "hasPermi", "menu", "onClick", "onConfirm", "popconfirm", "hidden", "maxVisible", "enableEllipsis", "moreIcon"].includes(key);
+      }))), {}, {
+        children: item.title
+      }));
+      return {
+        key: String(item.title),
+        label: hasConfirm ? /*#__PURE__*/_jsx(Popconfirm, _objectSpread(_objectSpread({
+          placement: "left",
+          title: (_item$popconfirm$titl = (_item$popconfirm = item.popconfirm) === null || _item$popconfirm === void 0 ? void 0 : _item$popconfirm.title) !== null && _item$popconfirm$titl !== void 0 ? _item$popconfirm$titl : "\u786E\u8BA4".concat(item.title, "?"),
+          okText: "\u786E\u8BA4",
+          cancelText: "\u53D6\u6D88",
+          onConfirm: handleMenuItemConfirm(item),
+          onCancel: stopPropagation
+        }, item.popconfirm), {}, {
+          children: menuButtonContent
+        })) : menuButtonContent
+      };
+    });
+    return /*#__PURE__*/_jsxs("div", {
+      className: styles.container,
+      children: [visibleItems === null || visibleItems === void 0 ? void 0 : visibleItems.map(function (item, index) {
+        var hasConfirm = !!item.onConfirm;
+        var itemTitle = item.title,
+          itemIcon = item.icon,
+          itemDelete = item.delete,
+          itemClassName = item.className,
+          itemHasPermi = item.hasPermi;
+        // 透传剩余 Button 属性时排除事件/配置键，避免 onConfirm 等泄漏到 DOM（React 警告）
+        var itemButtonProps = Object.fromEntries(Object.entries(item).filter(function (_ref3) {
+          var _ref4 = _slicedToArray(_ref3, 1),
+            key = _ref4[0];
+          return !["title", "icon", "delete", "className", "hasPermi", "menu", "onClick", "onConfirm", "popconfirm", "hidden", "maxVisible", "enableEllipsis", "moreIcon"].includes(key);
+        }));
+        var defaultIcon = itemDelete ? /*#__PURE__*/_jsx(DeleteOutlined, {}) : /*#__PURE__*/_jsx(FormOutlined, {});
+        var buttonContent = /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({
+          icon: renderIcon(itemIcon, defaultIcon),
+          type: "link",
+          danger: itemDelete,
+          className: "".concat(styles.Operate, " ").concat(itemClassName !== null && itemClassName !== void 0 ? itemClassName : "").trim(),
+          onClick: function onClick(e) {
+            stopPropagation(e);
+            if (!hasConfirm) {
+              var _item$onClick3;
+              (_item$onClick3 = item.onClick) === null || _item$onClick3 === void 0 || _item$onClick3.call(item);
+            }
+          }
+        }, itemHasPermi !== null && itemHasPermi !== void 0 && itemHasPermi.length ? {
+          hasPermi: itemHasPermi
+        } : {}), itemButtonProps), {}, {
+          children: itemTitle
+        }), index);
+        if (hasConfirm) {
+          var _item$popconfirm$titl2, _item$popconfirm2;
+          return /*#__PURE__*/_jsx(Popconfirm, _objectSpread(_objectSpread({
+            placement: "bottom",
+            title: (_item$popconfirm$titl2 = (_item$popconfirm2 = item.popconfirm) === null || _item$popconfirm2 === void 0 ? void 0 : _item$popconfirm2.title) !== null && _item$popconfirm$titl2 !== void 0 ? _item$popconfirm$titl2 : "\u786E\u8BA4".concat(item.title, "?"),
+            okText: "\u786E\u8BA4",
+            cancelText: "\u53D6\u6D88",
+            onConfirm: handleMenuItemConfirm(item),
+            onCancel: stopPropagation
+          }, item.popconfirm), {}, {
+            children: buttonContent
+          }), index);
+        }
+        return buttonContent;
+      }), isOverflow && hiddenItems.length > 0 && /*#__PURE__*/_jsx(Dropdown, {
+        overlayClassName: styles.menu,
+        placement: "bottom",
+        menu: {
+          items: menuItems
+        },
+        children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          icon: renderIcon(moreIcon, /*#__PURE__*/_jsx("img", {
+            src: moreImg,
+            alt: "more",
+            className: styles.moreImg
+          })),
+          iconPosition: "end",
+          type: "link",
+          className: classNames(buttonClassName, styles.moreButton),
+          onClick: stopPropagation
+        }, buttonProps), {}, {
+          children: title
+        }))
+      })]
+    });
+  }
+
+  // 单个操作按钮
+  var hasConfirm = !!onConfirm;
+  var defaultIcon = isDelete ? /*#__PURE__*/_jsx(DeleteOutlined, {}) : /*#__PURE__*/_jsx(FormOutlined, {});
+  var buttonContent = /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+    icon: renderIcon(icon, defaultIcon),
+    type: "link",
+    danger: isDelete,
+    className: buttonClassName,
+    onClick: function onClick(e) {
+      stopPropagation(e);
+      if (!hasConfirm) {
+        _onClick === null || _onClick === void 0 || _onClick();
+      }
+    }
+  }, buttonProps), {}, {
+    children: title
+  }));
+  if (hasConfirm) {
+    var _popconfirm$title;
+    return /*#__PURE__*/_jsx("div", {
+      className: styles.container,
+      children: /*#__PURE__*/_jsx(Popconfirm, _objectSpread(_objectSpread({
+        placement: "bottom",
+        title: (_popconfirm$title = popconfirm === null || popconfirm === void 0 ? void 0 : popconfirm.title) !== null && _popconfirm$title !== void 0 ? _popconfirm$title : "\u786E\u8BA4".concat(title, "?"),
+        okText: "\u786E\u8BA4",
+        cancelText: "\u53D6\u6D88",
+        onConfirm: handleConfirm,
+        onCancel: stopPropagation
+      }, popconfirm), {}, {
+        children: buttonContent
+      }))
+    });
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: styles.container,
+    children: buttonContent
+  });
+};
+export default Operate;