mixdashboards 1.0.71 → 1.0.73

package/dist/{chartConfigPanel-C32o1gyJ.js → chartConfigPanel-D1rO6SGh.js}

@@ -1,8 +1,8 @@
-var me = Object.defineProperty, ge = Object.defineProperties;
+var fe = Object.defineProperty, ge = Object.defineProperties;
 var Ce = Object.getOwnPropertyDescriptors;
 var le = Object.getOwnPropertySymbols;
 var be = Object.prototype.hasOwnProperty, _e = Object.prototype.propertyIsEnumerable;
-var oe = (g, n, d) => n in g ? me(g, n, { enumerable: !0, configurable: !0, writable: !0, value: d }) : g[n] = d, $ = (g, n) => {
+var oe = (g, n, d) => n in g ? fe(g, n, { enumerable: !0, configurable: !0, writable: !0, value: d }) : g[n] = d, $ = (g, n) => {
   for (var d in n || (n = {}))
     be.call(n, d) && oe(g, d, n[d]);
   if (le)
@@ -20,14 +20,14 @@ import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/icon/style/css";
 import "element-plus/es/components/checkbox/style/css";
 import "element-plus/es/components/date-picker/style/css";
-import { defineComponent as Ie, useCssVars as Ee, computed as B, ref as u, onMounted as Se, openBlock as r, createElementBlock as c, Fragment as x, renderList as U, createElementVNode as o, toDisplayString as f, normalizeClass as A, createVNode as a, withCtx as p, createTextVNode as m, unref as ae, createBlock as we, createCommentVNode as Re, renderSlot as Te } from "vue";
-import { Delete as Ue, Upload as Ae } from "@element-plus/icons-vue";
-import { k as Ne, g as G, _ as Oe } from "./index-Bdq33405.js";
+import { defineComponent as Ie, useCssVars as Ee, computed as B, ref as u, onMounted as Re, openBlock as r, createElementBlock as c, Fragment as x, renderList as A, createElementVNode as o, toDisplayString as m, normalizeClass as U, createVNode as a, withCtx as p, createTextVNode as f, unref as ae, createBlock as Se, createCommentVNode as we, renderSlot as Te } from "vue";
+import { Delete as Ae, Upload as Ue } from "@element-plus/icons-vue";
+import { k as Oe, d as G, _ as Ne } from "./index-DwPJu6XM.js";
 import { A as Pe, D as ze } from "./ele-ctrSet-icon-BtKGrCid.js";
-const Le = { class: "chart-config-panel" }, je = {
+const Le = { class: "chart-config-panel" }, Fe = {
   key: 0,
   class: "config-section"
-}, Fe = { class: "section-header" }, $e = { class: "section-title" }, qe = { class: "granularity-switch" }, Be = { class: "quick-range" }, Ge = ["onClick"], Qe = { class: "date-inputs" }, Xe = {
+}, je = { class: "section-header" }, $e = { class: "section-title" }, qe = { class: "granularity-switch" }, Be = { class: "quick-range" }, Ge = ["onClick"], Qe = { class: "date-inputs" }, Xe = {
   key: 1,
   class: "config-section"
 }, He = { class: "section-header" }, Je = { class: "section-title" }, Ke = { class: "time-list-actions" }, We = { class: "selected-count" }, Ze = { class: "time-list" }, et = {
@@ -45,10 +45,17 @@ const Le = { class: "chart-config-panel" }, je = {
 }, dt = { class: "section-title" }, ct = { class: "range-inputs" }, pt = {
   key: 6,
   class: "config-section"
-}, vt = { class: "section-title" }, ft = { class: "function-options" }, mt = {
+}, vt = { class: "section-title" }, mt = { class: "function-options" }, ft = {
   key: 7,
   class: "config-section"
-}, gt = { DEFAULT_ICON: ze, ACTIVE_ICON: Pe, NAME_CN: "图表配置面板", NAME_EN: "Chart Config Panel", ORDER: 14 }, Ct = {
+}, gt = {
+  DEFAULT_ICON: ze,
+  ACTIVE_ICON: Pe,
+  NAME_CN: "图表配置面板",
+  NAME_EN: "Chart Config Panel",
+  ORDER: 14,
+  PLATFORM: ["pc", "screen"]
+}, Ct = {
   bindId: { value: "", type: "string", label: "component.deepDisplacement.bindId" },
   bgColor: { value: "#ffffff", type: "color", label: "component.options.bgColor" },
   textColor: { value: "#333333", type: "color", label: "component.options.textColor" },
@@ -69,12 +76,12 @@ const Le = { class: "chart-config-panel" }, je = {
   },
   setup(g) {
     Ee((t) => ({
-      v6460e860: Y.value.bgColor,
-      v15b6596e: Y.value.borderColor,
-      v2f19ff68: Y.value.textColor,
-      f7a1752a: Y.value.accentColor
+      v7cc69559: Y.value.bgColor,
+      v520c1f5c: Y.value.borderColor,
+      v07166a9e: Y.value.textColor,
+      v66046274: Y.value.accentColor
     }));
-    const n = Ne(), d = g, Y = B(() => {
+    const n = Oe(), d = g, Y = B(() => {
       var e, v, s, b, D;
       const { options: t } = d.conf || {};
       return {
@@ -87,17 +94,17 @@ const Le = { class: "chart-config-panel" }, je = {
     }), Q = B(() => {
       var t;
       return ((t = d.conf) == null ? void 0 : t.data) || [];
-    }), X = B(() => Y.value.bindId || d.uid || ""), I = u("day"), H = u("week"), _ = u(""), h = u(""), ne = [{ label: "近7天", value: "week" }, { label: "近30天", value: "month" }, { label: "近90天", value: "quarter" }], E = u([]), y = u([]), M = u(!0), N = u("relative"), O = u("total"), se = [{ label: "合", value: "total" }, { label: "X轴", value: "x" }, { label: "Y轴", value: "y" }], P = u(""), z = u(""), L = u(""), j = u(""), S = u(!0), w = u(!0), J = () => ({
+    }), X = B(() => Y.value.bindId || d.uid || ""), I = u("day"), H = u("week"), _ = u(""), h = u(""), ne = [{ label: "近7天", value: "week" }, { label: "近30天", value: "month" }, { label: "近90天", value: "quarter" }], E = u([]), y = u([]), M = u(!0), O = u("relative"), N = u("total"), se = [{ label: "合", value: "total" }, { label: "X轴", value: "x" }, { label: "Y轴", value: "y" }], P = u(""), z = u(""), L = u(""), F = u(""), R = u(!0), S = u(!0), J = () => ({
       granularity: I.value,
       startDate: _.value,
       endDate: h.value,
       selectedTimes: y.value,
-      chartType: N.value,
-      direction: O.value,
+      chartType: O.value,
+      direction: N.value,
       dispRange: { min: parseFloat(P.value) || null, max: parseFloat(z.value) || null },
-      relativeDispRange: { min: parseFloat(L.value) || null, max: parseFloat(j.value) || null },
-      showDisp: S.value,
-      showRelativeDisp: w.value
+      relativeDispRange: { min: parseFloat(L.value) || null, max: parseFloat(F.value) || null },
+      showDisp: R.value,
+      showRelativeDisp: S.value
     }), C = () => {
       const t = J(), e = Q.value, v = X.value;
       v && (console.log("[ConfigPanel] 广播配置 (uid):", v, t), n.publish("deepDisplacement", "chartConfigPanel", {
@@ -108,11 +115,11 @@ const Le = { class: "chart-config-panel" }, je = {
         const b = s.targetId;
         b && (s.type === "dispSwitch" ? b.split(",").map((k) => k.trim()).forEach((k, V) => {
           if (!k) return;
-          const F = V === 0 ? S.value : w.value;
+          const j = V === 0 ? R.value : S.value;
           n.publish("deepDisplacement", "chartConfigPanel", {
             objectId: k,
             type: "bindConfig",
-            fv: q($({}, t), { visible: F })
+            fv: q($({}, t), { visible: j })
           });
         }) : n.publish("deepDisplacement", "chartConfigPanel", {
           objectId: b,
@@ -143,8 +150,8 @@ const Le = { class: "chart-config-panel" }, je = {
     }, de = () => {
       C();
     }, ce = (t) => {
-      O.value = t, C();
-    }, R = () => {
+      N.value = t, C();
+    }, w = () => {
       C();
     }, te = () => {
       C();
@@ -157,32 +164,32 @@ const Le = { class: "chart-config-panel" }, je = {
         source: "chartConfigPanel"
       });
     };
-    return Se(() => {
+    return Re(() => {
       W("week"), setTimeout(C, 300);
     }), (t, e) => {
-      const v = ye, s = he, b = ke, D = De, k = Ve, V = Me, F = Ye, T = xe;
+      const v = ye, s = he, b = ke, D = De, k = Ve, V = Me, j = Ye, T = xe;
       return r(), c("div", Le, [
-        (r(!0), c(x, null, U(Q.value, (i, ve) => (r(), c(x, { key: ve }, [
-          i.type === "timeRange" ? (r(), c("div", je, [
-            o("div", Fe, [
-              o("span", $e, f(i.label || "时间段"), 1),
+        (r(!0), c(x, null, A(Q.value, (i, ve) => (r(), c(x, { key: ve }, [
+          i.type === "timeRange" ? (r(), c("div", Fe, [
+            o("div", je, [
+              o("span", $e, m(i.label || "时间段"), 1),
               o("div", qe, [
                 o("span", {
-                  class: A(["switch-item", { active: I.value === "day" }]),
+                  class: U(["switch-item", { active: I.value === "day" }]),
                   onClick: e[0] || (e[0] = (l) => K("day"))
                 }, "日均", 2),
                 o("span", {
-                  class: A(["switch-item", { active: I.value === "hour" }]),
+                  class: U(["switch-item", { active: I.value === "hour" }]),
                   onClick: e[1] || (e[1] = (l) => K("hour"))
                 }, "小时", 2)
               ])
             ]),
             o("div", Be, [
-              (r(), c(x, null, U(ne, (l) => o("span", {
+              (r(), c(x, null, A(ne, (l) => o("span", {
                 key: l.value,
-                class: A(["range-item", { active: H.value === l.value }]),
-                onClick: (fe) => W(l.value)
-              }, f(l.label), 11, Ge)), 64))
+                class: U(["range-item", { active: H.value === l.value }]),
+                onClick: (me) => W(l.value)
+              }, m(l.label), 11, Ge)), 64))
             ]),
             o("div", Qe, [
               a(v, {
@@ -210,7 +217,7 @@ const Le = { class: "chart-config-panel" }, je = {
             ])
           ])) : i.type === "timeList" ? (r(), c("div", Xe, [
             o("div", He, [
-              o("span", Je, f(i.label || "采集时间列表"), 1)
+              o("span", Je, m(i.label || "采集时间列表"), 1)
             ]),
             o("div", Ke, [
               a(s, {
@@ -219,7 +226,7 @@ const Le = { class: "chart-config-panel" }, je = {
                 onChange: ie
               }, {
                 default: p(() => [...e[13] || (e[13] = [
-                  m("全选", -1)
+                  f("全选", -1)
                 ])]),
                 _: 1
               }, 8, ["modelValue"]),
@@ -231,18 +238,18 @@ const Le = { class: "chart-config-panel" }, je = {
                 default: p(() => [
                   a(b, null, {
                     default: p(() => [
-                      a(ae(Ue))
+                      a(ae(Ae))
                     ]),
                     _: 1
                   }),
-                  e[14] || (e[14] = m("清空", -1))
+                  e[14] || (e[14] = f("清空", -1))
                 ]),
                 _: 1
               }),
               o("span", We, [
-                e[15] || (e[15] = m("已选 ", -1)),
-                o("em", null, f(y.value.length), 1),
-                e[16] || (e[16] = m(" 项", -1))
+                e[15] || (e[15] = f("已选 ", -1)),
+                o("em", null, m(y.value.length), 1),
+                e[16] || (e[16] = f(" 项", -1))
               ])
             ]),
             o("div", Ze, [
@@ -252,13 +259,13 @@ const Le = { class: "chart-config-panel" }, je = {
                 onChange: re
               }, {
                 default: p(() => [
-                  (r(!0), c(x, null, U(E.value, (l) => (r(), we(s, {
+                  (r(!0), c(x, null, A(E.value, (l) => (r(), Se(s, {
                     key: l,
                     value: l,
                     class: "time-checkbox"
                   }, {
                     default: p(() => [
-                      m(f(l), 1)
+                      f(m(l), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 128))
@@ -267,35 +274,35 @@ const Le = { class: "chart-config-panel" }, je = {
               }, 8, ["modelValue"])
             ])
           ])) : i.type === "chartType" ? (r(), c("div", et, [
-            o("div", tt, f(i.label || "图类型"), 1),
-            a(F, {
-              modelValue: N.value,
-              "onUpdate:modelValue": e[6] || (e[6] = (l) => N.value = l),
+            o("div", tt, m(i.label || "图类型"), 1),
+            a(j, {
+              modelValue: O.value,
+              "onUpdate:modelValue": e[6] || (e[6] = (l) => O.value = l),
               class: "chart-type-group",
               onChange: de
             }, {
               default: p(() => [
                 a(V, { value: "relative" }, {
                   default: p(() => [...e[17] || (e[17] = [
-                    m("相对位移", -1)
+                    f("相对位移", -1)
                   ])]),
                   _: 1
                 }),
                 a(V, { value: "cluster" }, {
                   default: p(() => [...e[18] || (e[18] = [
-                    m("滑面聚类判识", -1)
+                    f("滑面聚类判识", -1)
                   ])]),
                   _: 1
                 }),
                 a(V, { value: "borehole" }, {
                   default: p(() => [...e[19] || (e[19] = [
-                    m("钻孔柱状图", -1)
+                    f("钻孔柱状图", -1)
                   ])]),
                   _: 1
                 }),
                 a(V, { value: "sensor" }, {
                   default: p(() => [...e[20] || (e[20] = [
-                    m("传感器分布图", -1)
+                    f("传感器分布图", -1)
                   ])]),
                   _: 1
                 })
@@ -303,16 +310,16 @@ const Le = { class: "chart-config-panel" }, je = {
               _: 1
             }, 8, ["modelValue"])
           ])) : i.type === "direction" ? (r(), c("div", lt, [
-            o("div", ot, f(i.label || "位移方向"), 1),
+            o("div", ot, m(i.label || "位移方向"), 1),
             o("div", at, [
-              (r(), c(x, null, U(se, (l) => o("span", {
+              (r(), c(x, null, A(se, (l) => o("span", {
                 key: l.value,
-                class: A(["direction-item", { active: O.value === l.value }]),
-                onClick: (fe) => ce(l.value)
-              }, f(l.label), 11, nt)), 64))
+                class: U(["direction-item", { active: N.value === l.value }]),
+                onClick: (me) => ce(l.value)
+              }, m(l.label), 11, nt)), 64))
             ])
           ])) : i.type === "dispRange" ? (r(), c("div", st, [
-            o("div", it, f(i.label || "累计位移区间"), 1),
+            o("div", it, m(i.label || "累计位移区间"), 1),
             o("div", ut, [
               a(T, {
                 modelValue: P.value,
@@ -320,7 +327,7 @@ const Le = { class: "chart-config-panel" }, je = {
                 size: "small",
                 placeholder: "最小值",
                 class: "range-input",
-                onChange: R
+                onChange: w
               }, null, 8, ["modelValue"]),
               e[21] || (e[21] = o("span", { class: "range-sep" }, "~", -1)),
               a(T, {
@@ -329,12 +336,12 @@ const Le = { class: "chart-config-panel" }, je = {
                 size: "small",
                 placeholder: "最大值",
                 class: "range-input",
-                onChange: R
+                onChange: w
               }, null, 8, ["modelValue"]),
               e[22] || (e[22] = o("span", { class: "range-unit" }, "mm", -1))
             ])
           ])) : i.type === "relativeDispRange" ? (r(), c("div", rt, [
-            o("div", dt, f(i.label || "相对位移区间"), 1),
+            o("div", dt, m(i.label || "相对位移区间"), 1),
             o("div", ct, [
               a(T, {
                 modelValue: L.value,
@@ -342,44 +349,44 @@ const Le = { class: "chart-config-panel" }, je = {
                 size: "small",
                 placeholder: "最小值",
                 class: "range-input",
-                onChange: R
+                onChange: w
               }, null, 8, ["modelValue"]),
               e[23] || (e[23] = o("span", { class: "range-sep" }, "~", -1)),
               a(T, {
-                modelValue: j.value,
-                "onUpdate:modelValue": e[10] || (e[10] = (l) => j.value = l),
+                modelValue: F.value,
+                "onUpdate:modelValue": e[10] || (e[10] = (l) => F.value = l),
                 size: "small",
                 placeholder: "最大值",
                 class: "range-input",
-                onChange: R
+                onChange: w
               }, null, 8, ["modelValue"]),
               e[24] || (e[24] = o("span", { class: "range-unit" }, "mm", -1))
             ])
           ])) : i.type === "dispSwitch" ? (r(), c("div", pt, [
-            o("div", vt, f(i.label || "功能"), 1),
-            o("div", ft, [
+            o("div", vt, m(i.label || "功能"), 1),
+            o("div", mt, [
               a(s, {
-                modelValue: S.value,
-                "onUpdate:modelValue": e[11] || (e[11] = (l) => S.value = l),
+                modelValue: R.value,
+                "onUpdate:modelValue": e[11] || (e[11] = (l) => R.value = l),
                 onChange: te
               }, {
                 default: p(() => [...e[25] || (e[25] = [
-                  m("累计位移", -1)
+                  f("累计位移", -1)
                 ])]),
                 _: 1
               }, 8, ["modelValue"]),
               a(s, {
-                modelValue: w.value,
-                "onUpdate:modelValue": e[12] || (e[12] = (l) => w.value = l),
+                modelValue: S.value,
+                "onUpdate:modelValue": e[12] || (e[12] = (l) => S.value = l),
                 onChange: te
               }, {
                 default: p(() => [...e[26] || (e[26] = [
-                  m("相对位移", -1)
+                  f("相对位移", -1)
                 ])]),
                 _: 1
               }, 8, ["modelValue"])
             ])
-          ])) : i.type === "export" ? (r(), c("div", mt, [
+          ])) : i.type === "export" ? (r(), c("div", ft, [
             a(D, {
               size: "small",
               onClick: pe,
@@ -388,21 +395,21 @@ const Le = { class: "chart-config-panel" }, je = {
               default: p(() => [
                 a(b, null, {
                   default: p(() => [
-                    a(ae(Ae))
+                    a(ae(Ue))
                   ]),
                   _: 1
                 }),
-                m(f(i.label || "导出图"), 1)
+                f(m(i.label || "导出图"), 1)
               ]),
               _: 2
             }, 1024)
-          ])) : Re("", !0)
+          ])) : we("", !0)
         ], 64))), 128)),
         Te(t.$slots, "default", {}, void 0, !0)
       ]);
     };
   }
-})), zt = /* @__PURE__ */ Oe(kt, [["__scopeId", "data-v-1a145f90"]]);
+})), zt = /* @__PURE__ */ Ne(kt, [["__scopeId", "data-v-8b0e3d68"]]);
 export {
   zt as default
 };

package/dist/{circleBar-CeL2rqMJ.cjs → circleBar-BzXqA-Cz.cjs}

@@ -1,5 +1,5 @@
-"use strict";var $=Object.defineProperty,w=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var j=(r,a,i)=>a in r?$(r,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[a]=i,E=(r,a)=>{for(var i in a||(a={}))q.call(a,i)&&j(r,i,a[i]);if(_)for(var i of _(a))D.call(a,i)&&j(r,i,a[i]);return r},V=(r,a)=>w(r,A(a));var k=(r,a,i)=>new Promise((m,g)=>{var x=b=>{try{u(i.next(b))}catch(C){g(C)}},N=b=>{try{u(i.throw(b))}catch(C){g(C)}},u=b=>b.done?m(b.value):Promise.resolve(b.value).then(x,N);u((i=i.apply(r,a)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),z=require("./index-D8dh_6Qd.cjs"),H=require("./EChartComponentBase-D4wMej9X.cjs"),L=require("./titleStyle-NSnz6cUg.cjs"),B=require("./ele-circleBar-icon-Da0-L9sa.cjs"),T=require("./installCanvasRenderer-CyhM1Qpl.cjs"),R=require("./install-DV5cEgNV.cjs"),F=require("./install-CltTFs4e.cjs"),M=require("./install-nDY6w-GK.cjs"),P=require("./echarts-BB8O2KSA.cjs"),U={class:"mix-body"},W=["id"],K={class:"bar-wrap"},G={DEFAULT_ICON:B.DEFAULT_ICON,ACTIVE_ICON:B.ACTIVE_ICON,NAME_CN:"环形图",NAME_EN:"CircleBar",ORDER:2},J={titleColor:"#111",textColor:"#111",bgColor:"#fff",barColor:"#e5e5e5",radiusSize:8,textSize:12,barHeight:10,isHideTitle:!1,showTotal:!0,fixed:{value:2,type:"number",label:"component.options.circleBar_fixed",dependent:"showTotal"},totalText:{value:"总数",type:"string",label:"component.options.circleBar_totalText",dependent:"showTotal"}},I=[{name:"参数一",fv:"",color:"#4162ff",object_id:"",default:"10",value:10},{name:"参数二",fv:"",color:"#3bbc6a",object_id:"",default:"10",value:10},{name:"参数三",fv:"",color:"#e24359",object_id:"",default:"10",value:10}],Q=["name","fv","object_id","color","default"],X=["mosaic","statistics","calculate"],Y={useAlias:!1,multiObject:!1,source:"mosaic"},Z={DEFAULT:G,OPTIONS:J,DATA:I,PARAMS:Q,SOURCE:X,COMMON:Y},ee=t.defineComponent(V(E({},Z),{__name:"circleBar",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(r){T.use([R.install,F.install,T.install,T.install$1,M.install]);const a=r,i=z.useLinkStore();let m=0;class g extends H.EChartComponentBase{extractStyles(){return{bgColor:this.getOptionValue("bgColor","#fff"),titleColor:this.getOptionValue("titleColor","#111"),textColor:this.getOptionValue("textColor","#111"),barColor:this.getOptionValue("barColor","#e5e5e5"),radiusSize:this.getOptionValue("radiusSize",8),textSize:this.getOptionValue("textSize",12),barHeight:this.getOptionValue("barHeight",10),isHideTitle:this.getOptionValue("isHideTitle",!1)}}init(){return k(this,null,function*(){var o;this.Style.value=this.extractStyles(),this.applyTheme(),(o=this.props.conf.data)!=null&&o.length||(this.props.conf.data=I),this.props.conf.data.forEach(e=>{e.default!==void 0&&e.default!==""&&(e.value=Number(e.default)||0)}),m=this.props.conf.data.reduce((e,l)=>e+Number(l.value||0),0),t.nextTick(()=>this.initChart())})}initChart(){var e,l,n;const o=document.querySelector(`#${this.echartId}`);o&&(this.chartObj||(this.chartObj=P.init(o),this.setupResizeListener(o)),(e=this.chartObj)==null||e.setOption(this.getChartOption(),!0),this.props.mode==="preview"&&((l=this.chartObj)==null||l.off("click"),(n=this.chartObj)==null||n.on("click",d=>{var v,h,s,f,p,S;const c=d==null?void 0:d.name;if(typeof c=="string"&&c){const y=((h=(v=this.props.conf)==null?void 0:v.options)==null?void 0:h.linkChannel)==="custom"?(f=(s=this.props.conf)==null?void 0:s.options)==null?void 0:f.customChannel:(S=(p=this.props.conf)==null?void 0:p.options)==null?void 0:S.linkChannel;i.publish(y||"circleBar","circleBar",{objectId:"",deviceId:"",type:"select",fieldKey:c,fv:E({key:c},d),source:"circleBar"})}})))}getChartOption(){var c,v,h,s,f,p;const{data:o,options:e,name:l}=this.props.conf,n=o.map((S,y)=>S.color||z.COLORS[y]),d=o.map(S=>({value:S.value||0,name:S.name}));return{title:{zlevel:0,show:(c=e==null?void 0:e.showTotal)==null?void 0:c.value,text:[`{value|${m.toFixed(((v=e==null?void 0:e.fixed)==null?void 0:v.value)||2)}}`,`{name|${((h=e==null?void 0:e.totalText)==null?void 0:h.value)||"总数"}}`].join(`
+"use strict";var $=Object.defineProperty,A=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var j=(r,a,i)=>a in r?$(r,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[a]=i,E=(r,a)=>{for(var i in a||(a={}))w.call(a,i)&&j(r,i,a[i]);if(_)for(var i of _(a))D.call(a,i)&&j(r,i,a[i]);return r},V=(r,a)=>A(r,q(a));var k=(r,a,i)=>new Promise((m,g)=>{var x=S=>{try{u(i.next(S))}catch(C){g(C)}},N=S=>{try{u(i.throw(S))}catch(C){g(C)}},u=S=>S.done?m(S.value):Promise.resolve(S.value).then(x,N);u((i=i.apply(r,a)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),z=require("./index-DVqMfQVc.cjs");require("element-plus");const H=require("./EChartComponentBase-dLE5F7Tt.cjs"),L=require("./titleStyle-NSnz6cUg.cjs"),B=require("./ele-circleBar-icon-Da0-L9sa.cjs"),T=require("./installCanvasRenderer-CyhM1Qpl.cjs"),R=require("./install-DV5cEgNV.cjs"),F=require("./install-CltTFs4e.cjs"),M=require("./install-nDY6w-GK.cjs"),P=require("./echarts-BB8O2KSA.cjs"),U={class:"mix-body"},W=["id"],K={class:"bar-wrap"},G={DEFAULT_ICON:B.DEFAULT_ICON,ACTIVE_ICON:B.ACTIVE_ICON,NAME_CN:"环形图",NAME_EN:"CircleBar",ORDER:2,PLATFORM:["pc","screen","mobile"]},J={titleColor:"#111",textColor:"#111",bgColor:"#fff",barColor:"#e5e5e5",radiusSize:8,textSize:12,barHeight:10,isHideTitle:!1,showTotal:!0,fixed:{value:2,type:"number",label:"component.options.circleBar_fixed",dependent:"showTotal"},totalText:{value:"总数",type:"string",label:"component.options.circleBar_totalText",dependent:"showTotal"}},I=[{name:"参数一",fv:"",color:"#4162ff",object_id:"",default:"10",value:10},{name:"参数二",fv:"",color:"#3bbc6a",object_id:"",default:"10",value:10},{name:"参数三",fv:"",color:"#e24359",object_id:"",default:"10",value:10}],Q=["name","fv","object_id","color","default"],X=["mosaic","statistics","calculate"],Y={useAlias:!1,multiObject:!1,source:"mosaic"},Z={DEFAULT:G,OPTIONS:J,DATA:I,PARAMS:Q,SOURCE:X,COMMON:Y},ee=t.defineComponent(V(E({},Z),{__name:"circleBar",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(r){T.use([R.install,F.install,T.install,T.install$1,M.install]);const a=r,i=z.useLinkStore();let m=0;class g extends H.EChartComponentBase{extractStyles(){return{bgColor:this.getOptionValue("bgColor","#fff"),titleColor:this.getOptionValue("titleColor","#111"),textColor:this.getOptionValue("textColor","#111"),barColor:this.getOptionValue("barColor","#e5e5e5"),radiusSize:this.getOptionValue("radiusSize",8),textSize:this.getOptionValue("textSize",12),barHeight:this.getOptionValue("barHeight",10),isHideTitle:this.getOptionValue("isHideTitle",!1)}}init(){return k(this,null,function*(){var o;this.Style.value=this.extractStyles(),this.applyTheme(),(o=this.props.conf.data)!=null&&o.length||(this.props.conf.data=I),this.props.conf.data.forEach(e=>{e.default!==void 0&&e.default!==""&&(e.value=Number(e.default)||0)}),m=this.props.conf.data.reduce((e,l)=>e+Number(l.value||0),0),t.nextTick(()=>this.initChart())})}initChart(){var e,l,n;const o=document.querySelector(`#${this.echartId}`);o&&(this.chartObj||(this.chartObj=P.init(o),this.setupResizeListener(o)),(e=this.chartObj)==null||e.setOption(this.getChartOption(),!0),this.props.mode==="preview"&&((l=this.chartObj)==null||l.off("click"),(n=this.chartObj)==null||n.on("click",d=>{var v,h,s,f,p,b;const c=d==null?void 0:d.name;if(typeof c=="string"&&c){const y=((h=(v=this.props.conf)==null?void 0:v.options)==null?void 0:h.linkChannel)==="custom"?(f=(s=this.props.conf)==null?void 0:s.options)==null?void 0:f.customChannel:(b=(p=this.props.conf)==null?void 0:p.options)==null?void 0:b.linkChannel;i.publish(y||"circleBar","circleBar",{objectId:"",deviceId:"",type:"select",fieldKey:c,fv:E({key:c},d),source:"circleBar"})}})))}getChartOption(){var c,v,h,s,f,p;const{data:o,options:e,name:l}=this.props.conf,n=o.map((b,y)=>b.color||z.COLORS[y]),d=o.map(b=>({value:b.value||0,name:b.name}));return{title:{zlevel:0,show:(c=e==null?void 0:e.showTotal)==null?void 0:c.value,text:[`{value|${m.toFixed(((v=e==null?void 0:e.fixed)==null?void 0:v.value)||2)}}`,`{name|${((h=e==null?void 0:e.totalText)==null?void 0:h.value)||"总数"}}`].join(`
 `),textStyle:{rich:{value:{color:this.Style.value.textColor,fontSize:this.Style.value.textSize,fontWeight:"bold",lineHeight:this.Style.value.textSize+8},name:{color:this.Style.value.textColor,lineHeight:this.Style.value.textSize+8,fontSize:this.Style.value.textSize}}},top:"center",left:"center"},color:n,series:[{name:l,type:"pie",radius:["50%","85%"],center:["50%","50%"],data:d,label:{position:"center",show:!1,color:"inherit"},emphasis:{scale:0,label:{show:(s=e==null?void 0:e.showTotal)==null?void 0:s.value,fontSize:((f=e==null?void 0:e.textSize)==null?void 0:f.value)||12,fontWeight:"bold",formatter:`{d}%
 {b}`,lineHeight:(((p=e==null?void 0:e.textSize)==null?void 0:p.value)||12)+8}}}]}}setHistoryData(o){var d,c,v;if(!o||!(o!=null&&o.length))return;const{data:e,options:l}=this.props.conf,n=this.chartObj.getOption();m=0,n.series[0].data.forEach((h,s)=>{var f;h.value=(f=o[s].data[0])!=null?f:0,m+=h.value,e[s].value=h.value}),(d=n.title)!=null&&d[0]&&(n.title[0].text=[`{value|${m.toFixed(((c=l==null?void 0:l.fixed)==null?void 0:c.value)||2)}}`,`{name|${((v=l==null?void 0:l.totalText)==null?void 0:v.value)||"总数"}}`].join(`
-`)),this.chartObj.setOption(n,!0)}setSocketData(o){var d,c,v,h;if(!o||!this.chartObj)return;const{data:e,options:l}=this.props.conf,n=this.chartObj.getOption();e.forEach((s,f)=>{var S,y;const p=this.extractDataValue(o,s.fv);s.value=p!=null?p:0,(y=(S=n.series)==null?void 0:S[0])!=null&&y.data&&(n.series[0].data[f].value=p!=null?p:0)}),m=e.reduce((s,f)=>s+Number(f.value||0),0),(d=n.title)!=null&&d[0]&&(n.title[0].text=[`{value|${m.toFixed(((c=l==null?void 0:l.fixed)==null?void 0:c.value)||2)}}`,`{name|${((v=l==null?void 0:l.totalText)==null?void 0:v.value)||"总数"}}`].join(`
-`)),(h=this.chartObj)==null||h.setOption(n)}}const x=new g(a,"circleBar"),N=x.getEchartId();x.setupLifecycle();const u=x.getStyle(),b=t.computed(()=>L.generateTitleStyle(a.conf.options)),C=O=>{const o=Number(O),e=Number(m);return!isNaN(o)&&!isNaN(e)&&e!==0?(o/e*100).toFixed(2)+"%":"0%"};return(O,o)=>(t.openBlock(),t.createElementBlock("div",{class:"mix-component",style:t.normalizeStyle({background:t.unref(u).bgColor,borderRadius:`${t.unref(u).radiusSize}px`})},[t.createElementVNode("div",{class:"mix-title",style:t.normalizeStyle(b.value)},t.toDisplayString(r.conf.caption||r.conf.name),5),t.createElementVNode("div",U,[t.createElementVNode("div",{class:"echart-container",id:t.unref(N)},null,8,W),t.createElementVNode("div",K,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.conf.data,(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:"bar-item level flex",key:l},[t.createElementVNode("div",{class:"label",style:t.normalizeStyle({color:t.unref(u).textColor,fontSize:`${t.unref(u).textSize}px`})},t.toDisplayString(e.name),5),t.createElementVNode("div",{class:"bar",style:t.normalizeStyle({height:t.unref(u).barHeight+"px",backgroundColor:t.unref(u).barColor})},[t.createElementVNode("div",{class:"percent",style:t.normalizeStyle({backgroundColor:e.color||t.unref(z.COLORS)[l],width:C(e.value)})},null,4)],4),t.createElementVNode("div",{class:"value",style:t.normalizeStyle({color:t.unref(u).textColor,fontSize:`${t.unref(u).textSize}px`})},t.toDisplayString(e.value),5)]))),128))])]),t.renderSlot(O.$slots,"default",{},void 0,!0)],4))}})),te=z._export_sfc(ee,[["__scopeId","data-v-217c3474"]]);exports.default=te;
+`)),this.chartObj.setOption(n,!0)}setSocketData(o){var d,c,v,h;if(!o||!this.chartObj)return;const{data:e,options:l}=this.props.conf,n=this.chartObj.getOption();e.forEach((s,f)=>{var b,y;const p=this.extractDataValue(o,s.fv);s.value=p!=null?p:0,(y=(b=n.series)==null?void 0:b[0])!=null&&y.data&&(n.series[0].data[f].value=p!=null?p:0)}),m=e.reduce((s,f)=>s+Number(f.value||0),0),(d=n.title)!=null&&d[0]&&(n.title[0].text=[`{value|${m.toFixed(((c=l==null?void 0:l.fixed)==null?void 0:c.value)||2)}}`,`{name|${((v=l==null?void 0:l.totalText)==null?void 0:v.value)||"总数"}}`].join(`
+`)),(h=this.chartObj)==null||h.setOption(n)}}const x=new g(a,"circleBar"),N=x.getEchartId();x.setupLifecycle();const u=x.getStyle(),S=t.computed(()=>L.generateTitleStyle(a.conf.options)),C=O=>{const o=Number(O),e=Number(m);return!isNaN(o)&&!isNaN(e)&&e!==0?(o/e*100).toFixed(2)+"%":"0%"};return(O,o)=>(t.openBlock(),t.createElementBlock("div",{class:"mix-component",style:t.normalizeStyle({background:t.unref(u).bgColor,borderRadius:`${t.unref(u).radiusSize}px`})},[t.createElementVNode("div",{class:"mix-title",style:t.normalizeStyle(S.value)},t.toDisplayString(r.conf.caption||r.conf.name),5),t.createElementVNode("div",U,[t.createElementVNode("div",{class:"echart-container",id:t.unref(N)},null,8,W),t.createElementVNode("div",K,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.conf.data,(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:"bar-item level flex",key:l},[t.createElementVNode("div",{class:"label",style:t.normalizeStyle({color:t.unref(u).textColor,fontSize:`${t.unref(u).textSize}px`})},t.toDisplayString(e.name),5),t.createElementVNode("div",{class:"bar",style:t.normalizeStyle({height:t.unref(u).barHeight+"px",backgroundColor:t.unref(u).barColor})},[t.createElementVNode("div",{class:"percent",style:t.normalizeStyle({backgroundColor:e.color||t.unref(z.COLORS)[l],width:C(e.value)})},null,4)],4),t.createElementVNode("div",{class:"value",style:t.normalizeStyle({color:t.unref(u).textColor,fontSize:`${t.unref(u).textSize}px`})},t.toDisplayString(e.value),5)]))),128))])]),t.renderSlot(O.$slots,"default",{},void 0,!0)],4))}})),te=z._export_sfc(ee,[["__scopeId","data-v-a5bdb459"]]);exports.default=te;

package/dist/{circleBar-BmTjsLHo.js → circleBar-CBLcp4Xi.js}

@@ -10,7 +10,7 @@ var B = (l, o, i) => o in l ? I(l, o, { enumerable: !0, configurable: !0, writab
       R.call(o, i) && B(l, i, o[i]);
   return l;
 }, w = (l, o) => D(l, F(o));
-var V = (l, o, i) => new Promise((m, _) => {
+var A = (l, o, i) => new Promise((m, _) => {
   var y = (x) => {
     try {
       c(i.next(x));
@@ -27,8 +27,9 @@ var V = (l, o, i) => new Promise((m, _) => {
   c((i = i.apply(l, o)).next());
 });
 import { defineComponent as M, computed as P, openBlock as N, createElementBlock as k, normalizeStyle as C, unref as b, createElementVNode as S, toDisplayString as E, Fragment as U, renderList as W, renderSlot as q, nextTick as K } from "vue";
-import { k as G, C as A, _ as J } from "./index-Bdq33405.js";
-import { E as Q } from "./EChartComponentBase-CAabYXSj.js";
+import { k as G, C as V, _ as J } from "./index-DwPJu6XM.js";
+import "element-plus";
+import { E as Q } from "./EChartComponentBase-cFfawl6h.js";
 import { g as X } from "./titleStyle-BT5GlpAb.js";
 import { A as Y, D as Z } from "./ele-circleBar-icon-DNBUxt0A.js";
 import { u as tt, i as et, a as at } from "./installCanvasRenderer-CLT2hquJ.js";
@@ -41,8 +42,9 @@ const st = { class: "mix-body" }, nt = ["id"], ct = { class: "bar-wrap" }, ut =
   ACTIVE_ICON: Y,
   NAME_CN: "环形图",
   NAME_EN: "CircleBar",
-  ORDER: 2
-}, ht = {
+  ORDER: 2,
+  PLATFORM: ["pc", "screen", "mobile"]
+}, dt = {
   titleColor: "#111",
   textColor: "#111",
   bgColor: "#fff",
@@ -89,11 +91,11 @@ const st = { class: "mix-body" }, nt = ["id"], ct = { class: "bar-wrap" }, ut =
     default: "10",
     value: 10
   }
-], dt = ["name", "fv", "object_id", "color", "default"], ft = ["mosaic", "statistics", "calculate"], pt = {
+], ht = ["name", "fv", "object_id", "color", "default"], ft = ["mosaic", "statistics", "calculate"], pt = {
   useAlias: !1,
   multiObject: !1,
   source: "mosaic"
-}, mt = { DEFAULT: ut, OPTIONS: ht, DATA: H, PARAMS: dt, SOURCE: ft, COMMON: pt }, vt = /* @__PURE__ */ M(w(j({}, mt), {
+}, mt = { DEFAULT: ut, OPTIONS: dt, DATA: H, PARAMS: ht, SOURCE: ft, COMMON: pt }, vt = /* @__PURE__ */ M(w(j({}, mt), {
   __name: "circleBar",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -125,7 +127,7 @@ const st = { class: "mix-body" }, nt = ["id"], ct = { class: "bar-wrap" }, ut =
         };
       }
       init() {
-        return V(this, null, function* () {
+        return A(this, null, function* () {
           var a;
           this.Style.value = this.extractStyles(), this.applyTheme(), (a = this.props.conf.data) != null && a.length || (this.props.conf.data = H), this.props.conf.data.forEach((t) => {
             t.default !== void 0 && t.default !== "" && (t.value = Number(t.default) || 0);
@@ -139,10 +141,10 @@ const st = { class: "mix-body" }, nt = ["id"], ct = { class: "bar-wrap" }, ut =
         var t, e, r;
         const a = document.querySelector(`#${this.echartId}`);
         a && (this.chartObj || (this.chartObj = rt(a), this.setupResizeListener(a)), (t = this.chartObj) == null || t.setOption(this.getChartOption(), !0), this.props.mode === "preview" && ((e = this.chartObj) == null || e.off("click"), (r = this.chartObj) == null || r.on("click", (u) => {
-          var p, h, n, d, f, v;
+          var p, d, n, h, f, v;
           const s = u == null ? void 0 : u.name;
           if (typeof s == "string" && s) {
-            const g = ((h = (p = this.props.conf) == null ? void 0 : p.options) == null ? void 0 : h.linkChannel) === "custom" ? (d = (n = this.props.conf) == null ? void 0 : n.options) == null ? void 0 : d.customChannel : (v = (f = this.props.conf) == null ? void 0 : f.options) == null ? void 0 : v.linkChannel;
+            const g = ((d = (p = this.props.conf) == null ? void 0 : p.options) == null ? void 0 : d.linkChannel) === "custom" ? (h = (n = this.props.conf) == null ? void 0 : n.options) == null ? void 0 : h.customChannel : (v = (f = this.props.conf) == null ? void 0 : f.options) == null ? void 0 : v.linkChannel;
             i.publish(g || "circleBar", "circleBar", {
               objectId: "",
               deviceId: "",
@@ -155,9 +157,9 @@ const st = { class: "mix-body" }, nt = ["id"], ct = { class: "bar-wrap" }, ut =
         })));
       }
       getChartOption() {
-        var s, p, h, n, d, f;
+        var s, p, d, n, h, f;
         const { data: a, options: t, name: e } = this.props.conf, r = a.map(
-          (v, g) => v.color || A[g]
+          (v, g) => v.color || V[g]
         ), u = a.map((v) => ({
           value: v.value || 0,
           name: v.name
@@ -168,7 +170,7 @@ const st = { class: "mix-body" }, nt = ["id"], ct = { class: "bar-wrap" }, ut =
             show: (s = t == null ? void 0 : t.showTotal) == null ? void 0 : s.value,
             text: [
               `{value|${m.toFixed(((p = t == null ? void 0 : t.fixed) == null ? void 0 : p.value) || 2)}}`,
-              `{name|${((h = t == null ? void 0 : t.totalText) == null ? void 0 : h.value) || "总数"}}`
+              `{name|${((d = t == null ? void 0 : t.totalText) == null ? void 0 : d.value) || "总数"}}`
             ].join(`
 `),
             textStyle: {
@@ -202,7 +204,7 @@ const st = { class: "mix-body" }, nt = ["id"], ct = { class: "bar-wrap" }, ut =
                 scale: 0,
                 label: {
                   show: (n = t == null ? void 0 : t.showTotal) == null ? void 0 : n.value,
-                  fontSize: ((d = t == null ? void 0 : t.textSize) == null ? void 0 : d.value) || 12,
+                  fontSize: ((h = t == null ? void 0 : t.textSize) == null ? void 0 : h.value) || 12,
                   fontWeight: "bold",
                   formatter: `{d}%
 {b}`,
@@ -217,9 +219,9 @@ const st = { class: "mix-body" }, nt = ["id"], ct = { class: "bar-wrap" }, ut =
         var u, s, p;
         if (!a || !(a != null && a.length)) return;
         const { data: t, options: e } = this.props.conf, r = this.chartObj.getOption();
-        m = 0, r.series[0].data.forEach((h, n) => {
-          var d;
-          h.value = (d = a[n].data[0]) != null ? d : 0, m += h.value, t[n].value = h.value;
+        m = 0, r.series[0].data.forEach((d, n) => {
+          var h;
+          d.value = (h = a[n].data[0]) != null ? h : 0, m += d.value, t[n].value = d.value;
         }), (u = r.title) != null && u[0] && (r.title[0].text = [
           `{value|${m.toFixed(((s = e == null ? void 0 : e.fixed) == null ? void 0 : s.value) || 2)}}`,
           `{name|${((p = e == null ? void 0 : e.totalText) == null ? void 0 : p.value) || "总数"}}`
@@ -227,18 +229,18 @@ const st = { class: "mix-body" }, nt = ["id"], ct = { class: "bar-wrap" }, ut =
 `)), this.chartObj.setOption(r, !0);
       }
       setSocketData(a) {
-        var u, s, p, h;
+        var u, s, p, d;
         if (!a || !this.chartObj) return;
         const { data: t, options: e } = this.props.conf, r = this.chartObj.getOption();
-        t.forEach((n, d) => {
+        t.forEach((n, h) => {
           var v, g;
           const f = this.extractDataValue(a, n.fv);
-          n.value = f != null ? f : 0, (g = (v = r.series) == null ? void 0 : v[0]) != null && g.data && (r.series[0].data[d].value = f != null ? f : 0);
-        }), m = t.reduce((n, d) => n + Number(d.value || 0), 0), (u = r.title) != null && u[0] && (r.title[0].text = [
+          n.value = f != null ? f : 0, (g = (v = r.series) == null ? void 0 : v[0]) != null && g.data && (r.series[0].data[h].value = f != null ? f : 0);
+        }), m = t.reduce((n, h) => n + Number(h.value || 0), 0), (u = r.title) != null && u[0] && (r.title[0].text = [
           `{value|${m.toFixed(((s = e == null ? void 0 : e.fixed) == null ? void 0 : s.value) || 2)}}`,
           `{name|${((p = e == null ? void 0 : e.totalText) == null ? void 0 : p.value) || "总数"}}`
         ].join(`
-`)), (h = this.chartObj) == null || h.setOption(r);
+`)), (d = this.chartObj) == null || d.setOption(r);
       }
     }
     const y = new _(o, "circleBar"), T = y.getEchartId();
@@ -282,7 +284,7 @@ const st = { class: "mix-body" }, nt = ["id"], ct = { class: "bar-wrap" }, ut =
               S("div", {
                 class: "percent",
                 style: C({
-                  backgroundColor: t.color || b(A)[e],
+                  backgroundColor: t.color || b(V)[e],
                   width: O(t.value)
                 })
               }, null, 4)
@@ -297,7 +299,7 @@ const st = { class: "mix-body" }, nt = ["id"], ct = { class: "bar-wrap" }, ut =
       q(z.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-})), Nt = /* @__PURE__ */ J(vt, [["__scopeId", "data-v-217c3474"]]);
+})), kt = /* @__PURE__ */ J(vt, [["__scopeId", "data-v-a5bdb459"]]);
 export {
-  Nt as default
+  kt as default
 };