@pisell/private-materials 3.0.194 → 3.0.196

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

@@ -38,6 +38,7 @@ var import_drawer = __toESM(require("../../../components/drawer"));
 var import_model = require("../../model");
 var import_utils = require("@pisell/utils");
 var import_duration = __toESM(require("../../../materiels/duration"));
+var import_holder = __toESM(require("../../../materiels/holder"));
 var import_antd = require("antd");
 var import_index = require("./index.less");
 var import_collapsibleList = __toESM(require("../../../components/collapsibleList"));
@@ -48,18 +49,27 @@ var import_like = __toESM(require("../like"));
 var import_mock = require("../../../mock");
 var import_utils4 = require("../addService/utils");
 var import_materials = require("@pisell/materials");
+var import_dayjs = __toESM(require("dayjs"));
+var import_useSelectPet = __toESM(require("../../service2/hooks/useSelectPet"));
+var import_utils5 = require("../../service2/utils");
 var submitLock = false;
 var Info = (_, ref) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C;
   const [form] = import_antd.Form.useForm();
   const useTotal = import_antd.Form.useWatch("total", form);
   const useLikeStatus = import_antd.Form.useWatch("like_status", form);
   const useResource = import_antd.Form.useWatch("resource", form);
   const useStartTime = import_antd.Form.useWatch("start_time", form);
   const useDuration = import_antd.Form.useWatch("duration", form);
+  const useStartDate = import_antd.Form.useWatch("start_date", form);
+  const useEndDate = import_antd.Form.useWatch("end_date", form);
   const [resourceLoading, setResourceLoading] = (0, import_react.useState)(false);
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const [selectOpen, setSelectOpen] = (0, import_react.useState)();
+  const { holderLists } = (0, import_useSelectPet.default)(state);
+  const isDay = (0, import_react.useMemo)(() => {
+    return (0, import_utils5.isDayBooking)(state);
+  }, [state.renderType]);
   const getCurrentCacheItem = (_cacheItem) => {
     let values = form.getFieldsValue();
     let _item = _cacheItem || state.service.cacheItem;
@@ -132,7 +142,8 @@ var Info = (_, ref) => {
         payload: {
           resources: (0, import_utils4.formatResources)({
             cacheItem: _cacheItem,
-            resourcesOrigin: _list
+            resourcesOrigin: _list,
+            isDay
           })
         }
       });
@@ -188,11 +199,11 @@ var Info = (_, ref) => {
     });
   });
   const getErrorMsg = () => {
-    var _a2;
+    var _a2, _b2;
     const list = state.service.resources;
     let item = list.find((d) => d.form_record_id == useResource);
     if (item) {
-      const isMaxLimitRange = (_a2 = item._extend.usableTime) == null ? void 0 : _a2._extend.isMaxLimitRange;
+      const isMaxLimitRange = (_b2 = (_a2 = item._extend.usableTime) == null ? void 0 : _a2._extend) == null ? void 0 : _b2.isMaxLimitRange;
       if (isMaxLimitRange === "unknown") {
       }
     }
@@ -234,9 +245,15 @@ var Info = (_, ref) => {
       ..._item._extend,
       ...values
     };
-    const { startDate, endDate } = (0, import_utils3.getServiceTimes)({ _extend });
-    _extend.startDate = startDate;
-    _extend.endDate = endDate;
+    if ((0, import_utils5.isAppointment)(state.service.cacheItem, state)) {
+      _extend.quantity = useDuration || 1;
+      _extend.startDate = _extend == null ? void 0 : _extend.start_date;
+      _extend.endDate = _extend == null ? void 0 : _extend.end_date;
+    } else {
+      const { startDate, endDate } = (0, import_utils3.getServiceTimes)({ _extend });
+      _extend.startDate = startDate;
+      _extend.endDate = endDate;
+    }
     const { relation_type, item_id, schedule_id } = ((_a2 = currentResource == null ? void 0 : currentResource._extend) == null ? void 0 : _a2.usableTime) || {};
     _extend.relation_type = relation_type || "form";
     _extend.relation_id = item_id || (currentResource == null ? void 0 : currentResource.form_record_id) || 0;
@@ -269,6 +286,10 @@ var Info = (_, ref) => {
   const setEditData = (0, import_ahooks.useMemoizedFn)((_cacheItem, open) => {
     let cacheItem = _cacheItem || state.service.cacheItem;
     let values = cacheItem._extend;
+    values = {
+      ...values,
+      discount_reason: (values == null ? void 0 : values.discount_reason) || ""
+    };
     form.setFieldsValue(values);
     if (state.renderType !== "eventBooking") {
       getResources(cacheItem, open);
@@ -281,7 +302,7 @@ var Info = (_, ref) => {
     return cPrice !== oPrice;
   }, [useTotal, (_e = (_d = state.service.cacheItem) == null ? void 0 : _d._extend) == null ? void 0 : _e.origin_total]);
   const errorList = (0, import_react.useMemo)(() => {
-    return (0, import_utils3.getErrorList)(currentResource, getCurrentCacheItem());
+    return (0, import_utils3.getErrorList)(currentResource, getCurrentCacheItem(), isDay);
   }, [currentResource, useDuration, useStartTime]);
   (0, import_ahooks.useUpdateEffect)(() => {
     var _a2;
@@ -297,14 +318,17 @@ var Info = (_, ref) => {
     state.service.resourcesOrigin,
     (_f = state.service.cacheItem) == null ? void 0 : _f.autoClose
   ]);
+  const isTerminalBooking = (0, import_react.useMemo)(() => {
+    return state.isBookingCreatePage || state.isTerminalDayBookingPage;
+  }, [state.isBookingCreatePage, state.isTerminalDayBookingPage]);
   (0, import_react.useEffect)(() => {
-    if (state.isBookingCreatePage && state.service.editModal) {
+    if (isTerminalBooking && state.service.editModal) {
       setEditData(null, true);
     }
-  }, [state.service.editModal, state.isBookingCreatePage]);
+  }, [state.service.editModal, isTerminalBooking]);
   (0, import_react.useEffect)(() => {
     getErrorMsg();
-  }, [useResource, useStartTime, useDuration]);
+  }, [useResource, useStartTime, useDuration, useStartDate, useEndDate]);
   (0, import_react.useEffect)(() => {
     getDiscount();
   }, [useTotal, (_h = (_g = state.service.cacheItem) == null ? void 0 : _g._extend) == null ? void 0 : _h.origin_total]);
@@ -327,12 +351,30 @@ var Info = (_, ref) => {
   const getResourcesData = async () => {
     setResourceLoading(true);
     try {
+      let params = {};
+      if (isDay) {
+        const format = "YYYY-MM-DD HH:mm";
+        const startDate = useStartDate || state.date.value;
+        const endDate = useEndDate || state.date.end_date;
+        const { startDateTime, endDateTime } = (0, import_utils5.formatDayTime)({
+          startDate,
+          endDate
+        });
+        if ((0, import_dayjs.default)(startDateTime).isAfter((0, import_dayjs.default)(endDateTime)))
+          return;
+        params.check_time = {
+          start_time: (0, import_dayjs.default)(startDateTime).format(format),
+          end_time: (0, import_dayjs.default)(endDateTime).format(format)
+        };
+      } else {
+        params.with_date_times = state.date.value.format("YYYY-MM-DD");
+      }
       let data = await state.apis.getResources({
         skip: 1,
         num: 1e3,
-        with_date_times: state.date.value.format("YYYY-MM-DD"),
         codes: ["resources", "therapist", "table"],
-        _config: { abort: true }
+        _config: { abort: true },
+        ...params
       });
       let _list = [(0, import_mock.getNoResource)()].concat((data == null ? void 0 : data.list) || []);
       dispatch({
@@ -350,7 +392,12 @@ var Info = (_, ref) => {
     setTimeout(() => {
       getResourcesData();
     }, 20);
-  }, [(_q = (_p = (_o = state.date) == null ? void 0 : _o.value) == null ? void 0 : _p.format) == null ? void 0 : _q.call(_p, "YYYY-MM-DD")]);
+  }, [
+    (_q = (_p = (_o = state.date) == null ? void 0 : _o.value) == null ? void 0 : _p.format) == null ? void 0 : _q.call(_p, "YYYY-MM-DD"),
+    (_r = state.date) == null ? void 0 : _r.end_date,
+    useStartDate,
+    useEndDate
+  ]);
   const handleEdit = (0, import_ahooks.useMemoizedFn)((e) => {
     const item = state.service.cacheItem;
     let values = form.getFieldsValue();
@@ -416,7 +463,54 @@ var Info = (_, ref) => {
       init: setEditData
     };
   });
-  const SelectTime = (_r = window.BaseMaterials) == null ? void 0 : _r.SelectTime;
+  const SelectTime = (_s = window.BaseMaterials) == null ? void 0 : _s.SelectTime;
+  const DateCom = (position) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.DatePicker,
+      {
+        className: "pisell-lowcode__booking-service-select-date",
+        disabledDate: (current) => (0, import_utils5.disabledDate)(current, position, useStartDate),
+        size: "large",
+        style: { width: "100%" },
+        format: state.locale === "en" ? "DD/MM/YYYY" : "YYYY-MM-DD"
+      }
+    );
+  };
+  const onValuesChange = (changedValues) => {
+    if (isDay) {
+      if (changedValues == null ? void 0 : changedValues.duration) {
+        return form.setFieldsValue({
+          end_date: (0, import_dayjs.default)(useStartDate).add(changedValues == null ? void 0 : changedValues.duration, "day")
+        });
+      }
+      if (changedValues == null ? void 0 : changedValues.start_date) {
+        const startDate = (0, import_dayjs.default)(changedValues == null ? void 0 : changedValues.start_date);
+        const endDate = (0, import_dayjs.default)(useEndDate);
+        if (startDate.isAfter(endDate)) {
+          return form.setFieldsValue({
+            duration: void 0,
+            end_date: void 0
+          });
+        }
+      }
+      if ((changedValues == null ? void 0 : changedValues.start_date) || (changedValues == null ? void 0 : changedValues.end_date)) {
+        const cacheItem = getCurrentCacheItem();
+        const duration = (0, import_utils3.getDays)(cacheItem, "days");
+        return form.setFieldsValue({
+          duration
+        });
+      }
+    }
+  };
+  const showResource = (0, import_react.useMemo)(() => {
+    if (state.renderType === "eventBooking") {
+      return false;
+    }
+    if (isDay) {
+      return (0, import_utils5.isAppointment)(state.service.cacheItem, state);
+    }
+    return true;
+  }, [state.service.cacheItem, state.renderType]);
   return (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2;
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
@@ -426,7 +520,7 @@ var Info = (_, ref) => {
         zIndex: state.service.changeService ? 999 : 1e3,
         forceRender: true,
         open: state.service.editModal && !((_a2 = state.service.cacheItem) == null ? void 0 : _a2.autoClose),
-        title: import_utils.locales.getText("pisell2.text.edit-service"),
+        title: isDay ? import_utils.locales.getText("pisell2.text.edit-select-service") : import_utils.locales.getText("pisell2.text.edit-service"),
         onClose: () => {
           dispatch({
             type: "setService",
@@ -438,126 +532,177 @@ var Info = (_, ref) => {
           });
         }
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Page, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { layout: "vertical", form, onFinish }, /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { style: { width: "100%" }, gutter: [16, 0] }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "product_name" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name" }, ((_d2 = (_c2 = (_b2 = state.service) == null ? void 0 : _b2.cacheItem) == null ? void 0 : _c2._extend) == null ? void 0 : _d2.product_name) || "-"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleEdit }, import_utils.locales.getText("pisell2.text.edit")), !state.isBookingCreatePage && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleChange }, import_utils.locales.getText("pisell2.text.change"))), /* @__PURE__ */ import_react.default.createElement(
-        import_collapsibleList.default,
-        {
-          style: { marginTop: bundles.length ? "8px" : 0 },
-          list: bundles,
-          renderItem: (item) => (0, import_utils2.renderBundles)(item, state.amountSymbol)
-        }
-      )))), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form.Item,
-        {
-          label: import_utils.locales.getText("pisell2.text.price"),
-          name: "total",
-          rules: [{ required: true }],
-          extra: useTotal !== ((_f2 = (_e2 = state.service.cacheItem) == null ? void 0 : _e2._extend) == null ? void 0 : _f2.origin_total) && import_utils.locales.getText("page.booking.text.price-extra")(
-            (0, import_utils.formatAmount)(
-              (_h2 = (_g2 = state.service.cacheItem) == null ? void 0 : _g2._extend) == null ? void 0 : _h2.origin_total,
-              2,
-              state.amountSymbol
-            ),
-            (0, import_utils.formatAmount)(useTotal, 2, state.amountSymbol)
-          )
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_materials.PisellAdjustPriceInputNumber,
-          {
-            style: { width: "100%" },
-            min: 0,
-            precision: 2,
-            prefix: state.amountSymbol,
-            disabled: state.channelDisabledEdit,
-            originValue: ((_j2 = (_i2 = state.service.cacheItem) == null ? void 0 : _i2._extend) == null ? void 0 : _j2.origin_total) || 0,
-            placeholder: ((_l2 = (_k2 = state.service.cacheItem) == null ? void 0 : _k2._extend) == null ? void 0 : _l2.origin_total) || "0"
-          }
-        )
-      )), isReason ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form.Item,
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Page, null, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form,
         {
-          label: import_utils.locales.getText("pisell2.text.discount-reason"),
-          name: "discount_reason"
+          layout: "vertical",
+          form,
+          onFinish,
+          onValuesChange
         },
-        /* @__PURE__ */ import_react.default.createElement(import_antd.Input.TextArea, { size: "large" })
-      )) : null, state.renderType !== "eventBooking" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form.Item,
-        {
-          label: import_utils.locales.getText("pisell2.text.start_time"),
-          name: "start_time",
-          rules: [{ required: true }]
-        },
-        SelectTime ? /* @__PURE__ */ import_react.default.createElement(
-          SelectTime,
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { style: { width: "100%" }, gutter: [16, 0] }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "product_name" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name" }, ((_d2 = (_c2 = (_b2 = state.service) == null ? void 0 : _b2.cacheItem) == null ? void 0 : _c2._extend) == null ? void 0 : _d2.product_name) || "-"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleEdit }, import_utils.locales.getText("pisell2.text.edit")), !isTerminalBooking && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleChange }, import_utils.locales.getText("pisell2.text.change"))), /* @__PURE__ */ import_react.default.createElement(
+          import_collapsibleList.default,
           {
-            slice: (_p2 = (_o2 = (_n2 = (_m2 = state.bookingConfig) == null ? void 0 : _m2.config) == null ? void 0 : _n2.basic) == null ? void 0 : _o2.service_time) == null ? void 0 : _p2.value,
-            timePickerProps: {
-              style: { width: "100%" }
-            },
-            timeProps: {
-              style: { zoom: 0.8 }
-            }
+            style: { marginTop: bundles.length ? "8px" : 0 },
+            list: bundles,
+            renderItem: (item) => (0, import_utils2.renderBundles)(item, state.amountSymbol)
           }
-        ) : null
-      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form.Item,
-        {
-          label: import_utils.locales.getText("pisell2.text.duration"),
-          name: "duration",
-          rules: [{ required: true }]
-        },
-        /* @__PURE__ */ import_react.default.createElement(import_duration.default, { ...durationProps, timeObj })
-      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form.Item,
-        {
-          required: true,
-          label: import_utils.locales.getText("pisell2.text.resource")
-        },
-        /* @__PURE__ */ import_react.default.createElement("div", { className: "resource-col" }, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Button,
+        )))), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Form.Item,
           {
-            className: "resource-col-like-wrap",
-            disabled: !useResource,
-            onClick: () => {
-              handleLikeResource(
-                useLikeStatus === "like" ? "common" : "like"
-              );
-            }
+            label: import_utils.locales.getText("pisell2.text.price"),
+            name: "total",
+            rules: [{ required: true }],
+            extra: useTotal !== ((_f2 = (_e2 = state.service.cacheItem) == null ? void 0 : _e2._extend) == null ? void 0 : _f2.origin_total) && import_utils.locales.getText("page.booking.text.price-extra")(
+              (0, import_utils.formatAmount)(
+                (_h2 = (_g2 = state.service.cacheItem) == null ? void 0 : _g2._extend) == null ? void 0 : _h2.origin_total,
+                2,
+                state.amountSymbol
+              ),
+              (0, import_utils.formatAmount)(useTotal, 2, state.amountSymbol)
+            )
           },
           /* @__PURE__ */ import_react.default.createElement(
-            import_like.default,
+            import_materials.PisellAdjustPriceInputNumber,
             {
-              status: useLikeStatus
+              style: { width: "100%" },
+              min: 0,
+              precision: 2,
+              prefix: state.amountSymbol,
+              disabled: state.channelDisabledEdit,
+              originValue: ((_j2 = (_i2 = state.service.cacheItem) == null ? void 0 : _i2._extend) == null ? void 0 : _j2.origin_total) || 0,
+              placeholder: ((_l2 = (_k2 = state.service.cacheItem) == null ? void 0 : _k2._extend) == null ? void 0 : _l2.origin_total) || "0"
             }
           )
-        ), /* @__PURE__ */ import_react.default.createElement(
+        )), isReason ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Form.Item,
+          {
+            label: import_utils.locales.getText("pisell2.text.discount-reason"),
+            name: "discount_reason"
+          },
+          /* @__PURE__ */ import_react.default.createElement(import_antd.Input.TextArea, { size: "large" })
+        )) : null, showResource && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
           import_antd.Form.Item,
           {
-            name: "resource",
-            noStyle: true,
+            label: import_utils.locales.getText(
+              isDay ? "pisell2.text.start_date" : "pisell2.text.start_time"
+            ),
+            name: isDay ? "start_date" : "start_time",
             rules: [{ required: true }]
           },
-          /* @__PURE__ */ import_react.default.createElement(
-            import_antd.Select,
+          isDay ? DateCom("start") : SelectTime ? /* @__PURE__ */ import_react.default.createElement(
+            SelectTime,
             {
-              loading: resourceLoading,
-              size: "large",
-              allowClear: true,
-              showSearch: true,
-              open: selectOpen,
-              onDropdownVisibleChange: setSelectOpen,
-              filterOption: (str, option) => {
-                return (option.labelText || "").toLowerCase().includes((str || "").toLowerCase());
+              slice: (_p2 = (_o2 = (_n2 = (_m2 = state.bookingConfig) == null ? void 0 : _m2.config) == null ? void 0 : _n2.basic) == null ? void 0 : _o2.service_time) == null ? void 0 : _p2.value,
+              timePickerProps: {
+                style: { width: "100%" }
+              },
+              timeProps: {
+                style: { zoom: 0.8 }
               }
+            }
+          ) : null
+        )), isDay ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Form.Item,
+          {
+            label: import_utils.locales.getText(
+              isDay ? "pisell2.text.end_date" : "pisell2.text.end_time"
+            ),
+            name: "end_date",
+            rules: [{ required: true }]
+          },
+          DateCom("end")
+        )) : null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Form.Item,
+          {
+            label: import_utils.locales.getText("pisell2.text.duration"),
+            name: "duration",
+            rules: [{ required: true }]
+          },
+          /* @__PURE__ */ import_react.default.createElement(import_duration.default, { ...durationProps, timeObj })
+        )), isDay && (holderLists == null ? void 0 : holderLists.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Form.Item,
+          {
+            label: import_utils.locales.getText("pisell2.text.holder"),
+            name: "holder_id",
+            rules: [{ required: true }]
+          },
+          /* @__PURE__ */ import_react.default.createElement(import_holder.default, { size: "large" })
+        )) : null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Form.Item,
+          {
+            required: true,
+            label: import_utils.locales.getText("pisell2.text.resource")
+          },
+          /* @__PURE__ */ import_react.default.createElement("div", { className: "resource-col" }, /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              className: "resource-col-like-wrap",
+              disabled: !useResource,
+              onClick: () => {
+                handleLikeResource(
+                  useLikeStatus === "like" ? "common" : "like"
+                );
+              }
+            },
+            /* @__PURE__ */ import_react.default.createElement(
+              import_like.default,
+              {
+                status: useLikeStatus
+              }
+            )
+          ), /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Form.Item,
+            {
+              name: "resource",
+              noStyle: true,
+              rules: [{ required: true }]
             },
-            renderOptions(
-              state.service.resources || [],
-              "form_record_id",
-              "label",
-              "resource"
+            /* @__PURE__ */ import_react.default.createElement(
+              import_antd.Select,
+              {
+                loading: resourceLoading,
+                size: "large",
+                allowClear: true,
+                showSearch: true,
+                open: selectOpen,
+                onDropdownVisibleChange: setSelectOpen,
+                filterOption: (str, option) => {
+                  return (option.labelText || "").toLowerCase().includes((str || "").toLowerCase());
+                }
+              },
+              renderOptions(
+                state.service.resources || [],
+                "form_record_id",
+                "label",
+                "resource"
+              )
             )
+          ))
+        )), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "quantity" }, /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, null)), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "like_status" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, null))), isDay && !(0, import_utils5.isAppointment)(state.service.cacheItem, state) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Form.Item,
+          {
+            label: import_utils.locales.getText("pisell2.text.quantity"),
+            name: "quantity",
+            rules: [{ required: true }]
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_antd.InputNumber,
+            {
+              size: "large",
+              style: { width: "100%" },
+              min: 1,
+              max: 999999,
+              formatter: (value) => {
+                if (value !== void 0) {
+                  return Math.floor(value);
+                }
+                return value;
+              }
+            }
           )
-        ))
-      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "quantity" }, /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, null)), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "like_status" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, null)))))), state.renderType !== "eventBooking" && errorList.map((d, i) => {
+        )) : null)
+      )), showResource && errorList.map((d, i) => {
         return /* @__PURE__ */ import_react.default.createElement(
           import_antd.Alert,
           {
@@ -591,17 +736,17 @@ var Info = (_, ref) => {
   }, [
     state.service.changeService,
     state.service.editModal,
-    (_s = state.service.cacheItem) == null ? void 0 : _s.autoClose,
+    (_t = state.service.cacheItem) == null ? void 0 : _t.autoClose,
     import_utils.locales,
-    (_v = (_u = (_t = state.service) == null ? void 0 : _t.cacheItem) == null ? void 0 : _u._extend) == null ? void 0 : _v.product_name,
+    (_w = (_v = (_u = state.service) == null ? void 0 : _u.cacheItem) == null ? void 0 : _v._extend) == null ? void 0 : _w.product_name,
     bundles,
     state.amountSymbol,
     state.channelDisabledEdit,
-    (_x = (_w = state.service.cacheItem) == null ? void 0 : _w._extend) == null ? void 0 : _x.origin_total,
+    (_y = (_x = state.service.cacheItem) == null ? void 0 : _x._extend) == null ? void 0 : _y.origin_total,
     isDiscount,
     isReason,
     state.renderType,
-    (_B = (_A = (_z = (_y = state.bookingConfig) == null ? void 0 : _y.config) == null ? void 0 : _z.basic) == null ? void 0 : _A.service_time) == null ? void 0 : _B.value,
+    (_C = (_B = (_A = (_z = state.bookingConfig) == null ? void 0 : _z.config) == null ? void 0 : _A.basic) == null ? void 0 : _B.service_time) == null ? void 0 : _C.value,
     SelectTime,
     durationProps,
     timeObj,
@@ -611,7 +756,11 @@ var Info = (_, ref) => {
     selectOpen,
     state.service.resources,
     errorList,
-    useTotal
+    useTotal,
+    useStartDate,
+    useEndDate,
+    showResource,
+    holderLists
   ]);
 };
 var editService_default = (0, import_react.forwardRef)(Info);

package/lib/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/lib/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;