@pisell/private-materials 3.0.13 → 3.0.14-2.gray

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

@@ -34,35 +34,38 @@ __export(editService_exports, {
 module.exports = __toCommonJS(editService_exports);
 var import_react = __toESM(require("react"));
 var import_Delete_wght300_24px = __toESM(require("@pisell/icon/es/Delete_wght300_24px"));
-var import_AlertTriangle = __toESM(require("@pisell/icon/es/AlertTriangle"));
 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_antd = require("antd");
 var import_index = require("./index.less");
-var import_dayjs = __toESM(require("dayjs"));
+var import_collapsibleList = __toESM(require("../../../components/collapsibleList"));
+var import_utils2 = require("../../../components/collapsibleList/utils");
 var import_ahooks = require("ahooks");
-var import_utils2 = require("../../../utils");
+var import_utils3 = require("../../../utils");
 var import_like = __toESM(require("../like"));
 var import_mock = require("../../../mock");
-var Info = () => {
-  var _a, _b, _c, _d, _e, _f, _g;
+var import_utils4 = require("../addService/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;
   const [form] = import_antd.Form.useForm();
-  const usePrice = import_antd.Form.useWatch("price", form);
+  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 [resourceLoading, setResourceLoading] = (0, import_react.useState)(false);
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
-  const getCurrentCacheItem = () => {
+  const [selectOpen, setSelectOpen] = (0, import_react.useState)();
+  const getCurrentCacheItem = (_cacheItem) => {
     let values = form.getFieldsValue();
-    let _cacheItem = state.service.cacheItem;
+    let _item = _cacheItem || state.service.cacheItem;
     return {
-      ..._cacheItem,
+      ..._item,
       _extend: {
-        ..._cacheItem == null ? void 0 : _cacheItem._extend,
+        ..._item == null ? void 0 : _item._extend,
         ...values
       }
     };
@@ -73,18 +76,14 @@ var Info = () => {
     return item;
   }, [useResource, state.service.resources]);
   const durationProps = (0, import_react.useMemo)(() => {
-    var _a2, _b2, _c2, _d2;
+    var _a2, _b2, _c2;
     let _cacheItem = getCurrentCacheItem();
-    return {
-      startDate: (0, import_dayjs.default)(
-        (0, import_dayjs.default)(_cacheItem._extend.start_date).format("YYYY-MM-DD ") + (useStartTime || "00:00")
-      ),
-      usableTime: (_a2 = currentResource == null ? void 0 : currentResource._extend) == null ? void 0 : _a2.usableTime,
-      duration: (0, import_utils2.getDuration)(_cacheItem == null ? void 0 : _cacheItem.duration),
-      locale: import_utils.locales.locale,
-      slice: (_d2 = (_c2 = (_b2 = state.bookingConfig) == null ? void 0 : _b2.config) == null ? void 0 : _c2.basic) == null ? void 0 : _d2.service_time,
-      selectProps: { size: "large" }
-    };
+    return (0, import_utils4.getDurationProps)({
+      cacheItem: _cacheItem,
+      useStartTime,
+      currentResource,
+      slice: (_c2 = (_b2 = (_a2 = state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.service_time
+    });
   }, [
     currentResource,
     state.service.cacheItem,
@@ -93,45 +92,19 @@ var Info = () => {
     (_c = (_b = (_a = state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.basic) == null ? void 0 : _c.service_time
   ]);
   const flexibleOption = (0, import_react.useMemo)(() => {
-    var _a2, _b2;
-    let _duration = durationProps.duration;
-    if (_duration === "flexible") {
-      let endDate = (0, import_utils2.getEndDate)(
-        durationProps.startDate,
-        _duration,
-        ((_a2 = durationProps.usableTime) == null ? void 0 : _a2.end_at) ? (0, import_dayjs.default)((_b2 = durationProps.usableTime) == null ? void 0 : _b2.end_at) : null
-      );
-      let timeValue = endDate.diff(durationProps.startDate, "minute");
-      return {
-        label: import_utils.locales.getText("pisell2.text.flexible"),
-        value: import_utils2.flexibleObj.create(timeValue)
-      };
-    }
-    return null;
+    return (0, import_utils4.getFlexibleOption)({
+      durationProps
+    });
   }, [durationProps, import_utils.locales.locale]);
   const timeObj = (0, import_react.useMemo)(() => {
-    var _a2, _b2, _c2;
-    let obj = (0, import_utils2.sliceDayIntoFiveMinutes)(
-      (_c2 = (_b2 = (_a2 = state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.service_time,
-      import_utils.locales.locale
-    );
-    let durationSlicesBasedOnTime = [...obj.durationSlicesBasedOnTime];
-    if (flexibleOption) {
-      durationSlicesBasedOnTime.unshift(flexibleOption);
-    }
-    if (useDuration && !durationSlicesBasedOnTime.some((d) => d.value === useDuration)) {
-      durationSlicesBasedOnTime.unshift({
-        label: (0, import_utils2.getDiscountTime)(useDuration),
-        value: useDuration,
-        //@ts-ignore
-        disabled: true
-      });
-    }
-    return {
-      ...obj,
-      durationSlicesBasedOnTime
-    };
-  }, [state, import_utils.locales.locale, useDuration, flexibleOption]);
+    return (0, import_utils4.getTimeObj)({
+      durationProps,
+      useStartTime,
+      currentResource,
+      state,
+      useDuration
+    });
+  }, [state, import_utils.locales.locale, useDuration, useStartTime, flexibleOption]);
   (0, import_react.useEffect)(() => {
     try {
       if (useDuration.indexOf("flexible_") == 0) {
@@ -145,39 +118,40 @@ var Info = () => {
     }
   }, [useDuration, flexibleOption]);
   const getResources = async (cacheItem) => {
-    setResourceLoading(true);
-    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 }
-    });
-    let _list = [(0, import_mock.getNoResource)()].concat((data == null ? void 0 : data.list) || []);
-    const _cacheItem = cacheItem || getCurrentCacheItem();
-    if (!_cacheItem._extend) {
-      return;
-    }
-    _list = _list.map(
-      (d) => (0, import_utils2.formatResource)(d, _cacheItem, (item) => {
-        return /* @__PURE__ */ import_react.default.createElement("div", { className: "resource-option" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "like-wrap" }), item.labelText, !item.usable && /* @__PURE__ */ import_react.default.createElement(import_AlertTriangle.default, { className: "resource-option-alert-icon" }));
-      })
-    );
-    _list = _list.sort((a, b) => b.usable ? 1 : -1);
-    if (useResource && !_list.find((d) => d.form_record_id === useResource)) {
-      form.setFieldsValue({
-        resource: 0
+    console.log("getResources2");
+    try {
+      let _list = state.service.resourcesOrigin || [];
+      const _cacheItem = cacheItem || getCurrentCacheItem();
+      let autoClose = _cacheItem == null ? void 0 : _cacheItem.autoClose;
+      if (!_cacheItem._extend) {
+        return;
+      }
+      dispatch({
+        type: "setService",
+        payload: {
+          resources: (0, import_utils4.formatResources)({
+            cacheItem: _cacheItem,
+            resourcesOrigin: _list
+          })
+        }
       });
-    }
-    dispatch({
-      type: "setService",
-      payload: {
-        resources: _list
+      if (_cacheItem.new) {
+        if (autoClose) {
+          setTimeout(() => {
+            form.submit();
+          }, 200);
+        } else {
+          setTimeout(() => {
+            if (selectOpen === void 0) {
+              setSelectOpen(true);
+            }
+          }, 500);
+        }
       }
-    });
-    setResourceLoading(false);
+    } catch (err) {
+    }
   };
-  const handleDeleteProduct = () => {
+  const handleDeleteProduct = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2;
     if (state.channelDisabledEdit) {
       return;
@@ -194,7 +168,7 @@ var Info = () => {
         cacheItem: null
       }
     });
-  };
+  });
   const renderOptions = (0, import_react.useCallback)(
     (array, value = "value", label = "label", type) => {
       return array.map((d) => {
@@ -207,11 +181,11 @@ var Info = () => {
     },
     []
   );
-  const handleLikeResource = (status) => {
+  const handleLikeResource = (0, import_ahooks.useMemoizedFn)((status) => {
     form.setFieldsValue({
       like_status: status
     });
-  };
+  });
   const getErrorMsg = () => {
     var _a2;
     const list = state.service.resources;
@@ -224,8 +198,9 @@ var Info = () => {
   };
   const getDiscount = () => {
     var _a2;
-    let oPrice = Number(((_a2 = state.service.cacheItem) == null ? void 0 : _a2.price) || 0);
-    let cPrice = Number(usePrice || 0);
+    console.log("折扣内", state.service.cacheItem);
+    let oPrice = Number(((_a2 = state.service.cacheItem) == null ? void 0 : _a2._extend.origin_total) || 0);
+    let cPrice = Number(useTotal || 0);
     let discount = "";
     if (cPrice === oPrice) {
       discount = import_utils.locales.getText("pisell2.text.status.no-discount");
@@ -239,29 +214,45 @@ var Info = () => {
     }
     form.setFieldsValue({ discount });
   };
-  const onFinish = (values) => {
-    var _a2, _b2;
+  const onFinish = (0, import_ahooks.useMemoizedFn)((values) => {
+    var _a2;
+    if (submitLock) {
+      return;
+    }
+    submitLock = true;
+    setTimeout(() => {
+      submitLock = false;
+    }, 1500);
     let _list = [...state.service.value];
-    let _item = { ...state.service.cacheItem, errorList };
+    let _item = {
+      ...state.service.cacheItem,
+      autoClose: false,
+      errorList
+    };
     let _extend = {
       ..._item._extend,
       ...values
     };
-    const { startDate, endDate } = (0, import_utils2.getServiceTimes)({ _extend });
+    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;
     _extend.schedule_id = schedule_id || 0;
+    if (_extend.bundle_edit !== void 0) {
+      _extend.bundle_edit = 1;
+    }
     _item._extend = _extend;
-    if ((_b2 = state.service.cacheItem) == null ? void 0 : _b2.new) {
+    _item._time = (/* @__PURE__ */ new Date()).getTime();
+    let _id = _item == null ? void 0 : _item._id;
+    if (!_list.some((d) => d._id === _id)) {
       _list.push(_item);
     } else {
-      let _id = _item == null ? void 0 : _item._id;
       _list = _list.map((d) => d._id === _id ? { ..._item, new: 0 } : d);
     }
-    (0, import_utils2.deleteCacheParams)();
+    (0, import_utils3.deleteCacheParams)();
+    console.log("_onFinish", _list);
     dispatch({
       type: "setService",
       payload: {
@@ -269,230 +260,368 @@ var Info = () => {
         addModal: false,
         value: _list,
         edit: true,
-        cacheItem: null
+        cacheItem: null,
+        changeService: false
       }
     });
-  };
-  const setEditData = (0, import_ahooks.useMemoizedFn)(() => {
-    if (state.service.editModal) {
-      let cacheItem = state.service.cacheItem;
-      form.setFieldsValue((0, import_utils2.getServerItemExtend)(state, cacheItem, timeObj));
-      getResources();
-    } else {
-      form.resetFields();
+  });
+  const setEditData = (0, import_ahooks.useMemoizedFn)((_cacheItem) => {
+    let cacheItem = _cacheItem || state.service.cacheItem;
+    let values = cacheItem._extend;
+    form.setFieldsValue(values);
+    if (state.renderType !== "eventBooking") {
+      getResources(cacheItem);
     }
   });
   const isReason = (0, import_react.useMemo)(() => {
     var _a2;
-    let oPrice = Number(((_a2 = state.service.cacheItem) == null ? void 0 : _a2.price) || 0);
-    let cPrice = Number(usePrice || 0);
+    let oPrice = Number(((_a2 = state.service.cacheItem) == null ? void 0 : _a2._extend.origin_total) || 0);
+    let cPrice = Number(useTotal || 0);
     return cPrice !== oPrice;
-  }, [usePrice, state.service.cacheItem]);
+  }, [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_utils2.getErrorList)(currentResource, getCurrentCacheItem());
+    return (0, import_utils3.getErrorList)(currentResource, getCurrentCacheItem());
   }, [currentResource, useDuration, useStartTime]);
   (0, import_ahooks.useUpdateEffect)(() => {
-    if (useStartTime && useDuration) {
-      getResources();
+    var _a2;
+    if (state.service.cacheItem && !((_a2 = state.service.cacheItem) == null ? void 0 : _a2.autoClose)) {
+      if (useStartTime && useDuration && state.renderType !== "eventBooking") {
+        getResources();
+      }
     }
-  }, [useStartTime, useDuration]);
+  }, [
+    useStartTime,
+    useDuration,
+    state.renderType,
+    state.service.resourcesOrigin,
+    (_f = state.service.cacheItem) == null ? void 0 : _f.autoClose
+  ]);
   (0, import_react.useEffect)(() => {
-    setEditData();
-  }, [state.service.editModal, setEditData]);
+    if (state.isBookingCreatePage && state.service.editModal) {
+      setEditData();
+    }
+  }, [state.service.editModal, state.isBookingCreatePage]);
   (0, import_react.useEffect)(() => {
     getErrorMsg();
   }, [useResource, useStartTime, useDuration]);
   (0, import_react.useEffect)(() => {
     getDiscount();
-  }, [usePrice, state.service.cacheItem]);
+  }, [useTotal, (_h = (_g = state.service.cacheItem) == null ? void 0 : _g._extend) == null ? void 0 : _h.origin_total]);
   const isDiscount = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     if (!((_a2 = state.service) == null ? void 0 : _a2.cacheItem)) {
       return false;
     }
-    return usePrice != ((_c2 = (_b2 = state.service) == null ? void 0 : _b2.cacheItem) == null ? void 0 : _c2.price);
-  }, [usePrice, (_e = (_d = state.service) == null ? void 0 : _d.cacheItem) == null ? void 0 : _e.price]);
+    return useTotal != ((_c2 = (_b2 = state.service) == null ? void 0 : _b2.cacheItem) == null ? void 0 : _c2._extend.origin_total);
+  }, [useTotal, (_j = (_i = state.service) == null ? void 0 : _i.cacheItem) == null ? void 0 : _j._extend.origin_total]);
   (0, import_react.useEffect)(() => {
     if (useResource === 0) {
       handleLikeResource("common");
     }
   }, [useResource]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    import_drawer.default,
-    {
-      zIndex: 1e3,
-      open: state.service.editModal,
-      title: import_utils.locales.getText("pisell2.text.edit-service"),
-      onClose: () => {
+  const bundles = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2;
+    return ((_d2 = (_c2 = (_b2 = (_a2 = state.service) == null ? void 0 : _a2.cacheItem) == null ? void 0 : _b2._extend) == null ? void 0 : _c2.other) == null ? void 0 : _d2.bundle) || [];
+  }, [(_n = (_m = (_l = (_k = state.service) == null ? void 0 : _k.cacheItem) == null ? void 0 : _l._extend) == null ? void 0 : _m.other) == null ? void 0 : _n.bundle]);
+  const getResourcesData = async () => {
+    setResourceLoading(true);
+    try {
+      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 }
+      });
+      let _list = [(0, import_mock.getNoResource)()].concat((data == null ? void 0 : data.list) || []);
+      dispatch({
+        type: "setService",
+        payload: {
+          resourcesOrigin: _list
+        }
+      });
+    } catch (err) {
+      console.log(err, "err");
+    }
+    setResourceLoading(false);
+  };
+  (0, import_react.useEffect)(() => {
+    setTimeout(() => {
+      getResourcesData();
+    }, 20);
+  }, [state.date.value]);
+  const handleEdit = (0, import_ahooks.useMemoizedFn)((e) => {
+    const item = state.service.cacheItem;
+    let values = form.getFieldsValue();
+    state.action({
+      type: "pisell1.handleOpenProductModal",
+      data: {
+        id: item.id,
+        date: state.date.value.format("YYYY-MM-DD"),
+        showConfig: {
+          option: false,
+          session: false,
+          variant: false,
+          package: true
+        },
+        value: item._extend.other
+      },
+      callback: (e2) => {
+        let cacheItem = {
+          ...item,
+          product_id: item.id,
+          _id: item == null ? void 0 : item._id,
+          _key: e2.key,
+          _extend: {
+            ...item._extend,
+            // 将当前表单的值覆盖进去
+            ...values,
+            // 覆盖选择的规格和套餐
+            other: JSON.parse(JSON.stringify(e2))
+          },
+          new: 0
+        };
+        let _total = (0, import_utils3.getProductTotalPrice)(cacheItem);
+        cacheItem._extend.total = _total;
+        cacheItem._extend.origin_total = _total;
         dispatch({
           type: "setService",
           payload: {
-            editModal: false,
-            cacheItem: null
+            cacheItem
           }
         });
+        form.setFieldsValue({
+          total: _total
+        });
       }
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit" }, /* @__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(
-      import_antd.Select,
+    });
+  });
+  const handleChange = (0, import_ahooks.useMemoizedFn)((e) => {
+    if (state.channelDisabledEdit) {
+      return;
+    }
+    dispatch({
+      type: "setService",
+      payload: {
+        addModal: true,
+        editModal: true,
+        //用于控制 添加商品 和 编辑服务弹窗的上下层级
+        changeService: true
+      }
+    });
+  });
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return {
+      init: setEditData
+    };
+  });
+  const SelectTime = (_o = window.BaseMaterials) == null ? void 0 : _o.SelectTime;
+  return (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2;
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      import_drawer.default,
       {
-        size: "large",
-        open: false,
-        onClick: () => {
-          if (state.channelDisabledEdit) {
-            return;
-          }
+        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"),
+        onClose: () => {
           dispatch({
             type: "setService",
             payload: {
-              addModal: true,
-              editModal: false
+              editModal: false,
+              cacheItem: null,
+              changeService: false
             }
           });
         }
-      }
-    ))), /* @__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.price"),
-        name: "price",
-        rules: [{ required: true }]
       },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_antd.InputNumber,
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit" }, /* @__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,
         {
-          disabled: state.channelDisabledEdit,
-          prefix: state.amountSymbol,
-          size: "large",
-          precision: 2,
-          style: { width: "100%" },
-          min: 0,
-          max: ((_f = state.service.cacheItem) == null ? void 0 : _f.price) || 0,
-          placeholder: ((_g = state.service.cacheItem) == null ? void 0 : _g.price) || "0"
+          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: 12 }, /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Form.Item,
-      {
-        label: import_utils.locales.getText("pisell2.text.discount"),
-        name: "discount"
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Select,
-        {
-          disabled: state.channelDisabledEdit,
-          size: "large",
-          open: false,
-          allowClear: isDiscount,
-          onChange: (e) => {
-            form.setFieldsValue({
-              price: state.service.cacheItem.price
-            });
-          }
-        }
-      )
-    )), 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, /* @__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 }]
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Select, { size: "large" }, renderOptions(timeObj.timeSlices))
-    )), /* @__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: 12 }, /* @__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 }]
         },
         /* @__PURE__ */ import_react.default.createElement(
-          import_like.default,
+          import_antd.InputNumber,
           {
-            status: useLikeStatus
+            disabled: state.channelDisabledEdit,
+            prefix: state.amountSymbol,
+            size: "large",
+            precision: 2,
+            style: { width: "100%" },
+            min: 0,
+            max: ((_f2 = (_e2 = state.service.cacheItem) == null ? void 0 : _e2._extend) == null ? void 0 : _f2.origin_total) || 0,
+            placeholder: ((_h2 = (_g2 = state.service.cacheItem) == null ? void 0 : _g2._extend) == null ? void 0 : _h2.origin_total) || "0"
           }
         )
-      ), /* @__PURE__ */ import_react.default.createElement(
+      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
         import_antd.Form.Item,
         {
-          name: "resource",
-          noStyle: true,
-          rules: [{ required: true }]
+          label: import_utils.locales.getText("pisell2.text.discount"),
+          name: "discount"
         },
         /* @__PURE__ */ import_react.default.createElement(
           import_antd.Select,
           {
-            loading: resourceLoading,
+            disabled: state.channelDisabledEdit,
             size: "large",
-            allowClear: true,
-            showSearch: true,
-            filterOption: (str, option) => {
-              return (option.labelText || "").toLowerCase().includes((str || "").toLowerCase());
+            open: false,
+            allowClear: isDiscount,
+            onChange: (e) => {
+              form.setFieldsValue({
+                total: state.service.cacheItem._extend.origin_total
+              });
+            }
+          }
+        )
+      )), 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, 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,
+          {
+            slice: (_l2 = (_k2 = (_j2 = (_i2 = state.bookingConfig) == null ? void 0 : _i2.config) == null ? void 0 : _j2.basic) == null ? void 0 : _k2.service_time) == null ? void 0 : _l2.value,
+            timePickerProps: {
+              style: { width: "100%" }
+            },
+            timeProps: {
+              style: { zoom: 0.8 }
+            }
+          }
+        ) : 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,
+          {
+            className: "resource-col-like-wrap",
+            disabled: !useResource,
+            onClick: () => {
+              handleLikeResource(
+                useLikeStatus === "like" ? "common" : "like"
+              );
             }
           },
-          renderOptions(
-            state.service.resources || [],
-            "form_record_id",
-            "label",
-            "resource"
+          /* @__PURE__ */ import_react.default.createElement(
+            import_like.default,
+            {
+              status: useLikeStatus
+            }
           )
-        )
-      ))
-    )), /* @__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)))), errorList.map((d, i) => {
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Alert,
+        ), /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Form.Item,
+          {
+            name: "resource",
+            noStyle: true,
+            rules: [{ required: true }]
+          },
+          /* @__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))))), state.renderType !== "eventBooking" && errorList.map((d, i) => {
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Alert,
+          {
+            key: d.type,
+            message: d.label,
+            type: "warning",
+            showIcon: true,
+            style: { marginBottom: 12 }
+          }
+        );
+      }), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit-footer" }, /* @__PURE__ */ import_react.default.createElement(
+        "div",
         {
-          key: d.type,
-          message: d.label,
-          type: "warning",
-          showIcon: true,
-          style: { marginBottom: 12 }
-        }
-      );
-    }), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit-footer" }, /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: "pisell-lowcode__booking-service-delete-wrap",
-        onClick: handleDeleteProduct
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_Delete_wght300_24px.default, { className: "pisell-lowcode__booking-service-delete-icon" })
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Button,
-      {
-        type: "primary",
-        className: "pisell-lowcode__booking-service-body-edit-footer-apple",
-        disabled: resourceLoading,
-        onClick: () => {
-          form.submit();
-        }
-      },
-      import_utils.locales.getText("pisell2.text.apply")
-    )))
-  ));
+          className: "pisell-lowcode__booking-service-delete-wrap",
+          onClick: handleDeleteProduct
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_Delete_wght300_24px.default, { className: "pisell-lowcode__booking-service-delete-icon" })
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          type: "primary",
+          className: "pisell-lowcode__booking-service-body-edit-footer-apple",
+          disabled: resourceLoading,
+          onClick: () => {
+            form.submit();
+          }
+        },
+        import_utils.locales.getText("pisell2.text.apply")
+      )))
+    ));
+  }, [
+    state.service.changeService,
+    state.service.editModal,
+    (_p = state.service.cacheItem) == null ? void 0 : _p.autoClose,
+    import_utils.locales,
+    (_s = (_r = (_q = state.service) == null ? void 0 : _q.cacheItem) == null ? void 0 : _r._extend) == null ? void 0 : _s.product_name,
+    bundles,
+    state.amountSymbol,
+    state.channelDisabledEdit,
+    (_u = (_t = state.service.cacheItem) == null ? void 0 : _t._extend) == null ? void 0 : _u.origin_total,
+    isDiscount,
+    isReason,
+    state.renderType,
+    (_y = (_x = (_w = (_v = state.bookingConfig) == null ? void 0 : _v.config) == null ? void 0 : _w.basic) == null ? void 0 : _x.service_time) == null ? void 0 : _y.value,
+    SelectTime,
+    durationProps,
+    timeObj,
+    useResource,
+    useLikeStatus,
+    resourceLoading,
+    selectOpen,
+    state.service.resources,
+    errorList
+  ]);
 };
-var editService_default = Info;
+var editService_default = (0, import_react.forwardRef)(Info);