@pisell/private-materials 3.0.13 → 3.0.14-2.gray

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

@@ -39,10 +39,11 @@ 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,
-    value,
+    value = [],
     modalOpen,
     onChange,
     action,
@@ -52,33 +53,36 @@ var Forms = (0, import_model.Provider)((props) => {
     addCallback,
     client,
     loading,
-    addButtonProps
+    addButtonProps,
+    drawerProps
   } = 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 +97,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 +128,72 @@ 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);
+            drawerProps,
+            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,
+    drawerProps
+  ]);
 });
 var forms_default = Forms;

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

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Forms: (props: any) => JSX.Element;
+declare const Forms: any;
 export default Forms;

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

@@ -41,28 +41,62 @@ var import_index = require("./index.less");
 var import_utils = require("@pisell/utils");
 var import_forms = __toESM(require("./forms"));
 var import_utils2 = require("../utils");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var relation_type = "appointment_booking";
 var Forms = (0, import_model.Provider)((props) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const { globalState } = props;
   const [loading, setLoading] = (0, import_react.useState)(true);
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const context = (0, import_useEngineContext.default)();
+  const { isTerminal } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
   const params = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     return (_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.appointment_subject;
-  }, [(_c = (_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.basic) == null ? void 0 : _c.appointment_subject]);
+  }, [(_d = (_c = (_b = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _b.config) == null ? void 0 : _c.basic) == null ? void 0 : _d.appointment_subject]);
   (0, import_react.useEffect)(() => {
     var _a2, _b2;
     if (!!((_b2 = (_a2 = state.bookingDetail) == null ? void 0 : _a2.bookings) == null ? void 0 : _b2.id)) {
       geForms();
     }
-  }, [(_e = (_d = state.bookingDetail) == null ? void 0 : _d.bookings) == null ? void 0 : _e.id, (_g = (_f = state.client) == null ? void 0 : _f.value) == null ? void 0 : _g.id]);
+  }, [(_f = (_e = state.bookingDetail) == null ? void 0 : _e.bookings) == null ? void 0 : _f.id, (_h = (_g = state.client) == null ? void 0 : _g.value) == null ? void 0 : _h.id]);
+  const getFranchiseeCompositeData = async ({ request, params: params2 }) => {
+    let arr = [];
+    arr.push(request(params2));
+    if (state.isFranchisee) {
+      arr.push(request({ ...params2, source_shop_customer: 1 }));
+    }
+    const res = await Promise.all(arr);
+    return res;
+  };
+  const getFranchiseeForms = async (params2) => {
+    const res = await getFranchiseeCompositeData({
+      request: state.apis.getForms,
+      params: params2
+    });
+    if (state.isFranchisee) {
+      let arr = [];
+      res.forEach((item, index) => {
+        arr = arr.concat(
+          (item || []).map((d) => {
+            return {
+              ...d,
+              is_franchisor: index === 1 ? 1 : 0
+            };
+          })
+        );
+      });
+      return arr;
+    }
+    return res[0];
+  };
   const getFormDataById = async (item) => {
     var _a2, _b2;
     let _params = {
       form_id: item.form_id,
       skip: 1,
-      num: 999
+      num: 999,
+      source_shop_customer: item.is_franchisor ? 1 : 0
     };
     let options = [];
     const isCustomerForm = item.data_range === "customer" && !(0, import_utils2.isWalkIn)((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id);
@@ -78,7 +112,7 @@ var Forms = (0, import_model.Provider)((props) => {
       options
     };
   };
-  const getFormData = async (formList) => {
+  const getFormData = async (formList = []) => {
     let all = [];
     all = formList.map((d) => getFormDataById(d));
     return Promise.all(all);
@@ -93,14 +127,16 @@ var Forms = (0, import_model.Provider)((props) => {
   const geForms = async () => {
     setLoading(true);
     try {
-      let data = await state.apis.getForms({
+      let data = await getFranchiseeForms({
         relation_type,
         relation_id: state.bookingDetail.bookings.id
         // _config: { useCache: true },
       });
+      data = data || [];
       if (params.type === "form") {
         data = data.filter((d) => d.form_id !== (params == null ? void 0 : params.form_id));
       }
+      console.log("datadata", data);
       const formData = await getFormData(data);
       dispatch({
         type: "setForm",
@@ -111,6 +147,7 @@ var Forms = (0, import_model.Provider)((props) => {
       });
       setLoading(false);
     } catch (err) {
+      setLoading(false);
       console.log("form_error", err);
     }
   };
@@ -126,10 +163,13 @@ var Forms = (0, import_model.Provider)((props) => {
     });
   }, []);
   (0, import_react.useEffect)(() => {
+    var _a2, _b2, _c2, _d2;
+    const isFranchisee = (_d2 = (_c2 = (_b2 = (_a2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _a2.utils) == null ? void 0 : _b2.businessUtils) == null ? void 0 : _c2.getAppByModal) == null ? void 0 : _d2.call(_c2, "franchisee");
     dispatch({
       type: "setState",
       payload: {
-        ...globalState
+        ...globalState,
+        isFranchisee
       }
     });
   }, [globalState]);
@@ -139,7 +179,7 @@ var Forms = (0, import_model.Provider)((props) => {
       import_antd.message.success(
         import_utils.locales.getText("pisell2.text.forms") + import_utils.locales.getText("pisell2.text.updated")
       );
-      state == null ? void 0 : state.callback({ order_id: state.bookingId });
+      state == null ? void 0 : state.callback({ order_id: state.bookingId, afterCloseUpdate: true });
     } catch (err) {
     }
   };
@@ -186,7 +226,10 @@ var Forms = (0, import_model.Provider)((props) => {
         value: state.form.value,
         onChange: onValueChange,
         addCallback,
-        client: state.client.value
+        client: state.client.value,
+        customSelectProps: {
+          autoFocus: !state.isTerminal
+        }
       }
     )
   ) : null);

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -0,0 +1,9 @@
+/**
+ * 获取表单数据
+ */
+export declare const getFormData: (params: {
+    form_id: number;
+    form_record_ids: number[];
+    num: number;
+    skip: number;
+}) => Promise<any>;

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

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/forms/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  getFormData: () => getFormData
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../utils");
+var getFormData = async (params) => import_utils.request.getRequest().get(`/shop/form/data/v1`, params);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getFormData
+});

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

@@ -0,0 +1,6 @@
+interface RenderValueByIdProps {
+    field: any;
+    value: any;
+}
+declare const RenderValueById: (props: RenderValueByIdProps) => any;
+export default RenderValueById;

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

@@ -0,0 +1,106 @@
+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/forms/single/RenderValueById.tsx
+var RenderValueById_exports = {};
+__export(RenderValueById_exports, {
+  default: () => RenderValueById_default
+});
+module.exports = __toCommonJS(RenderValueById_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_antd = require("antd");
+var import_ahooks = require("ahooks");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_serve = require("../serve");
+var RenderValueById = (props) => {
+  var _a, _b, _c, _d, _e, _f;
+  const { field, value: propsValue } = props;
+  const { appHelper } = (0, import_useEngineContext.default)();
+  const _getFormData = (0, import_ahooks.useRequest)(import_serve.getFormData, {
+    manual: true,
+    cacheKey: `formOption-${(_a = field.setting) == null ? void 0 : _a.linkedTable}`,
+    staleTime: 500,
+    cacheTime: 5e3
+  });
+  const value = (0, import_react.useMemo)(() => {
+    let v = propsValue;
+    if (field.filed_type === "form_to_form") {
+      if ((0, import_utils.isArr)(propsValue)) {
+        v = propsValue;
+      } else if (propsValue == null ? void 0 : propsValue.form_ids) {
+        v = propsValue.form_ids;
+      } else {
+        v = propsValue;
+      }
+    }
+    return v;
+  }, [propsValue]);
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2;
+    if (field.filed_type === "form_to_form" && ((_a2 = field.setting) == null ? void 0 : _a2.linkedTable)) {
+      _getFormData.run({
+        form_record_ids: value,
+        form_id: (_b2 = field.setting) == null ? void 0 : _b2.linkedTable,
+        skip: 1,
+        num: 999
+      });
+    }
+  }, [field.filed_type, value]);
+  const options = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2, _e2;
+    if (field.filed_type === "form_to_form" && ((_a2 = field == null ? void 0 : field.setting) == null ? void 0 : _a2.linkedTable)) {
+      return ((_d2 = (_c2 = (_b2 = _getFormData.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.list) == null ? void 0 : _d2.map((item) => ({
+        title: item.main_field,
+        id: item.form_record_id
+      }))) || [];
+    }
+    return (_e2 = field == null ? void 0 : field.setting) == null ? void 0 : _e2.customTypeList;
+  }, [field.filed_type, (_b = field == null ? void 0 : field.setting) == null ? void 0 : _b.customTypeList, _getFormData.data]);
+  if ((0, import_utils.isArr)(value)) {
+    let _list = options == null ? void 0 : options.filter((i) => {
+      return value == null ? void 0 : value.includes((i == null ? void 0 : i.id) || i.value);
+    });
+    let _str = (_list == null ? void 0 : _list.map((i) => {
+      var _a2;
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, null, (_a2 = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a2.translationShop((i == null ? void 0 : i.title) || (i == null ? void 0 : i.label)));
+    })) || "-";
+    return /* @__PURE__ */ import_react.default.createElement("span", null, _str || "-");
+  }
+  if (!(0, import_utils.isUndefined)(value)) {
+    if ((field == null ? void 0 : field.filed_type) === "select" && !((_c = field == null ? void 0 : field.setting) == null ? void 0 : _c.version)) {
+      return /* @__PURE__ */ import_react.default.createElement("span", null, value || "-");
+    }
+    let _item = options == null ? void 0 : options.filter((i) => (i == null ? void 0 : i.id) == value);
+    return ((_f = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _f.translationShop(
+      ((_d = _item == null ? void 0 : _item[0]) == null ? void 0 : _d.title) || ((_e = _item == null ? void 0 : _item[0]) == null ? void 0 : _e.label)
+    )) || "-";
+  }
+  return null;
+};
+var RenderValueById_default = RenderValueById;

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

@@ -7,5 +7,5 @@ import "./index.less";
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:06
  */
-declare const Single: ({ value, onChange, form, mode, optionRender, loading, customSelectProps, onAdd, addButtonProps, modalOpen, watch, }: any) => React.JSX.Element;
+declare const Single: ({ value, onChange, form, mode, optionRender, loading, customSelectProps, onAdd, addButtonProps, modalOpen, watch, drawerProps, }: any) => React.JSX.Element;
 export default Single;

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

@@ -37,8 +37,11 @@ var import_FileDownload02 = __toESM(require("@pisell/icon/es/FileDownload02"));
 var import_utils = require("@pisell/utils");
 var import_antd = require("antd");
 var import_customSelect = __toESM(require("../../components/customSelect"));
+var import_collapsibleList = __toESM(require("../../components/collapsibleList"));
 var import_index = require("./index.less");
-var MAX_LIMIT = 3;
+var import_RenderValueById = __toESM(require("./RenderValueById"));
+var import_useComponents = __toESM(require("../../../../hooks/useComponents"));
+var queryValueById = ["checkbox", "radioButton", "select", "form_to_form"];
 var Single = ({
   value,
   onChange,
@@ -50,10 +53,13 @@ var Single = ({
   onAdd,
   addButtonProps,
   modalOpen,
-  watch
+  watch,
+  drawerProps
 }) => {
   var _a, _b;
-  const [maxLimit, setMaxLimit] = (0, import_react.useState)({});
+  const [HumanBodySelector] = (0, import_useComponents.default)({
+    components: ["HumanBodySelector"]
+  });
   const renderFieldValue = (fieldData, field) => {
     const val = fieldData[field.key];
     if (field.filed_type === "attachment") {
@@ -99,55 +105,38 @@ var Single = ({
     }
     if (field.filed_type === "customer_phone") {
       if (val) {
-        return `(+${val.country_calling_code}) ${val.phone}`;
+        return `${val.country_calling_code && `(+${val.country_calling_code})`} ${val.phone || ""}`;
       }
     }
+    if (field.filed_type === "body_hotspot_image") {
+      return HumanBodySelector ? /* @__PURE__ */ import_react.default.createElement(HumanBodySelector, { value: val, disable: true }) : val;
+    }
+    if (queryValueById.includes(field == null ? void 0 : field.filed_type)) {
+      return /* @__PURE__ */ import_react.default.createElement(import_RenderValueById.default, { field, value: val });
+    }
     return val || "-";
   };
   const renderItem = (0, import_react.useCallback)(
     (fieldData) => {
       let _fields = form.field || [];
-      let _maxLimit = maxLimit[fieldData.form_record_id] || MAX_LIMIT;
-      if (_fields.length > _maxLimit) {
-        _fields = _fields.slice(0, _maxLimit);
-      }
-      return _fields.map((field) => {
-        return /* @__PURE__ */ import_react.default.createElement("div", { className: "pet-form-item", key: field.key }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pet-form-item-label" }, field.field_column.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pet-form-item-value" }, renderFieldValue(fieldData, field)));
-      });
-    },
-    [form, maxLimit]
-  );
-  const handlePreviewAll = (d) => {
-    let _maxLimit = maxLimit[d.form_record_id] || MAX_LIMIT;
-    if (_maxLimit === MAX_LIMIT) {
-      _maxLimit = 99;
-    } else {
-      _maxLimit = MAX_LIMIT;
-    }
-    setMaxLimit({
-      ...maxLimit,
-      [d.form_record_id]: _maxLimit
-    });
-  };
-  const showAll = (0, import_react.useMemo)(() => {
-    let _field = form.field || [];
-    return _field.length > MAX_LIMIT;
-  }, [maxLimit, form]);
-  const viewAllText = (0, import_react.useCallback)(
-    (d) => {
-      let _maxLimit = maxLimit[d.form_record_id] || MAX_LIMIT;
-      if (_maxLimit === MAX_LIMIT) {
-        return import_utils.locales.getText("pisell2.text.view-all");
-      }
-      return import_utils.locales.getText("pisell2.text.view-less");
+      _fields = _fields.filter((item) => item.status !== "hide");
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_collapsibleList.default,
+        {
+          list: _fields,
+          renderItem: (field) => {
+            return /* @__PURE__ */ import_react.default.createElement("div", { className: "pet-form-item", key: field.key }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pet-form-item-label" }, field.field_column.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pet-form-item-value" }, renderFieldValue(fieldData, field)));
+          }
+        }
+      );
     },
-    [maxLimit]
+    [form]
   );
   const _optionRender = (item) => {
     if (optionRender) {
       return optionRender(item);
     }
-    return /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1 } }, item["main_field"] || "-");
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1 } }, item["main_field"] || item[form.option_key] || "-");
   };
   const _addButtonProps = (0, import_react.useMemo)(() => {
     var _a2, _b2;
@@ -183,23 +172,14 @@ var Single = ({
       mode: _mode,
       previewItemClassName: "pisell-lowcode__booking-pet-card",
       previewItemRender: (d) => {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderItem(d), showAll ? /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: "pet-form-view-all",
-            onClick: (e) => {
-              e.preventDefault();
-              e.stopPropagation();
-              handlePreviewAll(d);
-            }
-          },
-          viewAllText(d)
-        ) : null);
+        return renderItem(d);
       },
       name: ((_a = form.form) == null ? void 0 : _a.title) || "-",
       addButtonProps: _addButtonProps,
       drawerProps: {
-        title: `${import_utils.locales.getText("pisell2.text.select")} ${((_b = form.form) == null ? void 0 : _b.title) || "-"}`
+        title: `${import_utils.locales.getText("pisell2.text.select")} ${((_b = form.form) == null ? void 0 : _b.title) || "-"}`,
+        destroyOnClose: true,
+        ...drawerProps || {}
       },
       optionRender: _optionRender,
       rowKey: "form_record_id",

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

@@ -1,2 +1,2 @@
-declare const Booking: (props: any) => JSX.Element;
+declare const Booking: any;
 export default Booking;