From 5c54f503659d81190853e018aa50d1787592849f Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Mon, 8 Jan 2024 17:49:41 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20button=20text=20prop=20=E6=94=B9?=
 =?UTF-8?q?=E6=88=90=20link=20element-plus=E5=B0=86=E5=BA=9F=E5=BC=83text?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design/src/types.ts                              | 1 +
 packages/editor/src/components/CodeBlockEditor.vue        | 2 +-
 packages/editor/src/components/FloatingBox.vue            | 2 +-
 packages/editor/src/components/ToolButton.vue             | 4 ++--
 packages/editor/src/fields/EventSelect.vue                | 2 +-
 packages/editor/src/fields/KeyValue.vue                   | 2 +-
 packages/editor/src/fields/UISelect.vue                   | 8 ++++----
 packages/editor/src/layouts/page-bar/SwitchTypeButton.vue | 2 +-
 packages/editor/src/layouts/workspace/Breadcrumb.vue      | 2 +-
 packages/form/src/containers/Container.vue                | 2 +-
 packages/form/src/containers/GroupListItem.vue            | 8 ++++----
 packages/form/src/containers/Panel.vue                    | 2 +-
 packages/form/src/containers/Table.vue                    | 4 ++--
 packages/form/src/fields/Link.vue                         | 2 +-
 packages/table/src/ActionsColumn.vue                      | 6 +++---
 packages/table/src/PopoverColumn.vue                      | 2 +-
 packages/table/src/TextColumn.vue                         | 4 ++--
 packages/tdesign-vue-next-adapter/src/index.ts            | 2 +-
 playground/src/components/NavMenu.vue                     | 2 +-
 19 files changed, 30 insertions(+), 29 deletions(-)

diff --git a/packages/design/src/types.ts b/packages/design/src/types.ts
index f1ee48fa..fb5c1460 100644
--- a/packages/design/src/types.ts
+++ b/packages/design/src/types.ts
@@ -27,6 +27,7 @@ export interface BadgeProps {
 export interface ButtonProps {
   type?: string;
   size?: FieldSize;
+  link?: boolean;
   text?: boolean;
   icon?: any;
 }
diff --git a/packages/editor/src/components/CodeBlockEditor.vue b/packages/editor/src/components/CodeBlockEditor.vue
index 74bdfb24..4e849f48 100644
--- a/packages/editor/src/components/CodeBlockEditor.vue
+++ b/packages/editor/src/components/CodeBlockEditor.vue
@@ -18,7 +18,7 @@
     @closed="closedHandler"
   >
     <template #left>
-      <TMagicButton type="primary" text @click="difVisible = true">查看修改</TMagicButton>
+      <TMagicButton type="primary" link @click="difVisible = true">查看修改</TMagicButton>
     </template>
   </component>
 
diff --git a/packages/editor/src/components/FloatingBox.vue b/packages/editor/src/components/FloatingBox.vue
index 66aec279..468594e7 100644
--- a/packages/editor/src/components/FloatingBox.vue
+++ b/packages/editor/src/components/FloatingBox.vue
@@ -6,7 +6,7 @@
           <span>{{ title }}</span>
         </slot>
         <div>
-          <TMagicButton text size="small" :icon="Close" @click="closeHandler"></TMagicButton>
+          <TMagicButton link size="small" :icon="Close" @click="closeHandler"></TMagicButton>
         </div>
       </div>
       <div class="m-editor-float-box-body">
diff --git a/packages/editor/src/components/ToolButton.vue b/packages/editor/src/components/ToolButton.vue
index 36ba25d3..09a1fd58 100644
--- a/packages/editor/src/components/ToolButton.vue
+++ b/packages/editor/src/components/ToolButton.vue
@@ -12,11 +12,11 @@
 
     <template v-else-if="data.type === 'button'">
       <TMagicTooltip v-if="data.tooltip" effect="dark" placement="bottom-start" :content="data.tooltip">
-        <TMagicButton size="small" text :disabled="disabled"
+        <TMagicButton size="small" link :disabled="disabled"
           ><MIcon v-if="data.icon" :icon="data.icon"></MIcon><span>{{ data.text }}</span></TMagicButton
         >
       </TMagicTooltip>
-      <TMagicButton v-else size="small" text :disabled="disabled" :title="data.text"
+      <TMagicButton v-else size="small" link :disabled="disabled" :title="data.text"
         ><MIcon v-if="data.icon" :icon="data.icon"></MIcon><span>{{ data.text }}</span></TMagicButton
       >
     </template>
diff --git a/packages/editor/src/fields/EventSelect.vue b/packages/editor/src/fields/EventSelect.vue
index 1fdb4297..93d4794f 100644
--- a/packages/editor/src/fields/EventSelect.vue
+++ b/packages/editor/src/fields/EventSelect.vue
@@ -36,7 +36,7 @@
           ></m-form-container>
           <TMagicButton
             style="color: #f56c6c"
-            text
+            link
             :icon="Delete"
             :disabled="disabled"
             :size="size"
diff --git a/packages/editor/src/fields/KeyValue.vue b/packages/editor/src/fields/KeyValue.vue
index 8a96f4b0..76bd9c6a 100644
--- a/packages/editor/src/fields/KeyValue.vue
+++ b/packages/editor/src/fields/KeyValue.vue
@@ -51,7 +51,7 @@
       v-if="config.advanced"
       size="default"
       :disabled="disabled"
-      text
+      link
       :icon="CodeIcon"
       @click="showCode = !showCode"
     ></TMagicButton>
diff --git a/packages/editor/src/fields/UISelect.vue b/packages/editor/src/fields/UISelect.vue
index 75a728dc..36d97114 100644
--- a/packages/editor/src/fields/UISelect.vue
+++ b/packages/editor/src/fields/UISelect.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="m-fields-ui-select" v-if="uiSelectMode" @click="cancelHandler">
-    <TMagicButton type="danger" :icon="Delete" :disabled="disabled" :size="size" text style="padding: 0"
+    <TMagicButton type="danger" :icon="Delete" :disabled="disabled" :size="size" link style="padding: 0"
       >取消</TMagicButton
     >
   </div>
@@ -13,14 +13,14 @@
           :icon="Close"
           :disabled="disabled"
           :size="size"
-          text
+          link
           @click.stop="deleteHandler"
         ></TMagicButton>
       </TMagicTooltip>
 
       <TMagicTooltip content="点击选中组件" placement="top">
         <TMagicButton
-          text
+          link
           style="padding: 0; margin: 0"
           :disabled="disabled"
           :size="size"
@@ -33,7 +33,7 @@
     </template>
 
     <TMagicTooltip v-else content="点击此处选择" placement="top">
-      <TMagicButton text style="padding: 0; margin: 0" :disabled="disabled" :size="size" @click="startSelect"
+      <TMagicButton link style="padding: 0; margin: 0" :disabled="disabled" :size="size" @click="startSelect"
         >点击此处选择</TMagicButton
       >
     </TMagicTooltip>
diff --git a/packages/editor/src/layouts/page-bar/SwitchTypeButton.vue b/packages/editor/src/layouts/page-bar/SwitchTypeButton.vue
index d6512d85..0273ad5f 100644
--- a/packages/editor/src/layouts/page-bar/SwitchTypeButton.vue
+++ b/packages/editor/src/layouts/page-bar/SwitchTypeButton.vue
@@ -4,7 +4,7 @@
     class="m-editor-page-bar-switch-type-button"
     size="small"
     :key="item.type"
-    text
+    link
     :class="{ active: modelValue === item.type }"
     :type="modelValue === item.type ? 'primary' : ''"
     @click="clickHandler(item.type)"
diff --git a/packages/editor/src/layouts/workspace/Breadcrumb.vue b/packages/editor/src/layouts/workspace/Breadcrumb.vue
index 23538d36..06407cd4 100644
--- a/packages/editor/src/layouts/workspace/Breadcrumb.vue
+++ b/packages/editor/src/layouts/workspace/Breadcrumb.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-if="nodes.length === 1" class="m-editor-breadcrumb">
     <template v-for="(item, index) in path" :key="item.id">
-      <TMagicButton text :disabled="item.id === node?.id" @click="select(item)">{{ item.name }}</TMagicButton
+      <TMagicButton link :disabled="item.id === node?.id" @click="select(item)">{{ item.name }}</TMagicButton
       ><span v-if="index < path.length - 1">/</span>
     </template>
   </div>
diff --git a/packages/form/src/containers/Container.vue b/packages/form/src/containers/Container.vue
index 36150854..68965711 100644
--- a/packages/form/src/containers/Container.vue
+++ b/packages/form/src/containers/Container.vue
@@ -212,7 +212,7 @@
     </template>
 
     <div style="text-align: center" v-if="config.expand && type !== 'fieldset'">
-      <TMagicButton type="primary" size="small" :disabled="false" text @click="expandHandler">{{
+      <TMagicButton type="primary" size="small" :disabled="false" link @click="expandHandler">{{
         expand ? '收起配置' : '展开更多配置'
       }}</TMagicButton>
     </div>
diff --git a/packages/form/src/containers/GroupListItem.vue b/packages/form/src/containers/GroupListItem.vue
index c4888adc..827e7d81 100644
--- a/packages/form/src/containers/GroupListItem.vue
+++ b/packages/form/src/containers/GroupListItem.vue
@@ -1,24 +1,24 @@
 <template>
   <div class="m-fields-group-list-item">
     <div>
-      <TMagicButton text :disabled="disabled" :icon="expand ? CaretBottom : CaretRight" @click="expandHandler">{{
+      <TMagicButton link :disabled="disabled" :icon="expand ? CaretBottom : CaretRight" @click="expandHandler">{{
         title
       }}</TMagicButton>
 
       <TMagicButton
         v-show="showDelete(parseInt(String(index)))"
         style="color: #f56c6c"
-        text
+        link
         :icon="Delete"
         :disabled="disabled"
         @click="removeHandler"
       ></TMagicButton>
 
       <template v-if="movable()">
-        <TMagicButton v-show="index !== 0" text :disabled="disabled" size="small" @click="changeOrder(-1)"
+        <TMagicButton v-show="index !== 0" link :disabled="disabled" size="small" @click="changeOrder(-1)"
           >上移<TMagicIcon><CaretTop /></TMagicIcon
         ></TMagicButton>
-        <TMagicButton v-show="index !== length - 1" :disabled="disabled" text size="small" @click="changeOrder(1)"
+        <TMagicButton v-show="index !== length - 1" :disabled="disabled" link size="small" @click="changeOrder(1)"
           >下移<TMagicIcon><CaretBottom /></TMagicIcon
         ></TMagicButton>
       </template>
diff --git a/packages/form/src/containers/Panel.vue b/packages/form/src/containers/Panel.vue
index ee2f9d7f..b1668a9b 100644
--- a/packages/form/src/containers/Panel.vue
+++ b/packages/form/src/containers/Panel.vue
@@ -6,7 +6,7 @@
   >
     <template #header>
       <div style="width: 100%; display: flex; align-items: center">
-        <TMagicButton style="padding: 0" text :icon="expand ? CaretBottom : CaretRight" @click="expand = !expand">
+        <TMagicButton style="padding: 0" link :icon="expand ? CaretBottom : CaretRight" @click="expand = !expand">
         </TMagicButton>
         <span v-if="config && config.extra" v-html="config.extra" class="m-form-tip"></span>
         <slot name="header">{{ filter(config.title) }}</slot>
diff --git a/packages/form/src/containers/Table.vue b/packages/form/src/containers/Table.vue
index 023018bc..6f972a90 100644
--- a/packages/form/src/containers/Table.vue
+++ b/packages/form/src/containers/Table.vue
@@ -54,7 +54,7 @@
                     type="primary"
                     :icon="ArrowUp"
                     :disabled="disabled"
-                    text
+                    link
                     @click="upHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
                     @dblclick="topHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
                   ></TMagicButton>
@@ -70,7 +70,7 @@
                     type="primary"
                     :icon="ArrowDown"
                     :disabled="disabled"
-                    text
+                    link
                     @click="downHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
                     @dblclick="bottomHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
                   ></TMagicButton>
diff --git a/packages/form/src/fields/Link.vue b/packages/form/src/fields/Link.vue
index 2a0ff572..bfa8c913 100644
--- a/packages/form/src/fields/Link.vue
+++ b/packages/form/src/fields/Link.vue
@@ -2,7 +2,7 @@
   <a v-if="config.href && !disabled" target="_blank" :href="href" :style="config.css || {}">{{ displayText }}</a>
   <span v-else-if="config.href && disabled" :style="config.disabledCss || {}">{{ displayText }}</span>
   <div v-else class="m-fields-link">
-    <TMagicButton :text="true" type="primary" @click="editHandler">点击编辑</TMagicButton>
+    <TMagicButton link type="primary" @click="editHandler">点击编辑</TMagicButton>
     <FormDialog
       ref="editor"
       :title="config.formTitle || '编辑扩展配置'"
diff --git a/packages/table/src/ActionsColumn.vue b/packages/table/src/ActionsColumn.vue
index 6319353d..c7497011 100644
--- a/packages/table/src/ActionsColumn.vue
+++ b/packages/table/src/ActionsColumn.vue
@@ -11,7 +11,7 @@
         <TMagicButton
           v-show="display(action.display, scope.row) && !editState[scope.$index]"
           class="action-btn"
-          text
+          link
           size="small"
           :type="action.buttonType || 'primary'"
           :icon="action.icon"
@@ -22,7 +22,7 @@
       <TMagicButton
         class="action-btn"
         v-show="editState[scope.$index]"
-        text
+        link
         type="primary"
         size="small"
         @click="save(scope.$index, config)"
@@ -31,7 +31,7 @@
       <TMagicButton
         class="action-btn"
         v-show="editState[scope.$index]"
-        text
+        link
         type="primary"
         size="small"
         @click="editState[scope.$index] = undefined"
diff --git a/packages/table/src/PopoverColumn.vue b/packages/table/src/PopoverColumn.vue
index bab2908d..a4f0863a 100644
--- a/packages/table/src/PopoverColumn.vue
+++ b/packages/table/src/PopoverColumn.vue
@@ -14,7 +14,7 @@
           :data="(config.prop && scope.row[config.prop]) || []"
         ></MTable>
         <template #reference>
-          <TMagicButton text type="primary"> {{ config.text || formatter(config, scope.row) }}</TMagicButton>
+          <TMagicButton link type="primary"> {{ config.text || formatter(config, scope.row) }}</TMagicButton>
         </template>
       </TMagicPopover>
     </template>
diff --git a/packages/table/src/TextColumn.vue b/packages/table/src/TextColumn.vue
index 551848a4..56141340 100644
--- a/packages/table/src/TextColumn.vue
+++ b/packages/table/src/TextColumn.vue
@@ -20,7 +20,7 @@
 
       <TMagicButton
         v-else-if="config.action === 'actionLink' && config.prop"
-        text
+        link
         type="primary"
         @click="config.handler?.(scope.row)"
       >
@@ -43,7 +43,7 @@
         <template #content>
           <div>{{ formatter(config, scope.row) }}</div>
         </template>
-        <TMagicButton text type="primary">{{ config.buttonText || '扩展配置' }}</TMagicButton>
+        <TMagicButton link type="primary">{{ config.buttonText || '扩展配置' }}</TMagicButton>
       </el-tooltip>
 
       <TMagicTag
diff --git a/packages/tdesign-vue-next-adapter/src/index.ts b/packages/tdesign-vue-next-adapter/src/index.ts
index 97c8ec7c..552467c1 100644
--- a/packages/tdesign-vue-next-adapter/src/index.ts
+++ b/packages/tdesign-vue-next-adapter/src/index.ts
@@ -126,7 +126,7 @@ const adapter: any = {
         theme: props.type,
         size: props.size === 'default' ? 'medium' : props.size,
         icon: () => (props.icon ? h(props.icon) : null),
-        variant: props.text ? 'text' : 'base',
+        variant: props.link || props.text ? 'text' : 'base',
       }),
     },
 
diff --git a/playground/src/components/NavMenu.vue b/playground/src/components/NavMenu.vue
index ed5cc4e2..4102b5f7 100644
--- a/playground/src/components/NavMenu.vue
+++ b/playground/src/components/NavMenu.vue
@@ -5,7 +5,7 @@
       class="menu-item button"
       :key="index"
       size="small"
-      text
+      link
       @click="item.handler"
     >
       <TMagicIcon><component :is="item.icon"></component></TMagicIcon><span>{{ item.text }}</span>