mixdashboards 1.0.78 → 1.0.79

package/dist/circleBar-4md65KCX.js

@@ -1,305 +0,0 @@
-var I = Object.defineProperty, D = Object.defineProperties;
-var F = Object.getOwnPropertyDescriptors;
-var $ = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
-var B = (l, o, i) => o in l ? I(l, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[o] = i, j = (l, o) => {
-  for (var i in o || (o = {}))
-    L.call(o, i) && B(l, i, o[i]);
-  if ($)
-    for (var i of $(o))
-      R.call(o, i) && B(l, i, o[i]);
-  return l;
-}, w = (l, o) => D(l, F(o));
-var A = (l, o, i) => new Promise((m, _) => {
-  var y = (x) => {
-    try {
-      c(i.next(x));
-    } catch (O) {
-      _(O);
-    }
-  }, T = (x) => {
-    try {
-      c(i.throw(x));
-    } catch (O) {
-      _(O);
-    }
-  }, c = (x) => x.done ? m(x.value) : Promise.resolve(x.value).then(y, T);
-  c((i = i.apply(l, o)).next());
-});
-import { defineComponent as M, computed as P, openBlock as N, createElementBlock as E, normalizeStyle as C, unref as b, createElementVNode as S, toDisplayString as k, Fragment as U, renderList as W, renderSlot as q, nextTick as K } from "vue";
-import { l as G, C as V, _ as J } from "./index-YNdVib_6.js";
-import "element-plus";
-import { E as Q } from "./EChartComponentBase-BmS2KONN.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-oDYkyVFy.js";
-import { i as ot } from "./install-DdM8j5Ll.js";
-import { i as it } from "./install-CEl1AYgZ.js";
-import { i as lt } from "./install-CIdzgJ44.js";
-import { i as rt } from "./echarts-Bp7QN4X6.js";
-const st = { class: "mix-body" }, nt = ["id"], ct = { class: "bar-wrap" }, ut = {
-  DEFAULT_ICON: Z,
-  ACTIVE_ICON: Y,
-  NAME_CN: "环形图",
-  NAME_EN: "CircleBar",
-  ORDER: 2,
-  PLATFORM: ["pc", "screen", "mobile"]
-}, dt = {
-  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"
-  }
-}, H = [
-  {
-    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
-  }
-], ht = ["name", "fv", "object_id", "color", "default"], ft = ["mosaic", "statistics", "calculate"], pt = {
-  useAlias: !1,
-  multiObject: !1,
-  source: "mosaic"
-}, 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: [] }) },
-    uid: { type: String, default: "" },
-    mode: { type: String, default: "edit" },
-    theme: { type: String, default: "light" }
-  },
-  setup(l) {
-    tt([
-      ot,
-      it,
-      et,
-      at,
-      lt
-    ]);
-    const o = l, i = G();
-    let m = 0;
-    class _ extends Q {
-      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 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);
-          }), m = this.props.conf.data.reduce(
-            (t, e) => t + Number(e.value || 0),
-            0
-          ), K(() => this.initChart());
-        });
-      }
-      initChart() {
-        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, d, n, h, f, v;
-          const s = u == null ? void 0 : u.name;
-          if (typeof s == "string" && s) {
-            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: "",
-              type: "select",
-              fieldKey: s,
-              fv: j({ key: s }, u),
-              source: "circleBar"
-            });
-          }
-        })));
-      }
-      getChartOption() {
-        var s, p, d, n, h, f;
-        const { data: a, options: t, name: e } = this.props.conf, r = a.map(
-          (v, g) => v.color || V[g]
-        ), u = a.map((v) => ({
-          value: v.value || 0,
-          name: v.name
-        }));
-        return {
-          title: {
-            zlevel: 0,
-            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|${((d = t == null ? void 0 : t.totalText) == null ? void 0 : d.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: r,
-          series: [
-            {
-              name: e,
-              type: "pie",
-              radius: ["50%", "85%"],
-              center: ["50%", "50%"],
-              data: u,
-              label: { position: "center", show: !1, color: "inherit" },
-              emphasis: {
-                scale: 0,
-                label: {
-                  show: (n = t == null ? void 0 : t.showTotal) == null ? void 0 : n.value,
-                  fontSize: ((h = t == null ? void 0 : t.textSize) == null ? void 0 : h.value) || 12,
-                  fontWeight: "bold",
-                  formatter: `{d}%
-{b}`,
-                  lineHeight: (((f = t == null ? void 0 : t.textSize) == null ? void 0 : f.value) || 12) + 8
-                }
-              }
-            }
-          ]
-        };
-      }
-      setHistoryData(a) {
-        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((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) || "总数"}}`
-        ].join(`
-`)), this.chartObj.setOption(r, !0);
-      }
-      setSocketData(a) {
-        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, 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[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(`
-`)), (d = this.chartObj) == null || d.setOption(r);
-      }
-    }
-    const y = new _(o, "circleBar"), T = y.getEchartId();
-    y.setupLifecycle();
-    const c = y.getStyle(), x = P(() => X(o.conf.options)), O = (z) => {
-      const a = Number(z), t = Number(m);
-      return !isNaN(a) && !isNaN(t) && t !== 0 ? (a / t * 100).toFixed(2) + "%" : "0%";
-    };
-    return (z, a) => (N(), E("div", {
-      class: "mix-component",
-      style: C({
-        background: b(c).bgColor,
-        borderRadius: `${b(c).radiusSize}px`
-      })
-    }, [
-      S("div", {
-        class: "mix-title",
-        style: C(x.value)
-      }, k(l.conf.caption || l.conf.name), 5),
-      S("div", st, [
-        S("div", {
-          class: "echart-container",
-          id: b(T)
-        }, null, 8, nt),
-        S("div", ct, [
-          (N(!0), E(U, null, W(l.conf.data, (t, e) => (N(), E("div", {
-            class: "bar-item level flex",
-            key: e
-          }, [
-            S("div", {
-              class: "label",
-              style: C({ color: b(c).textColor, fontSize: `${b(c).textSize}px` })
-            }, k(t.name), 5),
-            S("div", {
-              class: "bar",
-              style: C({
-                height: b(c).barHeight + "px",
-                backgroundColor: b(c).barColor
-              })
-            }, [
-              S("div", {
-                class: "percent",
-                style: C({
-                  backgroundColor: t.color || b(V)[e],
-                  width: O(t.value)
-                })
-              }, null, 4)
-            ], 4),
-            S("div", {
-              class: "value",
-              style: C({ color: b(c).textColor, fontSize: `${b(c).textSize}px` })
-            }, k(t.value), 5)
-          ]))), 128))
-        ])
-      ]),
-      q(z.$slots, "default", {}, void 0, !0)
-    ], 4));
-  }
-})), Et = /* @__PURE__ */ J(vt, [["__scopeId", "data-v-a5bdb459"]]);
-export {
-  Et as default
-};

package/dist/circleBar-DJY37bwB.cjs

@@ -1,5 +0,0 @@
-"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-6QhTSPkL.cjs");require("element-plus");const H=require("./EChartComponentBase-CMN_pOMr.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 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;