@fecp/designer 5.5.120 → 5.5.121

package/lib/packages/mobile/src/page.vue.js

@@ -1,19 +1,18 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                            */
 const Vue = require("vue");
 const homeBg = require("./assets/images/home-bg.png.js");
 require("../../../node_modules/grid-layout-plus/es/index.js");
 const all = require("./components/all.js");
 const pageHistory = require("./utils/pageHistory.js");
 const usePageEvents = require("./composables/usePageEvents.js");
-const moment = require("../../../node_modules/moment/dist/moment.js");
+require("../../../node_modules/moment/dist/moment.js");
+const datasource = require("./utils/datasource.js");
 const parseRouteParams = require("./utils/parseRouteParams.js");
-;/* empty css                                                       */
-;/* empty css                                                             */
-;/* empty css                                                           */
-;/* empty css                                                             */
 const common = require("./utils/common.js");
 require("./utils/eventBus.js");
+;/* empty css                                                       */
 ;/* empty css                                                           */
 ;/* empty css                                                            */
 ;/* empty css                                                             */
@@ -21,11 +20,13 @@ require("./utils/eventBus.js");
 const eventFlowHandler = require("./utils/eventFlow/eventFlowHandler.js");
 const parseFilterConfig = require("./utils/parseFilterConfig.js");
 const calculate = require("./utils/formulajs/calculate.js");
+const validation = require("./utils/validation.js");
 ;/* empty css           */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
 const gridLayout_vue = require("../../../node_modules/grid-layout-plus/es/components/grid-layout.vue.js");
-const _hoisted_1 = { class: "grid-wrapper no-scrollbar" };
-const _hoisted_2 = { class: "component-content" };
+const index = require("../../../node_modules/vant/es/form/index.js");
+const functionCall = require("../../../node_modules/vant/es/toast/function-call.js");
+const _hoisted_1 = { class: "component-content" };
 const colNum = 24;
 const rowHeight = 10;
 const _sfc_main = {
@@ -41,18 +42,26 @@ const _sfc_main = {
     params: {
       type: Object,
       default: {}
+    },
+    initSearchData: {
+      type: Object,
+      default: {}
     }
   },
-  setup(__props, { expose: __expose }) {
+  emits: ["layoutDataHeight"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     var _a;
     const props = __props;
+    const emit = __emit;
     const configLoading = Vue.ref(true);
     const instance = Vue.getCurrentInstance();
     const ctx = instance.proxy;
     const formData = Vue.ref(props.params);
+    const formRules = Vue.ref({});
     function getComp(type) {
       return all[type];
     }
+    const formRef = Vue.ref();
     const gridLayout = Vue.ref();
     const tabbarActive = Vue.ref(0);
     const childPage = Vue.ref(null);
@@ -96,7 +105,18 @@ const _sfc_main = {
       })) || [];
     }
     const loadFormData = (state) => {
+      var _a2;
       const defaultData = { ...props.params };
+      if (fieldsData.value) {
+        (_a2 = fieldsData.value) == null ? void 0 : _a2.forEach((component) => {
+          if (component.fieldName) {
+            let defaultValue = component.defaultValue || null;
+            if (defaultValue) {
+              defaultData[component.fieldName] = defaultValue;
+            }
+          }
+        });
+      }
       if (hiddenFields.value && hiddenFields.value.length > 0) {
         hiddenFields.value.forEach((field) => {
           if (field.fieldName) {
@@ -118,44 +138,197 @@ const _sfc_main = {
       formData.value = { ...defaultData };
       console.log("初始化赋值", formData.value);
     };
+    const initFormRule = () => {
+      var _a2;
+      const rules = {};
+      if (fieldsData.value) {
+        (_a2 = fieldsData.value) == null ? void 0 : _a2.forEach((component) => {
+          if (component.fieldName) {
+            const fieldRules = validation.generateFieldRules(component, formData, [
+              ...fieldsData.value,
+              ...hiddenFields.value
+            ]);
+            if (fieldRules.length > 0) {
+              rules[component.fieldName] = fieldRules;
+            }
+          }
+        });
+      }
+      formRules.value = rules;
+    };
     const prevFormData = Vue.ref({});
     let linkaged = false;
+    let isDesigner = false;
+    const dataSourceOptions = Vue.ref({});
+    const dictionaryOptions = Vue.ref({});
     Vue.onMounted(async () => {
+      var _a2, _b;
       prevFormData.value = {};
       linkaged = false;
       loadFormData();
-      const pageEvents = usePageEvents.usePageEvents(() => ({
-        pageEventConfig: props.parentPage.pageEventConfig,
-        fields: [...fieldsData.value, ...hiddenFields.value],
-        instance,
-        formData: formData.value,
-        localConfig: props.parentPage,
-        components: {
-          form: ctx
+      try {
+        const uid = (_b = (_a2 = formRef.value) == null ? void 0 : _a2.$el) == null ? void 0 : _b.closest(".device-content");
+        if (uid) {
+          isDesigner = true;
         }
-      }));
-      if (pageEvents) {
-        pageEvents.handleBeforeUnmount();
-        pageEvents.handleUnmounted();
-        if (props.parentPage.pageEventConfig) {
-          const onCreatedEvent = props.parentPage.pageEventConfig.find(
-            (e) => e.name === "onCreated"
-          );
-          if (onCreatedEvent) {
-            console.log("🚀 页面 onCreated 事件触发");
-            try {
-              await pageEvents.executeEvent("onCreated");
-            } catch (error) {
+      } catch (error) {
+      }
+      if (!isDesigner) {
+        const pageEvents = usePageEvents.usePageEvents(() => ({
+          pageEventConfig: props.parentPage.pageEventConfig,
+          fields: [...fieldsData.value, ...hiddenFields.value],
+          instance,
+          formData: formData.value,
+          localConfig: props.parentPage,
+          components: {
+            form: ctx
+          }
+        }));
+        if (pageEvents) {
+          pageEvents.handleBeforeUnmount();
+          pageEvents.handleUnmounted();
+          if (props.parentPage.pageEventConfig) {
+            const onCreatedEvent = props.parentPage.pageEventConfig.find(
+              (e) => e.name === "onCreated"
+            );
+            if (onCreatedEvent) {
+              console.log("🚀 页面 onCreated 事件触发");
+              try {
+                await pageEvents.executeEvent("onCreated");
+              } catch (error) {
+              }
             }
           }
         }
       }
       loadEventFlow();
+      await initParmDic();
+      mergeOptionsToFields();
       initGridLayoutDataConfig();
+      initFormRule();
       initLinkage();
       configLoading.value = false;
     });
+    const initParmDic = async () => {
+      var _a2, _b;
+      const fields = fieldsData.value || [];
+      const fieldDataSources = /* @__PURE__ */ new Set();
+      const dictionaryKeys = /* @__PURE__ */ new Set();
+      for (const component of fields) {
+        const fieldType = component.fieldType;
+        if ((fieldType === "picker" || fieldType === "radio" || fieldType === "checkbox" || fieldType === "cascader") && component.optionConfig) {
+          const { optionSource, dataSourceValue, dictionaryValue } = component.optionConfig;
+          if (optionSource === "dataSource" && dataSourceValue) {
+            fieldDataSources.add(dataSourceValue);
+          } else if (optionSource === "dictionary" && dictionaryValue) {
+            dictionaryKeys.add(dictionaryValue);
+          }
+        }
+      }
+      for (const dataSourceId of fieldDataSources) {
+        if (dataSourceOptions.value[dataSourceId]) continue;
+        try {
+          const dsManager = datasource.createDataSource({
+            http: ctx.$http,
+            dataSources: currentPage.value.dataSources,
+            currentDataSourceId: dataSourceId,
+            pagination: false,
+            data: formData.value,
+            fields: [...fieldsData.value, ...hiddenFields.value]
+          });
+          const data = await dsManager.fetch();
+          let options = [];
+          if (Array.isArray(data)) {
+            options = data;
+          } else if (typeof data === "object") {
+            options = Array.isArray(data.data) ? data.data : ((_a2 = data.data) == null ? void 0 : _a2.records) || ((_b = data.data) == null ? void 0 : _b.list) || [];
+          }
+          dataSourceOptions.value[dataSourceId] = options;
+          dsManager.destroy();
+        } catch (error) {
+          console.error(`Failed to load data source ${dataSourceId}:`, error);
+        }
+      }
+      if (dictionaryKeys.size > 0) {
+        try {
+          const keyName = Array.from(dictionaryKeys).join(",");
+          const response = await ctx.$http.postFormMobile(
+            "/base-server/parm/sysParmDic/getDicListByKey",
+            {
+              keyName
+            },
+            true
+          );
+          const dictionaryData = response;
+          if (typeof dictionaryData === "object") {
+            Object.keys(dictionaryData).forEach((dictKey) => {
+              if (dictionaryKeys.has(dictKey)) {
+                const dictItems = dictionaryData[dictKey];
+                if (Array.isArray(dictItems)) {
+                  dictionaryOptions.value[dictKey] = dictItems;
+                }
+              }
+            });
+          }
+        } catch (error) {
+          console.error("Failed to load dictionary data:", error);
+        }
+      }
+    };
+    const mergeOptionsToFields = () => {
+      if (fieldsData.value) {
+        fieldsData.value.forEach((component) => {
+          if (!component.optionConfig) return;
+          const {
+            optionSource,
+            dataSourceValue,
+            dictionaryValue,
+            displayField,
+            valueField,
+            idField,
+            pidField
+          } = component.optionConfig;
+          if (optionSource === "dataSource" && dataSourceOptions.value[dataSourceValue]) {
+            const rawOptions = dataSourceOptions.value[dataSourceValue];
+            const labelField = displayField || "label";
+            const keyField = valueField || "value";
+            component.optionConfig.options = rawOptions.map((item) => ({
+              label: item[labelField],
+              value: item[keyField],
+              disabled: item.disabled || false,
+              ...item
+            }));
+          } else if (optionSource === "dictionary" && dictionaryOptions.value[dictionaryValue]) {
+            const rawOptions = dictionaryOptions.value[dictionaryValue];
+            const labelField = "optName";
+            const keyField = "optCode";
+            component.optionConfig.options = rawOptions.map((item) => ({
+              label: item[labelField],
+              value: item[keyField],
+              disabled: item.disabled || false
+            }));
+          } else if (optionSource === "custom") {
+            component.optionConfig.options = component.optionConfig.options || [];
+          }
+        });
+      }
+    };
     const gridLayoutFieldsData = Vue.ref([]);
+    const gridWrapperHeight = Vue.ref(null);
+    Vue.watch(
+      () => gridLayoutFieldsData,
+      (val) => {
+        if (Array.isArray(val.value)) {
+          const maxY = val.value.reduce(
+            (max, item) => Math.max(max, item.y + item.h),
+            0
+          );
+          gridWrapperHeight.value = maxY * rowHeight;
+          emit("layoutDataHeight", gridWrapperHeight.value);
+        }
+      },
+      { immediate: true, deep: true }
+    );
     const oriGridLayoutData = Vue.ref([]);
     function initGridLayoutDataConfig() {
       if (!Array.isArray(props.parentPage.layoutData)) {
@@ -171,7 +344,7 @@ const _sfc_main = {
         }
         return item;
       }) || [];
-      oriGridLayoutData.value = gridLayoutData;
+      oriGridLayoutData.value = sortLayoutItems(gridLayoutData);
     }
     function initLinkage() {
       if (!Array.isArray(props.parentPage.layoutData)) {
@@ -261,6 +434,16 @@ const _sfc_main = {
           });
         }
       });
+      const rules = {};
+      updatedLayoutData.forEach(({ component }) => {
+        if (component.props.fieldName) {
+          const fieldRules = validation.generateFieldRules(component.props, formData, fields);
+          if (fieldRules.length > 0) {
+            rules[component.props.fieldName] = fieldRules;
+          }
+        }
+      });
+      formRules.value = rules;
       relevantConfigs.disabled.forEach((item) => {
         const dataLinkFieldList = item.dataLinkFieldList || [];
         dataLinkFieldList.forEach((fieldId) => {
@@ -396,20 +579,6 @@ const _sfc_main = {
       });
       handleEvent.value = createHandleEvent;
     }
-    const valueFormatMap = {
-      date: "YYYYMMDD",
-      week: "YYYYMMDD",
-      month: "YYYYMM",
-      year: "YYYY",
-      datetime: "YYYYMMDDHHmmss"
-    };
-    const formValueFormatMap = {
-      date: "YYYY/MM/DD",
-      week: "YYYY/MM/DD",
-      month: "YYYY/MM",
-      year: "YYYY",
-      datetime: "YYYY/MM/DD HH:mm:ss"
-    };
     const getFormData = () => {
       const result = { ...formData.value };
       const processField = (field) => {
@@ -424,27 +593,6 @@ const _sfc_main = {
           if (Array.isArray(value)) {
             result[fieldName] = value.join(splitStr);
           }
-        } else if (fieldName && fieldType === "date" && value) {
-          const dateValueType = field.dateValueType;
-          const valueFormat = valueFormatMap[field.dateType] || "YYYYMMDD";
-          const formValueFormat = formValueFormatMap[field.dateType] || "YYYY/MM/DD";
-          switch (dateValueType) {
-            case "date":
-              result[fieldName] = moment.default(value, formValueFormat).toDate();
-              break;
-            case "timestamp":
-              result[fieldName] = moment.default(value, formValueFormat).valueOf();
-              break;
-            case "string":
-            default:
-              result[fieldName] = moment.default(value, formValueFormat).format(
-                valueFormat
-              );
-              break;
-          }
-        }
-        if (fieldType != "number" && !result[fieldName]) {
-          result[fieldName] = "";
         }
       };
       if (fieldsData.value) {
@@ -459,6 +607,26 @@ const _sfc_main = {
       }
       return result;
     };
+    const validate = () => {
+      var _a2;
+      return (_a2 = formRef.value) == null ? void 0 : _a2.validate().then(() => getFormData()).catch((errors) => {
+        Vue.nextTick(() => {
+          const firstError = document.querySelector(".van-field__error-message");
+          if (firstError) {
+            functionCall.showToast({
+              message: firstError.innerHTML,
+              icon: "warning-o",
+              duration: 2e3
+            });
+            firstError.scrollIntoView({
+              behavior: "smooth",
+              block: "center"
+            });
+          }
+        });
+        throw errors;
+      });
+    };
     const setFormData = (data) => {
       const processedData = { ...data };
       const processField = (field) => {
@@ -468,11 +636,8 @@ const _sfc_main = {
           return;
         }
         const value = processedData[fieldName];
-        if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection" || fieldType === "cascader" || fieldType === "area" || fieldType === "industry")) {
+        if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection" || fieldType === "cascader")) {
           let splitStr = "|";
-          if (fieldType === "cascader" || fieldType === "area" || fieldType === "industry") {
-            splitStr = ",";
-          }
           if (typeof value === "string" && value.includes(splitStr)) {
             processedData[fieldName] = value.split(splitStr);
           } else if (typeof value === "string" && value !== "") {
@@ -486,12 +651,6 @@ const _sfc_main = {
             }
             return item;
           });
-        } else if (fieldName && fieldType === "date" && value) {
-          const valueFormat = valueFormatMap[field.dateType] || "YYYYMMDD";
-          const formValueFormat = formValueFormatMap[field.dateType] || "YYYY/MM/DD";
-          processedData[fieldName] = moment.default(value, valueFormat).format(
-            formValueFormat
-          );
         }
       };
       if (fieldsData.value) {
@@ -506,11 +665,40 @@ const _sfc_main = {
       }
       formData.value = { ...formData.value, ...processedData };
     };
+    const compRefs = {};
+    const setCompRef = (id, el) => {
+      if (el) compRefs[id] = el;
+    };
+    function onSearch(filter) {
+      Object.values(compRefs).forEach((comp) => {
+        if (comp == null ? void 0 : comp.onSearch) {
+          comp.onSearch(filter);
+        }
+      });
+    }
+    Vue.watch(
+      () => props.initSearchData,
+      () => {
+        onSearch(props.initSearchData);
+      }
+    );
+    function refreshGridLayoutItemHeight(compId, height) {
+      var _a2;
+      gridLayoutFieldsData.value.forEach((item) => {
+        const id = item.component.id;
+        if (compId == id) {
+          item.h = height / 10;
+        }
+      });
+      (_a2 = gridLayout == null ? void 0 : gridLayout.value) == null ? void 0 : _a2.resizeEvent();
+    }
     Vue.provide("handleEvent", handleEvent);
     Vue.provide("formData", formData);
+    Vue.provide("refreshGridLayoutItemHeight", refreshGridLayoutItemHeight);
     __expose({
       setFormData,
-      getFormData
+      getFormData,
+      validate
     });
     return (_ctx, _cache) => {
       const _component_FecMobileNavBar = Vue.resolveComponent("FecMobileNavBar");
@@ -523,70 +711,86 @@ const _sfc_main = {
       const _component_FecMobileApprovalList = Vue.resolveComponent("FecMobileApprovalList");
       const _component_FecMobileRentCalcResult = Vue.resolveComponent("FecMobileRentCalcResult");
       const _component_FecMobileMine = Vue.resolveComponent("FecMobileMine");
+      const _component_van_form = index.Form;
       const _component_FecMobileTabbar = Vue.resolveComponent("FecMobileTabbar");
       const _component_FecMobileActionBar = Vue.resolveComponent("FecMobileActionBar");
       return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [
         __props.parentPage.isNavBar ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileNavBar, Vue.normalizeProps(Vue.mergeProps({ key: 0 }, __props.parentPage.navBarConfig)), null, 16)) : Vue.createCommentVNode("", true),
-        Vue.createElementVNode("div", _hoisted_1, [
-          __props.parentPage.footerType == "tabbar" ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 0 }, [
-            Vue.unref(childPage) ? (Vue.openBlock(), Vue.createBlock(_component_page, {
-              key: 0,
-              parentPage: Vue.unref(childPage)
-            }, null, 8, ["parentPage"])) : Vue.createCommentVNode("", true)
-          ], 64)) : (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 1 }, [
-            __props.parentPage.type == "home" ? (Vue.openBlock(), Vue.createElementBlock("div", {
-              key: 0,
-              class: "home-page",
-              style: Vue.normalizeStyle({
-                backgroundImage: `url(${Vue.unref(homeBg.default)})`,
-                backgroundRepeat: "no-repeat",
-                backgroundSize: "100%",
-                backgroundPosition: "center -20px",
-                backgroundColor: "#f7f8fa",
-                height: "100%"
-              })
-            }, [
-              Vue.createVNode(_component_FecMobileHomeHeader, Vue.normalizeProps(Vue.guardReactiveProps(__props.parentPage.layoutData.homeHeader)), null, 16),
-              Vue.createVNode(_component_FecMobileMenuGrid, Vue.normalizeProps(Vue.guardReactiveProps(__props.parentPage.layoutData.menuGridProps)), null, 16),
-              Vue.createVNode(_component_FecMobileHomeTools, Vue.normalizeProps(Vue.guardReactiveProps(__props.parentPage.layoutData.homeTools)), null, 16),
-              Vue.createVNode(_component_FecMobileDataStat)
-            ], 4)) : __props.parentPage.type == "approval" ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileAppDetail, Vue.mergeProps({ key: 1 }, __props.parentPage.layoutData.appDetailProps, {
-              actionBar: __props.parentPage.layoutData.actionBar,
-              params: __props.params
-            }), null, 16, ["actionBar", "params"])) : __props.parentPage.type == "flowList" ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileApprovalList, Vue.normalizeProps(Vue.mergeProps({ key: 2 }, __props.parentPage.layoutData.approvalListProps)), null, 16)) : __props.parentPage.type == "rentCalcResult" ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileRentCalcResult, {
-              key: 3,
-              params: __props.params
-            }, null, 8, ["params"])) : __props.parentPage.type == "mine" ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileMine, { key: 4 })) : (Vue.openBlock(), Vue.createBlock(Vue.unref(gridLayout_vue.default), {
-              key: 5,
-              ref_key: "gridLayout",
-              ref: gridLayout,
-              layout: Vue.unref(gridLayoutFieldsData),
-              "onUpdate:layout": _cache[0] || (_cache[0] = ($event) => Vue.isRef(gridLayoutFieldsData) ? gridLayoutFieldsData.value = $event : null),
-              "row-height": rowHeight,
-              margin: [0, 0],
-              "col-num": colNum,
-              "use-css-transforms": false,
-              "is-draggable": false,
-              "is-resizable": false,
-              style: { "height": "100%", "width": "100%" }
-            }, {
-              item: Vue.withCtx(({ item: { component } }) => [
-                Vue.createElementVNode("div", _hoisted_2, [
-                  (Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(getComp(component.fieldType)), Vue.mergeProps(component.props, {
-                    modelValue: Vue.unref(formData)[component.props.fieldName],
-                    "onUpdate:modelValue": ($event) => Vue.unref(formData)[component.props.fieldName] = $event,
-                    dataSources: Vue.unref(currentPage).dataSources,
-                    formData: Vue.unref(formData),
-                    compId: component.id,
-                    fields: [...Vue.unref(fieldsData), ...Vue.unref(hiddenFields)],
-                    params: __props.params
-                  }), null, 16, ["modelValue", "onUpdate:modelValue", "dataSources", "formData", "compId", "fields", "params"]))
-                ])
-              ]),
-              _: 1
-            }, 8, ["layout"]))
-          ], 64))
-        ]),
+        Vue.createVNode(_component_van_form, {
+          class: "grid-wrapper no-scrollbar",
+          ref_key: "formRef",
+          ref: formRef,
+          "scroll-to-error": "",
+          "submit-on-enter": false,
+          "show-error": "",
+          "scroll-to-error-position": "center"
+        }, {
+          default: Vue.withCtx(() => [
+            __props.parentPage.footerType == "tabbar" ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 0 }, [
+              Vue.unref(childPage) ? (Vue.openBlock(), Vue.createBlock(_component_page, {
+                key: 0,
+                parentPage: Vue.unref(childPage)
+              }, null, 8, ["parentPage"])) : Vue.createCommentVNode("", true)
+            ], 64)) : (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 1 }, [
+              __props.parentPage.type == "home" ? (Vue.openBlock(), Vue.createElementBlock("div", {
+                key: 0,
+                class: "home-page",
+                style: Vue.normalizeStyle({
+                  backgroundImage: `url(${Vue.unref(homeBg.default)})`,
+                  backgroundRepeat: "no-repeat",
+                  backgroundSize: "100%",
+                  backgroundPosition: "center -20px",
+                  backgroundColor: "#f7f8fa",
+                  height: "100%"
+                })
+              }, [
+                Vue.createVNode(_component_FecMobileHomeHeader, Vue.normalizeProps(Vue.guardReactiveProps(__props.parentPage.layoutData.homeHeader)), null, 16),
+                Vue.createVNode(_component_FecMobileMenuGrid, Vue.normalizeProps(Vue.guardReactiveProps(__props.parentPage.layoutData.menuGridProps)), null, 16),
+                Vue.createVNode(_component_FecMobileHomeTools, Vue.normalizeProps(Vue.guardReactiveProps(__props.parentPage.layoutData.homeTools)), null, 16),
+                Vue.createVNode(_component_FecMobileDataStat)
+              ], 4)) : __props.parentPage.type == "approval" ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileAppDetail, Vue.mergeProps({ key: 1 }, __props.parentPage.layoutData.appDetailProps, {
+                actionBar: __props.parentPage.layoutData.actionBar,
+                params: __props.params
+              }), null, 16, ["actionBar", "params"])) : __props.parentPage.type == "flowList" ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileApprovalList, Vue.normalizeProps(Vue.mergeProps({ key: 2 }, __props.parentPage.layoutData.approvalListProps)), null, 16)) : __props.parentPage.type == "rentCalcResult" ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileRentCalcResult, {
+                key: 3,
+                params: __props.params
+              }, null, 8, ["params"])) : __props.parentPage.type == "mine" ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileMine, { key: 4 })) : (Vue.openBlock(), Vue.createBlock(Vue.unref(gridLayout_vue.default), {
+                key: 5,
+                ref_key: "gridLayout",
+                ref: gridLayout,
+                layout: Vue.unref(gridLayoutFieldsData),
+                "onUpdate:layout": _cache[0] || (_cache[0] = ($event) => Vue.isRef(gridLayoutFieldsData) ? gridLayoutFieldsData.value = $event : null),
+                "row-height": rowHeight,
+                margin: [0, 0],
+                "col-num": colNum,
+                "use-css-transforms": false,
+                "is-draggable": false,
+                "is-resizable": false,
+                style: { "height": "100%", "width": "100%", "position": "relative" }
+              }, {
+                item: Vue.withCtx(({ item: { component } }) => [
+                  Vue.createElementVNode("div", _hoisted_1, [
+                    (Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(getComp(component.fieldType)), Vue.mergeProps({
+                      ref: (el) => setCompRef(component.id, el)
+                    }, component.props, {
+                      name: component.props.fieldName,
+                      modelValue: Vue.unref(formData)[component.props.fieldName],
+                      "onUpdate:modelValue": ($event) => Vue.unref(formData)[component.props.fieldName] = $event,
+                      dataSources: Vue.unref(currentPage).dataSources,
+                      formData: Vue.unref(formData),
+                      compId: component.id,
+                      fields: [...Vue.unref(fieldsData), ...Vue.unref(hiddenFields)],
+                      params: __props.params,
+                      rules: Vue.unref(formRules)[component.props.fieldName]
+                    }), null, 16, ["name", "modelValue", "onUpdate:modelValue", "dataSources", "formData", "compId", "fields", "params", "rules"]))
+                  ])
+                ]),
+                _: 1
+              }, 8, ["layout"]))
+            ], 64))
+          ]),
+          _: 1
+        }, 512),
         __props.parentPage.footerType == "tabbar" ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileTabbar, Vue.mergeProps({
           key: 1,
           modelValue: Vue.unref(tabbarActive),
@@ -597,5 +801,5 @@ const _sfc_main = {
     };
   }
 };
-const MobilePage = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-ce6e3f7e"]]);
+const MobilePage = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-aa11f142"]]);
 exports.default = MobilePage;

package/lib/packages/mobile/src/utils/common.js

@@ -36,6 +36,26 @@ const findPageById = (pageList, pageId) => {
     if (item.children && item.children.length > 0) {
       const found = findPageById(item.children, pageId);
       if (found) {
+        if (item.type === "folder") {
+          return found;
+        }
+        return { ...found, parentPage: item };
+      }
+    }
+  }
+  return null;
+};
+const findPageByKey = (pageList, pageKey) => {
+  for (const item of pageList) {
+    if (item.path == pageKey) {
+      return item;
+    }
+    if (item.children && item.children.length > 0) {
+      const found = findPageByKey(item.children, pageKey);
+      if (found) {
+        if (item.type == "folder") {
+          return found;
+        }
         return { ...found, parentPage: item };
       }
     }
@@ -44,5 +64,6 @@ const findPageById = (pageList, pageId) => {
 };
 exports.cloneDeep = cloneDeep;
 exports.findPageById = findPageById;
+exports.findPageByKey = findPageByKey;
 exports.isEqual = isEqual;
 exports.removeEmptyValues = removeEmptyValues;