mixdashboards 1.0.71 → 1.0.73

package/dist/{actionItem-d-4p5HZK.js → actionItem-BmNYzAXu.js}

@@ -30,11 +30,11 @@ import { ElEmpty as ge, ElForm as _e } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/form/style/css";
 import "element-plus/es/components/empty/style/css";
-import { reactive as be, ref as z, watch as ke, defineComponent as G, computed as Q, h as f, onMounted as ve, onUnmounted as Ve, watchEffect as De, openBlock as O, createElementBlock as w, normalizeStyle as X, unref as c, createElementVNode as $, toDisplayString as Y, createVNode as V, withCtx as D, createTextVNode as C, createCommentVNode as I, Fragment as Se, renderList as Fe, createBlock as Z, renderSlot as Oe } from "vue";
-import { ElFormItem as j, ElButton as x, ElInput as A, ElSwitch as ee, ElInputNumber as te, ElSelect as re, ElOption as se, ElDialog as xe, ElMessage as J } from "element-plus";
+import { reactive as be, ref as z, watch as ke, defineComponent as G, computed as Q, h as f, onMounted as ve, onUnmounted as Ve, watchEffect as De, openBlock as S, createElementBlock as w, normalizeStyle as X, unref as c, createElementVNode as $, toDisplayString as Y, createVNode as V, withCtx as D, createTextVNode as A, createCommentVNode as I, Fragment as Fe, renderList as Oe, createBlock as Z, renderSlot as Se } from "vue";
+import { ElFormItem as j, ElButton as x, ElInput as C, ElSwitch as ee, ElInputNumber as te, ElSelect as re, ElOption as se, ElDialog as xe, ElMessage as J } from "element-plus";
 import { Delete as Ee, Plus as we } from "@element-plus/icons-vue";
-import { u as Ce, _ as Ae } from "./index-Bdq33405.js";
-import { B as Ie } from "./BaseComponent-D5tlYehc.js";
+import { u as Ae, _ as Ce } from "./index-DwPJu6XM.js";
+import { B as Ie } from "./BaseComponent-CBagahPU.js";
 import { g as Je } from "./titleStyle-BT5GlpAb.js";
 import { A as Ne, D as Pe } from "./ele-crd-icon-BXxB7P3T.js";
 class Te extends Ie {
@@ -308,7 +308,14 @@ const $e = { class: "mix-body" }, ze = {
 }, qe = {
   key: 0,
   class: "form-description"
-}, Me = { DEFAULT_ICON: Pe, ACTIVE_ICON: Ne, NAME_CN: "动态表单", NAME_EN: "ActionItem", ORDER: 1 }, He = { titleColor: "#111", bgColor: "#fff", radiusSize: 8, labelWidth: 100, isHideTitle: !1, showButtons: !0 }, Le = {}, We = [], Ke = [], Ge = {}, Qe = { DEFAULT: Me, OPTIONS: He, DATA: Le, PARAMS: We, SOURCE: Ke, COMMON: Ge }, Xe = /* @__PURE__ */ G(W(R({}, Qe), {
+}, Me = {
+  DEFAULT_ICON: Pe,
+  ACTIVE_ICON: Ne,
+  NAME_CN: "动态表单",
+  NAME_EN: "ActionItem",
+  ORDER: 1,
+  PLATFORM: ["pc", "screen", "mobile"]
+}, He = { titleColor: "#111", bgColor: "#fff", radiusSize: 8, labelWidth: 100, isHideTitle: !1, showButtons: !0 }, Le = {}, We = [], Ke = [], Ge = {}, Qe = { DEFAULT: Me, OPTIONS: He, DATA: Le, PARAMS: We, SOURCE: Ke, COMMON: Ge }, Xe = /* @__PURE__ */ G(W(R({}, Qe), {
   __name: "actionItem",
   props: {
     conf: { type: Object, default: () => ({}) },
@@ -318,7 +325,7 @@ const $e = { class: "mix-body" }, ze = {
   },
   emits: ["submit", "generate"],
   setup(b, { emit: e }) {
-    const r = b, s = z(!1), o = z(""), n = e, p = Ce(), y = z(), i = new Te(r);
+    const r = b, s = z(!1), o = z(""), n = e, p = Ae(), y = z(), i = new Te(r);
     i.setupLifecycle(), i.watchParams();
     const v = i.getStyle(), N = Q(() => r.conf || {}), oe = Q(() => Je(r.conf.options));
     function P(a, t) {
@@ -334,7 +341,7 @@ const $e = { class: "mix-body" }, ze = {
       for (const _ of a.rules) {
         const k = _.related_key;
         if (!k) continue;
-        const S = t ? `${t}.${k}` : k, F = P(m, S), g = (u = _.conditions) == null ? void 0 : u.find((E) => E.value === F);
+        const F = t ? `${t}.${k}` : k, O = P(m, F), g = (u = _.conditions) == null ? void 0 : u.find((E) => E.value === O);
         if ((l = g == null ? void 0 : g.property) != null && l.hidden) return !0;
       }
       return !1;
@@ -350,8 +357,8 @@ const $e = { class: "mix-body" }, ze = {
         // 父级路径
       },
       setup(a) {
-        var S;
-        const t = a.param, m = a.rootData, d = a.actionItem, u = t.key, l = a.parentPath ? `${a.parentPath}.${u}` : u, _ = t.form_type === "sub_form" && t.properties && !t.items, k = t.form_type === "sub_form" && ((S = t.items) == null ? void 0 : S.properties);
+        var F;
+        const t = a.param, m = a.rootData, d = a.actionItem, u = t.key, l = a.parentPath ? `${a.parentPath}.${u}` : u, _ = t.form_type === "sub_form" && t.properties && !t.items, k = t.form_type === "sub_form" && ((F = t.items) == null ? void 0 : F.properties);
         return () => {
           if (q(t, a.parentPath, m))
             return null;
@@ -403,17 +410,17 @@ const $e = { class: "mix-body" }, ze = {
               ])
             ]);
           }
-          const F = { label: t.cn_name, prop: l };
-          return t.required && (F.rules = [{ required: !0, message: `请输入${t.cn_name}`, trigger: "blur" }]), f(j, F, () => ae(t, l, m, d));
+          const O = { label: t.cn_name, prop: l };
+          return t.required && (O.rules = [{ required: !0, message: `请输入${t.cn_name}`, trigger: "blur" }]), f(j, O, () => ae(t, l, m, d));
         };
       }
     });
     function ae(a, t, m, d) {
-      var k, S;
-      const u = d.isFieldDisabled(a), l = P(m, t), _ = (F) => B(m, t, F);
+      var k, F;
+      const u = d.isFieldDisabled(a), l = P(m, t), _ = (O) => B(m, t, O);
       switch (a.form_type) {
         case "text":
-          return f(A, {
+          return f(C, {
             modelValue: l != null ? l : "",
             "onUpdate:modelValue": _,
             placeholder: a.description || `请输入${a.cn_name}`,
@@ -421,7 +428,7 @@ const $e = { class: "mix-body" }, ze = {
             size: "small"
           });
         case "textarea":
-          return f(A, {
+          return f(C, {
             type: "textarea",
             modelValue: l != null ? l : "",
             "onUpdate:modelValue": _,
@@ -448,22 +455,22 @@ const $e = { class: "mix-body" }, ze = {
             "onUpdate:modelValue": _,
             disabled: u,
             min: (k = a.format) == null ? void 0 : k.min,
-            max: (S = a.format) == null ? void 0 : S.max,
+            max: (F = a.format) == null ? void 0 : F.max,
             style: "width:100%",
             size: "small"
           });
         case "switch":
           return f(ee, { modelValue: l === !0 || l === "true", "onUpdate:modelValue": _, disabled: u });
         default:
-          return f(A, { modelValue: l != null ? l : "", "onUpdate:modelValue": _, disabled: u, size: "small" });
+          return f(C, { modelValue: l != null ? l : "", "onUpdate:modelValue": _, disabled: u, size: "small" });
       }
     }
     function ie(a, t, m) {
-      var l, _, k, S, F, g;
+      var l, _, k, F, O, g;
       const d = a.key, u = m.isFieldDisabled(a);
       switch (a.form_type) {
         case "text":
-          return f(A, {
+          return f(C, {
             modelValue: (l = t[d]) != null ? l : "",
             "onUpdate:modelValue": (h) => t[d] = h,
             placeholder: a.description || `请输入${a.cn_name}`,
@@ -488,8 +495,8 @@ const $e = { class: "mix-body" }, ze = {
             modelValue: (k = t[d]) != null ? k : 0,
             "onUpdate:modelValue": (h) => t[d] = h,
             disabled: u,
-            min: (S = a.format) == null ? void 0 : S.min,
-            max: (F = a.format) == null ? void 0 : F.max,
+            min: (F = a.format) == null ? void 0 : F.min,
+            max: (O = a.format) == null ? void 0 : O.max,
             style: "width:100%",
             size: "small"
           });
@@ -497,7 +504,7 @@ const $e = { class: "mix-body" }, ze = {
           const E = t[d] === !0 || t[d] === "true";
           return f(ee, { modelValue: E, "onUpdate:modelValue": (h) => t[d] = h, disabled: u });
         default:
-          return f(A, { modelValue: (g = t[d]) != null ? g : "", "onUpdate:modelValue": (h) => t[d] = h, disabled: u, size: "small" });
+          return f(C, { modelValue: (g = t[d]) != null ? g : "", "onUpdate:modelValue": (h) => t[d] = h, disabled: u, size: "small" });
       }
     }
     function ne(a) {
@@ -534,7 +541,7 @@ const $e = { class: "mix-body" }, ze = {
       r.conf.socketData && i.setSocketData(r.conf.socketData);
     }), (a, t) => {
       const m = ge, d = _e;
-      return O(), w("div", {
+      return S(), w("div", {
         class: "mix-component",
         style: X({ background: c(v).bgColor, borderRadius: c(v).radiusSize + "px" })
       }, [
@@ -543,7 +550,7 @@ const $e = { class: "mix-body" }, ze = {
           style: X(oe.value)
         }, Y(N.value.action_name || N.value.caption || N.value.name), 5),
         $("div", $e, [
-          b.mode === "edit" && c(i).showJsonEditor.value ? (O(), w("div", ze, [
+          b.mode === "edit" && c(i).showJsonEditor.value ? (S(), w("div", ze, [
             $("div", Ue, [
               t[8] || (t[8] = $("span", null, "JSON 配置", -1)),
               V(c(x), {
@@ -551,7 +558,7 @@ const $e = { class: "mix-body" }, ze = {
                 onClick: le
               }, {
                 default: D(() => [...t[6] || (t[6] = [
-                  C("应用", -1)
+                  A("应用", -1)
                 ])]),
                 _: 1
               }),
@@ -560,12 +567,12 @@ const $e = { class: "mix-body" }, ze = {
                 onClick: t[0] || (t[0] = (u) => c(i).showJsonEditor.value = !1)
               }, {
                 default: D(() => [...t[7] || (t[7] = [
-                  C("关闭", -1)
+                  A("关闭", -1)
                 ])]),
                 _: 1
               })
             ]),
-            V(c(A), {
+            V(c(C), {
               type: "textarea",
               modelValue: c(i).jsonInput.value,
               "onUpdate:modelValue": t[1] || (t[1] = (u) => c(i).jsonInput.value = u),
@@ -573,14 +580,14 @@ const $e = { class: "mix-body" }, ze = {
               placeholder: "粘贴 action_item JSON..."
             }, null, 8, ["modelValue"])
           ])) : I("", !0),
-          b.mode === "edit" && !c(i).showJsonEditor.value ? (O(), w("div", Be, [
+          b.mode === "edit" && !c(i).showJsonEditor.value ? (S(), w("div", Be, [
             V(c(x), {
               size: "small",
               type: "primary",
               onClick: t[2] || (t[2] = (u) => c(i).showJsonEditor.value = !0)
             }, {
               default: D(() => [...t[9] || (t[9] = [
-                C("编辑 JSON", -1)
+                A("编辑 JSON", -1)
               ])]),
               _: 1
             })
@@ -595,7 +602,7 @@ const $e = { class: "mix-body" }, ze = {
             footer: D(() => [
               V(c(x), { onClick: me }, {
                 default: D(() => [...t[10] || (t[10] = [
-                  C("复制", -1)
+                  A("复制", -1)
                 ])]),
                 _: 1
               }),
@@ -604,13 +611,13 @@ const $e = { class: "mix-body" }, ze = {
                 onClick: t[4] || (t[4] = (u) => s.value = !1)
               }, {
                 default: D(() => [...t[11] || (t[11] = [
-                  C("关闭", -1)
+                  A("关闭", -1)
                 ])]),
                 _: 1
               })
             ]),
             default: D(() => [
-              V(c(A), {
+              V(c(C), {
                 type: "textarea",
                 modelValue: o.value,
                 "onUpdate:modelValue": t[3] || (t[3] = (u) => o.value = u),
@@ -620,14 +627,14 @@ const $e = { class: "mix-body" }, ze = {
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          !c(i).hasParams && b.mode !== "edit" ? (O(), w("div", Re, [
+          !c(i).hasParams && b.mode !== "edit" ? (S(), w("div", Re, [
             V(m, {
               description: "等待表单配置...",
               "image-size": 80
             })
           ])) : I("", !0),
-          c(i).hasParams ? (O(), w("div", je, [
-            N.value.description ? (O(), w("div", qe, [
+          c(i).hasParams ? (S(), w("div", je, [
+            N.value.description ? (S(), w("div", qe, [
               $("p", null, Y(N.value.description), 1)
             ])) : I("", !0),
             V(d, {
@@ -638,13 +645,13 @@ const $e = { class: "mix-body" }, ze = {
               "label-width": c(v).labelWidth + "px"
             }, {
               default: D(() => [
-                (O(!0), w(Se, null, Fe(c(i).getVisibleParams(), (u) => (O(), Z(c(M), {
+                (S(!0), w(Fe, null, Oe(c(i).getVisibleParams(), (u) => (S(), Z(c(M), {
                   key: u.key,
                   param: u,
                   rootData: c(i).formData,
                   actionItem: c(i)
                 }, null, 8, ["param", "rootData", "actionItem"]))), 128)),
-                c(v).showButtons ? (O(), Z(c(j), {
+                c(v).showButtons ? (S(), Z(c(j), {
                   key: 0,
                   class: "form-buttons"
                 }, {
@@ -654,7 +661,7 @@ const $e = { class: "mix-body" }, ze = {
                       onClick: ue
                     }, {
                       default: D(() => [...t[12] || (t[12] = [
-                        C("保存", -1)
+                        A("保存", -1)
                       ])]),
                       _: 1
                     }),
@@ -663,7 +670,7 @@ const $e = { class: "mix-body" }, ze = {
                       onClick: ce
                     }, {
                       default: D(() => [...t[13] || (t[13] = [
-                        C("生成JSON", -1)
+                        A("生成JSON", -1)
                       ])]),
                       _: 1
                     })
@@ -675,11 +682,11 @@ const $e = { class: "mix-body" }, ze = {
             }, 8, ["model", "rules", "label-width"])
           ])) : I("", !0)
         ]),
-        Oe(a.$slots, "default", {}, void 0, !0)
+        Se(a.$slots, "default", {}, void 0, !0)
       ], 4);
     };
   }
-})), ct = /* @__PURE__ */ Ae(Xe, [["__scopeId", "data-v-0174b7e7"]]);
+})), ct = /* @__PURE__ */ Ce(Xe, [["__scopeId", "data-v-87fa7bd9"]]);
 export {
   ct as default
 };

package/dist/actionItem-Bx4mW0jP.cjs

@@ -0,0 +1 @@
+"use strict";var G=Object.defineProperty,Q=Object.defineProperties;var X=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var Y=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable;var A=(k,t,o)=>t in k?G(k,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):k[t]=o,O=(k,t)=>{for(var o in t||(t={}))Y.call(t,o)&&A(k,o,t[o]);if(B)for(var o of B(t))Z.call(t,o)&&A(k,o,t[o]);return k},T=(k,t)=>Q(k,X(t));var J=(k,t,o)=>new Promise((s,n)=>{var i=l=>{try{h(o.next(l))}catch(b){n(b)}},p=l=>{try{h(o.throw(l))}catch(b){n(b)}},h=l=>l.done?s(l.value):Promise.resolve(l.value).then(i,p);h((o=o.apply(k,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/form/style/css");require("element-plus/es/components/empty/style/css");const e=require("vue"),c=require("element-plus"),$=require("@element-plus/icons-vue"),z=require("./index-DVqMfQVc.cjs"),ee=require("./BaseComponent-Chnv4fBT.cjs"),te=require("./titleStyle-NSnz6cUg.cjs"),q=require("./ele-crd-icon-BvNgAPKW.cjs");class re extends ee.BaseComponent{constructor(t){super(t,"actionItem"),this.formData=e.reactive({}),this.showJsonEditor=e.ref(!1),this.jsonInput=e.ref("")}extractStyles(){return{bgColor:this.getOptionValue("bgColor","#fff"),titleColor:this.getOptionValue("titleColor","#333"),radiusSize:this.getOptionValue("radiusSize",8),labelWidth:this.getOptionValue("labelWidth",100),isHideTitle:this.getOptionValue("isHideTitle",!1),showButtons:this.getOptionValue("showButtons",!0)}}init(){var o;this.Style.value=this.extractStyles(),this.applyTheme();const t=this.props.conf.data;t&&typeof t=="object"&&((o=t.params)!=null&&o.length)&&this.parseBackendData(t),this.initFormData()}getParams(){var t;return Array.isArray((t=this.props.conf)==null?void 0:t.params)?this.props.conf.params:[]}get hasParams(){return this.getParams().length>0}getVisibleParams(){return this.getParams().filter(t=>t.form_type!=="hidden"&&!this.isFieldHidden(t))}getFormRules(){const t={},o=(s,n="")=>{s.forEach(i=>{const p=n?`${n}.${i.key}`:i.key;if(i.form_type==="sub_form"&&i.properties&&!i.items){o(i.properties,p);return}if(i.form_type==="sub_form"&&i.items)return;const h=this.buildValidationRules(i);h.length&&(t[p]=h)})};return o(this.getParams()),t}initFormData(){var o,s;const t=(s=(o=this.props.conf)==null?void 0:o.data)==null?void 0:s.values;this.getParams().forEach(n=>{t&&t[n.key]!==void 0?this.formData[n.key]=t[n.key]:this.formData[n.key]=this.getDefaultValue(n)})}resetForm(){this.initFormData()}getDefaultValue(t){var o,s;if(t.form_type==="sub_form"&&t.properties&&!t.items){const n={};return t.properties.forEach(i=>{n[i.key]=this.getDefaultValue(i)}),n}return t.form_type==="sub_form"&&t.items?Array.isArray(t.default_value)?t.default_value:[]:t.form_type==="checkbox_group"?Array.isArray(t.default_value)?t.default_value:[]:t.default_value!==null&&t.default_value!==void 0?t.default_value:t.form_type==="switch"?!1:t.form_type==="number"?(s=(o=t.format)==null?void 0:o.min)!=null?s:0:""}buildValidationRules(t){const o=[];t.required&&o.push({required:!0,message:`请输入${t.cn_name}`,trigger:"blur"});const s=t.format;return s&&(s.pattern&&o.push({pattern:new RegExp(s.pattern),message:`${t.cn_name}格式不正确`,trigger:"blur"}),(s.min_length||s.max_length)&&o.push({min:s.min_length,max:s.max_length,message:s.min_length&&s.max_length?`长度在 ${s.min_length} 到 ${s.max_length} 个字符`:s.min_length?`最少 ${s.min_length} 个字符`:`最多 ${s.max_length} 个字符`,trigger:"blur"})),o}isFieldHidden(t){var o,s,n,i;if(!((o=t.rules)!=null&&o.length))return!1;for(const p of t.rules){const h=this.formData[(s=p.related_key)==null?void 0:s.split(".")[0]],l=(n=p.conditions)==null?void 0:n.find(b=>b.value===h);if((i=l==null?void 0:l.property)!=null&&i.hidden)return!0}return!1}isFieldDisabled(t){var o,s,n,i;if(!((o=t.rules)!=null&&o.length))return!1;for(const p of t.rules){const h=this.formData[(s=p.related_key)==null?void 0:s.split(".")[0]],l=(n=p.conditions)==null?void 0:n.find(b=>b.value===h);if((i=l==null?void 0:l.property)!=null&&i.disabled)return!0}return!1}getFieldOptions(t){var s,n;let o=t.enum||[];if(t.rules)for(const i of t.rules){if(!i.related_key)continue;const p=this.formData[i.related_key],h=(s=i.conditions)==null?void 0:s.find(l=>l.value===p);if((n=h==null?void 0:h.property)!=null&&n.enum){o=h.property.enum;break}}return o}onFieldChange(t){this.getParams().forEach(o=>{if(o.rules)for(const s of o.rules)s.related_key===t.key&&(this.formData[o.key]=o.form_type==="checkbox_group"?[]:o.form_type==="switch"?!1:"")})}addSubItem(t){var n;Array.isArray(this.formData[t.key])||(this.formData[t.key]=[]);const o=((n=t.items)==null?void 0:n.properties)||t.properties||[],s={};o.forEach(i=>{s[i.key]=this.getDefaultValue(i)}),this.formData[t.key].push(s)}removeSubItem(t,o){var s;(s=this.formData[t])==null||s.splice(o,1)}getSubFieldOptions(t,o){var s,n,i;if((s=t.enum)!=null&&s.length)return t.enum;if(t.rules)for(const p of t.rules){if(!p.related_key)continue;const h=p.related_key.split(".").pop(),l=(n=p.conditions)==null?void 0:n.find(b=>b.value===o[h]);if((i=l==null?void 0:l.property)!=null&&i.enum)return l.property.enum}return[]}onSubFieldChange(t,o,s){var i;(((i=t.items)==null?void 0:i.properties)||t.properties||[]).forEach(p=>{var h;if(p.rules)for(const l of p.rules)((h=l.related_key)==null?void 0:h.split(".").pop())===o.key&&(s[p.key]="")})}applyJson(){try{const t=JSON.parse(this.jsonInput.value);if(t.params&&Array.isArray(t.params))this.props.conf.action_name=t.action_name||"表单",this.props.conf.description=t.description||"",this.props.conf.params=t.params,this.props.conf.data=t,this.initFormData();else if(Array.isArray(t))this.props.conf.params=t,this.props.conf.data={params:t},this.initFormData();else if(t.key&&t.form_type)this.props.conf.params=[t],this.initFormData();else return{success:!1,error:"无法识别的 JSON 格式"};return this.showJsonEditor.value=!1,{success:!0}}catch(t){return{success:!1,error:t.message||"JSON 格式错误"}}}exportTargetJson(){return this.exportToOriginalFormat()}parseBackendData(t){t&&(this.props.conf.action_name=t.action_name,this.props.conf.description=t.description,this.props.conf.params=t.params,this.props.conf.block=t.block,this.props.conf.action=t.action,this.props.conf.data=t,this.initFormData())}serializeToBackend(){return{block:this.props.conf.block,action:this.props.conf.action,params:O({},this.formData),originalFormat:this.exportToOriginalFormat()}}saveFormData(){this.props.conf.data||(this.props.conf.data={}),this.props.conf.data.values=JSON.parse(JSON.stringify(this.formData))}getFullConfig(){return{action_name:this.props.conf.action_name,description:this.props.conf.description,block:this.props.conf.block,action:this.props.conf.action,params:this.props.conf.params}}exportToOriginalFormat(){return this.convertFormDataToOriginal(this.formData,this.getParams())}convertFormDataToOriginal(t,o){const s={};return o.forEach(n=>{var p;const i=t[n.key];n.form_type==="sub_form"?n.properties&&!n.items?s[n.key]=this.convertFormDataToOriginal(i||{},n.properties):(p=n.items)!=null&&p.properties&&(s[n.key]=Array.isArray(i)?i.map(h=>this.convertArrayItemToOriginal(h,n.items.properties)):[]):n.db_type==="boolean"&&typeof i=="boolean"?s[n.key]=i?"true":"false":s[n.key]=i}),s}convertArrayItemToOriginal(t,o){const s={};return o.forEach(n=>{n.form_type==="sub_form"&&n.properties?s[n.key]=this.convertFormDataToOriginal(t[n.key]||{},n.properties):s[n.key]=t[n.key]}),s}setSocketData(t){if(!t)return;const o=t.result||t,s=o.action_item||o;s!=null&&s.params&&this.parseBackendData(s)}watchParams(){e.watch(()=>{var t;return(t=this.props.conf)==null?void 0:t.params},()=>this.initFormData(),{immediate:!0,deep:!0})}}const oe={class:"mix-body"},se={key:0,class:"json-editor"},ne={class:"editor-header"},ae={key:1,class:"edit-toolbar"},le={key:2,class:"empty-state"},ie={key:3,class:"form-content"},ue={key:0,class:"form-description"},ce={DEFAULT_ICON:q.DEFAULT_ICON,ACTIVE_ICON:q.ACTIVE_ICON,NAME_CN:"动态表单",NAME_EN:"ActionItem",ORDER:1,PLATFORM:["pc","screen","mobile"]},de={titleColor:"#111",bgColor:"#fff",radiusSize:8,labelWidth:100,isHideTitle:!1,showButtons:!0},me={},fe=[],pe=[],he={},ye={DEFAULT:ce,OPTIONS:de,DATA:me,PARAMS:fe,SOURCE:pe,COMMON:he},ge=e.defineComponent(T(O({},ye),{__name:"actionItem",props:{conf:{type:Object,default:()=>({})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},emits:["submit","generate"],setup(k,{emit:t}){const o=k,s=e.ref(!1),n=e.ref(""),i=t,p=z.useCounterStore(),h=e.ref(),l=new re(o);l.setupLifecycle(),l.watchParams();const b=l.getStyle(),C=e.computed(()=>o.conf||{}),U=e.computed(()=>te.generateTitleStyle(o.conf.options));function N(a,r){return r.split(".").reduce((m,f)=>m==null?void 0:m[f],a)}function w(a,r,m){const f=r.split("."),d=f.pop(),u=f.reduce((_,V)=>((!_[V]||typeof _[V]!="object")&&(_[V]={}),_[V]),a);u[d]=m}function F(a,r,m){var f,d,u;if(!((f=a.rules)!=null&&f.length))return!1;for(const _ of a.rules){const V=_.related_key;if(!V)continue;const E=r?`${r}.${V}`:V,v=N(m,E),g=(d=_.conditions)==null?void 0:d.find(x=>x.value===v);if((u=g==null?void 0:g.property)!=null&&u.hidden)return!0}return!1}const I=e.defineComponent({name:"FormField",props:{param:{type:Object,required:!0},rootData:{type:Object,required:!0},actionItem:{type:Object,required:!0},parentPath:{type:String,default:""}},setup(a){var E;const r=a.param,m=a.rootData,f=a.actionItem,d=r.key,u=a.parentPath?`${a.parentPath}.${d}`:d,_=r.form_type==="sub_form"&&r.properties&&!r.items,V=r.form_type==="sub_form"&&((E=r.items)==null?void 0:E.properties);return()=>{if(F(r,a.parentPath,m))return null;if(_){let g=N(m,u);(!g||typeof g!="object"||Array.isArray(g))&&w(m,u,{});const x=r.properties.filter(y=>!F(y,u,m));return e.h("div",{class:"nested-group"},[e.h("div",{class:"nested-title"},r.cn_name),e.h("div",{class:"nested-content"},x.map(y=>e.h(I,{param:y,rootData:m,actionItem:f,key:y.key,parentPath:u})))])}if(V){let g=N(m,u);Array.isArray(g)||(w(m,u,[]),g=N(m,u));const x=r.items.properties;return e.h(c.ElFormItem,{label:r.cn_name},()=>[e.h("div",{class:"sub-form"},[...g.map((y,D)=>e.h("div",{class:"sub-item",key:D},[e.h("div",{class:"sub-fields"},x.map(S=>e.h("div",{class:"sub-field",key:S.key},[e.h("span",{class:"sub-label"},[S.required?e.h("span",{class:"required-star"},"*"):null,S.cn_name]),j(S,y,f)]))),e.h(c.ElButton,{type:"danger",icon:$.Delete,circle:!0,size:"small",onClick:()=>g.splice(D,1)})])),e.h(c.ElButton,{type:"primary",icon:$.Plus,onClick:()=>{const y={};x.forEach(D=>{y[D.key]=M(D)}),g.push(y)}},()=>"添加")])])}const v={label:r.cn_name,prop:u};return r.required&&(v.rules=[{required:!0,message:`请输入${r.cn_name}`,trigger:"blur"}]),e.h(c.ElFormItem,v,()=>R(r,u,m,f))}}});function R(a,r,m,f){var V,E;const d=f.isFieldDisabled(a),u=N(m,r),_=v=>w(m,r,v);switch(a.form_type){case"text":return e.h(c.ElInput,{modelValue:u!=null?u:"","onUpdate:modelValue":_,placeholder:a.description||`请输入${a.cn_name}`,disabled:d,size:"small"});case"textarea":return e.h(c.ElInput,{type:"textarea",modelValue:u!=null?u:"","onUpdate:modelValue":_,placeholder:a.description,disabled:d,rows:3});case"select":return e.h(c.ElSelect,{modelValue:u!=null?u:"","onUpdate:modelValue":_,placeholder:`请选择${a.cn_name}`,disabled:d,style:"width:100%",size:"small"},()=>(a.enum||[]).map(g=>e.h(c.ElOption,{key:g.value,label:g.cn_name,value:g.value})));case"number":return e.h(c.ElInputNumber,{modelValue:u!=null?u:0,"onUpdate:modelValue":_,disabled:d,min:(V=a.format)==null?void 0:V.min,max:(E=a.format)==null?void 0:E.max,style:"width:100%",size:"small"});case"switch":const v=u===!0||u==="true";return e.h(c.ElSwitch,{modelValue:v,"onUpdate:modelValue":_,disabled:d});default:return e.h(c.ElInput,{modelValue:u!=null?u:"","onUpdate:modelValue":_,disabled:d,size:"small"})}}function j(a,r,m){var u,_,V,E,v,g;const f=a.key,d=m.isFieldDisabled(a);switch(a.form_type){case"text":return e.h(c.ElInput,{modelValue:(u=r[f])!=null?u:"","onUpdate:modelValue":y=>r[f]=y,placeholder:a.description||`请输入${a.cn_name}`,disabled:d,size:"small"});case"select":return e.h(c.ElSelect,{modelValue:(_=r[f])!=null?_:"","onUpdate:modelValue":y=>r[f]=y,placeholder:`请选择${a.cn_name}`,disabled:d,style:"width:100%",size:"small"},()=>(a.enum||[]).map(y=>e.h(c.ElOption,{key:y.value,label:y.cn_name,value:y.value})));case"number":return e.h(c.ElInputNumber,{modelValue:(V=r[f])!=null?V:0,"onUpdate:modelValue":y=>r[f]=y,disabled:d,min:(E=a.format)==null?void 0:E.min,max:(v=a.format)==null?void 0:v.max,style:"width:100%",size:"small"});case"switch":const x=r[f]===!0||r[f]==="true";return e.h(c.ElSwitch,{modelValue:x,"onUpdate:modelValue":y=>r[f]=y,disabled:d});default:return e.h(c.ElInput,{modelValue:(g=r[f])!=null?g:"","onUpdate:modelValue":y=>r[f]=y,disabled:d,size:"small"})}}function M(a){var r,m;return a.default_value!==void 0?a.default_value:a.form_type==="switch"?!1:a.form_type==="checkbox_group"?[]:a.form_type==="number"?(m=(r=a.format)==null?void 0:r.min)!=null?m:0:""}const H=()=>{const a=l.applyJson();a.success?c.ElMessage.success("JSON 配置已应用"):c.ElMessage.error(a.error||"JSON 格式错误")},L=()=>{l.saveFormData(),c.ElMessage.success("保存成功")},W=()=>J(null,null,function*(){var a;try{yield(a=h.value)==null?void 0:a.validate();const r=l.exportTargetJson();n.value=JSON.stringify(r,null,2),s.value=!0,i("generate",r)}catch(r){c.ElMessage.error("请先完善必填项")}}),K=()=>{try{const a=document.createElement("textarea");a.value=n.value,a.style.position="fixed",a.style.opacity="0",document.body.appendChild(a),a.select(),document.execCommand("copy"),document.body.removeChild(a),c.ElMessage.success("已复制到剪贴板")}catch(a){c.ElMessage.error("复制失败")}};return e.onMounted(()=>{p.registerInstance(o.uid,l)}),e.onUnmounted(()=>{p.unregisterInstance(o.uid)}),e.watchEffect(()=>{o.conf.socketData&&l.setSocketData(o.conf.socketData)}),(a,r)=>{const m=P.ElEmpty,f=P.ElForm;return e.openBlock(),e.createElementBlock("div",{class:"mix-component",style:e.normalizeStyle({background:e.unref(b).bgColor,borderRadius:e.unref(b).radiusSize+"px"})},[e.createElementVNode("div",{class:"mix-title",style:e.normalizeStyle(U.value)},e.toDisplayString(C.value.action_name||C.value.caption||C.value.name),5),e.createElementVNode("div",oe,[k.mode==="edit"&&e.unref(l).showJsonEditor.value?(e.openBlock(),e.createElementBlock("div",se,[e.createElementVNode("div",ne,[r[8]||(r[8]=e.createElementVNode("span",null,"JSON 配置",-1)),e.createVNode(e.unref(c.ElButton),{size:"small",onClick:H},{default:e.withCtx(()=>[...r[6]||(r[6]=[e.createTextVNode("应用",-1)])]),_:1}),e.createVNode(e.unref(c.ElButton),{size:"small",onClick:r[0]||(r[0]=d=>e.unref(l).showJsonEditor.value=!1)},{default:e.withCtx(()=>[...r[7]||(r[7]=[e.createTextVNode("关闭",-1)])]),_:1})]),e.createVNode(e.unref(c.ElInput),{type:"textarea",modelValue:e.unref(l).jsonInput.value,"onUpdate:modelValue":r[1]||(r[1]=d=>e.unref(l).jsonInput.value=d),rows:12,placeholder:"粘贴 action_item JSON..."},null,8,["modelValue"])])):e.createCommentVNode("",!0),k.mode==="edit"&&!e.unref(l).showJsonEditor.value?(e.openBlock(),e.createElementBlock("div",ae,[e.createVNode(e.unref(c.ElButton),{size:"small",type:"primary",onClick:r[2]||(r[2]=d=>e.unref(l).showJsonEditor.value=!0)},{default:e.withCtx(()=>[...r[9]||(r[9]=[e.createTextVNode("编辑 JSON",-1)])]),_:1})])):e.createCommentVNode("",!0),e.createVNode(e.unref(c.ElDialog),{modelValue:s.value,"onUpdate:modelValue":r[5]||(r[5]=d=>s.value=d),title:"生成的目标JSON",width:"600px","close-on-click-modal":!1},{footer:e.withCtx(()=>[e.createVNode(e.unref(c.ElButton),{onClick:K},{default:e.withCtx(()=>[...r[10]||(r[10]=[e.createTextVNode("复制",-1)])]),_:1}),e.createVNode(e.unref(c.ElButton),{type:"primary",onClick:r[4]||(r[4]=d=>s.value=!1)},{default:e.withCtx(()=>[...r[11]||(r[11]=[e.createTextVNode("关闭",-1)])]),_:1})]),default:e.withCtx(()=>[e.createVNode(e.unref(c.ElInput),{type:"textarea",modelValue:n.value,"onUpdate:modelValue":r[3]||(r[3]=d=>n.value=d),rows:16,readonly:""},null,8,["modelValue"])]),_:1},8,["modelValue"]),!e.unref(l).hasParams&&k.mode!=="edit"?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(m,{description:"等待表单配置...","image-size":80})])):e.createCommentVNode("",!0),e.unref(l).hasParams?(e.openBlock(),e.createElementBlock("div",ie,[C.value.description?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("p",null,e.toDisplayString(C.value.description),1)])):e.createCommentVNode("",!0),e.createVNode(f,{ref_key:"formRef",ref:h,model:e.unref(l).formData,rules:e.unref(l).getFormRules(),"label-width":e.unref(b).labelWidth+"px"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l).getVisibleParams(),d=>(e.openBlock(),e.createBlock(e.unref(I),{key:d.key,param:d,rootData:e.unref(l).formData,actionItem:e.unref(l)},null,8,["param","rootData","actionItem"]))),128)),e.unref(b).showButtons?(e.openBlock(),e.createBlock(e.unref(c.ElFormItem),{key:0,class:"form-buttons"},{default:e.withCtx(()=>[e.createVNode(e.unref(c.ElButton),{type:"primary",onClick:L},{default:e.withCtx(()=>[...r[12]||(r[12]=[e.createTextVNode("保存",-1)])]),_:1}),e.createVNode(e.unref(c.ElButton),{type:"success",onClick:W},{default:e.withCtx(()=>[...r[13]||(r[13]=[e.createTextVNode("生成JSON",-1)])]),_:1})]),_:1})):e.createCommentVNode("",!0)]),_:1},8,["model","rules","label-width"])])):e.createCommentVNode("",!0)]),e.renderSlot(a.$slots,"default",{},void 0,!0)],4)}}})),_e=z._export_sfc(ge,[["__scopeId","data-v-87fa7bd9"]]);exports.default=_e;

package/dist/alarmLevelChart-Cvnw4z1w.cjs

@@ -0,0 +1,2 @@
+"use strict";var w=Object.defineProperty,V=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var N=(u,o,i)=>o in u?w(u,o,{enumerable:!0,configurable:!0,writable:!0,value:i}):u[o]=i,z=(u,o)=>{for(var i in o||(o={}))R.call(o,i)&&N(u,i,o[i]);if(I)for(var i of I(o))$.call(o,i)&&N(u,i,o[i]);return u},k=(u,o)=>V(u,q(o));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue");require("html2canvas");const H=require("./index-DVqMfQVc.cjs");require("element-plus");const P=require("./EChartComponentBase-dLE5F7Tt.cjs"),L=require("./ele-lin-icon-Dke_1AmT.cjs"),U={class:"panel-header"},W=["id"],G={DEFAULT_ICON:L.DEFAULT_ICON,ACTIVE_ICON:L.ACTIVE_ICON,NAME_CN:"预警等级",NAME_EN:"Alarm Level Chart",ORDER:12,PLATFORM:["pc","screen"]},J={title:{value:"预警等级",type:"string",label:"标题"},bgColor:{value:"#f5f7fa",type:"color",label:"setting.bgColor"},panelBgColor:{value:"#ffffff",type:"color",label:"面板背景色"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},titleFontSize:{value:16,type:"number",label:"标题字体大小",min:12,max:24},centerFontSize:{value:32,type:"number",label:"中心数字大小",min:18,max:48},level1Color:{value:"#F57676",type:"color",label:"一级告警颜色"},level2Color:{value:"#FFA500",type:"color",label:"二级告警颜色"},level3Color:{value:"#fadb14",type:"color",label:"三级告警颜色"},level4Color:{value:"#66B1FF",type:"color",label:"四级告警颜色"},normalColor:{value:"#67C23A",type:"color",label:"运行正常颜色"},linkChannel:{value:"gnss",type:"select",label:"联动频道",options:[{label:"GNSS监测",value:"gnss"},{label:"边坡监测",value:"slope"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"自定义频道名",showWhen:{linkChannel:"custom"}}},K=[{name:"设备1",fv:"alarm_level",fvDeviceName:"",object_id:""}],Q=["object_id","name","fv","fvDeviceName"],X=["mosaic"],Y={useAlias:!1,multiObject:!0,source:"mosaic"},Z=200,ee={DEFAULT:G,OPTIONS:J,DATA:K,PARAMS:Q,SOURCE:X,COMMON:Y,ITEMS:Z},te=l.defineComponent(k(z({},ee),{__name:"alarmLevelChart",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(u){const o=u,i=["一级告警","二级告警","三级告警","四级告警","运行正常"],b=new Map;class j extends P.EChartComponentBase{extractStyles(){var a,s,n,v,f,h,p,_,A,x,O,F,E,M;const e=(a=this.props.conf)==null?void 0:a.options,c=((s=e==null?void 0:e.linkChannel)==null?void 0:s.value)||"gnss",r=((n=e==null?void 0:e.customChannel)==null?void 0:n.value)||"";return{title:((v=e==null?void 0:e.title)==null?void 0:v.value)||"预警等级",bgColor:((f=e==null?void 0:e.bgColor)==null?void 0:f.value)||"#f5f7fa",panelBgColor:((h=e==null?void 0:e.panelBgColor)==null?void 0:h.value)||"#ffffff",textColor:((p=e==null?void 0:e.textColor)==null?void 0:p.value)||"#333333",titleFontSize:((_=e==null?void 0:e.titleFontSize)==null?void 0:_.value)||16,centerFontSize:((A=e==null?void 0:e.centerFontSize)==null?void 0:A.value)||32,level1Color:((x=e==null?void 0:e.level1Color)==null?void 0:x.value)||"#F57676",level2Color:((O=e==null?void 0:e.level2Color)==null?void 0:O.value)||"#FFA500",level3Color:((F=e==null?void 0:e.level3Color)==null?void 0:F.value)||"#fadb14",level4Color:((E=e==null?void 0:e.level4Color)==null?void 0:E.value)||"#66B1FF",normalColor:((M=e==null?void 0:e.normalColor)==null?void 0:M.value)||"#67C23A",linkChannel:c==="custom"&&r?r:c}}getChartOption(){return C(this.Style.value)}setHistoryData(e){var r;if(!e||!this.chartObj)return;const c=((r=this.props.conf)==null?void 0:r.data)||[];!Array.isArray(c)||!c.length||(c.forEach((a,s)=>{if(!a.fv)return;const n=Array.isArray(e)?e[s]:null,v=Array.isArray(n)&&n.length?n[0]:null;if(!v)return;const f=v[a.fv];if(f==null)return;const h=Math.min(Math.max(typeof f=="number"?Math.round(f):Math.round(parseFloat(String(f)))||0,0),4),p=a.object_id||a.name||"";p&&b.set(p,h)}),this.chartObj.setOption(C(this.Style.value),!0))}setSocketData(e){var r;if(!e)return;(((r=this.props.conf)==null?void 0:r.data)||[]).forEach(a=>{if(!a.fv)return;const s=a.object_id||a.name||"";if(!s)return;const n=this.extractDataValue(e,a.fv);if(n!=null){const v=typeof n=="number"?Math.min(Math.max(Math.round(n),0),4):4;b.set(s,v)}}),this.chartObj&&this.chartObj.setOption(C(this.Style.value),!0)}onLinkEvent(e){}}const m=new j(o,"alarmLevelChart");m.setupLifecycle();const d=m.getStyle(),D=m.getEchartId(),y=l.computed(()=>{var t;return((t=o.conf)==null?void 0:t.data)||[]}),g=l.computed(()=>{const t=[0,0,0,0,0];return y.value.length===0&&o.mode==="edit"?[2,5,5,4,7]:(y.value.forEach(e=>{const c=e.object_id||e.name||"",r=b.get(c),a=typeof r=="number"?r:4;t[a]++}),t)}),T=l.computed(()=>{const t=g.value;for(let e=0;e<5;e++)if(t[e]>0)return{idx:e,count:t[e],name:i[e]};return{idx:4,count:0,name:"运行正常"}}),B=l.computed(()=>({backgroundColor:d.value.bgColor})),C=t=>{const e=g.value,c=[t.level1Color,t.level2Color,t.level3Color,t.level4Color,t.normalColor],r=T.value,a=c[r.idx];return{backgroundColor:"transparent",tooltip:{trigger:"item",formatter:"{b}: {c} ({d}%)"},legend:{orient:"vertical",right:"5%",top:"middle",itemWidth:10,itemHeight:10,itemGap:14,textStyle:{fontSize:13,color:t.textColor},formatter:s=>{const n=i.indexOf(s);return`${s}  ${n>=0?e[n]:0}`}},series:[{type:"pie",radius:["48%","70%"],center:["30%","50%"],avoidLabelOverlap:!1,label:{show:!0,position:"center",formatter:()=>`{num|${r.count}}
+{txt|${r.name}}`,rich:{num:{fontSize:t.centerFontSize,fontWeight:"bold",color:a,lineHeight:t.centerFontSize+10},txt:{fontSize:13,color:"#999",lineHeight:22}}},labelLine:{show:!1},itemStyle:{borderRadius:4,borderColor:"#fff",borderWidth:2},data:i.map((s,n)=>({value:e[n],name:s,itemStyle:{color:c[n]}}))}]}},S=()=>{const t=m.getChartInstance();t&&t.setOption(C(d.value),!0)};return l.onMounted(()=>{o.mode==="edit"&&S(),setTimeout(()=>{var t;return(t=m.getChartInstance())==null?void 0:t.resize()},200)}),l.watch(()=>o.conf,()=>{o.mode==="edit"&&S()},{deep:!0}),(t,e)=>(l.openBlock(),l.createElementBlock("div",{class:"alarm-level-chart",style:l.normalizeStyle(B.value)},[l.createElementVNode("div",U,[e[0]||(e[0]=l.createElementVNode("span",{class:"indicator-dot"},null,-1)),l.createElementVNode("span",{class:"panel-title",style:l.normalizeStyle({color:l.unref(d).textColor,fontSize:l.unref(d).titleFontSize+"px"})},l.toDisplayString(l.unref(d).title),5)]),l.createElementVNode("div",{id:l.unref(D),class:"chart-container"},null,8,W),l.renderSlot(t.$slots,"default",{},void 0,!0)],4))}})),le=H._export_sfc(te,[["__scopeId","data-v-a4efd6a7"]]);exports.default=le;

package/dist/{alarmLevelChart-DddN1NVy.js → alarmLevelChart-DdSw2s7W.js}

@@ -1,27 +1,47 @@
 var $ = Object.defineProperty, H = Object.defineProperties;
 var W = Object.getOwnPropertyDescriptors;
 var I = Object.getOwnPropertySymbols;
-var U = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
+var P = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
 var N = (c, l, n) => l in c ? $(c, l, { enumerable: !0, configurable: !0, writable: !0, value: n }) : c[l] = n, D = (c, l) => {
   for (var n in l || (l = {}))
-    U.call(l, n) && N(c, n, l[n]);
+    P.call(l, n) && N(c, n, l[n]);
   if (I)
     for (var n of I(l))
-      V.call(l, n) && N(c, n, l[n]);
+      U.call(l, n) && N(c, n, l[n]);
   return c;
-}, j = (c, l) => H(c, W(l));
-import { defineComponent as G, computed as C, onMounted as P, watch as q, openBlock as J, createElementBlock as K, normalizeStyle as L, createElementVNode as b, unref as y, toDisplayString as Q, renderSlot as X } from "vue";
+}, L = (c, l) => H(c, W(l));
+import { defineComponent as V, computed as C, onMounted as G, watch as q, openBlock as J, createElementBlock as K, normalizeStyle as j, createElementVNode as b, unref as y, toDisplayString as Q, renderSlot as X } from "vue";
 import "html2canvas";
-import { _ as Y } from "./index-Bdq33405.js";
-import { E as Z } from "./EChartComponentBase-CAabYXSj.js";
+import { _ as Y } from "./index-DwPJu6XM.js";
+import "element-plus";
+import { E as Z } from "./EChartComponentBase-cFfawl6h.js";
 import { A as ee, D as te } from "./ele-lin-icon-Dax-ZiWV.js";
-const le = { class: "panel-header" }, oe = ["id"], ae = { DEFAULT_ICON: te, ACTIVE_ICON: ee, NAME_CN: "预警等级", NAME_EN: "Alarm Level Chart", ORDER: 12 }, re = {
+const le = { class: "panel-header" }, oe = ["id"], ae = {
+  DEFAULT_ICON: te,
+  ACTIVE_ICON: ee,
+  NAME_CN: "预警等级",
+  NAME_EN: "Alarm Level Chart",
+  ORDER: 12,
+  PLATFORM: ["pc", "screen"]
+}, re = {
   title: { value: "预警等级", type: "string", label: "标题" },
   bgColor: { value: "#f5f7fa", type: "color", label: "setting.bgColor" },
   panelBgColor: { value: "#ffffff", type: "color", label: "面板背景色" },
   textColor: { value: "#333333", type: "color", label: "setting.textColor" },
-  titleFontSize: { value: 16, type: "number", label: "标题字体大小", min: 12, max: 24 },
-  centerFontSize: { value: 32, type: "number", label: "中心数字大小", min: 18, max: 48 },
+  titleFontSize: {
+    value: 16,
+    type: "number",
+    label: "标题字体大小",
+    min: 12,
+    max: 24
+  },
+  centerFontSize: {
+    value: 32,
+    type: "number",
+    label: "中心数字大小",
+    min: 18,
+    max: 48
+  },
   level1Color: { value: "#F57676", type: "color", label: "一级告警颜色" },
   level2Color: { value: "#FFA500", type: "color", label: "二级告警颜色" },
   level3Color: { value: "#fadb14", type: "color", label: "三级告警颜色" },
@@ -37,10 +57,15 @@ const le = { class: "panel-header" }, oe = ["id"], ae = { DEFAULT_ICON: te, ACTI
       { label: "自定义", value: "custom" }
     ]
   },
-  customChannel: { value: "", type: "string", label: "自定义频道名", showWhen: { linkChannel: "custom" } }
+  customChannel: {
+    value: "",
+    type: "string",
+    label: "自定义频道名",
+    showWhen: { linkChannel: "custom" }
+  }
 }, ne = [
   { name: "设备1", fv: "alarm_level", fvDeviceName: "", object_id: "" }
-], ie = ["object_id", "name", "fv", "fvDeviceName"], se = ["mosaic"], ce = { useAlias: !1, multiObject: !0, source: "mosaic" }, ue = 200, ve = { DEFAULT: ae, OPTIONS: re, DATA: ne, PARAMS: ie, SOURCE: se, COMMON: ce, ITEMS: ue }, fe = /* @__PURE__ */ G(j(D({}, ve), {
+], ie = ["object_id", "name", "fv", "fvDeviceName"], se = ["mosaic"], ce = { useAlias: !1, multiObject: !0, source: "mosaic" }, ue = 200, ve = { DEFAULT: ae, OPTIONS: re, DATA: ne, PARAMS: ie, SOURCE: se, COMMON: ce, ITEMS: ue }, fe = /* @__PURE__ */ V(L(D({}, ve), {
   __name: "alarmLevelChart",
   props: {
     conf: { type: Object, default: () => ({}) },
@@ -106,7 +131,7 @@ const le = { class: "panel-header" }, oe = ["id"], ae = { DEFAULT_ICON: te, ACTI
     }
     const f = new B(l, "alarmLevelChart");
     f.setupLifecycle();
-    const m = f.getStyle(), w = f.getEchartId(), S = C(() => {
+    const m = f.getStyle(), T = f.getEchartId(), S = C(() => {
       var t;
       return ((t = l.conf) == null ? void 0 : t.data) || [];
     }), _ = C(() => {
@@ -115,13 +140,19 @@ const le = { class: "panel-header" }, oe = ["id"], ae = { DEFAULT_ICON: te, ACTI
         const i = e.object_id || e.name || "", r = g.get(i), o = typeof r == "number" ? r : 4;
         t[o]++;
       }), t);
-    }), T = C(() => {
+    }), w = C(() => {
       const t = _.value;
       for (let e = 0; e < 5; e++)
         if (t[e] > 0) return { idx: e, count: t[e], name: n[e] };
       return { idx: 4, count: 0, name: "运行正常" };
     }), R = C(() => ({ backgroundColor: m.value.bgColor })), d = (t) => {
-      const e = _.value, i = [t.level1Color, t.level2Color, t.level3Color, t.level4Color, t.normalColor], r = T.value, o = i[r.idx];
+      const e = _.value, i = [
+        t.level1Color,
+        t.level2Color,
+        t.level3Color,
+        t.level4Color,
+        t.normalColor
+      ], r = w.value, o = i[r.idx];
       return {
         backgroundColor: "transparent",
         tooltip: { trigger: "item", formatter: "{b}: {c} ({d}%)" },
@@ -138,60 +169,74 @@ const le = { class: "panel-header" }, oe = ["id"], ae = { DEFAULT_ICON: te, ACTI
             return `${s}  ${a >= 0 ? e[a] : 0}`;
           }
         },
-        series: [{
-          type: "pie",
-          radius: ["48%", "70%"],
-          center: ["30%", "50%"],
-          avoidLabelOverlap: !1,
-          label: {
-            show: !0,
-            position: "center",
-            formatter: () => `{num|${r.count}}
+        series: [
+          {
+            type: "pie",
+            radius: ["48%", "70%"],
+            center: ["30%", "50%"],
+            avoidLabelOverlap: !1,
+            label: {
+              show: !0,
+              position: "center",
+              formatter: () => `{num|${r.count}}
 {txt|${r.name}}`,
-            rich: {
-              num: { fontSize: t.centerFontSize, fontWeight: "bold", color: o, lineHeight: t.centerFontSize + 10 },
-              txt: { fontSize: 13, color: "#999", lineHeight: 22 }
-            }
-          },
-          labelLine: { show: !1 },
-          itemStyle: { borderRadius: 4, borderColor: "#fff", borderWidth: 2 },
-          data: n.map((s, a) => ({
-            value: e[a],
-            name: s,
-            itemStyle: { color: i[a] }
-          }))
-        }]
+              rich: {
+                num: {
+                  fontSize: t.centerFontSize,
+                  fontWeight: "bold",
+                  color: o,
+                  lineHeight: t.centerFontSize + 10
+                },
+                txt: { fontSize: 13, color: "#999", lineHeight: 22 }
+              }
+            },
+            labelLine: { show: !1 },
+            itemStyle: { borderRadius: 4, borderColor: "#fff", borderWidth: 2 },
+            data: n.map((s, a) => ({
+              value: e[a],
+              name: s,
+              itemStyle: { color: i[a] }
+            }))
+          }
+        ]
       };
     }, x = () => {
       const t = f.getChartInstance();
       t && t.setOption(d(m.value), !0);
     };
-    return P(() => {
+    return G(() => {
       l.mode === "edit" && x(), setTimeout(() => {
         var t;
         return (t = f.getChartInstance()) == null ? void 0 : t.resize();
       }, 200);
-    }), q(() => l.conf, () => {
-      l.mode === "edit" && x();
-    }, { deep: !0 }), (t, e) => (J(), K("div", {
+    }), q(
+      () => l.conf,
+      () => {
+        l.mode === "edit" && x();
+      },
+      { deep: !0 }
+    ), (t, e) => (J(), K("div", {
       class: "alarm-level-chart",
-      style: L(R.value)
+      style: j(R.value)
     }, [
       b("div", le, [
         e[0] || (e[0] = b("span", { class: "indicator-dot" }, null, -1)),
         b("span", {
           class: "panel-title",
-          style: L({ color: y(m).textColor, fontSize: y(m).titleFontSize + "px" })
+          style: j({
+            color: y(m).textColor,
+            fontSize: y(m).titleFontSize + "px"
+          })
         }, Q(y(m).title), 5)
       ]),
       b("div", {
-        id: y(w),
+        id: y(T),
         class: "chart-container"
       }, null, 8, oe),
       X(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-})), ye = /* @__PURE__ */ Y(fe, [["__scopeId", "data-v-94637132"]]);
+})), ge = /* @__PURE__ */ Y(fe, [["__scopeId", "data-v-a4efd6a7"]]);
 export {
-  ye as default
+  ge as default
 };