@pisell/materials 6.12.50 → 6.12.52

package/es/components/PisellCards/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellBasicCardProps } from "./types.js";
 import { ImageDataSource, ImageFillMode, PisellImageCardProps } from "./components/PisellImageCard/types.js";
 import { GraphicConfig, GraphicTextCardProps, GraphicTextCardSize, GraphicTextCardVariant } from "./components/GraphicTextCard/types.js";

package/es/components/PisellFields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellSingleLineTextProps } from "../pisellSingleLineText/types.js";
 import { PisellLongTextProps } from "../pisellLongText/types.js";
 import { PisellNumberProps } from "../pisellNumber/types.js";

package/es/components/PisellLayouts/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellBasicGridProps } from "../PisellBasicGrid/types.js";
 import { PisellScrollViewProps, PisellScrollViewRef } from "../PisellScrollView/types.js";
 import { FloorMapFullscreenMode, FloorMapItemBase, FloorMapLayoutContextValue, PisellFloorMapLayoutProps, PisellFloorMapLayoutRef } from "../pisellFloorMapLayout/types.js";

package/es/components/PisellMetrics/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellMetricCardProps } from "../pisellMetricCard/types.js";
 import { PisellStatisticListProps } from "../pisellStatisticList/index.js";
 import { PisellStatisticProps } from "../cardMetricItem/index.js";

package/es/components/appVersionControl/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/appVersionControl/types.d.ts
 interface Version {
   id: string;

package/es/components/calendar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/calendar/index.d.ts

package/es/components/checkbox/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/checkbox/index.d.ts

package/es/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LocalSettingsType } from "../../table/types.js";
 import { DataSourceType } from "../provider/dataSource/DataSourceContext.js";
 import { ColumnType } from "antd/es/table";

package/es/components/dataSourceComponents/fields/Checkbox/WithMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxGroupProps } from "./type.js";
 import { WithModeProps } from "../../dataSourceForm/utils.js";
 import * as _$react from "react";

package/es/components/dataSourceComponents/fields/Radio/WithMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithModeProps } from "../../dataSourceForm/utils.js";
 import { RadioGroupProps } from "./type.js";
 import * as _$react from "react";

package/es/components/dataSourceComponents/fields/Tabs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
 import { TabsProps } from "./type.js";
 import * as _$react from "react";

package/es/components/dataSourceComponents/fields/Translation/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ModeType } from "../../dataSourceForm/type.js";
 
 //#region src/components/dataSourceComponents/fields/Translation/type.d.ts

package/es/components/dataSourceComponents/provider/dataSource/DataSourceContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActionsItem } from "../../dataSourceForm/serve.js";
 import { Result } from "ahooks/es/useRequest/src/types";
 

package/es/components/date-picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/date-picker/index.d.ts

package/es/components/drag-sort-tree/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/drag-sort-tree/types.d.ts
 type IdType = string | number;
 type ValueProps = {

package/es/components/filter/components/FilterButton/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterItemProps } from "../../types.js";
 
 //#region src/components/filter/components/FilterButton/types.d.ts

package/es/components/input/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 import { InputProps, InputRef } from "antd";
 import * as _$antd_es_input0 from "antd/es/input";

package/es/components/pisell-config-provider/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/pisell-config-provider/context.d.ts

package/es/components/pisellDatePicker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/pisellDatePicker/index.d.ts

package/es/components/pisellGridPro/ToolBar/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/pisellGridPro/ToolBar/type.d.ts
 interface ToolBarProps {
   className?: string;

package/es/components/pisellMenu/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuProps } from "antd";
 
 //#region src/components/pisellMenu/types.d.ts

package/es/components/pisellQuickFilter/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterItemProps } from "../filter/types.js";
 import { FormInstance } from "antd";
 

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

@@ -222,19 +222,28 @@ const CartSkuCard = (props) => {
 			openNote: openNoteEditor
 		})) : null);
 	};
-	const renderA12 = () => /* @__PURE__ */ React.createElement(A12, {
-		dataSource,
-		isShowImage,
-		isShowDelete,
-		isShowOriginalPrice,
-		isShowEditProduct,
-		disabled: Boolean(disabledClick),
-		disabledEditClick,
-		slots: a12Slots,
-		presentation: a12Presentation,
-		onDelete,
-		onEditProduct
-	});
+	const renderA12 = () => {
+		var _a12Slots$contentFoot;
+		const note = isShowNote ? /* @__PURE__ */ React.createElement(Note, _objectSpread2(_objectSpread2({}, other), {}, {
+			item: dataSource,
+			disabledEdit: disabledNoteEdit !== null && disabledNoteEdit !== void 0 ? disabledNoteEdit : other.disabledEdit,
+			openNote: openNoteEditor
+		})) : null;
+		const slots = note ? _objectSpread2(_objectSpread2({}, a12Slots), {}, { contentFooter: (_a12Slots$contentFoot = a12Slots === null || a12Slots === void 0 ? void 0 : a12Slots.contentFooter) !== null && _a12Slots$contentFoot !== void 0 ? _a12Slots$contentFoot : (() => note) }) : a12Slots;
+		return /* @__PURE__ */ React.createElement(A12, {
+			dataSource,
+			isShowImage,
+			isShowDelete,
+			isShowOriginalPrice,
+			isShowEditProduct,
+			disabled: Boolean(disabledClick),
+			disabledEditClick,
+			slots,
+			presentation: a12Presentation,
+			onDelete,
+			onEditProduct
+		});
+	};
 	const renderContent = () => {
 		if (type === "a12") return renderA12();
 		if (type === "a9") return renderA9();

package/es/components/productCard/cartSkuCard/types.d.ts

@@ -11,6 +11,7 @@ interface CartSkuCardSlotContext {
   disabled: boolean;
 }
 interface CartSkuCardA12Slots {
+  contentFooter?: (context: CartSkuCardSlotContext) => ReactNode;
   quantityControl?: (context: CartSkuCardSlotContext) => ReactNode;
   actionRail?: (context: CartSkuCardSlotContext & {
     defaultPrice: ReactNode;

package/es/components/productCard/cartSkuCard/variants/A12/index.js

@@ -63,7 +63,7 @@ function getPresentationStyle(presentation) {
 	return style;
 }
 const A12 = ({ dataSource, isShowImage = true, isShowDelete = false, isShowOriginalPrice = false, isShowEditProduct = false, disabled = false, disabledEditClick = false, slots, presentation, onDelete, onEditProduct }) => {
-	var _ref8, _dataSource$num, _dataSource$total, _dataSource$origin_to;
+	var _ref8, _dataSource$num, _dataSource$total, _dataSource$origin_to, _slots$contentFooter;
 	const display = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.a12) || {};
 	const specificationsData = useMemo(() => resolveSpecifications(dataSource), [dataSource]);
 	const weighingInfo = useMemo(() => resolveWeighingSnapshot(dataSource), [dataSource]);
@@ -81,6 +81,7 @@ const A12 = ({ dataSource, isShowImage = true, isShowDelete = false, isShowOrigi
 		key: specification.key
 	}, specification.label ? /* @__PURE__ */ React.createElement("span", { className: `${PREFIX}-a12__specification-label` }, specification.label) : null, /* @__PURE__ */ React.createElement("strong", { className: `${PREFIX}-a12__specification-value` }, specification.value)))) : (dataSource === null || dataSource === void 0 ? void 0 : dataSource.product_option_string) ? /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-a12__specification-summary` }, dataSource.product_option_string) : null;
 	const specifications = (slots === null || slots === void 0 ? void 0 : slots.specifications) ? slots.specifications(_objectSpread2(_objectSpread2({}, slotContext), {}, { defaultSpecifications })) : defaultSpecifications;
+	const contentFooter = slots === null || slots === void 0 || (_slots$contentFooter = slots.contentFooter) === null || _slots$contentFooter === void 0 ? void 0 : _slots$contentFooter.call(slots, slotContext);
 	const defaultPrice = /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-a12__price` }, /* @__PURE__ */ React.createElement("strong", null, formatAmount(lineTotal, 2, symbol)), isShowOriginalPrice && originalTotal > 0 && originalTotal !== lineTotal ? /* @__PURE__ */ React.createElement("del", null, formatAmount(originalTotal, 2, symbol)) : null);
 	const defaultEdit = Boolean(isShowEditProduct && onEditProduct) ? /* @__PURE__ */ React.createElement("button", {
 		type: "button",
@@ -92,17 +93,18 @@ const A12 = ({ dataSource, isShowImage = true, isShowDelete = false, isShowOrigi
 			onEditProduct === null || onEditProduct === void 0 || onEditProduct(dataSource);
 		}
 	}, locales.getText("pisell2.product.card.edit")) : null;
-	const defaultQuantityControl = (slots === null || slots === void 0 ? void 0 : slots.quantityControl) ? slots.quantityControl(slotContext) : /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-a12__quantity-fallback` }, isShowDelete && onDelete ? /* @__PURE__ */ React.createElement("button", {
+	const defaultQuantityControl = (slots === null || slots === void 0 ? void 0 : slots.quantityControl) ? slots.quantityControl(slotContext) : /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-a12__quantity-fallback` }, /* @__PURE__ */ React.createElement("span", null, display.quantityText || `× ${quantity}`));
+	const defaultActionRail = /* @__PURE__ */ React.createElement("aside", { className: `${PREFIX}-a12__rail` }, isShowDelete && onDelete ? /* @__PURE__ */ React.createElement("button", {
 		type: "button",
-		"aria-label": "Delete item",
+		className: `${PREFIX}-a12__delete`,
+		"aria-label": locales.getText("pisell2.cart.sku-card.actions.delete"),
 		disabled,
 		onClick: (event) => {
 			event.preventDefault();
 			event.stopPropagation();
 			onDelete(dataSource);
 		}
-	}, /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-trash-01" })) : null, /* @__PURE__ */ React.createElement("span", null, display.quantityText || `× ${quantity}`));
-	const defaultActionRail = /* @__PURE__ */ React.createElement("aside", { className: `${PREFIX}-a12__rail` }, defaultPrice, defaultEdit, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-a12__quantity-control` }, defaultQuantityControl));
+	}, /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-trash-01" })) : null, defaultPrice, defaultEdit, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-a12__quantity-control` }, defaultQuantityControl));
 	const actionRail = (slots === null || slots === void 0 ? void 0 : slots.actionRail) ? slots.actionRail(_objectSpread2(_objectSpread2({}, slotContext), {}, {
 		defaultPrice,
 		defaultEdit,
@@ -118,7 +120,7 @@ const A12 = ({ dataSource, isShowImage = true, isShowDelete = false, isShowOrigi
 	}) : /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true" }, String((dataSource === null || dataSource === void 0 ? void 0 : dataSource.name) || "").slice(0, 2))) : null, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-a12__content` }, display.eyebrow ? /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-a12__eyebrow` }, display.eyebrow) : null, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-a12__name` }, dataSource === null || dataSource === void 0 ? void 0 : dataSource.name), weighingInfo ? /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-a12__weighing` }, /* @__PURE__ */ React.createElement(Weighing, {
 		dataSource: weighingInfo,
 		symbol
-	})) : null, specifications), actionRail);
+	})) : null, specifications, contentFooter ? /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-a12__content-footer` }, contentFooter) : null), actionRail);
 };
 //#endregion
 export { A12 as default };

package/es/components/productCard/cartSkuCard/variants/A12/index.less

@@ -4,7 +4,7 @@
   --pc-a12-radius: 18px;
   --pc-a12-min-height: 164px;
   --pc-a12-media-width: 228px;
-  --pc-a12-rail-width: 174px;
+  --pc-a12-rail-width: 190px;
   --pc-a12-content-padding: 20px 22px;
   --pc-a12-rail-padding: 18px 20px;
   --pc-a12-accent: #b20d12;
@@ -67,6 +67,18 @@
     padding: var(--pc-a12-content-padding);
   }
 
+  &__content-footer {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    margin-top: auto;
+    padding-top: 12px;
+
+    .ant-divider {
+      margin: 0 !important;
+    }
+  }
+
   &--align-center &__content {
     justify-content: center;
   }
@@ -145,6 +157,7 @@
   }
 
   &__rail {
+    position: relative;
     display: flex;
     min-width: 0;
     flex-direction: column;
@@ -154,6 +167,39 @@
     border-left: 1px solid var(--pc-a12-border-color);
   }
 
+  &__delete {
+    position: absolute;
+    top: 6px;
+    right: 6px;
+    display: grid;
+    width: 42px;
+    height: 42px;
+    padding: 0;
+    place-items: center;
+    border: 0;
+    border-radius: 50%;
+    background: transparent;
+    color: var(--pc-a12-accent);
+    font-size: 26px;
+    cursor: pointer;
+
+    .anticon,
+    svg {
+      width: 30px;
+      height: 30px;
+      font-size: 30px;
+    }
+
+    &:active {
+      background: #fef3f2;
+    }
+
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+  }
+
   &__price {
     display: flex;
     flex-direction: column;
@@ -210,18 +256,6 @@
     justify-content: center;
     gap: 16px;
     font-weight: 700;
-
-    button {
-      display: grid;
-      width: 40px;
-      height: 40px;
-      place-items: center;
-      border: 1px solid #f5b7ba;
-      border-radius: 50%;
-      background: #fff;
-      color: var(--pc-a12-accent);
-      cursor: pointer;
-    }
   }
 
   &--compact {

package/es/components/radio/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/radio/index.d.ts

package/es/components/section-footers/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/section-footers/index.d.ts

package/es/components/skeleton/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/skeleton/index.d.ts

package/es/components/time-picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/time-picker/index.d.ts

package/es/components/upload/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/upload/index.d.ts

package/es/components/virtual-keyboard/Amount/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseNumberKeyboardProps } from "../BaseNumberKeyboard/index.js";
 
 //#region src/components/virtual-keyboard/Amount/types.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellBasicCardProps } from "./types.js";
 import { ImageDataSource, ImageFillMode, PisellImageCardProps } from "./components/PisellImageCard/types.js";
 import { GraphicConfig, GraphicTextCardProps, GraphicTextCardSize, GraphicTextCardVariant } from "./components/GraphicTextCard/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellSingleLineTextProps } from "../pisellSingleLineText/types.js";
 import { PisellLongTextProps } from "../pisellLongText/types.js";
 import { PisellNumberProps } from "../pisellNumber/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellBasicGridProps } from "../PisellBasicGrid/types.js";
 import { PisellScrollViewProps, PisellScrollViewRef } from "../PisellScrollView/types.js";
 import { FloorMapFullscreenMode, FloorMapItemBase, FloorMapLayoutContextValue, PisellFloorMapLayoutProps, PisellFloorMapLayoutRef } from "../pisellFloorMapLayout/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellMetricCardProps } from "../pisellMetricCard/types.js";
 import { PisellStatisticListProps } from "../pisellStatisticList/index.js";
 import { PisellStatisticProps } from "../cardMetricItem/index.js";

package/lib/components/appVersionControl/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/appVersionControl/types.d.ts
 interface Version {
   id: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/calendar/index.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/checkbox/index.d.ts

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

package/lib/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LocalSettingsType } from "../../table/types.js";
 import { DataSourceType } from "../provider/dataSource/DataSourceContext.js";
 import { ColumnType } from "antd/es/table";

package/lib/components/dataSourceComponents/fields/Checkbox/WithMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxGroupProps } from "./type.js";
 import { WithModeProps } from "../../dataSourceForm/utils.js";
 import * as _$react from "react";

package/lib/components/dataSourceComponents/fields/Radio/WithMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithModeProps } from "../../dataSourceForm/utils.js";
 import { RadioGroupProps } from "./type.js";
 import * as _$react from "react";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
 import { TabsProps } from "./type.js";
 import * as _$react from "react";

package/lib/components/dataSourceComponents/fields/Translation/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ModeType } from "../../dataSourceForm/type.js";
 
 //#region src/components/dataSourceComponents/fields/Translation/type.d.ts

package/lib/components/dataSourceComponents/provider/dataSource/DataSourceContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActionsItem } from "../../dataSourceForm/serve.js";
 import { Result } from "ahooks/es/useRequest/src/types";
 

package/lib/components/date-picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/date-picker/index.d.ts

package/lib/components/drag-sort-tree/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/drag-sort-tree/types.d.ts
 type IdType = string | number;
 type ValueProps = {

package/lib/components/filter/components/FilterButton/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterItemProps } from "../../types.js";
 
 //#region src/components/filter/components/FilterButton/types.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 import { InputProps, InputRef } from "antd";
 import * as _$antd_es_input0 from "antd/es/input";

package/lib/components/pisell-config-provider/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/pisell-config-provider/context.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/pisellDatePicker/index.d.ts

package/lib/components/pisellGridPro/ToolBar/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/pisellGridPro/ToolBar/type.d.ts
 interface ToolBarProps {
   className?: string;

package/lib/components/pisellMenu/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuProps } from "antd";
 
 //#region src/components/pisellMenu/types.d.ts

package/lib/components/pisellQuickFilter/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterItemProps } from "../filter/types.js";
 import { FormInstance } from "antd";
 

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

@@ -225,19 +225,28 @@ const CartSkuCard = (props) => {
 			openNote: openNoteEditor
 		})) : null);
 	};
-	const renderA12 = () => /* @__PURE__ */ react.default.createElement(require_index$16.default, {
-		dataSource,
-		isShowImage,
-		isShowDelete,
-		isShowOriginalPrice,
-		isShowEditProduct,
-		disabled: Boolean(disabledClick),
-		disabledEditClick,
-		slots: a12Slots,
-		presentation: a12Presentation,
-		onDelete,
-		onEditProduct
-	});
+	const renderA12 = () => {
+		var _a12Slots$contentFoot;
+		const note = isShowNote ? /* @__PURE__ */ react.default.createElement(require_index$9.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, other), {}, {
+			item: dataSource,
+			disabledEdit: disabledNoteEdit !== null && disabledNoteEdit !== void 0 ? disabledNoteEdit : other.disabledEdit,
+			openNote: openNoteEditor
+		})) : null;
+		const slots = note ? require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, a12Slots), {}, { contentFooter: (_a12Slots$contentFoot = a12Slots === null || a12Slots === void 0 ? void 0 : a12Slots.contentFooter) !== null && _a12Slots$contentFoot !== void 0 ? _a12Slots$contentFoot : (() => note) }) : a12Slots;
+		return /* @__PURE__ */ react.default.createElement(require_index$16.default, {
+			dataSource,
+			isShowImage,
+			isShowDelete,
+			isShowOriginalPrice,
+			isShowEditProduct,
+			disabled: Boolean(disabledClick),
+			disabledEditClick,
+			slots,
+			presentation: a12Presentation,
+			onDelete,
+			onEditProduct
+		});
+	};
 	const renderContent = () => {
 		if (type === "a12") return renderA12();
 		if (type === "a9") return renderA9();

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

@@ -11,6 +11,7 @@ interface CartSkuCardSlotContext {
   disabled: boolean;
 }
 interface CartSkuCardA12Slots {
+  contentFooter?: (context: CartSkuCardSlotContext) => ReactNode;
   quantityControl?: (context: CartSkuCardSlotContext) => ReactNode;
   actionRail?: (context: CartSkuCardSlotContext & {
     defaultPrice: ReactNode;