@shjjs/visual-ui 1.0.14 → 1.0.15

package/es/commons/core/datasource/core/api.d.ts

@@ -0,0 +1 @@
+export declare const parseAPIPort: (source: any, id: string, noUseMapping: boolean) => Promise<unknown>;

package/es/commons/core/datasource/core/api.mjs

@@ -0,0 +1,32 @@
+import { SHJDatasourceV2 as T } from "../index.mjs";
+import { httpRequest as s } from "../utils/request.mjs";
+import { DataSourceUtils as t } from "../utils/utils.mjs";
+const q = (f, e, y) => new Promise(function(r, U) {
+  const { api: n } = f.source;
+  try {
+    if (n) {
+      let { isHeaders: m, isBody: h, headers: c, contentType: u, url: a, postParam: o } = n;
+      const E = t.getEnvironments(), l = t.getVariableData(), i = (P) => {
+        P.then((D) => {
+          if (D.status === 200) {
+            const { filter: V, mapping: g } = f.source;
+            T.processData(V, D.data, g, e, f.source.dynamicMapping, y).then((b) => {
+              b && r(b);
+            }).catch(() => r(t.noneData(e)));
+            return;
+          }
+          r(t.noneData(e));
+        }).catch(() => {
+          r(t.noneData(e));
+        });
+      }, p = t.replaceEnvVariables(a, E);
+      a = t.replaceURLVariables(a, l), h && (o = t.replaceObjectVariables(o, l)), m && (c = t.replaceObjectVariables(c, l)), n.type === "GET" && i(s.get(p + a, { headers: c })), n.type === "POST" && i(s.post(p + a, o, { headers: c }, u)), n.type === "PUT" && i(s.put(p + a, o, { headers: c }, u)), n.type === "DELETE" && i(s.delete(p + a, { headers: c }));
+    } else
+      r(t.noneData(e));
+  } catch {
+    r(t.noneData(e));
+  }
+});
+export {
+  q as parseAPIPort
+};

package/es/commons/core/datasource/core/static.d.ts

@@ -0,0 +1 @@
+export declare const parseStaticData: (source: any, id: string, noUseMapping: boolean) => Promise<unknown>;

package/es/commons/core/datasource/core/static.mjs

@@ -0,0 +1,16 @@
+import { SHJDatasourceV2 as e } from "../index.mjs";
+import { DataSourceUtils as n } from "../utils/utils.mjs";
+const m = (t, a, c) => new Promise(function(r, i) {
+  if (t.source.static !== void 0) {
+    e.processData(t.source.filter, t.source.static, t.source.mapping, a, t.source.dynamicMapping, c).then((o) => {
+      r(o);
+    }).catch(() => {
+      r(n.noneData(a));
+    });
+    return;
+  }
+  r(n.noneData(a));
+});
+export {
+  m as parseStaticData
+};

package/es/commons/core/datasource/core/url.d.ts

@@ -0,0 +1 @@
+export declare const parseUrlData: (source: any, id: string, noUseMapping: boolean) => Promise<unknown>;

package/es/commons/core/datasource/core/url.mjs

@@ -0,0 +1,17 @@
+import { SHJDatasourceV2 as i } from "../index.mjs";
+import { DataSourceUtils as n } from "../utils/utils.mjs";
+const f = (t, a, c) => new Promise(function(r, m) {
+  const o = new URLSearchParams(window.location.search), e = Object.fromEntries(o.entries());
+  if (Object.keys(e).length > 0) {
+    i.processData(t.source.filter, e, t.source.mapping, a, t.source.dynamicMapping, c).then((s) => {
+      r(s);
+    }).catch(() => {
+      r(n.noneData(a));
+    });
+    return;
+  }
+  r(n.noneData(a));
+});
+export {
+  f as parseUrlData
+};

package/es/commons/core/datasource/core/variable.d.ts

@@ -0,0 +1 @@
+export declare const parseVariableData: (source: any, id: string, noUseMapping: boolean) => Promise<unknown>;

package/es/commons/core/datasource/core/variable.mjs

@@ -0,0 +1,17 @@
+import { SHJDatasourceV2 as c } from "../index.mjs";
+import { DataSourceUtils as n } from "../utils/utils.mjs";
+const s = (a, r, o) => new Promise(function(e, D) {
+  const i = n.getVariableData().find((t) => t.id === a.source.variableId || t.name === a.source.variableId);
+  if (i) {
+    c.processData(a.source.filter, i._value, a.source.mapping, r, a.source.dynamicMapping, o).then((t) => {
+      e(t);
+    }).catch(() => {
+      e(n.noneData(r));
+    });
+    return;
+  }
+  e(n.noneData(r));
+});
+export {
+  s as parseVariableData
+};

package/es/commons/core/datasource/core/ws.d.ts

@@ -0,0 +1,32 @@
+declare type WsCallback = (data: any) => void;
+declare type WsEventCallback = (event: string, data?: any) => void;
+export declare class WebSocketInstance {
+    private source;
+    private id;
+    private noUseMapping;
+    private tId;
+    private onData?;
+    private onEvent?;
+    private ws;
+    private reconnectAttempts;
+    private timeoutTimer?;
+    private isDisconnecting;
+    private config;
+    constructor(source: any, id: string, noUseMapping: boolean, tId: string, onData?: WsCallback, onEvent?: WsEventCallback);
+    getId(): string;
+    isConnected(): boolean;
+    private processProtocols;
+    private injectHeadersToUrl;
+    private connect;
+    private handleOpen;
+    private handleMessage;
+    private handleError;
+    private handleClose;
+    private shouldReconnect;
+    private scheduleReconnect;
+    send(data: string | object): void;
+    disconnect(): void;
+    getWebSocket(): WebSocket;
+}
+export declare const parseWebSocket: (source: any, id: string, noUseMapping: boolean, tId: string, onData?: WsCallback, onEvent?: WsEventCallback) => WebSocketInstance;
+export {};

package/es/commons/core/datasource/core/ws.mjs

@@ -0,0 +1,138 @@
+var p = Object.defineProperty;
+var g = (c, t, e) => t in c ? p(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
+var d = (c, t, e) => g(c, typeof t != "symbol" ? t + "" : t, e);
+import { SHJDatasourceV2 as f } from "../index.mjs";
+import { wsManager as m } from "../utils/wsManager.mjs";
+import { DataSourceUtils as l } from "../utils/utils.mjs";
+class w {
+  constructor(t, e, s, i, n, o) {
+    d(this, "ws", null);
+    d(this, "reconnectAttempts", 0);
+    d(this, "timeoutTimer");
+    d(this, "isDisconnecting", !1);
+    d(this, "config");
+    this.source = t, this.id = e, this.noUseMapping = s, this.tId = i, this.onData = n, this.onEvent = o;
+    const { websocket: r } = t.source;
+    if (!r) {
+      n == null || n(l.noneData(e)), this.config = {
+        url: "",
+        reconnect: !1,
+        timeout: 3e4
+      };
+      return;
+    }
+    this.config = r, this.connect();
+  }
+  // 新增：获取连接ID
+  getId() {
+    return this.id;
+  }
+  // 新增：检查连接是否有效
+  isConnected() {
+    return this.ws !== null && this.ws.readyState === WebSocket.OPEN;
+  }
+  processProtocols() {
+    const { protocols: t = "" } = this.config;
+    return t ? Array.isArray(t) ? t : t.split(/\s*,\s*/) : [];
+  }
+  injectHeadersToUrl(t) {
+    try {
+      const e = new URL(t);
+      return Object.entries(this.config.headers || {}).forEach(([s, i]) => {
+        e.searchParams.append(s, i);
+      }), e.toString();
+    } catch {
+      return t;
+    }
+  }
+  connect() {
+    var r, h;
+    if (this.isDisconnecting) return;
+    const {
+      url: t,
+      isHeaders: e = !1,
+      binaryType: s = "blob",
+      timeout: i = 3e4
+    } = this.config, n = e ? this.injectHeadersToUrl(t) : t, o = this.processProtocols();
+    m.closeByComponentIds(this.tId);
+    try {
+      this.ws = o.length > 0 ? new WebSocket(n, o) : new WebSocket(n), this.ws && (m.add(this.ws, this.tId), this.ws.binaryType = s, this.timeoutTimer = setTimeout(() => {
+        var a, u;
+        ((a = this.ws) == null ? void 0 : a.readyState) === WebSocket.CONNECTING && (this.ws.close(), (u = this.onEvent) == null || u.call(this, "error", "Connection timeout"), this.handleClose({ code: 4001, reason: "Timeout" }));
+      }, i), this.ws.onopen = this.handleOpen.bind(this), this.ws.onmessage = this.handleMessage.bind(this), this.ws.onerror = this.handleError.bind(this), this.ws.onclose = this.handleClose.bind(this), (r = this.onEvent) == null || r.call(this, "connecting"));
+    } catch (a) {
+      (h = this.onEvent) == null || h.call(this, "error", a), this.scheduleReconnect();
+    }
+  }
+  handleOpen() {
+    var s, i, n, o;
+    this.timeoutTimer && clearTimeout(this.timeoutTimer), (s = this.onEvent) == null || s.call(this, "connected"), this.reconnectAttempts = 0;
+    const { message: t, isMessage: e } = this.config;
+    if (t && e)
+      try {
+        const r = l.getVariableData(), h = typeof t == "string" ? l.replaceStringVariables(t, r) : l.replaceObjectVariables(t, r), a = typeof h == "string" ? h : JSON.stringify(h);
+        (i = this.ws) == null || i.send(a), (n = this.onEvent) == null || n.call(this, "messageSent", a);
+      } catch {
+        (o = this.onEvent) == null || o.call(this, "error", "Failed to send initial message");
+      }
+  }
+  async handleMessage(t) {
+    var e, s, i, n;
+    try {
+      let o = t.data;
+      if (typeof o == "string")
+        try {
+          o = JSON.parse(o);
+        } catch {
+        }
+      const r = await f.processData(
+        this.source.source.filter,
+        o,
+        this.source.source.mapping,
+        this.id,
+        this.source.source.dynamicMapping,
+        this.noUseMapping
+      );
+      (e = this.onData) == null || e.call(this, r), (s = this.onEvent) == null || s.call(this, "data", r);
+    } catch {
+      (i = this.onEvent) == null || i.call(this, "error", "Data processing failed"), (n = this.onData) == null || n.call(this, l.noneData(this.id));
+    }
+  }
+  handleError(t) {
+    var e, s, i;
+    (e = this.onEvent) == null || e.call(this, "error", t), ((s = this.ws) == null ? void 0 : s.readyState) !== WebSocket.OPEN && ((i = this.onData) == null || i.call(this, l.noneData(this.id)));
+  }
+  handleClose(t) {
+    var e, s;
+    this.timeoutTimer && clearTimeout(this.timeoutTimer), (e = this.onEvent) == null || e.call(this, "disconnected", { code: t.code, reason: t.reason }), this.shouldReconnect(t) ? this.scheduleReconnect() : (s = this.onData) == null || s.call(this, l.noneData(this.id));
+  }
+  shouldReconnect(t) {
+    const { reconnect: e = !1, maxReconnectAttempts: s = 10 } = this.config;
+    return !this.isDisconnecting && e && this.reconnectAttempts < s && t.code !== 1e3 && t.code !== 4001;
+  }
+  scheduleReconnect() {
+    var s;
+    if (this.isDisconnecting) return;
+    const { reconnectInterval: t = 5e3 } = this.config;
+    this.reconnectAttempts++;
+    const e = t * Math.pow(2, this.reconnectAttempts - 1);
+    (s = this.onEvent) == null || s.call(this, "reconnecting", { attempt: this.reconnectAttempts, delay: e }), setTimeout(() => this.connect(), Math.min(e, 3e4));
+  }
+  send(t) {
+    if (!this.ws || this.ws.readyState !== WebSocket.OPEN)
+      throw new Error("WebSocket 未连接");
+    const e = typeof t == "string" ? t : JSON.stringify(t);
+    this.ws.send(e);
+  }
+  disconnect() {
+    this.isDisconnecting = !0, this.ws && (this.ws.close(1e3, "Manual close"), this.timeoutTimer && clearTimeout(this.timeoutTimer), m.closeByComponentIds(this.tId));
+  }
+  getWebSocket() {
+    return this.ws;
+  }
+}
+const T = (c, t, e, s, i, n) => new w(c, t, e, s, i, n);
+export {
+  w as WebSocketInstance,
+  T as parseWebSocket
+};

package/es/commons/core/datasource/index.d.ts

@@ -0,0 +1,63 @@
+export declare class SHJDatasourceV2 {
+    private static wsInstances;
+    private static parsers;
+    static addParser(type: string, parser: Function): void;
+    static getParser(type: string): Function | undefined;
+    /**
+     * 解析数据源
+     * @param sources 数据源
+     * @param callback 回调函数
+     * @param tId 组件id
+     * @param isStore 是否存储
+     * @param noUseMapping 是否不使用映射
+     * @param isInterval 是否开启定时任务
+     * @returns
+     */
+    static parse({ sources, callback, tId, isStore, noUseMapping, isInterval }: {
+        sources: any;
+        callback: any;
+        tId: any;
+        isStore?: boolean;
+        noUseMapping?: boolean;
+        isInterval?: boolean;
+    }): Promise<unknown>;
+    /**
+     * 执行数据源任务
+     * @param sources 数据源
+     * @param isStore 是否存储
+     * @param noUseMapping 是否不使用映射
+     * @param tId 组件id
+     * @param callback 回调函数
+     * @returns
+     */
+    static task(sources: any, isStore: boolean, noUseMapping: boolean, tId: string, callback?: Function): Promise<unknown> | undefined;
+    /**
+     * 过滤数据
+     * @param filter 过滤器
+     * @param data 数据
+     * @returns
+     */
+    static filterData(filter: any, data: any): Promise<unknown>;
+    /**
+     * 处理数据
+     * @param filter 过滤器
+     * @param data 数据
+     * @param mappings 映射
+     * @param id 组件id
+     * @param dynamicMapping 是否动态映射
+     * @param noUseMapping 是否不使用映射
+     * @returns
+     */
+    static processData(filter: any, data: any, mappings: any[], id: string, dynamicMapping?: boolean, noUseMapping?: boolean): Promise<unknown>;
+    /**
+     * 解析数据为Key、Data格式
+     * @param data 数据
+     * @param mappings 映射
+     * @param id 组件id
+     * @returns
+     */
+    static parseMappedData(data: any[], mappings: any[], id: string): {
+        key: string;
+        data: any[];
+    }[];
+}

package/es/commons/core/datasource/index.mjs

@@ -0,0 +1,191 @@
+var x = Object.defineProperty;
+var A = (h, t, a) => t in h ? x(h, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : h[t] = a;
+var T = (h, t, a) => A(h, typeof t != "symbol" ? t + "" : t, a);
+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 E } from "./core/variable.mjs";
+import { parseAPIPort as F } from "./core/api.mjs";
+import { parseWebSocket as W } from "./core/ws.mjs";
+import { DataSourceUtils as g } from "./utils/utils.mjs";
+const D = class D {
+  static addParser(t, a) {
+    this.parsers.add({ type: t, parser: a });
+  }
+  static getParser(t) {
+    const a = Array.from(this.parsers).find((e) => e.type === t);
+    return a == null ? void 0 : a.parser;
+  }
+  /**
+   * 解析数据源
+   * @param sources 数据源
+   * @param callback 回调函数
+   * @param tId 组件id
+   * @param isStore 是否存储
+   * @param noUseMapping 是否不使用映射
+   * @param isInterval 是否开启定时任务
+   * @returns
+   */
+  static parse({ sources: t, callback: a, tId: e, isStore: s = !1, noUseMapping: n = !1, isInterval: i = !0 }) {
+    return window.SHJDatasourceV2Timer ?? (window.SHJDatasourceV2Timer = []), a ?? (a = () => {
+    }), t && V(t) && t.length > 0 ? new Promise((p, o) => {
+      g.cleanupPreviousWebSockets(this.wsInstances, t.map((r) => r.id), e);
+      const c = /* @__PURE__ */ new Set(), m = this.wsInstances.get(e) || /* @__PURE__ */ new Set();
+      t.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) => a(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) => a(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 = W(r, r.id, n, e, (d) => {
+            p(d), a({ data: [{ data: d.finalUserData.data }] });
+          });
+          c.add(f);
+        }
+      }), c.size > 0 && this.wsInstances.set(e, c);
+    }) : (a([]), Promise.resolve([]));
+  }
+  /**
+   * 执行数据源任务
+   * @param sources 数据源
+   * @param isStore 是否存储
+   * @param noUseMapping 是否不使用映射
+   * @param tId 组件id
+   * @param callback 回调函数
+   * @returns
+   */
+  static task(t, a = !1, e = !1, s, n = () => {
+  }) {
+    return t ? new Promise((i, p) => {
+      let o = null;
+      const { source: c } = t, m = this.getParser(c.type);
+      m && (o = m(t, t.id, e)), o.then((r) => {
+        n(e ? r.noMappingData : r.finalKeyData), i(r);
+      });
+    }) : (n([]), Promise.resolve([]));
+  }
+  /**
+   * 过滤数据
+   * @param filter 过滤器
+   * @param data 数据
+   * @returns
+   */
+  static filterData(t, a) {
+    return new Promise((e, s) => {
+      if (K(t)) {
+        try {
+          const n = g.getVariableData();
+          let i = `
+                        ${t}
+            
+                        // 在这里调用 filter 函数，并传递 data 参数
+                        return filter(data);
+                    `;
+          i = i.replace(/\/\*[\s\S]*?\*\/|\/\/.*/g, ""), i = g.replaceStringVariables(i, n);
+          const p = new Function("data", i);
+          e(p(a));
+        } catch {
+          e(a);
+        }
+        return;
+      }
+      e(a);
+    });
+  }
+  /**
+   * 处理数据
+   * @param filter 过滤器
+   * @param data 数据
+   * @param mappings 映射
+   * @param id 组件id
+   * @param dynamicMapping 是否动态映射
+   * @param noUseMapping 是否不使用映射
+   * @returns
+   */
+  static processData(t, a, e, s, n, i) {
+    return new Promise(function(p) {
+      const o = P({ id: s, data: a });
+      D.filterData(t, a).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(t, a, e) {
+    return t.reduce(
+      (s, n) => {
+        let i = "系列一";
+        a && a.find((o) => o.name === "series") && (i = n[a.find((o) => o.name === "series").name], delete n[a.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: E },
+  { type: "api", parser: F }
+]));
+let k = D;
+export {
+  k as SHJDatasourceV2
+};

package/es/commons/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/commons/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/commons/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;
+}