@cloudbase/weda-ui 3.4.3 → 3.4.5

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

@@ -0,0 +1,9 @@
+.weda-export-csv-file-modal__wrap_text {
+  margin-top: 20px;
+  margin-bottom: 10px;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.weda-export-csv-file-modal .wedatea2td-form__label {
+  color: rgba(0, 0, 0, 0.6);
+}

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

@@ -0,0 +1,150 @@
+import React, { useState, useEffect } from 'react';
+import { Modal, Button, Radio, Form, Table, Checkbox, Icon, List, Status, Bubble, } from 'tea-component';
+import { useImportingStatus } from '../hooks/useImportingStatus';
+import { callWedaApi } from '../../../utils/tcb';
+import './index.css';
+const { selectable, scrollable } = Table.addons;
+export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysList, handleInOrOutRecordModealVisible, dbName, where, whereList, orderBy, orderType, tableColumns, }) {
+    const [step, setStep] = useState('fieldMap');
+    const [selectedKeys, setSelectedKeys] = useState(fields.map((item) => item.name));
+    const [exportType, setExportType] = useState('all');
+    const [exportIdentity, setExportIdentity] = useState([]);
+    const [errorMessage, setErrorMessage] = useState([]);
+    const [status, setStatus] = useState(null);
+    const [fileId, setFileIds] = useState(null);
+    const { fileImportStatus, fileImportErrorMessage } = useImportingStatus(fileId, dbName, 'export');
+    const hadnleExport = async () => {
+        try {
+            setStep('isExporting');
+            // 启动导出接口
+            const queryParams = {
+                action: 'DataExport',
+                data: {
+                    ExportFileType: 'excel',
+                    DataSourceName: dbName,
+                    ExportFields: selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.map((item) => {
+                        const field = tableColumns === null || tableColumns === void 0 ? void 0 : tableColumns.find((columns) => (columns === null || columns === void 0 ? void 0 : columns.key) === item);
+                        return {
+                            FieldId: item,
+                            ColumnName: item === '_id' ? '数据标识' : field === null || field === void 0 ? void 0 : field.header,
+                        };
+                    }),
+                    ExportType: exportType,
+                    ExportIdentity: !!exportIdentity.length, // 导出选项/数据标识
+                },
+            };
+            if (orderBy && orderType) {
+                queryParams.data['OrderBy'] = orderBy; // 排序字段
+                queryParams.data['OrderType'] = orderType; // 排序规则
+            }
+            if (exportType === 'filter') {
+                queryParams.data['QueryConditions'] = where; // 选中数据
+            }
+            if (exportType === 'all') {
+                queryParams.data['QueryConditions'] = whereList; // 包含基础筛选条件
+            }
+            if ((selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) && exportType === 'selected') {
+                queryParams.data['RecordIds'] = selectedKeysList; // 选中数据
+            }
+            const { FileId, Status, ErrorMessage } = await callWedaApi(queryParams);
+            if (Status === 'success') {
+                setStatus('success');
+            }
+            else if (Status === 'failure') {
+                setErrorMessage(['导出文件失败', [ErrorMessage || '']]);
+            }
+            else if (Status === 'exporting' || Status === 'init') {
+                // 轮询查询状态
+                setFileIds(FileId);
+            }
+        }
+        catch (error) {
+            setStatus('error');
+            setErrorMessage(['导出文件请求失败', [(error === null || error === void 0 ? void 0 : error.message) || '']]);
+            console.error('exportFileHandle error', error);
+        }
+    };
+    useEffect(() => {
+        if (fileImportStatus === 'success') {
+            setStatus('success');
+        }
+        else if (fileImportStatus === 'failure') {
+            setStatus('error');
+            setErrorMessage([fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.ErrorMessage]);
+        }
+    }, [fileImportStatus, fileImportErrorMessage]);
+    const columns = [
+        {
+            key: 'title',
+            header: '字段名称',
+        },
+        {
+            key: 'name',
+            header: '字段标识',
+        },
+        {
+            key: 'fieldsTypeName',
+            header: '字段类型',
+        },
+    ];
+    return (React.createElement(Modal, { caption: "\u5BFC\u51FAExcel", visible: visible, onClose: onCancel, size: 'l', className: `weda-import-csv-file-modal` },
+        React.createElement(Modal.Body, null,
+            step === 'fieldMap' && (React.createElement("div", null,
+                React.createElement(Form, { className: "weda-import-csv-file-modal weda-export-csv-file-modal" },
+                    React.createElement(Form.Item, { label: "\u5BFC\u51FA\u6570\u636E\u8303\u56F4" },
+                        React.createElement(Radio.Group, { value: exportType, onChange: (value) => setExportType(value), style: { display: 'flex' } },
+                            React.createElement(Radio, { name: "all" }, "\u5168\u90E8\u6570\u636E"),
+                            React.createElement(Radio, { name: "filter" }, "\u7B5B\u9009\u540E\u7684\u6570\u636E"),
+                            React.createElement(Radio, { name: "selected", disabled: !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length) },
+                                "\u9009\u4E2D\u7684\u6570\u636E",
+                                React.createElement("span", { style: { color: 'rgba(0, 0, 0, 0.6)' } }, !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length) && '（无选中数据）'))))),
+                React.createElement("p", { className: "weda-export-csv-file-modal__wrap_text" }, "\u5BFC\u51FA\u5B57\u6BB5"),
+                React.createElement(Table, { records: fields, recordKey: "name", columns: columns, style: { border: '1px solid #E7E7E7', borderBottom: '0' }, addons: [
+                        selectable({
+                            value: selectedKeys,
+                            onChange: (keys) => {
+                                setSelectedKeys(keys);
+                            },
+                            rowSelect: true,
+                        }),
+                        scrollable({
+                            maxHeight: 320,
+                        }),
+                    ] }),
+                React.createElement(Checkbox.Group, { value: exportIdentity, onChange: (value) => setExportIdentity(value), style: { margin: '16px 0', color: 'rgba(0, 0, 0, 0.6)' } },
+                    React.createElement(Checkbox, { name: "exportIdentity", style: { color: 'rgba(0, 0, 0, 0.6)' } },
+                        React.createElement(Bubble, { content: "\u52FE\u9009\u540E\uFF0C\u53EF\u5BFC\u51FA\u679A\u4E3E\u5B57\u6BB5\u7684\u9009\u9879\u6807\u8BC6\uFF0C\u4E0E\u5173\u8054\u5173\u7CFB/\u4E3B\u5B50\u660E\u7EC6\u5B57\u6BB5\u5173\u8054\u6570\u636E\u7684\u6570\u636E\u6807\u8BC6\uFF0C\u53EF\u7528\u4E8E\u5BFC\u5165\u65F6\u66F4\u65B0\u679A\u4E3E/\u5173\u8054\u5173\u7CFB/\u4E3B\u5B50\u660E\u7EC6\u5B57\u6BB5\u6570\u636E" }, "\u5BFC\u51FA\u9009\u9879\u6807\u8BC6\u548C\u5173\u8054\u6570\u636E\u6807\u8BC6"))))),
+            step === 'isExporting' && (React.createElement("div", { className: "import-file-result-wrap" },
+                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\u51FA\u5931\u8D25")),
+                    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: 'm', style: {
+                            maxWidth: '430px',
+                        }, title: status === 'success'
+                            ? '数据导出完成'
+                            : '数据导出中，请稍后...', description: status !== 'success' ? (React.createElement("div", null,
+                            "\u5173\u95ED\u5F39\u7A97\u540E\uFF0C\u5BFC\u51FA\u4EFB\u52A1\u4F1A\u7EE7\u7EED\u6267\u884C\uFF0C\u53EF\u5728",
+                            React.createElement("a", { onClick: () => {
+                                    onCancel();
+                                    handleInOrOutRecordModealVisible('export');
+                                } }, "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55"),
+                            "\u67E5\u770B\u4EFB\u52A1\u8FDB\u5EA6")) : (React.createElement("a", { target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.DownloadUrl, rel: "noreferrer", style: { margin: '0 auto' } }, "\u70B9\u51FB\u4E0B\u8F7D")) })))))),
+        React.createElement(Modal.Footer, null,
+            step === 'fieldMap' && (React.createElement(Button, { type: "link", style: { float: 'left' }, onClick: () => {
+                    onCancel();
+                    handleInOrOutRecordModealVisible('export');
+                } }, "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55")),
+            step === 'fieldMap' && (React.createElement(React.Fragment, null,
+                React.createElement(Button, { onClick: () => {
+                        onCancel();
+                    } }, "\u53D6\u6D88"),
+                React.createElement(Button, { type: "primary", onClick: () => {
+                        hadnleExport();
+                    }, style: { marginLeft: 10 }, disabled: !(selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) }, "\u786E\u5B9A"))))));
+}

package/dist/web/components/table/FieldRender.js

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { useMediaQuery } from '@react-hookz/web';
-import { Text, Tooltip, Modal, Table, Form } from 'tea-component';
+import { Text, Modal, Table, Form } from 'tea-component';
 import { formatTimeByType } from '../../utils/date';
 import { safeJsonParse, isValueEmpty } from '../../utils/tool';
 import Location, { locationProperties } from './Form/Location';
@@ -13,6 +13,15 @@ import { ViewCell } from './UserDepartment/ViewCell';
 import { QuoteModal } from './QuoteModal';
 import { TABLE_SLOT_PREFIX } from '../../utils/constant';
 const MODAL_SIZE = 'auto';
+// 文字提示框包裹组件
+const TextWrap = (props) => {
+    const { showTip, children, width, title: rawTitle } = props;
+    const title = rawTitle || children;
+    const rest = showTip
+        ? { title, overflow: true, style: { width } }
+        : { title };
+    return React.createElement(Text, { ...rest }, children);
+};
 /**
  * 根据类型获取展示字段组件的 render 方法，用于表格/详情中的值转换
  * extra: { modelType: 'list' | 'detail' | 'update' | 'create', showTip: boolean }
@@ -23,18 +32,14 @@ export function getFieldRender(field = {}, extra = {}) {
     const { type, format, items, properties, title } = field;
     const { modelType, showTip = true } = extra;
     const width = getFieldWidth(field);
-    // 文字提示框包裹组件
-    const TextWrap = showTip
-        ? ({ children }) => (React.createElement(Tooltip, { title: children },
-            React.createElement(Text, { overflow: true, style: { width } }, children)))
-        : ({ children }) => React.createElement("div", null, children);
+    const textProps = { showTip, width };
     // 枚举-旧，新版 TODO
     if ((_a = field['x-enumObj']) === null || _a === void 0 ? void 0 : _a.length) {
         const XEnumObj = (val) => {
             if (!val)
                 return '-';
             const item = field['x-enumObj'].find((item) => (item === null || item === void 0 ? void 0 : item.value) === val);
-            return React.createElement(TextWrap, null, (item === null || item === void 0 ? void 0 : item.label) || '-');
+            return React.createElement(TextWrap, { ...textProps }, (item === null || item === void 0 ? void 0 : item.label) || '-');
         };
         return XEnumObj;
     }
@@ -72,7 +77,7 @@ export function getFieldRender(field = {}, extra = {}) {
             }
             if (modelType === 'table') {
                 const content = (_a = formatLocationData(val)) === null || _a === void 0 ? void 0 : _a.flatContent;
-                return React.createElement(TextWrap, null, content);
+                return React.createElement(TextWrap, { ...textProps }, content);
             }
             else {
                 return React.createElement(Location, { readonly: true, value: val });
@@ -108,32 +113,32 @@ export function getFieldRender(field = {}, extra = {}) {
             }
             else if (format === 'x-enum') {
                 // 枚举（新）
-                return (React.createElement(TextWrap, null,
+                return (React.createElement(TextWrap, { ...textProps, title: val },
                     React.createElement(EnumView, { field: field, values: val })));
             }
             else if (format === 'url') {
                 // 网址
                 return (React.createElement("a", { target: "_blank", href: fieldValue, rel: "noreferrer" },
-                    React.createElement(TextWrap, null, fieldValue)));
+                    React.createElement(TextWrap, { ...textProps }, fieldValue)));
             }
             else {
-                return React.createElement(TextWrap, null, fieldValue);
+                return React.createElement(TextWrap, { ...textProps }, fieldValue);
             }
         }
         else if (type === 'number') {
             fieldValue = formatNumber(val, field);
-            return React.createElement(Text, null, fieldValue);
+            return React.createElement(TextWrap, null, fieldValue);
         }
         else if (type === 'boolean') {
             fieldValue = formatBoolean(val);
-            return React.createElement(Text, null, fieldValue);
+            return React.createElement(TextWrap, null, fieldValue);
         }
         else if (type === 'object') {
             const objectRender = ({ value, modelType, fields }) => {
                 if (typeof val === 'object') {
                     return (React.createElement(DataItemView, { value: value, modelType: modelType, fields: fields }));
                 }
-                return React.createElement(TextWrap, null, value);
+                return React.createElement(TextWrap, { ...textProps }, value);
             };
             fieldValue = safeJsonParse(val);
             if ((field === null || field === void 0 ? void 0 : field.format) === 'x-location') {
@@ -157,11 +162,11 @@ export function getFieldRender(field = {}, extra = {}) {
         else if (type === 'array') {
             if (field.name === '_departmentList' &&
                 ['table', 'detail'].includes(modelType)) {
-                return React.createElement(TextWrap, null, val || '-');
+                return React.createElement(TextWrap, { ...textProps }, val || '-');
             }
             if (format === 'x-enum') {
                 // 枚举（新）
-                return (React.createElement(TextWrap, null,
+                return (React.createElement(TextWrap, { ...textProps, title: val },
                     React.createElement(EnumView, { field: field, values: val })));
             }
             else if ((items === null || items === void 0 ? void 0 : items.format) === 'x-location') {
@@ -585,14 +590,16 @@ export const filterCustomColumns = ({ columns, columnSets, slots }) => {
  * 过滤字段列表
  * 导出/搜索框，不展示自定义列
  */
-export const filterCustomFields = ({ fields, columnSets }) => {
+export const filterCustomFields = ({ fields, columnSets, isFilterGenre = false, }) => {
     if (!Array.isArray(fields))
         return [];
     if (!Array.isArray(columnSets))
         return fields;
     const fieldsMap = Object.fromEntries(fields.map((item) => [item.name, item]));
     return columnSets
-        .filter((item1) => (item1 === null || item1 === void 0 ? void 0 : item1.key) && fieldsMap[item1.key] && (item1 === null || item1 === void 0 ? void 0 : item1.genre) !== 'slot')
+        .filter((item1) => (item1 === null || item1 === void 0 ? void 0 : item1.key) &&
+        fieldsMap[item1.key] &&
+        ((item1 === null || item1 === void 0 ? void 0 : item1.genre) !== 'slot' || isFilterGenre))
         .map((item2) => ({ ...fieldsMap[item2.key], title: item2.header }));
 };
 /**

package/dist/web/components/table/FilterFields.js

@@ -395,6 +395,7 @@ const filterFieldsGenetate = (fields) => {
             filterFieldItemConfig.filterType = i.format;
             filterFieldItemConfig.childDbName = (_b = i['x-parent']) === null || _b === void 0 ? void 0 : _b.parentDataSourceName;
             filterFieldItemConfig.fieldCalculation.type = 'radio';
+            filterFieldItemConfig.fieldCalculation.value = 'eq';
         }
         return filterFieldItemConfig;
     });
@@ -423,7 +424,8 @@ export const FilterFieldsPanel = ({ data, getChooseList, fetchData, isH5 = false
             if (Array.isArray(i.value) &&
                 i.filterType === 'number' &&
                 i.fieldCalculation.value === 'scope') {
-                return i.value[0] && i.value[1];
+                // 若筛选字段为number类型，且为范围选择时，只要有一个值则返回
+                return i.value[0] || i.value[1];
             }
             return !!(i.value && i.value.length);
         });
@@ -431,16 +433,20 @@ export const FilterFieldsPanel = ({ data, getChooseList, fetchData, isH5 = false
             switch (i.fieldCalculation.value) {
                 case 'scope':
                     if (i.filterType === 'number') {
-                        searchValues.push({
-                            key: i.name,
-                            val: Number(i.value[0]),
-                            rel: 'gte',
-                        });
-                        searchValues.push({
-                            key: i.name,
-                            val: Number(i.value[1]),
-                            rel: 'lte',
-                        });
+                        if (i.value[0]) {
+                            searchValues.push({
+                                key: i.name,
+                                val: Number(i.value[0]),
+                                rel: 'gte',
+                            });
+                        }
+                        if (i.value[1]) {
+                            searchValues.push({
+                                key: i.name,
+                                val: Number(i.value[1]),
+                                rel: 'lte',
+                            });
+                        }
                     }
                     else {
                         searchValues.push({

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

@@ -3,12 +3,9 @@
 }
 
 .weda-business-location-form-array-label {
-  padding-right: 1.42857rem;
+  padding-right: 20px;
 }
 
 .weda-business-location-form-item .wedatea2td-form__controls {
-  padding-bottom: 1.14286rem !important;
+  padding-bottom: 16px !important;
 }
-
-/*# sourceURL=webpack://./src/web/components/table/Form/Location.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy90YWJsZS9Gb3JtL0xvY2F0aW9uLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHVCQUF1QjtBQUN6Qjs7QUFFQTtFQUNFLHlCQUF5QjtBQUMzQjs7QUFFQTtFQUNFLHFDQUFxQztBQUN2QyIsInNvdXJjZXNDb250ZW50IjpbIi53ZWRhLWJ1c2luZXNzLWxvY2F0aW9uLWlucHV0IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG59XG5cbi53ZWRhLWJ1c2luZXNzLWxvY2F0aW9uLWZvcm0tYXJyYXktbGFiZWwge1xuICBwYWRkaW5nLXJpZ2h0OiAxLjQyODU3cmVtO1xufVxuXG4ud2VkYS1idXNpbmVzcy1sb2NhdGlvbi1mb3JtLWl0ZW0gLndlZGF0ZWEydGQtZm9ybV9fY29udHJvbHMge1xuICBwYWRkaW5nLWJvdHRvbTogMS4xNDI4NnJlbSAhaW1wb3J0YW50O1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */

package/dist/web/components/table/ImportFileModal/csvTemplate.json

@@ -67,7 +67,7 @@
         "type": "string",
         "x-index": 45,
         "title": "主子明细",
-        "value": "16db756f62739c1d012f6e1b33cdc310",
+        "value": "请录入关联数据的主列字段或数据标识",
         "x-unique": false,
         "x-parent": {
             "fatherAction": "related",
@@ -414,7 +414,7 @@
         "x-enum-type": "general-option",
         "name": "mj",
         "x-multi-select": false,
-        "value": "枚举文本"
+        "value": "请录入选项标识或选项值"
     },
     {
         "x-required": false,
@@ -453,7 +453,7 @@
         "title": "日期时间",
         "x-unique": false,
         "name": "rqsj",
-        "value": "2022/07/18 00:00:00"
+        "value": "2022-12-12 03:03:03"
     },
     {
         "x-required": false,
@@ -473,7 +473,7 @@
         },
         "name": "glgx",
         "parentDatasource": {},
-        "value": "16db756f62739c1d012f6e1b33cdc310"
+        "value": "请录入关联数据的主列字段或数据标识"
     },
     {
         "x-required": false,
@@ -529,7 +529,7 @@
         "x-required": false,
         "name": "tp",
         "x-image-support": ["image/jpeg", "image/png"],
-        "value": "cloud://lowcode-3gp1xflvc8844909.6c6f-lowcode-3gp1xflvc8844909-1307589412/weda-uploader/28eb08fdc96f31d505b4ca847094a2a9-WX20220517-143351@2x.jpg"
+        "value": "https://main.qcloudimg.com/raw/c85c9a875e9754545ee19f20438b2caa.svg"
     },
     {
         "x-required": false,
@@ -542,6 +542,65 @@
         "title": "日期",
         "x-unique": false,
         "name": "rq",
-        "value": "2022/07/14"
+        "value": "2022-07-14"
+    },
+    {
+        "x-required": false,
+        "x-keyPath": "",
+        "x-id": "bb28f32",
+        "format": "",
+        "description": "",
+        "type": "object",
+        "x-index": 37,
+        "title": "对象",
+        "x-unique": false,
+        "required": [],
+        "name": "dx",
+        "value": "{}"
+    },
+    {
+        "x-required": false,
+        "x-keyPath": "",
+        "x-id": "ba78ca6",
+        "format": "x-location",
+        "description": "",
+        "type": "object",
+        "x-index": 43,
+        "title": "地理位置",
+        "x-unique": false,
+        "required": ["address", "geopoint"],
+        "name": "dlwz",
+        "value": "北京市海淀区(40.02,116.10)"
+    },
+    {
+        "x-required": false,
+        "x-keyPath": "",
+        "x-id": "7528a3d",
+        "format": "x-rtf",
+        "description": "",
+        "type": "string",
+        "x-index": 41,
+        "title": "富文本",
+        "x-unique": false,
+        "maxLength": 32768,
+        "name": "fwb",
+        "value": "<p>文本内容</p>"
+    },
+    {
+        "x-required": false,
+        "x-keyPath": "",
+        "x-id": "ba76bd2",
+        "format": "",
+        "description": "",
+        "type": "array",
+        "x-index": 15,
+        "title": "数组",
+        "items": {
+            "format": "",
+            "type": "string"
+        },
+        "x-unique": false,
+        "name": "sz1",
+        "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;
+}