@epxing/business 5.3.0-beta.2 → 5.3.0-beta.4

package/dist/src/views/JvmMemoryMonitor.js

@@ -0,0 +1,463 @@
+import '../../style.css';
+import axios from "axios";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, createBlock, createCommentVNode, Fragment, toDisplayString, normalizeClass, markRaw } from "vue";
+/* empty css                     */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-jvm-memory-monitor",
+  data() {
+    return {
+      snapshot: null,
+      history: [],
+      autoRefresh: true,
+      loading: false,
+      error: "",
+      stale: false,
+      active: false,
+      timer: null,
+      // 取消并作废离开页面前的请求，避免迟到响应重启轮询。
+      pendingRequest: null,
+      jstackLoading: false,
+      jstackVisible: false,
+      jstackSnapshot: null
+    };
+  },
+  computed: {
+    statusText() {
+      if (this.error || this.stale) return "状态未知";
+      const states = { NORMAL: "正常", WARNING: "内存预警", PROTECTED: this.snapshot.rejecting ? "请求保护中" : "高内存压力（仅监控）", STARTING: "等待采样", DISABLED: "监控已关闭" };
+      return states[this.snapshot.state] || "状态未知";
+    },
+    statusType() {
+      if (this.error || this.stale || !this.snapshot.enabled) return "info";
+      return this.snapshot.state === "PROTECTED" ? "danger" : this.snapshot.state === "WARNING" ? "warning" : "success";
+    },
+    pressureColor() {
+      return this.snapshot.pressureRatio >= this.snapshot.rejectThreshold ? "#f56c6c" : "#3074ef";
+    },
+    trendPoints() {
+      return this.history.map((point, index) => `${index * 600 / Math.max(1, this.history.length - 1)},${120 * (1 - Math.min(1, Math.max(0, point.pressureRatio)))}`).join(" ");
+    }
+  },
+  mounted() {
+    document.addEventListener("visibilitychange", this.onVisibilityChange);
+    this.activate();
+  },
+  activated() {
+    this.activate();
+  },
+  deactivated() {
+    this.active = false;
+    this.stop();
+  },
+  beforeUnmount() {
+    this.active = false;
+    this.stop();
+    document.removeEventListener("visibilitychange", this.onVisibilityChange);
+  },
+  methods: {
+    activate() {
+      if (this.active) return;
+      this.active = true;
+      if (!document.hidden) this.refresh();
+    },
+    stop() {
+      clearTimeout(this.timer);
+      this.timer = null;
+      if (this.pendingRequest) this.pendingRequest.cancel();
+      this.pendingRequest = null;
+      this.loading = false;
+    },
+    onVisibilityChange() {
+      if (document.hidden) this.stop();
+      else if (this.active && this.autoRefresh) this.refresh();
+    },
+    changeRefresh() {
+      this.stop();
+      if (this.autoRefresh) this.refresh();
+    },
+    async refresh() {
+      if (!this.active || document.hidden || this.loading) return;
+      clearTimeout(this.timer);
+      this.loading = true;
+      const request = markRaw(axios.CancelToken.source());
+      this.pendingRequest = request;
+      try {
+        const data = await this.$http.get({ entityId: "FM_SYSTEM", action: "getJvmMemoryStatus" }, { timeout: 8e3, cancelToken: request.token });
+        if (this.pendingRequest !== request) return;
+        if (!data || !data.instanceId || !data.state) throw new Error("监控数据格式异常");
+        if (this.snapshot && this.snapshot.instanceId !== data.instanceId) this.history = [];
+        this.snapshot = data;
+        this.error = "";
+        this.stale = data.enabled && data.sampledAt > 0 && Date.now() - data.sampledAt > Math.max(3e4, data.sampleIntervalMs * 3);
+        const last = this.history[this.history.length - 1];
+        if (data.sampledAt > 0 && (!last || last.sampledAt !== data.sampledAt)) {
+          this.history.push({ sampledAt: data.sampledAt, pressureRatio: data.pressureRatio });
+          if (this.history.length > 60) this.history.shift();
+        }
+      } catch (error) {
+        if (this.pendingRequest === request && !axios.isCancel(error)) this.error = error && (error.msg || error.message) || "内存监控获取失败";
+      } finally {
+        if (this.pendingRequest === request) {
+          this.pendingRequest = null;
+          this.loading = false;
+          if (this.active && this.autoRefresh && !document.hidden) {
+            this.timer = setTimeout(this.refresh, Math.max(1e4, this.snapshot && this.snapshot.sampleIntervalMs || 0));
+          }
+        }
+      }
+    },
+    async captureJstack() {
+      if (this.jstackLoading) return;
+      this.jstackLoading = true;
+      try {
+        this.jstackSnapshot = await this.$http.get({ entityId: "FM_SYSTEM", action: "getJvmJstack" }, { timeout: 15e3 });
+        this.jstackVisible = true;
+      } catch (error) {
+        this.$message.error(error && (error.msg || error.message) || "jstack 获取失败");
+      } finally {
+        this.jstackLoading = false;
+      }
+    },
+    async copyJstack() {
+      if (!this.jstackSnapshot || !this.jstackSnapshot.text) return;
+      const text = this.jstackSnapshot.text;
+      try {
+        if (navigator.clipboard && navigator.clipboard.writeText) {
+          await navigator.clipboard.writeText(text);
+        } else {
+          const input = document.createElement("textarea");
+          input.value = text;
+          input.setAttribute("readonly", "");
+          input.style.position = "fixed";
+          input.style.opacity = "0";
+          document.body.appendChild(input);
+          input.select();
+          document.execCommand("copy");
+          document.body.removeChild(input);
+        }
+        this.$message.success("jstack 已复制");
+      } catch (error) {
+        this.$message.error("复制失败，请手动选择文本复制");
+      }
+    },
+    bytes(value) {
+      if (value == null || value < 0) return "未限定";
+      return value >= 1073741824 ? `${(value / 1073741824).toFixed(2)} GB` : `${(value / 1048576).toFixed(1)} MB`;
+    },
+    percent(used, max) {
+      return max > 0 ? Math.min(100, Math.max(0, Math.round(used / max * 1e3) / 10)) : 0;
+    },
+    ratio(value) {
+      return `${Math.round(value * 100)}%`;
+    },
+    riskType(value) {
+      return value === "HIGH" || value === "DETECTED" ? "danger" : value === "WATCH" ? "warning" : "success";
+    },
+    seconds(value) {
+      return value == null || value < 0 ? "暂不可预测" : `${value} 秒`;
+    },
+    bytesPerSecond(value) {
+      return `${this.bytes(value)}/秒`;
+    },
+    time(value) {
+      return value > 0 ? new Date(value).toLocaleString() : "—";
+    }
+  }
+};
+const _hoisted_1 = { class: "jvm-memory" };
+const _hoisted_2 = { class: "jvm-memory__toolbar" };
+const _hoisted_3 = { class: "jvm-memory__actions" };
+const _hoisted_4 = { class: "jvm-memory__status" };
+const _hoisted_5 = { class: "jvm-memory__summary-row" };
+const _hoisted_6 = { class: "jvm-memory__panel jvm-memory__policy" };
+const _hoisted_7 = {
+  key: 0,
+  class: "jvm-memory__panel jvm-memory__risk"
+};
+const _hoisted_8 = { class: "jvm-memory__chart-title" };
+const _hoisted_9 = { key: 0 };
+const _hoisted_10 = { key: 1 };
+const _hoisted_11 = {
+  key: 0,
+  class: "jvm-memory__cards"
+};
+const _hoisted_12 = { class: "jvm-memory__card" };
+const _hoisted_13 = { class: "jvm-memory__card" };
+const _hoisted_14 = { class: "jvm-memory__card" };
+const _hoisted_15 = { class: "jvm-memory__card" };
+const _hoisted_16 = { class: "jvm-memory__panel" };
+const _hoisted_17 = { class: "jvm-memory__chart-title" };
+const _hoisted_18 = {
+  key: 0,
+  class: "jvm-memory__chart",
+  viewBox: "0 0 600 120",
+  preserveAspectRatio: "none",
+  role: "img",
+  "aria-label": "内存压力趋势，橙色虚线为保护阈值"
+};
+const _hoisted_19 = ["y1", "y2"];
+const _hoisted_20 = ["points"];
+const _hoisted_21 = {
+  key: 1,
+  class: "jvm-memory__empty"
+};
+const _hoisted_22 = { class: "jvm-memory__chart-title" };
+const _hoisted_23 = {
+  key: 1,
+  class: "jvm-memory__panel jvm-memory__threads"
+};
+const _hoisted_24 = { class: "jvm-memory__chart-title" };
+const _hoisted_25 = { class: "jvm-memory__thread-grid" };
+const _hoisted_26 = {
+  key: 3,
+  class: "jvm-memory__empty"
+};
+const _hoisted_27 = { class: "jvm-memory__dialog-title" };
+const _hoisted_28 = { class: "jvm-memory__dialog-actions" };
+const _hoisted_29 = {
+  key: 0,
+  class: "jvm-memory__jstack-meta"
+};
+const _hoisted_30 = {
+  key: 1,
+  class: "jvm-memory__jstack"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_switch = resolveComponent("el-switch");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_alert = resolveComponent("el-alert");
+  const _component_el_tag = resolveComponent("el-tag");
+  const _component_el_progress = resolveComponent("el-progress");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  return openBlock(), createElementBlock("section", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      _cache[4] || (_cache[4] = createElementVNode("div", null, [
+        createElementVNode("h2", null, "内存监控"),
+        createElementVNode("p", null, "当前 JVM 的内存使用、GC 与请求保护状态")
+      ], -1)),
+      createElementVNode("div", _hoisted_3, [
+        createVNode(_component_el_switch, {
+          modelValue: $data.autoRefresh,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.autoRefresh = $event),
+          "active-text": "自动刷新",
+          onChange: $options.changeRefresh
+        }, null, 8, ["modelValue", "onChange"]),
+        createVNode(_component_el_button, {
+          size: "small",
+          icon: "el-icon-refresh",
+          loading: $data.loading,
+          onClick: $options.refresh
+        }, {
+          default: withCtx(() => [..._cache[2] || (_cache[2] = [
+            createTextVNode("刷新", -1)
+          ])]),
+          _: 1
+        }, 8, ["loading", "onClick"]),
+        createVNode(_component_el_button, {
+          size: "small",
+          icon: "el-icon-document",
+          loading: $data.jstackLoading,
+          onClick: $options.captureJstack
+        }, {
+          default: withCtx(() => [..._cache[3] || (_cache[3] = [
+            createTextVNode("获取 jstack", -1)
+          ])]),
+          _: 1
+        }, 8, ["loading", "onClick"])
+      ])
+    ]),
+    $data.error ? (openBlock(), createBlock(_component_el_alert, {
+      key: 0,
+      title: $data.error,
+      type: "error",
+      closable: false,
+      "show-icon": ""
+    }, null, 8, ["title"])) : $data.stale ? (openBlock(), createBlock(_component_el_alert, {
+      key: 1,
+      title: "采样数据已过期，请检查 JVM 监控线程或网络。下方保留最后一次采样。",
+      type: "warning",
+      closable: false,
+      "show-icon": ""
+    })) : createCommentVNode("", true),
+    $data.snapshot ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+      createElementVNode("div", _hoisted_4, [
+        createVNode(_component_el_tag, { type: $options.statusType }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString($options.statusText), 1)
+          ]),
+          _: 1
+        }, 8, ["type"]),
+        createElementVNode("span", null, "采样时间：" + toDisplayString($options.time($data.snapshot.sampledAt)), 1),
+        createElementVNode("span", null, "采样间隔：" + toDisplayString($data.snapshot.sampleIntervalMs / 1e3) + " 秒", 1),
+        createElementVNode("span", null, "保护策略：" + toDisplayString($data.snapshot.rejectRequests ? "高压时拒绝新请求" : "仅监控"), 1)
+      ]),
+      createElementVNode("div", _hoisted_5, [
+        createElementVNode("div", _hoisted_6, [
+          _cache[5] || (_cache[5] = createElementVNode("h3", null, "监控与保护规则", -1)),
+          createElementVNode("p", null, "预警 " + toDisplayString($options.ratio($data.snapshot.warningThreshold)) + "；连续 " + toDisplayString($data.snapshot.highSamples) + " 次达到 " + toDisplayString($options.ratio($data.snapshot.rejectThreshold)) + "，或单次达到 " + toDisplayString($options.ratio($data.snapshot.emergencyThreshold)) + " 时进入保护。", 1),
+          createElementVNode("p", null, "连续 " + toDisplayString($data.snapshot.recoverySamples) + " 次降至 " + toDisplayString($options.ratio($data.snapshot.recoveryThreshold)) + " 以下后恢复。保护期间新业务请求返回 503，已接收的请求继续执行。", 1),
+          _cache[6] || (_cache[6] = createElementVNode("p", null, "压力取堆内存、有明确上限的非堆内存池及已配置预算的直接内存使用率的最大值。监控不主动触发 GC，也不采集对象明细。", -1)),
+          createElementVNode("small", null, "实例 " + toDisplayString($data.snapshot.instanceId) + " · JVM 启动于 " + toDisplayString($options.time($data.snapshot.startedAt)) + "。只展示本次请求命中的 JVM，切换实例时清空趋势。", 1)
+        ]),
+        $data.snapshot.risk ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_8, [
+            _cache[7] || (_cache[7] = createElementVNode("h3", null, "溢出与死锁风险预测", -1)),
+            createElementVNode("span", null, toDisplayString($data.snapshot.risk.reason), 1)
+          ]),
+          createElementVNode("p", null, [
+            _cache[8] || (_cache[8] = createTextVNode("内存风险：", -1)),
+            createVNode(_component_el_tag, {
+              size: "small",
+              type: $options.riskType($data.snapshot.risk.memoryRisk)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString($data.snapshot.risk.memoryRisk), 1)
+              ]),
+              _: 1
+            }, 8, ["type"]),
+            _cache[9] || (_cache[9] = createElementVNode("span", { class: "jvm-memory__risk-gap" }, "死锁风险：", -1)),
+            createVNode(_component_el_tag, {
+              size: "small",
+              type: $options.riskType($data.snapshot.risk.deadlockRisk)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString($data.snapshot.risk.deadlockRisk), 1)
+              ]),
+              _: 1
+            }, 8, ["type"])
+          ]),
+          $data.snapshot.risk.memoryGrowthBytesPerSecond > 0 ? (openBlock(), createElementBlock("p", _hoisted_9, "最近窗口堆增长 " + toDisplayString($options.bytesPerSecond($data.snapshot.risk.memoryGrowthBytesPerSecond)) + "；预计达到拒绝线 " + toDisplayString($options.seconds($data.snapshot.risk.predictedSecondsToReject)) + "，达到紧急线 " + toDisplayString($options.seconds($data.snapshot.risk.predictedSecondsToEmergency)) + "。", 1)) : (openBlock(), createElementBlock("p", _hoisted_10, "最近窗口未观察到持续堆增长，预测仅供预警参考。"))
+        ])) : createCommentVNode("", true)
+      ]),
+      $data.snapshot.heap ? (openBlock(), createElementBlock("div", _hoisted_11, [
+        createElementVNode("div", _hoisted_12, [
+          _cache[10] || (_cache[10] = createElementVNode("span", null, "堆内存", -1)),
+          createElementVNode("strong", null, toDisplayString($options.bytes($data.snapshot.heap.used)), 1),
+          createVNode(_component_el_progress, {
+            percentage: $options.percent($data.snapshot.heap.used, $data.snapshot.heap.max),
+            color: $options.pressureColor
+          }, null, 8, ["percentage", "color"]),
+          createElementVNode("small", null, "上限 " + toDisplayString($options.bytes($data.snapshot.heap.max)) + " · 已提交 " + toDisplayString($options.bytes($data.snapshot.heap.committed)), 1)
+        ]),
+        createElementVNode("div", _hoisted_13, [
+          _cache[11] || (_cache[11] = createElementVNode("span", null, "非堆内存", -1)),
+          createElementVNode("strong", null, toDisplayString($options.bytes($data.snapshot.nonHeap.used)), 1),
+          createElementVNode("small", null, "上限 " + toDisplayString($options.bytes($data.snapshot.nonHeap.max)) + " · 已提交 " + toDisplayString($options.bytes($data.snapshot.nonHeap.committed)), 1)
+        ]),
+        createElementVNode("div", _hoisted_14, [
+          _cache[12] || (_cache[12] = createElementVNode("span", null, "直接 / 映射缓冲区", -1)),
+          createElementVNode("strong", null, toDisplayString($options.bytes($data.snapshot.directBytes)), 1),
+          createElementVNode("small", null, "映射 " + toDisplayString($options.bytes($data.snapshot.mappedBytes)), 1),
+          createElementVNode("small", null, "直接内存预算 " + toDisplayString($data.snapshot.directMemoryLimitBytes ? $options.bytes($data.snapshot.directMemoryLimitBytes) : "未配置，仅监控"), 1)
+        ]),
+        createElementVNode("div", _hoisted_15, [
+          _cache[13] || (_cache[13] = createElementVNode("span", null, "GC 累计次数 / 耗时", -1)),
+          createElementVNode("strong", null, toDisplayString($data.snapshot.gcCount) + " 次", 1),
+          createElementVNode("small", null, toDisplayString(($data.snapshot.gcTimeMillis / 1e3).toFixed(2)) + " 秒 · JVM 启动以来累计", 1),
+          createElementVNode("small", null, "已拒绝请求 " + toDisplayString($data.snapshot.rejectedRequests) + " 次", 1)
+        ])
+      ])) : createCommentVNode("", true),
+      createElementVNode("div", _hoisted_16, [
+        createElementVNode("div", _hoisted_17, [
+          _cache[14] || (_cache[14] = createElementVNode("h3", null, "内存压力趋势", -1)),
+          createElementVNode("span", null, "当前 " + toDisplayString(($data.snapshot.pressureRatio * 100).toFixed(1)) + "% · 当前页面最近 60 个采样点", 1)
+        ]),
+        $data.history.length > 1 ? (openBlock(), createElementBlock("svg", _hoisted_18, [
+          createElementVNode("line", {
+            x1: "0",
+            y1: 120 * (1 - $data.snapshot.rejectThreshold),
+            x2: "600",
+            y2: 120 * (1 - $data.snapshot.rejectThreshold),
+            stroke: "#e6a23c",
+            "stroke-dasharray": "5 5"
+          }, null, 8, _hoisted_19),
+          createElementVNode("polyline", {
+            points: $options.trendPoints,
+            fill: "none",
+            stroke: "#3074ef",
+            "stroke-width": "2",
+            "vector-effect": "non-scaling-stroke"
+          }, null, 8, _hoisted_20)
+        ])) : (openBlock(), createElementBlock("p", _hoisted_21, toDisplayString($data.snapshot.enabled ? "等待下一次采样形成趋势" : "监控已关闭"), 1)),
+        createElementVNode("div", _hoisted_22, [
+          createElementVNode("small", null, toDisplayString($data.history.length ? $options.time($data.history[0].sampledAt) : "—"), 1),
+          createElementVNode("small", null, toDisplayString($options.time($data.snapshot.sampledAt)), 1)
+        ])
+      ]),
+      $data.snapshot.threads ? (openBlock(), createElementBlock("div", _hoisted_23, [
+        createElementVNode("div", _hoisted_24, [
+          _cache[15] || (_cache[15] = createElementVNode("h3", null, "线程监控", -1)),
+          createElementVNode("span", null, "采样 " + toDisplayString($options.time($data.snapshot.threads.sampledAt)), 1)
+        ]),
+        createElementVNode("div", _hoisted_25, [
+          createElementVNode("span", null, [
+            _cache[16] || (_cache[16] = createTextVNode("活动线程 ", -1)),
+            createElementVNode("strong", null, toDisplayString($data.snapshot.threads.live), 1)
+          ]),
+          createElementVNode("span", null, [
+            _cache[17] || (_cache[17] = createTextVNode("峰值线程 ", -1)),
+            createElementVNode("strong", null, toDisplayString($data.snapshot.threads.peak), 1)
+          ]),
+          createElementVNode("span", null, [
+            _cache[18] || (_cache[18] = createTextVNode("RUNNABLE ", -1)),
+            createElementVNode("strong", null, toDisplayString($data.snapshot.threads.runnable), 1)
+          ]),
+          createElementVNode("span", null, [
+            _cache[19] || (_cache[19] = createTextVNode("BLOCKED ", -1)),
+            createElementVNode("strong", null, toDisplayString($data.snapshot.threads.blocked), 1)
+          ]),
+          createElementVNode("span", null, [
+            _cache[20] || (_cache[20] = createTextVNode("WAITING ", -1)),
+            createElementVNode("strong", null, toDisplayString($data.snapshot.threads.waiting + $data.snapshot.threads.timedWaiting), 1)
+          ]),
+          createElementVNode("span", null, [
+            _cache[21] || (_cache[21] = createTextVNode("死锁线程 ", -1)),
+            createElementVNode("strong", {
+              class: normalizeClass({ "is-danger": $data.snapshot.threads.deadlocked > 0 })
+            }, toDisplayString($data.snapshot.threads.deadlocked), 3)
+          ]),
+          createElementVNode("span", null, [
+            _cache[22] || (_cache[22] = createTextVNode("线程栈估算 ", -1)),
+            createElementVNode("strong", null, toDisplayString($data.snapshot.threads.stackBytesEstimated ? $options.bytes($data.snapshot.threads.stackBytesEstimate) : "未知"), 1)
+          ])
+        ]),
+        _cache[23] || (_cache[23] = createElementVNode("p", null, "线程栈是按活动线程数和 Xss 参数估算的保留空间，不等于实际 RSS；死锁扫描按 30 秒周期执行。", -1))
+      ])) : createCommentVNode("", true)
+    ], 64)) : !$data.loading && !$data.error ? (openBlock(), createElementBlock("p", _hoisted_26, "暂无采样数据")) : createCommentVNode("", true),
+    createVNode(_component_el_dialog, {
+      modelValue: $data.jstackVisible,
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.jstackVisible = $event),
+      width: "80%",
+      "append-to-body": ""
+    }, {
+      title: withCtx(() => [
+        createElementVNode("div", _hoisted_27, [
+          _cache[25] || (_cache[25] = createElementVNode("span", null, "JVM jstack（有界快照）", -1)),
+          createElementVNode("span", _hoisted_28, [
+            createVNode(_component_el_button, {
+              size: "small",
+              icon: "el-icon-document-copy",
+              disabled: !$data.jstackSnapshot,
+              onClick: $options.copyJstack
+            }, {
+              default: withCtx(() => [..._cache[24] || (_cache[24] = [
+                createTextVNode("复制", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled", "onClick"])
+          ])
+        ])
+      ]),
+      default: withCtx(() => [
+        $data.jstackSnapshot ? (openBlock(), createElementBlock("div", _hoisted_29, "线程 " + toDisplayString($data.jstackSnapshot.threadCount) + "，输出 " + toDisplayString($data.jstackSnapshot.includedThreads) + " 条，栈空间估算 " + toDisplayString($data.jstackSnapshot.stackBytesEstimated ? $options.bytes($data.jstackSnapshot.stackBytesEstimate) : "未知"), 1)) : createCommentVNode("", true),
+        $data.jstackSnapshot ? (openBlock(), createElementBlock("pre", _hoisted_30, toDisplayString($data.jstackSnapshot.text), 1)) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const JvmMemoryMonitor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-edc0b42c"]]);
+export {
+  JvmMemoryMonitor as default
+};

package/dist/src/views/Module.js

@@ -1,173 +1,6 @@
 import '../../style.css';
-import { DELETE_MODULE_ROUTER, SET_ROUTER } from "@epxing/core/src/store/actions";
-import { mapState } from "vuex";
-import { resolveComponent, openBlock, createElementBlock, createBlock, createCommentVNode } from "vue";
-/* empty css           */
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "epx-module",
-  props: {
-    router: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  data() {
-    return {
-      showPage: false,
-      moduleIndexPage: "",
-      moduleRouters: [],
-      initRoute: null
-    };
-  },
-  computed: {
-    ...mapState({
-      // routers: state => state.router.moduleRouters,
-      // route: state => state.router.moduleRoute,
-      user: (state) => state.user.user
-    }),
-    pageId() {
-      return this.route.pageId || this.moduleIndexPage;
-    },
-    // moduleRouters () {
-    //   const { children = [] } = this.router
-    //   return children
-    // },
-    moduleRouter() {
-      return this.moduleRouters[this.moduleRouters.length - 1] || {};
-    }
-  },
-  watch: {
-    $routers: {
-      handler(routers) {
-        routers.forEach((item) => {
-          if (item.key === this.router.key) {
-            const { children = [] } = item;
-            this.moduleRouters = [...children];
-          }
-        });
-      },
-      deep: true
-    },
-    moduleRouter: {
-      handler(v, oldV) {
-        if (!(v.pageId === oldV.pageId && v.flag === oldV.flag && v.metaId === oldV.metaId && v.component === oldV.component)) {
-          this.reloadPageDebounce();
-        }
-      },
-      deep: true
-    }
-  },
-  provide() {
-    return {
-      $changeRouter: this.changeRouter,
-      $reloadPage: this.reloadPage,
-      $backPage: this.$popModuleRoute
-    };
-  },
-  methods: {
-    reloadPage() {
-      this.showPage = false;
-      this.$nextTick(() => {
-        if (this.moduleRouter.pageId || this.moduleRouter.flag || this.moduleIndexPage || this.moduleRouter.component) {
-          const timer = setTimeout(() => {
-            this.showPage = true;
-            clearTimeout(timer);
-          }, 0);
-        }
-      });
-    },
-    getModule() {
-      let { moduleId } = this.$route.query;
-      if (this.router.query) {
-        moduleId = this.router.query.moduleId;
-      }
-      if (!moduleId) {
-        if (this.user.currentRoleEntity) {
-          const { MENU: USER_MENU } = this.user.currentRoleEntity.data;
-          moduleId = USER_MENU;
-        }
-      }
-      this.$http.get({
-        entityId: "FM_MODULE",
-        id: moduleId
-      }).then((data) => {
-        if (data) {
-          const module = data.data || {};
-          const date = (/* @__PURE__ */ new Date()).getTime();
-          if (!this.router.query) {
-            this.$createPage({
-              key: this.$routers.length === 0 ? "nav-" + date : date,
-              moduleId: module.ID,
-              title: module.NAME,
-              openType: "1"
-            });
-            this.initRoute = {
-              key: this.$routers.length === 0 ? "nav-" + date : date,
-              moduleId: module.ID,
-              title: module.NAME
-            };
-          } else {
-            if (!this.router.children || this.router.children.length === 0) {
-              const router = {
-                ...this.router,
-                children: [
-                  { key: date, pageId: module.MAIN_PAGE, moduleId }
-                ]
-              };
-              this.initRoute = { key: date, pageId: module.MAIN_PAGE, moduleId };
-              this.$store.commit(SET_ROUTER, { key: this.router.key, router });
-            }
-          }
-        }
-      });
-    },
-    addListenerRouter() {
-      this.$bus.off("push");
-      this.$bus.off("pop");
-    },
-    removeListenerRouter() {
-      this.$store.commit(DELETE_MODULE_ROUTER);
-    },
-    changeRouter(v) {
-    },
-    back() {
-      this.$popModuleRoute();
-    }
-  },
-  created() {
-    this.getModule();
-    this.addListenerRouter();
-    this.reloadPageDebounce = this.$_.debounce(this.reloadPage, 20);
-  },
-  beforeUnmount() {
-    this.removeListenerRouter();
-  }
-};
-const _hoisted_1 = {
-  ref: "module",
-  id: "module",
-  class: "module"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_epx_page = resolveComponent("epx-page");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    $data.showPage ? (openBlock(), createBlock(_component_epx_page, {
-      key: 0,
-      onChangeRouter: $options.changeRouter,
-      onBack: $options.back,
-      pageId: $options.moduleRouter.pageId,
-      flag: $options.moduleRouter.flag,
-      metaId: $options.moduleRouter.metaId,
-      component: $options.moduleRouter.component,
-      router: $options.moduleRouter,
-      "current-query": $options.moduleRouter
-    }, null, 8, ["onChangeRouter", "onBack", "pageId", "flag", "metaId", "component", "router", "current-query"])) : createCommentVNode("", true)
-  ], 512);
-}
-const Module = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ef3e2f88"]]);
+import __VUE_DEFAULT__ from "@epxing/core/src/views/Module.vue";
+const _sfc_main = __VUE_DEFAULT__;
 export {
-  Module as default
+  _sfc_main as default
 };