plain-design 1.0.0-beta.12 → 1.0.0-beta.120

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

@@ -1,7 +1,7 @@
 import {eAutoTableFilterMode} from "./useTableOption.filter.state";
 import {FilterFormSingle, iFilterFormSingleData} from "../../FilterFormSingle";
-import {computed, reactive, useRefs} from "plain-design-composition";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {computed, reactive, useRefs} from "@peryl/react-compose";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import {$message} from "../../$message";
 import {TableOptionSpace} from "../utils/TableOption.space";
 import '../utils/TableOption.space';
@@ -51,8 +51,8 @@ export const useTableOptionFilterSearch = AutoModule.createRegistration((
      * @author  韦胜健
      * @date    2023.1.8 19:06
      */
-    onNormalSearch: () => {
-      methods.pageMethods.reload();
+    onNormalSearch: async () => {
+      await methods.pageMethods.reload();
     },
     /**
      * 当设置面板中的搜索栏值变化时取出来变化的值，更新到外部的filter form single组件实例中
@@ -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;
@@ -136,7 +136,7 @@ export const useTableOptionFilterSearch = AutoModule.createRegistration((
           {...{
             filterOptions: filterOptions.value,
             initialState: state.data,
-            onSearch: handler.onNormalSearch,
+            handleSearch: handler.onNormalSearch,
             ...config.searchAttrs,
           }}
         />
@@ -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/filter/useTableOption.filter.state.ts

@@ -1,8 +1,8 @@
 import {iTableOptionApplyCacheParam, iTableOptionGetCacheParam} from "../use/useTableOption.cache.utils";
-import {computed, reactive, RenderNode} from "plain-design-composition";
+import {computed, reactive, RenderNode} from "@peryl/react-compose";
 import {tPlc} from "../../Table/plc/utils/plc.utils";
 import {createFilterOptions, iFilterOption} from "../../FilterService/utils/filter.service.utils";
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 import '../utils/TableOption.space';
 import {AutoModule} from "../utils/AutoModule";
 

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

@@ -1,5 +1,5 @@
 import {iFilterStateInitialization} from "../filter/useTableOption.filter.state";
-import {reactive, RenderNode} from "plain-design-composition";
+import {reactive, RenderNode} from "@peryl/react-compose";
 import {eTableOptionSettingView} from "./useTableOption.setting.utils";
 import {Empty} from "../../Empty";
 import {Button} from "../../Button";
@@ -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

@@ -1,9 +1,9 @@
-import {reactive} from "plain-design-composition";
+import {reactive} from "@peryl/react-compose";
 import {iTableOptionCacheData, iTableOptionCacheItemData} from "../use/useTableOption.cache.utils";
-import {defer} from "plain-utils/utils/defer";
+import {defer} from "@peryl/utils/defer";
 import {$message} from "../../$message";
 import {$dialog} from "../../$dialog";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import {eTableOptionSettingView} from "./useTableOption.setting.utils";
 import {Button} from "../../Button";
 import {Tooltip} from "../../Tooltip";
@@ -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

@@ -1,8 +1,8 @@
-import {reactive} from "plain-design-composition";
+import {reactive} from "@peryl/react-compose";
 import {tPlc} from "../../Table/plc/utils/plc.utils";
 import {getPlcKey} from "../../Table/plc/use/usePlcPropsState";
 import {iTableOptionApplyCacheParam} from "../use/useTableOption.cache.utils";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {eTableOptionSettingView} from "./useTableOption.setting.utils";
 import {Button} from "../../Button";
 import {Table} from "../../Table";
@@ -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

@@ -1,9 +1,9 @@
-import {reactive, useRefs} from "plain-design-composition";
+import {reactive, useRefs} from "@peryl/react-compose";
 import {PlcCheck} from "../../Table/standard/PlcCheck/PlcCheck";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import {$configuration} from "../../$configuration";
 import {plainDate} from "../../../utils/plainDate";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {$message} from "../../$message";
 import {eTableOptionSettingView} from "./useTableOption.setting.utils";
 import {ArrowStepGroup} from "../../ArrowStepGroup";
@@ -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

@@ -1,10 +1,10 @@
-import {reactive} from "plain-design-composition";
+import {reactive} from "@peryl/react-compose";
 import {Upload, UploadFile} from "../../Upload";
 import {eTableOptionSettingView} from "./useTableOption.setting.utils";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {tPlc} from "../../Table/plc/utils/plc.utils";
 import {$configuration} from "../../$configuration";
-import {defer} from "plain-utils/utils/defer";
+import {defer} from "@peryl/utils/defer";
 import '../utils/TableOption.space';
 import i18n from "../../i18n";
 import {AutoModule} from "../utils/AutoModule";
@@ -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

@@ -1,5 +1,5 @@
 import {eAutoTableFilterMode} from "../filter/useTableOption.filter.state";
-import {computed, Fragment, iMouseEvent, reactive, RenderNode, useRefList} from "plain-design-composition";
+import {computed, Fragment, iMouseEvent, reactive, RenderNode, useRefList} from "@peryl/react-compose";
 import {FilterFormSingle, iFilterFormSingleData} from "../../FilterFormSingle";
 import {eTableOptionSettingView} from "./useTableOption.setting.utils";
 import {Button} from "../../Button";
@@ -8,10 +8,10 @@ import {Input} from "../../Input";
 import {Empty} from "../../Empty";
 import {iFilterQueryMeta} from "../../FilterService/utils/filter.service.utils";
 import {$message} from "../../$message";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {Icon} from "../../Icon";
-import {doNothing} from "../../../utils/doNothing";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {doNothing} from "@peryl/utils/doNothing";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import {TableOptionSpace} from "../utils/TableOption.space";
 import '../utils/TableOption.space';
 import {TableOptionUtils} from "../utils/TableOption.utils";
@@ -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

@@ -1,6 +1,6 @@
 import {eTableOptionSettingView} from "./useTableOption.setting.utils";
 import {eTableOptionSortMode, iTableOptionSortMeta} from "../use/useTableOption.sort";
-import {computed, reactive} from "plain-design-composition";
+import {computed, reactive} from "@peryl/react-compose";
 import {Table} from "../../Table";
 import {PlcDraggier} from "../../Table/standard/PlcDraggier/PlcDraggier";
 import {Plc} from "../../Plc";
@@ -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

@@ -1,4 +1,4 @@
-import {classnames, computed, getComponentCls, reactive, SimpleFunction} from "plain-design-composition";
+import {classnames, computed, getComponentCls, reactive, SimpleFunction} from "@peryl/react-compose";
 import {iTableOptionSettingConfig, iTableOptionSettingInnerUser} from "./useTableOption.setting.utils";
 import {$dialog} from "../../$dialog";
 import {Scroll} from "../../Scroll";
@@ -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 (

package/src/packages/components/AutoTable/setting/useTableOption.setting.utils.ts

@@ -1,5 +1,5 @@
-import {RenderNode} from "plain-design-composition";
-import {createEnum} from "plain-utils/utils/createEnum";
+import {RenderNode} from "@peryl/react-compose";
+import {createEnum} from "@peryl/utils/createEnum";
 
 /**
  * 在自定义面板中注册一个面板的参数类型