mixdashboards 1.0.63 → 1.0.64

package/dist/{actionItem-D4LDZBvV.cjs → actionItem-DXdai7C5.cjs}

@@ -1 +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-BnjhESBy.cjs"),ee=require("./BaseComponent-CejNXSU0.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},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]),R(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,()=>j(r,u,m,f))}}});function j(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 R(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-0174b7e7"]]);exports.default=_e;
+"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-BltWf8EI.cjs"),ee=require("./BaseComponent-BOAc8nMe.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},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]),R(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,()=>j(r,u,m,f))}}});function j(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 R(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-0174b7e7"]]);exports.default=_e;

package/dist/alarmLevelChart-BcjqAWK7.js

@@ -0,0 +1,197 @@
+var $ = Object.defineProperty, H = Object.defineProperties;
+var W = Object.getOwnPropertyDescriptors;
+var I = Object.getOwnPropertySymbols;
+var U = Object.prototype.hasOwnProperty, V = 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]);
+  if (I)
+    for (var n of I(l))
+      V.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";
+import "html2canvas";
+import { _ as Y } from "./index-B2Q_NM05.js";
+import { E as Z } from "./EChartComponentBase-DBduHOiZ.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 = {
+  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" } }
+}, 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), {
+  __name: "alarmLevelChart",
+  props: {
+    conf: { type: Object, default: () => ({}) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(c) {
+    const l = c, n = ["一级告警", "二级告警", "三级告警", "四级告警", "运行正常"], g = /* @__PURE__ */ new Map();
+    class B extends Z {
+      extractStyles() {
+        var o, s, a, u, v, h, p, A, F, O, M, E, z, k;
+        const e = (o = this.props.conf) == null ? void 0 : o.options, i = ((s = e == null ? void 0 : e.linkChannel) == null ? void 0 : s.value) || "gnss", r = ((a = e == null ? void 0 : e.customChannel) == null ? void 0 : a.value) || "";
+        return {
+          title: ((u = e == null ? void 0 : e.title) == null ? void 0 : u.value) || "预警等级",
+          bgColor: ((v = e == null ? void 0 : e.bgColor) == null ? void 0 : v.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: ((A = e == null ? void 0 : e.titleFontSize) == null ? void 0 : A.value) || 16,
+          centerFontSize: ((F = e == null ? void 0 : e.centerFontSize) == null ? void 0 : F.value) || 32,
+          level1Color: ((O = e == null ? void 0 : e.level1Color) == null ? void 0 : O.value) || "#F57676",
+          level2Color: ((M = e == null ? void 0 : e.level2Color) == null ? void 0 : M.value) || "#FFA500",
+          level3Color: ((E = e == null ? void 0 : e.level3Color) == null ? void 0 : E.value) || "#fadb14",
+          level4Color: ((z = e == null ? void 0 : e.level4Color) == null ? void 0 : z.value) || "#66B1FF",
+          normalColor: ((k = e == null ? void 0 : e.normalColor) == null ? void 0 : k.value) || "#67C23A",
+          linkChannel: i === "custom" && r ? r : i
+        };
+      }
+      getChartOption() {
+        return d(this.Style.value);
+      }
+      // 重写 setHistoryData：把基类拉到的"最新一条" mosaic 数据填入 deviceAlarmMap，初次挂载即可显示真实告警分布
+      setHistoryData(e) {
+        var r;
+        if (!e || !this.chartObj) return;
+        const i = ((r = this.props.conf) == null ? void 0 : r.data) || [];
+        !Array.isArray(i) || !i.length || (i.forEach((o, s) => {
+          if (!o.fv) return;
+          const a = Array.isArray(e) ? e[s] : null, u = Array.isArray(a) && a.length ? a[0] : null;
+          if (!u) return;
+          const v = u[o.fv];
+          if (v == null) return;
+          const h = Math.min(Math.max(typeof v == "number" ? Math.round(v) : Math.round(parseFloat(String(v))) || 0, 0), 4), p = o.object_id || o.name || "";
+          p && g.set(p, h);
+        }), this.chartObj.setOption(d(this.Style.value), !0));
+      }
+      setSocketData(e) {
+        var r;
+        if (!e) return;
+        (((r = this.props.conf) == null ? void 0 : r.data) || []).forEach((o) => {
+          if (!o.fv) return;
+          const s = o.object_id || o.name || "";
+          if (!s) return;
+          const a = this.extractDataValue(e, o.fv);
+          if (a != null) {
+            const u = typeof a == "number" ? Math.min(Math.max(Math.round(a), 0), 4) : 4;
+            g.set(s, u);
+          }
+        }), this.chartObj && this.chartObj.setOption(d(this.Style.value), !0);
+      }
+      onLinkEvent(e) {
+      }
+    }
+    const f = new B(l, "alarmLevelChart");
+    f.setupLifecycle();
+    const m = f.getStyle(), w = f.getEchartId(), S = C(() => {
+      var t;
+      return ((t = l.conf) == null ? void 0 : t.data) || [];
+    }), _ = C(() => {
+      const t = [0, 0, 0, 0, 0];
+      return S.value.length === 0 && l.mode === "edit" ? [2, 5, 5, 4, 7] : (S.value.forEach((e) => {
+        const i = e.object_id || e.name || "", r = g.get(i), o = typeof r == "number" ? r : 4;
+        t[o]++;
+      }), t);
+    }), T = 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];
+      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 a = n.indexOf(s);
+            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}}
+{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] }
+          }))
+        }]
+      };
+    }, x = () => {
+      const t = f.getChartInstance();
+      t && t.setOption(d(m.value), !0);
+    };
+    return P(() => {
+      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", {
+      class: "alarm-level-chart",
+      style: L(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" })
+        }, Q(y(m).title), 5)
+      ]),
+      b("div", {
+        id: y(w),
+        class: "chart-container"
+      }, null, 8, oe),
+      X(t.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), ye = /* @__PURE__ */ Y(fe, [["__scopeId", "data-v-94637132"]]);
+export {
+  ye as default
+};

package/dist/alarmLevelChart-CYgVVw6e.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-BltWf8EI.cjs"),U=require("./EChartComponentBase-VV6rFCJr.cjs"),L=require("./ele-lin-icon-Dke_1AmT.cjs"),W={class:"panel-header"},P=["id"],G={DEFAULT_ICON:L.DEFAULT_ICON,ACTIVE_ICON:L.ACTIVE_ICON,NAME_CN:"预警等级",NAME_EN:"Alarm Level Chart",ORDER:12},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 U.EChartComponentBase{extractStyles(){var a,s,n,v,f,h,p,_,x,A,O,E,F,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:((x=e==null?void 0:e.centerFontSize)==null?void 0:x.value)||32,level1Color:((A=e==null?void 0:e.level1Color)==null?void 0:A.value)||"#F57676",level2Color:((O=e==null?void 0:e.level2Color)==null?void 0:O.value)||"#FFA500",level3Color:((E=e==null?void 0:e.level3Color)==null?void 0:E.value)||"#fadb14",level4Color:((F=e==null?void 0:e.level4Color)==null?void 0:F.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",W,[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,P),l.renderSlot(t.$slots,"default",{},void 0,!0)],4))}})),le=H._export_sfc(te,[["__scopeId","data-v-94637132"]]);exports.default=le;

package/dist/{alertTable-DKKHgjKp.cjs → alertTable-BWlnKfzM.cjs}

@@ -1 +1 @@
-"use strict";var R=Object.defineProperty,q=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var L=(i,o,s)=>o in i?R(i,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[o]=s,S=(i,o)=>{for(var s in o||(o={}))G.call(o,s)&&L(i,s,o[s]);if(I)for(var s of I(o))$.call(o,s)&&L(i,s,o[s]);return i},B=(i,o)=>q(i,U(o));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue");require("html2canvas");const W=require("./BaseComponent-CejNXSU0.cjs"),H=require("./index-BnjhESBy.cjs"),F=require("./ele-lst-icon-CrxnHZ-A.cjs"),J={class:"panel-header"},K={class:"header-left"},Q={class:"header-title"},X={class:"header-right"},Y=["disabled"],Z={class:"page-info"},ee=["disabled"],le={class:"table-area"},te={class:"data-table"},ae=["onClick"],ne={DEFAULT_ICON:F.DEFAULT_ICON,ACTIVE_ICON:F.ACTIVE_ICON,NAME_CN:"监测预警表格",NAME_EN:"Alert Table",ORDER:2},re={title:{value:"监测预警 (GNSS)",type:"string",label:"component.alertTable.title"},bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},headerBgColor:{value:"#f5f5f5",type:"color",label:"component.alertTable.headerBgColor"},pageSize:{value:5,type:"number",label:"component.alertTable.pageSize",min:3,max:20},alertColumn:{value:"speed",type:"string",label:"告警判定列(key)"},alertLevels:{value:[{name:"正常",minValue:0,maxValue:5,color:"#52c41a"},{name:"二级告警 (警告)",minValue:5,maxValue:10,color:"#faad14"},{name:"一级告警 (危险)",minValue:10,maxValue:999,color:"#ff4d4f"}],type:"alertLevels",label:"component.alertTable.alertLevels"},columns:{value:[{key:"area",label:"区域",width:"80px",useFv:!0},{key:"deviceId",label:"编号",width:"100px",useFv:!0},{key:"elevation",label:"标高",width:"80px",useFv:!0},{key:"speed",label:"速度",width:"80px",useFv:!0},{key:"threshold",label:"阈值",width:"60px",useFv:!1}],type:"columns",label:"component.alertTable.columns"},linkChannel:{value:"gnss",type:"select",label:"联动频道",options:[{label:"GNSS监测",value:"gnss"},{label:"边坡监测",value:"slope"},{label:"设备联动",value:"device"},{label:"告警联动",value:"alarm"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"自定义频道名",showWhen:{linkChannel:"custom"}}},oe=[{object_id:"",threshold:"8"}],ce=["object_id","threshold"],se=["mosaic","statistics"],ue={useAlias:!1,multiObject:!0,source:"mosaic"},de={DEFAULT:ne,OPTIONS:re,DATA:oe,PARAMS:ce,SOURCE:se,COMMON:ue},ie=l.defineComponent(B(S({},de),{__name:"alertTable",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 s extends W.BaseComponent{extractStyles(){var f,h,u,b,d,g,V,N,T,A;const{options:e}=this.props.conf,a=[{key:"area",label:"区域",width:"80px",useFv:!0},{key:"deviceId",label:"编号",width:"100px",useFv:!0},{key:"elevation",label:"标高",width:"80px",useFv:!0},{key:"speed",label:"速度",width:"80px",useFv:!0},{key:"threshold",label:"阈值",width:"60px",useFv:!1}],r=[{name:"正常",minValue:0,maxValue:5,color:"#52c41a"},{name:"二级告警 (警告)",minValue:5,maxValue:10,color:"#faad14"},{name:"一级告警 (危险)",minValue:10,maxValue:999,color:"#ff4d4f"}],n=((f=e==null?void 0:e.linkChannel)==null?void 0:f.value)||"gnss",v=((h=e==null?void 0:e.customChannel)==null?void 0:h.value)||"",p=n==="custom"&&v?v:n;return{title:((u=e==null?void 0:e.title)==null?void 0:u.value)||"监测预警 (GNSS)",bgColor:((b=e==null?void 0:e.bgColor)==null?void 0:b.value)||"#ffffff",textColor:((d=e==null?void 0:e.textColor)==null?void 0:d.value)||"#333333",headerBgColor:((g=e==null?void 0:e.headerBgColor)==null?void 0:g.value)||"#f5f5f5",pageSize:((V=e==null?void 0:e.pageSize)==null?void 0:V.value)||5,alertColumn:((N=e==null?void 0:e.alertColumn)==null?void 0:N.value)||"speed",alertLevels:((T=e==null?void 0:e.alertLevels)==null?void 0:T.value)||r,columns:((A=e==null?void 0:e.columns)==null?void 0:A.value)||a,linkChannel:p}}setSocketData(e){var f,h;if(!e)return;const{data:a,options:r}=this.props.conf;if(!a||!Array.isArray(a))return;const v=(((f=r==null?void 0:r.columns)==null?void 0:f.value)||[]).filter(u=>u.useFv).map(u=>u.key);if(v.length===0)return;const p=e.object_id||((h=e.data)==null?void 0:h.object_id)||"";a.forEach(u=>{u.object_id&&(p&&String(u.object_id)!==String(p)||v.forEach(b=>{try{const d=this.extractDataValue(e,b);d!=null&&(u[b]=d)}catch(d){console.warn(`[alertTable] 提取字段 ${b} 失败:`,d)}}))})}}const y=new s(o,"alertTable");y.setupLifecycle();const c=y.getStyle(),m=l.ref(1),x=l.ref(!1),j=t=>{const e=c.value.linkChannel,a=y.linkStore.channels[e];if(!a)return!1;const{payload:r}=a;return r.objectId&&t.object_id?String(r.objectId)===String(t.object_id):r.deviceId&&t.deviceId?String(r.deviceId)===String(t.deviceId):!1},C=l.computed(()=>{const t=c.value.columns||[];return[{key:"index",label:"序号",width:"60px"},...t]}),D=t=>{const e=c.value.alertLevels||[];if(isNaN(t)||e.length===0)return{alertLevel:0,alertText:"正常",alertColor:"#52c41a"};for(let r=0;r<e.length;r++){const n=e[r];if(t>=n.minValue&&t<n.maxValue)return{alertLevel:r,alertText:n.name,alertColor:n.color}}const a=e[e.length-1];return{alertLevel:e.length-1,alertText:a.name,alertColor:a.color}},k=l.computed(()=>{var r;const t=((r=o.conf)==null?void 0:r.data)||[],e=c.value.alertColumn||"";return(o.mode==="preview"?t.filter(n=>n.object_id):t).map((n,v)=>{const p=e&&parseFloat(n[e])||0,{alertLevel:f,alertText:h,alertColor:u}=D(p),b={index:v+1,object_id:n.object_id||"",isAlert:f>0,alertLevel:f,alertText:h,alertColor:u,_exceed:p-(parseFloat(n.threshold)||0)};return C.value.forEach(d=>{var g;d.key!=="index"&&(b[d.key]=(g=n[d.key])!=null?g:"-")}),b}).sort((n,v)=>v._exceed-n._exceed).map((n,v)=>(n.index=v+1,n))}),w=t=>t.alertColor?{color:t.alertColor}:{},_=l.computed(()=>Math.max(1,Math.ceil(k.value.length/c.value.pageSize))),O=l.computed(()=>{const t=(m.value-1)*c.value.pageSize,e=t+c.value.pageSize;return k.value.slice(t,e)}),z=l.computed(()=>({backgroundColor:c.value.bgColor,color:c.value.textColor,"--header-bg":c.value.headerBgColor})),M=()=>{m.value>1&&m.value--},P=()=>{m.value<_.value&&m.value++},E=t=>{o.mode!=="edit"&&y.publish(S({objectId:t.object_id,deviceId:t.deviceId||"",alertLevels:c.value.alertLevels},t))};return l.watch(()=>o.conf,()=>{m.value=1},{deep:!0}),l.watch(k,t=>{if(x.value||o.mode!=="preview"||!t||t.length===0)return;const e=t[0],a=c.value.alertColumn||"";!a||e[a]==="-"||e[a]===void 0||(x.value=!0,E(e))}),(t,e)=>(l.openBlock(),l.createElementBlock("div",{class:"alert-table-wrapper",style:l.normalizeStyle(z.value)},[l.createElementVNode("div",J,[l.createElementVNode("div",K,[e[0]||(e[0]=l.createElementVNode("div",{class:"header-indicator"},null,-1)),l.createElementVNode("span",Q,l.toDisplayString(l.unref(c).title),1)]),l.createElementVNode("div",X,[l.createElementVNode("button",{class:"page-btn",disabled:m.value<=1,onClick:M},[...e[1]||(e[1]=[l.createElementVNode("span",null,"<",-1)])],8,Y),l.createElementVNode("span",Z,l.toDisplayString(m.value)+" / "+l.toDisplayString(_.value),1),l.createElementVNode("button",{class:"page-btn",disabled:m.value>=_.value,onClick:P},[...e[2]||(e[2]=[l.createElementVNode("span",null,">",-1)])],8,ee)])]),l.createElementVNode("div",le,[l.createElementVNode("table",te,[l.createElementVNode("thead",null,[l.createElementVNode("tr",null,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(C.value,a=>(l.openBlock(),l.createElementBlock("th",{key:a.key,style:l.normalizeStyle({width:a.width})},l.toDisplayString(a.label),5))),128))])]),l.createElementVNode("tbody",null,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(O.value,(a,r)=>(l.openBlock(),l.createElementBlock("tr",{key:r,class:l.normalizeClass({"alert-row":a.isAlert,"active-row":j(a)}),onClick:n=>E(a)},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(C.value,n=>(l.openBlock(),l.createElementBlock("td",{key:n.key,style:l.normalizeStyle(w(a))},l.toDisplayString(a[n.key]),5))),128))],10,ae))),128))])])]),l.renderSlot(t.$slots,"default",{},void 0,!0)],4))}})),ve=H._export_sfc(ie,[["__scopeId","data-v-5507d389"]]);exports.default=ve;
+"use strict";var R=Object.defineProperty,q=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var L=(i,o,s)=>o in i?R(i,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[o]=s,S=(i,o)=>{for(var s in o||(o={}))G.call(o,s)&&L(i,s,o[s]);if(I)for(var s of I(o))$.call(o,s)&&L(i,s,o[s]);return i},B=(i,o)=>q(i,U(o));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue");require("html2canvas");const W=require("./BaseComponent-BOAc8nMe.cjs"),H=require("./index-BltWf8EI.cjs"),F=require("./ele-lst-icon-CrxnHZ-A.cjs"),J={class:"panel-header"},K={class:"header-left"},Q={class:"header-title"},X={class:"header-right"},Y=["disabled"],Z={class:"page-info"},ee=["disabled"],le={class:"table-area"},te={class:"data-table"},ae=["onClick"],ne={DEFAULT_ICON:F.DEFAULT_ICON,ACTIVE_ICON:F.ACTIVE_ICON,NAME_CN:"监测预警表格",NAME_EN:"Alert Table",ORDER:2},re={title:{value:"监测预警 (GNSS)",type:"string",label:"component.alertTable.title"},bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},headerBgColor:{value:"#f5f5f5",type:"color",label:"component.alertTable.headerBgColor"},pageSize:{value:5,type:"number",label:"component.alertTable.pageSize",min:3,max:20},alertColumn:{value:"speed",type:"string",label:"告警判定列(key)"},alertLevels:{value:[{name:"正常",minValue:0,maxValue:5,color:"#52c41a"},{name:"二级告警 (警告)",minValue:5,maxValue:10,color:"#faad14"},{name:"一级告警 (危险)",minValue:10,maxValue:999,color:"#ff4d4f"}],type:"alertLevels",label:"component.alertTable.alertLevels"},columns:{value:[{key:"area",label:"区域",width:"80px",useFv:!0},{key:"deviceId",label:"编号",width:"100px",useFv:!0},{key:"elevation",label:"标高",width:"80px",useFv:!0},{key:"speed",label:"速度",width:"80px",useFv:!0},{key:"threshold",label:"阈值",width:"60px",useFv:!1}],type:"columns",label:"component.alertTable.columns"},linkChannel:{value:"gnss",type:"select",label:"联动频道",options:[{label:"GNSS监测",value:"gnss"},{label:"边坡监测",value:"slope"},{label:"设备联动",value:"device"},{label:"告警联动",value:"alarm"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"自定义频道名",showWhen:{linkChannel:"custom"}}},oe=[{object_id:"",threshold:"8"}],ce=["object_id","threshold"],se=["mosaic","statistics"],ue={useAlias:!1,multiObject:!0,source:"mosaic"},de={DEFAULT:ne,OPTIONS:re,DATA:oe,PARAMS:ce,SOURCE:se,COMMON:ue},ie=l.defineComponent(B(S({},de),{__name:"alertTable",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 s extends W.BaseComponent{extractStyles(){var f,h,u,b,d,g,V,N,T,A;const{options:e}=this.props.conf,a=[{key:"area",label:"区域",width:"80px",useFv:!0},{key:"deviceId",label:"编号",width:"100px",useFv:!0},{key:"elevation",label:"标高",width:"80px",useFv:!0},{key:"speed",label:"速度",width:"80px",useFv:!0},{key:"threshold",label:"阈值",width:"60px",useFv:!1}],r=[{name:"正常",minValue:0,maxValue:5,color:"#52c41a"},{name:"二级告警 (警告)",minValue:5,maxValue:10,color:"#faad14"},{name:"一级告警 (危险)",minValue:10,maxValue:999,color:"#ff4d4f"}],n=((f=e==null?void 0:e.linkChannel)==null?void 0:f.value)||"gnss",v=((h=e==null?void 0:e.customChannel)==null?void 0:h.value)||"",p=n==="custom"&&v?v:n;return{title:((u=e==null?void 0:e.title)==null?void 0:u.value)||"监测预警 (GNSS)",bgColor:((b=e==null?void 0:e.bgColor)==null?void 0:b.value)||"#ffffff",textColor:((d=e==null?void 0:e.textColor)==null?void 0:d.value)||"#333333",headerBgColor:((g=e==null?void 0:e.headerBgColor)==null?void 0:g.value)||"#f5f5f5",pageSize:((V=e==null?void 0:e.pageSize)==null?void 0:V.value)||5,alertColumn:((N=e==null?void 0:e.alertColumn)==null?void 0:N.value)||"speed",alertLevels:((T=e==null?void 0:e.alertLevels)==null?void 0:T.value)||r,columns:((A=e==null?void 0:e.columns)==null?void 0:A.value)||a,linkChannel:p}}setSocketData(e){var f,h;if(!e)return;const{data:a,options:r}=this.props.conf;if(!a||!Array.isArray(a))return;const v=(((f=r==null?void 0:r.columns)==null?void 0:f.value)||[]).filter(u=>u.useFv).map(u=>u.key);if(v.length===0)return;const p=e.object_id||((h=e.data)==null?void 0:h.object_id)||"";a.forEach(u=>{u.object_id&&(p&&String(u.object_id)!==String(p)||v.forEach(b=>{try{const d=this.extractDataValue(e,b);d!=null&&(u[b]=d)}catch(d){console.warn(`[alertTable] 提取字段 ${b} 失败:`,d)}}))})}}const y=new s(o,"alertTable");y.setupLifecycle();const c=y.getStyle(),m=l.ref(1),x=l.ref(!1),j=t=>{const e=c.value.linkChannel,a=y.linkStore.channels[e];if(!a)return!1;const{payload:r}=a;return r.objectId&&t.object_id?String(r.objectId)===String(t.object_id):r.deviceId&&t.deviceId?String(r.deviceId)===String(t.deviceId):!1},C=l.computed(()=>{const t=c.value.columns||[];return[{key:"index",label:"序号",width:"60px"},...t]}),D=t=>{const e=c.value.alertLevels||[];if(isNaN(t)||e.length===0)return{alertLevel:0,alertText:"正常",alertColor:"#52c41a"};for(let r=0;r<e.length;r++){const n=e[r];if(t>=n.minValue&&t<n.maxValue)return{alertLevel:r,alertText:n.name,alertColor:n.color}}const a=e[e.length-1];return{alertLevel:e.length-1,alertText:a.name,alertColor:a.color}},k=l.computed(()=>{var r;const t=((r=o.conf)==null?void 0:r.data)||[],e=c.value.alertColumn||"";return(o.mode==="preview"?t.filter(n=>n.object_id):t).map((n,v)=>{const p=e&&parseFloat(n[e])||0,{alertLevel:f,alertText:h,alertColor:u}=D(p),b={index:v+1,object_id:n.object_id||"",isAlert:f>0,alertLevel:f,alertText:h,alertColor:u,_exceed:p-(parseFloat(n.threshold)||0)};return C.value.forEach(d=>{var g;d.key!=="index"&&(b[d.key]=(g=n[d.key])!=null?g:"-")}),b}).sort((n,v)=>v._exceed-n._exceed).map((n,v)=>(n.index=v+1,n))}),w=t=>t.alertColor?{color:t.alertColor}:{},_=l.computed(()=>Math.max(1,Math.ceil(k.value.length/c.value.pageSize))),O=l.computed(()=>{const t=(m.value-1)*c.value.pageSize,e=t+c.value.pageSize;return k.value.slice(t,e)}),z=l.computed(()=>({backgroundColor:c.value.bgColor,color:c.value.textColor,"--header-bg":c.value.headerBgColor})),M=()=>{m.value>1&&m.value--},P=()=>{m.value<_.value&&m.value++},E=t=>{o.mode!=="edit"&&y.publish(S({objectId:t.object_id,deviceId:t.deviceId||"",alertLevels:c.value.alertLevels},t))};return l.watch(()=>o.conf,()=>{m.value=1},{deep:!0}),l.watch(k,t=>{if(x.value||o.mode!=="preview"||!t||t.length===0)return;const e=t[0],a=c.value.alertColumn||"";!a||e[a]==="-"||e[a]===void 0||(x.value=!0,E(e))}),(t,e)=>(l.openBlock(),l.createElementBlock("div",{class:"alert-table-wrapper",style:l.normalizeStyle(z.value)},[l.createElementVNode("div",J,[l.createElementVNode("div",K,[e[0]||(e[0]=l.createElementVNode("div",{class:"header-indicator"},null,-1)),l.createElementVNode("span",Q,l.toDisplayString(l.unref(c).title),1)]),l.createElementVNode("div",X,[l.createElementVNode("button",{class:"page-btn",disabled:m.value<=1,onClick:M},[...e[1]||(e[1]=[l.createElementVNode("span",null,"<",-1)])],8,Y),l.createElementVNode("span",Z,l.toDisplayString(m.value)+" / "+l.toDisplayString(_.value),1),l.createElementVNode("button",{class:"page-btn",disabled:m.value>=_.value,onClick:P},[...e[2]||(e[2]=[l.createElementVNode("span",null,">",-1)])],8,ee)])]),l.createElementVNode("div",le,[l.createElementVNode("table",te,[l.createElementVNode("thead",null,[l.createElementVNode("tr",null,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(C.value,a=>(l.openBlock(),l.createElementBlock("th",{key:a.key,style:l.normalizeStyle({width:a.width})},l.toDisplayString(a.label),5))),128))])]),l.createElementVNode("tbody",null,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(O.value,(a,r)=>(l.openBlock(),l.createElementBlock("tr",{key:r,class:l.normalizeClass({"alert-row":a.isAlert,"active-row":j(a)}),onClick:n=>E(a)},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(C.value,n=>(l.openBlock(),l.createElementBlock("td",{key:n.key,style:l.normalizeStyle(w(a))},l.toDisplayString(a[n.key]),5))),128))],10,ae))),128))])])]),l.renderSlot(t.$slots,"default",{},void 0,!0)],4))}})),ve=H._export_sfc(ie,[["__scopeId","data-v-5507d389"]]);exports.default=ve;

package/dist/{alertTable-2cj4O_Jo.js → alertTable-N3KFlO6Q.js}

@@ -12,8 +12,8 @@ var B = (d, n, u) => n in d ? K(d, n, { enumerable: !0, configurable: !0, writab
 }, M = (d, n) => Q(d, X(n));
 import { defineComponent as ee, ref as P, computed as _, watch as R, openBlock as g, createElementBlock as C, normalizeStyle as j, createElementVNode as o, toDisplayString as x, unref as le, Fragment as I, renderList as L, normalizeClass as te, renderSlot as ae } from "vue";
 import "html2canvas";
-import { B as re } from "./BaseComponent-DcLE2sbI.js";
-import { _ as ne } from "./index-BxNHPfre.js";
+import { B as re } from "./BaseComponent-CBE102mY.js";
+import { _ as ne } from "./index-B2Q_NM05.js";
 import { A as oe, D as se } from "./ele-lst-icon-CKpeRKmk.js";
 const ue = { class: "panel-header" }, ce = { class: "header-left" }, ie = { class: "header-title" }, de = { class: "header-right" }, ve = ["disabled"], fe = { class: "page-info" }, me = ["disabled"], be = { class: "table-area" }, he = { class: "data-table" }, pe = ["onClick"], ge = {
   DEFAULT_ICON: se,

package/dist/{aliasObjectSelectorDemo-D0wtrfzR.cjs → aliasObjectSelectorDemo-CDQ4-nBI.cjs}

@@ -1 +1 @@
-"use strict";var M=Object.defineProperty,q=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var V=(c,n,r)=>n in c?M(c,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[n]=r,S=(c,n)=>{for(var r in n||(n={}))R.call(n,r)&&V(c,r,n[r]);if(N)for(var r of N(n))z.call(n,r)&&V(c,r,n[r]);return c},E=(c,n)=>q(c,L(n));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/table/style/css");require("element-plus/es/components/table-column/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/input/style/css");const e=require("vue"),v=require("./index-BnjhESBy.cjs"),j=require("./ele-ctrSet-icon-DCsPO0tL.cjs"),B={class:"section-header"},F={class:"section-title"},U={class:"row"},Y={class:"label"},$={class:"row"},K={class:"row"},H={class:"row row-meta"},J={key:0},W={class:"payload-preview"},G={DEFAULT_ICON:j.DEFAULT_ICON,ACTIVE_ICON:j.ACTIVE_ICON,NAME_CN:"对象别名选择器",NAME_EN:"Alias Object Selector",ORDER:22},Q={bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},borderColor:{value:"#e5e5e5",type:"color",label:"component.options.borderColor"},sectionTitle:{value:"对象别名切换",type:"string",label:"component.openpitConfigPanel.label"},aliasLabel:{value:"别名模式",type:"string",label:"component.openpitConfigPanel.objectSelectInputLabel"},aliasPlaceholder:{value:"例如 radar*",type:"string",label:"component.openpitConfigPanel.objectSelectInputPlaceholder"},linkChannel:{value:"deepDisplacement",type:"select",label:"component.linkChannel",options:[{label:"component.linkChannelOptions.deepDisplacement",value:"deepDisplacement"},{label:"component.linkChannelOptions.gnss",value:"gnss"},{label:"component.linkChannelOptions.slope",value:"slope"},{label:"component.linkChannelOptions.device",value:"device"},{label:"component.linkChannelOptions.alarm",value:"alarm"},{label:"component.linkChannelOptions.custom",value:"custom"}]},customChannel:{value:"",type:"string",label:"component.customChannel",showWhen:{linkChannel:"custom"}}},X=[{key:"objectAlias",multiple:!0,pattern:"radar*",fvs:["disp","speed"]}],Z=[{key:"key",label:"component.openpitConfigPanel.key",type:"string"},{key:"multiple",label:"component.openpitConfigPanel.multiple",type:"switch"},{key:"pattern",label:"component.openpitConfigPanel.optionValue",type:"string"},{key:"fvs",label:"component.openpitConfigPanel.options",type:"array"}],ee=[],te={useAlias:!0,multiObject:!0,source:""},le={DEFAULT:G,OPTIONS:Q,DATA:X,PARAMS:Z,SOURCE:ee,COMMON:te},oe=e.defineComponent(E(S({},le),{__name:"aliasObjectSelectorDemo",props:{conf:{type:Object,default:()=>({})},uid:{type:String,default:""}},setup(c){e.useCssVars(t=>({v9101dfd0:_.value.borderColor,v475ba4b8:_.value.color}));const n=c,r=v.useLinkStore(),d=e.ref("radar*"),m=e.ref("disp,speed"),p=e.ref([]),f=e.ref(""),C=e.ref(""),_=e.computed(()=>{var l,o,a,s;const t=((l=n.conf)==null?void 0:l.options)||{};return{backgroundColor:((o=t==null?void 0:t.bgColor)==null?void 0:o.value)||"#ffffff",color:((a=t==null?void 0:t.textColor)==null?void 0:a.value)||"#333333",borderColor:((s=t==null?void 0:t.borderColor)==null?void 0:s.value)||"#e5e5e5"}}),k=e.computed(()=>{var t,l,o;return String(((o=(l=(t=n.conf)==null?void 0:t.options)==null?void 0:l.sectionTitle)==null?void 0:o.value)||"对象别名切换")}),O=e.computed(()=>{var t,l,o;return String(((o=(l=(t=n.conf)==null?void 0:t.options)==null?void 0:l.aliasLabel)==null?void 0:o.value)||"别名模式")}),A=e.computed(()=>{var t,l,o;return String(((o=(l=(t=n.conf)==null?void 0:t.options)==null?void 0:l.aliasPlaceholder)==null?void 0:o.value)||"例如 radar*")}),P=()=>{var a,s,i;const t=((a=n.conf)==null?void 0:a.options)||{},l=((s=t==null?void 0:t.linkChannel)==null?void 0:s.value)||"deepDisplacement",o=((i=t==null?void 0:t.customChannel)==null?void 0:i.value)||"";return l==="custom"&&o?o:l},w=()=>{try{return JSON.parse(sessionStorage.getItem(v.ALIAS_MAPPING_KEY)||"{}")||{}}catch(t){return{}}},D=t=>String(t||"").split(",").map(l=>l.trim()).filter(Boolean),I=t=>t.replace(/[.+?^${}()|[\]\\]/g,"\\$&"),T=t=>{const l=I(t).replace(/\*/g,".*");return new RegExp(`^${l}$`,"i")},x=()=>{const t=w();return Object.keys(t).map(l=>({object_alias:l,object_id:String(t[l]||"")})).filter(l=>l.object_id)},g=()=>{const t=String(d.value||"").trim();if(!t){p.value=[];return}const l=T(t),o=x();p.value=o.filter(a=>l.test(a.object_alias))},y=()=>{g();const t=p.value.map(i=>i.object_id),l=p.value.map(i=>i.object_alias),o=D(m.value),a=P(),s={source:"aliasObjectSelector",type:"filter",mode:"aliasWildcard",objectAliasPattern:d.value,objectAliases:l,objectIds:t,objectId:t[0]||"",fvs:o,fv:o[0]||"",count:t.length,time:Date.now()};r.publish(a,"aliasObjectSelector",s),f.value=v.dayjs().format("YYYY-MM-DD HH:mm:ss"),C.value=JSON.stringify(s,null,2)};return e.onMounted(()=>{var o,a,s,i,u,h;const t=String(((s=(a=(o=n.conf)==null?void 0:o.data)==null?void 0:a[0])==null?void 0:s.pattern)||"").trim();t&&(d.value=t);const l=(h=(u=(i=n.conf)==null?void 0:i.data)==null?void 0:u[0])==null?void 0:h.fvs;Array.isArray(l)&&l.length&&(m.value=l.join(",")),g()}),(t,l)=>{const o=b.ElInput,a=b.ElButton,s=b.ElTableColumn,i=b.ElTable;return e.openBlock(),e.createElementBlock("div",{class:"alias-demo",style:e.normalizeStyle(_.value)},[e.createElementVNode("div",B,[e.createElementVNode("span",F,e.toDisplayString(k.value),1)]),e.createElementVNode("div",U,[e.createElementVNode("span",Y,e.toDisplayString(O.value),1),e.createVNode(o,{modelValue:d.value,"onUpdate:modelValue":l[0]||(l[0]=u=>d.value=u),placeholder:A.value,size:"small",clearable:"",onKeyup:e.withKeys(y,["enter"])},null,8,["modelValue","placeholder"])]),e.createElementVNode("div",$,[l[2]||(l[2]=e.createElementVNode("span",{class:"label"},"FV",-1)),e.createVNode(o,{modelValue:m.value,"onUpdate:modelValue":l[1]||(l[1]=u=>m.value=u),placeholder:"例如 disp,speed,temp",size:"small",clearable:""},null,8,["modelValue"])]),e.createElementVNode("div",K,[e.createVNode(a,{type:"primary",size:"small",onClick:y},{default:e.withCtx(()=>[...l[3]||(l[3]=[e.createTextVNode("匹配并联动",-1)])]),_:1}),e.createVNode(a,{size:"small",onClick:g},{default:e.withCtx(()=>[...l[4]||(l[4]=[e.createTextVNode("仅匹配",-1)])]),_:1})]),e.createElementVNode("div",H,[e.createElementVNode("span",null,"匹配数量："+e.toDisplayString(p.value.length),1),f.value?(e.openBlock(),e.createElementBlock("span",J,"最近推送："+e.toDisplayString(f.value),1)):e.createCommentVNode("",!0)]),l[6]||(l[6]=e.createElementVNode("div",{class:"tips"},[e.createTextVNode(" 数据源：sessionStorage["),e.createElementVNode("code",null,"object_alias_uid_mapping"),e.createTextVNode("]（真实对象别名映射） ")],-1)),e.createVNode(i,{data:p.value,size:"small",border:"",style:{width:"100%"},"max-height":"220"},{default:e.withCtx(()=>[e.createVNode(s,{prop:"object_id",label:"object_id","min-width":"180"}),e.createVNode(s,{prop:"object_alias",label:"object_alias","min-width":"180"})]),_:1},8,["data"]),e.createElementVNode("div",W,[l[5]||(l[5]=e.createElementVNode("div",{class:"preview-title"},"本次联动 payload 预览",-1)),e.createElementVNode("pre",null,e.toDisplayString(C.value),1)])],4)}}})),ne=v._export_sfc(oe,[["__scopeId","data-v-39da30e1"]]);exports.default=ne;
+"use strict";var M=Object.defineProperty,q=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var V=(c,n,r)=>n in c?M(c,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[n]=r,S=(c,n)=>{for(var r in n||(n={}))R.call(n,r)&&V(c,r,n[r]);if(N)for(var r of N(n))z.call(n,r)&&V(c,r,n[r]);return c},E=(c,n)=>q(c,L(n));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/table/style/css");require("element-plus/es/components/table-column/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/input/style/css");const e=require("vue"),v=require("./index-BltWf8EI.cjs"),j=require("./ele-ctrSet-icon-DCsPO0tL.cjs"),B={class:"section-header"},F={class:"section-title"},U={class:"row"},Y={class:"label"},$={class:"row"},K={class:"row"},H={class:"row row-meta"},J={key:0},W={class:"payload-preview"},G={DEFAULT_ICON:j.DEFAULT_ICON,ACTIVE_ICON:j.ACTIVE_ICON,NAME_CN:"对象别名选择器",NAME_EN:"Alias Object Selector",ORDER:22},Q={bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},borderColor:{value:"#e5e5e5",type:"color",label:"component.options.borderColor"},sectionTitle:{value:"对象别名切换",type:"string",label:"component.openpitConfigPanel.label"},aliasLabel:{value:"别名模式",type:"string",label:"component.openpitConfigPanel.objectSelectInputLabel"},aliasPlaceholder:{value:"例如 radar*",type:"string",label:"component.openpitConfigPanel.objectSelectInputPlaceholder"},linkChannel:{value:"deepDisplacement",type:"select",label:"component.linkChannel",options:[{label:"component.linkChannelOptions.deepDisplacement",value:"deepDisplacement"},{label:"component.linkChannelOptions.gnss",value:"gnss"},{label:"component.linkChannelOptions.slope",value:"slope"},{label:"component.linkChannelOptions.device",value:"device"},{label:"component.linkChannelOptions.alarm",value:"alarm"},{label:"component.linkChannelOptions.custom",value:"custom"}]},customChannel:{value:"",type:"string",label:"component.customChannel",showWhen:{linkChannel:"custom"}}},X=[{key:"objectAlias",multiple:!0,pattern:"radar*",fvs:["disp","speed"]}],Z=[{key:"key",label:"component.openpitConfigPanel.key",type:"string"},{key:"multiple",label:"component.openpitConfigPanel.multiple",type:"switch"},{key:"pattern",label:"component.openpitConfigPanel.optionValue",type:"string"},{key:"fvs",label:"component.openpitConfigPanel.options",type:"array"}],ee=[],te={useAlias:!0,multiObject:!0,source:""},le={DEFAULT:G,OPTIONS:Q,DATA:X,PARAMS:Z,SOURCE:ee,COMMON:te},oe=e.defineComponent(E(S({},le),{__name:"aliasObjectSelectorDemo",props:{conf:{type:Object,default:()=>({})},uid:{type:String,default:""}},setup(c){e.useCssVars(t=>({v9101dfd0:_.value.borderColor,v475ba4b8:_.value.color}));const n=c,r=v.useLinkStore(),d=e.ref("radar*"),m=e.ref("disp,speed"),p=e.ref([]),f=e.ref(""),C=e.ref(""),_=e.computed(()=>{var l,o,a,s;const t=((l=n.conf)==null?void 0:l.options)||{};return{backgroundColor:((o=t==null?void 0:t.bgColor)==null?void 0:o.value)||"#ffffff",color:((a=t==null?void 0:t.textColor)==null?void 0:a.value)||"#333333",borderColor:((s=t==null?void 0:t.borderColor)==null?void 0:s.value)||"#e5e5e5"}}),k=e.computed(()=>{var t,l,o;return String(((o=(l=(t=n.conf)==null?void 0:t.options)==null?void 0:l.sectionTitle)==null?void 0:o.value)||"对象别名切换")}),O=e.computed(()=>{var t,l,o;return String(((o=(l=(t=n.conf)==null?void 0:t.options)==null?void 0:l.aliasLabel)==null?void 0:o.value)||"别名模式")}),A=e.computed(()=>{var t,l,o;return String(((o=(l=(t=n.conf)==null?void 0:t.options)==null?void 0:l.aliasPlaceholder)==null?void 0:o.value)||"例如 radar*")}),P=()=>{var a,s,i;const t=((a=n.conf)==null?void 0:a.options)||{},l=((s=t==null?void 0:t.linkChannel)==null?void 0:s.value)||"deepDisplacement",o=((i=t==null?void 0:t.customChannel)==null?void 0:i.value)||"";return l==="custom"&&o?o:l},w=()=>{try{return JSON.parse(sessionStorage.getItem(v.ALIAS_MAPPING_KEY)||"{}")||{}}catch(t){return{}}},D=t=>String(t||"").split(",").map(l=>l.trim()).filter(Boolean),I=t=>t.replace(/[.+?^${}()|[\]\\]/g,"\\$&"),T=t=>{const l=I(t).replace(/\*/g,".*");return new RegExp(`^${l}$`,"i")},x=()=>{const t=w();return Object.keys(t).map(l=>({object_alias:l,object_id:String(t[l]||"")})).filter(l=>l.object_id)},g=()=>{const t=String(d.value||"").trim();if(!t){p.value=[];return}const l=T(t),o=x();p.value=o.filter(a=>l.test(a.object_alias))},y=()=>{g();const t=p.value.map(i=>i.object_id),l=p.value.map(i=>i.object_alias),o=D(m.value),a=P(),s={source:"aliasObjectSelector",type:"filter",mode:"aliasWildcard",objectAliasPattern:d.value,objectAliases:l,objectIds:t,objectId:t[0]||"",fvs:o,fv:o[0]||"",count:t.length,time:Date.now()};r.publish(a,"aliasObjectSelector",s),f.value=v.dayjs().format("YYYY-MM-DD HH:mm:ss"),C.value=JSON.stringify(s,null,2)};return e.onMounted(()=>{var o,a,s,i,u,h;const t=String(((s=(a=(o=n.conf)==null?void 0:o.data)==null?void 0:a[0])==null?void 0:s.pattern)||"").trim();t&&(d.value=t);const l=(h=(u=(i=n.conf)==null?void 0:i.data)==null?void 0:u[0])==null?void 0:h.fvs;Array.isArray(l)&&l.length&&(m.value=l.join(",")),g()}),(t,l)=>{const o=b.ElInput,a=b.ElButton,s=b.ElTableColumn,i=b.ElTable;return e.openBlock(),e.createElementBlock("div",{class:"alias-demo",style:e.normalizeStyle(_.value)},[e.createElementVNode("div",B,[e.createElementVNode("span",F,e.toDisplayString(k.value),1)]),e.createElementVNode("div",U,[e.createElementVNode("span",Y,e.toDisplayString(O.value),1),e.createVNode(o,{modelValue:d.value,"onUpdate:modelValue":l[0]||(l[0]=u=>d.value=u),placeholder:A.value,size:"small",clearable:"",onKeyup:e.withKeys(y,["enter"])},null,8,["modelValue","placeholder"])]),e.createElementVNode("div",$,[l[2]||(l[2]=e.createElementVNode("span",{class:"label"},"FV",-1)),e.createVNode(o,{modelValue:m.value,"onUpdate:modelValue":l[1]||(l[1]=u=>m.value=u),placeholder:"例如 disp,speed,temp",size:"small",clearable:""},null,8,["modelValue"])]),e.createElementVNode("div",K,[e.createVNode(a,{type:"primary",size:"small",onClick:y},{default:e.withCtx(()=>[...l[3]||(l[3]=[e.createTextVNode("匹配并联动",-1)])]),_:1}),e.createVNode(a,{size:"small",onClick:g},{default:e.withCtx(()=>[...l[4]||(l[4]=[e.createTextVNode("仅匹配",-1)])]),_:1})]),e.createElementVNode("div",H,[e.createElementVNode("span",null,"匹配数量："+e.toDisplayString(p.value.length),1),f.value?(e.openBlock(),e.createElementBlock("span",J,"最近推送："+e.toDisplayString(f.value),1)):e.createCommentVNode("",!0)]),l[6]||(l[6]=e.createElementVNode("div",{class:"tips"},[e.createTextVNode(" 数据源：sessionStorage["),e.createElementVNode("code",null,"object_alias_uid_mapping"),e.createTextVNode("]（真实对象别名映射） ")],-1)),e.createVNode(i,{data:p.value,size:"small",border:"",style:{width:"100%"},"max-height":"220"},{default:e.withCtx(()=>[e.createVNode(s,{prop:"object_id",label:"object_id","min-width":"180"}),e.createVNode(s,{prop:"object_alias",label:"object_alias","min-width":"180"})]),_:1},8,["data"]),e.createElementVNode("div",W,[l[5]||(l[5]=e.createElementVNode("div",{class:"preview-title"},"本次联动 payload 预览",-1)),e.createElementVNode("pre",null,e.toDisplayString(C.value),1)])],4)}}})),ne=v._export_sfc(oe,[["__scopeId","data-v-39da30e1"]]);exports.default=ne;

package/dist/{aliasObjectSelectorDemo-CwaMtQ6R.js → aliasObjectSelectorDemo-DI-UnVL3.js}

@@ -17,7 +17,7 @@ import "element-plus/es/components/table-column/style/css";
 import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/input/style/css";
 import { defineComponent as q, useCssVars as Q, ref as b, computed as _, onMounted as X, openBlock as V, createElementBlock as D, normalizeStyle as Z, createElementVNode as s, toDisplayString as v, createVNode as p, withKeys as ee, withCtx as j, createTextVNode as g, createCommentVNode as te } from "vue";
-import { k as le, g as oe, A as ne, _ as ae } from "./index-BxNHPfre.js";
+import { k as le, g as oe, A as ne, _ as ae } from "./index-B2Q_NM05.js";
 import { A as se, D as ie } from "./ele-ctrSet-icon-BtKGrCid.js";
 const ce = { class: "section-header" }, re = { class: "section-title" }, pe = { class: "row" }, ue = { class: "label" }, de = { class: "row" }, me = { class: "row" }, be = { class: "row row-meta" }, ve = { key: 0 }, fe = { class: "payload-preview" }, _e = {
   DEFAULT_ICON: ie,