@cfmm/umi-plugins-ui-v2 0.0.2 → 0.0.4

package/dist/cjs/components/CrudTable.tpl

@@ -1,7 +1,7 @@
-import { CloudDownloadOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons';
-import { ActionType, ProColumns, ProTable } from '@ant-design/pro-components';
-import { cfmmUtils, ImportExecl, useIntl } from '@umijs/max';
-import { Button, Dropdown, MenuProps, Modal } from 'antd';
+import { CloudDownloadOutlined, DownloadOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons';
+import { ActionType, ColumnsState, ProColumns, ProTable } from '@ant-design/pro-components';
+import { cfmmUtils, ImportExecl, useFormatLocale, useIntl, useModel } from '@umijs/max';
+import { Button, Dropdown, MenuProps, message, Modal, Progress } from 'antd';
 import React, { ForwardedRef, forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import useAction from '../hooks/useAction';
 import useAuthority from '../hooks/useAuthority';
@@ -14,9 +14,9 @@ import DropdownButton from './DropdownButton';
 import EditMultiLangForm from './EditMultiLangForm';
 import MyFooterToolbar from './MyFooterToolbar';
 import ViewTableItemDrawer from './ViewTableItemDrawer';
-import { genExcelAdvanced } from '../utils/excelHelper';
+import { genExcel, genExcelAdvanced, getExportColumns, getExportValueForColumns } from '../utils/excelHelper';
 import { importMultiLangList, queryLangInfoExprotList } from '../services';
-import { handleImportList } from '../utils/importHelper';
+import { handleImportList, showCheckErrorTips } from '../utils/importHelper';
 
 const { confirm } = Modal;
 export const TABLE_SCROLL = { x: 'max-content' };
@@ -38,6 +38,9 @@ const generateDefaultAuthCodes = (localCode: string | undefined) => {
     remove: `${baseCode}_remove`,
     record: `${baseCode}_record`,
     lang: `${baseCode}_lang`,
+    templateDownload: `${baseCode}_templateDownload`,
+    import: `${baseCode}_import`,
+    exprot: `${baseCode}_exprot`,
   };
 };
 
@@ -58,6 +61,7 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
     createConfig = {},
     updateConfig = {},
     actionColumnConfig = {} as CrudTableConfig['actionColumnConfig'],
+    downloadTemplate = {},
     onAdd,
     onAfterSearch,
     onBeforeEdit,
@@ -65,6 +69,7 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
     onAfterDelete,
     onBeforeAction,
     onAfterAction,
+    onAfterImport,
   } = props;
 
   const defaultAuthCodes = {
@@ -74,8 +79,13 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
 
   const { formatMessage } = useIntl();
   const { getAuthorityFn } = useAuthority();
+  const {
+    templateDownloadModalOpenChange,
+    handleTemplateDownloadModalSearchParamsChange,
+  } = window.__POWERED_BY_QIANKUN__ ? useModel('@@qiankunStateFromMaster') : useModel('global');
   const actionRef = useRef<ActionType>();
   const updateDrawerRef = useRef<RefDrawerFormRefType>();
+  const timer = useRef<NodeJS.Timeout>();
 
   // 状态管理
   const [tableList, setTableList] = useState<T[]>([]);
@@ -90,9 +100,18 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
   const [editLangModalOpen, setEditLangModalOpen] = useState<boolean>(false);
   const [currentLangInfo, setCurrentLangInfo] = useState<LangInfoItem | undefined>();
 
+  // 导出execl
+  const [loading, setLoading] = useState<boolean>(false);
+  const [percent, setPercent] = useState<number>(0);
+  const [downloadButtonLoading, setDownloadButtonLoading] = useState<boolean>(false);
+  const [columnsStateMap, setColumnsStateMap] = useState<Record<string, ColumnsState>>({});
+  // 用于导出查询，不能使用formRef，会造成与表格数据不一致
+  const [tableSearchParams, setTableSearchParams] = useState<any>({});
+
   // Hooks
   const { queryList } = useQueryTableList(baseLocalCode ? { baseLocalCode, baseLocalName } : undefined);
   const { doAction, loading: actionLoading } = useAction(baseLocalCode ? { baseLocalCode, baseLocalName } : undefined);
+  const { getLocalDate } = useFormatLocale();
 
   /**
    * 处理多语言字段点击
@@ -114,9 +133,9 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
   });
 
   const queryMultiLangData = useMemoizedFn(async (tableName: string, columnName: string): Promise<ExprotMultiLangListItem[]> => {
-    if(!multiLang) return [];
+    if (!multiLang) return [];
 
-    if(multiLang.multiLangList) {
+    if (multiLang.multiLangList) {
       return multiLang.multiLangList;
     }
 
@@ -135,7 +154,7 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
   });
 
   const handleExportMultiLang = useMemoizedFn(async () => {
-    if(multiLang?.exportMultiLangData) {
+    if (multiLang?.exportMultiLangData) {
       return await multiLang.exportMultiLangData();
     }
 
@@ -150,8 +169,8 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
 
     const { tableName, columnName } = multiLang.fields[0];
     const data = await queryMultiLangData(tableName, columnName);
-    
-    if(!data.length) return;
+
+    if (!data.length) return;
 
     const handleData = data.map(item => [item.dataId, item.columnValue, item.zh_CN, item.zh_TW, item.en_US, item.th_TH]);
 
@@ -174,14 +193,14 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
 
   // 导入多语言数据
   const importMultiLang = useMemoizedFn(async (list: any[]) => {
-    if(!multiLang?.fields) return;
+    if (!multiLang?.fields) return;
 
     const { tableName, columnName } = multiLang.fields[0];
 
-    if(multiLang.importMultiLangData) {
+    if (multiLang.importMultiLangData) {
       return await multiLang.importMultiLangData(list, tableName, columnName);
     }
-    
+
     // 处理导入数据，正确赋值字段以及转格式
     const newList = handleImportList<ExprotMultiLangListItem>(list, { needHandleUnderline: false });
 
@@ -192,7 +211,7 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
     //   return Promise.resolve({ success: false });
     // }
 
-    const result =  await doAction('IMPORT', {
+    const result = await doAction('IMPORT', {
       tableName: tableName,
       columnName: columnName,
       i18nDataList: newList.filter(item => item.en_US || item.zh_CN || item.zh_TW || item.th_TH),
@@ -207,6 +226,42 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
     return result;
   });
 
+  /**
+   * 查询导出数据
+   * @param params
+   * @returns
+   */
+  const handleSearchAll = async () => {
+    if (loading) return { success: false } as API.Result_TableListType<T>;
+
+    // 请求前拦截器
+    let processedParams = { ...tableSearchParams };
+    if (interceptors.query?.request) {
+      processedParams = interceptors.query.request(processedParams);
+    }
+
+    setLoading(true);
+    const result = await queryList<T[]>(tableSearchParams, {
+      queryFn: apis.query,
+    });
+    setLoading(false);
+
+    if (!result.success && result.error?.response?.status === 504) {
+      message.error(
+        formatMessage({ id: 'pages.File.export.timeOut.help', defaultMessage: '数据量过大，请联系工作人员帮助导出' }),
+      );
+    }
+
+    // 请求后拦截器
+    let processedResult = result;
+    if (interceptors.query?.response) {
+      processedResult = interceptors.query.response(result);
+    }
+
+    setTableList(processedResult.data);
+    return processedResult;
+  };
+
   /**
    * 查询表格数据
    */
@@ -338,6 +393,118 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
     });
   });
 
+  // 将导入的列表数据提交给后端
+  const submitListData = async (list: T[]) => {
+    return await doAction('IMPORT', list, {
+      actionFn: apis.importData,
+      showMsg: false,
+    });
+  };
+
+  // 导入物料
+  const importListData = useMemoizedFn(async (list: T[]) => {
+    if(!apis.importData && !interceptors.importData?.submitImportListData) return;
+
+    // 处理导入数据，正确赋值字段以及转格式
+    const newList = interceptors.importData?.request?.(list) ?? handleImportList<T>(list);
+
+    // 导入校验提示
+    const errorMessageList = interceptors.importData?.checkImportExecl?.(newList) || [];
+
+    if (errorMessageList.length) {
+      interceptors.importData?.showCheckErrorTips?.(errorMessageList) || showCheckErrorTips(errorMessageList);
+      return Promise.resolve({ success: false });
+    }
+
+    const resutl = await interceptors.importData?.submitImportListData?.(newList) || await submitListData(newList);
+
+    onAfterImport?.(resutl);
+
+    if (resutl.success) {
+      actionRef.current?.reload();
+    }
+    return resutl;
+  });
+
+  const handlePercentChange = (value: number) => {
+    setPercent(value);
+  };
+
+  /**
+ * 下载数据为Excel
+ */
+  const handleDownloadExcel = async () => {
+    const result = await handleSearchAll();
+    if (!result.success || result.error || !result.data) {
+      return;
+    }
+
+    const MAX_DOWNLOAD = cfmmUtils?.MAX_DOWNLOAD || 65536;
+
+    setDownloadButtonLoading(true);
+
+    const exportColums = getExportColumns<T>({ columns, columnsStateMap });
+
+    //固定列名
+    let columnsName: any[] = exportColums.map((item) => item.title).filter(Boolean);
+    //文件名根据多语言形成
+    const fileName = formatMessage({
+      id: `${baseLocalCode}.title`,
+      defaultMessage: '数据列表',
+    });
+
+    //创建导出Excel
+    genExcel(fileName + '.xlsx', 'sheet1', columnsName, function () {
+      //生成数据
+      return new Promise((resolve) => {
+        //所有数据行
+        getExportValueForColumns({
+          columns: exportColums,
+          data: result.data,
+          getLocalDate,
+          handlePercentChange,
+        })
+          .then((allRows) => {
+            if (allRows.length > MAX_DOWNLOAD) {
+              Modal.warning({
+                title: formatMessage({ id: 'common.download.exceed.max.title', defaultMessage: `下载数据过大提醒` }),
+                content: formatMessage(
+                  {
+                    id: 'common.download.exceed.max.tips',
+                    defaultMessage: `超出最大下载数据 ${MAX_DOWNLOAD} 条，超出部分请重新下载`,
+                  },
+                  {
+                    count: MAX_DOWNLOAD,
+                  },
+                ),
+                onOk: () => resolve(allRows.slice(0, MAX_DOWNLOAD)),
+              });
+            } else {
+              resolve(allRows);
+            }
+          })
+          .catch((err) => console.log('err', err))
+          .finally(() => {
+            timer.current = setTimeout(() => {
+              setDownloadButtonLoading(false);
+              setPercent(0);
+            }, 2000);
+          });
+      });
+    });
+  };
+
+  /**
+   * 下载模板
+   */
+  const handleDownloadTemplate = () => {
+    handleTemplateDownloadModalSearchParamsChange({
+      templateTypeCode: downloadTemplate.templateTypeCode,
+      moduleCode: downloadTemplate.moduleCode,
+    });
+    templateDownloadModalOpenChange(true);
+  };
+
   /**
    * 增强的列配置（添加操作列）
    */
@@ -489,16 +656,48 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
           </ImportExecl>
         ),
       },
+      {
+        auth: getAuthorityFn(defaultAuthCodes.templateDownload),
+        key: 'templateDownload',
+        label: (
+          <a onClick={handleDownloadTemplate} key="templateDownload">
+            <DownloadOutlined style={{ marginRight: 6 }} />
+            {formatMessage({ id: 'cfmmUI.common.button.importData', defaultMessage: '下载模板' })}
+          </a>
+        ),
+      },
+      {
+        auth: getAuthorityFn(defaultAuthCodes.import) && (apis.importData || interceptors.importData?.submitImportListData),
+        key: 'import',
+        label: (
+          <ImportExecl key="importMaterial" rangeStart={{ c: 0, r: 2 }} onChange={importListData}>
+            <div style={{ color: !actionLoading ? 'rgba(0, 0, 0, 0.88)' : 'rgba(0, 0, 0, 0.25)' }}>
+              <UploadOutlined style={{ marginRight: 8 }} />
+              {formatMessage({ id: 'cfmmUI.common.button.importData', defaultMessage: '导入数据' })}
+            </div>
+          </ImportExecl>
+        ),
+      },
+      {
+        auth: getAuthorityFn(defaultAuthCodes.exprot),
+        key: 'exprot',
+        disabled: !tableList.length || loading,
+        label: <a onClick={handleDownloadExcel} key="exprot">
+          <CloudDownloadOutlined style={{ marginRight: 6 }} />
+          {formatMessage({ id: 'cfmmUI.common.button.exprotData', defaultMessage: '导出数据' })}
+        </a>
+      },
     ];
 
     // 过滤有权限的按钮，并移除 auth 属性避免传递到 DOM
     return allButtons
       .filter((button) => button.auth)
       .map(({ auth, ...rest }) => rest);
-  }, []);
+  }, [tableList, loading, columnsStateMap]);
 
   return (
     <>
+      {downloadButtonLoading ? <Progress percent={percent} size="small" /> : null}
       <ProTable<T>
         headerTitle={formatMessage({
           id: `${baseLocalCode}.title`,
@@ -510,9 +709,9 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
         search={cfmmUtils?.getTableSearchFormLayout()}
         scroll={cfmmUtils?.TABLE_SCROLL ?? TABLE_SCROLL}
         toolBarRender={useMemoizedFn(() => {
-          if(!getBarButtons?.length) return [];
+          if (!getBarButtons?.length) return [];
           return [
-            <Dropdown.Button type="primary" loading={actionLoading} menu={{ items: getBarButtons.slice(1) }}>
+            <Dropdown.Button type="primary" loading={actionLoading || downloadButtonLoading} menu={{ items: getBarButtons.slice(1) }}>
               {getBarButtons[0].icon}
               {getBarButtons[0].label}
             </Dropdown.Button>
@@ -520,10 +719,17 @@ function CrudTable<T extends Record<string, any>, U = {}, C = {}>(
         })}
         request={useMemoizedFn(async (params, sorter) => {
           const { current, pageIndex = params.current, pageSize, ...otherParams } = params;
+
+          setTableSearchParams({ ...otherParams, orderBy: { ...sorter } });
+
           const result = await handleSearch({ pageIndex, pageSize, orderBy: { ...sorter }, ...otherParams });
           return result;
         })}
         columns={enhancedColumns}
+        columnsState={{
+          value: columnsStateMap,
+          onChange: setColumnsStateMap,
+        }}
         rowSelection={useMemo(
           () => ({
             onChange: (selectedRowKeys, selectedRows) => {

package/dist/cjs/components/EditMultiLangForm.tpl

@@ -62,6 +62,8 @@ const EditMultiLangForm: React.FC<EditMultiLangFormProps> = (props) => {
   async function fetchData() {
     if (!props.values) return;
 
+    const { tableName, columnName, dataId } = props.values;
+
     /**
      * 加载中
      */
@@ -72,9 +74,9 @@ const EditMultiLangForm: React.FC<EditMultiLangFormProps> = (props) => {
      */
     const queryList = props.queryLangInfoList ?? queryLangInfoList;
     const result = await queryList({
-      tableName: props.values.tableName,
-      columnName: props.values.columnName,
-      dataId: props.values.dataId,
+      tableName,
+      columnName,
+      dataId,
     });
     const i18nJson = result?.data?.i18nJson;
 
@@ -82,7 +84,7 @@ const EditMultiLangForm: React.FC<EditMultiLangFormProps> = (props) => {
       const newList = dataSource.map((item, idx) => {
         return {
           ...item,
-          value: i18nJson[item.lang]?.dic_name,
+          value: i18nJson[item.lang]?.[columnName],
           dataId: new Date().getTime() + idx,
         };
       });

package/dist/cjs/locales/en-US.d.ts

@@ -111,6 +111,9 @@ declare const _default: {
     'cfmmUI.common.button.back': string;
     'cfmmUI.common.button.exportMultiLang': string;
     'cfmmUI.common.button.importMultiLang': string;
+    "cfmmUI.common.button.templateDownload": string;
+    "cfmmUI.common.button.importData": string;
+    "cfmmUI.common.button.exportData": string;
     'cfmmUI.common.button.exportMultiLang.notice': string;
     'cfmmUI.action.create.waitingMessage': string;
     'cfmmUI.action.update.waitingMessage': string;

package/dist/cjs/locales/enUS/common.d.ts

@@ -22,6 +22,9 @@ declare const _default: {
     'cfmmUI.common.button.back': string;
     'cfmmUI.common.button.exportMultiLang': string;
     'cfmmUI.common.button.importMultiLang': string;
+    "cfmmUI.common.button.templateDownload": string;
+    "cfmmUI.common.button.importData": string;
+    "cfmmUI.common.button.exportData": string;
     'cfmmUI.common.button.exportMultiLang.notice': string;
     'cfmmUI.action.create.waitingMessage': string;
     'cfmmUI.action.update.waitingMessage': string;

package/dist/cjs/locales/enUS/common.js

@@ -30,6 +30,9 @@ var _default = exports.default = {
   'cfmmUI.common.button.back': 'Back',
   'cfmmUI.common.button.exportMultiLang': 'Export Multi Language',
   'cfmmUI.common.button.importMultiLang': 'Import Multi Language',
+  "cfmmUI.common.button.templateDownload": "Template Download",
+  "cfmmUI.common.button.importData": "Import Data",
+  "cfmmUI.common.button.exportData": "Export Data",
   'cfmmUI.common.button.exportMultiLang.notice': 'Please do not modify the table structure',
   //操作提示
   'cfmmUI.action.create.waitingMessage': 'Being Added',

package/dist/cjs/locales/enUS/index.d.ts

@@ -111,6 +111,9 @@ declare const _default: {
     'cfmmUI.common.button.back': string;
     'cfmmUI.common.button.exportMultiLang': string;
     'cfmmUI.common.button.importMultiLang': string;
+    "cfmmUI.common.button.templateDownload": string;
+    "cfmmUI.common.button.importData": string;
+    "cfmmUI.common.button.exportData": string;
     'cfmmUI.common.button.exportMultiLang.notice': string;
     'cfmmUI.action.create.waitingMessage': string;
     'cfmmUI.action.update.waitingMessage': string;

package/dist/cjs/locales/th-TH.d.ts

@@ -111,6 +111,9 @@ declare const _default: {
     'cfmmUI.common.button.back': string;
     'cfmmUI.common.button.exportMultiLang': string;
     'cfmmUI.common.button.importMultiLang': string;
+    "cfmmUI.common.button.templateDownload": string;
+    "cfmmUI.common.button.importData": string;
+    "cfmmUI.common.button.exportData": string;
     'cfmmUI.common.button.exportMultiLang.notice': string;
     'cfmmUI.action.create.waitingMessage': string;
     'cfmmUI.action.update.waitingMessage': string;

package/dist/cjs/locales/zh-CN.d.ts

@@ -111,6 +111,9 @@ declare const _default: {
     "cfmmUI.common.button.back": string;
     "cfmmUI.common.button.exportMultiLang": string;
     "cfmmUI.common.button.importMultiLang": string;
+    "cfmmUI.common.button.templateDownload": string;
+    "cfmmUI.common.button.importData": string;
+    "cfmmUI.common.button.exportData": string;
     "cfmmUI.common.button.exportMultiLang.notice": string;
     "cfmmUI.action.create.waitingMessage": string;
     "cfmmUI.action.update.waitingMessage": string;

package/dist/cjs/locales/zh-TW.d.ts

@@ -110,6 +110,9 @@ declare const _default: {
     "cfmmUI.common.button.back": string;
     "cfmmUI.common.button.exportMultiLang": string;
     "cfmmUI.common.button.importMultiLang": string;
+    "cfmmUI.common.button.templateDownload": string;
+    "cfmmUI.common.button.importData": string;
+    "cfmmUI.common.button.exportData": string;
     "cfmmUI.common.button.exportMultiLang.notice": string;
     "cfmmUI.action.create.waitingMessage": string;
     "cfmmUI.action.update.waitingMessage": string;

package/dist/cjs/locales/zhCN/common.d.ts

@@ -22,6 +22,9 @@ declare const _default: {
     "cfmmUI.common.button.back": string;
     "cfmmUI.common.button.exportMultiLang": string;
     "cfmmUI.common.button.importMultiLang": string;
+    "cfmmUI.common.button.templateDownload": string;
+    "cfmmUI.common.button.importData": string;
+    "cfmmUI.common.button.exportData": string;
     "cfmmUI.common.button.exportMultiLang.notice": string;
     "cfmmUI.action.create.waitingMessage": string;
     "cfmmUI.action.update.waitingMessage": string;

package/dist/cjs/locales/zhCN/common.js

@@ -30,6 +30,9 @@ var _default = exports.default = {
   "cfmmUI.common.button.back": "返回",
   "cfmmUI.common.button.exportMultiLang": "导出多语言",
   "cfmmUI.common.button.importMultiLang": "导入多语言",
+  "cfmmUI.common.button.templateDownload": "模板下载",
+  "cfmmUI.common.button.importData": "导入数据",
+  "cfmmUI.common.button.exportData": "导出数据",
   "cfmmUI.common.button.exportMultiLang.notice": "请勿修改表格结构",
   //操作提示
   "cfmmUI.action.create.waitingMessage": "正在新增",

package/dist/cjs/locales/zhCN/index.d.ts

@@ -111,6 +111,9 @@ declare const _default: {
     "cfmmUI.common.button.back": string;
     "cfmmUI.common.button.exportMultiLang": string;
     "cfmmUI.common.button.importMultiLang": string;
+    "cfmmUI.common.button.templateDownload": string;
+    "cfmmUI.common.button.importData": string;
+    "cfmmUI.common.button.exportData": string;
     "cfmmUI.common.button.exportMultiLang.notice": string;
     "cfmmUI.action.create.waitingMessage": string;
     "cfmmUI.action.update.waitingMessage": string;

package/dist/cjs/locales/zhTW/common.d.ts

@@ -22,6 +22,9 @@ declare const _default: {
     "cfmmUI.common.button.back": string;
     "cfmmUI.common.button.exportMultiLang": string;
     "cfmmUI.common.button.importMultiLang": string;
+    "cfmmUI.common.button.templateDownload": string;
+    "cfmmUI.common.button.importData": string;
+    "cfmmUI.common.button.exportData": string;
     "cfmmUI.common.button.exportMultiLang.notice": string;
     "cfmmUI.action.create.waitingMessage": string;
     "cfmmUI.action.update.waitingMessage": string;

package/dist/cjs/locales/zhTW/common.js

@@ -30,6 +30,9 @@ var _default = exports.default = {
   "cfmmUI.common.button.back": "返回",
   "cfmmUI.common.button.exportMultiLang": "導出多語言",
   "cfmmUI.common.button.importMultiLang": "導入多語言",
+  "cfmmUI.common.button.templateDownload": "模板下載",
+  "cfmmUI.common.button.importData": "導入數據",
+  "cfmmUI.common.button.exportData": "導出數據",
   "cfmmUI.common.button.exportMultiLang.notice": "請勿修改表格結構",
   //操作提示
   "cfmmUI.action.create.waitingMessage": "正在新增",

package/dist/cjs/locales/zhTW/index.d.ts

@@ -110,6 +110,9 @@ declare const _default: {
     "cfmmUI.common.button.back": string;
     "cfmmUI.common.button.exportMultiLang": string;
     "cfmmUI.common.button.importMultiLang": string;
+    "cfmmUI.common.button.templateDownload": string;
+    "cfmmUI.common.button.importData": string;
+    "cfmmUI.common.button.exportData": string;
     "cfmmUI.common.button.exportMultiLang.notice": string;
     "cfmmUI.action.create.waitingMessage": string;
     "cfmmUI.action.update.waitingMessage": string;

package/dist/cjs/types/CrudTableTypes.d.ts

@@ -1 +1 @@
-export declare const CrudTableTypes = "\nexport interface CrudTableConfig<T = any, U = {}, C = {}> {\n  // \u57FA\u7840\u914D\u7F6E\n  baseLocalCode?: string;\n  baseLocalName?: string;\n  rowKey: keyof T;\n\n  /** \u591A\u8BED\u8A00\u7F16\u8F91\u914D\u7F6E */\n  multiLang?: {\n    /** \u591A\u8BED\u8A00\u8868\u6570\u636E */\n    multiLangList?: ExprotMultiLangListItem[];\n    /** \u591A\u8BED\u8A00\u5B57\u6BB5\u914D\u7F6E */\n    fields: {\n      /** \u5B57\u6BB5\u540D */\n      fieldName: keyof T;\n      /** \u8868\u540D */\n      tableName: string;\n      /** \u5217\u540D */\n      columnName: string;\n      /** \u70B9\u51FB\u56DE\u8C03\uFF0C\u7528\u4E8E\u8BBE\u7F6ElangInfoItem */\n      onClick?: (record: T) => LangInfoItem;\n    }[];\n    /** \u81EA\u5B9A\u4E49\u5BFC\u51FA\u591A\u8BED\u8A00\u51FD\u6570 */\n    exportMultiLangData?: () => Promise<boolean | void>;\n    /** \u81EA\u5B9A\u4E49\u67E5\u8BE2\u5BFC\u51FA\u591A\u8BED\u8A00\u51FD\u6570 */\n    queryExprotMultiLangData?: (tableName: string, columnName: string) => Promise<ExprotMultiLangListItem[]>;\n    /** \u81EA\u5B9A\u4E49\u5BFC\u5165\u591A\u8BED\u8A00\u51FD\u6570 */\n    importMultiLangData?: (list: ExprotMultiLangListItem[], tableName: string, columnName: string) => Promise<{ success: boolean; failMsg?: string; data?: any } | void> | void;\n  };\n  \n  /** \u6309\u94AE\u6743\u9650\u7F16\u7801\uFF0C\u9ED8\u8BA4\u4F1A\u6839\u636EbaseLocalCode\u751F\u6210 */\n  authCodes?: {\n    view?: string | boolean | ((record: T) => boolean | undefined);\n    add?: string | boolean;\n    edit?: string | boolean | ((record: T) => boolean | undefined);\n    /** remove\u6743\u9650\u662F\u51FD\u6570\u65F6\uFF0C\u5982\u679C\u9700\u8981\u6279\u91CF\u5220\u9664\u8BF7\u8BBE\u7F6EbatchRemoveAuth\u4E3Atrue, \u5426\u5219\u4E0D\u4F1A\u663E\u793A\u6279\u91CF\u5220\u9664\u6309\u94AE */\n    remove?: string | boolean | ((record: T) => boolean | undefined);\n    /** \u6279\u91CF\u5220\u9664\u6743\u9650 */\n    batchRemoveAuth?: string | boolean;\n    record?: string | boolean | ((record: T) => boolean | undefined);\n  };\n\n  /** API\u65B9\u6CD5 */\n  apis: {\n    /** \u67E5\u8BE2\u65B9\u6CD5 */\n    query: (params: any) => Promise<any>;\n    /** \u64CD\u4F5C\u65B9\u6CD5 */\n    handle: (method: API.MethodTypes, data: any) => Promise<any>;\n    /** \u6839\u636Eid\u67E5\u8BE2\u8BE6\u60C5\u65B9\u6CD5\uFF0C\u6CA1\u4F20\u5219\u4F7F\u7528\u884C\u6570\u636E\u8FDB\u884C\u7F16\u8F91 */\n    queryById?: (id: any) => Promise<any>;\n  };\n\n  /** API\u62E6\u622A\u5668 */\n  interceptors?: {\n    /** \u67E5\u8BE2\u62E6\u622A\u5668 */\n    query?: {\n      /** \u67E5\u8BE2\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u67E5\u8BE2\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (params: any) => any;\n      /** \u67E5\u8BE2\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u67E5\u8BE2\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (result: any) => any;\n    };\n    /** \u64CD\u4F5C\u62E6\u622A\u5668 */\n    handle?: {\n      /** \u64CD\u4F5C\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u64CD\u4F5C\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (method: API.MethodTypes, data: any) => { method?: API.MethodTypes; data: any };\n      /** \u64CD\u4F5C\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u64CD\u4F5C\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (method: API.MethodTypes, result: any) => any;\n    };\n    /** \u8BE6\u60C5\u67E5\u8BE2\u62E6\u622A\u5668 */\n    queryById?: {\n      /** \u8BE6\u60C5\u67E5\u8BE2\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u8BE6\u60C5\u67E5\u8BE2\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (id: any) => any;\n      /** \u8BE6\u60C5\u67E5\u8BE2\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u8BE6\u60C5\u67E5\u8BE2\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (result: any) => any;\n    };\n  };\n\n  /** \u8868\u683C\u5217\u914D\u7F6E */\n  columns: ProColumns<T>[];\n  /** \u8868\u683C\u5176\u4ED6\u914D\u7F6E */\n  tableProps?: Partial<ProTableProps<T, any>>;\n\n  /** \u64CD\u4F5C\u5217\u914D\u7F6E\uFF08\u8868\u683C\u64CD\u4F5C\u5217\u914D\u7F6E\u3001\u64CD\u4F5C\u5217\u4E0B\u62C9\u6309\u94AE\u914D\u7F6E\uFF09 */\n  actionColumnConfig?: {\n    /** \u8868\u683C\u64CD\u4F5C\u5217\u914D\u7F6E */\n    columnConfig?: ProColumns<T>;\n    /** \u4E0B\u62C9\u5217\u8868\u5C5E\u6027 */\n    getDropdownButtonProps?: (record: T) => Partial<DropdownButtonProps>;\n  };\n\n  /** \u65B0\u589E\u8868\u5355\u914D\u7F6E */\n  createConfig?: {\n    /** \u81EA\u5B9A\u4E49\u521B\u5EFA\u8868\u5355\u7EC4\u4EF6 */\n    Component?: React.ComponentType<\n      {\n        open?: boolean;\n        onOpenChange?: (visible: boolean) => void;\n        onSubmit?: (values: any) => Promise<boolean | void>;\n        loading?: boolean;\n      } & C\n    >;\n    /** \u4F20\u9012\u7ED9CreateFormComponent\u7684\u989D\u5916props */\n    props?: C;\n  };\n\n  /** \u7F16\u8F91\u8868\u5355\u914D\u7F6E */\n  updateConfig?: {\n    /** \u81EA\u5B9A\u4E49\u7F16\u8F91\u8868\u5355\u7EC4\u4EF6 */\n    Component?: React.ComponentType<\n      {\n        updateDrawerRef: React.MutableRefObject<RefDrawerFormRefType | undefined>;\n        values: Partial<T> | null;\n        onSubmit: (values: any) => Promise<boolean | void>;\n      } & U\n    >;\n    /** \u4F20\u9012\u7ED9UpdateFormComponent\u7684\u989D\u5916props */\n    props?: U;\n  };\n\n  /** \u81EA\u5B9A\u4E49\u65B0\u589E\u51FD\u6570 */\n  onAdd?: () => void;\n\n  /** \u67E5\u8BE2\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterSearch?: (result: API.Result_TableListType<T[]>) => Promise<any> | void;\n  /** \u7F16\u8F91\u524D\u56DE\u8C03\u51FD\u6570\uFF0C\u5982\u679C\u51FD\u6570\u6CA1\u6709\u8FD4\u56DET\uFF0C\u5219\u4E0D\u8FDB\u884C\u7F16\u8F91 */\n  onBeforeEdit?: (record: T) => Promise<T | null>;\n  /** \u5220\u9664\u524D\u56DE\u8C03\u51FD\u6570\uFF0C\u5982\u679C\u51FD\u6570\u6CA1\u6709\u8FD4\u56DEtrue\uFF0C\u5219\u4E0D\u8FDB\u884C\u64CD\u4F5C */\n  onBeforeDelete?: (keys: React.Key[]) => Promise<boolean> | boolean | void;\n  /** \u5220\u9664\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterDelete?: (keys: React.Key[], result: boolean) => Promise<boolean> | boolean | void;\n  /** \u64CD\u4F5C\u524D\u56DE\u8C03\u51FD\u6570\uFF0C\u5982\u679C\u51FD\u6570\u6CA1\u6709\u8FD4\u56DEtrue\uFF0C\u5219\u4E0D\u8FDB\u884C\u64CD\u4F5C */\n  onBeforeAction?: (method: API.MethodTypes, fields: any) => Promise<boolean> | boolean | void;\n  /** \u64CD\u4F5C\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterAction?: (method: API.MethodTypes, success: boolean) => void;\n}\n\nexport interface CrudTableRefType<T = any> {\n  actionRef: React.MutableRefObject<ActionType | undefined>;\n  updateDrawerRef: React.MutableRefObject<RefDrawerFormRefType | undefined>;\n  tableList: T[];\n  setTableList: (row: T[]) => void;\n  viewRow: T | undefined;\n  setViewRow: (row: T | undefined) => void;\n  actionLogRow: T | undefined;\n  setActionLogRow: (row: T | undefined) => void;\n  editRow: Partial<T> | null;\n  setEditRow: (row: Partial<T> | null) => void;\n  selectedRows: T[];\n  setSelectedRows: (rows: T[]) => void;\n  selectedRowKeys: React.Key[];\n  setSelectedRowKeys: (keys: React.Key[]) => void;\n  createModalOpen: boolean;\n  setCreateModalOpen: (open: boolean) => void;\n  editLangModalOpen: boolean;\n  setEditLangModalOpen: (open: boolean) => void;\n  currentLangInfo?: LangInfoItem;\n  setCurrentLangInfo: (open: LangInfoItem) => void;\n  onDelete: (keys: React.Key[]) => void;\n  updateModalOpen: () => void;\n  updateModalClose: () => void;\n}\n";
+export declare const CrudTableTypes = "\nexport interface CrudTableConfig<T = any, U = {}, C = {}> {\n  // \u57FA\u7840\u914D\u7F6E\n  baseLocalCode?: string;\n  baseLocalName?: string;\n  rowKey: keyof T;\n\n  /** \u591A\u8BED\u8A00\u7F16\u8F91\u914D\u7F6E */\n  multiLang?: {\n    /** \u591A\u8BED\u8A00\u8868\u6570\u636E */\n    multiLangList?: ExprotMultiLangListItem[];\n    /** \u591A\u8BED\u8A00\u5B57\u6BB5\u914D\u7F6E */\n    fields: {\n      /** \u5B57\u6BB5\u540D */\n      fieldName: keyof T;\n      /** \u8868\u540D */\n      tableName: string;\n      /** \u5217\u540D */\n      columnName: string;\n      /** \u70B9\u51FB\u56DE\u8C03\uFF0C\u7528\u4E8E\u8BBE\u7F6ElangInfoItem */\n      onClick?: (record: T) => LangInfoItem;\n    }[];\n    /** \u81EA\u5B9A\u4E49\u5BFC\u51FA\u591A\u8BED\u8A00\u51FD\u6570 */\n    exportMultiLangData?: () => Promise<boolean | void>;\n    /** \u81EA\u5B9A\u4E49\u67E5\u8BE2\u5BFC\u51FA\u591A\u8BED\u8A00\u51FD\u6570 */\n    queryExprotMultiLangData?: (tableName: string, columnName: string) => Promise<ExprotMultiLangListItem[]>;\n    /** \u81EA\u5B9A\u4E49\u5BFC\u5165\u591A\u8BED\u8A00\u51FD\u6570 */\n    importMultiLangData?: (list: ExprotMultiLangListItem[], tableName: string, columnName: string) => Promise<{ success: boolean; failMsg?: string; data?: any } | void> | void;\n  };\n  \n  /** \u6309\u94AE\u6743\u9650\u7F16\u7801\uFF0C\u9ED8\u8BA4\u4F1A\u6839\u636EbaseLocalCode\u751F\u6210 */\n  authCodes?: {\n    view?: string | boolean | ((record: T) => boolean | undefined);\n    add?: string | boolean;\n    edit?: string | boolean | ((record: T) => boolean | undefined);\n    /** remove\u6743\u9650\u662F\u51FD\u6570\u65F6\uFF0C\u5982\u679C\u9700\u8981\u6279\u91CF\u5220\u9664\u8BF7\u8BBE\u7F6EbatchRemoveAuth\u4E3Atrue, \u5426\u5219\u4E0D\u4F1A\u663E\u793A\u6279\u91CF\u5220\u9664\u6309\u94AE */\n    remove?: string | boolean | ((record: T) => boolean | undefined);\n    /** \u6279\u91CF\u5220\u9664\u6743\u9650 */\n    batchRemoveAuth?: string | boolean;\n    record?: string | boolean | ((record: T) => boolean | undefined);\n  };\n\n  /** API\u65B9\u6CD5 */\n  apis: {\n    /** \u67E5\u8BE2\u65B9\u6CD5 */\n    query: (params: any) => Promise<any>;\n    /** \u64CD\u4F5C\u65B9\u6CD5 */\n    handle: (method: API.MethodTypes, data: any) => Promise<any>;\n    /** \u6839\u636Eid\u67E5\u8BE2\u8BE6\u60C5\u65B9\u6CD5\uFF0C\u6CA1\u4F20\u5219\u4F7F\u7528\u884C\u6570\u636E\u8FDB\u884C\u7F16\u8F91 */\n    queryById?: (id: any) => Promise<any>;\n    /** \u5BFC\u5165\u65B9\u6CD5 */\n    importData?: (list: T[]) => Promise<any>;\n  };\n\n  /** API\u62E6\u622A\u5668 */\n  interceptors?: {\n    /** \u67E5\u8BE2\u62E6\u622A\u5668 */\n    query?: {\n      /** \u67E5\u8BE2\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u67E5\u8BE2\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (params: any) => any;\n      /** \u67E5\u8BE2\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u67E5\u8BE2\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (result: any) => any;\n    };\n    /** \u64CD\u4F5C\u62E6\u622A\u5668 */\n    handle?: {\n      /** \u64CD\u4F5C\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u64CD\u4F5C\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (method: API.MethodTypes, data: any) => { method?: API.MethodTypes; data: any };\n      /** \u64CD\u4F5C\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u64CD\u4F5C\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (method: API.MethodTypes, result: any) => any;\n    };\n    /** \u8BE6\u60C5\u67E5\u8BE2\u62E6\u622A\u5668 */\n    queryById?: {\n      /** \u8BE6\u60C5\u67E5\u8BE2\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u8BE6\u60C5\u67E5\u8BE2\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (id: any) => any;\n      /** \u8BE6\u60C5\u67E5\u8BE2\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u8BE6\u60C5\u67E5\u8BE2\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (result: any) => any;\n    };\n    /** \u5BFC\u5165\u62E6\u622A\u5668 */\n    importData?: {\n      /** \u5BFC\u5165\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u5BFC\u5165\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (list: T[]) => any;\n      /** \u5BFC\u5165\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u5BFC\u5165\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (result: any) => any;\n      /** \u5BFC\u5165\u6821\u9A8C\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u5BFC\u5165\u6570\u636E\u8FDB\u884C\u6821\u9A8C */\n      checkImportExecl?: (list: T[]) => ImportErrorType[];\n      /** \u5BFC\u5165\u6821\u9A8C\u63D0\u793A\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u5BFC\u5165\u6821\u9A8C\u63D0\u793A\u8FDB\u884C\u5904\u7406 */\n      showCheckErrorTips?: (errorMessageList: ImportErrorType[]) => void;\n      /** \u5BFC\u5165\u63D0\u4EA4\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u5BFC\u5165\u6570\u636E\u8FDB\u884C\u63D0\u4EA4 */\n      submitImportListData?: (list: T[]) => Promise<{ success: boolean; data?: K | null; error?: AxiosError | null }>;\n    };\n  };\n\n  /** \u8868\u683C\u5217\u914D\u7F6E */\n  columns: ProColumns<T>[];\n  /** \u8868\u683C\u5176\u4ED6\u914D\u7F6E */\n  tableProps?: Partial<ProTableProps<T, any>>;\n\n  /** \u64CD\u4F5C\u5217\u914D\u7F6E\uFF08\u8868\u683C\u64CD\u4F5C\u5217\u914D\u7F6E\u3001\u64CD\u4F5C\u5217\u4E0B\u62C9\u6309\u94AE\u914D\u7F6E\uFF09 */\n  actionColumnConfig?: {\n    /** \u8868\u683C\u64CD\u4F5C\u5217\u914D\u7F6E */\n    columnConfig?: ProColumns<T>;\n    /** \u4E0B\u62C9\u5217\u8868\u5C5E\u6027 */\n    getDropdownButtonProps?: (record: T) => Partial<DropdownButtonProps>;\n  };\n\n  /** \u65B0\u589E\u8868\u5355\u914D\u7F6E */\n  createConfig?: {\n    /** \u81EA\u5B9A\u4E49\u521B\u5EFA\u8868\u5355\u7EC4\u4EF6 */\n    Component?: React.ComponentType<\n      {\n        open?: boolean;\n        onOpenChange?: (visible: boolean) => void;\n        onSubmit?: (values: any) => Promise<boolean | void>;\n        loading?: boolean;\n      } & C\n    >;\n    /** \u4F20\u9012\u7ED9CreateFormComponent\u7684\u989D\u5916props */\n    props?: C;\n  };\n\n  /** \u7F16\u8F91\u8868\u5355\u914D\u7F6E */\n  updateConfig?: {\n    /** \u81EA\u5B9A\u4E49\u7F16\u8F91\u8868\u5355\u7EC4\u4EF6 */\n    Component?: React.ComponentType<\n      {\n        updateDrawerRef: React.MutableRefObject<RefDrawerFormRefType | undefined>;\n        values: Partial<T> | null;\n        onSubmit: (values: any) => Promise<boolean | void>;\n      } & U\n    >;\n    /** \u4F20\u9012\u7ED9UpdateFormComponent\u7684\u989D\u5916props */\n    props?: U;\n  };\n  \n  /** \u4E0B\u8F7D\u6A21\u677F\u53C2\u6570 */\n  downloadTemplate?: {\n    /** \u6A21\u677F\u7C7B\u578B\u7F16\u53F7\uFF0C\u5B57\u5178\u4E2D\u7684 TemplateCenterTemplateType */\n    templateTypeCode?: string;\n    /** \u6A21\u5757\u7F16\u53F7\uFF0C\u83DC\u5355\u4E2D\u7684\u76EE\u5F55\u7F16\u53F7 */\n    moduleCode?: string;\n  };\n\n  /** \u81EA\u5B9A\u4E49\u65B0\u589E\u51FD\u6570 */\n  onAdd?: () => void;\n\n  /** \u67E5\u8BE2\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterSearch?: (result: API.Result_TableListType<T[]>) => Promise<any> | void;\n  /** \u7F16\u8F91\u524D\u56DE\u8C03\u51FD\u6570\uFF0C\u5982\u679C\u51FD\u6570\u6CA1\u6709\u8FD4\u56DET\uFF0C\u5219\u4E0D\u8FDB\u884C\u7F16\u8F91 */\n  onBeforeEdit?: (record: T) => Promise<T | null>;\n  /** \u5220\u9664\u524D\u56DE\u8C03\u51FD\u6570\uFF0C\u5982\u679C\u51FD\u6570\u6CA1\u6709\u8FD4\u56DEtrue\uFF0C\u5219\u4E0D\u8FDB\u884C\u64CD\u4F5C */\n  onBeforeDelete?: (keys: React.Key[]) => Promise<boolean> | boolean | void;\n  /** \u5220\u9664\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterDelete?: (keys: React.Key[], result: boolean) => Promise<boolean> | boolean | void;\n  /** \u64CD\u4F5C\u524D\u56DE\u8C03\u51FD\u6570\uFF0C\u5982\u679C\u51FD\u6570\u6CA1\u6709\u8FD4\u56DEtrue\uFF0C\u5219\u4E0D\u8FDB\u884C\u64CD\u4F5C */\n  onBeforeAction?: (method: API.MethodTypes, fields: any) => Promise<boolean> | boolean | void;\n  /** \u64CD\u4F5C\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterAction?: (method: API.MethodTypes, success: boolean) => void;\n  /** \u5BFC\u5165\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterImport?: (result: { success: boolean; data?: K | null; error?: AxiosError | null }) => Promise<any> | void;\n}\n\nexport interface CrudTableRefType<T = any> {\n  actionRef: React.MutableRefObject<ActionType | undefined>;\n  updateDrawerRef: React.MutableRefObject<RefDrawerFormRefType | undefined>;\n  tableList: T[];\n  setTableList: (row: T[]) => void;\n  viewRow: T | undefined;\n  setViewRow: (row: T | undefined) => void;\n  actionLogRow: T | undefined;\n  setActionLogRow: (row: T | undefined) => void;\n  editRow: Partial<T> | null;\n  setEditRow: (row: Partial<T> | null) => void;\n  selectedRows: T[];\n  setSelectedRows: (rows: T[]) => void;\n  selectedRowKeys: React.Key[];\n  setSelectedRowKeys: (keys: React.Key[]) => void;\n  createModalOpen: boolean;\n  setCreateModalOpen: (open: boolean) => void;\n  editLangModalOpen: boolean;\n  setEditLangModalOpen: (open: boolean) => void;\n  currentLangInfo?: LangInfoItem;\n  setCurrentLangInfo: (open: LangInfoItem) => void;\n  onDelete: (keys: React.Key[]) => void;\n  updateModalOpen: () => void;\n  updateModalClose: () => void;\n}\n";

package/dist/cjs/types/CrudTableTypes.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CrudTableTypes = void 0;
-var CrudTableTypes = exports.CrudTableTypes = "\nexport interface CrudTableConfig<T = any, U = {}, C = {}> {\n  // \u57FA\u7840\u914D\u7F6E\n  baseLocalCode?: string;\n  baseLocalName?: string;\n  rowKey: keyof T;\n\n  /** \u591A\u8BED\u8A00\u7F16\u8F91\u914D\u7F6E */\n  multiLang?: {\n    /** \u591A\u8BED\u8A00\u8868\u6570\u636E */\n    multiLangList?: ExprotMultiLangListItem[];\n    /** \u591A\u8BED\u8A00\u5B57\u6BB5\u914D\u7F6E */\n    fields: {\n      /** \u5B57\u6BB5\u540D */\n      fieldName: keyof T;\n      /** \u8868\u540D */\n      tableName: string;\n      /** \u5217\u540D */\n      columnName: string;\n      /** \u70B9\u51FB\u56DE\u8C03\uFF0C\u7528\u4E8E\u8BBE\u7F6ElangInfoItem */\n      onClick?: (record: T) => LangInfoItem;\n    }[];\n    /** \u81EA\u5B9A\u4E49\u5BFC\u51FA\u591A\u8BED\u8A00\u51FD\u6570 */\n    exportMultiLangData?: () => Promise<boolean | void>;\n    /** \u81EA\u5B9A\u4E49\u67E5\u8BE2\u5BFC\u51FA\u591A\u8BED\u8A00\u51FD\u6570 */\n    queryExprotMultiLangData?: (tableName: string, columnName: string) => Promise<ExprotMultiLangListItem[]>;\n    /** \u81EA\u5B9A\u4E49\u5BFC\u5165\u591A\u8BED\u8A00\u51FD\u6570 */\n    importMultiLangData?: (list: ExprotMultiLangListItem[], tableName: string, columnName: string) => Promise<{ success: boolean; failMsg?: string; data?: any } | void> | void;\n  };\n  \n  /** \u6309\u94AE\u6743\u9650\u7F16\u7801\uFF0C\u9ED8\u8BA4\u4F1A\u6839\u636EbaseLocalCode\u751F\u6210 */\n  authCodes?: {\n    view?: string | boolean | ((record: T) => boolean | undefined);\n    add?: string | boolean;\n    edit?: string | boolean | ((record: T) => boolean | undefined);\n    /** remove\u6743\u9650\u662F\u51FD\u6570\u65F6\uFF0C\u5982\u679C\u9700\u8981\u6279\u91CF\u5220\u9664\u8BF7\u8BBE\u7F6EbatchRemoveAuth\u4E3Atrue, \u5426\u5219\u4E0D\u4F1A\u663E\u793A\u6279\u91CF\u5220\u9664\u6309\u94AE */\n    remove?: string | boolean | ((record: T) => boolean | undefined);\n    /** \u6279\u91CF\u5220\u9664\u6743\u9650 */\n    batchRemoveAuth?: string | boolean;\n    record?: string | boolean | ((record: T) => boolean | undefined);\n  };\n\n  /** API\u65B9\u6CD5 */\n  apis: {\n    /** \u67E5\u8BE2\u65B9\u6CD5 */\n    query: (params: any) => Promise<any>;\n    /** \u64CD\u4F5C\u65B9\u6CD5 */\n    handle: (method: API.MethodTypes, data: any) => Promise<any>;\n    /** \u6839\u636Eid\u67E5\u8BE2\u8BE6\u60C5\u65B9\u6CD5\uFF0C\u6CA1\u4F20\u5219\u4F7F\u7528\u884C\u6570\u636E\u8FDB\u884C\u7F16\u8F91 */\n    queryById?: (id: any) => Promise<any>;\n  };\n\n  /** API\u62E6\u622A\u5668 */\n  interceptors?: {\n    /** \u67E5\u8BE2\u62E6\u622A\u5668 */\n    query?: {\n      /** \u67E5\u8BE2\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u67E5\u8BE2\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (params: any) => any;\n      /** \u67E5\u8BE2\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u67E5\u8BE2\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (result: any) => any;\n    };\n    /** \u64CD\u4F5C\u62E6\u622A\u5668 */\n    handle?: {\n      /** \u64CD\u4F5C\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u64CD\u4F5C\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (method: API.MethodTypes, data: any) => { method?: API.MethodTypes; data: any };\n      /** \u64CD\u4F5C\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u64CD\u4F5C\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (method: API.MethodTypes, result: any) => any;\n    };\n    /** \u8BE6\u60C5\u67E5\u8BE2\u62E6\u622A\u5668 */\n    queryById?: {\n      /** \u8BE6\u60C5\u67E5\u8BE2\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u8BE6\u60C5\u67E5\u8BE2\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (id: any) => any;\n      /** \u8BE6\u60C5\u67E5\u8BE2\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u8BE6\u60C5\u67E5\u8BE2\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (result: any) => any;\n    };\n  };\n\n  /** \u8868\u683C\u5217\u914D\u7F6E */\n  columns: ProColumns<T>[];\n  /** \u8868\u683C\u5176\u4ED6\u914D\u7F6E */\n  tableProps?: Partial<ProTableProps<T, any>>;\n\n  /** \u64CD\u4F5C\u5217\u914D\u7F6E\uFF08\u8868\u683C\u64CD\u4F5C\u5217\u914D\u7F6E\u3001\u64CD\u4F5C\u5217\u4E0B\u62C9\u6309\u94AE\u914D\u7F6E\uFF09 */\n  actionColumnConfig?: {\n    /** \u8868\u683C\u64CD\u4F5C\u5217\u914D\u7F6E */\n    columnConfig?: ProColumns<T>;\n    /** \u4E0B\u62C9\u5217\u8868\u5C5E\u6027 */\n    getDropdownButtonProps?: (record: T) => Partial<DropdownButtonProps>;\n  };\n\n  /** \u65B0\u589E\u8868\u5355\u914D\u7F6E */\n  createConfig?: {\n    /** \u81EA\u5B9A\u4E49\u521B\u5EFA\u8868\u5355\u7EC4\u4EF6 */\n    Component?: React.ComponentType<\n      {\n        open?: boolean;\n        onOpenChange?: (visible: boolean) => void;\n        onSubmit?: (values: any) => Promise<boolean | void>;\n        loading?: boolean;\n      } & C\n    >;\n    /** \u4F20\u9012\u7ED9CreateFormComponent\u7684\u989D\u5916props */\n    props?: C;\n  };\n\n  /** \u7F16\u8F91\u8868\u5355\u914D\u7F6E */\n  updateConfig?: {\n    /** \u81EA\u5B9A\u4E49\u7F16\u8F91\u8868\u5355\u7EC4\u4EF6 */\n    Component?: React.ComponentType<\n      {\n        updateDrawerRef: React.MutableRefObject<RefDrawerFormRefType | undefined>;\n        values: Partial<T> | null;\n        onSubmit: (values: any) => Promise<boolean | void>;\n      } & U\n    >;\n    /** \u4F20\u9012\u7ED9UpdateFormComponent\u7684\u989D\u5916props */\n    props?: U;\n  };\n\n  /** \u81EA\u5B9A\u4E49\u65B0\u589E\u51FD\u6570 */\n  onAdd?: () => void;\n\n  /** \u67E5\u8BE2\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterSearch?: (result: API.Result_TableListType<T[]>) => Promise<any> | void;\n  /** \u7F16\u8F91\u524D\u56DE\u8C03\u51FD\u6570\uFF0C\u5982\u679C\u51FD\u6570\u6CA1\u6709\u8FD4\u56DET\uFF0C\u5219\u4E0D\u8FDB\u884C\u7F16\u8F91 */\n  onBeforeEdit?: (record: T) => Promise<T | null>;\n  /** \u5220\u9664\u524D\u56DE\u8C03\u51FD\u6570\uFF0C\u5982\u679C\u51FD\u6570\u6CA1\u6709\u8FD4\u56DEtrue\uFF0C\u5219\u4E0D\u8FDB\u884C\u64CD\u4F5C */\n  onBeforeDelete?: (keys: React.Key[]) => Promise<boolean> | boolean | void;\n  /** \u5220\u9664\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterDelete?: (keys: React.Key[], result: boolean) => Promise<boolean> | boolean | void;\n  /** \u64CD\u4F5C\u524D\u56DE\u8C03\u51FD\u6570\uFF0C\u5982\u679C\u51FD\u6570\u6CA1\u6709\u8FD4\u56DEtrue\uFF0C\u5219\u4E0D\u8FDB\u884C\u64CD\u4F5C */\n  onBeforeAction?: (method: API.MethodTypes, fields: any) => Promise<boolean> | boolean | void;\n  /** \u64CD\u4F5C\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterAction?: (method: API.MethodTypes, success: boolean) => void;\n}\n\nexport interface CrudTableRefType<T = any> {\n  actionRef: React.MutableRefObject<ActionType | undefined>;\n  updateDrawerRef: React.MutableRefObject<RefDrawerFormRefType | undefined>;\n  tableList: T[];\n  setTableList: (row: T[]) => void;\n  viewRow: T | undefined;\n  setViewRow: (row: T | undefined) => void;\n  actionLogRow: T | undefined;\n  setActionLogRow: (row: T | undefined) => void;\n  editRow: Partial<T> | null;\n  setEditRow: (row: Partial<T> | null) => void;\n  selectedRows: T[];\n  setSelectedRows: (rows: T[]) => void;\n  selectedRowKeys: React.Key[];\n  setSelectedRowKeys: (keys: React.Key[]) => void;\n  createModalOpen: boolean;\n  setCreateModalOpen: (open: boolean) => void;\n  editLangModalOpen: boolean;\n  setEditLangModalOpen: (open: boolean) => void;\n  currentLangInfo?: LangInfoItem;\n  setCurrentLangInfo: (open: LangInfoItem) => void;\n  onDelete: (keys: React.Key[]) => void;\n  updateModalOpen: () => void;\n  updateModalClose: () => void;\n}\n";
+var CrudTableTypes = exports.CrudTableTypes = "\nexport interface CrudTableConfig<T = any, U = {}, C = {}> {\n  // \u57FA\u7840\u914D\u7F6E\n  baseLocalCode?: string;\n  baseLocalName?: string;\n  rowKey: keyof T;\n\n  /** \u591A\u8BED\u8A00\u7F16\u8F91\u914D\u7F6E */\n  multiLang?: {\n    /** \u591A\u8BED\u8A00\u8868\u6570\u636E */\n    multiLangList?: ExprotMultiLangListItem[];\n    /** \u591A\u8BED\u8A00\u5B57\u6BB5\u914D\u7F6E */\n    fields: {\n      /** \u5B57\u6BB5\u540D */\n      fieldName: keyof T;\n      /** \u8868\u540D */\n      tableName: string;\n      /** \u5217\u540D */\n      columnName: string;\n      /** \u70B9\u51FB\u56DE\u8C03\uFF0C\u7528\u4E8E\u8BBE\u7F6ElangInfoItem */\n      onClick?: (record: T) => LangInfoItem;\n    }[];\n    /** \u81EA\u5B9A\u4E49\u5BFC\u51FA\u591A\u8BED\u8A00\u51FD\u6570 */\n    exportMultiLangData?: () => Promise<boolean | void>;\n    /** \u81EA\u5B9A\u4E49\u67E5\u8BE2\u5BFC\u51FA\u591A\u8BED\u8A00\u51FD\u6570 */\n    queryExprotMultiLangData?: (tableName: string, columnName: string) => Promise<ExprotMultiLangListItem[]>;\n    /** \u81EA\u5B9A\u4E49\u5BFC\u5165\u591A\u8BED\u8A00\u51FD\u6570 */\n    importMultiLangData?: (list: ExprotMultiLangListItem[], tableName: string, columnName: string) => Promise<{ success: boolean; failMsg?: string; data?: any } | void> | void;\n  };\n  \n  /** \u6309\u94AE\u6743\u9650\u7F16\u7801\uFF0C\u9ED8\u8BA4\u4F1A\u6839\u636EbaseLocalCode\u751F\u6210 */\n  authCodes?: {\n    view?: string | boolean | ((record: T) => boolean | undefined);\n    add?: string | boolean;\n    edit?: string | boolean | ((record: T) => boolean | undefined);\n    /** remove\u6743\u9650\u662F\u51FD\u6570\u65F6\uFF0C\u5982\u679C\u9700\u8981\u6279\u91CF\u5220\u9664\u8BF7\u8BBE\u7F6EbatchRemoveAuth\u4E3Atrue, \u5426\u5219\u4E0D\u4F1A\u663E\u793A\u6279\u91CF\u5220\u9664\u6309\u94AE */\n    remove?: string | boolean | ((record: T) => boolean | undefined);\n    /** \u6279\u91CF\u5220\u9664\u6743\u9650 */\n    batchRemoveAuth?: string | boolean;\n    record?: string | boolean | ((record: T) => boolean | undefined);\n  };\n\n  /** API\u65B9\u6CD5 */\n  apis: {\n    /** \u67E5\u8BE2\u65B9\u6CD5 */\n    query: (params: any) => Promise<any>;\n    /** \u64CD\u4F5C\u65B9\u6CD5 */\n    handle: (method: API.MethodTypes, data: any) => Promise<any>;\n    /** \u6839\u636Eid\u67E5\u8BE2\u8BE6\u60C5\u65B9\u6CD5\uFF0C\u6CA1\u4F20\u5219\u4F7F\u7528\u884C\u6570\u636E\u8FDB\u884C\u7F16\u8F91 */\n    queryById?: (id: any) => Promise<any>;\n    /** \u5BFC\u5165\u65B9\u6CD5 */\n    importData?: (list: T[]) => Promise<any>;\n  };\n\n  /** API\u62E6\u622A\u5668 */\n  interceptors?: {\n    /** \u67E5\u8BE2\u62E6\u622A\u5668 */\n    query?: {\n      /** \u67E5\u8BE2\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u67E5\u8BE2\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (params: any) => any;\n      /** \u67E5\u8BE2\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u67E5\u8BE2\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (result: any) => any;\n    };\n    /** \u64CD\u4F5C\u62E6\u622A\u5668 */\n    handle?: {\n      /** \u64CD\u4F5C\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u64CD\u4F5C\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (method: API.MethodTypes, data: any) => { method?: API.MethodTypes; data: any };\n      /** \u64CD\u4F5C\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u64CD\u4F5C\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (method: API.MethodTypes, result: any) => any;\n    };\n    /** \u8BE6\u60C5\u67E5\u8BE2\u62E6\u622A\u5668 */\n    queryById?: {\n      /** \u8BE6\u60C5\u67E5\u8BE2\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u8BE6\u60C5\u67E5\u8BE2\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (id: any) => any;\n      /** \u8BE6\u60C5\u67E5\u8BE2\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u8BE6\u60C5\u67E5\u8BE2\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (result: any) => any;\n    };\n    /** \u5BFC\u5165\u62E6\u622A\u5668 */\n    importData?: {\n      /** \u5BFC\u5165\u8BF7\u6C42\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u5BFC\u5165\u53C2\u6570\u8FDB\u884C\u5904\u7406 */\n      request?: (list: T[]) => any;\n      /** \u5BFC\u5165\u54CD\u5E94\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u5BFC\u5165\u7ED3\u679C\u8FDB\u884C\u5904\u7406 */\n      response?: (result: any) => any;\n      /** \u5BFC\u5165\u6821\u9A8C\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u5BFC\u5165\u6570\u636E\u8FDB\u884C\u6821\u9A8C */\n      checkImportExecl?: (list: T[]) => ImportErrorType[];\n      /** \u5BFC\u5165\u6821\u9A8C\u63D0\u793A\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u5BFC\u5165\u6821\u9A8C\u63D0\u793A\u8FDB\u884C\u5904\u7406 */\n      showCheckErrorTips?: (errorMessageList: ImportErrorType[]) => void;\n      /** \u5BFC\u5165\u63D0\u4EA4\u62E6\u622A\u5668\uFF0C\u7528\u4E8E\u5BF9\u5BFC\u5165\u6570\u636E\u8FDB\u884C\u63D0\u4EA4 */\n      submitImportListData?: (list: T[]) => Promise<{ success: boolean; data?: K | null; error?: AxiosError | null }>;\n    };\n  };\n\n  /** \u8868\u683C\u5217\u914D\u7F6E */\n  columns: ProColumns<T>[];\n  /** \u8868\u683C\u5176\u4ED6\u914D\u7F6E */\n  tableProps?: Partial<ProTableProps<T, any>>;\n\n  /** \u64CD\u4F5C\u5217\u914D\u7F6E\uFF08\u8868\u683C\u64CD\u4F5C\u5217\u914D\u7F6E\u3001\u64CD\u4F5C\u5217\u4E0B\u62C9\u6309\u94AE\u914D\u7F6E\uFF09 */\n  actionColumnConfig?: {\n    /** \u8868\u683C\u64CD\u4F5C\u5217\u914D\u7F6E */\n    columnConfig?: ProColumns<T>;\n    /** \u4E0B\u62C9\u5217\u8868\u5C5E\u6027 */\n    getDropdownButtonProps?: (record: T) => Partial<DropdownButtonProps>;\n  };\n\n  /** \u65B0\u589E\u8868\u5355\u914D\u7F6E */\n  createConfig?: {\n    /** \u81EA\u5B9A\u4E49\u521B\u5EFA\u8868\u5355\u7EC4\u4EF6 */\n    Component?: React.ComponentType<\n      {\n        open?: boolean;\n        onOpenChange?: (visible: boolean) => void;\n        onSubmit?: (values: any) => Promise<boolean | void>;\n        loading?: boolean;\n      } & C\n    >;\n    /** \u4F20\u9012\u7ED9CreateFormComponent\u7684\u989D\u5916props */\n    props?: C;\n  };\n\n  /** \u7F16\u8F91\u8868\u5355\u914D\u7F6E */\n  updateConfig?: {\n    /** \u81EA\u5B9A\u4E49\u7F16\u8F91\u8868\u5355\u7EC4\u4EF6 */\n    Component?: React.ComponentType<\n      {\n        updateDrawerRef: React.MutableRefObject<RefDrawerFormRefType | undefined>;\n        values: Partial<T> | null;\n        onSubmit: (values: any) => Promise<boolean | void>;\n      } & U\n    >;\n    /** \u4F20\u9012\u7ED9UpdateFormComponent\u7684\u989D\u5916props */\n    props?: U;\n  };\n  \n  /** \u4E0B\u8F7D\u6A21\u677F\u53C2\u6570 */\n  downloadTemplate?: {\n    /** \u6A21\u677F\u7C7B\u578B\u7F16\u53F7\uFF0C\u5B57\u5178\u4E2D\u7684 TemplateCenterTemplateType */\n    templateTypeCode?: string;\n    /** \u6A21\u5757\u7F16\u53F7\uFF0C\u83DC\u5355\u4E2D\u7684\u76EE\u5F55\u7F16\u53F7 */\n    moduleCode?: string;\n  };\n\n  /** \u81EA\u5B9A\u4E49\u65B0\u589E\u51FD\u6570 */\n  onAdd?: () => void;\n\n  /** \u67E5\u8BE2\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterSearch?: (result: API.Result_TableListType<T[]>) => Promise<any> | void;\n  /** \u7F16\u8F91\u524D\u56DE\u8C03\u51FD\u6570\uFF0C\u5982\u679C\u51FD\u6570\u6CA1\u6709\u8FD4\u56DET\uFF0C\u5219\u4E0D\u8FDB\u884C\u7F16\u8F91 */\n  onBeforeEdit?: (record: T) => Promise<T | null>;\n  /** \u5220\u9664\u524D\u56DE\u8C03\u51FD\u6570\uFF0C\u5982\u679C\u51FD\u6570\u6CA1\u6709\u8FD4\u56DEtrue\uFF0C\u5219\u4E0D\u8FDB\u884C\u64CD\u4F5C */\n  onBeforeDelete?: (keys: React.Key[]) => Promise<boolean> | boolean | void;\n  /** \u5220\u9664\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterDelete?: (keys: React.Key[], result: boolean) => Promise<boolean> | boolean | void;\n  /** \u64CD\u4F5C\u524D\u56DE\u8C03\u51FD\u6570\uFF0C\u5982\u679C\u51FD\u6570\u6CA1\u6709\u8FD4\u56DEtrue\uFF0C\u5219\u4E0D\u8FDB\u884C\u64CD\u4F5C */\n  onBeforeAction?: (method: API.MethodTypes, fields: any) => Promise<boolean> | boolean | void;\n  /** \u64CD\u4F5C\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterAction?: (method: API.MethodTypes, success: boolean) => void;\n  /** \u5BFC\u5165\u540E\u56DE\u8C03\u51FD\u6570 */\n  onAfterImport?: (result: { success: boolean; data?: K | null; error?: AxiosError | null }) => Promise<any> | void;\n}\n\nexport interface CrudTableRefType<T = any> {\n  actionRef: React.MutableRefObject<ActionType | undefined>;\n  updateDrawerRef: React.MutableRefObject<RefDrawerFormRefType | undefined>;\n  tableList: T[];\n  setTableList: (row: T[]) => void;\n  viewRow: T | undefined;\n  setViewRow: (row: T | undefined) => void;\n  actionLogRow: T | undefined;\n  setActionLogRow: (row: T | undefined) => void;\n  editRow: Partial<T> | null;\n  setEditRow: (row: Partial<T> | null) => void;\n  selectedRows: T[];\n  setSelectedRows: (rows: T[]) => void;\n  selectedRowKeys: React.Key[];\n  setSelectedRowKeys: (keys: React.Key[]) => void;\n  createModalOpen: boolean;\n  setCreateModalOpen: (open: boolean) => void;\n  editLangModalOpen: boolean;\n  setEditLangModalOpen: (open: boolean) => void;\n  currentLangInfo?: LangInfoItem;\n  setCurrentLangInfo: (open: LangInfoItem) => void;\n  onDelete: (keys: React.Key[]) => void;\n  updateModalOpen: () => void;\n  updateModalClose: () => void;\n}\n";