@pisell/private-materials 6.0.24 → 6.0.25

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const _default: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
+export default _default;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.js

@@ -0,0 +1,173 @@
+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 { forwardRef, useImperativeHandle, useState, useRef } from 'react';
+import classNames from 'classnames';
+import dayjs from 'dayjs';
+import { Iconfont } from '@pisell/materials';
+import Status from "../CalendarDate/Status";
+import CalendarWeek from "../CalendarDate/CalenDateWeek";
+import CalendarDate from "../CalendarDate";
+import { mock } from "../../../../mock";
+import OpenCard from "../../../OpenCard";
+// import { getProductAvailableCount } from '../../serve';
+import "./index.less";
+var SelectDate = function SelectDate(_ref, ref) {
+  var currentDate = _ref.currentDate,
+    detail = _ref.detail,
+    currentDateChange = _ref.currentDateChange,
+    setSurplusDisabledChange = _ref.setSurplusDisabledChange,
+    cutTime = _ref.cutTime,
+    setCutTime = _ref.setCutTime,
+    showCalendarPopup = _ref.showCalendarPopup;
+  // 缓存剩余量数据
+  var _useState = useState(mock.availability_calendar.limitData),
+    _useState2 = _slicedToArray(_useState, 2),
+    dateLimitData = _useState2[0],
+    setDateLimitData = _useState2[1];
+  var calendarDateRef = useRef(null);
+  useImperativeHandle(ref, function () {
+    return {};
+  });
+
+  // const _getProductAvailableCount = useRequest(getProductAvailableCount, {
+  //   manual: true,
+  //   onSuccess: (res) => {
+  //     const data = res?.data || [];
+  //     const dates = data?.dates || [];
+  //     const dateData = { ...dateLimitData };
+  //     dates.forEach((item: any) => {
+  //       dateData[item.date] = item;
+  //     });
+  //     setDateLimitData(dateData);
+
+  //     const cutTimeData = {
+  //       shop_time: data?.shop_time,
+  //       ...data?.cut_off_time,
+  //     };
+  //     setCutTime(cutTimeData);
+  //     // 这里加个校验 如果当天时间不可用, 自动寻找一个可用的时间
+  //     // try {
+  //     //   const { status, disabled } = getStatus(
+  //     //     dateData,
+  //     //     currentDate,
+  //     //     cutTimeData
+  //     //   );
+  //     //   if (disabled || status === 'sold_out') {
+  //     //     for (let key in dateData) {
+  //     //       const { status, disabled } = getStatus(dateData, key, cutTimeData);
+  //     //       if (!disabled && status !== 'sold_out') {
+  //     //         currentDateChange(key);
+  //     //         return;
+  //     //       }
+  //     //     }
+  //     //   }
+  //     // } catch (err) {}
+  //     // const { status, disabled } = getStatus(data, currentDate);
+  //     // if (disabled || status === 'sold_out') {
+  //     //   setSurplusDisabled(true);
+  //     // } else {
+  //     //   setSurplusDisabled(false);
+  //     // }
+  //   },
+  // });
+
+  // 当日是否还有剩余量,没有则不加入购物车(此处为了处理以前遗留逻辑问题)
+  // useEffect(() => {
+  //   const { status, disabled } = getStatus(dateLimitData, currentDate, cutTime);
+  //   const isShowCallToBook = getCallToBookStatus(
+  //     currentDate,
+  //     dateLimitData,
+  //     cutTime
+  //   );
+  //   let surplusDisabledChange = false;
+  //   if (
+  //     disabled ||
+  //     status === 'sold_out' ||
+  //     isShowCallToBook
+  //     // ||
+  //     // _getProductAvailableCount.loading
+  //   ) {
+  //     surplusDisabledChange = true;
+  //   } else {
+  //     surplusDisabledChange = false;
+  //   }
+  //   setSurplusDisabledChange(surplusDisabledChange);
+  // }, [currentDate, dateLimitData, cutTime]);
+  // _getProductAvailableCount.loading,
+
+  var getLimitData = function getLimitData(start_date, end_date) {
+    // 列举start_date至end_date的全部日期
+    var _list = [];
+    var start = dayjs(start_date);
+    var end = dayjs(end_date);
+    while (start.isBefore(end)) {
+      _list.push(start.format('YYYY-MM-DD'));
+      start.add(1, 'days');
+    }
+    console.log('dateLimitData', dateLimitData);
+    console.log('_list', _list);
+    // 判断是否有全部缓存数据
+    var haveAllData = _list.find(function (item) {
+      return !dateLimitData[item];
+    });
+    if (haveAllData) {
+      // _getProductAvailableCount.run(detail.id, {
+      //   start_date: start_date,
+      //   end_date: end_date,
+      // });
+    }
+  };
+
+  /**
+   * @title: 头部额外内容
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-01-14 14:52
+   */
+  var extraHeader = function extraHeader() {
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: function onClick(e) {
+        var _calendarDateRef$curr;
+        e.stopPropagation();
+        calendarDateRef === null || calendarDateRef === void 0 || (_calendarDateRef$curr = calendarDateRef.current) === null || _calendarDateRef$curr === void 0 || _calendarDateRef$curr.open(currentDate, detail === null || detail === void 0 ? void 0 : detail.id);
+      }
+    }, /*#__PURE__*/React.createElement(Iconfont, {
+      type: "pisell2-calendar",
+      className: classNames('calendar-icon')
+    }));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OpenCard, {
+    title: 'Select a date',
+    initOpen: true,
+    showArrow: false,
+    isClick: false,
+    extra: showCalendarPopup ? extraHeader() : null
+  }, /*#__PURE__*/React.createElement(CalendarWeek
+  // dateChange={(date) => {
+  //   currentDateChange(date);
+  // }}
+  , {
+    currentDate: currentDate,
+    productId: detail === null || detail === void 0 ? void 0 : detail.id,
+    cutTime: cutTime
+    // getLimitData={getLimitData}
+    ,
+    dateLimitData: dateLimitData
+  }), /*#__PURE__*/React.createElement(Status, null)), /*#__PURE__*/React.createElement(CalendarDate, {
+    ref: calendarDateRef
+    // dateChange={(date: string) => {
+    //   currentDateChange(date);
+    // }}
+    ,
+    cutTime: cutTime,
+    dateLimitData: dateLimitData
+    // getLimitData={getLimitData}
+    // loading={_getProductAvailableCount.loading}
+  }));
+};
+export default /*#__PURE__*/forwardRef(SelectDate);

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.less

@@ -0,0 +1,4 @@
+.calendar-icon {
+  font-size: 24px;
+  cursor: pointer;
+}

package/es/components/eventBooking/components/bookingAvailabilityCalendar/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.less';
+export interface BookingAvailabilityCalendarProps {
+    showCalendarPopup?: boolean;
+    onDateChange?: (date: string) => void;
+    detail?: any;
+    currentDate?: string;
+    cutTime?: any;
+    onCurrentDateChange?: (date: string) => void;
+    onCutTimeChange?: (date: string) => void;
+    onSurplusDisabledChange?: (date: boolean) => void;
+}
+declare const BookingAvailabilityCalendar: React.FC<BookingAvailabilityCalendarProps>;
+export default BookingAvailabilityCalendar;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/index.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import SelectDate from "./components/SelectDate";
+import { mock } from "../../mock";
+import "./index.less";
+var BookingAvailabilityCalendar = function BookingAvailabilityCalendar(props) {
+  var _mock$availability_ca, _mock$availability_ca2, _mock$availability_ca3;
+  var showCalendarPopup = props.showCalendarPopup,
+    onDateChange = props.onDateChange,
+    _props$detail = props.detail,
+    detail = _props$detail === void 0 ? (_mock$availability_ca = mock.availability_calendar) === null || _mock$availability_ca === void 0 ? void 0 : _mock$availability_ca.detail : _props$detail,
+    _props$currentDate = props.currentDate,
+    currentDate = _props$currentDate === void 0 ? (_mock$availability_ca2 = mock.availability_calendar) === null || _mock$availability_ca2 === void 0 ? void 0 : _mock$availability_ca2.currentDate : _props$currentDate,
+    _props$cutTime = props.cutTime,
+    cutTime = _props$cutTime === void 0 ? (_mock$availability_ca3 = mock.availability_calendar) === null || _mock$availability_ca3 === void 0 ? void 0 : _mock$availability_ca3.cutTime : _props$cutTime,
+    onCurrentDateChange = props.onCurrentDateChange,
+    onCutTimeChange = props.onCutTimeChange,
+    onSurplusDisabledChange = props.onSurplusDisabledChange;
+  console.log(detail, currentDate, cutTime, 'detail, currentDate, cutTime');
+  return /*#__PURE__*/React.createElement("div", {
+    className: "event-booking-availability-calendar"
+  }, /*#__PURE__*/React.createElement(SelectDate, {
+    showCalendarPopup: showCalendarPopup,
+    detail: detail,
+    currentDate: currentDate,
+    currentDateChange: function currentDateChange(date) {
+      onCurrentDateChange(date);
+      if (currentDate !== date) {
+        onDateChange(date);
+      }
+    },
+    setSurplusDisabledChange: onSurplusDisabledChange,
+    cutTime: cutTime,
+    setCutTime: onCutTimeChange
+  }));
+};
+export default BookingAvailabilityCalendar;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/index.less

@@ -0,0 +1,2 @@
+.event-booking-availability-calendar {
+}

package/es/components/eventBooking/components/bookingAvailabilityCalendar/utils.d.ts

@@ -0,0 +1,34 @@
+import { Dayjs } from "dayjs";
+/**
+ * @title: 格式化日期
+ * @description:
+ * @param {string} date
+ * @param {string} format
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 15:19
+ */
+export declare const formatDate: (date: Dayjs | string, format?: string) => string;
+/**
+ * @title: 获取列表中包含了几个月
+ * @description:
+ * @param {Dayjs} date
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 15:25
+ */
+export declare const getMonthIndex: (lists: any[]) => number[];
+/**
+ * @title: 获取当前状态
+ * @description:
+ * @param {any} dateLimitData
+ * @param {any} item
+ * @param {any} cutTime
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 15:33
+ */
+export declare const getCurrentStatus: (dateLimitData: any[], item: any, cutTime: any) => {
+    currentStatus: string;
+    disabled: boolean;
+};

package/es/components/eventBooking/components/bookingAvailabilityCalendar/utils.js

@@ -0,0 +1,70 @@
+import dayjs from "dayjs";
+import { getStatus, getCallToBookStatus } from "./components/CalendarDate/state";
+
+/**
+ * @title: 格式化日期
+ * @description: 
+ * @param {string} date
+ * @param {string} format
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 15:19
+ */
+export var formatDate = function formatDate(date, format) {
+  return dayjs(date).format(format || "YYYY-MM-DD");
+};
+
+/**
+ * @title: 获取列表中包含了几个月
+ * @description: 
+ * @param {Dayjs} date
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 15:25
+ */
+export var getMonthIndex = function getMonthIndex(lists) {
+  if (!lists.length) return [];
+  var arr = [0];
+
+  // 获取第一个日期的月份
+  var firstMonth = formatDate(lists[0], 'YYYY-MM');
+
+  // 遍历列表，获取每个月份，如果和第一个月份不一样，则添加到数组中
+  var index = lists.findIndex(function (item) {
+    return formatDate(item, 'YYYY-MM') !== firstMonth;
+  });
+
+  // 如果找到了，则添加到数组中
+  if (index !== -1) {
+    arr.push(index);
+  }
+  return arr;
+};
+
+/**
+ * @title: 获取当前状态
+ * @description: 
+ * @param {any} dateLimitData
+ * @param {any} item
+ * @param {any} cutTime
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 15:33
+ */
+export var getCurrentStatus = function getCurrentStatus(dateLimitData, item, cutTime) {
+  var _getStatus = getStatus(dateLimitData, item, cutTime),
+    status = _getStatus.status,
+    disabled = _getStatus.disabled;
+  var isShowCallToBook = getCallToBookStatus(item, dateLimitData, cutTime);
+
+  // 在当天和cut-off time的日期之前这段日期，如果某天还存在可预约的商品，才显示Call to book。
+  var statusTypes = ['lots_of_space', 'filling_up_fast'];
+
+  // 如果显示Call to book，则状态为call_to_book，否则为status
+  var _isShowCallToBook = isShowCallToBook && statusTypes.includes(status);
+  var currentStatus = _isShowCallToBook ? 'call_to_book' : status;
+  return {
+    currentStatus: currentStatus,
+    disabled: disabled
+  };
+};

package/es/components/eventBooking/components/bookingDetailModal/components/BookingOptions.d.ts

@@ -0,0 +1,2 @@
+declare const BookingOptions: () => JSX.Element;
+export default BookingOptions;

package/es/components/eventBooking/components/bookingDetailModal/components/BookingOptions.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import OpenCard from "../../OpenCard";
+import { PisellCheckboxGroup, PisellText } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import { useEventDetail } from "../../../../Sales";
+var BookingOptions = function BookingOptions() {
+  var _detail$bookingOption, _detail$bookingOption2;
+  var _useEventDetail = useEventDetail(),
+    detail = _useEventDetail.detail,
+    currentBookingOption = _useEventDetail.currentBookingOption,
+    selectEventDetailBookingOptions = _useEventDetail.selectEventDetailBookingOptions;
+  return /*#__PURE__*/React.createElement(OpenCard, {
+    title: locales.getText('pisell2.event.booking.options'),
+    showBorder: true,
+    showArrow: false,
+    isClick: false,
+    className: "detail-option-wrap"
+  }, /*#__PURE__*/React.createElement(PisellCheckboxGroup, {
+    mode: "single",
+    iconPosition: (detail === null || detail === void 0 || (_detail$bookingOption = detail.bookingOptions) === null || _detail$bookingOption === void 0 ? void 0 : _detail$bookingOption.length) > 1 ? 'right' : 'hide',
+    options: (detail === null || detail === void 0 ? void 0 : detail.bookingOptions) || [],
+    optionClassName: "option-item ".concat((detail === null || detail === void 0 || (_detail$bookingOption2 = detail.bookingOptions) === null || _detail$bookingOption2 === void 0 ? void 0 : _detail$bookingOption2.length) > 1 ? 'option-item-pointer' : ''),
+    value: currentBookingOption,
+    renderOption: function renderOption(option) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "item"
+      }, /*#__PURE__*/React.createElement("span", null, option.label), /*#__PURE__*/React.createElement(PisellText.Amount, {
+        value: option.price,
+        showCurrencySymbol: true,
+        className: "price"
+      }));
+    },
+    onChange: function onChange(value) {
+      return selectEventDetailBookingOptions(value);
+    }
+  }));
+};
+export default BookingOptions;

package/es/components/eventBooking/components/bookingDetailModal/components/Resource.d.ts

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

package/es/components/eventBooking/components/bookingDetailModal/components/Resource.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import OpenCard from "../../OpenCard";
+import ResourceDisplay from "../../resourceDisplay";
+import { useEventDetail } from "../../../../Sales";
+var Resource = function Resource(props) {
+  var _useEventDetail = useEventDetail(),
+    detail = _useEventDetail.detail;
+
+  // 教师
+  var resource = (detail === null || detail === void 0 ? void 0 : detail.resource) || [];
+  return /*#__PURE__*/React.createElement(OpenCard, {
+    showBorder: true,
+    showArrow: false,
+    showHeader: false,
+    className: "detail-resource-wrap"
+  }, resource === null || resource === void 0 ? void 0 : resource.map(function (item, index) {
+    var _item$children;
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "item"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "title"
+    }, item.title), (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.map(function (i) {
+      return /*#__PURE__*/React.createElement(ResourceDisplay, {
+        key: i.id,
+        dataSource: i,
+        showSubtitle: false,
+        isClickable: false
+      });
+    }));
+  }));
+};
+export default Resource;

package/es/components/eventBooking/components/bookingDetailModal/components/Schedule.d.ts

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

package/es/components/eventBooking/components/bookingDetailModal/components/Schedule.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import OpenCard from "../../OpenCard";
+import { locales } from '@pisell/utils';
+import ScheduleCalendar from "../../scheduleCalendar";
+import { useEventDetail } from "../../../../Sales";
+var Schedule = function Schedule() {
+  var _detail$selectDate;
+  var _useEventDetail = useEventDetail(),
+    detail = _useEventDetail.detail,
+    getEventDetailSelectDate = _useEventDetail.getEventDetailSelectDate;
+  return /*#__PURE__*/React.createElement(OpenCard, {
+    title: locales.getText('pisell2.event.schedule'),
+    showBorder: true,
+    isClick: false,
+    showArrow: false
+  }, /*#__PURE__*/React.createElement(ScheduleCalendar, {
+    showScheduleName: false,
+    data: (detail === null || detail === void 0 || (_detail$selectDate = detail.selectDate) === null || _detail$selectDate === void 0 ? void 0 : _detail$selectDate.dates) || [],
+    onChange: function onChange(e) {
+      var _detail$introduction;
+      var id = detail === null || detail === void 0 || (_detail$introduction = detail.introduction) === null || _detail$introduction === void 0 || (_detail$introduction = _detail$introduction._originData) === null || _detail$introduction === void 0 ? void 0 : _detail$introduction.id;
+      if (!id) return;
+      getEventDetailSelectDate.run(id, {
+        days: 366,
+        start_date: "".concat(e, "-01")
+      });
+    }
+  }));
+};
+export default Schedule;

package/es/components/eventBooking/components/bookingDetailModal/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+export interface EventCardProps {
+    open?: boolean;
+}
+declare const BookingDetailModal: React.FC<EventCardProps>;
+export default BookingDetailModal;