@fecp/mobile-designer 1.0.7 → 1.0.9

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

@@ -1,9 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
+const require$$1 = require("vue");
 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");
+;/* empty css                                                       */
+;/* empty css                                                             */
+;/* empty css                                                           */
+;/* empty css                                                             */
+require("./utils/eventBus.js");
+;/* empty css                                                           */
+;/* empty css                                                            */
+;/* empty css                                                             */
+;/* empty css                                                                 */
+const eventFlowHandler = require("./utils/eventFlow/eventFlowHandler.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");
@@ -20,26 +32,39 @@ const _sfc_main = {
     },
     routePage: {
       type: Object
+    },
+    params: {
+      type: Object,
+      default: {}
     }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
+    var _a;
     const props = __props;
-    const formData = Vue.ref({});
+    const configLoading = require$$1.ref(true);
+    const instance = require$$1.getCurrentInstance();
+    const ctx = instance.proxy;
+    const formData = require$$1.ref(props.params);
     function getComp(type) {
       return all[type];
     }
-    const layoutData = Vue.computed(() => {
-      var _a;
+    const gridLayout = require$$1.ref();
+    const layoutData = require$$1.computed(() => {
+      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;
         })) || [];
       }
       return props.parentPage.layoutData;
     });
-    const tabbarActive = Vue.ref(0);
-    const childPage = Vue.ref(null);
+    const tabbarActive = require$$1.ref(0);
+    const childPage = require$$1.ref(null);
     function onTabbarChange(pageId) {
       if (!pageId) {
         return;
@@ -48,52 +73,242 @@ const _sfc_main = {
       if (!page) ;
       else {
         childPage.value = page;
-        pageHistory.pageHistory.replace(page);
+        pageHistory.pageHistory.replace(page, props.params);
       }
       console.log("🚀 ~ onTabbarChange ~ page:", page);
     }
-    const currentPage = Vue.computed(() => {
+    const currentPage = require$$1.computed(() => {
       return childPage.value || props.parentPage || {};
     });
-    Vue.watch(
+    require$$1.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 = require$$1.ref([]);
+    const hiddenFields = require$$1.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);
+    };
+    require$$1.onMounted(async () => {
+      loadFormData();
+      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();
+      configLoading.value = false;
+    });
+    const handleEvent = require$$1.ref(null);
+    function loadEventFlow() {
+      const {
+        handleEvent: createHandleEvent
+      } = eventFlowHandler.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] = 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) {
+        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] = moment.default(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 };
+      require$$1.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();
+      });
+    };
+    require$$1.provide("handleEvent", handleEvent);
+    __expose({
+      setFormData,
+      getFormData
+    });
     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.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, {
+      const _component_FecMobileNavBar = require$$1.resolveComponent("FecMobileNavBar");
+      const _component_page = require$$1.resolveComponent("page", true);
+      const _component_FecMobileMenuGrid = require$$1.resolveComponent("FecMobileMenuGrid");
+      const _component_FecMobileDataStat = require$$1.resolveComponent("FecMobileDataStat");
+      const _component_FecMobileAppDetail = require$$1.resolveComponent("FecMobileAppDetail");
+      const _component_FecMobileApprovalList = require$$1.resolveComponent("FecMobileApprovalList");
+      const _component_FecMobileTabbar = require$$1.resolveComponent("FecMobileTabbar");
+      const _component_FecMobileActionBar = require$$1.resolveComponent("FecMobileActionBar");
+      return require$$1.openBlock(), require$$1.createElementBlock(require$$1.Fragment, null, [
+        __props.parentPage.isNavBar ? (require$$1.openBlock(), require$$1.createBlock(_component_FecMobileNavBar, require$$1.normalizeProps(require$$1.mergeProps({ key: 0 }, __props.parentPage.navBarConfig)), null, 16)) : require$$1.createCommentVNode("", true),
+        require$$1.createElementVNode("div", _hoisted_1, [
+          __props.parentPage.footerType == "tabbar" ? (require$$1.openBlock(), require$$1.createElementBlock(require$$1.Fragment, { key: 0 }, [
+            require$$1.unref(childPage) ? (require$$1.openBlock(), require$$1.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(Vue.Fragment, { key: 0 }, [
-              Vue.createVNode(_component_FecMobileMenuGrid, Vue.normalizeProps(Vue.guardReactiveProps(__props.parentPage.layoutData.menuGridProps)), null, 16),
-              Vue.createVNode(_component_FecMobileNoticeBar),
-              Vue.createVNode(_component_FecMobileDataStat)
-            ], 64)) : __props.parentPage.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),
+              parentPage: require$$1.unref(childPage)
+            }, null, 8, ["parentPage"])) : require$$1.createCommentVNode("", true)
+          ], 64)) : (require$$1.openBlock(), require$$1.createElementBlock(require$$1.Fragment, { key: 1 }, [
+            __props.parentPage.type == "home" ? (require$$1.openBlock(), require$$1.createElementBlock(require$$1.Fragment, { key: 0 }, [
+              _cache[2] || (_cache[2] = require$$1.createElementVNode("div", { style: { "height": "12px" } }, null, -1)),
+              require$$1.createVNode(_component_FecMobileMenuGrid, require$$1.normalizeProps(require$$1.guardReactiveProps(__props.parentPage.layoutData.menuGridProps)), null, 16),
+              require$$1.createVNode(_component_FecMobileDataStat)
+            ], 64)) : __props.parentPage.type == "approval" ? (require$$1.openBlock(), require$$1.createBlock(_component_FecMobileAppDetail, require$$1.mergeProps({ key: 1 }, __props.parentPage.layoutData.appDetailProps, {
+              actionBar: __props.parentPage.layoutData.actionBar,
+              params: __props.params
+            }), null, 16, ["actionBar", "params"])) : __props.parentPage.type == "flowList" ? (require$$1.openBlock(), require$$1.createBlock(_component_FecMobileApprovalList, require$$1.normalizeProps(require$$1.mergeProps({ key: 2 }, __props.parentPage.layoutData.approvalListProps)), null, 16)) : (require$$1.openBlock(), require$$1.createBlock(require$$1.unref(gridLayout_vue.default), {
+              key: 3,
+              ref_key: "gridLayout",
+              ref: gridLayout,
+              layout: require$$1.unref(layoutData),
+              "onUpdate:layout": _cache[0] || (_cache[0] = ($event) => require$$1.isRef(layoutData) ? layoutData.value = $event : null),
               "row-height": rowHeight,
               margin: [0, 0],
               "col-num": colNum,
@@ -102,30 +317,31 @@ const _sfc_main = {
               "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: Vue.unref(currentPage).dataSources,
+              item: require$$1.withCtx(({ item: { component } }) => [
+                require$$1.createElementVNode("div", _hoisted_2, [
+                  (require$$1.openBlock(), require$$1.createBlock(require$$1.resolveDynamicComponent(getComp(component.fieldType)), require$$1.mergeProps(component.props, {
+                    modelValue: require$$1.unref(formData)[component.props.fieldName],
+                    "onUpdate:modelValue": ($event) => require$$1.unref(formData)[component.props.fieldName] = $event,
+                    dataSources: require$$1.unref(currentPage).dataSources,
+                    formData: require$$1.unref(formData),
                     compId: component.id,
-                    currentPage: Vue.unref(currentPage)
-                  }), null, 16, ["modelValue", "onUpdate:modelValue", "dataSources", "compId", "currentPage"]))
+                    fields: [...require$$1.unref(fieldsData), ...require$$1.unref(hiddenFields)]
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "dataSources", "formData", "compId", "fields"]))
                 ])
               ]),
               _: 1
             }, 8, ["layout"]))
           ], 64))
         ]),
-        __props.parentPage.footerType == "tabbar" ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileTabbar, Vue.mergeProps({
+        __props.parentPage.footerType == "tabbar" ? (require$$1.openBlock(), require$$1.createBlock(_component_FecMobileTabbar, require$$1.mergeProps({
           key: 1,
-          modelValue: Vue.unref(tabbarActive),
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => Vue.isRef(tabbarActive) ? tabbarActive.value = $event : null)
-        }, __props.parentPage.tabbarConfig, { onChange: onTabbarChange }), null, 16, ["modelValue"])) : Vue.createCommentVNode("", true),
-        __props.parentPage.footerType == "actionBar" ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileActionBar, Vue.normalizeProps(Vue.mergeProps({ key: 2 }, __props.parentPage.actionBarConfig)), null, 16)) : Vue.createCommentVNode("", true)
+          modelValue: require$$1.unref(tabbarActive),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => require$$1.isRef(tabbarActive) ? tabbarActive.value = $event : null)
+        }, __props.parentPage.tabbarConfig, { onChange: onTabbarChange }), null, 16, ["modelValue"])) : require$$1.createCommentVNode("", true),
+        __props.parentPage.footerType == "actionBar" ? (require$$1.openBlock(), require$$1.createBlock(_component_FecMobileActionBar, require$$1.normalizeProps(require$$1.mergeProps({ key: 2 }, __props.parentPage.actionBarConfig)), null, 16)) : require$$1.createCommentVNode("", true)
       ], 64);
     };
   }
 };
-const MobilePage = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-71059c96"]]);
+const MobilePage = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-f191d5d7"]]);
 exports.default = MobilePage;

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

@@ -24,5 +24,20 @@ function removeEmptyValues(data) {
   }
   return result;
 }
+const findPageById = (pageList, pageId) => {
+  for (const item of pageList) {
+    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;
+};
 exports.cloneDeep = cloneDeep;
+exports.findPageById = findPageById;
 exports.removeEmptyValues = removeEmptyValues;

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

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
+const require$$1 = require("vue");
 const parseRouteParams = require("./parseRouteParams.js");
-const index = require("../../../../node_modules/element-plus/es/components/message/index.js");
+const index = require("../../../../node_modules/element-plus/es/components/loading/index.js");
+const index$1 = require("../../../../node_modules/element-plus/es/components/message/index.js");
 require("../../../../_virtual/dayjs.min.js");
 ;/* empty css                                                          */
+;/* empty css                                                                */
 ;/* empty css                                                              */
 ;/* empty css                                                                */
 class DataSourceManager {
@@ -16,14 +18,14 @@ class DataSourceManager {
     this.dataSources = options.dataSources || [];
     this.currentDataSourceId = options.currentDataSourceId;
     this.pagination = options.pagination || false;
-    this.sortRules = Vue.reactive(options.sortRules || []);
+    this.sortRules = require$$1.reactive(options.sortRules || []);
     this.originalSortRules = JSON.parse(
       JSON.stringify(options.sortRules || [])
     );
     this.showSuccessMessage = options.showSuccessMessage || false;
     this.loading = false;
     this.error = null;
-    this.data = Vue.reactive({});
+    this.data = require$$1.reactive({});
     this.contextData = options.data || null;
     this.fields = options.fields || [];
     this.events = {
@@ -133,7 +135,16 @@ class DataSourceManager {
     this.loading = true;
     this.error = null;
     this.LoadingInstance.count++;
-    if (this.LoadingInstance.count === 1) ;
+    if (this.LoadingInstance.count === 1) {
+      this.LoadingInstance.target = index.ElLoading.service({
+        fullscreen: true,
+        lock: true,
+        text: "拼命加载中",
+        // spinner: loadingSvg,
+        background: "rgba(0, 0, 0, 0)",
+        customClass: "h-loading"
+      });
+    }
     try {
       const params = this.buildRequestParams(extraParams);
       const requestConfig = this.getRequestConfig();
@@ -179,7 +190,7 @@ class DataSourceManager {
           }
           this.emit("loaded", this.data);
           if (this.showSuccessMessage && responseMessage) {
-            index.ElMessage.success(responseMessage);
+            index$1.ElMessage.success(responseMessage);
           }
           return this.data;
         } else {