@pisell/private-materials 3.2.12 → 3.2.17

package/es/businessModel/SalesModel/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const SalesModel: ({ children, hooks, config }: any) => JSX.Element;
 export * from './Sales';
 export default SalesModel;

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

@@ -0,0 +1,78 @@
+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, useEffect, useState } from 'react';
+// import { useStep } from '../../../../Sales';
+import { isMobile } from '@pisell/utils';
+import CartItem from "../Provider/Cart/Item";
+import Services from "../Services";
+import Date from "../Date";
+import Resource from "../Resource";
+import TimeSlicing from "../TimeSlicing";
+import "./index.less";
+var Layout = function Layout() {
+  // const { currentStepData, isFirstStep } = useStep();
+  var _useState = useState({
+      key: 'select-service'
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentStepData = _useState2[0],
+    setCurrentStepData = _useState2[1];
+  useEffect(function () {
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth'
+    });
+  }, [currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.key]);
+  var Com = useMemo(function () {
+    var key = currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.key;
+    if (!key) return null;
+    var components = {
+      // 选择服务
+      'select-service': Services,
+      // 选择时间
+      'select-date': Date,
+      // 选择资源
+      'select-resource': Resource,
+      // 时间切片
+      'select-time': TimeSlicing
+    };
+    var Com = components[key];
+    return /*#__PURE__*/React.createElement(Com, null);
+  }, [currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.key]);
+
+  /**
+   * @title: 动态计算中间内容区域的高度
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-02-18 15:36
+   */
+  useEffect(function () {
+    if (isMobile()) {
+      var _header$getBoundingCl, _footer$getBoundingCl;
+      var header = document.querySelector('.event-progress-bar');
+      var footer = document.querySelector('.pisell-section-footers-wrapper');
+      var content = document.querySelector('.event-content-mobile-wrap');
+      var headerHeight = (header === null || header === void 0 || (_header$getBoundingCl = header.getBoundingClientRect()) === null || _header$getBoundingCl === void 0 ? void 0 : _header$getBoundingCl.height) || 0;
+      var footerHeight = (footer === null || footer === void 0 || (_footer$getBoundingCl = footer.getBoundingClientRect()) === null || _footer$getBoundingCl === void 0 ? void 0 : _footer$getBoundingCl.height) || 0;
+      var windowHeight = window.innerHeight;
+      var contentHeight = windowHeight - headerHeight - footerHeight;
+      if (content && content !== null && content !== void 0 && content.style) {
+        content.style.height = "".concat(contentHeight, "px");
+        content.style.overflowY = 'auto';
+      }
+    }
+  }, [currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.key]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "parallel-content-wrap ".concat(isMobile() ? 'parallel-content-mobile-wrap' : '')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "parallel-content-left"
+  }, Com), !isMobile() ? /*#__PURE__*/React.createElement("div", {
+    className: "parallel-content-right"
+  }, /*#__PURE__*/React.createElement(CartItem, null)) : null);
+};
+export default Layout;

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

@@ -0,0 +1,51 @@
+.parallel-content-wrap {
+  width: 1000px;
+  display: flex;
+  gap: 6px;
+  // align-items: center;
+  flex: 1;
+
+  .parallel-content-left {
+    flex: 1;
+    width: 634px;
+    // padding: 16px 0;
+
+    .booking-tab-product {
+      .booking-tabs-wrap {
+        top: 77px !important;
+      }
+
+      .booking-category-list {
+        padding: 0;
+      }
+    }
+  }
+
+  .parallel-content-right {
+    margin-top: 16px;
+    width: 360px;
+    position: sticky;
+    top: 93px;
+    height: fit-content;
+  }
+}
+
+.parallel-content-mobile-wrap {
+  width: 100%;
+  flex: none;
+  .parallel-content-left {
+    width: 100%;
+    flex: none;
+    // padding: 16px 16px 0;
+
+    .booking-tab-product {
+      .booking-category-list {
+        padding: 0 20px;
+      }
+    }
+
+    .provider-information-wrap {
+      width: 100%;
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const CalendarDate: (props: any) => JSX.Element;
+export default CalendarDate;

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

@@ -0,0 +1,168 @@
+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 _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); }
+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 { useState, useEffect } from 'react';
+import Dayjs from 'dayjs';
+import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
+Dayjs.extend(isSameOrBefore);
+import { weekListText } from "./state";
+import classNames from 'classnames';
+import { CaretLeftOutlined, CaretRightOutlined } from '@ant-design/icons';
+import "./index.less";
+var CalendarDate = function CalendarDate(props) {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentDate = _useState2[0],
+    setCurrentDate = _useState2[1];
+  // 生成7天的时间列表
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dateMonthList = _useState4[0],
+    setDateMonthList = _useState4[1];
+  // 切换的月份
+  var _useState5 = useState(function () {
+      return Dayjs();
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentMonth = _useState6[0],
+    setCurrentMonth = _useState6[1];
+
+  // 计算开始渲染的列
+  var startingColumn = 0 % 7; // 0 表示星期日
+  var columns = Array.from({
+    length: 7
+  }, function (_, index) {
+    return (index + 7 - startingColumn) % 7;
+  });
+
+  /**
+   * @title: 获取当前月日期
+   * @description:
+   * @param {*}
+   * @return {*}
+   * @Author: 严文强
+   * @Date: 2024-02-01 20:30
+   */
+  var getMonthData = function getMonthData(date) {
+    var firstDay = Dayjs("".concat(date, "-01"));
+    var startDay = firstDay.day(); // 获取本月1号是星期几
+    var daysInMonth = firstDay.daysInMonth(); // 获取本月总天数
+    var monthData = [];
+    // 填充前面的空白
+    for (var i = 0; i < startDay; i++) {
+      monthData.push({
+        day: -1,
+        // 表示前一个月的日期
+        date: Dayjs(firstDay).subtract(startDay - i, 'day').toDate()
+      });
+    }
+
+    // 填充本月的日期
+    for (var _i = 1; _i <= daysInMonth; _i++) {
+      monthData.push({
+        day: _i,
+        date: firstDay.date(_i).format('YYYY-MM-DD')
+      });
+    }
+    return monthData;
+  };
+
+  /**
+   * @title: 计算是否已经切换到当前月，如果是则禁止继续点击上一个月
+   * @description:
+   * @param {*}
+   * @return {*}
+   * @Author: 严文强
+   * @Date: 2024-02-01 19:27
+   */
+  var lastMonthDisable = function lastMonthDisable() {
+    var newCurrentMonth = currentMonth.format('YYYY-MM');
+    var lastDate = Dayjs(newCurrentMonth).subtract(1, 'month');
+    return lastDate.isBefore(Dayjs(), 'month');
+  };
+
+  /**
+   * @title: 切换上个月
+   * @description:
+   * @param {*}
+   * @return {*}
+   * @Author: 严文强
+   * @Date: 2024-02-01 19:15
+   */
+  var lastMonth = function lastMonth() {
+    var currentLastText = currentMonth.format('YYYY-MM');
+    var newLastMonth = Dayjs(currentLastText).subtract(1, 'month');
+    setCurrentMonth(newLastMonth);
+    setDateMonthList(getMonthData(newLastMonth.format('YYYY-MM')));
+  };
+
+  /**
+   * @title: 切换下个月
+   * @description:
+   * @param {*}
+   * @return {*}
+   * @Author: 严文强
+   * @Date: 2024-02-01 19:15
+   */
+  var nextMonth = function nextMonth() {
+    var currentMonthText = currentMonth.format('YYYY-MM');
+    var newNextMonth = Dayjs(currentMonthText).add(1, 'month');
+    setCurrentMonth(newNextMonth);
+    setDateMonthList(getMonthData(newNextMonth.format('YYYY-MM')));
+  };
+  useEffect(function () {
+    var date = '2025-04-25';
+    var daysText = Dayjs(date).format('YYYY-MM');
+    setDateMonthList(getMonthData(daysText));
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'calendar-date-box'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'calendar-header'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('calendar-last-month', _defineProperty({}, 'last-month-disabled', lastMonthDisable())),
+    onClick: function onClick() {
+      if (lastMonthDisable()) return;
+      lastMonth();
+    }
+  }, /*#__PURE__*/React.createElement(CaretLeftOutlined, null)), /*#__PURE__*/React.createElement("div", {
+    className: 'calendar-current-month'
+  }, currentMonth.format('MMMM YYYY')), /*#__PURE__*/React.createElement("div", {
+    className: 'calendar-next-month',
+    onClick: nextMonth
+  }, /*#__PURE__*/React.createElement(CaretRightOutlined, null))), /*#__PURE__*/React.createElement("div", {
+    className: 'calendar-content'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'calendar-weeks'
+  }, columns.map(function (col) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: col,
+      className: 'calendar-weeks-items'
+    }, weekListText[Number(col)]);
+  })), /*#__PURE__*/React.createElement("div", {
+    className: 'calendar-days'
+  }, dateMonthList.map(function (day, index) {
+    var date = Dayjs(day.date).format('YYYY-MM-DD');
+    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)),
+      onClick: function onClick() {
+        console.log(day, 'wh987976');
+        !(day !== null && day !== void 0 && day.disabled) && setCurrentDate(date);
+      }
+    }, isCurrentMonth && /*#__PURE__*/React.createElement("div", {
+      className: classNames('day-text', {
+        // ['day-line']: !disabled,
+      })
+    }, Dayjs(day.date).format('D')));
+  }))));
+};
+export default CalendarDate;

package/es/components/{parallelResourceBooking/components/bookingAvailabilityCalendar/components/CalendarDate → appointmentBooking/components/Date}/index.less

@@ -1,34 +1,45 @@
-.calendar-box {
+.calendar-date-box {
   display: flex;
   flex-direction: column;
+  gap: 32px;
+  user-select: none;
 
   .calendar-header {
     display: flex;
     align-items: center;
-    justify-content: space-between;
+    justify-content: space-evenly;
 
     .calendar-last-month,
     .calendar-next-month {
       display: flex;
+      padding: 6px;
       justify-content: center;
       align-items: center;
-      font-size: 20px;
+      gap: 8px;
+      border-radius: 8px;
+      border: 1px solid #d0d5dd;
+      cursor: pointer;
+    }
+
+    .last-month-disabled {
+      border-radius: 8px;
+      background: #eaecf0;
       cursor: pointer;
     }
 
     .calendar-current-month {
+      width: 250px;
       text-align: center;
       color: #101828;
+      font-size: 30px;
+      font-style: normal;
       font-weight: 600;
-      flex: 1;
-      font-size: 16px;
-      font-weight: 600;
-      line-height: 24px;
+      line-height: 38px;
+      /* 126.667% */
     }
   }
 
   .calendar-content {
-    margin: 10px 0 20px;
     display: flex;
     flex-direction: column;
     gap: 16px;
@@ -52,7 +63,7 @@
     .calendar-days {
       display: grid;
       grid-template-columns: repeat(7, 1fr);
-      gap: 12px;
+      gap: 8px;
     }
   }
 }
@@ -80,16 +91,18 @@
     justify-content: center;
     color: #101828;
     text-align: center;
+    /* Text md/Medium */
     font-size: 16px;
     font-style: normal;
-    font-weight: 500;
+    font-weight: bold;
     line-height: 24px;
+    /* 150% */
 
     &.day-line::before {
       position: absolute;
       bottom: 12px;
       content: '';
-      width: 24px;
+      width: 28px;
       height: 4px;
       flex-shrink: 0;
       border-radius: 2px;
@@ -98,10 +111,8 @@
   }
 
   &.disabledDate {
-    // border: 1px solid #eaecf0;
-    cursor: pointer;
-    background: var(--Gray-100, #f2f4f7);
-    border: none;
+    background: #eaecf0;
+    cursor: not-allowed;
   }
 
   &.disabledSelect {
@@ -109,7 +120,7 @@
   }
 
   &.selectDate {
-    border: 2px solid var(--Primary-600, #7f56d9);
+    border: 2px solid #7f56d9;
   }
 
   &.other-month-days {

package/{lib/components/parallelResourceBooking/components/bookingAvailabilityCalendar/components/CalendarDate → es/components/appointmentBooking/components/Date}/state.d.ts

@@ -38,7 +38,6 @@ export declare const statusColor: {
     lots_of_space: string;
     filling_up_fast: string;
     sold_out: string;
-    unavailable: string;
 };
 /**
  * @title: 根据预约量数据判断当前状态

package/es/components/{parallelResourceBooking/components/bookingAvailabilityCalendar/components/CalendarDate → appointmentBooking/components/Date}/state.js

@@ -61,13 +61,11 @@ export var weekListText = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
 export var statusColor = {
   call_to_book: '#444CE7',
   // 请致电预订
-  lots_of_space: '#099250',
+  lots_of_space: '#079455',
   // 库存充足
-  filling_up_fast: '#EAAA08',
+  filling_up_fast: '#CA8504',
   // 库存紧张
-  sold_out: '#D92D20',
-  // 无库存
-  unavailable: 'rgba(68, 76, 231, 0.00)' // 不可用
+  sold_out: '#D92D20' // 无库存
 };
 
 /**
@@ -82,7 +80,6 @@ export var getStatus = function getStatus(dateLimit, currentDate, cutTime) {
   var status = '';
   var disabled = false;
   var dataItem = dateLimit[currentDate];
-  console.log(currentDate);
   var startTime = Dayjs(cutTime === null || cutTime === void 0 ? void 0 : cutTime.shop_time).format('YYYY-MM-DD HH:mm');
   var startDate = Dayjs(cutTime === null || cutTime === void 0 ? void 0 : cutTime.shop_time).format('YYYY-MM-DD');
   var endTime = Dayjs(startTime).add(cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit, cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type);
@@ -95,29 +92,6 @@ export var getStatus = function getStatus(dateLimit, currentDate, cutTime) {
         disabled: true
       };
     }
-
-    // 如果当天 大于最早的可用时间的天 禁止
-    // if (currentDate > endDay) {
-    //   return {
-    //     status,
-    //     disabled: true,
-    //   };
-    // }
-
-    // //如果当天 等于 最早可用时间的天, 则找times里的最早开始时间是否小于 店铺的最早可用时间
-    // if (currentDate === startDate) {
-    //   let times = dataItem.times || [];
-
-    //   let useable = times.find((d: any) => {
-    //     return startTime < d.start_at;
-    //   });
-    //   if (!useable) {
-    //     return {
-    //       status,
-    //       disabled: true,
-    //     };
-    //   }
-    // }
   } catch (err) {
     return {
       status: status,
@@ -213,20 +187,8 @@ export var getCallToBookStatus = function getCallToBookStatus(currentDate, dateL
     isShowCallToBook = false;
     return isShowCallToBook;
   }
-  // currentDate在当前日期和截止日期之间
-  // if (cutTime?.unit_type === 'days') {
-  //   if (
-  //     Dayjs(currentDate).isBefore(
-  //       Dayjs(Dayjs().format('YYYY-MM-DD')).add(cutTime?.unit, 'days')
-  //     )
-  //   ) {
-  //     isShowCallToBook = true;
-  //   } else {
-  //     isShowCallToBook = false;
-  //   }
-  // }
   if ((cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type) === 'hours' || (cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type) === 'minutes' || (cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type) === 'days') {
-    var startTime = Dayjs().format('YYYY-MM-DD HH:mm:ss');
+    var startTime = Dayjs(cutTime.shop_time).format('YYYY-MM-DD HH:mm:ss');
     var endTime = Dayjs(startTime).add(cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit, cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type).format('YYYY-MM-DD HH:mm:ss');
     if (Dayjs(currentDate).isBefore(Dayjs(endTime.split(' ')[0]))) {
       isShowCallToBook = true;

package/es/components/{parallelResourceBooking/components/Provider → appointmentBooking/components}/Footer/index.js

@@ -7,42 +7,29 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import { SectionFooters, Button, Badge, Image } from '@pisell/materials';
 import { useState } from 'react';
-import { useCart, useHolder, useSummary } from "../../../../Sales";
-import SelectHolderModal from "../SelectHolderModal";
-import ContinueButton from "../Cart/ContinueButton";
-import shoppingCartSvg from "../../../assets/shopping-cart.svg";
-import Cart from "../Cart";
-import Total from "../Cart/Item/Total";
+import ContinueButton from "../Provider/Cart/ContinueButton";
+import shoppingCartSvg from "../../assets/shopping-cart.svg";
+import { useAppointmentBooking, useAppointmentBookingCart } from "../../hooks";
+import Cart from "../Provider/Cart";
+import Total from "../Provider/Cart/Item/Total";
 import "./index.less";
 var Footer = function Footer() {
   var _cartData$cartItems;
-  var _useHolder = useHolder(),
-    open = _useHolder.open;
-  var _useCart = useCart(),
-    onOpenCart = _useCart.onOpenCart,
-    openCart = _useCart.openCart,
-    onCloseCart = _useCart.onCloseCart,
-    cartData = _useCart.cartData;
-  var _useSummary = useSummary(),
-    total = _useSummary.total;
-  // 当前本地选中的holder
-  var _useState = useState(null),
+  var appointmentBooking = useAppointmentBooking();
+  var appointmentBookingCart = useAppointmentBookingCart();
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    selectedItem = _useState2[0],
-    setSelectedItem = _useState2[1];
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  // const { open } = useHolder();
+  // const { onOpenCart, openCart, onCloseCart, cartData } = useCart();
+  // const { total } = useSummary();
+  var cartData = {
+    cartItems: [1, 2]
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SectionFooters, {
     className: "section-footer-wrap",
-    left:
-    /*#__PURE__*/
-    // <div className="section-footer-left">
-    //   {/* <PisellText>{locales.getText('pisell2.event.total')}: </PisellText>
-    //   <PisellText.Amount
-    //     value={total}
-    //     showCurrencySymbol={true}
-    //     className="amount"
-    //   /> */}
-    // </div>
-    React.createElement(Total, {
+    left: /*#__PURE__*/React.createElement(Total, {
       className: "section-footer-left",
       isFooter: true
     }),
@@ -53,23 +40,17 @@ var Footer = function Footer() {
     }, /*#__PURE__*/React.createElement(Button, {
       size: "large",
       onClick: function onClick() {
-        return onOpenCart();
+        return setOpen(true);
       },
       className: "section-footer-btn"
     }, /*#__PURE__*/React.createElement(Image, {
       src: shoppingCartSvg,
       preview: false
     }))), /*#__PURE__*/React.createElement(ContinueButton, null))
-  }), /*#__PURE__*/React.createElement(SelectHolderModal, {
-    open: open,
-    selectedItem: selectedItem,
-    onSelect: function onSelect(e) {
-      setSelectedItem(e);
-    }
   }), /*#__PURE__*/React.createElement(Cart, {
-    open: openCart,
+    open: open,
     onCancel: function onCancel() {
-      return onCloseCart();
+      return setOpen(false);
     }
   }));
 };

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

@@ -0,0 +1,44 @@
+import React from 'react';
+import ProgressBar from "../../../eventBooking/components/progressBar";
+import { useAppointmentBooking, useAppointmentBookingStep } from "../../hooks";
+import "./index.less";
+var Header = function Header() {
+  var _currentStep$step, _currentStep$step2;
+  var appointmentBooking = useAppointmentBooking();
+  var _useAppointmentBookin = useAppointmentBookingStep(),
+    currentStep = _useAppointmentBookin.currentStep;
+
+  /**
+   * @title: 返回
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-01-18 22:28
+   */
+  var handleBack = function handleBack() {
+    appointmentBooking.back();
+  };
+
+  /**
+   * @title: 关闭页面
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-01-22 13:43
+   */
+  var handleClose = function handleClose() {
+    appointmentBooking.close();
+  };
+  return /*#__PURE__*/React.createElement(ProgressBar, {
+    title: currentStep === null || currentStep === void 0 || (_currentStep$step = currentStep.step) === null || _currentStep$step === void 0 ? void 0 : _currentStep$step.title,
+    description: currentStep === null || currentStep === void 0 || (_currentStep$step2 = currentStep.step) === null || _currentStep$step2 === void 0 ? void 0 : _currentStep$step2.description,
+    showBack: (currentStep === null || currentStep === void 0 ? void 0 : currentStep.index) > 0,
+    onBack: function onBack() {
+      return handleBack();
+    },
+    onClose: function onClose() {
+      return handleClose();
+    }
+  });
+};
+export default Header;