@cloudbase/weda-ui 3.5.2-mp → 3.5.3

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

@@ -0,0 +1,261 @@
+.weda-import-csv-file-modal .wedatea2td-step {
+  display: flex;
+  justify-content: center;
+}
+.weda-import-csv-file-modal .wedatea2td-step .wedatea2td-step__num {
+  width: 26px;
+}
+.weda-import-csv-file-modal .wedatea2td-form-upload__file {
+  display: none;
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form-upload__intro.wedatea2td-text-weak {
+  display: none;
+}
+.weda-import-csv-file-modal .wedatea2td-text__upload-drag {
+  width: 100%;
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form-upload__inner
+  .wedatea2td-status.size-s.upload-file
+  .wedatea2td-icon-status-blank {
+  background-image: url('https://qcloudimg.tencent-cloud.cn/raw/695f8a66b7f2f9b598a1e03245cad3e4.svg');
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form-upload__inner
+  .wedatea2td-status.size-s.csv-file
+  .wedatea2td-icon-status-blank {
+  background-image: url('https://qcloudimg.tencent-cloud.cn/raw/3099614d431ec629d36aefa3fe79a798.svg');
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form__controls.is-validating
+  .wedatea2td-icon-valid {
+  display: none;
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form__controls.is-success
+  .wedatea2td-icon-valid {
+  display: none;
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form__controls.is-error
+  .wedatea2td-icon-valid {
+  display: none;
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form__controls.is-error
+  .wedatea2td-form__help-text {
+  text-align: left;
+}
+.weda-import-csv-file-modal .modal-section {
+  height: 470px;
+  margin-top: 32px;
+  text-align: center;
+  overflow: auto;
+}
+.weda-import-csv-file-modal .modal-upload-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.weda-import-csv-file-modal .modal-upload-wrap .wedatea2td-form-upload-drag {
+  width: 100%;
+}
+.weda-import-csv-file-modal
+  .modal-upload-wrap
+  .wedatea2td-form-upload-drag
+  .wedatea2td-form-upload__inner {
+  width: 100%;
+  height: 250px;
+}
+.weda-import-csv-file-modal
+  .modal-upload-wrap
+  .wedatea2td-form-upload__info
+  .wedatea2td-form-upload__btn {
+  position: unset;
+}
+.weda-import-csv-file-modal .modal-upload-wrap .modal-upload-text-wrap {
+  flex: 1;
+  text-align: left;
+  padding-top: 25px;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 22px;
+  color: rgba(0, 0, 0, 0.4);
+  font-family: 'PingFang SC';
+  font-style: normal;
+  border-bottom: 1px solid #e7e7e7;
+}
+.weda-import-csv-file-modal .modal-upload-wrap .modal-upload-text-wrap ul {
+  list-style: disc;
+  margin-left: 16px;
+}
+.weda-import-csv-file-modal .modal-upload-wrap .modal-upload-text-wrap span {
+  color: #0052d9;
+  cursor: pointer;
+}
+.weda-import-csv-file-modal .file-json-map-wrap {
+  height: 100%;
+  border: 1px solid #e7e7e7;
+  padding: 0 25px;
+  padding-bottom: 25px;
+  border-radius: 3px;
+  display: flex;
+  flex-direction: column;
+}
+.weda-import-csv-file-modal .file-json-map-wrap .file-json-map-container {
+  overflow: auto;
+  flex: 1;
+  padding-bottom: 16px;
+}
+.weda-import-csv-file-modal .file-json-map-wrap .file-json-map-header {
+  margin: 25px 0;
+  display: flex;
+  justify-content: space-between;
+}
+.weda-import-csv-file-modal .file-json-map-wrap .file-json-map-header p {
+  font-family: 'PingFang SC';
+  font-style: normal;
+  font-weight: 500;
+  width: 45%;
+  text-align: left;
+  margin-right: 25px;
+}
+.weda-import-csv-file-modal .file-json-map-wrap .file-json-map-content {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  text-align: left;
+  align-items: center;
+  font-size: 14px;
+}
+.weda-import-csv-file-modal
+  .file-json-map-wrap
+  .file-json-map-content
+  .wedatea2td-dropdown {
+  width: 45%;
+  margin-top: 16px;
+}
+.weda-import-csv-file-modal .file-json-map-wrap .file-json-map-content .arrow {
+  display: inline-block;
+  margin-top: 15px;
+  margin-right: 12px;
+  width: 30px;
+  height: 15px;
+  background-position-x: center;
+  background-image: url('https://qcloudimg.tencent-cloud.cn/raw/6ad92ac3dbbff908a8eac5df78f2a81b.svg');
+  background-repeat: no-repeat;
+}
+.weda-import-csv-file-modal
+  .file-json-map-wrap
+  .file-json-map-content
+  .table-field {
+  width: 45%;
+  padding: 0 10px;
+  background: #f1f2f5;
+  border-radius: 3px;
+  display: inline-block;
+  height: 32px;
+  line-height: 30px;
+  margin-top: 16px;
+  margin-right: 25px;
+}
+.weda-import-csv-file-modal
+  .file-json-map-wrap
+  .file-json-map-content:first-child
+  .table-field {
+  margin-top: 0px;
+}
+.weda-import-csv-file-modal
+  .file-json-map-wrap
+  .file-json-map-content:first-child
+  .arrow {
+  margin-top: 0px;
+}
+.weda-import-csv-file-modal
+  .file-json-map-wrap
+  .file-json-map-content:first-child
+  .wedatea2td-dropdown {
+  margin-top: 0px;
+}
+.weda-import-csv-file-modal .import-file-result-wrap {
+  height: 100%;
+}
+.weda-import-csv-file-modal .import-file-result-wrap .error-tip {
+  position: relative;
+  height: 84px;
+  background: #f9d7d9;
+  border-radius: 3px;
+  padding: 16px 25px;
+  text-align: left;
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .error-tip
+  .wedatea2td-icon {
+  position: absolute;
+}
+.weda-import-csv-file-modal .import-file-result-wrap .error-tip p {
+  padding-left: 25px;
+}
+.weda-import-csv-file-modal .import-file-result-wrap .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 {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.weda-import-csv-file-modal .import-file-result-wrap .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 {
+  margin-top: 16px;
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .error-content
+  .wedatea2td-list
+  li:first-child {
+  margin-top: 0;
+}
+.weda-import-csv-file-modal .import-file-result-wrap .status-wrap {
+  height: 100%;
+  border: 1px solid #e7e7e7;
+  border-radius: 3px;
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .status-wrap
+  .wedatea2td-status {
+  height: 100%;
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .status-wrap.loading
+  .wedatea2td-icon-status-blank {
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-image: url('https://qcloudimg.tencent-cloud.cn/raw/2b306effd254c6b7e30a81832c9e6949.svg');
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .status-wrap.success
+  .wedatea2td-icon-status-blank {
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-image: url('https://qcloudimg.tencent-cloud.cn/raw/81526faf0b633c90188426018a7f6870.svg');
+}

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

@@ -0,0 +1,250 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { 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, fieldsValidateTypeGenerate, formatTableDate, } from './validate';
+import { submitFormatter } from './submitFormatter';
+import { useEnumContext } from '../../../utils/hooks/context';
+import './style';
+// 下载模版
+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 (_jsxs("div", { className: "modal-upload-wrap", children: [_jsx(Form.Control, { status: status, message: status === 'error'
+                    ? '文件大小不符合规则，请上传xlsx文件，要求文件大小2M以内，不能超过1000行、15列'
+                    : '', children: _jsx(Upload, { method: "get", 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: () => {
+                                            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: ["\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: "\u652F\u6301xlsx\u7C7B\u578B\u6587\u4EF6\uFF0C\u8981\u6C42\u6587\u4EF6\u5927\u5C0F2M\u4EE5\u5185\uFF0C\u4E0D\u80FD\u8D85\u8FC71000\u884C\u300115\u5217" }), _jsx("li", { children: "\u6682\u4E0D\u652F\u6301\u6570\u7EC4\u3001\u5BF9\u8C61\u3001\u5730\u7406\u4F4D\u7F6E\u7C7B\u578B\u6570\u636E\u7684\u5BFC\u5165" }), _jsx("li", { children: "\u5BFC\u5165\u540E\u4F1A\u89E6\u53D1\u76F8\u5173\u7684\u6EE1\u8DB3\u6761\u4EF6\u7684\u5DE5\u4F5C\u6D41" })] }) })] }));
+};
+// 字段映射
+const FileTitleDropdown = ({ fileHeader, fileItem, updateFileJsonMap }) => {
+    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);
+            updateFileJsonMap(null);
+        }, children: _jsx(List, { type: "option", children: fileHeader.map((i, index) => (_jsx(List.Item, { onClick: () => {
+                    setCurrentItem(i);
+                    updateFileJsonMap(i);
+                }, children: i }, index))) }) }));
+};
+// 提交前完成校验和格式转换
+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 = fieldsValidateTypeGenerate(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: (_jsx(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: (_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, updateFileJsonMap: (fileTitle) => {
+                                        const list = fileJsonMap.map((j) => {
+                                            const item = { ...j };
+                                            if (i.title === j.title) {
+                                                item.fileTitle = fileTitle;
+                                            }
+                                            return item;
+                                        });
+                                        setFileJsonMap(list);
+                                    } }), _jsx("span", { className: "arrow" }), _jsx("span", { className: "table-field", children: i.title })] }, index))) })] })),
+            nextAction: () => {
+                setCurrent(next ? next.id : null);
+            },
+        },
+        {
+            id: 'importFile',
+            label: '导入文件',
+            component: (_jsxs("div", { className: "import-file-result-wrap", children: [status === 'validateError' && (_jsxs("div", { className: "error-container", children: [_jsxs("div", { className: "error-tip", children: [_jsx(Icon, { type: "error", size: "s" }), _jsx("p", { children: "\u6570\u636E\u683C\u5F0F\u6821\u9A8C\u672A\u901A\u8FC7" }), _jsx("span", { children: "\u8BF7\u6839\u636E\u4E0B\u5217\u9519\u8BEF\u539F\u56E0\u4FEE\u6539\u5BFC\u5165\u6587\u4EF6" })] }), _jsx("div", { className: "error-content", children: _jsx(List, { children: validateResult.map((i, index) => (_jsxs(List.Item, { children: ["\u7B2C", i.index + 1, "\u884C\u201C", i.key, "\u201D\u6570\u636E:", i.message] }, index))) }) })] })), 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("span", { children: "\u8BF7\u6839\u636E\u4E0B\u5217\u5931\u8D25\u539F\u56E0\u4FEE\u6539\u5BFC\u5165\u6587\u4EF6" })] }), _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: '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: (_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(Button, { onClick: () => {
+                                                modal.destroy();
+                                            }, children: "\u53D6\u6D88" }), _jsx(Button, { type: "primary", onClick: async () => {
+                                                modal.destroy();
+                                                importFileHandle();
+                                                setCurrent(next ? next.id : null);
+                                            }, children: "\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 (_jsxs(Modal, { caption: "\u5BFC\u5165\u6570\u636E", visible: visible, onClose: onCancel, size: 'l', className: `weda-import-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 })] }) }), _jsx(Modal.Footer, { children: current !== 'importFile' && (_jsxs(_Fragment, { children: [_jsx(Button, { disabled: !prev, onClick: () => setCurrent(prev.id), children: "\u4E0A\u4E00\u6B65" }), _jsx(Button, { type: "primary", disabled: (!next && !current) || disableNext, onClick: () => {
+                                if (next.nextAction) {
+                                    next.nextAction();
+                                }
+                            }, style: { marginLeft: 10 }, children: next ? '下一步' : '开始导入' })] })) })] }));
+}

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

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

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

@@ -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/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.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;