@pisell/materials 6.11.11 → 6.11.13

package/lib/components/pisellRecordBoard/PisellRecordBoard.js

@@ -73,7 +73,9 @@ function getDefaultRecordBoardContext(layoutType, selection, rowKey) {
     rowKey,
     childComponentProps: void 0,
     scrollAreaHeight: null,
-    setScrollAreaHeight: void 0
+    setScrollAreaHeight: void 0,
+    filterResetKey: void 0,
+    setFilterResetKey: void 0
   };
 }
 var PisellRecordBoard = (props) => {
@@ -109,6 +111,7 @@ var PisellRecordBoard = (props) => {
   );
   const [internalSelectedRows, setInternalSelectedRows] = (0, import_react.useState)([]);
   const [scrollAreaHeight, setScrollAreaHeight] = (0, import_react.useState)(null);
+  const [filterResetKey, setFilterResetKey] = (0, import_react.useState)(0);
   const [internalColumnVisibility, setInternalColumnVisibility] = (0, import_react.useState)(() => {
     var _a, _b;
     const fromConfig = ((_a = props.grid) == null ? void 0 : _a.defaultHiddenColumnKeys) ?? [];
@@ -215,7 +218,9 @@ var PisellRecordBoard = (props) => {
       childComponentProps: mergedChildComponentProps ?? defaultCtx.childComponentProps,
       fillHeight,
       scrollAreaHeight,
-      setScrollAreaHeight
+      setScrollAreaHeight,
+      filterResetKey,
+      setFilterResetKey
     };
   }, [
     layoutType,
@@ -237,7 +242,8 @@ var PisellRecordBoard = (props) => {
     internalColumnOrder,
     onColumnOrderChangeInternal,
     fillHeight,
-    scrollAreaHeight
+    scrollAreaHeight,
+    filterResetKey
   ]);
   const content = /* @__PURE__ */ import_react.default.createElement(import_RecordBoardProvider.RecordBoardProvider, { value: contextValue }, children);
   return /* @__PURE__ */ import_react.default.createElement(

package/lib/components/pisellRecordBoard/layouts/GridLayout/Grid.js

@@ -202,8 +202,7 @@ var RecordBoardGridView = (props) => {
     const scrollX = isEmpty && scroll && typeof scroll.x !== "number" ? sumColumnWidths : scroll == null ? void 0 : scroll.x;
     if ((scroll == null ? void 0 : scroll.autoCalc) && typeof ctx.scrollAreaHeight === "number") {
       const wrapHeight = ctx.scrollAreaHeight;
-      const reservedHeight = 40 + uniformSummaryHeight;
-      console.log(wrapHeight, reservedHeight);
+      const reservedHeight = 40 + uniformSummaryHeight + 24;
       return {
         x: scrollX ?? sumColumnWidths,
         y: Math.max(wrapHeight - reservedHeight, 100),

package/lib/components/pisellRecordBoard/shellFrame/ToolBar/index.js

@@ -163,13 +163,19 @@ var RecordBoardToolBar = (props) => {
         ])
       );
       otherFilter = otherFilter.map((item) => {
+        var _a2, _b2;
         const key = item.key ?? item.name ?? "";
         const configItem = configMap.get(key);
         if (!configItem) return item;
         return {
           ...configItem,
           ...item,
-          other: { ...configItem == null ? void 0 : configItem.other, ...item == null ? void 0 : item.other }
+          label: configItem.label ?? item.label,
+          other: {
+            ...configItem == null ? void 0 : configItem.other,
+            ...item == null ? void 0 : item.other,
+            placeholder: ((_a2 = configItem == null ? void 0 : configItem.other) == null ? void 0 : _a2.placeholder) ?? ((_b2 = item == null ? void 0 : item.other) == null ? void 0 : _b2.placeholder)
+          }
         };
       });
     }
@@ -205,9 +211,11 @@ var RecordBoardToolBar = (props) => {
     },
     [onSearch, searchParams]
   );
+  const filterResetKey = ctx.filterResetKey ?? 0;
   const filterNode = hideFilter ? null : /* @__PURE__ */ import_react.default.createElement(
     import_pisellFilter.default,
     {
+      key: `record-board-filter-${filterResetKey}`,
       value: filterValueForPisellFilter,
       onChange: handleFilterChange,
       hasForm: true,

package/lib/components/pisellRecordBoard/shellFrame/ToolBarReset/index.js

@@ -52,8 +52,9 @@ var ToolBarReset = ({
   children
 }) => {
   const defaultResetText = getResetButtonText();
-  const { searchParams, onSearch, onReset } = (0, import_useRecordBoardContext.useRecordBoardContext)();
+  const { searchParams, onSearch, onReset, setFilterResetKey } = (0, import_useRecordBoardContext.useRecordBoardContext)();
   const handleReset = (0, import_react.useCallback)(() => {
+    setFilterResetKey == null ? void 0 : setFilterResetKey((prev) => prev + 1);
     const currentFilter = searchParams == null ? void 0 : searchParams[FILTER_PARAMS_FIELD];
     const nextParams = {
       ...searchParams,
@@ -67,7 +68,7 @@ var ToolBarReset = ({
     };
     onSearch(nextParams);
     onReset == null ? void 0 : onReset();
-  }, [searchParams, onSearch, onReset]);
+  }, [searchParams, onSearch, onReset, setFilterResetKey]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {

package/lib/components/pisellSingleSelect/PisellSingleSelect.less

@@ -7,6 +7,21 @@
   height: 48px !important;
   width: 100%;
 
+  .pisell-lowcode-select-clear {
+    color: #667085;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 44px;
+    min-height: 44px;
+    margin: -22px -8px;
+    padding: 10px 8px;
+
+    &:hover {
+      color: #344054;
+    }
+  }
+
   // Select 触发器（Figma 设计规范，与 Input 体系一致）
   .pisell-lowcode-select:not(.pisell-lowcode-select-disabled):not(.pisell-lowcode-select-customize-input) {
     .pisell-lowcode-select-selector {

package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.js

@@ -83,7 +83,7 @@ var PisellTimeRangeDisplay = (props) => {
   } = fields || {};
   const showSeconds = (durationFormat == null ? void 0 : durationFormat.showSeconds) ?? false;
   const effectiveDateFormat = (0, import_react.useMemo)(
-    () => ({ showRelativeDay: true, ...dateFormat }),
+    () => ({ showRelativeDay: false, ...dateFormat }),
     [dateFormat]
   );
   const referenceDate = (0, import_dayjs.default)();

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IGiftProps } from './types';
+import './index.less';
+declare const Gift: (props: IGiftProps) => React.JSX.Element | null;
+export default Gift;

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

@@ -0,0 +1,62 @@
+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/Gift/index.tsx
+var Gift_exports = {};
+__export(Gift_exports, {
+  default: () => Gift_default
+});
+module.exports = __toCommonJS(Gift_exports);
+var import_react = __toESM(require("react"));
+var import_icon = __toESM(require("../../../../icon"));
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var prefixCls = "pisell-cart-sku-card__gift";
+var Gift = (props) => {
+  var _a;
+  const {
+    isShow = false,
+    totalCount = 0,
+    selectedGifts = [],
+    promptText = "",
+    onClick
+  } = props;
+  const selectedCount = (selectedGifts == null ? void 0 : selectedGifts.length) || 0;
+  const displayGifts = (0, import_react.useMemo)(() => (selectedGifts == null ? void 0 : selectedGifts.slice(0, 5)) || [], [selectedGifts]);
+  const renderImage = (0, import_react.useCallback)((item) => {
+    if (item == null ? void 0 : item.image) {
+      return /* @__PURE__ */ import_react.default.createElement("img", { src: import_utils.image.ali(item == null ? void 0 : item.image, 48), className: `product-cover` });
+    }
+    const displayText = (item == null ? void 0 : item.title) ? item == null ? void 0 : item.title.slice(0, 2) : "";
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `product-cover-text` }, displayText);
+  }, [displayGifts]);
+  if (!isShow) return null;
+  console.log("Gift777", props, selectedCount);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}`, onClick }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}__label` }, import_utils.locales.getText("pisell2.cart.sku-card.gift.title")), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}__content` }, !selectedCount ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}__text` }, promptText || import_utils.locales.getText("pisell2.cart.sku-card.gift.select.title")) : /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}__images ${selectedCount === 1 ? `${prefixCls}__images-single` : ""}` }, displayGifts.map((gift, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: (gift == null ? void 0 : gift.id) || index, className: `${prefixCls}__image` }, renderImage(gift))), selectedCount === 1 && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}__title` }, (_a = displayGifts[0]) == null ? void 0 : _a.title)), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}__total` }, import_utils.locales.getText("pisell2.cart.sku-card.gift.total")(totalCount)), /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: "pisell2-chevron-right", className: `${prefixCls}__arrow` })));
+};
+var Gift_default = Gift;

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

@@ -0,0 +1,84 @@
+@prefix: pisell-cart-sku-card__gift;
+
+.@{prefix} {
+  padding: 8px;
+  background: #F2F4F7;
+  border-radius: 8px;
+  align-items: center;
+  gap: 16px;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 4px;
+  color: #475467;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  min-width: 0; // 确保内容可以正确缩小
+  justify-content: space-between;
+  cursor: pointer;
+
+  // 标签
+  &__label {
+    flex-shrink: 0;
+  }
+
+  &__content {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex: 1;
+    justify-content: flex-end;
+  }
+
+  &__text {
+    color: #7F56D9;
+    font-weight: 600;
+  }
+
+  &__title {
+    color: #101828;
+  }
+
+  &__images {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+
+  &__images-single {
+    gap: 2px;
+  }
+
+  &__arrow {
+    color: #667085;
+    font-size: 20px;
+  }
+
+  &__total {
+    white-space: nowrap;
+  }
+
+  .product-cover {
+    width: 24px;
+    height: 24px;
+    border-radius: 4px;
+    flex-shrink: 0;
+  }
+
+  .product-cover-text {
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0;
+    border-radius: 4px;
+    background-color: #DEDEDE;
+    color: #7E7E7E;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+    line-height: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}

package/lib/components/productCard/cartSkuCard/components/Gift/types.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/productCard/cartSkuCard/components/Gift/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

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

@@ -0,0 +1,63 @@
+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/Promotion/index.tsx
+var Promotion_exports = {};
+__export(Promotion_exports, {
+  default: () => Promotion_default
+});
+module.exports = __toCommonJS(Promotion_exports);
+var import_react = __toESM(require("react"));
+var import_pisellTags = __toESM(require("../../../../pisellTags"));
+var prefixCls = "pisell-cart-sku-card__promotion";
+var Promotion = (props) => {
+  const { promotions, onClick } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: prefixCls }, promotions == null ? void 0 : promotions.map((item, index) => {
+    if (!(item == null ? void 0 : item.text)) return null;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: index,
+        onClick: (e) => {
+          e.stopPropagation();
+          onClick == null ? void 0 : onClick(item);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_pisellTags.default,
+        {
+          type: "pill_color",
+          color: "error",
+          className: `${prefixCls}-tag-item`
+        },
+        item == null ? void 0 : item.text
+      )
+    );
+  }));
+};
+var Promotion_default = Promotion;

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

@@ -0,0 +1,16 @@
+.pisell-cart-sku-card__promotion {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px;
+
+  &-tag-item {
+    width: max-content;
+    border-radius: var(--Tag-borderRadiusSM, 4px);
+    border: 1px solid var(--red-3, #FFA39E);
+    background: var(--red-1, #FFF1F0);
+    color: var(--red-6, #F5222D);
+    font-size: 12px;
+    line-height: 20px;
+  }
+}

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

@@ -38,6 +38,7 @@ var import_utils = require("@pisell/utils");
 var import_specs = __toESM(require("../specs"));
 var import_holders = __toESM(require("../holders"));
 var import__ = require("../../index");
+var import_EditButton = __toESM(require("../../../components/Header/EditButton"));
 var import_index = require("./index.less");
 var BasicInfo = (props) => {
   const {
@@ -48,7 +49,11 @@ var BasicInfo = (props) => {
     type,
     maxSpecsCount = 1,
     isBundle,
-    showFooter
+    showFooter,
+    isShowOriginalPrice = false,
+    isShowEditProduct = false,
+    onEditProduct,
+    disabledEditClick = false
   } = props;
   const {
     image,
@@ -85,20 +90,38 @@ var BasicInfo = (props) => {
     const displayText = name ? name.slice(0, 2) : "";
     return /* @__PURE__ */ import_react.default.createElement("div", { className: `product-cover-text` }, displayText);
   };
+  const renderEdit = (0, import_react.useMemo)(() => {
+    if (!isShowEditProduct) return null;
+    return /* @__PURE__ */ import_react.default.createElement(import_EditButton.default, { onEdit: () => onEditProduct == null ? void 0 : onEditProduct(dataSource), disabledEditClick });
+  }, [disabledEditClick]);
+  const _isShowOriginalPrice = (0, import_react.useMemo)(() => {
+    if (!isShowOriginalPrice) return false;
+    if (hasSpecs) return false;
+    const _originalTotal = parseFloat(String(origin_total || 0));
+    const _total = parseFloat(String(total || 0));
+    if (isNaN(_originalTotal) || isNaN(total)) return false;
+    return _originalTotal !== 0 && _originalTotal != _total;
+  }, [isShowOriginalPrice, origin_total, total, hasSpecs]);
   if (type === "a5") {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), (!holder_id || !(holder_id == null ? void 0 : holder_id.length)) && !isFormSubject ? /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, (0, import_utils.formatAmount)(price, 2, symbol)) : /* @__PURE__ */ import_react.default.createElement(import_holders.default, { dataSource })));
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a5` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `product-name ${renderEdit ? "product-name-edit" : ""}`
+      },
+      name
+    ), (!holder_id || !(holder_id == null ? void 0 : holder_id.length)) && !isFormSubject ? /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, (0, import_utils.formatAmount)(price, 2, symbol)) : /* @__PURE__ */ import_react.default.createElement(import_holders.default, { dataSource })), renderEdit));
   }
   if (type === "a9") {
     const showAmount = isBundle && !showFooter;
     const _price = showAmount ? Number(price ?? 0) * num : price;
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, (0, import_utils.formatAmount)(_price, 2, symbol))), hasSpecs ? /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a9` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name ${renderEdit ? "product-name-edit" : ""}` }, name), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils.formatAmount)(_price, 2, symbol)), _isShowOriginalPrice ? /* @__PURE__ */ import_react.default.createElement("span", { className: `original-price` }, (0, import_utils.formatAmount)(origin_total, 2, symbol)) : null)), hasSpecs ? /* @__PURE__ */ import_react.default.createElement(
       import_specs.default,
       {
         dataSource,
         maxSpecsCount,
         type
       }
-    ) : null));
+    ) : null), renderEdit));
   }
   return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : 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, maxSpecsCount }) : /* @__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 - (totalDifference ?? 0), 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));
 };

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

@@ -55,6 +55,26 @@
       text-overflow: ellipsis;
     }
 
+    .mask {
+      position: relative;
+
+      &::before {
+        content: 'Gift';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
+        color: #ffffff;
+        font-size: 14px;
+        font-weight: 600;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    }
+
     .product-info {
       flex: 1;
       display: flex;
@@ -63,14 +83,25 @@
       flex-wrap: wrap;
       overflow: hidden;
 
+      .product-basic-info-wrap {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        flex: 1 0 0;
+        flex-wrap: wrap;
+        overflow: hidden;
+      }
+
       .product-basic-info {
         display: flex;
         flex-direction: column;
+
         &.row {
           flex: 1;
           flex-direction: row;
           align-items: center;
           justify-content: space-between;
+
           .product-price {
             width: max-content;
           }
@@ -97,6 +128,39 @@
         font-weight: 500;
         line-height: 20px;
         width: 100%;
+        display: flex;
+        align-items: center;
+        gap: 4px;
+
+        >span {
+          white-space: nowrap;
+        }
+
+        .original-price {
+          color: var(--ps-color-text-secondary, #4e4e4e);
+          text-decoration-line: line-through;
+          font-weight: 400;
+        }
+      }
+
+      .pisell-lowcode-product-edit-button{
+        position: absolute;
+        right: 0;
+        top: 0;
+        z-index: 1;
+      }
+    }
+
+    .product-info-a9, .product-info-a5 {
+      display: flex;
+      justify-content: space-between;
+      align-items: start;
+      .product-basic-info-wrap, .product-basic-info {
+        width: 100%;
+      }
+
+      .product-name-edit{
+        padding-right: 90px;
       }
     }
 
@@ -106,6 +170,7 @@
       gap: 4px;
       flex-wrap: wrap;
       flex-shrink: 0;
+
       .total-amont {
         color: var(--Base-Black, #000);
         text-align: center;
@@ -128,4 +193,4 @@
       }
     }
   }
-}
+}

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

@@ -82,7 +82,7 @@ var Packages = ({ isShowImage, dataSource = {}, type }) => {
               showFooter: showFooter(item)
             }
           ),
-          showFooter(item) ? /* @__PURE__ */ import_react.default.createElement(import_AmountFooter.default, { item: { ...item, symbol: dataSource == null ? void 0 : dataSource.symbol }, hideDivider: false, type: "total" }) : null
+          showFooter(item) ? /* @__PURE__ */ import_react.default.createElement(import_AmountFooter.default, { item: { ...item, total: item == null ? void 0 : item.price, symbol: dataSource == null ? void 0 : dataSource.symbol }, hideDivider: false, type: "total" }) : null
         );
       }
     }

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

@@ -54,6 +54,7 @@ var localeTypes = {
 var TimeRange = (props) => {
   const { dataSource = {} } = props;
   const { start_date, end_date, locale = "en-US" } = dataSource;
+  if (!start_date || !end_date) return null;
   if (!(0, import_dayjs.default)(start_date).isValid() || !(0, import_dayjs.default)(end_date).isValid()) return null;
   (0, import_react.useEffect)(() => {
     import_dayjs.default.locale(localeTypes[locale]);