@pisell/private-materials 6.2.24 → 6.2.26

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

@@ -5,6 +5,8 @@ import { ProductCard } from '@pisell/materials';
 import useClearCart from "../../hooks/useClearCart";
 import { useContext } from "../../hooks/useContext";
 import useAddService from "../../hooks/useAddService";
+import { isNormalProductByDurationSchedule } from "../../../booking/info/service2/utils";
+import { useMemoizedFn } from "ahooks";
 var Product = function Product(props) {
   var id = props.id,
     lists = props.lists,
@@ -24,7 +26,9 @@ var Product = function Product(props) {
     isShowChangeHolder = state.isShowChangeHolder,
     isShowHolder = state.isShowHolder,
     isShowAddHolderButton = state.isShowAddHolderButton,
-    isShowEditProduct = state.isShowEditProduct;
+    isShowEditProduct = state.isShowEditProduct,
+    _state$productCardSty = state.productCardStyleConfig,
+    productCardStyleConfig = _state$productCardSty === void 0 ? {} : _state$productCardSty;
   var clearCart = useClearCart(id);
 
   /**
@@ -35,10 +39,10 @@ var Product = function Product(props) {
    * @Author: WangHan
    * @Date: 2024-11-28 22:02
    */
-  var handleChange = function handleChange(item, type, other) {
+  var handleChange = useMemoizedFn(function (item, type, other) {
     if (disabledEdit && !(other !== null && other !== void 0 && other.disabled)) return;
     onChange(item, type, other);
-  };
+  });
   var productParams = useMemo(function () {
     return {
       isShowNote: isShowNote,
@@ -52,44 +56,61 @@ var Product = function Product(props) {
       isShowEditProduct: isShowEditProduct
     };
   }, [isShowNote, isShowPackageNote, disabledEdit, isShowChangeResource, isShowDelete, isShowHolder, isShowAddHolderButton, isShowChangeHolder, isShowEditProduct]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode__shopping-cart-content"
-  }, clearCart, lists === null || lists === void 0 ? void 0 : lists.map(function (item) {
-    return /*#__PURE__*/React.createElement(ProductCard, _extends({
-      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);
+  var getProductCardStyleProps = function getProductCardStyleProps(type) {
+    var conf = productCardStyleConfig["".concat(type, "_product_card_style")];
+    return {
+      isShowImage: conf === null || conf === void 0 ? void 0 : conf.show_product_image,
+      isShowDelete: conf === null || conf === void 0 ? void 0 : conf.show_remove_button
+    };
+  };
+  return useMemo(function () {
+    console.log('render cart');
+    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 = isRetail ? ProductCard.V2 : ProductCard;
       }
-    }, productParams));
-  }), !hideAddBtn && platform !== 'h5' && isAdd ? useAddService(id, 'more') : null);
+      return /*#__PURE__*/React.createElement(Comp, _extends({
+        type: isRetail ? 'a2' : undefined,
+        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')));
+    }), !hideAddBtn && platform !== 'h5' && isAdd ? useAddService(id, 'more') : null);
+  }, [clearCart, lists, productParams, hideAddBtn, isAdd, platform]);
 };
 export default Product;

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

@@ -51,23 +51,26 @@ var Cart = function Cart() {
       });
     });
   }, [carts, platform]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-lowcode__shopping-cart')
-  }, isProductList ? /*#__PURE__*/React.createElement(Product, {
-    id: undefined,
-    lists: state === null || state === void 0 ? void 0 : state.products
-  }) : /*#__PURE__*/React.createElement(Collapse, _extends({
-    items: cartsMap,
-    showHeader: true,
-    panelBackground: "#ffffff",
-    collapsible: platform !== 'shop' ? 'disabled' : '-',
-    accordion: platform === 'shop',
-    onChange: function onChange(key) {
-      updateState({
-        activeKey: key
-      });
-      onActiveKey(key);
-    }
-  }, collapseParams)));
+  return useMemo(function () {
+    console.log('render cart 22222');
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames('pisell-lowcode__shopping-cart')
+    }, isProductList ? /*#__PURE__*/React.createElement(Product, {
+      id: undefined,
+      lists: state === null || state === void 0 ? void 0 : state.products
+    }) : /*#__PURE__*/React.createElement(Collapse, _extends({
+      items: cartsMap,
+      showHeader: true,
+      panelBackground: "#ffffff",
+      collapsible: platform !== 'shop' ? 'disabled' : '-',
+      accordion: platform === 'shop',
+      onChange: function onChange(key) {
+        updateState({
+          activeKey: key
+        });
+        onActiveKey(key);
+      }
+    }, collapseParams)));
+  }, [isProductList, cartsMap, platform, collapseParams, state === null || state === void 0 ? void 0 : state.products]);
 };
 export default Cart;

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;

package/es/components/subTotal/index.less

@@ -14,7 +14,7 @@
 
   .pisell-lowcode__subtotal-item-label {
     color: var(--Base-Black, #000);
-    font-size: 16px;
+    font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 24px;