gisviewer-vue3-arcgis 1.0.223 → 1.0.224

package/lib/src/gis-map/utils/holo-flow/signal-countdown-panel.vue.d.ts

@@ -3,6 +3,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    flash: {
+        type: BooleanConstructor;
+        required: true;
+    };
     crossId: {
         type: StringConstructor;
         required: true;
@@ -36,6 +40,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }, {
+    colors: string[];
     props: any;
     panelStyle: import("vue").ComputedRef<{
         top: string;
@@ -43,16 +48,36 @@ declare const _sfc_main: import("vue").DefineComponent<{
         'transform-origin': string;
         transform: string;
     }>;
-    uImage: import("vue").ComputedRef<string>;
-    uNumberStyle: import("vue").ComputedRef<any>;
     blImage: import("vue").ComputedRef<string>;
     blNumberStyle: import("vue").ComputedRef<any>;
+    blLampStyle: import("vue").ComputedRef<{
+        display: string;
+        animation: string;
+    }>;
+    uImage: import("vue").ComputedRef<string>;
+    uNumberStyle: import("vue").ComputedRef<any>;
+    uLampStyle: import("vue").ComputedRef<{
+        display: string;
+        animation: string;
+    }>;
     lImage: import("vue").ComputedRef<string>;
     lNumberStyle: import("vue").ComputedRef<any>;
+    lLampStyle: import("vue").ComputedRef<{
+        display: string;
+        animation: string;
+    }>;
     sImage: import("vue").ComputedRef<string>;
     sNumberStyle: import("vue").ComputedRef<any>;
+    sLampStyle: import("vue").ComputedRef<{
+        display: string;
+        animation: string;
+    }>;
     rImage: import("vue").ComputedRef<string>;
     rNumberStyle: import("vue").ComputedRef<any>;
+    rLampStyle: import("vue").ComputedRef<{
+        display: string;
+        animation: string;
+    }>;
     getColorString: (color: string | undefined) => "red" | "rgb(255, 192, 2)" | "lime" | "white";
     getNumberStyle: (color: string | undefined) => any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -60,6 +85,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    flash: {
+        type: BooleanConstructor;
+        required: true;
+    };
     crossId: {
         type: StringConstructor;
         required: true;

package/lib/src/gis-map/utils/holo-flow/signal-countdown-panel.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h={key:0,class:"signal-countdown-container"},b=["src"],w={key:1,class:"signal-countdown-container"},V=["src"],C={key:2,class:"signal-countdown-container"},E=["src"],_={key:3,class:"signal-countdown-container"},k=["src"],B={key:4,class:"signal-countdown-container"},I=["src"],f=e.defineComponent({__name:"signal-countdown-panel",props:{displayMode:{},crossId:{},roadId:{},mapPoint:{},stopLine:{},scale:{},position:{},rotation:{},lampStatus:{}},setup(a){const t=a,r=e.computed(()=>({top:`${t.position.top}px`,left:`${t.position.left}px`,"transform-origin":"bottom center",transform:`translateX(-50%) translateY(-100%) rotate(${t.rotation}deg) scale(${t.scale})`})),c=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/u-${t.lampStatus.uColor}.png`),i=e.computed(()=>l(t.lampStatus.uColor)),u=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/bl-${t.lampStatus.blColor}.png`),m=e.computed(()=>l(t.lampStatus.blColor)),d=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/l-${t.lampStatus.lColor}.png`),p=e.computed(()=>l(t.lampStatus.lColor)),g=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/s-${t.lampStatus.sColor}.png`),S=e.computed(()=>l(t.lampStatus.sColor)),y=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/r-${t.lampStatus.rColor}.png`),v=e.computed(()=>l(t.lampStatus.rColor)),N=o=>{switch(o){case"red":return"red";case"yellow":return"rgb(255, 192, 2)";case"green":return"lime";default:return"white"}},l=o=>{const n={color:N(o)},s=t.rotation<0?t.rotation+360:t.rotation;return s>135&&s<225&&(n.transform="rotate(180deg)"),n};return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:"signal-countdown-panel",style:e.normalizeStyle(r.value)},[o.lampStatus.uColor?(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(i.value)},e.toDisplayString(o.lampStatus.uNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:c.value,width:"20px",height:"20px"},null,8,b)])])):e.createCommentVNode("",!0),o.lampStatus.blColor?(e.openBlock(),e.createElementBlock("div",w,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(m.value)},e.toDisplayString(o.lampStatus.blNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:u.value,width:"20px",height:"20px"},null,8,V)])])):e.createCommentVNode("",!0),o.lampStatus.lColor?(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(p.value)},e.toDisplayString(o.lampStatus.lNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:d.value,width:"20px",height:"20px"},null,8,E)])])):e.createCommentVNode("",!0),o.lampStatus.sColor?(e.openBlock(),e.createElementBlock("div",_,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(S.value)},e.toDisplayString(o.lampStatus.sNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:g.value,width:"20px",height:"20px"},null,8,k)])])):e.createCommentVNode("",!0),o.lampStatus.rColor!==void 0?(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(v.value)},e.toDisplayString(o.lampStatus.rNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:y.value,width:"20px",height:"20px"},null,8,I)])])):e.createCommentVNode("",!0)],4))}});exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V={key:0,class:"signal-countdown-container"},E=["src"],_={key:1,class:"signal-countdown-container"},B=["src"],I={key:2,class:"signal-countdown-container"},z=["src"],L={key:3,class:"signal-countdown-container"},$=["src"],A={key:4,class:"signal-countdown-container"},D=["src"],G=e.defineComponent({__name:"signal-countdown-panel",props:{displayMode:{},flash:{type:Boolean},crossId:{},roadId:{},mapPoint:{},stopLine:{},scale:{},position:{},rotation:{},lampStatus:{}},setup(r){const o=["red","yellow","green","grey"],t=r,i=e.computed(()=>({top:`${t.position.top}px`,left:`${t.position.left}px`,"transform-origin":"bottom center",transform:`translateX(-50%) translateY(-100%) rotate(${t.rotation}deg) scale(${t.scale})`})),u=e.computed(()=>!t.lampStatus.blColor||!o.includes(t.lampStatus.blColor)?"":`/GisViewerAssets/Images/SignalLamp/bl-${t.lampStatus.blColor}.png`),m=e.computed(()=>n(t.lampStatus.blColor)),c=e.computed(()=>({display:t.lampStatus.blColor&&o.includes(t.lampStatus.blColor)?"block":"none",animation:t.flash?"blink 2s infinite":"none"})),p=e.computed(()=>!t.lampStatus.uColor||!o.includes(t.lampStatus.uColor)?"":`/GisViewerAssets/Images/SignalLamp/u-${t.lampStatus.uColor}.png`),d=e.computed(()=>n(t.lampStatus.uColor)),S=e.computed(()=>({display:t.lampStatus.uColor&&o.includes(t.lampStatus.uColor)?"block":"none",animation:t.flash?"blink 2s infinite":"none"})),g=e.computed(()=>!t.lampStatus.lColor||!o.includes(t.lampStatus.lColor)?"":`/GisViewerAssets/Images/SignalLamp/l-${t.lampStatus.lColor}.png`),y=e.computed(()=>n(t.lampStatus.lColor)),b=e.computed(()=>({display:t.lampStatus.lColor&&o.includes(t.lampStatus.lColor)?"block":"none",animation:t.flash?"blink 2s infinite":"none"})),C=e.computed(()=>!t.lampStatus.sColor||!o.includes(t.lampStatus.sColor)?"":`/GisViewerAssets/Images/SignalLamp/s-${t.lampStatus.sColor}.png`),v=e.computed(()=>n(t.lampStatus.sColor)),h=e.computed(()=>({display:t.lampStatus.sColor&&o.includes(t.lampStatus.sColor)?"block":"none",animation:t.flash?"blink 2s infinite":"none"})),N=e.computed(()=>!t.lampStatus.rColor||!o.includes(t.lampStatus.rColor)?"":`/GisViewerAssets/Images/SignalLamp/r-${t.lampStatus.rColor}.png`),f=e.computed(()=>n(t.lampStatus.rColor)),k=e.computed(()=>({display:t.lampStatus.rColor&&o.includes(t.lampStatus.rColor)?"block":"none",animation:t.flash?"blink 2s infinite":"none"})),w=l=>{switch(l){case"red":return"red";case"yellow":return"rgb(255, 192, 2)";case"green":return"lime";default:return"white"}},n=l=>{const a={color:w(l)},s=t.rotation<0?t.rotation+360:t.rotation;return s>135&&s<225&&(a.transform="rotate(180deg)"),a};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:"signal-countdown-panel",style:e.normalizeStyle(i.value)},[l.lampStatus.uColor?(e.openBlock(),e.createElementBlock("div",V,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(d.value)},e.toDisplayString(l.lampStatus.uNumber),5),e.createElementVNode("div",{style:e.normalizeStyle(S.value)},[e.createElementVNode("img",{src:p.value,width:"20px",height:"20px"},null,8,E)],4)])):e.createCommentVNode("",!0),l.lampStatus.blColor?(e.openBlock(),e.createElementBlock("div",_,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(m.value)},e.toDisplayString(l.lampStatus.blNumber),5),e.createElementVNode("div",{style:e.normalizeStyle(c.value)},[e.createElementVNode("img",{src:u.value,width:"20px",height:"20px"},null,8,B)],4)])):e.createCommentVNode("",!0),l.lampStatus.lColor?(e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(y.value)},e.toDisplayString(l.lampStatus.lNumber),5),e.createElementVNode("div",{style:e.normalizeStyle(b.value)},[e.createElementVNode("img",{src:g.value,width:"20px",height:"20px"},null,8,z)],4)])):e.createCommentVNode("",!0),l.lampStatus.sColor?(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(v.value)},e.toDisplayString(l.lampStatus.sNumber),5),e.createElementVNode("div",{style:e.normalizeStyle(h.value)},[e.createElementVNode("img",{src:C.value,width:"20px",height:"20px"},null,8,$)],4)])):e.createCommentVNode("",!0),l.lampStatus.rColor!==void 0?(e.openBlock(),e.createElementBlock("div",A,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(f.value)},e.toDisplayString(l.lampStatus.rNumber),5),e.createElementVNode("div",{style:e.normalizeStyle(k.value)},[e.createElementVNode("img",{src:N.value,width:"20px",height:"20px"},null,8,D)],4)])):e.createCommentVNode("",!0)],4))}});exports.default=G;

package/lib/src/gis-map/utils/holo-flow/signal-holo-flow-lsr.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("@arcgis/core/core/reactiveUtils"),f=require("@arcgis/core/geometry"),y=require("@arcgis/core/geometry/support/webMercatorUtils.js"),S=require("@arcgis/core/layers/GraphicsLayer"),L=require("./signal-holo-flow.js");function g(h){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const t in h)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(h,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>h[t]})}}return e.default=h,Object.freeze(e)}const m=g(P),d=g(y);class b extends L.default{constructor(e,t){var a,i;super(e),this.stopLineLayer=new S,this.watchHandle=null,this.trajectoryDelayTime=2,this.stopLineMap=new Map,this.lampGroupMap=new Map,this.countdownPanelProps=t,this.view.map.add(this.stopLineLayer),this.trajectoryDelayTime=((i=(a=this.mapConfig.holoFlow)==null?void 0:a.signal)==null?void 0:i.delay)||2}async initializeLayer(){var i,o;if(this.stopLineMap.size>0)return;console.time("初始化停止线图层");let e=(o=(i=this.mapConfig.holoFlow)==null?void 0:i.signal)==null?void 0:o.stopLineLayer;if(!e)return;e=this.mapConfig.assetsRoot+"/"+e;const a=await(await fetch(e)).json();for(const s of a.features){const{roadId:n}=s.properties;let{destinationPoint:r}=s.properties;const{coordinates:l}=s.geometry;if(r){if(typeof r=="string")try{r=JSON.parse(r)}catch(c){console.error("解析面板基准点失败",c);continue}}else{const c=l[0],u=l[l.length-1],p=(c[0]+u[0])/2,w=(c[1]+u[1])/2;r=[p,w]}this.stopLineMap.set(n,{coord:l,panelPoint:r})}console.timeEnd("初始化停止线图层")}initializeLampGroup(e){const{sigId:t,lampGroupList:a}=e,i=[];a.forEach(o=>{const{lampGroupNo:s,lampGroupType:n,crossFlowList:r,pedList:l}=o;r.length>0&&r.forEach(c=>{const u=c.upSectionId;let p="s";switch(c.turn){case 1:p="s";break;case 2:p="l";break;case 4:p="r";break;case 8:p="u";break}n===81&&(p="bl"),i.push({lampGroupId:s,roadId:u,dir:p})}),l.length>0}),this.lampGroupMap.set(t,i),console.log(i)}handleUniSignalData(e){this.watchHandle||(this.watchHandle=m.watch(()=>this.view.extent,()=>this.updatePanelPosition()));const{sigId:t}=e.data.basicInfo,a=this.lampGroupMap.get(t);if(!a)return{status:-1,message:"灯组未初始化"};const{curSigColorInfo:i}=e.data,o=new Map;return i.forEach(s=>{const n=String(s.lamgroupId),{color:r,leftTime:l}=s,c=a.find(u=>u.lampGroupId===n);if(c){const{roadId:u,dir:p}=c;o.set(u,{...o.get(u)||{},[`${p}Number`]:l,[`${p}Color`]:r===1?"red":r===2?"yellow":"green"})}}),this.updateLampGroupPanelStatus(t,o),{status:0,message:"ok"}}getPanelScale(){const e=this.view.scale;let t=1;return e<1e3?t=1:e<2e3?t=.8:e<4e3?t=.4:t=0,t}updatePanelPosition(){const e=this.getPanelScale();for(const t of this.countdownPanelProps){e!==this.currentPanelScale&&(t.scale=e);const{mapPoint:a}=t;let i=new f.Point({x:a[0],y:a[1]});this.view.spatialReference.isWebMercator&&(i=d.geographicToWebMercator(i));const o=this.view.toScreen(i);if(t.position.left=o.x,t.position.top=o.y,this.view.type==="3d"){const s=this.getPanelRotation(t.stopLine);t.rotation=s}}this.currentPanelScale=e}doHoloSignalData(e){const t=e.crossId,a=e.phaseCountDownList,i=new Map;for(const o of a){let s="";for(let c of o.roadIdList)if(c.startsWith("-")&&(c=c.slice(1)),this.stopLineMap.has(c)){s=c;break}if(!s){console.log(`没有找到对应的进口道${t}--${s}`);continue}let n=i.get(s);if(n||(n={},i.set(s,n)),!o.direction)continue;const r=o.direction.toLowerCase(),l=o.color===1?"red":o.color===2?"yellow":"green";r==="u"?(n.uNumber=o.leftTime,n.uColor=l):r==="l"?(n.lNumber=o.leftTime,n.lColor=l):r==="s"?(n.sNumber=o.leftTime,n.sColor=l):r==="r"&&(n.rNumber=o.leftTime,n.rColor=l)}this.updateLampGroupPanelStatus(t,i)}updateLampGroupPanelStatus(e,t){t.forEach((a,i)=>{const o=this.stopLineMap.get(i);if(!o)return;const s=this.countdownPanelProps.find(n=>n.roadId===i);if(s)s.lampStatus=a;else{let n=new f.Point({x:o.panelPoint[0],y:o.panelPoint[1]});this.view.spatialReference.isWebMercator&&(n=d.geographicToWebMercator(n));const r=this.view.toScreen(n),l=this.getPanelRotation(o.coord);this.countdownPanelProps.push({displayMode:"complex",crossId:e,roadId:i,mapPoint:o.panelPoint,stopLine:o.coord,position:{left:r.x,top:r.y},rotation:l,scale:this.getPanelScale(),lampStatus:a})}})}async handleHoloSignalData(e){this.watchHandle||(this.watchHandle=m.watch(()=>this.view.extent,()=>this.updatePanelPosition())),this.trajectoryDelayTime===0?this.doHoloSignalData(e):setTimeout(()=>this.doHoloSignalData(e),this.trajectoryDelayTime*1e3)}clearSignal(){var e;this.stopLineLayer.removeAll(),this.countdownPanelProps.length=0,(e=this.watchHandle)==null||e.remove(),this.watchHandle=null}getPanelRotation(e){const t=e[0];let a=new f.Point({x:t[0],y:t[1]});this.view.spatialReference.isWebMercator&&(a=d.geographicToWebMercator(a));const i=this.view.toScreen(a),o=e[e.length-1];let s=new f.Point({x:o[0],y:o[1]});this.view.spatialReference.isWebMercator&&(s=d.geographicToWebMercator(s));const n=this.view.toScreen(s),r=n.x-i.x,l=n.y-i.y;return Math.atan2(l,r)*(180/Math.PI)}}exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("@arcgis/core/core/reactiveUtils"),d=require("@arcgis/core/geometry"),S=require("@arcgis/core/geometry/support/webMercatorUtils.js"),b=require("@arcgis/core/layers/GraphicsLayer"),L=require("./signal-holo-flow.js");function P(u){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const a in u)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(u,a);Object.defineProperty(e,a,l.get?l:{enumerable:!0,get:()=>u[a]})}}return e.default=u,Object.freeze(e)}const w=P(y),m=P(S);class M extends L.default{constructor(e,a){var l,i;super(e),this.stopLineLayer=new b,this.watchHandle=null,this.trajectoryDelayTime=2,this.stopLineMap=new Map,this.lampGroupMap=new Map,this.countdownPanelProps=a,this.view.map.add(this.stopLineLayer),this.trajectoryDelayTime=((i=(l=this.mapConfig.holoFlow)==null?void 0:l.signal)==null?void 0:i.delay)||2}async initializeLayer(){var i,t;if(this.stopLineMap.size>0)return;console.time("初始化停止线图层");let e=(t=(i=this.mapConfig.holoFlow)==null?void 0:i.signal)==null?void 0:t.stopLineLayer;if(!e)return;e=this.mapConfig.assetsRoot+"/"+e;const l=await(await fetch(e)).json();for(const n of l.features){const{roadId:s}=n.properties;let{destinationPoint:o}=n.properties;const{coordinates:r}=n.geometry;if(o){if(typeof o=="string")try{o=JSON.parse(o)}catch(c){console.error("解析面板基准点失败",c);continue}}else{const c=r[0],h=r[r.length-1],p=(c[0]+h[0])/2,f=(c[1]+h[1])/2;o=[p,f]}this.stopLineMap.set(s,{coord:r,panelPoint:o})}console.timeEnd("初始化停止线图层")}initializeLampGroup(e){const{sigId:a,lampGroupList:l}=e,i=[];l.forEach(t=>{const{lampGroupNo:n,lampGroupType:s,crossFlowList:o,pedList:r}=t;o.length>0&&o.forEach(c=>{const h=c.upSectionId;let p="s";switch(c.turn){case 1:p="s";break;case 2:p="l";break;case 4:p="r";break;case 8:p="u";break}s===81&&(p="bl"),i.push({lampGroupId:n,roadId:h,dir:p})}),r.length>0}),this.lampGroupMap.set(a,i)}handleUniSignalData(e){this.watchHandle||(this.watchHandle=w.watch(()=>this.view.extent,()=>this.updatePanelPosition()));const{sigId:a,runningStatus:l}=e.data.basicInfo,i=this.lampGroupMap.get(a);if(!i)return{status:-1,message:"灯组未初始化"};const t=new Map;let n=!1;switch(String(l)){case"4":{n=!0,i.forEach(s=>{const{roadId:o,dir:r}=s;t.set(o,{...t.get(o)||{},[`${r}Number`]:"",[`${r}Color`]:"yellow"})});break}case"5":{i.forEach(s=>{const{roadId:o,dir:r}=s;t.set(o,{...t.get(o)||{},[`${r}Number`]:"",[`${r}Color`]:"red"})});break}case"6":case"9":{i.forEach(s=>{const{roadId:o,dir:r}=s;t.set(o,{...t.get(o)||{},[`${r}Number`]:"",[`${r}Color`]:"off"})});break}default:{const{curSigColorInfo:s}=e.data;s.forEach(o=>{const r=String(o.lamgroupId),{color:c,leftTime:h}=o,p=i.find(f=>f.lampGroupId===r);if(p){const{roadId:f,dir:g}=p;t.set(f,{...t.get(f)||{},[`${g}Number`]:h,[`${g}Color`]:c===1?"red":c===2?"yellow":"green"})}})}}return this.updateLampGroupPanelStatus(a,t,n),{status:0,message:"ok"}}getPanelScale(){const e=this.view.scale;let a=1;return e<1e3?a=1:e<2e3?a=.8:e<4e3?a=.4:a=0,a}updatePanelPosition(){const e=this.getPanelScale();for(const a of this.countdownPanelProps){e!==this.currentPanelScale&&(a.scale=e);const{mapPoint:l}=a;let i=new d.Point({x:l[0],y:l[1]});this.view.spatialReference.isWebMercator&&(i=m.geographicToWebMercator(i));const t=this.view.toScreen(i);if(a.position.left=t.x,a.position.top=t.y,this.view.type==="3d"){const n=this.getPanelRotation(a.stopLine);a.rotation=n}}this.currentPanelScale=e}doHoloSignalData(e){const a=e.crossId,l=e.phaseCountDownList,i=new Map;for(const t of l){let n="";for(let c of t.roadIdList)if(c.startsWith("-")&&(c=c.slice(1)),this.stopLineMap.has(c)){n=c;break}if(!n){console.log(`没有找到对应的进口道${a}--${n}`);continue}let s=i.get(n);if(s||(s={},i.set(n,s)),!t.direction)continue;const o=t.direction.toLowerCase(),r=t.color===1?"red":t.color===2?"yellow":"green";o==="u"?(s.uNumber=t.leftTime,s.uColor=r):o==="l"?(s.lNumber=t.leftTime,s.lColor=r):o==="s"?(s.sNumber=t.leftTime,s.sColor=r):o==="r"&&(s.rNumber=t.leftTime,s.rColor=r)}this.updateLampGroupPanelStatus(a,i)}updateLampGroupPanelStatus(e,a,l=!1){a.forEach((i,t)=>{const n=this.stopLineMap.get(t);if(!n)return;const s=this.countdownPanelProps.find(o=>o.roadId===t);if(s)s.lampStatus=i,s.flash=l;else{let o=new d.Point({x:n.panelPoint[0],y:n.panelPoint[1]});this.view.spatialReference.isWebMercator&&(o=m.geographicToWebMercator(o));const r=this.view.toScreen(o),c=this.getPanelRotation(n.coord);this.countdownPanelProps.push({displayMode:"complex",flash:l,crossId:e,roadId:t,mapPoint:n.panelPoint,stopLine:n.coord,position:{left:r.x,top:r.y},rotation:c,scale:this.getPanelScale(),lampStatus:i})}})}async handleHoloSignalData(e){this.watchHandle||(this.watchHandle=w.watch(()=>this.view.extent,()=>this.updatePanelPosition())),this.trajectoryDelayTime===0?this.doHoloSignalData(e):setTimeout(()=>this.doHoloSignalData(e),this.trajectoryDelayTime*1e3)}clearSignal(){var e;this.stopLineLayer.removeAll(),this.countdownPanelProps.length=0,(e=this.watchHandle)==null||e.remove(),this.watchHandle=null}getPanelRotation(e){const a=e[0];let l=new d.Point({x:a[0],y:a[1]});this.view.spatialReference.isWebMercator&&(l=m.geographicToWebMercator(l));const i=this.view.toScreen(l),t=e[e.length-1];let n=new d.Point({x:t[0],y:t[1]});this.view.spatialReference.isWebMercator&&(n=m.geographicToWebMercator(n));const s=this.view.toScreen(n),o=s.x-i.x,r=s.y-i.y;return Math.atan2(r,o)*(180/Math.PI)}}exports.default=M;

package/lib/src/gis-map/utils/sketchView.d.ts

@@ -49,6 +49,7 @@ export default class SketchView {
     options: sketchViewOptions;
     constructor(view: MapView | SceneView, options?: sketchViewOptions);
     updateSketch(ring: number[][]): void;
+    cancelSketch(): void;
     init(): void;
     /**
      * 初始化绘图

package/lib/src/gis-map/utils/sketchView.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("@arcgis/core/geometry/geometryEngine.js"),P=require("@arcgis/core/geometry/Polygon"),G=require("@arcgis/core/geometry/Polyline"),S=require("@arcgis/core/geometry/support/webMercatorUtils.js"),l=require("@arcgis/core/Graphic"),d=require("@arcgis/core/layers/GraphicsLayer"),k=require("@arcgis/core/widgets/Sketch"),M=require("@arcgis/core/widgets/Sketch/SketchViewModel"),A=require("@turf/helpers"),x=require("@turf/intersect"),v=require("uuid"),E=require("../stores/index.js");function f(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const V=f(b),g=f(S),u=f(A);function w(a,e=[]){if(a===null||typeof a!="object")return a;if(Object.prototype.toString.call(a)==="[object Date]")return new Date(a);if(Object.prototype.toString.call(a)==="[object RegExp]")return new RegExp(a);if(Object.prototype.toString.call(a)==="[object Error]")return new Error(a);const t=e.filter(s=>s.original===a)[0];if(t)return t.copy;const i=Array.isArray(a)?[]:{};return e.push({original:a,copy:i}),Object.keys(a).forEach(s=>{i[s]=w(a[s],e)}),i}const O={maxAllowedGraphics:0,GraphicsLayer:{},sketchVisibleElements:{},sketchPosition:"top-right",defaultSketchVisible:!0,sketchViewModelItemSymbol:{}},m={type:"simple-line",color:"#556DEA",width:2},y={type:"simple-fill",color:[227,139,79,.4],outline:{color:[255,255,255],width:1}};class D{constructor(e,t){this.viewer=e,this.options={...O,...t},this.graphicsLayer=new d({...this.options.GraphicsLayer}),this.TextGraphicsLayer=new d,this.viewer.map.addMany([this.graphicsLayer,this.TextGraphicsLayer]),this.init()}updateSketch(e){const t=new l({geometry:{type:"polygon",rings:[e]},symbol:{type:"simple-fill",color:[227,139,79,.4],outline:{color:[255,255,255],width:1}}});this.graphicsLayer.add(t),this.sketchViewModel.update([t],{tool:"reshape",enableRotation:!0})}init(){this.sketchViewModel=new M({layer:this.graphicsLayer,view:this.viewer,updateOnGraphicClick:!0,polylineSymbol:m,polygonSymbol:y,...this.options.sketchViewModelItemSymbol});const e=this.findLayerById("TrafficMarkings"),t=[];e&&t.push({layer:e,enabled:!0}),this.sketch=new k({view:this.viewer,viewModel:this.sketchViewModel,layer:this.graphicsLayer,visible:this.options.defaultSketchVisible,creationMode:this.options.creationMode||"single",snappingOptions:{enabled:!0,featureSources:t}}),this.sketch.visibleElements={...this.options.sketchVisibleElements},this.viewer.ui.add(this.sketch,this.options.sketchPosition);const i=E.default.useAppDataStore;this.sketch.on("create",s=>{s.state==="complete"?i.isSketching=!1:s.state==="start"&&(i.isSketching=!0)})}initPoint(e,t="all",i=!1){if(!e)return;const{crossArea:s,sectionArea:r}=e;if(s&&(t=="crossArea"||t=="all")){const o=this.initCrossArea(s);this.graphicsLayer.add(o)}if(r&&(t=="sectionArea"||t=="all")){const o=this.initSectionArea(r,i);this.graphicsLayer.addMany(o)}}initEntranceFusionZone(e){const t=[];e.map(i=>{t.push(this.createPolygonGraphic(i,y,{}))}),this.graphicsLayer.addMany(t)}initCrossArea(e){return this.createPolygonGraphic(e,y,{})}initSectionArea(e,t=!1){const i=[],s={type:"simple-line",color:[0,0,255],width:2};return Object.keys(e).map(r=>{const o=e[r][0],c=e[r][1];t&&(o.reverse(),c.reverse());const n=v.v4(),h=this.createPolylineGraphic(o,m,{type:"draw",id:n}),p=this.createPolylineGraphic(c,s,{type:"shiftLine",id:n});i.push(h,p)}),i}createPolylineGraphic(e,t,i){const s=new G({paths:e}),r=g.geographicToWebMercator(s);return new l({geometry:r,symbol:t,attributes:i})}createPolygonGraphic(e,t,i){const s=new P({rings:e}),r=g.geographicToWebMercator(s);return new l({geometry:r,symbol:t,attributes:i})}on(e){const t=this;this.sketchViewModel.on("create",function(i){var r,o,c;const s=t.graphicsLayer.graphics;if((r=t.options)!=null&&r.maxAllowedGraphics&&s.length>((o=t.options)==null?void 0:o.maxAllowedGraphics)){t.graphicsLayer.remove(i.graphic),console.log("已达到最大图形数量，无法继续绘制！");return}if(i.state==="complete"&&((c=i.graphic)!=null&&c.geometry)){const n=i.graphic.geometry;i.graphic.setAttribute("type","draw"),i.graphic.setAttribute("id",new Date().getTime());const h=t.getGraphicPoint(n);e&&e("create",h,i)}}),this.sketchViewModel.on("update",function(i){if(i.aborted){const s=i.graphics[0];t.graphicsLayer.remove(s);return}if(i.state==="complete"&&i.graphics.length>0){const r=i.graphics[0].geometry,o=t.getGraphicPoint(r);e&&e("update",o,i)}}),this.sketchViewModel.on("delete",function(i){if(console.log("delete",i),i.graphics.length>0){const r=i.graphics[0].geometry,o=t.getGraphicPoint(r);e&&e("delete",o,i)}})}graphicPoint(){const e=[];return this.graphicsLayer.graphics.map(t=>{var r;const i=t.geometry,s=this.getGraphicPoint(i);e.push({point:s,type:(r=t.attributes)==null?void 0:r.type,attributes:t.attributes})}),e}getEntranceRoad(){const e={},t=this.graphicPoint().filter(n=>n.point.type==="polyline");if(console.log("🚀 ~ file: sketchView.ts:378 ~ SketchView ~ getEntranceRoad ~ graphics:",t),!t.length)return!1;const i=t.filter(n=>n.type=="draw"),s=t.filter(n=>n.type=="shiftLine");if(s.length==0)throw"未绘制平移！";if(i.length!=s.length)throw"绘制的线和平移的线数量不一致！";const r=i.sort((n,h)=>n.point.angle-h.point.angle),o=r.findIndex(n=>n.point.angle>135);return[...r.slice(o),...r.slice(0,o).reverse()].map((n,h)=>{const p=s.find(L=>L.attributes.id==n.attributes.id);if(!p)throw"绘制的线和平移的线不匹配！";console.log("🚀 ~ file: sketchView.ts:393 ~ SketchView ~ getEntranceRoad ~ m:",n,p),e[h+1]={0:[n.point.paths[0],n.point.paths[n.point.paths.length-1]],1:[p.point.paths[0],p.point.paths[p.point.paths.length-1]]}}),e}getEntranceFusionZone(e){const t=[],i={};this.graphicsLayer.graphics.map(r=>{var n;const o=r.geometry,c=this.getGraphicPoint(o,!1);t.push({point:c,type:(n=r.attributes)==null?void 0:n.type,attributes:r.attributes})});const s=t;return e.map((r,o)=>{i[r]=t[o]}),{graphics:i,rawData:s}}getIntersectionArea(e,t){const i=Object.keys(e);let s=!1;for(let r=0;r<i.length;r++){const o=i[r],c=e[o];if(x(u.polygon(t),u.polygon(c))){s=o;break}}return s}filterData(e){const t=w(e);return t.length>0&&t[0][0]===t[t.length-1][0]&&t[0][1]===t[t.length-1][1]&&t.pop(),t}getGraphicPoint(e,t=!1){let i=e;this.viewer.spatialReference.isWebMercator&&(i=g.webMercatorToGeographic(e));let s;if(e.type==="point")s={type:e.type,x:i.x,y:i.y};else if(e.type==="polyline"){s={type:e.type,paths:[]},i.paths.forEach(n=>{let h=n;t&&(h=this.filterData(n)),h.forEach(p=>{s.paths.push(p)})});const r={x:s.paths[0][0],y:s.paths[0][1]},o={x:s.paths[s.paths.length-1][0],y:s.paths[s.paths.length-1][1]},c=this.getAngle(r,o);s.angle=c}else e.type==="polygon"&&(s={type:e.type,rings:[]},i.rings.forEach(r=>{let o=r;t&&(o=this.filterData(r)),o.forEach(c=>{s.rings.push(c)})}));return s}close(){this.sketch.visible=!1}show(){this.sketch.visible=!0}removeAll(){this.graphicsLayer.removeAll()}getAngle(e,t){const i=t.x-e.x,s=t.y-e.y;return Math.atan2(s,i)*180/Math.PI}getShiftLine(e,t,i="meters"){const s=e,r=-t;return V.offset(s,r,i)}setShiftLine(e,t="meters",i){i||(i={type:"simple-line",color:[0,0,255],width:2}),this.removeShiftLine(),this.graphicsLayer.graphics.map(s=>{const r=s.geometry,o=s.attributes;if((r==null?void 0:r.type)==="polyline"&&(o==null?void 0:o.type)==="draw"){const c=o.id,n=this.getShiftLine(r,e,t),h=new l({geometry:n,symbol:i,attributes:{type:"shiftLine",id:c}});this.graphicsLayer.add(h)}})}removeShiftLine(){const e=[];this.graphicsLayer.graphics.map(t=>{const i=t.attributes;(i==null?void 0:i.type)==="shiftLine"&&e.push(t)}),this.graphicsLayer.removeMany(e)}removeDraw(){const e=[];this.graphicsLayer.graphics.map(t=>{const i=t.attributes;(i==null?void 0:i.type)==="draw"&&e.push(t)}),this.graphicsLayer.removeMany(e)}addGraphic(e,t={type:"simple-line",color:[0,0,255],width:2},i){const s=new l({geometry:e,symbol:t,attributes:i});this.graphicsLayer.add(s)}getDirection(e,t){const i=t.x-e.x,s=t.y-e.y,o=Math.atan2(s,i)*180/Math.PI;return o>=-45&&o<=45?0:o>45&&o<=135?1:o>135||o<=-135?2:3}findLayerById(e){return this.viewer.map.findLayerById(e)}findShiftLineGraphicsById(e){return this.graphicsLayer.graphics.find(i=>i.attributes.id===e&&i.attributes.type==="shiftLine")}remove(e){this.graphicsLayer.remove(e)}setMaxAllowedGraphics(e){this.options.maxAllowedGraphics=e===0?void 0:e}destroy(){var e,t;this.viewer.map.remove(this.graphicsLayer),this.viewer.map.remove(this.TextGraphicsLayer),(e=this.sketch)==null||e.destroy(),(t=this.sketchViewModel)==null||t.destroy()}}exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("@arcgis/core/geometry/geometryEngine.js"),P=require("@arcgis/core/geometry/Polygon"),G=require("@arcgis/core/geometry/Polyline"),S=require("@arcgis/core/geometry/support/webMercatorUtils.js"),l=require("@arcgis/core/Graphic"),d=require("@arcgis/core/layers/GraphicsLayer"),k=require("@arcgis/core/widgets/Sketch"),M=require("@arcgis/core/widgets/Sketch/SketchViewModel"),A=require("@turf/helpers"),x=require("@turf/intersect"),v=require("uuid"),E=require("../stores/index.js");function f(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const V=f(b),g=f(S),u=f(A);function w(a,e=[]){if(a===null||typeof a!="object")return a;if(Object.prototype.toString.call(a)==="[object Date]")return new Date(a);if(Object.prototype.toString.call(a)==="[object RegExp]")return new RegExp(a);if(Object.prototype.toString.call(a)==="[object Error]")return new Error(a);const t=e.filter(s=>s.original===a)[0];if(t)return t.copy;const i=Array.isArray(a)?[]:{};return e.push({original:a,copy:i}),Object.keys(a).forEach(s=>{i[s]=w(a[s],e)}),i}const O={maxAllowedGraphics:0,GraphicsLayer:{},sketchVisibleElements:{},sketchPosition:"top-right",defaultSketchVisible:!0,sketchViewModelItemSymbol:{}},m={type:"simple-line",color:"#556DEA",width:2},y={type:"simple-fill",color:[227,139,79,.4],outline:{color:[255,255,255],width:1}};class D{constructor(e,t){this.viewer=e,this.options={...O,...t},this.graphicsLayer=new d({...this.options.GraphicsLayer}),this.TextGraphicsLayer=new d,this.viewer.map.addMany([this.graphicsLayer,this.TextGraphicsLayer]),this.init()}updateSketch(e){const t=new l({geometry:{type:"polygon",rings:[e]},symbol:{type:"simple-fill",color:[227,139,79,.4],outline:{color:[255,255,255],width:1}}});this.graphicsLayer.add(t),this.sketchViewModel.update([t],{tool:"reshape",enableRotation:!0})}cancelSketch(){this.sketchViewModel.cancel()}init(){this.sketchViewModel=new M({layer:this.graphicsLayer,view:this.viewer,updateOnGraphicClick:!0,polylineSymbol:m,polygonSymbol:y,...this.options.sketchViewModelItemSymbol});const e=this.findLayerById("TrafficMarkings"),t=[];e&&t.push({layer:e,enabled:!0}),this.sketch=new k({view:this.viewer,viewModel:this.sketchViewModel,layer:this.graphicsLayer,visible:this.options.defaultSketchVisible,creationMode:this.options.creationMode||"single",snappingOptions:{enabled:!0,featureSources:t}}),this.sketch.visibleElements={...this.options.sketchVisibleElements},this.viewer.ui.add(this.sketch,this.options.sketchPosition);const i=E.default.useAppDataStore;this.sketch.on("create",s=>{s.state==="complete"?i.isSketching=!1:s.state==="start"&&(i.isSketching=!0)})}initPoint(e,t="all",i=!1){if(!e)return;const{crossArea:s,sectionArea:r}=e;if(s&&(t=="crossArea"||t=="all")){const o=this.initCrossArea(s);this.graphicsLayer.add(o)}if(r&&(t=="sectionArea"||t=="all")){const o=this.initSectionArea(r,i);this.graphicsLayer.addMany(o)}}initEntranceFusionZone(e){const t=[];e.map(i=>{t.push(this.createPolygonGraphic(i,y,{}))}),this.graphicsLayer.addMany(t)}initCrossArea(e){return this.createPolygonGraphic(e,y,{})}initSectionArea(e,t=!1){const i=[],s={type:"simple-line",color:[0,0,255],width:2};return Object.keys(e).map(r=>{const o=e[r][0],c=e[r][1];t&&(o.reverse(),c.reverse());const n=v.v4(),h=this.createPolylineGraphic(o,m,{type:"draw",id:n}),p=this.createPolylineGraphic(c,s,{type:"shiftLine",id:n});i.push(h,p)}),i}createPolylineGraphic(e,t,i){const s=new G({paths:e}),r=g.geographicToWebMercator(s);return new l({geometry:r,symbol:t,attributes:i})}createPolygonGraphic(e,t,i){const s=new P({rings:e}),r=g.geographicToWebMercator(s);return new l({geometry:r,symbol:t,attributes:i})}on(e){const t=this;this.sketchViewModel.on("create",function(i){var r,o,c;const s=t.graphicsLayer.graphics;if((r=t.options)!=null&&r.maxAllowedGraphics&&s.length>((o=t.options)==null?void 0:o.maxAllowedGraphics)){t.graphicsLayer.remove(i.graphic),console.log("已达到最大图形数量，无法继续绘制！");return}if(i.state==="complete"&&((c=i.graphic)!=null&&c.geometry)){const n=i.graphic.geometry;i.graphic.setAttribute("type","draw"),i.graphic.setAttribute("id",new Date().getTime());const h=t.getGraphicPoint(n);e&&e("create",h,i)}}),this.sketchViewModel.on("update",function(i){if(i.aborted){const s=i.graphics[0];t.graphicsLayer.remove(s);return}if(i.state==="complete"&&i.graphics.length>0){const r=i.graphics[0].geometry,o=t.getGraphicPoint(r);e&&e("update",o,i)}}),this.sketchViewModel.on("delete",function(i){if(console.log("delete",i),i.graphics.length>0){const r=i.graphics[0].geometry,o=t.getGraphicPoint(r);e&&e("delete",o,i)}})}graphicPoint(){const e=[];return this.graphicsLayer.graphics.map(t=>{var r;const i=t.geometry,s=this.getGraphicPoint(i);e.push({point:s,type:(r=t.attributes)==null?void 0:r.type,attributes:t.attributes})}),e}getEntranceRoad(){const e={},t=this.graphicPoint().filter(n=>n.point.type==="polyline");if(console.log("🚀 ~ file: sketchView.ts:378 ~ SketchView ~ getEntranceRoad ~ graphics:",t),!t.length)return!1;const i=t.filter(n=>n.type=="draw"),s=t.filter(n=>n.type=="shiftLine");if(s.length==0)throw"未绘制平移！";if(i.length!=s.length)throw"绘制的线和平移的线数量不一致！";const r=i.sort((n,h)=>n.point.angle-h.point.angle),o=r.findIndex(n=>n.point.angle>135);return[...r.slice(o),...r.slice(0,o).reverse()].map((n,h)=>{const p=s.find(L=>L.attributes.id==n.attributes.id);if(!p)throw"绘制的线和平移的线不匹配！";console.log("🚀 ~ file: sketchView.ts:393 ~ SketchView ~ getEntranceRoad ~ m:",n,p),e[h+1]={0:[n.point.paths[0],n.point.paths[n.point.paths.length-1]],1:[p.point.paths[0],p.point.paths[p.point.paths.length-1]]}}),e}getEntranceFusionZone(e){const t=[],i={};this.graphicsLayer.graphics.map(r=>{var n;const o=r.geometry,c=this.getGraphicPoint(o,!1);t.push({point:c,type:(n=r.attributes)==null?void 0:n.type,attributes:r.attributes})});const s=t;return e.map((r,o)=>{i[r]=t[o]}),{graphics:i,rawData:s}}getIntersectionArea(e,t){const i=Object.keys(e);let s=!1;for(let r=0;r<i.length;r++){const o=i[r],c=e[o];if(x(u.polygon(t),u.polygon(c))){s=o;break}}return s}filterData(e){const t=w(e);return t.length>0&&t[0][0]===t[t.length-1][0]&&t[0][1]===t[t.length-1][1]&&t.pop(),t}getGraphicPoint(e,t=!1){let i=e;this.viewer.spatialReference.isWebMercator&&(i=g.webMercatorToGeographic(e));let s;if(e.type==="point")s={type:e.type,x:i.x,y:i.y};else if(e.type==="polyline"){s={type:e.type,paths:[]},i.paths.forEach(n=>{let h=n;t&&(h=this.filterData(n)),h.forEach(p=>{s.paths.push(p)})});const r={x:s.paths[0][0],y:s.paths[0][1]},o={x:s.paths[s.paths.length-1][0],y:s.paths[s.paths.length-1][1]},c=this.getAngle(r,o);s.angle=c}else e.type==="polygon"&&(s={type:e.type,rings:[]},i.rings.forEach(r=>{let o=r;t&&(o=this.filterData(r)),o.forEach(c=>{s.rings.push(c)})}));return s}close(){this.sketch.visible=!1}show(){this.sketch.visible=!0}removeAll(){this.graphicsLayer.removeAll()}getAngle(e,t){const i=t.x-e.x,s=t.y-e.y;return Math.atan2(s,i)*180/Math.PI}getShiftLine(e,t,i="meters"){const s=e,r=-t;return V.offset(s,r,i)}setShiftLine(e,t="meters",i){i||(i={type:"simple-line",color:[0,0,255],width:2}),this.removeShiftLine(),this.graphicsLayer.graphics.map(s=>{const r=s.geometry,o=s.attributes;if((r==null?void 0:r.type)==="polyline"&&(o==null?void 0:o.type)==="draw"){const c=o.id,n=this.getShiftLine(r,e,t),h=new l({geometry:n,symbol:i,attributes:{type:"shiftLine",id:c}});this.graphicsLayer.add(h)}})}removeShiftLine(){const e=[];this.graphicsLayer.graphics.map(t=>{const i=t.attributes;(i==null?void 0:i.type)==="shiftLine"&&e.push(t)}),this.graphicsLayer.removeMany(e)}removeDraw(){const e=[];this.graphicsLayer.graphics.map(t=>{const i=t.attributes;(i==null?void 0:i.type)==="draw"&&e.push(t)}),this.graphicsLayer.removeMany(e)}addGraphic(e,t={type:"simple-line",color:[0,0,255],width:2},i){const s=new l({geometry:e,symbol:t,attributes:i});this.graphicsLayer.add(s)}getDirection(e,t){const i=t.x-e.x,s=t.y-e.y,o=Math.atan2(s,i)*180/Math.PI;return o>=-45&&o<=45?0:o>45&&o<=135?1:o>135||o<=-135?2:3}findLayerById(e){return this.viewer.map.findLayerById(e)}findShiftLineGraphicsById(e){return this.graphicsLayer.graphics.find(i=>i.attributes.id===e&&i.attributes.type==="shiftLine")}remove(e){this.graphicsLayer.remove(e)}setMaxAllowedGraphics(e){this.options.maxAllowedGraphics=e===0?void 0:e}destroy(){var e,t;this.viewer.map.remove(this.graphicsLayer),this.viewer.map.remove(this.TextGraphicsLayer),(e=this.sketch)==null||e.destroy(),(t=this.sketchViewModel)==null||t.destroy()}}exports.default=D;

package/lib/src/types/index.d.ts

@@ -248,6 +248,7 @@ export interface IJunctionTableData {
     factoryCode?: string;
 }
 export interface ISignalCountdownProps {
+    flash: boolean;
     displayMode: string;
     crossId: string;
     roadId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gisviewer-vue3-arcgis",
-  "version": "1.0.223",
+  "version": "1.0.224",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [