@pisell/private-materials 3.0.151 → 3.0.152

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

@@ -0,0 +1,483 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/info2/service/editService/index.tsx
+var editService_exports = {};
+__export(editService_exports, {
+  default: () => editService_default
+});
+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_drawer = __toESM(require("../../../components/drawer"));
+var import_model = require("../../../info/model");
+var import_utils = require("@pisell/utils");
+var import_duration = __toESM(require("../../../materiels/duration"));
+var import_Capacity = __toESM(require("./Capacity"));
+var import_Resources = __toESM(require("./Resources"));
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var import_collapsibleList = __toESM(require("../../../components/collapsibleList"));
+var import_utils2 = require("../../../components/collapsibleList/utils");
+var import_ahooks = require("ahooks");
+var import_utils3 = require("../../../utils");
+var import_utilsByBooking = require("../../utilsByBooking");
+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, _z, _A, _B, _C;
+  const [form] = import_antd.Form.useForm();
+  const useTotal = import_antd.Form.useWatch("total", 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 { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const resourcesRef = (0, import_react.useRef)(null);
+  const getCurrentCacheItem = (_cacheItem) => {
+    let values = form.getFieldsValue();
+    let _item = _cacheItem || state.service.cacheItem;
+    return {
+      ..._item,
+      _extend: {
+        ..._item == null ? void 0 : _item._extend,
+        ...values
+      }
+    };
+  };
+  const currentResource = (0, import_react.useMemo)(() => {
+    return null;
+  }, [useResource]);
+  const durationProps = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    let _cacheItem = getCurrentCacheItem();
+    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,
+    useStartTime,
+    useResource,
+    (_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)(() => {
+    return (0, import_utils4.getFlexibleOption)({
+      durationProps
+    });
+  }, [durationProps, import_utils.locales.locale]);
+  const timeObj = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    return (_b2 = (_a2 = state.service) == null ? void 0 : _a2.cacheItem) == null ? void 0 : _b2._data.timeObj;
+  }, [(_e = (_d = state.service) == null ? void 0 : _d.cacheItem) == null ? void 0 : _e._data.timeObj]);
+  (0, import_react.useEffect)(() => {
+    try {
+      if (useDuration.indexOf("flexible_") == 0) {
+        if (flexibleOption) {
+          form.setFieldsValue({
+            duration: flexibleOption.value
+          });
+        }
+      }
+    } catch (err) {
+    }
+  }, [useDuration, flexibleOption]);
+  const handleDeleteProduct = () => {
+    var _a2;
+    if (state.channelDisabledEdit) {
+      return;
+    }
+    let _list = [...state.service.value];
+    let _id = (_a2 = state.service.cacheItem) == null ? void 0 : _a2._id;
+    _list = _list.filter((d) => d._id !== _id);
+    dispatch({
+      type: "setService",
+      payload: {
+        editModal: false,
+        value: _list,
+        edit: true,
+        cacheItem: null
+      }
+    });
+  };
+  const getDiscount = () => {
+    var _a2;
+    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");
+    } else {
+      discount = `${import_utils.locales.getText("pisell2.text.status.manual")} `;
+      if (cPrice < oPrice) {
+        discount += (0, import_utils.formatAmount)(cPrice - oPrice, 2, state.amountSymbol) + "";
+      } else {
+        discount += "+" + (0, import_utils.formatAmount)(cPrice - oPrice, 2, state.amountSymbol);
+      }
+    }
+    form.setFieldsValue({ discount });
+  };
+  const onFinish = (values) => {
+    var _a2;
+    let isSuccess = (_a2 = resourcesRef.current) == null ? void 0 : _a2.check();
+    if (!isSuccess) {
+      return;
+    }
+    if (submitLock) {
+      return;
+    }
+    submitLock = true;
+    setTimeout(() => {
+      submitLock = false;
+    }, 1500);
+    let _list = [...state.service.value];
+    let _item = {
+      ...state.service.cacheItem,
+      autoClose: false
+    };
+    let _extend = {
+      ..._item._extend,
+      ...values
+    };
+    const { startDate, endDate } = (0, import_utils3.getServiceTimes)({ _extend });
+    _extend.startDate = startDate;
+    _extend.endDate = endDate;
+    if (_extend.bundle_edit !== void 0) {
+      _extend.bundle_edit = 1;
+    }
+    _item._extend = _extend;
+    _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 {
+      _list = _list.map((d) => d._id === _id ? { ..._item, new: 0 } : d);
+    }
+    (0, import_utils3.deleteCacheParams)();
+    console.log("_onFinish", _list);
+    form.resetFields();
+    dispatch({
+      type: "setService",
+      payload: {
+        editModal: false,
+        addModal: false,
+        value: _list,
+        edit: true,
+        cacheItem: null,
+        changeService: false
+      }
+    });
+  };
+  const setEditData = (0, import_ahooks.useMemoizedFn)((_cacheItem) => {
+    form.resetFields();
+    let cacheItem = _cacheItem || state.service.cacheItem;
+    let values = cacheItem._extend;
+    form.setFieldsValue(values);
+  });
+  const isReason = (0, import_react.useMemo)(() => {
+    var _a2;
+    let oPrice = Number(((_a2 = state.service.cacheItem) == null ? void 0 : _a2._extend.origin_total) || 0);
+    let cPrice = Number(useTotal || 0);
+    return cPrice !== oPrice;
+  }, [useTotal, (_g = (_f = state.service.cacheItem) == null ? void 0 : _f._extend) == null ? void 0 : _g.origin_total]);
+  const getResources = () => {
+    let res = (0, import_utils4.formatResources)({
+      cacheItem: getCurrentCacheItem(),
+      resourcesOrigin: state.service.cacheItem._data.resourcesOrigin
+    });
+    dispatch({
+      type: "setService",
+      payload: {
+        cacheItem: {
+          ...state.service.cacheItem,
+          _data: {
+            ...state.service.cacheItem._data,
+            resources: res.list,
+            resourceMaps: res.maps
+          }
+        }
+      }
+    });
+    updateResourceErrors(res.maps);
+  };
+  const updateResourceErrors = (resourceMaps) => {
+    let { resource } = form.getFieldsValue();
+    if (resource) {
+      let _resource = { ...resource };
+      for (let form_id in _resource) {
+        _resource[form_id] = _resource[form_id].map((d) => {
+          var _a2, _b2;
+          return {
+            ...d,
+            errors: (0, import_utilsByBooking.getErrorList)(
+              (_b2 = (_a2 = resourceMaps == null ? void 0 : resourceMaps[form_id]) == null ? void 0 : _a2.renderListMaps) == null ? void 0 : _b2[d == null ? void 0 : d.relation_id],
+              getCurrentCacheItem()
+            )
+          };
+        });
+      }
+      form.setFieldsValue({
+        resource: _resource
+      });
+      return _resource;
+    }
+  };
+  (0, import_ahooks.useUpdateEffect)(() => {
+    if (!state.service.cacheItem) {
+      return;
+    }
+    if (useStartTime && useDuration && state.renderType !== "eventBooking") {
+      getResources();
+    }
+  }, [
+    useStartTime,
+    useDuration,
+    state.renderType,
+    state.service.resourcesOrigin
+  ]);
+  (0, import_react.useEffect)(() => {
+    getDiscount();
+  }, [useTotal, (_i = (_h = state.service.cacheItem) == null ? void 0 : _h._extend) == null ? void 0 : _i.origin_total]);
+  const isDiscount = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    if (!((_a2 = state.service) == null ? void 0 : _a2.cacheItem)) {
+      return false;
+    }
+    return useTotal != ((_c2 = (_b2 = state.service) == null ? void 0 : _b2.cacheItem) == null ? void 0 : _c2._extend.origin_total);
+  }, [useTotal, (_k = (_j = state.service) == null ? void 0 : _j.cacheItem) == null ? void 0 : _k._extend.origin_total]);
+  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) || [];
+  }, [(_o = (_n = (_m = (_l = state.service) == null ? void 0 : _l.cacheItem) == null ? void 0 : _m._extend) == null ? void 0 : _n.other) == null ? void 0 : _o.bundle]);
+  const handleEdit = (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: {
+            cacheItem
+          }
+        });
+        form.setFieldsValue({
+          total: _total
+        });
+      }
+    });
+  };
+  const handleChange = (e) => {
+    if (state.channelDisabledEdit) {
+      return;
+    }
+    form.resetFields();
+    dispatch({
+      type: "setService",
+      payload: {
+        addModal: true,
+        editModal: false
+        //用于控制 添加商品 和 编辑服务弹窗的上下层级
+        // changeService: true,
+      }
+    });
+  };
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return {
+      init: setEditData
+    };
+  });
+  console.log("state.service.value", state.service.value);
+  const SelectTime = (_p = window.BaseMaterials) == null ? void 0 : _p.SelectTime;
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_drawer.default,
+    {
+      zIndex: state.service.changeService ? 999 : 1e3,
+      forceRender: true,
+      open: state.service.editModal && !((_q = state.service.cacheItem) == null ? void 0 : _q.autoClose),
+      title: import_utils.locales.getText("pisell2.text.edit-service"),
+      onClose: () => {
+        dispatch({
+          type: "setService",
+          payload: {
+            editModal: false,
+            cacheItem: null,
+            changeService: false
+          }
+        });
+      }
+    },
+    /* @__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" }, ((_t = (_s = (_r = state.service) == null ? void 0 : _r.cacheItem) == null ? void 0 : _s._extend) == null ? void 0 : _t.product_name) || "-"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleEdit }, import_utils.locales.getText("pisell2.text.edit")), /* @__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: 12 }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: import_utils.locales.getText("pisell2.text.price"),
+        name: "total",
+        rules: [{ required: true }]
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.InputNumber,
+        {
+          disabled: state.channelDisabledEdit,
+          prefix: state.amountSymbol,
+          size: "large",
+          precision: 2,
+          style: { width: "100%" },
+          min: 0,
+          max: ((_v = (_u = state.service.cacheItem) == null ? void 0 : _u._extend) == null ? void 0 : _v.origin_total) || 0,
+          placeholder: ((_x = (_w = state.service.cacheItem) == null ? void 0 : _w._extend) == null ? void 0 : _x.origin_total) || "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.discount"),
+        name: "discount"
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Select,
+        {
+          disabled: state.channelDisabledEdit,
+          size: "large",
+          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: (_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,
+          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.Form.Item, { noStyle: true, name: "resource" }, /* @__PURE__ */ import_react.default.createElement(
+      import_Resources.default,
+      {
+        ref: resourcesRef,
+        state,
+        cacheItem: state.service.cacheItem,
+        getCurrentCacheItem,
+        useDuration,
+        useStartTime
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { noStyle: true, name: "capacity" }, /* @__PURE__ */ import_react.default.createElement(
+      import_Capacity.default,
+      {
+        state,
+        cacheItem: state.service.cacheItem
+      }
+    )), /* @__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("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: !((_C = state.service.resourcesOrigin) == null ? void 0 : _C.length),
+        onClick: () => {
+          form.submit();
+        }
+      },
+      import_utils.locales.getText("pisell2.text.apply")
+    )))
+  ));
+};
+var editService_default = (0, import_react.forwardRef)(Info);

package/lib/components/booking/info2/service/editService/index.less

@@ -0,0 +1,99 @@
+.pisell-lowcode__booking-service-body-edit {
+  padding: 24px 32px 100px !important;
+}
+
+
+.pisell-lowcode__booking-service-body-edit-footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  border-top: 1px solid #E7E8E9;
+  padding: 20px 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  background-color: #fff;
+
+  .pisell-lowcode__booking-service-delete-wrap {
+    height: 48px;
+    width: 48px;
+    border-radius: 8px;
+    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;
+    align-items: center;
+    justify-content: center;
+
+    .pisell-lowcode__booking-service-delete-icon {
+      color: #B42318;
+      font-size: 20px;
+    }
+  }
+
+  .pisell-lowcode__booking-service-body-edit-footer-apple {
+    flex: 1;
+    height: 48px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+.pisell-lowcode-select-selection-item {
+  .resource-option {
+    padding-left: 0;
+
+  }
+}
+
+.pisell-lowcode-select-item-option-content {
+  .resource-option {
+    padding-left: 0;
+
+  }
+}
+
+.resource-option {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  .resource-option-alert-icon {
+    color: #B42318;
+    cursor: pointer;
+  }
+}
+
+.current-service-info {
+  min-height: 40px;
+  cursor: pointer;
+  background-color: #ffffff;
+  border: 1px solid #D0D5DD;
+  border-radius: 10px;
+  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  overflow: hidden;
+  padding: 11px;
+
+  .current-service-info-name-wrap {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+
+    .current-service-info-name {
+      font-size: 16px;
+      color: #101828;
+      font-weight: 650;
+      flex: 1;
+    }
+
+    .current-service-info-change-btn {}
+  }
+
+  &:hover {
+    border-color: #7f56d9;
+  }
+}

package/lib/components/booking/info2/service/editService/utils.d.ts

@@ -0,0 +1,11 @@
+/**
+1. 在进入编辑服务前
+
+计算出各种需要的列表
+
+设置默认值
+
+判断是否需要进入编辑服务页
+ */
+declare const isNewService: (service: any) => any;
+declare const init: ({ cacheItem, state }: any) => any;

package/lib/components/booking/info2/service/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import '../../info/service/index.less';
+declare const _default: React.MemoExoticComponent<() => React.JSX.Element>;
+export default _default;

package/lib/components/booking/info2/service/index.js

@@ -0,0 +1,75 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/info2/service/index.tsx
+var service_exports = {};
+__export(service_exports, {
+  default: () => service_default
+});
+module.exports = __toCommonJS(service_exports);
+var import_react = __toESM(require("react"));
+var import_addService = __toESM(require("./addService"));
+var import_model = require("../../info/model");
+var import_editService = __toESM(require("./editService"));
+var import_service = require("../../info/service/index.less");
+var import_serviceList = __toESM(require("./serviceList"));
+var import_addTimeModal = __toESM(require("./addTimeModal"));
+var Service = () => {
+  var _a, _b;
+  const { state } = (0, import_react.useContext)(import_model.Context);
+  const detailRef = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const appointment_card = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c;
+    return ((_c = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.information_tab) == null ? void 0 : _c.appointment_card) || {
+      quick_time: 1
+    };
+  }, [(_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.information_tab]);
+  const showAddTimeModal = (0, import_react.useMemo)(() => {
+    if ((state == null ? void 0 : state.renderType) === "eventBooking") {
+      return false;
+    }
+    if (state == null ? void 0 : state.disabledEdit) {
+      return false;
+    }
+    if (appointment_card.quick_time !== 1) {
+      return false;
+    }
+    return true;
+  }, [state, appointment_card.quick_time]);
+  const handleEdit = (cacheItem) => {
+    setTimeout(() => {
+      var _a2, _b2;
+      (_b2 = (_a2 = detailRef.current) == null ? void 0 : _a2.init) == null ? void 0 : _b2.call(_a2, cacheItem);
+    }, 100);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_serviceList.default, { onEdit: handleEdit }), /* @__PURE__ */ import_react.default.createElement(import_addService.default, { onEdit: handleEdit })), /* @__PURE__ */ import_react.default.createElement(import_editService.default, { ref: detailRef }), showAddTimeModal && /* @__PURE__ */ import_react.default.createElement(import_addTimeModal.default, null));
+};
+var service_default = import_react.default.memo(Service);

package/lib/components/booking/info2/service/serviceItem/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const ServiceItem: ({ d, handleEditService, state, handleLike, errorMessage, }: any) => React.JSX.Element;
+export default ServiceItem;