@pisell/materials 1.8.41 → 1.8.42

package/es/components/pisellWalletPassCard/index.js

@@ -39,7 +39,7 @@ const PisellWalletPassCard = (props) => {
 			if (pressTimer) clearTimeout(pressTimer);
 		};
 	}, [pressTimer]);
-	const { id, type, code, qrCode, balance, disabledReason, name, storeName, redeem, validDate, disabled, active = false, cover, balanceTitle, redeemTitle, showCover = true, showDetail = true, showBalance = true, showRedeem = true, showName = true, showCode = true, showStoreName = true, showValidDate = true, showQrCode = true, showBalanceSymbol = true, showDisabledReason = true, showDiscount = false, discount, showActions, actions, beforeEdit, onBeforeEditAmount, onConfirmEdit, onConfirmEditAmount, onDetail, useExternalDetail = false, originData, style = {}, mode = "multiple", showActiveIcon, enableEditAmount, showStatus, cardStatus, nameTitleStyle, formatBalance, formatBalanceTitle, formatRedeem, formatRedeemTitle, maxRedeem, validDateBySchedule, scheduleList, showHolderName = true, holder, onSetHolder } = props;
+	const { id, type, code, qrCode, balance, disabledReason, name, storeName, redeem, validDate, disabled, active = false, cover, balanceTitle, redeemTitle, showCover = true, showDetail = true, showBalance = true, showRedeem = true, showName = true, showCode = true, showStoreName = true, showValidDate = true, showQrCode = true, showBalanceSymbol = true, showDisabledReason = true, showDiscount = false, discount, showActions, actions, beforeEdit, onBeforeEditAmount, onConfirmEdit, onConfirmEditAmount, onDetail, useExternalDetail = false, originData, style = {}, mode = "multiple", showActiveIcon, enableEditAmount, showStatus, cardStatus, nameTitleStyle, formatBalance, formatBalanceTitle, formatRedeem, formatRedeemTitle, maxRedeem, showHolderName = true, holder, onSetHolder, validDateBySchedule, scheduleList } = props;
 	useEffect(() => {
 		document.body.id = "body";
 	}, []);
@@ -271,9 +271,7 @@ const PisellWalletPassCard = (props) => {
 		className: "pisell-card-amount-item-value",
 		useThousandsSeparator: true,
 		value: balance,
-		showCurrencySymbol: showBalanceSymbol,
-		precision: 2,
-		hideDecimalForWholeNumbers: false
+		showCurrencySymbol: showBalanceSymbol
 	});
 	const createOriginalRedeemTitleDom = () => /* @__PURE__ */ React.createElement("span", { className: "pisell-card-amount-item-label-text" }, formatRedeemTitle ? formatRedeemTitle(redeemTitle, {
 		originDom: /* @__PURE__ */ React.createElement(React.Fragment, null, redeemTitle || getText("pisell-wallet-pass-card-redeem")),
@@ -284,9 +282,7 @@ const PisellWalletPassCard = (props) => {
 		className: "pisell-card-amount-item-value",
 		useThousandsSeparator: true,
 		value: redeem,
-		showCurrencySymbol: true,
-		precision: 2,
-		hideDecimalForWholeNumbers: false
+		showCurrencySymbol: true
 	});
 	const renderRedeemInfo = () => {
 		return showRedeem && !disabled && /* @__PURE__ */ React.createElement("div", { className: "pisell-card-amount-item pisell-wallet-pass-card-redeem" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-card-amount-item-label" }, enableEditAmount && active && /* @__PURE__ */ React.createElement(IconFont, {
@@ -305,11 +301,9 @@ const PisellWalletPassCard = (props) => {
 			active,
 			data: props
 		}) : createOriginalBalanceDom()), showDiscount && /* @__PURE__ */ React.createElement("div", { className: "pisell-card-amount-item pisell-card-amount-item-discount" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-card-amount-item-label" }, getText("pisell-discount-card-title"), ": "), /* @__PURE__ */ React.createElement("div", { className: "pisell-card-amount-item-value" }, ((_props$metadata = props.metadata) === null || _props$metadata === void 0 ? void 0 : _props$metadata.discount_card_type) === "fixed_amount" ? /* @__PURE__ */ React.createElement(React.Fragment, null, getText("pisell-discount-card-fixed-amount-prefix"), " ", /* @__PURE__ */ React.createElement(Amount, {
-			className: "pisell-card-amount-item-value test1",
+			className: "pisell-card-amount-item-value",
 			useThousandsSeparator: true,
-			value: discount,
-			precision: 2,
-			hideDecimalForWholeNumbers: false
+			value: discount
 		})) : /* @__PURE__ */ React.createElement(React.Fragment, null, discount, "% ", getText("pisell-discount-card-unit"))))), /* @__PURE__ */ React.createElement("div", {
 			className: "pisell-card-code-wrap",
 			style: { marginRight: showQrCode && !isMini ? 60 : 0 }

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

@@ -0,0 +1,34 @@
+import icon_default from "../../../../icon/index.js";
+import React, { useCallback, useMemo } from "react";
+import { image, locales } from "@pisell/utils";
+import "./index.less";
+//#region src/components/productCard/cartSkuCard/components/Gift/index.tsx
+const prefixCls = "pisell-cart-sku-card__gift";
+const Gift = (props) => {
+	var _displayGifts$;
+	const { isShow = false, totalCount = 0, selectedGifts = [], promptText = "", onClick } = props;
+	const selectedCount = (selectedGifts === null || selectedGifts === void 0 ? void 0 : selectedGifts.length) || 0;
+	const displayGifts = useMemo(() => (selectedGifts === null || selectedGifts === void 0 ? void 0 : selectedGifts.slice(0, 5)) || [], [selectedGifts]);
+	const renderImage = useCallback((item) => {
+		if (item === null || item === void 0 ? void 0 : item.image) return /* @__PURE__ */ React.createElement("img", {
+			src: image.ali(item === null || item === void 0 ? void 0 : item.image, 48),
+			className: `product-cover`
+		});
+		const displayText = (item === null || item === void 0 ? void 0 : item.title) ? item === null || item === void 0 ? void 0 : item.title.slice(0, 2) : "";
+		return /* @__PURE__ */ React.createElement("div", { className: `product-cover-text` }, displayText);
+	}, [displayGifts]);
+	if (!isShow) return null;
+	console.log("Gift777", props, selectedCount);
+	return /* @__PURE__ */ React.createElement("div", {
+		className: `${prefixCls}`,
+		onClick
+	}, /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}__label` }, locales.getText("pisell2.cart.sku-card.gift.title")), /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}__content` }, !selectedCount ? /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}__text` }, promptText || locales.getText("pisell2.cart.sku-card.gift.select.title")) : /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}__images ${selectedCount === 1 ? `${prefixCls}__images-single` : ""}` }, displayGifts.map((gift, index) => /* @__PURE__ */ React.createElement("div", {
+		key: (gift === null || gift === void 0 ? void 0 : gift.id) || index,
+		className: `${prefixCls}__image`
+	}, renderImage(gift))), selectedCount === 1 && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}__title` }, (_displayGifts$ = displayGifts[0]) === null || _displayGifts$ === void 0 ? void 0 : _displayGifts$.title)), /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}__total` }, locales.getText("pisell2.cart.sku-card.gift.total")(totalCount)), /* @__PURE__ */ React.createElement(icon_default, {
+		type: "pisell2-chevron-right",
+		className: `${prefixCls}__arrow`
+	})));
+};
+//#endregion
+export { Gift as default };

package/es/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/es/components/productCard/cartSkuCard/components/Promotion/index.js

@@ -0,0 +1,23 @@
+import PisellTags from "../../../../pisellTags/index.js";
+import React from "react";
+//#region src/components/productCard/cartSkuCard/components/Promotion/index.tsx
+const prefixCls = "pisell-cart-sku-card__promotion";
+const Promotion = (props) => {
+	const { promotions, onClick } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: prefixCls }, promotions === null || promotions === void 0 ? void 0 : promotions.map((item, index) => {
+		if (!(item === null || item === void 0 ? void 0 : item.text)) return null;
+		return /* @__PURE__ */ React.createElement("div", {
+			key: index,
+			onClick: (e) => {
+				e.stopPropagation();
+				onClick === null || onClick === void 0 || onClick(item);
+			}
+		}, /* @__PURE__ */ React.createElement(PisellTags, {
+			type: "pill_color",
+			color: "error",
+			className: `${prefixCls}-tag-item`
+		}, item === null || item === void 0 ? void 0 : item.text));
+	}));
+};
+//#endregion
+export { Promotion as default };

package/es/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/es/components/productCard/cartSkuCard/components/basicInfo/index.js

@@ -1,18 +1,46 @@
+import EditButton from "../../../components/Header/EditButton/index.js";
 import Specs from "../specs/index.js";
 import Holders from "../holders/index.js";
+import Weighing from "../weighing/index.js";
 import { PREFIX } from "../../index.js";
-import React from "react";
+import React, { useMemo } from "react";
 import { formatAmount, image } from "@pisell/utils";
 import classNames from "classnames";
 import "./index.less";
 //#region src/components/productCard/cartSkuCard/components/basicInfo/index.tsx
+/** 每种重量单位对应的展示缩写。 */
+const UNIT_LABEL = {
+	KILOGRAMS: "kg",
+	GRAMS: "g",
+	POUNDS: "lb",
+	OUNCES: "oz"
+};
 const BasicInfo = (props) => {
-	const { isShowImage, dataSource = {}, style, isMainProduct, type } = props;
+	var _origin;
+	const { isShowImage, dataSource = {}, style, isMainProduct, type, maxSpecsCount = 1, isBundle, showFooter, isShowOriginalPrice = false, isShowEditProduct = false, onEditProduct, disabledEditClick = false } = props;
 	const { image: image$1, bundle, options, product_option_string, name, price, symbol, total = 0, origin_total = 0, num = 1, holder_id, isFormSubject, totalDifference = 0 } = dataSource;
 	const renderNumTag = () => {
 		return /* @__PURE__ */ React.createElement("div", { className: classNames(`num-tag`, { "is-main": isMainProduct }) }, num < 100 ? num : "99+");
 	};
 	const hasSpecs = (bundle === null || bundle === void 0 ? void 0 : bundle.length) || (options === null || options === void 0 ? void 0 : options.length) || product_option_string;
+	const weighingInfo = dataSource === null || dataSource === void 0 || (_origin = dataSource._origin) === null || _origin === void 0 || (_origin = _origin._extend) === null || _origin === void 0 ? void 0 : _origin.weighing;
+	const hasWeighingInfo = Boolean(weighingInfo && (Number.isFinite(Number(weighingInfo === null || weighingInfo === void 0 ? void 0 : weighingInfo.weight)) || Number.isFinite(Number(weighingInfo === null || weighingInfo === void 0 ? void 0 : weighingInfo.net_weight))));
+	const hasProductMeta = hasSpecs || hasWeighingInfo;
+	const renderProductMeta = () => {
+		if (!hasProductMeta) return null;
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, hasWeighingInfo ? /* @__PURE__ */ React.createElement(Weighing, { dataSource: weighingInfo }) : null, hasSpecs ? /* @__PURE__ */ React.createElement(Specs, {
+			dataSource,
+			maxSpecsCount,
+			type
+		}) : null);
+	};
+	const renderProductPrice = () => {
+		if (weighingInfo) {
+			const { unit, unit_price } = weighingInfo;
+			return `${formatAmount(unit_price, 2, symbol)}/${UNIT_LABEL[unit]}`;
+		}
+		return formatAmount(price, 2, symbol);
+	};
 	const renderImage = () => {
 		if (!isShowImage) return null;
 		if (image$1) return /* @__PURE__ */ React.createElement("img", {
@@ -22,14 +50,47 @@ const BasicInfo = (props) => {
 		const displayText = name ? name.slice(0, 2) : "";
 		return /* @__PURE__ */ React.createElement("div", { className: `product-cover-text` }, displayText);
 	};
+	/**
+	* @description: 渲染编辑功能
+	* @param {*} useMemo
+	* @return {*}
+	*/
+	const renderEdit = useMemo(() => {
+		if (!isShowEditProduct) return null;
+		return /* @__PURE__ */ React.createElement(EditButton, {
+			onEdit: () => onEditProduct === null || onEditProduct === void 0 ? void 0 : onEditProduct(dataSource),
+			disabledEditClick
+		});
+	}, [disabledEditClick]);
+	const _isShowOriginalPrice = useMemo(() => {
+		if (!isShowOriginalPrice) return false;
+		if (hasSpecs || hasWeighingInfo) 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,
+		hasWeighingInfo
+	]);
 	if (type === "a5") return /* @__PURE__ */ React.createElement("div", {
 		className: `${PREFIX}__basic-info`,
 		style: style || {}
-	}, renderNumTag(), renderImage(), !isShowImage || !image$1 && !name ? /* @__PURE__ */ React.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ React.createElement("div", { className: `product-info` }, /* @__PURE__ */ React.createElement("div", { className: `product-name` }, name), (!holder_id || !(holder_id === null || holder_id === void 0 ? void 0 : holder_id.length)) && !isFormSubject ? /* @__PURE__ */ React.createElement("div", { className: `product-price` }, formatAmount(price, 2, symbol)) : /* @__PURE__ */ React.createElement(Holders, { dataSource })));
+	}, renderNumTag(), renderImage(), !isShowImage || !image$1 && !name ? /* @__PURE__ */ React.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ React.createElement("div", { className: `product-info product-info-a5` }, /* @__PURE__ */ React.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ React.createElement("div", { className: `product-name ${renderEdit ? "product-name-edit" : ""}` }, name), renderProductMeta(), (!holder_id || !(holder_id === null || holder_id === void 0 ? void 0 : holder_id.length)) && !isFormSubject ? /* @__PURE__ */ React.createElement("div", { className: `product-price` }, renderProductPrice()) : /* @__PURE__ */ React.createElement(Holders, { dataSource })), renderEdit));
+	if (type === "a9") {
+		isBundle && !showFooter && Number(price !== null && price !== void 0 ? price : 0) * num;
+		return /* @__PURE__ */ React.createElement("div", {
+			className: `${PREFIX}__basic-info`,
+			style: style || {}
+		}, renderNumTag(), renderImage(), !isShowImage || !image$1 && !name ? /* @__PURE__ */ React.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ React.createElement("div", { className: `product-info product-info-a9` }, /* @__PURE__ */ React.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ React.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ React.createElement("div", { className: `product-name ${renderEdit ? "product-name-edit" : ""}` }, name), /* @__PURE__ */ React.createElement("div", { className: `product-price` }, /* @__PURE__ */ React.createElement("span", null, renderProductPrice()), _isShowOriginalPrice ? /* @__PURE__ */ React.createElement("span", { className: `original-price` }, formatAmount(origin_total, 2, symbol)) : null)), renderProductMeta()), renderEdit));
+	}
 	return /* @__PURE__ */ React.createElement("div", {
 		className: `${PREFIX}__basic-info`,
 		style: style || {}
-	}, renderNumTag(), renderImage(), !isShowImage || !image$1 && !name ? /* @__PURE__ */ React.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ React.createElement("div", { className: `product-info` }, /* @__PURE__ */ React.createElement("div", { className: `product-name` }, name), hasSpecs ? /* @__PURE__ */ React.createElement(Specs, { dataSource }) : /* @__PURE__ */ React.createElement("div", { className: `product-price` }, formatAmount(price, 2, symbol))), /* @__PURE__ */ React.createElement("div", { className: `product-amount` }, /* @__PURE__ */ React.createElement("div", { className: `total-amont` }, formatAmount(total * num - (totalDifference !== null && totalDifference !== void 0 ? totalDifference : 0), 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ React.createElement("div", { className: `origin-amount` }, formatAmount(origin_total * num, 2, symbol)) : null));
+	}, renderNumTag(), renderImage(), !isShowImage || !image$1 && !name ? /* @__PURE__ */ React.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ React.createElement("div", { className: `product-info` }, /* @__PURE__ */ React.createElement("div", { className: `product-name` }, name), hasProductMeta ? renderProductMeta() : /* @__PURE__ */ React.createElement("div", { className: `product-price` }, renderProductPrice())), /* @__PURE__ */ React.createElement("div", { className: `product-amount` }, /* @__PURE__ */ React.createElement("div", { className: `total-amont` }, formatAmount(total * num - (totalDifference !== null && totalDifference !== void 0 ? totalDifference : 0), 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ React.createElement("div", { className: `origin-amount` }, formatAmount(origin_total * num, 2, symbol)) : null));
 };
 //#endregion
 export { BasicInfo as default };

package/es/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,6 +83,31 @@
       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;
+          }
+        }
+      }
+
       .product-name {
         color: var(--Gray-900, #101828);
         font-size: 14px;
@@ -83,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;
       }
     }
 
@@ -92,6 +170,7 @@
       gap: 4px;
       flex-wrap: wrap;
       flex-shrink: 0;
+
       .total-amont {
         color: var(--Base-Black, #000);
         text-align: center;
@@ -114,4 +193,4 @@
       }
     }
   }
-}
+}

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

@@ -18,7 +18,7 @@ const Holders = (props) => {
 	}
 	const renderHolder = (id) => {
 		if (!id) return null;
-		const holder = holders.find((item) => item.id === id);
+		const holder = (holders || []).find((item) => item.id === id);
 		return /* @__PURE__ */ React.createElement("div", {
 			className: "holder-item",
 			key: id

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

@@ -1,31 +1,46 @@
 import { _objectSpread2 } from "../../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import CollapsibleList from "../../../components/Packages/components/collapsibleList/index.js";
+import Footer from "../../../components/AmountFooter/index.js";
 import BasicInfo from "../basicInfo/index.js";
 import { PREFIX } from "../../index.js";
-import React from "react";
+import React, { useCallback } from "react";
 import { locales } from "@pisell/utils";
 import { Divider } from "antd";
 import "./index.less";
 //#region src/components/productCard/cartSkuCard/components/packages/index.tsx
-const Packages = ({ isShowImage, dataSource = {} }) => {
+const Packages = ({ isShowImage, dataSource = {}, type }) => {
 	const { bundle = [], symbol = "$" } = dataSource;
+	const showFooter = useCallback((_bundle) => {
+		const { options = [], bundle = [] } = _bundle;
+		const hasSpecs = (bundle === null || bundle === void 0 ? void 0 : bundle.length) || (options === null || options === void 0 ? void 0 : options.length);
+		return !!(type === "a9" && hasSpecs);
+	}, [type]);
 	return (bundle === null || bundle === void 0 ? void 0 : bundle.length) > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Divider, { style: { margin: 0 } }), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__packages-wrap` }, /* @__PURE__ */ React.createElement("div", { className: `packages-title` }, locales.getText("pisell2.cart.sku-card.packages.title")), /* @__PURE__ */ React.createElement(CollapsibleList, {
 		style: { marginTop: 4 },
 		list: bundle || [],
 		renderItem: (item) => {
-			return /* @__PURE__ */ React.createElement(BasicInfo, {
+			return /* @__PURE__ */ React.createElement("div", { style: {
+				border: "1px solid #D0D5DD",
+				borderRadius: type === "a9" ? 8 : 4,
+				padding: 4
+			} }, /* @__PURE__ */ React.createElement(BasicInfo, {
 				isShowImage,
 				dataSource: _objectSpread2(_objectSpread2({}, item), {}, {
 					name: item.title,
 					image: item.cover,
 					symbol
 				}),
-				style: {
-					border: "1px solid #D0D5DD",
-					borderRadius: 4,
-					padding: 4
-				}
-			});
+				type,
+				isBundle: true,
+				showFooter: showFooter(item)
+			}), showFooter(item) ? /* @__PURE__ */ React.createElement(Footer, {
+				item: _objectSpread2(_objectSpread2({}, item), {}, {
+					total: item === null || item === void 0 ? void 0 : item.price,
+					symbol: dataSource === null || dataSource === void 0 ? void 0 : dataSource.symbol
+				}),
+				hideDivider: false,
+				type: "total"
+			}) : null);
 		}
 	}))) : null;
 };

package/es/components/productCard/cartSkuCard/components/specs/index.js

@@ -1,24 +1,39 @@
+import Options from "../../../components/Packages/components/options/index.js";
 import { PREFIX } from "../../index.js";
 import React from "react";
 import { locales } from "@pisell/utils";
 import "./index.less";
 //#region src/components/productCard/cartSkuCard/components/specs/index.tsx
 const Specs = (props) => {
-	const { dataSource = {} } = props;
+	const { dataSource = {}, maxSpecsCount = 1, type } = props;
 	const { bundle, options, product_option_string, symbol } = dataSource;
 	const more = /* @__PURE__ */ React.createElement("div", { style: {
 		color: "#667085",
 		fontSize: 10,
 		lineHeight: "10px"
 	} }, locales.getText("pisell2.cart.sku-card.more"));
+	/**
+	* @description: 渲染多规格字符串
+	* @return {*}
+	*/
+	const renderOptionString = () => {
+		return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__specs` }, /* @__PURE__ */ React.createElement("div", null, product_option_string));
+	};
+	if (type === "a9") return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__specs-a9-wrap` }, product_option_string ? /* @__PURE__ */ React.createElement("div", { className: "option-string-wrap" }, renderOptionString()) : null, options && (options === null || options === void 0 ? void 0 : options.length) > 0 ? /* @__PURE__ */ React.createElement(Options, {
+		options,
+		amountSymbol: symbol
+	}) : null);
 	if (Array.isArray(bundle) && (bundle === null || bundle === void 0 ? void 0 : bundle.length) > 0) {
-		const first = bundle[0];
-		return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__specs` }, /* @__PURE__ */ React.createElement("div", null, first.title), bundle.length > 1 ? more : null);
+		const displayItems = bundle.slice(0, maxSpecsCount);
+		return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__specs` }, displayItems.map((item, index) => /* @__PURE__ */ React.createElement("div", { key: index }, item.title)), bundle.length > maxSpecsCount ? more : null);
 	}
-	if (product_option_string) return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__specs` }, /* @__PURE__ */ React.createElement("div", null, product_option_string), options.length > 1 ? more : null);
-	if (options.length > 0) {
-		const first = options[0];
-		return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__specs` }, /* @__PURE__ */ React.createElement("div", { className: "spec-item" }, /* @__PURE__ */ React.createElement("span", { className: "spec-name" }, first.name), /* @__PURE__ */ React.createElement("span", { className: "spec-num" }, /* @__PURE__ */ React.createElement("span", null, symbol, first.price), /* @__PURE__ */ React.createElement("span", null), "x", /* @__PURE__ */ React.createElement("span", null, first.num))), options.length > 1 ? more : null);
+	if (product_option_string) return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__specs` }, /* @__PURE__ */ React.createElement("div", null, product_option_string), options && options.length > maxSpecsCount ? more : null);
+	if (options && options.length > 0) {
+		const displayItems = options.slice(0, maxSpecsCount);
+		return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__specs` }, displayItems.map((item, index) => /* @__PURE__ */ React.createElement("div", {
+			className: "spec-item",
+			key: index
+		}, /* @__PURE__ */ React.createElement("span", { className: "spec-name" }, item.name), /* @__PURE__ */ React.createElement("span", { className: "spec-num" }, /* @__PURE__ */ React.createElement("span", null, symbol, item.price), /* @__PURE__ */ React.createElement("span", null), "x", /* @__PURE__ */ React.createElement("span", null, item.num)))), options.length > maxSpecsCount ? more : null);
 	}
 	return null;
 };

package/es/components/productCard/cartSkuCard/components/specs/index.less

@@ -32,3 +32,14 @@
     }
   }
 }
+
+.pisell-cart-sku-card__specs-a9-wrap {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  .option-string-wrap {
+    .pisell-cart-sku-card__specs > div {
+      white-space: normal;
+    }
+  }
+}

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

@@ -5,9 +5,9 @@ import React, { useEffect, useMemo } from "react";
 import { Divider } from "antd";
 import dayjs from "dayjs";
 import "dayjs/locale/zh-cn";
+import "dayjs/locale/en";
 import "dayjs/locale/ja";
 import "dayjs/locale/pt";
-import "dayjs/locale/en";
 import "dayjs/locale/zh-tw";
 import "./index.less";
 //#region src/components/productCard/cartSkuCard/components/timeRange/index.tsx
@@ -21,6 +21,7 @@ const localeTypes = {
 const TimeRange = (props) => {
 	const { dataSource = {} } = props;
 	const { start_date, end_date, locale = "en-US" } = dataSource;
+	if (!start_date || !end_date) return null;
 	if (!dayjs(start_date).isValid() || !dayjs(end_date).isValid()) return null;
 	useEffect(() => {
 		dayjs.locale(localeTypes[locale]);

package/es/components/productCard/cartSkuCard/components/weighing/index.js

@@ -0,0 +1,27 @@
+import { PREFIX } from "../../index.js";
+import React from "react";
+import { locales } from "@pisell/utils";
+import "./index.less";
+//#region src/components/productCard/cartSkuCard/components/weighing/index.tsx
+const UNIT_LABEL_MAP = {
+	KILOGRAMS: "kg",
+	GRAMS: "g",
+	POUNDS: "lb",
+	OUNCES: "oz"
+};
+const formatWeight = (value, unit) => {
+	const parsedValue = Number(value);
+	const displayValue = Number.isFinite(parsedValue) ? parsedValue : 0;
+	const displayUnit = UNIT_LABEL_MAP[unit || "KILOGRAMS"];
+	return `${displayValue.toFixed(3)} ${displayUnit}`;
+};
+const Weighing = (props) => {
+	const { dataSource } = props;
+	if (!dataSource) return null;
+	const { weight, tare, net_weight, unit = "KILOGRAMS" } = dataSource;
+	const tareValue = Number((tare === null || tare === void 0 ? void 0 : tare.value) || 0);
+	const tareLabel = (tare === null || tare === void 0 ? void 0 : tare.label) || locales.getText("pisell2.cart.sku-card.weighing.tare");
+	return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__weighing` }, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__weighing-row` }, /* @__PURE__ */ React.createElement("span", null, locales.getText("pisell2.cart.sku-card.weighing.gross"), ":"), /* @__PURE__ */ React.createElement("span", null, formatWeight(weight, unit))), tareValue > 0 ? /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__weighing-row` }, /* @__PURE__ */ React.createElement("span", null, tareLabel, ":"), /* @__PURE__ */ React.createElement("span", null, "-", formatWeight(tareValue, (tare === null || tare === void 0 ? void 0 : tare.unit) || unit))) : null, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__weighing-row` }, /* @__PURE__ */ React.createElement("span", null, locales.getText("pisell2.cart.sku-card.weighing.net"), ":"), /* @__PURE__ */ React.createElement("span", null, formatWeight(net_weight, unit))));
+};
+//#endregion
+export { Weighing as default };

package/es/components/productCard/cartSkuCard/components/weighing/index.less

@@ -0,0 +1,25 @@
+.pisell-cart-sku-card__weighing {
+  user-select: none;
+  color: #667085;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+
+  &-row {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+
+    > span {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+}