@pisell/private-materials 6.5.4 → 6.5.5

package/es/components/pay/toB/components/Content/Header.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ToBPayTitle: (props: {
     amount: number | string;
 }) => JSX.Element;

package/es/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ThreedsLoading: ({ title, showSuccessBackButton, onSuccessBack }: any) => JSX.Element;
 export default ThreedsLoading;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const StripePayment: () => JSX.Element;
 export default StripePayment;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/SDK.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const PageLoading: () => JSX.Element;
 export default PageLoading;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/PaymentRequestForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const PaymentRequestForm: () => JSX.Element | null;
 export default PaymentRequestForm;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const SetupForm: ({ onReady, amount, order_id, payment_method, scene, }: any) => JSX.Element;
 export default SetupForm;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.module.less';
 declare const StripePayment: () => JSX.Element;
 export default StripePayment;

package/es/components/pay/toC/WalletPassBlock/components/WalletUseList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WalletPassDataType } from '../../../PaymentMethods/WalletPass/serve';
 import './index.less';
 interface WalletUseListProps {

package/es/components/pisellSelectCustomerModal/RightPanel/Add/BirthdayField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => JSX.Element;
 export default DateSectionCom;

package/es/components/pisellSelectCustomerModal/RightPanel/Add/GenderField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const GenderField: (props: any) => JSX.Element;
 export default GenderField;

package/es/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
 export default PhoneField;

package/es/components/pisellSelectCustomerModal/RightPanel/Add/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface AddClientProps {
     onChange: (value: any) => void;

package/es/components/pisellSelectCustomerModal/RightPanel/List/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface CustomerListProps {
     value: any;

package/es/components/pisellSelectCustomerModal/RightPanel/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface RightPanelProps {
     value: any;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverProps } from 'antd';
 import { CustomerCardProps } from './CustomerCard';
 import './index.less';

package/es/components/productExtension/fields/Actor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Actor: ({ name }: {
     name: string;
 }) => JSX.Element;

package/es/components/productExtension/fields/Forms/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface InfoProps {
     relation_id: any;
     action: any;

package/es/components/productExtension/fields/SelectProducts/ProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItem;

package/es/components/productExtension/fields/SelectProducts/ProductItemPreview/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductItemPreview: ({ item, onClick, onRemove, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItemPreview;

package/es/components/productExtension/fields/SelectProducts/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface valueType {
 }

package/es/components/productExtension/fields/SelectResourcesTable/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const SelectResourcesTable: ({ value, onChange }: any) => JSX.Element;
 export default SelectResourcesTable;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface ProductExtensionProps {
     onDataChange: any;

package/es/components/productSelect/components/TabProduct/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const TabProduct: (props: any) => JSX.Element;
 export default TabProduct;

package/es/components/productSelect/components/productGroup/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare type BoolConfigVal = 0 | 1;
 export interface ProductCardConfig {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface RuleSettingProps {
     value: any;

package/es/components/ruleSetting/ruleBorder/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface RuleSettingProps {
     value: any;

package/es/components/schedules/calendar/calendarItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem } from "../type";
 declare type CalendarItemProps = {
     month: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const Calendar: () => JSX.Element;
 export default Calendar;

package/es/components/schedules/components/CurrentDay/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type CurrentDayProps = {
     onClose: () => void;

package/es/components/schedules/components/ScheduleDetailList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScheduleItem } from "../../type";
 import "./index.less";
 declare type ScheduleDetailListPropsType = {

package/es/components/schedules/components/ScheduleList/RenderScheduleItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { ScheduleItem } from '../../../type';
 declare type Item = any;

package/es/components/schedules/components/ScheduleList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from 'antd';
 import { ScheduleItem } from '../../type';
 import './index.less';

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/MaxParticipantsModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const MaxParticipantsModule: ({ form, value, onChange, useSchedule, isAutoChange, onData, }: {
     form: any;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/ResourcesModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ResourcesModule: ({ product }: {
     product: any;
 }) => JSX.Element;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/SchedulesModule/AddSchedules/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const AddSchedules: ({ value, onChange, drawerContainer, isSelf }: any) => JSX.Element;
 export default AddSchedules;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/SchedulesModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type Value = number[];
 declare const SchedulesModule: ({ value, onChange, drawerContainer, ruleFn, tabKey, previewItemChange, isSelf, isTitle, }: {

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductDetail: ({ form, currentProduct, }: {
     form: any;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetailByDate/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductDetailByDate: () => JSX.Element;
 export default ProductDetailByDate;

package/es/components/schedules/products/ProductDetailDrawer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductDetailDrawer: () => JSX.Element;
 export default ProductDetailDrawer;

package/es/components/schedules/products/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Products: () => JSX.Element;
 export default Products;

package/es/components/schedules/products/list/ProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type Item = any;
 interface ProductItemProps {

package/es/components/schedules/products/list/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface ProductListProps {
     loading: boolean;

package/es/components/schedules/resources/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Resources: () => JSX.Element;
 export default Resources;

package/es/components/schedules/resources/list/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type ResourcesListProps = {
     list: any;

package/es/components/schedules/resources/relationProduct/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const RelationProduct: ({ value, onChange, }: {
     value?: any;

package/es/components/schedules/schedules/AllSchedules/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScheduleItem } from '../../type';
 import './index.less';
 declare type AllSchedulesPropsType = {

package/es/components/schedules/schedules/ScheduleDetailDrawer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DrawerProps } from "antd";
 import { ScheduleItem } from "../../type";
 import "./index.less";

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SchedulesConnect: () => JSX.Element;
 export default SchedulesConnect;

package/es/components/shoppingCart/components/Cart/Product.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProductProps } from '../../type';
 declare const Product: (props: ProductProps) => JSX.Element;
 export default Product;

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).mul(item.num);
+      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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Cart: () => JSX.Element;
 export default Cart;

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/components/Empty/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Empty: (props: any) => JSX.Element;
 export default Empty;

package/es/components/shoppingCart/components/Render/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Content: () => JSX.Element;
 export default Content;