@skyfox2000/webui 1.5.4 → 1.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "@skyfox2000/webui",
-   "version": "1.5.4",
+   "version": "1.5.7",
    "description": "后台前端通用组件定义, 支持国际化",
    "type": "module",
    "keywords": [],

package/src/components/common/icon/fullscreen.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onFullscreenClick } from '@/index';
+import { onFullscreenClick } from '@/utils/tools';
 import { useSettingInfo } from '@/stores/settingInfo';
 import ToolIcon from './toolIcon.vue';
 const settingStore = useSettingInfo();

package/src/components/content/dialog/excelForm.vue

@@ -117,6 +117,7 @@ import {
    UploadFile,
 } from '@/index';
 import { validateExcelUnified } from '@/utils/form-excel';
+import { $t } from '@/locales/index';
 import { loadPreviewFile } from '@/utils/excel-preview';
 import { AnyData, ResStatus, IUrlInfo } from '@skyfox2000/fapi';
 import message from 'vue-m-message';
@@ -224,19 +225,19 @@ const fileTypeTip = computed(() => {
    const fileType = props.fileType || 'both';
    switch (fileType) {
       case 'excel':
-         return '请选择Excel文件';
+         return $t('webui.components.content.dialog.chooseExcelFile');
       case 'csv':
-         return '请选择CSV文件';
+         return $t('webui.components.content.dialog.chooseCsvFile');
       case 'both':
       default:
-         return '请选择Excel或CSV文件';
+         return $t('webui.components.content.dialog.chooseExcelOrCsvFile');
    }
 });
 
 // Alert状态变量
-const validationMsg = ref('待验证数据规则');
+const validationMsg = ref($t('webui.components.content.dialog.validationRules'));
 const validationType = ref<AlertType>('warning');
-const duplicateMsg = ref('待验证重复数据');
+const duplicateMsg = ref($t('webui.components.content.dialog.duplicateData'));
 const duplicateType = ref<AlertType>('warning');
 
 watch(
@@ -307,19 +308,19 @@ const dialogUpload = async () => {
 
    const url = uploadUrl.value;
    if (!url) {
-      message.error('未配置文件上传地址！');
+      message.error($t('webui.components.content.excelForm.uploadAddressNotConfigured'));
       return;
    }
 
    if (excelError.value) {
-      message.error('表格数据存在验证错误，请修正后再上传！');
+      message.error($t('webui.components.content.excelForm.validationError'));
       return;
    }
 
    excelCtrl.isFormSaving.value = true;
    try {
       if (!excelBuffer.value || !fileName.value) {
-         message.warning('请先选择文件！');
+         message.warning($t('webui.components.content.excelForm.pleaseSelectFileFirst'));
          excelCtrl.isFormSaving.value = false;
          return;
       }
@@ -352,12 +353,12 @@ const dialogUpload = async () => {
       });
       if (uploadRes.status === UploadStatus.Success) {
          // 上传成功后调用 dialogSave 方法
-         message.success('文件上传成功，开始业务处理！');
+         message.success($t('webui.components.content.excelForm.fileUploadSuccess'));
          dialogSave(uploadFile);
       }
    } catch (error: any) {
       console.error('上传处理错误：', error);
-      message.error('上传处理失败：' + (error?.message || '未知错误'));
+      message.error($t('webui.components.content.excelForm.uploadFailed') + (error?.message || $t('webui.components.content.excelForm.unknownError')));
    } finally {
       excelCtrl.isFormSaving.value = false;
    }
@@ -424,7 +425,7 @@ const dialogSave = async (uploadFile: UploadFile) => {
          }
       } catch (error) {
          console.error('保存错误：', error);
-         message.error('数据保存失败，请稍后再试！');
+         message.error($t('webui.components.content.excelForm.dataSaveFailed'));
       } finally {
          excelCtrl.isFormSaving.value = false;
       }
@@ -484,8 +485,8 @@ const performDataValidation = async (buffer: ArrayBuffer): Promise<void> => {
          // 验证成功时，excelUrl会在beforeUpload中设置
       }
    } catch (error) {
-      validationMsg.value = '验证异常';
-      duplicateMsg.value = '验证异常';
+      validationMsg.value = $t('webui.components.content.dialog.validationException');
+      duplicateMsg.value = $t('webui.components.content.dialog.validationException');
       validationType.value = 'error';
       duplicateType.value = 'error';
    }
@@ -515,16 +516,16 @@ const beforeUpload: UploadProps['beforeUpload'] = async (file) => {
    switch (allowedType) {
       case 'excel':
          isValidType = isExcel;
-         errorMsg = '只能上传Excel文件!';
+         errorMsg = $t('webui.components.content.excelForm.onlyExcelAllowed');
          break;
       case 'csv':
          isValidType = isCsv;
-         errorMsg = '只能上传CSV文件!';
+         errorMsg = $t('webui.components.content.excelForm.onlyCsvAllowed');
          break;
       case 'both':
       default:
          isValidType = isExcel || isCsv;
-         errorMsg = '只能上传Excel文件或CSV文件!';
+         errorMsg = $t('webui.components.content.excelForm.onlyExcelOrCsvAllowed');
          break;
    }
 
@@ -553,7 +554,7 @@ const beforeUpload: UploadProps['beforeUpload'] = async (file) => {
          const { csvToExcelView } = await import('@/utils/excel-view');
          const excelResult = await csvToExcelView(csvText, file.name);
          if (!excelResult.success) {
-            throw new Error(excelResult.error || 'CSV文件处理失败');
+            throw new Error(excelResult.error || $t('webui.components.content.excelForm.csvProcessingFailed'));
          }
 
          // 获取Excel格式的ArrayBuffer用于验证
@@ -590,14 +591,14 @@ const beforeUpload: UploadProps['beforeUpload'] = async (file) => {
             }
             excelCtrl.isFormLoading.value = false;
          } else {
-            message.error('加载文件失败，请检查文件格式！');
+            message.error($t('webui.components.content.excelForm.loadFileFailed'));
          }
       };
    } catch (error) {
       console.error('文件处理错误:', error);
-      message.error('文件处理失败，请检查文件格式！');
+      message.error($t('webui.components.content.excelForm.fileProcessingFailed'));
       excelCtrl.isFormLoading.value = false;
-      validationMsg.value = '文件处理错误';
+      validationMsg.value = $t('webui.components.content.excelForm.fileProcessingError');
       validationType.value = 'error';
    }
 
@@ -612,7 +613,7 @@ onMounted(() => {
    if (pageCtrl && !isPreviewMode.value) {
       // 只有在非预览模式下才检查上传地址
       if (!uploadUrl.value) {
-         message.error('未配置文件上传地址！');
+         message.error($t('webui.components.content.excelForm.uploadAddressNotConfigured'));
          return;
       }
 
@@ -646,9 +647,9 @@ const clearAll = () => {
 
    // 重置验证状态
    excelCtrl.isFormLoading.value = false;
-   validationMsg.value = '待验证数据规则';
+   validationMsg.value = $t('webui.components.content.dialog.validationRules');
    validationType.value = 'warning';
-   duplicateMsg.value = '待验证重复数据';
+   duplicateMsg.value = $t('webui.components.content.dialog.duplicateData');
    duplicateType.value = 'warning';
    excelError.value = false;
    duplicateError.value = false;
@@ -680,7 +681,7 @@ defineExpose({
 });
 </script>
 <template>
-   <Modal :title="title ?? '文件上传'" v-model:open="open"
+   <Modal :title="title ?? $t('webui.components.content.dialog.fileUpload')" v-model:open="open"
       :wrapClassName="['modal', 'mx-auto', $attrs.width ? 'w-[' + $attrs.width + ']' : ''].join(' ')" :width="940"
       @close="dialogClose">
       <slot></slot>
@@ -714,7 +715,8 @@ defineExpose({
          <!-- 右侧验证条件和错误信息 -->
          <div class="w-[22%] flex-grow overflow-hidden flex flex-col" v-if="validationRules.length > 0">
             <div class="bg-gray-50 p-2 rounded border flex-grow flex flex-col">
-               <div v-if="validationRules.length === 0" class="text-gray-500">没有设置验证规则</div>
+               <div v-if="validationRules.length === 0" class="text-gray-500">{{
+                  $t('webui.components.content.dialog.noValidationRules') }}</div>
                <div v-else class="flex flex-col">
                   <!-- 行验证规则 -->
                   <Alert :message="validationMsg" :type="validationType" show-icon class="mb-2" />
@@ -734,7 +736,8 @@ defineExpose({
                      <Alert :message="duplicateMsg" :type="duplicateType" show-icon class="mt-2 mb-2" />
                      <div class="text-[12px] text-gray-600 p-1">
                         <div class="text-[13px] text-gray-600">
-                           以下{{ duplicateRules.length > 1 ? '组合' : '字段' }}必须唯一
+                           {{ duplicateRules.length > 1 ? $t('webui.components.content.dialog.combinationMustBeUnique')
+                              : $t('webui.components.content.dialog.fieldMustBeUnique', [duplicateRules.join(', ')]) }}
                         </div>
                         <ul class="pl-5 mt-1 mb-0">
                            <li class="text-[12px] text-gray-600">
@@ -750,11 +753,12 @@ defineExpose({
 
       <template #footer>
          <Space>
-            <Button @click="dialogClose">{{ cancelText ?? (isPreviewMode ? '关闭' : '取消') }}</Button>
+            <Button @click="dialogClose">{{ cancelText ?? (isPreviewMode ? $t('webui.components.content.dialog.close') :
+               $t('webui.common.cancel')) }}</Button>
             <Button v-if="!isPreviewMode" @click="dialogUpload" type="primary"
                :loading="excelCtrl?.isFormSaving.value ?? false"
                :disabled="!excelUrl || excelError || duplicateError || excelCtrl.isFormLoading.value">
-               {{ saveText ?? '上传文件' }}
+               {{ saveText ?? $t('webui.components.content.dialog.uploadFile') }}
             </Button>
          </Space>
       </template>

package/src/components/content/dialog/index.vue

@@ -103,15 +103,15 @@ const doDialogClose = () => {
          <slot name="footer">
             <Space>
                <Button @click="doDialogClose" v-if="cancelText !== ''">
-                  {{ cancelText ?? '取消' }}
+                  {{ cancelText ?? $t('webui.common.cancel') }}
                </Button>
                <Button @click="doDialogSaveAs" v-if="saveAsText !== '' && editorCtrl?.saveAsBtnVisible !== false"
                   type="primary" :loading="editorCtrl?.isFormSaving.value">
-                  {{ saveAsText ?? '另存为' }}
+                  {{ saveAsText ?? $t('webui.common.saveAs') }}
                </Button>
                <Button @click="doDialogSave" v-if="saveText !== '' && editorCtrl?.saveBtnVisible !== false"
                   type="primary" :loading="editorCtrl?.isFormSaving.value">
-                  {{ saveText ?? '保存' }}
+                  {{ saveText ?? $t('webui.common.save') }}
                </Button>
             </Space>
          </slot>

package/src/components/content/dialog/templateFile.vue

@@ -6,6 +6,7 @@ import { MinioFile, UploadFile, UploadStatus } from '@/index';
 import { httpPost, IUrlInfo, ResStatus } from '@skyfox2000/fapi';
 import UploadList from '../../form/upload/uploadList.vue';
 import { uploadTempOpener } from '../../../utils/upload-template';
+import { $t } from '@/locales/index';
 
 const props = defineProps({
     /**
@@ -164,7 +165,7 @@ const dialogClose = () => {
 };
 </script>
 <template>
-    <Modal title="模板文件管理" v-model:open="open"
+    <Modal :title="$t('webui.components.content.dialog.templateFileManager')" v-model:open="open"
         :wrapClassName="'modal mx-auto ' + ($attrs.width ? 'w-[' + $attrs.width + ']' : 'w-[500px]')"
         @close="dialogClose">
         <!-- 改为选择后自动上传 -->
@@ -173,7 +174,7 @@ const dialogClose = () => {
             :show-delete="showDelete" />
         <template #footer>
             <Space>
-                <Button @click="dialogClose">关闭</Button>
+                <Button @click="dialogClose">{{ $t('webui.common.close') }}</Button>
             </Space>
         </template>
     </Modal>

package/src/components/content/dialog/uploadForm.vue

@@ -7,6 +7,7 @@ import { AnyData, ApiResponse, IUrlInfo, ResStatus } from '@skyfox2000/fapi';
 import UploadList from '../../form/upload/uploadList.vue';
 import message from 'vue-m-message';
 import { AsyncUploader } from '@/utils/file-upload';
+import { $t } from '@/locales/index';
 
 const props = defineProps<{
    /**
@@ -188,7 +189,7 @@ onMounted(() => {
    uploadUrl.value = uploadUrl.value ?? pageCtrl.urls.upload;
    downloadUrl.value = downloadUrl.value ?? pageCtrl.urls.download;
    if (!uploadUrl.value) {
-      message.error('未配置文件上传地址！');
+      message.error($t('webui.components.content.excelForm.uploadAddressNotConfigured'));
       return;
    }
    if (!uploadUrl.value.api) uploadUrl.value.api = pageCtrl.api;
@@ -214,7 +215,7 @@ const dialogClose = () => {
 };
 </script>
 <template>
-   <Modal title="文件上传" v-model:open="open"
+   <Modal :title="$t('webui.components.content.dialog.fileUpload')" v-model:open="open"
       :wrapClassName="'modal mx-auto ' + ($attrs.width ? 'w-[' + $attrs.width + ']' : 'w-[500px]')"
       @close="dialogClose">
       <UploadList 
@@ -226,9 +227,9 @@ const dialogClose = () => {
       />
       <template #footer>
          <Space>
-            <Button @click="dialogClose">取消</Button>
+            <Button @click="dialogClose">{{ $t('webui.common.cancel') }}</Button>
             <Button @click="dialogSave" type="primary" :loading="uploadFormCtrl.isFormSaving.value">
-               上传保存
+               {{ $t('webui.common.uploadSave') }}
             </Button>
          </Space>
       </template>

package/src/components/content/drawer/index.vue

@@ -7,6 +7,7 @@ const { token } = useToken();
 import { EditorControl, onFormSave, onFormSaveAs, onFormClose, ProviderKeys } from '@/index';
 import { AnyData } from '@skyfox2000/fapi';
 import { ToolIcon } from '../../common';
+import { $t } from '@/locales/index';
 
 const open = ref<boolean>(false);
 
@@ -100,14 +101,15 @@ const doDrawerClose = () => {
       <template #footer>
          <slot name="footer">
             <Space>
-               <Button @click="doDrawerClose" v-if="cancelText !== ''">{{ cancelText ?? '取消' }}</Button>
+               <Button @click="doDrawerClose" v-if="cancelText !== ''">{{ cancelText ??
+                  $t('webui.common.cancel') }}</Button>
                <Button @click="doDrawerSaveAs" v-if="saveAsText !== '' && editorCtrl.saveAsBtnVisible !== false"
                   type="primary" :loading="editorCtrl.isFormSaving.value">
-                  {{ saveAsText ?? '另存为' }}
+                  {{ saveAsText ?? $t('webui.common.saveAs') }}
                </Button>
                <Button @click="doDrawerSave" v-if="saveText !== '' && editorCtrl.saveBtnVisible !== false"
                   type="primary" :loading="editorCtrl.isFormSaving.value">
-                  {{ saveText ?? '保存' }}
+                  {{ saveText ?? $t('webui.common.save') }}
                </Button>
             </Space>
          </slot>

package/src/components/content/list/index.vue

@@ -14,6 +14,7 @@ import Toolbar from '../toolbar/index.vue';
 import Switch from '../../form/switch/index.vue';
 import { AnyData } from '@skyfox2000/fapi';
 import { ProviderKeys } from '@/index';
+import { $t } from '@/locales/index';
 
 const props = withDefaults(defineProps<{
    /**
@@ -76,7 +77,7 @@ const pagination: Ref<false | PaginationProps> = ref<false | PaginationProps>({
       current: 1,
       pageSize: curPageSize.value,
       showTotal: (total: number) => {
-         return `共 ${total} 条记录`;
+         return $t('webui.common.total', [total]);
       },
       onChange: (page: number, pageSize: number) => {
          if (pagination.value !== false) {

package/src/components/content/list/listOperate.vue

@@ -2,17 +2,15 @@
 import {
    AppRouter,
    ButtonTool,
-   getToolGroup,
-   getToolVisible,
-   getToolStatus,
-   onToolClicked,
    onGridRowEdit,
    onGridRowDelete,
    GridControl,
    ToolIcon,
 } from '@/index';
+import { getToolGroup, getToolVisible, getToolStatus, onToolClicked } from '@/utils/tools';
 import { ConfigProvider, Space, DropdownButton, Menu, MenuItem, Popconfirm } from 'ant-design-vue';
 import { computed } from 'vue';
+import { $t } from '@/locales/index';
 
 const props = defineProps<{
    /**
@@ -52,7 +50,7 @@ const defaultOperates: ButtonTool[] = [
       role: ['Super', 'Admin'],
       permit: ':delete',
       confirm: true,
-      confirmText: '是否删除此记录？',
+      confirmText: $t('webui.components.content.table.confirmDelete'),
       click: () => onGridRowDelete<T>(gridCtrl, props.record as T),
    },
 ];
@@ -86,7 +84,8 @@ const disabled = (item: ButtonTool): boolean => {
       <Space>
          <template v-for="item in buttons" :key="item.key">
             <Popconfirm v-if="getToolVisible(item, props.record)" :disabled="disabled(item) || !item.confirm"
-               cancelText="否" okText="是" :title="item.confirmText" :okButtonProps="{ size: 'small' }"
+               :cancelText="$t('webui.common.no')" :okText="$t('webui.common.yes')" :title="item.confirmText"
+               :okButtonProps="{ size: 'small' }"
                :cancelButtonProps="{ size: 'small' }"
                @confirm="onToolClicked(item, gridCtrl.page, gridCtrl, props.record, true)">
                <ToolIcon :key="item.key" :icon="item.icon" :danger="item.danger"
@@ -103,7 +102,7 @@ const disabled = (item: ButtonTool): boolean => {
 
          <ConfigProvider :autoInsertSpaceInButton="false" v-if="record[gridCtrl.statusKey] == 1">
             <DropdownButton v-if="menus.length > 0" size="small">
-               更多
+               {{ $t('webui.components.content.table.more') }}
                <template #overlay>
                   <Menu>
                      <template v-for="item in menus" :key="item.key">

package/src/components/content/search/index.vue

@@ -143,8 +143,8 @@ const onReset = () => {
       <SearchItem v-if="defaultSlots || gridCtrl?.searchBar" class="w-1/3 flex justify-end text-right pr-5"
          :wrapper-col="{ flex: 'auto' }">
          <Space>
-            <Button type="primary" @click="onSearch" icon="icon-search">搜索</Button>
-            <Button @click="onReset" icon="icon-reset">重置</Button>
+            <Button type="primary" @click="onSearch" icon="icon-search">{{ $t('webui.common.search') }}</Button>
+            <Button @click="onReset" icon="icon-reset">{{ $t('webui.common.reset') }}</Button>
          </Space>
       </SearchItem>
    </Form>

package/src/components/content/table/index.vue

@@ -16,6 +16,7 @@ import Toolbar from '../toolbar/index.vue';
 import Switch from '../../form/switch/index.vue';
 import { AnyData } from '@skyfox2000/fapi';
 import { ProviderKeys } from '@/index';
+import { $t } from '@/locales/index';
 
 const props = withDefaults(defineProps<{
    /**
@@ -77,7 +78,7 @@ const pagination: Ref<false | PaginationProps> = ref<false | PaginationProps>({
       current: 1,
       pageSize: curPageSize.value,
       showTotal: (total: number) => {
-         return `共 ${total} 条记录`;
+         return $t('webui.common.total', [total]);
       },
       onChange: (page: number, pageSize: number) => {
          if (pagination.value !== false) {

package/src/components/content/table/tableOperate.vue

@@ -2,16 +2,14 @@
 import {
    AppRouter,
    ButtonTool,
-   getToolGroup,
-   getToolVisible,
-   getToolStatus,
-   onToolClicked,
    onGridRowEdit,
    onGridRowDelete,
    GridControl,
 } from '@/index';
+import { getToolGroup, getToolVisible, getToolStatus, onToolClicked } from '@/utils/tools';
 import { ConfigProvider, Button, Space, DropdownButton, Menu, MenuItem, Popconfirm } from 'ant-design-vue';
 import { computed } from 'vue';
+import { $t } from '@/locales/index';
 
 const props = defineProps<{
    /**
@@ -33,7 +31,7 @@ const currentPath = computed(() => AppRouter.currentRoute.value.path);
 const defaultOperates: ButtonTool[] = [
    {
       key: 'Edit',
-      label: '编辑',
+      label: $t('webui.common.edit'),
       type: 'primary',
       visible: true,
       role: ['Super', 'Admin'],
@@ -42,14 +40,14 @@ const defaultOperates: ButtonTool[] = [
    },
    {
       key: 'Delete',
-      label: '删除',
+      label: $t('webui.common.delete'),
       type: 'primary',
       visible: true,
       danger: true,
       role: ['Super', 'Admin'],
       permit: ':delete',
       confirm: true,
-      confirmText: '是否删除此记录？',
+      confirmText: $t('webui.components.content.table.confirmDelete'),
       click: () => onGridRowDelete<T>(gridCtrl, props.record as T),
    },
 ];
@@ -83,7 +81,8 @@ const disabled = (item: ButtonTool): boolean => {
       <Space>
          <template v-for="item in buttons" :key="item.key">
             <Popconfirm v-if="getToolVisible(item, props.record)" :disabled="disabled(item) || !item.confirm"
-               cancelText="否" okText="是" :title="item.confirmText" :okButtonProps="{ size: 'small' }"
+               :cancelText="$t('webui.common.no')" :okText="$t('webui.common.yes')" :title="item.confirmText"
+               :okButtonProps="{ size: 'small' }"
                :cancelButtonProps="{ size: 'small' }"
                @confirm="onToolClicked(item, gridCtrl.page, gridCtrl, props.record, true)">
                <Button :key="item.key" :type="item.type ?? 'text'" :danger="item.danger"
@@ -99,7 +98,7 @@ const disabled = (item: ButtonTool): boolean => {
 
          <ConfigProvider :autoInsertSpaceInButton="false" v-if="record[gridCtrl.statusKey] == 1">
             <DropdownButton v-if="menus.length > 0" size="small">
-               更多
+               {{ $t('webui.components.content.table.more') }}
                <template #overlay>
                   <Menu>
                      <template v-for="item in menus" :key="item.key">

package/src/components/content/toolbar/icontool.vue

@@ -6,14 +6,10 @@ import {
    AppRouter,
    filterColumns,
    onColumnVisibleChanged,
-   getToolStatus,
-   getToolByKey,
-   getToolVisible,
-   useToolFactory,
-   onToolClicked,
    GridControl,
    useSettingInfo,
 } from '@/index';
+import { getToolStatus, getToolByKey, getToolVisible, useToolFactory, onToolClicked } from '@/utils/tools';
 import { Button, ToolIcon } from '../../common';
 import { Dropdown, Menu, MenuItem } from 'ant-design-vue';
 

package/src/components/content/toolbar/index.vue

@@ -4,15 +4,14 @@ import {
    ButtonTool,
    EditorControl,
    GridControl,
-   getToolGroup,
-   getToolStatus,
-   onToolClicked,
    openNewForm,
 } from '@/index';
+import { getToolGroup, getToolStatus, onToolClicked } from '@/utils/tools';
 import { Dropdown, Menu, MenuItem, Space } from 'ant-design-vue';
 import { Button } from '../../common';
 import IconTool from './icontool.vue';
 import { ref, watch, computed } from 'vue';
+import { $t } from '@/locales/index';
 
 const props = defineProps<{
    /**
@@ -35,7 +34,7 @@ const currentPath = computed(() => AppRouter.currentRoute.value.path);
 const defaultButtons: ButtonTool[] = [
    {
       key: 'New',
-      label: '新增',
+      label: $t('webui.common.add'),
       type: 'primary',
       icon: 'icon-new',
       danger: true,
@@ -98,7 +97,7 @@ watch(
                   </MenuItem>
                </Menu>
             </template>
-            <Button> 更多操作 </Button>
+            <Button>{{ $t('webui.common.moreActions') }}</Button>
          </Dropdown>
          <!-- 空占位元素 -->
          <span v-if="ToolbarButtons.length === 0 && ToolbarMenus.length === 0"></span>