@pisell/private-materials 3.0.127 → 3.0.128

package/lib/components/booking/info/pet/index.js

@@ -42,6 +42,7 @@ var import_forms = __toESM(require("../../forms/forms"));
 var import_format = require("../../forms/format");
 var import_utils2 = require("../../utils");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_ahooks = require("ahooks");
 var defaultParams = {
   skip: 1,
   num: 20,
@@ -50,7 +51,13 @@ var defaultParams = {
 };
 var Pet = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const { hideTitle, addButtonProps, handleOpenModal, clientChangeNotSetPet, previewItemTitleRender } = props;
+  const {
+    hideTitle,
+    addButtonProps,
+    handleOpenModal,
+    clientChangeNotSetPet,
+    previewItemTitleRender
+  } = props;
   const [loadLoading, setLoadLoading] = (0, import_react.useState)(false);
   const [loading, setLoading] = (0, import_react.useState)(false);
   let { state, dispatch } = (0, import_react.useContext)(import_model.Context);
@@ -158,7 +165,10 @@ var Pet = (props) => {
           with: ["customer"]
         });
         console.log("records", records);
-        values[boardParams == null ? void 0 : boardParams.form_id] = (0, import_format.sortFormValues)(records, (_i2 = (_h2 = state.client) == null ? void 0 : _h2.value) == null ? void 0 : _i2.id);
+        values[boardParams == null ? void 0 : boardParams.form_id] = (0, import_format.sortFormValues)(
+          records,
+          (_i2 = (_h2 = state.client) == null ? void 0 : _h2.value) == null ? void 0 : _i2.id
+        );
         payload.value = values;
         setValueLoading(false);
       }
@@ -172,7 +182,7 @@ var Pet = (props) => {
       console.log("form_error", err);
     }
   };
-  const handleViewItem = (item) => {
+  const handleViewItem = (0, import_ahooks.useMemoizedFn)((item) => {
     var _a2, _b2, _c2, _d2;
     let _data = {
       formDataConfig: { ...petForm },
@@ -209,8 +219,8 @@ var Pet = (props) => {
         addCallback();
       }
     });
-  };
-  const handleEditItem = (item) => {
+  });
+  const handleEditItem = (0, import_ahooks.useMemoizedFn)((item) => {
     var _a2, _b2, _c2, _d2;
     let _data = {
       formDataConfig: { ...petForm },
@@ -226,8 +236,8 @@ var Pet = (props) => {
         addCallback();
       }
     });
-  };
-  const onValueChange = ({ values, edit = true }) => {
+  });
+  const onValueChange = (0, import_ahooks.useMemoizedFn)(({ values, edit = true }) => {
     dispatch({
       type: "setPet",
       payload: {
@@ -235,7 +245,7 @@ var Pet = (props) => {
         value: values
       }
     });
-  };
+  });
   (0, import_react.useEffect)(() => {
     var _a2, _b2, _c2, _d2;
     if (clientChangeNotSetPet)
@@ -275,19 +285,19 @@ var Pet = (props) => {
     petForm,
     clientChangeNotSetPet ? (_h = (_g = state.client) == null ? void 0 : _g.value) == null ? void 0 : _h.id : void 0
   ]);
-  const addCallback = (_params) => {
+  const addCallback = (0, import_ahooks.useMemoizedFn)((_params) => {
     var _a2, _b2;
     let _formData = (_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0];
     getFormData({ formData: _formData }, _params);
-  };
-  const searchChange = (keyword) => {
+  });
+  const searchChange = (0, import_ahooks.useMemoizedFn)((keyword) => {
     let _params = {
       ...params,
       skip: 1,
       keyword
     };
     addCallback(_params);
-  };
+  });
   const loadMore = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     const show = ((_d2 = (_c2 = (_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.options) == null ? void 0 : _d2.length) < params.total || 0;
@@ -306,82 +316,101 @@ var Pet = (props) => {
       import_utils.locales.getText("pisell2.text.load-more")
     )) : null;
   }, [loadLoading, params, (_l = (_k = (_j = (_i = state.pet) == null ? void 0 : _i.formData) == null ? void 0 : _j[0]) == null ? void 0 : _k.options) == null ? void 0 : _l.length]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-wraps" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: valueLoading, active: true, round: true }, /* @__PURE__ */ import_react.default.createElement(
-    import_forms.default,
-    {
-      hideTitle,
-      watch: { value: state.pet.value },
-      addCallback: () => {
-        addCallback();
-      },
-      loading: valueLoading,
-      forms: state.pet.formData,
-      action: state.action,
-      modalOpen: state.modalOpen,
-      value: state.pet.value,
-      onChange: onValueChange,
-      client: (_m = state.client) == null ? void 0 : _m.value,
-      customSelectProps: {
-        loading,
-        handleViewItem,
-        virtualListHeight: window.innerHeight - 213 - 57 - 16,
-        disabled: state.disabledEdit,
-        autoFocus: !state.isTerminal,
-        closeCallback: () => {
-          searchChange("");
-        },
-        showDropDown: !state.disableEventBookingEdit,
-        searchChange,
-        searchValue: params.search,
-        loadMore,
-        filterItem: () => {
-          return true;
+  return (0, import_react.useMemo)(() => {
+    var _a2;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-wraps" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: valueLoading, active: true, round: true }, /* @__PURE__ */ import_react.default.createElement(
+      import_forms.default,
+      {
+        hideTitle,
+        watch: { value: state.pet.value },
+        addCallback: () => {
+          addCallback();
         },
-        handleOpenModal,
-        previewItemTitleRender
-      },
-      optionRender: (item) => {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Avatar,
-          {
-            className: "pisell-lowcode__booking-pet-list-item-avatar",
-            src: item.cover,
-            icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-pet-list-item-avatar-icon" })
-          }
-        ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-name" }, item.main_field), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-desc" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.key_age))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-actions" }, /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: "pisell-lowcode__booking-pet-list-item-actions-view",
-            onClick: (e) => {
-              e.preventDefault();
-              e.stopPropagation();
-              handleViewItem(item);
-            }
+        loading: valueLoading,
+        forms: state.pet.formData,
+        action: state.action,
+        modalOpen: state.modalOpen,
+        value: state.pet.value,
+        onChange: onValueChange,
+        client: (_a2 = state.client) == null ? void 0 : _a2.value,
+        customSelectProps: {
+          loading,
+          handleViewItem,
+          virtualListHeight: window.innerHeight - 213 - 57 - 16,
+          disabled: state.disabledEdit,
+          autoFocus: !state.isTerminal,
+          closeCallback: () => {
+            searchChange("");
           },
-          import_utils.locales.getText("pisell2.text.view")
-        ), /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: "pisell-lowcode__booking-pet-list-item-actions-edit",
-            onClick: (e) => {
-              e.preventDefault();
-              e.stopPropagation();
-              handleEditItem(item);
-            }
+          showDropDown: !state.disableEventBookingEdit,
+          searchChange,
+          searchValue: params.search,
+          loadMore,
+          filterItem: () => {
+            return true;
           },
-          import_utils.locales.getText("pisell2.text.edit")
-        )));
-      },
-      addButtonProps: {
-        style: { margin: 0 },
-        disabled: state.disableEventBookingEdit,
-        showDisabledMessage: !state.disableEventBookingEdit,
-        addCallback: async () => {
-          addCallback();
+          handleOpenModal,
+          previewItemTitleRender
         },
-        ...addButtonProps
+        optionRender: (item) => {
+          return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Avatar,
+            {
+              className: "pisell-lowcode__booking-pet-list-item-avatar",
+              src: item.cover,
+              icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-pet-list-item-avatar-icon" })
+            }
+          ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-name" }, item.main_field), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-desc" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.key_age))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-actions" }, /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              className: "pisell-lowcode__booking-pet-list-item-actions-view",
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                handleViewItem(item);
+              }
+            },
+            import_utils.locales.getText("pisell2.text.view")
+          ), /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              className: "pisell-lowcode__booking-pet-list-item-actions-edit",
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                handleEditItem(item);
+              }
+            },
+            import_utils.locales.getText("pisell2.text.edit")
+          )));
+        },
+        addButtonProps: {
+          style: { margin: 0 },
+          disabled: state.disableEventBookingEdit,
+          showDisabledMessage: !state.disableEventBookingEdit,
+          addCallback: async () => {
+            addCallback();
+          },
+          ...addButtonProps
+        }
       }
-    }
-  )));
+    )));
+  }, [
+    valueLoading,
+    hideTitle,
+    state.pet.value,
+    state.pet.formData,
+    state.action,
+    state.modalOpen,
+    state.pet.value,
+    (_m = state.client) == null ? void 0 : _m.value,
+    loading,
+    state.disabledEdit,
+    state.isTerminal,
+    state.disableEventBookingEdit,
+    params.search,
+    loadMore,
+    addButtonProps
+  ]);
 };
 var pet_default = Pet;

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

@@ -162,72 +162,74 @@ var Info = ({ onEdit }) => {
       }, 100);
     }
   };
-  const handleSelectProduct = (item, type) => {
-    const isEject = type === "detail" || item.bundle_group_count > 0;
-    let lock = false;
-    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
-        },
-        is_eject: isEject ? 1 : 0
-      },
-      callback: (e) => {
-        var _a2, _b2;
-        if (lock) {
-          return;
-        }
-        lock = true;
-        setTimeout(() => {
-          lock = false;
-        }, 2e3);
-        let cacheItem = {
-          ...item,
-          product_id: item.id,
-          _id: (0, import_utils4.getUniqueId)(),
-          _key: e.key,
-          _extend: {
-            start_date: state.date.value,
-            quantity: 1,
-            price: item.price,
-            product_name: item.title,
-            other: JSON.parse(JSON.stringify(e))
+  const handleSelectProduct = (0, import_ahooks.useMemoizedFn)(
+    (item, type) => {
+      const isEject = type === "detail" || item.bundle_group_count > 0;
+      let lock = false;
+      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
           },
-          new: 1
-        };
-        let _total = (0, import_utils3.getProductTotalPrice)(cacheItem);
-        cacheItem._extend.total = _total;
-        cacheItem._extend.origin_total = _total;
-        const _isEdit = !!state.service.cacheItem;
-        if (_isEdit) {
-          cacheItem._id = (_a2 = state.service.cacheItem) == null ? void 0 : _a2._id;
-          cacheItem.new = 0;
-        }
-        cacheItem._extend = (0, import_utils2.getProductExtend)({ cacheItem, state });
-        if (state.renderType === "eventBooking") {
-          cacheItem.autoClose = false;
-        } else {
-          cacheItem.autoClose = !_isEdit && (cacheItem._extend.resource || cacheItem._extend.resource === 0 || (((_b2 = state.service) == null ? void 0 : _b2.resourcesOrigin) || []).length === 1);
-        }
-        dispatch({
-          type: "setService",
-          payload: {
-            editModal: true,
-            cacheItem,
-            addModal: !cacheItem.autoClose,
-            changeService: false
+          is_eject: isEject ? 1 : 0
+        },
+        callback: (e) => {
+          var _a2, _b2;
+          if (lock) {
+            return;
           }
-        });
-        onEdit == null ? void 0 : onEdit(cacheItem);
-      }
-    });
-  };
+          lock = true;
+          setTimeout(() => {
+            lock = false;
+          }, 2e3);
+          let cacheItem = {
+            ...item,
+            product_id: item.id,
+            _id: (0, import_utils4.getUniqueId)(),
+            _key: e.key,
+            _extend: {
+              start_date: state.date.value,
+              quantity: 1,
+              price: item.price,
+              product_name: item.title,
+              other: JSON.parse(JSON.stringify(e))
+            },
+            new: 1
+          };
+          let _total = (0, import_utils3.getProductTotalPrice)(cacheItem);
+          cacheItem._extend.total = _total;
+          cacheItem._extend.origin_total = _total;
+          const _isEdit = !!state.service.cacheItem;
+          if (_isEdit) {
+            cacheItem._id = (_a2 = state.service.cacheItem) == null ? void 0 : _a2._id;
+            cacheItem.new = 0;
+          }
+          cacheItem._extend = (0, import_utils2.getProductExtend)({ cacheItem, state });
+          if (state.renderType === "eventBooking") {
+            cacheItem.autoClose = false;
+          } else {
+            cacheItem.autoClose = !_isEdit && (cacheItem._extend.resource || cacheItem._extend.resource === 0 || (((_b2 = state.service) == null ? void 0 : _b2.resourcesOrigin) || []).length === 1);
+          }
+          dispatch({
+            type: "setService",
+            payload: {
+              editModal: true,
+              cacheItem,
+              addModal: !cacheItem.autoClose,
+              changeService: false
+            }
+          });
+          onEdit == null ? void 0 : onEdit(cacheItem);
+        }
+      });
+    }
+  );
   const renderList = (0, import_react.useMemo)(() => {
     var _a2;
     let _list = ((_a2 = state.service) == null ? void 0 : _a2.services) || [];
@@ -299,45 +301,56 @@ var Info = ({ onEdit }) => {
     state.service.value,
     loading
   ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, ((_d = (_c = state.service) == null ? void 0 : _c.cacheItem) == null ? void 0 : _d.autoClose) && /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: true, active: true, round: true }), addButton, /* @__PURE__ */ import_react.default.createElement(
-    import_drawer.default,
-    {
-      open: state.service.addModal,
-      title: import_utils4.locales.getText("pisell2.text.select-service"),
-      rootClassName: "booking-server-wrap",
-      onClose: () => {
-        dispatch({
-          type: "setService",
-          payload: {
-            addModal: false,
-            changeService: false
+  return (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, ((_b2 = (_a2 = state.service) == null ? void 0 : _a2.cacheItem) == null ? void 0 : _b2.autoClose) && /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: true, active: true, round: true }), addButton, /* @__PURE__ */ import_react.default.createElement(
+      import_drawer.default,
+      {
+        open: state.service.addModal,
+        title: import_utils4.locales.getText("pisell2.text.select-service"),
+        rootClassName: "booking-server-wrap",
+        onClose: () => {
+          dispatch({
+            type: "setService",
+            payload: {
+              addModal: false,
+              changeService: false
+            }
+          });
+        },
+        header: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-header" }, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Input,
+          {
+            ref: searchRef,
+            prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
+            style: { marginTop: 16, height: 44 },
+            placeholder: import_utils4.locales.getText("pisell2.text.search"),
+            allowClear: true,
+            value: search,
+            onChange: (e) => {
+              setSearch(e.target.value);
+            }
           }
-        });
+        ))
       },
-      header: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-header" }, /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Input,
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body" }, /* @__PURE__ */ import_react.default.createElement(
+        import_TabProduct.default,
         {
-          ref: searchRef,
-          prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
-          style: { marginTop: 16, height: 44 },
-          placeholder: import_utils4.locales.getText("pisell2.text.search"),
-          allowClear: true,
-          value: search,
-          onChange: (e) => {
-            setSearch(e.target.value);
-          }
+          list: renderList,
+          amountSymbol: state.amountSymbol,
+          onChange: handleSelectProduct,
+          scrollDom: ".booking-server-wrap .pisell-lowcode-drawer-body"
         }
       ))
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body" }, /* @__PURE__ */ import_react.default.createElement(
-      import_TabProduct.default,
-      {
-        list: renderList,
-        amountSymbol: state.amountSymbol,
-        onChange: handleSelectProduct,
-        scrollDom: ".booking-server-wrap .pisell-lowcode-drawer-body"
-      }
-    ))
-  ));
+    ));
+  }, [
+    (_d = (_c = state.service) == null ? void 0 : _c.cacheItem) == null ? void 0 : _d.autoClose,
+    addButton,
+    state.service.addModal,
+    import_utils4.locales,
+    search,
+    renderList,
+    state.amountSymbol
+  ]);
 };
 var addService_default = Info;

package/lib/components/booking/info/service/addTimeModal/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 declare const AddTimeModal: () => React.JSX.Element;
 export default AddTimeModal;