@shjjs/visual-ui 1.0.13 → 1.0.15

package/es/core/datasource/index.mjs

@@ -0,0 +1,188 @@
+var x = Object.defineProperty;
+var A = (h, a, t) => a in h ? x(h, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[a] = t;
+var T = (h, a, t) => A(h, typeof a != "symbol" ? a + "" : a, t);
+import { isArray as V, isString as K, cloneDeep as P } from "lodash";
+import { parseStaticData as U } from "./core/static.mjs";
+import { parseUrlData as j } from "./core/url.mjs";
+import { parseVariableData as v } from "./core/variable.mjs";
+import { parseAPIPort as E } from "./core/api.mjs";
+import { parseWebSocket as F } from "./core/ws.mjs";
+import { DataSourceUtils as g } from "./utils/utils.mjs";
+const D = class D {
+  static addParser(a, t) {
+    this.parsers.add({ type: a, parser: t });
+  }
+  static getParser(a) {
+    const t = Array.from(this.parsers).find((e) => e.type === a);
+    return t == null ? void 0 : t.parser;
+  }
+  /**
+   * 解析数据源
+   * @param sources 数据源
+   * @param callback 回调函数
+   * @param tId 组件id
+   * @param isStore 是否存储
+   * @param noUseMapping 是否不使用映射
+   * @param isInterval 是否开启定时任务
+   * @returns
+   */
+  static parse({ sources: a, callback: t, tId: e, isStore: s = !1, noUseMapping: n = !1, isInterval: i = !0 }) {
+    return window.SHJDatasourceV2Timer ?? (window.SHJDatasourceV2Timer = []), t ?? (t = () => {
+    }), a && V(a) && a.length > 0 ? new Promise((p, o) => {
+      g.cleanupPreviousWebSockets(this.wsInstances, a.map((r) => r.id), e);
+      const c = /* @__PURE__ */ new Set(), m = this.wsInstances.get(e) || /* @__PURE__ */ new Set();
+      a.forEach((r) => {
+        var S;
+        if (i) {
+          const { source: f } = r, d = `${e}-${r.id}`, y = window.SHJDatasourceV2Timer.findIndex((w) => w.id === d);
+          if (y !== -1 && (clearInterval(window.SHJDatasourceV2Timer[y].timer), window.SHJDatasourceV2Timer.splice(y, 1)), f.isAutoUpdate) {
+            const w = setInterval(() => {
+              var l;
+              (l = this.task(r, s, n, e, (u) => t(u))) == null || l.then((u) => p(u));
+            }, f.autoUpdateTime * 1e3);
+            window.SHJDatasourceV2Timer.push({ id: d, timer: w });
+          }
+        }
+        if (r.source.type !== "ws") {
+          (S = this.task(r, s, n, e, (f) => t(f))) == null || S.then((f) => p(f));
+          return;
+        }
+        if (g.hasValidWebSocket(this.wsInstances, e, r.id))
+          m.forEach((f) => {
+            f.getId() === r.id && c.add(f);
+          });
+        else {
+          const f = F(r, r.id, n, e, (d) => {
+            p(d), t({ data: [{ data: d.finalUserData.data }] });
+          });
+          c.add(f);
+        }
+      }), c.size > 0 && this.wsInstances.set(e, c);
+    }) : (t([]), Promise.resolve([]));
+  }
+  /**
+   * 执行数据源任务
+   * @param sources 数据源
+   * @param isStore 是否存储
+   * @param noUseMapping 是否不使用映射
+   * @param tId 组件id
+   * @param callback 回调函数
+   * @returns
+   */
+  static task(a, t = !1, e = !1, s, n = () => {
+  }) {
+    return a ? new Promise((i, p) => {
+      let o = null;
+      const { source: c } = a, m = this.getParser(c.type);
+      m && (o = m(a, a.id, e)), o.then((r) => {
+        n(e ? r.noMappingData : r.finalKeyData), i(r);
+      });
+    }) : (n([]), Promise.resolve([]));
+  }
+  /**
+   * 过滤数据
+   * @param filter 过滤器
+   * @param data 数据
+   * @returns
+   */
+  static filterData(a, t) {
+    return new Promise((e, s) => {
+      if (K(a))
+        try {
+          const n = g.getVariableData();
+          let i = `
+                        ${a}
+            
+                        // 在这里调用 filter 函数，并传递 data 参数
+                        return filter(data);
+                    `;
+          i = i.replace(/\/\*[\s\S]*?\*\/|\/\/.*/g, ""), i = g.replaceStringVariables(i, n);
+          const p = new Function("data", i);
+          e(p(t));
+        } catch {
+          e(null);
+        }
+    });
+  }
+  /**
+   * 处理数据
+   * @param filter 过滤器
+   * @param data 数据
+   * @param mappings 映射
+   * @param id 组件id
+   * @param dynamicMapping 是否动态映射
+   * @param noUseMapping 是否不使用映射
+   * @returns
+   */
+  static processData(a, t, e, s, n, i) {
+    return new Promise(function(p) {
+      const o = P({ id: s, data: t });
+      D.filterData(a, t).then((c) => {
+        const m = P({ id: s, data: c });
+        if (i)
+          p({
+            id: s,
+            finalKeyData: [],
+            finalUserData: { id: s, data: c },
+            filteredData: m,
+            rawData: o,
+            noMappingData: c
+          });
+        else {
+          let r = [];
+          V(c) && (r = c.map((d, y) => {
+            const w = {};
+            if (n && n && y === 0) {
+              const l = [];
+              for (const u in d) {
+                const I = e.find((b) => b.name === u);
+                I ? l.push({ alias: I.alias, name: u, type: "any", label: u, mapping: I.mapping, status: !0 }) : l.push({ alias: u, name: u, type: "any", label: u, mapping: u, status: !0 });
+              }
+              e.splice(0, e.length), e.push(...l);
+            }
+            return e.forEach((l) => {
+              l.alias ? w[l.alias] = d[l.mapping] : w[l.name] = d[l.mapping];
+            }), w;
+          }));
+          const S = P({ id: s, data: r }), f = P({ id: s, data: D.parseMappedData(r, e, s) });
+          p({
+            id: s,
+            finalKeyData: r.length === 0 ? { id: s, data: c } : f,
+            finalUserData: r.length === 0 ? { id: s, data: c } : S,
+            filteredData: m,
+            rawData: o,
+            noMappingData: []
+          });
+        }
+      });
+    });
+  }
+  /**
+   * 解析数据为Key、Data格式
+   * @param data 数据
+   * @param mappings 映射
+   * @param id 组件id
+   * @returns
+   */
+  static parseMappedData(a, t, e) {
+    return a.reduce(
+      (s, n) => {
+        let i = "系列一";
+        t && t.find((o) => o.name === "series") && (i = n[t.find((o) => o.name === "series").name], delete n[t.find((o) => o.name === "series").name]);
+        const p = s.find((o) => o.key === i);
+        return p ? p.data.push(n) : s.push({ key: i, data: [n] }), s;
+      },
+      []
+    );
+  }
+};
+T(D, "wsInstances", /* @__PURE__ */ new Map()), T(D, "parsers", /* @__PURE__ */ new Set([
+  { type: "url", parser: j },
+  { type: "static", parser: U },
+  { type: "variable", parser: v },
+  { type: "api", parser: E }
+]));
+let k = D;
+export {
+  k as SHJDatasourceV2
+};

package/es/core/datasource/utils/request.d.ts

@@ -0,0 +1,3 @@
+import { HttpRequest, IContentType } from '@zerov/packages-request';
+export declare const httpRequest: HttpRequest;
+export { IContentType };

package/es/core/datasource/utils/request.mjs

@@ -0,0 +1,7 @@
+import { HttpRequest as t } from "@zerov/packages-request";
+import { IContentType as n } from "@zerov/packages-request";
+const o = new t();
+export {
+  n as IContentType,
+  o as httpRequest
+};

package/es/core/datasource/utils/useMapping.d.ts

@@ -0,0 +1,7 @@
+/** 映射关系处理 */
+export declare const useProcessData: (filter: any, data: any, mappings: any[], id: string, dynamicMapping?: boolean, noUseMapping?: boolean) => Promise<unknown>;
+/** 解析数据为Key、Data格式 */
+export declare const parseMappedData: (data: any[], mappings: any[], id: string) => {
+    key: string;
+    data: any[];
+}[];

package/es/core/datasource/utils/useMapping.mjs

@@ -0,0 +1,55 @@
+import { cloneDeep as u, isArray as b } from "lodash";
+import { SHJDatasourceV2 as g } from "../index.mjs";
+const P = (D, n, r, a, s, i) => new Promise(function(o) {
+  const t = u({ id: a, data: n });
+  g.filterData(D, n).then((l) => {
+    const p = u({ id: a, data: l });
+    if (i)
+      o({
+        id: a,
+        finalKeyData: [],
+        finalUserData: { id: a, data: l },
+        filteredData: p,
+        rawData: t,
+        noMappingData: l
+      });
+    else {
+      let c = [];
+      b(l) && (c = l.map((y, w) => {
+        const h = {};
+        if (s && s && w === 0) {
+          const e = [];
+          for (const f in y) {
+            const m = r.find((K) => K.name === f);
+            m ? e.push({ alias: m.alias, name: f, type: "any", label: f, mapping: m.mapping, status: !0 }) : e.push({ alias: f, name: f, type: "any", label: f, mapping: f, status: !0 });
+          }
+          r.splice(0, r.length), r.push(...e);
+        }
+        return r.forEach((e) => {
+          e.alias ? h[e.alias] = y[e.mapping] : h[e.name] = y[e.mapping];
+        }), h;
+      }));
+      const d = u({ id: a, data: c }), k = u({ id: a, data: x(c, r) });
+      o({
+        id: a,
+        finalKeyData: c.length === 0 ? { id: a, data: l } : k,
+        finalUserData: c.length === 0 ? { id: a, data: l } : d,
+        filteredData: p,
+        rawData: t,
+        noMappingData: []
+      });
+    }
+  });
+}), x = (D, n, r) => D.reduce(
+  (a, s) => {
+    let i = "系列一";
+    n && n.find((t) => t.name === "series") && (i = s[n.find((t) => t.name === "series").name], delete s[n.find((t) => t.name === "series").name]);
+    const o = a.find((t) => t.key === i);
+    return o ? o.data.push(s) : a.push({ key: i, data: [s] }), a;
+  },
+  []
+);
+export {
+  x as parseMappedData,
+  P as useProcessData
+};

package/es/core/datasource/utils/userRequest.d.ts

@@ -0,0 +1,3 @@
+import { HttpRequest, IContentType } from '@zerov/packages-request';
+export declare const httpRequest: HttpRequest;
+export { IContentType };

package/es/core/datasource/utils/userRequest.mjs

@@ -0,0 +1,7 @@
+import { HttpRequest as t } from "@zerov/packages-request";
+import { IContentType as n } from "@zerov/packages-request";
+const o = new t();
+export {
+  n as IContentType,
+  o as httpRequest
+};

package/es/core/datasource/utils/utils.d.ts

@@ -0,0 +1,50 @@
+export declare class DataSourceUtils {
+    /**
+     * 解析URL中是否包含全局变量
+     * 包含   则解析全局变量
+     * 不包含 则忽略
+     */
+    static replaceURLVariables(url: string, variableData: any[]): string;
+    /**
+     * 解析对象中是否包含全局变量
+     * 包含   则解析全局变量
+     * 不包含 则忽略
+     */
+    static replaceObjectVariables(obj: any, variableData: any[]): any;
+    /**
+     * 解析字符串中是否包含全局变量
+     * 包含   则解析全局变量
+     * 不包含 则忽略
+     */
+    static replaceStringVariables(str: string, variableData: any[]): string;
+    /**
+     * 解析环境变量
+     * 包含   则解析环境变量
+     * 不包含 则忽略
+     */
+    static replaceEnvVariables(url: string, environments: any[]): string;
+    /**
+     * 返回空数据
+     */
+    static noneData(id: string): {
+        id: string;
+        finalKeyData: any[];
+        finalUserData: {
+            id: string;
+            data: any[];
+        };
+        filteredData: any[];
+        rawData: any[];
+        noMappingData: any[];
+    };
+    /**
+     * 获取环境变量
+     */
+    static getEnvironments(): any;
+    /**
+     * 获取变量数据
+     */
+    static getVariableData(): any;
+    static hasValidWebSocket(wsInstances: any, tId: string, sourceId: string): boolean;
+    static cleanupPreviousWebSockets(wsInstances: any, sourceIds: string[], tId: string): void;
+}

package/es/core/datasource/utils/utils.mjs

@@ -0,0 +1,123 @@
+import { isArray as i } from "lodash";
+class f {
+  /**
+   * 解析URL中是否包含全局变量
+   * 包含   则解析全局变量
+   * 不包含 则忽略
+   */
+  static replaceURLVariables(e, l) {
+    try {
+      const r = e.match(/\${(.*?)}/g);
+      if (r)
+        for (let t = 0; t < r.length; t++) {
+          const a = l.filter((n) => n.name === r[t].substring(2, r[t].length - 1));
+          a && i(a) && a.length > 0 && (e = e.replaceAll(r[t], a[0]._value));
+        }
+      return e;
+    } catch {
+      return e;
+    }
+  }
+  /**
+   * 解析对象中是否包含全局变量
+   * 包含   则解析全局变量
+   * 不包含 则忽略
+   */
+  static replaceObjectVariables(e, l) {
+    try {
+      let r = JSON.stringify(e);
+      const t = r.match(/\$g{(.*?)}/g);
+      if (t) {
+        for (let a = 0; a < t.length; a++) {
+          const n = l.filter((c) => c.name === t[a].substring(3, t[a].length - 1));
+          n && i(n) && n.length > 0 && (r = r.replaceAll(t[a], n[0]._value));
+        }
+        return JSON.parse(r);
+      }
+      return e;
+    } catch {
+      return e;
+    }
+  }
+  /**
+   * 解析字符串中是否包含全局变量
+   * 包含   则解析全局变量
+   * 不包含 则忽略
+   */
+  static replaceStringVariables(e, l) {
+    try {
+      const r = e.match(/\$g{(.*?)}/g);
+      if (r)
+        for (let t = 0; t < r.length; t++) {
+          const a = l.filter((n) => n.name === r[t].substring(3, r[t].length - 1));
+          a && i(a) && a.length > 0 && (e = e.replaceAll(r[t], a[0]._value));
+        }
+      return e;
+    } catch {
+      return e;
+    }
+  }
+  /**
+   * 解析环境变量
+   * 包含   则解析环境变量
+   * 不包含 则忽略
+   */
+  static replaceEnvVariables(e, l) {
+    try {
+      let r = "";
+      if (!e.includes("http") && l) {
+        const t = l.filter((a) => a.selected);
+        t && i(t) && t.length > 0 && (r = t[0].envBaseUrl || "");
+      }
+      return r;
+    } catch {
+      return "";
+    }
+  }
+  /**
+   * 返回空数据
+   */
+  static noneData(e) {
+    return {
+      id: e,
+      finalKeyData: [],
+      finalUserData: { id: e, data: [] },
+      filteredData: [],
+      rawData: [],
+      noMappingData: []
+    };
+  }
+  /**
+   * 获取环境变量
+   */
+  static getEnvironments() {
+    let e = localStorage.getItem("currentApiEnvironments");
+    return e && (e = JSON.parse(e)), e;
+  }
+  /**
+   * 获取变量数据
+   */
+  static getVariableData() {
+    let e = localStorage.getItem("currentVariableData");
+    return e && (e = JSON.parse(e)), e;
+  }
+  // 新增：检查 WebSocket 是否已存在且有效
+  static hasValidWebSocket(e, l, r) {
+    const t = e.get(l);
+    if (!t) return !1;
+    for (const a of t)
+      if (a.getId() === r && a.isConnected())
+        return !0;
+    return !1;
+  }
+  // 优化：只在必要时清理 WebSocket 连接
+  static cleanupPreviousWebSockets(e, l, r) {
+    const t = e.get(r);
+    t && (t.forEach((a) => {
+      l.includes(a.getId()) || (a.disconnect(), t.delete(a));
+    }), t.size === 0 && e.delete(r));
+  }
+}
+export {
+  f as DataSourceUtils
+};

package/es/core/datasource/utils/wsManager.d.ts

@@ -0,0 +1,16 @@
+declare class WebSocketManager {
+    private static instance;
+    private connections;
+    static getInstance(): WebSocketManager;
+    add(ws: WebSocket, componentId: string): void;
+    closeByComponentIds(componentIds: string | string[]): void;
+    private removeAllListeners;
+    closeAll(): void;
+    private setupAutoRemove;
+    getConnectionsInfo(): {
+        componentId: string;
+        readyState: number;
+    }[];
+}
+export declare const wsManager: WebSocketManager;
+export {};

package/es/core/datasource/utils/wsManager.mjs

@@ -0,0 +1,78 @@
+var d = Object.defineProperty;
+var h = (s, e, o) => e in s ? d(s, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[e] = o;
+var r = (s, e, o) => h(s, typeof e != "symbol" ? e + "" : e, o);
+const n = class n {
+  constructor() {
+    r(this, "connections", /* @__PURE__ */ new Set());
+  }
+  // 单例模式
+  static getInstance() {
+    return n.instance || (n.instance = new n()), n.instance;
+  }
+  // 添加 WebSocket 连接
+  add(e, o) {
+    Array.from(this.connections).filter((t) => t.componentId === o).forEach((t) => {
+      if (this.removeAllListeners(t.ws), t.ws.readyState !== WebSocket.CLOSED)
+        try {
+          t.ws.close(1e3, `Replacing connection for component ${o}`);
+        } catch {
+        }
+      this.connections.delete(t);
+    });
+    const c = { ws: e, componentId: o };
+    this.connections.add(c), this.setupAutoRemove(e, c);
+  }
+  // 改进点：更彻底的连接关闭 + 内存泄漏防护
+  closeByComponentIds(e) {
+    const o = Array.isArray(e) ? e : [e], i = new Set(o);
+    Array.from(this.connections).filter(
+      (t) => i.has(t.componentId) && t.ws.readyState !== WebSocket.CLOSED
+    ).forEach((t) => {
+      this.removeAllListeners(t.ws);
+      try {
+        t.ws.close(1e3, `Component ${t.componentId} unmounted`);
+      } catch {
+      }
+      this.connections.delete(t);
+    });
+  }
+  // 辅助方法：清理事件监听器
+  removeAllListeners(e) {
+    const o = () => {
+    };
+    e.onopen = o, e.onmessage = o, e.onerror = o, e.onclose = o, "removeAllListeners" in e && e.removeAllListeners();
+  }
+  // 关闭所有连接
+  closeAll() {
+    this.connections.forEach((e) => {
+      if (e.ws.readyState === WebSocket.OPEN || e.ws.readyState === WebSocket.CONNECTING)
+        try {
+          e.ws.close(1e3, "All connections closed");
+        } catch {
+        }
+    }), this.connections.clear();
+  }
+  // 自动移除已关闭的连接
+  setupAutoRemove(e, o) {
+    const i = e.close.bind(e);
+    e.close = (c, t) => {
+      this.connections.delete(o), i(c, t);
+    }, e.onclose = () => {
+      this.connections.delete(o);
+    };
+  }
+  // 用于调试的方法
+  getConnectionsInfo() {
+    return Array.from(this.connections).map((e) => ({
+      componentId: e.componentId,
+      readyState: e.ws.readyState
+    }));
+  }
+};
+// eslint-disable-next-line no-use-before-define
+r(n, "instance");
+let a = n;
+const A = a.getInstance();
+export {
+  A as wsManager
+};

package/es/env.d.ts

@@ -20,8 +20,6 @@ declare interface Window {
         url: string
         ref: any
     };
-    // 全局数据源函数
-    SHJDatasourceV2: ({ sources, callback, tId, isStore, noUseMapping, isInterval }: { sources: IDataSource[], callback?: Function, tId: string, isStore?: boolean, noUseMapping?: boolean, isInterval?: boolean }) => void;
     SHJDatasourceV2Timer: {
         id: string
         timer: any

package/es/index.d.ts

@@ -1,7 +1,8 @@
 import { App } from 'vue';
 export * from './components/index';
-export * from './utils/shj/component-refs';
+export * from './commons/utils/shj/component-refs';
 declare const _default: {
     install: (app: App) => void;
 };
 export default _default;
+export * from './commons/core/datasource';