From 2dd384808477a4e04ad67f785394c1aff7bfc6ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Tue, 18 Jan 2022 14:52:29 +0800
Subject: [PATCH] refactor(components): [link] add namespace & instance type
 (#5449)

---
 packages/components/link/src/link.ts  |  3 +++
 packages/components/link/src/link.vue | 10 +++++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/components/link/src/link.ts b/packages/components/link/src/link.ts
index 56ad10f88f..0fc8fa890e 100644
--- a/packages/components/link/src/link.ts
+++ b/packages/components/link/src/link.ts
@@ -1,5 +1,6 @@
 import { buildProps, definePropType } from '@element-plus/utils/props'
 import type { Component, ExtractPropTypes } from 'vue'
+import type Link from './link.vue'
 
 export const linkProps = buildProps({
   type: {
@@ -24,3 +25,5 @@ export const linkEmits = {
   click: (evt: MouseEvent) => evt instanceof MouseEvent,
 }
 export type LinkEmits = typeof linkEmits
+
+export type LinkInstance = InstanceType<typeof Link>
diff --git a/packages/components/link/src/link.vue b/packages/components/link/src/link.vue
index d784b177e5..6448b0f739 100644
--- a/packages/components/link/src/link.vue
+++ b/packages/components/link/src/link.vue
@@ -1,8 +1,8 @@
 <template>
   <a
     :class="[
-      'el-link',
-      type ? `el-link--${type}` : '',
+      ns.b(),
+      type ? ns.m(type) : '',
       disabled && 'is-disabled',
       underline && !disabled && 'is-underline',
     ]"
@@ -10,7 +10,7 @@
     @click="handleClick"
   >
     <el-icon v-if="icon"><component :is="icon" /></el-icon>
-    <span v-if="$slots.default" class="el-link--inner">
+    <span v-if="$slots.default" :class="ns.m('inner')">
       <slot></slot>
     </span>
 
@@ -20,6 +20,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue'
 import { ElIcon } from '@element-plus/components/icon'
+import { useNamespace } from '@element-plus/hooks'
 import { linkProps, linkEmits } from './link'
 
 export default defineComponent({
@@ -31,11 +32,14 @@ export default defineComponent({
   emits: linkEmits,
 
   setup(props, { emit }) {
+    const ns = useNamespace('link')
+
     function handleClick(event: MouseEvent) {
       if (!props.disabled) emit('click', event)
     }
 
     return {
+      ns,
       handleClick,
     }
   },