@cloudbase/weda-ui 3.5.0 → 3.5.1

package/dist/web/components/table/ExportFileModalByApi/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../style';

package/dist/web/components/table/FieldRender.d.ts

@@ -0,0 +1,121 @@
+/// <reference types="react" />
+/**
+ * 根据类型获取展示字段组件的 render 方法，用于表格/详情中的值转换
+ * extra: { modelType: 'list' | 'detail' | 'update' | 'create', showTip: boolean }
+ * 表格中的字符串/枚举数组，详情中的字符串数组会截断并showTip
+ */
+export declare function getFieldRender(field?: any, extra?: any): (val: any) => JSX.Element | "-";
+/**
+ * object类型，展示表单组件
+ */
+export declare const DataItemView: ({ fields, modelType, value }: {
+    fields: any;
+    modelType: any;
+    value: any;
+}) => JSX.Element;
+/**
+ * object，展示表格组件
+ */
+export declare const DataTableView: ({ fields, value }: {
+    fields: any;
+    value: any;
+}) => JSX.Element;
+/**
+ * 转换数字类型
+ */
+export declare const formatNumber: (value: any, field: any) => any;
+/**
+ * 转换布尔值类型
+ */
+export declare const formatBoolean: (value: any) => any;
+/**
+ * 地理位置格式服务端数据转换
+ * @param {*} location
+ * @returns
+ */
+export declare const formatLocationData: (location: any) => {
+    meta: {
+        address: any;
+        longitude: any;
+        latitude: any;
+    };
+    flatContent: string;
+};
+/**
+ * 数字类型-有小数点时补齐0
+ * 值不为数字时原值返回，补齐 0 时返回 string，否则返回 number
+ */
+export declare const formatNumberFix: (val: any, field: any, setZero?: boolean) => any;
+/**
+ * 根据 fields 信息生成 column
+ * h5 和 pc 部分参数不同
+ */
+export declare const getColumns: (fields: any, isH5?: any) => any;
+/**
+ * 根据 field 属性，生成 column 配置
+ * https://git.woa.com/QBase/lcap/common-application-specs/blob/master/types/platform/datasource.ts
+ */
+export declare const formatFieldToColumn: (field: any, isH5: any) => {
+    width: number;
+    render: (record: any) => JSX.Element;
+    key: any;
+    header: any;
+    align: string;
+    fixed: string;
+};
+export declare const getFieldWidth: (field: any) => number;
+/**
+ * https://tcloud-dev.oa.com/document/product/1505/58791?!preview&!document=1
+ * @param  {[String]} processHold [占有： object， 存在， 被有一个流程拥有， 置灰]
+ * @param  {[String]} lock [锁定： 没有那个字段 空字符串， 有值就锁定， 置灰]
+ */
+export declare const isProcessHoldOrLocked: (processHold: any, lock: any) => boolean;
+export declare const isShowOrgsView: (field: any, modelType: any) => boolean;
+/**
+ * 导出数据格式转换
+ * 目前 number/boolean/x-enum/x-location 会被转换
+ */
+export declare const formatDataToExport: (datas: any, fields: any, enumOptions?: {}) => any;
+/**
+ * 导出数据为xlsx库接受的格式
+ * [[title1, title2], [value1, value2], [value1, value2]]
+ */
+export declare const formatDataToXlsx: (datas: any, fields: any, enumOptions?: {}) => any[];
+/**
+ * 生成搜索配置
+ * 1、过滤不支持搜索的字段，时间字段不支持
+ * 2、生成配置
+ * 3、枚举/数字需要特殊处理
+ */
+export declare const getSearchAttributes: (fields: any) => any;
+export declare const getFieldValue: (name: any, record: any) => any;
+export declare const slotRender: (slot: any, props?: {}) => any;
+/**
+ * 根据列管理，过滤表格列信息
+ * columns: { key, header, width, align, render,fixed }[] Tea Table 的列
+ * columnSets: { key, header, width, align, genre,fixed }[] 模型表格列管理属性，过滤 key 为空
+ * slots: object 模型表格作用域插槽
+ * isH5: 判断自定义插槽列能否展示，目前是正常展示
+ */
+export declare const filterCustomColumns: ({ columns, columnSets, slots }: {
+    columns: any;
+    columnSets: any;
+    slots: any;
+}) => any;
+/**
+ * 过滤字段列表
+ * 导出/搜索框，不展示自定义列
+ */
+export declare const filterCustomFields: ({ fields, columnSets, isFilterGenre, }: {
+    fields: any;
+    columnSets: any;
+    isFilterGenre?: boolean;
+}) => any[];
+/**
+ * 列管理加入冻结属性
+ */
+export declare const getFixedColumnSets: ({ fixedFront, fixedEnd, columnSets, }: {
+    fixedFront?: string;
+    fixedEnd?: string;
+    columnSets: any;
+}) => any;

package/dist/web/components/table/FilterFields.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const FilterFieldsPanel: ({ data, getChooseList, fetchData, isH5, }: {
+    data: any;
+    getChooseList: any;
+    fetchData: any;
+    isH5?: boolean;
+}) => JSX.Element;

package/dist/web/components/table/Form/Enum.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const EnumSelect: (props: any) => JSX.Element;
+export declare const formatEnum: (value: any, field: any, enumOptions: any) => any;
+export declare const EnumView: (props: any) => any;

package/dist/web/components/table/Form/Location.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import './style';
+export declare const locationProperties: {
+    address: {
+        title: string;
+        type: string;
+        name: string;
+    };
+    longitude: {
+        title: string;
+        type: string;
+        name: string;
+        maximum: number;
+        minimum: number;
+    };
+    latitude: {
+        title: string;
+        type: string;
+        name: string;
+        maximum: number;
+        minimum: number;
+    };
+};
+declare const Location: (props: any) => JSX.Element;
+export default Location;

package/dist/web/components/table/Form/style.d.ts

@@ -0,0 +1,2 @@
+import './Location.css';
+import '../../style';

package/dist/web/components/table/ImportFileModal/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import './style';
+/**
+ * 菜单导航配置弹窗
+ */
+export declare function ImportFileModal({ onCancel, visible, fields, dataBatchCreate, datasourceTitle, }: {
+    onCancel: any;
+    visible: any;
+    fields: any;
+    dataBatchCreate: any;
+    datasourceTitle: any;
+}): JSX.Element;

package/dist/web/components/table/ImportFileModal/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../style';

package/dist/web/components/table/ImportFileModal/submitFormatter.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 提交前formatter
+ */
+export declare const submitFormatter: {
+    date: (value: any) => string | number;
+    datetime: (value: any) => string | number;
+    time: (value: any) => string | number;
+    boolean: (value: any) => boolean;
+    number: (value: any) => number;
+    xAreaCode: (value: any) => any;
+    xEnum: (text: any, field: any, enumOptions: any) => any;
+};

package/dist/web/components/table/ImportFileModal/validate.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 1.根据字段格式生成校验规则的标识字段（validateType）
+ * 2.过滤出成功映射的字段
+ */
+export declare const fieldsValidateTypeGenerate: (fileJsonMap: any) => any;
+/**
+ * 触发校验
+ */
+export declare const validateHandle: (value: any, felid: any) => {
+    status: boolean;
+    message: string;
+};
+/**
+ * 校验前，对时间格式进行转换
+ */
+export declare const formatTableDate: (value: any, felid: any) => string;

package/dist/web/components/table/ImportFileModalByApi/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import './style';
+/**
+ * 菜单导航配置弹窗
+ */
+export declare function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisible, visible, fields, datasourceTitle, dbName, refresh, supportManyRelated, }: {
+    onCancel: any;
+    handleInOrOutRecordModealVisible: any;
+    visible: any;
+    fields: any;
+    datasourceTitle: any;
+    dbName: any;
+    refresh: any;
+    supportManyRelated: any;
+}): JSX.Element;

package/dist/web/components/table/ImportFileModalByApi/index.js

@@ -6,6 +6,7 @@ import { alertErrorMessage } from '../../../utils/platform';
 import { deepClone } from '../../../utils/tool';
 import { useImportingStatus } from '../hooks/useImportingStatus';
 import { callWedaApi } from '../../../utils/tcb';
+import './style';
 // 字段映射
 const FileTitleDropdown = ({ fileHeader, fileItem, upddateFileJsonMap }) => {
     const [currentItem, setCurrentItem] = useState(fileItem === null || fileItem === void 0 ? void 0 : fileItem.fileTitle);
@@ -35,7 +36,7 @@ const repeatabilityCheck = (fileJsonMap) => {
 /**
  * 菜单导航配置弹窗
  */
-export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisible, visible, fields, datasourceTitle, dbName, refresh, }) {
+export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisible, visible, fields, datasourceTitle, dbName, refresh, supportManyRelated, }) {
     const [file, setFile] = useState(null);
     const [fileId, setFileIds] = useState(null);
     const [fileHeader, setFileHeader] = useState([]);
@@ -72,7 +73,9 @@ export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisibl
                 };
                 if (format === 'related' ||
                     format === 'x-enum' ||
-                    format === 'father-son') {
+                    format === 'father-son' ||
+                    format === 'many-one' ||
+                    format === 'one-one') {
                     result['Strategy'] = updateRelateByFieldsKey;
                 }
                 return result;
@@ -90,6 +93,7 @@ export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisibl
                     DataSourceName: dbName,
                     FieldMap: fieldMapAction,
                     UpdateBy: updateBy,
+                    Version: supportManyRelated ? 2 : 1,
                 },
             };
             const { FileId, Status, ErrorMessage } = await callWedaApi(queryParams);
@@ -112,7 +116,7 @@ export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisibl
         }
     };
     // 枚举 关联关系 主子明细根据可选「选项标识」「选项值」「主列字段」或「数据标识」作为导入匹配标识
-    const getUpdateRelateByFields = ({ format, updateRelateByFieldsValue, name, }) => {
+    const getUpdateRelateByFields = ({ format, updateRelateByFieldsValue, primaryValue, name, }) => {
         const relatedMenuList = [
             {
                 key: 'identity',
@@ -120,7 +124,17 @@ export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisibl
             },
             {
                 key: 'primary',
-                value: '主列字段',
+                value: primaryValue,
+            },
+        ];
+        const newRelateMenuList = [
+            {
+                key: 'identity',
+                value: '数据标识',
+            },
+            {
+                key: 'primary',
+                value: primaryValue,
             },
         ];
         const menuList = {
@@ -136,6 +150,8 @@ export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisibl
                 },
             ],
             'father-son': relatedMenuList,
+            'many-one': newRelateMenuList,
+            'one-one': newRelateMenuList,
         };
         const menu = (format) => {
             var _a;
@@ -152,7 +168,9 @@ export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisibl
         };
         if (format === 'related' ||
             format === 'x-enum' ||
-            format === 'father-son') {
+            format === 'father-son' ||
+            format === 'many-one' ||
+            format === 'one-one') {
             return (_jsx(Dropdown, { trigger: "click", clickClose: true, button: updateRelateByFieldsValue, appearance: "button", className: "file-json-map-content_update_fileds", children: menu(format) }));
         }
         return null;
@@ -202,6 +220,9 @@ export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisibl
             setStatus('error');
             setErrorMessage([fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.ErrorMessage]);
         }
+        else if (fileImportStatus === 'timeout') {
+            setStatus('timeout');
+        }
     }, [fileImportStatus, fileImportErrorMessage]);
     const steps = [
         {
@@ -209,23 +230,47 @@ export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisibl
             label: '选择文件',
             component: (_jsx(UploadCSVFile, { file: file, setFile: setFile, datasourceTitle: datasourceTitle, dbName: dbName, fields: fields, parseFile: ({ fileHeader }) => {
                     setFileHeader(fileHeader);
-                    const fileJsonMapList = fields.map((i) => {
+                    const fileJsonMap = fields
+                        .filter((el) => el.format !== 'many-one' && el.format !== 'one-one')
+                        .map((i) => {
+                        var _a, _b, _c, _d;
                         const item = { ...i };
                         item.fileTitle = fileHeader.find((j) => j === item.title);
                         if (i.format === 'x-enum') {
-                            item.updateRelateByFieldsValue = '选项标识';
-                            item.updateRelateByFieldsKey = 'key';
+                            item.updateRelateByFieldsValue = '选项值';
+                            item.updateRelateByFieldsKey = 'value';
                         }
-                        if (i.format === 'related' || i.format === 'father-son') {
-                            item.updateRelateByFieldsValue = '主列字段';
+                        if (item.format === 'related' || item.format === 'father-son') {
+                            const primaryField = (_a = item === null || item === void 0 ? void 0 : item.parentDatasource) === null || _a === void 0 ? void 0 : _a.schema['x-primary-column'];
+                            const primaryFieldName = ((_d = (_c = (_b = item === null || item === void 0 ? void 0 : item.parentDatasource) === null || _b === void 0 ? void 0 : _b.schema) === null || _c === void 0 ? void 0 : _c.properties[primaryField]) === null || _d === void 0 ? void 0 : _d.title) || '';
+                            item.primaryValue = `主列字段(${primaryFieldName})`;
+                            item.updateRelateByFieldsValue = `主列字段(${primaryFieldName})`;
                             item.updateRelateByFieldsKey = 'primary';
                         }
                         return item;
                     });
+                    const newRelateList = fields
+                        .filter((item) => {
+                        return item.format === 'many-one' || item.format === 'one-one';
+                    })
+                        .map((el) => {
+                        var _a, _b, _c, _d;
+                        const i = { ...el };
+                        i.fileTitle = fileHeader.find((j) => j === i.title);
+                        if (i.format === 'many-one' || i.format === 'one-one') {
+                            const primaryField = (_a = i === null || i === void 0 ? void 0 : i.parentDatasource) === null || _a === void 0 ? void 0 : _a.schema['x-primary-column'];
+                            const primaryFieldName = ((_d = (_c = (_b = i === null || i === void 0 ? void 0 : i.parentDatasource) === null || _b === void 0 ? void 0 : _b.schema) === null || _c === void 0 ? void 0 : _c.properties[primaryField]) === null || _d === void 0 ? void 0 : _d.title) || '';
+                            i.primaryValue = `主列字段(${primaryFieldName})`;
+                            i.updateRelateByFieldsValue = `主列字段(${primaryFieldName})`;
+                            i.updateRelateByFieldsKey = 'primary';
+                        }
+                        return i;
+                    });
+                    const fileJsonMapList = fileJsonMap.concat(newRelateList);
                     const _originFileJsonMap = deepClone(fileJsonMapList);
                     setOriginFileJsonMap(_originFileJsonMap);
                     setDisableNext(false);
-                }, setDisableNext: setDisableNext, createDataImportQuery: createDataImportQuery, setCreateDataImportQuery: setCreateDataImportQuery, updateByField: updateByField, setUpdateByField: setUpdateByField })),
+                }, setDisableNext: setDisableNext, createDataImportQuery: createDataImportQuery, setCreateDataImportQuery: setCreateDataImportQuery, updateByField: updateByField, setUpdateByField: setUpdateByField, supportManyRelated: supportManyRelated })),
         },
         {
             id: 'fieldMap',
@@ -252,10 +297,12 @@ export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisibl
                                         ? errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.map((i, index) => (_jsx(List.Item, { children: i }, index)))
                                         : errorMessage }) })] })), status !== 'validateError' && status !== 'error' && (_jsx("div", { className: `status-wrap ${status}`, children: _jsx(Status, { icon: 'blank', size: 'm', title: status === 'success'
                                 ? '数据导入完成'
-                                : '数据导入中，请稍候...', description: status !== 'success' ? (_jsxs("div", { children: ["\u5173\u95ED\u5F39\u7A97\u540E\uFF0C\u5BFC\u5165\u4EFB\u52A1\u4F1A\u7EE7\u7EED\u6267\u884C\uFF0C\u53EF\u5728", _jsx("a", { onClick: () => {
+                                : '数据导入中，请稍候...', description: status === 'success' ? (_jsxs("div", { children: [_jsxs("span", { children: ["\u6210\u529F", fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.Success, "\u6761\uFF0C\u5931\u8D25", fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.Failure, "\u6761"] }), !!(fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.Failure) && (_jsx("a", { target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.ErrorDownloadUrl, rel: "noreferrer", style: { marginLeft: '6px' }, children: "\u4E0B\u8F7D\u9519\u8BEF\u62A5\u544A" }))] })) : (_jsxs("div", { children: [status === 'timeout'
+                                        ? '数据导入耗时较长，请稍后在'
+                                        : '关闭弹窗后，导入任务会继续执行，可在', _jsx("a", { onClick: () => {
                                             handleInOrOutRecordModealVisible('import');
                                             onCancel();
-                                        }, children: "\u6211\u7684\u5BFC\u5165\u8BB0\u5F55" }), "\u67E5\u770B\u4EFB\u52A1\u8FDB\u5EA6"] })) : (_jsxs("div", { children: [_jsxs("span", { children: ["\u6210\u529F", fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.Success, "\u6761\uFF0C\u5931\u8D25", fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.Failure, "\u6761"] }), !!(fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.Failure) && (_jsx("a", { target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.ErrorDownloadUrl, rel: "noreferrer", style: { marginLeft: '6px' }, children: "\u4E0B\u8F7D\u9519\u8BEF\u62A5\u544A" }))] })) }) }))] })),
+                                        }, children: "\u6211\u7684\u5BFC\u5165\u8BB0\u5F55" }), "\u67E5\u770B\u4EFB\u52A1\u8FDB\u5EA6"] })) }) }))] })),
             nextAction: () => {
                 var _a;
                 // 更新依据字段

package/dist/web/components/table/ImportFileModalByApi/style.d.ts

@@ -0,0 +1,3 @@
+import '../ImportFileModal/index.css';
+import './index.css';
+import '../../style';

package/dist/web/components/table/ImportFileModalByApi/uploadCSVFile.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+/**
+ * 序列化错误信息
+ */
+export declare const errorStringify: (error: any) => string;
+export declare function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setDisableNext, setFile, file, createDataImportQuery, setCreateDataImportQuery, updateByField, setUpdateByField, supportManyRelated, }: {
+    parseFile: any;
+    fields: any;
+    datasourceTitle: any;
+    dbName: any;
+    setDisableNext: any;
+    setFile: any;
+    file: any;
+    createDataImportQuery: any;
+    setCreateDataImportQuery: any;
+    updateByField: any;
+    setUpdateByField: any;
+    supportManyRelated: any;
+}): JSX.Element;

package/dist/web/components/table/ImportFileModalByApi/uploadCSVFile.js

@@ -4,6 +4,17 @@ import { Upload, Form, Text, Status, Select, Bubble, Icon, } from 'tea-component
 import { exportData, getXlsxFileHeader } from '../../../utils/file';
 import { callWedaApi } from '../../../utils/tcb';
 import csvTemplate from '../ImportFileModal/csvTemplate.json';
+/**
+ * 序列化错误信息
+ */
+export const errorStringify = (error) => {
+    let msg = '未知';
+    try {
+        msg = JSON.stringify(error);
+    }
+    catch (error) { }
+    return msg;
+};
 // 下载模版
 const getCSVTemplate = (fields, datasourceTitle) => {
     const header = [];
@@ -17,11 +28,11 @@ const getCSVTemplate = (fields, datasourceTitle) => {
     exportData([header, row], 'xlsx', `_${datasourceTitle}_导入模版`);
 };
 // 上传csv文件
-export function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setDisableNext, setFile, file, createDataImportQuery, setCreateDataImportQuery, updateByField, setUpdateByField, }) {
+export function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setDisableNext, setFile, file, createDataImportQuery, setCreateDataImportQuery, updateByField, setUpdateByField, supportManyRelated, }) {
     const [status, setStatus] = useState(null);
     const [errorMsg, setErrorMsg] = useState('');
     const updateFieldOption = fields
-        .filter((i) => i['x-unique'])
+        .filter((i) => i['x-unique'] && i.format !== 'one-one')
         .map((i) => ({ value: i.name, text: i.title }));
     updateFieldOption.unshift({ value: 'identity', text: '数据标识' });
     function handleStart(file) {
@@ -34,6 +45,7 @@ export function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setD
         const { code } = value;
         if (code === 'BAD_REQUEST') {
             setStatus('error');
+            setErrorMsg('上传文件失败' + errorStringify(value));
             setDisableNext(true);
         }
         else {
@@ -43,21 +55,32 @@ export function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setD
     function handleError(error) {
         console.error('handleError', error);
         setStatus('error');
-        setErrorMsg('上传文件失败' + error);
+        setErrorMsg('上传文件失败' + errorStringify(error));
         setDisableNext(true);
     }
-    function beforeUpload(file, fileList, isAccepted) {
+    function beforeUpload(file, fileList, isAccepted, reasons) {
+        let accepted = isAccepted;
         if (!isAccepted) {
             setStatus('error');
+            setErrorMsg('上传文件失败' + errorStringify(reasons));
+        }
+        if ((file === null || file === void 0 ? void 0 : file.name) && /[!*(');:@&=+$,/?#[\]\s]/.test(file === null || file === void 0 ? void 0 : file.name)) {
+            accepted = false;
+            setStatus('error');
+            setErrorMsg(`文件名中不允许包含! * ' ( ) ; : @ & = + $ , / ? # [ ] 和空格，请修改后重新上传`);
         }
-        return isAccepted;
+        return accepted;
     }
     async function getUploadUrl(file) {
         try {
             const { name, size } = file;
             const queryParams = {
                 action: 'CreateDataPreImport',
-                data: { FileName: name, DataSourceName: dbName },
+                data: {
+                    FileName: name,
+                    DataSourceName: dbName,
+                    Version: supportManyRelated ? 2 : 1,
+                },
             };
             const { UploadUrl, FileId } = await callWedaApi(queryParams);
             setCreateDataImportQuery({
@@ -73,6 +96,7 @@ export function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setD
             console.error('getUploadUrl error', error);
         }
     }
+    const tipsTemplate = `2、支持xlsx类型文件，要求文件大小10M以内，不能超过50000行，文件名中不可包含! * ' ( ) ; : @ & = + $ , / ? # [ ] 和空格`;
     return (_jsxs("div", { className: "modal-upload-wrap", children: [_jsxs(Form, { className: "weda_modal-upload-wrap_import_type", children: [_jsx(Form.Item, { label: "\u5BFC\u5165\u6A21\u5F0F", children: _jsx(Select, { size: "m", appearance: "button", matchButtonWidth: true, options: [
                                 { value: 'create', text: '仅新增' },
                                 { value: 'update', text: '仅更新' },
@@ -82,10 +106,10 @@ export function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setD
                                 writeType: value,
                             }) }) }), ['update', 'upsert'].includes(createDataImportQuery.writeType) && (_jsx(Form.Item, { label: "\u66F4\u65B0\u4F9D\u636E\u5B57\u6BB5", children: _jsxs(_Fragment, { children: [_jsx(Select, { size: "m", appearance: "button", matchButtonWidth: true, onChange: (value) => {
                                         setUpdateByField(value);
-                                    }, value: updateByField, options: updateFieldOption }), _jsx(Bubble, { arrowPointAtCenter: true, placement: "top-end", content: "\u652F\u6301\u9009\u62E9\u5F00\u542F\u552F\u4E00\u5C5E\u6027\u7684\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5339\u914D\u5E76\u66F4\u65B0\u5DF2\u6709\u7684\u6570\u636E\u8BB0\u5F55", children: _jsx(Icon, { type: "info" }) })] }) }))] }), _jsx(Form.Control, { status: status, message: status === 'error' ? errorMsg : '', children: _jsx(Upload, { method: "put", action: getUploadUrl, send: (file) => file, accept: ".xlsx", maxSize: 1024 * 1024 * 2, onStart: handleStart, onSuccess: handleSuccess, onError: handleError, beforeUpload: beforeUpload, children: ({ open, isDragging }) => (_jsx(Upload.Dragger, { filename: file && file.name, button: _jsx(Status, { className: "csv-file", icon: 'blank', size: 's', description: file && file.name, operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, children: "\u91CD\u65B0\u4E0A\u4F20" }), "\u00A0/\u00A0", _jsx("a", { onClick: () => {
+                                    }, value: updateByField, options: updateFieldOption }), _jsx(Bubble, { arrowPointAtCenter: true, placement: "top-end", content: "\u652F\u6301\u9009\u62E9\u5F00\u542F\u552F\u4E00\u5C5E\u6027\u7684\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5339\u914D\u5E76\u66F4\u65B0\u5DF2\u6709\u7684\u6570\u636E\u8BB0\u5F55", children: _jsx(Icon, { type: "info" }) })] }) }))] }), _jsx(Form.Control, { status: status, message: status === 'error' ? errorMsg : '', children: _jsx(Upload, { method: "put", action: getUploadUrl, send: (file) => file, accept: ".xlsx", maxSize: 1024 * 1024 * 10, onStart: handleStart, onSuccess: handleSuccess, onError: handleError, beforeUpload: beforeUpload, children: ({ open, isDragging }) => (_jsx(Upload.Dragger, { filename: file && file.name, button: _jsx(Status, { className: "csv-file", icon: 'blank', size: 's', description: file && file.name, operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, children: "\u91CD\u65B0\u4E0A\u4F20" }), "\u00A0/\u00A0", _jsx("a", { onClick: () => {
                                             setFile(null);
                                             setDisableNext(true);
                                         }, children: "\u5220\u9664" })] }) }), children: isDragging ? ('释放鼠标') : (_jsx(Status, { className: "upload-file", icon: 'blank', size: 's', operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, children: "\u70B9\u51FB\u4E0A\u4F20" }), " /", ' ', _jsx(Text, { theme: "weak", children: "\u62D6\u62FD\u5230\u6B64\u533A\u57DF" })] }) })) })) }) }), _jsx("div", { className: "modal-upload-text-wrap", children: _jsxs("ul", { children: [_jsxs("li", { children: ["1\u3001\u8BF7\u4E0B\u8F7D\u4F7F\u7528", _jsx("span", { onClick: () => {
                                         getCSVTemplate(fields, datasourceTitle);
-                                    }, children: "\u00A0 \u5BFC\u5165\u6A21\u7248" }), "\uFF0C\u5E76\u6309\u7167\u793A\u4F8B\u586B\u5199\u6570\u636E\uFF0C\u4EE5\u4FDD\u8BC1\u6570\u636E\u5BFC\u5165\u987A\u5229"] }), _jsx("li", { children: "2\u3001\u652F\u6301xlsx\u7C7B\u578B\u6587\u4EF6\uFF0C\u8981\u6C42\u6587\u4EF6\u5927\u5C0F2M\u4EE5\u5185\uFF0C\u4E0D\u80FD\u8D85\u8FC710000\u884C" }), _jsxs("li", { children: [_jsx("div", { children: "3\u3001\u5BFC\u5165\u66F4\u65B0\u8BF4\u660E" }), _jsx("div", { children: "\u00A01\uFF09\u652F\u6301\u9009\u62E9\u5F00\u542F\u552F\u4E00\u5C5E\u6027\u7684\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5339\u914D\u5E76\u66F4\u65B0\u5DF2\u6709\u7684\u6570\u636E\u8BB0\u5F55" }), _jsx("div", { children: "\u00A02\uFF09\u5BFC\u5165\u6A21\u5F0F\u4E3A\u300C\u65B0\u589E\u6216\u66F4\u65B0\u300D\u65F6\uFF0C\u5982\u300C\u6570\u636E\u6807\u8BC6\u300D\u5217\u4E3A\u7A7A\uFF0C\u8BE5\u884C\u6570\u636E\u4F1A\u6267\u884C\u65B0\u589E\u64CD\u4F5C" }), _jsx("div", { children: "\u00A03\uFF09\u5355\u5143\u683C\u5185\u5BB9\u4E3A\u7A7A\u65F6\uFF0C\u8BE5\u7A7A\u503C\u5C06\u8986\u76D6\u539F\u6709\u6570\u636E\uFF0C\u8BF7\u8C28\u614E\u64CD\u4F5C" })] }), _jsxs("li", { children: [_jsx("div", { children: "4\u3001\u6570\u636E\u683C\u5F0F\u8BF4\u660E" }), _jsx("div", { children: "\u00A0 1\uFF09\u679A\u4E3E\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u9009\u62E9\u9009\u9879\u6807\u8BC6\u6216\u9009\u9879\u503C\u8FDB\u884C\u5BFC\u5165\uFF1A\u9009\u9879\u6807\u8BC6\u4E3A\u8868\u683C\u4E2D\u5C55\u793A\u7684\u4E1A\u52A1\u540D\u79F0\uFF1B\u9009\u9879\u503C\u4E3A\u9009\u9879\u7684\u7CFB\u7EDF\u552F\u4E00\u6807\u8BC6" }), _jsx("div", { children: "\u00A02\uFF09\u5173\u8054\u5173\u7CFB\u3001\u4E3B\u5B50\u660E\u7EC6\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u9009\u62E9\u4E3B\u5217\u5B57\u6BB5\u6216\u6570\u636E\u6807\u8BC6\u8FDB\u884C\u5BFC\u5165\uFF1A\u4E3B\u5217\u5B57\u6BB5\u4E3A\u8868\u683C\u4E2D\u5C55\u793A\u7684\u5173\u8054\u6570\u636E\u4E1A\u52A1\u540D\u79F0\uFF1B\u6570\u636E\u6807\u8BC6\u4E3A\u5173\u8054\u6570\u636E\u7684\u7CFB\u7EDF\u552F\u4E00\u6807\u8BC6" }), _jsx("div", { children: "\u00A03\uFF09\u5E03\u5C14\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u5BFC\u5165\u300C\u662F/\u5426\u300D\u6216\u300Ctrue/false\u300D" }), _jsx("div", { children: "\u00A04\uFF09\u56FE\u7247\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u5BFC\u5165https\u6216cloud\u534F\u8BAE\u7684\u56FE\u7247\u5730\u5740" }), _jsx("div", { children: "\u00A05\uFF09\u6587\u4EF6\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301cloud\u534F\u8BAE\u7684\u6587\u4EF6\u5730\u5740" }), _jsx("div", { children: "\u00A06\uFF09\u5730\u7406\u4F4D\u7F6E\u7C7B\u578B\u6570\u636E\uFF1A\u6570\u636E\u683C\u5F0F\u8981\u6C42\u4E3A\u5730\u70B9\u540D\u79F0(\u5750\u6807\u7ECF\u5EA6\uFF0C\u5750\u6807\u7EF4\u5EA6)" })] })] }) })] }));
+                                    }, children: "\u00A0 \u5BFC\u5165\u6A21\u7248" }), "\uFF0C\u5E76\u6309\u7167\u793A\u4F8B\u586B\u5199\u6570\u636E\uFF0C\u4EE5\u4FDD\u8BC1\u6570\u636E\u5BFC\u5165\u987A\u5229"] }), _jsx("li", { children: tipsTemplate }), _jsxs("li", { children: [_jsx("div", { children: "3\u3001\u5BFC\u5165\u66F4\u65B0\u8BF4\u660E" }), _jsx("div", { children: "\u00A01\uFF09\u652F\u6301\u9009\u62E9\u5F00\u542F\u552F\u4E00\u5C5E\u6027\u7684\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5339\u914D\u5E76\u66F4\u65B0\u5DF2\u6709\u7684\u6570\u636E\u8BB0\u5F55" }), _jsx("div", { children: "\u00A02\uFF09\u5BFC\u5165\u6A21\u5F0F\u4E3A\u300C\u65B0\u589E\u6216\u66F4\u65B0\u300D\u65F6\uFF0C\u5982\u300C\u6570\u636E\u6807\u8BC6\u300D\u5217\u4E3A\u7A7A\uFF0C\u8BE5\u884C\u6570\u636E\u4F1A\u6267\u884C\u65B0\u589E\u64CD\u4F5C" }), _jsx("div", { children: "\u00A03\uFF09\u5355\u5143\u683C\u5185\u5BB9\u4E3A\u7A7A\u65F6\uFF0C\u8BE5\u7A7A\u503C\u5C06\u8986\u76D6\u539F\u6709\u6570\u636E\uFF0C\u8BF7\u8C28\u614E\u64CD\u4F5C" })] }), _jsxs("li", { children: [_jsx("div", { children: "4\u3001\u6570\u636E\u683C\u5F0F\u8BF4\u660E" }), _jsx("div", { children: "\u00A0 1\uFF09\u679A\u4E3E\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u9009\u62E9\u9009\u9879\u6807\u8BC6\u6216\u9009\u9879\u503C\u8FDB\u884C\u5BFC\u5165\uFF1A\u9009\u9879\u6807\u8BC6\u4E3A\u8868\u683C\u4E2D\u5C55\u793A\u7684\u4E1A\u52A1\u540D\u79F0\uFF1B\u9009\u9879\u503C\u4E3A\u9009\u9879\u7684\u7CFB\u7EDF\u552F\u4E00\u6807\u8BC6" }), _jsx("div", { children: "\u00A02\uFF09\u5173\u8054\u5173\u7CFB\u3001\u4E3B\u5B50\u660E\u7EC6\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u9009\u62E9\u4E3B\u5217\u5B57\u6BB5\u6216\u6570\u636E\u6807\u8BC6\u8FDB\u884C\u5BFC\u5165\uFF1A\u4E3B\u5217\u5B57\u6BB5\u4E3A\u8868\u683C\u4E2D\u5C55\u793A\u7684\u5173\u8054\u6570\u636E\u4E1A\u52A1\u540D\u79F0\uFF1B\u6570\u636E\u6807\u8BC6\u4E3A\u5173\u8054\u6570\u636E\u7684\u7CFB\u7EDF\u552F\u4E00\u6807\u8BC6" }), _jsx("div", { children: "\u00A03\uFF09\u5E03\u5C14\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u5BFC\u5165\u300C\u662F/\u5426\u300D\u6216\u300Ctrue/false\u300D" }), _jsx("div", { children: "\u00A04\uFF09\u56FE\u7247\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u5BFC\u5165https\u6216cloud\u534F\u8BAE\u7684\u56FE\u7247\u5730\u5740" }), _jsx("div", { children: "\u00A05\uFF09\u6587\u4EF6\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301cloud\u534F\u8BAE\u7684\u6587\u4EF6\u5730\u5740" }), _jsx("div", { children: "\u00A06\uFF09\u5730\u7406\u4F4D\u7F6E\u7C7B\u578B\u6570\u636E\uFF1A\u6570\u636E\u683C\u5F0F\u8981\u6C42\u4E3A\u5730\u70B9\u540D\u79F0(\u5750\u6807\u7ECF\u5EA6,\u5750\u6807\u7EF4\u5EA6)" }), _jsx("div", { children: "\u00A07\uFF09\u5F53\u8868\u683C\u5217\u7ED1\u5B9A\u4E86\u300C\u591A\u5BF9\u4E00\u3001\u4E00\u5BF9\u4E00\u300D\u5173\u7CFB\u7684\u5173\u8054\u6A21\u578B\u5B57\u6BB5\u65F6\uFF0C\u652F\u6301\u9009\u62E9\u4E3B\u5217\u5B57\u6BB5\u6216\u6570\u636E\u6807\u8BC6\uFF0C\u4E0E\u5DF2\u6709\u6570\u636E\u8FDB\u884C\u5339\u914D\u5173\u8054" }), _jsx("div", { children: "\u00A08\uFF09\u5BFC\u5165\u65F6\u6682\u4E0D\u652F\u6301\u4E0E\u300C\u591A\u5BF9\u591A\u3001\u4E00\u5BF9\u591A\u300D\u5173\u7CFB\u7684\u5173\u8054\u6A21\u578B\u6784\u5EFA\u5173\u7CFB" })] })] }) })] }));
 }

package/dist/web/components/table/InOrOutRecordModeal.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * 菜单导航配置弹窗
+ */
+export declare function InOrOutRecordModeal({ visible, onCancel, dbName }: {
+    visible: any;
+    onCancel: any;
+    dbName: any;
+}): JSX.Element;

package/dist/web/components/table/QuoteModal.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * 引用类型显示弹窗
+ * @description 使用组件方式编写，避免数据流中断
+ */
+export declare const QuoteModal: ({ children, ...restProps }: {
+    [x: string]: any;
+    children: any;
+}) => JSX.Element;

package/dist/web/components/table/SelectableBlock/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import './style';
+/**
+ * 选区组件
+ */
+export declare function SelectableBlock(props: any): JSX.Element;

package/dist/web/components/table/SelectableBlock/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../style';

package/dist/web/components/table/UserDepartment/ViewCell.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './style';
+export declare const ViewCell: ({ data, showType, relation }: {
+    data: any;
+    showType: any;
+    relation: any;
+}) => JSX.Element;

package/dist/web/components/table/UserDepartment/style.d.ts

@@ -0,0 +1,2 @@
+import './viewCell.css';
+import '../../style';

package/dist/web/components/table/UserDepartment/utils.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+export declare const parentIcon: ({ expanded }: {
+    expanded: any;
+}) => JSX.Element;
+export declare const roleIcon: () => JSX.Element;
+export declare const departIcon: () => JSX.Element;
+export declare const dealOrgData: (data?: any[]) => {
+    id: string;
+    content: any;
+    children: any;
+    selectable: boolean;
+    expandable: boolean;
+    icon: ({ expanded }: {
+        expanded: any;
+    }) => JSX.Element;
+    orgId: any;
+}[];
+export declare const dealRoleData: (data?: any[]) => {
+    id: any;
+    expandable: boolean;
+    selectable: boolean;
+    content: any;
+    children: any;
+    icon: ({ expanded }: {
+        expanded: any;
+    }) => JSX.Element;
+}[];
+export declare const dealUserData: (data: any[], isRole: any) => {
+    id: string;
+    expandable: boolean;
+    selectable: boolean;
+    content: any;
+    userId: any;
+    isUser: boolean;
+    icon: () => JSX.Element;
+}[];
+export declare function guidMod(bit: any): string;
+export declare const getNode: (nodes: any, id: any, key: any) => any;
+export declare const getRelationData: (relation: any) => {
+    content: any;
+    id: any;
+};

package/dist/web/components/table/hooks/useImportingStatus.d.ts

@@ -0,0 +1,13 @@
+interface useImportingStatusResultType {
+    fileImportStatus: string;
+    fileImportErrorMessage: {
+        Total?: string;
+        Success?: string;
+        Failure?: string;
+        ErrorDownloadUrl?: string;
+        DownloadUrl?: string;
+        ErrorMessage?: string[];
+    };
+}
+export declare const useImportingStatus: (fileId: string, DataSourceName: string, Type: string) => useImportingStatusResultType;
+export {};