@2kog/pkg-widget 0.1.12 → 0.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@2kog/pkg-widget",
-    "version": "0.1.12",
+    "version": "0.1.13",
     "type": "module",
     "scripts": {
         "dev": "vite",
@@ -9,8 +9,8 @@
         "update": "npm install @2kog/pkg-common@latest --registry=https://registry.npmjs.org"
     },
     "dependencies": {
-        "@element-plus/icons-vue": "^2.3.1",
         "@2kog/pkg-common": "^0.1.21",
+        "@element-plus/icons-vue": "^2.3.1",
         "csslab": "^4.0.4",
         "element-plus": "^2.8.4",
         "flag-icons": "^7.2.3",
@@ -24,6 +24,7 @@
         "@vitejs/plugin-vue": "^5.1.2",
         "less": "^4.2.0",
         "vite": "^5.4.1",
+        "vite-svg-loader": "^5.1.0",
         "vite-plugin-require": "^1.2.14"
     },
     "repository": {

package/src/components/common/lang-select.vue

@@ -2,7 +2,9 @@
     <div class="c-lang-select">
         <div class="u-select-label">
             <span v-show="showFlag" class="fi u-flag" :class="flag"></span>
-            <img v-if="!showFlag" class="u-earth" :src="earthIcon" alt="earth" />
+            <!-- <img v-if="!showFlag" class="u-earth" :src="earthIcon" alt="earth" /> -->
+            <earthIcon v-if="!showFlag" class="u-earth"></earthIcon>
+            <!-- <img v-if="!showFlag" class="u-earth" :src="earthIcon" alt="earth" /> -->
             <span class="u-name" v-show="showName">{{ name }}</span>
         </div>
         <el-select class="u-select" v-model="current" popper-class="c-lang-select__pop" filterable :filter-method="filterMethod" @change="onLangChange">
@@ -21,6 +23,9 @@ import User from "@2kog/pkg-common/utils/user";
 import earthIcon from "../../assets/img/earth.svg";
 export default {
     name: "LangSelect",
+    components: {
+        earthIcon,
+    },
     props: {
         lang: {
             type: String,
@@ -42,7 +47,6 @@ export default {
     data() {
         return {
             current: "",
-            earthIcon,
             filterLanguages: [],
         };
     },
@@ -133,6 +137,7 @@ export default {
 
     .u-earth {
         height: 14px;
+        width: 14px;
     }
 }
 .c-lang-select__pop {

package/src/components/common/pay.vue

@@ -22,7 +22,7 @@
                 <el-tab-pane :label="t('payment.wepay')" name="wepay">
                     <template #label>
                         <span class="u-tab">
-                            <img :src="wePay" />
+                            <wePay></wePay>
                             {{ t('payment.wepay') }}
                             <em>{{ t('payment.wepayTip') }}</em>
                         </span>
@@ -31,7 +31,7 @@
                 <el-tab-pane :label="t('payment.alipay')" name="alipay">
                     <template #label>
                         <span class="u-tab">
-                            <img :src="aliPay" />
+                            <aliPay></aliPay>
                             {{ t('payment.alipay') }}
                             <em>{{ t('payment.alipayTip') }}</em>
                         </span>
@@ -142,7 +142,8 @@ export default {
         Loading,
         CircleCheck,
         QrcodeVue,
-
+        wePay,
+        aliPay,
     },
     // 使用独立的 i18n 实例
     i18n: payI18n,
@@ -235,9 +236,6 @@ export default {
             orderPollingTimer: null,
             paymentPollingTimer: null,
             pollingRetries: 0,
-
-            wePay,
-            aliPay,
         };
     },
     computed: {
@@ -647,7 +645,7 @@ export default {
                 align-items: center;
                 color: @color;
 
-                img {
+                svg {
                     width: 24px;
                     height: 24px;
                     vertical-align: middle;

package/vite.config.js

@@ -1,10 +1,11 @@
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import vitePluginRequire from "vite-plugin-require";
+import svgLoader from "vite-svg-loader";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-    plugins: [vue(), vitePluginRequire.default()],
+    plugins: [vue(), svgLoader(), vitePluginRequire.default()],
     server: {
         proxy: {
             '/api': {