mixdashboards 1.0.74 → 1.0.76

package/dist/{bar-YhAAV2al.js → bar-SfGiFl1r.js}

@@ -1,19 +1,19 @@
-var R = Object.defineProperty, W = Object.defineProperties;
+var W = Object.defineProperty, R = Object.defineProperties;
 var $ = Object.getOwnPropertyDescriptors;
-var N = Object.getOwnPropertySymbols;
-var j = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
-var T = (u, s, c) => s in u ? R(u, s, { enumerable: !0, configurable: !0, writable: !0, value: c }) : u[s] = c, A = (u, s) => {
+var U = Object.getOwnPropertySymbols;
+var j = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
+var N = (u, s, c) => s in u ? W(u, s, { enumerable: !0, configurable: !0, writable: !0, value: c }) : u[s] = c, A = (u, s) => {
   for (var c in s || (s = {}))
-    j.call(s, c) && T(u, c, s[c]);
-  if (N)
-    for (var c of N(s))
-      F.call(s, c) && T(u, c, s[c]);
+    j.call(s, c) && N(u, c, s[c]);
+  if (U)
+    for (var c of U(s))
+      B.call(s, c) && N(u, c, s[c]);
   return u;
-}, O = (u, s) => W(u, $(s));
-import { defineComponent as V, onMounted as X, onUnmounted as M, computed as P, openBlock as B, createElementBlock as H, normalizeStyle as k, unref as C, createElementVNode as _, toDisplayString as G, renderSlot as K } from "vue";
-import { D as q, l as J, u as Q, n as Y, C as Z, o as tt, s as v, p as et, _ as it } from "./index-D5BukPPY.js";
+}, O = (u, s) => R(u, $(s));
+import { defineComponent as P, onMounted as V, onUnmounted as F, computed as X, openBlock as M, createElementBlock as H, normalizeStyle as k, unref as C, createElementVNode as _, toDisplayString as q, renderSlot as G } from "vue";
+import { D as K, l as J, u as Q, n as Y, C as Z, o as tt, s as v, q as et, _ as it } from "./index-BZpYmpDy.js";
 import "element-plus";
-import { E as st } from "./EChartComponentBase-C3gcATBZ.js";
+import { E as st } from "./EChartComponentBase-i76OGL3z.js";
 import { g as ot } from "./titleStyle-BT5GlpAb.js";
 import { A as at, D as nt } from "./ele-bar-icon-C-GiCs2a.js";
 import { i as rt } from "./install-DdM8j5Ll.js";
@@ -21,14 +21,14 @@ import { i as lt } from "./install-CEl1AYgZ.js";
 import { u as ct, i as dt, a as ut } from "./installCanvasRenderer-oDYkyVFy.js";
 import { i as pt } from "./install-DbAuuRVv.js";
 import { i as ft } from "./install-CqrIgcb1.js";
-const ht = { class: "mix-body" }, mt = ["id"], St = {
+const ht = { class: "mix-body" }, mt = ["id"], gt = {
   DEFAULT_ICON: nt,
   ACTIVE_ICON: at,
   NAME_CN: "基础柱状图",
   NAME_EN: "Bar Chart",
   ORDER: 1,
   PLATFORM: ["pc", "screen", "mobile"]
-}, bt = {
+}, St = {
   titleColor: "#111",
   // color
   textColor: "#111",
@@ -46,8 +46,16 @@ const ht = { class: "mix-body" }, mt = ["id"], St = {
   points: 10,
   isHideTitle: !1,
   // checkbox
-  showLabel: !1
-}, xt = [
+  showLabel: !1,
+  titleAlign: "left",
+  titleWeight: "bold",
+  titleBgColor: "transparent",
+  titleBorderType: "none",
+  titleBorderColor: "#cccccc",
+  titleBorderWidth: 1,
+  titlePaddingH: 8,
+  titlePaddingV: 4
+}, bt = [
   {
     name: "参数一",
     fv: "",
@@ -56,7 +64,7 @@ const ht = { class: "mix-body" }, mt = ["id"], St = {
     periodUnit: "near-hour",
     periodValue: 1
   }
-], gt = [
+], xt = [
   "name",
   "fv",
   "object_id",
@@ -65,7 +73,7 @@ const ht = { class: "mix-body" }, mt = ["id"], St = {
     key: "periodUnit",
     label: "setting.timeUnit",
     type: "select",
-    options: q
+    options: K
   },
   { key: "periodValue", label: "setting.timePeriod", type: "number" }
 ], yt = ["mosaic", "statistics", "calculate"], Ct = {
@@ -74,13 +82,13 @@ const ht = { class: "mix-body" }, mt = ["id"], St = {
   multiObject: !1,
   null: { type: "0", value: "" }
 }, At = {
-  DEFAULT: St,
-  OPTIONS: bt,
-  DATA: xt,
-  PARAMS: gt,
+  DEFAULT: gt,
+  OPTIONS: St,
+  DATA: bt,
+  PARAMS: xt,
   SOURCE: yt,
   COMMON: Ct
-}, Ot = /* @__PURE__ */ V(O(A({}, At), {
+}, Ot = /* @__PURE__ */ P(O(A({}, At), {
   __name: "bar",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -139,8 +147,8 @@ const ht = { class: "mix-body" }, mt = ["id"], St = {
                 formatter: (o) => {
                   if (!/^\d{4}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}$/.test(o))
                     return o;
-                  const [n, i] = o.split(" ");
-                  return `${n}
+                  const [a, i] = o.split(" ");
+                  return `${a}
 ${i}`;
                 },
                 color: t.textColor,
@@ -165,8 +173,8 @@ ${i}`;
       /** 统计/计算且非 near 时返回固定类目轴刻度；否则返回 null */
       getFixedStatisticsXLabels() {
         var i;
-        const { data: t, common: e } = this.props.conf, o = (e == null ? void 0 : e.source) || "mosaic", n = (i = t[0]) == null ? void 0 : i.periodUnit;
-        return ["statistics", "calculate"].includes(o) && n && !String(n).startsWith("near") ? Y(n) : null;
+        const { data: t, common: e } = this.props.conf, o = (e == null ? void 0 : e.source) || "mosaic", a = (i = t[0]) == null ? void 0 : i.periodUnit;
+        return ["statistics", "calculate"].includes(o) && a && !String(a).startsWith("near") ? Y(a) : null;
       }
       // 获取 X 轴数据
       getXAxisData() {
@@ -175,43 +183,43 @@ ${i}`;
       }
       // 格式化 Series
       formatSeries() {
-        const t = this.props.conf, e = this.Style.value, o = this.getFixedStatisticsXLabels(), n = o ? o.length : e.points;
+        const t = this.props.conf, e = this.Style.value, o = this.getFixedStatisticsXLabels(), a = o ? o.length : e.points;
         return t.data.map((i, l) => {
-          const a = i.color || Z[l];
+          const n = i.color || Z[l];
           return {
             type: "bar",
             data: tt({
-              num: n,
+              num: a,
               max: 200,
               min: 0,
               mode: this.props.mode,
               hasDataSource: this.hasData()
             }),
             name: i.name,
-            itemStyle: { color: a },
-            label: { show: e.showLabel, position: "top", color: a },
+            itemStyle: { color: n },
+            label: { show: e.showLabel, position: "top", color: e.textColor },
             barWidth: e.barWidth + "%"
           };
         });
       }
       // 设置实时数据
       setSocketData(t) {
-        var b;
+        var S;
         if (!this.hasData() || !this.chartObj || !t) return;
-        const { data: e, common: o } = this.props.conf, n = o.source || "mosaic", i = this.chartObj.getOption(), l = (b = e[0]) == null ? void 0 : b.periodUnit, a = ["statistics", "calculate"].includes(n) && l && !String(l).startsWith("near");
+        const { data: e, common: o } = this.props.conf, a = o.source || "mosaic", i = this.chartObj.getOption(), l = (S = e[0]) == null ? void 0 : S.periodUnit, n = ["statistics", "calculate"].includes(a) && l && !String(l).startsWith("near");
         if (e.forEach((d, h) => {
           const m = this.extractDataValue(t, d.fv);
-          if (["statistics", "calculate"].includes(n) && d.periodUnit && !String(d.periodUnit).startsWith("near") && !String(d.periodUnit).startsWith("last")) {
-            const S = v(
+          if (["statistics", "calculate"].includes(a) && d.periodUnit && !String(d.periodUnit).startsWith("near") && !String(d.periodUnit).startsWith("last")) {
+            const g = v(
               t.start_time,
               d.periodUnit
-            ), y = S ? i.xAxis[0].data.indexOf(S) : -1;
+            ), y = g ? i.xAxis[0].data.indexOf(g) : -1;
             y >= 0 && (i.series[h].data[y] = m);
             return;
           }
-          const g = ["statistics", "calculate"].includes(n) ? t.start_time : t.datetime;
-          g != null && (h === 0 && i.xAxis[0].data.push(g), i.series[h].data.push(m));
-        }), a) {
+          const x = ["statistics", "calculate"].includes(a) ? t.start_time : t.datetime;
+          x != null && (h === 0 && i.xAxis[0].data.push(x), i.series[h].data.push(m));
+        }), n) {
           this.updateChart(i);
           return;
         }
@@ -226,32 +234,32 @@ ${i}`;
       }
       setHistoryData(t) {
         if (!t || !(t != null && t.length)) return;
-        const e = this.chartObj.getOption(), o = Number(this.Style.value.points) || 10, { data: n } = this.props.conf, i = (a) => {
-          if (a == null || a === "" || a === "-") return null;
-          const r = Number(a);
+        const e = this.chartObj.getOption(), o = Number(this.Style.value.points) || 10, { data: a } = this.props.conf, i = (n) => {
+          if (n == null || n === "" || n === "-") return null;
+          const r = Number(n);
           return Number.isFinite(r) ? r : null;
         }, l = this.getFixedStatisticsXLabels();
         if (l != null && l.length) {
-          e.xAxis[0].data = [...l], t.forEach((a, r) => {
-            var g;
+          e.xAxis[0].data = [...l], t.forEach((n, r) => {
+            var x;
             if (!e.series[r]) return;
-            const p = n[r], b = (p == null ? void 0 : p.periodUnit) || ((g = n[0]) == null ? void 0 : g.periodUnit), d = new Array(l.length).fill(
+            const p = a[r], S = (p == null ? void 0 : p.periodUnit) || ((x = a[0]) == null ? void 0 : x.periodUnit), d = new Array(l.length).fill(
               null
-            ), h = a.time || [], m = a.data || [];
-            for (let S = 0; S < h.length; S++) {
+            ), h = n.time || [], m = n.data || [];
+            for (let g = 0; g < h.length; g++) {
               const y = v(
-                h[S],
-                String(b || "")
-              ), U = y ? l.indexOf(y) : -1;
-              U >= 0 && (d[U] = i(m[S]));
+                h[g],
+                String(S || "")
+              ), T = y ? l.indexOf(y) : -1;
+              T >= 0 && (d[T] = i(m[g]));
             }
             e.series[r].data = d;
           }), this.updateChart(e);
           return;
         }
-        e.xAxis[0].data = t[0].time.slice(-o), t.forEach((a, r) => {
+        e.xAxis[0].data = t[0].time.slice(-o), t.forEach((n, r) => {
           if (!e.series[r]) return;
-          const p = a.data || [];
+          const p = n.data || [];
           e.series[r].data = p.map(i).slice(-o);
         }), this.updateChart(e);
       }
@@ -259,16 +267,16 @@ ${i}`;
     const f = new I(s, "bar");
     f.setupLifecycle();
     const L = Q();
-    X(() => {
-      var x;
+    V(() => {
+      var b;
       if (L.registerInstance(s.uid, f), s.mode === "preview") {
-        const t = ((x = f.getChartInstance) == null ? void 0 : x.call(f)) || f.chartObj;
+        const t = ((b = f.getChartInstance) == null ? void 0 : b.call(f)) || f.chartObj;
         t == null || t.off("click"), t == null || t.on("click", (e) => {
-          var n, i, l, a, r, p;
+          var a, i, l, n, r, p;
           const o = e == null ? void 0 : e.seriesName;
           if (typeof o == "string" && o) {
-            const b = ((i = (n = s.conf) == null ? void 0 : n.options) == null ? void 0 : i.linkChannel) === "custom" ? (a = (l = s.conf) == null ? void 0 : l.options) == null ? void 0 : a.customChannel : (p = (r = s.conf) == null ? void 0 : r.options) == null ? void 0 : p.linkChannel;
-            c.publish(b || "bar", "bar", {
+            const S = ((i = (a = s.conf) == null ? void 0 : a.options) == null ? void 0 : i.linkChannel) === "custom" ? (n = (l = s.conf) == null ? void 0 : l.options) == null ? void 0 : n.customChannel : (p = (r = s.conf) == null ? void 0 : r.options) == null ? void 0 : p.linkChannel;
+            c.publish(S || "bar", "bar", {
               objectId: "",
               deviceId: "",
               type: "select",
@@ -279,11 +287,11 @@ ${i}`;
           }
         });
       }
-    }), M(() => {
+    }), F(() => {
       L.unregisterInstance(s.uid);
     });
-    const E = f.getStyle(), w = f.getEchartId(), D = s.conf, z = P(() => ot(s.conf.options));
-    return (x, t) => (B(), H("div", {
+    const E = f.getStyle(), w = f.getEchartId(), D = s.conf, z = X(() => ot(s.conf.options));
+    return (b, t) => (M(), H("div", {
       class: "mix-component",
       style: k({
         background: C(E).bgColor,
@@ -293,17 +301,17 @@ ${i}`;
       _("div", {
         class: "mix-title",
         style: k(z.value)
-      }, G(C(D).caption || C(D).name), 5),
+      }, q(C(D).caption || C(D).name), 5),
       _("div", ht, [
         _("div", {
           class: "w-full h-full",
           id: C(w)
         }, null, 8, mt)
       ]),
-      K(x.$slots, "default", {}, void 0, !0)
+      G(b.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-})), Rt = /* @__PURE__ */ it(Ot, [["__scopeId", "data-v-e27440b4"]]);
+})), Wt = /* @__PURE__ */ it(Ot, [["__scopeId", "data-v-dfea5aa2"]]);
 export {
-  Rt as default
+  Wt as default
 };

package/dist/{bmp-Uj7Bu61U.js → bmp-BbtdzIrI.js}

@@ -30,8 +30,8 @@ import { ElIcon as St } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/icon/style/css";
 import { openBlock as D, createElementBlock as I, normalizeStyle as K, normalizeClass as Ot, createCommentVNode as $, renderSlot as q, defineComponent as Pt, getCurrentInstance as zt, computed as dt, reactive as Tt, ref as G, unref as L, createElementVNode as E, toDisplayString as N, createVNode as Q, withCtx as U, Fragment as Et, renderList as At, createBlock as Dt, withModifiers as It } from "vue";
-import { B as Nt } from "./BaseComponent-NnwLq7Cf.js";
-import { a as pt, _ as Rt } from "./index-D5BukPPY.js";
+import { B as Nt } from "./BaseComponent-CQaDWNO0.js";
+import { a as pt, _ as Rt } from "./index-BZpYmpDy.js";
 import { g as Zt } from "./titleStyle-BT5GlpAb.js";
 import { Close as jt } from "@element-plus/icons-vue";
 import { A as Lt, D as Ft } from "./ele-bmp-icon-Pdolk1J5.js";