@pisell/private-materials 3.0.195 → 3.0.197

package/es/components/booking/components/footer/utils.js

@@ -4,9 +4,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import dayjs from "dayjs";
 import { flexibleObj, isNowTime, getNowTime } from "../../utils";
 import { isWalkIn } from "../../utils";
 import { getSumCapacity } from "../../info2/utilsByBooking";
+import { getDays } from "../../utils";
+import { appointmentTypes } from "../../info/service2/status";
+import { isDayBooking, formatDayTime } from "../../info/service2/utils";
 var formatNote = function formatNote(data) {
   var _data$notes;
   return ((_data$notes = data.notes) === null || _data$notes === void 0 ? void 0 : _data$notes.orderNote) || "";
@@ -76,7 +80,7 @@ var getSubType = function getSubType(item) {
   var _item$duration;
   var _type = (_item$duration = item.duration) === null || _item$duration === void 0 ? void 0 : _item$duration.type;
   // 目前不支持跨天
-  if (_type && _type !== 'days') {
+  if (_type) {
     return _type;
   }
   return 'minutes';
@@ -117,6 +121,135 @@ var formatResource = function formatResource(service) {
   }
 };
 
+/**
+ * @title: 格式化子预约的holder数据
+ * @description: 
+ * @param {any} state
+ * @param {any} item
+ * @param {any} values
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-07 14:52
+ */
+var formatHolders = function formatHolders(state, item, values) {
+  var _state$bookingConfig, _state$bookingConfig$, _state$bookingConfig$2, _state$bookingConfig$3, _item$_extend;
+  var form_id = (state === null || state === void 0 ? void 0 : (_state$bookingConfig = state.bookingConfig) === null || _state$bookingConfig === void 0 ? void 0 : (_state$bookingConfig$ = _state$bookingConfig.config) === null || _state$bookingConfig$ === void 0 ? void 0 : (_state$bookingConfig$2 = _state$bookingConfig$.basic) === null || _state$bookingConfig$2 === void 0 ? void 0 : (_state$bookingConfig$3 = _state$bookingConfig$2.appointment_subject) === null || _state$bookingConfig$3 === void 0 ? void 0 : _state$bookingConfig$3.form_id) || 0;
+  var obj = {
+    customer_id: values.customer_id,
+    form_id: form_id,
+    form_record: [((_item$_extend = item._extend) === null || _item$_extend === void 0 ? void 0 : _item$_extend.holder_id) || 0]
+  };
+
+  // 连锁加盟子店铺 增加参数
+  if (state.isFranchisee) {
+    obj.is_source_shop = 1;
+  }
+  return obj;
+};
+
+/**
+ * @title: 格式化商品数据
+ * @description: 
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-07 14:21
+ */
+var formatProducts = function formatProducts(item) {
+  var _item$_extend2, _item$_extend2$other;
+  var total = Number(item._extend.total);
+  var origin_total = Number(item._extend.origin_total);
+  var discount_amount = origin_total - total;
+
+  // 加价时type使用change_price
+  var discount_type = discount_amount < 0 ? 'change_price' : 'discount';
+  return {
+    "num": item._extend.quantity,
+    "price": item._extend.price,
+    "product_id": (item === null || item === void 0 ? void 0 : item.product_id) || item.id,
+    "discount_amount": discount_amount,
+    "product_discount_reason": item._extend.discount_reason || '',
+    "is_charge_tax": item.is_charge_tax,
+    "note": (item === null || item === void 0 ? void 0 : item.note) || '',
+    "discountway": item._extend.discountway || "num",
+    "discount_per": item._extend.discount_per,
+    "discount_type": item._extend.discount_type || discount_type,
+    "order_detail_id": item._extend.order_detail_id || 0,
+    "product_bundle": formatProductBundle((_item$_extend2 = item._extend) === null || _item$_extend2 === void 0 ? void 0 : (_item$_extend2$other = _item$_extend2.other) === null || _item$_extend2$other === void 0 ? void 0 : _item$_extend2$other.bundle),
+    "bundle_edit": item._extend.bundle_edit
+  };
+};
+
+/**
+ * @title: 格式化跨日预约下的普通商品
+ * @description: 
+ * @param {any} data
+ * @param {any} booking_item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-07 14:48
+ */
+var formatDayRelationProducts = function formatDayRelationProducts(data, booking_item) {
+  var list = data.service.value;
+
+  // 过滤出卡片中的普通商品
+  var relation_products = list === null || list === void 0 ? void 0 : list.filter(function (item) {
+    var _item$_extend3;
+    var holderId = (_item$_extend3 = item._extend) === null || _item$_extend3 === void 0 ? void 0 : _item$_extend3.holder_id;
+    var bookingHolderId = booking_item._extend.holder_id;
+    var isAppointment = appointmentTypes.includes(item.extension_type);
+    return holderId && holderId === bookingHolderId && !isAppointment;
+  });
+  relation_products = relation_products.map(function (item) {
+    return formatProducts(item);
+  });
+  return relation_products || [];
+};
+
+/**
+ * @title: 格式化跨日预约商品列表
+ * @description: 
+ * @param {any} data
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-17 11:06
+ */
+var formatAppointmentProductLists = function formatAppointmentProductLists(data) {
+  try {
+    var _Array$from;
+    var list = data.service.value;
+
+    // 找出预约商品
+    list = list.filter(function (item) {
+      var _item$_extend4;
+      return ((_item$_extend4 = item._extend) === null || _item$_extend4 === void 0 ? void 0 : _item$_extend4.holder_id) && appointmentTypes.includes(item.extension_type);
+    });
+
+    // 对预约商品列表根据holder_id进行分组
+    var groupMap = new Map();
+    list.forEach(function (item) {
+      var _item$_extend5;
+      var key = (_item$_extend5 = item._extend) === null || _item$_extend5 === void 0 ? void 0 : _item$_extend5.holder_id; // 分组键
+      if (!groupMap.has(key)) {
+        groupMap.set(key, []);
+      }
+      groupMap.get(key).push(item);
+    });
+
+    // 处理每个分组
+    groupMap.forEach(function (group) {
+      // 只给第一个数据增加 relation_products
+      group[0].relation_products = formatDayRelationProducts(data, group[0]);
+    });
+
+    // 将分组的结果还原为数组
+    var result = (_Array$from = Array.from(groupMap.values())) === null || _Array$from === void 0 ? void 0 : _Array$from.reduce(function (acc, group) {
+      return acc.concat(group);
+    }, []);
+    return result || [];
+  } catch (error) {}
+};
+
 /**
  * @title: 预约商品信息
  * @description: 
@@ -125,42 +258,60 @@ var formatResource = function formatResource(service) {
  * @Author: zhiwei.Wang
  * @Date: 2024-02-19 09:26
  */
-var formatBookings = function formatBookings(data) {
+var formatBookings = function formatBookings(data, values) {
+  // 是否是跨日预约
+  var isDay = isDayBooking(data);
   var list = data.service.value;
+
+  // 格式化跨日预约商品列表
+  if (isDay) {
+    list = formatAppointmentProductLists(data);
+  }
+  var dayParams = {
+    relation_products: []
+  };
   var eventOtherParams = data.eventOtherParams;
   var bookings = [];
+  console.log(list, 'wh_result11');
   bookings = list.map(function (item) {
-    var _item$_extend, _item$_extend$other;
     var start_date = item._extend.startDate.format('YYYY-MM-DD');
     var end_date = item._extend.endDate.format('YYYY-MM-DD');
     var end_time = item._extend.endDate.format("HH:mm");
     var start_time = item._extend.startDate.format("HH:mm");
+
     // 更新当前时间
     if (isNowTime(item._extend.start_time)) {
       start_time = getNowTime();
     }
-    var total = Number(item._extend.total);
-    var origin_total = Number(item._extend.origin_total);
-    var discount_amount = origin_total - total;
 
-    // 加价时type使用change_price
-    var discount_type = discount_amount < 0 ? 'change_price' : 'discount';
-    return _objectSpread({
-      "product": {
-        "num": item._extend.quantity,
-        "price": item._extend.price,
-        "product_id": item.id,
-        "discount_amount": discount_amount,
-        "product_discount_reason": item._extend.discount_reason || '',
-        "is_charge_tax": item.is_charge_tax,
-        "note": "",
-        "discountway": item._extend.discountway || "num",
-        "discount_per": item._extend.discount_per,
-        "discount_type": item._extend.discount_type || discount_type,
-        "order_detail_id": item._extend.order_detail_id || 0,
-        "product_bundle": formatProductBundle((_item$_extend = item._extend) === null || _item$_extend === void 0 ? void 0 : (_item$_extend$other = _item$_extend.other) === null || _item$_extend$other === void 0 ? void 0 : _item$_extend$other.bundle),
-        "bundle_edit": item._extend.bundle_edit
-      },
+    // 跨日预约下的普通商品
+    if (isDay) {
+      var _item$_extend6, _item$_extend7, _item$_extend8, _item$_extend9;
+      var startDate = ((_item$_extend6 = item._extend) === null || _item$_extend6 === void 0 ? void 0 : _item$_extend6.startDate) || ((_item$_extend7 = item._extend) === null || _item$_extend7 === void 0 ? void 0 : _item$_extend7.start_date);
+      var endDate = ((_item$_extend8 = item._extend) === null || _item$_extend8 === void 0 ? void 0 : _item$_extend8.endDate) || ((_item$_extend9 = item._extend) === null || _item$_extend9 === void 0 ? void 0 : _item$_extend9.end_date);
+      var _formatDayTime = formatDayTime({
+          startDate: startDate,
+          endDate: endDate
+        }),
+        startDateTime = _formatDayTime.startDateTime,
+        endDateTime = _formatDayTime.endDateTime;
+
+      // 根据营业日时间更新时间
+      start_date = dayjs(startDateTime).format('YYYY-MM-DD');
+      start_time = dayjs(startDateTime).format('HH:mm');
+      end_date = dayjs(endDateTime).format('YYYY-MM-DD');
+      end_time = dayjs(endDateTime).format('HH:mm');
+      dayParams.relation_products = (item === null || item === void 0 ? void 0 : item.relation_products) || [];
+      dayParams.holder = formatHolders(data, item, values);
+      dayParams.duration = getDays({
+        _extend: {
+          start_date: startDateTime,
+          end_date: endDateTime
+        }
+      }, 'minutes');
+    }
+    return _objectSpread(_objectSpread({
+      "product": formatProducts(item),
       "relation_products": formatRelationDetails(item._extend.relation_details),
       'id': item.booking_id || 0,
       "relation_id": item._extend.relation_id || 0,
@@ -169,12 +320,12 @@ var formatBookings = function formatBookings(data) {
       "is_all": false,
       "schedule_id": item._extend.schedule_id || 0,
       "end_time": end_time,
-      "sub_type": getSubType(item),
+      "sub_type": isDay ? 'days' : getSubType(item),
       "select_date": start_date,
       "start_time": start_time,
       "end_date": end_date,
       "start_date": start_date,
-      "duration": flexibleObj.getValue(item._extend.duration),
+      "duration": isDay ? 0 : flexibleObj.getValue(item._extend.duration),
       "number": item._extend.capacity ? getSumCapacity({
         cacheItem: item
       }) : item._extend.number || 1,
@@ -182,11 +333,34 @@ var formatBookings = function formatBookings(data) {
       "metadata": item._extend.capacity ? {
         capacity: item._extend.capacity
       } : undefined
-    }, eventOtherParams || {});
+    }, eventOtherParams || {}), dayParams);
   });
   return bookings;
 };
 
+/**
+ * @title: 普通商品
+ * @description: 
+ * @param {any} data
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-06 21:26
+ */
+var formatRelationProducts = function formatRelationProducts(data) {
+  var _data$service;
+  var list = ((_data$service = data.service) === null || _data$service === void 0 ? void 0 : _data$service.value) || [];
+  // open items 下的商品
+  list = list.filter(function (item) {
+    var _item$_extend10;
+    return !((_item$_extend10 = item._extend) !== null && _item$_extend10 !== void 0 && _item$_extend10.holder_id);
+  });
+  var relationProducts = [];
+  relationProducts = list.map(function (item) {
+    return formatProducts(item);
+  });
+  return relationProducts;
+};
+
 /**
  * @title: 预约主体信息
  * @description: 
@@ -197,8 +371,8 @@ var formatBookings = function formatBookings(data) {
  * @Date: 2024-02-19 09:26
  */
 var formatHolder = function formatHolder(state, values) {
-  var _state$bookingConfig, _state$bookingConfig$, _state$bookingConfig$2, _state$bookingConfig$3, _state$pet$value, _state$pet, _state$pet$originValu, _state$pet$originValu2;
-  var form_id = (state === null || state === void 0 ? void 0 : (_state$bookingConfig = state.bookingConfig) === null || _state$bookingConfig === void 0 ? void 0 : (_state$bookingConfig$ = _state$bookingConfig.config) === null || _state$bookingConfig$ === void 0 ? void 0 : (_state$bookingConfig$2 = _state$bookingConfig$.basic) === null || _state$bookingConfig$2 === void 0 ? void 0 : (_state$bookingConfig$3 = _state$bookingConfig$2.appointment_subject) === null || _state$bookingConfig$3 === void 0 ? void 0 : _state$bookingConfig$3.form_id) || 0;
+  var _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$bookingConfig5, _state$pet$value, _state$pet, _state$pet$originValu, _state$pet$originValu2;
+  var form_id = (state === null || state === void 0 ? void 0 : (_state$bookingConfig2 = state.bookingConfig) === null || _state$bookingConfig2 === void 0 ? void 0 : (_state$bookingConfig3 = _state$bookingConfig2.config) === null || _state$bookingConfig3 === void 0 ? void 0 : (_state$bookingConfig4 = _state$bookingConfig3.basic) === null || _state$bookingConfig4 === void 0 ? void 0 : (_state$bookingConfig5 = _state$bookingConfig4.appointment_subject) === null || _state$bookingConfig5 === void 0 ? void 0 : _state$bookingConfig5.form_id) || 0;
   var petValue = ((_state$pet$value = state.pet.value) === null || _state$pet$value === void 0 ? void 0 : _state$pet$value[form_id]) || [];
   var obj = {
     customer_id: values.customer_id,
@@ -230,9 +404,12 @@ export var formatValues = function formatValues(state) {
     bookings: [],
     customer_id: 1,
     customer_name: "",
-    holder: {}
+    holder: {},
+    relation_products: [],
+    metadata: {}
   };
-  if (!state.bookingId) {
+  var isDay = isDayBooking(state);
+  if (!state.bookingId || isDay) {
     // 备注
     values.shop_note = formatNote(state);
   }
@@ -251,9 +428,13 @@ export var formatValues = function formatValues(state) {
 
   // 主体
   values.holder = formatHolder(state, values);
+  if (isDay) {
+    // 父预约商品
+    values.relation_products = formatRelationProducts(state);
+  }
 
   // 服务
-  values.bookings = formatBookings(state);
+  values.bookings = formatBookings(state, values);
 
   // 日期
   if ((_values = values) !== null && _values !== void 0 && (_values$bookings = _values.bookings) !== null && _values$bookings !== void 0 && (_values$bookings$ = _values$bookings[0]) !== null && _values$bookings$ !== void 0 && _values$bookings$.select_date && !(state !== null && state !== void 0 && state.bookingId)) {
@@ -263,5 +444,10 @@ export var formatValues = function formatValues(state) {
     startTime = "".concat(startTime || '00:00', ":00");
     values.schedule_date = "".concat(values.bookings[0].select_date, " ").concat(startTime);
   }
+
+  // 跨日预约增加多余参数区分
+  if (isDay) {
+    values.metadata.is_multiday_appointment = 1;
+  }
   return values;
 };

package/es/components/booking/info/addServiceVariant/index.js

@@ -24,13 +24,20 @@ var AddServiceVariant = function AddServiceVariant(props) {
         service: _objectSpread(_objectSpread({}, stateRef.current.service), payload)
       });
     }
+
+    // 更新日期
+    if (type === 'setDate') {
+      setGlobalState({
+        date: _objectSpread(_objectSpread({}, stateRef.current.date), payload)
+      });
+    }
   };
   var Cpt = AddService;
   if (isBooking4Shop((_context$appHelper$ut = context.appHelper.utils.store) === null || _context$appHelper$ut === void 0 ? void 0 : (_context$appHelper$ut2 = _context$appHelper$ut.getState) === null || _context$appHelper$ut2 === void 0 ? void 0 : (_context$appHelper$ut3 = _context$appHelper$ut2.call(_context$appHelper$ut)) === null || _context$appHelper$ut3 === void 0 ? void 0 : (_context$appHelper$ut4 = _context$appHelper$ut3.global) === null || _context$appHelper$ut4 === void 0 ? void 0 : (_context$appHelper$ut5 = _context$appHelper$ut4.globalConfig) === null || _context$appHelper$ut5 === void 0 ? void 0 : _context$appHelper$ut5.id, props === null || props === void 0 ? void 0 : (_props$globalState = props.globalState) === null || _props$globalState === void 0 ? void 0 : _props$globalState.renderType)) {
     Cpt = AddService2;
   }
   return /*#__PURE__*/React.createElement(Cpt, {
-    renderMode: "current",
+    renderMode: 'current',
     dispatch: dispatch,
     state: globalState,
     drawerProps: {

package/es/components/booking/info/clientVariant/vertical/SelectDrawer.d.ts

@@ -19,6 +19,7 @@ interface SelectDrawerProps {
     modalOpen: boolean;
     franchiseeLoading?: number;
     showHeader?: boolean;
+    showWalkIn?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<SelectDrawerProps & React.RefAttributes<unknown>>;
 export default _default;

package/es/components/booking/info/clientVariant/vertical/SelectDrawer.js

@@ -99,7 +99,8 @@ var SelectDrawer = function SelectDrawer(props, ref) {
     handleAddPet = props.handleAddPet,
     modalOpen = props.modalOpen,
     franchiseeLoading = props.franchiseeLoading,
-    showHeader = props.showHeader;
+    showHeader = props.showHeader,
+    showWalkIn = props.showWalkIn;
   var form = (formData === null || formData === void 0 ? void 0 : formData[0]) || {};
   var valList = (childrenValue === null || childrenValue === void 0 ? void 0 : childrenValue[form.id]) || defaultArr;
   var _useState = useState(valList),
@@ -107,13 +108,6 @@ var SelectDrawer = function SelectDrawer(props, ref) {
     _value = _useState2[0],
     setValue = _useState2[1];
   var clientRef = useRef();
-  useEffect(function () {
-    setValue(valList.map(function (item) {
-      return _objectSpread(_objectSpread({}, item), {}, {
-        id: item.id || item.form_record_id
-      });
-    }));
-  }, [valList]);
   var searchRef = useRef();
 
   // 是否打开弹窗
@@ -125,6 +119,13 @@ var SelectDrawer = function SelectDrawer(props, ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     search = _useState6[0],
     _setSearch = _useState6[1];
+  useEffect(function () {
+    setValue(valList.map(function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        id: item.id || item.form_record_id
+      });
+    }));
+  }, [valList, open]);
   useEffect(function () {
     if (!modalOpen) {
       setOpen(false);
@@ -168,12 +169,12 @@ var SelectDrawer = function SelectDrawer(props, ref) {
     if (getIsWalkIn(item === null || item === void 0 ? void 0 : item.id)) {
       return locales.getText('pisell2.text.select-a-customer');
     }
-    var firstLastName = item.first_name || item.last_name ? "".concat(item.first_name, " ").concat(item.last_name) : "";
+    var firstLastName = item.first_name || item.last_name ? "".concat(item.first_name, " ").concat(item.last_name) : '';
     return item.name || (item.display_name || '').trim() || (item.nickname || '').trim() || firstLastName.trim() || '';
   }, [locales.localeMap]);
   var handleAddClient = function handleAddClient() {
     handleCreateItem(function () {
-      _setSearch("");
+      _setSearch('');
     });
   };
   var handleChildrenValueChange = /*#__PURE__*/function () {
@@ -311,7 +312,7 @@ var SelectDrawer = function SelectDrawer(props, ref) {
   }();
   return /*#__PURE__*/React.createElement(Drawer, {
     showGoBack: showHeader,
-    title: showHeader && locales.getText("pisell2.text.select-customer"),
+    title: showHeader && locales.getText('pisell2.text.select-customer'),
     open: open,
     onClose: closeDrawer,
     header: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
@@ -351,13 +352,13 @@ var SelectDrawer = function SelectDrawer(props, ref) {
   }, /*#__PURE__*/React.createElement(ActionItem, {
     title: locales.getText('pisell2.text.create-new-customer'),
     onClick: handleAddClient
-  }), /*#__PURE__*/React.createElement(ActionItem, {
+  }), showWalkIn ? /*#__PURE__*/React.createElement(ActionItem, {
     title: "Walk-In",
     onClick: function onClick() {
       handleSelectClient([]);
       closeDrawer();
     }
-  })), /*#__PURE__*/React.createElement(Spin, {
+  }) : null), /*#__PURE__*/React.createElement(Spin, {
     spinning: !!loading,
     delay: 500
   }, !!options.length ? options.map(function (item) {

package/es/components/booking/info/clientVariant/vertical/index.js

@@ -32,14 +32,17 @@ import useEngineContext from "../../../../../hooks/useEngineContext";
 import { formatAddFormValues } from "../../../forms/format";
 import { moveItemToFront } from "../../utils";
 import { request } from "../../../utils";
+import { isDayBooking, isOpenDeletePet } from "../../service2/utils";
+import ChangePetModal from "../../pet/ChangePetModal";
 var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _context$appHelper, _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig8, _state$bookingConfig9, _state$bookingConfig10, _state$bookingConfig11, _state$pet3, _state$pet4, _state$pet6, _state$pet6$formData, _state$pet6$formData$, _state$pet8, _state$client$value4, _state$bookingConfig17, _state$bookingConfig18, _state$bookingConfig19, _state$pet9, _state$pet9$formData, _state$bookingConfig20, _state$bookingConfig21, _state$client$value5, _state$client$value6, _state$client$value7, _state$client$value8, _state$client$value9, _context$appHelper2, _context$appHelper2$u, _context$appHelper2$u2, _state$bookingConfig22, _state$client6;
+  var _context$appHelper, _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig8, _state$bookingConfig9, _state$bookingConfig10, _state$bookingConfig11, _state$pet3, _state$pet4, _state$pet6, _state$pet6$formData, _state$pet6$formData$, _state$pet8, _state$client$value4, _state$bookingConfig17, _state$bookingConfig18, _state$bookingConfig19, _state$pet9, _state$pet9$formData, _state$bookingConfig20, _state$bookingConfig21, _state$service2, _state$client$value5, _state$client$value6, _state$client$value7, _state$client$value8, _state$client$value9, _context$appHelper2, _context$appHelper2$u, _context$appHelper2$u2, _state$bookingConfig22, _state$client6;
   var globalState = props.globalState,
     setGlobalState = props.setGlobalState;
   var modalRef = useRef();
   var state = globalState;
   var stateRef = useRef(state);
   var prevCustomerId = useRef(null);
+  var changePetRef = useRef(null);
   var context = useEngineContext();
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
@@ -93,6 +96,13 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
         pet: _objectSpread(_objectSpread({}, stateRef.current.pet), payload)
       });
     }
+
+    // 设置服务
+    if (type === 'setService') {
+      setGlobalState({
+        service: _objectSpread(_objectSpread({}, stateRef.current.service), payload)
+      });
+    }
   };
   var boardConfig = useMemo(function () {
     var _state$bookingConfig, _state$bookingConfig$, _state$bookingConfig$2;
@@ -110,6 +120,21 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }, [state === null || state === void 0 ? void 0 : (_state$bookingConfig8 = state.bookingConfig) === null || _state$bookingConfig8 === void 0 ? void 0 : (_state$bookingConfig9 = _state$bookingConfig8.config) === null || _state$bookingConfig9 === void 0 ? void 0 : (_state$bookingConfig10 = _state$bookingConfig9.basic) === null || _state$bookingConfig10 === void 0 ? void 0 : (_state$bookingConfig11 = _state$bookingConfig10.appointment_customer) === null || _state$bookingConfig11 === void 0 ? void 0 : _state$bookingConfig11.type, state === null || state === void 0 ? void 0 : state.modalOpen]);
   var handleSelectPet = function handleSelectPet(val) {
+    // 跨日预约，更改表单的时候打开弹窗提示
+    if (isDayBooking(state)) {
+      var _isOpenDeletePet = isOpenDeletePet(state, val),
+        ids = _isOpenDeletePet.ids,
+        lists = _isOpenDeletePet.lists;
+      if ((ids === null || ids === void 0 ? void 0 : ids.length) > 0 && (lists === null || lists === void 0 ? void 0 : lists.length) > 0) {
+        var _changePetRef$current, _state$service;
+        (_changePetRef$current = changePetRef.current) === null || _changePetRef$current === void 0 ? void 0 : _changePetRef$current.open({
+          ids: ids,
+          setGlobalState: setGlobalState,
+          service: ((_state$service = state.service) === null || _state$service === void 0 ? void 0 : _state$service.value) || [],
+          state: state
+        });
+      }
+    }
     setGlobalState({
       pet: _objectSpread(_objectSpread({}, state.pet), {}, {
         edit: true,
@@ -246,7 +271,8 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [isWalkIn, formId, (_state$client$value4 = state.client.value) === null || _state$client$value4 === void 0 ? void 0 : _state$client$value4.id, currentPetValue, boardConfig]);
   var petRender = useMemo(function () {
     var _state$bookingConfig14, _state$bookingConfig15, _state$bookingConfig16;
-    if (state !== null && state !== void 0 && state.disabledEdit || boardConfig.type !== 'form') {
+    // 跨日预约需要显示pet
+    if ((state !== null && state !== void 0 && state.disabledEdit || boardConfig.type !== 'form') && !isDayBooking(state)) {
       return null;
     }
     return /*#__PURE__*/React.createElement(React.Fragment, null, !(currentPetValue !== null && currentPetValue !== void 0 && currentPetValue.length) && !isHasFormRecord && !isWalkIn && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Empty, {
@@ -291,7 +317,7 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
       },
       previewItemTitleRender: previewItemTitleRender
     }));
-  }, [isWalkIn, isHasFormRecord, state === null || state === void 0 ? void 0 : state.disabledEdit, boardConfig.type, state === null || state === void 0 ? void 0 : (_state$bookingConfig17 = state.bookingConfig) === null || _state$bookingConfig17 === void 0 ? void 0 : (_state$bookingConfig18 = _state$bookingConfig17.holder) === null || _state$bookingConfig18 === void 0 ? void 0 : (_state$bookingConfig19 = _state$bookingConfig18.form) === null || _state$bookingConfig19 === void 0 ? void 0 : _state$bookingConfig19.title, (_state$pet9 = state.pet) === null || _state$pet9 === void 0 ? void 0 : (_state$pet9$formData = _state$pet9.formData) === null || _state$pet9$formData === void 0 ? void 0 : _state$pet9$formData[0], state, petDispatch, handleOpenModal, handleOpenClientModal, previewItemTitleRender, handleAddPet, currentPetValue, formId, state === null || state === void 0 ? void 0 : (_state$bookingConfig20 = state.bookingConfig) === null || _state$bookingConfig20 === void 0 ? void 0 : (_state$bookingConfig21 = _state$bookingConfig20.holder) === null || _state$bookingConfig21 === void 0 ? void 0 : _state$bookingConfig21.data_range]);
+  }, [isWalkIn, isHasFormRecord, state === null || state === void 0 ? void 0 : state.disabledEdit, boardConfig.type, state === null || state === void 0 ? void 0 : (_state$bookingConfig17 = state.bookingConfig) === null || _state$bookingConfig17 === void 0 ? void 0 : (_state$bookingConfig18 = _state$bookingConfig17.holder) === null || _state$bookingConfig18 === void 0 ? void 0 : (_state$bookingConfig19 = _state$bookingConfig18.form) === null || _state$bookingConfig19 === void 0 ? void 0 : _state$bookingConfig19.title, (_state$pet9 = state.pet) === null || _state$pet9 === void 0 ? void 0 : (_state$pet9$formData = _state$pet9.formData) === null || _state$pet9$formData === void 0 ? void 0 : _state$pet9$formData[0], state, petDispatch, handleOpenModal, handleOpenClientModal, previewItemTitleRender, handleAddPet, currentPetValue, formId, state === null || state === void 0 ? void 0 : (_state$bookingConfig20 = state.bookingConfig) === null || _state$bookingConfig20 === void 0 ? void 0 : (_state$bookingConfig21 = _state$bookingConfig20.holder) === null || _state$bookingConfig21 === void 0 ? void 0 : _state$bookingConfig21.data_range, (_state$service2 = state.service) === null || _state$service2 === void 0 ? void 0 : _state$service2.value]);
   var handleOpenClient = function handleOpenClient() {
     if (!isWalkIn || state !== null && state !== void 0 && state.disableEventBookingEdit) {
       return;
@@ -386,7 +412,10 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
     loadMore: loadMore,
     showPet: (boardConfig === null || boardConfig === void 0 ? void 0 : boardConfig.type) === 'form',
     handleAddPet: handleAddPet,
-    franchiseeLoading: franchiseeLoading
+    franchiseeLoading: franchiseeLoading,
+    showWalkIn: !isDayBooking(state)
+  }), /*#__PURE__*/React.createElement(ChangePetModal, {
+    ref: changePetRef
   }));
 });
 export default VerticalClient;

package/es/components/booking/info/dateRange/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.less';
+export declare const disabledDate: (current: any, position: any, currentDate: any) => any;
+declare const DateRange: ({ state, dispatch, key }: any) => React.JSX.Element;
+export default DateRange;

package/es/components/booking/info/dateRange/index.js

@@ -0,0 +1,98 @@
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useMemo, useState } from 'react';
+import { CalendarOutlined } from '@ant-design/icons';
+import classNames from 'classnames';
+import dayjs from 'dayjs';
+import { DatePicker, Page } from '@pisell/materials';
+import "./index.less";
+
+// 禁用之前的日期
+export var disabledDate = function disabledDate(current, position, currentDate) {
+  if (position === 'start') {
+    return false;
+  }
+  if (position === 'end' && current.endOf('day') && currentDate !== null && currentDate !== void 0 && currentDate[0]) {
+    // 结束日期最大 = 开始日期 + 8个月
+    var endDisabled = currentDate === null || currentDate === void 0 ? void 0 : currentDate[0].add(8, 'months').format('YYYY-MM-DD');
+    return dayjs(endDisabled) < current.startOf('day') || current.startOf('day') <= (currentDate === null || currentDate === void 0 ? void 0 : currentDate[0]);
+  }
+  return current && current <= (currentDate === null || currentDate === void 0 ? void 0 : currentDate[0]);
+};
+var DateRange = function DateRange(_ref) {
+  var state = _ref.state,
+    dispatch = _ref.dispatch,
+    key = _ref.key;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  useEffect(function () {
+    var _state$date, _state$date2;
+    var lists = [(_state$date = state.date) === null || _state$date === void 0 ? void 0 : _state$date.value, (_state$date2 = state.date) === null || _state$date2 === void 0 ? void 0 : _state$date2.end_date];
+    setValue(lists);
+    console.log('lists', lists);
+  }, [state.date]);
+
+  /**
+   * @title: 点击确定
+   * @description:
+   * @param {any} e
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-12 15:39
+   */
+  var dateChange = function dateChange(e) {
+    dispatch({
+      type: 'setDate',
+      payload: {
+        value: e[0],
+        end_date: e[1],
+        edit: true
+      }
+    });
+  };
+
+  /**
+   * @title: 格式化语言
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-09 17:47
+   */
+  var formatLocale = useMemo(function () {
+    var locale = state === null || state === void 0 ? void 0 : state.locale;
+    var isEn = locale === 'en' || locale === 'en-US';
+    var _format = isEn ? 'DD/MM/YYYY' : 'YYYY-MM-DD';
+    return _format;
+  }, [state === null || state === void 0 ? void 0 : state.locale, state.date]);
+  return useMemo(function () {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: classNames('pisell-lowcode__booking-service-header-date-range', {
+        'pisell-lowcode__booking-service-header-date-range-terminal': state.isTerminalDayBookingPage
+      })
+    }, /*#__PURE__*/React.createElement(Page, null, /*#__PURE__*/React.createElement(DatePicker.RangePicker, {
+      key: key,
+      inputReadOnly: true,
+      allowClear: false,
+      size: "large",
+      style: {
+        width: '100%',
+        padding: 0
+      },
+      suffixIcon: !state.disabledEdit ? /*#__PURE__*/React.createElement(CalendarOutlined, null) : null,
+      disabledDate: disabledDate,
+      value: [value[0], value[1]],
+      onChange: dateChange,
+      format: formatLocale,
+      isHideCustomSelect: true,
+      endDateDays: 1
+    }))));
+  }, [value, state.disabledEdit, state === null || state === void 0 ? void 0 : state.locale]);
+};
+export default DateRange;