@pisell/materials 1.0.929 → 1.0.930

package/lib/components/productCard/cartSkuCard/components/swipeAction/index.js

@@ -110,17 +110,26 @@ var SwipeAction = (0, import_react.forwardRef)(
     const rootRef = (0, import_react.useRef)(null);
     const leftRef = (0, import_react.useRef)(null);
     const rightRef = (0, import_react.useRef)(null);
+    const [containerHeight, setContainerHeight] = (0, import_react.useState)(0);
     function getWidth(ref2) {
       const element = ref2.current;
       if (!element) return 0;
       return element.offsetWidth;
     }
+    function getHeight(ref2) {
+      const element = ref2.current;
+      if (!element) return 0;
+      return element.offsetHeight;
+    }
     function getLeftWidth() {
       return getWidth(leftRef);
     }
     function getRightWidth() {
       return getWidth(rightRef);
     }
+    function getRootHeight() {
+      return getHeight(rootRef);
+    }
     const [{ x }, api] = (0, import_web.useSpring)(
       () => ({
         x: 0,
@@ -213,6 +222,20 @@ var SwipeAction = (0, import_react.forwardRef)(
       },
       close
     }));
+    (0, import_react.useEffect)(() => {
+      const updateHeight = () => {
+        const height = getRootHeight();
+        setContainerHeight(height);
+      };
+      updateHeight();
+      const resizeObserver = new ResizeObserver(updateHeight);
+      if (rootRef.current) {
+        resizeObserver.observe(rootRef.current);
+      }
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }, []);
     (0, import_react.useEffect)(() => {
       if (!props.closeOnTouchOutside) return;
       function handle(e) {
@@ -238,14 +261,32 @@ var SwipeAction = (0, import_react.forwardRef)(
         document.removeEventListener("mousedown", handle);
       };
     }, [props.closeOnTouchOutside, props.escapeDom]);
-    function renderAction(action) {
+    const getRightContainerClass = () => {
+      const baseClass = `${classPrefix}-actions ${classPrefix}-actions-right`;
+      if (containerHeight > 180) {
+        return `${baseClass} ${classPrefix}-height-large`;
+      } else if (containerHeight > 120) {
+        return `${baseClass} ${classPrefix}-height-medium`;
+      }
+      return `${baseClass} ${classPrefix}-height-small`;
+    };
+    const getRightActionButtonClass = () => {
+      if (containerHeight > 180) {
+        return `${classPrefix}-action-height-large`;
+      } else if (containerHeight > 120) {
+        return `${classPrefix}-action-height-medium`;
+      }
+      return `${classPrefix}-action-height-small`;
+    };
+    function renderAction(action, isRightAction = false) {
       const color = action.color ?? "light";
       const _style = action.style || {};
+      const buttonClass = isRightAction ? `${classPrefix}-action-button ${getRightActionButtonClass()}` : `${classPrefix}-action-button`;
       return /* @__PURE__ */ import_react.default.createElement(
         Button,
         {
           key: action.key,
-          className: `${classPrefix}-action-button`,
+          className: buttonClass,
           style: {
             "--background-color": colorRecord[color] ?? color,
             ..._style
@@ -285,7 +326,7 @@ var SwipeAction = (0, import_react.forwardRef)(
               className: `${classPrefix}-actions ${classPrefix}-actions-left`,
               ref: leftRef
             },
-            props.leftActions.map(renderAction)
+            props.leftActions.map((action) => renderAction(action, false))
           )
         ), /* @__PURE__ */ import_react.default.createElement(
           "div",
@@ -312,14 +353,7 @@ var SwipeAction = (0, import_react.forwardRef)(
           )
         ), withStopPropagation(
           props.stopPropagation,
-          /* @__PURE__ */ import_react.default.createElement(
-            "div",
-            {
-              className: `${classPrefix}-actions ${classPrefix}-actions-right`,
-              ref: rightRef
-            },
-            props.rightActions.map(renderAction)
-          )
+          /* @__PURE__ */ import_react.default.createElement("div", { className: getRightContainerClass(), ref: rightRef }, props.rightActions.map((action) => renderAction(action, true)))
         ))
       )
     );

package/lib/components/productCard/cartSkuCard/components/swipeAction/index.less

@@ -33,3 +33,42 @@
     padding-right: 4px;
   }
 }
+
+.pisell-custom-swipe-action-action-button {
+  min-width: 80px;
+}
+
+/* 容器样式 */
+.pisell-custom-swipe-action-height-large {
+  display: flex;
+  flex-direction: column;
+  background-color: rgba(67, 93, 147, 0.3);
+  justify-content: flex-start;
+
+  .pisell-number-selector-btn {
+    width: 40px;
+    height: 40px;
+  }
+}
+
+.pisell-custom-swipe-action-height-medium {
+  display: flex;
+  flex-direction: column;
+  background-color: rgba(67, 93, 147, 0.3);
+
+  .pisell-number-selector-btn {
+    width: 40px;
+    height: 40px;
+  }
+}
+
+/* 按钮样式 */
+.pisell-custom-swipe-action-action-height-large {
+  height: 60px;
+  width: 200px;
+}
+
+.pisell-custom-swipe-action-action-height-medium {
+  flex: 1;
+  width: 200px;
+}

package/lib/components/productCard/cartSkuCard/index.js

@@ -199,7 +199,7 @@ var CartSkuCard = (props) => {
     }
     return renderA2();
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, type === "a2" ? /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(
     import_swipeAction.SwipeAction,
     {
       closeOnAction: false,
@@ -219,18 +219,7 @@ var CartSkuCard = (props) => {
       },
       renderContent()
     )
-  ) : /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${PREFIX}-wrapper`) }, /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)(PREFIX, `${PREFIX}-${type}`),
-      onClick: (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        onCard == null ? void 0 : onCard(dataSource);
-      }
-    },
-    renderContent()
-  )));
+  );
 };
 var cartSkuCard_default = CartSkuCard;
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: any;
-    vertical: any;
+    horizontal: number;
+    vertical: number;
 };
 export default useGapSize;

package/lib/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): any;
+}): boolean;

package/lib/components/table/Table/fields/text/Show/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 import "./index.less";
 declare const Show: (props: FieldPropsType) => JSX.Element;

package/lib/components/table/Table/fields/text/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): any;
+}): boolean;

package/lib/components/table/Table/utils.d.ts

@@ -161,7 +161,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("view_mode" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "gallery_setting" | "filters")[];
+}) => ("filters" | "order_by" | "group_by" | "column_setting" | "gallery_setting" | "filter_setting" | "view_mode")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string | number;
+export declare const getCssNumber: (val: string | number) => string;
 export declare function uuid(): string;
 export * from './mergeWith';

package/package.json

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