@pisell/private-materials 3.3.26 → 3.3.27

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.d.ts

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

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;