@pisell/private-materials 3.0.127 → 3.0.128

package/lib/components/booking/components/customSelect/index.d.ts

@@ -31,7 +31,7 @@ interface CustomSelectProps {
     closeCallback?: () => any;
     autoFocus?: boolean;
     showDropDown?: boolean;
-    handleOpenModal: () => void;
+    handleOpenModal?: () => void;
 }
 declare const _default: React.ForwardRefExoticComponent<CustomSelectProps & React.RefAttributes<unknown>>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import "./index.less";
+import './index.less';
 export interface InfoProps {
     forms: any[];
     value: any;
@@ -21,5 +21,5 @@ export interface InfoProps {
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:10
  */
-declare const Forms: (props: any) => any;
+declare const Forms: any;
 export default Forms;

package/lib/components/booking/forms/forms.js

@@ -39,6 +39,7 @@ var import_utils = require("@pisell/utils");
 var import_format = require("./format");
 var import_utils2 = require("../utils");
 var import_index = require("./index.less");
+var import_ahooks = require("ahooks");
 var Forms = (0, import_model.Provider)((props) => {
   const {
     forms,
@@ -54,31 +55,33 @@ var Forms = (0, import_model.Provider)((props) => {
     loading,
     addButtonProps
   } = props;
-  const onAction = async (formDataConfig, isAdd) => {
-    let _data = {
-      formDataConfig: { ...formDataConfig }
-    };
-    if (formDataConfig.data_range === "customer" && !(0, import_utils2.isWalkIn)(client == null ? void 0 : client.id)) {
-      _data.customerId = client.id;
-    }
-    action({
-      type: "pisell1.goCustomFormAddData",
-      data: _data,
-      callback: (res) => {
-        if (isAdd) {
-          let obj = {};
-          for (let item of res) {
-            obj[item.key] = item.value;
+  const onAction = (0, import_ahooks.useMemoizedFn)(
+    async (formDataConfig, isAdd) => {
+      let _data = {
+        formDataConfig: { ...formDataConfig }
+      };
+      if (formDataConfig.data_range === "customer" && !(0, import_utils2.isWalkIn)(client == null ? void 0 : client.id)) {
+        _data.customerId = client.id;
+      }
+      action({
+        type: "pisell1.goCustomFormAddData",
+        data: _data,
+        callback: (res) => {
+          if (isAdd) {
+            let obj = {};
+            for (let item of res) {
+              obj[item.key] = item.value;
+            }
+            let _val = [...value[formDataConfig.form_id] || []];
+            _val.push(obj);
+            onValueChange(formDataConfig, _val);
           }
-          let _val = [...value[formDataConfig.form_id] || []];
-          _val.push(obj);
-          onValueChange(formDataConfig, _val);
+          addCallback == null ? void 0 : addCallback(formDataConfig);
         }
-        addCallback == null ? void 0 : addCallback(formDataConfig);
-      }
-    });
-  };
-  const onValueChange = (form, val) => {
+      });
+    }
+  );
+  const onValueChange = (0, import_ahooks.useMemoizedFn)((form, val) => {
     onChange({
       values: {
         ...value,
@@ -93,8 +96,8 @@ var Forms = (0, import_model.Provider)((props) => {
         value: val
       }
     });
-  };
-  const handleViewItem = (props2) => {
+  });
+  const handleViewItem = (0, import_ahooks.useMemoizedFn)((props2) => {
     const { form, record } = props2;
     let _data = {
       record,
@@ -124,58 +127,70 @@ var Forms = (0, import_model.Provider)((props) => {
         onValueChange(form, cur);
       }
     });
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (forms || []).map((d) => {
-    var _a;
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: "pisell-lowcode__booking-field-wrap",
-        style: { padding: hideTitle ? 0 : "12px 0 0" },
-        key: d.form_id
-      },
-      hideTitle ? null : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-field-title" }, d.form.title),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-field-com" }, /* @__PURE__ */ import_react.default.createElement(
-        import_single.default,
+  });
+  return (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (forms || []).map((d) => {
+      var _a;
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
         {
-          modalOpen,
-          form: d,
-          watch: { value },
-          mode: d.type,
-          value: value[d.form_id] || [],
-          onChange: (val) => {
-            onValueChange(d, val);
-          },
-          onAdd: () => {
-            onAction(d, true);
-          },
-          addButtonProps: {
-            loading,
-            // 如果表单是客户数据, 并且未选择客户  则禁止选择表单
-            disabled: d.data_range === "customer" && (0, import_utils2.isWalkIn)(client == null ? void 0 : client.id),
-            ...addButtonProps
-          },
-          customSelectProps: {
-            handleViewItem: (record) => {
-              handleViewItem({
-                form: d,
-                record
-              });
+          className: "pisell-lowcode__booking-field-wrap",
+          style: { padding: hideTitle ? 0 : "12px 0 0" },
+          key: d.form_id
+        },
+        hideTitle ? null : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-field-title" }, d.form.title),
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-field-com" }, /* @__PURE__ */ import_react.default.createElement(
+          import_single.default,
+          {
+            modalOpen,
+            form: d,
+            watch: { value },
+            mode: d.type,
+            value: value[d.form_id] || [],
+            onChange: (val) => {
+              onValueChange(d, val);
             },
-            handleCreateItem: () => {
-              onAction(d, false);
+            onAdd: () => {
+              onAction(d, true);
             },
-            createItemText: `${import_utils.locales.getText(
-              "pisell2.text.create-new"
-            )} ${((_a = d.form) == null ? void 0 : _a.title) || "-"}`,
-            // addButtonProps: {
-            // },
-            ...customSelectProps || {}
-          },
-          optionRender
-        }
-      ))
-    );
-  }));
+            addButtonProps: {
+              loading,
+              // 如果表单是客户数据, 并且未选择客户  则禁止选择表单
+              disabled: d.data_range === "customer" && (0, import_utils2.isWalkIn)(client == null ? void 0 : client.id),
+              ...addButtonProps
+            },
+            customSelectProps: {
+              handleViewItem: (record) => {
+                handleViewItem({
+                  form: d,
+                  record
+                });
+              },
+              handleCreateItem: () => {
+                onAction(d, false);
+              },
+              createItemText: `${import_utils.locales.getText(
+                "pisell2.text.create-new"
+              )} ${((_a = d.form) == null ? void 0 : _a.title) || "-"}`,
+              // addButtonProps: {
+              // },
+              ...customSelectProps || {}
+            },
+            optionRender
+          }
+        ))
+      );
+    }));
+  }, [
+    forms,
+    hideTitle,
+    modalOpen,
+    value,
+    loading,
+    client == null ? void 0 : client.id,
+    addButtonProps,
+    customSelectProps,
+    optionRender
+  ]);
 });
 var forms_default = Forms;

package/lib/components/booking/info/client/index.d.ts

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

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

@@ -43,7 +43,8 @@ var import_index = require("./index.less");
 var import_utils = require("@pisell/utils");
 var import_utils2 = require("../../utils");
 var import_serve = require("./serve");
-var Info = () => {
+var import_ahooks = require("ahooks");
+var Client = () => {
   var _a, _b, _c, _d, _e, _f;
   const modalRef = (0, import_react.useRef)();
   const [loadLoading, setLoadLoading] = (0, import_react.useState)(false);
@@ -145,7 +146,7 @@ var Info = () => {
       setFranchiseeLoading(0);
     }
   };
-  const handleSelectClient = async (value) => {
+  const handleSelectClient = (0, import_ahooks.useMemoizedFn)(async (value) => {
     let _value = (value == null ? void 0 : value[value.length - 1]) || import_model.walkInData;
     if (_value.loading) {
       return;
@@ -172,7 +173,7 @@ var Info = () => {
     return new Promise((resolve) => {
       resolve(0);
     });
-  };
+  });
   const handleViewClient = () => {
     state.action({
       type: "pisell1.handleOpenCustomerModal",
@@ -193,7 +194,7 @@ var Info = () => {
       }
     });
   };
-  const handleCreateItem = () => {
+  const handleCreateItem = (0, import_ahooks.useMemoizedFn)(() => {
     state.action({
       type: "pisell1.handleOpenAddCustomerModal",
       data: {
@@ -209,7 +210,7 @@ var Info = () => {
         });
       }
     });
-  };
+  });
   const handleRemoveClient = () => {
     if (state.disabledEdit) {
       return;
@@ -242,14 +243,14 @@ var Info = () => {
     let _list = [...state.client.clients];
     return _list;
   }, [state.client.clients]);
-  const searchChange = (search) => {
+  const searchChange = (0, import_ahooks.useMemoizedFn)((search) => {
     let _params = {
       ...params,
       skip: 1,
       search
     };
     getClients({ ..._params });
-  };
+  });
   const loadMore = (0, import_react.useMemo)(() => {
     const show = state.client.clients.length < params.total || 0;
     return show ? /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { textAlign: "center", padding: "16px 0" } }, /* @__PURE__ */ import_react.default.createElement(
@@ -267,6 +268,55 @@ var Info = () => {
       import_utils.locales.getText("pisell2.text.load-more")
     )) : null;
   }, [loadLoading, params, state.client.clients.length]);
+  const customSelect = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_customSelect.default,
+      {
+        autoFocus: !state.isTerminal,
+        modalOpen: state.modalOpen,
+        ref: modalRef,
+        rowKey: "id",
+        options: renderList,
+        loading,
+        value: [state.client.value],
+        onValueChange: handleSelectClient,
+        handleCreateItem,
+        isPreview: false,
+        drawerProps: {
+          title: import_utils.locales.getText("pisell2.text.select-customer"),
+          destroyOnClose: true
+        },
+        mode: "single",
+        createItemText: import_utils.locales.getText("pisell2.text.create-new-customer"),
+        closeCallback: () => {
+          searchChange("");
+        },
+        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-client-list-item-avatar",
+              src: import_utils.image.ali(item.cover, 100) || void 0,
+              icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
+            }
+          ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-name" }, getNickname(item)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-desc" }, item.email ? /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.email) : null, item.phone ? /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.phone) : null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-loading" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: franchiseeLoading === item.id })));
+        },
+        searchChange,
+        searchValue: params.search,
+        loadMore,
+        filterItem: (d, search) => {
+          return true;
+        }
+      }
+    );
+  }, [
+    state,
+    renderList,
+    loading,
+    franchiseeLoading,
+    params.search,
+    loadMore
+  ]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -298,45 +348,6 @@ var Info = () => {
       },
       /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-menu-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_DotsVertical.default, { className: "pisell-lowcode__booking-client-menu-icon" }))
     )))
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_customSelect.default,
-    {
-      autoFocus: !state.isTerminal,
-      modalOpen: state.modalOpen,
-      ref: modalRef,
-      rowKey: "id",
-      options: renderList,
-      loading,
-      value: [state.client.value],
-      onValueChange: handleSelectClient,
-      handleCreateItem,
-      isPreview: false,
-      drawerProps: {
-        title: import_utils.locales.getText("pisell2.text.select-customer"),
-        destroyOnClose: true
-      },
-      mode: "single",
-      createItemText: import_utils.locales.getText("pisell2.text.create-new-customer"),
-      closeCallback: () => {
-        searchChange("");
-      },
-      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-client-list-item-avatar",
-            src: import_utils.image.ali(item.cover, 100) || void 0,
-            icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
-          }
-        ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-name" }, getNickname(item)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-desc" }, item.email ? /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.email) : null, item.phone ? /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.phone) : null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-loading" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: franchiseeLoading === item.id })));
-      },
-      searchChange,
-      searchValue: params.search,
-      loadMore,
-      filterItem: (d, search) => {
-        return true;
-      }
-    }
-  ));
+  ), customSelect);
 };
-var client_default = Info;
+var client_default = import_react.default.memo(Client);

package/lib/components/booking/info/clientVariant/vertical/index.js

@@ -44,6 +44,7 @@ var import_index = require("./index.less");
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var import_format = require("../../../forms/format");
 var import_utils2 = require("../../utils");
+var import_ahooks = require("ahooks");
 var VerticalClient = (props) => {
   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;
   const { globalState, setGlobalState } = props;
@@ -132,9 +133,9 @@ var VerticalClient = (props) => {
       }
     });
   };
-  const handleOpenModal = () => {
+  const handleOpenModal = (0, import_ahooks.useMemoizedFn)(() => {
     handleOpenClientModal();
-  };
+  });
   const handleAddPet = (_client, cb) => {
     var _a2;
     let _data = {
@@ -174,7 +175,7 @@ var VerticalClient = (props) => {
       }
     });
   };
-  const previewItemTitleRender = (value, index, values) => {
+  const previewItemTitleRender = (0, import_ahooks.useMemoizedFn)((value, index, values) => {
     var _a2, _b2, _c2, _d2, _e2, _f2;
     const title = getNickname(value.customer) || ((_a2 = value == null ? void 0 : value.customer) == null ? void 0 : _a2.email) || ((_b2 = value == null ? void 0 : value.customer) == null ? void 0 : _b2.phone) || "";
     if (((_c2 = value == null ? void 0 : value.customer) == null ? void 0 : _c2.id) === prevCustomerId.current) {
@@ -188,7 +189,7 @@ var VerticalClient = (props) => {
       prevCustomerId.current = null;
     }
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-title" }, title, " ' ", ((_f2 = (_e2 = state.pet.formData) == null ? void 0 : _e2[0]) == null ? void 0 : _f2.title) || "");
-  };
+  });
   const isShowAddBtn = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2;
     const formId2 = (_c2 = (_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.form_id;

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

@@ -95,7 +95,7 @@ var Info = (0, import_model.Provider)((props) => {
         timezone: (_m = (_l = (_k = (_j = (_i2 = (_h2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _h2.utils) == null ? void 0 : _i2.store) == null ? void 0 : _j.getState()) == null ? void 0 : _k.global) == null ? void 0 : _l.globalConfig) == null ? void 0 : _m.timezone
       }
     });
-  }, [globalState]);
+  }, [JSON.stringify(globalState)]);
   const addNote = (e) => {
     modal.dispatch({
       type: "setNotes",

package/lib/components/booking/info/pet/index.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import "./index.less";
-import { InfoProps } from "../../forms/forms";
+import React from 'react';
+import './index.less';
+import { InfoProps } from '../../forms/forms';
 interface PetProps {
     state?: any;
     dispatch?: any;