openatc-components 0.0.1 → 0.0.6

package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeNorthRoadsSvg.vue

@@ -0,0 +1,360 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+<template>
+  <svg
+    version="1.1"
+    id="图层_1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    x="0px"
+    y="0px"
+    viewBox="0 0 870 650"
+    style="enable-background:new 0 0 870 650;"
+    xml:space="preserve"
+    :width="Width"
+    :height="Height"
+  >
+    <path
+      class="st0"
+      d="M563.8,431H870l0,0v-18V235.4v-18l0,0H563.8c-11.6-0.1-21-9.5-21.1-21V-0.3l0,0h-18H345.1h-18l0,0v196.7
+c0,11.4-9.6,21-21,21H-0.3l0,0v18V413v18l0,0h306.5"
+    ></path>
+    <g id="人行道" :class="showPed === true ? '' : 'invisible'">
+      <g class="st1">
+        <g>
+          <rect x="519.1" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="526.9" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="534.4" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="511.3" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="503.5" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="495.7" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="487.9" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="480.1" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="472.3" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="464.5" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="456.7" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="448.9" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="441" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="433.2" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="425.4" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="417.6" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="409.8" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="402" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="394.2" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="386.4" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="378.6" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="370.8" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="363" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="355.2" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+        <g>
+          <rect x="347.4" y="199.1" class="st2" width="4" height="16.3"></rect>
+          <rect x="339.4" y="199.1" class="st2" width="4" height="16.3"></rect>
+          <rect x="331.5" y="199.1" class="st2" width="4" height="16.3"></rect>
+        </g>
+      </g>
+      <g class="st1">
+        <rect x="308.5" y="236.8" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="229" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="221.2" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="244.6" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="252.3" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="260" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="267.7" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="275.5" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="283.2" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="290.9" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="298.6" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="306.3" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="314.1" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="321.8" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="329.5" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="337.2" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="345" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="352.7" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="360.4" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="368.1" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="375.8" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="383.6" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="391.3" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="399" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="406.7" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="415" class="st2" width="16.5" height="4"></rect>
+        <rect x="308.5" y="423" class="st2" width="16.5" height="4"></rect>
+      </g>
+      <g class="st1">
+        <rect x="544.1" y="236.8" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="228.5" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="220.6" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="244.6" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="252.3" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="260" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="267.7" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="275.5" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="283.2" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="290.9" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="298.6" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="306.3" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="314.1" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="321.8" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="329.5" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="337.2" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="345" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="352.7" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="360.4" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="368.1" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="375.8" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="383.6" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="391.3" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="399" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="406.7" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="414.4" class="st2" width="16.5" height="4"></rect>
+        <rect x="544.1" y="422.7" class="st2" width="16.5" height="4"></rect>
+      </g>
+    </g>
+    <g>
+      <rect x="751.2" y="266.8" class="st3" width="11.6" height="2"></rect>
+      <rect x="728.1" y="266.8" class="st3" width="11.6" height="2"></rect>
+      <rect x="612.6" y="266.8" class="st3" width="11.6" height="2"></rect>
+      <rect x="635.7" y="266.8" class="st3" width="11.6" height="2"></rect>
+      <rect x="774.3" y="266.8" class="st3" width="11.6" height="2"></rect>
+      <rect x="681.9" y="266.8" class="st3" width="11.6" height="2"></rect>
+      <rect x="658.8" y="266.8" class="st3" width="11.6" height="2"></rect>
+      <rect x="705" y="266.8" class="st3" width="11.6" height="2"></rect>
+      <rect x="843.7" y="266.8" class="st3" width="11.6" height="2"></rect>
+      <rect x="866.8" y="266.8" class="st3" width="3.1" height="2"></rect>
+      <rect x="820.6" y="266.8" class="st3" width="11.6" height="2"></rect>
+      <rect x="589.4" y="266.8" class="st3" width="11.6" height="2"></rect>
+      <rect x="797.5" y="266.8" class="st3" width="11.6" height="2"></rect>
+      <rect x="571.9" y="266.8" class="st3" width="6" height="2"></rect>
+      <rect x="658.8" y="297.1" class="st3" width="11.6" height="2"></rect>
+      <rect x="635.7" y="297.1" class="st3" width="11.6" height="2"></rect>
+      <rect x="589.4" y="297.1" class="st3" width="11.6" height="2"></rect>
+      <rect x="612.6" y="297.1" class="st3" width="11.6" height="2"></rect>
+      <rect x="705" y="297.1" class="st3" width="11.6" height="2"></rect>
+      <rect x="797.5" y="297.1" class="st3" width="11.6" height="2"></rect>
+      <rect x="843.7" y="297.1" class="st3" width="11.6" height="2"></rect>
+      <rect x="820.6" y="297.1" class="st3" width="11.6" height="2"></rect>
+      <rect x="681.9" y="297.1" class="st3" width="11.6" height="2"></rect>
+      <rect x="866.8" y="297.1" class="st3" width="3.1" height="2"></rect>
+      <rect x="728.1" y="297.1" class="st3" width="11.6" height="2"></rect>
+      <rect x="751.2" y="297.1" class="st3" width="11.6" height="2"></rect>
+      <rect x="774.3" y="297.1" class="st3" width="11.6" height="2"></rect>
+      <rect x="571.9" y="297.1" class="st3" width="6" height="2"></rect>
+    </g>
+    <g>
+      <g>
+        <rect x="571.7" y="326.1" class="st4" width="298.2" height="2"></rect>
+      </g>
+      <rect x="572.7" y="354.5" class="st3" width="297.2" height="2"></rect>
+      <rect x="571.9" y="236.1" class="st3" width="298" height="2"></rect>
+      <rect x="572.7" y="382.9" class="st3" width="297.2" height="2"></rect>
+      <rect x="572.7" y="411.3" class="st3" width="297.2" height="2"></rect>
+      <polygon
+        class="st3"
+        points="572.7,431 570.7,431 570.7,326.1 572.7,326.1 572.7,362.2 572.7,364.6 572.7,398.2 572.7,400.7"
+      ></polygon>
+    </g>
+    <g>
+      <rect x="107.5" y="379.6" class="st3" width="11.6" height="2"></rect>
+      <rect x="130.6" y="379.6" class="st3" width="11.6" height="2"></rect>
+      <rect x="246.1" y="379.6" class="st3" width="11.6" height="2"></rect>
+      <rect x="223" y="379.6" class="st3" width="11.6" height="2"></rect>
+      <rect x="84.4" y="379.6" class="st3" width="11.6" height="2"></rect>
+      <rect x="176.8" y="379.6" class="st3" width="11.6" height="2"></rect>
+      <rect x="199.9" y="379.6" class="st3" width="11.6" height="2"></rect>
+      <rect x="153.7" y="379.6" class="st3" width="11.6" height="2"></rect>
+      <rect x="15" y="379.6" class="st3" width="11.6" height="2"></rect>
+      <rect x="-0.3" y="379.6" class="st3" width="3.8" height="2"></rect>
+      <rect x="38.1" y="379.6" class="st3" width="11.6" height="2"></rect>
+      <rect x="269.3" y="379.6" class="st3" width="11.6" height="2"></rect>
+      <rect x="61.2" y="379.6" class="st3" width="11.6" height="2"></rect>
+      <rect x="292.4" y="379.6" class="st3" width="6" height="2"></rect>
+      <rect x="199.9" y="349.3" class="st3" width="11.6" height="2"></rect>
+      <rect x="223" y="349.3" class="st3" width="11.6" height="2"></rect>
+      <rect x="269.3" y="349.3" class="st3" width="11.6" height="2"></rect>
+      <rect x="246.1" y="349.3" class="st3" width="11.6" height="2"></rect>
+      <rect x="153.7" y="349.3" class="st3" width="11.6" height="2"></rect>
+      <rect x="61.2" y="349.3" class="st3" width="11.6" height="2"></rect>
+      <rect x="15" y="349.3" class="st3" width="11.6" height="2"></rect>
+      <rect x="38.1" y="349.3" class="st3" width="11.6" height="2"></rect>
+      <rect x="176.8" y="349.3" class="st3" width="11.6" height="2"></rect>
+      <rect x="-0.3" y="349.3" class="st3" width="3.8" height="2"></rect>
+      <rect x="130.6" y="349.3" class="st3" width="11.6" height="2"></rect>
+      <rect x="107.5" y="349.3" class="st3" width="11.6" height="2"></rect>
+      <rect x="84.4" y="349.3" class="st3" width="11.6" height="2"></rect>
+      <rect x="292.4" y="349.3" class="st3" width="6" height="2"></rect>
+    </g>
+    <g>
+      <g>
+        <rect x="-0.4" y="319.6" class="st4" width="299.4" height="2"></rect>
+      </g>
+      <rect x="-0.4" y="291.2" class="st3" width="298.4" height="2"></rect>
+      <rect x="-0.3" y="409.7" class="st3" width="298.7" height="2"></rect>
+      <rect x="-0.4" y="262.8" class="st3" width="298.4" height="2"></rect>
+      <rect x="-0.4" y="234.4" class="st3" width="299.8" height="2"></rect>
+      <polygon
+        class="st3"
+        points="298,216.8 300,216.8 300,321.6 298,321.6 298,285.6 298,283.1 298,249.5 298,247.1"
+      ></polygon>
+    </g>
+    <g>
+      <rect x="378.1" y="-0.3" class="st3" width="2" height="9"></rect>
+      <rect x="378.1" y="20.2" class="st3" width="2" height="11.6"></rect>
+      <rect x="378.1" y="135.7" class="st3" width="2" height="11.6"></rect>
+      <rect x="378.1" y="112.6" class="st3" width="2" height="11.6"></rect>
+      <rect x="378.1" y="66.4" class="st3" width="2" height="11.6"></rect>
+      <rect x="378.1" y="89.5" class="st3" width="2" height="11.6"></rect>
+      <rect x="378.1" y="43.3" class="st3" width="2" height="11.6"></rect>
+      <rect x="378.1" y="158.9" class="st3" width="2" height="11.6"></rect>
+      <rect x="378.1" y="182" class="st3" width="2" height="6"></rect>
+      <rect x="408.4" y="89.5" class="st3" width="2" height="11.6"></rect>
+      <rect x="408.4" y="112.6" class="st3" width="2" height="11.6"></rect>
+      <rect x="408.4" y="158.9" class="st3" width="2" height="11.6"></rect>
+      <rect x="408.4" y="135.7" class="st3" width="2" height="11.6"></rect>
+      <rect x="408.4" y="43.3" class="st3" width="2" height="11.6"></rect>
+      <rect x="408.4" y="66.4" class="st3" width="2" height="11.6"></rect>
+      <rect x="408.4" y="20.2" class="st3" width="2" height="11.6"></rect>
+      <rect x="408.4" y="-0.3" class="st3" width="2" height="9"></rect>
+      <rect x="408.4" y="182" class="st3" width="2" height="6"></rect>
+    </g>
+    <g>
+      <g>
+        <rect x="437.4" y="-0.3" class="st4" width="2" height="188.4"></rect>
+      </g>
+      <rect x="465.8" y="-0.3" class="st3" width="2" height="187.4"></rect>
+      <rect x="494.2" y="-0.3" class="st3" width="2" height="187.4"></rect>
+      <rect x="522.6" y="-0.3" class="st3" width="2" height="187.4"></rect>
+      <rect x="347.5" y="-0.3" class="st3" width="2" height="188.3"></rect>
+      <polyline class="st3" points="542,187.1 542,189.1 437.4,189.1 437.4,187.1"></polyline>
+    </g>
+    <path class="st5" d="M868.7,226.4L868.7,226.4C868.5,226.4,868.6,226.4,868.7,226.4z"></path>
+    <path class="st5" d="M868.7,226.4L868.7,226.4C868.9,226.4,868.8,226.4,868.7,226.4z"></path>
+    <path
+      class="st6"
+      d="M-0.3,198.4h295.9c6.9,0,12.5-5.6,12.5-12.5V-0.3l0,0h-1v186.2c0,6.4-5.2,11.5-11.5,11.5H-0.3V198.4z"
+    ></path>
+    <path
+      class="st4"
+      d="M-0.3,214.4l0,3H308c10.8,0,19.6-8.8,19.6-19.6V-0.3h-3v198.1c0,9.1-7.4,16.6-16.6,16.6H-0.3L-0.3,214.4z"
+    ></path>
+    <path class="st6" d="M-0.3,451H870v-1H-0.3"></path>
+    <path class="st4" d="M-0.3,434H870v-3H-0.3"></path>
+    <g>
+      <path
+        class="st6"
+        d="M870,197.4H574c-6.4,0-11.5-5.2-11.5-11.5V-0.3h-1l0,0v186.2c0,6.9,5.6,12.5,12.5,12.5h296
+C870,198.4,870,197.4,870,197.4z"
+      ></path>
+    </g>
+    <path
+      class="st4"
+      d="M870,217.4H561.6c-10.8,0-19.6-8.8-19.6-19.6V-0.3h3v198.1c0,9.1,7.4,16.6,16.6,16.6H870V217.4z"
+    ></path>
+  </svg>
+</template>
+<script>
+export default {
+  name: 'tNorthroad',
+  data () {
+    return {}
+  },
+  props: {
+    Width: {
+      type: String,
+      default: '870px'
+    },
+    Height: {
+      type: String,
+      default: '650px'
+    },
+    showPed: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {},
+  mounted () {}
+}
+</script>
+<style scoped>
+.st0 {
+  fill: #3d3939;
+}
+.st1 {
+  opacity: 0.9;
+}
+.st2 {
+  fill: #f2f2f2;
+}
+.st3 {
+  fill: #dddddd;
+}
+.st4 {
+  fill: #ccb63a;
+}
+.st5 {
+  fill: #1eaa39;
+}
+.st6 {
+  fill: #e5e5d8;
+}
+.invisible {
+  visibility: hidden;
+}
+</style>