mixdashboards 1.0.32 → 1.0.39

package/dist/clock-CT8YXEU3.js

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

package/dist/clt-5bP_g1O-.cjs

@@ -0,0 +1 @@
+"use strict";var U=Object.defineProperty,$=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var j=(u,l,r)=>l in u?U(u,l,{enumerable:!0,configurable:!0,writable:!0,value:r}):u[l]=r,x=(u,l)=>{for(var r in l||(l={}))M.call(l,r)&&j(u,r,l[r]);if(N)for(var r of N(l))F.call(l,r)&&j(u,r,l[r]);return u},B=(u,l)=>$(u,A(l));var O=(u,l,r)=>new Promise((_,s)=>{var v=m=>{try{d(r.next(m))}catch(y){s(y)}},C=m=>{try{d(r.throw(m))}catch(y){s(y)}},d=m=>m.done?_(m.value):Promise.resolve(m.value).then(v,C);d((r=r.apply(u,l)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/radio-group/style/css");require("element-plus/es/components/radio/style/css");require("element-plus/es/components/input-number/style/css");require("element-plus/es/components/input/style/css");const e=require("vue"),H=require("./element-resize-detector-Bo5uDQAu.cjs"),D=require("./index-Mh5Dw2sd.cjs"),P=require("./titleStyle-NSnz6cUg.cjs"),V=require("./api-P_s372dW.cjs"),g=require("element-plus"),T=require("./ele-clt-icon-BEVOS7Tq.cjs"),R={class:"item-val"},L={key:0,class:"item-btn"},W={DEFAULT_ICON:T.DEFAULT_ICON,ACTIVE_ICON:T.ACTIVE_ICON,NAME_CN:"项目采集",NAME_EN:"Project",ORDER:1},G={bgColor:"#fff",projectColor:"#999",paramColor:"#333",labelWidth:64,paramSize:12,paramHeight:32,radiusSize:8,type:{value:"project",type:"radio",option:[{value:"project",label:"component.collect.projectType"},{value:"object",label:"component.collect.objectType"}],label:"component.collect.collectType"},isHideTitle:!1},J=[{project_id:"",object_id:""}],K=["project_id","object_id"],Q={DEFAULT:W,OPTIONS:G,DATA:J,PARAMS:K,COMMON:{}},X=e.defineComponent(B(x({},Q),{__name:"clt",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(u){const l=u;class r extends H.BaseComponent{extractStyles(){return{bgColor:this.getOptionValue("bgColor","#fff"),projectColor:this.getOptionValue("projectColor","#999"),paramColor:this.getOptionValue("paramColor","#333"),labelWidth:this.getOptionValue("labelWidth",64),paramSize:this.getOptionValue("paramSize",12),paramHeight:this.getOptionValue("paramHeight",32),radiusSize:this.getOptionValue("radiusSize",4),isHideTitle:this.getOptionValue("isHideTitle",!1),type:this.getOptionValue("type","project")}}init(){this.Style.value=this.extractStyles(),this.applyTheme()}}const _=new r(l,"clt");_.setupLifecycle();const s=_.getStyle(),v=l.conf,C=e.computed(()=>P.generateTitleStyle(l.conf.options)),d=e.ref([{name:"离线项目",data:[{name:"采集项",type:"Integer",unit:"℃",value:""}]}]),m=()=>O(null,null,function*(){const{data:a}=l.conf;d.value=[];const n=a.filter(t=>t.project_id).map(t=>t.project_id);if(!n.length)return;let o={where_in:JSON.stringify([["uid",n.join(",")]])};const{result:c}=yield V.api.post("get_collect_list",o);c.data.length>0&&c.data.forEach(t=>{d.value.push({name:t.name,uid:t.uid,object_id:t.object_id,data:y(t.script)})})}),y=a=>{const n=[];return a.forEach(o=>{n.push({name:o.label_loc,type:o.type,unit:o.unit,key:o.key})}),n},E=e.computed(()=>{let a=!0;return d.value.forEach(n=>{n.data.forEach(o=>{(o.value||o.value===0)&&(a=!1)})}),a}),z=()=>{l.mode!=="edit"&&(s.value.type==="object"?w():q())},q=()=>{const a=[],n=D.auth.getUser();d.value.forEach(o=>{const c={};if(o.data.forEach(p=>{(p.value||p.value===0)&&(c[p.key]=["Integer","Float"].includes(p.type)?Number(p.value):p.type==="Bool"?!!p.value:p.value)}),!Object.keys(c).length)return;const t={name:o.name,value:c,collect_id:o.uid,collector:n.username};a.push(V.api.post("add_collect_value_without_object",t))}),Promise.all(a).then(o=>{let c=!0;o.forEach(t=>{t.code!==200&&(c=!1,g.ElMessage.error(t.msg))}),c&&g.ElMessage.success("操作成功")})},w=()=>{const a=[];d.value.forEach(n=>{const o={};if(n.data.forEach(t=>{(t.value||t.value===0)&&(o[t.key]=["Integer","Float"].includes(t.type)?Number(t.value):t.type==="Bool"?!!t.value:t.value)}),!Object.keys(o).length)return;const c={name:n.name,value:o,collect_id:n.uid,object_id:n.object_id||l.uid};a.push(V.api.post("collect_add",c))}),Promise.all(a).then(n=>{let o=!0;n.forEach(c=>{c.code!==200&&(o=!1,g.ElMessage.error(c.msg))}),o&&g.ElMessage.success("操作成功")})};return e.watch(()=>l.conf.data,()=>{m()},{deep:!0,immediate:!0}),(a,n)=>{const o=h.ElInput,c=h.ElInputNumber,t=h.ElRadio,p=h.ElRadioGroup,I=h.ElButton;return e.openBlock(),e.createElementBlock("div",{class:"mix-component",style:e.normalizeStyle({backgroundColor:e.unref(s).bgColor,borderRadius:`${e.unref(s).radiusSize}px`})},[e.createElementVNode("div",{class:"mix-title",style:e.normalizeStyle(C.value)},e.toDisplayString(e.unref(v).caption||e.unref(v).name),5),e.createElementVNode("div",{class:e.normalizeClass(["mix-body",e.unref(s).isHideTitle?"h-[100%]":" h-[calc(100%-42px)]"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(b,S)=>(e.openBlock(),e.createElementBlock("div",{key:S},[e.createElementVNode("div",{class:"item-title",style:e.normalizeStyle({fontSize:`${e.unref(s).projectSize}px`,color:e.unref(s).projectColor})},e.toDisplayString(b.name),5),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.data,(i,k)=>(e.openBlock(),e.createElementBlock("div",{class:"item-wrap",key:`${S}_${k}`},[e.createElementVNode("div",{class:"item-item",style:e.normalizeStyle({width:`${e.unref(s).labelWidth}px`,fontSize:`${e.unref(s).paramSize}px`,color:e.unref(s).paramColor,height:`${e.unref(s).paramHeight}px`})},e.toDisplayString(i.name)+": ",5),e.createElementVNode("div",R,[i.type==="String"?(e.openBlock(),e.createBlock(o,{key:0,type:"text",modelValue:i.value,"onUpdate:modelValue":f=>i.value=f},{suffix:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.unit),1)]),_:2},1032,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="Integer"?(e.openBlock(),e.createBlock(c,{key:1,style:{width:"100%"},modelValue:i.value,"onUpdate:modelValue":f=>i.value=f,precision:0,controls:!1},{suffix:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.unit),1)]),_:2},1032,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="Float"?(e.openBlock(),e.createBlock(c,{key:2,style:{width:"100%"},modelValue:i.value,"onUpdate:modelValue":f=>i.value=f,controls:!1},{suffix:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.unit),1)]),_:2},1032,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="Bool"?(e.openBlock(),e.createBlock(p,{key:3,value:i.value,"onUpdate:value":f=>i.value=f},{default:e.withCtx(()=>[e.createVNode(t,{value:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.$t("common.yes")),1)]),_:1}),e.createVNode(t,{value:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.$t("common.no")),1)]),_:1})]),_:1},8,["value","onUpdate:value"])):e.createCommentVNode("",!0)]),S===d.value.length-1&&k===b.data.length-1?(e.openBlock(),e.createElementBlock("div",L,[e.createVNode(I,{type:E.value?"default":"primary",disabled:E.value,onClick:z},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.$t("common.confirm")),1)]),_:1},8,["type","disabled"])])):e.createCommentVNode("",!0)]))),128))]))),128))],2),e.renderSlot(a.$slots,"default",{},void 0,!0)],4)}}})),Y=D._export_sfc(X,[["__scopeId","data-v-895f1618"]]);exports.default=Y;

package/dist/clt-FfIEfGtn.js

@@ -0,0 +1,293 @@
+var G = Object.defineProperty, J = Object.defineProperties;
+var K = Object.getOwnPropertyDescriptors;
+var w = Object.getOwnPropertySymbols;
+var Q = Object.prototype.hasOwnProperty, X = Object.prototype.propertyIsEnumerable;
+var A = (i, o, l) => o in i ? G(i, o, { enumerable: !0, configurable: !0, writable: !0, value: l }) : i[o] = l, B = (i, o) => {
+  for (var l in o || (o = {}))
+    Q.call(o, l) && A(i, l, o[l]);
+  if (w)
+    for (var l of w(o))
+      X.call(o, l) && A(i, l, o[l]);
+  return i;
+}, D = (i, o) => J(i, K(o));
+var H = (i, o, l) => new Promise((S, c) => {
+  var V = (f) => {
+    try {
+      u(l.next(f));
+    } catch (b) {
+      c(b);
+    }
+  }, N = (f) => {
+    try {
+      u(l.throw(f));
+    } catch (b) {
+      c(b);
+    }
+  }, u = (f) => f.done ? S(f.value) : Promise.resolve(f.value).then(V, N);
+  u((l = l.apply(i, o)).next());
+});
+import { ElInput as Y, ElInputNumber as Z, ElRadioGroup as ee, ElRadio as te, ElButton as oe } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/radio-group/style/css";
+import "element-plus/es/components/radio/style/css";
+import "element-plus/es/components/input-number/style/css";
+import "element-plus/es/components/input/style/css";
+import { defineComponent as ae, computed as F, ref as le, watch as re, openBlock as m, createElementBlock as v, normalizeStyle as E, unref as d, createElementVNode as j, toDisplayString as _, normalizeClass as ne, Fragment as M, renderList as R, createBlock as O, withCtx as h, createTextVNode as g, createCommentVNode as C, createVNode as z, renderSlot as se } from "vue";
+import { B as ie } from "./element-resize-detector-DJcsrJ8s.js";
+import { e as ce, _ as ue } from "./index-kShjySl9.js";
+import { g as de } from "./titleStyle-BT5GlpAb.js";
+import { a as I } from "./api-C0GhBpqd.js";
+import { ElMessage as k } from "element-plus";
+import { A as pe, D as me } from "./ele-clt-icon-DuU4Q401.js";
+const fe = { class: "item-val" }, _e = {
+  key: 0,
+  class: "item-btn"
+}, ye = {
+  DEFAULT_ICON: me,
+  ACTIVE_ICON: pe,
+  NAME_CN: "项目采集",
+  NAME_EN: "Project",
+  ORDER: 1
+}, he = {
+  bgColor: "#fff",
+  projectColor: "#999",
+  paramColor: "#333",
+  labelWidth: 64,
+  paramSize: 12,
+  paramHeight: 32,
+  radiusSize: 8,
+  type: {
+    value: "project",
+    type: "radio",
+    option: [
+      { value: "project", label: "component.collect.projectType" },
+      { value: "object", label: "component.collect.objectType" }
+    ],
+    label: "component.collect.collectType"
+  },
+  isHideTitle: !1
+}, ve = [{ project_id: "", object_id: "" }], ge = ["project_id", "object_id"], be = { DEFAULT: ye, OPTIONS: he, DATA: ve, PARAMS: ge, COMMON: {} }, je = /* @__PURE__ */ ae(D(B({}, be), {
+  __name: "clt",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(i) {
+    const o = i;
+    class l extends ie {
+      extractStyles() {
+        return {
+          bgColor: this.getOptionValue("bgColor", "#fff"),
+          projectColor: this.getOptionValue("projectColor", "#999"),
+          paramColor: this.getOptionValue("paramColor", "#333"),
+          labelWidth: this.getOptionValue("labelWidth", 64),
+          paramSize: this.getOptionValue("paramSize", 12),
+          paramHeight: this.getOptionValue("paramHeight", 32),
+          radiusSize: this.getOptionValue("radiusSize", 4),
+          isHideTitle: this.getOptionValue("isHideTitle", !1),
+          type: this.getOptionValue("type", "project")
+        };
+      }
+      init() {
+        this.Style.value = this.extractStyles(), this.applyTheme();
+      }
+    }
+    const S = new l(o, "clt");
+    S.setupLifecycle();
+    const c = S.getStyle(), V = o.conf, N = F(() => de(o.conf.options)), u = le([
+      { name: "离线项目", data: [{ name: "采集项", type: "Integer", unit: "℃", value: "" }] }
+    ]), f = () => H(null, null, function* () {
+      const { data: a } = o.conf;
+      u.value = [];
+      const r = a.filter((e) => e.project_id).map((e) => e.project_id);
+      if (!r.length) return;
+      let t = {
+        where_in: JSON.stringify([["uid", r.join(",")]])
+      };
+      const { result: n } = yield I.post("get_collect_list", t);
+      n.data.length > 0 && n.data.forEach((e) => {
+        u.value.push({
+          name: e.name,
+          uid: e.uid,
+          object_id: e.object_id,
+          data: b(e.script)
+        });
+      });
+    }), b = (a) => {
+      const r = [];
+      return a.forEach((t) => {
+        r.push({
+          name: t.label_loc,
+          type: t.type,
+          unit: t.unit,
+          key: t.key
+        });
+      }), r;
+    }, U = F(() => {
+      let a = !0;
+      return u.value.forEach((r) => {
+        r.data.forEach((t) => {
+          (t.value || t.value === 0) && (a = !1);
+        });
+      }), a;
+    }), P = () => {
+      o.mode !== "edit" && (c.value.type === "object" ? W() : L());
+    }, L = () => {
+      const a = [], r = ce.getUser();
+      u.value.forEach((t) => {
+        const n = {};
+        if (t.data.forEach((p) => {
+          (p.value || p.value === 0) && (n[p.key] = ["Integer", "Float"].includes(p.type) ? Number(p.value) : p.type === "Bool" ? !!p.value : p.value);
+        }), !Object.keys(n).length) return;
+        const e = {
+          name: t.name,
+          value: n,
+          collect_id: t.uid,
+          collector: r.username
+        };
+        a.push(I.post("add_collect_value_without_object", e));
+      }), Promise.all(a).then((t) => {
+        let n = !0;
+        t.forEach((e) => {
+          e.code !== 200 && (n = !1, k.error(e.msg));
+        }), n && k.success("操作成功");
+      });
+    }, W = () => {
+      const a = [];
+      u.value.forEach((r) => {
+        const t = {};
+        if (r.data.forEach((e) => {
+          (e.value || e.value === 0) && (t[e.key] = ["Integer", "Float"].includes(e.type) ? Number(e.value) : e.type === "Bool" ? !!e.value : e.value);
+        }), !Object.keys(t).length) return;
+        const n = {
+          name: r.name,
+          value: t,
+          collect_id: r.uid,
+          object_id: r.object_id || o.uid
+        };
+        a.push(I.post("collect_add", n));
+      }), Promise.all(a).then((r) => {
+        let t = !0;
+        r.forEach((n) => {
+          n.code !== 200 && (t = !1, k.error(n.msg));
+        }), t && k.success("操作成功");
+      });
+    };
+    return re(() => o.conf.data, () => {
+      f();
+    }, { deep: !0, immediate: !0 }), (a, r) => {
+      const t = Y, n = Z, e = te, p = ee, q = oe;
+      return m(), v("div", {
+        class: "mix-component",
+        style: E({ backgroundColor: d(c).bgColor, borderRadius: `${d(c).radiusSize}px` })
+      }, [
+        j("div", {
+          class: "mix-title",
+          style: E(N.value)
+        }, _(d(V).caption || d(V).name), 5),
+        j("div", {
+          class: ne(["mix-body", d(c).isHideTitle ? "h-[100%]" : " h-[calc(100%-42px)]"])
+        }, [
+          (m(!0), v(M, null, R(u.value, (x, T) => (m(), v("div", { key: T }, [
+            j("div", {
+              class: "item-title",
+              style: E({ fontSize: `${d(c).projectSize}px`, color: d(c).projectColor })
+            }, _(x.name), 5),
+            (m(!0), v(M, null, R(x.data, (s, $) => (m(), v("div", {
+              class: "item-wrap",
+              key: `${T}_${$}`
+            }, [
+              j("div", {
+                class: "item-item",
+                style: E({
+                  width: `${d(c).labelWidth}px`,
+                  fontSize: `${d(c).paramSize}px`,
+                  color: d(c).paramColor,
+                  height: `${d(c).paramHeight}px`
+                })
+              }, _(s.name) + ": ", 5),
+              j("div", fe, [
+                s.type === "String" ? (m(), O(t, {
+                  key: 0,
+                  type: "text",
+                  modelValue: s.value,
+                  "onUpdate:modelValue": (y) => s.value = y
+                }, {
+                  suffix: h(() => [
+                    g(_(s.unit), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue"])) : C("", !0),
+                s.type === "Integer" ? (m(), O(n, {
+                  key: 1,
+                  style: { width: "100%" },
+                  modelValue: s.value,
+                  "onUpdate:modelValue": (y) => s.value = y,
+                  precision: 0,
+                  controls: !1
+                }, {
+                  suffix: h(() => [
+                    g(_(s.unit), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue"])) : C("", !0),
+                s.type === "Float" ? (m(), O(n, {
+                  key: 2,
+                  style: { width: "100%" },
+                  modelValue: s.value,
+                  "onUpdate:modelValue": (y) => s.value = y,
+                  controls: !1
+                }, {
+                  suffix: h(() => [
+                    g(_(s.unit), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue"])) : C("", !0),
+                s.type === "Bool" ? (m(), O(p, {
+                  key: 3,
+                  value: s.value,
+                  "onUpdate:value": (y) => s.value = y
+                }, {
+                  default: h(() => [
+                    z(e, { value: 1 }, {
+                      default: h(() => [
+                        g(_(a.$t("common.yes")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    z(e, { value: 0 }, {
+                      default: h(() => [
+                        g(_(a.$t("common.no")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["value", "onUpdate:value"])) : C("", !0)
+              ]),
+              T === u.value.length - 1 && $ === x.data.length - 1 ? (m(), v("div", _e, [
+                z(q, {
+                  type: U.value ? "default" : "primary",
+                  disabled: U.value,
+                  onClick: P
+                }, {
+                  default: h(() => [
+                    g(_(a.$t("common.confirm")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["type", "disabled"])
+              ])) : C("", !0)
+            ]))), 128))
+          ]))), 128))
+        ], 2),
+        se(a.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), Be = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-895f1618"]]);
+export {
+  Be as default
+};