plain-design 1.0.0-beta.49 → 1.0.0-beta.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plain-design",
-  "version": "1.0.0-beta.49",
+  "version": "1.0.0-beta.50",
   "description": "",
   "main": "dist/plain-design.min.js",
   "module": "dist/plain-design.commonjs.min.js",

package/src/packages/components/$file/index.tsx

@@ -76,7 +76,7 @@ export function createFileService() {
         if (!!config!.validator && !config!.validator(file)) return;
         if (!!config!.max && file.calcSize > config!.max) {
           return $message.error(
-            i18n('file.oversize', { filename: file.name, filesize: file.calcSize, max: config!.max }).d(`[${file.name}]大小为${file.calcSize}MB，超过最大限制${config!.max}MB`),
+            i18n.$it('file.oversize', { filename: file.name, filesize: file.calcSize, max: config!.max }).d(`[${file.name}]大小为${file.calcSize}MB，超过最大限制${config!.max}MB`),
             { time: 5000 });
         }
         files.push(file);

package/src/packages/components/$message/image.service.utils.tsx

@@ -149,11 +149,11 @@ export const imageCompress = (() => {
     }*/
     let image = await urlToImage(url);
     if (!!config.maxHeight || !!config.maxWidth) {
-      let file = await compressByMeasure(image, config, `${i18n('image.compressByImageMeasure').d('根据尺寸压缩图片')}.png`);
+      let file = await compressByMeasure(image, config, `${i18n.$it('image.compressByImageMeasure').d('根据尺寸压缩图片')}.png`);
       return !file ? null : fileToDataURL(file);
     }
     if (!!config.maxSize) {
-      let file = await compressByMaxSize(image, config.maxSize, `${i18n('image.compressByImageCapacity').d('根据大小压缩图片')}.png`);
+      let file = await compressByMaxSize(image, config.maxSize, `${i18n.$it('image.compressByImageCapacity').d('根据大小压缩图片')}.png`);
       return !file ? null : fileToDataURL(file);
     }
     throw new Error('compress: maxSize, maxHeight, maxWidth is empty!');

package/src/packages/components/$object/createObjectService.tsx

@@ -20,7 +20,7 @@ export function createObjectService(defaultConfig: iObjectServiceDefaultConfig)
 
   const publicDialogOption: iDialogServiceOption = {
     headAlign: 'left',
-    title: i18n('base.selectData').d('选择数据'),
+    title: i18n.$it('base.selectData').d('选择数据'),
     confirmButton: true,
     cancelButton: true,
     noContentPadding: true,
@@ -83,7 +83,7 @@ export function createObjectService(defaultConfig: iObjectServiceDefaultConfig)
       handleConfirm: async () => {
         const { selected } = state;
         if (!selected) {
-          $message(i18n('base.selectPieceOfData').d('请选择一条数据'));
+          $message(i18n.$it('base.selectPieceOfData').d('请选择一条数据'));
           return false;
         }
         const flag = config.beforeConfirm?.(selected);
@@ -173,7 +173,7 @@ export function createObjectService(defaultConfig: iObjectServiceDefaultConfig)
       handleConfirm: async () => {
         const { selected } = state;
         if (!selected || selected.length === 0) {
-          $message(i18n('base.selectAtLeastOnePieceOfData').d('请至少选择一条数据'));
+          $message(i18n.$it('base.selectAtLeastOnePieceOfData').d('请至少选择一条数据'));
           return false;
         }
         const flag = config.beforeConfirm?.(selected);

package/src/packages/components/$upload/createUploadService.tsx

@@ -44,7 +44,7 @@ export function createUploadService(config: iUploadServiceConfig) {
       });
       uploadConfig.onSuccess?.(response);
     } catch (e) {
-      $notice.error(`${i18n('file.uploadFailed').d('上传失败')},` + String(e).toString());
+      $notice.error(`${i18n.$it('file.uploadFailed').d('上传失败')},` + String(e).toString());
       uploadConfig.onError?.(e as any);
       throw e;
     }

package/src/packages/components/Application/theme/theme.ts

@@ -249,7 +249,7 @@ export function createThemeConfigurationData(prefix: string | null, config?: Dee
       ...secondaryColorList,
       ...createGrayColors(dark, false),
       ...createGrayColors(dark, true),
-      ...base.primary === '#ffffff' ? { 'pbfc': 'black' } : { 'pbfc': 'white' },
+      ...base.primary.toLowerCase() === '#ffffff' ? { 'pbfc': 'black' } : { 'pbfc': 'white' },
       ...dark ? {
         'background-hover': '#3c3c4d',
         'scrollbar-color': '#141414',

package/src/packages/components/AutoTable/filter/useTableOption.filter.form.tsx

@@ -95,7 +95,7 @@ export const useTableOptionFilterForm = AutoModule.createRegistration((
   filterState.useState<iFilterFormMultipleData & { show: boolean }>({
     seq: 1,
     key: 'form-filter',
-    title: i18n('table.formFilter').d('表单筛选'),
+    title: i18n.$it('table.formFilter').d('表单筛选'),
     getActiveFilterCount: () => {
       const length = state.data?.filterQueryParam.queries?.length;
       return length == null ? 0 : length;
@@ -146,7 +146,7 @@ export const useTableOptionFilterForm = AutoModule.createRegistration((
   hooks.onRenderLeftOperation.use({
     processor: ({ list, render }) => {list.push({ key: 'form-filter-expander', seq: 1, render });},
     render: () => (
-      <Tooltip message={i18n('table.formQuery').d('表单查询')}><Button icon="pi-find-replace" onClick={methods.toggleShow}/></Tooltip>
+      <Tooltip message={i18n.$it('table.formQuery').d('表单查询')}><Button icon="pi-find-replace" onClick={methods.toggleShow}/></Tooltip>
     ),
   });
 
@@ -172,7 +172,7 @@ export const useTableOptionFilterForm = AutoModule.createRegistration((
         column={config.filterFormColumn}
         v-slots={{
           operation: () => (
-            <Button label={i18n('base.collapse').d('收起')} icon="pi-shrink" onClick={methods.toggleShow}/>
+            <Button label={i18n.$it('base.collapse').d('收起')} icon="pi-shrink" onClick={methods.toggleShow}/>
           )
         }}
       />

package/src/packages/components/AutoTable/filter/useTableOption.filter.search.tsx

@@ -77,7 +77,7 @@ export const useTableOptionFilterSearch = AutoModule.createRegistration((
   filterState.useState<iFilterFormSingleData>({
     seq: 1,
     key: 'search-filter',
-    title: i18n('table.searchBar').d('搜索栏'),
+    title: i18n.$it('table.searchBar').d('搜索栏'),
     getActiveFilterCount: () => {
       const length = state.data?.filterQueryParam.queries?.length;
       return length == null ? 0 : length;
@@ -153,7 +153,7 @@ export const useTableOptionFilterSearch = AutoModule.createRegistration((
     return TableOptionUtils.createTableOptionTipMeta({
       filterOption,
       formData: data.formData,
-      onClick: () => {$message(i18n('table.pleaseEditSearchParam').d('请直接编辑搜索栏筛选参数'));},
+      onClick: () => {$message(i18n.$it('table.pleaseEditSearchParam').d('请直接编辑搜索栏筛选参数'));},
       onClear: () => {
         data.filterQueryParam = {};
         refs.filter?.update({ ...data, });

package/src/packages/components/AutoTable/setting/useTableOption.setting.all.fitler.tsx

@@ -38,7 +38,7 @@ export const useTableOptionSettingAllFilter = AutoModule.createRegistration((
 
   setting.useTableOptionSettingInner({
     key: eTableOptionSettingView.allFilter,
-    title: i18n('table.allFilter').d('所有筛选'),
+    title: i18n.$it('table.allFilter').d('所有筛选'),
     seq: 0.9,
     contentPending: false,
     beforeOpen: () => {
@@ -51,12 +51,12 @@ export const useTableOptionSettingAllFilter = AutoModule.createRegistration((
       <div className="auto-table-setting-all-filter">
         {state.renderFilters.length === 0 && (
           <div className="auto-table-setting-all-filter-empty">
-            <Empty label={i18n('table.noFilter').d('暂无筛选')}/>
+            <Empty label={i18n.$it('table.noFilter').d('暂无筛选')}/>
           </div>
         )}
         {state.renderFilters.length > 0 && (
           <div>
-            <Button label={i18n('table.clearAll').d('全部清空')} icon="pi-delete" status="error" onClick={removeAll}/>
+            <Button label={i18n.$it('table.clearAll').d('全部清空')} icon="pi-delete" status="error" onClick={removeAll}/>
           </div>
         )}
         {state.renderFilters.map(({ filter, display }, index) => {
@@ -64,7 +64,7 @@ export const useTableOptionSettingAllFilter = AutoModule.createRegistration((
             <div key={index} className="auto-table-setting-all-filter-item">
               <div className="auto-table-setting-all-filter-item-head">
                 <span>{filter.title}</span>
-                <Button icon="pi-close-circle" label={i18n('base.edit.remove').d('删除')} status="error" onClick={() => removeFilter(filter)} mode="text"/>
+                <Button icon="pi-close-circle" label={i18n.$it('base.edit.remove').d('删除')} status="error" onClick={() => removeFilter(filter)} mode="text"/>
               </div>
               <div className="auto-table-setting-all-filter-item-body">
                 {display()}

package/src/packages/components/AutoTable/setting/useTableOption.setting.cache.tsx

@@ -44,13 +44,13 @@ export const useTableOptionSettingCache = AutoModule.createRegistration((
       editType: 'input',
       status: null,
       editValue: initialName,
-      title: i18n('table.pleaseInputThConfigurationName').d('请输入配置名称'),
+      title: i18n.$it('table.pleaseInputThConfigurationName').d('请输入配置名称'),
       confirmButton: true,
       cancelButton: true,
       size: config.size,
       handleConfirm: async ({ editValue }) => {
         if (editValue == null || String(editValue).trim().length === 0) {
-          $message(i18n('table.pleaseEnterNewConfigName').d('请输入新配置名称'));
+          $message(i18n.$it('table.pleaseEnterNewConfigName').d('请输入新配置名称'));
           return Promise.reject('invalid value!');
         } else {
           dfd.resolve(String(editValue));
@@ -78,12 +78,12 @@ export const useTableOptionSettingCache = AutoModule.createRegistration((
   };
 
   const copyConfig = async (cacheItemData: iTableOptionCacheItemData) => {
-    cache.copyCache(cacheItemData.id, await getConfigName(cacheItemData.title + '.' + i18n('table.bak').d('副本')));
+    cache.copyCache(cacheItemData.id, await getConfigName(cacheItemData.title + '.' + i18n.$it('table.bak').d('副本')));
     state.editCacheData = deepcopy(cache.state.cacheData);
   };
 
   const overrideCache = async (cacheItemData: iTableOptionCacheItemData) => {
-    await $dialog.confirm({ message: i18n('table.areYouSureToOverrideTheConfiguration', { title: cacheItemData.title }).d('确定要覆盖配置"{title}"为当前最新的配置吗？') }, { size: config.size });
+    await $dialog.confirm({ message: i18n.$it('table.areYouSureToOverrideTheConfiguration', { title: cacheItemData.title }).d('确定要覆盖配置"{title}"为当前最新的配置吗？') }, { size: config.size });
     cache.overrideCache(cacheItemData.id);
     state.editCacheData = deepcopy(cache.state.cacheData);
   };
@@ -94,16 +94,16 @@ export const useTableOptionSettingCache = AutoModule.createRegistration((
   };
 
   const innerOperationConfigs: iTableInnerOperationConfig[] = [
-    { label: i18n('base.edit.apply').d('应用'), position: 'inner', handler: ({ row }) => {applyCache(row as any);} },
-    { label: i18n('base.edit.rename').d('重命名'), position: 'inner', handler: ({ row }) => {renameCache(row as any);} },
-    { label: i18n('base.edit.remove').d('删除'), position: 'inner', handler: ({ row }) => {deleteCache(row as any);} },
-    { label: i18n('base.edit.override').d('覆盖'), position: 'inner', handler: ({ row }) => {overrideCache(row as any);} },
-    { label: i18n('base.edit.copy').d('复制'), position: 'inner', handler: ({ row }) => {copyConfig(row as any);} },
+    { label: i18n.$it('base.edit.apply').d('应用'), position: 'inner', handler: ({ row }) => {applyCache(row as any);} },
+    { label: i18n.$it('base.edit.rename').d('重命名'), position: 'inner', handler: ({ row }) => {renameCache(row as any);} },
+    { label: i18n.$it('base.edit.remove').d('删除'), position: 'inner', handler: ({ row }) => {deleteCache(row as any);} },
+    { label: i18n.$it('base.edit.override').d('覆盖'), position: 'inner', handler: ({ row }) => {overrideCache(row as any);} },
+    { label: i18n.$it('base.edit.copy').d('复制'), position: 'inner', handler: ({ row }) => {copyConfig(row as any);} },
   ];
 
   setting.useTableOptionSettingInner({
     key: eTableOptionSettingView.cache,
-    title: i18n('table.cacheSetting').d('缓存设置'),
+    title: i18n.$it('table.cacheSetting').d('缓存设置'),
     seq: 4,
     beforeOpen: () => {
       state.editCacheData = deepcopy(cache.state.cacheData);
@@ -112,10 +112,10 @@ export const useTableOptionSettingCache = AutoModule.createRegistration((
       return (
         <div className="auto-table-setting-cache">
           <div className="auto-table-setting-cache-operation">
-            <Tooltip message={i18n('table.clearFilterSortAndConfiguration').d("不使用任何筛选、排序以及个性配置，相当于恢复原始状态")}>
-              <Button label={i18n('table.withoutAnyConfiguration').d('不使用任何缓存配置')} icon="pi-drive-file" style={{ marginLeft: '8px' }} onClick={() => applyCache()}/>
+            <Tooltip message={i18n.$it('table.clearFilterSortAndConfiguration').d("不使用任何筛选、排序以及个性配置，相当于恢复原始状态")}>
+              <Button label={i18n.$it('table.withoutAnyConfiguration').d('不使用任何缓存配置')} icon="pi-drive-file" style={{ marginLeft: '8px' }} onClick={() => applyCache()}/>
             </Tooltip>
-            <Button label={i18n('table.saveToNewConfiguration').d('保存当前状态为新的缓存配置')} icon="pi-save" onClick={newCache} mode="fill"/>
+            <Button label={i18n.$it('table.saveToNewConfiguration').d('保存当前状态为新的缓存配置')} icon="pi-save" onClick={newCache} mode="fill"/>
           </div>
           <Table
             key="cache"
@@ -125,7 +125,7 @@ export const useTableOptionSettingCache = AutoModule.createRegistration((
             <PlcIndex/>
             <Plc
               align="center"
-              title={i18n('base.main').d('主要')}
+              title={i18n.$it('base.main').d('主要')}
               width={50}
               noPadding
               order={-9999}
@@ -134,8 +134,8 @@ export const useTableOptionSettingCache = AutoModule.createRegistration((
                   return <Radio modelValue={row.id === state.editCacheData.activeId} customReadonly onClick={() => applyCache(row as any)}/>;
                 }
               }}/>
-            <PlcTextarea title={i18n('table.cacheName').d('缓存名称')} field="title" fit width={120}/>
-            <Plc title={i18n('table.createTime').d('创建时间')} field="time" width={180}/>
+            <PlcTextarea title={i18n.$it('table.cacheName').d('缓存名称')} field="title" fit width={120}/>
+            <Plc title={i18n.$it('table.createTime').d('创建时间')} field="time" width={180}/>
             <PlcOperation operations={innerOperationConfigs}/>
           </Table>
         </div>

package/src/packages/components/AutoTable/setting/useTableOption.setting.config.tsx

@@ -164,7 +164,7 @@ export const useTableOptionSettingConfig = AutoModule.createRegistration((
 
   setting.useTableOptionSettingInner({
     key: eTableOptionSettingView.config,
-    title: i18n('table.customSetting').d('个性设置'),
+    title: i18n.$it('table.customSetting').d('个性设置'),
     seq: 3,
     beforeOpen: () => {
       utils.resetData();
@@ -172,23 +172,23 @@ export const useTableOptionSettingConfig = AutoModule.createRegistration((
     render: () => (
       <div className="auto-table-setting-config">
         <div className="auto-table-setting-config-button">
-          <Button label={i18n('base.reset').d('重置')} onClick={handler.reset}/>
-          <Button label={i18n('base.edit.apply').d('应用')} mode="fill" onClick={handler.apply}/>
+          <Button label={i18n.$it('base.reset').d('重置')} onClick={handler.reset}/>
+          <Button label={i18n.$it('base.edit.apply').d('应用')} mode="fill" onClick={handler.apply}/>
         </div>
         <Table key="config" data={state.data} showRows={Math.max(5, state.data.length)} defaultEditable editSourceData>
           <PlcIndex/>
           <PlcDraggier v-model={state.data}/>
-          <PlcInput title={i18n('table.title').d('标题')} field="title"/>
-          <PlcSelect title={i18n('table.alignType').d('对齐方式')} field="align" width={100}>
-            <SelectOption label={i18n('table.alignLeft').d('左对齐')} val="left"/>
-            <SelectOption label={i18n('table.alignCenter').d('居中对齐')} val="center"/>
-            <SelectOption label={i18n('table.alignRight').d('右对齐')} val="right"/>
+          <PlcInput title={i18n.$it('table.title').d('标题')} field="title"/>
+          <PlcSelect title={i18n.$it('table.alignType').d('对齐方式')} field="align" width={100}>
+            <SelectOption label={i18n.$it('table.alignLeft').d('左对齐')} val="left"/>
+            <SelectOption label={i18n.$it('table.alignCenter').d('居中对齐')} val="center"/>
+            <SelectOption label={i18n.$it('table.alignRight').d('右对齐')} val="right"/>
           </PlcSelect>
-          <PlcNumber title={i18n('base.width').d('宽度')} field="width" width={130}/>
-          <Plc title={i18n('base.fixed').d('固定')} width={60} align="center" field="fixed" addEditPadding v-slots={{
+          <PlcNumber title={i18n.$it('base.width').d('宽度')} field="width" width={130}/>
+          <Plc title={i18n.$it('base.fixed').d('固定')} width={60} align="center" field="fixed" addEditPadding v-slots={{
             normal: ({ row }) => <Checkbox modelValue={row.fixed === 'left'} customReadonly onClick={() => (row.fixed = (row.fixed === 'left' ? undefined : 'left'), handler.onFixed(row as any))}/>
           }}/>
-          <Plc title={i18n('base.hide').d('隐藏')} width={60} align="center" field="hide" addEditPadding v-slots={{
+          <Plc title={i18n.$it('base.hide').d('隐藏')} width={60} align="center" field="hide" addEditPadding v-slots={{
             normal: ({ row }) => <Checkbox modelValue={row.hide === true} customReadonly onClick={() => (row.hide = (row.hide === true ? undefined : true))}/>
           }}/>
           <Plc title={' '} fit width={10}/>

package/src/packages/components/AutoTable/setting/useTableOption.setting.export.tsx

@@ -133,8 +133,8 @@ export const useTableOptionSettingExport = AutoModule.createRegistration((
 
     const exportPage: ExportOption = {
       type: 'export-page',
-      title: i18n('table.exportCurrentPageData').d('导出当前页数据'),
-      desc: i18n('table.exportDataInTable').d('导出表格当前显示的数据'),
+      title: i18n.$it('table.exportCurrentPageData').d('导出当前页数据'),
+      desc: i18n.$it('table.exportDataInTable').d('导出表格当前显示的数据'),
       handler: async (exportPlcData) => {
         await save(tableState.list, exportPlcData);
       }
@@ -142,8 +142,8 @@ export const useTableOptionSettingExport = AutoModule.createRegistration((
 
     const exportAll: ExportOption = {
       type: 'export-all',
-      title: '导出当前所有数据',
-      desc: i18n('table.exportAllDataWithFilterSortMaybeFailedWithLargeData').d('根据当前的筛选排序条件导出所有数据(数据量比较大的话可能会导出失败)'),
+      title: i18n.$it('table.exportCurrentAllData').d('导出当前所有数据'),
+      desc: i18n.$it('table.exportAllDataWithFilterSortMaybeFailedWithLargeData').d('根据当前的筛选排序条件导出所有数据(数据量比较大的话可能会导出失败)'),
       handler: async (exportPlcData) => {
         // if (!freezeState.loadDataConfig) {return;}
         // let { request, requestConfig } = freezeState.loadDataConfig!;
@@ -168,8 +168,8 @@ export const useTableOptionSettingExport = AutoModule.createRegistration((
 
     const exportSelected: ExportOption = {
       type: 'export-selected',
-      title: '选择需要导出的数据',
-      desc: i18n('table.selectDataToExport').d('自定义选择导出需要的数据'),
+      title: i18n.$it('table.selectDataToExport').d('选择需要导出的数据'),
+      desc: i18n.$it('table.customSelectDataToExport').d('自定义选择导出需要的数据'),
       handler: async (exportPlcData) => {
         setting.closeSetting();
         await delay(400);
@@ -184,14 +184,14 @@ export const useTableOptionSettingExport = AutoModule.createRegistration((
     switch (state.step) {
       case 0:
         if (!state.exportType) {
-          return $message.error(i18n('table.selectExportType').d('请选择导出方式'));
+          return $message.error(i18n.$it('table.selectExportType').d('请选择导出方式'));
         }
         state.step++;
         break;
       case 1:
         state.selectPlcList = (refs.check!.getSelected() as ExportPlcData[]).sort((a, b) => state.plcList.indexOf(a) - state.plcList.indexOf(b));
         if (state.selectPlcList.length === 0) {
-          return $message.error(i18n('table.exportFields').d('请选择导出的字段'));
+          return $message.error(i18n.$it('table.exportFields').d('请选择导出的字段'));
         }
         state.step++;
         const exportType = exportOptions.find(i => i.type === state.exportType)!;
@@ -226,7 +226,7 @@ export const useTableOptionSettingExport = AutoModule.createRegistration((
 
   setting.useTableOptionSettingInner({
     key: eTableOptionSettingView.export,
-    title: i18n('table.exportData').d('导出数据'),
+    title: i18n.$it('table.exportData').d('导出数据'),
     seq: 5,
     beforeOpen() {
       restart();
@@ -234,9 +234,9 @@ export const useTableOptionSettingExport = AutoModule.createRegistration((
     render: () => (
       <div className="auto-table-setting-export">
         <ArrowStepGroup style={{ marginBottom: '20px' }} current={state.step} currentStatus={state.stepStatus}>
-          <ArrowStep title={i18n('table.exportType').d('导出方式')}/>
-          <ArrowStep title={i18n('table.exportFields').d('导出字段')}/>
-          <ArrowStep title={i18n('table.exportData').d('导出数据')}/>
+          <ArrowStep title={i18n.$it('table.exportType').d('导出方式')}/>
+          <ArrowStep title={i18n.$it('table.exportFields').d('导出字段')}/>
+          <ArrowStep title={i18n.$it('table.exportData').d('导出数据')}/>
         </ArrowStepGroup>
         <div>
           {state.step === 0 && (
@@ -253,7 +253,7 @@ export const useTableOptionSettingExport = AutoModule.createRegistration((
                 ))}
               </RadioGroup>
               <div className="auto-table-setting-export-display-checker">
-                <Checkbox v-model={state.exportDisplayValue} label={i18n('table.exportShowData').d('导出显示值')}/>
+                <Checkbox v-model={state.exportDisplayValue} label={i18n.$it('table.exportShowData').d('导出显示值')}/>
               </div>
             </div>
           )}
@@ -265,25 +265,25 @@ export const useTableOptionSettingExport = AutoModule.createRegistration((
                 field="field"
                 v-model={state.selectPlcList}
               />
-              <Plc title={i18n('table.fieldName').d('字段名称')} field="title"/>
+              <Plc title={i18n.$it('table.fieldName').d('字段名称')} field="title"/>
             </Table>
           )}
           {state.step === 2 && (
             <div className="auto-table-setting-export-loading">
               {!state.stepStatus && <>
                 <Loading status="primary"/>
-                <span>{i18n('table.exportingData').d('正在导出数据')}</span>
+                <span>{i18n.$it('table.exportingData').d('正在导出数据')}</span>
               </>}
               {state.stepStatus === 'success' && <>
                 <Icon icon="pi-check-circle-fill" status="success"/>
-                <span>{i18n('table.exportCompleted').d('导出完毕')}</span>
+                <span>{i18n.$it('table.exportCompleted').d('导出完毕')}</span>
               </>}
               {state.stepStatus === 'error' && <>
                 <Icon icon="pi-check-circle-fill" status="error"/>
-                <span>{i18n('table.exportFailed').d('导出失败')}</span>
+                <span>{i18n.$it('table.exportFailed').d('导出失败')}</span>
               </>}
               {!!state.stepStatus && (
-                <Button label={i18n('table.exportAgain').d('再次导出')} onClick={restart}/>
+                <Button label={i18n.$it('table.exportAgain').d('再次导出')} onClick={restart}/>
               )}
             </div>
           )}
@@ -292,12 +292,12 @@ export const useTableOptionSettingExport = AutoModule.createRegistration((
           {state.step === 1 && (
             <Button onClick={prevStep}>
               <Icon icon="pi-left"/>
-              <span>{i18n('base.prevStep').d('上一步')}</span>
+              <span>{i18n.$it('base.prevStep').d('上一步')}</span>
             </Button>
           )}
           {state.step < 2 && (
             <Button mode="fill" onClick={nextStep}>
-              <span>{i18n('base.nextStep').d('下一步')}</span>
+              <span>{i18n.$it('base.nextStep').d('下一步')}</span>
               <Icon icon="pi-right"/>
             </Button>
           )}

package/src/packages/components/AutoTable/setting/useTableOption.setting.import.tsx

@@ -82,7 +82,7 @@ export const useTableOptionSettingImport = AutoModule.createRegistration((
 
   setting.useTableOptionSettingInner({
     key: eTableOptionSettingView.import,
-    title: i18n('table.importData').d('导入数据'),
+    title: i18n.$it('table.importData').d('导入数据'),
     seq: 4,
     beforeOpen() {
       state.uploadFiles = [];

package/src/packages/components/AutoTable/setting/useTableOption.setting.senior.filter.tsx

@@ -82,7 +82,7 @@ export const useTableOptionSettingSeniorFilter = AutoModule.createRegistration((
       const metas = !isSettingSeniorOpen() ? edit.state.metas : dataList.map((data, index) => ({ data, id: edit.state.metas[index].id }));
       const invalidIndex = metas.findIndex(i => !i.data || !i.data.filterQueryParam || !i.data.filterQueryParam.queries?.length);
       if (invalidIndex > -1) {
-        $message.error(i18n('table.pleaseEnterCompleteParamsForCondition').d(`第${invalidIndex + 1}个条件请输入完整参数！`));
+        $message.error(i18n.$it('table.pleaseEnterCompleteParamsForCondition').d(`第${invalidIndex + 1}个条件请输入完整参数！`));
         return;
       }
       state.metas = metas;
@@ -176,7 +176,7 @@ export const useTableOptionSettingSeniorFilter = AutoModule.createRegistration((
 
   const { isOpen: isSettingSeniorOpen } = setting.useTableOptionSettingInner({
     key: eTableOptionSettingView.seniorFilter,
-    title: i18n('table.seniorFilter').d('高级筛选'),
+    title: i18n.$it('table.seniorFilter').d('高级筛选'),
     seq: 1,
     beforeOpen: () => {
       edit.state.metas = deepcopy(query.state.metas);
@@ -189,14 +189,14 @@ export const useTableOptionSettingSeniorFilter = AutoModule.createRegistration((
         <div className="auto-table-setting-senior-filter">
           <div className="auto-table-setting-senior-filter-button">
             <div>
-              <Button label={i18n('base.edit.apply').d('应用')} onClick={query.apply} mode="fill" icon="pi-find-replace"/>
-              <Button label={i18n('base.edit.add').d('添加')} onClick={edit.add} icon="pi-plus"/>
+              <Button label={i18n.$it('base.edit.apply').d('应用')} onClick={query.apply} mode="fill" icon="pi-find-replace"/>
+              <Button label={i18n.$it('base.edit.add').d('添加')} onClick={edit.add} icon="pi-plus"/>
             </div>
-            <Button label={i18n('base.clear').d('清空')} icon="pi-delete" status="error" onClick={edit.clear}/>
+            <Button label={i18n.$it('base.clear').d('清空')} icon="pi-delete" status="error" onClick={edit.clear}/>
           </div>
           <div className="auto-table-setting-senior-filter-list">
             {edit.state.metas.length === 0 ? (
-              <Empty noData label={i18n('table.pleaseAddFilterCondition').d('请添加筛选条件')}/>
+              <Empty noData label={i18n.$it('table.pleaseAddFilterCondition').d('请添加筛选条件')}/>
             ) : (
               edit.state.metas.map((meta, index) => (
                 <div key={meta.id} className="auto-table-setting-senior-filter-list-item">
@@ -217,10 +217,10 @@ export const useTableOptionSettingSeniorFilter = AutoModule.createRegistration((
             )}
           </div>
           <div className="auto-table-setting-senior-filter-expression-header">
-            <div className="auto-table-setting-senior-filter-expression-title">{i18n('table.expression').d('表达式')}</div>
+            <div className="auto-table-setting-senior-filter-expression-title">{i18n.$it('table.expression').d('表达式')}</div>
           </div>
           <Input textarea v-model={edit.state.expression} disabled={!edit.state.isCustomExpression}/>
-          <Checkbox label={i18n('base.custom').d('自定义')} v-model={edit.state.isCustomExpression} onChange={utils.resetOperator}/>
+          <Checkbox label={i18n.$it('base.custom').d('自定义')} v-model={edit.state.isCustomExpression} onChange={utils.resetOperator}/>
         </div>
       );
     },
@@ -276,12 +276,12 @@ export const useTableOptionSettingSeniorFilter = AutoModule.createRegistration((
   filterState.useState<any>({
     seq: Infinity,
     key: 'senior-filter',
-    title: i18n('table.seniorQuery').d('高级查询'),
+    title: i18n.$it('table.seniorQuery').d('高级查询'),
     applyCache: () => null,
     getCache: () => null,
     getDisplay: () => () => (
       <Button onClick={() => setting.openSetting(eTableOptionSettingView.seniorFilter)}>
-        <span>{i18n('table.configSeniorFilter').d('配置高级筛选')}</span>
+        <span>{i18n.$it('table.configSeniorFilter').d('配置高级筛选')}</span>
         <Icon icon="pi-arrow-right"/>
       </Button>
     ),

package/src/packages/components/AutoTable/setting/useTableOption.setting.senior.sort.tsx

@@ -47,7 +47,7 @@ export const useTableOptionSettingSeniorSort = AutoModule.createRegistration((
 
   const innerOperations: iTableInnerOperationConfig[] = [
     {
-      label: i18n('base.edit.remove').d('删除'),
+      label: i18n.$it('base.edit.remove').d('删除'),
       position: 'inner',
       type: 'delete',
       handler: ({ node }) => {handler.remove(node.state.index);},
@@ -68,7 +68,7 @@ export const useTableOptionSettingSeniorSort = AutoModule.createRegistration((
 
   setting.useTableOptionSettingInner({
     key: eTableOptionSettingView.sort,
-    title: i18n('table.seniorSort').d('高级排序'),
+    title: i18n.$it('table.seniorSort').d('高级排序'),
     seq: 2,
     beforeOpen: async () => {
       const sourceFlatPlcList = await methods.getSourceFlatPlcList();
@@ -88,11 +88,11 @@ export const useTableOptionSettingSeniorSort = AutoModule.createRegistration((
         <div className="auto-table-setting-senior-sort" key="senior-sort">
           <div className="auto-table-setting-senior-sort-header">
             <div>
-              <Button label={i18n('base.edit.apply').d("应用")} mode="fill" icon="pi-find-replace" onClick={handler.apply}/>
+              <Button label={i18n.$it('base.edit.apply').d("应用")} mode="fill" icon="pi-find-replace" onClick={handler.apply}/>
               {!!availablePlcOptions.value.length && (
                 <Dropdown
                   v-slots={{
-                    reference: () => <Button label={i18n('base.edit.add').d('添加')} icon="pi-plus"/>,
+                    reference: () => <Button label={i18n.$it('base.edit.add').d('添加')} icon="pi-plus"/>,
                     popper: () => availablePlcOptions.value.map((i) => (
                       <DropdownOption key={i.field} label={i.title} onClick={() => handler.add(i)}/>
                     ))
@@ -100,12 +100,12 @@ export const useTableOptionSettingSeniorSort = AutoModule.createRegistration((
                 />
               )}
             </div>
-            <Button label={i18n('base.clear').d("清空")} icon="pi-delete" status="error" onClick={handler.clear}/>
+            <Button label={i18n.$it('base.clear').d("清空")} icon="pi-delete" status="error" onClick={handler.clear}/>
           </div>
           <Table data={state.data} defaultEditable editSourceData>
             <PlcDraggier v-model={state.data}/>
-            <Plc field="title" title={i18n('table.title').d('标题')}/>
-            <PlcCheckbox field="desc" title={i18n('table.ascOrDesc').d('升序还是降序')} trueValue={true} falseValue={false}/>
+            <Plc field="title" title={i18n.$it('table.title').d('标题')}/>
+            <PlcCheckbox field="desc" title={i18n.$it('table.ascOrDesc').d('升序还是降序')} trueValue={true} falseValue={false}/>
             <PlcOperation operations={innerOperations}/>
           </Table>
         </div>

package/src/packages/components/AutoTable/setting/useTableOption.setting.tsx

@@ -52,9 +52,9 @@ export const useTableOptionSetting = AutoModule.createRegistration((
       footAlign: 'left',
       noContentPadding: true,
       externalClass: getComponentCls('auto-table-setting-dialog'),
-      title: i18n('base.setting').d('设置'),
+      title: i18n.$it('base.setting').d('设置'),
       cancelButton: true,
-      cancelButtonText: i18n('base.close').d('关闭'),
+      cancelButtonText: i18n.$it('base.close').d('关闭'),
       onHide: () => {state.closeSetting = null;},
       render: () => {
         return (