@cloudbase/weda-ui 0.2.17 → 0.2.21-alpha.2

package/dist/web/components/table/ImportFileModal/validate.js

@@ -0,0 +1,127 @@
+import moment from 'moment';
+/**
+ * 校验规则
+ */
+const pattern = {
+    email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+    url: new RegExp('^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$', 'i'),
+    phone: /^1[3456789]\d{9}$/,
+    date: /((^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(10|12|0?[13578])([-\/\._])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(11|0?[469])([-\/\._])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(0?2)([-\/\._])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([3579][26]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][13579][26])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][13579][26])([-\/\._])(0?2)([-\/\._])(29)$))/,
+    datetime: /^(\d{4})\/|-(0\d{1}|1[0-2])|\d{1}\/(0\d{1}|[12]\d{1}|3[01])\s+(([0-1]?[0-9])|([2][0-3])):([0-5]?[0-9])(:([0-5]?[0-9]))?$/,
+    time: /^(([0-1]?[0-9])|([2][0-3])):([0-5]?[0-9])(:([0-5]?[0-9]))?$/,
+    number: /^-?\d*\.?\d+$/,
+    xFile: /(cloud+):\/\/([^# ]*)/,
+    xImage: /(cloud+):\/\/([^# ]*)/,
+    // 布尔类型填是或否
+    boolean: /^[是|否]$/,
+};
+/**
+ * 校验方法
+ */
+const validType = {
+    // required 校验方法
+    required(value) {
+        // 如果是数组，则判断数组长度
+        if (Array.isArray(value)) {
+            return value.length > 0;
+        }
+        if (value && typeof value === 'object') {
+            return Object.keys(value).length > 0;
+        }
+        return !!(value || value === 0);
+    },
+    // 手机号码检测
+    phone(value) {
+        return pattern.phone.test(String(value).trim());
+    },
+    // 邮箱检测
+    email(value) {
+        return typeof value === 'string' && pattern.email.test(value.trim());
+    },
+    // URL检测
+    url(value) {
+        return typeof value === 'string' && pattern.url.test(value.trim());
+    },
+    // 日期检测
+    date(value) {
+        return typeof value === 'string' && pattern.date.test(value.trim());
+    },
+    // 日期时间检测
+    datetime(value) {
+        return typeof value === 'string' && pattern.datetime.test(value.trim());
+    },
+    //  时间检测
+    time(value) {
+        return typeof value === 'string' && pattern.time.test(value.trim());
+    },
+    // 数字类型检测
+    number(value) {
+        return typeof value === 'string' && pattern.number.test(value.trim());
+    },
+    // 图片类型检测 （仅支持cloud:链接）
+    xImage(value) {
+        return typeof value === 'string' && pattern.xImage.test(value.trim());
+    },
+    // 文件类型检测 （仅支持cloud:链接）
+    xFile(value) {
+        return typeof value === 'string' && pattern.xFile.test(value.trim());
+    },
+};
+/**
+ * 1.根据字段格式生成校验规则的标识字段（validateType）
+ * 2.过滤出成功映射的字段
+ */
+export const fieldsValidateTypeGenerate = (fileJsonMap) => {
+    var _a;
+    const reg = /-(\w)/g;
+    return (_a = fileJsonMap === null || fileJsonMap === void 0 ? void 0 : fileJsonMap.map((i) => {
+        var _a;
+        const item = { ...i };
+        item.validateType = (_a = i === null || i === void 0 ? void 0 : i.format) === null || _a === void 0 ? void 0 : _a.replace(reg, ($, $1) => $1.toUpperCase());
+        if (i.type === 'boolean') {
+            item.validateType = 'boolean';
+        }
+        if (i.type === 'number') {
+            item.validateType = 'number';
+        }
+        if (i.type === 'number' &&
+            ['time', 'date', 'datetime'].includes(i.format)) {
+            item.validateType = i.format;
+        }
+        return item;
+    })) === null || _a === void 0 ? void 0 : _a.filter((i) => i.fileTitle);
+};
+/**
+ * 触发校验
+ */
+export const validateHandle = (value, felid) => {
+    const { validateType, ...rest } = felid;
+    if (rest['x-required'] && !validType.required(value)) {
+        return { status: false, message: '要求必填不可为空' };
+    }
+    if (value && validateType) {
+        const typeFunc = validType[validateType];
+        if (typeFunc && !typeFunc(value)) {
+            return { status: false, message: `不符合「${felid.title}」校验规则` };
+        }
+    }
+    return { status: true, message: '' };
+};
+/**
+ * 校验前，对时间格式进行转换
+ */
+export const formatTableDate = (value, felid) => {
+    const { validateType } = felid;
+    // excel导入日期格式，读取为时间格式的时候，自动转换为时间格式文本
+    if (['date', 'datetime', 'time'].includes(validateType) &&
+        value instanceof Date) {
+        const formatType = {
+            time: 'HH:mm:ss',
+            date: 'YYYY-MM-DD',
+            datetime: 'YYYY-MM-DD HH:mm:ss',
+        };
+        return moment(value).format(formatType[validateType]);
+    }
+    // 读取成文本的时候直接输出字符串
+    return String(value);
+};

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

@@ -0,0 +1,162 @@
+.weda-import-csv-file-modal .import-file-result-wrap .error-tip,
+.weda-import-or-modal .error-tip {
+  position: relative;
+  height: 54px;
+  background: #f9d7d9;
+  border-radius: 3px;
+  padding: 16px 25px;
+  text-align: left;
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .error-tip
+  .wedatea2td-icon,
+.weda-import-or-modal .error-tip .wedatea2td-icon {
+  position: absolute;
+}
+.weda-import-csv-file-modal .import-file-result-wrap .error-tip p,
+.weda-import-or-modal .error-tip p {
+  padding-left: 25px;
+}
+.weda-import-csv-file-modal .import-file-result-wrap .error-tip span,
+.weda-import-or-modal .error-tip span {
+  padding-left: 25px;
+  display: block;
+  color: rgba(0, 0, 0, 0.6);
+}
+.weda-import-csv-file-modal .import-file-result-wrap .error-container,
+.weda-import-or-modal .error-container {
+  display: flex;
+  flex-direction: column;
+  min-height: 427px;
+  height: 100%;
+}
+.weda-import-csv-file-modal .import-file-result-wrap .error-content,
+.weda-import-or-modal .error-content {
+  padding: 16px 25px 0 25px;
+  height: 100%;
+  flex: 1;
+  overflow: auto;
+  border: 1px solid #e7e7e7;
+  border-radius: 3px;
+  margin-top: 16px;
+  text-align: left;
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .error-content
+  .wedatea2td-list
+  li,
+.weda-import-or-modal .error-content .wedatea2td-list li {
+  margin-top: 16px;
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .error-content
+  .wedatea2td-list
+  li:first-child,
+.weda-import-or-modal .error-content .wedatea2td-list li:first-child {
+  margin-top: 0;
+}
+
+.weda_modal-upload-wrap_import_type {
+  text-align: left;
+  margin-bottom: 16px;
+  height: 32px;
+  display: flex;
+  justify-content: space-between;
+}
+.weda_modal-upload-wrap_import_type .wedatea2td-form__item {
+  margin-right: 12px;
+}
+.weda_modal-upload-wrap_import_type .wedatea2td-dropdown-box.size-m,
+.weda_modal-upload-wrap_import_type
+  .wedatea2td-dropdown.size-m
+  .wedatea2td-dropdown__header {
+  width: 240px;
+}
+.weda-import-by-api-csv-file-modal
+  .weda_modal-upload-wrap_import_type
+  .wedatea2td-form__item
+  .wedatea2td-form__label
+  label {
+  width: auto;
+  margin-right: 10px;
+}
+.weda-import-by-api-csv-file-modal
+  .weda_modal-upload-wrap_import_type
+  .wedatea2td-form__controls--text {
+  padding-top: 0;
+}
+.weda-import-by-api-csv-file-modal
+  .weda_modal-upload-wrap_import_type
+  .wedatea2td-icon-info {
+  margin-left: 5px;
+}
+.weda-import-by-api-csv-file-modal
+  .file-json-map-wrap
+  .file-json-map-content
+  .file-json-map-content_update_fileds {
+  width: 20%;
+  margin-right: 25px;
+}
+
+.weda-import-by-api-csv-file-modal .modal-section {
+  height: 470px;
+  margin-top: 32px;
+  text-align: center;
+  overflow: auto;
+}
+
+.weda-import-by-api-csv-file-modal
+  .modal-upload-wrap
+  .modal-upload-text-wrap
+  ul {
+  list-style: disc;
+  margin-left: 16px;
+  height: 136px;
+  overflow-y: scroll;
+}
+.weda-import-by-api-csv-file-modal
+  .modal-upload-wrap
+  .modal-upload-text-wrap
+  ul::-webkit-scrollbar {
+  -webkit-appearance: none;
+}
+
+.weda-import-by-api-csv-file-modal
+  .modal-upload-wrap
+  .modal-upload-text-wrap
+  ul::-webkit-scrollbar:vertical {
+  width: 6px;
+}
+
+.weda-import-by-api-csv-file-modal
+  .modal-upload-wrap
+  .modal-upload-text-wrap
+  ul::-webkit-scrollbar:horizontal {
+  height: 6px;
+}
+
+.weda-import-by-api-csv-file-modal
+  .modal-upload-wrap
+  .modal-upload-text-wrap
+  ul::-webkit-scrollbar-thumb {
+  border-radius: 8px;
+  border: 6px solid rgba(255, 255, 255, 0.4);
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.weda-import-by-api-csv-file-modal .modal-upload-wrap .modal-upload-text-wrap {
+  padding-top: 17px;
+}
+.weda-import-csv-file-modal .file-json-map-wrap {
+  box-sizing: border-box;
+}
+.weda-import-csv-file-modal
+  .file-json-map-wrap
+  .file-json-map-content
+  .table-field {
+  overflow: hidden;
+  flex: 1;
+}

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

@@ -0,0 +1,353 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Modal, Stepper, Dropdown, List, Status, Icon } from 'tea-component';
+import { UploadCSVFile } from './uploadCSVFile';
+import { alertErrorMessage } from '../../../utils/platform';
+import { errorHandler } from '../../../utils/error';
+import { deepClone } from '../../../utils/tool';
+import { useImportingStatus } from '../hooks/useImportingStatus';
+import { callWedaApi } from '../../../utils/tcb';
+import { WdButton } from '../../wd-button';
+import './style';
+// 字段映射
+const FileTitleDropdown = ({ fileHeader, fileItem, upddateFileJsonMap }) => {
+    const [currentItem, setCurrentItem] = useState(fileItem === null || fileItem === void 0 ? void 0 : fileItem.fileTitle);
+    return (_jsx(Dropdown, { clearable: true, trigger: "click", appearance: "button", style: { marginRight: 10 }, button: currentItem, onClear: () => {
+            setCurrentItem(null);
+            upddateFileJsonMap(null);
+        }, children: _jsx(List, { type: "option", children: fileHeader.map((i, index) => (_jsx(List.Item, { onClick: () => {
+                    setCurrentItem(i);
+                    upddateFileJsonMap(i);
+                }, children: i }, index))) }) }));
+};
+// 提交前校验是否存在重复字段
+const repeatabilityCheck = (fileJsonMap) => {
+    let repeatList = [];
+    const fileTitleList = [];
+    fileJsonMap.forEach((i) => {
+        if (!fileTitleList.includes(i.fileTitle)) {
+            fileTitleList.push(i.fileTitle);
+        }
+        else {
+            repeatList.push(i.fileTitle);
+            repeatList = [...new Set(repeatList)];
+        }
+    });
+    return repeatList;
+};
+/**
+ * 菜单导航配置弹窗
+ */
+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([]);
+    const [originFileJsonMap, setOriginFileJsonMap] = useState([]);
+    const [fileJsonMap, setFileJsonMap] = useState([]);
+    const [disableNext, setDisableNext] = useState(true);
+    const [status, setStatus] = useState(null);
+    const [errorMessage, setErrorMessage] = useState([]);
+    const [updateByField, setUpdateByField] = useState('identity');
+    const { fileImportStatus, fileImportErrorMessage } = useImportingStatus(fileId, dbName, 'import');
+    const [createDataImportQuery, setCreateDataImportQuery] = useState({
+        writeType: 'create',
+        isTriggerWorkflow: false,
+        fileId: '',
+        fileName: '',
+        fileSize: 0,
+    });
+    const importFileHandle = async (updateBy = 'identity') => {
+        var _a;
+        try {
+            // 设置上传参数
+            // 去除空字段，隐藏计算字段
+            const trimFields = fileJsonMap.filter((field) => {
+                var _a;
+                return field &&
+                    typeof field === 'object' &&
+                    ((_a = Object.keys(field)) === null || _a === void 0 ? void 0 : _a.length) &&
+                    field.format !== 'function';
+            });
+            const fieldMapAction = (_a = trimFields === null || trimFields === void 0 ? void 0 : trimFields.map(({ name, fileTitle, format, updateRelateByFieldsKey }) => {
+                const result = {
+                    FieldId: name,
+                    ColumnName: fileTitle,
+                };
+                if (format === 'related' ||
+                    format === 'x-enum' ||
+                    format === 'father-son' ||
+                    format === 'many-one' ||
+                    format === 'one-one') {
+                    result['Strategy'] = updateRelateByFieldsKey;
+                }
+                return result;
+            })) === null || _a === void 0 ? void 0 : _a.filter((item) => item === null || item === void 0 ? void 0 : item.ColumnName); // 没有选择表列字段的过滤掉
+            const { fileSize, fileName, fileId, isTriggerWorkflow, writeType } = createDataImportQuery;
+            // 启动导入接口
+            const queryParams = {
+                action: 'CreateDataImport',
+                data: {
+                    FileId: fileId,
+                    FileName: fileName,
+                    FileSize: fileSize,
+                    WriteType: writeType,
+                    TriggerWorkflow: isTriggerWorkflow,
+                    DataSourceName: dbName,
+                    FieldMap: fieldMapAction,
+                    UpdateBy: updateBy,
+                    Version: supportManyRelated ? 2 : 1,
+                },
+            };
+            const { FileId, Status, ErrorMessage } = await callWedaApi(queryParams);
+            if (Status === 'success') {
+                setStatus('success');
+                refresh();
+            }
+            else if (Status === 'failure') {
+                setErrorMessage(['导入文件失败', [ErrorMessage || '']]);
+            }
+            else if (Status === 'importing' || Status === 'init') {
+                // 轮询查询状态
+                setFileIds(FileId);
+            }
+        }
+        catch (error) {
+            setStatus('error');
+            setErrorMessage(['导入文件请求失败', [(error === null || error === void 0 ? void 0 : error.message) || '']]);
+            errorHandler({
+                code: 'ImportFileHandleError',
+                error,
+                message: `导入文件请求失败，${(error === null || error === void 0 ? void 0 : error.message) || ''}`,
+            });
+        }
+    };
+    // 枚举 关联关系 主子明细根据可选「选项标识」「选项值」「主列字段」或「数据标识」作为导入匹配标识
+    const getUpdateRelateByFields = ({ format, updateRelateByFieldsValue, primaryValue, name, }) => {
+        const relatedMenuList = [
+            {
+                key: 'identity',
+                value: '数据标识',
+            },
+            {
+                key: 'primary',
+                value: primaryValue,
+            },
+        ];
+        const newRelateMenuList = [
+            {
+                key: 'identity',
+                value: '数据标识',
+            },
+            {
+                key: 'primary',
+                value: primaryValue,
+            },
+        ];
+        const menuList = {
+            related: relatedMenuList,
+            'x-enum': [
+                {
+                    key: 'key',
+                    value: '选项标识',
+                },
+                {
+                    key: 'value',
+                    value: '选项值',
+                },
+            ],
+            'father-son': relatedMenuList,
+            'many-one': newRelateMenuList,
+            'one-one': newRelateMenuList,
+        };
+        const menu = (format) => {
+            var _a;
+            return (_jsx(List, { type: "option", children: (_a = menuList === null || menuList === void 0 ? void 0 : menuList[format]) === null || _a === void 0 ? void 0 : _a.map((item) => (_jsx(List.Item, { onClick: () => {
+                        const list = fileJsonMap.map((fileItem) => {
+                            if (fileItem.name === name) {
+                                fileItem.updateRelateByFieldsValue = item.value;
+                                fileItem.updateRelateByFieldsKey = item.key;
+                            }
+                            return fileItem;
+                        });
+                        setFileJsonMap(list);
+                    }, children: item.value }, item.key))) }));
+        };
+        if (format === 'related' ||
+            format === 'x-enum' ||
+            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;
+    };
+    const changeUpdateByField = () => {
+        const temp = deepClone(originFileJsonMap);
+        if (['update', 'upsert'].includes(createDataImportQuery.writeType)) {
+            // 指定的依据字段name
+            const updateByFieldName = updateByField === 'identity' ? '_id' : updateByField;
+            //  指定的依据字段
+            const updateByFelidItem = temp === null || temp === void 0 ? void 0 : temp.find((item) => item.name === updateByFieldName);
+            // 当前导入的表格数据中，字段标题是否与数据源定义的数据字段名称相同
+            const updateByFieldTitle = updateByField === 'identity' ? '数据标识' : updateByFelidItem === null || updateByFelidItem === void 0 ? void 0 : updateByFelidItem.title;
+            const isFileTitle = fileHeader === null || fileHeader === void 0 ? void 0 : fileHeader.find((item) => item === updateByFieldTitle);
+            if (updateByFelidItem === null || updateByFelidItem === void 0 ? void 0 : updateByFelidItem.name) {
+                // 指定字段更新，且字段存在于表格中
+                const unSelectFileJsonMapList = temp.filter((i) => i.name !== updateByField);
+                const selectFileJsonMapList = temp
+                    .filter((i) => i.name === updateByField)
+                    .map((i) => ({
+                    ...i,
+                    title: `${i.title}(更新依据字段)`,
+                    fileTitle: isFileTitle || '请指定更新依据字段',
+                }));
+                setFileJsonMap([...selectFileJsonMapList, ...unSelectFileJsonMapList]);
+            }
+            else if (updateByField === 'identity') {
+                // 依据数据标识更新，但表格中没有这个字段
+                temp === null || temp === void 0 ? void 0 : temp.unshift({
+                    fileTitle: isFileTitle || '请指定更新依据字段',
+                    title: '数据标识（更新依据字段）',
+                    name: '_id',
+                });
+                setFileJsonMap(temp);
+            }
+        }
+        else {
+            setFileJsonMap(originFileJsonMap);
+        }
+    };
+    useEffect(() => {
+        if (fileImportStatus === 'success') {
+            refresh();
+            setStatus('success');
+        }
+        else if (fileImportStatus === 'failure') {
+            setStatus('error');
+            setErrorMessage([fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.ErrorMessage]);
+        }
+        else if (fileImportStatus === 'timeout') {
+            setStatus('timeout');
+        }
+    }, [fileImportStatus, fileImportErrorMessage]);
+    const steps = [
+        {
+            id: 'uploadFile',
+            label: '选择文件',
+            component: (_jsx(UploadCSVFile, { file: file, setFile: setFile, datasourceTitle: datasourceTitle, dbName: dbName, fields: fields, parseFile: ({ fileHeader }) => {
+                    setFileHeader(fileHeader);
+                    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 = 'value';
+                        }
+                        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, supportManyRelated: supportManyRelated })),
+        },
+        {
+            id: 'fieldMap',
+            label: '映射字段',
+            component: (_jsxs("div", { className: "file-json-map-wrap", children: [_jsxs("div", { className: "file-json-map-header", children: [_jsx("p", { children: "\u6587\u6863\u5B57\u6BB5" }), _jsx("span", { className: "arrow" }), _jsx("p", { children: "\u8868\u683C\u5B57\u6BB5" })] }), _jsx("div", { className: "file-json-map-container", children: fileJsonMap.map((i, index) => (_jsxs("div", { className: "file-json-map-content", children: [_jsx(FileTitleDropdown, { fileHeader: fileHeader, fileItem: i, upddateFileJsonMap: (fileTitle) => {
+                                        const list = fileJsonMap.map((j) => {
+                                            const item = { ...j };
+                                            if (i.name === j.name) {
+                                                item.fileTitle = fileTitle;
+                                            }
+                                            return item;
+                                        });
+                                        setFileJsonMap(list);
+                                    } }), _jsx("span", { className: "arrow" }), _jsx("span", { className: "table-field", title: i.title, children: i.title }), getUpdateRelateByFields(i)] }, index))) })] })),
+            nextAction: () => {
+                changeUpdateByField();
+                setCurrent(next ? next.id : null);
+            },
+        },
+        {
+            id: 'importFile',
+            label: '导入文件',
+            component: (_jsxs("div", { className: "import-file-result-wrap", children: [status === 'error' && (_jsxs("div", { className: "error-container", children: [_jsxs("div", { className: "error-tip", children: [_jsx(Icon, { type: "error", size: "s" }), _jsx("p", { children: "\u6570\u636E\u5BFC\u5165\u5931\u8D25" })] }), _jsx("div", { className: "error-content", children: _jsx(List, { children: Array.isArray(errorMessage)
+                                        ? 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: [_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", { className: "wd-table__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", { className: "wd-table__a", onClick: () => {
+                                            handleInOrOutRecordModealVisible('import');
+                                            onCancel();
+                                        }, children: "\u6211\u7684\u5BFC\u5165\u8BB0\u5F55" }), "\u67E5\u770B\u4EFB\u52A1\u8FDB\u5EA6"] })) }) }))] })),
+            nextAction: () => {
+                var _a;
+                // 更新依据字段
+                const isSelectUpdateBy = fileJsonMap.find((item) => item.fileTitle === '请指定更新依据字段');
+                if (isSelectUpdateBy) {
+                    alertErrorMessage({ message: `请指定更新依据字段才能更新数据` });
+                    return;
+                }
+                const repeatList = (_a = repeatabilityCheck(fileJsonMap)) === null || _a === void 0 ? void 0 : _a.filter((item) => !!item);
+                if (repeatList.length) {
+                    let text = repeatList.reduce((res, i) => `${res}、${i}`);
+                    text = text ? text === null || text === void 0 ? void 0 : text.replace('null', '空') : '空';
+                    const modal = Modal.show({
+                        size: 's',
+                        children: (_jsxs(_Fragment, { children: [_jsx(Modal.Body, { children: _jsx(Modal.Message, { icon: "warning", message: "\u6587\u6863\u5B57\u6BB5\u91CD\u590D\u6620\u5C04", description: `文档的「${text}」字段被映射到多个表格字段，是否确认导入` }) }), _jsxs(Modal.Footer, { children: [_jsx(WdButton, { text: "\u53D6\u6D88", events: { tap: () => modal.destroy() }, theme: "secondary", variant: "outline", className: "wd-btn__margin-right" }), _jsx(WdButton, { text: "\u786E\u8BA4\u5BFC\u5165", events: {
+                                                tap: async () => {
+                                                    modal.destroy();
+                                                    importFileHandle(updateByField);
+                                                    setCurrent(next ? next.id : null);
+                                                },
+                                            } })] })] })),
+                        onClose: () => modal.destroy(),
+                    });
+                }
+                else {
+                    importFileHandle(updateByField);
+                    setCurrent(next ? next.id : null);
+                }
+            },
+        },
+    ];
+    const [current, setCurrent] = useState('uploadFile');
+    const currentIndex = current ? steps.findIndex((x) => x.id === current) : -1;
+    const next = current && steps[currentIndex + 1];
+    const prev = current ? steps[currentIndex - 1] : steps[steps.length - 1];
+    return (_jsxs(Modal, { caption: "\u5BFC\u5165\u6570\u636E", visible: visible, onClose: onCancel, destroyOnClose: true, size: 'l', className: `weda-import-csv-file-modal weda-import-by-api-csv-file-modal ${current === 'importFile' && 'none-border'}`, children: [_jsx(Modal.Body, { children: _jsxs("div", { children: [_jsx(Stepper, { steps: steps, current: current }), _jsx("section", { className: "modal-section", children: steps[currentIndex] && steps[currentIndex].component })] }) }), _jsxs(Modal.Footer, { children: [current === 'uploadFile' && (_jsx(WdButton, { text: "\u6211\u7684\u5BFC\u5165\u8BB0\u5F55", variant: "link", style: { float: 'left' }, events: {
+                            tap: () => {
+                                handleInOrOutRecordModealVisible('import');
+                                onCancel();
+                            },
+                        } })), current !== 'importFile' && (_jsxs(_Fragment, { children: [_jsx(WdButton, { text: "\u4E0A\u4E00\u6B65", events: { tap: () => setCurrent(prev.id) }, variant: "outline", className: "wd-btn__margin-right", disabled: !prev }), _jsx(WdButton, { text: next ? '下一步' : '开始导入', events: { tap: () => { var _a; return (_a = next.nextAction) === null || _a === void 0 ? void 0 : _a.call(next); } }, disabled: (!next && !current) || disableNext })] }))] })] }));
+}

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/style.js

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