@cloudbase/weda-ui 3.4.8 → 3.4.9-alpha.1024

package/dist/web/components/table/Form/Location.js

@@ -1,4 +1,5 @@
-import React, { useEffect } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
 import classNames from '../../../utils/classnames';
 import { Form, Input, Text } from 'tea-component';
 import './Location.css';
@@ -111,16 +112,15 @@ const Location = (props) => {
     ];
     const renderFormLabel = (option) => {
         if (parentIsArray) {
-            return (React.createElement("div", { className: "weda-business-location-form-array-label" }, option.title));
+            return (_jsx("div", { className: "weda-business-location-form-array-label", children: option.title }));
         }
         return option.title;
     };
-    return (React.createElement(Form, { readonly: readonly }, options.map((option) => {
-        var _a;
-        return (React.createElement(Form.Item, { key: option.name, className: classNames({
-                ['weda-business-location-form-item']: parentIsArray,
-            }), label: renderFormLabel(option) }, readonly ? (React.createElement(Form.Text, null,
-            React.createElement(Text, null, (_a = option === null || option === void 0 ? void 0 : option.props) === null || _a === void 0 ? void 0 : _a.value))) : (React.createElement(Input, { ...option.props, className: "weda-business-location-input" }))));
-    })));
+    return (_jsx(Form, { readonly: readonly, children: options.map((option) => {
+            var _a;
+            return (_jsx(Form.Item, { className: classNames({
+                    ['weda-business-location-form-item']: parentIsArray,
+                }), label: renderFormLabel(option), children: readonly ? (_jsx(Form.Text, { children: _jsx(Text, { children: (_a = option === null || option === void 0 ? void 0 : option.props) === null || _a === void 0 ? void 0 : _a.value }) })) : (_jsx(Input, { ...option.props, className: "weda-business-location-input" })) }, option.name));
+        }) }));
 };
 export default Location;

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

@@ -1,9 +1,10 @@
-import React, { useState } from 'react';
+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, fieldsValidateTypeGenetate, formatTableDate, } from './validate';
+import { validateHandle, fieldsValidateTypeGenerate, formatTableDate, } from './validate';
 import { submitFormatter } from './submitFormatter';
 import { useEnumContext } from '../../../utils/hooks/context';
 import './index.css';
@@ -41,44 +42,25 @@ const UploadCSVFile = ({ parseFile, fields, datasourceTitle, setDisableNext, set
         }
         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")))));
+    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, upddateFileJsonMap }) => {
+const FileTitleDropdown = ({ fileHeader, fileItem, updateFileJsonMap }) => {
     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: () => {
+    return (_jsx(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))))));
+            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) => {
@@ -95,7 +77,7 @@ const beforeDataBatchCreate = (fileJson, fileJsonMap, enumOptions, cb) => {
             ((_a = Object.keys(field)) === null || _a === void 0 ? void 0 : _a.length) &&
             field.format !== 'function';
     });
-    const fileJsonValidateMap = fieldsValidateTypeGenetate(fileJsonMap);
+    const fileJsonValidateMap = fieldsValidateTypeGenerate(fileJsonMap);
     fileJson === null || fileJson === void 0 ? void 0 : fileJson.forEach((i, index) => {
         let item = {};
         // eslint-disable-next-line prefer-const
@@ -195,7 +177,7 @@ export function ImportFileModal({ onCancel, visible, fields, dataBatchCreate, da
         {
             id: 'uploadFile',
             label: '选择文件',
-            component: (React.createElement(UploadCSVFile, { file: file, setFile: setFile, datasourceTitle: datasourceTitle, fields: fields, parseFile: ({ fileJson, fileHeader }) => {
+            component: (_jsx(UploadCSVFile, { file: file, setFile: setFile, datasourceTitle: datasourceTitle, fields: fields, parseFile: ({ fileJson, fileHeader }) => {
                     setFileHeader(fileHeader);
                     setFileJson(fileJson);
                     const fileJsonMapList = fields.map((i) => {
@@ -210,24 +192,16 @@ export function ImportFileModal({ onCancel, visible, fields, dataBatchCreate, da
         {
             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))))))),
+            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);
             },
@@ -235,33 +209,11 @@ export function ImportFileModal({ onCancel, visible, fields, dataBatchCreate, da
         {
             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'
-                            ? '数据导入成功'
-                            : '数据导入中，请稍候...' }))))),
+            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) {
@@ -269,18 +221,13 @@ export function ImportFileModal({ onCancel, visible, fields, dataBatchCreate, da
                     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")))),
+                        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(),
                     });
                 }
@@ -295,16 +242,9 @@ export function ImportFileModal({ onCancel, visible, fields, dataBatchCreate, da
     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 ? '下一步' : '开始导入'))))));
+    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/validate.js

@@ -58,11 +58,11 @@ const validType = {
     number(value) {
         return typeof value === 'string' && pattern.number.test(value.trim());
     },
-    // 图片类型检测 （仅支持clould:链接）
+    // 图片类型检测 （仅支持cloud:链接）
     xImage(value) {
         return typeof value === 'string' && pattern.xImage.test(value.trim());
     },
-    // 文件类型检测 （仅支持clould:链接）
+    // 文件类型检测 （仅支持cloud:链接）
     xFile(value) {
         return typeof value === 'string' && pattern.xFile.test(value.trim());
     },
@@ -71,7 +71,7 @@ const validType = {
  * 1.根据字段格式生成校验规则的标识字段（validateType）
  * 2.过滤出成功映射的字段
  */
-export const fieldsValidateTypeGenetate = (fileJsonMap) => {
+export const fieldsValidateTypeGenerate = (fileJsonMap) => {
     var _a;
     const reg = /-(\w)/g;
     return (_a = fileJsonMap === null || fileJsonMap === void 0 ? void 0 : fileJsonMap.map((i) => {
@@ -94,15 +94,15 @@ export const fieldsValidateTypeGenetate = (fileJsonMap) => {
 /**
  * 触发校验
  */
-export const validateHandle = (value, feild) => {
-    const { validateType, ...rest } = feild;
+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: `不符合「${feild.title}」校验规则` };
+            return { status: false, message: `不符合「${felid.title}」校验规则` };
         }
     }
     return { status: true, message: '' };
@@ -110,9 +110,9 @@ export const validateHandle = (value, feild) => {
 /**
  * 校验前，对时间格式进行转换
  */
-export const formatTableDate = (value, feild) => {
-    const { validateType } = feild;
-    // excle导入日期格式，读取为时间格式的时候，自动转换为时间格式文本
+export const formatTableDate = (value, felid) => {
+    const { validateType } = felid;
+    // excel导入日期格式，读取为时间格式的时候，自动转换为时间格式文本
     if (['date', 'datetime', 'time'].includes(validateType) &&
         value instanceof Date) {
         const formatType = {

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

@@ -62,15 +62,37 @@
 .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: 175px;
+  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
@@ -128,3 +150,13 @@
 .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;
+}