@fecp/mobile-designer 1.0.7 → 1.0.9

package/es/packages/mobile/src/components/navigation/tabs/Tabs.vue.mjs

@@ -5,7 +5,9 @@
 /* empty css                                                */
 /* empty css                                                     */
 /* empty css                                              */
-import { computed, createElementBlock, openBlock, normalizeStyle, unref, createVNode, createElementVNode, mergeProps, isRef, withCtx, Fragment, renderList, createBlock, renderSlot } from "vue";
+import { inject, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createVNode, isRef, withCtx, Fragment, renderList, createBlock, mergeProps, createElementVNode, createCommentVNode, resolveDynamicComponent } from "vue";
+import { findPageById } from "../../../utils/common.mjs";
+import MobilePage from "../../../page.vue.mjs";
 /* empty css           */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { Tabs } from "../../../../node_modules/vant/es/tabs/index.mjs";
@@ -14,6 +16,10 @@ const _hoisted_1 = { class: "fec-tab-content" };
 const _sfc_main = {
   __name: "Tabs",
   props: {
+    params: {
+      type: Object,
+      default: {}
+    },
     modelValue: {
       type: String,
       default: ""
@@ -31,12 +37,17 @@ const _sfc_main = {
       //高度
       type: String,
       default: "300"
+    },
+    swipeable: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const pageList = inject("pageList");
     const activeName = computed({
       get: () => {
         return props.modelValue;
@@ -52,38 +63,64 @@ const _sfc_main = {
         return props.height + "px";
       }
     });
+    const pageCache = computed(() => {
+      const cache = {};
+      props.options.forEach((item) => {
+        if (item.pageId) {
+          cache[item.pageId] = findPageById(pageList.value, item.pageId);
+        }
+      });
+      console.log("🚀 ~ cache:", cache);
+      return cache;
+    });
+    const getPage = (pageId) => {
+      return pageCache.value[pageId] || null;
+    };
     return (_ctx, _cache) => {
       const _component_van_tab = Tab;
       const _component_van_tabs = Tabs;
       return openBlock(), createElementBlock("div", {
-        class: "fec-tabs-container",
+        class: normalizeClass(["fec-tabs-container", { isAutoHeight: props.autoHeight }]),
         style: normalizeStyle("height:" + unref(compHeight))
       }, [
-        createVNode(_component_van_tabs, mergeProps(_ctx.$attrs, {
+        createVNode(_component_van_tabs, {
+          sticky: "",
           class: "fec-tabs",
           active: unref(activeName),
           "onUpdate:active": _cache[0] || (_cache[0] = ($event) => isRef(activeName) ? activeName.value = $event : null),
-          animated: "",
-          ellipsis: ""
-        }), {
+          "lazy-render": "",
+          swipeable: __props.swipeable
+        }, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
               return openBlock(), createBlock(_component_van_tab, mergeProps({ ref_for: true }, item, {
-                "show-zero-badge": false,
-                replace: ""
-              }), null, 16);
+                name: item.id,
+                replace: "",
+                "show-zero-badge": false
+              }), {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    item.pageId && getPage(item.pageId) ? (openBlock(), createBlock(MobilePage, {
+                      key: 0,
+                      parentPage: getPage(item.pageId),
+                      params: __props.params
+                    }, null, 8, ["parentPage", "params"])) : item.component ? (openBlock(), createBlock(resolveDynamicComponent(item.component), mergeProps({
+                      key: 1,
+                      ref_for: true
+                    }, __props.params), null, 16)) : createCommentVNode("", true)
+                  ])
+                ]),
+                _: 2
+              }, 1040, ["name"]);
             }), 256))
           ]),
           _: 1
-        }, 16, ["active"]),
-        createElementVNode("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ])
-      ], 4);
+        }, 8, ["active", "swipeable"])
+      ], 6);
     };
   }
 };
-const _Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa810b00"]]);
+const _Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd68ad6e"]]);
 export {
   _Tabs as default
 };

package/es/packages/mobile/src/composables/usePageEvents.mjs

@@ -0,0 +1,82 @@
+import { onUnmounted, onBeforeUnmount, onMounted } from "vue";
+/* empty css                                                          */
+/* empty css                                                                */
+/* empty css                                                              */
+/* empty css                                                                */
+import "../utils/eventBus.mjs";
+import "../utils/pageHistory.mjs";
+/* empty css                                                              */
+/* empty css                                                               */
+/* empty css                                                                */
+/* empty css                                                                    */
+import { useEventFlow } from "../utils/eventFlow/eventFlowHandler.mjs";
+function usePageEvents(getOptions) {
+  if (typeof getOptions !== "function") {
+    const staticOptions = getOptions;
+    getOptions = () => staticOptions;
+  }
+  const executeEvent = async (eventName) => {
+    const options = getOptions();
+    const { pageEventConfig, instance, formData, localConfig, components, fields, initSearchData } = options;
+    if (!pageEventConfig || !Array.isArray(pageEventConfig) || pageEventConfig.length === 0) {
+      console.log(`页面事件 ${eventName} 未配置或配置未加载完成，跳过执行`);
+      return;
+    }
+    const eventConfig = pageEventConfig.find((e) => e.name === eventName);
+    if (!eventConfig || !eventConfig.eventFlow) {
+      console.log(`页面事件 ${eventName} 未找到事件流配置，跳过执行`);
+      return;
+    }
+    const { getEventHandlers: createEventHandlers } = useEventFlow({
+      fields: fields || [],
+      instance,
+      localConfig: localConfig || {},
+      components: components || {},
+      metadata: {
+        initSearchData
+      }
+    });
+    const handler = createEventHandlers(
+      {},
+      formData || {},
+      [eventConfig]
+    );
+    const eventKeys = Object.keys(handler);
+    if (eventKeys.length > 0) {
+      console.log(`执行页面事件 ${eventName}`);
+      await handler[eventKeys[0]]();
+    }
+  };
+  const handleCreated = (checkConfigLoaded) => {
+    console.log("🚀 页面 onCreated 事件处理器已注册（将在配置加载完成后触发）");
+  };
+  const handleMounted = (checkConfigLoaded) => {
+    onMounted(() => {
+      console.log("🚀 页面 onMounted 事件触发");
+      executeEvent("onMounted");
+    });
+  };
+  const handleBeforeUnmount = () => {
+    onBeforeUnmount(() => {
+      console.log("🧹 页面 onBeforeUnmount 事件触发");
+      executeEvent("onBeforeUnmount");
+    });
+  };
+  const handleUnmounted = () => {
+    onUnmounted(() => {
+      console.log("✅ 页面 onUnmounted 事件触发");
+      executeEvent("onUnmounted");
+    });
+  };
+  return {
+    handleCreated,
+    handleMounted,
+    handleBeforeUnmount,
+    handleUnmounted,
+    executeEvent
+    // 导出 executeEvent 方法，方便在配置加载完成后立即触发 onCreated
+  };
+}
+export {
+  usePageEvents
+};

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

@@ -9,11 +9,12 @@ import "../../../_virtual/dayjs.min.mjs";
 /* empty css                                                          */
 /* empty css                                      */
 /* empty css                                       */
-import { getCurrentInstance, ref, onMounted, createBlock, createCommentVNode, unref, openBlock, withCtx } from "vue";
+import { getCurrentInstance, ref, provide, onMounted, createBlock, createCommentVNode, unref, openBlock, withCtx, nextTick } from "vue";
 import MobilePage from "./page.vue.mjs";
 import api from "./api/index.mjs";
 import emitter from "./utils/eventBus.mjs";
 import { pageHistory } from "./utils/pageHistory.mjs";
+import { findPageById } from "./utils/common.mjs";
 /* empty css                                                           */
 /* empty css                                                             */
 /* empty css            */
@@ -25,6 +26,10 @@ const _sfc_main = {
     appId: {
       type: String,
       default: ""
+    },
+    pageKey: {
+      type: String,
+      default: ""
     }
   },
   setup(__props) {
@@ -33,6 +38,7 @@ const _sfc_main = {
     const ctx = currentInstance.proxy;
     const pageList = ref({});
     const configLoading = ref(true);
+    const noTargetPage = ref(false);
     const loadConfig = async () => {
       var _a, _b;
       if (!props.appId) {
@@ -42,12 +48,19 @@ const _sfc_main = {
       try {
         let option = await api.getAppById(ctx.$http, props.appId);
         pageList.value = ((_a = JSON.parse(option.pageConfig)) == null ? void 0 : _a.pageConfig) || [];
-        let homePage = pageList.value.find((page) => page.isHome);
-        if (!homePage) {
-          homePage = (_b = pageList.value) == null ? void 0 : _b[0];
-        }
         pageHistory.clear();
-        console.log("🚀 ~ pageList ~ pageList.value:", pageList.value);
+        let homePage;
+        if (props.pageKey) {
+          homePage = pageList.value.find((page) => page.isHome);
+          if (!homePage) {
+            noTargetPage.value = true;
+          }
+        } else {
+          homePage = pageList.value.find((page) => page.isHome);
+          if (!homePage) {
+            homePage = (_b = pageList.value) == null ? void 0 : _b[0];
+          }
+        }
         let pageId = homePage.id;
         if (homePage.footerType == "tabbar") {
           pageId = homePage.tabbarConfig.tabbarOptions[0].pageId;
@@ -61,7 +74,15 @@ const _sfc_main = {
       }
     };
     const currentPage = ref(null);
-    function loadPage(pageId) {
+    const routePage = ref(null);
+    function refreshCurrentPage() {
+      if (!currentPage.value) return;
+      noTargetPage.value = true;
+      nextTick(() => {
+        noTargetPage.value = false;
+      });
+    }
+    function loadPage(pageId, isReplace = false) {
       var _a;
       if (((_a = currentPage.value) == null ? void 0 : _a.id) == pageId) {
         return;
@@ -75,30 +96,32 @@ const _sfc_main = {
           currentPage.value = targetPage;
           routePage.value = null;
         }
-        pageHistory.push(targetPage);
+        if (!isReplace) {
+          pageHistory.push(targetPage, pageParams.value);
+        }
+        noTargetPage.value = true;
+        nextTick(() => {
+          noTargetPage.value = false;
+        });
       } else {
+        noTargetPage.value = true;
         currentPage.value = null;
         routePage.value = null;
       }
     }
-    function findPageById(pageList2, pageId) {
-      for (const item of pageList2) {
-        if (item.id == pageId) {
-          return item;
-        }
-        if (item.children && item.children.length > 0) {
-          const found = findPageById(item.children, pageId);
-          if (found) {
-            return { ...found, parentPage: item };
-          }
-        }
-      }
-      return null;
-    }
-    const routePage = ref(null);
-    emitter.on("loadPage", (pageId) => {
+    const pageParams = ref({});
+    emitter.on("loadPage", ({ pageId, params }) => {
       loadPage(pageId);
+      pageParams.value = params;
+    });
+    emitter.on("replaceLoadPage", ({ pageId, params }) => {
+      loadPage(pageId, true);
+      pageParams.value = params;
+    });
+    emitter.on("refreshPage", () => {
+      refreshCurrentPage();
     });
+    provide("pageList", pageList);
     onMounted(() => {
       loadConfig();
     });
@@ -112,11 +135,12 @@ const _sfc_main = {
         ref: "fecMobileAppRef"
       }, {
         default: withCtx(() => [
-          unref(currentPage) ? (openBlock(), createBlock(unref(MobilePage), {
-            key: 0,
+          !unref(noTargetPage) ? (openBlock(), createBlock(unref(MobilePage), {
+            key: _ctx.refreshKey,
             parentPage: unref(currentPage),
-            routePage: unref(routePage)
-          }, null, 8, ["parentPage", "routePage"])) : (openBlock(), createBlock(_component_van_empty, {
+            routePage: unref(routePage),
+            params: unref(pageParams)
+          }, null, 8, ["parentPage", "routePage", "params"])) : (openBlock(), createBlock(_component_van_empty, {
             key: 1,
             image: "search",
             description: "页面找不到了"
@@ -127,7 +151,7 @@ const _sfc_main = {
     };
   }
 };
-const MobileApp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e580f40a"]]);
+const MobileApp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3b8024b6"]]);
 export {
   MobileApp as default
 };

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

@@ -1,7 +1,19 @@
-import { ref, computed, watch, resolveComponent, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createElementVNode, normalizeProps, mergeProps, unref, createVNode, guardReactiveProps, isRef, withCtx, resolveDynamicComponent } from "vue";
+import { ref, getCurrentInstance, computed, watch, onMounted, provide, resolveComponent, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createElementVNode, normalizeProps, mergeProps, unref, createVNode, guardReactiveProps, isRef, withCtx, resolveDynamicComponent, nextTick } from "vue";
 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";
+/* empty css                                                       */
+/* empty css                                                             */
+/* empty css                                                           */
+/* empty css                                                             */
+import "./utils/eventBus.mjs";
+/* empty css                                                           */
+/* empty css                                                            */
+/* empty css                                                             */
+/* empty css                                                                 */
+import { useEventFlow } from "./utils/eventFlow/eventFlowHandler.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";
@@ -18,19 +30,32 @@ const _sfc_main = {
     },
     routePage: {
       type: Object
+    },
+    params: {
+      type: Object,
+      default: {}
     }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
+    var _a;
     const props = __props;
-    const formData = ref({});
+    const configLoading = ref(true);
+    const instance = getCurrentInstance();
+    const ctx = instance.proxy;
+    const formData = ref(props.params);
     function getComp(type) {
       return all[type];
     }
+    const gridLayout = ref();
     const layoutData = computed(() => {
-      var _a;
+      var _a2;
       if (Array.isArray(props.parentPage.layoutData)) {
-        return ((_a = props.parentPage.layoutData) == null ? void 0 : _a.map((item) => {
+        return ((_a2 = props.parentPage.layoutData) == null ? void 0 : _a2.map((item) => {
+          var _a3, _b;
           item.isResizable = false;
+          if ((_b = (_a3 = item.component) == null ? void 0 : _a3.props) == null ? void 0 : _b.autoHeight) {
+            item.class = "isAutoHeight";
+          }
           return item;
         })) || [];
       }
@@ -46,7 +71,7 @@ const _sfc_main = {
       if (!page) ;
       else {
         childPage.value = page;
-        pageHistory.replace(page);
+        pageHistory.replace(page, props.params);
       }
       console.log("🚀 ~ onTabbarChange ~ page:", page);
     }
@@ -56,22 +81,208 @@ const _sfc_main = {
     watch(
       [() => props.parentPage, () => props.routePage],
       () => {
-        var _a;
+        var _a2;
         childPage.value = props.routePage;
         if (props.parentPage.footerType == "tabbar") {
-          tabbarActive.value = ((_a = props.routePage) == null ? void 0 : _a.id) || props.parentPage.tabbarConfig.tabbarOptions[0].pageId;
+          tabbarActive.value = ((_a2 = props.routePage) == null ? void 0 : _a2.id) || props.parentPage.tabbarConfig.tabbarOptions[0].pageId;
         }
       },
       {
         immediate: true
       }
     );
+    const fieldsData = ref([]);
+    const hiddenFields = ref(props.parentPage.hiddenFields || []);
+    if (Array.isArray(props.parentPage.layoutData)) {
+      fieldsData.value = ((_a = props.parentPage.layoutData) == null ? void 0 : _a.map((item) => {
+        var _a2;
+        return { id: item.component.id, ...(_a2 = item.component) == null ? void 0 : _a2.props };
+      })) || [];
+    }
+    const loadFormData = (state) => {
+      formData.value = props.params;
+      console.log("初始化赋值", formData.value);
+    };
+    onMounted(async () => {
+      loadFormData();
+      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();
+      configLoading.value = false;
+    });
+    const handleEvent = ref(null);
+    function loadEventFlow() {
+      const {
+        handleEvent: createHandleEvent
+      } = useEventFlow({
+        fields: [...fieldsData.value, ...hiddenFields.value],
+        instance,
+        localConfig: props.parentPage,
+        components: {
+          form: ctx
+        }
+      });
+      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) => {
+        const fieldName = field.fieldName;
+        const fieldType = field.fieldType;
+        const value = result[fieldName];
+        if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection" || fieldType === "cascader" || fieldType === "area" || fieldType === "industry")) {
+          let splitStr = "|";
+          if (fieldType === "cascader" || fieldType === "area" || fieldType === "industry") {
+            splitStr = ",";
+          }
+          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) {
+        fieldsData.value.forEach((component) => {
+          processField(component);
+        });
+      }
+      if (hiddenFields.value && hiddenFields.value.length > 0) {
+        hiddenFields.value.forEach((field) => {
+          processField(field);
+        });
+      }
+      return result;
+    };
+    const setFormData = (data) => {
+      const processedData = { ...data };
+      const processField = (field) => {
+        const fieldName = field.fieldName;
+        const fieldType = field.fieldType;
+        if (!processedData.hasOwnProperty(fieldName)) {
+          return;
+        }
+        const value = processedData[fieldName];
+        if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection" || fieldType === "cascader" || fieldType === "area" || fieldType === "industry")) {
+          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 !== "") {
+            processedData[fieldName] = [value];
+          } else if (value === "" || value === null || value === void 0) {
+            processedData[fieldName] = [];
+          }
+          processedData[fieldName] = processedData[fieldName].map((item) => {
+            if (item.indexOf(",") > -1) {
+              return item.split(",");
+            }
+            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) {
+        fieldsData.value.forEach((component) => {
+          processField(component);
+        });
+      }
+      if (hiddenFields.value && hiddenFields.value.length > 0) {
+        hiddenFields.value.forEach((field) => {
+          processField(field);
+        });
+      }
+      formData.value = { ...formData.value, ...processedData };
+      nextTick(() => {
+        var _a2;
+        layoutData.value.forEach((item) => {
+          const id = item.component.id;
+          const dom = document.getElementById(id);
+          const labelDom = dom == null ? void 0 : dom.querySelector(".van-field__label");
+          if (labelDom) {
+            let height = labelDom.offsetHeight + 20;
+            item.h = height / 10;
+          }
+        });
+        (_a2 = gridLayout.value) == null ? void 0 : _a2.resizeEvent();
+      });
+    };
+    provide("handleEvent", handleEvent);
+    __expose({
+      setFormData,
+      getFormData
+    });
     return (_ctx, _cache) => {
       const _component_FecMobileNavBar = resolveComponent("FecMobileNavBar");
       const _component_page = resolveComponent("page", true);
       const _component_FecMobileMenuGrid = resolveComponent("FecMobileMenuGrid");
-      const _component_FecMobileNoticeBar = resolveComponent("FecMobileNoticeBar");
       const _component_FecMobileDataStat = resolveComponent("FecMobileDataStat");
+      const _component_FecMobileAppDetail = resolveComponent("FecMobileAppDetail");
+      const _component_FecMobileApprovalList = resolveComponent("FecMobileApprovalList");
       const _component_FecMobileTabbar = resolveComponent("FecMobileTabbar");
       const _component_FecMobileActionBar = resolveComponent("FecMobileActionBar");
       return openBlock(), createElementBlock(Fragment, null, [
@@ -84,12 +295,16 @@ const _sfc_main = {
             }, null, 8, ["parentPage"])) : createCommentVNode("", true)
           ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             __props.parentPage.type == "home" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              _cache[2] || (_cache[2] = createElementVNode("div", { style: { "height": "12px" } }, null, -1)),
               createVNode(_component_FecMobileMenuGrid, normalizeProps(guardReactiveProps(__props.parentPage.layoutData.menuGridProps)), null, 16),
-              createVNode(_component_FecMobileNoticeBar),
               createVNode(_component_FecMobileDataStat)
-            ], 64)) : __props.parentPage.type == "approval" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createBlock(unref(De), {
-              key: 2,
-              ref: "gridLayout",
+            ], 64)) : __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)) : (openBlock(), createBlock(unref(De), {
+              key: 3,
+              ref_key: "gridLayout",
+              ref: gridLayout,
               layout: unref(layoutData),
               "onUpdate:layout": _cache[0] || (_cache[0] = ($event) => isRef(layoutData) ? layoutData.value = $event : null),
               "row-height": rowHeight,
@@ -106,9 +321,10 @@ const _sfc_main = {
                     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,
-                    currentPage: unref(currentPage)
-                  }), null, 16, ["modelValue", "onUpdate:modelValue", "dataSources", "compId", "currentPage"]))
+                    fields: [...unref(fieldsData), ...unref(hiddenFields)]
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "dataSources", "formData", "compId", "fields"]))
                 ])
               ]),
               _: 1
@@ -125,7 +341,7 @@ const _sfc_main = {
     };
   }
 };
-const MobilePage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-71059c96"]]);
+const MobilePage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f191d5d7"]]);
 export {
   MobilePage as default
 };