@fecp/designer 5.5.119 → 5.5.121

package/es/packages/mobile/src/page.vue.mjs

@@ -1,17 +1,16 @@
-import { ref, getCurrentInstance, computed, watch, onMounted, nextTick, provide, resolveComponent, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createElementVNode, normalizeProps, mergeProps, unref, normalizeStyle, createVNode, guardReactiveProps, isRef, withCtx, resolveDynamicComponent } from "vue";
+/* empty css                                            */
+import { ref, getCurrentInstance, computed, watch, onMounted, nextTick, provide, resolveComponent, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createVNode, normalizeProps, mergeProps, withCtx, unref, normalizeStyle, guardReactiveProps, isRef, createElementVNode, resolveDynamicComponent } from "vue";
 import homeBg from "./assets/images/home-bg.png.mjs";
 import "../../../node_modules/grid-layout-plus/es/index.mjs";
 import * as all from "./components/all.mjs";
 import { pageHistory } from "./utils/pageHistory.mjs";
 import { usePageEvents } from "./composables/usePageEvents.mjs";
-import hooks from "../../../node_modules/moment/dist/moment.mjs";
+import "../../../node_modules/moment/dist/moment.mjs";
+import { createDataSource } from "./utils/datasource.mjs";
 import { parseSingleParamValue } from "./utils/parseRouteParams.mjs";
-/* empty css                                                       */
-/* empty css                                                             */
-/* empty css                                                           */
-/* empty css                                                             */
 import { cloneDeep, isEqual } from "./utils/common.mjs";
 import "./utils/eventBus.mjs";
+/* empty css                                                       */
 /* empty css                                                           */
 /* empty css                                                            */
 /* empty css                                                             */
@@ -19,11 +18,13 @@ import "./utils/eventBus.mjs";
 import { useEventFlow } from "./utils/eventFlow/eventFlowHandler.mjs";
 import { checkFilterMatch, checkFieldInFilterConfig, checkFieldInResultConfig } from "./utils/parseFilterConfig.mjs";
 import { calculate } from "./utils/formulajs/calculate.mjs";
+import { generateFieldRules } from "./utils/validation.mjs";
 /* empty css           */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import De from "../../../node_modules/grid-layout-plus/es/components/grid-layout.vue.mjs";
-const _hoisted_1 = { class: "grid-wrapper no-scrollbar" };
-const _hoisted_2 = { class: "component-content" };
+import { Form } from "../../../node_modules/vant/es/form/index.mjs";
+import { showToast } from "../../../node_modules/vant/es/toast/function-call.mjs";
+const _hoisted_1 = { class: "component-content" };
 const colNum = 24;
 const rowHeight = 10;
 const _sfc_main = {
@@ -39,18 +40,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 = ref(true);
     const instance = getCurrentInstance();
     const ctx = instance.proxy;
     const formData = ref(props.params);
+    const formRules = ref({});
     function getComp(type) {
       return all[type];
     }
+    const formRef = ref();
     const gridLayout = ref();
     const tabbarActive = ref(0);
     const childPage = ref(null);
@@ -94,7 +103,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) {
@@ -116,44 +136,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 = generateFieldRules(component, formData, [
+              ...fieldsData.value,
+              ...hiddenFields.value
+            ]);
+            if (fieldRules.length > 0) {
+              rules[component.fieldName] = fieldRules;
+            }
+          }
+        });
+      }
+      formRules.value = rules;
+    };
     const prevFormData = ref({});
     let linkaged = false;
+    let isDesigner = false;
+    const dataSourceOptions = ref({});
+    const dictionaryOptions = ref({});
     onMounted(async () => {
+      var _a2, _b;
       prevFormData.value = {};
       linkaged = false;
       loadFormData();
-      const pageEvents = 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(() => ({
+          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 = 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 = ref([]);
+    const gridWrapperHeight = ref(null);
+    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 = ref([]);
     function initGridLayoutDataConfig() {
       if (!Array.isArray(props.parentPage.layoutData)) {
@@ -169,7 +342,7 @@ const _sfc_main = {
         }
         return item;
       }) || [];
-      oriGridLayoutData.value = gridLayoutData;
+      oriGridLayoutData.value = sortLayoutItems(gridLayoutData);
     }
     function initLinkage() {
       if (!Array.isArray(props.parentPage.layoutData)) {
@@ -259,6 +432,16 @@ const _sfc_main = {
           });
         }
       });
+      const rules = {};
+      updatedLayoutData.forEach(({ component }) => {
+        if (component.props.fieldName) {
+          const fieldRules = 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) => {
@@ -394,20 +577,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) => {
@@ -422,27 +591,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] = hooks(value, formValueFormat).toDate();
-              break;
-            case "timestamp":
-              result[fieldName] = hooks(value, formValueFormat).valueOf();
-              break;
-            case "string":
-            default:
-              result[fieldName] = hooks(value, formValueFormat).format(
-                valueFormat
-              );
-              break;
-          }
-        }
-        if (fieldType != "number" && !result[fieldName]) {
-          result[fieldName] = "";
         }
       };
       if (fieldsData.value) {
@@ -457,6 +605,26 @@ const _sfc_main = {
       }
       return result;
     };
+    const validate = () => {
+      var _a2;
+      return (_a2 = formRef.value) == null ? void 0 : _a2.validate().then(() => getFormData()).catch((errors) => {
+        nextTick(() => {
+          const firstError = document.querySelector(".van-field__error-message");
+          if (firstError) {
+            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) => {
@@ -466,11 +634,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 !== "") {
@@ -484,12 +649,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] = hooks(value, valueFormat).format(
-            formValueFormat
-          );
         }
       };
       if (fieldsData.value) {
@@ -504,11 +663,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);
+        }
+      });
+    }
+    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();
+    }
     provide("handleEvent", handleEvent);
     provide("formData", formData);
+    provide("refreshGridLayoutItemHeight", refreshGridLayoutItemHeight);
     __expose({
       setFormData,
-      getFormData
+      getFormData,
+      validate
     });
     return (_ctx, _cache) => {
       const _component_FecMobileNavBar = resolveComponent("FecMobileNavBar");
@@ -521,70 +709,86 @@ const _sfc_main = {
       const _component_FecMobileApprovalList = resolveComponent("FecMobileApprovalList");
       const _component_FecMobileRentCalcResult = resolveComponent("FecMobileRentCalcResult");
       const _component_FecMobileMine = resolveComponent("FecMobileMine");
+      const _component_van_form = Form;
       const _component_FecMobileTabbar = resolveComponent("FecMobileTabbar");
       const _component_FecMobileActionBar = resolveComponent("FecMobileActionBar");
       return openBlock(), createElementBlock(Fragment, null, [
         __props.parentPage.isNavBar ? (openBlock(), createBlock(_component_FecMobileNavBar, normalizeProps(mergeProps({ key: 0 }, __props.parentPage.navBarConfig)), null, 16)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_1, [
-          __props.parentPage.footerType == "tabbar" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            unref(childPage) ? (openBlock(), createBlock(_component_page, {
-              key: 0,
-              parentPage: unref(childPage)
-            }, null, 8, ["parentPage"])) : createCommentVNode("", true)
-          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            __props.parentPage.type == "home" ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "home-page",
-              style: normalizeStyle({
-                backgroundImage: `url(${unref(homeBg)})`,
-                backgroundRepeat: "no-repeat",
-                backgroundSize: "100%",
-                backgroundPosition: "center -20px",
-                backgroundColor: "#f7f8fa",
-                height: "100%"
-              })
-            }, [
-              createVNode(_component_FecMobileHomeHeader, normalizeProps(guardReactiveProps(__props.parentPage.layoutData.homeHeader)), null, 16),
-              createVNode(_component_FecMobileMenuGrid, normalizeProps(guardReactiveProps(__props.parentPage.layoutData.menuGridProps)), null, 16),
-              createVNode(_component_FecMobileHomeTools, normalizeProps(guardReactiveProps(__props.parentPage.layoutData.homeTools)), null, 16),
-              createVNode(_component_FecMobileDataStat)
-            ], 4)) : __props.parentPage.type == "approval" ? (openBlock(), createBlock(_component_FecMobileAppDetail, mergeProps({ key: 1 }, __props.parentPage.layoutData.appDetailProps, {
-              actionBar: __props.parentPage.layoutData.actionBar,
-              params: __props.params
-            }), null, 16, ["actionBar", "params"])) : __props.parentPage.type == "flowList" ? (openBlock(), createBlock(_component_FecMobileApprovalList, normalizeProps(mergeProps({ key: 2 }, __props.parentPage.layoutData.approvalListProps)), null, 16)) : __props.parentPage.type == "rentCalcResult" ? (openBlock(), createBlock(_component_FecMobileRentCalcResult, {
-              key: 3,
-              params: __props.params
-            }, null, 8, ["params"])) : __props.parentPage.type == "mine" ? (openBlock(), createBlock(_component_FecMobileMine, { key: 4 })) : (openBlock(), createBlock(unref(De), {
-              key: 5,
-              ref_key: "gridLayout",
-              ref: gridLayout,
-              layout: unref(gridLayoutFieldsData),
-              "onUpdate:layout": _cache[0] || (_cache[0] = ($event) => 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: withCtx(({ item: { component } }) => [
-                createElementVNode("div", _hoisted_2, [
-                  (openBlock(), createBlock(resolveDynamicComponent(getComp(component.fieldType)), mergeProps(component.props, {
-                    modelValue: unref(formData)[component.props.fieldName],
-                    "onUpdate:modelValue": ($event) => unref(formData)[component.props.fieldName] = $event,
-                    dataSources: unref(currentPage).dataSources,
-                    formData: unref(formData),
-                    compId: component.id,
-                    fields: [...unref(fieldsData), ...unref(hiddenFields)],
-                    params: __props.params
-                  }), null, 16, ["modelValue", "onUpdate:modelValue", "dataSources", "formData", "compId", "fields", "params"]))
-                ])
-              ]),
-              _: 1
-            }, 8, ["layout"]))
-          ], 64))
-        ]),
+        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: withCtx(() => [
+            __props.parentPage.footerType == "tabbar" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              unref(childPage) ? (openBlock(), createBlock(_component_page, {
+                key: 0,
+                parentPage: unref(childPage)
+              }, null, 8, ["parentPage"])) : createCommentVNode("", true)
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              __props.parentPage.type == "home" ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "home-page",
+                style: normalizeStyle({
+                  backgroundImage: `url(${unref(homeBg)})`,
+                  backgroundRepeat: "no-repeat",
+                  backgroundSize: "100%",
+                  backgroundPosition: "center -20px",
+                  backgroundColor: "#f7f8fa",
+                  height: "100%"
+                })
+              }, [
+                createVNode(_component_FecMobileHomeHeader, normalizeProps(guardReactiveProps(__props.parentPage.layoutData.homeHeader)), null, 16),
+                createVNode(_component_FecMobileMenuGrid, normalizeProps(guardReactiveProps(__props.parentPage.layoutData.menuGridProps)), null, 16),
+                createVNode(_component_FecMobileHomeTools, normalizeProps(guardReactiveProps(__props.parentPage.layoutData.homeTools)), null, 16),
+                createVNode(_component_FecMobileDataStat)
+              ], 4)) : __props.parentPage.type == "approval" ? (openBlock(), createBlock(_component_FecMobileAppDetail, mergeProps({ key: 1 }, __props.parentPage.layoutData.appDetailProps, {
+                actionBar: __props.parentPage.layoutData.actionBar,
+                params: __props.params
+              }), null, 16, ["actionBar", "params"])) : __props.parentPage.type == "flowList" ? (openBlock(), createBlock(_component_FecMobileApprovalList, normalizeProps(mergeProps({ key: 2 }, __props.parentPage.layoutData.approvalListProps)), null, 16)) : __props.parentPage.type == "rentCalcResult" ? (openBlock(), createBlock(_component_FecMobileRentCalcResult, {
+                key: 3,
+                params: __props.params
+              }, null, 8, ["params"])) : __props.parentPage.type == "mine" ? (openBlock(), createBlock(_component_FecMobileMine, { key: 4 })) : (openBlock(), createBlock(unref(De), {
+                key: 5,
+                ref_key: "gridLayout",
+                ref: gridLayout,
+                layout: unref(gridLayoutFieldsData),
+                "onUpdate:layout": _cache[0] || (_cache[0] = ($event) => 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: withCtx(({ item: { component } }) => [
+                  createElementVNode("div", _hoisted_1, [
+                    (openBlock(), createBlock(resolveDynamicComponent(getComp(component.fieldType)), mergeProps({
+                      ref: (el) => setCompRef(component.id, el)
+                    }, component.props, {
+                      name: component.props.fieldName,
+                      modelValue: unref(formData)[component.props.fieldName],
+                      "onUpdate:modelValue": ($event) => unref(formData)[component.props.fieldName] = $event,
+                      dataSources: unref(currentPage).dataSources,
+                      formData: unref(formData),
+                      compId: component.id,
+                      fields: [...unref(fieldsData), ...unref(hiddenFields)],
+                      params: __props.params,
+                      rules: 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" ? (openBlock(), createBlock(_component_FecMobileTabbar, mergeProps({
           key: 1,
           modelValue: unref(tabbarActive),
@@ -595,7 +799,7 @@ const _sfc_main = {
     };
   }
 };
-const MobilePage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ce6e3f7e"]]);
+const MobilePage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa11f142"]]);
 export {
   MobilePage as default
 };

package/es/packages/mobile/src/utils/common.mjs

@@ -34,6 +34,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 };
       }
     }
@@ -43,6 +63,7 @@ const findPageById = (pageList, pageId) => {
 export {
   cloneDeep,
   findPageById,
+  findPageByKey,
   isEqual,
   removeEmptyValues
 };