perf: 💄 Optimize the display effect of the quick operation bar

viarotel-org · Jul 25, 2024 · 7b3c4db · 7b3c4db
1 parent 38f854b
commit 7b3c4db
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/components/Quick/index.vue b/src/components/Quick/index.vue
@@ -16,9 +16,11 @@
       <template #default="{ ...slotProps } = {}">
         <EleTooltipButton
           v-bind="{
-            text: true,
+            type: 'default',
             content: $t(item.tips || item.label),
             circle: true,
+            plain: true,
+            borderless: true,
             size: 'small',
             effect: 'light',
             ...slotProps,

diff --git a/src/plugins/element-plus/expands/EleTooltipButton/index.vue b/src/plugins/element-plus/expands/EleTooltipButton/index.vue
@@ -1,6 +1,10 @@
 <template>
   <el-tooltip>
-    <ElButton v-bind="{ ...$props }" @click="emit('click', $event)">
+    <ElButton
+      v-bind="{ ...$props }"
+      :class="{ '!border-none': borderless }"
+      @click="emit('click', $event)"
+    >
       <slot name="icon"></slot>
       <slot></slot>
     </ElButton>
@@ -13,6 +17,11 @@ import { ElButton } from 'element-plus'
 
 const props = defineProps({
   ...ElButton.props,
+
+  borderless: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const emit = defineEmits(['click'])