@pisell/private-materials 3.2.22 → 3.2.23

package/es/components/appointmentBooking/assets/guests.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.6 18.8a1 1 0 0 1-1.4-.2A6.45 6.45 0 0 0 24 16a1 1 0 0 1 0-2 3 3 0 1 0-2.905-3.75 1 1 0 0 1-1.937-.5 5 5 0 1 1 8.217 4.939 8.5 8.5 0 0 1 3.429 2.71A1 1 0 0 1 30.6 18.8m-6.735 7.7a1 1 0 1 1-1.73 1 7.125 7.125 0 0 0-12.27 0 1 1 0 1 1-1.73-1 9 9 0 0 1 4.217-3.74 6 6 0 1 1 7.296 0 9 9 0 0 1 4.217 3.74M16 22a4 4 0 1 0 0-8 4 4 0 0 0 0 8m-7-7a1 1 0 0 0-1-1 3 3 0 1 1 2.905-3.75 1 1 0 0 0 1.938-.5 5 5 0 1 0-8.218 4.939 8.5 8.5 0 0 0-3.425 2.71A1 1 0 1 0 2.8 18.6 6.45 6.45 0 0 1 8 16a1 1 0 0 0 1-1"></path></svg>

package/es/components/appointmentBooking/components/Cart/ContinueButton/index.js

@@ -10,23 +10,14 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useMemo, useState } from 'react';
 import { locales } from '@pisell/utils';
-import { Button, PisellToast } from '@pisell/materials';
-// import {
-//   useCart,
-//   useHolder,
-//   useStep,
-//   useCheckout,
-//   useSales,
-//   useCustomer,
-// } from '../../../../../Sales';
-import { formatValues } from "../../../../Sales/Checkout/utils";
-// import OrderProductModal from '../../OrderProductModal/index';
-// import EmptyHolderModal from '../../EmptyHolderModal';
+import { Button } from '@pisell/materials';
 import useEngineContext from "../../../../../hooks/useEngineContext";
-import { useAppointmentBookingLogin } from "../../../hooks";
+import { useAppointmentBookingLogin, useAppointmentBookingResource, useAppointmentBookingAccount } from "../../../hooks";
 import { useAppointmentBookingContext } from "../../../context";
+import { formatCustomer } from "../../../utils";
 import "./index.less";
 var ContinueButton = function ContinueButton() {
+  var _currentStep$step2;
   var context = useEngineContext();
   var utils = context.appHelper.utils || {};
   var _useState = useState(false),
@@ -36,54 +27,33 @@ var ContinueButton = function ContinueButton() {
   var _useAppointmentBookin = useAppointmentBookingLogin(),
     isLogin = _useAppointmentBookin.isLogin,
     openLoginModal = _useAppointmentBookin.openLoginModal;
-  var _useAppointmentBookin2 = useAppointmentBookingContext(),
-    currentStep = _useAppointmentBookin2.currentStep,
-    isLastStep = _useAppointmentBookin2.isLastStep,
-    carts = _useAppointmentBookin2.carts,
-    appointmentBooking = _useAppointmentBookin2.appointmentBooking;
-  var data = {};
-  var createBooking = {
-    loading: false
-  };
-  var checkBeforeBooking = {
-    loading: false
-  };
+  var _useAppointmentBookin2 = useAppointmentBookingAccount(),
+    accountLists = _useAppointmentBookin2.accountLists;
+  var _useAppointmentBookin3 = useAppointmentBookingContext(),
+    currentStep = _useAppointmentBookin3.currentStep,
+    isLastStep = _useAppointmentBookin3.isLastStep,
+    carts = _useAppointmentBookin3.carts,
+    appointmentBooking = _useAppointmentBookin3.appointmentBooking,
+    resourceOtherParams = _useAppointmentBookin3.resourceOtherParams;
+  var _useAppointmentBookin4 = useAppointmentBookingResource(),
+    getResourceTimeSlot = _useAppointmentBookin4.getResourceTimeSlot;
+  var disabled = useMemo(function () {
+    var _currentStep$step, _resourceOtherParams$;
+    var key = currentStep === null || currentStep === void 0 || (_currentStep$step = currentStep.step) === null || _currentStep$step === void 0 ? void 0 : _currentStep$step.key;
+    if (!carts.length) return true;
 
-  /**
-   * @title: 下单
-   * @description:
-   * @return {*}
-   * @Author: WangHan
-   * @Date: 2025-02-10 17:54
-   */
-  var handleCheckout = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var value, result, _result$err;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            value = formatValues(data); // 如果检测成功，则直接下单
-            // const result = await onCheckout(value);
-            result = {
-              success: true
-            }; // 清空数据
-            if (result !== null && result !== void 0 && result.success) {
-              // removeSessionStorage();
-            } else {
-              PisellToast({
-                content: (result === null || result === void 0 || (_result$err = result.err) === null || _result$err === void 0 ? void 0 : _result$err.message) || ''
-              });
-            }
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleCheckout() {
-      return _ref.apply(this, arguments);
-    };
-  }();
+    // 选择资源部分需要判断是否有不可用的资源
+    if (key === 'select-resource' && (resourceOtherParams === null || resourceOtherParams === void 0 || (_resourceOtherParams$ = resourceOtherParams.errorList) === null || _resourceOtherParams$ === void 0 ? void 0 : _resourceOtherParams$.length) > 0) {
+      return true;
+    }
+
+    // 如果是选择服务页面，则判断是否账户下有空的购物车
+    // if (key === 'select-service' && isEmptyGuest(carts, accountLists)) {
+    //   return true;
+    // }
+
+    return false;
+  }, [currentStep === null || currentStep === void 0 || (_currentStep$step2 = currentStep.step) === null || _currentStep$step2 === void 0 ? void 0 : _currentStep$step2.key, carts, accountLists, resourceOtherParams === null || resourceOtherParams === void 0 ? void 0 : resourceOtherParams.errorList]);
 
   /**
    * @title: 下一步
@@ -93,50 +63,65 @@ var ContinueButton = function ContinueButton() {
    * @Date: 2025-02-08 18:57
    */
   var handleNextStep = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _currentStep$step3, _currentStep$step4;
       var res;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!isLastStep) {
-              _context2.next = 16;
+              _context.next = 14;
               break;
             }
             setLoading(true);
-            _context2.prev = 2;
-            _context2.next = 5;
+            _context.prev = 2;
+            _context.next = 5;
             return appointmentBooking.submitOrder();
           case 5:
-            res = _context2.sent;
-            console.log(isLastStep, isLogin, res, 'wh9896788');
+            res = _context.sent;
             utils.action({
               type: 'pisell1.payment',
               data: res === null || res === void 0 ? void 0 : res.data,
               callback: function callback(e) {
-                console.log(e, 'wh9896788');
+                console.log(e, currentStep, 'wh9896788');
+                // PisellToast({
+                //   content: result?.err?.message || '',
+                // });
                 // checkoutCallback.current && checkoutCallback.current(e);
               }
             });
             setLoading(false);
-            _context2.next = 15;
+            _context.next = 13;
             break;
-          case 11:
-            _context2.prev = 11;
-            _context2.t0 = _context2["catch"](2);
-            console.log(isLastStep, isLogin, _context2.t0, 'wh9896788');
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](2);
             setLoading(false);
-          case 15:
-            return _context2.abrupt("return");
-          case 16:
-            return _context2.abrupt("return", appointmentBooking.next());
+          case 13:
+            return _context.abrupt("return");
+          case 14:
+            if ((currentStep === null || currentStep === void 0 || (_currentStep$step3 = currentStep.step) === null || _currentStep$step3 === void 0 ? void 0 : _currentStep$step3.key) === 'select-resource') {
+              getResourceTimeSlot('resources');
+            }
+            if ((currentStep === null || currentStep === void 0 || (_currentStep$step4 = currentStep.step) === null || _currentStep$step4 === void 0 ? void 0 : _currentStep$step4.key) === 'select-time') {
+              // getResourceTimeSlot('resources');
+              // const { errorList } =
+              //   await appointmentBooking.autoSelectAllProductResources(
+              //     'sites',
+              //     selectedTime
+              //   );
+              // const result = await appointmentBooking.submitTimeSlot(selectedTime);
+              // console.log(errorList, result, 'wh9896788');
+            }
+            return _context.abrupt("return", appointmentBooking.next());
           case 17:
           case "end":
-            return _context2.stop();
+            return _context.stop();
         }
-      }, _callee2, null, [[2, 11]]);
+      }, _callee, null, [[2, 10]]);
     }));
     return function handleNextStep() {
-      return _ref2.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
   }();
 
@@ -148,21 +133,28 @@ var ContinueButton = function ContinueButton() {
    * @Date: 2025-01-16 16:30
    */
   var handleContinue = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!isLastStep) {
-              _context3.next = 3;
+              _context2.next = 3;
               break;
             }
             if (isLogin) {
-              _context3.next = 3;
+              _context2.next = 3;
               break;
             }
-            return _context3.abrupt("return", openLoginModal({
+            return _context2.abrupt("return", openLoginModal({
               callback: function callback(status) {
+                var _utils$store;
+                var user = (_utils$store = utils.store) === null || _utils$store === void 0 || (_utils$store = _utils$store.getState()) === null || _utils$store === void 0 || (_utils$store = _utils$store.global) === null || _utils$store === void 0 ? void 0 : _utils$store.userInfo;
+                var currentUser = formatCustomer(user);
+                var meAccount = accountLists === null || accountLists === void 0 ? void 0 : accountLists.find(function (d) {
+                  return !(d !== null && d !== void 0 && d.isGuest);
+                });
                 if (status === 'success') {
+                  appointmentBooking.setLoginAccount(meAccount === null || meAccount === void 0 ? void 0 : meAccount.id, currentUser);
                   handleNextStep();
                 }
               }
@@ -171,12 +163,12 @@ var ContinueButton = function ContinueButton() {
             handleNextStep();
           case 4:
           case "end":
-            return _context3.stop();
+            return _context2.stop();
         }
-      }, _callee3);
+      }, _callee2);
     }));
     return function handleContinue() {
-      return _ref3.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
 
@@ -195,21 +187,8 @@ var ContinueButton = function ContinueButton() {
       return locales.getText('pisell2.event.close.continue');
     }
   }, [isLastStep]);
-
-  /**
-   * @title: 确认按钮loading
-   * @description:
-   * @param {*} useMemo
-   * @return {*}
-   * @Author: WangHan
-   * @Date: 2025-01-21 23:03
-   */
-  var confirmLoading = useMemo(function () {
-    if (!isLastStep) return false;
-    return (createBooking === null || createBooking === void 0 ? void 0 : createBooking.loading) || (checkBeforeBooking === null || checkBeforeBooking === void 0 ? void 0 : checkBeforeBooking.loading);
-  }, [isLastStep, createBooking === null || createBooking === void 0 ? void 0 : createBooking.loading, checkBeforeBooking === null || checkBeforeBooking === void 0 ? void 0 : checkBeforeBooking.loading]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    disabled: !(carts !== null && carts !== void 0 && carts.length),
+    disabled: disabled,
     size: "large",
     type: "primary",
     onClick: function onClick() {

package/es/components/appointmentBooking/components/Cart/Item/Total.js

@@ -18,6 +18,7 @@ var Total = function Total(_ref) {
     totalTaxFee = summary.totalTaxFee,
     isPriceIncludeTax = summary.isPriceIncludeTax,
     total = summary.total;
+  console.log(summary, 'summarysummary');
   return /*#__PURE__*/React.createElement("div", {
     className: "event-total-wrap ".concat(className)
   }, !isPriceIncludeTax && Number(totalTaxFee) > 0 ? /*#__PURE__*/React.createElement("div", {

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

@@ -1,26 +1,32 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { useMemo } from 'react';
 import { isMobile, locales } from '@pisell/utils';
 import ShoppingCart from "../../../../shoppingCart";
 import ContinueButton from "../ContinueButton";
-import { useAppointmentBookingAccount, useAppointmentBooking } from "../../../hooks";
+import { useAppointmentBooking } from "../../../hooks";
 import { useAppointmentBookingContext } from "../../../context";
-import Total from "./Total";
-import { formatHolder, formatCarts } from "../../../utils";
+import { useAppointmentBookingAccount } from "../../../hooks";
+import { formatHolder, formatCarts, formatCurrentUser } from "../../../utils";
 import VoucherCard from "../../Voucher";
+import Total from "./Total";
 import "./index.less";
 var CartItem = function CartItem() {
   var _currentStep$step, _currentStep$step2;
   var appointmentBooking = useAppointmentBooking();
-  var appointmentBookingAccount = useAppointmentBookingAccount();
   var _useAppointmentBookin = useAppointmentBookingContext(),
     carts = _useAppointmentBookin.carts,
-    summary = _useAppointmentBookin.summary,
     isLastStep = _useAppointmentBookin.isLastStep,
     currentStep = _useAppointmentBookin.currentStep,
     resources = _useAppointmentBookin.resources;
-  var accountLists = appointmentBookingAccount.accountLists,
-    currentUser = appointmentBookingAccount.currentUser;
-  console.log(summary, carts, formatCarts(carts, resources), 'accountLists');
+  var _useAppointmentBookin2 = useAppointmentBookingAccount(),
+    accountLists = _useAppointmentBookin2.accountLists;
+  console.log(accountLists, 'wh97879678');
+  var currentUser = formatCurrentUser();
   var holderIds = useMemo(function () {
     return accountLists.map(function (item) {
       return item.id;
@@ -29,24 +35,30 @@ var CartItem = function CartItem() {
   var holders = useMemo(function () {
     return formatHolder(accountLists);
   }, [accountLists]);
-  var handleClickCard = function handleClickCard(e, type, key) {
-    console.log(e, type, key, 'wh9988767');
-
+  var handleClickCard = function handleClickCard(e, type, val) {
     // 更改备注
     if (type === 'note') {
-      return appointmentBooking.updateCart(e === null || e === void 0 ? void 0 : e._id, {
-        products: e
-      });
+      return appointmentBooking.updateCart(_objectSpread({
+        _id: e === null || e === void 0 ? void 0 : e._id
+      }, val));
     }
 
     // 删除购物车下某个商品
     if (type === 'delete') {
-      // return appointmentBooking.updateCart(e?._id, { products: e });
+      return appointmentBooking.deleteCart(e === null || e === void 0 ? void 0 : e._id);
     }
 
     // 删除购物车
     if (type === 'delete_holders') {
-      return appointmentBooking.removeAccount(key);
+      return appointmentBooking.removeAccount(val);
+    }
+
+    // 更改资源
+    if (type === 'change_resource') {
+      return appointmentBooking.updateCart({
+        _id: e === null || e === void 0 ? void 0 : e._id,
+        resources: [val]
+      });
     }
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -60,7 +72,8 @@ var CartItem = function CartItem() {
       holders: holders,
       disabledEdit: isLastStep,
       isShowChangeResource: (currentStep === null || currentStep === void 0 || (_currentStep$step = currentStep.step) === null || _currentStep$step === void 0 ? void 0 : _currentStep$step.key) === 'select-resource',
-      isShowDelete: (currentStep === null || currentStep === void 0 || (_currentStep$step2 = currentStep.step) === null || _currentStep$step2 === void 0 ? void 0 : _currentStep$step2.index) < 2
+      isShowDelete: (currentStep === null || currentStep === void 0 || (_currentStep$step2 = currentStep.step) === null || _currentStep$step2 === void 0 ? void 0 : _currentStep$step2.key) === 'select-service',
+      isShowPackageNote: false
     },
     collapseParams: {
       activeKey: holderIds,
@@ -69,11 +82,12 @@ var CartItem = function CartItem() {
     platform: "h5",
     emptyText: locales.getText('pisell2.event.empty.service'),
     isOpenGroup: !!(holderIds !== null && holderIds !== void 0 && holderIds.length),
+    isHideClearCart: true,
     onChange: function onChange(e, type, key) {
       return handleClickCard(e, type, key);
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: "event-footer"
+    className: "appointment-footer"
   }, /*#__PURE__*/React.createElement(VoucherCard, {
     currentUser: currentUser,
     products: carts

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

@@ -2,7 +2,10 @@
   height: 100%;
   .content {
     background: #fff;
-    padding: 20px;
+    padding: 0 16px;
+    max-height: 60vh;
+    overflow-y: auto;
+
     .pisell-lowcode__shopping-cart-content {
       .ant-card-body {
         padding: 0;
@@ -10,9 +13,9 @@
     }
   }
 
-  .event-footer {
+  .appointment-footer {
     background: #fff;
-    padding: 20px;
+    padding: 10px 16px 0;
     display: flex;
     flex-direction: column;
     gap: 14px;
@@ -74,7 +77,7 @@
     overflow-y: auto;
     padding: 0 0 140px;
   }
-  .event-footer {
+  .appointment-footer {
     z-index: 10;
     position: fixed;
     bottom: 0;

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

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

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

@@ -14,30 +14,30 @@ import Date from "../Date";
 import Resource from "../Resource";
 import TimeSlicing from "../TimeSlicing";
 import Guest from "../Guest";
-import { useAppointmentBookingStep, useAppointmentBookingCart } from "../../hooks";
 import { useAppointmentBookingContext } from "../../context";
+import { useAppointmentBookingCart, useAppointmentBookingStep } from "../../hooks";
 import "./index.less";
 var Layout = function Layout() {
-  var _currentStep$step2, _currentStep$step4, _currentStep$step5;
-  var appointmentBookingStep = useAppointmentBookingStep();
-  var appointmentBookingCart = useAppointmentBookingCart();
+  var _currentStep$step, _currentStep$step3, _currentStep$step4;
   var _useAppointmentBookin = useAppointmentBookingContext(),
     currentStep = _useAppointmentBookin.currentStep;
+
+  // 不要删除
+  useAppointmentBookingCart();
+  useAppointmentBookingStep();
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     params = _useState2[0],
     setParams = _useState2[1];
   useEffect(function () {
-    var _currentStep$step;
-    console.log(currentStep === null || currentStep === void 0 || (_currentStep$step = currentStep.step) === null || _currentStep$step === void 0 ? void 0 : _currentStep$step.key, 'whcurrentStep?.step?.key');
     window.scrollTo({
       top: 0,
       behavior: 'smooth'
     });
-  }, [currentStep === null || currentStep === void 0 || (_currentStep$step2 = currentStep.step) === null || _currentStep$step2 === void 0 ? void 0 : _currentStep$step2.key]);
+  }, [currentStep === null || currentStep === void 0 || (_currentStep$step = currentStep.step) === null || _currentStep$step === void 0 ? void 0 : _currentStep$step.key]);
   var Com = useMemo(function () {
-    var _currentStep$step3;
-    var key = currentStep === null || currentStep === void 0 || (_currentStep$step3 = currentStep.step) === null || _currentStep$step3 === void 0 ? void 0 : _currentStep$step3.key;
+    var _currentStep$step2;
+    var key = currentStep === null || currentStep === void 0 || (_currentStep$step2 = currentStep.step) === null || _currentStep$step2 === void 0 ? void 0 : _currentStep$step2.key;
     if (!key) return null;
     var components = {
       // 选择服务
@@ -56,7 +56,7 @@ var Layout = function Layout() {
       onChange: setParams,
       params: params
     });
-  }, [currentStep === null || currentStep === void 0 || (_currentStep$step4 = currentStep.step) === null || _currentStep$step4 === void 0 ? void 0 : _currentStep$step4.key]);
+  }, [currentStep === null || currentStep === void 0 || (_currentStep$step3 = currentStep.step) === null || _currentStep$step3 === void 0 ? void 0 : _currentStep$step3.key]);
 
   /**
    * @title: 动态计算中间内容区域的高度
@@ -80,7 +80,7 @@ var Layout = function Layout() {
         content.style.overflowY = 'auto';
       }
     }
-  }, [currentStep === null || currentStep === void 0 || (_currentStep$step5 = currentStep.step) === null || _currentStep$step5 === void 0 ? void 0 : _currentStep$step5.key]);
+  }, [currentStep === null || currentStep === void 0 || (_currentStep$step4 = currentStep.step) === null || _currentStep$step4 === void 0 ? void 0 : _currentStep$step4.key]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement("div", {
     className: "parallel-content-wrap ".concat(isMobile() ? 'parallel-content-mobile-wrap' : '')
   }, /*#__PURE__*/React.createElement("div", {

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

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

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

@@ -18,30 +18,35 @@ import { Skeleton } from 'antd';
 import Dayjs from 'dayjs';
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
 Dayjs.extend(isSameOrBefore);
-import { weekListText } from "./state";
 import classNames from 'classnames';
+import { locales } from '@pisell/utils';
 import { CaretLeftOutlined, CaretRightOutlined } from '@ant-design/icons';
 import { useAppointmentBookingContext } from "../../context";
 import "./index.less";
 var CalendarDate = function CalendarDate(props) {
-  var _useState = useState(),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    currentDate = _useState2[0],
-    setCurrentDate = _useState2[1];
-  // 生成7天的时间列表
-  var _useState3 = useState([]),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
-    dateMonthList = _useState4[0],
-    setDateMonthList = _useState4[1];
+    currentDate = _useState4[0],
+    setCurrentDate = _useState4[1];
+  // 生成7天的时间列表
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    dateMonthList = _useState6[0],
+    setDateMonthList = _useState6[1];
   // 切换的月份
-  var _useState5 = useState(function () {
+  var _useState7 = useState(function () {
       return Dayjs();
     }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    currentMonth = _useState6[0],
-    setCurrentMonth = _useState6[1];
+    _useState8 = _slicedToArray(_useState7, 2),
+    currentMonth = _useState8[0],
+    setCurrentMonth = _useState8[1];
   var _useAppointmentBookin = useAppointmentBookingContext(),
     appointmentBooking = _useAppointmentBookin.appointmentBooking;
+  var weekListText = [locales.getText('pisell2.appointment.sunday'), locales.getText('pisell2.appointment.monday'), locales.getText('pisell2.appointment.tuesday'), locales.getText('pisell2.appointment.wednesday'), locales.getText('pisell2.appointment.thursday'), locales.getText('pisell2.appointment.friday'), locales.getText('pisell2.appointment.saturday')];
 
   // 计算开始渲染的列
   var startingColumn = 0 % 7; // 0 表示星期日
@@ -98,30 +103,36 @@ var CalendarDate = function CalendarDate(props) {
   };
   var getDates = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(date) {
-      var startDate, endDate, params, data, firstAvailableDate, baseMonthData, updatedDates;
+      var startDate, endDate, params, data, selected, firstAvailableDate, baseMonthData, updatedDates;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
+            _context.prev = 0;
             startDate = Dayjs(date).startOf('month').format('YYYY-MM-DD');
             endDate = Dayjs(date).endOf('month').format('YYYY-MM-DD');
             params = {
               startDate: startDate,
               endDate: endDate
             };
-            _context.next = 5;
+            _context.next = 6;
             return appointmentBooking.getAvailableDate(params);
-          case 5:
+          case 6:
             data = _context.sent;
-            console.log(data, params, date, date.format('YYYY-MM') === Dayjs().format('YYYY-MM'), 'wh78968');
-
-            // 当前月则默认选中当前第一个可用的
-
-            if (date.format('YYYY-MM') === Dayjs().format('YYYY-MM')) {
-              firstAvailableDate = data.find(function (d) {
-                return d.status === 'available';
-              });
-              setCurrentDate(firstAvailableDate === null || firstAvailableDate === void 0 ? void 0 : firstAvailableDate.date);
-              appointmentBooking.setDateRange([firstAvailableDate]);
+            _context.next = 9;
+            return appointmentBooking.getDateRange();
+          case 9:
+            selected = _context.sent;
+            if ((selected === null || selected === void 0 ? void 0 : selected.length) > 0) {
+              setCurrentDate(selected[0].date);
+            } else {
+              // 当前月则默认选中当前第一个可用的
+              if (date.format('YYYY-MM') === Dayjs().format('YYYY-MM')) {
+                firstAvailableDate = data.find(function (d) {
+                  return d.status === 'available';
+                });
+                setCurrentDate(firstAvailableDate === null || firstAvailableDate === void 0 ? void 0 : firstAvailableDate.date);
+                appointmentBooking.setDateRange([firstAvailableDate]);
+              }
             }
 
             // 创建基础日历数据
@@ -137,12 +148,20 @@ var CalendarDate = function CalendarDate(props) {
               }
               return day;
             });
+            setLoading(false);
             setDateMonthList(updatedDates);
-          case 11:
+            _context.next = 21;
+            break;
+          case 17:
+            _context.prev = 17;
+            _context.t0 = _context["catch"](0);
+            setLoading(false);
+            console.log(_context.t0, 'wh978968234234');
+          case 21:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[0, 17]]);
     }));
     return function getDates(_x) {
       return _ref.apply(this, arguments);
@@ -178,6 +197,7 @@ var CalendarDate = function CalendarDate(props) {
     var currentMonthText = currentMonth.format('YYYY-MM');
     var newNextMonth = Dayjs(currentMonthText).add(1, 'month');
     setCurrentMonth(newNextMonth);
+    setLoading(true);
   };
   return /*#__PURE__*/React.createElement("div", {
     className: 'calendar-date-box'
@@ -216,17 +236,14 @@ var CalendarDate = function CalendarDate(props) {
     var isCurrentMonth = Dayjs(day.date).isSame(currentMonth, 'month');
     return /*#__PURE__*/React.createElement("div", {
       key: index,
-      className: classNames('calendar-days-items', _defineProperty(_defineProperty(_defineProperty({}, 'disabledDate', day === null || day === void 0 ? void 0 : day.disabled), 'selectDate', currentDate === date), 'other-month-days', !isCurrentMonth)),
+      className: classNames('calendar-days-items', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'disabledDate', day === null || day === void 0 ? void 0 : day.disabled), 'selectDate', currentDate === date), 'other-month-days', !isCurrentMonth), 'loading-item', loading)),
       onClick: function onClick() {
         if (day !== null && day !== void 0 && day.disabled) return;
-        console.log(day, 'wh987976');
         setCurrentDate(date);
         appointmentBooking.setDateRange([day]);
       }
     }, isCurrentMonth && /*#__PURE__*/React.createElement("div", {
-      className: classNames('day-text', {
-        // ['day-line']: !disabled,
-      })
+      className: classNames('day-text')
     }, Dayjs(day.date).format('D')));
   })))));
 };

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

@@ -128,4 +128,9 @@
     background: none;
     border: none;
   }
+
+  &.loading-item {
+    background: #eaecf0;
+    cursor: not-allowed;
+  }
 }