@pisell/private-materials 3.0.199 → 3.0.201

package/es/components/booking/info/service/editService/index.js

@@ -24,20 +24,24 @@ import Drawer from "../../../components/drawer";
 import { Context } from "../../model";
 import { formatAmount, locales } from '@pisell/utils';
 import Duration from "../../../materiels/duration";
-import { Input, Button, Select, Row, Col, Form, Alert, InputNumber } from 'antd';
+import Holder from "../../../materiels/holder";
+import { Input, Button, Select, Row, Col, Form, Alert, InputNumber, DatePicker } from 'antd';
 import "./index.less";
 import CollapsibleList from "../../../components/collapsibleList";
 import { renderBundles } from "../../../components/collapsibleList/utils";
 import { useUpdateEffect, useMemoizedFn } from 'ahooks';
 // import SelectTime from "../../../../../../../materials/src/components/select-time";
-import { getErrorList, getServiceTimes, deleteCacheParams, getProductTotalPrice } from "../../../utils";
+import { getErrorList, getServiceTimes, deleteCacheParams, getProductTotalPrice, getDays } from "../../../utils";
 import Like from "../like";
 import { getNoResource } from "../../../mock";
 import { formatResources, getDurationProps, getFlexibleOption, getTimeObj } from "../addService/utils";
 import { PisellAdjustPriceInputNumber, Page } from '@pisell/materials';
+import dayjs from 'dayjs';
+import useSelectPet from "../../service2/hooks/useSelectPet";
+import { disabledDate as _disabledDate, isDayBooking, formatDayTime, isAppointment } from "../../service2/utils";
 var submitLock = false;
 var Info = function Info(_, ref) {
-  var _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$service$cacheI4, _state$service$cacheI5, _state$service$cacheI7, _state$service$cacheI8, _state$service$cacheI9, _state$service3, _state$service3$cache, _state$service5, _state$service5$cache, _state$service5$cache2, _state$service5$cache3, _state$date, _state$date$value, _state$date$value$for, _window$BaseMaterials, _state$service$cacheI19, _state$service7, _state$service7$cache, _state$service7$cache2, _state$service$cacheI20, _state$service$cacheI21, _state$bookingConfig9, _state$bookingConfig10, _state$bookingConfig11, _state$bookingConfig12;
+  var _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$service$cacheI4, _state$service$cacheI5, _state$service$cacheI7, _state$service$cacheI8, _state$service$cacheI9, _state$service3, _state$service3$cache, _state$service5, _state$service5$cache, _state$service5$cache2, _state$service5$cache3, _state$date, _state$date$value, _state$date$value$for, _state$date2, _window$BaseMaterials, _state$service$cacheI19, _state$service7, _state$service7$cache, _state$service7$cache2, _state$service$cacheI20, _state$service$cacheI21, _state$bookingConfig9, _state$bookingConfig10, _state$bookingConfig11, _state$bookingConfig12;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -46,6 +50,8 @@ var Info = function Info(_, ref) {
   var useResource = Form.useWatch('resource', form);
   var useStartTime = Form.useWatch('start_time', form);
   var useDuration = Form.useWatch('duration', form);
+  var useStartDate = Form.useWatch('start_date', form);
+  var useEndDate = Form.useWatch('end_date', form);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     resourceLoading = _useState2[0],
@@ -58,6 +64,11 @@ var Info = function Info(_, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     selectOpen = _useState4[0],
     setSelectOpen = _useState4[1];
+  var _useSelectPet = useSelectPet(state),
+    holderLists = _useSelectPet.holderLists;
+  var isDay = useMemo(function () {
+    return isDayBooking(state);
+  }, [state.renderType]);
 
   // 当前商品信息+ 表单信息
   var getCurrentCacheItem = function getCurrentCacheItem(_cacheItem) {
@@ -178,7 +189,8 @@ var Info = function Info(_, ref) {
               payload: {
                 resources: formatResources({
                   cacheItem: _cacheItem,
-                  resourcesOrigin: _list
+                  resourcesOrigin: _list,
+                  isDay: isDay
                 })
               }
             });
@@ -289,8 +301,8 @@ var Info = function Info(_, ref) {
       return d.form_record_id == useResource;
     });
     if (item) {
-      var _item$_extend$usableT;
-      var isMaxLimitRange = (_item$_extend$usableT = item._extend.usableTime) === null || _item$_extend$usableT === void 0 ? void 0 : _item$_extend$usableT._extend.isMaxLimitRange;
+      var _item$_extend$usableT, _item$_extend$usableT2;
+      var isMaxLimitRange = (_item$_extend$usableT = item._extend.usableTime) === null || _item$_extend$usableT === void 0 ? void 0 : (_item$_extend$usableT2 = _item$_extend$usableT._extend) === null || _item$_extend$usableT2 === void 0 ? void 0 : _item$_extend$usableT2.isMaxLimitRange;
       // unknown 为未知是否可用, 需要掉后端接口确定
       if (isMaxLimitRange === 'unknown') {
         // 调接口
@@ -355,13 +367,24 @@ var Info = function Info(_, ref) {
       errorList: errorList
     });
     var _extend = _objectSpread(_objectSpread({}, _item._extend), values);
-    var _getServiceTimes = getServiceTimes({
-        _extend: _extend
-      }),
-      startDate = _getServiceTimes.startDate,
-      endDate = _getServiceTimes.endDate;
-    _extend.startDate = startDate;
-    _extend.endDate = endDate;
+
+    // 跨日预约
+    if (isAppointment(state.service.cacheItem, state)) {
+      // _extend = formatDayTime(_extend);
+
+      // 更新商品数量和更新日期
+      _extend.quantity = useDuration || 1;
+      _extend.startDate = _extend === null || _extend === void 0 ? void 0 : _extend.start_date;
+      _extend.endDate = _extend === null || _extend === void 0 ? void 0 : _extend.end_date;
+    } else {
+      var _getServiceTimes = getServiceTimes({
+          _extend: _extend
+        }),
+        startDate = _getServiceTimes.startDate,
+        endDate = _getServiceTimes.endDate;
+      _extend.startDate = startDate;
+      _extend.endDate = endDate;
+    }
     var _ref2 = (currentResource === null || currentResource === void 0 ? void 0 : (_currentResource$_ext = currentResource._extend) === null || _currentResource$_ext === void 0 ? void 0 : _currentResource$_ext.usableTime) || {},
       relation_type = _ref2.relation_type,
       item_id = _ref2.item_id,
@@ -403,8 +426,14 @@ var Info = function Info(_, ref) {
     });
   });
   var setEditData = useMemoizedFn(function (_cacheItem, open) {
+    var _values;
     var cacheItem = _cacheItem || state.service.cacheItem;
     var values = cacheItem._extend;
+
+    // 没有折扣原因则清空
+    values = _objectSpread(_objectSpread({}, values), {}, {
+      discount_reason: ((_values = values) === null || _values === void 0 ? void 0 : _values.discount_reason) || ''
+    });
     form.setFieldsValue(values);
     if (state.renderType !== 'eventBooking') {
       // 获取资源列表
@@ -437,7 +466,7 @@ var Info = function Info(_, ref) {
    * @Date: 2024-01-09 14:06
    */
   var errorList = useMemo(function () {
-    return getErrorList(currentResource, getCurrentCacheItem());
+    return getErrorList(currentResource, getCurrentCacheItem(), isDay);
   }, [currentResource, useDuration, useStartTime]);
 
   /**
@@ -456,12 +485,24 @@ var Info = function Info(_, ref) {
       }
     }
   }, [useStartTime, useDuration, state.renderType, state.service.resourcesOrigin, (_state$service$cacheI7 = state.service.cacheItem) === null || _state$service$cacheI7 === void 0 ? void 0 : _state$service$cacheI7.autoClose]);
+
+  /**
+   * @title: 是否在terminal上打开预约
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-04 19:02
+   */
+  var isTerminalBooking = useMemo(function () {
+    return state.isBookingCreatePage || state.isTerminalDayBookingPage;
+  }, [state.isBookingCreatePage, state.isTerminalDayBookingPage]);
   useEffect(function () {
     // 预约创建页面并且打开了编辑弹窗
-    if (state.isBookingCreatePage && state.service.editModal) {
+    if (isTerminalBooking && state.service.editModal) {
       setEditData(null, true);
     }
-  }, [state.service.editModal, state.isBookingCreatePage]);
+  }, [state.service.editModal, isTerminalBooking]);
 
   /**
    * @title: 资源 时间 发生变化时, 重新计算错误信息
@@ -472,7 +513,7 @@ var Info = function Info(_, ref) {
    */
   useEffect(function () {
     getErrorMsg();
-  }, [useResource, useStartTime, useDuration]);
+  }, [useResource, useStartTime, useDuration, useStartDate, useEndDate]);
 
   /**
    * @title: 价格发生变化,重新计算折扣
@@ -514,23 +555,49 @@ var Info = function Info(_, ref) {
    */
   var getResourcesData = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var data, _list;
+      var params, format, startDate, endDate, _formatDayTime, startDateTime, endDateTime, data, _list;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             setResourceLoading(true);
             _context2.prev = 1;
-            _context2.next = 4;
-            return state.apis.getResources({
+            params = {};
+            if (!isDay) {
+              _context2.next = 13;
+              break;
+            }
+            format = 'YYYY-MM-DD HH:mm';
+            startDate = useStartDate || state.date.value;
+            endDate = useEndDate || state.date.end_date;
+            _formatDayTime = formatDayTime({
+              startDate: startDate,
+              endDate: endDate
+            }), startDateTime = _formatDayTime.startDateTime, endDateTime = _formatDayTime.endDateTime;
+            if (!dayjs(startDateTime).isAfter(dayjs(endDateTime))) {
+              _context2.next = 10;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 10:
+            params.check_time = {
+              start_time: dayjs(startDateTime).format(format),
+              end_time: dayjs(endDateTime).format(format)
+            };
+            _context2.next = 14;
+            break;
+          case 13:
+            params.with_date_times = state.date.value.format('YYYY-MM-DD');
+          case 14:
+            _context2.next = 16;
+            return state.apis.getResources(_objectSpread({
               skip: 1,
               num: 1000,
-              with_date_times: state.date.value.format('YYYY-MM-DD'),
               codes: ['resources', 'therapist', 'table'],
               _config: {
                 abort: true
               }
-            });
-          case 4:
+            }, params));
+          case 16:
             data = _context2.sent;
             // 合并无资源
             _list = [getNoResource()].concat((data === null || data === void 0 ? void 0 : data.list) || []);
@@ -540,19 +607,19 @@ var Info = function Info(_, ref) {
                 resourcesOrigin: _list
               }
             });
-            _context2.next = 12;
+            _context2.next = 24;
             break;
-          case 9:
-            _context2.prev = 9;
+          case 21:
+            _context2.prev = 21;
             _context2.t0 = _context2["catch"](1);
             console.log(_context2.t0, 'err');
-          case 12:
+          case 24:
             setResourceLoading(false);
-          case 13:
+          case 25:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[1, 9]]);
+      }, _callee2, null, [[1, 21]]);
     }));
     return function getResourcesData() {
       return _ref3.apply(this, arguments);
@@ -562,7 +629,7 @@ var Info = function Info(_, ref) {
     setTimeout(function () {
       getResourcesData();
     }, 20);
-  }, [(_state$date = state.date) === null || _state$date === void 0 ? void 0 : (_state$date$value = _state$date.value) === null || _state$date$value === void 0 ? void 0 : (_state$date$value$for = _state$date$value.format) === null || _state$date$value$for === void 0 ? void 0 : _state$date$value$for.call(_state$date$value, 'YYYY-MM-DD')]);
+  }, [(_state$date = state.date) === null || _state$date === void 0 ? void 0 : (_state$date$value = _state$date.value) === null || _state$date$value === void 0 ? void 0 : (_state$date$value$for = _state$date$value.format) === null || _state$date$value$for === void 0 ? void 0 : _state$date$value$for.call(_state$date$value, 'YYYY-MM-DD'), (_state$date2 = state.date) === null || _state$date2 === void 0 ? void 0 : _state$date2.end_date, useStartDate, useEndDate]);
 
   /**
    * @title: 编辑商品
@@ -573,11 +640,24 @@ var Info = function Info(_, ref) {
    * @Date: 2024-08-28 17:08
    */
   var handleEdit = useMemoizedFn(function (e) {
+    var _item$_extend3;
     // 当前商品
     var item = state.service.cacheItem;
 
     // 表单数据
     var values = form.getFieldsValue();
+    var dayValue = {};
+    if (isDay) {
+      var _item$_extend, _item$_extend$other, _item$_extend$other$o, _item$_extend2, _item$_extend2$other;
+      // 格式化单规格
+      var option = (_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$o = _item$_extend$other.option) === null || _item$_extend$other$o === void 0 ? void 0 : _item$_extend$other$o.map(function (o) {
+        return _objectSpread(_objectSpread({}, o), {}, {
+          option_group_item_id: o.product_option_item_id
+        });
+      });
+      dayValue.product_variant = ((_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.product_variant_id) || 0;
+      dayValue.product_option = option || [];
+    }
 
     // 打开商品详情弹窗
     state.action({
@@ -586,14 +666,15 @@ var Info = function Info(_, ref) {
         id: item.id,
         date: state.date.value.format('YYYY-MM-DD'),
         showConfig: {
-          option: false,
+          option: isDay ? true : false,
           session: false,
-          variant: false,
+          variant: isDay ? true : false,
           package: true
         },
-        value: item._extend.other
+        value: _objectSpread(_objectSpread({}, ((_item$_extend3 = item._extend) === null || _item$_extend3 === void 0 ? void 0 : _item$_extend3.other) || {}), dayValue)
       },
       callback: function callback(e) {
+        var _cacheItem$_extend, _cacheItem$_extend$ot;
         // 重新生成商品
         var cacheItem = _objectSpread(_objectSpread({}, item), {}, {
           product_id: item.id,
@@ -609,6 +690,12 @@ var Info = function Info(_, ref) {
         // 获取商品总价
         var _total = getProductTotalPrice(cacheItem);
 
+        // 如果有多规格，则更新商品的单价
+        if (cacheItem !== null && cacheItem !== void 0 && (_cacheItem$_extend = cacheItem._extend) !== null && _cacheItem$_extend !== void 0 && (_cacheItem$_extend$ot = _cacheItem$_extend.other) !== null && _cacheItem$_extend$ot !== void 0 && _cacheItem$_extend$ot.product_variant_id) {
+          var _cacheItem$_extend2, _cacheItem$_extend2$o;
+          cacheItem._extend.price = Number((_cacheItem$_extend2 = cacheItem._extend) === null || _cacheItem$_extend2 === void 0 ? void 0 : (_cacheItem$_extend2$o = _cacheItem$_extend2.other) === null || _cacheItem$_extend2$o === void 0 ? void 0 : _cacheItem$_extend2$o.price);
+        }
+
         // 用于折扣 可修改
         cacheItem._extend.total = _total;
 
@@ -659,6 +746,89 @@ var Info = function Info(_, ref) {
     };
   });
   var SelectTime = (_window$BaseMaterials = window.BaseMaterials) === null || _window$BaseMaterials === void 0 ? void 0 : _window$BaseMaterials.SelectTime;
+
+  /**
+   * @title: 日期组件
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-11-30 22:22
+   */
+  var DateCom = function DateCom(position) {
+    return /*#__PURE__*/React.createElement(DatePicker, {
+      className: "pisell-lowcode__booking-service-select-date",
+      disabledDate: function disabledDate(current) {
+        return _disabledDate(current, position, useStartDate);
+      },
+      size: "large",
+      style: {
+        width: '100%'
+      },
+      format: state.locale === 'en' ? 'DD/MM/YYYY' : 'YYYY-MM-DD'
+    });
+  };
+
+  /**
+   * @title: 表单更新
+   * @description:
+   * @param {any} changedValues
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-04 14:39
+   */
+  var onValuesChange = function onValuesChange(changedValues) {
+    // 跨日预约
+    if (isDay) {
+      // 根据时长更新结束时间
+      if (changedValues !== null && changedValues !== void 0 && changedValues.duration) {
+        return form.setFieldsValue({
+          end_date: dayjs(useStartDate).add(changedValues === null || changedValues === void 0 ? void 0 : changedValues.duration, 'day')
+        });
+      }
+
+      // 验证结束日期
+      if (changedValues !== null && changedValues !== void 0 && changedValues.start_date) {
+        var startDate = dayjs(changedValues === null || changedValues === void 0 ? void 0 : changedValues.start_date);
+        var endDate = dayjs(useEndDate);
+        // 如果开始日期大于结束日期，则清空数据
+        if (startDate.isAfter(endDate)) {
+          return form.setFieldsValue({
+            duration: undefined,
+            end_date: undefined
+          });
+        }
+      }
+
+      // 计算时长
+      if (changedValues !== null && changedValues !== void 0 && changedValues.start_date || changedValues !== null && changedValues !== void 0 && changedValues.end_date) {
+        var _cacheItem2 = getCurrentCacheItem();
+        var duration = getDays(_cacheItem2, 'days');
+        return form.setFieldsValue({
+          duration: duration
+        });
+      }
+    }
+  };
+
+  /**
+   * @title: 是否显示资源和时长
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-09 15:59
+   */
+  var showResource = useMemo(function () {
+    if (state.renderType === 'eventBooking') {
+      return false;
+    }
+
+    // 跨日预约
+    if (isDay) {
+      return isAppointment(state.service.cacheItem, state);
+    }
+    return true;
+  }, [state.service.cacheItem, state.renderType]);
   return useMemo(function () {
     var _state$service$cacheI10, _state$service6, _state$service6$cache, _state$service6$cache2, _state$service$cacheI11, _state$service$cacheI12, _state$service$cacheI13, _state$service$cacheI14, _state$service$cacheI15, _state$service$cacheI16, _state$service$cacheI17, _state$service$cacheI18, _state$bookingConfig5, _state$bookingConfig6, _state$bookingConfig7, _state$bookingConfig8;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer
@@ -668,7 +838,7 @@ var Info = function Info(_, ref) {
       zIndex: state.service.changeService ? 999 : 1000,
       forceRender: true,
       open: state.service.editModal && !((_state$service$cacheI10 = state.service.cacheItem) !== null && _state$service$cacheI10 !== void 0 && _state$service$cacheI10.autoClose),
-      title: locales.getText('pisell2.text.edit-service'),
+      title: isDay ? locales.getText('pisell2.text.edit-select-service') : locales.getText('pisell2.text.edit-service'),
       onClose: function onClose() {
         dispatch({
           type: 'setService',
@@ -684,7 +854,8 @@ var Info = function Info(_, ref) {
     }, /*#__PURE__*/React.createElement(Page, null, /*#__PURE__*/React.createElement(Form, {
       layout: "vertical",
       form: form,
-      onFinish: onFinish
+      onFinish: onFinish,
+      onValuesChange: onValuesChange
     }, /*#__PURE__*/React.createElement(Row, {
       style: {
         width: '100%'
@@ -702,7 +873,7 @@ var Info = function Info(_, ref) {
       className: "current-service-info-name"
     }, ((_state$service6 = state.service) === null || _state$service6 === void 0 ? void 0 : (_state$service6$cache = _state$service6.cacheItem) === null || _state$service6$cache === void 0 ? void 0 : (_state$service6$cache2 = _state$service6$cache._extend) === null || _state$service6$cache2 === void 0 ? void 0 : _state$service6$cache2.product_name) || '-'), /*#__PURE__*/React.createElement(Button, {
       onClick: handleEdit
-    }, locales.getText('pisell2.text.edit')), !state.isBookingCreatePage && /*#__PURE__*/React.createElement(Button, {
+    }, locales.getText('pisell2.text.edit')), !isTerminalBooking && /*#__PURE__*/React.createElement(Button, {
       onClick: handleChange
     }, locales.getText('pisell2.text.change'))), /*#__PURE__*/React.createElement(CollapsibleList, {
       style: {
@@ -738,15 +909,15 @@ var Info = function Info(_, ref) {
       name: "discount_reason"
     }, /*#__PURE__*/React.createElement(Input.TextArea, {
       size: "large"
-    }))) : null, state.renderType !== 'eventBooking' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, {
+    }))) : null, showResource && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, {
       span: 12
     }, /*#__PURE__*/React.createElement(Form.Item, {
-      label: locales.getText('pisell2.text.start_time'),
-      name: "start_time",
+      label: locales.getText(isDay ? 'pisell2.text.start_date' : 'pisell2.text.start_time'),
+      name: isDay ? 'start_date' : 'start_time',
       rules: [{
         required: true
       }]
-    }, SelectTime ? /*#__PURE__*/React.createElement(SelectTime, {
+    }, isDay ? DateCom('start') : SelectTime ? /*#__PURE__*/React.createElement(SelectTime, {
       slice: (_state$bookingConfig5 = state.bookingConfig) === null || _state$bookingConfig5 === void 0 ? void 0 : (_state$bookingConfig6 = _state$bookingConfig5.config) === null || _state$bookingConfig6 === void 0 ? void 0 : (_state$bookingConfig7 = _state$bookingConfig6.basic) === null || _state$bookingConfig7 === void 0 ? void 0 : (_state$bookingConfig8 = _state$bookingConfig7.service_time) === null || _state$bookingConfig8 === void 0 ? void 0 : _state$bookingConfig8.value,
       timePickerProps: {
         style: {
@@ -758,7 +929,15 @@ var Info = function Info(_, ref) {
           zoom: 0.8
         }
       }
-    }) : null)), /*#__PURE__*/React.createElement(Col, {
+    }) : null)), isDay ? /*#__PURE__*/React.createElement(Col, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText(isDay ? 'pisell2.text.end_date' : 'pisell2.text.end_time'),
+      name: "end_date",
+      rules: [{
+        required: true
+      }]
+    }, DateCom('end'))) : null, /*#__PURE__*/React.createElement(Col, {
       span: 12
     }, /*#__PURE__*/React.createElement(Form.Item, {
       label: locales.getText('pisell2.text.duration'),
@@ -768,7 +947,17 @@ var Info = function Info(_, ref) {
       }]
     }, /*#__PURE__*/React.createElement(Duration, _extends({}, durationProps, {
       timeObj: timeObj
-    })))), /*#__PURE__*/React.createElement(Col, {
+    })))), isDay && (holderLists === null || holderLists === void 0 ? void 0 : holderLists.length) > 0 ? /*#__PURE__*/React.createElement(Col, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.holder'),
+      name: "holder_id",
+      rules: [{
+        required: true
+      }]
+    }, /*#__PURE__*/React.createElement(Holder, {
+      size: "large"
+    }))) : null, /*#__PURE__*/React.createElement(Col, {
       span: 24
     }, /*#__PURE__*/React.createElement(Form.Item, {
       required: true,
@@ -808,7 +997,29 @@ var Info = function Info(_, ref) {
     }, /*#__PURE__*/React.createElement(InputNumber, null)), /*#__PURE__*/React.createElement(Form.Item, {
       hidden: true,
       name: "like_status"
-    }, /*#__PURE__*/React.createElement(Input, null)))))), state.renderType !== 'eventBooking' && errorList.map(function (d, i) {
+    }, /*#__PURE__*/React.createElement(Input, null))), isDay && !isAppointment(state.service.cacheItem, state) ? /*#__PURE__*/React.createElement(Col, {
+      span: 24
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.quantity'),
+      name: "quantity",
+      rules: [{
+        required: true
+      }]
+    }, /*#__PURE__*/React.createElement(InputNumber, {
+      size: "large",
+      style: {
+        width: '100%'
+      },
+      min: 1,
+      max: 999999,
+      formatter: function formatter(value) {
+        if (value !== undefined) {
+          // 向下取整
+          return Math.floor(value);
+        }
+        return value;
+      }
+    }))) : null))), showResource && errorList.map(function (d, i) {
       return /*#__PURE__*/React.createElement(Alert, {
         key: d.type,
         message: d.label,
@@ -833,6 +1044,6 @@ var Info = function Info(_, ref) {
         form.submit();
       }
     }, locales.getText('pisell2.text.apply'))))));
-  }, [state.service.changeService, state.service.editModal, (_state$service$cacheI19 = state.service.cacheItem) === null || _state$service$cacheI19 === void 0 ? void 0 : _state$service$cacheI19.autoClose, locales, (_state$service7 = state.service) === null || _state$service7 === void 0 ? void 0 : (_state$service7$cache = _state$service7.cacheItem) === null || _state$service7$cache === void 0 ? void 0 : (_state$service7$cache2 = _state$service7$cache._extend) === null || _state$service7$cache2 === void 0 ? void 0 : _state$service7$cache2.product_name, bundles, state.amountSymbol, state.channelDisabledEdit, (_state$service$cacheI20 = state.service.cacheItem) === null || _state$service$cacheI20 === void 0 ? void 0 : (_state$service$cacheI21 = _state$service$cacheI20._extend) === null || _state$service$cacheI21 === void 0 ? void 0 : _state$service$cacheI21.origin_total, isDiscount, isReason, state.renderType, (_state$bookingConfig9 = state.bookingConfig) === null || _state$bookingConfig9 === void 0 ? void 0 : (_state$bookingConfig10 = _state$bookingConfig9.config) === null || _state$bookingConfig10 === void 0 ? void 0 : (_state$bookingConfig11 = _state$bookingConfig10.basic) === null || _state$bookingConfig11 === void 0 ? void 0 : (_state$bookingConfig12 = _state$bookingConfig11.service_time) === null || _state$bookingConfig12 === void 0 ? void 0 : _state$bookingConfig12.value, SelectTime, durationProps, timeObj, useResource, useLikeStatus, resourceLoading, selectOpen, state.service.resources, errorList, useTotal]);
+  }, [state.service.changeService, state.service.editModal, (_state$service$cacheI19 = state.service.cacheItem) === null || _state$service$cacheI19 === void 0 ? void 0 : _state$service$cacheI19.autoClose, locales, (_state$service7 = state.service) === null || _state$service7 === void 0 ? void 0 : (_state$service7$cache = _state$service7.cacheItem) === null || _state$service7$cache === void 0 ? void 0 : (_state$service7$cache2 = _state$service7$cache._extend) === null || _state$service7$cache2 === void 0 ? void 0 : _state$service7$cache2.product_name, bundles, state.amountSymbol, state.channelDisabledEdit, (_state$service$cacheI20 = state.service.cacheItem) === null || _state$service$cacheI20 === void 0 ? void 0 : (_state$service$cacheI21 = _state$service$cacheI20._extend) === null || _state$service$cacheI21 === void 0 ? void 0 : _state$service$cacheI21.origin_total, isDiscount, isReason, state.renderType, (_state$bookingConfig9 = state.bookingConfig) === null || _state$bookingConfig9 === void 0 ? void 0 : (_state$bookingConfig10 = _state$bookingConfig9.config) === null || _state$bookingConfig10 === void 0 ? void 0 : (_state$bookingConfig11 = _state$bookingConfig10.basic) === null || _state$bookingConfig11 === void 0 ? void 0 : (_state$bookingConfig12 = _state$bookingConfig11.service_time) === null || _state$bookingConfig12 === void 0 ? void 0 : _state$bookingConfig12.value, SelectTime, durationProps, timeObj, useResource, useLikeStatus, resourceLoading, selectOpen, state.service.resources, errorList, useTotal, useStartDate, useEndDate, showResource, holderLists]);
 };
 export default /*#__PURE__*/forwardRef(Info);

package/es/components/booking/info/service/editService/index.less

@@ -1,14 +1,20 @@
 .pisell-lowcode__booking-service-body-edit {
   padding: 24px 32px 100px !important;
-}
 
+  .pisell-lowcode__booking-service-select-date {
+    height: 40px;
+    .pisell-lowcode-picker-input > input {
+      font-size: 16px !important;
+    }
+  }
+}
 
 .pisell-lowcode__booking-service-body-edit-footer {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
-  border-top: 1px solid #E7E8E9;
+  border-top: 1px solid #e7e8e9;
   padding: 20px 32px;
   display: flex;
   align-items: center;
@@ -20,8 +26,8 @@
     height: 48px;
     width: 48px;
     border-radius: 8px;
-    border: 1px solid var(--gray-300, #D0D5DD);
-    background: var(--base-white, #FFF);
+    border: 1px solid var(--gray-300, #d0d5dd);
+    background: var(--base-white, #fff);
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
     cursor: pointer;
     display: flex;
@@ -29,7 +35,7 @@
     justify-content: center;
 
     .pisell-lowcode__booking-service-delete-icon {
-      color: #B42318;
+      color: #b42318;
       font-size: 20px;
     }
   }
@@ -46,14 +52,12 @@
 .pisell-lowcode-select-selection-item {
   .resource-option {
     padding-left: 0;
-
   }
 }
 
 .pisell-lowcode-select-item-option-content {
   .resource-option {
     padding-left: 0;
-
   }
 }
 
@@ -63,7 +67,7 @@
   gap: 8px;
 
   .resource-option-alert-icon {
-    color: #B42318;
+    color: #b42318;
     cursor: pointer;
   }
 }
@@ -82,16 +86,16 @@
     justify-content: center;
     padding: 0;
 
-    .like-resource {}
+    .like-resource {
+    }
   }
-
 }
 
 .current-service-info {
   min-height: 40px;
   cursor: pointer;
   background-color: #ffffff;
-  border: 1px solid #D0D5DD;
+  border: 1px solid #d0d5dd;
   border-radius: 10px;
   transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
   overflow: hidden;
@@ -109,10 +113,11 @@
       flex: 1;
     }
 
-    .current-service-info-change-btn {}
+    .current-service-info-change-btn {
+    }
   }
 
   &:hover {
     border-color: #7f56d9;
   }
-}
+}

package/es/components/booking/info/service2/Lists.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Lists: ({ onEdit, onChange }: any) => React.JSX.Element;
+export default Lists;