@pisell/materials 6.2.24 → 6.2.26

package/lib/components/pisellAdjustPrice/index.js

@@ -35,13 +35,22 @@ module.exports = __toCommonJS(pisellAdjustPrice_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
 var import_pisellText = __toESM(require("../pisellText"));
 var import_Amount = __toESM(require("../virtual-keyboard/Amount"));
 var import_locales = require("../../locales");
 var import_index = require("./index.less");
 var import_usePisellConfig = __toESM(require("../pisell-config-provider/hooks/usePisellConfig"));
+var import_status = require("./status");
 var PisellAdjustPrice = (props) => {
-  const { value, onChange, defaultValue, originValue, ...others } = props;
+  const {
+    value,
+    onChange,
+    defaultValue,
+    originValue,
+    selectType = "light",
+    ...others
+  } = props;
   const config = (0, import_usePisellConfig.default)();
   const [newValue, setNewValue] = (0, import_react.useState)(value || 0);
   const [updateMode, setUpdateMode] = (0, import_react.useState)(
@@ -53,6 +62,16 @@ var PisellAdjustPrice = (props) => {
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);
+  const configColor = (0, import_react.useMemo)(() => {
+    const currentConfig = import_status.defaultConfig[selectType];
+    const validProps = Object.entries(props).reduce((acc, [key, value2]) => {
+      if (value2 !== void 0 && key in currentConfig) {
+        acc[key] = value2;
+      }
+      return acc;
+    }, {});
+    return { ...currentConfig, ...validProps };
+  }, [selectType, props]);
   const handleEnter = () => {
     if (isDiscountError) {
       return;
@@ -92,65 +111,108 @@ var PisellAdjustPrice = (props) => {
       return `${v}%`;
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-adjust-price-wrap" }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Segmented,
-    {
-      size: "large",
-      options: [
-        {
-          label: (0, import_locales.getText)("pisell-adjust-price-price-override"),
-          value: "priceOverride"
-        },
-        { label: (0, import_locales.getText)("pisell-adjust-price-discount"), value: "discount" }
-      ],
-      value: updateMode,
-      onChange: handleUpdateMode,
-      block: true
-    }
-  ), updateMode === "discount" && /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Segmented,
-    {
-      size: "large",
-      options: [
-        {
-          label: `${(0, import_locales.getText)("pisell-adjust-price-discount-amount")}(${(config == null ? void 0 : config.symbol) || "$"})`,
-          value: "amount"
-        },
-        {
-          label: `${(0, import_locales.getText)("pisell-adjust-price-discount-percentage")}(%)`,
-          value: "percentage"
-        }
-      ],
-      value: discountMode,
-      onChange: (val) => {
-        setNewValue("");
-        setDiscountMode(val);
-      },
-      block: true
-    }
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-adjust-price-amount-wrap" }, /* @__PURE__ */ import_react.default.createElement(
-    import_Amount.default,
-    {
-      ...others,
-      inputFormat,
-      defaultValue: updateMode === "priceOverride" ? defaultValue : "",
-      key: updateMode,
-      value: newValue,
-      defaultSelect: updateMode === "priceOverride",
-      onChange: handleChange,
-      onEnter: handleEnter,
-      placeholder: discountMode === "amount" ? "0" : "%"
-    }
-  )), updateMode === "discount" && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-low-code-adjust-price-total" }, isDiscountError ? /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: originValue }) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, newValue && (0, import_locales.getText)("pisell-adjust-price-total-after-discount"), /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: totalAfterDiscount }))), /* @__PURE__ */ import_react.default.createElement(
+  (0, import_react.useEffect)(() => {
+    (0, import_utils.setTheme)({
+      "--pisell-adjust-price-text-color": configColor.textColor,
+      "--pisell-adjust-price-background-color": configColor.backgroundColor,
+      "--pisell-adjust-price-container-background-color": configColor.containerBackgroundColor,
+      "--pisell-adjust-price-button-background-color": configColor.buttonBackgroundColor,
+      "--pisell-adjust-price-main-text-color": configColor.mainTextColor,
+      "--pisell-adjust-price-sub-text-color": configColor.subTextColor
+    });
+  }, [configColor]);
+  return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: (0, import_classnames.default)("pisell-low-code-adjust-price-amount-desc", {
-        ["pisell-low-code-adjust-price-amount-desc-error"]: isDiscountError
+      className: (0, import_classnames.default)("pisell-lowcode-adjust-price-wrap", {
+        "pisell-lowcode-adjust-price-dark": selectType === "dark",
+        "pisell-lowcode-adjust-price-light": selectType === "light"
       })
     },
-    (0, import_locales.getText)("pisell-adjust-price-discount-can-be-maximum"),
-    " ",
-    discountMode === "amount" ? /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: originValue }) : "100%"
-  )));
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Segmented,
+      {
+        size: "large",
+        options: [
+          {
+            label: (0, import_locales.getText)("pisell-adjust-price-price-override"),
+            value: "priceOverride"
+          },
+          { label: (0, import_locales.getText)("pisell-adjust-price-discount"), value: "discount" }
+        ],
+        value: updateMode,
+        onChange: handleUpdateMode,
+        block: true
+      }
+    ),
+    updateMode === "discount" && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Segmented,
+      {
+        size: "large",
+        options: [
+          {
+            label: `${(0, import_locales.getText)("pisell-adjust-price-discount-amount")}(${(config == null ? void 0 : config.symbol) || "$"})`,
+            value: "amount"
+          },
+          {
+            label: `${(0, import_locales.getText)("pisell-adjust-price-discount-percentage")}(%)`,
+            value: "percentage"
+          }
+        ],
+        value: discountMode,
+        onChange: (val) => {
+          setNewValue("");
+          setDiscountMode(val);
+        },
+        block: true
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-adjust-price-amount-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+      import_Amount.default,
+      {
+        ...others,
+        selectType: selectType || "light",
+        inputFormat,
+        defaultValue: updateMode === "priceOverride" ? defaultValue : "",
+        key: updateMode,
+        value: newValue,
+        defaultSelect: updateMode === "priceOverride",
+        onChange: handleChange,
+        onEnter: handleEnter,
+        placeholder: discountMode === "amount" ? "0" : "%",
+        rightItemsStyle: {
+          buttonBackgroundColor: configColor.buttonBackgroundColor,
+          textColor: configColor.textColor,
+          resetButtonBackgroundColor: configColor.resetButtonBackgroundColor,
+          resetButtonTextColor: configColor.resetButtonTextColor,
+          isDoneButtonFollowTheme: configColor.isDoneButtonFollowTheme,
+          doneButtonBackgroundColor: configColor.doneButtonBackgroundColor,
+          doneButtonTextColor: configColor.doneButtonTextColor
+        }
+      }
+    )),
+    updateMode === "discount" && /* @__PURE__ */ import_react.default.createElement("div", null, configColor.isShowMainText ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-low-code-adjust-price-total" }, isDiscountError ? /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: originValue }) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, newValue && (0, import_locales.getText)("pisell-adjust-price-total-after-discount"), /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: totalAfterDiscount }))) : null, configColor.isShowSubText ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "pisell-low-code-adjust-price-amount-desc",
+          {
+            ["pisell-low-code-adjust-price-amount-desc-error"]: isDiscountError
+          }
+        )
+      },
+      (0, import_locales.getText)("pisell-adjust-price-discount-can-be-maximum"),
+      " ",
+      discountMode === "amount" ? /* @__PURE__ */ import_react.default.createElement(
+        import_pisellText.default.Amount,
+        {
+          value: originValue,
+          style: {
+            color: configColor.subTextColor
+          }
+        }
+      ) : "100%"
+    ) : null)
+  );
 };
 var pisellAdjustPrice_default = PisellAdjustPrice;

package/lib/components/pisellAdjustPrice/index.less

@@ -1,30 +1,59 @@
 .pisell-lowcode-adjust-price-wrap {
   width: 380px;
   border-radius: 10px;
-  background-color: #fff;
+  background-color: var(--pisell-adjust-price-background-color);
   padding: 10px;
   display: flex;
   flex-direction: column;
   gap: 10px;
+  transition: all 0.3s ease;
+
+  // 浅色模式样式
+  &.pisell-lowcode-adjust-price-light {
+    .pisell-lowcode-segmented-item-label {
+      color: #667085;
+    }
+  }
+
+  // 深色模式样式
+  &.pisell-lowcode-adjust-price-dark {
+    .pisell-lowcode-segmented-item-label {
+      color: #d0d5dd;
+    }
+  }
+
+  .pisell-lowcode-segmented {
+    background: var(--pisell-adjust-price-container-background-color);
+    :hover {
+      color: var(--pisell-adjust-price-text-color);
+    }
+    .pisell-lowcode-segmented-item-selected {
+      background: var(--pisell-adjust-price-button-background-color);
+      .pisell-lowcode-segmented-item-label {
+        color: var(--pisell-adjust-price-text-color) !important;
+      }
+    }
+  }
+
   .pisell-lowcode-adjust-price-amount-wrap {
     padding: 10px;
     border-radius: 10px;
-    background: var(--Gray-300, #D0D5DD);
+    background: var(--pisell-adjust-price-container-background-color);
   }
   .pisell-low-code-adjust-price-total {
-    color: var(--Gray-900, #101828);
+    color: var(--pisell-adjust-price-main-text-color);
     font-size: 20px;
     font-weight: 600;
     line-height: 30px; /* 150% */
   }
   .pisell-low-code-adjust-price-amount-desc {
-    color: var(--Gray-500, #667085);
+    color: var(--pisell-adjust-price-sub-text-color);
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px; /* 150% */
   }
   .pisell-low-code-adjust-price-amount-desc-error {
-    color: var(--Error-600, #D92D20);
+    color: var(--Error-600, #d92d20);
   }
-}
+}

package/lib/components/pisellAdjustPrice/status.js

@@ -0,0 +1,60 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellAdjustPrice/status.ts
+var status_exports = {};
+__export(status_exports, {
+  defaultConfig: () => defaultConfig
+});
+module.exports = __toCommonJS(status_exports);
+var defaultConfig = {
+  dark: {
+    backgroundColor: "rgba(0, 0, 0, 0.70)",
+    containerBackgroundColor: "rgba(0, 0, 0, 0.40)",
+    buttonBackgroundColor: "#ffffff",
+    textColor: "#000000",
+    resetButtonBackgroundColor: "#ffffff",
+    resetButtonTextColor: "#d92d20",
+    isDoneButtonFollowTheme: true,
+    doneButtonBackgroundColor: "#4ca30d",
+    doneButtonTextColor: "#ffffff",
+    isShowMainText: true,
+    mainTextColor: "#ffffff",
+    isShowSubText: true,
+    subTextColor: "#d0d5dd"
+  },
+  light: {
+    backgroundColor: "#ffffff",
+    containerBackgroundColor: "#d0d5dd",
+    buttonBackgroundColor: "#ffffff",
+    textColor: "#000000",
+    resetButtonBackgroundColor: "#ffffff",
+    resetButtonTextColor: "#d92d20",
+    isDoneButtonFollowTheme: true,
+    doneButtonBackgroundColor: "#4ca30d",
+    doneButtonTextColor: "#ffffff",
+    isShowMainText: true,
+    mainTextColor: "#101828",
+    isShowSubText: true,
+    subTextColor: "#667085"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defaultConfig
+});

package/lib/components/pisellAdjustPrice/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellAdjustPrice/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

package/lib/components/pisellToast/index.js

@@ -40,6 +40,9 @@ var import_index = require("./index.less");
 var PisellToast = (props) => {
   const { content, duration, showAction, actionText, onClose } = props;
   const key = (0, import_utils.getUniqueId)();
+  if (!import_pisellMessage.message) {
+    return alert(content);
+  }
   import_pisellMessage.message.open({
     key,
     content: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-toast-content" }, /* @__PURE__ */ import_react.default.createElement("span", null, content), showAction && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-toast-action" }, actionText), /* @__PURE__ */ import_react.default.createElement(

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

@@ -0,0 +1,71 @@
+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/basicInfo/index.tsx
+var basicInfo_exports = {};
+__export(basicInfo_exports, {
+  default: () => basicInfo_default
+});
+module.exports = __toCommonJS(basicInfo_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_specs = __toESM(require("../specs"));
+var import__ = require("../../index");
+var import_index = require("./index.less");
+var BasicInfo = (props) => {
+  const { isShowImage, dataSource = {}, style, isMainProduct } = props;
+  const {
+    image,
+    bundle,
+    options,
+    product_option_string,
+    name,
+    price,
+    symbol,
+    total = 0,
+    origin_total = 0,
+    num = 1
+  } = dataSource;
+  const renderNumTag = () => {
+    if (num > 1)
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(`num-tag`, {
+            "is-main": isMainProduct
+          })
+        },
+        num < 99 ? 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));
+};
+var basicInfo_default = BasicInfo;

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

@@ -0,0 +1,98 @@
+.pisell-cart-sku-card {
+  &__basic-info {
+    display: flex;
+    gap: 4px;
+    position: relative;
+
+    .num-tag {
+      background-color: #7f56da;
+      position: absolute;
+      left: 0;
+      top: 0;
+      border-radius: 12px;
+      min-width: 24px;
+      height: 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 1;
+
+      color: var(--Base-White, #fff);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 16px;
+
+      &.is-main {
+        left: -4px;
+        top: -4px;
+      }
+    }
+
+    img {
+      width: 48px;
+      height: 48px;
+      flex-shrink: 0;
+      border-radius: 6px;
+    }
+
+    .product-info {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      flex: 1 0 0;
+      flex-wrap: wrap;
+      overflow: hidden;
+
+      .product-name {
+        color: var(--Gray-900, #101828);
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 20px;
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .product-price {
+        color: var(--Gray-900, #101828);
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 20px;
+        width: 100%;
+      }
+    }
+
+    .product-amount {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      flex-wrap: wrap;
+      flex-shrink: 0;
+      .total-amont {
+        color: var(--Base-Black, #000);
+        text-align: center;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 20px;
+        width: 100%;
+      }
+
+      .origin-amount {
+        color: var(--Gray-500, #667085);
+        text-align: center;
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 18px;
+        text-decoration-line: line-through;
+        width: 100%;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,70 @@
+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/discountReason/index.tsx
+var discountReason_exports = {};
+__export(discountReason_exports, {
+  default: () => discountReason_default
+});
+module.exports = __toCommonJS(discountReason_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import__ = require("../../index");
+var DiscountReason = (props) => {
+  const { dataSource = {}, hideDivider } = props;
+  const { total, origin_total, symbol, tip, num, discount_reason } = dataSource;
+  const isDiscount = (0, import_react.useMemo)(() => {
+    if (!origin_total) return false;
+    return Number(total) != Number(origin_total);
+  }, [total, origin_total]);
+  const renderDivider = () => {
+    return isDiscount && discount_reason && !hideDivider ? /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: "4px 0" } }) : null;
+  };
+  const renderDiscountReason = () => {
+    if (isDiscount && discount_reason) {
+      if (Array.isArray(discount_reason)) {
+        return /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `${import__.PREFIX}_discount-reason`,
+            style: { display: "flex", flexWrap: "wrap", gap: "4px" }
+          },
+          discount_reason.map((reason, index) => {
+            return /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { key: index, color: "red" }, reason);
+          })
+        );
+      }
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}_discount-reason` }, /* @__PURE__ */ import_react.default.createElement("span", null, `${import_utils.locales.getText(
+        "pisell2.product.card.discount.reason"
+      )}: ${discount_reason}`));
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderDivider(), renderDiscountReason());
+};
+var discountReason_default = DiscountReason;

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

@@ -0,0 +1,52 @@
+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/holders/index.tsx
+var holders_exports = {};
+__export(holders_exports, {
+  default: () => holders_default
+});
+module.exports = __toCommonJS(holders_exports);
+var import_react = __toESM(require("react"));
+var import_iconfont = __toESM(require("../../../../iconfont"));
+var import__ = require("../../index");
+var import_index = require("./index.less");
+var Holders = (props) => {
+  const { dataSource = {} } = props;
+  const { holders, holder_id } = dataSource;
+  if (!holder_id) return null;
+  const renderHolder = (id) => {
+    if (!id) return null;
+    const holder = holders.find((item) => item.id === id);
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "holder-item", key: id }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { className: "holder-icon", type: "pisell2-user-check-01" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "holder-label" }, (holder == null ? void 0 : holder.label) || id));
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__holders` }, Array.isArray(holder_id) ? holder_id == null ? void 0 : holder_id.map((id) => {
+    return renderHolder(id);
+  }) : renderHolder(holder_id));
+};
+var holders_default = Holders;