mixdashboards 1.0.32 → 1.0.39

package/dist/gag-HiNaL81R.cjs

@@ -0,0 +1 @@
+"use strict";var N=Object.defineProperty,I=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var _=(o,t,i)=>t in o?N(o,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):o[t]=i,x=(o,t)=>{for(var i in t||(t={}))q.call(t,i)&&_(o,i,t[i]);if(y)for(var i of y(t))D.call(t,i)&&_(o,i,t[i]);return o},b=(o,t)=>I(o,T(t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("./index-Mh5Dw2sd.cjs"),R=require("./EChartComponentBase-BaQpBzVC.cjs"),w=require("./titleStyle-NSnz6cUg.cjs"),v=require("./ele-gag-icon-Ce1hl9NI.cjs"),z=require("./install-DV5cEgNV.cjs"),p=require("./installCanvasRenderer-CyhM1Qpl.cjs"),M=require("./install-B65ZIqAx.cjs"),j={class:"mix-body"},V=["id"],k={DEFAULT_ICON:v.DEFAULT_ICON,ACTIVE_ICON:v.ACTIVE_ICON,NAME_CN:"仪表盘",NAME_EN:"Gauge",ORDER:1},$={titleColor:"#111",textColor:"#111",bgColor:"#fff",radiusSize:8,textSize:12,isHideTitle:!1},B=[{name:"参数一",object_id:"",fv:"",max:100,min:0,pieces:5}],U=["name","fv","object_id","max","min","pieces"],F=["mosaic","statistics","calculate"],G=[{color:"#5c7bd9",value:100}],P=1,H={useAlias:!1,source:"mosaic"},W={DEFAULT:k,OPTIONS:$,DATA:B,PARAMS:U,SOURCE:F,COLOR_AREA:G,ITEMS:P,COMMON:H},J=e.defineComponent(b(x({},W),{__name:"gag",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(o){p.use([z.install,p.install,p.install$1,M.install]);const t=o;class i extends R.EChartComponentBase{getChartOption(){var l,c,a,d,u,f,C;const s=this.Style.value,{data:r}=this.props.conf,n=(l=r[0])!=null?l:{};return{tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c}",confine:!0},series:[{name:(c=n.name)!=null?c:"",type:"gauge",radius:"100%",startAngle:215,center:["50%","55%"],max:(a=n.max)!=null?a:100,min:(d=n.min)!=null?d:0,endAngle:-35,splitNumber:(u=n.pieces)!=null?u:5,data:[{value:(f=n.min)!=null?f:0,name:(C=n.name)!=null?C:""}],axisLine:{lineStyle:{color:this.formatColor(),width:10}},axisLabel:{distance:25,color:s.textColor},axisTick:{length:5,distance:-10,lineStyle:{color:"#fff"}},splitLine:{length:-10,distance:0,lineStyle:{width:3,color:"transparent"}},pointer:{shadowColor:"#ff2e4c",width:3,length:"70%",itemStyle:{color:"auto"}},title:{offsetCenter:[0,"80%"],fontSize:14,color:s.textColor},detail:{borderWidth:0,width:"100%",height:14,fontSize:14,color:s.textColor,offsetCenter:[0,"50%"],formatter:A=>{var S;return A+((S=n.unit)!=null?S:"")}}}]}}formatColor(){const{area:s,data:r}=this.props.conf;if(!(s!=null&&s.length)||!(r!=null&&r[0]))return[[1,"#5c7bd9"]];const{max:n,min:l}=r[0],c=n-l;return[...s].sort((a,d)=>a.value-d.value).map(a=>[(a.value-l)/c,a.color])}setSocketData(s){var a,d,u,f;if(!this.chartObj||!s)return;const{data:r}=this.props.conf,n=r[0];if(!n)return;const l=this.chartObj.getOption(),c=this.extractDataValue(s,n.fv);(u=(d=(a=l.series)==null?void 0:a[0])==null?void 0:d.data)!=null&&u[0]&&(l.series[0].data[0].value=c!=null?c:(f=n.min)!=null?f:0),this.updateChart(l)}}const m=new i(t,"gauge");m.setupLifecycle();const g=m.getStyle(),E=m.getEchartId(),O=e.computed(()=>w.generateTitleStyle(t.conf.options));return(h,s)=>(e.openBlock(),e.createElementBlock("div",{class:"mix-component",style:e.normalizeStyle({background:e.unref(g).bgColor,borderRadius:`${e.unref(g).radiusSize}px`})},[e.createElementVNode("div",{class:"mix-title",style:e.normalizeStyle(O.value)},e.toDisplayString(o.conf.caption||o.conf.name),5),e.createElementVNode("div",j,[e.createElementVNode("div",{class:"w-full h-full",id:e.unref(E)},null,8,V)]),e.renderSlot(h.$slots,"default",{},void 0,!0)],4))}})),K=L._export_sfc(J,[["__scopeId","data-v-22d7a8c2"]]);exports.default=K;

package/dist/gag-kvkKzJuO.js

@@ -0,0 +1,125 @@
+var N = Object.defineProperty, T = Object.defineProperties;
+var D = Object.getOwnPropertyDescriptors;
+var x = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var _ = (e, t, i) => t in e ? N(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, y = (e, t) => {
+  for (var i in t || (t = {}))
+    I.call(t, i) && _(e, i, t[i]);
+  if (x)
+    for (var i of x(t))
+      w.call(t, i) && _(e, i, t[i]);
+  return e;
+}, b = (e, t) => T(e, D(t));
+import { defineComponent as L, computed as R, openBlock as z, createElementBlock as M, normalizeStyle as v, unref as u, createElementVNode as p, toDisplayString as j, renderSlot as k } from "vue";
+import { _ as $ } from "./index-kShjySl9.js";
+import { E as B } from "./EChartComponentBase-BQOhWkz2.js";
+import { g as U } from "./titleStyle-BT5GlpAb.js";
+import { A as V, D as F } from "./ele-gag-icon-CB5dJeYF.js";
+import { i as G } from "./install-CBde4hAM.js";
+import { u as P, i as H, a as W } from "./installCanvasRenderer-CLT2hquJ.js";
+import { i as q } from "./install-BUu5ESB7.js";
+const J = { class: "mix-body" }, K = ["id"], Q = {
+  DEFAULT_ICON: F,
+  ACTIVE_ICON: V,
+  NAME_CN: "仪表盘",
+  NAME_EN: "Gauge",
+  ORDER: 1
+}, X = {
+  titleColor: "#111",
+  textColor: "#111",
+  bgColor: "#fff",
+  radiusSize: 8,
+  textSize: 12,
+  isHideTitle: !1
+}, Y = [{ name: "参数一", object_id: "", fv: "", max: 100, min: 0, pieces: 5 }], Z = ["name", "fv", "object_id", "max", "min", "pieces"], tt = ["mosaic", "statistics", "calculate"], et = [{ color: "#5c7bd9", value: 100 }], ot = 1, it = {
+  useAlias: !1,
+  source: "mosaic"
+}, at = { DEFAULT: Q, OPTIONS: X, DATA: Y, PARAMS: Z, SOURCE: tt, COLOR_AREA: et, ITEMS: ot, COMMON: it }, st = /* @__PURE__ */ L(b(y({}, at), {
+  __name: "gag",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(e) {
+    P([G, H, W, q]);
+    const t = e;
+    class i extends B {
+      getChartOption() {
+        var n, l, s, c, m, d, C;
+        const a = this.Style.value, { data: r } = this.props.conf, o = (n = r[0]) != null ? n : {};
+        return {
+          tooltip: { trigger: "item", formatter: "{a} <br/>{b} : {c}", confine: !0 },
+          series: [{
+            name: (l = o.name) != null ? l : "",
+            type: "gauge",
+            radius: "100%",
+            startAngle: 215,
+            center: ["50%", "55%"],
+            max: (s = o.max) != null ? s : 100,
+            min: (c = o.min) != null ? c : 0,
+            endAngle: -35,
+            splitNumber: (m = o.pieces) != null ? m : 5,
+            data: [{ value: (d = o.min) != null ? d : 0, name: (C = o.name) != null ? C : "" }],
+            axisLine: { lineStyle: { color: this.formatColor(), width: 10 } },
+            axisLabel: { distance: 25, color: a.textColor },
+            axisTick: { length: 5, distance: -10, lineStyle: { color: "#fff" } },
+            splitLine: { length: -10, distance: 0, lineStyle: { width: 3, color: "transparent" } },
+            pointer: { shadowColor: "#ff2e4c", width: 3, length: "70%", itemStyle: { color: "auto" } },
+            title: { offsetCenter: [0, "80%"], fontSize: 14, color: a.textColor },
+            detail: {
+              borderWidth: 0,
+              width: "100%",
+              height: 14,
+              fontSize: 14,
+              color: a.textColor,
+              offsetCenter: [0, "50%"],
+              formatter: (O) => {
+                var S;
+                return O + ((S = o.unit) != null ? S : "");
+              }
+            }
+          }]
+        };
+      }
+      formatColor() {
+        const { area: a, data: r } = this.props.conf;
+        if (!(a != null && a.length) || !(r != null && r[0])) return [[1, "#5c7bd9"]];
+        const { max: o, min: n } = r[0], l = o - n;
+        return [...a].sort((s, c) => s.value - c.value).map((s) => [(s.value - n) / l, s.color]);
+      }
+      // ✅ 重写 setSocketData()，使用 extractDataValue() 统一提取数据
+      setSocketData(a) {
+        var s, c, m, d;
+        if (!this.chartObj || !a) return;
+        const { data: r } = this.props.conf, o = r[0];
+        if (!o) return;
+        const n = this.chartObj.getOption(), l = this.extractDataValue(a, o.fv);
+        (m = (c = (s = n.series) == null ? void 0 : s[0]) == null ? void 0 : c.data) != null && m[0] && (n.series[0].data[0].value = l != null ? l : (d = o.min) != null ? d : 0), this.updateChart(n);
+      }
+    }
+    const f = new i(t, "gauge");
+    f.setupLifecycle();
+    const g = f.getStyle(), A = f.getEchartId(), E = R(() => U(t.conf.options));
+    return (h, a) => (z(), M("div", {
+      class: "mix-component",
+      style: v({ background: u(g).bgColor, borderRadius: `${u(g).radiusSize}px` })
+    }, [
+      p("div", {
+        class: "mix-title",
+        style: v(E.value)
+      }, j(e.conf.caption || e.conf.name), 5),
+      p("div", J, [
+        p("div", {
+          class: "w-full h-full",
+          id: u(A)
+        }, null, 8, K)
+      ]),
+      k(h.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), gt = /* @__PURE__ */ $(st, [["__scopeId", "data-v-22d7a8c2"]]);
+export {
+  gt as default
+};