refactor: 重构导出功能，使用新的 useBlobExport 钩子

移除旧的 commonDownloadExcel 函数，统一使用 useBlobExport 钩子处理文件导出
- 在用户导入模板、请假申请和字典类型页面中替换导出逻辑
- 移除 demo 页面未使用的导出按钮和相关导入
- 为导出按钮添加加载状态，提升用户体验

apps/web-antd/src/views/system/dict/type/index-refactor.vue

@@ -24,7 +24,7 @@ import {
   dictTypeRemove,
   refreshDictTypeCache,
 } from '#/api/system/dict/dict-type';
-import { commonDownloadExcel } from '#/utils/file/download';
+import { useBlobExport } from '#/utils/file/export';
 
 import { emitter } from '../mitt';
 import dictTypeModal from './dict-type-modal.vue';
@@ -109,10 +109,6 @@ async function handleReset() {
   await tableApi.query();
 }
 
-function handleDownloadExcel() {
-  commonDownloadExcel(dictTypeExport, '字典类型数据');
-}
-
 function handleRefreshCache() {
   window.modal.confirm({
     title: '提示',
@@ -127,6 +123,16 @@ function handleRefreshCache() {
   });
 }
 
+const { exportBlob, exportLoading, buildExportFileName } =
+  useBlobExport(dictTypeExport);
+async function handleExport() {
+  // 构建表单请求参数
+  const formValues = await tableApi.formApi.getValues();
+  // 文件名
+  const fileName = buildExportFileName('字典类型数据');
+  exportBlob({ data: formValues, fileName });
+}
+
 const lastDictType = ref<string>('');
 const currentRowId = ref<null | number | string>(null);
 function handleRowClick(row: DictType) {
@@ -184,7 +190,9 @@ watch(searchValue, (value) => {
           <a-button
             v-access:code="['system:dict:export']"
             :icon="h(ExportOutlined)"
-            @click="handleDownloadExcel"
+            @click="handleExport"
+            :disabled="exportLoading"
+            :loading="exportLoading"
           />
         </Tooltip>
         <Tooltip :title="$t('pages.common.add')">

apps/web-antd/src/views/system/user/user-import-modal.vue

@@ -9,7 +9,7 @@ import { InboxOutlined } from '@antdv-next/icons';
 import { Switch, Upload } from 'antdv-next';
 
 import { downloadImportTemplate, userImportData } from '#/api/system/user';
-import { commonDownloadExcel } from '#/utils/file/download';
+import { useBlobExport } from '#/utils/file/export';
 
 const emit = defineEmits<{ reload: [] }>();
 
@@ -62,6 +62,11 @@ function handleCancel() {
   fileList.value = [];
   checked.value = false;
 }
+
+const { exportBlob, exportLoading } = useBlobExport(downloadImportTemplate);
+async function handleExport() {
+  exportBlob({ data: {}, fileName: '用户导入模板.xlsx' });
+}
 </script>
 
 <template>
@@ -89,7 +94,9 @@ function handleCancel() {
         <span>允许导入xlsx, xls文件</span>
         <a-button
           type="link"
-          @click="commonDownloadExcel(downloadImportTemplate, '用户导入模板')"
+          :loading="exportLoading"
+          :disabled="exportLoading"
+          @click="handleExport"
         >
           <div class="flex items-center gap-[4px]">
             <span class="icon-[vscode-icons--file-type-excel]"></span>