@shjjs/visual-ui 1.0.13 → 1.0.15

package/es/components/text-text-basic/index.d.ts

@@ -1,4 +1,4 @@
-export declare const ZvTextTextBasic: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvTextTextBasic: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
     basicOption: {
         type: any;
         required: true;

package/es/components/text-text-basic/index.mjs

@@ -1,5 +1,5 @@
 import t from "./index.vue.mjs";
-import { withInstall as e } from "../../utils/install.mjs";
+import { withInstall as e } from "../../commons/utils/install.mjs";
 const i = e(t);
 export {
   i as ZvTextTextBasic,

package/es/components/text-text-basic/index.vue.mjs

@@ -1,7 +1,7 @@
 import t from "./index.vue2.mjs";
 /* empty css            */
 import o from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b72a194e"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-7dcb2cfd"]]);
 export {
-  m as default
+  e as default
 };

package/es/components/text-text-basic/index.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as n, createElementBlock as a, openBlock as d, normalizeStyle as p, unref as u, toDisplayString as f } from "vue";
-import { autoInstallFont as x, jsonToCssStyle as c } from "../../utils/json2css.mjs";
+import { autoInstallFont as x, jsonToCssStyle as c } from "../../commons/utils/json2css.mjs";
 const m = ["ztitle"], y = n({ name: "zv-text-text-basic" }), s = /* @__PURE__ */ n({
   ...y,
   props: {

package/es/components/text-text-dynamic/index.d.ts

@@ -1,4 +1,4 @@
-export declare const ZvTextTextDynamic: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvTextTextDynamic: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
     basicOption: {
         type: any;
         required: true;

package/es/components/text-text-dynamic/index.mjs

@@ -1,5 +1,5 @@
 import t from "./index.vue.mjs";
-import { withInstall as e } from "../../utils/install.mjs";
+import { withInstall as e } from "../../commons/utils/install.mjs";
 const a = e(t);
 export {
   a as ZvTextTextDynamic,

package/es/components/text-text-dynamic/index.vue.mjs

@@ -1,7 +1,7 @@
 import t from "./index.vue2.mjs";
 /* empty css            */
 import o from "../../_virtual/_plugin-vue_export-helper.mjs";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-6f3a0925"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-a95bb805"]]);
 export {
   e as default
 };

package/es/components/text-text-dynamic/index.vue2.mjs

@@ -1,8 +1,9 @@
-import { defineComponent as f, watch as s, createElementBlock as h, openBlock as S, unref as a, normalizeStyle as v, toDisplayString as g, ref as _, onMounted as D, nextTick as b } from "vue";
+import { defineComponent as f, watch as s, createElementBlock as w, openBlock as S, unref as a, normalizeStyle as v, toDisplayString as g, ref as _, onMounted as D, nextTick as b } from "vue";
 import { cloneDeep as c, isEqual as d } from "lodash";
-import { autoInstallFont as k, jsonToCssStyle as E } from "../../utils/json2css.mjs";
-const C = ["ztitle"], j = f({ name: "zv-text-text-dynamic" }), A = /* @__PURE__ */ f({
-  ...j,
+import { SHJDatasourceV2 as k } from "../../commons/core/datasource/index.mjs";
+import { autoInstallFont as E, jsonToCssStyle as C } from "../../commons/utils/json2css.mjs";
+const j = ["ztitle"], z = f({ name: "zv-text-text-dynamic" }), I = /* @__PURE__ */ f({
+  ...z,
   props: {
     basicOption: {},
     sources: {},
@@ -10,48 +11,48 @@ const C = ["ztitle"], j = f({ name: "zv-text-text-dynamic" }), A = /* @__PURE__
     uuid: {}
   },
   setup(p, { expose: x }) {
-    const n = p, m = () => {
-      const t = _(""), o = (e) => {
-        k(e.fontFamily);
+    const o = p, m = () => {
+      const t = _(""), n = (e) => {
+        E(e.fontFamily);
         const i = {};
         e.color && e.color.includes("linear-gradient") && (i.backgroundImage = e.color, i["-webkit-background-clip"] = "text", i.color = "transparent");
-        const y = {};
+        const h = {};
         return e.textAlign === "left" && (e.justifyContent = "flex-start"), e.textAlign === "center" && (e.justifyContent = "center"), e.textAlign === "right" && (e.justifyContent = "flex-end"), {
-          ...E(e),
+          ...C(e),
           ...i,
-          ...y,
+          ...h,
           ...e.textShadow.show ? { "--text-shadow": `${e.textShadow.x}px ${e.textShadow.y}px ${e.textShadow.value}px ${e.textShadow.color}` } : {}
         };
       }, u = () => {
-        window.SHJDatasourceV2({
-          tId: n.uuid,
-          sources: n.sources,
+        k.parse({
+          tId: o.uuid,
+          sources: o.sources,
           callback: ({ data: e }) => {
             try {
-              window.SHJParseEvent(n.useEvents, "dataListener", e), t.value = e[0].data[0].value;
+              window.SHJParseEvent(o.useEvents, "dataListener", e), t.value = e[0].data[0].value;
             } catch {
-              window.SHJParseEvent(n.useEvents, "dataListener", null);
+              window.SHJParseEvent(o.useEvents, "dataListener", null);
             }
           }
         });
       };
-      return D(() => b(() => u())), { rendererDomStyle: o, init: u, value: t };
-    }, { rendererDomStyle: w, init: r, value: l } = m();
-    return s(() => c(n.basicOption), (t, o) => {
-      d(t, o) || r();
-    }, { deep: !0 }), s(() => c(n.sources), (t, o) => {
-      d(t, o) || r();
+      return D(() => b(() => u())), { rendererDomStyle: n, init: u, value: t };
+    }, { rendererDomStyle: y, init: r, value: l } = m();
+    return s(() => c(o.basicOption), (t, n) => {
+      d(t, n) || r();
+    }, { deep: !0 }), s(() => c(o.sources), (t, n) => {
+      d(t, n) || r();
     }, { deep: !0 }), x({
       refresh: () => r(),
       refreshView: () => r(),
       refreshData: () => r()
-    }), (t, o) => (S(), h("p", {
+    }), (t, n) => (S(), w("p", {
       class: "zerov-widget-text",
-      style: v(a(w)(t.basicOption.css)),
+      style: v(a(y)(t.basicOption.css)),
       ztitle: a(l)
-    }, g(a(l)), 13, C));
+    }, g(a(l)), 13, j));
   }
 });
 export {
-  A as default
+  I as default
 };

package/es/components/text-title/index.d.ts

@@ -1,4 +1,4 @@
-export declare const ZvTextTitle: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvTextTitle: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
     basicOption: {
         type: any;
         required: true;

package/es/components/text-title/index.mjs

@@ -1,5 +1,5 @@
 import t from "./index.vue.mjs";
-import { withInstall as o } from "../../utils/install.mjs";
+import { withInstall as o } from "../../commons/utils/install.mjs";
 const e = o(t);
 export {
   e as ZvTextTitle,

package/es/components/text-title/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-53a515c6"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3e8689ba"]]);
 export {
-  m as default
+  p as default
 };

package/es/components/text-title/index.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as n, createBlock as a, openBlock as p, resolveDynamicComponent as d, normalizeStyle as u, unref as f, withCtx as x, createTextVNode as c, toDisplayString as y } from "vue";
-import { autoInstallFont as m, jsonToCssStyle as s } from "../../utils/json2css.mjs";
+import { autoInstallFont as m, jsonToCssStyle as s } from "../../commons/utils/json2css.mjs";
 const S = n({ name: "zv-text-title" }), b = /* @__PURE__ */ n({
   ...S,
   props: {

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

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

package/es/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/core/datasource/core/static.d.ts

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

package/es/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/core/datasource/core/url.d.ts

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

package/es/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/core/datasource/core/variable.d.ts

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

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