@pisell/materials 2.2.91 → 2.2.93

package/es/components/productCard/components/Header/index.less

@@ -19,6 +19,21 @@
     border-radius: 8px;
   }
 
+  &-product-header-cover-text {
+    width: 64px;
+    height: 64px;
+    flex-shrink: 0;
+    border-radius: 8px;
+    background-color: #DEDEDE;
+    color: #7E7E7E;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 22px;
+    font-weight: 500;
+    line-height: 1;
+  }
+
   &-product-right-wrap {
     display: flex;
     flex-direction: column;

package/es/components/productCard/index.js

@@ -1,5 +1,5 @@
 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 = ["dataSource", "isShowImage", "isShowHolder", "isShowNote", "isShowDelete", "isShowPackageNote", "isShowEditProduct", "onEditProduct", "onAction", "onDelete", "onNote", "onLike", "onCard", "onChangeResource", "onChangeHolder"];
+var _excluded = ["dataSource", "isShowImage", "isShowHolder", "isShowNote", "isShowDelete", "isShowPackageNote", "isShowEditProduct", "scenario", "onEditProduct", "onAction", "onDelete", "onNote", "onLike", "onCard", "onChangeResource", "onChangeHolder"];
 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 _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); }
@@ -46,6 +46,7 @@ var ProductCard = function ProductCard(props) {
     isShowPackageNote = _props$isShowPackageN === void 0 ? defaultValue.isShowPackageNote : _props$isShowPackageN,
     _props$isShowEditProd = props.isShowEditProduct,
     isShowEditProduct = _props$isShowEditProd === void 0 ? defaultValue.isShowEditProduct : _props$isShowEditProd,
+    scenario = props.scenario,
     _onEditProduct = props.onEditProduct,
     _onAction = props.onAction,
     _onDelete = props.onDelete,
@@ -102,7 +103,7 @@ var ProductCard = function ProductCard(props) {
       return _onDelete === null || _onDelete === void 0 ? void 0 : _onDelete(dataSource);
     }
   })), /*#__PURE__*/React.createElement(CardPro, {
-    className: classNames('pisell-lowcode-product-card', _defineProperty(_defineProperty({}, 'pisell-lowcode-product-card-image', !showImage), 'pisell-lowcode-normal-product-card', !showImage && isNormalProduct)),
+    className: classNames('pisell-lowcode-product-card', _defineProperty(_defineProperty(_defineProperty({}, 'pisell-lowcode-product-card-image', !showImage && scenario !== 'booking2'), 'pisell-lowcode-normal-product-card', !showImage && isNormalProduct && scenario !== 'booking2'), 'pisell-lowcode-product-card-image-booking2', scenario === 'booking2')),
     key: _id
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick(e) {

package/es/components/productCard/index.less

@@ -47,6 +47,12 @@
   }
 }
 
+.pisell-lowcode-product-card-image-booking2 {
+  .pisell-cardPro-content {
+    padding: 4px;
+  }
+}
+
 .pisell-lowcode-product-card-wrap {
   position: relative;
 }

package/es/components/table/Table/SelectField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SelectField: () => JSX.Element;
 export default SelectField;

package/es/components/table/Table/tableConfig/summary/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const summary: (props: any) => JSX.Element;
 export default summary;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorPickerProps } from 'antd';
 declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;
 export default ColorPicker;

package/lib/components/dataSourceComponents/fields/Select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const SelectWithDataSource: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
     optionSourceType?: "default" | "custom" | "api" | undefined;

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const formFieldMap: {
     FormItemCheckbox: import("react").FC<{}> & {
         Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;

package/lib/components/filter/components/items/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/lib/components/filter/components/items/text/Editor/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Text: () => JSX.Element;
 export default Text;

package/lib/components/filter/components/items/text/Preview/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Text: (props: any) => JSX.Element;
 export default Text;

package/lib/components/filter/components/items/text/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

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

@@ -44,6 +44,7 @@ export interface PisellGoodPassCardProps {
     style: React.CSSProperties;
     /**快捷展示排序 */
     mixedSort?: (val: Discount[]) => Discount[];
+    isInModal: boolean;
 }
 declare const index: (props: PisellGoodPassCardProps) => JSX.Element;
 export default index;

package/lib/components/pisellGoodPassCard/index.js

@@ -94,7 +94,11 @@ var index = (props) => {
     const list = sortList.length > 3 ? sortList.slice(0, 3) : sortList;
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${clsPrefix}-header` }, /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_locales.getText)("pisell2.text.goodpass.product-vouchers")), /* @__PURE__ */ import_react.default.createElement(import_antd.Typography.Text, { underline: true, onClick: () => setShowModal(true) }, (0, import_locales.getText)("pisell2.text.goodpass.view-more"))), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: 4 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${clsPrefix}-body` }, list.map(renderVoucherItem)));
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderModal(), /* @__PURE__ */ import_react.default.createElement(
+  const renderModalMode = () => {
+    const sortList = (mixedSort == null ? void 0 : mixedSort(dataSource)) || dataSource;
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "10px 0", display: "flex", flexDirection: "column", gap: 12 } }, sortList.map(renderVoucherItem));
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !props.isInModal ? renderModal() : null, /* @__PURE__ */ import_react.default.createElement(
     import__.PisellCard,
     {
       padding: 8,
@@ -105,7 +109,7 @@ var index = (props) => {
       },
       className: clsPrefix
     },
-    renderMixedMode()
+    props.isInModal ? renderModalMode() : renderMixedMode()
   ));
 };
 var pisellGoodPassCard_default = index;

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

@@ -61,11 +61,19 @@ var BasicInfo = (props) => {
             "is-main": isMainProduct
           })
         },
-        num < 99 ? num : "99+"
+        num < 100 ? num : "99+"
       );
     return null;
   };
   const hasSpecs = (bundle == null ? void 0 : bundle.length) || (options == null ? void 0 : options.length) || product_option_string;
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), isShowImage && image && /* @__PURE__ */ import_react.default.createElement("img", { src: import_utils.image.ali(image, 64), className: `product-cover` }), (!isShowImage || !image) && num > 1 ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 26 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), hasSpecs ? /* @__PURE__ */ import_react.default.createElement(import_specs.default, { dataSource }) : /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, (0, import_utils.formatAmount)(price, 2, symbol))), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `total-amont` }, (0, import_utils.formatAmount)(total * num, 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `origin-amount` }, (0, import_utils.formatAmount)(origin_total * num, 2, symbol)) : null));
+  const renderImage = () => {
+    if (!isShowImage) return null;
+    if (image) {
+      return /* @__PURE__ */ import_react.default.createElement("img", { src: import_utils.image.ali(image, 64), className: `product-cover` });
+    }
+    const displayText = name ? name.slice(0, 2) : "";
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `product-cover-text` }, displayText);
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), (!isShowImage || !image && !name) && num > 1 ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 26 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), hasSpecs ? /* @__PURE__ */ import_react.default.createElement(import_specs.default, { dataSource }) : /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, (0, import_utils.formatAmount)(price, 2, symbol))), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `total-amont` }, (0, import_utils.formatAmount)(total * num, 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `origin-amount` }, (0, import_utils.formatAmount)(origin_total * num, 2, symbol)) : null));
 };
 var basicInfo_default = BasicInfo;

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

@@ -36,6 +36,21 @@
       border-radius: 6px;
     }
 
+    .product-cover-text {
+      width: 48px;
+      height: 48px;
+      flex-shrink: 0;
+      border-radius: 8px;
+      background-color: #DEDEDE;
+      color: #7E7E7E;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 22px;
+      font-weight: 500;
+      line-height: 1;
+    }
+
     .product-info {
       flex: 1;
       display: flex;

package/lib/components/productCard/cartSkuCard/components/swipeAction/index.d.ts

@@ -0,0 +1,43 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+declare type NativeProps<S extends string = never> = {
+    className?: string;
+    style?: React.CSSProperties & Partial<Record<S, string>>;
+};
+declare type PropagationEvent = 'click';
+import './index.less';
+declare type SideType = 'left' | 'right';
+export declare type SwipeActionRef = {
+    close: () => void;
+    show: (side?: SideType) => void;
+};
+declare type ActionColor = 'light' | 'weak' | 'primary' | 'success' | 'warning' | 'danger';
+export declare type Action = {
+    key: string | number;
+    text: ReactNode;
+    color?: ActionColor | string;
+    onClick?: (e: React.MouseEvent) => void;
+};
+export declare type SwipeActionProps = {
+    rightActions?: Action[];
+    leftActions?: Action[];
+    onAction?: (action: Action, e: React.MouseEvent) => void;
+    closeOnTouchOutside?: boolean;
+    closeOnAction?: boolean;
+    children: ReactNode;
+    stopPropagation?: PropagationEvent[];
+    onActionsReveal?: (side: SideType) => void;
+    onClose?: () => void;
+} & NativeProps<'--background'>;
+export declare const SwipeAction: React.ForwardRefExoticComponent<{
+    rightActions?: Action[] | undefined;
+    leftActions?: Action[] | undefined;
+    onAction?: ((action: Action, e: React.MouseEvent) => void) | undefined;
+    closeOnTouchOutside?: boolean | undefined;
+    closeOnAction?: boolean | undefined;
+    children: ReactNode;
+    stopPropagation?: "click"[] | undefined;
+    onActionsReveal?: ((side: SideType) => void) | undefined;
+    onClose?: (() => void) | undefined;
+} & NativeProps<"--background"> & React.RefAttributes<SwipeActionRef>>;
+export {};

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

@@ -0,0 +1,330 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/productCard/cartSkuCard/components/swipeAction/index.tsx
+var swipeAction_exports = {};
+__export(swipeAction_exports, {
+  SwipeAction: () => SwipeAction
+});
+module.exports = __toCommonJS(swipeAction_exports);
+var import_web = require("@react-spring/web");
+var import_use_gesture_react = require("@use-gesture/react/dist/use-gesture-react.cjs");
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+function withNativeProps(props, element) {
+  const p = {
+    ...element.props
+  };
+  if (props.className) {
+    p.className = props.className + (element.props.className ? ` ${element.props.className}` : "");
+  }
+  if (props.style) {
+    p.style = {
+      ...props.style,
+      ...element.props.style
+    };
+  }
+  return import_react.default.cloneElement(element, p);
+}
+function nearest(arr, target) {
+  return arr.reduce((prev, curr) => {
+    return Math.abs(curr - target) < Math.abs(prev - target) ? curr : prev;
+  });
+}
+function mergeProps(a, b) {
+  return {
+    ...a,
+    ...b
+  };
+}
+function withStopPropagation(events, element) {
+  if (!events.includes("click")) {
+    return element;
+  }
+  const onClick = (e) => {
+    var _a, _b;
+    e.stopPropagation();
+    (_b = (_a = element.props).onClick) == null ? void 0 : _b.call(_a, e);
+  };
+  return import_react.default.cloneElement(element, {
+    ...element.props,
+    onClick
+  });
+}
+var Button = ({
+  children,
+  className,
+  style,
+  onClick
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      className,
+      style: {
+        border: "none",
+        background: (style == null ? void 0 : style["--background-color"]) || "transparent",
+        ...style
+      },
+      onClick
+    },
+    children
+  );
+};
+var classPrefix = `pisell-custom-swipe-action`;
+var defaultProps = {
+  rightActions: [],
+  leftActions: [],
+  closeOnTouchOutside: true,
+  closeOnAction: true,
+  stopPropagation: []
+};
+var SwipeAction = (0, import_react.forwardRef)(
+  (p, ref) => {
+    const props = mergeProps(defaultProps, p);
+    const rootRef = (0, import_react.useRef)(null);
+    const leftRef = (0, import_react.useRef)(null);
+    const rightRef = (0, import_react.useRef)(null);
+    function getWidth(ref2) {
+      const element = ref2.current;
+      if (!element) return 0;
+      return element.offsetWidth;
+    }
+    function getLeftWidth() {
+      return getWidth(leftRef);
+    }
+    function getRightWidth() {
+      return getWidth(rightRef);
+    }
+    const [{ x }, api] = (0, import_web.useSpring)(
+      () => ({
+        x: 0,
+        config: { tension: 200, friction: 30 }
+      }),
+      []
+    );
+    const draggingRef = (0, import_react.useRef)(false);
+    const dragCancelRef = (0, import_react.useRef)(null);
+    function forceCancelDrag() {
+      var _a;
+      (_a = dragCancelRef.current) == null ? void 0 : _a.call(dragCancelRef);
+      draggingRef.current = false;
+    }
+    const bind = (0, import_use_gesture_react.useDrag)(
+      (state) => {
+        var _a;
+        dragCancelRef.current = state.cancel;
+        if (!state.intentional) return;
+        if (state.down) {
+          draggingRef.current = true;
+        }
+        if (!draggingRef.current) return;
+        const [offsetX] = state.offset;
+        if (state.last) {
+          const leftWidth = getLeftWidth();
+          const rightWidth = getRightWidth();
+          let position = offsetX + state.velocity[0] * state.direction[0] * 50;
+          if (offsetX > 0) {
+            position = Math.max(0, position);
+          } else if (offsetX < 0) {
+            position = Math.min(0, position);
+          } else {
+            position = 0;
+          }
+          const targetX = nearest([-rightWidth, 0, leftWidth], position);
+          api.start({
+            x: targetX
+          });
+          if (targetX !== 0) {
+            (_a = p.onActionsReveal) == null ? void 0 : _a.call(p, targetX > 0 ? "left" : "right");
+          }
+          window.setTimeout(() => {
+            draggingRef.current = false;
+          });
+        } else {
+          api.start({
+            x: offsetX,
+            immediate: true
+          });
+        }
+      },
+      {
+        from: () => [x.get(), 0],
+        bounds: () => {
+          const leftWidth = getLeftWidth();
+          const rightWidth = getRightWidth();
+          return {
+            left: -rightWidth,
+            right: leftWidth
+          };
+        },
+        axis: "x",
+        preventScroll: true,
+        pointer: { touch: true },
+        triggerAllEvents: true
+      }
+    );
+    const close = () => {
+      var _a;
+      api.start({
+        x: 0
+      });
+      forceCancelDrag();
+      (_a = props.onClose) == null ? void 0 : _a.call(props);
+    };
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      show: (side = "right") => {
+        var _a;
+        if (side === "right") {
+          api.start({
+            x: -getRightWidth()
+          });
+        } else if (side === "left") {
+          api.start({
+            x: getLeftWidth()
+          });
+        }
+        (_a = p.onActionsReveal) == null ? void 0 : _a.call(p, side);
+      },
+      close
+    }));
+    (0, import_react.useEffect)(() => {
+      if (!props.closeOnTouchOutside) return;
+      function handle(e) {
+        if (x.get() === 0) {
+          return;
+        }
+        const root = rootRef.current;
+        if (root && !root.contains(e.target)) {
+          close();
+        }
+      }
+      document.addEventListener("touchstart", handle);
+      return () => {
+        document.removeEventListener("touchstart", handle);
+      };
+    }, [props.closeOnTouchOutside]);
+    function renderAction(action) {
+      const color = action.color ?? "light";
+      const _style = action.style || {};
+      return /* @__PURE__ */ import_react.default.createElement(
+        Button,
+        {
+          key: action.key,
+          className: `${classPrefix}-action-button`,
+          style: {
+            "--background-color": colorRecord[color] ?? color,
+            ..._style
+          },
+          onClick: (e) => {
+            var _a, _b;
+            if (props.closeOnAction) {
+              close();
+            }
+            (_a = action.onClick) == null ? void 0 : _a.call(action, e);
+            (_b = props.onAction) == null ? void 0 : _b.call(props, action, e);
+          }
+        },
+        action.text
+      );
+    }
+    return withNativeProps(
+      props,
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: classPrefix,
+          ...bind(),
+          ref: rootRef,
+          onClickCapture: (e) => {
+            if (draggingRef.current) {
+              e.stopPropagation();
+              e.preventDefault();
+            }
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_web.animated.div, { className: `${classPrefix}-track`, style: { x } }, withStopPropagation(
+          props.stopPropagation,
+          /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              className: `${classPrefix}-actions ${classPrefix}-actions-left`,
+              ref: leftRef
+            },
+            props.leftActions.map(renderAction)
+          )
+        ), /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `${classPrefix}-content`,
+            onClickCapture: (e) => {
+              if (x.goal !== 0) {
+                e.preventDefault();
+                e.stopPropagation();
+                close();
+              }
+            }
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_web.animated.div,
+            {
+              style: {
+                pointerEvents: x.to(
+                  (v) => v !== 0 && x.goal !== 0 ? "none" : "auto"
+                )
+              }
+            },
+            props.children
+          )
+        ), withStopPropagation(
+          props.stopPropagation,
+          /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              className: `${classPrefix}-actions ${classPrefix}-actions-right`,
+              ref: rightRef
+            },
+            props.rightActions.map(renderAction)
+          )
+        ))
+      )
+    );
+  }
+);
+var colorRecord = {
+  light: "#ccc",
+  weak: "#999",
+  primary: "#1677ff",
+  success: "#00b578",
+  warning: "#ff8f1f",
+  danger: "#ff3141"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwipeAction
+});

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

@@ -0,0 +1,35 @@
+.pisell-custom-swipe-action {
+  cursor: grab;
+  overflow: hidden;
+  touch-action: pan-y;
+  &-track {
+    position: relative;
+    overflow: visible;
+  }
+  &-content {
+  }
+  &-actions {
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: stretch;
+    width: auto;
+    white-space: nowrap;
+    &-right {
+      left: 100%;
+      top: 0;
+      height: 100%;
+    }
+    &-left {
+      right: 100%;
+      top: 0;
+      height: 100%;
+    }
+  }
+  &-action-button {
+    --border-radius: 0;
+    --border-width: 0;
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+}

package/lib/components/productCard/cartSkuCard/index.d.ts

@@ -2,6 +2,7 @@ import './index.less';
 import { ProductCardTypes } from '../types';
 interface ISKUCardProps extends ProductCardTypes {
     type: 'a2' | 'a5';
+    rightActions: any[];
 }
 export declare const PREFIX = "pisell-cart-sku-card";
 declare const CartSkuCard: (props: ISKUCardProps) => JSX.Element;