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

package/src/packages/components/AutoTable/use/useTableOption.buttons.tsx

@@ -29,7 +29,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
 
   const standardButtons: iTableOperation[] = [
     {
-      label: i18n('base.edit.create').d('新建'),
+      label: i18n.$it('base.edit.create').d('新建'),
       position: 'outer',
       type: 'insert',
       code: 'outer-insert',
@@ -38,7 +38,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: async () => {await methods.editMethods.insert();}
     },
     {
-      label: i18n('base.edit.copy').d('复制'),
+      label: i18n.$it('base.edit.copy').d('复制'),
       position: 'outer',
       type: 'insert',
       code: 'outer-copy',
@@ -47,7 +47,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: async () => {await methods.editMethods.copy();}
     },
     {
-      label: i18n('base.edit.remove').d('删除'),
+      label: i18n.$it('base.edit.remove').d('删除'),
       position: 'outer',
       type: 'delete',
       code: 'outer-delete',
@@ -56,28 +56,28 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: async () => {await methods.editMethods.delete();}
     },
     {
-      label: i18n('base.edit.edit').d('编辑'),
+      label: i18n.$it('base.edit.edit').d('编辑'),
       position: 'inner',
       type: 'update',
       code: 'inner-update',
       handler: async ({ node }) => {await methods.editMethods.update(node);},
     },
     {
-      label: i18n('base.edit.copy').d('复制'),
+      label: i18n.$it('base.edit.copy').d('复制'),
       position: 'inner',
       type: 'insert',
       code: 'inner-insert',
       handler: async ({ node }) => {await methods.editMethods.copy(node.data);},
     },
     {
-      label: i18n('base.edit.remove').d('删除'),
+      label: i18n.$it('base.edit.remove').d('删除'),
       position: 'inner',
       type: 'delete',
       code: 'inner-delete',
       handler: async ({ node }) => {await methods.editMethods.delete(node);},
     },
     {
-      label: i18n('table.formEdit').d('表单编辑'),
+      label: i18n.$it('table.formEdit').d('表单编辑'),
       position: 'outer',
       dropdown:true,
       type: 'update',
@@ -87,7 +87,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: () => methods.editMethods.update(undefined, eTableOptionEditType.form),
     },
     {
-      label: i18n('table.batchCreate').d('批量新建'),
+      label: i18n.$it('table.batchCreate').d('批量新建'),
       position: 'outer',
       dropdown:true,
       type: 'insert',
@@ -97,7 +97,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: () => methods.editMethods.batchInsert(),
     },
     {
-      label: i18n('table.batchEdit').d('批量编辑'),
+      label: i18n.$it('table.batchEdit').d('批量编辑'),
       position: 'outer',
       dropdown:true,
       type: 'update',
@@ -107,7 +107,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: () => methods.editMethods.batchUpdate(),
     },
     {
-      label: i18n('table.batchDelete').d('批量删除'),
+      label: i18n.$it('table.batchDelete').d('批量删除'),
       position: 'outer',
       dropdown:true,
       type: 'delete',
@@ -117,7 +117,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: async () => {await methods.editMethods.batchDelete();}
     },
     {
-      label: i18n('table.batchModify').d('批量修改'),
+      label: i18n.$it('table.batchModify').d('批量修改'),
       position: 'outer',
       dropdown:true,
       type: 'update',
@@ -127,7 +127,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: async () => {await methods.editMethods.batchModify();}
     },
     {
-      label: i18n('table.allFilter').d('所有筛选'),
+      label: i18n.$it('table.allFilter').d('所有筛选'),
       position: 'outer',
       dropdown:true,
       type: 'other',
@@ -137,7 +137,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: () => setting.openSetting(eTableOptionSettingView.allFilter),
     },
     {
-      label: i18n('table.seniorFilter').d('高级筛选'),
+      label: i18n.$it('table.seniorFilter').d('高级筛选'),
       position: 'outer',
       dropdown:true,
       type: 'other',
@@ -147,7 +147,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: () => setting.openSetting(eTableOptionSettingView.seniorFilter),
     },
     {
-      label: i18n('table.seniorSort').d('高级排序'),
+      label: i18n.$it('table.seniorSort').d('高级排序'),
       position: 'outer',
       dropdown:true,
       type: 'other',
@@ -157,7 +157,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: () => setting.openSetting(eTableOptionSettingView.sort),
     },
     {
-      label: i18n('table.customSetting').d('个性设置'),
+      label: i18n.$it('table.customSetting').d('个性设置'),
       position: 'outer',
       dropdown:true,
       type: 'other',
@@ -167,7 +167,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: () => setting.openSetting(eTableOptionSettingView.config),
     },
     {
-      label: i18n('table.cacheSetting').d('缓存设置'),
+      label: i18n.$it('table.cacheSetting').d('缓存设置'),
       position: 'outer',
       dropdown:true,
       type: 'other',
@@ -177,7 +177,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: () => setting.openSetting(eTableOptionSettingView.cache),
     },
     {
-      label: i18n('table.importData').d('导入数据'),
+      label: i18n.$it('table.importData').d('导入数据'),
       position: 'outer',
       dropdown:true,
       type: 'other',
@@ -187,7 +187,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
       handler: () => setting.openSetting(eTableOptionSettingView.import),
     },
     {
-      label: i18n('table.exportData').d('导出数据'),
+      label: i18n.$it('table.exportData').d('导出数据'),
       position: 'outer',
       dropdown:true,
       type: 'other',

package/src/packages/components/AutoTable/use/useTableOption.cache.ts

@@ -180,7 +180,7 @@ export const useTableOptionCache = AutoModule.createRegistration(({ config, hook
    */
   function deleteCache(cacheId: number) {
     if (state.cacheData.activeId === cacheId) {
-      return $message.error(i18n('table.canNotDeleteUsingCache').d('不可以删除正在使用的缓存配置'));
+      return $message.error(i18n.$it('table.canNotDeleteUsingCache').d('不可以删除正在使用的缓存配置'));
     }
     state.cacheData.data = state.cacheData.data.filter(i => i.id !== cacheId);
     config.setCache(state.cacheData);

package/src/packages/components/AutoTable/use/useTableOption.check.tsx

@@ -58,7 +58,7 @@ export const useTableOptionCheck = AutoModule.createRegistration(({ hooks, confi
     const dfd = defer<PlainObject[]>();
     showCheckbox();
     confirm.open(eTableOptionStatus.select, {
-      confirmText: i18n('base.confirm').d('确定'),
+      confirmText: i18n.$it('base.confirm').d('确定'),
       onConfirm: () => {
         const selectedRows = state.checkData;
         if (selectedRows.length === 0) {

package/src/packages/components/AutoTable/use/useTableOption.column.popper.tsx

@@ -67,7 +67,7 @@ export const useTableOptionColumnPopper = AutoModule.createRegistration((
     filterState.useState<Record<string, undefined | iFilterFormSingleData>>({
       seq: 1,
       key: 'column-search',
-      title: i18n('table.columnFilter').d('列搜索'),
+      title: i18n.$it('table.columnFilter').d('列搜索'),
       getActiveFilterCount: () => {
         return Object.values(innerState.data).reduce((prev, item) => {
           return prev + (item?.filterQueryParam.queries?.length || 0);
@@ -176,7 +176,7 @@ export const useTableOptionColumnPopper = AutoModule.createRegistration((
     filterState.useState<Record<string, undefined | PlainObject[]>>({
       seq: 1,
       key: 'distinct-search',
-      title: i18n('table.distinctFilter').d('去重筛选'),
+      title: i18n.$it('table.distinctFilter').d('去重筛选'),
       getActiveFilterCount: () => {
         return Object.values(innerState.data).reduce((prev, item) => {
           return prev + ((!!item && item.length > 0) ? 1 : 0);
@@ -213,7 +213,7 @@ export const useTableOptionColumnPopper = AutoModule.createRegistration((
         };
         if (!handler) {
           list.push({
-            display: () => i18n('table.filterTipInclude', { field: filterOption.label, val: vals }).d(`${filterOption.label}包含${vals}`),
+            display: () => i18n.$it('table.filterTipInclude', { field: filterOption.label, val: vals }).d(`${filterOption.label}包含${vals}`),
             onClick,
             onClear,
           });
@@ -255,7 +255,7 @@ export const useTableOptionColumnPopper = AutoModule.createRegistration((
         // console.log(externalQueryParam);
 
         $dialog({
-          title: i18n('table.distinctFilter').d('去重筛选'),
+          title: i18n.$it('table.distinctFilter').d('去重筛选'),
           size: config.size,
           confirmButton: true,
           cancelButton: true,
@@ -361,8 +361,8 @@ export const useTableOptionColumnPopper = AutoModule.createRegistration((
                 if (!filterOption) {return null;}
                 return (
                   <ButtonGroup className="auto-table-column-popper-button-group" size={config.size}>
-                    <Button label={i18n('table.distinctFilter').d('去重筛选')} icon="pi-select-all" size={config.size} onClick={() => distinctHandler.open(plc)}/>
-                    <Tooltip message={i18n('table.clearDistinctFilter').d('清空去重筛选')}><Button icon="pi-delete" size={config.size} onClick={() => distinctHandler.clear(filterOption.field)}/></Tooltip>
+                    <Button label={i18n.$it('table.distinctFilter').d('去重筛选')} icon="pi-select-all" size={config.size} onClick={() => distinctHandler.open(plc)}/>
+                    <Tooltip message={i18n.$it('table.clearDistinctFilter').d('清空去重筛选')}><Button icon="pi-delete" size={config.size} onClick={() => distinctHandler.clear(filterOption.field)}/></Tooltip>
                   </ButtonGroup>
                 );
               })();
@@ -433,8 +433,8 @@ const SortSwitcher = designComponent({
     const emitDesc = () => emit.onChange('desc');
     return () => (
       <div className="auto-table-sort-switcher">
-        <Button label={i18n('base.asc').d('升序')} icon="pi-sort-descending" status={props.type === 'asc' ? 'primary' : undefined} onClick={emitAsc}/>
-        <Button label={i18n('base.desc').d('降序')} icon="pi-sort-ascending" status={props.type === 'desc' ? 'primary' : undefined} onClick={emitDesc}/>
+        <Button label={i18n.$it('base.asc').d('升序')} icon="pi-sort-descending" status={props.type === 'asc' ? 'primary' : undefined} onClick={emitAsc}/>
+        <Button label={i18n.$it('base.desc').d('降序')} icon="pi-sort-ascending" status={props.type === 'desc' ? 'primary' : undefined} onClick={emitDesc}/>
       </div>
     );
   },

package/src/packages/components/AutoTable/use/useTableOption.confirm.tsx

@@ -67,7 +67,7 @@ export const useTableOptionConfirm = AutoModule.createRegistration(({ hooks }) =
     if (state.status === eTableOptionStatus.normal) {return prev;}
     const buttons: iTableOuterOperationConfig[] = [
       {
-        label: state.handlers.length === 1 && !!state.handlers[0].cancelText ? state.handlers[0].cancelText : i18n('base.cancel').d('取消'),
+        label: state.handlers.length === 1 && !!state.handlers[0].cancelText ? state.handlers[0].cancelText : i18n.$it('base.cancel').d('取消'),
         position: 'outer',
         code: 'outer-cancel',
         icon: 'pi-undo',
@@ -75,7 +75,7 @@ export const useTableOptionConfirm = AutoModule.createRegistration(({ hooks }) =
         handler: () => close.cancel(),
       },
       {
-        label: state.handlers.length === 1 && !!state.handlers[0].confirmText ? state.handlers[0].confirmText : i18n('base.confirm').d('保存'),
+        label: state.handlers.length === 1 && !!state.handlers[0].confirmText ? state.handlers[0].confirmText : i18n.$it('base.confirm').d('保存'),
         mode: 'fill',
         position: 'outer',
         code: 'outer-confirm',
@@ -86,7 +86,7 @@ export const useTableOptionConfirm = AutoModule.createRegistration(({ hooks }) =
     ];
     if (state.status === eTableOptionStatus.insert || state.status === eTableOptionStatus.batchInsert) {
       buttons.unshift({
-        label: i18n('table.continueCreate').d('继续新建'),
+        label: i18n.$it('table.continueCreate').d('继续新建'),
         position: 'outer',
         code: 'outer-next-insert',
         icon: 'pi-plus',

package/src/packages/components/AutoTable/use/useTableOption.loading.tsx

@@ -33,7 +33,7 @@ export const useTableOptionLoading = AutoModule.createRegistration(({ hooks }) =
             return (
               <div className="auto-table-loading-inner">
                 <Loading type="delta"/>
-                <span>{meta.message || i18n('base.loading').d('加载中')}</span>
+                <span>{meta.message || i18n.$it('base.loading').d('加载中')}</span>
               </div>
             );
           }

package/src/packages/components/AutoTable/use/useTableOption.methods.tsx

@@ -63,7 +63,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
         await utils.selectCurrent(state.list[0][config.keyField]);
         return state.currentNode!;
       }
-      $notice.error(i18n('table.pleaseSelectOneRecord').d('请选中一条数据'));
+      $notice.error(i18n.$it('table.pleaseSelectOneRecord').d('请选中一条数据'));
       throw new Error('no current node');
     },
     ...(() => {
@@ -120,7 +120,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
         onAfterLoad?: (responseData: iUrlResponseData["query"]) => any,
         onLoaded?: (responseData: iUrlResponseData["query"]) => any,
       }) => {
-      const closeLoading = loading.loading({ message: i18n('base.loading').d('加载中') });
+      const closeLoading = loading.loading({ message: i18n.$it('base.loading').d('加载中') });
       try {
         await editMethods.save();
         if (!loadParam || loadParam.awaitInit !== false) {
@@ -171,7 +171,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
       });
     };
     const queryCount = async (): Promise<number> => {
-      const closeLoading = loading.loading({ message: i18n('table.queryTotal').d('查询总数') });
+      const closeLoading = loading.loading({ message: i18n.$it('table.queryTotal').d('查询总数') });
       try {
         const queryParam = await getLoadQueryParam();
         const responseData = await urlUtils.request({
@@ -211,7 +211,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
         await loadingMethods.save();
         node = node || await utils.getCurrentNode();
         if (!node) {
-          return $notice.warn(i18n('table.selectRowToDelete').d('请选中一行要删除的数据'));
+          return $notice.warn(i18n.$it('table.selectRowToDelete').d('请选中一行要删除的数据'));
         }
         const { page, size } = utils.getPageState();
         const { data, state: { index } } = node;
@@ -219,7 +219,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
           size: config.size,
           render: () => (
             <div style={{ minWidth: '300px', minHeight: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
-              {i18n('table.areYouSureYouWantToDeleteTheData', { index: (page - 1) * size + index + 1 }).d(`确定要删除第${(page - 1) * size + index + 1}条数据吗？`)}
+              {i18n.$it('table.areYouSureYouWantToDeleteTheData', { index: (page - 1) * size + index + 1 }).d(`确定要删除第${(page - 1) * size + index + 1}条数据吗？`)}
             </div>
           )
         });
@@ -234,7 +234,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
             }
           });
           if (!!deleteResult.message) {
-            return $notice.error(`${i18n('table.deleteFailed').d('删除失败')}：${deleteResult.message}`);
+            return $notice.error(`${i18n.$it('table.deleteFailed').d('删除失败')}：${deleteResult.message}`);
           }
           await pageMethods.load();
         } finally {
@@ -245,7 +245,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
     })());
 
     const saveInsert = async (editRow: any) => {
-      const closeLoading = loading.loading({ message: i18n('table.savingData').d('正在保存') });
+      const closeLoading = loading.loading({ message: i18n.$it('table.savingData').d('正在保存') });
       try {
         const saveRowPrev = await hooks.onBeforeSaveRow.exec(editRow);
         const newRowResult = await urlUtils.request({
@@ -282,7 +282,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
             const validateResult = await newNode.validate();
             if (!!validateResult) {
               const { validateResultData, node: { state: { index } } } = validateResult;
-              $message.error(`${i18n('table.articleDataVerificationFailed', { index: index + 1 }).d(`第${index + 1}条记录校验不通过`)}，${validateResultData[0].label}:${validateResultData[0].message}`);
+              $message.error(`${i18n.$it('table.articleDataVerificationFailed', { index: index + 1 }).d(`第${index + 1}条记录校验不通过`)}，${validateResultData[0].label}:${validateResultData[0].message}`);
               return Promise.reject(validateResult);
             }
             const saveRow = await saveInsert(newNode.state.editRow);
@@ -299,7 +299,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
       const editForm = async () => {
         await table.formEditor.methods.edit({
           node: table.methods.createTableNode(newRowData, 0),
-          title: i18n('base.edit.edit').d('编辑'),
+          title: i18n.$it('base.edit.edit').d('编辑'),
           onConfirm: async (newNode) => {
             const saveRow = await saveInsert(newNode.state.editRow);
             state.list.unshift(saveRow);
@@ -326,7 +326,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
       let newRows = batchInsertConfig?.rows || await (async () => {
         const num = await new Promise<number>((resolve, reject) => {
           $dialog({
-            title: i18n('table.pleaseEnterTheNumberOfRowsToCreate').d('请输入要新建的行数'),
+            title: i18n.$it('table.pleaseEnterTheNumberOfRowsToCreate').d('请输入要新建的行数'),
             size: config.size,
             editRequired: true,
             editType: 'number',
@@ -344,7 +344,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
     };
 
     const saveUpdate = async (editRow: any) => {
-      const closeLoading = loading.loading({ message: i18n('table.savingData').d('正在保存') });
+      const closeLoading = loading.loading({ message: i18n.$it('table.savingData').d('正在保存') });
       try {
         const saveRowPrev = await hooks.onBeforeSaveRow.exec(editRow);
         const newRowResult = await urlUtils.request({
@@ -373,7 +373,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
             const validateResult = await node.validate();
             if (!!validateResult) {
               const { validateResultData, node: { state: { index } } } = validateResult;
-              $message.error(`${i18n('table.articleDataVerificationFailed', { index: index + 1 }).d(`第${index + 1}条记录校验不通过`)}，${validateResultData[0].label}:${validateResultData[0].message}`);
+              $message.error(`${i18n.$it('table.articleDataVerificationFailed', { index: index + 1 }).d(`第${index + 1}条记录校验不通过`)}，${validateResultData[0].label}:${validateResultData[0].message}`);
               return Promise.reject(validateResult);
             }
             const changeNode = utils.getChangeNode(node);
@@ -397,7 +397,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
       const editForm = async () => {
         await state.getTable()!.formEditor.methods.edit({
           node,
-          title: i18n('base.edit.edit').d('编辑'),
+          title: i18n.$it('base.edit.edit').d('编辑'),
           onConfirm: async (updateNode) => {
             const saveRow = await saveUpdate(updateNode.state.editRow);
             await node.saveEdit(saveRow);
@@ -421,7 +421,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
         });
       });
       if (!Object.keys(editRow).length) {return;}
-      const closeLoading = loading.loading({ message: i18n('table.savingData').d('正在保存') });
+      const closeLoading = loading.loading({ message: i18n.$it('table.savingData').d('正在保存') });
       try {
         await urlUtils.request({
           type: 'batchUpdate',
@@ -443,7 +443,7 @@ export const useTableOptionMethods = AutoModule.createRegistration((
 
     const batchDelete = async () => {
       const rows = await check.openToCheck();
-      const closeLoading = loading.loading({ message: i18n('table.deleting').d('正在删除') });
+      const closeLoading = loading.loading({ message: i18n.$it('table.deleting').d('正在删除') });
       try {
         const deleteResult = await urlUtils.request({
           type: 'batchDelete',
@@ -453,9 +453,9 @@ export const useTableOptionMethods = AutoModule.createRegistration((
           beforeRequest: async requestConfig => {await hooks.onBeforeDelete.exec(requestConfig);}
         });
         if (!!deleteResult.message) {
-          return $notice.error(`${i18n('table.deleteFailed').d('删除失败')}：${deleteResult.message}`);
+          return $notice.error(`${i18n.$it('table.deleteFailed').d('删除失败')}：${deleteResult.message}`);
         }
-        $notice.success(i18n('table.deleteSucceed').d('删除成功'));
+        $notice.success(i18n.$it('table.deleteSucceed').d('删除成功'));
         confirm.close.clear();
         await pageMethods.load();
       } finally {

package/src/packages/components/AutoTable/use/useTableOption.pagination.tsx

@@ -55,7 +55,7 @@ export const useTableOptionPagination = AutoModule.createRegistration((
         } else {
           const total = await tableMethods.pageMethods.queryCount();
           if (!total) {
-            const msg = i18n('table.queryTotalFailed').d('查询总数失败');
+            const msg = i18n.$it('table.queryTotalFailed').d('查询总数失败');
             $notice.error(msg);
             throw new Error(msg);
           }
@@ -114,13 +114,13 @@ export const useTableOptionPagination = AutoModule.createRegistration((
             ...config.paginationAttrs,
           }}
         >
-          <span>{i18n('base.total').d('总共')}</span>
+          <span>{i18n.$it('base.total').d('总共')}</span>
           {state.total == null ?
             <span className="auto-table-pagination-total-number" onClick={tableMethods.pageMethods.queryCount}>
               {total.value}+
               </span> :
             total.value}
-          <span>{i18n('base.data').d('条数据')}</span>
+          <span>{i18n.$it('base.data').d('条数据')}</span>
         </Pagination>
       </div>
     ),

package/src/packages/components/AutoTable/use/useTableOption.sort.ts

@@ -79,7 +79,7 @@ export const useTableOptionSortState = AutoModule.createRegistration((
   filterState.useState({
     seq: 1,
     key: 'option-sort',
-    title: i18n('base.sort').d('排序'),
+    title: i18n.$it('base.sort').d('排序'),
     getActiveFilterCount: () => 0,
     applyCache() {/*do nothing*/},
     getCache: () => {/*do nothing*/},
@@ -127,9 +127,9 @@ export const useTableOptionSortState = AutoModule.createRegistration((
       if (!!state.data.singleParam) {
         const { field, desc } = state.data.singleParam;
         const title = tableState.getSourceFlatPlcList().find(i => i.props.field === field)?.props.title;
-        const sortType = desc ? i18n('base.desc').d('降序') : i18n('base.asc').d('升序');
+        const sortType = desc ? i18n.$it('base.desc').d('降序') : i18n.$it('base.asc').d('升序');
         list.push({
-          display: () => i18n('table.sortInTypeOrderOfField', { description: title + sortType }).d(`按照${title}${sortType}排序`),
+          display: () => i18n.$it('table.sortInTypeOrderOfField', { description: title + sortType }).d(`按照${title}${sortType}排序`),
           onClear: (e?: iMouseEvent) => {
             e?.stopPropagation();
             state.data.singleParam = null;
@@ -142,11 +142,11 @@ export const useTableOptionSortState = AutoModule.createRegistration((
       if (!!state.data.seniorParam?.length) {
         const description = state.data.seniorParam!.map(({ field, desc }) => {
           const title = tableState.getSourceFlatPlcList().find(i => i.props.field === field)?.props.title;
-          const sortType = desc ? i18n('base.desc').d('降序') : i18n('base.asc').d('升序');
+          const sortType = desc ? i18n.$it('base.desc').d('降序') : i18n.$it('base.asc').d('升序');
           return `${title}${sortType}`;
         }).join(',');
         list.push({
-          display: () => i18n('table.sortInTypeOrderOfField', { description }).d(`按照${description}排序`),
+          display: () => i18n.$it('table.sortInTypeOrderOfField', { description }).d(`按照${description}排序`),
           onClear: (e?: iMouseEvent) => {
             e?.stopPropagation();
             state.data.seniorParam = [];

package/src/packages/components/AutoTable/use/useTableOption.tips.tsx

@@ -54,7 +54,7 @@ export const RenderTableOptionTips = designComponent({
           {tips.map((tip, index) => (
             <RenderTableOptionTipItem tip={tip} key={index}/>
           ))}
-          {!props.hideClearButton && <Button size="small" mode="text" icon="pi-delete" label={i18n('table.clearAll').d('全部清空')} onClick={emit.onClearAll}/>}
+          {!props.hideClearButton && <Button size="small" mode="text" icon="pi-delete" label={i18n.$it('table.clearAll').d('全部清空')} onClick={emit.onClearAll}/>}
         </div>
       );
     };

package/src/packages/components/Cascade/createMultipleCascadeRender.tsx

@@ -140,7 +140,7 @@ export function createMultipleCascadeRender(
       const { labelField, ..._treeProps } = treeProps.value;
       return ({
         fixed: 'left',
-        title: props.plcTreeTitle || i18n('base.name').d('名称'),
+        title: props.plcTreeTitle || i18n.$it('base.name').d('名称'),
         modelValue: model.value,
         onUpdateModelValue: treeHandler.onModelValueChange,
         field: labelField,

package/src/packages/components/Cascade/createSingleCascadeRender.tsx

@@ -158,7 +158,7 @@ export function createSingleCascadeRender(
       return ({
         ref: onRef.plcTree,
         fixed: 'left',
-        title: props.plcTreeTitle || i18n('base.name').d('名称'),
+        title: props.plcTreeTitle || i18n.$it('base.name').d('名称'),
         modelValue: model.value,
         onUpdateModelValue: treeHandler.onModelValueChange,
         field: labelField,

package/src/packages/components/CascadePanel/flat/createCascadeFlatRender.tsx

@@ -28,7 +28,7 @@ export function createCascadeFlatRender(
         </Fragment>
       ))}
       <div className="cascade-panel-flat-header-item">
-        {props.flatPanelPlaceholder?.[panels.value.length - 1] || i18n('base.pleaseSelect').d('请选择')}
+        {props.flatPanelPlaceholder?.[panels.value.length - 1] || i18n.$it('base.pleaseSelect').d('请选择')}
       </div>
     </div>;
     return () => renderContent;

package/src/packages/components/Checkbox/index.tsx

@@ -132,7 +132,7 @@ export const Checkbox = designComponent({
                 disabled={editComputed.value.disabled!}/>
             </Transition>
           </span>
-          {(slots.labelContent.isExist() || props.label || props.checkboxForAll) && slots.labelContent(<span className="checkbox-label">{props.label || (props.checkboxForAll ? i18n('base.select.all').d('全选') : '')}</span>)}
+          {(slots.labelContent.isExist() || props.label || props.checkboxForAll) && slots.labelContent(<span className="checkbox-label">{props.label || (props.checkboxForAll ? i18n.$it('base.select.all').d('全选') : '')}</span>)}
         </div>))
     };
   },

package/src/packages/components/CheckboxGroup/index.tsx

@@ -116,7 +116,7 @@ export const CheckboxGroup = designComponent({
          */
         add: (val: (string | number)[]) => {
           if (utils.exceed.max(val)) {
-            $message.warn({ render: () => i18n('base.select.selectOptionsAtMost', { val: numberState.max }).d(`最多选择 ${numberState.max} 个选项`) });
+            $message.warn({ render: () => i18n.$it('base.select.selectOptionsAtMost', { val: numberState.max }).d(`最多选择 ${numberState.max} 个选项`) });
           } else {
             modelValue.value = val;
           }
@@ -128,7 +128,7 @@ export const CheckboxGroup = designComponent({
          */
         delete: (val: (string | number)[]) => {
           if (utils.exceed.min(val)) {
-            $message.warn({ render: () => i18n('base.select.selectOptionsAtLeast', { val: numberState.min }).d(`最少选择 ${numberState.min} 个选项`) });
+            $message.warn({ render: () => i18n.$it('base.select.selectOptionsAtLeast', { val: numberState.min }).d(`最少选择 ${numberState.min} 个选项`) });
           } else {
             modelValue.value = val;
           }

package/src/packages/components/DatePicker/date.utils.tsx

@@ -100,9 +100,9 @@ export const getDefaultDateFormatter = (() => {
       case eDatePanel.date:
         return datetime ? DefaultDateFormatString.datetime : DefaultDateFormatString.date;
       case eDatePanel.week:
-        return i18n('formatter.week').d('gggg年第ww周');
+        return i18n.$it('formatter.week').d('gggg年第ww周');
       case eDatePanel.quarter:
-        return i18n('formatter.quarter').d('YYYY年第Q季度');
+        return i18n.$it('formatter.quarter').d('YYYY年第Q季度');
     }
     throw new Error(`can't recognise date panel:` + panel);
   }

package/src/packages/components/DatePicker/panel/DatePanelDate.tsx

@@ -74,13 +74,13 @@ export const DatePanelDate = designComponent({
 
     const weekList = computed(() => {
       const weeks = [
-        i18n('week.sunday').d('日'),
-        i18n('week.monday').d('一'),
-        i18n('week.tuesday').d('二'),
-        i18n('week.wednesday').d('三'),
-        i18n('week.thursday').d('四'),
-        i18n('week.friday').d('五'),
-        i18n('week.saturday').d('六'),
+        i18n.$it('week.sunday').d('日'),
+        i18n.$it('week.monday').d('一'),
+        i18n.$it('week.tuesday').d('二'),
+        i18n.$it('week.wednesday').d('三'),
+        i18n.$it('week.thursday').d('四'),
+        i18n.$it('week.friday').d('五'),
+        i18n.$it('week.saturday').d('六'),
       ];
       return weeks.slice(props.firstWeekDay).concat(weeks.slice(0, props.firstWeekDay));
     });

package/src/packages/components/DatePicker/panel/DatePanelMonth.tsx

@@ -26,18 +26,18 @@ export const DatePanelMonth = designComponent({
   setup({ props, event: { emit } }) {
 
     const months = computed(() => [
-      i18n('month.january').d('一月'),
-      i18n('month.february').d('二月'),
-      i18n('month.march').d('三月'),
-      i18n('month.april').d('四月'),
-      i18n('month.may').d('五月'),
-      i18n('month.june').d('六月'),
-      i18n('month.july').d('七月'),
-      i18n('month.august').d('八月'),
-      i18n('month.september').d('九月'),
-      i18n('month.october').d('十月'),
-      i18n('month.november').d('十一月'),
-      i18n('month.december').d('十二月'),
+      i18n.$it('month.january').d('一月'),
+      i18n.$it('month.february').d('二月'),
+      i18n.$it('month.march').d('三月'),
+      i18n.$it('month.april').d('四月'),
+      i18n.$it('month.may').d('五月'),
+      i18n.$it('month.june').d('六月'),
+      i18n.$it('month.july').d('七月'),
+      i18n.$it('month.august').d('八月'),
+      i18n.$it('month.september').d('九月'),
+      i18n.$it('month.october').d('十月'),
+      i18n.$it('month.november').d('十一月'),
+      i18n.$it('month.december').d('十二月'),
     ]);
 
     const {

package/src/packages/components/Dialog/index.tsx

@@ -407,7 +407,7 @@ export const Dialog = designComponent({
               <div className="dialog-content" ref={onRef.content} style={contentStyles.value}>
                 {!props.noHead && (
                   <div className="dialog-head" ref={onRef.head}>
-                    {slots.head(props.title || i18n('base.defaultTitle').d())}
+                    {slots.head(props.title || i18n.$it('base.defaultTitle').d("提示"))}
                     {!props.noClose && (
                       <div className="dialog-head-close" onClick={handler.onClickClose}>
                         <Icon icon="pi-close"/>
@@ -424,10 +424,10 @@ export const Dialog = designComponent({
                     {(() => {
                       const buttons = [
                         !!props.cancelButton && (
-                          <Button key="cancel" className="dialog-cancel-button" label={props.cancelButtonText || i18n('base.cancel').d('取消')} onClick={methods.cancel}/>
+                          <Button key="cancel" className="dialog-cancel-button" label={props.cancelButtonText || i18n.$it('base.cancel').d('取消')} onClick={methods.cancel}/>
                         ),
                         !!props.confirmButton && (
-                          <Button key="confirm" className="dialog-confirm-button" label={props.confirmButtonText || i18n('base.confirm').d('确定')} onClick={methods.confirm} mode="fill"/>
+                          <Button key="confirm" className="dialog-confirm-button" label={props.confirmButtonText || i18n.$it('base.confirm').d('确定')} onClick={methods.confirm} mode="fill"/>
                         )
                       ];
                       return (wrapperAttrs.value.position === DialogPositions.right) ? buttons.reverse() : buttons;