From ed2d8103adabb275d91b73e6bc553c77314be51b Mon Sep 17 00:00:00 2001
From: gene9831 <pacify.98@gmail.com>
Date: Wed, 8 Jan 2025 16:26:26 +0800
Subject: [PATCH] fix: RouterLink act like a in canvas

---
 .../render/src/builtin/CanvasRouterLink.vue    |  5 +++--
 .../canvas/render/src/builtin/builtin.json     | 18 +++++++++---------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/packages/canvas/render/src/builtin/CanvasRouterLink.vue b/packages/canvas/render/src/builtin/CanvasRouterLink.vue
index e051ad6ffe..cd485c3f95 100644
--- a/packages/canvas/render/src/builtin/CanvasRouterLink.vue
+++ b/packages/canvas/render/src/builtin/CanvasRouterLink.vue
@@ -1,5 +1,6 @@
 <template>
-  <span
+  <a
+    href="javascript:void(0)"
     v-bind="$attrs"
     :class="{
       [activeClass]: active,
@@ -7,7 +8,7 @@
     }"
   >
     <slot :href="to" :isActive="active" :isExactActive="exactActive"></slot>
-  </span>
+  </a>
 </template>
 <script lang="ts">
 import { computed, inject, PropType, Ref } from 'vue'
diff --git a/packages/canvas/render/src/builtin/builtin.json b/packages/canvas/render/src/builtin/builtin.json
index 228e51296b..097e3ae816 100644
--- a/packages/canvas/render/src/builtin/builtin.json
+++ b/packages/canvas/render/src/builtin/builtin.json
@@ -203,7 +203,7 @@
                     "type": "String",
                     "label": {
                       "text": {
-                        "zh_CN": "准确激活样式雷"
+                        "zh_CN": "准确激活样式类"
                       }
                     },
                     "cols": 12,
@@ -658,7 +658,7 @@
                     "componentName": "RouterLink",
                     "props": {
                       "to": "",
-                      "style": "display: inline-flex; gap: 8px; padding: 10px 20px;"
+                      "style": "display: inline-flex; gap: 8px; padding: 10px 20px; color: inherit; text-decoration: none;"
                     },
                     "children": [
                       {
@@ -680,7 +680,7 @@
                     "componentName": "RouterLink",
                     "props": {
                       "to": "",
-                      "style": "display: inline-flex; gap: 8px; padding: 10px 20px;"
+                      "style": "display: inline-flex; gap: 8px; padding: 10px 20px; color: inherit; text-decoration: none;"
                     },
                     "children": [
                       {
@@ -702,7 +702,7 @@
                     "componentName": "RouterLink",
                     "props": {
                       "to": "",
-                      "style": "display: inline-flex; gap: 8px; padding: 10px 20px;"
+                      "style": "display: inline-flex; gap: 8px; padding: 10px 20px; color: inherit; text-decoration: none;"
                     },
                     "children": [
                       {
@@ -739,7 +739,7 @@
                     "componentName": "RouterLink",
                     "props": {
                       "to": "",
-                      "style": "display: flex; gap: 8px; padding: 10px 20px;"
+                      "style": "display: flex; gap: 8px; padding: 10px 20px; color: inherit; text-decoration: none;"
                     },
                     "children": [
                       {
@@ -761,7 +761,7 @@
                     "componentName": "RouterLink",
                     "props": {
                       "to": "",
-                      "style": "display: flex; gap: 8px; padding: 10px 20px;"
+                      "style": "display: flex; gap: 8px; padding: 10px 20px; color: inherit; text-decoration: none;"
                     },
                     "children": [
                       {
@@ -783,7 +783,7 @@
                     "componentName": "RouterLink",
                     "props": {
                       "to": "",
-                      "style": "display: flex; gap: 8px; padding: 10px 20px;"
+                      "style": "display: flex; gap: 8px; padding: 10px 20px; color: inherit; text-decoration: none;"
                     },
                     "children": [
                       {
@@ -805,7 +805,7 @@
                     "componentName": "RouterLink",
                     "props": {
                       "to": "",
-                      "style": "display: flex; gap: 8px; padding: 10px 20px;"
+                      "style": "display: flex; gap: 8px; padding: 10px 20px; color: inherit; text-decoration: none;"
                     },
                     "children": [
                       {
@@ -827,7 +827,7 @@
                     "componentName": "RouterLink",
                     "props": {
                       "to": "",
-                      "style": "display: flex; gap: 8px; padding: 10px 20px;"
+                      "style": "display: flex; gap: 8px; padding: 10px 20px; color: inherit; text-decoration: none;"
                     },
                     "children": [
                       {