From 4f9d806a0219960f440699b73fb7f8a63afac57a Mon Sep 17 00:00:00 2001 From: Hooray Hu <304327508@qq.com> Date: Wed, 14 Aug 2024 17:48:26 +0800 Subject: [PATCH] =?UTF-8?q?SvgIcon=20=E7=BB=84=E4=BB=B6=E6=94=AF=E6=8C=81?= =?UTF-8?q?=E4=BC=A0=E5=85=A5=E6=9C=AC=E5=9C=B0=E5=9B=BE=E7=89=87=EF=BC=8C?= =?UTF-8?q?=E7=BD=91=E7=BB=9C=E5=9B=BE=E7=89=87=E5=A2=9E=E5=8A=A0=E8=BD=BD?= =?UTF-8?q?=E5=85=A5=E5=92=8C=E5=A4=B1=E8=B4=A5=E7=8A=B6=E6=80=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 1 + pnpm-lock.yaml | 45 +++++++++++++++++++++++- src/components/SvgIcon/index.vue | 20 ++++++++--- src/router/modules/icon.example.ts | 16 ++++++--- src/views/icon_example/image.vue | 56 ++++++++++++++++++++++++++++++ 5 files changed, 129 insertions(+), 9 deletions(-) create mode 100644 src/views/icon_example/image.vue diff --git a/package.json b/package.json index a3d97065..90f0be09 100755 --- a/package.json +++ b/package.json @@ -25,6 +25,7 @@ "@imengyu/vue3-context-menu": "^1.4.2", "@tinymce/tinymce-vue": "^6.0.1", "@visactor/vchart": "^1.11.10", + "@vueuse/components": "^10.11.1", "@vueuse/core": "^10.11.0", "@vueuse/integrations": "^10.11.0", "animate.css": "^4.1.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 682766ad..88010758 100755 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -29,6 +29,9 @@ importers: '@visactor/vchart': specifier: ^1.11.10 version: 1.11.10 + '@vueuse/components': + specifier: ^10.11.1 + version: 10.11.1(vue@3.4.35(typescript@5.5.4)) '@vueuse/core': specifier: ^10.11.0 version: 10.11.0(vue@3.4.35(typescript@5.5.4)) @@ -2649,9 +2652,15 @@ packages: '@vue/shared@3.4.35': resolution: {integrity: sha512-hvuhBYYDe+b1G8KHxsQ0diDqDMA8D9laxWZhNAjE83VZb5UDaXl9Xnz7cGdDSyiHM90qqI/CyGMcpBpiDy6VVQ==} + '@vueuse/components@10.11.1': + resolution: {integrity: sha512-ThcreQCX/eq61sLkLKjigD4PQvs3Wy4zglICvQH9tP6xl87y5KsQEoizn6OI+R3hrOgwQHLJe7Y0wLLh3fBKcg==} + '@vueuse/core@10.11.0': resolution: {integrity: sha512-x3sD4Mkm7PJ+pcq3HX8PLPBadXCAlSDR/waK87dz0gQE+qJnaaFhc/dZVfJz+IUYzTMVGum2QlR7ImiJQN4s6g==} + '@vueuse/core@10.11.1': + resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==} + '@vueuse/core@9.13.0': resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==} @@ -2699,12 +2708,18 @@ packages: '@vueuse/metadata@10.11.0': resolution: {integrity: sha512-kQX7l6l8dVWNqlqyN3ePW3KmjCQO3ZMgXuBMddIu83CmucrsBfXlH+JoviYyRBws/yLTQO8g3Pbw+bdIoVm4oQ==} + '@vueuse/metadata@10.11.1': + resolution: {integrity: sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==} + '@vueuse/metadata@9.13.0': resolution: {integrity: sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==} '@vueuse/shared@10.11.0': resolution: {integrity: sha512-fyNoIXEq3PfX1L3NkNhtVQUSRtqYwJtJg+Bp9rIzculIZWHTkKSysujrOk2J+NrRulLTQH9+3gGSfYLWSEWU1A==} + '@vueuse/shared@10.11.1': + resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==} + '@vueuse/shared@9.13.0': resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==} @@ -10236,6 +10251,15 @@ snapshots: '@vue/shared@3.4.35': {} + '@vueuse/components@10.11.1(vue@3.4.35(typescript@5.5.4))': + dependencies: + '@vueuse/core': 10.11.1(vue@3.4.35(typescript@5.5.4)) + '@vueuse/shared': 10.11.1(vue@3.4.35(typescript@5.5.4)) + vue-demi: 0.14.10(vue@3.4.35(typescript@5.5.4)) + transitivePeerDependencies: + - '@vue/composition-api' + - vue + '@vueuse/core@10.11.0(vue@3.4.35(typescript@5.5.4))': dependencies: '@types/web-bluetooth': 0.0.20 @@ -10246,6 +10270,16 @@ snapshots: - '@vue/composition-api' - vue + '@vueuse/core@10.11.1(vue@3.4.35(typescript@5.5.4))': + dependencies: + '@types/web-bluetooth': 0.0.20 + '@vueuse/metadata': 10.11.1 + '@vueuse/shared': 10.11.1(vue@3.4.35(typescript@5.5.4)) + vue-demi: 0.14.10(vue@3.4.35(typescript@5.5.4)) + transitivePeerDependencies: + - '@vue/composition-api' + - vue + '@vueuse/core@9.13.0(vue@3.4.35(typescript@5.5.4))': dependencies: '@types/web-bluetooth': 0.0.16 @@ -10273,11 +10307,20 @@ snapshots: '@vueuse/metadata@10.11.0': {} + '@vueuse/metadata@10.11.1': {} + '@vueuse/metadata@9.13.0': {} '@vueuse/shared@10.11.0(vue@3.4.35(typescript@5.5.4))': dependencies: - vue-demi: 0.14.8(vue@3.4.35(typescript@5.5.4)) + vue-demi: 0.14.10(vue@3.4.35(typescript@5.5.4)) + transitivePeerDependencies: + - '@vue/composition-api' + - vue + + '@vueuse/shared@10.11.1(vue@3.4.35(typescript@5.5.4))': + dependencies: + vue-demi: 0.14.10(vue@3.4.35(typescript@5.5.4)) transitivePeerDependencies: - '@vue/composition-api' - vue diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue index 5bc08793..71e1173a 100755 --- a/src/components/SvgIcon/index.vue +++ b/src/components/SvgIcon/index.vue @@ -1,4 +1,5 @@ diff --git a/src/router/modules/icon.example.ts b/src/router/modules/icon.example.ts index a68b3612..273bdf3f 100755 --- a/src/router/modules/icon.example.ts +++ b/src/router/modules/icon.example.ts @@ -14,6 +14,14 @@ const routes: RouteRecordRaw = { icon: 'i-ri:remixicon-line', }, children: [ + { + path: 'iconify', + name: 'iconExampleIconify', + component: () => import('@/views/icon_example/iconify.vue'), + meta: { + title: 'Iconify', + }, + }, { path: 'svg', name: 'iconExampleSvg', @@ -23,11 +31,11 @@ const routes: RouteRecordRaw = { }, }, { - path: 'iconify', - name: 'iconExampleIconify', - component: () => import('@/views/icon_example/iconify.vue'), + path: 'image', + name: 'iconExampleImage', + component: () => import('@/views/icon_example/image.vue'), meta: { - title: 'Iconify', + title: 'Image Icon', }, }, ], diff --git a/src/views/icon_example/image.vue b/src/views/icon_example/image.vue new file mode 100644 index 00000000..c4747d05 --- /dev/null +++ b/src/views/icon_example/image.vue @@ -0,0 +1,56 @@ + +meta: + enabled: false + + + + +