@epxing/dashboard 0.0.0-stage → 5.3.0-beta.1

package/dist/src/Header.js

@@ -0,0 +1,385 @@
+import Header from "@epxing/components/src/header";
+import { evalWith } from "@epxing/utils/src/eval-with";
+import { MobileSheet } from "@epxing/components/src/mobile";
+import { resolveComponent, openBlock, createElementBlock, normalizeStyle, createElementVNode, toDisplayString, createVNode, withCtx, Fragment, renderList, normalizeClass, createTextVNode, createCommentVNode, createBlock, withDirectives, vShow } from "vue";
+/* empty css           */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-dashboard-header",
+  extends: Header,
+  components: { MobileSheet },
+  data() {
+    return {
+      fullscreen: false,
+      showSearchFields: !!this.searchDefaultFlag
+    };
+  },
+  props: {
+    scopeFlag: Boolean,
+    globalSearchFields: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    searchDefaultFlag: Boolean,
+    title: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    // AI 助手右侧预览（AiChatPage 打开看板时传 isAiAgentPage）：隐藏返回和设计按钮，
+    // 面板自带关闭按钮，设计入口对临时注入的看板页面无意义
+    isAiAgentPage() {
+      return !!this.$query.isAiAgentPage;
+    },
+    // 常用报表看板（FM_CA_REPORT_BOARD）的报表记录 id：
+    // 1) previewReport 透传的 $query.reportBoardId；
+    // 2) 兜底从临时页面 id（report-board-<报表ID>）解析，避免依赖配置是否重新应用。
+    // 有它就把"设计"按钮放开（即便在 AI 面板里），并走报表设计模式。
+    reportBoardId() {
+      if (this.$query.reportBoardId) return this.$query.reportBoardId;
+      const pid = this.upPage && this.upPage.$pageId;
+      if (pid && /^report-board-/.test(pid)) return pid.replace(/^report-board-/, "");
+      return "";
+    },
+    pageTitle() {
+      const _this = this;
+      const { config: pageConfigs = {} } = this.$pageInfo;
+      const { title = "" } = pageConfigs;
+      const pageTitle = title.replace(/\$\[([^[]+)\]/g, (macth, key) => {
+        try {
+          return evalWith(`_this.${key}`, { _this }) || evalWith(`_this.$query.${key}`, { _this }) || "";
+        } catch (error) {
+          console.error(error);
+          return "";
+        }
+      });
+      return pageTitle || this.$query.title || this.defaultTitle || this.$query.menuTitle;
+    }
+  },
+  methods: {
+    newPageSettingVisual() {
+      if (this.reportBoardId) {
+        const routePath = this.$util.getRootPath();
+        window.open(`${routePath}/config/reportboard/${this.appConfig["CLIENT|CODE"]}/${this.appConfig["SYSTEM|CODE"]}/${this.reportBoardId}`);
+        document.removeEventListener("visibilitychange", this.onReportBoardReturn);
+        document.addEventListener("visibilitychange", this.onReportBoardReturn);
+        return;
+      }
+      if (!this.upPage.$pageId) {
+        this.$message.error(this.$t("The default page cannot be edited"));
+        return;
+      }
+      const pageId = this.upPage.$pageId;
+      setTimeout(() => {
+        const routePath = this.$util.getRootPath();
+        window.open(`${routePath}/config/dashboard/${this.appConfig["CLIENT|CODE"]}/${this.appConfig["SYSTEM|CODE"]}/${pageId}`);
+        window.removeEventListener("message", this.reloadPageConfig);
+        window.addEventListener("message", this.reloadPageConfig);
+      }, 200);
+    },
+    switchFullscreen() {
+      this.$emit("fullscreen");
+    },
+    search(v) {
+      if (this.timer) {
+        clearTimeout(this.timer);
+        this.timer = null;
+      }
+      this.timer = setTimeout(() => {
+        this.$emit("search", v);
+        clearTimeout(this.timer);
+        this.timer = null;
+      }, 1e3);
+    },
+    reloadPageConfig(e) {
+      if (this.timer) {
+        this.timer = null;
+        clearTimeout(this.timer);
+      }
+      this.timer = setTimeout(() => {
+        this.$store.commit("DELETE_PAGE", { pageId: this.upPage.$pageId });
+        this.reloadPage();
+        this.timer = null;
+        clearTimeout(this.timer);
+      }, 1e3);
+    },
+    // 从报表设计标签页切回预览时：重新拉取 FM_CA_REPORT_BOARD 配置，重建临时看板页面并刷新
+    onReportBoardReturn() {
+      if (document.visibilityState !== "visible") return;
+      document.removeEventListener("visibilitychange", this.onReportBoardReturn);
+      const reportId = this.reportBoardId;
+      const pid = this.upPage && this.upPage.$pageId;
+      if (!reportId || !pid) return;
+      this.$http.get({ entityId: "FM_CA_REPORT_BOARD", id: reportId }).then((res) => {
+        const record = res && res.data || {};
+        let config = {};
+        try {
+          const raw = record.DASHBOARD_CONFIG;
+          config = raw ? typeof raw === "string" ? JSON.parse(raw) : raw : {};
+        } catch (err) {
+          config = {};
+        }
+        if (config && config.config && (config.config.items || config.config.itemConfigs)) {
+          config = Object.assign({ title: config.title, metaId: config.metaId }, config.config);
+        }
+        this.$store.commit("DELETE_PAGE", { pageId: pid });
+        this.$store.commit("ADD_PAGE", {
+          pageId: pid,
+          pageCode: "dashboard",
+          metaId: config.metaId || "",
+          pageMetaId: config.metaId || "",
+          title: record.REPORT_NAME || config.title || "报表预览",
+          label: record.REPORT_NAME || config.title || "报表预览",
+          config
+        });
+        this.reloadPage();
+      }).catch(() => {
+      });
+    }
+  },
+  beforeUnmount() {
+    document.removeEventListener("visibilitychange", this.onReportBoardReturn);
+  }
+};
+const _hoisted_1 = { class: "title" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mobile-opera"
+};
+const _hoisted_3 = { class: "setting-list" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  key: 1,
+  class: "el-icon-more",
+  style: { transform: "rotate(90deg)" }
+};
+const _hoisted_6 = { class: "menu-container" };
+const _hoisted_7 = {
+  key: 1,
+  class: "mobile-opera"
+};
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "header-inner" };
+const _hoisted_10 = { class: "title" };
+const _hoisted_11 = { class: "" };
+const _hoisted_12 = {
+  key: 0,
+  class: "tabs"
+};
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = { class: "opera" };
+const _hoisted_15 = { class: "help-header" };
+const _hoisted_16 = ["innerHTML"];
+const _hoisted_17 = { class: "search-fields" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_popover = resolveComponent("el-popover");
+  const _component_epx_menu = resolveComponent("epx-menu");
+  const _component_mobile_sheet = resolveComponent("mobile-sheet");
+  const _component_el_switch = resolveComponent("el-switch");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  const _component_epx_search_fields = resolveComponent("epx-search-fields");
+  return _ctx.$isMobile ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: "mobile-header",
+    style: normalizeStyle(_ctx.$component.style)
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      createElementVNode("i", {
+        class: "el-icon-arrow-left",
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.backPage && _ctx.backPage(...args))
+      }),
+      createElementVNode("span", null, toDisplayString($options.pageTitle), 1)
+    ]),
+    _ctx.operates.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      createVNode(_component_el_popover, {
+        "popper-class": "popper",
+        placement: "bottom",
+        trigger: "click"
+      }, {
+        reference: withCtx(() => [
+          _ctx.$configs.icon ? (openBlock(), createElementBlock("i", {
+            key: 0,
+            class: normalizeClass([_ctx.$configs.icon]),
+            style: { transform: "rotate(90deg)" }
+          }, null, 2)) : (openBlock(), createElementBlock("i", _hoisted_5))
+        ]),
+        default: withCtx(() => [
+          createElementVNode("ul", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.operates, (operate) => {
+              return openBlock(), createElementBlock("li", {
+                key: operate.text,
+                onClick: ($event) => _ctx.listHandler(operate)
+              }, [
+                createElementVNode("i", {
+                  class: normalizeClass(["fa", operate.icon])
+                }, null, 2),
+                createTextVNode(" " + toDisplayString(operate.text), 1)
+              ], 8, _hoisted_4);
+            }), 128))
+          ])
+        ]),
+        _: 1
+      }),
+      _ctx.menu ? (openBlock(), createElementBlock("i", {
+        key: 0,
+        class: "menu-icon el-icon-s-fold",
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.isMenuShow = true)
+      })) : createCommentVNode("", true),
+      createVNode(_component_mobile_sheet, {
+        modelValue: _ctx.isMenuShow,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.isMenuShow = $event),
+        position: "right",
+        size: "60%"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_6, [
+            _ctx.menu ? (openBlock(), createBlock(_component_epx_menu, {
+              key: 0,
+              class: "menu",
+              modules: _ctx.menu,
+              moduleId: _ctx.module.ID,
+              moduleName: _ctx.module.NAME
+            }, null, 8, ["modules", "moduleId", "moduleName"])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: "to-index",
+              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.backIndex && _ctx.backIndex(...args))
+            }, [
+              _cache[8] || (_cache[8] = createElementVNode("i", { class: "el-icon-house" }, null, -1)),
+              createTextVNode(" " + toDisplayString(_ctx.$t("return home")), 1)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ])) : (openBlock(), createElementBlock("div", _hoisted_7, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.operates, (operate) => {
+        return openBlock(), createElementBlock("li", {
+          class: "mobile-operate-btn",
+          key: operate.text,
+          onClick: ($event) => _ctx.listHandler(operate)
+        }, [
+          createElementVNode("i", {
+            class: normalizeClass(["fa", operate.icon])
+          }, null, 2),
+          createTextVNode(" " + toDisplayString(operate.text), 1)
+        ], 8, _hoisted_8);
+      }), 128))
+    ]))
+  ], 4)) : (openBlock(), createElementBlock("div", {
+    key: 1,
+    class: "header",
+    style: normalizeStyle(_ctx.$component.style)
+  }, [
+    createElementVNode("div", _hoisted_9, [
+      createElementVNode("div", _hoisted_10, [
+        (_ctx.routeLength !== 1 || _ctx.showBack || $options.reportBoardId) && !$options.isAiAgentPage ? (openBlock(), createElementBlock("i", {
+          key: 0,
+          class: "el-icon-arrow-left",
+          onClick: _cache[4] || (_cache[4] = (...args) => _ctx.backPage && _ctx.backPage(...args))
+        })) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_11, toDisplayString($options.pageTitle), 1)
+      ]),
+      _ctx.tabs && _ctx.tabs.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_12, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab, index) => {
+          return openBlock(), createElementBlock("li", {
+            class: normalizeClass(["tab-item", { "active": tab.active }]),
+            key: index,
+            onClick: ($event) => _ctx.change(tab, index)
+          }, toDisplayString(_ctx.tabTitle(tab, index)), 11, _hoisted_13);
+        }), 128))
+      ])) : createCommentVNode("", true),
+      createElementVNode("div", _hoisted_14, [
+        $props.scopeFlag && $props.globalSearchFields.length > 0 ? (openBlock(), createBlock(_component_el_switch, {
+          key: 0,
+          class: "seach-flag",
+          modelValue: $data.showSearchFields,
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.showSearchFields = $event),
+          "inactive-text": "查询筛选："
+        }, null, 8, ["modelValue"])) : createCommentVNode("", true),
+        createVNode(_component_el_button, {
+          class: "opera-item",
+          type: "primary",
+          link: "",
+          onClick: $options.reloadPageConfig
+        }, {
+          default: withCtx(() => [..._cache[9] || (_cache[9] = [
+            createElementVNode("i", { class: "el-icon-refresh" }, null, -1),
+            createTextVNode(" " + toDisplayString("刷新页面"), -1)
+          ])]),
+          _: 1
+        }, 8, ["onClick"]),
+        createVNode(_component_el_button, {
+          class: "opera-item",
+          type: "primary",
+          link: "",
+          onClick: $options.switchFullscreen
+        }, {
+          default: withCtx(() => [
+            _cache[10] || (_cache[10] = createElementVNode("i", { class: "el-icon-full-screen" }, null, -1)),
+            createTextVNode(" " + toDisplayString($data.fullscreen ? "取消全屏" : "全屏"), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        _ctx.showPageConfigBtn && !$options.isAiAgentPage || $options.reportBoardId ? (openBlock(), createBlock(_component_el_button, {
+          key: 1,
+          class: "opera-item",
+          type: "primary",
+          link: "",
+          onClick: $options.newPageSettingVisual
+        }, {
+          default: withCtx(() => [..._cache[11] || (_cache[11] = [
+            createElementVNode("i", { class: "el-icon-edit-outline" }, null, -1),
+            createTextVNode(" 设计 ", -1)
+          ])]),
+          _: 1
+        }, 8, ["onClick"])) : createCommentVNode("", true),
+        _ctx.$configs.showHelp && _ctx.$configs.help ? (openBlock(), createBlock(_component_el_dialog, {
+          key: 2,
+          class: "help-dialog",
+          modelValue: _ctx.showHelpDialog,
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.showHelpDialog = $event),
+          modal: false,
+          width: "70%",
+          fullscreen: _ctx.helpDialogFullscreen
+        }, {
+          header: withCtx(() => [
+            createElementVNode("div", _hoisted_15, [
+              createElementVNode("span", null, toDisplayString(this.$t("helptext")), 1),
+              createElementVNode("i", {
+                class: "full-btn el-icon-full-screen",
+                onClick: _cache[6] || (_cache[6] = ($event) => _ctx.helpDialogFullscreen = !_ctx.helpDialogFullscreen)
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: "help-content",
+              innerHTML: _ctx.xss.process(_ctx.$configs.help)
+            }, null, 8, _hoisted_16)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "fullscreen"])) : createCommentVNode("", true)
+      ])
+    ]),
+    withDirectives(createElementVNode("div", _hoisted_17, [
+      createVNode(_component_epx_search_fields, {
+        metaId: _ctx.$metaId,
+        fields: $props.globalSearchFields,
+        showFilter: true,
+        showKeyword: false,
+        showSearchLabel: true,
+        onSearch: $options.search
+      }, null, 8, ["metaId", "fields", "onSearch"])
+    ], 512), [
+      [vShow, $data.showSearchFields]
+    ])
+  ], 4));
+}
+const DashboardHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-370a2887"]]);
+export {
+  DashboardHeader as default
+};

package/dist/src/Preview.js

@@ -0,0 +1,27 @@
+import { openBlock, createElementBlock } from "vue";
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-dashboard--preview",
+  props: {
+    compConfigs: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  inject: ["pageMetaId"],
+  computed: {
+    currentMetaId() {
+      const { metaId = this.pageMetaId } = this.compConfigs;
+      return metaId;
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", null, " 仪表盘预览 ");
+}
+const Preview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Preview as default
+};