g-ui-web 1.1.24 → 1.1.26

package/lib/g-ui-web.js

@@ -48722,7 +48722,7 @@ class K3 {
     R0(this, "events");
     if (this.events = {}, !t)
       throw console.error("dataUrl is undefined or null"), new Error("Invalid dataUrl");
-    if (typeof t == "string" || typeof t == "number" || typeof t == "object" && t !== null && !t.path)
+    if (!(t != null && t.path) && !["string", "number"].includes(typeof t) && !Array.isArray(t) || Array.isArray(t) && !t.some((r) => r.path))
       this.loadStaticData(t);
     else if (Array.isArray(t)) {
       if (!t.some((r) => r && r.path))
@@ -95500,87 +95500,130 @@ const Clt = (e, t) => {
     let i = z(0);
     const s = z(!1), l = z(), u = z(null), c = z({});
     let d = null, f = z(!1);
-    const p = async (v) => {
-      if (ya(v)) {
+    const p = async (g) => {
+      if (ya(g)) {
         s.value = !0;
         return;
       } else
         s.value = !1;
-      const g = Zd(o.dbOptions.xAxisField);
-      f.value = !1;
-      let m = z([]), _ = zp(o.options), b = [], w = [], C = {
+      const m = Zd(o.dbOptions.xAxisField), { newDbO: _, newData: b } = h(o.dbOptions, g);
+      console.log(_, b), g = b, f.value = !1;
+      let w = z([]), C = zp(o.options), x = [], S = [], E = {
         xAxis: [],
         series: []
       };
-      if (d = v, m.value = v, f.value = !0, m.value && o.dbOptions) {
-        m.value.map((S) => {
-          w.push(
-            g == "function" ? o.dbOptions.xAxisField(S) : S[o.dbOptions.xAxisField]
+      if (d = g, w.value = g, f.value = !0, w.value && _) {
+        w.value.map((A) => {
+          S.push(
+            m == "function" ? _.xAxisField(A) : A[_.xAxisField]
           );
         });
-        let x = [];
-        if (o.dbOptions.yAxis && o.dbOptions.yAxis.yAxisFields ? x = o.dbOptions.columns.map((S) => {
-          const E = o.dbOptions.yAxis.yAxisFields.find((T) => T.field === S.field);
-          return E ? { ...S, ...E } : S;
+        let T = [];
+        if (_.yAxis && _.yAxis.yAxisFields ? T = _.columns.map((A) => {
+          const M = _.yAxis.yAxisFields.find((k) => k.field === A.field);
+          return M ? { ...A, ...M } : A;
         }).concat(
-          o.dbOptions.yAxis.yAxisFields.filter(
-            (S) => !o.dbOptions.columns.some((E) => E.field === S.field)
+          _.yAxis.yAxisFields.filter(
+            (A) => !_.columns.some((M) => M.field === A.field)
           )
-        ) : x = o.dbOptions.columns, x.map((S) => {
-          let E = {
+        ) : T = _.columns, T.map((A) => {
+          let M = {
             name: "",
-            type: S.type || "line",
-            yAxisIndex: S.yAxisIndex,
-            stack: S.stack,
+            type: A.type || "line",
+            yAxisIndex: A.yAxisIndex,
+            stack: A.stack,
             data: [],
-            lineStyle: S.lineStyle,
-            areaStyle: S.areaStyle
+            lineStyle: A.lineStyle,
+            areaStyle: A.areaStyle
           };
-          m.value.map((T) => {
-            E.name = T[S.title] || S.title, E.data.push(T[S.field]);
-          }), b.push(E);
-        }), _) {
-          if (_.xAxis ? _.xAxis[0].data = w : _.xAxis = [{ data: w }], _.series ? _.series = An({}, _.series, b) : _.series = b, o.dbOptions && o.dbOptions.yAxis && o.dbOptions.yAxis.yAxises) {
-            let S = [];
-            o.dbOptions.yAxis.yAxises.map((E) => {
-              let T = {
-                name: E.name,
+          w.value.map((k) => {
+            M.name = k[A.title] || A.title, M.data.push(k[A.field]);
+          }), x.push(M);
+        }), C) {
+          if (C.xAxis ? C.xAxis[0].data = S : C.xAxis = [{ data: S }], C.series ? C.series = An({}, C.series, x) : C.series = x, _ && _.yAxis && _.yAxis.yAxises) {
+            let A = [];
+            _.yAxis.yAxises.map((M) => {
+              let k = {
+                name: M.name,
                 type: "value",
-                position: E.position,
-                alignTicks: E.alignTicks,
-                offset: E.offset
+                position: M.position,
+                alignTicks: M.alignTicks,
+                offset: M.offset
               };
-              S.push(T);
-            }), _.yAxis = An({}, _.yAxis, S);
+              A.push(k);
+            }), C.yAxis = An({}, C.yAxis, A);
           }
         } else
-          C.xAxis = [{ data: w }], C.series = b;
-      }
-      _ ? l.value = UB(_, o.dbOptions.columns) : l.value = UB(C, o.dbOptions.columns);
+          E.xAxis = [{ data: S }], E.series = x;
+      }
+      C ? l.value = UB(C, _.columns) : l.value = UB(E, _.columns);
+    }, h = (g, m) => {
+      if (g.groupField) {
+        const _ = g.groupField, b = g.xAxisField, w = g.columns && g.columns[0].field, C = m, x = [...new Set(C.map((A) => A[_]))], S = [];
+        x.forEach((A, M) => {
+          C.filter((O) => O[_] === A).forEach((O) => {
+            const V = S.find((L) => L[b] === O[b]);
+            if (V)
+              V[`${_}${M + 1}`] = A, V[`${w}${M + 1}`] = O.contractAmount;
+            else {
+              const L = {
+                [b]: O[b],
+                [`${_}${M + 1}`]: A,
+                [`${w}${M + 1}`]: O.contractAmount
+              };
+              for (let P = 0; P < x.length; P++)
+                P !== M && (L[`${_}${P + 1}`] = "", L[`${w}${P + 1}`] = 0);
+              S.push(L);
+            }
+          });
+        });
+        const E = [];
+        return x.forEach((A, M) => {
+          g.columns.forEach((k, O) => {
+            E.push({
+              // ...column,
+              title: A,
+              field: `${k.field}${M + 1}`
+            });
+          });
+        }), {
+          newDbO: {
+            xAxisField: g.xAxisField,
+            groupField: g.groupField,
+            columns: E,
+            data: S
+          },
+          newData: S
+        };
+      } else
+        return {
+          newDbO: g,
+          newData: m
+        };
     };
     ke(
       () => o.dbOptions.data,
-      (v) => {
-        c.value = Kt(v);
-        const g = ["http://", "https://", void 0];
-        !v.path && !v.dsKey && !c.value.dataUrl && !(typeof v == "string" && g.some((m) => v.includes(m))) && c.value.loadStaticData(v), (typeof v == "string" || v.path) && c.value.reload(v.data);
+      (g) => {
+        c.value = Kt(g);
+        const m = ["http://", "https://", void 0];
+        g ? (typeof g == "object" && !g.path && !g.dsKey && !c.value.dataUrl && !(typeof g == "string" && m.some((_) => g.includes(_))) && c.value.loadStaticData(g), (typeof g == "string" || typeof g == "object") && (g.path || g.data && typeof g.data == "string") && c.value.reload(g.data || g)) : console.warn("props.dbOptions.data is undefined");
       },
       {
         deep: !0
       }
     ), ke(
       () => n["gui-theme"],
-      async (v) => {
+      async (g) => {
         c.value = null, xe(async () => {
-          i++, c.value = Kt(o.dbOptions.data), p(c.value.data), c.value.on("load", (g) => {
-            p(g);
+          i++, c.value = Kt(o.dbOptions.data), p(c.value.data), c.value.on("load", (m) => {
+            p(m);
           });
         });
       },
       { deep: !0 }
     ), xe(async () => {
-      c.value = Kt(o.dbOptions.data), c.value.on("load", (v) => {
-        p(v);
+      c.value = Kt(o.dbOptions.data), c.value.on("load", (g) => {
+        p(g);
       });
     }), t({
       props: o,
@@ -95592,24 +95635,24 @@ const Clt = (e, t) => {
         return f.value;
       }
     });
-    const h = (v) => {
-      a("chart-click", v);
+    const v = (g) => {
+      a("chart-click", g);
     };
-    return (v, g) => {
-      const m = vt("g-chart");
+    return (g, m) => {
+      const _ = vt("g-chart");
       return D(), $("div", Blt, [
-        (D(), Se(m, Pt({ options: l.value }, v.$attrs, {
+        (D(), Se(_, Pt({ options: l.value }, g.$attrs, {
           ref_key: "lineRef",
           ref: u,
           isEmpty: s.value,
           description: e.description,
-          onClick: h,
+          onClick: v,
           key: y(i)
         }), null, 16, ["options", "isEmpty", "description"]))
       ]);
     };
   }
-}), Wlt = /* @__PURE__ */ Qn(Hlt, [["__scopeId", "data-v-2a477454"]]), Glt = rr(Wlt), wm = Tr(), Gf = document.documentElement, Ult = (e) => e || "-", Klt = (e) => e || "", Ylt = (e, t) => {
+}), Wlt = /* @__PURE__ */ Qn(Hlt, [["__scopeId", "data-v-7bf18ebb"]]), Glt = rr(Wlt), wm = Tr(), Gf = document.documentElement, Ult = (e) => e || "-", Klt = (e) => e || "", Ylt = (e, t) => {
   let r = [];
   for (let n = 0; n <= e; n++)
     r.push({
@@ -97061,17 +97104,17 @@ const Wut = /* @__PURE__ */ Ll(Hut), Gut = ["id"], Uut = /* @__PURE__ */ H({
   emits: ["arrow-click"],
   setup(e, { expose: t, emit: r }) {
     Ws((k) => ({
-      "24481de6": l.value,
-      "46f0e802": u.value,
-      "7492fb4c": c.value,
-      34238811: d.value,
-      "6042a298": f.value,
-      "4eff2f5e": g.value,
-      "53a262c5": h.value,
-      "1b86ecac": v.value,
-      "65a27447": m.value,
-      "14ca86b0": b.value,
-      "58f19446": _.value
+      e11189a0: l.value,
+      "667d6fe2": u.value,
+      "295993c9": c.value,
+      "447fc864": d.value,
+      "134923d6": f.value,
+      "121f067e": g.value,
+      "44cf72b0": h.value,
+      c84dc532: v.value,
+      "20cf4fac": m.value,
+      "868857da": b.value,
+      "00e2e1a9": _.value
     }));
     const n = Tr(), a = e, o = R(() => a.bg && a.type != "default" ? `g-target-s-top-${a.size} g-target-s-${a.type} g-target-s-bg` : a.border && !a.bg ? `g-target-s-top-${a.size} g-target-s-${a.type} g-target-s-border` : `g-target-s-top-${a.size} g-target-s-${a.type}`), i = R(() => a.bg && a.type != "default" ? `g-target-s-bottom-${a.size} g-target-s-${a.type} g-target-s-bg` : a.border && !a.bg ? `g-target-s-bottom-${a.size} g-target-s-${a.type} g-target-s-border` : `g-target-s-bottom-${a.size} g-target-s-${a.type}`), s = R(() => a.bg && a.type != "default" ? `g-target-s-left-${a.size} g-target-s-${a.type} g-target-s-bg` : a.border && !a.bg ? `g-target-s-left-${a.size} g-target-s-${a.type} g-target-s-border` : `g-target-s-left-${a.size} g-target-s-${a.type}`), l = R(() => a.border ? "1px solid" : "0"), u = R(() => a.border ? "var(--border-radius-base)" : ""), c = R(() => a.bg ? n.name && typeof n.name == "string" && n.name.includes("white") ? `var(--color-${a.type}-lights-7)` : `var(--color-${a.type}-lights-6)` : ""), d = R(() => a.bg ? `var(--color-${a.type})` : ""), f = R(() => a.border && a.type != "default" ? `var(--color-${a.type})` : "var(--target-font-color)"), p = R(() => {
       if (a.aspect)
@@ -97145,7 +97188,7 @@ const Wut = /* @__PURE__ */ Ll(Hut), Gut = ["id"], Uut = /* @__PURE__ */ H({
       (k) => {
         S.value = Kt(k);
         const O = ["http://", "https://", void 0];
-        k && (!k.path && !k.dsKey && !S.value.dataUrl && !(typeof k == "string" && O.some((V) => k.includes(V))) && S.value.loadStaticData(k), (typeof k == "string" || k.path) && S.value.reload(k.data));
+        k && (!k.path && !k.dsKey && !S.value.dataUrl && !(typeof k == "string" && O.some((V) => k.includes(V))) && S.value.loadStaticData(k), (typeof k == "string" || typeof k == "object") && (k.path || k.data && typeof k.data == "string") && S.value.reload(k.data || k));
       },
       {
         deep: !0
@@ -97181,7 +97224,9 @@ const Wut = /* @__PURE__ */ Ll(Hut), Gut = ["id"], Uut = /* @__PURE__ */ H({
             x.value && x.value.title ? (D(), $("div", {
               key: 0,
               class: "title",
-              style: dt({ color: y(n).name == "om-blue" ? "var(--gui-text-color-primary)" : "var(--gui-text-color-regular)" })
+              style: dt({
+                color: y(n).name == "om-blue" ? "var(--gui-text-color-primary)" : "var(--gui-text-color-regular)"
+              })
             }, [
               a.tooltipPlacement == "icon" ? (D(), $("div", jut, [
                 tr(De(x.value.title) + " ", 1),
@@ -97278,7 +97323,9 @@ const Wut = /* @__PURE__ */ Ll(Hut), Gut = ["id"], Uut = /* @__PURE__ */ H({
             x.value && x.value.title ? (D(), $("div", {
               key: 0,
               class: "title",
-              style: dt({ color: y(n).name == "om-blue" ? "var(--gui-text-color-primary)" : "var(--gui-text-color-regular)" })
+              style: dt({
+                color: y(n).name == "om-blue" ? "var(--gui-text-color-primary)" : "var(--gui-text-color-regular)"
+              })
             }, [
               a.tooltipPlacement == "icon" ? (D(), $("div", ict, [
                 tr(De(x.value.title) + " ", 1),
@@ -97334,7 +97381,9 @@ const Wut = /* @__PURE__ */ Ll(Hut), Gut = ["id"], Uut = /* @__PURE__ */ H({
           N("div", cct, [
             N("div", {
               class: "title",
-              style: dt({ color: y(n).name == "om-blue" ? "var(--gui-text-color-primary)" : "var(--gui-text-color-regular)" })
+              style: dt({
+                color: y(n).name == "om-blue" ? "var(--gui-text-color-primary)" : "var(--gui-text-color-regular)"
+              })
             }, [
               a.tooltipPlacement == "icon" ? (D(), $("div", dct, [
                 tr(De(x.value.title) + " ", 1),
@@ -97395,7 +97444,7 @@ const Wut = /* @__PURE__ */ Ll(Hut), Gut = ["id"], Uut = /* @__PURE__ */ H({
       ], 64);
     };
   }
-}), _ct = /* @__PURE__ */ Qn(bct, [["__scopeId", "data-v-34081212"]]), wct = rr(_ct), Cct = { class: "left" }, xct = { class: "right" }, Sct = { class: "right" }, Ect = { class: "left" }, Tct = { class: "left" }, Act = { class: "right" }, Mct = { class: "right" }, kct = { class: "left" }, Dct = { class: "top" }, Oct = { class: "bottom" }, Ict = H({
+}), _ct = /* @__PURE__ */ Qn(bct, [["__scopeId", "data-v-04ccfb6d"]]), wct = rr(_ct), Cct = { class: "left" }, xct = { class: "right" }, Sct = { class: "right" }, Ect = { class: "left" }, Tct = { class: "left" }, Act = { class: "right" }, Mct = { class: "right" }, kct = { class: "left" }, Dct = { class: "top" }, Oct = { class: "bottom" }, Ict = H({
   name: "GTargetR"
 }), Rct = /* @__PURE__ */ H({
   ...Ict,