@pisell/private-materials 6.1.1 → 6.1.2

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

@@ -34,7 +34,6 @@ __export(editService_exports, {
 module.exports = __toCommonJS(editService_exports);
 var import_Delete_wght300_24px = __toESM(require("@pisell/icon/es/Delete_wght300_24px"));
 var import_utils = require("@pisell/utils");
-var import_ahooks = require("ahooks");
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
 var import_collapsibleList = __toESM(require("../../../components/collapsibleList"));
@@ -45,6 +44,7 @@ var import_duration = __toESM(require("../../../materiels/duration"));
 var import_Capacity = __toESM(require("./Capacity"));
 var import_Resources = __toESM(require("./Resources"));
 var import_index = require("./index.less");
+var import_ahooks = require("ahooks");
 var import_materials = require("@pisell/materials");
 var import_utils3 = require("../../../../ticketBooking/utils");
 var import_utils4 = require("../../../info/service2/utils");
@@ -54,7 +54,7 @@ var import_utilsByBooking = require("../../utilsByBooking");
 var import_utils7 = 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, _D, _E, _F;
+  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, _D, _E, _F, _G, _H, _I;
   const [form] = import_antd.Form.useForm();
   const useTotal = import_antd.Form.useWatch("total", form);
   const useResource = import_antd.Form.useWatch("resource", form);
@@ -67,7 +67,7 @@ var Info = (_, ref) => {
     var _a2, _b2;
     return ((_a2 = state == null ? void 0 : state.service) == null ? void 0 : _a2.cacheItem) && (0, import_utils4.isNormalProductByDurationSchedule)((_b2 = state == null ? void 0 : state.service) == null ? void 0 : _b2.cacheItem);
   }, [(_a = state == null ? void 0 : state.service) == null ? void 0 : _a.cacheItem]);
-  const getCurrentCacheItem = (_cacheItem) => {
+  const getCurrentCacheItem = (0, import_ahooks.useMemoizedFn)((_cacheItem) => {
     let values = form.getFieldsValue();
     let _item = _cacheItem || state.service.cacheItem;
     return {
@@ -77,42 +77,49 @@ var Info = (_, ref) => {
         ...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_utils7.getDurationProps)({
+    const val = (0, import_utils7.getDurationProps)({
       cacheItem: _cacheItem,
       useStartTime,
-      currentResource,
+      // currentResource,
       slice: (_c2 = (_b2 = (_a2 = state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.service_time
     });
+    return val;
   }, [
-    currentResource,
+    // currentResource,
     state.service.cacheItem,
     useStartTime,
     useResource,
     (_d = (_c = (_b = state.bookingConfig) == null ? void 0 : _b.config) == null ? void 0 : _c.basic) == null ? void 0 : _d.service_time
   ]);
   const flexibleOption = (0, import_react.useMemo)(() => {
-    console.log("执行次数:flexibleOption");
-    return (0, import_utils7.getFlexibleOption)({
+    const op = (0, import_utils7.getFlexibleOption)({
       durationProps
     });
+    return op;
   }, [durationProps, import_utils.locales.locale]);
   const timeObj = (0, import_react.useMemo)(() => {
-    console.log("执行次数:timeObj");
-    return (0, import_utils7.getTimeObj)({
+    const val = (0, import_utils7.getTimeObj)({
       durationProps,
       useStartTime,
       currentResource,
       state,
       useDuration
     });
-  }, [durationProps, useStartTime, currentResource, state, useDuration]);
+    return val;
+  }, [
+    durationProps,
+    useStartTime,
+    currentResource,
+    (_g = (_f = (_e = state.bookingConfig) == null ? void 0 : _e.config) == null ? void 0 : _f.basic) == null ? void 0 : _g.service_time,
+    useDuration
+  ]);
   (0, import_react.useEffect)(() => {
     console.log("执行次数:于灵活时长的结束时间随");
     try {
@@ -221,13 +228,32 @@ var Info = (_, ref) => {
       }
     });
   };
+  const { run: setEditDataRun } = (0, import_ahooks.useDebounceFn)(
+    (...params) => {
+      setEditData(...params);
+    },
+    {
+      wait: 50,
+      leading: true,
+      trailing: false
+    }
+  );
   const setEditData = (0, import_ahooks.useMemoizedFn)(
     (_cacheItem, open, openProductDetail) => {
-      form.resetFields();
+      console.timeEnd("handleChange");
+      console.log("setEditDatasetEditData", _cacheItem, open);
       isChangeTotal.current = false;
       let cacheItem = _cacheItem || state.service.cacheItem;
       let values = cacheItem._extend;
+      const startTime2 = performance.now();
+      console.log(startTime2, "startTime");
+      form.resetFields();
       form.setFieldsValue(values);
+      const endTime = performance.now();
+      console.log(endTime - window.pp1, "打开商品5");
+      console.log("执行时间", endTime - startTime2, values);
+      setTimeout(() => {
+      }, 20);
       if (openProductDetail) {
         setTimeout(() => {
           handleEdit({});
@@ -240,7 +266,7 @@ var Info = (_, ref) => {
     let oPrice = Number(((_a2 = state.service.cacheItem) == null ? void 0 : _a2._extend.origin_total) || 0);
     let cPrice = Number(useTotal || 0);
     return cPrice !== oPrice;
-  }, [useTotal, (_f = (_e = state.service.cacheItem) == null ? void 0 : _e._extend) == null ? void 0 : _f.origin_total]);
+  }, [useTotal, (_i = (_h = state.service.cacheItem) == null ? void 0 : _h._extend) == null ? void 0 : _i.origin_total]);
   const getResources = () => {
     let res = (0, import_utils7.formatResources)({
       cacheItem: getCurrentCacheItem(),
@@ -262,9 +288,9 @@ var Info = (_, ref) => {
     updateResourceErrors(res.maps);
   };
   const updateResourceErrors = (resourceMaps) => {
-    let { resource } = form.getFieldsValue();
-    if (resource) {
-      let _resource = { ...resource };
+    let { resource: resource2 } = form.getFieldsValue();
+    if (resource2) {
+      let _resource = { ...resource2 };
       for (let form_id in _resource) {
         _resource[form_id] = _resource[form_id].map((d) => {
           var _a2, _b2;
@@ -298,24 +324,17 @@ var Info = (_, ref) => {
   ]);
   (0, import_react.useEffect)(() => {
     if (state.isBookingCreatePage && state.service.editModal) {
-      setEditData(null);
+      setEditDataRun(null);
     }
   }, [state.service.editModal, state.isBookingCreatePage]);
   (0, import_react.useEffect)(() => {
     getDiscount();
-  }, [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 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]);
+  }, [useTotal, (_k = (_j = state.service.cacheItem) == null ? void 0 : _j._extend) == null ? void 0 : _k.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) || [];
-  }, [(_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 handleEdit = (e) => {
+  }, [(_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 = (0, import_ahooks.useMemoizedFn)((e) => {
     var _a2, _b2, _c2, _d2, _e2;
     const item = state.service.cacheItem;
     let values = form.getFieldsValue();
@@ -401,8 +420,8 @@ var Info = (_, ref) => {
         });
       }
     });
-  };
-  const handleChange = (e) => {
+  });
+  const handleChange = (0, import_ahooks.useMemoizedFn)((e) => {
     if (state.channelDisabledEdit) {
       return;
     }
@@ -416,10 +435,10 @@ var Info = (_, ref) => {
         // changeService: true,
       }
     });
-  };
+  });
   (0, import_react.useImperativeHandle)(ref, () => {
     return {
-      init: setEditData
+      init: setEditDataRun
     };
   });
   const handleTotalChange = (number) => {
@@ -431,43 +450,35 @@ var Info = (_, ref) => {
     }
     return false;
   }, [state.renderType, isNormalProduct]);
-  const SelectTime = (_o = window.BaseMaterials) == null ? void 0 : _o.SelectTime;
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    import_drawer.default,
-    {
-      titleNoWrap: true,
-      zIndex: state.service.changeService ? 999 : 1e3,
-      forceRender: true,
-      mask: state.drawerMask,
-      open: state.service.editModal && !((_p = state.service.cacheItem) == null ? void 0 : _p.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" }, ((_s = (_r = (_q = state.service) == null ? void 0 : _q.cacheItem) == null ? void 0 : _r._extend) == null ? void 0 : _s.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(
+  const SelectTime = (_p = window.BaseMaterials) == null ? void 0 : _p.SelectTime;
+  console.log(isShowTimeAndResource, "isShowTimeAndResource");
+  const productName = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    return /* @__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" }, ((_c2 = (_b2 = (_a2 = state.service) == null ? void 0 : _a2.cacheItem) == null ? void 0 : _b2._extend) == null ? void 0 : _c2.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(
+    ))));
+  }, [
+    (_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.isBookingCreatePage
+  ]);
+  const price = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    return /* @__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 !== ((_u = (_t = state.service.cacheItem) == null ? void 0 : _t._extend) == null ? void 0 : _u.origin_total) && import_utils.locales.getText("page.booking.text.price-extra")(
+        extra: useTotal !== ((_b2 = (_a2 = state.service.cacheItem) == null ? void 0 : _a2._extend) == null ? void 0 : _b2.origin_total) && import_utils.locales.getText("page.booking.text.price-extra")(
           (0, import_utils.formatAmount)(
-            (_w = (_v = state.service.cacheItem) == null ? void 0 : _v._extend) == null ? void 0 : _w.origin_total,
+            (_d2 = (_c2 = state.service.cacheItem) == null ? void 0 : _c2._extend) == null ? void 0 : _d2.origin_total,
             2,
             state.amountSymbol
           ),
@@ -483,18 +494,30 @@ var Info = (_, ref) => {
           prefix: state.amountSymbol,
           onChange: handleTotalChange,
           disabled: state.channelDisabledEdit,
-          originValue: ((_y = (_x = state.service.cacheItem) == null ? void 0 : _x._extend) == null ? void 0 : _y.origin_total) || 0,
-          placeholder: ((_A = (_z = state.service.cacheItem) == null ? void 0 : _z._extend) == null ? void 0 : _A.origin_total) || "0"
+          originValue: ((_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"
         }
       )
-    )), isReason ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+    ));
+  }, [
+    useTotal,
+    (_u = (_t = state.service.cacheItem) == null ? void 0 : _t._extend) == null ? void 0 : _u.origin_total,
+    state.amountSymbol,
+    state.channelDisabledEdit
+  ]);
+  const reason = (0, import_react.useMemo)(() => {
+    return 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, isShowTimeAndResource && /* @__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(
+    )) : null;
+  }, [isReason]);
+  const startTime = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2;
+    return /* @__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"),
@@ -504,7 +527,7 @@ var Info = (_, ref) => {
       SelectTime ? /* @__PURE__ */ import_react.default.createElement(
         SelectTime,
         {
-          slice: (_E = (_D = (_C = (_B = state.bookingConfig) == null ? void 0 : _B.config) == null ? void 0 : _C.basic) == null ? void 0 : _D.service_time) == null ? void 0 : _E.value,
+          slice: (_d2 = (_c2 = (_b2 = (_a2 = state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.service_time) == null ? void 0 : _d2.value,
           timePickerProps: {
             style: { width: "100%" }
           },
@@ -513,7 +536,11 @@ var Info = (_, ref) => {
           }
         }
       ) : null
-    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+    ));
+  }, [SelectTime, (_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]);
+  const duration = (0, import_react.useMemo)(() => {
+    console.log("render form duration");
+    return /* @__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"),
@@ -521,23 +548,36 @@ var Info = (_, ref) => {
         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(
+    ));
+  }, [durationProps, timeObj]);
+  const resource = (0, import_react.useMemo)(() => {
+    console.log("render form resource");
+    return /* @__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
+        getCurrentCacheItem
       }
-    )), /* @__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))), isNormalProduct && /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+    ));
+  }, [
+    state.renderType,
+    (_A = (_z = state.service.cacheItem) == null ? void 0 : _z._data) == null ? void 0 : _A.resources,
+    (_C = (_B = state.service.cacheItem) == null ? void 0 : _B._data) == null ? void 0 : _C.resourceMaps
+  ]);
+  const capacity = (0, import_react.useMemo)(() => {
+    return /* @__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 }));
+  }, [
+    state.locale,
+    state.isTerminal,
+    (_F = (_E = (_D = state.service) == null ? void 0 : _D.cacheItem) == null ? void 0 : _E._data) == null ? void 0 : _F.capacitys
+  ]);
+  const hiddenQuantity = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "quantity" }, /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, null));
+  }, []);
+  const quantity = (0, import_react.useMemo)(() => {
+    return /* @__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"),
@@ -559,7 +599,11 @@ var Info = (_, ref) => {
           }
         }
       )
-    )))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit-footer" }, /* @__PURE__ */ import_react.default.createElement(
+    ));
+  }, []);
+  const footer = (0, import_react.useMemo)(() => {
+    var _a2;
+    return /* @__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",
@@ -571,13 +615,41 @@ var Info = (_, ref) => {
       {
         type: "primary",
         className: "pisell-lowcode__booking-service-body-edit-footer-apple",
-        disabled: !((_F = state.service.resourcesOrigin) == null ? void 0 : _F.length),
+        disabled: !((_a2 = state.service.resourcesOrigin) == null ? void 0 : _a2.length),
         onClick: () => {
           form.submit();
         }
       },
       import_utils.locales.getText("pisell2.text.apply")
-    )))
+    ));
+  }, [(_G = state.service.resourcesOrigin) == null ? void 0 : _G.length]);
+  console.log("render edit");
+  console.log(
+    state.service.editModal && !((_H = state.service.cacheItem) == null ? void 0 : _H.autoClose),
+    performance.now() - window.pp1,
+    "打开商品1"
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_drawer.default,
+    {
+      titleNoWrap: true,
+      zIndex: state.service.changeService ? 999 : 1e3,
+      forceRender: true,
+      mask: state.drawerMask,
+      open: state.service.editModal && !((_I = state.service.cacheItem) == null ? void 0 : _I.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] }, productName, price, reason, isShowTimeAndResource && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, startTime, duration, resource, capacity, hiddenQuantity), isNormalProduct && quantity)), footer)
   ));
 };
 var editService_default = (0, import_react.forwardRef)(Info);

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

@@ -56,14 +56,18 @@ var Service = () => {
   }, []);
   const clearCart = (0, import_useClearCart.default)(state, dispatch);
   const { dom } = (0, import_useQuotation.default)(state, dispatch);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-wrap" }, clearCart, /* @__PURE__ */ import_react.default.createElement(
-    import_Lists.default,
-    {
-      isParallelResource: true,
-      onEdit: handleEdit,
-      onAction: handleAction,
-      onChange: (e, type) => dispatchService(type || "setService", e)
-    }
-  ), !state.isBookingCreatePage ? /* @__PURE__ */ import_react.default.createElement(import_addService.default, { onEdit: handleEdit }) : null), /* @__PURE__ */ import_react.default.createElement(import_editService.default, { ref: detailRef }), showAddTimeModal && /* @__PURE__ */ import_react.default.createElement(import_addTimeModal.default, null), dom);
+  const renderMemo = (0, import_react.useMemo)(() => {
+    console.log("render info22222");
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-wrap" }, clearCart, /* @__PURE__ */ import_react.default.createElement(
+      import_Lists.default,
+      {
+        isParallelResource: true,
+        onEdit: handleEdit,
+        onAction: handleAction,
+        onChange: (e, type) => dispatchService(type || "setService", e)
+      }
+    ), !state.isBookingCreatePage ? /* @__PURE__ */ import_react.default.createElement(import_addService.default, { onEdit: handleEdit }) : null), /* @__PURE__ */ import_react.default.createElement(import_editService.default, { ref: detailRef }), showAddTimeModal && /* @__PURE__ */ import_react.default.createElement(import_addTimeModal.default, null), dom);
+  }, [clearCart, dom, showAddTimeModal, clearCart]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderMemo);
 };
 var service_default = import_react.default.memo(Service);

package/lib/components/booking/info2/utilsByBooking.js

@@ -180,6 +180,12 @@ var getErrorList = (resource, cacheItem) => {
       }
     }
   }
+  if (resource.unbound) {
+    list.push({
+      label: import_utils.locales.getText("pisell1.text.resource-error-message-unbound"),
+      type: "time"
+    });
+  }
   return list;
 };
 var formatResource = (resourceItem, cacheItem, formatLabel) => {

package/lib/components/booking/locales.d.ts

@@ -110,6 +110,7 @@ declare const _default: {
         'pisell1.text.resource-error-message-1': (x: string, y: string) => string;
         'pisell1.text.resource-error-message-2': (x: string, y: string, z: string) => string;
         'pisell1.text.resource-error-message-3': (x: string, y: string, z: string) => string;
+        'pisell1.text.resource-error-message-unbound': string;
         'pisell1.text.no-addons': string;
         'pisell1.text.no-resource': string;
         'pisell1.text.no-payments': string;
@@ -389,6 +390,7 @@ declare const _default: {
         'pisell1.text.resource-error-message-1': (x: string, y: string) => string;
         'pisell1.text.resource-error-message-2': (x: string, y: string, z: string) => string;
         'pisell1.text.resource-error-message-3': (x: string, y: string, z: string) => string;
+        'pisell1.text.resource-error-message-unbound': string;
         'pisell2.text.flexible': string;
         'pisell2.text.order-discount': string;
         'pisell2.text.no-product-added': string;
@@ -660,6 +662,7 @@ declare const _default: {
         'pisell1.text.resource-error-message-1': (x: string, y: string) => string;
         'pisell1.text.resource-error-message-2': (x: string, y: string, z: string) => string;
         'pisell1.text.resource-error-message-3': (x: string, y: string, z: string) => string;
+        'pisell1.text.resource-error-message-unbound': string;
         'pisell2.text.flexible': string;
         'pisell2.text.order-discount': string;
         'pisell2.text.no-product-added': string;

package/lib/components/booking/locales.js

@@ -154,6 +154,7 @@ var locales_default = {
     "pisell1.text.resource-error-message-1": (x, y) => `${x} doesn't provide ${y}, but your team member can still book appointments.`,
     "pisell1.text.resource-error-message-2": (x, y, z) => `${x} isn't available between ${y} and ${z}, but your team member can still book appointments.`,
     "pisell1.text.resource-error-message-3": (x, y, z) => `${x} is fully booked between ${y} and ${z}, but your team member can still book appointments.`,
+    "pisell1.text.resource-error-message-unbound": "This booking product is not associated with the target resource.",
     "pisell1.text.no-addons": "No addons",
     "pisell1.text.no-resource": "No resource",
     "pisell1.text.no-payments": "No payments",
@@ -465,6 +466,7 @@ var locales_default = {
     "pisell1.text.resource-error-message-1": (x, y) => `${x} 不提供 ${y}，但您的团队成员仍然可以预约。`,
     "pisell1.text.resource-error-message-2": (x, y, z) => `${x}在${y}到${z}之间不提供服务，但您的团队成员仍然可以预约。`,
     "pisell1.text.resource-error-message-3": (x, y, z) => `${x}在${y}到${z}之间已约满，但您的团队成员仍然可以预约。`,
+    "pisell1.text.resource-error-message-unbound": "该预约商品未关联目标资源。",
     "pisell2.text.flexible": "灵活",
     "pisell2.text.order-discount": "折扣",
     "pisell2.text.no-product-added": "未添加商品",
@@ -768,6 +770,7 @@ var locales_default = {
     "pisell1.text.resource-error-message-1": (x, y) => `${x} 不提供 ${y}，但您的團隊成員仍然可以預約。`,
     "pisell1.text.resource-error-message-2": (x, y, z) => `${x}在${y}到${z}之間不提供服務，但您的團隊成員仍然可以預約。`,
     "pisell1.text.resource-error-message-3": (x, y, z) => `${x}在${y}到${z}之間已約滿，但您的團隊成員仍然可以預約。`,
+    "pisell1.text.resource-error-message-unbound": "該預約商品未關聯目標資源。",
     "pisell2.text.flexible": "靈活",
     "pisell2.text.order-discount": "折扣",
     "pisell2.text.no-product-added": "未添加商品",

package/lib/components/booking/materiels/duration/index.js

@@ -49,6 +49,7 @@ var Duration = (props) => {
     timeObj,
     ...resetProps
   } = props;
+  const startDateStr = (0, import_react.useMemo)(() => (0, import_dayjs.default)(startDate).format("YYYY-MM-DD HH:mm:ss"), [startDate]);
   const times = (0, import_react.useMemo)(() => {
     if (timeObj) {
       return timeObj.durationSlicesBasedOnTime;
@@ -76,7 +77,7 @@ var Duration = (props) => {
       });
     }
     return durationSlicesBasedOnTime;
-  }, [timeObj, slice, locale, duration, startDate, usableTime]);
+  }, [timeObj.durationSlicesBasedOnTime, slice, locale, duration, startDateStr, usableTime == null ? void 0 : usableTime.end_at]);
   (0, import_react.useEffect)(() => {
     timeObjChange == null ? void 0 : timeObjChange(times);
   }, [times]);
@@ -88,6 +89,10 @@ var Duration = (props) => {
     },
     []
   );
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Select, { ...selectProps, ...resetProps }, renderOptions(times));
+  const options = (0, import_react.useMemo)(() => {
+    console.log("render form options");
+    return renderOptions(times);
+  }, [times]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Select, { ...selectProps, ...resetProps }, options);
 };
 var duration_default = Duration;

package/lib/components/booking/materiels/holder/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from 'antd';
 interface HolderProps extends SelectProps {
     selectProps?: SelectProps;

package/lib/components/booking/materiels/startTime/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from "antd";
 interface StartTimeProps extends SelectProps {
     locale?: string;

package/lib/components/booking/utils.d.ts

@@ -165,10 +165,10 @@ export declare const getProductTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | "flexible" | {
+}) => number | {
     type: string;
     value: number;
-};
+} | "flexible";
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

package/lib/components/eftpos/deviceList/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: ({ input, ...formItemProps }: any) => JSX.Element;
 export default _default;

package/lib/components/eftpos/form/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 递归循环表单数据
  * @Author: hongbing.wang

package/lib/components/eftpos/group/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioGroupProps } from 'antd';
 export declare const CheckboxGroup: ({ direction, options, ...props }: any) => JSX.Element;
 export declare const RadioGroup: ({ direction, options, ...props }: RadioGroupProps & {

package/lib/components/eftpos/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接

package/lib/components/eftpos/icon/apiKey.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/lib/components/eftpos/icon/device.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/lib/components/eftpos/receipt/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 自定义组件设置
  * @description: 自定义组件设置

package/lib/components/eftpos/surcharge/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.css';
 /**
  * @title: 自定义组件设置

package/lib/components/eftposPay/amount.d.ts

@@ -8,7 +8,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/lib/components/eftposPay/component/alert/warn.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/header/titlebar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './titlebar.less';
 declare enum EPopupTitleBarVariantType {
     BackTitleClose = "back-title-cancel",