feat: GhostButton component

apps/web-antd/src/views/system/user/index.vue

@@ -248,29 +248,28 @@ function handleResetPwd(record: Recordable<any>) {
         </template>
         <template #action="{ row }">
           <template v-if="row.userId !== 1">
-            <a-button
-              size="small"
-              type="link"
-              v-access:code="['system:user:edit']"
-              @click.stop="handleEdit(row)"
-            >
-              {{ $t('pages.common.edit') }}
-            </a-button>
-            <Popconfirm
-              placement="left"
-              title="确认删除？"
-              @confirm="handleDelete(row)"
-            >
-              <a-button
-                danger
-                size="small"
-                type="link"
-                v-access:code="['system:user:remove']"
-                @click.stop=""
+            <Space>
+              <ghost-button
+                v-access:code="['system:user:edit']"
+                @click.stop="handleEdit(row)"
               >
-                {{ $t('pages.common.delete') }}
-              </a-button>
-            </Popconfirm>
+                {{ $t('pages.common.edit') }}
+              </ghost-button>
+              <Popconfirm
+                :get-popup-container="getPopupContainer"
+                placement="left"
+                title="确认删除？"
+                @confirm="handleDelete(row)"
+              >
+                <ghost-button
+                  danger
+                  v-access:code="['system:user:remove']"
+                  @click.stop=""
+                >
+                  {{ $t('pages.common.delete') }}
+                </ghost-button>
+              </Popconfirm>
+            </Space>
             <Dropdown
               :get-popup-container="getPopupContainer"
               placement="bottomRight"