mixdashboards 1.0.32 → 1.0.39

package/dist/trajectoryConfigPanel-P_Qa4omj.cjs

@@ -0,0 +1 @@
+"use strict";var X=Object.defineProperty,J=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var Y=Object.getOwnPropertySymbols;var Z=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var S=(k,m,d)=>m in k?X(k,m,{enumerable:!0,configurable:!0,writable:!0,value:d}):k[m]=d,E=(k,m)=>{for(var d in m||(m={}))Z.call(m,d)&&S(k,d,m[d]);if(Y)for(var d of Y(m))x.call(m,d)&&S(k,d,m[d]);return k},j=(k,m)=>J(k,K(m));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/input/style/css");require("element-plus/es/components/radio-group/style/css");require("element-plus/es/components/radio/style/css");require("element-plus/es/components/checkbox-group/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/icon/style/css");require("element-plus/es/components/checkbox/style/css");require("element-plus/es/components/date-picker/style/css");const e=require("vue"),B=require("./index-Mh5Dw2sd.cjs"),ee=require("@element-plus/icons-vue"),q=require("./ele-ctrSet-icon-DCsPO0tL.cjs"),te={key:0,class:"config-section time-range-section"},le={class:"section-header"},ae={class:"section-title"},ne={class:"time-range-body"},oe={key:0,class:"quick-range"},ce=["onClick"],se={key:1,class:"granularity-tabs"},re=["onClick"],ie={key:2,class:"date-inputs"},ue={key:1,class:"config-section time-list-section"},pe={class:"section-header"},de={class:"section-title"},me={key:0,class:"time-list-actions"},ye={class:"selected-count"},ge={key:1,class:"time-list"},ve={key:2,class:"config-section"},fe={class:"section-header"},ke={class:"section-title"},he={key:0,class:"node-list"},Ce={key:3,class:"config-section"},be={class:"section-header"},_e={class:"section-title"},Ve={key:0,class:"direction-tabs"},De=["onClick"],Be={key:4,class:"config-section"},Ee={class:"section-header"},Pe={class:"section-title"},Te={key:0,class:"range-inputs"},Ne={key:0,class:"range-unit"},Re={key:5,class:"config-section"},we={class:"section-header"},Le={class:"section-title"},Oe={key:0,class:"display-options"},Ie={DEFAULT_ICON:q.DEFAULT_ICON,ACTIVE_ICON:q.ACTIVE_ICON,NAME_CN:"露天矿控制面板",NAME_EN:"Openpit Control Panel",ORDER:15},Ye={bindId:{value:"",type:"string",label:"component.deepDisplacement.bindId"},bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},accentColor:{value:"#409eff",type:"color",label:"component.options.accentColor"},borderColor:{value:"#e5e5e5",type:"color",label:"component.options.borderColor"},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"}}},Se=[{type:"timeRange",label:"时间段",key:"timeRange",targetId:"",showQuickRange:!0,dateType:"date",dateFormat:"YYYY-MM-DD",quickRangeOptions:[{label:"今天",value:"today"},{label:"近7天",value:"week"},{label:"近30天",value:"month"},{label:"近90天",value:"quarter"}],defaultQuickRange:"week",granularityOptions:[{label:"小时",value:"hour"},{label:"日均",value:"day"}],defaultGranularity:"day",multiple:!1,options:[{label:"选项1",value:1}],minPlaceholder:"",maxPlaceholder:"",unit:""}],je=[{key:"type",label:"component.openpitConfigPanel.type",type:"select",options:[{label:"component.openpitConfigPanel.typeOptions.timeRange",value:"timeRange"},{label:"component.openpitConfigPanel.typeOptions.timeList",value:"timeList"},{label:"component.openpitConfigPanel.typeOptions.selectList",value:"selectList"},{label:"component.openpitConfigPanel.typeOptions.direction",value:"direction"},{label:"component.openpitConfigPanel.typeOptions.range",value:"range"},{label:"component.openpitConfigPanel.typeOptions.switch",value:"switch"}]},{key:"label",label:"component.openpitConfigPanel.label",type:"string"},{key:"key",label:"component.openpitConfigPanel.key",type:"string"},{key:"targetId",label:"component.openpitConfigPanel.targetId",type:"string"},{key:"showQuickRange",label:"component.openpitConfigPanel.showQuickRange",type:"switch",dependent:"type",dependentValue:"timeRange"},{key:"dateType",label:"component.openpitConfigPanel.dateType",type:"select",options:[{label:"component.openpitConfigPanel.dateTypeOptions.date",value:"date"},{label:"component.openpitConfigPanel.dateTypeOptions.datetime",value:"datetime"}],dependent:"type",dependentValue:"timeRange"},{key:"defaultGranularity",label:"component.openpitConfigPanel.defaultGranularity",type:"select",options:[{label:"component.openpitConfigPanel.granularityOptionLabels.hour",value:"hour"},{label:"component.openpitConfigPanel.granularityOptionLabels.day",value:"day"}],dependent:"type",dependentValue:"timeRange"},{key:"timeList",label:"component.openpitConfigPanel.timeList",type:"string",dependent:"type",dependentValue:"timeList"},{key:"multiple",label:"component.openpitConfigPanel.multiple",type:"switch",dependent:"type",dependentValue:"selectList"},{key:"options",label:"component.openpitConfigPanel.options",type:"table",columns:[{key:"label",label:"label",type:"string"},{key:"value",label:"value",type:"string"}],dependent:"type",dependentValue:["selectList","direction","switch"]},{key:"minPlaceholder",label:"component.openpitConfigPanel.minPlaceholder",type:"string",dependent:"type",dependentValue:"range"},{key:"maxPlaceholder",label:"component.openpitConfigPanel.maxPlaceholder",type:"string",dependent:"type",dependentValue:"range"},{key:"unit",label:"component.openpitConfigPanel.unit",type:"string",dependent:"type",dependentValue:"range"}],qe=[],Me={useAlias:!1,multiObject:!1,source:""},Ae={DEFAULT:Ie,OPTIONS:Ye,DATA:Se,PARAMS:je,SOURCE:qe,COMMON:Me},Ue=e.defineComponent(j(E({},Ae),{__name:"trajectoryConfigPanel",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(k){e.useCssVars(t=>({ce9154a6:T.value.backgroundColor,v0a86116f:T.value.borderColor,v6d6e1a00:C.value.textColor,v81357e3e:C.value.borderColor,v4e6fb303:C.value.accentColor}));const m=B.useLinkStore(),d=k,C=e.computed(()=>{var u,p,i,_,y,V,c;const{options:t}=d.conf||{},l=((u=t==null?void 0:t.linkChannel)==null?void 0:u.value)||"deepDisplacement",s=((p=t==null?void 0:t.customChannel)==null?void 0:p.value)||"",r=l==="custom"&&s?s:l;return{bindId:((i=t==null?void 0:t.bindId)==null?void 0:i.value)||"",bgColor:((_=t==null?void 0:t.bgColor)==null?void 0:_.value)||"#ffffff",textColor:((y=t==null?void 0:t.textColor)==null?void 0:y.value)||"#333333",accentColor:((V=t==null?void 0:t.accentColor)==null?void 0:V.value)||"#409eff",borderColor:((c=t==null?void 0:t.borderColor)==null?void 0:c.value)||"#e5e5e5",linkChannel:r}}),M=e.computed(()=>{const t=C.value.bindId||d.uid;if(!t){const l=`trajectoryConfigPanel_${Date.now()}`;return console.warn("[TrajectoryConfigPanel] 未配置ID，自动生成:",l),l}return t}),h=e.computed(()=>{var t;return(((t=d.conf)==null?void 0:t.data)||[]).filter(Boolean)}),a=e.ref({}),w=[{label:"近7天",value:"week"},{label:"近30天",value:"month"},{label:"近90天",value:"quarter"}],P=t=>(t==null?void 0:t.dateType)==="datetime"?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD",A=t=>{const l=a.value[t];return l&&typeof l.granularity!="undefined"?l.granularity:"day"},L=(t,l,s)=>{const r=l.format(s);let u=l.subtract(7,"day").format(s);return t==="today"?u=l.startOf("day").format(s):t==="week"?u=l.subtract(7,"day").format(s):t==="month"?u=l.subtract(30,"day").format(s):t==="quarter"?u=l.subtract(90,"day").format(s):t==="year"&&(u=l.subtract(365,"day").format(s)),{startDate:u,endDate:r}},O=()=>{h.value.forEach((t,l)=>{var u,p,i,_,y,V,c;a.value[l]||(a.value[l]={});const s=B.dayjs(),r=t.dateType==="datetime"?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD";if(t.type==="timeRange"){const o=t.quickRangeOptions||w,f=t.defaultQuickRange||((u=o==null?void 0:o[0])==null?void 0:u.value)||"week",b=t.defaultGranularity||((i=(p=t.granularityOptions)==null?void 0:p[0])==null?void 0:i.value)||"",n=L(f,s,r);a.value[l]={quickRange:f,granularity:b,startDate:n.startDate,endDate:n.endDate}}else if(t.type==="timeList"){const o=h.value.findIndex(b=>b.type==="timeRange");let f=[];if(o>=0&&a.value[o]){const b=B.dayjs(a.value[o].startDate);let g=B.dayjs(a.value[o].endDate);for(;g.isAfter(b)||g.isSame(b,"day");)f.push(g.format(r)),g=g.subtract(1,"day")}a.value[l]={timeList:f,selectedTimes:[...f],selectAll:!0}}else if(t.type==="selectList")t.multiple?a.value[l]={selectedValues:[]}:a.value[l]={selectedValue:((y=(_=t.options)==null?void 0:_[0])==null?void 0:y.value)||""};else if(t.type==="direction")a.value[l]={selectedValue:((c=(V=t.options)==null?void 0:V[0])==null?void 0:c.value)||"total"};else if(t.type==="range")a.value[l]={min:"",max:""};else if(t.type==="switch"){const o={};(t.options||[]).forEach(f=>{o[f.value]=f.defaultValue!==!1}),a.value[l]=o}})},T=e.computed(()=>({backgroundColor:C.value.bgColor,color:C.value.textColor,borderColor:C.value.borderColor})),U=()=>{const t={};return h.value.forEach((l,s)=>{if(l.key&&a.value[s]){const r=a.value[s];l.type==="timeRange"?t[l.key]={startDate:r.startDate,endDate:r.endDate,quickRange:r.quickRange,granularity:r.granularity}:l.type==="timeList"?t[l.key]=r.selectedTimes||[]:l.type==="selectList"?t[l.key]=l.multiple?r.selectedValues:r.selectedValue:l.type==="direction"?t[l.key]=r.selectedValue:l.type==="range"?t[l.key]={min:r.min===""?null:parseFloat(r.min),max:r.max===""||r.max==="最大值"?null:parseFloat(r.max)}:l.type==="switch"&&(t[l.key]=E({},r))}}),t},N=()=>{const t=U(),l=M.value,s=h.value;console.log("[TrajectoryConfigPanel] ========== 广播配置 =========="),console.log("[TrajectoryConfigPanel] 当前面板ID:",l),console.log("[TrajectoryConfigPanel] props.uid:",d.uid),console.log("[TrajectoryConfigPanel] bindId配置:",C.value.bindId),console.log("[TrajectoryConfigPanel] 配置内容:",t),console.log("[TrajectoryConfigPanel] 配置模块数量:",s.length);const r=C.value.linkChannel||"deepDisplacement";l?(console.log(`[TrajectoryConfigPanel] 📡 广播配置到频道 ${r}:`,{objectId:l,type:"filter",filter:t}),m.publish(r,"trajectoryConfigPanel",E({objectId:l,type:"filter",filter:t},t))):console.warn("[TrajectoryConfigPanel] ⚠️ 无法广播：面板ID为空"),s.forEach((u,p)=>{const i=u.targetId;if(!i)return;i.split(",").map(y=>y.trim()).filter(y=>y).forEach(y=>{console.log(`[TrajectoryConfigPanel] 🎯 直接绑定到图表 [${p}]:`,y,t),m.publish(r,"trajectoryConfigPanel",E({objectId:y,type:"filter",filter:t},t))})}),console.log("[TrajectoryConfigPanel] ========== 广播完成 ==========")},I=(t,l)=>{const s=h.value[t];if(!s||s.type!=="timeRange"||!a.value[t])return;const r=B.dayjs(),u=s.dateType==="datetime"?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD";a.value[t].quickRange=l;const p=L(l,r,u);a.value[t].startDate=p.startDate,a.value[t].endDate=p.endDate,F(),v()},F=()=>{const t=h.value.findIndex(s=>s.type==="timeRange"),l=h.value.findIndex(s=>s.type==="timeList");if(t>=0&&l>=0&&a.value[t]){const s=h.value[t].dateType==="datetime"?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD",r=B.dayjs(a.value[t].startDate),u=B.dayjs(a.value[t].endDate),p=[];let i=u;for(;i.isAfter(r)||i.isSame(r,"day");)p.push(i.format(s)),i=i.subtract(1,"day");a.value[l]||(a.value[l]={}),a.value[l].timeList=p,a.value[l].selectedTimes=[...p],a.value[l].selectAll=!0}},Q=t=>{if(!a.value[t])return;const l=a.value[t].selectAll;a.value[t].selectedTimes=l?[...a.value[t].timeList]:[],v()},G=t=>{a.value[t]&&(a.value[t].selectedTimes=[],a.value[t].selectAll=!1,v())},z=t=>{if(!a.value[t])return;const l=a.value[t].timeList||[],s=a.value[t].selectedTimes||[];a.value[t].selectAll=s.length===l.length,v()},H=(t,l)=>{a.value[t]&&(a.value[t].selectedValue=l,v())},$=(t,l)=>{a.value[t]&&(a.value[t].granularity=l,v())},v=t=>{N()};e.watch(()=>{var t;return(t=d.conf)==null?void 0:t.data},()=>{O(),setTimeout(N,300)},{deep:!0,immediate:!0,flush:"sync"}),e.watch(()=>{var t;return(t=d.conf)==null?void 0:t.data},(t,l)=>{t&&t.forEach((s,r)=>{const u=l==null?void 0:l[r];if(s.type&&(!u||s.type!==u.type)){const p=W(s.type);Object.keys(p).forEach(i=>{(!s[i]||s[i]===""||Array.isArray(s[i])&&s[i].length===0)&&(s[i]=p[i])})}})},{deep:!0});const W=t=>({timeRange:{label:"时间段",key:"timeRange",showQuickRange:!0,dateType:"date",dateFormat:"YYYY-MM-DD",quickRangeOptions:[{label:"今天",value:"today"},{label:"近7天",value:"week"},{label:"近30天",value:"month"},{label:"近90天",value:"quarter"}],defaultQuickRange:"week",granularityOptions:[{label:"小时",value:"hour"},{label:"日均",value:"day"}],defaultGranularity:"day"},timeList:{label:"时间列表",key:"timeList"},selectList:{label:"节点列表",key:"nodeList",multiple:!1,options:[{label:"选项1",value:1}]},direction:{label:"位移方向",key:"direction",options:[{label:"合",value:"total"},{label:"X轴",value:"x"},{label:"Y轴",value:"y"}]},range:{label:"数值区间",key:"range",minPlaceholder:"最小值",maxPlaceholder:"最大值",unit:""},switch:{label:"显示选项",key:"displayOptions",options:[{label:"开始点",value:"showStartPoint"},{label:"结束点",value:"showEndPoint"},{label:"轨迹线",value:"showTrajectory"},{label:"方向箭头",value:"showDirection"}]}})[t]||{};return e.onMounted(()=>{O();const t=h.value.findIndex(l=>l.type==="timeRange");t>=0&&I(t,"week"),setTimeout(N,300)}),(t,l)=>{const s=D.ElDatePicker,r=D.ElCheckbox,u=D.ElIcon,p=D.ElButton,i=D.ElCheckboxGroup,_=D.ElRadio,y=D.ElRadioGroup,V=D.ElInput;return e.openBlock(),e.createElementBlock("div",{class:"trajectory-config-panel",style:e.normalizeStyle(T.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(c,o)=>{var f,b;return e.openBlock(),e.createElementBlock(e.Fragment,{key:o},[c&&c.type==="timeRange"?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",le,[e.createElementVNode("span",ae,e.toDisplayString(c.label||"时间段"),1)]),e.createElementVNode("div",ne,[c.showQuickRange?(e.openBlock(),e.createElementBlock("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.quickRangeOptions||w,n=>{var g;return e.openBlock(),e.createElementBlock("span",{key:n.value,class:e.normalizeClass(["range-item",{active:((g=a.value[o])==null?void 0:g.quickRange)===n.value}]),onClick:R=>I(o,n.value)},e.toDisplayString(n.label),11,ce)}),128))])):e.createCommentVNode("",!0),(f=c.granularityOptions)!=null&&f.length?(e.openBlock(),e.createElementBlock("div",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.granularityOptions||[],(n,g)=>{var R;return e.openBlock(),e.createElementBlock("span",{key:(R=n==null?void 0:n.value)!=null?R:"g-"+o+"-"+g,class:e.normalizeClass(["granularity-item",{active:A(o)===(n&&n.value)}]),onClick:Qe=>n&&$(o,n.value)},e.toDisplayString(n==null?void 0:n.label),11,re)}),128))])):e.createCommentVNode("",!0),a.value[o]?(e.openBlock(),e.createElementBlock("div",ie,[e.createVNode(s,{modelValue:a.value[o].startDate,"onUpdate:modelValue":n=>a.value[o].startDate=n,type:c.dateType||"date",placeholder:"开始时间",format:P(c),"value-format":P(c),size:"small",class:"date-picker",onChange:n=>v()},null,8,["modelValue","onUpdate:modelValue","type","format","value-format","onChange"]),e.createVNode(s,{modelValue:a.value[o].endDate,"onUpdate:modelValue":n=>a.value[o].endDate=n,type:c.dateType||"date",placeholder:"结束时间",format:P(c),"value-format":P(c),size:"small",class:"date-picker",onChange:n=>v()},null,8,["modelValue","onUpdate:modelValue","type","format","value-format","onChange"])])):e.createCommentVNode("",!0)])])):c&&c.type==="timeList"?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",pe,[e.createElementVNode("span",de,e.toDisplayString(c.label||"采集时间列表"),1)]),a.value[o]?(e.openBlock(),e.createElementBlock("div",me,[e.createVNode(r,{modelValue:a.value[o].selectAll,"onUpdate:modelValue":n=>a.value[o].selectAll=n,onChange:n=>Q(o)},{default:e.withCtx(()=>[...l[0]||(l[0]=[e.createTextVNode("全选",-1)])]),_:1},8,["modelValue","onUpdate:modelValue","onChange"]),e.createVNode(p,{size:"small",text:"",onClick:n=>G(o)},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(e.unref(ee.Delete))]),_:1}),l[1]||(l[1]=e.createTextVNode("清空 ",-1))]),_:1},8,["onClick"]),e.createElementVNode("span",ye,[l[2]||(l[2]=e.createTextVNode("已选 ",-1)),e.createElementVNode("em",null,e.toDisplayString(((b=a.value[o].selectedTimes)==null?void 0:b.length)||0),1),l[3]||(l[3]=e.createTextVNode(" 项",-1))])])):e.createCommentVNode("",!0),a.value[o]?(e.openBlock(),e.createElementBlock("div",ge,[e.createVNode(i,{modelValue:a.value[o].selectedTimes,"onUpdate:modelValue":n=>a.value[o].selectedTimes=n,onChange:n=>z(o)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value[o].timeList||[],n=>(e.openBlock(),e.createBlock(r,{key:n,value:n,class:"time-checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n),1)]),_:2},1032,["value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"])])):e.createCommentVNode("",!0)])):c&&c.type==="selectList"?(e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("div",fe,[e.createElementVNode("span",ke,e.toDisplayString(c.label||"节点列表"),1)]),a.value[o]?(e.openBlock(),e.createElementBlock("div",he,[c.multiple?(e.openBlock(),e.createBlock(i,{key:1,modelValue:a.value[o].selectedValues,"onUpdate:modelValue":n=>a.value[o].selectedValues=n,onChange:n=>v()},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.options||[],n=>(e.openBlock(),e.createBlock(r,{key:n.value,value:n.value,class:"depth-radio"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.label),1)]),_:2},1032,["value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"])):(e.openBlock(),e.createBlock(y,{key:0,modelValue:a.value[o].selectedValue,"onUpdate:modelValue":n=>a.value[o].selectedValue=n,onChange:n=>v()},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.options||[],n=>(e.openBlock(),e.createBlock(_,{key:n.value,value:n.value,class:"depth-radio"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.label),1)]),_:2},1032,["value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"]))])):e.createCommentVNode("",!0)])):c&&c.type==="direction"?(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",be,[e.createElementVNode("span",_e,e.toDisplayString(c.label||"位移方向"),1)]),a.value[o]?(e.openBlock(),e.createElementBlock("div",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.options||[],n=>(e.openBlock(),e.createElementBlock("span",{key:n.value,class:e.normalizeClass(["direction-item",{active:a.value[o].selectedValue===n.value}]),onClick:g=>H(o,n.value)},e.toDisplayString(n.label),11,De))),128))])):e.createCommentVNode("",!0)])):c&&c.type==="range"?(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("div",Ee,[e.createElementVNode("span",Pe,e.toDisplayString(c.label||"数值区间"),1)]),a.value[o]?(e.openBlock(),e.createElementBlock("div",Te,[e.createVNode(V,{modelValue:a.value[o].min,"onUpdate:modelValue":n=>a.value[o].min=n,size:"small",placeholder:c.minPlaceholder||"最小值",class:"range-input",onChange:n=>v()},null,8,["modelValue","onUpdate:modelValue","placeholder","onChange"]),l[4]||(l[4]=e.createElementVNode("span",{class:"range-sep"},"~",-1)),e.createVNode(V,{modelValue:a.value[o].max,"onUpdate:modelValue":n=>a.value[o].max=n,size:"small",placeholder:c.maxPlaceholder||"最大值",class:"range-input",onChange:n=>v()},null,8,["modelValue","onUpdate:modelValue","placeholder","onChange"]),c.unit?(e.openBlock(),e.createElementBlock("span",Ne,e.toDisplayString(c.unit),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])):c&&c.type==="switch"?(e.openBlock(),e.createElementBlock("div",Re,[e.createElementVNode("div",we,[e.createElementVNode("span",Le,e.toDisplayString(c.label||"显示选项"),1)]),a.value[o]?(e.openBlock(),e.createElementBlock("div",Oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.options||[],n=>(e.openBlock(),e.createBlock(r,{key:n.value,modelValue:a.value[o][n.value],"onUpdate:modelValue":g=>a.value[o][n.value]=g,onChange:g=>v()},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.label),1)]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"]))),128))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],64)}),128)),e.renderSlot(t.$slots,"default",{},void 0,!0)],4)}}})),Fe=B._export_sfc(Ue,[["__scopeId","data-v-e9ece6ff"]]);exports.default=Fe;

package/dist/trajectoryScatter-BbpbgNb8.cjs

@@ -0,0 +1 @@
+"use strict";var Ct=Object.defineProperty,bt=Object.defineProperties;var Ot=Object.getOwnPropertyDescriptors;var it=Object.getOwnPropertySymbols;var kt=Object.prototype.hasOwnProperty,_t=Object.prototype.propertyIsEnumerable;var lt=(x,u,d)=>u in x?Ct(x,u,{enumerable:!0,configurable:!0,writable:!0,value:d}):x[u]=d,at=(x,u)=>{for(var d in u||(u={}))kt.call(u,d)&&lt(x,d,u[d]);if(it)for(var d of it(u))_t.call(u,d)&&lt(x,d,u[d]);return x},st=(x,u)=>bt(x,Ot(u));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),Y=require("./element-resize-detector-Bo5uDQAu.cjs"),rt=require("./index-Mh5Dw2sd.cjs"),It=require("./EChartComponentBase-BaQpBzVC.cjs"),Vt=require("./titleStyle-NSnz6cUg.cjs"),ot=require("./ele-circleBar-icon-Da0-L9sa.cjs"),Tt=require("./install-C8buXQPI.cjs"),X=require("./installCanvasRenderer-CyhM1Qpl.cjs"),At=require("./install-ByPD0oOh.cjs"),Et=require("./install-CYwVETsi.cjs"),Pt={class:"mix-body"},Ft={class:"chart-wrap"},zt=["id"],Dt={class:"timeline-left"},wt={class:"timeline-track",ref:"trackRef"},Lt=["onClick"],Kt={DEFAULT_ICON:ot.DEFAULT_ICON,ACTIVE_ICON:ot.ACTIVE_ICON,NAME_CN:"动态轨迹分布图",NAME_EN:"TrajectoryScatter",ORDER:1},Rt={titleColor:"#111",textColor:"#111",bgColor:"#fff",radiusSize:8,textSize:12,isHideTitle:!1,top:30,bottom:50,left:50,right:30,xName:{value:"x",type:"string",label:"setting.trajectoryScatter_xName"},yName:{value:"y",type:"string",label:"setting.trajectoryScatter_yName"},showTrail:{value:!0,type:"switch",label:"setting.trajectoryScatter_showTrail"},trailLength:{value:30,type:"number",label:"setting.trajectoryScatter_trailLength",dependent:"showTrail"},points:{value:12,type:"number",label:"setting.trajectoryScatter_points"},autoPlay:{value:!0,type:"switch",label:"setting.trajectoryScatter_autoPlay"},interval:{value:1e3,type:"number",label:"setting.trajectoryScatter_interval",dependent:"autoPlay"},timelineHeight:{value:36,type:"number",label:"setting.trajectoryScatter_timelineHeight"},dotSize:{value:10,type:"number",label:"setting.trajectoryScatter_dotSize"},activeDotColor:{value:"#4162ff",type:"color",label:"setting.trajectoryScatter_activeDotColor"},dotColor:{value:"#c7c7c7",type:"color",label:"setting.trajectoryScatter_dotColor"},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"}},listenXKey:{value:"elevation",type:"string",label:"setting.trajectoryScatter_listenXKey"},listenYKey:{value:"speed",type:"string",label:"setting.trajectoryScatter_listenYKey"},listenTimeKey:{value:"",type:"string",label:"setting.trajectoryScatter_listenTimeKey"},useMock:{value:!0,type:"switch",label:"setting.trajectoryScatter_useMock"},mockCount:{value:12,type:"number",label:"setting.trajectoryScatter_mockCount",dependent:"useMock"},xMin:{value:"",type:"string",label:"setting.trajectoryScatter_xMin"},xMax:{value:"",type:"string",label:"setting.trajectoryScatter_xMax"},yMin:{value:"",type:"string",label:"setting.trajectoryScatter_yMin"},yMax:{value:"",type:"string",label:"setting.trajectoryScatter_yMax"},lockAxis:{value:!0,type:"switch",label:"setting.trajectoryScatter_lockAxis"}},ct=[{name:"轨迹点",fv_x:"elevation",fv_y:"speed",color:"#ff5a5f",object_id:""}],$t=["name","fv_x","fv_y","object_id","color"],jt=["mosaic","statistics","calculate"],Bt={useAlias:!1,multiObject:!0,source:"mosaic"},Ht={DEFAULT:Kt,OPTIONS:Rt,DATA:ct,PARAMS:$t,SOURCE:jt,COMMON:Bt},Yt=o.defineComponent(st(at({},Ht),{__name:"trajectoryScatter",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(x){X.use([Tt.install,X.install,X.install$1,At.install,Et.install]);const u=x,d=rt.useLinkStore();let K=null;class ut extends It.EChartComponentBase{extractStyles(){const e=this.getOptionValue("linkChannel","deepDisplacement"),n=this.getOptionValue("customChannel",""),i=e==="custom"&&n?n:e;return{bgColor:this.getOptionValue("bgColor","#fff"),titleColor:this.getOptionValue("titleColor","#111"),textColor:this.getOptionValue("textColor","#111"),radiusSize:this.getOptionValue("radiusSize",8),textSize:this.getOptionValue("textSize",12),isHideTitle:this.getOptionValue("isHideTitle",!1),top:this.getOptionValue("top",30),bottom:this.getOptionValue("bottom",50),left:this.getOptionValue("left",50),right:this.getOptionValue("right",30),xName:this.getOptionValue("xName","x"),yName:this.getOptionValue("yName","y"),showTrail:this.getOptionValue("showTrail",!0),trailLength:this.getOptionValue("trailLength",30),points:this.getOptionValue("points",12),autoPlay:this.getOptionValue("autoPlay",!0),interval:this.getOptionValue("interval",1e3),timelineHeight:this.getOptionValue("timelineHeight",36),dotSize:this.getOptionValue("dotSize",10),activeDotColor:this.getOptionValue("activeDotColor","#4162ff"),dotColor:this.getOptionValue("dotColor","#c7c7c7"),linkChannel:i,listenXKey:this.getOptionValue("listenXKey","elevation"),listenYKey:this.getOptionValue("listenYKey","speed"),listenTimeKey:this.getOptionValue("listenTimeKey",""),useMock:this.getOptionValue("useMock",!0),mockCount:this.getOptionValue("mockCount",12),lockAxis:this.getOptionValue("lockAxis",!0),xMin:this.getOptionValue("xMin",""),xMax:this.getOptionValue("xMax",""),yMin:this.getOptionValue("yMin",""),yMax:this.getOptionValue("yMax","")}}init(){var e;this.Style.value=this.extractStyles(),this.applyTheme(),(e=this.props.conf.data)!=null&&e.length||(this.props.conf.data=ct),o.nextTick(()=>this.initChart())}getChartOption(){var l,r,m,c,v,S;const{options:e}=this.props.conf,n=((l=e==null?void 0:e.xName)==null?void 0:l.value)||this.Style.value.xName,i=((r=e==null?void 0:e.yName)==null?void 0:r.value)||this.Style.value.yName,a=xt.value,s=(a==null?void 0:a.color)||Y.COLORS[0];return{grid:{top:this.Style.value.top,bottom:this.Style.value.bottom,left:this.Style.value.left,right:this.Style.value.right,containLabel:!0},tooltip:{trigger:"item"},xAxis:{type:"value",name:n,min:(m=M.value)==null?void 0:m.xMin,max:(c=M.value)==null?void 0:c.xMax,axisLine:{onZero:!0,onZeroAxisIndex:0},nameTextStyle:{color:this.Style.value.textColor,fontSize:this.Style.value.textSize},axisLabel:{color:this.Style.value.textColor,fontSize:this.Style.value.textSize},splitLine:{lineStyle:{color:"#e5e5e5"}}},yAxis:{type:"value",name:i,min:(v=M.value)==null?void 0:v.yMin,max:(S=M.value)==null?void 0:S.yMax,axisLine:{onZero:!0,onZeroAxisIndex:0},nameTextStyle:{color:this.Style.value.textColor,fontSize:this.Style.value.textSize},axisLabel:{color:this.Style.value.textColor,fontSize:this.Style.value.textSize},splitLine:{lineStyle:{color:"#e5e5e5"}}},series:[{name:"points",type:"scatter",data:yt.value,symbolSize:8,itemStyle:{color:s,opacity:.45}},{name:"current",type:"scatter",data:a?[[a.x,a.y]]:[],symbolSize:12,itemStyle:{color:s}},{name:"trail",type:"line",showSymbol:!1,smooth:!1,data:this.Style.value.showTrail?dt.value:[],lineStyle:{color:s,width:2,opacity:.6},silent:!0}]}}setHistoryData(e){et(e)}setSocketData(e){e&&et(e)}onLinkEvent(e){tt(e)}}const f=new ut(u,"trajectoryScatter"),mt=f.getEchartId();f.setupLifecycle();const p=f.getStyle(),ht=o.computed(()=>Vt.generateTitleStyle(u.conf.options)),A=o.ref([]),R=t=>typeof t=="number"&&Number.isFinite(t),yt=o.computed(()=>{var e,n;return(((n=(e=u.conf)==null?void 0:e.runtime)==null?void 0:n.points)||[]).map(i=>[Number(i==null?void 0:i.x),Number(i==null?void 0:i.y)]).filter(i=>R(i==null?void 0:i[0])&&R(i==null?void 0:i[1]))}),gt=o.computed(()=>{var n;const t=((n=u.conf)==null?void 0:n.runtime)||{},e=t.allPoints||t.points||[];return Array.isArray(e)?e:[]}),M=o.ref(null),U=o.ref(null),$=t=>{if(t===""||t===null||t===void 0)return null;const e=Number(t);return isNaN(e)?null:e},Z=(t,e,n)=>{var a,s,l,r,m,c;return n&&t&&t[n]!==void 0?t[n]:n&&e&&e[n]!==void 0?e[n]:(c=(m=(r=(l=(s=(a=t==null?void 0:t.time)!=null?a:t==null?void 0:t.timestamp)!=null?s:t==null?void 0:t.datetime)!=null?l:e==null?void 0:e.time)!=null?r:e==null?void 0:e.timestamp)!=null?m:e==null?void 0:e.datetime)!=null?c:e==null?void 0:e.datatime},vt=t=>{if(t==null)return"";const e=Number(t);if(Number.isFinite(e)&&String(t).length>=12)try{const i=new Date(e),a=i.getFullYear(),s=String(i.getMonth()+1).padStart(2,"0"),l=String(i.getDate()).padStart(2,"0"),r=String(i.getHours()).padStart(2,"0"),m=String(i.getMinutes()).padStart(2,"0"),c=String(i.getSeconds()).padStart(2,"0");return`${a}-${s}-${l} ${r}:${m}:${c}`}catch(i){return String(t)}const n=String(t);if(n.includes(" ")||n.includes("T")){const i=n.replace("T"," "),[a,s]=i.split(" ");if(s){const[l,r,m]=s.split(":");if(l!==void 0&&r!==void 0&&m!==void 0)return`${a} ${l}:${r}:${m.slice(0,2)}`}}return n},ft=t=>{if(!(t!=null&&t.length))return null;let e=Number.POSITIVE_INFINITY,n=Number.NEGATIVE_INFINITY,i=Number.POSITIVE_INFINITY,a=Number.NEGATIVE_INFINITY;if(t.forEach(r=>{const m=Number(r==null?void 0:r.x),c=Number(r==null?void 0:r.y);isNaN(m)||(e=Math.min(e,m),n=Math.max(n,m)),isNaN(c)||(i=Math.min(i,c),a=Math.max(a,c))}),!isFinite(e)||!isFinite(n)||!isFinite(i)||!isFinite(a))return null;const s=(n-e)*.1||1,l=(a-i)*.1||1;return{xMin:e-s,xMax:n+s,yMin:i-l,yMax:a+l}},j=()=>{var m,c,v,S,F,N,C,b,O,k,_,I,V,T,g,h,y;const t=((m=u.conf)==null?void 0:m.options)||{};if(!((v=(c=t==null?void 0:t.lockAxis)==null?void 0:c.value)!=null?v:f.getStyle().value.lockAxis)){M.value=null;return}const n=$((F=(S=t==null?void 0:t.xMin)==null?void 0:S.value)!=null?F:f.getStyle().value.xMin),i=$((C=(N=t==null?void 0:t.xMax)==null?void 0:N.value)!=null?C:f.getStyle().value.xMax),a=$((O=(b=t==null?void 0:t.yMin)==null?void 0:b.value)!=null?O:f.getStyle().value.yMin),s=$((_=(k=t==null?void 0:t.yMax)==null?void 0:k.value)!=null?_:f.getStyle().value.yMax);if(n!==null||i!==null||a!==null||s!==null){M.value={xMin:n!==null?Math.min(n,0):void 0,xMax:i!==null?Math.max(i,0):void 0,yMin:a!==null?Math.min(a,0):void 0,yMax:s!==null?Math.max(s,0):void 0};return}if(M.value)return;const l=((V=(I=u.conf)==null?void 0:I.runtime)==null?void 0:V.points)||[],r=ft(l);if(!r){M.value={xMin:0,xMax:10,yMin:0,yMax:10};return}M.value={xMin:Math.min((T=r.xMin)!=null?T:0,0),xMax:Math.max((g=r.xMax)!=null?g:0,0),yMin:Math.min((h=r.yMin)!=null?h:0,0),yMax:Math.max((y=r.yMax)!=null?y:0,0)}},E=o.ref(0),z=o.ref(!1),xt=o.computed(()=>{var e,n;const t=((n=(e=u.conf)==null?void 0:e.runtime)==null?void 0:n.points)||[];return t[t.length-1]||null}),dt=o.computed(()=>{var i,a,s,l,r,m;const t=((a=(i=u.conf)==null?void 0:i.runtime)==null?void 0:a.points)||[],e=Number((m=(r=(l=(s=u.conf)==null?void 0:s.options)==null?void 0:l.trailLength)==null?void 0:r.value)!=null?m:p.value.trailLength),n=Math.max(0,t.length-Math.max(1,e));return t.slice(n).map(c=>[Number(c==null?void 0:c.x),Number(c==null?void 0:c.y)]).filter(c=>R(c==null?void 0:c[0])&&R(c==null?void 0:c[1]))}),D=()=>{const t=gt.value;A.value=t.map((e,n)=>{var i;return vt((i=e.t)!=null?i:n)}),E.value>=A.value.length&&(E.value=Math.max(0,A.value.length-1))},G=t=>{if(!t||t.seriesName!=="points"&&t.seriesName!=="current")return;const e=u.conf;if(!e.runtime)return;const n=e.runtime.allPoints,i=e.runtime.points||[];if(!Array.isArray(i)||!i.length)return;let a=0;if(Array.isArray(n)&&n.length>=i.length){const s=n.length-i.length,l=typeof t.dataIndex=="number"?t.dataIndex:0;a=Math.max(0,Math.min(s+l,n.length-1))}else{const s=typeof t.dataIndex=="number"?t.dataIndex:0;a=Math.max(0,Math.min(s,i.length-1))}P(),q(a)},w=()=>{o.nextTick(()=>{const t=f.getChartInstance();t&&(t.setOption(f.getChartOption(),!0),t.off("click",G),t.on("click",G))})},q=t=>{var l,r,m,c;const e=u.conf;e.runtime||(e.runtime={});const n=e.runtime.allPoints||[];if(!Array.isArray(n)||!n.length)return;const i=Math.max(1,Number((c=(m=(r=(l=e.options)==null?void 0:l.points)==null?void 0:r.value)!=null?m:p.value.points)!=null?c:200)),a=Math.max(0,Math.min(t,n.length-1)),s=Math.max(0,a-i+1);e.runtime.points=n.slice(s,a+1),E.value=a,j(),D(),w()},pt=t=>{P(),q(t)},P=()=>{z.value=!1,K&&(clearInterval(K),K=null)},W=()=>{var e,n,i,a;P(),z.value=!0;const t=Number((a=(i=(n=(e=u.conf)==null?void 0:e.options)==null?void 0:n.interval)==null?void 0:i.value)!=null?a:p.value.interval);K=setInterval(()=>{var r;const s=u.conf,l=((r=s==null?void 0:s.runtime)==null?void 0:r.allPoints)||[];if(!(!Array.isArray(l)||!l.length)){if(E.value>=l.length-1){P();return}q(E.value+1)}},Math.max(200,t))},St=()=>{A.value.length&&(z.value?P():W())},J=t=>{U.value!==t&&(U.value=t,M.value=null)},B=()=>{var i,a,s;const t=((i=u.conf)==null?void 0:i.options)||{},e=(s=(a=t==null?void 0:t.autoPlay)==null?void 0:a.value)!=null?s:p.value.autoPlay,n=A.value.length>1;if(e&&n){z.value||W();return}z.value&&P()},Q=()=>{var i,a,s;const t=((i=u.conf)==null?void 0:i.options)||{},e=((a=t==null?void 0:t.linkChannel)==null?void 0:a.value)||p.value.linkChannel||"deepDisplacement",n=((s=t==null?void 0:t.customChannel)==null?void 0:s.value)||"";return e==="custom"&&n?n:e};o.watch(()=>d.channels[Q()],t=>{t&&tt(t)},{deep:!0});const Mt=t=>{var i,a,s,l;const e=u.conf;e.runtime||(e.runtime={}),Array.isArray(e.runtime.points)||(e.runtime.points=[]),e.runtime.points.push(t);const n=Math.max(1,Number((l=(s=(a=(i=e.options)==null?void 0:i.points)==null?void 0:a.value)!=null?s:p.value.points)!=null?l:200));e.runtime.points.length>n&&e.runtime.points.shift()},tt=t=>{var N,C,b,O,k,_,I,V,T;if(J("link"),u.mode==="edit"||!t)return;const e=Q();if((N=t.topic)!=null&&N.channel&&e&&t.topic.channel!==e||!d.shouldHandle(t,"trajectoryScatter"))return;const n=t.payload||{},i=u.conf,a=(i==null?void 0:i.data)||[],s=(i==null?void 0:i.common)||{};if(a.length>0&&!(s!=null&&s.multiObject)){const g=Y.getObjectId(s,s==null?void 0:s.useAlias,u.uid)||((C=a[0])==null?void 0:C.object_id),h=(n==null?void 0:n.objectId)||(n==null?void 0:n.object_id);if(g&&h&&String(g)!==String(h))return}const l=((b=u.conf)==null?void 0:b.options)||{},r=((O=l==null?void 0:l.listenXKey)==null?void 0:O.value)||p.value.listenXKey||"elevation",m=((k=l==null?void 0:l.listenYKey)==null?void 0:k.value)||p.value.listenYKey||"speed",c=((_=l==null?void 0:l.listenTimeKey)==null?void 0:_.value)||p.value.listenTimeKey||"",v=Number(n==null?void 0:n[r]),S=Number(n==null?void 0:n[m]),F=Z(n,t.topic,c);if(!Number.isFinite(v)||!Number.isFinite(S)){console.warn("[trajectoryScatter] 联动数据无法解析为数字，已跳过该点：",{channel:e,xKey:r,yKey:m,tKey:c,xRaw:n==null?void 0:n[r],yRaw:n==null?void 0:n[m],payload:n});return}Mt({x:v,y:S,t:F,color:(T=(V=(I=u.conf)==null?void 0:I.data)==null?void 0:V[0])==null?void 0:T.color}),j(),D(),E.value=Math.max(0,A.value.length-1),w(),B()},et=t=>{var N,C,b,O,k,_,I,V,T;J("incoming");const e=u.conf,n=e.data||[],i=e.common||e.COMMON||e.common,a=e.options||{},s=(i==null?void 0:i.source)||"mosaic";let l=(N=t==null?void 0:t.payload)!=null?N:t;["statistics","calculate"].includes(s)&&(l=Y.formatStatisticsResult(l,n));const r=[],m=(n==null?void 0:n[0])||{},c=m.xFv||"x",v=m.yFv||"y",S=m.timeFv||"time",F=m.color;if((C=l==null?void 0:l.history)!=null&&C.length)l.history.forEach((g,h)=>{var nt;const y=(g==null?void 0:g[0])||g||{},L=Number(y==null?void 0:y[c]),H=Number(y==null?void 0:y[v]),Nt=(nt=y==null?void 0:y[S])!=null?nt:h;if(!Number.isFinite(L)||!Number.isFinite(H)){console.warn("[trajectoryScatter] history 点位字段无法解析为数字，已跳过：",{xKey:c,yKey:v,tKey:S,xRaw:y==null?void 0:y[c],yRaw:y==null?void 0:y[v],obj:y});return}r.push({x:L,y:H,t:Nt,color:F})});else if(l&&typeof l=="object"){const g=i!=null&&i.multiObject?"":Y.getObjectId(i,i==null?void 0:i.useAlias,u.uid),h=g&&((O=(b=l==null?void 0:l[g])==null?void 0:b[s])==null?void 0:O.data)||((k=l==null?void 0:l[s])==null?void 0:k.data)||(l==null?void 0:l.data)||l,y=Number(h==null?void 0:h[c]),L=Number(h==null?void 0:h[v]),H=Z(h,l,S);!Number.isFinite(y)||!Number.isFinite(L)?console.warn("[trajectoryScatter] 实时点位字段无法解析为数字，已跳过：",{objectId:g,source:s,xKey:c,yKey:v,tKey:S,xRaw:h==null?void 0:h[c],yRaw:h==null?void 0:h[v],objKeys:h&&typeof h=="object"?Object.keys(h).slice(0,50):void 0,obj:h,payload:l}):r.push({x:y,y:L,t:H,color:F})}if(e.runtime||(e.runtime={}),Array.isArray(e.runtime.points)||(e.runtime.points=[]),(_=l==null?void 0:l.history)!=null&&_.length)e.runtime.points=r;else if(r.length){e.runtime.points=[...e.runtime.points,...r];const g=Math.max(1,Number((T=(V=(I=a==null?void 0:a.points)==null?void 0:I.value)!=null?V:f.getStyle().value.points)!=null?T:200));e.runtime.points.length>g&&(e.runtime.points=e.runtime.points.slice(e.runtime.points.length-g))}D(),w(),B()};return o.watchEffect(()=>{u.conf.socketData&&f.setSocketData(u.conf.socketData)}),o.watch(()=>{var t;return(t=u.conf)==null?void 0:t.options},()=>{f.getStyle().value=f.extractStyles(),j(),D(),w(),B()},{deep:!0}),o.onMounted(()=>{const t=u.conf;t&&t.runtime&&(t.runtime.points=[],t.runtime.allPoints=[]),j(),D(),w(),B()}),o.onBeforeUnmount(()=>{P()}),(t,e)=>(o.openBlock(),o.createElementBlock("div",{class:"mix-component",style:o.normalizeStyle({background:o.unref(p).bgColor,borderRadius:`${o.unref(p).radiusSize}px`})},[o.unref(p).isHideTitle?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",{key:0,class:"mix-title",style:o.normalizeStyle(ht.value)},o.toDisplayString(x.conf.caption||x.conf.name),5)),o.createElementVNode("div",Pt,[o.createElementVNode("div",Ft,[o.createElementVNode("div",{class:"echart-container",id:o.unref(mt)},null,8,zt)]),o.createElementVNode("div",{class:"timeline",style:o.normalizeStyle({height:`${o.unref(p).timelineHeight}px`})},[o.createElementVNode("div",Dt,[o.createElementVNode("div",{class:o.normalizeClass(["play",{active:z.value}]),onClick:St},"II",2)]),o.createElementVNode("div",wt,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(A.value,(n,i)=>(o.openBlock(),o.createElementBlock("div",{key:i,class:o.normalizeClass(["time-item",{active:i===E.value}]),onClick:a=>pt(i)},o.toDisplayString(n),11,Lt))),128))],512)],4)]),o.renderSlot(t.$slots,"default",{},void 0,!0)],4))}})),qt=rt._export_sfc(Yt,[["__scopeId","data-v-20eb6dcc"]]);exports.default=qt;

package/dist/trajectoryScatter-VLrmImlq.js

@@ -0,0 +1,525 @@
+var At = Object.defineProperty, Tt = Object.defineProperties;
+var Pt = Object.getOwnPropertyDescriptors;
+var ot = Object.getOwnPropertySymbols;
+var Ft = Object.prototype.hasOwnProperty, wt = Object.prototype.propertyIsEnumerable;
+var rt = (v, c, x) => c in v ? At(v, c, { enumerable: !0, configurable: !0, writable: !0, value: x }) : v[c] = x, ct = (v, c) => {
+  for (var x in c || (c = {}))
+    Ft.call(c, x) && rt(v, x, c[x]);
+  if (ot)
+    for (var x of ot(c))
+      wt.call(c, x) && rt(v, x, c[x]);
+  return v;
+}, ut = (v, c) => Tt(v, Pt(c));
+import { defineComponent as Dt, computed as K, ref as $, watch as mt, watchEffect as Et, onMounted as Lt, onBeforeUnmount as zt, openBlock as Z, createElementBlock as G, normalizeStyle as q, unref as R, toDisplayString as ht, createCommentVNode as Kt, createElementVNode as w, normalizeClass as yt, Fragment as $t, renderList as Rt, renderSlot as jt, nextTick as gt } from "vue";
+import { d as ft, C as Ht, i as Yt } from "./element-resize-detector-DJcsrJ8s.js";
+import { u as Xt, _ as Bt } from "./index-kShjySl9.js";
+import { E as Ut } from "./EChartComponentBase-BQOhWkz2.js";
+import { g as Zt } from "./titleStyle-BT5GlpAb.js";
+import { A as Gt, D as Wt } from "./ele-circleBar-icon-DNBUxt0A.js";
+import { i as qt } from "./install-BBrAry2m.js";
+import { u as Jt, i as Qt, a as te } from "./installCanvasRenderer-CLT2hquJ.js";
+import { i as ee } from "./install-FDYiy_gL.js";
+import { i as ne } from "./install-8XfFtnlL.js";
+const ie = { class: "mix-body" }, le = { class: "chart-wrap" }, ae = ["id"], se = { class: "timeline-left" }, oe = {
+  class: "timeline-track",
+  ref: "trackRef"
+}, re = ["onClick"], ce = {
+  DEFAULT_ICON: Wt,
+  ACTIVE_ICON: Gt,
+  NAME_CN: "动态轨迹分布图",
+  NAME_EN: "TrajectoryScatter",
+  ORDER: 1
+}, ue = {
+  titleColor: "#111",
+  textColor: "#111",
+  bgColor: "#fff",
+  radiusSize: 8,
+  textSize: 12,
+  isHideTitle: !1,
+  top: 30,
+  bottom: 50,
+  left: 50,
+  right: 30,
+  xName: { value: "x", type: "string", label: "setting.trajectoryScatter_xName" },
+  yName: { value: "y", type: "string", label: "setting.trajectoryScatter_yName" },
+  showTrail: { value: !0, type: "switch", label: "setting.trajectoryScatter_showTrail" },
+  trailLength: { value: 30, type: "number", label: "setting.trajectoryScatter_trailLength", dependent: "showTrail" },
+  points: { value: 12, type: "number", label: "setting.trajectoryScatter_points" },
+  autoPlay: { value: !0, type: "switch", label: "setting.trajectoryScatter_autoPlay" },
+  interval: { value: 1e3, type: "number", label: "setting.trajectoryScatter_interval", dependent: "autoPlay" },
+  timelineHeight: { value: 36, type: "number", label: "setting.trajectoryScatter_timelineHeight" },
+  dotSize: { value: 10, type: "number", label: "setting.trajectoryScatter_dotSize" },
+  activeDotColor: { value: "#4162ff", type: "color", label: "setting.trajectoryScatter_activeDotColor" },
+  dotColor: { value: "#c7c7c7", type: "color", label: "setting.trajectoryScatter_dotColor" },
+  // 联动频道配置（参考 gnss 组件）
+  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" }
+  },
+  // 联动数据字段映射（从广播 payload 中取值）
+  listenXKey: { value: "elevation", type: "string", label: "setting.trajectoryScatter_listenXKey" },
+  listenYKey: { value: "speed", type: "string", label: "setting.trajectoryScatter_listenYKey" },
+  listenTimeKey: { value: "", type: "string", label: "setting.trajectoryScatter_listenTimeKey" },
+  // 无后端模拟数据
+  useMock: { value: !0, type: "switch", label: "setting.trajectoryScatter_useMock" },
+  mockCount: { value: 12, type: "number", label: "setting.trajectoryScatter_mockCount", dependent: "useMock" },
+  // 坐标轴范围（锁定后避免抖动；为空则按首次数据自动锁定）
+  xMin: { value: "", type: "string", label: "setting.trajectoryScatter_xMin" },
+  xMax: { value: "", type: "string", label: "setting.trajectoryScatter_xMax" },
+  yMin: { value: "", type: "string", label: "setting.trajectoryScatter_yMin" },
+  yMax: { value: "", type: "string", label: "setting.trajectoryScatter_yMax" },
+  lockAxis: { value: !0, type: "switch", label: "setting.trajectoryScatter_lockAxis" }
+}, vt = [
+  {
+    name: "轨迹点",
+    fv_x: "elevation",
+    // X轴字段
+    fv_y: "speed",
+    // Y轴字段
+    color: "#ff5a5f",
+    object_id: ""
+  }
+], me = ["name", "fv_x", "fv_y", "object_id", "color"], he = ["mosaic", "statistics", "calculate"], ye = {
+  useAlias: !1,
+  multiObject: !0,
+  source: "mosaic"
+}, ge = { DEFAULT: ce, OPTIONS: ue, DATA: vt, PARAMS: me, SOURCE: he, COMMON: ye }, fe = /* @__PURE__ */ Dt(ut(ct({}, ge), {
+  __name: "trajectoryScatter",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(v) {
+    Jt([qt, Qt, te, ee, ne]);
+    const c = v, x = Xt();
+    let j = null;
+    class xt extends Ut {
+      extractStyles() {
+        const e = this.getOptionValue("linkChannel", "deepDisplacement"), n = this.getOptionValue("customChannel", ""), i = e === "custom" && n ? n : e;
+        return {
+          bgColor: this.getOptionValue("bgColor", "#fff"),
+          titleColor: this.getOptionValue("titleColor", "#111"),
+          textColor: this.getOptionValue("textColor", "#111"),
+          radiusSize: this.getOptionValue("radiusSize", 8),
+          textSize: this.getOptionValue("textSize", 12),
+          isHideTitle: this.getOptionValue("isHideTitle", !1),
+          top: this.getOptionValue("top", 30),
+          bottom: this.getOptionValue("bottom", 50),
+          left: this.getOptionValue("left", 50),
+          right: this.getOptionValue("right", 30),
+          xName: this.getOptionValue("xName", "x"),
+          yName: this.getOptionValue("yName", "y"),
+          showTrail: this.getOptionValue("showTrail", !0),
+          trailLength: this.getOptionValue("trailLength", 30),
+          points: this.getOptionValue("points", 12),
+          autoPlay: this.getOptionValue("autoPlay", !0),
+          interval: this.getOptionValue("interval", 1e3),
+          timelineHeight: this.getOptionValue("timelineHeight", 36),
+          dotSize: this.getOptionValue("dotSize", 10),
+          activeDotColor: this.getOptionValue("activeDotColor", "#4162ff"),
+          dotColor: this.getOptionValue("dotColor", "#c7c7c7"),
+          linkChannel: i,
+          listenXKey: this.getOptionValue("listenXKey", "elevation"),
+          listenYKey: this.getOptionValue("listenYKey", "speed"),
+          listenTimeKey: this.getOptionValue("listenTimeKey", ""),
+          useMock: this.getOptionValue("useMock", !0),
+          mockCount: this.getOptionValue("mockCount", 12),
+          lockAxis: this.getOptionValue("lockAxis", !0),
+          xMin: this.getOptionValue("xMin", ""),
+          xMax: this.getOptionValue("xMax", ""),
+          yMin: this.getOptionValue("yMin", ""),
+          yMax: this.getOptionValue("yMax", "")
+        };
+      }
+      init() {
+        var e;
+        this.Style.value = this.extractStyles(), this.applyTheme(), (e = this.props.conf.data) != null && e.length || (this.props.conf.data = vt), gt(() => this.initChart());
+      }
+      getChartOption() {
+        var l, o, u, r, g, S;
+        const { options: e } = this.props.conf, n = ((l = e == null ? void 0 : e.xName) == null ? void 0 : l.value) || this.Style.value.xName, i = ((o = e == null ? void 0 : e.yName) == null ? void 0 : o.value) || this.Style.value.yName, a = Ct.value, s = (a == null ? void 0 : a.color) || Ht[0];
+        return {
+          grid: {
+            top: this.Style.value.top,
+            bottom: this.Style.value.bottom,
+            left: this.Style.value.left,
+            right: this.Style.value.right,
+            containLabel: !0
+          },
+          tooltip: {
+            trigger: "item"
+          },
+          xAxis: {
+            type: "value",
+            name: n,
+            min: (u = d.value) == null ? void 0 : u.xMin,
+            max: (r = d.value) == null ? void 0 : r.xMax,
+            axisLine: { onZero: !0, onZeroAxisIndex: 0 },
+            nameTextStyle: { color: this.Style.value.textColor, fontSize: this.Style.value.textSize },
+            axisLabel: { color: this.Style.value.textColor, fontSize: this.Style.value.textSize },
+            splitLine: { lineStyle: { color: "#e5e5e5" } }
+          },
+          yAxis: {
+            type: "value",
+            name: i,
+            min: (g = d.value) == null ? void 0 : g.yMin,
+            max: (S = d.value) == null ? void 0 : S.yMax,
+            axisLine: { onZero: !0, onZeroAxisIndex: 0 },
+            nameTextStyle: { color: this.Style.value.textColor, fontSize: this.Style.value.textSize },
+            axisLabel: { color: this.Style.value.textColor, fontSize: this.Style.value.textSize },
+            splitLine: { lineStyle: { color: "#e5e5e5" } }
+          },
+          series: [
+            // 历史轨迹点（全部显示）
+            {
+              name: "points",
+              type: "scatter",
+              data: dt.value,
+              symbolSize: 8,
+              itemStyle: { color: s, opacity: 0.45 }
+            },
+            // 当前点（高亮）
+            {
+              name: "current",
+              type: "scatter",
+              data: a ? [[a.x, a.y]] : [],
+              symbolSize: 12,
+              itemStyle: { color: s }
+            },
+            // 轨迹线（使用 line 系列，绑定 xAxis/yAxis，不再用 lines）
+            {
+              name: "trail",
+              type: "line",
+              showSymbol: !1,
+              smooth: !1,
+              data: this.Style.value.showTrail ? Ot.value : [],
+              lineStyle: { color: s, width: 2, opacity: 0.6 },
+              silent: !0
+            }
+          ]
+        };
+      }
+      setHistoryData(e) {
+        at(e);
+      }
+      setSocketData(e) {
+        e && at(e);
+      }
+      onLinkEvent(e) {
+        lt(e);
+      }
+    }
+    const f = new xt(c, "trajectoryScatter"), pt = f.getEchartId();
+    f.setupLifecycle();
+    const p = f.getStyle(), St = K(() => Zt(c.conf.options)), A = $([]), H = (t) => typeof t == "number" && Number.isFinite(t), dt = K(() => {
+      var e, n;
+      return (((n = (e = c.conf) == null ? void 0 : e.runtime) == null ? void 0 : n.points) || []).map((i) => [Number(i == null ? void 0 : i.x), Number(i == null ? void 0 : i.y)]).filter((i) => H(i == null ? void 0 : i[0]) && H(i == null ? void 0 : i[1]));
+    }), Mt = K(() => {
+      var n;
+      const t = ((n = c.conf) == null ? void 0 : n.runtime) || {}, e = t.allPoints || t.points || [];
+      return Array.isArray(e) ? e : [];
+    }), d = $(null), J = $(null), Y = (t) => {
+      if (t === "" || t === null || t === void 0) return null;
+      const e = Number(t);
+      return isNaN(e) ? null : e;
+    }, Q = (t, e, n) => {
+      var a, s, l, o, u, r;
+      return n && t && t[n] !== void 0 ? t[n] : n && e && e[n] !== void 0 ? e[n] : (r = (u = (o = (l = (s = (a = t == null ? void 0 : t.time) != null ? a : t == null ? void 0 : t.timestamp) != null ? s : t == null ? void 0 : t.datetime) != null ? l : e == null ? void 0 : e.time) != null ? o : e == null ? void 0 : e.timestamp) != null ? u : e == null ? void 0 : e.datetime) != null ? r : e == null ? void 0 : e.datatime;
+    }, bt = (t) => {
+      if (t == null) return "";
+      const e = Number(t);
+      if (Number.isFinite(e) && String(t).length >= 12)
+        try {
+          const i = new Date(e), a = i.getFullYear(), s = String(i.getMonth() + 1).padStart(2, "0"), l = String(i.getDate()).padStart(2, "0"), o = String(i.getHours()).padStart(2, "0"), u = String(i.getMinutes()).padStart(2, "0"), r = String(i.getSeconds()).padStart(2, "0");
+          return `${a}-${s}-${l} ${o}:${u}:${r}`;
+        } catch (i) {
+          return String(t);
+        }
+      const n = String(t);
+      if (n.includes(" ") || n.includes("T")) {
+        const i = n.replace("T", " "), [a, s] = i.split(" ");
+        if (s) {
+          const [l, o, u] = s.split(":");
+          if (l !== void 0 && o !== void 0 && u !== void 0)
+            return `${a} ${l}:${o}:${u.slice(0, 2)}`;
+        }
+      }
+      return n;
+    }, Nt = (t) => {
+      if (!(t != null && t.length)) return null;
+      let e = Number.POSITIVE_INFINITY, n = Number.NEGATIVE_INFINITY, i = Number.POSITIVE_INFINITY, a = Number.NEGATIVE_INFINITY;
+      if (t.forEach((o) => {
+        const u = Number(o == null ? void 0 : o.x), r = Number(o == null ? void 0 : o.y);
+        isNaN(u) || (e = Math.min(e, u), n = Math.max(n, u)), isNaN(r) || (i = Math.min(i, r), a = Math.max(a, r));
+      }), !isFinite(e) || !isFinite(n) || !isFinite(i) || !isFinite(a)) return null;
+      const s = (n - e) * 0.1 || 1, l = (a - i) * 0.1 || 1;
+      return { xMin: e - s, xMax: n + s, yMin: i - l, yMax: a + l };
+    }, X = () => {
+      var u, r, g, S, F, M, b, N, C, O, k, _, I, V, y, m, h;
+      const t = ((u = c.conf) == null ? void 0 : u.options) || {};
+      if (!((g = (r = t == null ? void 0 : t.lockAxis) == null ? void 0 : r.value) != null ? g : f.getStyle().value.lockAxis)) {
+        d.value = null;
+        return;
+      }
+      const n = Y((F = (S = t == null ? void 0 : t.xMin) == null ? void 0 : S.value) != null ? F : f.getStyle().value.xMin), i = Y((b = (M = t == null ? void 0 : t.xMax) == null ? void 0 : M.value) != null ? b : f.getStyle().value.xMax), a = Y((C = (N = t == null ? void 0 : t.yMin) == null ? void 0 : N.value) != null ? C : f.getStyle().value.yMin), s = Y((k = (O = t == null ? void 0 : t.yMax) == null ? void 0 : O.value) != null ? k : f.getStyle().value.yMax);
+      if (n !== null || i !== null || a !== null || s !== null) {
+        d.value = {
+          xMin: n !== null ? Math.min(n, 0) : void 0,
+          xMax: i !== null ? Math.max(i, 0) : void 0,
+          yMin: a !== null ? Math.min(a, 0) : void 0,
+          yMax: s !== null ? Math.max(s, 0) : void 0
+        };
+        return;
+      }
+      if (d.value) return;
+      const l = ((I = (_ = c.conf) == null ? void 0 : _.runtime) == null ? void 0 : I.points) || [], o = Nt(l);
+      if (!o) {
+        d.value = { xMin: 0, xMax: 10, yMin: 0, yMax: 10 };
+        return;
+      }
+      d.value = {
+        xMin: Math.min((V = o.xMin) != null ? V : 0, 0),
+        xMax: Math.max((y = o.xMax) != null ? y : 0, 0),
+        yMin: Math.min((m = o.yMin) != null ? m : 0, 0),
+        yMax: Math.max((h = o.yMax) != null ? h : 0, 0)
+      };
+    }, T = $(0), D = $(!1), Ct = K(() => {
+      var e, n;
+      const t = ((n = (e = c.conf) == null ? void 0 : e.runtime) == null ? void 0 : n.points) || [];
+      return t[t.length - 1] || null;
+    }), Ot = K(() => {
+      var i, a, s, l, o, u;
+      const t = ((a = (i = c.conf) == null ? void 0 : i.runtime) == null ? void 0 : a.points) || [], e = Number((u = (o = (l = (s = c.conf) == null ? void 0 : s.options) == null ? void 0 : l.trailLength) == null ? void 0 : o.value) != null ? u : p.value.trailLength), n = Math.max(0, t.length - Math.max(1, e));
+      return t.slice(n).map((r) => [Number(r == null ? void 0 : r.x), Number(r == null ? void 0 : r.y)]).filter((r) => H(r == null ? void 0 : r[0]) && H(r == null ? void 0 : r[1]));
+    }), E = () => {
+      const t = Mt.value;
+      A.value = t.map((e, n) => {
+        var i;
+        return bt((i = e.t) != null ? i : n);
+      }), T.value >= A.value.length && (T.value = Math.max(0, A.value.length - 1));
+    }, tt = (t) => {
+      if (!t || t.seriesName !== "points" && t.seriesName !== "current") return;
+      const e = c.conf;
+      if (!e.runtime) return;
+      const n = e.runtime.allPoints, i = e.runtime.points || [];
+      if (!Array.isArray(i) || !i.length) return;
+      let a = 0;
+      if (Array.isArray(n) && n.length >= i.length) {
+        const s = n.length - i.length, l = typeof t.dataIndex == "number" ? t.dataIndex : 0;
+        a = Math.max(0, Math.min(s + l, n.length - 1));
+      } else {
+        const s = typeof t.dataIndex == "number" ? t.dataIndex : 0;
+        a = Math.max(0, Math.min(s, i.length - 1));
+      }
+      P(), W(a);
+    }, L = () => {
+      gt(() => {
+        const t = f.getChartInstance();
+        t && (t.setOption(f.getChartOption(), !0), t.off("click", tt), t.on("click", tt));
+      });
+    }, W = (t) => {
+      var l, o, u, r;
+      const e = c.conf;
+      e.runtime || (e.runtime = {});
+      const n = e.runtime.allPoints || [];
+      if (!Array.isArray(n) || !n.length) return;
+      const i = Math.max(1, Number((r = (u = (o = (l = e.options) == null ? void 0 : l.points) == null ? void 0 : o.value) != null ? u : p.value.points) != null ? r : 200)), a = Math.max(0, Math.min(t, n.length - 1)), s = Math.max(0, a - i + 1);
+      e.runtime.points = n.slice(s, a + 1), T.value = a, X(), E(), L();
+    }, kt = (t) => {
+      P(), W(t);
+    }, P = () => {
+      D.value = !1, j && (clearInterval(j), j = null);
+    }, et = () => {
+      var e, n, i, a;
+      P(), D.value = !0;
+      const t = Number((a = (i = (n = (e = c.conf) == null ? void 0 : e.options) == null ? void 0 : n.interval) == null ? void 0 : i.value) != null ? a : p.value.interval);
+      j = setInterval(() => {
+        var o;
+        const s = c.conf, l = ((o = s == null ? void 0 : s.runtime) == null ? void 0 : o.allPoints) || [];
+        if (!(!Array.isArray(l) || !l.length)) {
+          if (T.value >= l.length - 1) {
+            P();
+            return;
+          }
+          W(T.value + 1);
+        }
+      }, Math.max(200, t));
+    }, _t = () => {
+      A.value.length && (D.value ? P() : et());
+    }, nt = (t) => {
+      J.value !== t && (J.value = t, d.value = null);
+    }, B = () => {
+      var i, a, s;
+      const t = ((i = c.conf) == null ? void 0 : i.options) || {}, e = (s = (a = t == null ? void 0 : t.autoPlay) == null ? void 0 : a.value) != null ? s : p.value.autoPlay, n = A.value.length > 1;
+      if (e && n) {
+        D.value || et();
+        return;
+      }
+      D.value && P();
+    }, it = () => {
+      var i, a, s;
+      const t = ((i = c.conf) == null ? void 0 : i.options) || {}, e = ((a = t == null ? void 0 : t.linkChannel) == null ? void 0 : a.value) || p.value.linkChannel || "deepDisplacement", n = ((s = t == null ? void 0 : t.customChannel) == null ? void 0 : s.value) || "";
+      return e === "custom" && n ? n : e;
+    };
+    mt(
+      () => x.channels[it()],
+      (t) => {
+        t && lt(t);
+      },
+      { deep: !0 }
+    );
+    const It = (t) => {
+      var i, a, s, l;
+      const e = c.conf;
+      e.runtime || (e.runtime = {}), Array.isArray(e.runtime.points) || (e.runtime.points = []), e.runtime.points.push(t);
+      const n = Math.max(1, Number((l = (s = (a = (i = e.options) == null ? void 0 : i.points) == null ? void 0 : a.value) != null ? s : p.value.points) != null ? l : 200));
+      e.runtime.points.length > n && e.runtime.points.shift();
+    }, lt = (t) => {
+      var M, b, N, C, O, k, _, I, V;
+      if (nt("link"), c.mode === "edit" || !t) return;
+      const e = it();
+      if ((M = t.topic) != null && M.channel && e && t.topic.channel !== e || !x.shouldHandle(t, "trajectoryScatter")) return;
+      const n = t.payload || {}, i = c.conf, a = (i == null ? void 0 : i.data) || [], s = (i == null ? void 0 : i.common) || {};
+      if (a.length > 0 && !(s != null && s.multiObject)) {
+        const y = ft(s, s == null ? void 0 : s.useAlias, c.uid) || ((b = a[0]) == null ? void 0 : b.object_id), m = (n == null ? void 0 : n.objectId) || (n == null ? void 0 : n.object_id);
+        if (y && m && String(y) !== String(m))
+          return;
+      }
+      const l = ((N = c.conf) == null ? void 0 : N.options) || {}, o = ((C = l == null ? void 0 : l.listenXKey) == null ? void 0 : C.value) || p.value.listenXKey || "elevation", u = ((O = l == null ? void 0 : l.listenYKey) == null ? void 0 : O.value) || p.value.listenYKey || "speed", r = ((k = l == null ? void 0 : l.listenTimeKey) == null ? void 0 : k.value) || p.value.listenTimeKey || "", g = Number(n == null ? void 0 : n[o]), S = Number(n == null ? void 0 : n[u]), F = Q(n, t.topic, r);
+      if (!Number.isFinite(g) || !Number.isFinite(S)) {
+        console.warn("[trajectoryScatter] 联动数据无法解析为数字，已跳过该点：", {
+          channel: e,
+          xKey: o,
+          yKey: u,
+          tKey: r,
+          xRaw: n == null ? void 0 : n[o],
+          yRaw: n == null ? void 0 : n[u],
+          payload: n
+        });
+        return;
+      }
+      It({ x: g, y: S, t: F, color: (V = (I = (_ = c.conf) == null ? void 0 : _.data) == null ? void 0 : I[0]) == null ? void 0 : V.color }), X(), E(), T.value = Math.max(0, A.value.length - 1), L(), B();
+    }, at = (t) => {
+      var M, b, N, C, O, k, _, I, V;
+      nt("incoming");
+      const e = c.conf, n = e.data || [], i = e.common || e.COMMON || e.common, a = e.options || {}, s = (i == null ? void 0 : i.source) || "mosaic";
+      let l = (M = t == null ? void 0 : t.payload) != null ? M : t;
+      ["statistics", "calculate"].includes(s) && (l = Yt(l, n));
+      const o = [], u = (n == null ? void 0 : n[0]) || {}, r = u.xFv || "x", g = u.yFv || "y", S = u.timeFv || "time", F = u.color;
+      if ((b = l == null ? void 0 : l.history) != null && b.length)
+        l.history.forEach((y, m) => {
+          var st;
+          const h = (y == null ? void 0 : y[0]) || y || {}, z = Number(h == null ? void 0 : h[r]), U = Number(h == null ? void 0 : h[g]), Vt = (st = h == null ? void 0 : h[S]) != null ? st : m;
+          if (!Number.isFinite(z) || !Number.isFinite(U)) {
+            console.warn("[trajectoryScatter] history 点位字段无法解析为数字，已跳过：", {
+              xKey: r,
+              yKey: g,
+              tKey: S,
+              xRaw: h == null ? void 0 : h[r],
+              yRaw: h == null ? void 0 : h[g],
+              obj: h
+            });
+            return;
+          }
+          o.push({ x: z, y: U, t: Vt, color: F });
+        });
+      else if (l && typeof l == "object") {
+        const y = i != null && i.multiObject ? "" : ft(i, i == null ? void 0 : i.useAlias, c.uid), m = y && ((C = (N = l == null ? void 0 : l[y]) == null ? void 0 : N[s]) == null ? void 0 : C.data) || ((O = l == null ? void 0 : l[s]) == null ? void 0 : O.data) || (l == null ? void 0 : l.data) || l, h = Number(m == null ? void 0 : m[r]), z = Number(m == null ? void 0 : m[g]), U = Q(m, l, S);
+        !Number.isFinite(h) || !Number.isFinite(z) ? console.warn("[trajectoryScatter] 实时点位字段无法解析为数字，已跳过：", {
+          objectId: y,
+          source: s,
+          xKey: r,
+          yKey: g,
+          tKey: S,
+          xRaw: m == null ? void 0 : m[r],
+          yRaw: m == null ? void 0 : m[g],
+          // 便于看清到底落到了哪一层
+          objKeys: m && typeof m == "object" ? Object.keys(m).slice(0, 50) : void 0,
+          obj: m,
+          payload: l
+        }) : o.push({ x: h, y: z, t: U, color: F });
+      }
+      if (e.runtime || (e.runtime = {}), Array.isArray(e.runtime.points) || (e.runtime.points = []), (k = l == null ? void 0 : l.history) != null && k.length)
+        e.runtime.points = o;
+      else if (o.length) {
+        e.runtime.points = [...e.runtime.points, ...o];
+        const y = Math.max(1, Number((V = (I = (_ = a == null ? void 0 : a.points) == null ? void 0 : _.value) != null ? I : f.getStyle().value.points) != null ? V : 200));
+        e.runtime.points.length > y && (e.runtime.points = e.runtime.points.slice(e.runtime.points.length - y));
+      }
+      E(), L(), B();
+    };
+    return Et(() => {
+      c.conf.socketData && f.setSocketData(c.conf.socketData);
+    }), mt(
+      () => {
+        var t;
+        return (t = c.conf) == null ? void 0 : t.options;
+      },
+      () => {
+        f.getStyle().value = f.extractStyles(), X(), E(), L(), B();
+      },
+      { deep: !0 }
+    ), Lt(() => {
+      const t = c.conf;
+      t && t.runtime && (t.runtime.points = [], t.runtime.allPoints = []), X(), E(), L(), B();
+    }), zt(() => {
+      P();
+    }), (t, e) => (Z(), G("div", {
+      class: "mix-component",
+      style: q({ background: R(p).bgColor, borderRadius: `${R(p).radiusSize}px` })
+    }, [
+      R(p).isHideTitle ? Kt("", !0) : (Z(), G("div", {
+        key: 0,
+        class: "mix-title",
+        style: q(St.value)
+      }, ht(v.conf.caption || v.conf.name), 5)),
+      w("div", ie, [
+        w("div", le, [
+          w("div", {
+            class: "echart-container",
+            id: R(pt)
+          }, null, 8, ae)
+        ]),
+        w("div", {
+          class: "timeline",
+          style: q({ height: `${R(p).timelineHeight}px` })
+        }, [
+          w("div", se, [
+            w("div", {
+              class: yt(["play", { active: D.value }]),
+              onClick: _t
+            }, "II", 2)
+          ]),
+          w("div", oe, [
+            (Z(!0), G($t, null, Rt(A.value, (n, i) => (Z(), G("div", {
+              key: i,
+              class: yt(["time-item", { active: i === T.value }]),
+              onClick: (a) => kt(i)
+            }, ht(n), 11, re))), 128))
+          ], 512)
+        ], 4)
+      ]),
+      jt(t.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), _e = /* @__PURE__ */ Bt(fe, [["__scopeId", "data-v-20eb6dcc"]]);
+export {
+  _e as default
+};