mixdashboards 1.0.32 → 1.0.39

package/dist/chartConfigPanel-DwAUq3pf.js

@@ -0,0 +1,408 @@
+var me = 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) => {
+  for (var d in n || (n = {}))
+    be.call(n, d) && oe(g, d, n[d]);
+  if (le)
+    for (var d of le(n))
+      _e.call(n, d) && oe(g, d, n[d]);
+  return g;
+}, q = (g, n) => ge(g, Ce(n));
+import { ElDatePicker as ye, ElCheckbox as he, ElButton as De, ElIcon as ke, ElCheckboxGroup as Ve, ElRadioGroup as Ye, ElRadio as Me, ElInput as xe } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/radio-group/style/css";
+import "element-plus/es/components/radio/style/css";
+import "element-plus/es/components/checkbox-group/style/css";
+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 { u as Ne, d as G, _ as Oe } from "./index-kShjySl9.js";
+import { A as Pe, D as ze } from "./ele-ctrSet-icon-BtKGrCid.js";
+const Le = { class: "chart-config-panel" }, je = {
+  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 = {
+  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 = {
+  key: 2,
+  class: "config-section"
+}, tt = { class: "section-title" }, lt = {
+  key: 3,
+  class: "config-section"
+}, ot = { class: "section-title" }, at = { class: "direction-tabs" }, nt = ["onClick"], st = {
+  key: 4,
+  class: "config-section"
+}, it = { class: "section-title" }, ut = { class: "range-inputs" }, rt = {
+  key: 5,
+  class: "config-section"
+}, dt = { class: "section-title" }, ct = { class: "range-inputs" }, pt = {
+  key: 6,
+  class: "config-section"
+}, vt = { class: "section-title" }, ft = { class: "function-options" }, mt = {
+  key: 7,
+  class: "config-section"
+}, gt = { DEFAULT_ICON: ze, ACTIVE_ICON: Pe, NAME_CN: "图表配置面板", NAME_EN: "Chart Config Panel", ORDER: 14 }, 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" },
+  accentColor: { value: "#409eff", type: "color", label: "component.options.accentColor" },
+  borderColor: { value: "#e5e5e5", type: "color", label: "component.options.borderColor" }
+}, bt = [
+  { type: "timeRange", label: "时间段", targetId: "" },
+  { type: "timeList", label: "采集时间列表", targetId: "" },
+  { type: "direction", label: "位移方向", targetId: "" },
+  { type: "dispSwitch", label: "累计/相对切换", targetId: "" }
+], _t = ["type", "label", "targetId"], yt = [], ht = { useAlias: !1, multiObject: !1, source: "" }, Dt = { DEFAULT: gt, OPTIONS: Ct, DATA: bt, PARAMS: _t, SOURCE: yt, COMMON: ht }, kt = /* @__PURE__ */ Ie(q($({}, Dt), {
+  __name: "chartConfigPanel",
+  props: {
+    conf: { type: Object, default: () => ({}) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(g) {
+    Ee((t) => ({
+      v6460e860: Y.value.bgColor,
+      v15b6596e: Y.value.borderColor,
+      v2f19ff68: Y.value.textColor,
+      f7a1752a: Y.value.accentColor
+    }));
+    const n = Ne(), d = g, Y = B(() => {
+      var e, v, s, b, D;
+      const { options: t } = d.conf || {};
+      return {
+        bindId: ((e = t == null ? void 0 : t.bindId) == null ? void 0 : e.value) || "",
+        bgColor: ((v = t == null ? void 0 : t.bgColor) == null ? void 0 : v.value) || "#ffffff",
+        textColor: ((s = t == null ? void 0 : t.textColor) == null ? void 0 : s.value) || "#333333",
+        accentColor: ((b = t == null ? void 0 : t.accentColor) == null ? void 0 : b.value) || "#409eff",
+        borderColor: ((D = t == null ? void 0 : t.borderColor) == null ? void 0 : D.value) || "#e5e5e5"
+      };
+    }), 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 = () => ({
+      granularity: I.value,
+      startDate: _.value,
+      endDate: h.value,
+      selectedTimes: y.value,
+      chartType: N.value,
+      direction: O.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
+    }), C = () => {
+      const t = J(), e = Q.value, v = X.value;
+      v && (console.log("[ConfigPanel] 广播配置 (uid):", v, t), n.publish("deepDisplacement", "chartConfigPanel", {
+        objectId: v,
+        type: "config",
+        fv: t
+      })), e.forEach((s) => {
+        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;
+          n.publish("deepDisplacement", "chartConfigPanel", {
+            objectId: k,
+            type: "bindConfig",
+            fv: q($({}, t), { visible: F })
+          });
+        }) : n.publish("deepDisplacement", "chartConfigPanel", {
+          objectId: b,
+          type: "bindConfig",
+          fv: t
+        }));
+      });
+    }, K = (t) => {
+      I.value = t, C();
+    }, W = (t) => {
+      H.value = t;
+      const e = G();
+      h.value = e.format("YYYY-MM-DD"), t === "week" ? _.value = e.subtract(7, "day").format("YYYY-MM-DD") : t === "month" ? _.value = e.subtract(30, "day").format("YYYY-MM-DD") : t === "quarter" && (_.value = e.subtract(90, "day").format("YYYY-MM-DD")), ee(), C();
+    }, Z = () => {
+      _.value && h.value && (ee(), C());
+    }, ee = () => {
+      const t = G(_.value), e = G(h.value), v = [];
+      let s = e;
+      for (; s.isAfter(t) || s.isSame(t); )
+        v.push(s.format("YYYY-MM-DD")), s = s.subtract(1, "day");
+      E.value = v, y.value = [...v], M.value = !0;
+    }, ie = (t) => {
+      y.value = t ? [...E.value] : [], C();
+    }, ue = () => {
+      y.value = [], M.value = !1, C();
+    }, re = () => {
+      M.value = y.value.length === E.value.length, C();
+    }, de = () => {
+      C();
+    }, ce = (t) => {
+      O.value = t, C();
+    }, R = () => {
+      C();
+    }, te = () => {
+      C();
+    }, pe = () => {
+      const t = X.value;
+      t && n.publish("deepDisplacement", {
+        objectId: t,
+        type: "export",
+        fv: { type: "chart", config: J() },
+        source: "chartConfigPanel"
+      });
+    };
+    return Se(() => {
+      W("week"), setTimeout(C, 300);
+    }), (t, e) => {
+      const v = ye, s = he, b = ke, D = De, k = Ve, V = Me, F = 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),
+              o("div", qe, [
+                o("span", {
+                  class: A(["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" }]),
+                  onClick: e[1] || (e[1] = (l) => K("hour"))
+                }, "小时", 2)
+              ])
+            ]),
+            o("div", Be, [
+              (r(), c(x, null, U(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))
+            ]),
+            o("div", Qe, [
+              a(v, {
+                modelValue: _.value,
+                "onUpdate:modelValue": e[2] || (e[2] = (l) => _.value = l),
+                type: "date",
+                placeholder: "开始日期",
+                format: "YYYY-MM-DD",
+                "value-format": "YYYY-MM-DD",
+                size: "small",
+                class: "date-picker",
+                onChange: Z
+              }, null, 8, ["modelValue"]),
+              a(v, {
+                modelValue: h.value,
+                "onUpdate:modelValue": e[3] || (e[3] = (l) => h.value = l),
+                type: "date",
+                placeholder: "结束日期",
+                format: "YYYY-MM-DD",
+                "value-format": "YYYY-MM-DD",
+                size: "small",
+                class: "date-picker",
+                onChange: Z
+              }, null, 8, ["modelValue"])
+            ])
+          ])) : i.type === "timeList" ? (r(), c("div", Xe, [
+            o("div", He, [
+              o("span", Je, f(i.label || "采集时间列表"), 1)
+            ]),
+            o("div", Ke, [
+              a(s, {
+                modelValue: M.value,
+                "onUpdate:modelValue": e[4] || (e[4] = (l) => M.value = l),
+                onChange: ie
+              }, {
+                default: p(() => [...e[13] || (e[13] = [
+                  m("全选", -1)
+                ])]),
+                _: 1
+              }, 8, ["modelValue"]),
+              a(D, {
+                size: "small",
+                text: "",
+                onClick: ue
+              }, {
+                default: p(() => [
+                  a(b, null, {
+                    default: p(() => [
+                      a(ae(Ue))
+                    ]),
+                    _: 1
+                  }),
+                  e[14] || (e[14] = m("清空", -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))
+              ])
+            ]),
+            o("div", Ze, [
+              a(k, {
+                modelValue: y.value,
+                "onUpdate:modelValue": e[5] || (e[5] = (l) => y.value = l),
+                onChange: re
+              }, {
+                default: p(() => [
+                  (r(!0), c(x, null, U(E.value, (l) => (r(), we(s, {
+                    key: l,
+                    value: l,
+                    class: "time-checkbox"
+                  }, {
+                    default: p(() => [
+                      m(f(l), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ]),
+                _: 1
+              }, 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),
+              class: "chart-type-group",
+              onChange: de
+            }, {
+              default: p(() => [
+                a(V, { value: "relative" }, {
+                  default: p(() => [...e[17] || (e[17] = [
+                    m("相对位移", -1)
+                  ])]),
+                  _: 1
+                }),
+                a(V, { value: "cluster" }, {
+                  default: p(() => [...e[18] || (e[18] = [
+                    m("滑面聚类判识", -1)
+                  ])]),
+                  _: 1
+                }),
+                a(V, { value: "borehole" }, {
+                  default: p(() => [...e[19] || (e[19] = [
+                    m("钻孔柱状图", -1)
+                  ])]),
+                  _: 1
+                }),
+                a(V, { value: "sensor" }, {
+                  default: p(() => [...e[20] || (e[20] = [
+                    m("传感器分布图", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])) : i.type === "direction" ? (r(), c("div", lt, [
+            o("div", ot, f(i.label || "位移方向"), 1),
+            o("div", at, [
+              (r(), c(x, null, U(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))
+            ])
+          ])) : i.type === "dispRange" ? (r(), c("div", st, [
+            o("div", it, f(i.label || "累计位移区间"), 1),
+            o("div", ut, [
+              a(T, {
+                modelValue: P.value,
+                "onUpdate:modelValue": e[7] || (e[7] = (l) => P.value = l),
+                size: "small",
+                placeholder: "最小值",
+                class: "range-input",
+                onChange: R
+              }, null, 8, ["modelValue"]),
+              e[21] || (e[21] = o("span", { class: "range-sep" }, "~", -1)),
+              a(T, {
+                modelValue: z.value,
+                "onUpdate:modelValue": e[8] || (e[8] = (l) => z.value = l),
+                size: "small",
+                placeholder: "最大值",
+                class: "range-input",
+                onChange: R
+              }, 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", ct, [
+              a(T, {
+                modelValue: L.value,
+                "onUpdate:modelValue": e[9] || (e[9] = (l) => L.value = l),
+                size: "small",
+                placeholder: "最小值",
+                class: "range-input",
+                onChange: R
+              }, 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),
+                size: "small",
+                placeholder: "最大值",
+                class: "range-input",
+                onChange: R
+              }, 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, [
+              a(s, {
+                modelValue: S.value,
+                "onUpdate:modelValue": e[11] || (e[11] = (l) => S.value = l),
+                onChange: te
+              }, {
+                default: p(() => [...e[25] || (e[25] = [
+                  m("累计位移", -1)
+                ])]),
+                _: 1
+              }, 8, ["modelValue"]),
+              a(s, {
+                modelValue: w.value,
+                "onUpdate:modelValue": e[12] || (e[12] = (l) => w.value = l),
+                onChange: te
+              }, {
+                default: p(() => [...e[26] || (e[26] = [
+                  m("相对位移", -1)
+                ])]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
+          ])) : i.type === "export" ? (r(), c("div", mt, [
+            a(D, {
+              size: "small",
+              onClick: pe,
+              class: "export-btn"
+            }, {
+              default: p(() => [
+                a(b, null, {
+                  default: p(() => [
+                    a(ae(Ae))
+                  ]),
+                  _: 1
+                }),
+                m(f(i.label || "导出图"), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ])) : Re("", !0)
+        ], 64))), 128)),
+        Te(t.$slots, "default", {}, void 0, !0)
+      ]);
+    };
+  }
+})), zt = /* @__PURE__ */ Oe(kt, [["__scopeId", "data-v-1a145f90"]]);
+export {
+  zt as default
+};

package/dist/circleBar-CO89T7kj.cjs

@@ -0,0 +1,4 @@
+"use strict";var $=Object.defineProperty,q=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var z=(a,i,r)=>i in a?$(a,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[i]=r,x=(a,i)=>{for(var r in i||(i={}))A.call(i,r)&&z(a,r,i[r]);if(O)for(var r of O(i))D.call(i,r)&&z(a,r,i[r]);return a},N=(a,i)=>q(a,w(i));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),E=require("./element-resize-detector-Bo5uDQAu.cjs"),T=require("./index-Mh5Dw2sd.cjs"),H=require("./EChartComponentBase-BaQpBzVC.cjs"),R=require("./titleStyle-NSnz6cUg.cjs"),_=require("./ele-circleBar-icon-Da0-L9sa.cjs"),L=require("./install-DV5cEgNV.cjs"),F=require("./install-CltTFs4e.cjs"),g=require("./installCanvasRenderer-CyhM1Qpl.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:_.DEFAULT_ICON,ACTIVE_ICON:_.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"}},V=[{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:V,PARAMS:Q,SOURCE:X,COMMON:Y},ee=t.defineComponent(N(x({},Z),{__name:"circleBar",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(a){g.use([L.install,F.install,g.install,g.install$1,M.install]);const i=a,r=T.useLinkStore();let b=0;class k 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(){var l;this.Style.value=this.extractStyles(),this.applyTheme(),(l=this.props.conf.data)!=null&&l.length||(this.props.conf.data=V),this.props.conf.data.forEach(e=>{e.default!==void 0&&e.default!==""&&(e.value=Number(e.default)||0)}),b=this.props.conf.data.reduce((e,o)=>e+Number(o.value||0),0),t.nextTick(()=>this.initChart())}initChart(){var e,o,s;const l=document.querySelector(`#${this.echartId}`);l&&(this.chartObj||(this.chartObj=P.init(l),this.setupResizeListener(l)),(e=this.chartObj)==null||e.setOption(this.getChartOption(),!0),this.props.mode==="preview"&&((o=this.chartObj)==null||o.off("click"),(s=this.chartObj)==null||s.on("click",h=>{var m,S,u,f,n,d;const c=h==null?void 0:h.name;if(typeof c=="string"&&c){const v=((S=(m=this.props.conf)==null?void 0:m.options)==null?void 0:S.linkChannel)==="custom"?(f=(u=this.props.conf)==null?void 0:u.options)==null?void 0:f.customChannel:(d=(n=this.props.conf)==null?void 0:n.options)==null?void 0:d.linkChannel;r.publish(v||"circleBar","circleBar",{objectId:"",deviceId:"",type:"select",fieldKey:c,fv:x({key:c},h),source:"circleBar"})}})))}getChartOption(){var c,m,S,u,f,n;const{data:l,options:e,name:o}=this.props.conf,s=l.map((d,v)=>d.color||E.COLORS[v]),h=l.map(d=>({value:d.value||0,name:d.name}));return{title:{zlevel:0,show:(c=e==null?void 0:e.showTotal)==null?void 0:c.value,text:[`{value|${b.toFixed(((m=e==null?void 0:e.fixed)==null?void 0:m.value)||2)}}`,`{name|${((S=e==null?void 0:e.totalText)==null?void 0:S.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:s,series:[{name:o,type:"pie",radius:["50%","85%"],center:["50%","50%"],data:h,label:{position:"center",show:!1,color:"inherit"},emphasis:{scale:0,label:{show:(u=e==null?void 0:e.showTotal)==null?void 0:u.value,fontSize:((f=e==null?void 0:e.textSize)==null?void 0:f.value)||12,fontWeight:"bold",formatter:`{d}%
+{b}`,lineHeight:(((n=e==null?void 0:e.textSize)==null?void 0:n.value)||12)+8}}}]}}setSocketData(l){var h,c,m,S;if(!l||!this.chartObj)return;const{data:e,options:o}=this.props.conf,s=this.chartObj.getOption();e.forEach((u,f)=>{var d,v;const n=this.extractDataValue(l,u.fv);u.value=n!=null?n:0,(v=(d=s.series)==null?void 0:d[0])!=null&&v.data&&(s.series[0].data[f].value=n!=null?n:0)}),b=e.reduce((u,f)=>u+Number(f.value||0),0),(h=s.title)!=null&&h[0]&&(s.title[0].text=[`{value|${b.toFixed(((c=o==null?void 0:o.fixed)==null?void 0:c.value)||2)}}`,`{name|${((m=o==null?void 0:o.totalText)==null?void 0:m.value)||"总数"}}`].join(`
+`)),(S=this.chartObj)==null||S.setOption(s)}}const C=new k(i,"circleBar"),B=C.getEchartId();C.setupLifecycle();const p=C.getStyle(),j=t.computed(()=>R.generateTitleStyle(i.conf.options)),I=y=>{const l=Number(y),e=Number(b);return!isNaN(l)&&!isNaN(e)&&e!==0?(l/e*100).toFixed(2)+"%":"0%"};return(y,l)=>(t.openBlock(),t.createElementBlock("div",{class:"mix-component",style:t.normalizeStyle({background:t.unref(p).bgColor,borderRadius:`${t.unref(p).radiusSize}px`})},[t.createElementVNode("div",{class:"mix-title",style:t.normalizeStyle(j.value)},t.toDisplayString(a.conf.caption||a.conf.name),5),t.createElementVNode("div",U,[t.createElementVNode("div",{class:"echart-container",id:t.unref(B)},null,8,W),t.createElementVNode("div",K,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.conf.data,(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:"bar-item level flex",key:o},[t.createElementVNode("div",{class:"label",style:t.normalizeStyle({color:t.unref(p).textColor,fontSize:`${t.unref(p).textSize}px`})},t.toDisplayString(e.name),5),t.createElementVNode("div",{class:"bar",style:t.normalizeStyle({height:t.unref(p).barHeight+"px",backgroundColor:t.unref(p).barColor})},[t.createElementVNode("div",{class:"percent",style:t.normalizeStyle({backgroundColor:e.color||t.unref(E.COLORS)[o],width:I(e.value)})},null,4)],4),t.createElementVNode("div",{class:"value",style:t.normalizeStyle({color:t.unref(p).textColor,fontSize:`${t.unref(p).textSize}px`})},t.toDisplayString(e.value),5)]))),128))])]),t.renderSlot(y.$slots,"default",{},void 0,!0)],4))}})),te=T._export_sfc(ee,[["__scopeId","data-v-813c8d42"]]);exports.default=te;

package/dist/circleBar-DGHDWQih.js

@@ -0,0 +1,196 @@
+var H = Object.defineProperty, I = Object.defineProperties;
+var D = Object.getOwnPropertyDescriptors;
+var N = Object.getOwnPropertySymbols;
+var L = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
+var j = (l, i, a) => i in l ? H(l, i, { enumerable: !0, configurable: !0, writable: !0, value: a }) : l[i] = a, O = (l, i) => {
+  for (var a in i || (i = {}))
+    L.call(i, a) && j(l, a, i[a]);
+  if (N)
+    for (var a of N(i))
+      R.call(i, a) && j(l, a, i[a]);
+  return l;
+}, k = (l, i) => I(l, D(i));
+import { defineComponent as F, computed as M, openBlock as _, createElementBlock as z, normalizeStyle as x, unref as d, createElementVNode as b, toDisplayString as T, Fragment as P, renderList as U, renderSlot as W, nextTick as q } from "vue";
+import { C as E } from "./element-resize-detector-DJcsrJ8s.js";
+import { u as K, _ as G } from "./index-kShjySl9.js";
+import { E as J } from "./EChartComponentBase-BQOhWkz2.js";
+import { g as Q } from "./titleStyle-BT5GlpAb.js";
+import { A as X, D as Y } from "./ele-circleBar-icon-DNBUxt0A.js";
+import { i as Z } from "./install-CBde4hAM.js";
+import { i as tt } from "./install-hfre7yvV.js";
+import { u as et, i as ot, a as it } from "./installCanvasRenderer-CLT2hquJ.js";
+import { i as lt } from "./install-BzdOSCzO.js";
+import { i as at } from "./echarts-BVht3HHb.js";
+const rt = { class: "mix-body" }, st = ["id"], nt = { class: "bar-wrap" }, ct = {
+  DEFAULT_ICON: Y,
+  ACTIVE_ICON: X,
+  NAME_CN: "环形图",
+  NAME_EN: "CircleBar",
+  ORDER: 2
+}, ut = {
+  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" }
+}, B = [
+  { 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 }
+], dt = ["name", "fv", "object_id", "color", "default"], ht = ["mosaic", "statistics", "calculate"], ft = {
+  useAlias: !1,
+  multiObject: !1,
+  source: "mosaic"
+}, pt = { DEFAULT: ct, OPTIONS: ut, DATA: B, PARAMS: dt, SOURCE: ht, COMMON: ft }, mt = /* @__PURE__ */ F(k(O({}, pt), {
+  __name: "circleBar",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(l) {
+    et([Z, tt, ot, it, lt]);
+    const i = l, a = K();
+    let g = 0;
+    class $ extends J {
+      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() {
+        var e;
+        this.Style.value = this.extractStyles(), this.applyTheme(), (e = this.props.conf.data) != null && e.length || (this.props.conf.data = B), this.props.conf.data.forEach((t) => {
+          t.default !== void 0 && t.default !== "" && (t.value = Number(t.default) || 0);
+        }), g = this.props.conf.data.reduce((t, o) => t + Number(o.value || 0), 0), q(() => this.initChart());
+      }
+      initChart() {
+        var t, o, s;
+        const e = document.querySelector(`#${this.echartId}`);
+        e && (this.chartObj || (this.chartObj = at(e), this.setupResizeListener(e)), (t = this.chartObj) == null || t.setOption(this.getChartOption(), !0), this.props.mode === "preview" && ((o = this.chartObj) == null || o.off("click"), (s = this.chartObj) == null || s.on("click", (h) => {
+          var m, v, c, f, r, u;
+          const n = h == null ? void 0 : h.name;
+          if (typeof n == "string" && n) {
+            const S = ((v = (m = this.props.conf) == null ? void 0 : m.options) == null ? void 0 : v.linkChannel) === "custom" ? (f = (c = this.props.conf) == null ? void 0 : c.options) == null ? void 0 : f.customChannel : (u = (r = this.props.conf) == null ? void 0 : r.options) == null ? void 0 : u.linkChannel;
+            a.publish(S || "circleBar", "circleBar", {
+              objectId: "",
+              deviceId: "",
+              type: "select",
+              fieldKey: n,
+              fv: O({ key: n }, h),
+              source: "circleBar"
+            });
+          }
+        })));
+      }
+      getChartOption() {
+        var n, m, v, c, f, r;
+        const { data: e, options: t, name: o } = this.props.conf, s = e.map((u, S) => u.color || E[S]), h = e.map((u) => ({ value: u.value || 0, name: u.name }));
+        return {
+          title: {
+            zlevel: 0,
+            show: (n = t == null ? void 0 : t.showTotal) == null ? void 0 : n.value,
+            text: [`{value|${g.toFixed(((m = t == null ? void 0 : t.fixed) == null ? void 0 : m.value) || 2)}}`, `{name|${((v = t == null ? void 0 : t.totalText) == null ? void 0 : v.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: s,
+          series: [{
+            name: o,
+            type: "pie",
+            radius: ["50%", "85%"],
+            center: ["50%", "50%"],
+            data: h,
+            label: { position: "center", show: !1, color: "inherit" },
+            emphasis: { scale: 0, label: { show: (c = t == null ? void 0 : t.showTotal) == null ? void 0 : c.value, fontSize: ((f = t == null ? void 0 : t.textSize) == null ? void 0 : f.value) || 12, fontWeight: "bold", formatter: `{d}%
+{b}`, lineHeight: (((r = t == null ? void 0 : t.textSize) == null ? void 0 : r.value) || 12) + 8 } }
+          }]
+        };
+      }
+      setSocketData(e) {
+        var h, n, m, v;
+        if (!e || !this.chartObj) return;
+        const { data: t, options: o } = this.props.conf, s = this.chartObj.getOption();
+        t.forEach((c, f) => {
+          var u, S;
+          const r = this.extractDataValue(e, c.fv);
+          c.value = r != null ? r : 0, (S = (u = s.series) == null ? void 0 : u[0]) != null && S.data && (s.series[0].data[f].value = r != null ? r : 0);
+        }), g = t.reduce((c, f) => c + Number(f.value || 0), 0), (h = s.title) != null && h[0] && (s.title[0].text = [
+          `{value|${g.toFixed(((n = o == null ? void 0 : o.fixed) == null ? void 0 : n.value) || 2)}}`,
+          `{name|${((m = o == null ? void 0 : o.totalText) == null ? void 0 : m.value) || "总数"}}`
+        ].join(`
+`)), (v = this.chartObj) == null || v.setOption(s);
+      }
+    }
+    const y = new $(i, "circleBar"), w = y.getEchartId();
+    y.setupLifecycle();
+    const p = y.getStyle(), V = M(() => Q(i.conf.options)), A = (C) => {
+      const e = Number(C), t = Number(g);
+      return !isNaN(e) && !isNaN(t) && t !== 0 ? (e / t * 100).toFixed(2) + "%" : "0%";
+    };
+    return (C, e) => (_(), z("div", {
+      class: "mix-component",
+      style: x({ background: d(p).bgColor, borderRadius: `${d(p).radiusSize}px` })
+    }, [
+      b("div", {
+        class: "mix-title",
+        style: x(V.value)
+      }, T(l.conf.caption || l.conf.name), 5),
+      b("div", rt, [
+        b("div", {
+          class: "echart-container",
+          id: d(w)
+        }, null, 8, st),
+        b("div", nt, [
+          (_(!0), z(P, null, U(l.conf.data, (t, o) => (_(), z("div", {
+            class: "bar-item level flex",
+            key: o
+          }, [
+            b("div", {
+              class: "label",
+              style: x({ color: d(p).textColor, fontSize: `${d(p).textSize}px` })
+            }, T(t.name), 5),
+            b("div", {
+              class: "bar",
+              style: x({ height: d(p).barHeight + "px", backgroundColor: d(p).barColor })
+            }, [
+              b("div", {
+                class: "percent",
+                style: x({ backgroundColor: t.color || d(E)[o], width: A(t.value) })
+              }, null, 4)
+            ], 4),
+            b("div", {
+              class: "value",
+              style: x({ color: d(p).textColor, fontSize: `${d(p).textSize}px` })
+            }, T(t.value), 5)
+          ]))), 128))
+        ])
+      ]),
+      W(C.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), jt = /* @__PURE__ */ G(mt, [["__scopeId", "data-v-813c8d42"]]);
+export {
+  jt as default
+};

package/dist/clock-32hGccm4.cjs

@@ -0,0 +1 @@
+"use strict";var X=Object.defineProperty,Z=Object.defineProperties;var ee=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var te=Object.prototype.hasOwnProperty,oe=Object.prototype.propertyIsEnumerable;var _=(c,n,r)=>n in c?X(c,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[n]=r,x=(c,n)=>{for(var r in n||(n={}))te.call(n,r)&&_(c,r,n[r]);if(V)for(var r of V(n))oe.call(n,r)&&_(c,r,n[r]);return c},M=(c,n)=>Z(c,ee(n));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),le=require("./element-resize-detector-Bo5uDQAu.cjs"),ae=require("./index-Mh5Dw2sd.cjs"),w=require("./ele-dateTime-icon-BgZ2_KWW.cjs"),ne={key:0,class:"digital-clock"},re={key:1,class:"analog-clock-wrapper"},ce=["width","height"],ie=["r","stroke","stroke-width"],ue=["r","fill"],se=["x1","y1","x2","y2","stroke"],de={key:0},me=["x","y","fill","font-size"],he=["x2","y2","stroke","stroke-width"],pe=["x2","y2","stroke","stroke-width"],ve=["x2","y2","stroke","stroke-width"],ge=["r","fill"],ke={DEFAULT_ICON:w.DEFAULT_ICON,ACTIVE_ICON:w.ACTIVE_ICON,NAME_CN:"钟表",NAME_EN:"Clock",ORDER:5},ye={clockType:{value:"analog",type:"select",label:"时钟类型",options:[{label:"模拟时钟",value:"analog"},{label:"数字时钟",value:"digital"}]},timeFormat:{value:"24",type:"select",label:"时间格式",options:[{label:"24小时制",value:"24"},{label:"12小时制",value:"12"}]},showDate:{value:!0,type:"checkbox",label:"显示日期"},showSecondHand:{value:!0,type:"checkbox",label:"显示秒针"},showNumbers:{value:!0,type:"checkbox",label:"显示数字"},digitalFontSize:32,digitalColor:"#1f2937",digitalDateSize:14,digitalDateColor:"#6b7280",clockSize:200,backgroundColor:"#ffffff",borderColor:"#374151",borderWidth:2,tickColor:"#374151",numberColor:"#1f2937",numberSize:14,hourHandColor:"#374151",minuteHandColor:"#374151",secondHandColor:"#ef4444",centerDotColor:"#374151"},fe=[],Ce=[],Se=[],be={},Ve={DEFAULT:ke,OPTIONS:ye,DATA:fe,PARAMS:Ce,SOURCE:Se,COMMON:be},_e=e.defineComponent(M(x({},Ve),{__name:"clock",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(c){const n=c;class r extends le.BaseComponent{constructor(){super(...arguments),this.timer=null}extractStyles(){return{clockType:this.getOptionValue("clockType","analog"),timeFormat:this.getOptionValue("timeFormat","24"),showDate:this.getOptionValue("showDate",!0),showSecondHand:this.getOptionValue("showSecondHand",!0),showNumbers:this.getOptionValue("showNumbers",!0),clockSize:this.getOptionValue("clockSize",200),backgroundColor:this.getOptionValue("backgroundColor","#ffffff"),borderColor:this.getOptionValue("borderColor","#374151"),borderWidth:this.getOptionValue("borderWidth",2),tickColor:this.getOptionValue("tickColor","#374151"),numberColor:this.getOptionValue("numberColor","#1f2937"),numberSize:this.getOptionValue("numberSize",14),hourHandColor:this.getOptionValue("hourHandColor","#374151"),minuteHandColor:this.getOptionValue("minuteHandColor","#374151"),secondHandColor:this.getOptionValue("secondHandColor","#ef4444"),centerDotColor:this.getOptionValue("centerDotColor","#374151"),digitalFontSize:this.getOptionValue("digitalFontSize",32),digitalColor:this.getOptionValue("digitalColor","#1f2937"),digitalDateSize:this.getOptionValue("digitalDateSize",14),digitalDateColor:this.getOptionValue("digitalDateColor","#6b7280")}}init(){this.Style.value=this.extractStyles(),this.applyTheme(),this.timer&&clearInterval(this.timer),p(),this.timer=setInterval(p,1e3)}cleanup(){this.timer&&clearInterval(this.timer)}}const v=new r(n,"clock");v.setupLifecycle();const o=v.getStyle(),g=e.ref(""),h=e.ref(""),d=e.ref(0),s=e.ref(0),m=e.ref(0),N=e.computed(()=>({width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"})),D=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.clockType)||"analog"}),O=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.timeFormat)||"24"}),k=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.showDate)!==!1}),E=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.showSecondHand)!==!1}),z=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.showNumbers)!==!1}),u=e.computed(()=>{var a;const t=(a=o.value)==null?void 0:a.clockSize,l=Number(t);return typeof l=="number"&&!Number.isNaN(l)&&l>0?l:200}),i=e.computed(()=>{const t=u.value;return typeof t=="number"&&!Number.isNaN(t)?t*.45:90}),H=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.backgroundColor)||"#ffffff"}),I=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.borderColor)||"#374151"}),y=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.borderWidth)||2}),B=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.tickColor)||"#374151"}),T=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.numberColor)||"#1f2937"}),F=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.numberSize)||14}),P=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.hourHandColor)||"#374151"}),$=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.minuteHandColor)||"#374151"}),A=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.secondHandColor)||"#ef4444"}),W=e.computed(()=>{var t;return((t=o.value)==null?void 0:t.centerDotColor)||"#374151"}),f=e.computed(()=>i.value*.5),C=e.computed(()=>i.value*.7),S=e.computed(()=>i.value*.8),L=e.computed(()=>Math.max(3,u.value*.015)),R=e.computed(()=>Math.max(2,u.value*.01)),q=e.computed(()=>Math.max(1,u.value*.005)),U=e.computed(()=>Math.max(3,u.value*.015)),j=e.computed(()=>({width:`${u.value}px`,height:`${u.value}px`,maxWidth:"100%",maxHeight:"100%"})),Y=e.computed(()=>{var t,l;return{fontSize:`${((t=o.value)==null?void 0:t.digitalFontSize)||32}px`,color:((l=o.value)==null?void 0:l.digitalColor)||"#1f2937",fontWeight:"bold",fontFamily:"monospace"}}),b=e.computed(()=>{var t,l;return{fontSize:`${((t=o.value)==null?void 0:t.digitalDateSize)||14}px`,color:((l=o.value)==null?void 0:l.digitalDateColor)||"#6b7280",fontFamily:"monospace",marginTop:"8px"}}),p=()=>{const t=new Date;d.value=t.getHours(),s.value=t.getMinutes(),m.value=t.getSeconds();let l=d.value,a="";O.value==="12"&&(a=l>=12?" PM":" AM",l=l%12,l===0&&(l=12)),g.value=`${l.toString().padStart(2,"0")}:${s.value.toString().padStart(2,"0")}:${m.value.toString().padStart(2,"0")}${a}`;const G=t.getFullYear(),J=(t.getMonth()+1).toString().padStart(2,"0"),K=t.getDate().toString().padStart(2,"0"),Q=["周日","周一","周二","周三","周四","周五","周六"];h.value=`${G}-${J}-${K} ${Q[t.getDay()]}`};return e.onMounted(()=>p()),(t,l)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(N.value),class:"mix-component"},[D.value==="digital"?(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("div",{class:"time-display",style:e.normalizeStyle(Y.value)},e.toDisplayString(g.value),5),k.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"date-display",style:e.normalizeStyle(b.value)},e.toDisplayString(h.value),5)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("div",{class:"analog-clock",style:e.normalizeStyle(j.value)},[(e.openBlock(),e.createElementBlock("svg",{width:u.value,height:u.value,viewBox:"0 0 200 200",class:"clock-svg"},[e.createElementVNode("circle",{cx:"100",cy:"100",r:i.value,stroke:I.value,"stroke-width":y.value,fill:"none"},null,8,ie),e.createElementVNode("circle",{cx:"100",cy:"100",r:i.value-y.value/2,fill:H.value},null,8,ue),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(12,a=>e.createElementVNode("g",{key:`hour-${a}`},[e.createElementVNode("line",{x1:100+(i.value-15)*Math.cos((a*30-90)*Math.PI/180),y1:100+(i.value-15)*Math.sin((a*30-90)*Math.PI/180),x2:100+(i.value-5)*Math.cos((a*30-90)*Math.PI/180),y2:100+(i.value-5)*Math.sin((a*30-90)*Math.PI/180),stroke:B.value,"stroke-width":"2"},null,8,se)])),64)),z.value?(e.openBlock(),e.createElementBlock("g",de,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(12,a=>e.createElementVNode("text",{key:`number-${a}`,x:100+(i.value-25)*Math.cos((a*30-90)*Math.PI/180),y:100+(i.value-25)*Math.sin((a*30-90)*Math.PI/180),"text-anchor":"middle","dominant-baseline":"central",fill:T.value,"font-size":F.value,"font-weight":"bold"},e.toDisplayString(a),9,me)),64))])):e.createCommentVNode("",!0),e.createElementVNode("line",{x1:"100",y1:"100",x2:100+f.value*Math.cos((d.value*30+s.value*.5-90)*Math.PI/180),y2:100+f.value*Math.sin((d.value*30+s.value*.5-90)*Math.PI/180),stroke:P.value,"stroke-width":L.value,"stroke-linecap":"round"},null,8,he),e.createElementVNode("line",{x1:"100",y1:"100",x2:100+C.value*Math.cos((s.value*6-90)*Math.PI/180),y2:100+C.value*Math.sin((s.value*6-90)*Math.PI/180),stroke:$.value,"stroke-width":R.value,"stroke-linecap":"round"},null,8,pe),E.value?(e.openBlock(),e.createElementBlock("line",{key:1,x1:"100",y1:"100",x2:100+S.value*Math.cos((m.value*6-90)*Math.PI/180),y2:100+S.value*Math.sin((m.value*6-90)*Math.PI/180),stroke:A.value,"stroke-width":q.value,"stroke-linecap":"round"},null,8,ve)):e.createCommentVNode("",!0),e.createElementVNode("circle",{cx:"100",cy:"100",r:U.value,fill:W.value},null,8,ge)],8,ce))],4),k.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"date-display",style:e.normalizeStyle(b.value)},e.toDisplayString(h.value),5)):e.createCommentVNode("",!0)])),e.renderSlot(t.$slots,"default",{},void 0,!0)],4))}})),xe=ae._export_sfc(_e,[["__scopeId","data-v-22a24b28"]]);exports.default=xe;