@fecp/designer 5.5.65 → 5.5.66

package/lib/packages/mobile/src/components/dataDisplay/noticeBar/NoticeBar.vue.js

@@ -4,22 +4,104 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                */
 ;/* empty css                                               */
 ;/* empty css                                                     */
+;/* empty css                                                */
+;/* empty css                                                     */
 const Vue = require("vue");
+;/* empty css                */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../node_modules/vant/es/notice-bar/index.js");
-const _sfc_main = {};
-function _sfc_render(_ctx, _cache) {
-  const _component_van_notice_bar = index.NoticeBar;
-  return Vue.openBlock(), Vue.createBlock(_component_van_notice_bar, Vue.normalizeProps(Vue.guardReactiveProps(_ctx.$attrs)), Vue.createSlots({ _: 2 }, [
-    Vue.renderList(_ctx.$slots, (item, key) => {
-      return {
-        name: key,
-        fn: Vue.withCtx(() => [
-          Vue.renderSlot(_ctx.$slots, key)
-        ])
-      };
-    })
-  ]), 1040);
-}
-const _NoticeBar = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+const index$1 = require("../../../../node_modules/vant/es/swipe/index.js");
+const index$2 = require("../../../../node_modules/vant/es/swipe-item/index.js");
+const _hoisted_1 = { class: "notice-wrap" };
+const _hoisted_2 = { class: "notice-label" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = {
+  key: 1,
+  class: "label-text"
+};
+const _hoisted_5 = { class: "notice-title" };
+const _hoisted_6 = { class: "title-text" };
+const _hoisted_7 = { class: "notice-time" };
+const _sfc_main = {
+  __name: "NoticeBar",
+  props: {
+    labelImage: {
+      type: String,
+      default: ""
+    },
+    noticeList: {
+      type: Array,
+      default: () => [
+        {
+          title: "集团公告 客研体系和品牌升级项目定义会...",
+          time: "2020-09-02 11:31"
+        },
+        {
+          title: "关于中秋节放假安排的通知...",
+          time: "2020-09-01 09:00"
+        }
+      ]
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_van_swipe_item = index$2.SwipeItem;
+      const _component_van_swipe = index$1.Swipe;
+      const _component_van_notice_bar = index.NoticeBar;
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(_component_van_notice_bar, {
+          scrollable: false,
+          class: "notice-bar",
+          background: "#FFF"
+        }, {
+          "left-icon": Vue.withCtx(() => [
+            Vue.createElementVNode("div", _hoisted_2, [
+              Vue.renderSlot(_ctx.$slots, "label-image", {}, () => [
+                __props.labelImage ? (Vue.openBlock(), Vue.createElementBlock("img", {
+                  key: 0,
+                  src: __props.labelImage,
+                  class: "label-img"
+                }, null, 8, _hoisted_3)) : (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, _cache[0] || (_cache[0] = [
+                  Vue.createElementVNode("span", { class: "text-top" }, "公告", -1),
+                  Vue.createElementVNode("span", { class: "text-bottom" }, "事项", -1)
+                ])))
+              ], true)
+            ]),
+            _cache[1] || (_cache[1] = Vue.createElementVNode("div", { class: "divider" }, null, -1))
+          ]),
+          default: Vue.withCtx(() => [
+            Vue.createVNode(_component_van_swipe, {
+              vertical: "",
+              class: "notice-swipe",
+              autoplay: 3e3,
+              touchable: false,
+              "show-indicators": false
+            }, {
+              default: Vue.withCtx(() => [
+                (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.noticeList, (item, index2) => {
+                  return Vue.openBlock(), Vue.createBlock(_component_van_swipe_item, {
+                    key: index2,
+                    class: "notice-item"
+                  }, {
+                    default: Vue.withCtx(() => [
+                      Vue.createElementVNode("div", _hoisted_5, [
+                        _cache[2] || (_cache[2] = Vue.createElementVNode("span", { class: "dot" }, null, -1)),
+                        Vue.createElementVNode("span", _hoisted_6, Vue.toDisplayString(item.title), 1)
+                      ]),
+                      Vue.createElementVNode("div", _hoisted_7, Vue.toDisplayString(item.time), 1)
+                    ]),
+                    _: 2
+                  }, 1024);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+};
+const _NoticeBar = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-2b72b4f6"]]);
 exports.default = _NoticeBar;

package/lib/packages/mobile/src/components/dataDisplay/table/Table.vue.js

@@ -438,9 +438,7 @@ const _sfc_main = {
       }
     }
     const quickFilterConfig = Vue.computed(() => {
-      const list = props.columns.filter((item) => {
-        return props.quickFilter.includes(item.fieldName);
-      });
+      const list = props.quickFilter.map((fieldName) => props.columns.find((col) => col.fieldName == fieldName)).filter(Boolean);
       return list;
     });
     return (_ctx, _cache) => {
@@ -578,5 +576,5 @@ const _sfc_main = {
     };
   }
 };
-const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-6b4a4429"]]);
+const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-ee91bb34"]]);
 exports.default = _Table;

package/lib/packages/mobile/src/components/feedback/quickFilter/QuickFilter.vue.js

@@ -42,7 +42,6 @@ const _sfc_main = {
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const filterDataComputed = Vue.computed(() => props.filterData);
     const activeSelections = Vue.ref({});
     const confirmedSelections = Vue.ref({});
     const itemRefs = Vue.ref({});
@@ -58,7 +57,7 @@ const _sfc_main = {
       if (!activeSelections.value[fieldName]) {
         activeSelections.value[fieldName] = [];
       }
-      const filter = filterDataComputed.value.find((f) => f.fieldName === fieldName);
+      const filter = props.filterData.find((f) => f.fieldName === fieldName);
       const isMultiple = (filter == null ? void 0 : filter.dataType) === "multiple";
       if (isMultiple) {
         const idx = activeSelections.value[fieldName].indexOf(value);
@@ -93,13 +92,13 @@ const _sfc_main = {
     };
     const allFilterRef = Vue.ref(null);
     const resetAllFilters = () => {
-      filterDataComputed.value.forEach((filter) => {
+      props.filterData.forEach((filter) => {
         activeSelections.value[filter.fieldName] = [];
       });
     };
     const confirmAllFilters = () => {
       var _a;
-      filterDataComputed.value.forEach((filter) => {
+      props.filterData.forEach((filter) => {
         confirmedSelections.value[filter.fieldName] = [
           ...activeSelections.value[filter.fieldName] || []
         ];
@@ -114,7 +113,7 @@ const _sfc_main = {
     };
     const emitChange = () => {
       const result = [];
-      filterDataComputed.value.forEach((filter) => {
+      props.filterData.forEach((filter) => {
         const values = confirmedSelections.value[filter.fieldName] || [];
         if (values.length > 0) {
           result.push({
@@ -131,15 +130,15 @@ const _sfc_main = {
       const _component_van_button = index$2.Button;
       const _component_van_dropdown_item = index$1.DropdownItem;
       const _component_van_dropdown_menu = index.DropdownMenu;
-      return Vue.unref(filterDataComputed).length > 0 ? (Vue.openBlock(), Vue.createBlock(_component_van_dropdown_menu, {
+      return __props.filterData.length > 0 ? (Vue.openBlock(), Vue.createBlock(_component_van_dropdown_menu, {
         key: 0,
         "auto-locate": "",
         class: "fec-quick-filter"
       }, {
         default: Vue.withCtx(() => [
-          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(filterDataComputed), (filter) => {
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.filterData, (filter, index2) => {
             return Vue.openBlock(), Vue.createBlock(_component_van_dropdown_item, {
-              key: filter.fieldName,
+              key: `${filter.label}-${index2}`,
               ref_for: true,
               ref: (el) => Vue.unref(itemRefs)[filter.fieldName] = el,
               onOpen: ($event) => dropdownItemOpen(filter.fieldName)
@@ -187,7 +186,7 @@ const _sfc_main = {
               _: 2
             }, 1032, ["onOpen"]);
           }), 128)),
-          Vue.unref(filterDataComputed).length > 0 ? (Vue.openBlock(), Vue.createBlock(_component_van_dropdown_item, {
+          __props.filterData.length > 0 ? (Vue.openBlock(), Vue.createBlock(_component_van_dropdown_item, {
             key: 0,
             ref_key: "allFilterRef",
             ref: allFilterRef,
@@ -195,16 +194,16 @@ const _sfc_main = {
           }, {
             default: Vue.withCtx(() => [
               Vue.createElementVNode("div", _hoisted_7, [
-                (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(filterDataComputed), (filter) => {
+                (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.filterData, (filter, index2) => {
                   return Vue.openBlock(), Vue.createElementBlock("div", {
-                    key: filter.fieldName,
+                    key: `all-${filter.label}-${index2}`,
                     class: "filter-group"
                   }, [
                     Vue.createElementVNode("h3", _hoisted_8, Vue.toDisplayString(filter.label), 1),
                     Vue.createElementVNode("div", _hoisted_9, [
-                      (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(filter.options, (item) => {
+                      (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(filter.options, (item, optIndex) => {
                         return Vue.openBlock(), Vue.createElementBlock("div", {
-                          key: item.id || item.value,
+                          key: `${filter.label}-${item.value}-${optIndex}`,
                           class: Vue.normalizeClass(["tag-item", {
                             active: isOptionSelected(filter.fieldName, item.value)
                           }]),
@@ -245,5 +244,5 @@ const _sfc_main = {
     };
   }
 };
-const QuickFilter = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-65884e09"]]);
+const QuickFilter = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-3e7ddf36"]]);
 exports.default = QuickFilter;

package/lib/packages/mobile/src/components/form/search/Search.vue.js

@@ -49,14 +49,14 @@ const _sfc_main = {
       emit("filterChange", result);
     }
     const filterData = Vue.ref([]);
+    const fieldDataSources = /* @__PURE__ */ new Set();
+    const dictionaryKeys = /* @__PURE__ */ new Set();
+    const dataSourceOptions = Vue.ref({});
+    const dictionaryOptions = Vue.ref({});
     const loadFieldDataSources = async () => {
       var _a, _b;
       const optionsDatas = [];
       const fields = props.filterConfig;
-      const fieldDataSources = /* @__PURE__ */ new Set();
-      const dictionaryKeys = /* @__PURE__ */ new Set();
-      const dataSourceOptions = Vue.ref({});
-      const dictionaryOptions = Vue.ref({});
       for (const component of fields) {
         const { optionSource, dataSourceValue, dictionaryValue } = component.optionConfig;
         if (optionSource === "dataSource" && dataSourceValue) {

package/lib/packages/mobile/src/components/navigation/actionBar/ActionBar.vue.js

@@ -38,5 +38,5 @@ const _sfc_main = {
     };
   }
 };
-const _ActionBar = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-44eb199a"]]);
+const _ActionBar = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-ac26522e"]]);
 exports.default = _ActionBar;

package/lib/packages/mobile/src/components/navigation/navBar/NavBar.vue.js

@@ -5,6 +5,10 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                               */
 ;/* empty css                                                  */
 const Vue = require("vue");
+const pageHistory = require("../../../utils/pageHistory.js");
+const eventBus = require("../../../utils/eventBus.js");
+;/* empty css             */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../node_modules/vant/es/nav-bar/index.js");
 const _sfc_main = {
   __name: "NavBar",
@@ -27,7 +31,12 @@ const _sfc_main = {
     }
   },
   setup(__props) {
-    const onClickLeft = () => history.back();
+    const onClickLeft = () => {
+      const prevPage = pageHistory.pageHistory.back();
+      if (prevPage) {
+        eventBus.default.emit("loadPage", prevPage.id);
+      }
+    };
     return (_ctx, _cache) => {
       const _component_van_nav_bar = index.NavBar;
       return Vue.openBlock(), Vue.createBlock(_component_van_nav_bar, Vue.mergeProps(_ctx.$attrs, {
@@ -43,7 +52,7 @@ const _sfc_main = {
           return {
             name: key,
             fn: Vue.withCtx(() => [
-              Vue.renderSlot(_ctx.$slots, key)
+              Vue.renderSlot(_ctx.$slots, key, {}, void 0, true)
             ])
           };
         })
@@ -51,4 +60,5 @@ const _sfc_main = {
     };
   }
 };
-exports.default = _sfc_main;
+const _NavBar = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-f6340561"]]);
+exports.default = _NavBar;

package/lib/packages/mobile/src/components/navigation/tabbar/Tabbar.vue.js

@@ -6,6 +6,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                               */
 ;/* empty css                                                      */
 const Vue = require("vue");
+;/* empty css             */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../node_modules/vant/es/tabbar/index.js");
 const index$1 = require("../../../../node_modules/vant/es/tabbar-item/index.js");
 const _sfc_main = {
@@ -44,19 +46,21 @@ const _sfc_main = {
         default: Vue.withCtx(() => [
           (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.tabbarOptions, (item) => {
             return Vue.openBlock(), Vue.createBlock(_component_van_tabbar_item, {
-              icon: item.icon
+              icon: item.icon,
+              name: item.pageId
             }, {
               default: Vue.withCtx(() => [
                 Vue.createTextVNode(Vue.toDisplayString(item.title), 1)
               ]),
               _: 2
-            }, 1032, ["icon"]);
+            }, 1032, ["icon", "name"]);
           }), 256)),
-          Vue.renderSlot(_ctx.$slots, "default")
+          Vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         _: 3
       }, 16, ["modelValue"]);
     };
   }
 };
-exports.default = _sfc_main;
+const _Tabbar = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-04abcf62"]]);
+exports.default = _Tabbar;

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

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("../../../node_modules/element-plus/es/index.js");
+;/* empty css                                                       */
+;/* empty css                                                           */
+;/* empty css                                                               */
+;/* empty css                                                            */
+;/* empty css                                                            */
+;/* empty css                                                          */
+;/* empty css                                      */
+;/* empty css                                       */
+const Vue = require("vue");
+const page = require("./page.vue.js");
+const index$2 = require("./api/index.js");
+const eventBus = require("./utils/eventBus.js");
+const pageHistory = require("./utils/pageHistory.js");
+;/* empty css                                                           */
+;/* empty css                                                             */
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const index = require("../../../node_modules/element-plus/es/components/container/index.js");
+const index$3 = require("../../../node_modules/element-plus/es/components/message/index.js");
+const index$1 = require("../node_modules/vant/es/empty/index.js");
+const _sfc_main = {
+  __name: "index",
+  props: {
+    appId: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const currentInstance = Vue.getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    const pageList = Vue.ref({});
+    const layoutData = Vue.ref([]);
+    const configLoading = Vue.ref(true);
+    const loadConfig = async () => {
+      var _a, _b;
+      if (!props.appId) {
+        return;
+      }
+      configLoading.value = true;
+      try {
+        let option = await index$2.default.getAppById(ctx.$http, props.appId);
+        pageList.value = ((_a = JSON.parse(option.pageConfig)) == null ? void 0 : _a.pageConfig) || [];
+        let homePage = pageList.value.find((page2) => page2.isHome);
+        if (!homePage) {
+          homePage = (_b = pageList.value) == null ? void 0 : _b[0];
+        }
+        console.log("🚀 ~ pageList ~ pageList.value:", pageList.value);
+        loadPage(homePage);
+        pageHistory.pageHistory.init(homePage);
+      } catch (error) {
+        console.error("加载配置失败:", error);
+        index$3.ElMessage.error("加载配置失败");
+      } finally {
+        configLoading.value = false;
+      }
+    };
+    const currentPage = Vue.ref({});
+    function loadPage(page2) {
+      currentPage.value = { ...page2 };
+      layoutData.value = [...page2.layoutData].sort((a, b) => {
+        if (a.y !== b.y) {
+          return a.y - b.y;
+        }
+        return a.x - b.x;
+      });
+      layoutData.value.forEach((item) => item.isResizable = false);
+    }
+    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) {
+            found.parentPage = item;
+            return found;
+          }
+        }
+      }
+      return null;
+    }
+    const routePage = Vue.ref(null);
+    eventBus.default.on("loadPage", (pageId) => {
+      var _a;
+      if (((_a = currentPage.value) == null ? void 0 : _a.id) == pageId) {
+        return;
+      }
+      const targetPage = findPageById(pageList.value, pageId);
+      if (targetPage) {
+        if (targetPage.parentPage) {
+          currentPage.value = targetPage.parentPage;
+          routePage.value = targetPage;
+        } else {
+          currentPage.value = targetPage;
+          routePage.value = null;
+        }
+        pageHistory.pageHistory.push(targetPage);
+      } else {
+        currentPage.value = null;
+        routePage.value = null;
+      }
+    });
+    Vue.onMounted(() => {
+      loadConfig();
+    });
+    return (_ctx, _cache) => {
+      const _component_van_empty = index$1.Empty;
+      const _component_el_container = index.ElContainer;
+      return !Vue.unref(configLoading) ? (Vue.openBlock(), Vue.createBlock(_component_el_container, {
+        key: 0,
+        direction: "vertical",
+        class: "fec-mobile-app",
+        ref: "fecMobileAppRef"
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.unref(currentPage) ? (Vue.openBlock(), Vue.createBlock(Vue.unref(page.default), {
+            key: 0,
+            currentPage: Vue.unref(currentPage),
+            routePage: Vue.unref(routePage)
+          }, null, 8, ["currentPage", "routePage"])) : (Vue.openBlock(), Vue.createBlock(_component_van_empty, {
+            key: 1,
+            image: "search",
+            description: "页面找不到了"
+          }))
+        ]),
+        _: 1
+      }, 512)) : Vue.createCommentVNode("", true);
+    };
+  }
+};
+const MobileApp = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-78e0cbef"]]);
+exports.default = MobileApp;

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

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+require("../../../node_modules/grid-layout-plus/es/index.js");
+const all = require("./components/all.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 colNum = 24;
+const rowHeight = 10;
+const _sfc_main = {
+  __name: "page",
+  props: {
+    currentPage: {
+      type: Object,
+      required: true
+    },
+    routePage: {
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const formData = Vue.ref({});
+    function getComp(type) {
+      return all[type];
+    }
+    const layoutData = Vue.computed(() => {
+      var _a;
+      if (Array.isArray(props.currentPage.layoutData)) {
+        return ((_a = props.currentPage.layoutData) == null ? void 0 : _a.map((item) => {
+          item.isResizable = false;
+          return item;
+        })) || [];
+      }
+      return props.currentPage.layoutData;
+    });
+    const tabbarActive = Vue.ref(0);
+    const childPage = Vue.ref(null);
+    function onTabbarChange(pageId) {
+      if (!pageId) {
+        return;
+      }
+      const page = props.currentPage.children.find((item) => item.id == pageId);
+      if (!page) ;
+      else {
+        childPage.value = page;
+      }
+      console.log("🚀 ~ onTabbarChange ~ page:", page);
+    }
+    Vue.onMounted(() => {
+      if (props.currentPage.footerType == "tabbar") {
+        tabbarActive.value = props.currentPage.tabbarConfig.tabbarOptions[0].pageId;
+        onTabbarChange(tabbarActive.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_FecMobileNavBar = Vue.resolveComponent("FecMobileNavBar");
+      const _component_page = Vue.resolveComponent("page", true);
+      const _component_FecMobileMenuGrid = Vue.resolveComponent("FecMobileMenuGrid");
+      const _component_FecMobileNoticeBar = Vue.resolveComponent("FecMobileNoticeBar");
+      const _component_FecMobileDataStat = Vue.resolveComponent("FecMobileDataStat");
+      const _component_FecMobileTabbar = Vue.resolveComponent("FecMobileTabbar");
+      const _component_FecMobileActionBar = Vue.resolveComponent("FecMobileActionBar");
+      return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [
+        __props.currentPage.isNavBar ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileNavBar, Vue.normalizeProps(Vue.mergeProps({ key: 0 }, __props.currentPage.navBarConfig)), null, 16)) : Vue.createCommentVNode("", true),
+        Vue.createElementVNode("div", _hoisted_1, [
+          __props.currentPage.footerType == "tabbar" ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 0 }, [
+            __props.routePage || Vue.unref(childPage) ? (Vue.openBlock(), Vue.createBlock(_component_page, {
+              key: 0,
+              currentPage: __props.routePage || Vue.unref(childPage)
+            }, null, 8, ["currentPage"])) : Vue.createCommentVNode("", true)
+          ], 64)) : (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 1 }, [
+            __props.currentPage.type == "home" ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 0 }, [
+              Vue.createVNode(_component_FecMobileMenuGrid, Vue.normalizeProps(Vue.guardReactiveProps(__props.currentPage.layoutData.menuGridProps)), null, 16),
+              Vue.createVNode(_component_FecMobileNoticeBar),
+              Vue.createVNode(_component_FecMobileDataStat)
+            ], 64)) : __props.currentPage.type == "approval" ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 1 }, [], 64)) : (Vue.openBlock(), Vue.createBlock(Vue.unref(gridLayout_vue.default), {
+              key: 2,
+              ref: "gridLayout",
+              layout: Vue.unref(layoutData),
+              "onUpdate:layout": _cache[0] || (_cache[0] = ($event) => Vue.isRef(layoutData) ? layoutData.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%" }
+            }, {
+              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: _ctx.dataSources
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "dataSources"]))
+                ])
+              ]),
+              _: 1
+            }, 8, ["layout"]))
+          ], 64))
+        ]),
+        __props.currentPage.footerType == "tabbar" ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileTabbar, Vue.mergeProps({
+          key: 1,
+          modelValue: Vue.unref(tabbarActive),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => Vue.isRef(tabbarActive) ? tabbarActive.value = $event : null)
+        }, __props.currentPage.tabbarConfig, { onChange: onTabbarChange }), null, 16, ["modelValue"])) : Vue.createCommentVNode("", true),
+        __props.currentPage.footerType == "actionBar" ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileActionBar, Vue.normalizeProps(Vue.mergeProps({ key: 2 }, __props.currentPage.actionBarConfig)), null, 16)) : Vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+};
+const MobilePage = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-08632dac"]]);
+exports.default = MobilePage;

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const mitt = require("../../../../node_modules/mitt/dist/mitt.js");
+const emitter = mitt.default();
+exports.default = emitter;