@cloudbase/weda-ui 3.5.0 → 3.5.2

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Modal, Button, Radio, Form, Table, Checkbox, Icon, List, Status, Bubble, } from 'tea-component';
+import { Modal, Button, Radio, Form, Table, Checkbox, Icon, List, Status, Bubble, Tooltip, } from 'tea-component';
 import { useImportingStatus } from '../hooks/useImportingStatus';
 import { callWedaApi } from '../../../utils/tcb';
 import './style';
 const { selectable, scrollable } = Table.addons;
-export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysList, handleInOrOutRecordModealVisible, dbName, where, whereList, orderBy, orderType, tableColumns, }) {
+export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysList, handleInOrOutRecordModealVisible, dbName, where, whereList, orderBy, orderType, tableColumns, supportManyRelated, }) {
     const [step, setStep] = useState('fieldMap');
     const [selectedKeys, setSelectedKeys] = useState(fields.map((item) => item.name));
     const [exportType, setExportType] = useState('all');
@@ -14,6 +14,22 @@ export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysLi
     const [status, setStatus] = useState(null);
     const [fileId, setFileIds] = useState(null);
     const { fileImportStatus, fileImportErrorMessage } = useImportingStatus(fileId, dbName, 'export');
+    const exportFields = selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.map((item) => {
+        const field = tableColumns === null || tableColumns === void 0 ? void 0 : tableColumns.find((columns) => {
+            if (columns === null || columns === void 0 ? void 0 : columns.isRelated) {
+                return (columns === null || columns === void 0 ? void 0 : columns.slotKey) === item;
+            }
+            else {
+                return (columns === null || columns === void 0 ? void 0 : columns.fieldKey) === item;
+            }
+        });
+        return {
+            FieldId: (field === null || field === void 0 ? void 0 : field.isRelated)
+                ? `@${field === null || field === void 0 ? void 0 : field.fieldKey}.${field === null || field === void 0 ? void 0 : field.relatedField}`
+                : item,
+            ColumnName: item === '_id' ? '数据标识' : field === null || field === void 0 ? void 0 : field.header,
+        };
+    });
     const hadnleExport = async () => {
         try {
             setStep('isExporting');
@@ -23,26 +39,31 @@ export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysLi
                 data: {
                     ExportFileType: 'excel',
                     DataSourceName: dbName,
-                    ExportFields: selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.map((item) => {
-                        const field = tableColumns === null || tableColumns === void 0 ? void 0 : tableColumns.find((columns) => (columns === null || columns === void 0 ? void 0 : columns.key) === item);
-                        return {
-                            FieldId: item,
-                            ColumnName: item === '_id' ? '数据标识' : field === null || field === void 0 ? void 0 : field.header,
-                        };
-                    }),
+                    ExportFields: exportFields,
                     ExportType: exportType,
-                    ExportIdentity: !!exportIdentity.length, // 导出选项/数据标识
+                    ExportIdentity: !!exportIdentity.length,
+                    Version: supportManyRelated ? 2 : 1,
                 },
             };
             if (orderBy && orderType) {
                 queryParams.data['OrderBy'] = orderBy; // 排序字段
                 queryParams.data['OrderType'] = orderType; // 排序规则
             }
-            if (exportType === 'filter') {
-                queryParams.data['QueryConditions'] = where; // 选中数据
+            if (supportManyRelated) {
+                if (exportType === 'filter') {
+                    queryParams.data['condition'] = JSON.stringify(where); // 选中数据
+                }
+                if (exportType === 'all') {
+                    queryParams.data['condition'] = JSON.stringify(whereList); // 包含基础筛选条件
+                }
             }
-            if (exportType === 'all') {
-                queryParams.data['QueryConditions'] = whereList; // 包含基础筛选条件
+            else {
+                if (exportType === 'filter') {
+                    queryParams.data['QueryConditions'] = where; // 选中数据
+                }
+                if (exportType === 'all') {
+                    queryParams.data['QueryConditions'] = whereList; // 包含基础筛选条件
+                }
             }
             if ((selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) && exportType === 'selected') {
                 queryParams.data['RecordIds'] = selectedKeysList; // 选中数据
@@ -73,6 +94,9 @@ export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysLi
             setStatus('error');
             setErrorMessage([fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.ErrorMessage]);
         }
+        else if (fileImportStatus === 'timeout') {
+            setStatus('timeout');
+        }
     }, [fileImportStatus, fileImportErrorMessage]);
     const columns = [
         {
@@ -88,7 +112,7 @@ export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysLi
             header: '字段类型',
         },
     ];
-    return (_jsxs(Modal, { caption: "\u5BFC\u51FAExcel", visible: visible, onClose: onCancel, size: 'l', className: `weda-import-csv-file-modal`, children: [_jsxs(Modal.Body, { children: [step === 'fieldMap' && (_jsxs("div", { children: [_jsx(Form, { className: "weda-import-csv-file-modal weda-export-csv-file-modal", children: _jsx(Form.Item, { label: "\u5BFC\u51FA\u6570\u636E\u8303\u56F4", children: _jsxs(Radio.Group, { value: exportType, onChange: (value) => setExportType(value), style: { display: 'flex' }, children: [_jsx(Radio, { name: "all", children: "\u5168\u90E8\u6570\u636E" }), _jsx(Radio, { name: "filter", children: "\u7B5B\u9009\u540E\u7684\u6570\u636E" }), _jsxs(Radio, { name: "selected", disabled: !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length), children: ["\u9009\u4E2D\u7684\u6570\u636E", _jsx("span", { style: { color: 'rgba(0, 0, 0, 0.6)' }, children: !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length) && '（无选中数据）' })] })] }) }) }), _jsx("p", { className: "weda-export-csv-file-modal__wrap_text", children: "\u5BFC\u51FA\u5B57\u6BB5" }), _jsx(Table, { records: fields, recordKey: "name", columns: columns, style: { border: '1px solid #E7E7E7', borderBottom: '0' }, addons: [
+    return (_jsxs(Modal, { caption: "\u5BFC\u51FAExcel", visible: visible, onClose: onCancel, size: 'l', className: `weda-import-csv-file-modal`, children: [_jsxs(Modal.Body, { children: [step === 'fieldMap' && (_jsxs("div", { children: [_jsx(Form, { className: "weda-import-csv-file-modal weda-export-csv-file-modal", children: _jsx(Form.Item, { label: _jsx(_Fragment, { children: _jsx(Tooltip, { title: _jsx("span", { className: "weda-export-label-tooltip", children: "\u5982\u5BFC\u51FA\u6570\u636E\u91CF\u8D85\u51FA10\u4E07\u884C\uFF0C\u8BF7\u60A8\u7B5B\u9009\u6570\u636E\u540E\u5206\u591A\u6B21\u5BFC\u51FA\u3002" }), children: "\u5BFC\u51FA\u6570\u636E\u8303\u56F4(\u4E0A\u965010\u4E07\u884C)" }) }), children: _jsxs(Radio.Group, { value: exportType, onChange: (value) => setExportType(value), style: { display: 'flex' }, children: [_jsx(Radio, { name: "all", children: "\u5168\u90E8\u6570\u636E" }), _jsx(Radio, { name: "filter", children: "\u7B5B\u9009\u540E\u7684\u6570\u636E" }), _jsxs(Radio, { name: "selected", disabled: !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length), children: ["\u9009\u4E2D\u7684\u6570\u636E", _jsx("span", { style: { color: 'rgba(0, 0, 0, 0.6)' }, children: !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length) && '（无选中数据）' })] })] }) }) }), _jsx("p", { className: "weda-export-csv-file-modal__wrap_text", children: "\u5BFC\u51FA\u5B57\u6BB5" }), _jsx(Table, { records: fields, recordKey: "name", columns: columns, style: { border: '1px solid #E7E7E7', borderBottom: '0' }, addons: [
                                     selectable({
                                         value: selectedKeys,
                                         onChange: (keys) => {
@@ -105,10 +129,12 @@ export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysLi
                                         maxWidth: '430px',
                                     }, title: status === 'success'
                                         ? '数据导出完成'
-                                        : '数据导出中，请稍候...', description: status !== 'success' ? (_jsxs("div", { children: ["\u5173\u95ED\u5F39\u7A97\u540E\uFF0C\u5BFC\u51FA\u4EFB\u52A1\u4F1A\u7EE7\u7EED\u6267\u884C\uFF0C\u53EF\u5728", _jsx("a", { onClick: () => {
+                                        : '数据导出中，请稍候...', description: status === 'success' ? (_jsx("a", { target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.DownloadUrl, rel: "noreferrer", style: { margin: '0 auto' }, children: "\u70B9\u51FB\u4E0B\u8F7D" })) : (_jsxs("div", { children: [status === 'timeout'
+                                                ? '数据导出耗时较长，请稍后在'
+                                                : '关闭弹窗后，导出任务会继续执行，可在', _jsx("a", { onClick: () => {
                                                     onCancel();
                                                     handleInOrOutRecordModealVisible('export');
-                                                }, children: "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55" }), "\u67E5\u770B\u4EFB\u52A1\u8FDB\u5EA6"] })) : (_jsx("a", { target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.DownloadUrl, rel: "noreferrer", style: { margin: '0 auto' }, children: "\u70B9\u51FB\u4E0B\u8F7D" })) }) }))] }))] }), _jsxs(Modal.Footer, { children: [step === 'fieldMap' && (_jsx(Button, { type: "link", style: { float: 'left' }, onClick: () => {
+                                                }, children: "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55" }), "\u67E5\u770B\u4EFB\u52A1\u8FDB\u5EA6"] })) }) }))] }))] }), _jsxs(Modal.Footer, { children: [step === 'fieldMap' && (_jsx(Button, { type: "link", style: { float: 'left' }, onClick: () => {
                             onCancel();
                             handleInOrOutRecordModealVisible('export');
                         }, children: "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55" })), step === 'fieldMap' && (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => {

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;