openatc-components 0.5.13 → 0.5.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openatc-components",
-  "version": "0.5.13",
+  "version": "0.5.14",
   "description": "A Vue.js project",
   "author": "openatc developer",
   "private": false,

package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/SidewalkClickSvg.vue

@@ -19,15 +19,25 @@
       :style="{position: 'absolute', left: '310px', top: '198px', zIndex: '10'}"
     >
       <defs>
-          <filter id="shadow-effect" x="-50%" y="-50%" width="200%" height="200%">
-            <!-- 对应 box-shadow: 0 0 6px 6px #10B800 -->
-            <feDropShadow
-              dx="0"
-              dy="0"
-              stdDeviation="4"
-              flood-color="#10B800"
-              flood-opacity="1"/>
-          </filter>
+        <filter id="shadow-effect-side"
+          x="-10%"
+          y="-10%"
+          width="200%"
+          height="200%">
+          <feFlood flood-color="#10B800" flood-opacity="1" result="glowColor" />
+          <feComposite in="glowColor"
+                in2="SourceGraphic"
+                operator="in"
+                result="glowMask" />
+          <feGaussianBlur in="glowMask" stdDeviation="2" result="blurredGlow" />
+          <feComponentTransfer in="blurredGlow" result="brightGlow">
+            <feFuncA type="linear" slope="2" />
+          </feComponentTransfer>
+          <feMerge>
+            <feMergeNode in="brightGlow" />
+            <feMergeNode in="SourceGraphic" />
+          </feMerge>
+        </filter>
         </defs>
       <g
         id="西行人"
@@ -1224,7 +1234,7 @@ export default {
             }
           }
           clickedPath.setAttribute('fill', this.clickedColor)
-          clickedPath.setAttribute('filter', 'url(#shadow-effect)')
+          clickedPath.setAttribute('filter', 'url(#shadow-effect-side)')
         }
         this.$emit('handleClickSidewalkIcon', this.sidewalkData, curChoosePed)
       }
@@ -1239,7 +1249,7 @@ export default {
             let data = this.sidewalkData.filter(ele => ele.id === side.id)[0]
             if (data && data.clicked === true) {
               dom.setAttribute('fill', this.clickedColor)
-              dom.setAttribute('filter', 'url(#shadow-effect)')
+              dom.setAttribute('filter', 'url(#shadow-effect-side)')
             }
             if (this.clickMode && data && data.disabled === true) {
               dom.setAttribute('fill', this.disabledColor)

package/src/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue

@@ -1411,8 +1411,8 @@ export default {
       } else {
         nextSelected = this.inneChoosedDirection.filter(d => d !== id)
       }
-      // 第三方信号机检查是否冲突，冲突提示是否确定；非第三方不进冲突检查
-      if (this.isThirdSignal && this.checkConflict(nextSelected)) {
+      // 检查是否冲突，冲突提示是否确定
+      if (this.checkConflict(nextSelected)) {
         try {
           await this.$confirm(this.$t('openatccomponents.overview.conflictdirectionstips'), this.$t('openatccomponents.common.tipsmodaltitle'), {
             confirmButtonText: this.$t('openatccomponents.button.OK'),

package/src/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/phaseIconSvg.vue

@@ -18,14 +18,24 @@
       </svg> -->
       <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 36 26" :width="IconLengh" :height="IconWdith">
         <defs>
-          <filter id="shadow-effect" x="-50%" y="-50%" width="200%" height="200%">
-            <!-- 对应 box-shadow: 0 0 6px 6px #10B800 -->
-            <feDropShadow
-              dx="0"
-              dy="0"
-              stdDeviation="4"
-              flood-color="#10B800"
-              flood-opacity="1"/>
+          <filter id="shadow-effect"
+                x="-10%"
+                y="-10%"
+                width="200%"
+                height="200%">
+            <feFlood flood-color="#10B800" flood-opacity="1" result="glowColor" />
+            <feComposite in="glowColor"
+                  in2="SourceGraphic"
+                  operator="in"
+                  result="glowMask" />
+            <feGaussianBlur in="glowMask" stdDeviation="2" result="blurredGlow" />
+            <feComponentTransfer in="blurredGlow" result="brightGlow">
+              <feFuncA type="linear" slope="2" />
+            </feComponentTransfer>
+            <feMerge>
+              <feMergeNode in="brightGlow" />
+              <feMergeNode in="SourceGraphic" />
+            </feMerge>
           </filter>
         </defs>
           <!-- 东相位 -->
@@ -148,8 +158,7 @@ export default {
       default: false
     },
     beforeSelect: {
-      type: Function,
-      required: true
+      type: Function
     }
   },
   methods: {