fix(link): fix demo slot usage (#4417)

* fix(link): demo slot usage * chore: update snapshot --------- Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Tencent · Jul 20, 2024 · 82764dd · 82764dd
1 parent 794ee07
commit 82764dd
Show file tree

Hide file tree

Showing 6 changed files with 74 additions and 50 deletions.
diff --git a/src/link/_example-ts/disabled.vue b/src/link/_example-ts/disabled.vue
@@ -5,7 +5,9 @@
     <t-link theme="danger" hover="color" disabled @click="clickLink"> 跳转链接 </t-link>
     <t-link theme="warning" hover="underline" disabled :on-click="clickLink"> 跳转链接 </t-link>
     <t-link theme="success" disabled @click="clickLink">
-      <jump-icon slot="suffixIcon" />
+      <template #suffixIcon>
+        <jump-icon />
+      </template>
       跳转链接
     </t-link>
   </t-space>

diff --git a/src/link/_example-ts/icon.vue b/src/link/_example-ts/icon.vue
@@ -2,11 +2,15 @@
   <t-space>
     <t-link theme="default" :prefix-icon="renderPrefixIcon" :on-click="clickLink"> 跳转链接 </t-link>
     <t-link theme="primary" underline href="https://tdesign.tencent.com/" target="_self">
-      <link-icon slot="prefix-icon"></link-icon>
+      <template #prefix-icon>
+        <link-icon />
+      </template>
       跳转链接
     </t-link>
     <t-link theme="danger" hover="color" href="https://tdesign.tencent.com/" target="_blank" @click="clickLink">
-      <jump-icon slot="suffixIcon" />
+      <template #suffix-icon>
+        <jump-icon />
+      </template>
       跳转链接
     </t-link>
     <t-link theme="warning" :suffix-icon="renderSuffixIcon" disabled> 跳转链接 </t-link>

diff --git a/src/link/_example/disabled.vue b/src/link/_example/disabled.vue
@@ -5,7 +5,9 @@
     <t-link theme="danger" hover="color" disabled @click="clickLink"> 跳转链接 </t-link>
     <t-link theme="warning" hover="underline" disabled :on-click="clickLink"> 跳转链接 </t-link>
     <t-link theme="success" disabled @click="clickLink">
-      <jump-icon slot="suffixIcon" />
+      <template #suffixIcon>
+        <jump-icon />
+      </template>
       跳转链接
     </t-link>
   </t-space>

diff --git a/src/link/_example/icon.vue b/src/link/_example/icon.vue
@@ -2,11 +2,15 @@
   <t-space>
     <t-link theme="default" :prefix-icon="renderPrefixIcon" :on-click="clickLink"> 跳转链接 </t-link>
     <t-link theme="primary" underline href="https://tdesign.tencent.com/" target="_self">
-      <link-icon slot="prefix-icon"></link-icon>
+      <template #prefix-icon>
+        <link-icon />
+      </template>
       跳转链接
     </t-link>
     <t-link theme="danger" hover="color" href="https://tdesign.tencent.com/" target="_blank" @click="clickLink">
-      <jump-icon slot="suffixIcon" />
+      <template #suffix-icon>
+        <jump-icon />
+      </template>
       跳转链接
     </t-link>
     <t-link theme="warning" :suffix-icon="renderSuffixIcon" disabled> 跳转链接 </t-link>

diff --git a/test/unit/snap/__snapshots__/csr.test.js.snap b/test/unit/snap/__snapshots__/csr.test.js.snap
@@ -83235,22 +83235,26 @@ exports[`csr snapshot test > csr test ./src/link/_example/disabled.vue 1`] = `
     >
       <!---->
 
-      <svg
-        class="t-icon t-icon-jump"
-        fill="none"
-        height="1em"
-        slot="suffixIcon"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <path
-          d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"
-          fill="currentColor"
-        />
-      </svg>
        跳转链接 
 
-      <!---->
+      <span
+        class="t-link__suffix-icon"
+      >
+
+        <svg
+          class="t-icon t-icon-jump"
+          fill="none"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"
+            fill="currentColor"
+          />
+        </svg>
+
+      </span>
     </a>
   </div>
   <!---->
@@ -83642,21 +83646,25 @@ exports[`csr snapshot test > csr test ./src/link/_example/icon.vue 1`] = `
       href="https://tdesign.tencent.com/"
       target="_self"
     >
-      <!---->
-
-      <svg
-        class="t-icon t-icon-link"
-        fill="none"
-        height="1em"
-        slot="prefix-icon"
-        viewBox="0 0 24 24"
-        width="1em"
+      <span
+        class="t-link__prefix-icon"
       >
-        <path
-          d="M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z"
-          fill="currentColor"
-        />
-      </svg>
+
+        <svg
+          class="t-icon t-icon-link"
+          fill="none"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z"
+            fill="currentColor"
+          />
+        </svg>
+
+      </span>
+
        跳转链接 
 
       <!---->
@@ -83675,22 +83683,26 @@ exports[`csr snapshot test > csr test ./src/link/_example/icon.vue 1`] = `
     >
       <!---->
 
-      <svg
-        class="t-icon t-icon-jump"
-        fill="none"
-        height="1em"
-        slot="suffixIcon"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <path
-          d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"
-          fill="currentColor"
-        />
-      </svg>
        跳转链接 
 
-      <!---->
+      <span
+        class="t-link__suffix-icon"
+      >
+
+        <svg
+          class="t-icon t-icon-jump"
+          fill="none"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"
+            fill="currentColor"
+          />
+        </svg>
+
+      </span>
     </a>
   </div>
   <!---->