@pisell/private-materials 3.3.88 → 3.3.90

package/es/components/Sales/Summary/utils.d.ts

@@ -10,6 +10,11 @@ interface PriceDetail {
     taxTitle?: string;
     totalTaxFee?: string;
     isPriceIncludeTax?: 0 | 1;
+    deposit?: {
+        total: string;
+        protocols: any[];
+        hasDeposit: boolean;
+    };
 }
 /**
  * 计算商品小计（不含其他费用）
@@ -33,4 +38,14 @@ export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => "0.0
  * @returns 价格明细对象
  */
 export declare const calculatePriceDetails: (shopInfo: any, items: CartItem[]) => PriceDetail;
+/**
+ * @title: 计算定金
+ * @param items - 购物车商品数组
+ * @returns 定金字符串，保留2位小数
+ */
+export declare const calculateDeposit: (items: CartItem[]) => {
+    total: string;
+    protocols: any[];
+    hasDeposit: never;
+} | undefined;
 export {};

package/es/components/Sales/Summary/utils.js

@@ -54,11 +54,53 @@ export var calculatePriceDetails = function calculatePriceDetails(shopInfo, item
 
   // 计算总价
   var total = shopInfo !== null && shopInfo !== void 0 && shopInfo.is_price_include_tax ? subtotal : subtotal.plus(totalTaxFee);
+
+  // 计算定金
+  var deposit = calculateDeposit(items);
   return {
     subtotal: subtotal.toFixed(2),
     total: total.toFixed(2),
     taxTitle: shopInfo === null || shopInfo === void 0 ? void 0 : shopInfo.tax_title,
     totalTaxFee: totalTaxFee.toFixed(2),
-    isPriceIncludeTax: shopInfo === null || shopInfo === void 0 ? void 0 : shopInfo.is_price_include_tax
+    isPriceIncludeTax: shopInfo === null || shopInfo === void 0 ? void 0 : shopInfo.is_price_include_tax,
+    deposit: deposit
   };
+};
+
+/**
+ * @title: 计算定金
+ * @param items - 购物车商品数组
+ * @returns 定金字符串，保留2位小数
+ */
+export var calculateDeposit = function calculateDeposit(items) {
+  if (!(items !== null && items !== void 0 && items.length)) {
+    return undefined;
+  }
+  var protocols = [];
+  var hasDeposit = false;
+  var total = items.reduce(function (sum, item) {
+    if (item !== null && item !== void 0 && item.deposit) {
+      var _item$deposit, _item$deposit2;
+      hasDeposit = true;
+      var cartItemTotalPrice = new Decimal((item === null || item === void 0 || (_item$deposit = item.deposit) === null || _item$deposit === void 0 ? void 0 : _item$deposit.total) || 0);
+      // 将协议数据去重合并
+      item === null || item === void 0 || (_item$deposit2 = item.deposit) === null || _item$deposit2 === void 0 || (_item$deposit2 = _item$deposit2.protocols) === null || _item$deposit2 === void 0 || _item$deposit2.forEach(function (protocol) {
+        if (protocols.findIndex(function (p) {
+          return p.id === protocol.id;
+        }) === -1) {
+          protocols.push(protocol);
+        }
+      });
+      return sum.plus(cartItemTotalPrice);
+    }
+    return sum;
+  }, new Decimal(0));
+  if (hasDeposit) {
+    return {
+      total: total.toFixed(2),
+      protocols: protocols,
+      hasDeposit: hasDeposit
+    };
+  }
+  return undefined;
 };

package/es/components/appointmentBooking/components/Cart/Item/index.less

@@ -1,5 +1,5 @@
 .appointment-cart-item-wrap {
-  height: calc(100vh - 100px);
+  height: calc(var(--vh, 1vh) * 100 - 100px);
   display: flex;
   flex-direction: column;
 
@@ -39,7 +39,7 @@
   flex-direction: column;
   align-items: start;
 
-  >div {
+  > div {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -105,4 +105,4 @@
     flex: none;
     z-index: 10;
   }
-}
+}

package/es/components/appointmentBooking/components/Content/index.less

@@ -107,7 +107,7 @@
     margin-top: 0;
 
     .appointment-cart-item-wrap {
-      height: calc(100vh - 16px) !important;
+      height: calc(var(--vh, 1vh) * 100 - 16px) !important;
     }
   }
 }

package/es/components/appointmentBooking/components/Deposit/index.d.ts

@@ -1,3 +1,9 @@
 import './index.less';
+export declare const DepositContent: (props: {
+    isAgreeDepositPolicy: boolean;
+    setIsAgreeDepositPolicy: (value: boolean) => void;
+    deposit: any;
+    depositProtocolRequest?: any;
+}) => JSX.Element;
 declare const Deposit: () => JSX.Element;
 export default Deposit;

package/es/components/appointmentBooking/components/Deposit/index.js

@@ -4,12 +4,11 @@ import AppointmentDeposit from "../../deposit";
 import { useAppointmentBookingContext } from "../../context";
 import { locales } from '@pisell/utils';
 import "./index.less";
-var Deposit = function Deposit() {
-  var _useAppointmentBookin = useAppointmentBookingContext(),
-    setIsAgreeDepositPolicy = _useAppointmentBookin.setIsAgreeDepositPolicy,
-    isAgreeDepositPolicy = _useAppointmentBookin.isAgreeDepositPolicy,
-    summary = _useAppointmentBookin.summary;
-  var deposit = summary.deposit;
+export var DepositContent = function DepositContent(props) {
+  var isAgreeDepositPolicy = props.isAgreeDepositPolicy,
+    setIsAgreeDepositPolicy = props.setIsAgreeDepositPolicy,
+    deposit = props.deposit,
+    depositProtocolRequest = props.depositProtocolRequest;
   return /*#__PURE__*/React.createElement("div", {
     className: "appointment-deposit-wrap"
   }, /*#__PURE__*/React.createElement("div", {
@@ -24,7 +23,28 @@ var Deposit = function Deposit() {
     isAgreePolicy: isAgreeDepositPolicy,
     onChange: function onChange(value) {
       return setIsAgreeDepositPolicy(value);
-    }
+    },
+    depositProtocolRequest: depositProtocolRequest
   }));
 };
+var Deposit = function Deposit() {
+  var _ref = useAppointmentBookingContext(),
+    setIsAgreeDepositPolicy = _ref.setIsAgreeDepositPolicy,
+    isAgreeDepositPolicy = _ref.isAgreeDepositPolicy,
+    summary = _ref.summary,
+    appointmentBooking = _ref.appointmentBooking;
+  var deposit = summary.deposit;
+
+  // 获取协议方法需要在组件中定义才能传递给子组件，子组件无法获取到context中的方法
+  var depositProtocolRequest = function depositProtocolRequest(id) {
+    var _appointmentBooking$g;
+    return appointmentBooking === null || appointmentBooking === void 0 || (_appointmentBooking$g = appointmentBooking.getProtocol) === null || _appointmentBooking$g === void 0 ? void 0 : _appointmentBooking$g.call(appointmentBooking, id);
+  };
+  return /*#__PURE__*/React.createElement(DepositContent, {
+    isAgreeDepositPolicy: !!isAgreeDepositPolicy,
+    setIsAgreeDepositPolicy: setIsAgreeDepositPolicy,
+    deposit: deposit,
+    depositProtocolRequest: depositProtocolRequest
+  });
+};
 export default Deposit;

package/es/components/appointmentBooking/components/Footer/index.d.ts

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

package/es/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.d.ts

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

package/es/components/appointmentBooking/components/Services/index.js

@@ -85,9 +85,7 @@ var Services = /*#__PURE__*/forwardRef(function (props, ref) {
             return checkProductType(item === null || item === void 0 ? void 0 : item.id);
           case 4:
             type = _context2.sent;
-            if (type === 'session') {
-              appointmentBooking.openProductDetail(item.id);
-            }
+            appointmentBooking.openProductDetail(item.id);
           case 6:
             utils === null || utils === void 0 || utils.action({
               type: 'pisell1.productDetail',
@@ -105,6 +103,13 @@ var Services = /*#__PURE__*/forwardRef(function (props, ref) {
                   return _regeneratorRuntime().wrap(function _callee$(_context) {
                     while (1) switch (_context.prev = _context.next) {
                       case 0:
+                        if (!data.isCancel) {
+                          _context.next = 3;
+                          break;
+                        }
+                        appointmentBooking.closeProductDetail();
+                        return _context.abrupt("return");
+                      case 3:
                         product = _objectSpread(_objectSpread({}, data), {}, {
                           options: (data === null || data === void 0 ? void 0 : data.option) || []
                         });
@@ -112,31 +117,21 @@ var Services = /*#__PURE__*/forwardRef(function (props, ref) {
 
                         // 零售模版，直接加入购物车
                         if (!isRetailTemplate) {
-                          _context.next = 7;
+                          _context.next = 10;
                           break;
                         }
                         if (!(data !== null && data !== void 0 && data.isCancel)) {
-                          _context.next = 5;
+                          _context.next = 8;
                           break;
                         }
                         return _context.abrupt("return");
-                      case 5:
+                      case 8:
                         appointmentBooking.storeProduct(product);
                         return _context.abrupt("return");
-                      case 7:
-                        if (!(data !== null && data !== void 0 && data.isCancel)) {
-                          _context.next = 10;
-                          break;
-                        }
-                        if (type === 'session') {
-                          appointmentBooking.closeProductDetail();
-                          appointmentBooking.getAvailableDate();
-                        }
-                        return _context.abrupt("return");
                       case 10:
                         session = data === null || data === void 0 ? void 0 : data.session;
                         if (!session) {
-                          _context.next = 20;
+                          _context.next = 19;
                           break;
                         }
                         startDate = dayjs(session === null || session === void 0 ? void 0 : session.start_at).format('YYYY-MM-DD');
@@ -148,35 +143,36 @@ var Services = /*#__PURE__*/forwardRef(function (props, ref) {
                             endTime: "".concat(endDate, " ").concat(session === null || session === void 0 ? void 0 : session.end_time)
                           }
                         });
-                        appointmentBooking.closeProductDetail();
-                        _context.next = 18;
+                        _context.next = 17;
                         return appointmentBooking.getAvailableDate({
                           startDate: startDate,
                           endDate: endDate
                         });
-                      case 18:
-                        _context.next = 28;
+                      case 17:
+                        _context.next = 27;
                         break;
-                      case 20:
+                      case 19:
                         resources = (data === null || data === void 0 || (_data$origin = data.origin) === null || _data$origin === void 0 || (_data$origin = _data$origin.product_resource) === null || _data$origin === void 0 ? void 0 : _data$origin.resources) || [];
                         activeStatus = resources.find(function (item) {
                           return item.status === 1;
                         });
                         if (!(!activeStatus && !appointmentBooking.isTargetNormalProduct(data === null || data === void 0 ? void 0 : data.origin))) {
-                          _context.next = 24;
+                          _context.next = 23;
                           break;
                         }
                         return _context.abrupt("return", Toast(locales.getText('pisell2.appointment.no.available.service')));
-                      case 24:
+                      case 23:
                         appointmentBooking.storeProduct(product);
                         // duration 类型的商品，要获取一下资源，在先选日期的 duration 步骤里目前只能通过这个动作拉取
                         if (!(type === 'duration')) {
-                          _context.next = 28;
+                          _context.next = 27;
                           break;
                         }
-                        _context.next = 28;
+                        _context.next = 27;
                         return appointmentBooking.getAvailableDate();
-                      case 28:
+                      case 27:
+                        appointmentBooking.closeProductDetail();
+
                         // 先选择日期流程
                         if (isDateSelectedFirst) {
                           index = (currentStep === null || currentStep === void 0 ? void 0 : currentStep.index) + 2; //先选择日期流程：如果商品类型是duration的商品，则需要增加选择时间步骤

package/es/components/appointmentBooking/deposit/components/PolicyModal/index.js

@@ -12,7 +12,6 @@ import React, { useState, useEffect } from 'react';
 import { Spin } from 'antd';
 import { PisellModal, PisellEmpty, Button, Checkbox } from '@pisell/materials';
 import { locales, isMobile } from '@pisell/utils';
-import { useAppointmentBookingContext } from "../../../context";
 import "./index.less";
 var DepositModal = function DepositModal(props) {
   var open = props.open,
@@ -21,9 +20,8 @@ var DepositModal = function DepositModal(props) {
     onChange = props.onChange,
     onConfirm = props.onConfirm,
     _props$isHideCheckout = props.isHideCheckout,
-    isHideCheckout = _props$isHideCheckout === void 0 ? true : _props$isHideCheckout;
-  var _useAppointmentBookin = useAppointmentBookingContext(),
-    appointmentBooking = _useAppointmentBookin.appointmentBooking;
+    isHideCheckout = _props$isHideCheckout === void 0 ? true : _props$isHideCheckout,
+    depositProtocolRequest = props.depositProtocolRequest;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     policy = _useState2[0],
@@ -50,35 +48,42 @@ var DepositModal = function DepositModal(props) {
    */
   var getPolicy = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
-      var _yield$appointmentBoo, data;
+      var _yield$depositProtoco, data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
+            if (depositProtocolRequest) {
+              _context.next = 3;
+              break;
+            }
+            console.error('depositProtocolRequest is not defined');
+            return _context.abrupt("return");
+          case 3:
             setLoading(true);
-            _context.prev = 1;
-            _context.next = 4;
-            return appointmentBooking.getProtocol(id);
-          case 4:
-            _yield$appointmentBoo = _context.sent;
-            data = _yield$appointmentBoo.data;
+            _context.prev = 4;
+            _context.next = 7;
+            return depositProtocolRequest === null || depositProtocolRequest === void 0 ? void 0 : depositProtocolRequest(id);
+          case 7:
+            _yield$depositProtoco = _context.sent;
+            data = _yield$depositProtoco.data;
             setPolicy(data);
             onChange && onChange(data);
-            _context.next = 14;
+            _context.next = 17;
             break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](1);
+          case 13:
+            _context.prev = 13;
+            _context.t0 = _context["catch"](4);
             console.log(_context.t0);
             onChange && onChange(_context.t0);
-          case 14:
-            _context.prev = 14;
-            setLoading(false);
-            return _context.finish(14);
           case 17:
+            _context.prev = 17;
+            setLoading(false);
+            return _context.finish(17);
+          case 20:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 10, 14, 17]]);
+      }, _callee, null, [[4, 13, 17, 20]]);
     }));
     return function getPolicy(_x) {
       return _ref.apply(this, arguments);

package/es/components/appointmentBooking/deposit/index.js

@@ -21,7 +21,8 @@ var Deposit = function Deposit(props) {
     isAgreePolicy = _props$isAgreePolicy === void 0 ? true : _props$isAgreePolicy,
     _props$isShowTitle = props.isShowTitle,
     isShowTitle = _props$isShowTitle === void 0 ? true : _props$isShowTitle,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    depositProtocolRequest = props.depositProtocolRequest;
   var context = useEngineContext();
   // 打开协议弹窗
   var _useState = useState(false),
@@ -95,7 +96,8 @@ var Deposit = function Deposit(props) {
     onCancel: function onCancel() {
       return setVisible(false);
     },
-    item: policyItem
+    item: policyItem,
+    depositProtocolRequest: depositProtocolRequest
   }));
 };
 export default Deposit;

package/es/components/appointmentBooking/index.js

@@ -27,6 +27,20 @@ var AppointmentBooking = function AppointmentBooking() {
       }
     });
   }, []);
+  useEffect(function () {
+    var setRealVH = function setRealVH() {
+      // window.innerHeight 会返回视口真实的高度（不包括工具栏）
+      var vh = window.innerHeight * 0.01;
+      document.documentElement.style.setProperty('--vh', "".concat(vh, "px"));
+    };
+
+    // 页面加载和窗口大小变化时都重新计算
+    setRealVH();
+    window.addEventListener('resize', setRealVH);
+    return function () {
+      window.removeEventListener('resize', setRealVH);
+    };
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: "parallel-booking-wrap ".concat(isMobile() ? 'parallel-booking-mobile-wrap' : '')
   }, /*#__PURE__*/React.createElement(AppointmentBookingProvider, null, /*#__PURE__*/React.createElement(Content, null)));

package/es/components/appointmentBooking/index.less

@@ -3,7 +3,7 @@
   flex-direction: column;
   align-items: center;
   background: #ffffff;
-  height: 100vh;
+  height: calc(var(--vh, 1vh) * 100);
   overflow-y: auto;
 
   .pisell-section-headers {

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

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

package/es/components/booking/components/footer/utils.d.ts

@@ -27,6 +27,7 @@ export interface ResourceItem {
  * @Author: jinglin.tan
  */
 export declare const checkSubResourcesCapacity: (resource: ResourceItem) => void;
+export declare const checkResourcesFormat: (resources: any[], service: any, isChild?: boolean) => any[];
 /**
  * @title: 格式化商品单价
  * @description:

package/es/components/booking/components/footer/utils.js

@@ -152,7 +152,7 @@ export var checkSubResourcesCapacity = function checkSubResourcesCapacity(resour
     });
   }
 };
-var checkResourcesFormat = function checkResourcesFormat(resources, service, isChild) {
+export var checkResourcesFormat = function checkResourcesFormat(resources, service, isChild) {
   return resources.map(function (resource) {
     var _resource$children;
     if (!isChild) {

package/es/components/booking/components/formItemChildrenWrap/index.d.ts

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

package/es/components/booking/components/voucher/index.js

@@ -26,8 +26,8 @@ import useEngineContext from "../../../../hooks/useEngineContext";
 import { PisellInput, PisellGoodPassCard, PisellToast } from '@pisell/materials';
 import { useIsBooking4Shop } from "../../hooks/useIsBooking4Shop";
 import "./index.less";
-import { getServiceAddons } from "./utils";
 import { useMemoizedFn, useDebounceFn, useDebounceEffect } from 'ahooks';
+import { getServiceAddons } from "./utils";
 var ShopDiscountHooks = {
   onInited: 'shopDiscount:onInited',
   onDestroy: 'shopDiscount:onDestroy',
@@ -275,8 +275,8 @@ var VoucherCard = function VoucherCard(props) {
     style: {
       width: '100%'
     },
-    mixedSort: mixedSort,
     dataSource: (_state$service2 = state.service) !== null && _state$service2 !== void 0 && (_state$service2 = _state$service2.value) !== null && _state$service2 !== void 0 && _state$service2.length ? availableData : [],
+    mixedSort: mixedSort,
     onChange: function onChange(val) {
       var shopDiscount = pisellos.getModule('shopDiscount');
       var detail = shopDiscount.setDiscountSelected({

package/es/components/booking/editBookingModal/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { EditBookingModalProps } from './type';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<EditBookingModalProps & React.RefAttributes<unknown>>;
+export default _default;