@pisell/private-materials 6.4.41 → 6.4.43

package/es/components/checkout/locales.d.ts

@@ -23,6 +23,7 @@ declare const _default: {
         'balance.due': string;
         'deposit.due': string;
         'partial.paid': string;
+        'deposit.partial.paid': string;
         'split.payment': string;
         cash: string;
         rounding: string;
@@ -78,6 +79,7 @@ declare const _default: {
         'wallet-pass-module-disabled-modal-title': string;
         'wallet-pass-module-disabled-modal-empty': string;
         'wallet-pass-module-discount-partially-paid': string;
+        'wallet-pass-module-discount-order-free': string;
         'additional.options': string;
         'add.tip': string;
         'service.charge': string;
@@ -153,6 +155,15 @@ declare const _default: {
         'pisell2.checkout.sync-retry-hint': string;
         'pisell2.checkout.tips': string;
         retry: string;
+        'cash-payment-title': string;
+        'cash-payment-balance-due': string;
+        'cash-payment-cash-received': string;
+        'cash-payment-change-due': string;
+        'cash-payment-rounding': string;
+        'cash-payment-other': string;
+        'cash-payment-reset': string;
+        'cash-payment-pay': string;
+        'cash-payment-amount-cannot-be-zero': string;
     };
     'zh-CN': {
         'order.total': string;
@@ -178,6 +189,7 @@ declare const _default: {
         'balance.due': string;
         'deposit.due': string;
         'partial.paid': string;
+        'deposit.partial.paid': string;
         'split.payment': string;
         cash: string;
         rounding: string;
@@ -233,6 +245,7 @@ declare const _default: {
         'wallet-pass-module-disabled-modal-title': string;
         'wallet-pass-module-disabled-modal-empty': string;
         'wallet-pass-module-discount-partially-paid': string;
+        'wallet-pass-module-discount-order-free': string;
         'additional.options': string;
         'add.tip': string;
         'service.charge': string;
@@ -308,6 +321,15 @@ declare const _default: {
         'pisell2.checkout.sync-retry-hint': string;
         'pisell2.checkout.tips': string;
         retry: string;
+        'cash-payment-title': string;
+        'cash-payment-balance-due': string;
+        'cash-payment-cash-received': string;
+        'cash-payment-change-due': string;
+        'cash-payment-rounding': string;
+        'cash-payment-other': string;
+        'cash-payment-reset': string;
+        'cash-payment-pay': string;
+        'cash-payment-amount-cannot-be-zero': string;
     };
     'zh-HK': {
         'order.total': string;
@@ -333,6 +355,7 @@ declare const _default: {
         'balance.due': string;
         'deposit.due': string;
         'partial.paid': string;
+        'deposit.partial.paid': string;
         'split.payment': string;
         cash: string;
         rounding: string;
@@ -394,6 +417,7 @@ declare const _default: {
         'wallet-pass-module-disabled-modal-title': string;
         'wallet-pass-module-disabled-modal-empty': string;
         'wallet-pass-module-discount-partially-paid': string;
+        'wallet-pass-module-discount-order-free': string;
         'pisell2.checkout.search-section.placeholder': string;
         'pisell2.checkout.discount.percentage.off': (value: string) => string;
         'pisell2.checkout.discount.fixed_amount': string;
@@ -463,6 +487,15 @@ declare const _default: {
         'pisell2.checkout.sync-retry-hint': string;
         'pisell2.checkout.tips': string;
         retry: string;
+        'cash-payment-title': string;
+        'cash-payment-balance-due': string;
+        'cash-payment-cash-received': string;
+        'cash-payment-change-due': string;
+        'cash-payment-rounding': string;
+        'cash-payment-other': string;
+        'cash-payment-reset': string;
+        'cash-payment-pay': string;
+        'cash-payment-amount-cannot-be-zero': string;
     };
 };
 export default _default;

package/es/components/checkout/locales.js

@@ -27,6 +27,7 @@ export default {
     'balance.due': 'Balance Due',
     'deposit.due': 'Deposit Due',
     'partial.paid': 'Partial Paid',
+    'deposit.partial.paid': 'Deposit Paid',
     'split.payment': 'Pay\nPartially',
     // Cash Payment
     'cash': 'Cash',
@@ -98,6 +99,7 @@ export default {
     'wallet-pass-module-disabled-modal-title': 'Unable to use',
     'wallet-pass-module-disabled-modal-empty': 'No unusable cards',
     'wallet-pass-module-discount-partially-paid': 'Promotion cannot be changed on partially paid orders or used wallet',
+    'wallet-pass-module-discount-order-free': 'The order total is free, can not use wallet',
     // Additional Module
     'additional.options': 'Additional Options',
     'add.tip': 'Add Tip',
@@ -198,7 +200,17 @@ export default {
     'pisell2.checkout.order-sync-failed': 'Order sync failed, please check your network',
     'pisell2.checkout.sync-retry-hint': 'Network error, please click the retry button to resync the order',
     'pisell2.checkout.tips': 'Tips',
-    'retry': 'Retry'
+    'retry': 'Retry',
+    // Cash Payment Module
+    'cash-payment-title': 'Cash Payment',
+    'cash-payment-balance-due': 'Balance Due',
+    'cash-payment-cash-received': 'Cash Received',
+    'cash-payment-change-due': 'Change Due',
+    'cash-payment-rounding': 'Rounding',
+    'cash-payment-other': 'Other',
+    'cash-payment-reset': 'Reset',
+    'cash-payment-pay': 'Pay',
+    'cash-payment-amount-cannot-be-zero': 'The amount cannot be 0'
   },
   'zh-CN': {
     // Order and Payment
@@ -228,6 +240,7 @@ export default {
     'balance.due': '应付金额',
     'deposit.due': '定金待支付金额',
     'partial.paid': '部分支付',
+    'deposit.partial.paid': '定金部分支付',
     'split.payment': '部分付款',
     // Cash Payment
     'cash': '现金',
@@ -299,6 +312,7 @@ export default {
     'wallet-pass-module-disabled-modal-title': '无法使用的卡券',
     'wallet-pass-module-disabled-modal-empty': '暂无不可用卡券',
     'wallet-pass-module-discount-partially-paid': '部分付款或已使用钱包的订单不可修改促销',
+    'wallet-pass-module-discount-order-free': '订单金额为0，不可使用折扣卡或商品券',
     // Additional Module
     'additional.options': '附加选项',
     'add.tip': '添加小费',
@@ -402,7 +416,17 @@ export default {
     'pisell2.checkout.order-sync-failed': '订单同步失败，请检查网络',
     'pisell2.checkout.sync-retry-hint': '网络异常，请点击重试按钮重新同步订单',
     'pisell2.checkout.tips': '提示',
-    'retry': '重试'
+    'retry': '重试',
+    // 现金支付模块
+    'cash-payment-title': '现金支付',
+    'cash-payment-balance-due': '应付金额',
+    'cash-payment-cash-received': '实收金额',
+    'cash-payment-change-due': '找零金额',
+    'cash-payment-rounding': '抹零',
+    'cash-payment-other': '其他',
+    'cash-payment-reset': '重置',
+    'cash-payment-pay': '支付',
+    'cash-payment-amount-cannot-be-zero': '金额不能为0'
   },
   'zh-HK': {
     // Order and Payment
@@ -432,6 +456,7 @@ export default {
     'balance.due': '應付金額',
     'deposit.due': '定金待支付金額',
     'partial.paid': '部分支付',
+    'deposit.partial.paid': '定金部分支付',
     'split.payment': '部分付款',
     // Cash Payment
     'cash': '現金',
@@ -510,6 +535,7 @@ export default {
     'wallet-pass-module-disabled-modal-title': '無法使用的卡券',
     'wallet-pass-module-disabled-modal-empty': '暫無不可用卡券',
     'wallet-pass-module-discount-partially-paid': '部分付款或已使用錢包的訂單不可修改促銷',
+    'wallet-pass-module-discount-order-free': '訂單金額為0，不可使用折扣卡或商品券',
     // search section
     'pisell2.checkout.search-section.placeholder': '錢包碼 / 短碼',
     // discount formatting
@@ -606,6 +632,16 @@ export default {
     'pisell2.checkout.order-sync-failed': '訂單同步失敗，請檢查網絡',
     'pisell2.checkout.sync-retry-hint': '網絡異常，請點擊重試按鈕重新同步訂單',
     'pisell2.checkout.tips': '提示',
-    'retry': '重試'
+    'retry': '重試',
+    // 現金支付模組
+    'cash-payment-title': '現金支付',
+    'cash-payment-balance-due': '應付金額',
+    'cash-payment-cash-received': '實收金額',
+    'cash-payment-change-due': '找零金額',
+    'cash-payment-rounding': '抹零',
+    'cash-payment-other': '其他',
+    'cash-payment-reset': '重置',
+    'cash-payment-pay': '支付',
+    'cash-payment-amount-cannot-be-zero': '金額不能為0'
   }
 };

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

@@ -121,6 +121,7 @@ export interface PaymentMethod {
     type: string;
     fixed?: number;
     percentage?: number;
+    totalAmount?: string;
 }
 export interface PaymentMethodSelection {
     method: PaymentMethod;

package/es/components/eftposPay/amount.d.ts

@@ -8,7 +8,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "page" | "success" | "print" | "fail" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/es/components/eftposPay/device.d.ts

@@ -11,7 +11,7 @@ import './device.less';
 declare const _default: ({ api, onChange, onClose, className, device_number, isMobile, net, client, formatAmount, containerStyle, }: {
     api: PayProps['api'];
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "page" | "success" | "print" | "fail" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/es/components/eftposPay/hooks.d.ts

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly statusRef: React.MutableRefObject<"loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"payo" | "tyro" | "windcave" | "stripe" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "tyro" | "windcave" | "payo" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

package/es/components/eftposPay/store/index.d.ts

@@ -174,7 +174,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "success" | "warn" | "loading" | "fail" | "question";
+        status: "loading" | "success" | "warn" | "fail" | "question";
     };
 };
 /**
@@ -295,20 +295,20 @@ export declare const backUpFree: (payload: Partial<State>) => {
         name?: string | undefined;
         symbol?: string | undefined;
         amount?: string | number | undefined;
-        mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
+        mode?: "pay" | "refund" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "linkly" | undefined;
+        eftpos?: "stripe" | "tyro" | "windcave" | "payo" | "linkly" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;
         subTitle?: string | undefined;
-        type?: "step" | "unset" | undefined;
+        type?: "unset" | "step" | undefined;
         render?: boolean | undefined;
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */

package/es/components/pay/toC/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormState {
     platform: 'pc' | 'h5' | '' | undefined;
     order: any;
@@ -28,4 +29,11 @@ export interface PayGroup {
     pay_number?: string;
     _order: any;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/schedules/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -68,4 +69,11 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/shoppingCart/components/Cart/Product.js

@@ -1,6 +1,12 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useMemo } from 'react';
-import { ProductCard } from '@pisell/materials';
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useMemo, useState } from 'react';
+import { ProductCard, Iconfont } from '@pisell/materials';
 // import ProductCard from '../../../../../../materials/src/components/productCard';
 import useClearCart from "../../hooks/useClearCart";
 import { useContext } from "../../hooks/useContext";
@@ -8,6 +14,9 @@ import useAddService from "../../hooks/useAddService";
 import { useMemoizedFn } from 'ahooks';
 import { isNormalProductByDurationSchedule } from "../../../booking/info/service2/utils";
 import PisellNumberSelector from "../../../../pro/pisellNumberSelector";
+import { formatAmount } from "@pisell/utils";
+import { locales } from '@pisell/utils';
+import Decimal from 'decimal.js';
 var Product = function Product(props) {
   var id = props.id,
     lists = props.lists,
@@ -32,6 +41,12 @@ var Product = function Product(props) {
     productCardStyleConfig = _state$productCardSty === void 0 ? {} : _state$productCardSty;
   var clearCart = useClearCart(id);
 
+  // 控制编辑区域展开收起状态
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEditExpanded = _useState2[0],
+    setIsEditExpanded = _useState2[1];
+
   /**
    * @title: 更新商品数据
    * @description:
@@ -44,6 +59,12 @@ var Product = function Product(props) {
     if (disabledEdit && !(other !== null && other !== void 0 && other.disabled)) return;
     onChange(item, type, other);
   });
+
+  // 切换编辑区域展开收起状态
+  var toggleEditExpanded = useMemoizedFn(function (e) {
+    e === null || e === void 0 || e.preventDefault();
+    setIsEditExpanded(!isEditExpanded);
+  });
   var productParams = useMemo(function () {
     return {
       isShowNote: isShowNote,
@@ -66,78 +87,129 @@ var Product = function Product(props) {
       disabledEdit: true
     };
   });
+
+  // 预先根据是否处于编辑态切分列表，避免多次 filter 计算
+  var editItems = useMemo(function () {
+    return (lists || []).filter(function (item) {
+      var _item$_origin;
+      return item === null || item === void 0 || (_item$_origin = item._origin) === null || _item$_origin === void 0 ? void 0 : _item$_origin.edit;
+    });
+  }, [lists]);
+  var normalItems = useMemo(function () {
+    return (lists || []).filter(function (item) {
+      var _item$_origin2;
+      return !(item !== null && item !== void 0 && (_item$_origin2 = item._origin) !== null && _item$_origin2 !== void 0 && _item$_origin2.edit);
+    });
+  }, [lists]);
+  var editTotal = useMemo(function () {
+    var total = editItems.reduce(function (total, item) {
+      var itemTotal = new Decimal((item === null || item === void 0 ? void 0 : item.total) || 0);
+      return total.add(itemTotal);
+    }, new Decimal(0));
+    return formatAmount(total.toNumber(), 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$');
+  }, [editItems]);
+
+  // 统一渲染单个商品卡片，去重映射逻辑
+  var renderProductItem = useMemoizedFn(function (item) {
+    var Comp = ProductCard;
+    var isRetail;
+    if (state.scenario === 'booking2') {
+      isRetail = isNormalProductByDurationSchedule(item === null || item === void 0 ? void 0 : item._origin);
+      Comp = ProductCard.V2;
+    }
+    return /*#__PURE__*/React.createElement(Comp, _extends({
+      type: isRetail ? 'a2' : 'a5',
+      rightActions: [{
+        key: 'update_number',
+        text: /*#__PURE__*/React.createElement(PisellNumberSelector, {
+          enablePriceAdjust: true,
+          min: 1,
+          className: "pisell-sku-card__pisell-number-setter",
+          value: item === null || item === void 0 ? void 0 : item.num,
+          onChange: function onChange(value) {
+            if (value < 1) {
+              handleChange(item, 'num', {
+                num: 1
+              });
+            } else {
+              handleChange(item, 'num', {
+                num: value
+              });
+            }
+          }
+        }),
+        color: '#667085'
+      }],
+      escapeDom: ".pisell-number-selector-popover",
+      key: item._id,
+      dataSource: item,
+      onAction: function onAction(e) {
+        return _onAction === null || _onAction === void 0 ? void 0 : _onAction(e);
+      },
+      onDelete: function onDelete(e) {
+        return handleChange(e, 'delete', item);
+      },
+      onNote: function onNote(e) {
+        return handleChange(e, 'note', {
+          note: e.note
+        });
+      },
+      onLike: function onLike(e) {
+        return handleChange(e, 'like', {
+          like_status: e.like_status
+        });
+      },
+      onEditProduct: function onEditProduct(e) {
+        return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'edit_product');
+      },
+      onCard: function onCard(e) {
+        return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'view');
+      },
+      onChangeResource: function onChangeResource(e) {
+        return handleChange(item, 'change_resource', e);
+      },
+      onChangeHolder: function onChangeHolder(e) {
+        return handleChange(item, 'change_holder', e);
+      },
+      onAddHolder: function onAddHolder(e) {
+        return handleChange(item, 'add_holder', e);
+      }
+    }, productParams, getProductCardStyleProps(isRetail ? 'retail' : 'appointment'), {
+      scenario: state.scenario
+    }));
+  });
   return useMemo(function () {
-    console.log('render cart');
+    console.log('render cart', lists);
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode__shopping-cart-content"
-    }, clearCart, lists === null || lists === void 0 ? void 0 : lists.map(function (item) {
-      var Comp = ProductCard;
-      var isRetail;
-      if (state.scenario === 'booking2') {
-        isRetail = isNormalProductByDurationSchedule(item === null || item === void 0 ? void 0 : item._origin);
-        Comp = ProductCard.V2;
+    }, clearCart, editItems.length > 0 && /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__shopping-cart-edit"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__shopping-cart-edit-header",
+      onClick: toggleEditExpanded,
+      style: {
+        cursor: 'pointer'
       }
-      return /*#__PURE__*/React.createElement(Comp, _extends({
-        type: isRetail ? 'a2' : 'a5',
-        rightActions: [{
-          key: 'update_number',
-          text: /*#__PURE__*/React.createElement(PisellNumberSelector, {
-            enablePriceAdjust: true,
-            min: 1,
-            className: "pisell-sku-card__pisell-number-setter",
-            value: item === null || item === void 0 ? void 0 : item.num,
-            onChange: function onChange(value) {
-              if (value < 1) {
-                handleChange(item, 'num', {
-                  num: 1
-                });
-              } else {
-                handleChange(item, 'num', {
-                  num: value
-                });
-              }
-            }
-          }),
-          color: '#667085'
-        }],
-        escapeDom: ".pisell-number-selector-popover",
-        key: item._id,
-        dataSource: item,
-        onAction: function onAction(e) {
-          return _onAction === null || _onAction === void 0 ? void 0 : _onAction(e);
-        },
-        onDelete: function onDelete(e) {
-          return handleChange(e, 'delete', item);
-        },
-        onNote: function onNote(e) {
-          return handleChange(e, 'note', {
-            note: e.note
-          });
-        },
-        onLike: function onLike(e) {
-          return handleChange(e, 'like', {
-            like_status: e.like_status
-          });
-        },
-        onEditProduct: function onEditProduct(e) {
-          return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'edit_product');
-        },
-        onCard: function onCard(e) {
-          return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'view');
-        },
-        onChangeResource: function onChangeResource(e) {
-          return handleChange(item, 'change_resource', e);
-        },
-        onChangeHolder: function onChangeHolder(e) {
-          return handleChange(item, 'change_holder', e);
-        },
-        onAddHolder: function onAddHolder(e) {
-          return handleChange(item, 'add_holder', e);
-        }
-      }, productParams, getProductCardStyleProps(isRetail ? 'retail' : 'appointment'), {
-        scenario: state.scenario
-      }));
-    }), !hideAddBtn && platform !== 'h5' && isAdd ? useAddService(id, 'more') : null);
-  }, [clearCart, lists, productParams, hideAddBtn, isAdd, platform]);
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__shopping-cart-edit-header-title"
+    }, locales.getText('pisell2.text.shopping-cart.save.items')(editItems.length)), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__shopping-cart-edit-header-summary"
+    }, editTotal), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__shopping-cart-edit-header-switch"
+    }, /*#__PURE__*/React.createElement(Iconfont, {
+      type: "pisell2-chevron-down",
+      style: {
+        transform: isEditExpanded ? 'rotate(180deg)' : 'rotate(0deg)',
+        transition: 'transform 0.3s ease'
+      }
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__shopping-cart-edit-content",
+      style: {
+        maxHeight: isEditExpanded ? 'unset' : '0',
+        overflow: 'hidden',
+        transition: 'max-height 0.3s ease'
+      }
+    }, editItems.map(renderProductItem))), normalItems.map(renderProductItem), !hideAddBtn && platform !== 'h5' && isAdd ? useAddService(id, 'more') : null);
+  }, [clearCart, editItems, normalItems, productParams, hideAddBtn, isAdd, platform, isEditExpanded]);
 };
 export default Product;

package/es/components/shoppingCart/components/Cart/index.js

@@ -52,7 +52,7 @@ var Cart = function Cart() {
     });
   }, [carts, platform]);
   return useMemo(function () {
-    console.log('render cart 22222');
+    console.log('render cart 22222', state.prodcuts);
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('pisell-lowcode__shopping-cart')
     }, isProductList ? /*#__PURE__*/React.createElement(Product, {

package/es/components/shoppingCart/components/Cart/index.less

@@ -24,6 +24,37 @@
       margin-bottom: 0;
     }
   }
+  
+  .pisell-lowcode__shopping-cart-edit {
+    display: flex;
+    padding: 6px;
+    background: #EAECF0;
+    flex-direction: column;
+    color: black;
+    border-radius: 8px;
+    .pisell-lowcode__shopping-cart-edit-header {
+      display: flex;
+      font-size: 14px;
+      font-weight: 600;
+      .pisell-lowcode__shopping-cart-edit-header-title {
+        flex: 1;
+      }
+      .pisell-lowcode__shopping-cart-edit-header-summary {
+        margin-right: 4px;
+      }
+      // .pisell-lowcode__shopping-cart-edit-header-switch {
+      //   font-size: 14px;
+      //   font-weight: 400;
+      //   line-height: 20px;
+      // }
+    }
+    .pisell-lowcode__shopping-cart-edit-content {
+      margin-top: 6px;
+      gap: 8px;
+      display: flex;
+      flex-direction: column;
+    }
+  }
 
   .pisell-lowcode__shopping-cart-label {
     color: var(--Base-Black, #000);

package/es/components/shoppingCart/locales.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
         'pisell2.text.shopping-cart.confirm': string;
         'pisell2.text.shopping-cart.cancel': string;
         'pisell2.text.shopping-cart.select.holder.modal.title': string;
+        'pisell2.text.shopping-cart.save.items': (num: number) => string;
     };
     'zh-CN': {
         'pisell2.text.shopping-cart.item': (num: number) => string;
@@ -18,6 +19,7 @@ declare const _default: {
         'pisell2.text.shopping-cart.confirm': string;
         'pisell2.text.shopping-cart.cancel': string;
         'pisell2.text.shopping-cart.select.holder.modal.title': string;
+        'pisell2.text.shopping-cart.save.items': (num: number) => string;
     };
     'zh-HK': {
         'pisell2.text.shopping-cart.item': (num: number) => string;
@@ -28,6 +30,7 @@ declare const _default: {
         'pisell2.text.shopping-cart.confirm': string;
         'pisell2.text.shopping-cart.cancel': string;
         'pisell2.text.shopping-cart.select.holder.modal.title': string;
+        'pisell2.text.shopping-cart.save.items': (num: number) => string;
     };
 };
 export default _default;