@cloudbase/weda-ui 3.4.2 → 3.4.4

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

@@ -0,0 +1,310 @@
+import React, { useState } from 'react';
+import { Modal, Button, Stepper, Upload, Form, Text, Dropdown, List, Status, Icon, } from 'tea-component';
+import { exportData, getXlsxFileToJson } from '../../../utils/file';
+import { filterInvalidFormValue } from '../../../utils/platform';
+import csvTemplate from './csvTemplate.json';
+import { validateHandle, fieldsValidateTypeGenetate, formatTableDate, } from './validate';
+import { submitFormatter } from './submitFormatter';
+import { useEnumContext } from '../../../utils/hooks/context';
+import './index.css';
+// 下载模版
+const getCSVTemplate = (fields, datasourceTitle) => {
+    const header = [];
+    const row = [];
+    fields.forEach((i) => {
+        var _a;
+        const value = (_a = csvTemplate.find((j) => j.type === i.type && j.format === i.format)) === null || _a === void 0 ? void 0 : _a.value;
+        header.push(i.title);
+        row.push(value || '');
+    });
+    exportData([header, row], 'xlsx', `_${datasourceTitle}_导入模版`);
+};
+// 上传csv文件
+const UploadCSVFile = ({ parseFile, fields, datasourceTitle, setDisableNext, setFile, file, }) => {
+    const [status, setStatus] = useState(null);
+    function handleStart(file) {
+        setFile(file);
+        setStatus('validating');
+        getXlsxFileToJson(file, ({ xlsxToJsonResult, headers }) => {
+            parseFile({ fileJson: xlsxToJsonResult, fileHeader: headers });
+        });
+    }
+    function handleSuccess() {
+        setStatus('success');
+    }
+    function handleError() {
+        setStatus('error');
+    }
+    function beforeUpload(file, fileList, isAccepted) {
+        if (!isAccepted) {
+            setStatus('error');
+        }
+        return isAccepted;
+    }
+    return (React.createElement("div", { className: "modal-upload-wrap" },
+        React.createElement(Form.Control, { status: status, message: status === 'error'
+                ? '文件大小不符合规则，请上传xlsx文件，要求文件大小2M以内，不能超过1000行、15列'
+                : '' },
+            React.createElement(Upload, { method: "get", send: (file) => file, accept: ".xlsx", maxSize: 1024 * 1024 * 2, onStart: handleStart, onSuccess: handleSuccess, onError: handleError, beforeUpload: beforeUpload }, ({ open, isDragging }) => (React.createElement(Upload.Dragger, { filename: file && file.name, button: React.createElement(Status, { className: "csv-file", icon: 'blank', size: 's', description: file && file.name, operation: React.createElement(React.Fragment, null,
+                        React.createElement("a", { onClick: open }, "\u91CD\u65B0\u4E0A\u4F20"),
+                        "\u00A0/\u00A0",
+                        React.createElement("a", { onClick: () => {
+                                setFile(null);
+                                setDisableNext(true);
+                            } }, "\u5220\u9664")) }) }, isDragging ? ('释放鼠标') : (React.createElement(Status, { className: "upload-file", icon: 'blank', size: 's', operation: React.createElement(React.Fragment, null,
+                    React.createElement("a", { onClick: open }, "\u70B9\u51FB\u4E0A\u4F20"),
+                    " /",
+                    ' ',
+                    React.createElement(Text, { theme: "weak" }, "\u62D6\u62FD\u5230\u6B64\u533A\u57DF")) })))))),
+        React.createElement("div", { className: "modal-upload-text-wrap" },
+            React.createElement("ul", null,
+                React.createElement("li", null,
+                    "\u8BF7\u4E0B\u8F7D\u4F7F\u7528",
+                    React.createElement("span", { onClick: () => {
+                            getCSVTemplate(fields, datasourceTitle);
+                        } }, "\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"),
+                React.createElement("li", null, "\u652F\u6301xlsx\u7C7B\u578B\u6587\u4EF6\uFF0C\u8981\u6C42\u6587\u4EF6\u5927\u5C0F2M\u4EE5\u5185\uFF0C\u4E0D\u80FD\u8D85\u8FC71000\u884C\u300115\u5217"),
+                React.createElement("li", null, "\u6682\u4E0D\u652F\u6301\u6570\u7EC4\u3001\u5BF9\u8C61\u3001\u5730\u7406\u4F4D\u7F6E\u7C7B\u578B\u6570\u636E\u7684\u5BFC\u5165"),
+                React.createElement("li", null, "\u5BFC\u5165\u540E\u4F1A\u89E6\u53D1\u76F8\u5173\u7684\u6EE1\u8DB3\u6761\u4EF6\u7684\u5DE5\u4F5C\u6D41")))));
+};
+// 字段映射
+const FileTitleDropdown = ({ fileHeader, fileItem, upddateFileJsonMap }) => {
+    const [currentItem, setCurrentItem] = useState(fileItem === null || fileItem === void 0 ? void 0 : fileItem.fileTitle);
+    return (React.createElement(Dropdown, { clearable: true, trigger: "click", appearance: "button", style: { marginRight: 10 }, button: currentItem, onClear: () => {
+            setCurrentItem(null);
+            upddateFileJsonMap(null);
+        } },
+        React.createElement(List, { type: "option" }, fileHeader.map((i, index) => (React.createElement(List.Item, { key: index, onClick: () => {
+                setCurrentItem(i);
+                upddateFileJsonMap(i);
+            } }, i))))));
+};
+// 提交前完成校验和格式转换
+const beforeDataBatchCreate = (fileJson, fileJsonMap, enumOptions, cb) => {
+    let cbAction = { type: 'validateError', res: [] };
+    // 提交数据
+    const result = [];
+    // 错误报告
+    const errorMessage = [];
+    // 去除空字段，隐藏计算字段
+    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 fileJsonValidateMap = fieldsValidateTypeGenetate(fileJsonMap);
+    fileJson === null || fileJson === void 0 ? void 0 : fileJson.forEach((i, index) => {
+        let item = {};
+        // eslint-disable-next-line prefer-const
+        for (let [key, value] of Object.entries(i)) {
+            const field = fileJsonValidateMap.find((j) => j.fileTitle === key);
+            // 过滤出映射调整后需要导入的数据,进一步完成校验和提交值转换
+            if (field) {
+                // 校验前，对时间格式进行转换
+                value = formatTableDate(value, field);
+                // 调用校验方法
+                const { status, message } = validateHandle(value, field);
+                if (!status) {
+                    errorMessage.push({
+                        key,
+                        value,
+                        index,
+                        message,
+                    });
+                }
+                const { name, validateType } = field;
+                // 新增场景下，存在该值则提交
+                if (value && name) {
+                    item[name] = value;
+                    // 格式化提交的数据;
+                    if (submitFormatter[validateType]) {
+                        item[name] = submitFormatter[validateType](value, field, enumOptions);
+                    }
+                }
+            }
+        }
+        item = filterInvalidFormValue(item, trimFields);
+        result.push(item);
+    });
+    cbAction = !(errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.length)
+        ? { type: 'callApi', res: result }
+        : { type: 'validateError', res: errorMessage };
+    if (cb) {
+        cb(cbAction);
+    }
+};
+// 提交前校验是否存在重复字段
+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 ImportFileModal({ onCancel, visible, fields, dataBatchCreate, datasourceTitle, }) {
+    const [file, setFile] = useState(null);
+    const [fileJson, setFileJson] = useState(null);
+    const [fileHeader, setFileHeader] = useState([]);
+    const [fileJsonMap, setFileJsonMap] = useState([]);
+    const [validateResult, setValidateResult] = useState([]);
+    const [disableNext, setDisableNext] = useState(true);
+    const [status, setStatus] = useState(null);
+    const [errorMessage, setErrorMessage] = useState([]);
+    const { enumOptions } = useEnumContext();
+    const importFileHandle = () => {
+        // 导入文件
+        beforeDataBatchCreate(fileJson, fileJsonMap, enumOptions, ({ type, res }) => {
+            if (type === 'validateError') {
+                setStatus('validateError');
+                setValidateResult(res);
+            }
+            else {
+                // 批量上传
+                setStatus('loading');
+                dataBatchCreate(res, (result) => {
+                    var _a;
+                    setStatus(result.type);
+                    if (result === null || result === void 0 ? void 0 : result.message) {
+                        const message = [];
+                        (_a = result === null || result === void 0 ? void 0 : result.message.split('。')) === null || _a === void 0 ? void 0 : _a.forEach((i) => {
+                            var _a;
+                            (_a = i === null || i === void 0 ? void 0 : i.split(';')) === null || _a === void 0 ? void 0 : _a.forEach((j) => {
+                                message.push(j);
+                            });
+                        });
+                        setErrorMessage(message.length ? message : result.message);
+                    }
+                });
+            }
+        });
+    };
+    const steps = [
+        {
+            id: 'uploadFile',
+            label: '选择文件',
+            component: (React.createElement(UploadCSVFile, { file: file, setFile: setFile, datasourceTitle: datasourceTitle, fields: fields, parseFile: ({ fileJson, fileHeader }) => {
+                    setFileHeader(fileHeader);
+                    setFileJson(fileJson);
+                    const fileJsonMapList = fields.map((i) => {
+                        const item = { ...i };
+                        item.fileTitle = fileHeader.find((j) => j === item.title);
+                        return item;
+                    });
+                    setFileJsonMap(fileJsonMapList);
+                    setDisableNext(false);
+                }, setDisableNext: setDisableNext })),
+        },
+        {
+            id: 'fieldMap',
+            label: '映射字段',
+            component: (React.createElement("div", { className: "file-json-map-wrap" },
+                React.createElement("div", { className: "file-json-map-header" },
+                    React.createElement("p", null, "\u6587\u6863\u5B57\u6BB5"),
+                    React.createElement("span", { className: "arrow" }),
+                    React.createElement("p", null, "\u8868\u683C\u5B57\u6BB5")),
+                React.createElement("div", { className: "file-json-map-container" }, fileJsonMap.map((i, index) => (React.createElement("div", { className: "file-json-map-content", key: index },
+                    React.createElement(FileTitleDropdown, { fileHeader: fileHeader, fileItem: i, upddateFileJsonMap: (fileTitle) => {
+                            const list = fileJsonMap.map((j) => {
+                                const item = { ...j };
+                                if (i.title === j.title) {
+                                    item.fileTitle = fileTitle;
+                                }
+                                return item;
+                            });
+                            setFileJsonMap(list);
+                        } }),
+                    React.createElement("span", { className: "arrow" }),
+                    React.createElement("span", { className: "table-field" }, i.title))))))),
+            nextAction: () => {
+                setCurrent(next ? next.id : null);
+            },
+        },
+        {
+            id: 'importFile',
+            label: '导入文件',
+            component: (React.createElement("div", { className: "import-file-result-wrap" },
+                status === 'validateError' && (React.createElement("div", { className: "error-container" },
+                    React.createElement("div", { className: "error-tip" },
+                        React.createElement(Icon, { type: "error", size: "s" }),
+                        React.createElement("p", null, "\u6570\u636E\u683C\u5F0F\u6821\u9A8C\u672A\u901A\u8FC7"),
+                        React.createElement("span", null, "\u8BF7\u6839\u636E\u4E0B\u5217\u9519\u8BEF\u539F\u56E0\u4FEE\u6539\u5BFC\u5165\u6587\u4EF6")),
+                    React.createElement("div", { className: "error-content" },
+                        React.createElement(List, null, validateResult.map((i, index) => (React.createElement(List.Item, { key: index },
+                            "\u7B2C",
+                            i.index + 1,
+                            "\u884C\u201C",
+                            i.key,
+                            "\u201D\u6570\u636E:",
+                            i.message))))))),
+                status === 'error' && (React.createElement("div", { className: "error-container" },
+                    React.createElement("div", { className: "error-tip" },
+                        React.createElement(Icon, { type: "error", size: "s" }),
+                        React.createElement("p", null, "\u6570\u636E\u5BFC\u5165\u5931\u8D25"),
+                        React.createElement("span", null, "\u8BF7\u6839\u636E\u4E0B\u5217\u5931\u8D25\u539F\u56E0\u4FEE\u6539\u5BFC\u5165\u6587\u4EF6")),
+                    React.createElement("div", { className: "error-content" },
+                        React.createElement(List, null, Array.isArray(errorMessage)
+                            ? errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.map((i, index) => (React.createElement(List.Item, { key: index }, i)))
+                            : errorMessage)))),
+                status !== 'validateError' && status !== 'error' && (React.createElement("div", { className: `status-wrap ${status}` },
+                    React.createElement(Status, { icon: 'blank', size: 's', description: status === 'success'
+                            ? '数据导入成功'
+                            : '数据导入中，请稍后...' }))))),
+            nextAction: () => {
+                const repeatList = repeatabilityCheck(fileJsonMap);
+                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: (React.createElement(React.Fragment, null,
+                            React.createElement(Modal.Body, null,
+                                React.createElement(Modal.Message, { icon: "warning", message: "\u6587\u6863\u5B57\u6BB5\u91CD\u590D\u6620\u5C04", description: `文档的「${text}」字段被映射到多个表格字段，是否确认导入` })),
+                            React.createElement(Modal.Footer, null,
+                                React.createElement(Button, { onClick: () => {
+                                        modal.destroy();
+                                    } }, "\u53D6\u6D88"),
+                                React.createElement(Button, { type: "primary", onClick: async () => {
+                                        modal.destroy();
+                                        importFileHandle();
+                                        setCurrent(next ? next.id : null);
+                                    } }, "\u786E\u8BA4\u5BFC\u5165")))),
+                        onClose: () => modal.destroy(),
+                    });
+                }
+                else {
+                    importFileHandle();
+                    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 (React.createElement(Modal, { caption: "\u5BFC\u5165\u6570\u636E", visible: visible, onClose: onCancel, size: 'l', className: `weda-import-csv-file-modal ${current === 'importFile' && 'none-border'}` },
+        React.createElement(Modal.Body, null,
+            React.createElement("div", null,
+                React.createElement(Stepper, { steps: steps, current: current }),
+                React.createElement("section", { className: "modal-section" }, steps[currentIndex] && steps[currentIndex].component))),
+        React.createElement(Modal.Footer, null, current !== 'importFile' && (React.createElement(React.Fragment, null,
+            React.createElement(Button, { disabled: !prev, onClick: () => setCurrent(prev.id) }, "\u4E0A\u4E00\u6B65"),
+            React.createElement(Button, { type: "primary", disabled: (!next && !current) || disableNext, onClick: () => {
+                    if (next.nextAction) {
+                        next.nextAction();
+                    }
+                }, style: { marginLeft: 10 } }, next ? '下一步' : '开始导入'))))));
+}

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

@@ -0,0 +1,32 @@
+import { formatDateToNumber } from '../../../utils/date';
+/**
+ * 提交前formatter
+ */
+export const submitFormatter = {
+    date: (value) => formatDateToNumber('date', value),
+    datetime: (value) => formatDateToNumber('datetime', value),
+    time: (value) => formatDateToNumber('time', value),
+    boolean: (value) => value === '是',
+    number: (value) => Number(value),
+    // 地区存字符串
+    xAreaCode: (value) => {
+        if (Array.isArray(value)) {
+            return value === null || value === void 0 ? void 0 : value.reduce((res, i) => `${res},${i}`);
+        }
+        return value;
+    },
+    // 枚举
+    xEnum: (text, field, enumOptions) => {
+        var _a;
+        if (field && field['x-option-name']) {
+            const isMulti = field['x-multi-select'];
+            const optionName = field['x-option-name'];
+            const options = enumOptions === null || enumOptions === void 0 ? void 0 : enumOptions[optionName];
+            const getTextByValue = (text) => { var _a; return ((_a = options === null || options === void 0 ? void 0 : options.find((item) => (item === null || item === void 0 ? void 0 : item.text) === text)) === null || _a === void 0 ? void 0 : _a.value) || text; };
+            if (isMulti) {
+                return (_a = text === null || text === void 0 ? void 0 : text.map((v) => getTextByValue(v))) === null || _a === void 0 ? void 0 : _a.join();
+            }
+            return getTextByValue(text);
+        }
+    },
+};

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());
+    },
+    // 图片类型检测 （仅支持clould:链接）
+    xImage(value) {
+        return typeof value === 'string' && pattern.xImage.test(value.trim());
+    },
+    // 文件类型检测 （仅支持clould:链接）
+    xFile(value) {
+        return typeof value === 'string' && pattern.xFile.test(value.trim());
+    },
+};
+/**
+ * 1.根据字段格式生成校验规则的标识字段（validateType）
+ * 2.过滤出成功映射的字段
+ */
+export const fieldsValidateTypeGenetate = (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, feild) => {
+    const { validateType, ...rest } = feild;
+    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: `不符合「${feild.title}」校验规则` };
+        }
+    }
+    return { status: true, message: '' };
+};
+/**
+ * 校验前，对时间格式进行转换
+ */
+export const formatTableDate = (value, feild) => {
+    const { validateType } = feild;
+    // excle导入日期格式，读取为时间格式的时候，自动转换为时间格式文本
+    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,130 @@
+.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;
+}
+
+.weda-import-by-api-csv-file-modal
+  .weda_modal-upload-wrap_import_type
+  .wedatea2td-form__label
+  label {
+  width: 175px;
+}
+
+.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;
+}