@fecp/designer 5.5.65 → 5.5.67

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

@@ -0,0 +1,138 @@
+import "../../../node_modules/element-plus/es/index.mjs";
+/* empty css                                                       */
+/* empty css                                                           */
+/* empty css                                                               */
+/* empty css                                                            */
+/* empty css                                                            */
+/* empty css                                                          */
+/* empty css                                      */
+/* empty css                                       */
+import { getCurrentInstance, ref, onMounted, createBlock, createCommentVNode, unref, openBlock, withCtx } 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";
+/* empty css                                                           */
+/* empty css                                                             */
+/* empty css            */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import { ElContainer } from "../../../node_modules/element-plus/es/components/container/index.mjs";
+import { ElMessage } from "../../../node_modules/element-plus/es/components/message/index.mjs";
+import { Empty } from "../node_modules/vant/es/empty/index.mjs";
+const _sfc_main = {
+  __name: "index",
+  props: {
+    appId: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const currentInstance = getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    const pageList = ref({});
+    const layoutData = ref([]);
+    const configLoading = ref(true);
+    const loadConfig = async () => {
+      var _a, _b;
+      if (!props.appId) {
+        return;
+      }
+      configLoading.value = true;
+      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];
+        }
+        console.log("🚀 ~ pageList ~ pageList.value:", pageList.value);
+        loadPage(homePage);
+        pageHistory.init(homePage);
+      } catch (error) {
+        console.error("加载配置失败:", error);
+        ElMessage.error("加载配置失败");
+      } finally {
+        configLoading.value = false;
+      }
+    };
+    const currentPage = ref({});
+    function loadPage(page) {
+      currentPage.value = { ...page };
+      layoutData.value = [...page.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 = ref(null);
+    emitter.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.push(targetPage);
+      } else {
+        currentPage.value = null;
+        routePage.value = null;
+      }
+    });
+    onMounted(() => {
+      loadConfig();
+    });
+    return (_ctx, _cache) => {
+      const _component_van_empty = Empty;
+      const _component_el_container = ElContainer;
+      return !unref(configLoading) ? (openBlock(), createBlock(_component_el_container, {
+        key: 0,
+        direction: "vertical",
+        class: "fec-mobile-app",
+        ref: "fecMobileAppRef"
+      }, {
+        default: withCtx(() => [
+          unref(currentPage) ? (openBlock(), createBlock(unref(MobilePage), {
+            key: 0,
+            currentPage: unref(currentPage),
+            routePage: unref(routePage)
+          }, null, 8, ["currentPage", "routePage"])) : (openBlock(), createBlock(_component_van_empty, {
+            key: 1,
+            image: "search",
+            description: "页面找不到了"
+          }))
+        ]),
+        _: 1
+      }, 512)) : createCommentVNode("", true);
+    };
+  }
+};
+const MobileApp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78e0cbef"]]);
+export {
+  MobileApp as default
+};

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

@@ -0,0 +1,117 @@
+import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createElementVNode, normalizeProps, mergeProps, unref, createVNode, guardReactiveProps, isRef, withCtx, resolveDynamicComponent } from "vue";
+import "../../../node_modules/grid-layout-plus/es/index.mjs";
+import * as all from "./components/all.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" };
+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 = ref({});
+    function getComp(type) {
+      return all[type];
+    }
+    const layoutData = 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 = ref(0);
+    const childPage = 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);
+    }
+    onMounted(() => {
+      if (props.currentPage.footerType == "tabbar") {
+        tabbarActive.value = props.currentPage.tabbarConfig.tabbarOptions[0].pageId;
+        onTabbarChange(tabbarActive.value);
+      }
+    });
+    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_FecMobileTabbar = resolveComponent("FecMobileTabbar");
+      const _component_FecMobileActionBar = resolveComponent("FecMobileActionBar");
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.currentPage.isNavBar ? (openBlock(), createBlock(_component_FecMobileNavBar, normalizeProps(mergeProps({ key: 0 }, __props.currentPage.navBarConfig)), null, 16)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_1, [
+          __props.currentPage.footerType == "tabbar" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            __props.routePage || unref(childPage) ? (openBlock(), createBlock(_component_page, {
+              key: 0,
+              currentPage: __props.routePage || unref(childPage)
+            }, null, 8, ["currentPage"])) : createCommentVNode("", true)
+          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            __props.currentPage.type == "home" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createVNode(_component_FecMobileMenuGrid, normalizeProps(guardReactiveProps(__props.currentPage.layoutData.menuGridProps)), null, 16),
+              createVNode(_component_FecMobileNoticeBar),
+              createVNode(_component_FecMobileDataStat)
+            ], 64)) : __props.currentPage.type == "approval" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createBlock(unref(De), {
+              key: 2,
+              ref: "gridLayout",
+              layout: unref(layoutData),
+              "onUpdate:layout": _cache[0] || (_cache[0] = ($event) => 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: 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: _ctx.dataSources
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "dataSources"]))
+                ])
+              ]),
+              _: 1
+            }, 8, ["layout"]))
+          ], 64))
+        ]),
+        __props.currentPage.footerType == "tabbar" ? (openBlock(), createBlock(_component_FecMobileTabbar, mergeProps({
+          key: 1,
+          modelValue: unref(tabbarActive),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(tabbarActive) ? tabbarActive.value = $event : null)
+        }, __props.currentPage.tabbarConfig, { onChange: onTabbarChange }), null, 16, ["modelValue"])) : createCommentVNode("", true),
+        __props.currentPage.footerType == "actionBar" ? (openBlock(), createBlock(_component_FecMobileActionBar, normalizeProps(mergeProps({ key: 2 }, __props.currentPage.actionBarConfig)), null, 16)) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+};
+const MobilePage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08632dac"]]);
+export {
+  MobilePage as default
+};

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

@@ -0,0 +1,5 @@
+import mitt from "../../../../node_modules/mitt/dist/mitt.mjs";
+const emitter = mitt();
+export {
+  emitter as default
+};

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

@@ -0,0 +1,111 @@
+const HISTORY_KEY = "mobile_page_history";
+const MAX_HISTORY_SIZE = 20;
+class PageHistory {
+  constructor() {
+    this.history = this.loadHistory();
+  }
+  /**
+   * 从 sessionStorage 加载历史记录
+   */
+  loadHistory() {
+    try {
+      const data = sessionStorage.getItem(HISTORY_KEY);
+      return data ? JSON.parse(data) : [];
+    } catch (e) {
+      console.error("加载页面历史失败:", e);
+      return [];
+    }
+  }
+  /**
+   * 保存历史记录到 sessionStorage
+   */
+  saveHistory() {
+    try {
+      sessionStorage.setItem(HISTORY_KEY, JSON.stringify(this.history));
+    } catch (e) {
+      console.error("保存页面历史失败:", e);
+    }
+  }
+  /**
+   * 添加页面到历史
+   * @param {Object} page - 页面配置对象，需包含 id
+   */
+  push(page) {
+    if (!page || !page.id) {
+      console.warn("页面配置无效，无法添加到历史");
+      return;
+    }
+    if (this.history.length > 0 && this.history[this.history.length - 1].id == page.id) {
+      return;
+    }
+    this.history.push({
+      id: page.id,
+      name: page.name || "",
+      timestamp: Date.now(),
+      data: page
+    });
+    if (this.history.length > MAX_HISTORY_SIZE) {
+      this.history.shift();
+    }
+    this.saveHistory();
+  }
+  /**
+   * 后退到上一个页面
+   * @returns {Object|null} 返回上一个页面的配置，如果无法后退则返回 null
+   */
+  back() {
+    if (this.history.length <= 1) {
+      return null;
+    }
+    this.history.pop();
+    this.saveHistory();
+    const prevPage = this.history[this.history.length - 1];
+    return prevPage ? prevPage.data : null;
+  }
+  /**
+   * 获取当前页面
+   * @returns {Object|null}
+   */
+  getCurrentPage() {
+    if (this.history.length == 0) {
+      return null;
+    }
+    return this.history[this.history.length - 1].data;
+  }
+  /**
+   * 判断是否可以后退
+   * @returns {Boolean}
+   */
+  canBack() {
+    return this.history.length > 1;
+  }
+  /**
+   * 获取历史记录数量
+   * @returns {Number}
+   */
+  getLength() {
+    return this.history.length;
+  }
+  /**
+   * 清空历史记录
+   */
+  clear() {
+    this.history = [];
+    this.saveHistory();
+  }
+  /**
+   * 初始化或重置历史记录（仅包含首页）
+   * @param {Object} homePage - 首页配置
+   */
+  init(homePage) {
+    this.clear();
+    if (homePage) {
+      this.push(homePage);
+    }
+  }
+}
+const pageHistory = new PageHistory();
+export {
+  pageHistory as default,
+  pageHistory
+};

package/es/packages/vue/src/components/forms/date/Date.vue.mjs

@@ -54,6 +54,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     endDate: {
       type: String,
       default: ""
+    },
+    dateRange: {
+      type: String,
+      default: ""
     }
   },
   emits: ["update:modelValue", "change"],
@@ -87,6 +91,21 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         emit("change", val);
       }
     });
+    const disabledDate = (date) => {
+      if (!props.dateRange) return false;
+      debugger;
+      const today = /* @__PURE__ */ new Date();
+      today.setHours(0, 0, 0, 0);
+      const targetDate = new Date(date);
+      targetDate.setHours(0, 0, 0, 0);
+      if (props.dateRange === "beforeToday") {
+        return targetDate > today;
+      }
+      if (props.dateRange === "afterToday") {
+        return targetDate < today;
+      }
+      return false;
+    };
     return (_ctx, _cache) => {
       const _component_el_date_picker = ElDatePicker;
       return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -100,6 +119,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           readonly: __props.readonly,
           format: computedFormat.value,
           "value-format": computedValueFormat.value,
+          "disabled-date": disabledDate,
           clearable: "",
           style: { "width": "100%" }
         }), null, 16, ["modelValue", "type", "placeholder", "disabled", "readonly", "format", "value-format"])

package/es/packages/vue/src/components/forms/form/validation.mjs

@@ -76,7 +76,7 @@ function generateFieldRules(component, formData, fields) {
         };
         rules.push({
           validator,
-          trigger: "blur"
+          trigger: "change"
         });
       } catch (e) {
         console.error("Invalid validation pattern:", component.validationPattern, e);

package/es/packages/vue/src/utils/parseFilterConfig.mjs

@@ -1,4 +1,11 @@
 import { parseSingleParamValue } from "./parseRouteParams.mjs";
+function isDateString(value) {
+  if (typeof value !== "string") return false;
+  return /^\d{4}\/\d{2}\/\d{2}$/.test(value);
+}
+function compareDate(a, b) {
+  return a.localeCompare(b);
+}
 function checkFilterMatch(filterConfig, data, fields = []) {
   if (!filterConfig || !data) {
     return false;
@@ -30,21 +37,39 @@ function checkConditionMatch(condition, data, fields) {
   const fieldName = (fieldInfo == null ? void 0 : fieldInfo.fieldName) || field;
   const dataValue = data[fieldName];
   const parsedValue = parseSingleParamValue(value, data, fields);
+  if ("null" == (dataValue ?? "null") || "null" == (parsedValue ?? "null")) {
+    return true;
+  }
   switch (operator) {
     case "eq":
       return dataValue == parsedValue;
     case "ne":
       return dataValue != parsedValue;
     case "gt":
+      if (isDateString(dataValue) && isDateString(parsedValue)) {
+        return compareDate(dataValue, parsedValue) > 0;
+      }
       return Number(dataValue) > Number(parsedValue);
     case "gte":
+      if (isDateString(dataValue) && isDateString(parsedValue)) {
+        return compareDate(dataValue, parsedValue) >= 0;
+      }
       return Number(dataValue) >= Number(parsedValue);
     case "lt":
+      if (isDateString(dataValue) && isDateString(parsedValue)) {
+        return compareDate(dataValue, parsedValue) < 0;
+      }
       return Number(dataValue) < Number(parsedValue);
     case "lte":
+      if (isDateString(dataValue) && isDateString(parsedValue)) {
+        return compareDate(dataValue, parsedValue) <= 0;
+      }
       return Number(dataValue) <= Number(parsedValue);
     case "range":
       if (!parsedValue || parsedValue.min == null || parsedValue.max == null) return false;
+      if (isDateString(dataValue) && isDateString(parsedValue.min) && isDateString(parsedValue.max)) {
+        return compareDate(dataValue, parsedValue.min) >= 0 && compareDate(dataValue, parsedValue.max) <= 0;
+      }
       const numValue = Number(dataValue);
       return numValue >= Number(parsedValue.min) && numValue <= Number(parsedValue.max);
     case "contains":

package/lib/designer/package.json.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const version = "5.5.65";
+const version = "5.5.67";
 const packageJson = {
   version
 };

package/lib/designer/src/packages/dialog/useDialogDialog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.vue2.js");
+const index = require("./index.vue.js");
 const Vue = require("vue");
 function useDialogDialog() {
   const dialogDialogVisible = Vue.ref(false);

package/lib/designer/src/packages/dialogGlobal/index.vue.js

@@ -86,7 +86,7 @@ const widgets = require("../table/property/widgets.vue.js");
 require("../../../../node_modules/element-plus/theme-chalk/el-tab-pane.css.js");
 ;/* empty css                                                              */
 ;/* empty css                                         */
-;/* empty css                                  */
+;/* empty css                                   */
 ;/* empty css                                                            */
 ;/* empty css                                                            */
 ;/* empty css                             */

package/lib/designer/src/packages/dialogGlobal/useDialogGlobalDialog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.vue2.js");
+const index = require("./index.vue.js");
 const Vue = require("vue");
 function useDialogGlobalDialog() {
   const dialogGlobalDialogVisible = Vue.ref(false);

package/lib/designer/src/packages/form/aside/index.js

@@ -12,6 +12,7 @@ const defaultProperty = {
   optionStyle: "default",
   dateType: "date",
   dateValueType: "string",
+  dateRange: "",
   suffixButton: "none",
   suffixDialogName: "选择",
   dialogSource: "global",