@pisell/private-materials 3.3.25 → 3.3.27

package/es/components/eventBooking/components/Provider/Resource/index.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import { PisellViewGrid } from '@pisell/materials';
+import React, { useEffect } from 'react';
+import { PisellViewGrid, Skeleton } from '@pisell/materials';
 import { isMobile, locales } from '@pisell/utils';
 import { useResource, useSales, useCart, useStep } from "../../../../Sales";
 import ResourceDisplay from "../../resourceDisplay";
 import { resourceTitle } from "../../../utils";
 import "./index.less";
 var Resource = function Resource() {
-  var _data$resourceData;
+  var _data$resourceData2, _data$resourceData3, _data$resourceData4;
   var _useSales = useSales(),
     data = _useSales.data;
   var _useResource = useResource(),
@@ -16,6 +16,21 @@ var Resource = function Resource() {
     createCartItem = _useCart.createCartItem;
   var _useStep = useStep(),
     nextStep = _useStep.nextStep;
+  useEffect(function () {
+    var _data$resourceData, _resourceList$, _data$stepData;
+    var resourceList = (data === null || data === void 0 || (_data$resourceData = data.resourceData) === null || _data$resourceData === void 0 ? void 0 : _data$resourceData.resourceList) || [];
+    if ((resourceList === null || resourceList === void 0 ? void 0 : resourceList.length) <= 0) {
+      return;
+    }
+
+    // 如果只有一个资源，则直接选中并进入下一步
+    var resourceListChildren = (resourceList === null || resourceList === void 0 || (_resourceList$ = resourceList[0]) === null || _resourceList$ === void 0 ? void 0 : _resourceList$.children) || [];
+    if ((resourceList === null || resourceList === void 0 ? void 0 : resourceList.length) === 1 && (resourceListChildren === null || resourceListChildren === void 0 ? void 0 : resourceListChildren.length) === 1 && data !== null && data !== void 0 && (_data$stepData = data.stepData) !== null && _data$stepData !== void 0 && _data$stepData.isAutoOperate) {
+      createCartItem();
+      selectResource(resourceListChildren[0]);
+      nextStep();
+    }
+  }, [data === null || data === void 0 || (_data$resourceData2 = data.resourceData) === null || _data$resourceData2 === void 0 ? void 0 : _data$resourceData2.resourceList]);
 
   /**
    * @title: 选择资源
@@ -59,7 +74,13 @@ var Resource = function Resource() {
     className: "title"
   }, locales.getText('pisell2.event.select.campus')(resourceTitle(data))), /*#__PURE__*/React.createElement("div", {
     className: "content"
-  }, data === null || data === void 0 || (_data$resourceData = data.resourceData) === null || _data$resourceData === void 0 || (_data$resourceData = _data$resourceData.resourceList) === null || _data$resourceData === void 0 ? void 0 : _data$resourceData.map(function (item, index) {
+  }, !(data !== null && data !== void 0 && (_data$resourceData3 = data.resourceData) !== null && _data$resourceData3 !== void 0 && (_data$resourceData3 = _data$resourceData3.resourceList) !== null && _data$resourceData3 !== void 0 && _data$resourceData3.length) ? /*#__PURE__*/React.createElement(Skeleton, {
+    loading: true,
+    active: true,
+    paragraph: {
+      rows: 3
+    }
+  }) : data === null || data === void 0 || (_data$resourceData4 = data.resourceData) === null || _data$resourceData4 === void 0 || (_data$resourceData4 = _data$resourceData4.resourceList) === null || _data$resourceData4 === void 0 ? void 0 : _data$resourceData4.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: index,
       className: "content-item"
@@ -70,7 +91,7 @@ var Resource = function Resource() {
       columns: isMobile() ? 1 : 3,
       verticalGap: 20,
       horizontalGap: 20,
-      loading: getResourceList.loading,
+      loading: false,
       renderItem: renderItem,
       className: "content-grid"
     }));

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

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

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

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 React, { forwardRef, useImperativeHandle, useState, useRef } from 'react';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
 import { Iconfont } from '@pisell/materials';

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

@@ -2,9 +2,11 @@ import React from 'react';
 import OpenCard from "../../OpenCard";
 import { locales } from '@pisell/utils';
 import ScheduleCalendar from "../../scheduleCalendar";
-import { useEventDetail } from "../../../../Sales";
+import { useEventDetail, useInit } from "../../../../Sales";
 var Schedule = function Schedule() {
   var _detail$selectDate;
+  var _useInit = useInit(),
+    initData = _useInit.initData;
   var _useEventDetail = useEventDetail(),
     detail = _useEventDetail.detail,
     getEventDetailSelectDate = _useEventDetail.getEventDetailSelectDate;
@@ -24,7 +26,8 @@ var Schedule = function Schedule() {
         days: 366,
         start_date: "".concat(e, "-01")
       });
-    }
+    },
+    type: initData === null || initData === void 0 ? void 0 : initData.scheduleDisplayType
   }));
 };
 export default Schedule;

package/es/components/eventBooking/components/scheduleCalendar/calendarItem.d.ts

@@ -6,6 +6,7 @@ declare type CalendarItemProps = {
     onSelect: (date: string, item?: CalendarDataItem) => void;
     onChange: (date: string, type: string) => void;
     isEdit: boolean;
+    type?: 'calendarView' | 'textList';
 };
 declare const CalendarItem: (props: CalendarItemProps) => JSX.Element;
 export default CalendarItem;

package/es/components/eventBooking/components/scheduleCalendar/calendarItem.js

@@ -6,6 +6,7 @@ import { formatBackgroundColors, formatMonthDisplay } from "../../utils";
 import useEngineContext from "../../../../hooks/useEngineContext";
 import zhCN from 'antd/es/date-picker/locale/zh_CN';
 import enUS from 'antd/es/date-picker/locale/en_US';
+import ScheduleTimes from "./components/ScheduleTimes";
 var CalendarItem = function CalendarItem(props) {
   var _utils$storage;
   var month = props.month,
@@ -13,7 +14,8 @@ var CalendarItem = function CalendarItem(props) {
     selectDate = props.selectDate,
     onSelect = props.onSelect,
     isEdit = props.isEdit,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    type = props.type;
   var context = useEngineContext();
   var utils = context.appHelper.utils || {};
   var locale = utils !== null && utils !== void 0 && (_utils$storage = utils.storage) !== null && _utils$storage !== void 0 && (_utils$storage = _utils$storage.get('umi_locale')) !== null && _utils$storage !== void 0 && _utils$storage.includes('zh') ? zhCN : enUS;
@@ -60,7 +62,10 @@ var CalendarItem = function CalendarItem(props) {
     className: "calendar-month-icon"
   }, /*#__PURE__*/React.createElement(Iconfont, {
     type: "pisell2-chevron-right"
-  }))), /*#__PURE__*/React.createElement(Calendar, {
+  }))), type === 'textList' ? /*#__PURE__*/React.createElement(ScheduleTimes, {
+    month: month,
+    schedulesData: schedulesData
+  }) : /*#__PURE__*/React.createElement(Calendar, {
     locale: locale,
     headerRender: function headerRender() {
       return null;

package/es/components/eventBooking/components/scheduleCalendar/components/ScheduleTimeItem/index.d.ts

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

package/es/components/eventBooking/components/scheduleCalendar/components/ScheduleTimeItem/index.js

@@ -0,0 +1,60 @@
+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, { useEffect, useState } from 'react';
+import { Iconfont, PisellEmpty } from '@pisell/materials';
+import { isMobile, locales } from '@pisell/utils';
+import dayjs from 'dayjs';
+import "./index.less";
+var ScheduleTimeItem = function ScheduleTimeItem(_ref) {
+  var timeList = _ref.timeList;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    times = _useState2[0],
+    setTimes = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isExpand = _useState4[0],
+    setIsExpand = _useState4[1];
+  useEffect(function () {
+    // 如果times的长度大于4，则只取前4个，然后显示折叠按钮
+    if ((timeList === null || timeList === void 0 ? void 0 : timeList.length) > 4) {
+      setTimes(timeList === null || timeList === void 0 ? void 0 : timeList.slice(0, 4));
+    } else {
+      setTimes(timeList);
+    }
+  }, [timeList]);
+  var handleExpand = function handleExpand() {
+    var nextExpandStatus = !isExpand;
+    if (nextExpandStatus) {
+      setTimes(timeList);
+    } else {
+      setTimes(timeList === null || timeList === void 0 ? void 0 : timeList.slice(0, 4));
+    }
+    setIsExpand(nextExpandStatus);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "schedule-time-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "schedule-time-item-content-wrapper"
+  }, (times === null || times === void 0 ? void 0 : times.length) > 0 ? times === null || times === void 0 ? void 0 : times.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: isMobile() ? 'schedule-time-item-content-mobile' : 'schedule-time-item-content',
+      key: (item.start_at || '') + (item.end_at || '')
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "schedule-time-item-content-time"
+    }, (item === null || item === void 0 ? void 0 : item.start_date) || ''), /*#__PURE__*/React.createElement("div", {
+      className: "schedule-time-item-content-time"
+    }, dayjs((item === null || item === void 0 ? void 0 : item.start_at) || '').format('HH:mm'), ' - ', dayjs((item === null || item === void 0 ? void 0 : item.end_at) || '').format('HH:mm')));
+  }) : /*#__PURE__*/React.createElement(PisellEmpty, null)), (timeList === null || timeList === void 0 ? void 0 : timeList.length) > 4 && /*#__PURE__*/React.createElement("div", {
+    className: "schedule-time-item-expand-btn",
+    onClick: handleExpand
+  }, isExpand ? locales.getText('pisell2.event.schedule.item.collapse') : locales.getText('pisell2.event.schedule.item.expand'), /*#__PURE__*/React.createElement(Iconfont, {
+    type: isExpand ? 'pisell2-chevron-up-double' : 'pisell2-chevron-down-double',
+    className: "schedule-time-item-expand-btn-icon"
+  })));
+};
+export default ScheduleTimeItem;

package/es/components/eventBooking/components/scheduleCalendar/components/ScheduleTimeItem/index.less

@@ -0,0 +1,63 @@
+.schedule-time-item {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+
+  .schedule-time-item-content-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+  }
+
+  .schedule-time-item-content-mobile {
+    width: 100%;
+    padding: 14px 16px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    border-radius: 8px;
+    border: 1px solid #f5f5f5;
+    background: #fff;
+    gap: 8px;
+  }
+
+  .schedule-time-item-content {
+    width: calc(50% - 8px);
+    padding: 14px 16px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    border-radius: 8px;
+    border: 1px solid #f5f5f5;
+    background: #fff;
+
+    .schedule-time-item-content-time {
+      color: #141414;
+      text-align: center;
+      font-size: 14px;
+      font-weight: 600;
+    }
+  }
+
+  .schedule-time-item-expand-btn {
+    display: flex;
+    flex: 1 0 0;
+    height: 48px;
+    padding: 14px 16px;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    border-radius: 8px;
+    border: 1px solid #f5f5f5;
+    background: #fff;
+    cursor: pointer;
+
+    .schedule-time-item-expand-btn-icon {
+      margin-top: 2px;
+      font-size: 20px;
+    }
+  }
+}

package/es/components/eventBooking/components/scheduleCalendar/components/ScheduleTimes/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.less';
+import { CalendarDataItem } from '../../../../type';
+interface ScheduleTimesProps {
+    month: string;
+    schedulesData: CalendarDataItem[];
+}
+declare const ScheduleTimes: React.FC<ScheduleTimesProps>;
+export default ScheduleTimes;

package/es/components/eventBooking/components/scheduleCalendar/components/ScheduleTimes/index.js

@@ -0,0 +1,59 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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, { useEffect, useState } from 'react';
+import dayjs from 'dayjs';
+import { PisellEmpty } from '@pisell/materials';
+import "./index.less";
+import ScheduleTimeItem from "../ScheduleTimeItem";
+var ScheduleTimes = function ScheduleTimes(_ref) {
+  var month = _ref.month,
+    schedulesData = _ref.schedulesData;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    timeList = _useState2[0],
+    setTimeList = _useState2[1];
+  useEffect(function () {
+    // 根据month获取schedulesData中对应的日期数据，使用dayjs对date进行格式化，只比较年月
+    var timeList = [];
+    var _iterator = _createForOfIteratorHelper(schedulesData),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var item = _step.value;
+        // 如果date在month对应的月份后面则停止循环，提升性能
+        var date = dayjs(item.date);
+        if (date.isAfter(month, 'month')) {
+          break;
+        }
+        if (date.isSame(month, 'month')) {
+          timeList.push.apply(timeList, _toConsumableArray((item === null || item === void 0 ? void 0 : item.times) || []));
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    if ((timeList === null || timeList === void 0 ? void 0 : timeList.length) > 0) {
+      setTimeList(timeList);
+    } else {
+      setTimeList([]);
+    }
+  }, [month, schedulesData]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "schedule-times-container"
+  }, (timeList === null || timeList === void 0 ? void 0 : timeList.length) > 0 ? /*#__PURE__*/React.createElement(ScheduleTimeItem, {
+    key: month,
+    timeList: timeList
+  }) : /*#__PURE__*/React.createElement(PisellEmpty, null));
+};
+export default ScheduleTimes;

package/es/components/eventBooking/components/scheduleCalendar/components/ScheduleTimes/index.less

@@ -0,0 +1,7 @@
+.schedule-times-container {
+  width: 100%;
+  padding-top: 14px;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}

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

@@ -8,6 +8,7 @@ export interface EventResourceUsabilityProps {
     className?: string;
     style?: React.CSSProperties;
     onChange?: (e: number) => void;
+    type?: 'calendarView' | 'textList';
 }
 declare const EventScheduleCalendar: React.FC<EventResourceUsabilityProps>;
 export default EventScheduleCalendar;

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

@@ -18,25 +18,27 @@ var EventScheduleCalendar = function EventScheduleCalendar(_ref) {
     showScheduleTime = _ref$showScheduleTime === void 0 ? true : _ref$showScheduleTime,
     className = _ref.className,
     style = _ref.style,
-    onChange = _ref.onChange;
-  var _useState = useState(new Date().toISOString().slice(0, 7)),
+    onChange = _ref.onChange,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'calendarView' : _ref$type;
+  var context = useEngineContext();
+  var utils = context.appHelper.utils || {};
+  var _useState = useState(dayjs().year()),
     _useState2 = _slicedToArray(_useState, 2),
-    currentMonth = _useState2[0],
-    setCurrentMonth = _useState2[1]; // Format: YYYY-MM
-  var _useState3 = useState(''),
+    selectedYear = _useState2[0],
+    setSelectedYear = _useState2[1];
+  var _useState3 = useState(new Date().toISOString().slice(0, 7)),
     _useState4 = _slicedToArray(_useState3, 2),
-    selectedDate = _useState4[0],
-    setSelectedDate = _useState4[1];
-  var _useState5 = useState([]),
+    currentMonth = _useState4[0],
+    setCurrentMonth = _useState4[1]; // Format: YYYY-MM
+  var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
-    selectedTimes = _useState6[0],
-    setSelectedTimes = _useState6[1];
-  var context = useEngineContext();
-  var utils = context.appHelper.utils || {};
-  var _useState7 = useState(dayjs().year()),
+    selectedDate = _useState6[0],
+    setSelectedDate = _useState6[1];
+  var _useState7 = useState([]),
     _useState8 = _slicedToArray(_useState7, 2),
-    selectedYear = _useState8[0],
-    setSelectedYear = _useState8[1];
+    selectedTimes = _useState8[0],
+    setSelectedTimes = _useState8[1];
 
   /**
    * @title: 可用的日期数据
@@ -53,9 +55,15 @@ var EventScheduleCalendar = function EventScheduleCalendar(_ref) {
         var itemDate = new Date(item.date);
         return itemDate >= today;
       });
-      if (firstAvailableDate) {
-        setSelectedDate(firstAvailableDate.date);
-        setSelectedTimes(firstAvailableDate.times || []);
+
+      // 定位到第一个可用日程对应的年、月、日和时间
+      if (firstAvailableDate && firstAvailableDate !== null && firstAvailableDate !== void 0 && firstAvailableDate.date) {
+        var availableDate = firstAvailableDate.date;
+        var availableTimes = (firstAvailableDate === null || firstAvailableDate === void 0 ? void 0 : firstAvailableDate.times) || [];
+        setSelectedYear(dayjs(availableDate).year());
+        setCurrentMonth(new Date(availableDate).toISOString().slice(0, 7));
+        setSelectedDate(availableDate);
+        setSelectedTimes(availableTimes || []);
       }
     }
   }, [data]);
@@ -123,8 +131,9 @@ var EventScheduleCalendar = function EventScheduleCalendar(_ref) {
       var currentYear = dayjs().year();
       var selectedYear = dayjs(e).year();
       setSelectedYear(selectedYear);
-    }
-  })), /*#__PURE__*/React.createElement("div", {
+    },
+    type: type
+  })), type !== 'textList' ? /*#__PURE__*/React.createElement("div", {
     className: classNames('category-list')
   }, selectedTimes.map(function (d, i) {
     return /*#__PURE__*/React.createElement("div", {
@@ -137,6 +146,6 @@ var EventScheduleCalendar = function EventScheduleCalendar(_ref) {
     }, /*#__PURE__*/React.createElement("span", null)), /*#__PURE__*/React.createElement("span", null, d.name)) : null, showScheduleTime ? /*#__PURE__*/React.createElement("div", {
       className: classNames('time')
     }, formatDateStr(d.start_at), " - ", formatDateStr(d.end_at)) : null);
-  })));
+  })) : null);
 };
 export default EventScheduleCalendar;

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

@@ -37,6 +37,8 @@
   }
 
   .month-item-box {
+    width: 100%;
+
     .pisell-lowcode-picker-body {
       padding: 0;
     }

package/es/components/eventBooking/index.js

@@ -44,9 +44,9 @@ var Content = function Content() {
       form_data_status: 'active'
     });
   }, [form_id]);
-  return getResourceList.data ? /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "event-booking-wrap ".concat(isMobile() ? 'event-booking-mobile-wrap' : '')
-  }, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(EventContent, null), isMobile() && (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.key) !== 'select-category' ? /*#__PURE__*/React.createElement(Footer, null) : null) : null;
+  }, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(EventContent, null), isMobile() && (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.key) !== 'select-category' ? /*#__PURE__*/React.createElement(Footer, null) : null);
 };
 var EventBooking = function EventBooking() {
   return /*#__PURE__*/React.createElement(SalesPage, {

package/es/components/eventBooking/locales.d.ts

@@ -69,6 +69,8 @@ declare const _default: {
         'pisell2.event.event.full.ok': string;
         'pisell2.event.capacity.limit.reached.title': string;
         'pisell2.event.capacity.limit.reached.tip': string;
+        'pisell2.event.schedule.item.expand': string;
+        'pisell2.event.schedule.item.collapse': string;
     };
     'zh-CN': {
         'pisell2.event.calendar.limit.unavailable': string;
@@ -140,6 +142,8 @@ declare const _default: {
         'pisell2.event.event.full.ok': string;
         'pisell2.event.capacity.limit.reached.title': string;
         'pisell2.event.capacity.limit.reached.tip': string;
+        'pisell2.event.schedule.item.expand': string;
+        'pisell2.event.schedule.item.collapse': string;
     };
     'zh-HK': {
         'pisell2.event.calendar.limit.unavailable': string;
@@ -211,6 +215,8 @@ declare const _default: {
         'pisell2.event.event.full.ok': string;
         'pisell2.event.capacity.limit.reached.title': string;
         'pisell2.event.capacity.limit.reached.tip': string;
+        'pisell2.event.schedule.item.expand': string;
+        'pisell2.event.schedule.item.collapse': string;
     };
 };
 export default _default;