feat(webui): 为模板卡片添加导出功能

- 在模板卡片上添加导出按钮，允许用户复制单个模板的TOML内容
- 新增导出相关的国际化文本，包括成功和失败提示
- 实现导出逻辑，使用剪贴板API复制模板内容
- 为所有按钮添加无障碍标签和标题属性

Author: Seyud

module/bin/device_faker_cli

@@ -6,10 +6,31 @@
         <p class="template-device">{{ template.brand }} {{ template.model }}</p>
       </div>
       <div class="template-actions">
-        <button class="icon-btn" @click="emit('edit', name, template)">
+        <button
+          class="icon-btn"
+          type="button"
+          :title="t('templates.actions.export')"
+          :aria-label="t('templates.actions.export')"
+          @click="emit('export', name, template)"
+        >
+          <Copy :size="18" />
+        </button>
+        <button
+          class="icon-btn"
+          type="button"
+          :title="t('common.edit')"
+          :aria-label="t('common.edit')"
+          @click="emit('edit', name, template)"
+        >
           <Edit2 :size="18" />
         </button>
-        <button class="icon-btn danger" @click="emit('delete', name)">
+        <button
+          class="icon-btn danger"
+          type="button"
+          :title="t('common.delete')"
+          :aria-label="t('common.delete')"
+          @click="emit('delete', name)"
+        >
           <Trash2 :size="18" />
         </button>
       </div>
@@ -88,14 +109,14 @@
 </template>
 
 <script setup lang="ts">
-import { Edit2, Trash2 } from 'lucide-vue-next'
+import { Copy, Edit2, Trash2 } from 'lucide-vue-next'
 import { toRefs } from 'vue'
 import { useI18n } from '../../utils/i18n'
 import type { Template } from '../../types'
 
 const props = defineProps<{ name: string; template: Template }>()
 const { name, template } = toRefs(props)
-const emit = defineEmits<{ edit: [string, Template]; delete: [string] }>()
+const emit = defineEmits<{ export: [string, Template]; edit: [string, Template]; delete: [string] }>()
 
 const { t } = useI18n()
 </script>

webui/src/components/templates/TemplateCard.vue

@@ -5,6 +5,7 @@
       :key="name"
       :name="name"
       :template="template"
+      @export="emit('export', name, template)"
       @edit="emit('edit', name, template)"
       @delete="emit('delete', name)"
     />
@@ -26,7 +27,7 @@ import { useI18n } from '../../utils/i18n'
 import type { Template } from '../../types'
 
 const props = defineProps<{ templates: Record<string, Template>; isSearching?: boolean }>()
-const emit = defineEmits<{ edit: [string, Template]; delete: [string] }>()
+const emit = defineEmits<{ export: [string, Template]; edit: [string, Template]; delete: [string] }>()
 
 const { t } = useI18n()
 

webui/src/components/templates/TemplateList.vue

@@ -17,6 +17,7 @@
       <TemplateList
         :templates="filteredTemplates"
         :is-searching="searchQuery.length > 0"
+        @export="handleExport"
         @edit="handleEdit"
         @delete="deleteTemplateConfirm"
       />
@@ -45,6 +46,7 @@ import { useConfigStore } from '../stores/config'
 import { useOnlineTemplatesStore } from '../stores/onlineTemplates'
 import { useI18n } from '../utils/i18n'
 import { useLazyMessageBox } from '../utils/elementPlus'
+import { copyTextToClipboard, stringifyTemplatesToToml } from '../utils/templateTransfer'
 import { toast } from 'kernelsu-alt'
 import type { Template } from '../types'
 
@@ -132,6 +134,19 @@ function handleEdit(name: string, template: Template) {
   dialogVisible.value = true
 }
 
+async function handleExport(name: string, template: Template) {
+  try {
+    const content = stringifyTemplatesToToml({ [name]: template })
+    const copied = await copyTextToClipboard(content)
+    toast(
+      copied ? t('templates.messages.export_copy_success') : t('templates.messages.export_copy_failed')
+    )
+  } catch (error) {
+    console.error('Export template failed:', error)
+    toast(t('templates.messages.export_copy_failed'))
+  }
+}
+
 async function deleteTemplateConfirm(name: string) {
   try {
     const messageBox = await getMessageBox()

webui/src/pages/TemplatePage.vue

@@ -66,6 +66,7 @@ export const messages = {
         online: '在线模板',
         new: '新建模板',
         transfer: '导入/导出',
+        export: '导出',
         add: '添加',
       },
       fields: {
@@ -125,6 +126,8 @@ export const messages = {
         name_required: '请输入模板名称',
         saved: '模板已保存',
         deleted: '模板已删除',
+        export_copy_success: '模板导出内容已复制',
+        export_copy_failed: '复制失败，请手动复制',
         pkg_exists: '该包名已添加',
       },
       labels: {
@@ -443,6 +446,7 @@ export const messages = {
         online: 'Online Templates',
         new: 'New Template',
         transfer: 'Import/Export',
+        export: 'Export',
         add: 'Add',
       },
       fields: {
@@ -502,6 +506,8 @@ export const messages = {
         name_required: 'Please enter template name',
         saved: 'Template saved',
         deleted: 'Template deleted',
+        export_copy_success: 'Template export copied',
+        export_copy_failed: 'Copy failed, please copy manually',
         pkg_exists: 'Package already added',
       },
       labels: {