@pisell/materials 1.0.1002 → 1.0.1004

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
-});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.1002",
+  "version": "1.0.1004",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",