@pisell/materials 1.0.1003 → 1.0.1004

package/es/components/PisellSteps/PisellSteps.js

@@ -19,7 +19,7 @@ import React, { useMemo } from 'react';
 import "./PisellSteps.less";
 import { useStepsState, useStepClick, useAnchor, useResponsive } from "./hooks";
 import { getStepStatus, mergeStepClassName } from "./utils";
-import { PisellScrollView } from "../PisellScrollView";
+import PisellScrollView from "../PisellScrollView";
 
 /**
  * PisellSteps 步骤条组件

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -19,7 +19,7 @@ interface UseTablePropsProps {
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
     currentComponentId: any;
-    title: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
+    title: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -28,7 +28,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
+    subTitle: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: {
         dom: any;
@@ -72,7 +72,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "middle" | "large";
+        openContentSize: "middle" | "large" | "small";
         openTitle: string;
         key: string;
     } | undefined;

package/es/components/dataSourceComponents/fields/Upload/utils.d.ts

@@ -15,4 +15,4 @@ export declare const getFileMetadataParams: (file: RcFile & {
     metadata?: MediaMetadata;
 }) => Record<string, any>;
 export declare const isValueEqual: (value: any, fileListValue: any) => boolean;
-export declare const getBaseTime: (size: number) => 2000 | 1000 | 4000 | 8000;
+export declare const getBaseTime: (size: number) => 1000 | 2000 | 4000 | 8000;

package/es/components/pisellBatchActionBar/PisellBatchActionBar.js

@@ -1,22 +1,24 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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 _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); }
-import React, { useMemo, useCallback } from 'react';
+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 React, { useMemo, useCallback, useRef, useState } from 'react';
 import classNames from 'classnames';
-import { Popconfirm, Modal } from 'antd';
+import { Popconfirm, Modal, Popover } from 'antd';
 import PisellBasicGrid from "../PisellBasicGrid";
 import GraphicTextCard from "../PisellCards/components/GraphicTextCard";
-import MultilevelCard from "../PisellCards/components/MultilevelCard";
 import { getText } from "../../locales";
 import "./PisellBatchActionBar.less";
 
@@ -78,6 +80,19 @@ var PisellBatchActionBar = function PisellBatchActionBar(props) {
     deleteConfirmConfig = props.deleteConfirmConfig,
     onActionClick = props.onActionClick;
 
+  /**
+   * 用于防止删除按钮重复点击的标记
+   */
+  var isDeleteModalOpenRef = useRef(false);
+
+  /**
+   * "更多"按钮的展开状态
+   */
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    moreExpanded = _useState2[0],
+    setMoreExpanded = _useState2[1];
+
   /**
    * 计算选择状态
    */
@@ -181,6 +196,7 @@ var PisellBatchActionBar = function PisellBatchActionBar(props) {
         variant: "horizontal",
         size: "small",
         clickable: true,
+        className: "pisell-batch-action-bar-button",
         graphicConfig: {
           iconSize: 24,
           width: 24,
@@ -217,6 +233,7 @@ var PisellBatchActionBar = function PisellBatchActionBar(props) {
         variant: "horizontal",
         size: "small",
         clickable: true,
+        className: "pisell-batch-action-bar-button",
         graphicConfig: {
           iconSize: 24,
           width: 24,
@@ -253,6 +270,7 @@ var PisellBatchActionBar = function PisellBatchActionBar(props) {
         variant: "horizontal",
         size: "small",
         clickable: true,
+        className: "pisell-batch-action-bar-button",
         graphicConfig: {
           iconSize: 24,
           width: 24,
@@ -289,6 +307,7 @@ var PisellBatchActionBar = function PisellBatchActionBar(props) {
         variant: "horizontal",
         size: "small",
         clickable: true,
+        className: "pisell-batch-action-bar-button",
         graphicConfig: {
           iconSize: 24,
           width: 24,
@@ -309,6 +328,14 @@ var PisellBatchActionBar = function PisellBatchActionBar(props) {
           height: '48px'
         },
         onClick: function onClick() {
+          // 防止重复点击弹出多个 Modal
+          if (isDeleteModalOpenRef.current) {
+            return;
+          }
+
+          // 标记 Modal 已打开
+          isDeleteModalOpenRef.current = true;
+
           // 显示确认弹窗
           var deleteContent = function () {
             var i18nContent = getText('batch-action-bar-delete-confirm-content');
@@ -327,6 +354,14 @@ var PisellBatchActionBar = function PisellBatchActionBar(props) {
             },
             onOk: function onOk() {
               onDelete === null || onDelete === void 0 || onDelete(selectedKeys, selectedRows);
+            },
+            onCancel: function onCancel() {
+              // Modal 关闭时重置标记
+              isDeleteModalOpenRef.current = false;
+            },
+            afterClose: function afterClose() {
+              // Modal 完全关闭后重置标记（兜底）
+              isDeleteModalOpenRef.current = false;
             }
           });
         }
@@ -367,7 +402,7 @@ var PisellBatchActionBar = function PisellBatchActionBar(props) {
     }) : visibleActions;
     return sortedActions.map(function (action) {
       var disabled = typeof action.disabled === 'function' ? action.disabled(selectedKeys, selectedRows) : action.disabled || false;
-      var card = /*#__PURE__*/React.createElement(GraphicTextCard, {
+      var card = /*#__PURE__*/React.createElement(GraphicTextCard, _defineProperty(_defineProperty({
         key: action.key,
         text: action.label,
         icon: action.icon,
@@ -380,6 +415,7 @@ var PisellBatchActionBar = function PisellBatchActionBar(props) {
         loading: action.loading ? {
           value: true
         } : undefined,
+        className: classNames('pisell-batch-action-bar-button', action.className),
         graphicConfig: _objectSpread({
           iconSize: 24,
           width: 24,
@@ -396,12 +432,10 @@ var PisellBatchActionBar = function PisellBatchActionBar(props) {
           padding: '8px 12px',
           minWidth: '120px',
           height: '48px'
-        }, action.style),
-        className: action.className,
-        onClick: function onClick() {
-          return handleActionClick(action);
-        }
-      });
+        }, action.style)
+      }, "className", action.className), "onClick", function onClick() {
+        return handleActionClick(action);
+      }));
 
       // 如果需要确认弹窗
       if (action.confirm) {
@@ -462,50 +496,72 @@ var PisellBatchActionBar = function PisellBatchActionBar(props) {
     if (!hasOverflow || overflowActions.length === 0) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(MultilevelCard, {
+
+    // 克隆溢出按钮并修改样式
+    var modifiedOverflowActions = overflowActions.map(function (action) {
+      if ( /*#__PURE__*/React.isValidElement(action)) {
+        var _action$props;
+        return /*#__PURE__*/React.cloneElement(action, {
+          style: _objectSpread(_objectSpread({}, ((_action$props = action.props) === null || _action$props === void 0 ? void 0 : _action$props.style) || {}), {}, {
+            minWidth: '160px',
+            width: '160px'
+          })
+        });
+      }
+      return action;
+    });
+    var content = /*#__PURE__*/React.createElement(PisellBasicGrid, {
+      dataSource: modifiedOverflowActions,
+      renderItem: function renderItem(item) {
+        return item;
+      },
+      direction: "vertical",
+      gap: 0
+    });
+    return /*#__PURE__*/React.createElement(Popover, {
       key: "more-actions",
-      card: function card(props) {
-        return /*#__PURE__*/React.createElement(GraphicTextCard, _extends({
-          text: moreText,
-          icon: "pisell2-dots-horizontal",
-          variant: "horizontal",
-          size: "small",
-          clickable: true,
-          graphicConfig: {
-            iconSize: 24,
-            width: 24,
-            height: 24,
-            background: 'transparent',
-            iconColor: '#FFFFFF'
-          },
-          textConfig: {
-            color: '#FFFFFF',
-            fontSize: 14
-          },
-          style: {
-            background: '#1B1B1B',
-            border: 'none',
-            padding: '8px 12px',
-            gap: 4,
-            minWidth: '120px',
-            height: '48px'
-          }
-        }, props));
+      content: content,
+      trigger: "click",
+      placement: "topLeft",
+      arrow: false,
+      open: moreExpanded,
+      onOpenChange: setMoreExpanded,
+      overlayClassName: "pisell-batch-action-bar__more-popover",
+      overlayInnerStyle: {
+        padding: 0,
+        background: 'rgba(29, 41, 57, 1)'
+      }
+    }, /*#__PURE__*/React.createElement(GraphicTextCard, {
+      text: moreText,
+      icon: "pisell2-dots-horizontal",
+      variant: "horizontal",
+      size: "small",
+      clickable: true,
+      active: {
+        value: moreExpanded
       },
-      panel: function panel(props) {
-        return /*#__PURE__*/React.createElement(PisellBasicGrid, _extends({
-          dataSource: overflowActions,
-          renderItem: function renderItem(item) {
-            return item;
-          },
-          direction: "vertical",
-          gap: 8
-        }, props));
+      className: "pisell-batch-action-bar-button",
+      graphicConfig: {
+        iconSize: 24,
+        width: 24,
+        height: 24,
+        background: 'transparent',
+        iconColor: '#FFFFFF'
       },
-      trigger: "click",
-      panelWidthMode: "auto"
-    });
-  }, [hasOverflow, overflowActions, moreText]);
+      textConfig: {
+        color: '#FFFFFF',
+        fontSize: 14
+      },
+      style: {
+        background: moreExpanded ? 'rgba(93, 63, 159, 1)' : '#1B1B1B',
+        border: 'none',
+        padding: '8px 12px',
+        gap: 4,
+        minWidth: '120px',
+        height: '48px'
+      }
+    }));
+  }, [hasOverflow, overflowActions, moreText, moreExpanded]);
 
   /**
    * 合并类名

package/es/components/pisellBatchActionBar/PisellBatchActionBar.less

@@ -58,31 +58,6 @@
         font-weight: 400 !important;
         line-height: 20px !important;
       }
-
-      // Hover 效果：深色主题下的 hover（降低透明度）
-      &:hover:not(.graphic-text-card--disabled):not(.graphic-text-card--loading):not(.graphic-text-card--active).graphic-text-card--clickable {
-        background: #1B1B1B !important;
-        border: none !important;
-        opacity: 0.7;
-
-        .graphic-text-card__graphic,
-        .graphic-text-card__text {
-          color: #FFFFFF !important;
-          opacity: 0.7;
-        }
-      }
-
-      // Active 效果
-      &:active:not(.graphic-text-card--disabled):not(.graphic-text-card--loading).graphic-text-card--clickable {
-        background: #1B1B1B !important;
-        opacity: 0.5;
-
-        .graphic-text-card__graphic,
-        .graphic-text-card__text {
-          color: #FFFFFF !important;
-          opacity: 0.5;
-        }
-      }
     }
   }
 
@@ -100,4 +75,14 @@
   &--inline {
     width: 100%;
   }
+
+}
+
+// Popover 中的按钮样式（全局作用域）
+:global(.pisell-batch-action-bar__more-popover) {
+  :global(.graphic-text-card--horizontal) {
+    min-width: 160px !important;
+    width: 160px !important;
+    height: 40px !important;
+  }
 }

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
+import type { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
 import './index.less';
-export { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
+export type { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
 export interface VirtualInputProps extends BaseVirtualInputProps {
     /** 在VirtualInput上方显示的额外内容 */
     topContent?: React.ReactNode;

package/es/components/virtualInput/index.js

@@ -13,7 +13,6 @@ import classNames from 'classnames';
 import Icon from "../icon";
 import BaseVirtualInput from "./BaseVirtualInput";
 import "./index.less";
-export { BaseVirtualInputProps, BaseVirtualInputRef } from "./BaseVirtualInput";
 var VirtualInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var topContent = _ref.topContent,
     bottomContent = _ref.bottomContent,

package/lib/components/PisellSteps/PisellSteps.js

@@ -37,7 +37,7 @@ var import_react = __toESM(require("react"));
 var import_PisellSteps = require("./PisellSteps.less");
 var import_hooks = require("./hooks");
 var import_utils = require("./utils");
-var import_PisellScrollView = require("../PisellScrollView");
+var import_PisellScrollView = __toESM(require("../PisellScrollView"));
 var PisellSteps = ({
   // 基础属性
   type = "default",
@@ -224,7 +224,7 @@ var PisellSteps = ({
   const renderDesktopSteps = () => {
     if (enableScrollMode) {
       return /* @__PURE__ */ import_react.default.createElement(
-        import_PisellScrollView.PisellScrollView,
+        import_PisellScrollView.default,
         {
           className: "pisell-steps-scroll-view",
           overflow: "x",

package/lib/components/pisellBatchActionBar/PisellBatchActionBar.js

@@ -37,7 +37,6 @@ var import_classnames = __toESM(require("classnames"));
 var import_antd = require("antd");
 var import_PisellBasicGrid = __toESM(require("../PisellBasicGrid"));
 var import_GraphicTextCard = __toESM(require("../PisellCards/components/GraphicTextCard"));
-var import_MultilevelCard = __toESM(require("../PisellCards/components/MultilevelCard"));
 var import_locales = require("../../locales");
 var import_PisellBatchActionBar = require("./PisellBatchActionBar.less");
 var PisellBatchActionBar = (props) => {
@@ -66,6 +65,8 @@ var PisellBatchActionBar = (props) => {
     deleteConfirmConfig,
     onActionClick
   } = props;
+  const isDeleteModalOpenRef = (0, import_react.useRef)(false);
+  const [moreExpanded, setMoreExpanded] = (0, import_react.useState)(false);
   const selectionState = (0, import_react.useMemo)(() => {
     const selectedCount = selectedKeys.length;
     const hasSelected = selectedCount > 0;
@@ -151,6 +152,7 @@ var PisellBatchActionBar = (props) => {
             variant: "horizontal",
             size: "small",
             clickable: true,
+            className: "pisell-batch-action-bar-button",
             graphicConfig: {
               iconSize: 24,
               width: 24,
@@ -185,6 +187,7 @@ var PisellBatchActionBar = (props) => {
             variant: "horizontal",
             size: "small",
             clickable: true,
+            className: "pisell-batch-action-bar-button",
             graphicConfig: {
               iconSize: 24,
               width: 24,
@@ -219,6 +222,7 @@ var PisellBatchActionBar = (props) => {
             variant: "horizontal",
             size: "small",
             clickable: true,
+            className: "pisell-batch-action-bar-button",
             graphicConfig: {
               iconSize: 24,
               width: 24,
@@ -253,6 +257,7 @@ var PisellBatchActionBar = (props) => {
             variant: "horizontal",
             size: "small",
             clickable: true,
+            className: "pisell-batch-action-bar-button",
             graphicConfig: {
               iconSize: 24,
               width: 24,
@@ -270,6 +275,10 @@ var PisellBatchActionBar = (props) => {
               height: "48px"
             },
             onClick: () => {
+              if (isDeleteModalOpenRef.current) {
+                return;
+              }
+              isDeleteModalOpenRef.current = true;
               const deleteContent = (() => {
                 const i18nContent = (0, import_locales.getText)("batch-action-bar-delete-confirm-content");
                 if (typeof i18nContent === "function") {
@@ -285,6 +294,12 @@ var PisellBatchActionBar = (props) => {
                 okButtonProps: { danger: true },
                 onOk: () => {
                   onDelete == null ? void 0 : onDelete(selectedKeys, selectedRows);
+                },
+                onCancel: () => {
+                  isDeleteModalOpenRef.current = false;
+                },
+                afterClose: () => {
+                  isDeleteModalOpenRef.current = false;
                 }
               });
             }
@@ -347,6 +362,7 @@ var PisellBatchActionBar = (props) => {
           clickable: !disabled && !action.loading,
           disabled: disabled ? { value: true } : void 0,
           loading: action.loading ? { value: true } : void 0,
+          className: (0, import_classnames.default)("pisell-batch-action-bar-button", action.className),
           graphicConfig: {
             iconSize: 24,
             width: 24,
@@ -411,52 +427,74 @@ var PisellBatchActionBar = (props) => {
     if (!hasOverflow || overflowActions.length === 0) {
       return null;
     }
+    const modifiedOverflowActions = overflowActions.map((action) => {
+      var _a;
+      if (import_react.default.isValidElement(action)) {
+        return import_react.default.cloneElement(action, {
+          style: {
+            ...((_a = action.props) == null ? void 0 : _a.style) || {},
+            minWidth: "160px",
+            width: "160px"
+          }
+        });
+      }
+      return action;
+    });
+    const content = /* @__PURE__ */ import_react.default.createElement(
+      import_PisellBasicGrid.default,
+      {
+        dataSource: modifiedOverflowActions,
+        renderItem: (item) => item,
+        direction: "vertical",
+        gap: 0
+      }
+    );
     return /* @__PURE__ */ import_react.default.createElement(
-      import_MultilevelCard.default,
+      import_antd.Popover,
       {
         key: "more-actions",
-        card: (props2) => /* @__PURE__ */ import_react.default.createElement(
-          import_GraphicTextCard.default,
-          {
-            text: moreText,
-            icon: "pisell2-dots-horizontal",
-            variant: "horizontal",
-            size: "small",
-            clickable: true,
-            graphicConfig: {
-              iconSize: 24,
-              width: 24,
-              height: 24,
-              background: "transparent",
-              iconColor: "#FFFFFF"
-            },
-            textConfig: { color: "#FFFFFF", fontSize: 14 },
-            style: {
-              background: "#1B1B1B",
-              border: "none",
-              padding: "8px 12px",
-              gap: 4,
-              minWidth: "120px",
-              height: "48px"
-            },
-            ...props2
-          }
-        ),
-        panel: (props2) => /* @__PURE__ */ import_react.default.createElement(
-          import_PisellBasicGrid.default,
-          {
-            dataSource: overflowActions,
-            renderItem: (item) => item,
-            direction: "vertical",
-            gap: 8,
-            ...props2
-          }
-        ),
+        content,
         trigger: "click",
-        panelWidthMode: "auto"
-      }
+        placement: "topLeft",
+        arrow: false,
+        open: moreExpanded,
+        onOpenChange: setMoreExpanded,
+        overlayClassName: "pisell-batch-action-bar__more-popover",
+        overlayInnerStyle: {
+          padding: 0,
+          background: "rgba(29, 41, 57, 1)"
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_GraphicTextCard.default,
+        {
+          text: moreText,
+          icon: "pisell2-dots-horizontal",
+          variant: "horizontal",
+          size: "small",
+          clickable: true,
+          active: { value: moreExpanded },
+          className: "pisell-batch-action-bar-button",
+          graphicConfig: {
+            iconSize: 24,
+            width: 24,
+            height: 24,
+            background: "transparent",
+            iconColor: "#FFFFFF"
+          },
+          textConfig: { color: "#FFFFFF", fontSize: 14 },
+          style: {
+            background: moreExpanded ? "rgba(93, 63, 159, 1)" : "#1B1B1B",
+            border: "none",
+            padding: "8px 12px",
+            gap: 4,
+            minWidth: "120px",
+            height: "48px"
+          }
+        }
+      )
     );
-  }, [hasOverflow, overflowActions, moreText]);
+  }, [hasOverflow, overflowActions, moreText, moreExpanded]);
   const mergedClassName = (0, import_classnames.default)("pisell-batch-action-bar", className, {
     [`pisell-batch-action-bar--${position}`]: position
   });

package/lib/components/pisellBatchActionBar/PisellBatchActionBar.less

@@ -58,31 +58,6 @@
         font-weight: 400 !important;
         line-height: 20px !important;
       }
-
-      // Hover 效果：深色主题下的 hover（降低透明度）
-      &:hover:not(.graphic-text-card--disabled):not(.graphic-text-card--loading):not(.graphic-text-card--active).graphic-text-card--clickable {
-        background: #1B1B1B !important;
-        border: none !important;
-        opacity: 0.7;
-
-        .graphic-text-card__graphic,
-        .graphic-text-card__text {
-          color: #FFFFFF !important;
-          opacity: 0.7;
-        }
-      }
-
-      // Active 效果
-      &:active:not(.graphic-text-card--disabled):not(.graphic-text-card--loading).graphic-text-card--clickable {
-        background: #1B1B1B !important;
-        opacity: 0.5;
-
-        .graphic-text-card__graphic,
-        .graphic-text-card__text {
-          color: #FFFFFF !important;
-          opacity: 0.5;
-        }
-      }
     }
   }
 
@@ -100,4 +75,14 @@
   &--inline {
     width: 100%;
   }
+
+}
+
+// Popover 中的按钮样式（全局作用域）
+:global(.pisell-batch-action-bar__more-popover) {
+  :global(.graphic-text-card--horizontal) {
+    min-width: 160px !important;
+    width: 160px !important;
+    height: 40px !important;
+  }
 }

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
+import type { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
 import './index.less';
-export { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
+export type { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
 export interface VirtualInputProps extends BaseVirtualInputProps {
     /** 在VirtualInput上方显示的额外内容 */
     topContent?: React.ReactNode;

package/lib/components/virtualInput/index.js

@@ -29,8 +29,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/virtualInput/index.tsx
 var virtualInput_exports = {};
 __export(virtualInput_exports, {
-  BaseVirtualInputProps: () => import_BaseVirtualInput2.BaseVirtualInputProps,
-  BaseVirtualInputRef: () => import_BaseVirtualInput2.BaseVirtualInputRef,
   default: () => virtualInput_default
 });
 module.exports = __toCommonJS(virtualInput_exports);
@@ -39,7 +37,6 @@ var import_classnames = __toESM(require("classnames"));
 var import_icon = __toESM(require("../icon"));
 var import_BaseVirtualInput = __toESM(require("./BaseVirtualInput"));
 var import_index = require("./index.less");
-var import_BaseVirtualInput2 = require("./BaseVirtualInput");
 var VirtualInput = (0, import_react.forwardRef)(
   ({
     topContent,
@@ -105,8 +102,3 @@ var VirtualInput = (0, import_react.forwardRef)(
 );
 VirtualInput.displayName = "VirtualInput";
 var virtualInput_default = VirtualInput;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  BaseVirtualInputProps,
-  BaseVirtualInputRef
-});