@shjjs/visual-ui 1.0.36 → 1.0.37

package/es/plugins/datasource/index.mjs

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

package/es/plugins/datasource/sources/api.mjs

@@ -0,0 +1,32 @@
+import { SHJDatasourceV2 as U } from "../index.mjs";
+import { httpRequest as p } from "../utils/request.mjs";
+import { DataSourceUtils as t } from "../utils/utils.mjs";
+const q = (f, e, y) => new Promise(function(r, j) {
+  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, isUserdata: T } = f.source;
+            U.processData(V, D.data, g, e, f.source.dynamicMapping, y, T).then((b) => {
+              b && r(b);
+            }).catch(() => r(t.noneData(e)));
+            return;
+          }
+          r(t.noneData(e));
+        }).catch(() => {
+          r(t.noneData(e));
+        });
+      }, s = 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(p.get(s + a, { headers: c })), n.type === "POST" && i(p.post(s + a, o, { headers: c }, u)), n.type === "PUT" && i(p.put(s + a, o, { headers: c }, u)), n.type === "DELETE" && i(p.delete(s + a, { headers: c }));
+    } else
+      r(t.noneData(e));
+  } catch {
+    r(t.noneData(e));
+  }
+});
+export {
+  q as parseAPIPort
+};

package/es/plugins/datasource/sources/static.mjs

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

package/es/plugins/datasource/sources/storage.mjs

@@ -0,0 +1,28 @@
+import { SHJDatasourceV2 as m } from "../index.mjs";
+import { DataSourceUtils as n } from "../utils/utils.mjs";
+const l = (e, t, c) => new Promise(function(a, u) {
+  if (!e.source.storage) {
+    a(n.noneData(t));
+    return;
+  }
+  const { getType: o, getField: r } = e.source.storage;
+  if (o === 0) {
+    a(n.noneData(t));
+    return;
+  }
+  if (!r) {
+    a(n.noneData(t));
+    return;
+  }
+  let s = null;
+  o === 1 && (s = localStorage.getItem("Local_" + r)), o === 2 && (s = sessionStorage.getItem("Session_" + r));
+  const { filter: i, mapping: g, isUserdata: p } = e.source;
+  m.processData(i, s, g, t, e.source.dynamicMapping, c, p).then((f) => {
+    a(f);
+  }).catch(() => {
+    a(n.noneData(t));
+  });
+});
+export {
+  l as parseStorage
+};

package/es/plugins/datasource/sources/url.mjs

@@ -0,0 +1,17 @@
+import { SHJDatasourceV2 as i } from "../index.mjs";
+import { DataSourceUtils as n } from "../utils/utils.mjs";
+const f = (a, t, 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(a.source.filter, e, a.source.mapping, t, a.source.dynamicMapping, c, a.source.isUserdata).then((s) => {
+      r(s);
+    }).catch(() => {
+      r(n.noneData(t));
+    });
+    return;
+  }
+  r(n.noneData(t));
+});
+export {
+  f as parseUrlData
+};

package/es/plugins/datasource/sources/variable.mjs

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

package/es/plugins/datasource/sources/ws.mjs

@@ -0,0 +1,139 @@
+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 u } 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();
+    u.closeByComponentIds(this.tId);
+    try {
+      this.ws = o.length > 0 ? new WebSocket(n, o) : new WebSocket(n), this.ws && (u.add(this.ws, this.tId), this.ws.binaryType = s, this.timeoutTimer = setTimeout(() => {
+        var a, m;
+        ((a = this.ws) == null ? void 0 : a.readyState) === WebSocket.CONNECTING && (this.ws.close(), (m = this.onEvent) == null || m.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,
+        this.source.source.isUserdata
+      );
+      (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), u.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/plugins/datasource/utils/axios.mjs

@@ -0,0 +1,134 @@
+var l = Object.defineProperty;
+var u = (i, t, e) => t in i ? l(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var f = (i, t, e) => u(i, typeof t != "symbol" ? t + "" : t, e);
+import d from "axios";
+import { merge as p } from "lodash";
+class T {
+  constructor() {
+    f(this, "instance");
+    this.instance = d.create();
+  }
+  /**
+   * GET 请求
+   * @param url
+   * @param config
+   * @returns
+   */
+  get(t, e) {
+    return this.instance.get(t, e);
+  }
+  /**
+   * POST 请求
+   * @param url 请求的URL
+   * @param data 发送的数据
+   * @param contentType 数据的内容类型
+   * @param config 额外的Axios配置
+   * @returns
+   */
+  post(t, e, a, o = "application/json; charset=UTF-8") {
+    const s = {
+      headers: {
+        "Content-Type": "application/json; charset=UTF-8"
+        /* Json */
+      }
+    };
+    if (o === "multipart/form-data") {
+      s.headers = {};
+      const n = new FormData();
+      for (const r in e)
+        n.append(r, e[r]);
+      e = n;
+    } else o === "application/x-www-form-urlencoded; charset=UTF-8" && (s.headers["Content-Type"] = "application/x-www-form-urlencoded; charset=UTF-8", s.transformRequest = [(n) => {
+      const r = new URLSearchParams();
+      for (const c in n)
+        r.append(c, n[c]);
+      return r.toString();
+    }]);
+    return this.instance.post(t, e, p({}, s, a));
+  }
+  /**
+   * PUT 请求
+   * @param url
+   * @param data
+   * @param config
+   * @returns
+   */
+  put(t, e, a, o = "application/x-www-form-urlencoded; charset=UTF-8") {
+    const s = {
+      headers: {
+        "Content-Type": o
+      }
+    };
+    if (o === "multipart/form-data") {
+      s.headers = {};
+      const n = new FormData();
+      for (const r in e)
+        n.append(r, e[r]);
+      e = n;
+    } else o === "application/x-www-form-urlencoded; charset=UTF-8" && (s.headers["Content-Type"] = "application/x-www-form-urlencoded; charset=UTF-8", s.transformRequest = [(n) => {
+      const r = new URLSearchParams();
+      for (const c in n)
+        r.append(c, n[c]);
+      return r.toString();
+    }]);
+    return this.instance.put(t, e, p({}, s, a));
+  }
+  /**
+   * DELETE 请求
+   * @param url
+   * @param config
+   * @returns
+   */
+  delete(t, e) {
+    const a = {
+      headers: {
+        "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
+        /* UrlEncoded */
+      }
+    };
+    return this.instance.delete(t, p({}, a, e));
+  }
+  /**
+   * 文件上传
+   * @param url
+   * @param params
+   * @param config
+   * @returns
+   */
+  upload(t, e, a) {
+    const o = {
+      headers: {
+        "Content-Type": "multipart/form-data"
+      }
+    };
+    return this.instance.post(t, e, a || o);
+  }
+  /**
+   * blob文件下载
+   * @param url
+   * @param params
+   * @param config
+   * @returns
+   */
+  download(t, e, a) {
+    const o = {
+      responseType: "blob",
+      headers: {
+        "Content-Type": "application/json"
+      }
+    };
+    return this.instance.post(t, e, a || o);
+  }
+  /**
+   * Custom 请求
+   * @param url
+   * @param config
+   * @returns
+   */
+  custom(t, e) {
+    return this.instance.get(t, e);
+  }
+}
+export {
+  T as HttpRequest
+};

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

@@ -0,0 +1,5 @@
+import { HttpRequest as t } from "./axios.mjs";
+const o = new t();
+export {
+  o as httpRequest
+};