sohelp-eleplus 1.1.25 → 1.1.26

package/components.js

@@ -3,6 +3,7 @@ export { default as SohelpDynSelect } from './sohelp-dyn-select/index.vue';
 export { default as SohelpOrgSelect } from './sohelp-org-select/index.vue';
 export { default as SohelpRoleSelect } from './sohelp-role-select/index.vue';
 export { default as SohelpSelect } from './sohelp-select/index.vue';
+export { default as SohelpCountrySelect } from './sohelp-country-select/index.vue';
 export { default as SohelpGridSelect } from './sohelp-grid-select/index.vue';
 export { default as SohelpProTable } from './sohelp-pro-table/index.vue';
 export { default as SohelpText } from './sohelp-text/index.vue';

package/icons/flag/AustraliaFlag.vue

@@ -0,0 +1,10 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-au" viewBox="0 0 640 480">
+    <path fill="#00008B" d="M0 0h640v480H0z"/>
+    <path fill="#fff" d="m37.5 0 122 90.5L281 0h39v31l-120 89.5 120 89V240h-40l-120-89.5L40.5 240H0v-30l119.5-89L0 32V0z"/>
+    <path fill="red" d="M212 140.5 320 220v20l-135.5-99.5zm-92 10 3 17.5-96 72H0zM320 0v1.5l-124.5 94 1-22L295 0zM0 0l119.5 88h-30L0 21z"/>
+    <path fill="#fff" d="M120.5 0v240h80V0zM0 80v80h320V80z"/>
+    <path fill="red" d="M0 96.5v48h320v-48zM136.5 0v240h48V0z"/>
+    <path fill="#fff" d="m527 396.7-20.5 2.6 2.2 20.5-14.8-14.4-14.7 14.5 2-20.5-20.5-2.4 17.3-11.2-10.9-17.5 19.6 6.5 6.9-19.5 7.1 19.4 19.5-6.7-10.7 17.6zm-3.7-117.2 2.7-13-9.8-9 13.2-1.5 5.5-12.1 5.5 12.1 13.2 1.5-9.8 9 2.7 13-11.6-6.6zm-104.1-60-20.3 2.2 1.8 20.3-14.4-14.5-14.8 14.1 2.4-20.3-20.2-2.7 17.3-10.8-10.5-17.5 19.3 6.8L387 178l6.7 19.3 19.4-6.3-10.9 17.3 17.1 11.2ZM623 186.7l-20.9 2.7 2.3 20.9-15.1-14.7-15 14.8 2.1-21-20.9-2.4 17.7-11.5-11.1-17.9 20 6.7 7-19.8 7.2 19.8 19.9-6.9-11 18zm-96.1-83.5-20.7 2.3 1.9 20.8-14.7-14.8-15.1 14.4 2.4-20.7-20.7-2.8 17.7-11L467 73.5l19.7 6.9 7.3-19.5 6.8 19.7 19.8-6.5-11.1 17.6zM234 385.7l-45.8 5.4 4.6 45.9-32.8-32.4-33 32.2 4.9-45.9-45.8-5.8 38.9-24.8-24-39.4 43.6 15 15.8-43.4 15.5 43.5 43.7-14.7-24.3 39.2 38.8 25.1Z"/>
+  </svg>
+</template>

package/icons/flag/BrazilFlag.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg viewBox="0 0 720 504" xmlns="http://www.w3.org/2000/svg">
+    <path fill="#009c3b" d="M0 0h720v504H0z"/>
+    <path fill="#fedf00" d="M720 0L0 252l720 252z"/>
+    <path fill="#002776" d="M360 252a126 126 0 10 0 252 126 126 0 10 0-252"/>
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'BrazilFlag'
+}
+</script>

package/icons/flag/CanadaFlag.vue

@@ -0,0 +1,6 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-ca" viewBox="0 0 640 480">
+    <path fill="#fff" d="M150.1 0h339.7v480H150z"/>
+    <path fill="#d52b1e" d="M-19.7 0h169.8v480H-19.7zm509.5 0h169.8v480H489.9zM201 232l-13.3 4.4 61.4 54c4.7 13.7-1.6 17.8-5.6 25l66.6-8.4-1.6 67 13.9-.3-3.1-66.6 66.7 8c-4.1-8.7-7.8-13.3-4-27.2l61.3-51-10.7-4c-8.8-6.8 3.8-32.6 5.6-48.9 0 0-35.7 12.3-38 5.8l-9.2-17.5-32.6 35.8c-3.5.9-5-.5-5.9-3.5l15-74.8-23.8 13.4q-3.2 1.3-5.2-2.2l-23-46-23.6 47.8q-2.8 2.5-5 .7L264 130.8l13.7 74.1c-1.1 3-3.7 3.8-6.7 2.2l-31.2-35.3c-4 6.5-6.8 17.1-12.2 19.5s-23.5-4.5-35.6-7c4.2 14.8 17 39.6 9 47.7"/>
+  </svg>
+</template>

package/icons/flag/ChinaFlag.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 640 480">
+    <defs>
+      <path id="cn-a" fill="#ff0" d="M-.6.8 0-1 .6.8-1-.3h2z"/>
+    </defs>
+    <path fill="#ee1c25" d="M0 0h640v480H0z"/>
+    <use xlink:href="#cn-a" width="30" height="20" transform="matrix(71.9991 0 0 72 120 120)"/>
+    <use xlink:href="#cn-a" width="30" height="20" transform="matrix(-12.33562 -20.5871 20.58684 -12.33577 240.3 48)"/>
+    <use xlink:href="#cn-a" width="30" height="20" transform="matrix(-3.38573 -23.75998 23.75968 -3.38578 288 95.8)"/>
+    <use xlink:href="#cn-a" width="30" height="20" transform="matrix(6.5991 -23.0749 23.0746 6.59919 288 168)"/>
+    <use xlink:href="#cn-a" width="30" height="20" transform="matrix(14.9991 -18.73557 18.73533 14.99929 240 216)"/>
+  </svg>
+</template>

package/icons/flag/DenmarkFlag.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-dk" viewBox="0 0 640 480">
+    <path fill="#c8102e" d="M0 0h640.1v480H0z"/>
+    <path fill="#fff" d="M205.7 0h68.6v480h-68.6z"/>
+    <path fill="#fff" d="M0 205.7h640.1v68.6H0z"/>
+  </svg>
+</template>

package/icons/flag/EuropeFlag.vue

@@ -0,0 +1,30 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
+    <defs>
+      <g id="eu-d">
+        <g id="eu-b">
+          <path id="eu-a" d="m0-1-.3 1 .5.1z"/>
+          <use xlink:href="#eu-a" transform="scale(-1 1)"/>
+        </g>
+        <g id="eu-c">
+          <use xlink:href="#eu-b" transform="rotate(72)"/>
+          <use xlink:href="#eu-b" transform="rotate(144)"/>
+        </g>
+        <use xlink:href="#eu-c" transform="scale(-1 1)"/>
+      </g>
+    </defs>
+    <path fill="#039" d="M0 0h640v480H0z"/>
+    <g fill="#fc0" transform="translate(320 242.3)scale(23.7037)">
+      <use xlink:href="#eu-d" width="100%" height="100%" y="-6"/>
+      <use xlink:href="#eu-d" width="100%" height="100%" y="6"/>
+      <g id="eu-e">
+        <use xlink:href="#eu-d" width="100%" height="100%" x="-6"/>
+        <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
+        <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
+        <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
+        <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
+      </g>
+      <use xlink:href="#eu-e" width="100%" height="100%" transform="scale(-1 1)"/>
+    </g>
+  </svg>
+</template>

package/icons/flag/HongkongFlag.vue

@@ -0,0 +1,10 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-hk" viewBox="0 0 640 480">
+    <path fill="#EC1B2E" d="M0 0h640v480H0"/>
+    <path id="hk-a" fill="#fff" d="M346.3 103.1C267 98 230.6 201.9 305.6 240.3c-26-22.4-20.6-55.3-10.1-72.4l1.9 1.1c-13.8 23.5-11.2 52.7 11.1 71-12.7-12.3-9.5-39 12.1-48.9s23.6-39.3 16.4-49.1q-14.7-25.6 9.3-38.9M307.9 164l-4.7 7.4-1.8-8.6-8.6-2.3 7.8-4.3-.6-8.9 6.5 6.1 8.3-3.3-3.7 8.1 5.6 6.8z"/>
+    <use xlink:href="#hk-a" transform="rotate(72 312.5 243.5)"/>
+    <use xlink:href="#hk-a" transform="rotate(144 312.5 243.5)"/>
+    <use xlink:href="#hk-a" transform="rotate(216 312.5 243.5)"/>
+    <use xlink:href="#hk-a" transform="rotate(288 312.5 243.5)"/>
+  </svg>
+</template>

package/icons/flag/IndiaFlag.vue

@@ -0,0 +1,27 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-in" viewBox="0 0 640 480">
+    <path fill="#f93" d="M0 0h640v160H0z"/>
+    <path fill="#fff" d="M0 160h640v160H0z"/>
+    <path fill="#128807" d="M0 320h640v160H0z"/>
+    <g transform="matrix(3.2 0 0 3.2 320 240)">
+      <circle r="20" fill="#008"/>
+      <circle r="17.5" fill="#fff"/>
+      <circle r="3.5" fill="#008"/>
+      <g id="in-d">
+        <g id="in-c">
+          <g id="in-b">
+            <g id="in-a" fill="#008">
+              <circle r=".9" transform="rotate(7.5 -8.8 133.5)"/>
+              <path d="M0 17.5.6 7 0 2l-.6 5z"/>
+            </g>
+            <use xlink:href="#in-a" width="100%" height="100%" transform="rotate(15)"/>
+          </g>
+          <use xlink:href="#in-b" width="100%" height="100%" transform="rotate(30)"/>
+        </g>
+        <use xlink:href="#in-c" width="100%" height="100%" transform="rotate(60)"/>
+      </g>
+      <use xlink:href="#in-d" width="100%" height="100%" transform="rotate(120)"/>
+      <use xlink:href="#in-d" width="100%" height="100%" transform="rotate(-120)"/>
+    </g>
+  </svg>
+</template>

package/icons/flag/IndonesiaFlag.vue

@@ -0,0 +1,12 @@
+<template>
+  <svg viewBox="0 0 900 600" xmlns="http://www.w3.org/2000/svg">
+    <path fill="#ff0000" d="M0 0h900v300H0z"/>
+    <path fill="#fff" d="M0 300h900v300H0z"/>
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'IndonesiaFlag'
+}
+</script>

package/icons/flag/JapanFlag.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-jp" viewBox="0 0 640 480">
+    <defs>
+      <clipPath id="jp-a">
+        <path fill-opacity=".7" d="M-88 32h640v480H-88z"/>
+      </clipPath>
+    </defs>
+    <g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#jp-a)" transform="translate(88 -32)">
+      <path fill="#fff" d="M-128 32h720v480h-720z"/>
+      <circle cx="523.1" cy="344.1" r="194.9" fill="#bc002d" transform="translate(-168.4 8.6)scale(.76554)"/>
+    </g>
+  </svg>
+</template>

package/icons/flag/KoreaFlag.vue

@@ -0,0 +1,26 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-kr" viewBox="0 0 640 480">
+    <defs>
+      <clipPath id="kr-a">
+        <path fill-opacity=".7" d="M-95.8-.4h682.7v512H-95.8z"/>
+      </clipPath>
+    </defs>
+    <g fill-rule="evenodd" clip-path="url(#kr-a)" transform="translate(89.8 .4)scale(.9375)">
+      <path fill="#fff" d="M-95.8-.4H587v512H-95.8Z"/>
+      <g transform="rotate(-56.3 361.6 -101.3)scale(10.66667)">
+        <g id="kr-c">
+          <path id="kr-b" fill="#000001" d="M-6-26H6v2H-6Zm0 3H6v2H-6Zm0 3H6v2H-6Z"/>
+          <use xlink:href="#kr-b" width="100%" height="100%" y="44"/>
+        </g>
+        <path stroke="#fff" d="M0 17v10"/>
+        <path fill="#cd2e3a" d="M0-12a12 12 0 0 1 0 24Z"/>
+        <path fill="#0047a0" d="M0-12a12 12 0 0 0 0 24A6 6 0 0 0 0 0Z"/>
+        <circle cy="-6" r="6" fill="#cd2e3a"/>
+      </g>
+      <g transform="rotate(-123.7 191.2 62.2)scale(10.66667)">
+        <use xlink:href="#kr-c" width="100%" height="100%"/>
+        <path stroke="#fff" d="M0-23.5v3M0 17v3.5m0 3v3"/>
+      </g>
+    </g>
+  </svg>
+</template>

package/icons/flag/MalaysiaFlag.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-my" viewBox="0 0 640 480">
+    <g clip-path="url(#my-a)">
+      <path fill="#C00" d="M0 0h640v480H0z"/>
+      <path fill="#C00" d="M0 0h640v34.3H0z"/>
+      <path fill="#fff" d="M0 34.3h640v34.3H0z"/>
+      <path fill="#C00" d="M0 68.6h640v34.3H0z"/>
+      <path fill="#fff" d="M0 102.9h640V137H0z"/>
+      <path fill="#C00" d="M0 137.1h640v34.3H0z"/>
+      <path fill="#fff" d="M0 171.4h640v34.3H0z"/>
+      <path fill="#C00" d="M0 205.7h640V240H0z"/>
+      <path fill="#fff" d="M0 240h640v34.3H0z"/>
+      <path fill="#C00" d="M0 274.3h640v34.3H0z"/>
+      <path fill="#fff" d="M0 308.6h640v34.3H0z"/>
+      <path fill="#C00" d="M0 342.9h640V377H0z"/>
+      <path fill="#fff" d="M0 377.1h640v34.3H0z"/>
+      <path fill="#C00" d="M0 411.4h640v34.3H0z"/>
+      <path fill="#fff" d="M0 445.7h640V480H0z"/>
+      <path fill="#006" d="M0 .5h320v274.3H0z"/>
+      <path fill="#FC0" d="m207.5 73.8 6 40.7 23-34-12.4 39.2 35.5-20.8-28.1 30 41-3.2-38.3 14.8 38.3 14.8-41-3.2 28.1 30-35.5-20.8 12.3 39.3-23-34.1-6 40.7-5.9-40.7-23 34 12.4-39.2-35.5 20.8 28-30-41 3.2 38.4-14.8-38.3-14.8 41 3.2-28.1-30 35.5 20.8-12.4-39.3 23 34.1zm-33.3 1.7a71 71 0 0 0-100 65 71 71 0 0 0 100 65 80 80 0 0 1-83.2 6.2 80 80 0 0 1-43.4-71.2 80 80 0 0 1 126.6-65"/>
+    </g>
+    <defs>
+      <clipPath id="my-a">
+        <path fill="#fff" d="M0 0h640v480H0z"/>
+      </clipPath>
+    </defs>
+  </svg>
+</template>

package/icons/flag/MexicoFlag.vue

@@ -0,0 +1,15 @@
+<template>
+  <svg viewBox="0 0 750 500" xmlns="http://www.w3.org/2000/svg">
+    <g fill-rule="evenodd">
+      <path fill="#ce1126" d="M0 0h250v500H0z"/>
+      <path fill="#fff" d="M250 0h250v500H250z"/>
+      <path fill="#006847" d="M500 0h250v500H500z"/>
+    </g>
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'MexicoFlag'
+}
+</script>

package/icons/flag/NewZealandFlag.vue

@@ -0,0 +1,45 @@
+<template>
+  <svg viewBox="0 0 1200 600" xmlns="http://www.w3.org/2000/svg">
+    <path fill="#012169" d="M0 0h1200v600H0z"/>
+    <path d="M0 0l600 300m0-300L0 300" stroke="#fff" stroke-width="60"/>
+    <path d="M0 0l600 300m0-300L0 300" stroke="#c8102e" stroke-width="40"/>
+    <path d="M300 0v300M0 150h600" stroke="#fff" stroke-width="100"/>
+    <path d="M300 0v300M0 150h600" stroke="#c8102e" stroke-width="60"/>
+    <g fill="#fff">
+      <path d="M900 300l20-10v20z"/>
+      <path d="M930 300l20-10v20z"/>
+      <path d="M960 300l20-10v20z"/>
+      <path d="M990 300l20-10v20z"/>
+      <path d="M1020 300l20-10v20z"/>
+      <path d="M1050 300l20-10v20z"/>
+      <path d="M1080 300l20-10v20z"/>
+      <path d="M1110 300l20-10v20z"/>
+    </g>
+    <g fill="#c8102e">
+      <path d="M930 300l20-10v20z"/>
+      <path d="M960 300l20-10v20z"/>
+      <path d="M990 300l20-10v20z"/>
+      <path d="M1020 300l20-10v20z"/>
+      <path d="M1050 300l20-10v20z"/>
+      <path d="M1080 300l20-10v20z"/>
+      <path d="M930 330l20-10v20z"/>
+      <path d="M960 330l20-10v20z"/>
+      <path d="M990 330l20-10v20z"/>
+      <path d="M1020 330l20-10v20z"/>
+      <path d="M1050 330l20-10v20z"/>
+      <path d="M1080 330l20-10v20z"/>
+      <path d="M930 360l20-10v20z"/>
+      <path d="M960 360l20-10v20z"/>
+      <path d="M990 360l20-10v20z"/>
+      <path d="M1020 360l20-10v20z"/>
+      <path d="M1050 360l20-10v20z"/>
+      <path d="M1080 360l20-10v20z"/>
+    </g>
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'NewZealandFlag'
+}
+</script>

package/icons/flag/NorwayFlag.vue

@@ -0,0 +1,9 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-no" viewBox="0 0 640 480">
+    <path fill="#ed2939" d="M0 0h640v480H0z"/>
+    <path fill="#fff" d="M180 0h120v480H180z"/>
+    <path fill="#fff" d="M0 180h640v120H0z"/>
+    <path fill="#002664" d="M210 0h60v480h-60z"/>
+    <path fill="#002664" d="M0 210h640v60H0z"/>
+  </svg>
+</template>

package/icons/flag/PhilippinesFlag.vue

@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-ph" viewBox="0 0 640 480">
+    <path fill="#0038a8" d="M0 0h640v240H0z"/>
+    <path fill="#ce1126" d="M0 240h640v240H0z"/>
+    <path fill="#fff" d="M415.7 240 0 480V0"/>
+    <path fill="#fcd116" d="M26.7 42.4 41 55l16.6-9.2-7.4 17.5 14 13-19-1.6-8.1 17.2-4.3-18.5L14 71l16.3-10zm323.8 172.3.4 19 18 6.3-18 6.2-.4 19-11.5-15.1-18.2 5.5 10.8-15.6-10.8-15.6 18.2 5.5zM37.2 388.1l8 17.2 19-1.6-13.9 13 7.4 17.5-16.6-9.1-14.4 12.4 3.6-18.7L14 409l18.9-2.4zm114.2-249-6.2 6.2 3.1 47-3 .3-5.7-42.9-5.1 5 7.6 38.4a48 48 0 0 0-17.2 7.1l-21.7-32.4H96l26.4 34.3-2.4 2-31.1-35.5h-8.8v8.8l35.4 31-2 2.5-34.3-26.3v7.1l32.5 21.7q-5.2 7.8-7.1 17.2L66.3 223l-5.1 5 42.9 5.7q-.3 1.6-.3 3.1l-47-3-6.2 6.2 6.2 6.2 47-3.1.3 3.1-42.9 5.7 5 5 38.4-7.6a48 48 0 0 0 7.1 17.2l-32.5 21.7v7.2l34.3-26.3 2 2.4-35.4 31v8.8H89l31-35.4 2.5 2L96 312.2h7.2l21.7-32.5q7.8 5.2 17.2 7.1l-7.6 38.4 5 5 5.7-42.9q1.5.3 3.1.3l-3 47 6.1 6.2 6.3-6.2-3.1-47 3-.3 5.7 43 5.1-5.1-7.6-38.4a48 48 0 0 0 17.2-7.1l21.7 32.5h7.2l-26.4-34.3 2.4-2 31.1 35.4h8.8v-8.8l-35.4-31 2-2.4 34.3 26.3v-7.2l-32.5-21.7q5.2-7.8 7.1-17.2l38.3 7.6 5.1-5-42.9-5.7q.3-1.5.3-3.1l47 3 6.2-6.1-6.2-6.2-47 3-.3-3 42.9-5.7-5-5-38.4 7.5a48 48 0 0 0-7.1-17.2l32.5-21.7v-7.1l-34.3 26.3-2-2.4 35.4-31v-8.9H214l-31 35.5-2.5-2 26.4-34.3h-7.2L178 200.2q-7.8-5.2-17.2-7.1l7.6-38.3-5-5-5.7 42.8-3.1-.3 3-47z"/>
+  </svg>
+</template>

package/icons/flag/PolandFlag.vue

@@ -0,0 +1,12 @@
+<template>
+  <svg viewBox="0 0 900 600" xmlns="http://www.w3.org/2000/svg">
+    <path fill="#fff" d="M0 0h900v300H0z"/>
+    <path fill="#dc143c" d="M0 300h900v300H0z"/>
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'PolandFlag'
+}
+</script>

package/icons/flag/README.md

@@ -0,0 +1,100 @@
+# 国旗图标组件 (Flag Icons)
+
+本目录包含了世界各国/地区的国旗 SVG 图标组件。
+
+## 使用方法
+
+### 单独导入
+
+```vue
+<template>
+  <div>
+    <UsaFlag width="40" height="30" />
+    <ChinaFlag width="40" height="30" />
+    <EuropeFlag width="40" height="30" />
+  </div>
+</template>
+
+<script setup>
+import { UsaFlag, ChinaFlag, EuropeFlag } from '@/components/sohelp-eleplus/icons/flag';
+</script>
+```
+
+### 全部导入
+
+```vue
+<script setup>
+import * as FlagIcons from '@/components/sohelp-eleplus/icons/flag';
+</script>
+
+<template>
+  <FlagIcons.UsaFlag />
+  <FlagIcons.ChinaFlag />
+</template>
+```
+
+## 可用国旗列表
+
+| 组件名 | 国家/地区 | 币别代码 |
+| :--- | :--- | :--- |
+| UsaFlag | 美国 🇺🇸 | usd |
+| ChinaFlag | 中国 🇨🇳 | cny |
+| EuropeFlag | 欧盟 🇪🇺 | eur |
+| UkFlag | 英国 🇬🇧 | gbp |
+| JapanFlag | 日本 🇯🇵 | jpy |
+| KoreaFlag | 韩国 🇰🇷 | krw |
+| HongkongFlag | 香港 🇭🇰 | hkd |
+| SingaporeFlag | 新加坡 🇸🇬 | sgd |
+| AustraliaFlag | 澳大利亚 🇦🇺 | aud |
+| CanadaFlag | 加拿大 🇨🇦 | cad |
+| SwitzerlandFlag | 瑞士 🇨🇭 | chf |
+| SwedenFlag | 瑞典 🇸🇪 | sek |
+| NorwayFlag | 挪威 🇳🇴 | nok |
+| DenmarkFlag | 丹麦 🇩🇰 | dkk |
+| MalaysiaFlag | 马来西亚 🇲🇾 | myr |
+| ThailandFlag | 泰国 🇹🇭 | thb |
+| IndiaFlag | 印度 🇮🇳 | inr |
+| RussiaFlag | 俄罗斯 🇷🇺 | rub |
+| BrazilFlag | 巴西 🇧🇷 | brl |
+| SouthAfricaFlag | 南非 🇿🇦 | zar |
+| MexicoFlag | 墨西哥 🇲🇽 | mxn |
+| PhilippinesFlag | 菲律宾 🇵🇭 | php |
+| IndonesiaFlag | 印度尼西亚 🇮🇩 | idr |
+| VietnamFlag | 越南 🇻🇳 | vnd |
+| NewZealandFlag | 新西兰 🇳🇿 | nzd |
+| TurkeyFlag | 土耳其 🇹🇷 | try |
+| PolandFlag | 波兰 🇵🇱 | pln |
+
+## Props
+
+所有国旗图标组件都支持标准的 SVG props：
+
+| 属性名 | 类型 | 默认值 | 说明 |
+| :--- | :--- | :--- | :--- |
+| width | String/Number | - | 宽度 |
+| height | String/Number | - | 高度 |
+| class | String | - | 自定义类名 |
+| style | Object | - | 自定义样式 |
+
+## 与 SohelpCryInput 配合使用
+
+```vue
+<template>
+  <div>
+    <div class="currency-input">
+      <UsaFlag width="24" height="18" />
+      <sohelp-cry-input v-model="usd" cry="usd" :show-flag="false" />
+    </div>
+    <div class="currency-input">
+      <ChinaFlag width="24" height="18" />
+      <sohelp-cry-input v-model="cny" cry="cny" :show-flag="false" />
+    </div>
+  </div>
+</template>
+```
+
+## 注意事项
+
+- 所有国旗图标均为 SVG 格式，可任意缩放不失真
+- 建议使用相同的宽高比以保持视觉一致性
+- 可以通过 CSS 调整图标样式和大小

package/icons/flag/RussiaFlag.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-ru" viewBox="0 0 640 480">
+    <path fill="#fff" d="M0 0h640v160H0z"/>
+    <path fill="#0039a6" d="M0 160h640v160H0z"/>
+    <path fill="#d52b1e" d="M0 320h640v160H0z"/>
+  </svg>
+</template>

package/icons/flag/SingaporeFlag.vue

@@ -0,0 +1,15 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-sg" viewBox="0 0 640 480">
+    <defs>
+      <clipPath id="sg-a">
+        <path fill-opacity=".7" d="M0 0h640v480H0z"/>
+      </clipPath>
+    </defs>
+    <g fill-rule="evenodd" clip-path="url(#sg-a)">
+      <path fill="#fff" d="M-20 0h720v480H-20z"/>
+      <path fill="#df0000" d="M-20 0h720v240H-20z"/>
+      <path fill="#fff" d="M146 40.2a84.4 84.4 0 0 0 .8 165.2 86 86 0 0 1-106.6-59 86 86 0 0 1 59-106c16-4.6 30.8-4.7 46.9-.2z"/>
+      <path fill="#fff" d="m133 110 4.9 15-13-9.2-12.8 9.4 4.7-15.2-12.8-9.3 15.9-.2 5-15 5 15h15.8zm17.5 52 5 15.1-13-9.2-12.9 9.3 4.8-15.1-12.8-9.4 15.9-.1 4.9-15.1 5 15h16zm58.5-.4 4.9 15.2-13-9.3-12.8 9.3 4.7-15.1-12.8-9.3 15.9-.2 5-15 5 15h15.8zm17.4-51.6 4.9 15.1-13-9.2-12.8 9.3 4.8-15.1-12.9-9.4 16-.1 4.8-15.1 5 15h16zm-46.3-34.3 5 15.2-13-9.3-12.9 9.4 4.8-15.2-12.8-9.4 15.8-.1 5-15.1 5 15h16z"/>
+    </g>
+  </svg>
+</template>

package/icons/flag/SouthAfricaFlag.vue

@@ -0,0 +1,19 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-za" viewBox="0 0 640 480">
+    <defs>
+      <clipPath id="za-a">
+        <path fill-opacity=".7" d="M-71.9 0h682.7v512H-71.9z"/>
+      </clipPath>
+    </defs>
+    <g clip-path="url(#za-a)" transform="translate(67.4)scale(.93748)">
+      <g fill-rule="evenodd" stroke-width="1pt">
+        <path fill="#000001" d="M-71.9 407.8V104.4L154 256.1z"/>
+        <path fill="#000c8a" d="m82.2 512.1 253.6-170.6H696V512H82.2z"/>
+        <path fill="#e1392d" d="M66 0h630v170.8H335.7S69.3-1.7 66 0"/>
+        <path fill="#ffb915" d="M-71.9 64v40.4L154 256-72 407.8v40.3l284.5-192z"/>
+        <path fill="#007847" d="M-71.9 64V0h95l301.2 204h371.8v104.2H324.3L23 512h-94.9v-63.9l284.4-192L-71.8 64z"/>
+        <path fill="#fff" d="M23 0h59.2l253.6 170.7H696V204H324.3zm0 512.1h59.2l253.6-170.6H696v-33.2H324.3L23 512z"/>
+      </g>
+    </g>
+  </svg>
+</template>

package/icons/flag/SwedenFlag.vue

@@ -0,0 +1,6 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-se" viewBox="0 0 640 480">
+    <path fill="#005293" d="M0 0h640v480H0z"/>
+    <path fill="#fecb00" d="M176 0v192H0v96h176v192h96V288h368v-96H272V0z"/>
+  </svg>
+</template>

package/icons/flag/SwitzerlandFlag.vue

@@ -0,0 +1,11 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-ch" viewBox="0 0 640 480">
+    <g fill-rule="evenodd" stroke-width="1pt">
+      <path fill="red" d="M0 0h640v480H0z"/>
+      <g fill="#fff">
+        <path d="M170 195h300v90H170z"/>
+        <path d="M275 90h90v300h-90z"/>
+      </g>
+    </g>
+  </svg>
+</template>

package/icons/flag/ThailandFlag.vue

@@ -0,0 +1,9 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-th" viewBox="0 0 640 480">
+    <g fill-rule="evenodd">
+      <path fill="#f4f5f8" d="M0 0h640v480H0z"/>
+      <path fill="#2d2a4a" d="M0 162.5h640v160H0z"/>
+      <path fill="#a51931" d="M0 0h640v82.5H0zm0 400h640v80H0z"/>
+    </g>
+  </svg>
+</template>

package/icons/flag/TurkeyFlag.vue

@@ -0,0 +1,14 @@
+<template>
+  <svg viewBox="0 0 900 600" xmlns="http://www.w3.org/2000/svg">
+    <path fill="#e30a17" d="M0 0h900v600H0z"/>
+    <circle fill="#fff" cx="450" cy="300" r="120"/>
+    <circle fill="#e30a17" cx="480" cy="300" r="96"/>
+    <path fill="#fff" d="M626 260l16 7-16 7 6-17z" transform="rotate(18, 600, 300)"/>
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'TurkeyFlag'
+}
+</script>

package/icons/flag/UkFlag.vue

@@ -0,0 +1,9 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-gb" viewBox="0 0 640 480">
+    <path fill="#012169" d="M0 0h640v480H0z"/>
+    <path fill="#FFF" d="m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z"/>
+    <path fill="#C8102E" d="m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"/>
+    <path fill="#FFF" d="M241 0v480h160V0zM0 160v160h640V160z"/>
+    <path fill="#C8102E" d="M0 193v96h640v-96zM273 0v480h96V0z"/>
+  </svg>
+</template>

package/icons/flag/UsaFlag.vue

@@ -0,0 +1,11 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-us" viewBox="0 0 640 480">
+    <path fill="#bd3d44" d="M0 0h640v480H0"/>
+    <path stroke="#fff" stroke-width="37" d="M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640"/>
+    <path fill="#192f5d" d="M0 0h364.8v258.5H0"/>
+    <marker id="us-a" markerHeight="30" markerWidth="30">
+      <path fill="#fff" d="m14 0 9 27L0 10h28L5 27z"/>
+    </marker>
+    <path fill="none" marker-mid="url(#us-a)" d="m0 0 16 11h61 61 61 61 60L47 37h61 61 60 61L16 63h61 61 61 61 60L47 89h61 61 60 61L16 115h61 61 61 61 60L47 141h61 61 60 61L16 166h61 61 61 61 60L47 192h61 61 60 61L16 218h61 61 61 61 60z"/>
+  </svg>
+</template>

package/icons/flag/VietnamFlag.vue

@@ -0,0 +1,12 @@
+<template>
+  <svg viewBox="0 0 900 600" xmlns="http://www.w3.org/2000/svg">
+    <path fill="#da251d" d="M0 0h900v600H0z"/>
+    <path fill="#ffff00" d="M450 300l42-126-108 78h133.6l-108-78L451.6 426z"/>
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'VietnamFlag'
+}
+</script>