@pisell/private-materials 3.0.127 → 3.0.128

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

@@ -240,11 +240,11 @@ var AddTimeModal = () => {
       updateServices.run();
     }
   }, [state.service.addTimeModal]);
-  const onSelectItem = (pItem, item) => {
+  const onSelectItem = (0, import_ahooks.useMemoizedFn)((pItem, item) => {
     setRecordKey(import_utils2.addTimeRowKey.create(pItem.id, item.value));
     setIsEdit(true);
     updateServices.run();
-  };
+  });
   const newService = (0, import_react.useMemo)(() => {
     if (!currentProduct || !state.service.cacheItem) {
       return null;
@@ -324,7 +324,7 @@ var AddTimeModal = () => {
       }
     });
   };
-  const createNewServices = () => {
+  const createNewServices = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2;
     let _list = ((_a2 = state.service) == null ? void 0 : _a2.value) || [];
     if (!originServices.current) {
@@ -354,7 +354,7 @@ var AddTimeModal = () => {
     } else {
       resetService();
     }
-  };
+  });
   const goCheckout = async () => {
     var _a2, _b2;
     if (state.isTerminal) {
@@ -376,38 +376,40 @@ var AddTimeModal = () => {
       }
     });
   };
-  const handleCheckout = async () => {
+  const handleCheckout = (0, import_ahooks.useMemoizedFn)(async () => {
     if (isEdit) {
       await handleSave("checkout");
     }
     goCheckout();
-  };
-  const handleSave = async (loadingType = "save") => {
-    if (currentTime === null) {
-      return;
-    }
-    setLoading(loadingType);
-    await (0, import_serve.saveAddTimeProduct)({
-      orderId: state.bookingId,
-      params: {
-        ...newService,
-        _extend: void 0
+  });
+  const handleSave = (0, import_ahooks.useMemoizedFn)(
+    async (loadingType = "save") => {
+      if (currentTime === null) {
+        return;
       }
-    });
-    setLoading("");
-    import_antd.message.success(import_utils.locales.getText("page.booking.text.add-time-success"));
-    onCancel();
-    if (loadingType === "checkout") {
-      return;
+      setLoading(loadingType);
+      await (0, import_serve.saveAddTimeProduct)({
+        orderId: state.bookingId,
+        params: {
+          ...newService,
+          _extend: void 0
+        }
+      });
+      setLoading("");
+      import_antd.message.success(import_utils.locales.getText("page.booking.text.add-time-success"));
+      onCancel();
+      if (loadingType === "checkout") {
+        return;
+      }
+      state == null ? void 0 : state.action("init");
     }
-    state == null ? void 0 : state.action("init");
-  };
+  );
   (0, import_react.useEffect)(() => {
     if (!state.modalOpen) {
       onCancel();
     }
   }, [state.modalOpen]);
-  const onCancel = () => {
+  const onCancel = (0, import_ahooks.useMemoizedFn)(() => {
     setIsEdit(false);
     setRecordKey("");
     resetService();
@@ -419,7 +421,7 @@ var AddTimeModal = () => {
         }
       });
     }, 50);
-  };
+  });
   const updateTime = (0, import_react.useMemo)(() => {
     if (!newService) {
       return "";
@@ -443,111 +445,136 @@ var AddTimeModal = () => {
       "page.booking.text.update-time"
     )}: ${startTime} ~ ${endTime} (${hours})`;
   }, [newService, state.locale]);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_drawer.default,
-    {
-      open: state.service.addTimeModal,
-      title: import_utils.locales.getText("page.booking.text.add-time"),
-      rootClassName: "booking-server-wrap",
-      onClose: onCancel,
-      footerStyle: { padding: "10px 32px 20px" },
-      hideScrollBar: false,
-      bodyStyle: { position: "relative" },
-      footer: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-total-wrap" }, currentTimeItem && ((_d = currentTimeItem == null ? void 0 : currentTimeItem.status) == null ? void 0 : _d.message) ? /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Alert,
-        {
-          message: currentTimeItem.status.message,
-          type: "warning",
-          showIcon: true,
-          style: { marginBottom: 12 }
-        }
-      ) : null, newService ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-summary-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-summary" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-summary-time" }, updateTime), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-summary-total" }, import_utils.locales.getText("pisell1.text.subtotal"), ":", " ", (0, import_utils.formatAmount)(
-        (currentTimeItem.price || 0) * number,
-        2,
-        state.amountSymbol
-      ))), ((_e = currentProduct == null ? void 0 : currentProduct.add_time) == null ? void 0 : _e.calculate_type) === "select_quantity" && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-quantity-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-add-time-quantity" }, import_utils.locales.getText("page.booking.text.quantity")), " ", /* @__PURE__ */ import_react.default.createElement(
-        import_browserSelect.default,
-        {
-          value: number,
-          onChange: (e) => {
-            setNumber(Number(e.target.value));
-            updateServices.run();
-          },
-          className: "pisell-lowcode__booking-add-time-quantity-select",
-          options: numberList
-        }
-      ))) : null), /* @__PURE__ */ import_react.default.createElement(
-        import_footer.default,
-        {
-          state,
-          dispatch,
-          source: "addTime",
-          buttons: [
-            /* @__PURE__ */ import_react.default.createElement(
-              import_antd.Button,
-              {
-                className: "pisell-lowcode__booking-footer-buttons-item",
-                type: transaction_habit_selection.type === "service_now_pay_later" ? "default" : "primary",
-                disabled: loading === "list" || !isEdit || !currentTime,
-                onClick: handleCheckout,
-                loading: loading === "checkout"
-              },
-              import_utils.locales.getText("pisell2.text.checkout")
-            ),
-            /* @__PURE__ */ import_react.default.createElement(
-              import_antd.Button,
-              {
-                className: "pisell-lowcode__booking-footer-buttons-item",
-                type: transaction_habit_selection.type === "service_now_pay_later" ? "primary" : "default",
-                disabled: loading === "list" || !isEdit || !currentTime,
-                loading: loading === "save",
-                onClick: () => {
-                  handleSave("save");
-                }
-              },
-              import_utils.locales.getText("pisell2.text.save")
-            )
-          ]
-        }
-      ))
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-body" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: loading === "list", active: true, round: true }, /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, renderList.map((d) => {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-hours" }, d.title), d.times ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-child-card-list" }, d.times.map((child) => {
-        var _a2, _b2, _c2, _d2;
-        return /* @__PURE__ */ import_react.default.createElement(
-          "div",
+  return (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_drawer.default,
+      {
+        open: state.service.addTimeModal,
+        title: import_utils.locales.getText("page.booking.text.add-time"),
+        rootClassName: "booking-server-wrap",
+        onClose: onCancel,
+        footerStyle: { padding: "10px 32px 20px" },
+        hideScrollBar: false,
+        bodyStyle: { position: "relative" },
+        footer: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-total-wrap" }, currentTimeItem && ((_a2 = currentTimeItem == null ? void 0 : currentTimeItem.status) == null ? void 0 : _a2.message) ? /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Alert,
           {
-            className: (0, import_classnames.default)(
-              "pisell-lowcode__booking-add-time-child-card",
-              {
-                "pisell-lowcode__booking-add-time-child-card-active": recordKey === import_utils2.addTimeRowKey.create(d.id, child.value)
-              }
-            ),
-            onClick: () => {
-              if (!child.value) {
-                return;
-              }
-              onSelectItem(d, child);
-            }
-          },
-          /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-child-card-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-child-card-left-time" }, child.label), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-child-card-left-price" }, (0, import_utils.formatAmount)(
-            child.price,
-            2,
-            state.amountSymbol
-          ))),
-          /* @__PURE__ */ import_react.default.createElement(
+            message: currentTimeItem.status.message,
+            type: "warning",
+            showIcon: true,
+            style: { marginBottom: 12 }
+          }
+        ) : null, newService ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-summary-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-summary" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-summary-time" }, updateTime), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-summary-total" }, import_utils.locales.getText("pisell1.text.subtotal"), ":", " ", (0, import_utils.formatAmount)(
+          (currentTimeItem.price || 0) * number,
+          2,
+          state.amountSymbol
+        ))), ((_b2 = currentProduct == null ? void 0 : currentProduct.add_time) == null ? void 0 : _b2.calculate_type) === "select_quantity" && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-quantity-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-add-time-quantity" }, import_utils.locales.getText("page.booking.text.quantity")), " ", /* @__PURE__ */ import_react.default.createElement(
+          import_browserSelect.default,
+          {
+            value: number,
+            onChange: (e) => {
+              setNumber(Number(e.target.value));
+              updateServices.run();
+            },
+            className: "pisell-lowcode__booking-add-time-quantity-select",
+            options: numberList
+          }
+        ))) : null), /* @__PURE__ */ import_react.default.createElement(
+          import_footer.default,
+          {
+            state,
+            dispatch,
+            source: "addTime",
+            buttons: [
+              /* @__PURE__ */ import_react.default.createElement(
+                import_antd.Button,
+                {
+                  className: "pisell-lowcode__booking-footer-buttons-item",
+                  type: transaction_habit_selection.type === "service_now_pay_later" ? "default" : "primary",
+                  disabled: loading === "list" || !isEdit || !currentTime,
+                  onClick: handleCheckout,
+                  loading: loading === "checkout"
+                },
+                import_utils.locales.getText("pisell2.text.checkout")
+              ),
+              /* @__PURE__ */ import_react.default.createElement(
+                import_antd.Button,
+                {
+                  className: "pisell-lowcode__booking-footer-buttons-item",
+                  type: transaction_habit_selection.type === "service_now_pay_later" ? "primary" : "default",
+                  disabled: loading === "list" || !isEdit || !currentTime,
+                  loading: loading === "save",
+                  onClick: () => {
+                    handleSave("save");
+                  }
+                },
+                import_utils.locales.getText("pisell2.text.save")
+              )
+            ]
+          }
+        ))
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-body" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: loading === "list", active: true, round: true }, /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, renderList.map((d) => {
+        return /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-hours" }, d.title), d.times ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-child-card-list" }, d.times.map((child) => {
+          var _a3, _b3, _c2, _d2;
+          return /* @__PURE__ */ import_react.default.createElement(
             "div",
             {
-              className: "pisell-lowcode__booking-add-time-child-card-right",
-              style: {
-                color: (_b2 = (_a2 = child.status) == null ? void 0 : _a2.status) == null ? void 0 : _b2.color
+              className: (0, import_classnames.default)(
+                "pisell-lowcode__booking-add-time-child-card",
+                {
+                  "pisell-lowcode__booking-add-time-child-card-active": recordKey === import_utils2.addTimeRowKey.create(d.id, child.value)
+                }
+              ),
+              onClick: () => {
+                if (!child.value) {
+                  return;
+                }
+                onSelectItem(d, child);
               }
             },
-            (_d2 = (_c2 = child.status) == null ? void 0 : _c2.status) == null ? void 0 : _d2.label
-          )
-        );
-      })) : null);
-    }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "" }))
-  );
+            /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-child-card-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-child-card-left-time" }, child.label), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-add-time-child-card-left-price" }, (0, import_utils.formatAmount)(
+              child.price,
+              2,
+              state.amountSymbol
+            ))),
+            /* @__PURE__ */ import_react.default.createElement(
+              "div",
+              {
+                className: "pisell-lowcode__booking-add-time-child-card-right",
+                style: {
+                  color: (_b3 = (_a3 = child.status) == null ? void 0 : _a3.status) == null ? void 0 : _b3.color
+                }
+              },
+              (_d2 = (_c2 = child.status) == null ? void 0 : _c2.status) == null ? void 0 : _d2.label
+            )
+          );
+        })) : null);
+      }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "" }))
+    );
+  }, [
+    state.service.addTimeModal,
+    import_utils.locales,
+    currentTimeItem,
+    (_d = currentTimeItem == null ? void 0 : currentTimeItem.status) == null ? void 0 : _d.message,
+    newService,
+    updateTime,
+    currentTimeItem.price,
+    number,
+    state.amountSymbol,
+    (_e = currentProduct == null ? void 0 : currentProduct.add_time) == null ? void 0 : _e.calculate_type,
+    numberList,
+    updateServices.run,
+    state,
+    dispatch,
+    transaction_habit_selection.type,
+    loading,
+    isEdit,
+    currentTime,
+    transaction_habit_selection.type,
+    renderList,
+    recordKey
+  ]);
 };
 var addTimeModal_default = AddTimeModal;