@vtx/components 4.0.0-beta.7 → 4.0.0-beta.9

package/lib/vtx-datagrid/index.js

@@ -4,6 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.DEFAULT_HEIGHTS = void 0;
 exports.VtxDatagrid = VtxDatagrid;
 exports.indexColumnKey = exports.default = void 0;
 var _ahooks = require("ahooks");
@@ -18,6 +19,7 @@ var _ToolBar = _interopRequireDefault(require("./ToolBar"));
 var _Provide = require("./Store/Provide");
 var _index = require("./style/index");
 var _reactAntdColumnResize = require("react-antd-column-resize");
+var _vtxProvider = require("../vtx-provider");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["toolbar", "toolbarClassName", "toolbarTilte", "buttonGroup", "refreshIconVisible", "hideColumnSetting", "hideColumnHeight", "onRefresh", "bordered", "startIndex", "autoFit", "headFootHeight", "columnResizable", "components", "className", "style", "emptyText", "onRowSelectionClear", "onColumnsSave", "uniqueKey", "prefixUrl", "hideSelectionClear", "customEnumText"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -38,8 +40,14 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var isMac = navigator.userAgent.indexOf('Mac OS') !== -1;
 var indexColumnKey = exports.indexColumnKey = '_serialNum';
+var DEFAULT_HEIGHTS = exports.DEFAULT_HEIGHTS = {
+  HEAD_FOOT: 115,
+  ALERT: 49,
+  TOOLBAR: 56
+};
 function VtxTable(props) {
   var _rest$dataSource, _rest$rowSelection, _rest$rowSelection3, _rest$rowSelection4;
+  var intl = (0, _vtxProvider.useIntl)();
   var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('', 'vtx-datagrid');
@@ -75,7 +83,7 @@ function VtxTable(props) {
     toolbar = _props$toolbar === void 0 ? true : _props$toolbar,
     toolbarClassName = props.toolbarClassName,
     _props$toolbarTilte = props.toolbarTilte,
-    toolbarTilte = _props$toolbarTilte === void 0 ? '查询结果' : _props$toolbarTilte,
+    toolbarTilte = _props$toolbarTilte === void 0 ? intl.getMessage('datagrid.queryResults', '查询结果') : _props$toolbarTilte,
     buttonGroup = props.buttonGroup,
     _props$refreshIconVis = props.refreshIconVisible,
     refreshIconVisible = _props$refreshIconVis === void 0 ? true : _props$refreshIconVis,
@@ -89,14 +97,14 @@ function VtxTable(props) {
     _props$autoFit = props.autoFit,
     autoFit = _props$autoFit === void 0 ? true : _props$autoFit,
     _props$headFootHeight = props.headFootHeight,
-    headFootHeight = _props$headFootHeight === void 0 ? 115 : _props$headFootHeight,
+    headFootHeight = _props$headFootHeight === void 0 ? DEFAULT_HEIGHTS.HEAD_FOOT : _props$headFootHeight,
     _props$columnResizabl = props.columnResizable,
     columnResizable = _props$columnResizabl === void 0 ? true : _props$columnResizabl,
     components = props.components,
     className = props.className,
     style = props.style,
     _props$emptyText = props.emptyText,
-    emptyText = _props$emptyText === void 0 ? '暂无数据' : _props$emptyText,
+    emptyText = _props$emptyText === void 0 ? intl.getMessage('select.empty', '暂无数据') : _props$emptyText,
     onRowSelectionClear = props.onRowSelectionClear,
     onColumnsSave = props.onColumnsSave,
     uniqueKey = props.uniqueKey,
@@ -132,14 +140,12 @@ function VtxTable(props) {
     var resizeObserver = new ResizeObserver(function () {
       calculateHeight();
     });
-    // componentDidMount
     if (autoFit && rootDomRef.current) {
       resizeObserver.observe(rootDomRef.current, {
         box: 'border-box'
       });
     }
     return function () {
-      // componentWillUnmount
       if (autoFit) {
         resizeObserver.disconnect();
       }
@@ -161,7 +167,7 @@ function VtxTable(props) {
       showSizeChanger: true,
       showQuickJumper: true,
       showTotal: function showTotal(total) {
-        return "".concat(TextEnum.total, " ").concat(total, " ").concat(TextEnum.item);
+        return "".concat(TextEnum.paginationTotalText, " ").concat(total, " ").concat(TextEnum.paginationItemText);
       }
     }, pagination);
   };
@@ -236,8 +242,8 @@ function VtxTable(props) {
     selectedRowKeys: (_rest$rowSelection4 = rest.rowSelection) === null || _rest$rowSelection4 === void 0 ? void 0 : _rest$rowSelection4.selectedRowKeys,
     onRowSelectionClear: onRowSelectionClear
   }) : null;
-  alertHeight.current = !hideSelectionClear && hasAlert ? 49 : 0;
-  toolbarHeight.current = toolbar ? 56 : 0;
+  alertHeight.current = !hideSelectionClear && hasAlert ? DEFAULT_HEIGHTS.ALERT : 0;
+  toolbarHeight.current = toolbar ? DEFAULT_HEIGHTS.TOOLBAR : 0;
   var _useAntdColumnResize = (0, _reactAntdColumnResize.useAntdColumnResize)(function () {
       return {
         columns: columns,
@@ -288,7 +294,7 @@ function VtxTable(props) {
     hideColumnHeight: hideColumnHeight,
     hideColumnSetting: hideColumnSetting,
     onRefresh: onRefresh,
-    columns: _columns,
+    columns: tableColumn,
     onColumnsSave: onColumnsSave,
     uniqueKey: uniqueKey,
     prefixUrl: prefixUrl,

package/lib/vtx-datagrid/style/index.js

@@ -56,7 +56,7 @@ var genVtxStyle = function genVtxStyle(token) {
     }
   }))))), "&.vtx-datagrid-striped", _defineProperty({}, "".concat(antCls, "-table-wrapper"), _defineProperty({}, "".concat(antCls, "-table"), _defineProperty({}, '>.ant-table-container', _defineProperty({}, '.ant-table-body', {
     '>table >tbody>tr:nth-child(odd)>td': {
-      backgroundColor: token.colorBgLayout,
+      backgroundColor: token.colorBgLayoutTable,
       '&.ant-table-cell-row-hover': {
         backgroundColor: token.colorFillAlterSolid
       }
@@ -72,7 +72,7 @@ var genVtxStyle = function genVtxStyle(token) {
     }
   }))))), "&.vtx-datagrid-header-background", _defineProperty({}, "".concat(antCls, "-table-wrapper"), _defineProperty({}, '.ant-table', _defineProperty({}, '.ant-table-header', _defineProperty({}, '.ant-table-thead', {
     '>tr>th': {
-      background: token.colorBgLayout
+      background: token.colorBgLayoutTable
     }
   }))))));
 };

package/lib/vtx-ellipsis-text/index.js

@@ -28,6 +28,11 @@ function VtxEllipsisText(props) {
     tooltip = _props$tooltip === void 0 ? {} : _props$tooltip,
     className = props.className,
     style = props.style;
+
+  // 边界检查
+  if (!text) {
+    return null;
+  }
   var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('vtx-ellipsis-text');
@@ -35,7 +40,7 @@ function VtxEllipsisText(props) {
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
   var textStyle = {};
-  if (lineClamp > 2) {
+  if (lineClamp >= 2) {
     textStyle['WebkitLineClamp'] = lineClamp;
   }
   return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, _objectSpread(_objectSpread({

package/lib/vtx-export/index.js

@@ -131,8 +131,13 @@ var VtxExport = exports.VtxExport = function VtxExport(props) {
       // 关闭loading，执行回调
       document.body.removeChild(div);
       if (afterExport && typeof afterExport === 'function') {
+        console.log('Export status:', status);
         afterExport(status);
       }
+    }).catch(function (err) {
+      console.error('Export failed:', err);
+      _antd.message.error('导出失败');
+      document.body.removeChild(div);
     });
   }
   /* 下载并 兼容IE */

package/lib/vtx-export-async/index.js

@@ -18,6 +18,8 @@ var _index = require("./style/index");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _vtxProvider = require("../vtx-provider");
 var _vtxModal = _interopRequireDefault(require("../vtx-modal"));
+var _vtxInput = _interopRequireDefault(require("../vtx-input"));
+var _filterSpecialCharacters = require("../utils/filterSpecialCharacters");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -33,7 +35,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var timer = null;
+var Includes = ['\\\\', '\\/', ':', '*', '?', '"', '<', '>', '|'];
 var VtxExportAsync = exports.VtxExportAsync = function VtxExportAsync(props) {
   var intl = (0, _vtxProvider.useIntl)();
   var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
@@ -42,6 +44,7 @@ var VtxExportAsync = exports.VtxExportAsync = function VtxExportAsync(props) {
   var _useStyle = (0, _index.useStyle)(prefixCls),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
+  var timerRef = (0, _react.useRef)(null);
   var uniqueKey = props.uniqueKey,
     _props$title = props.title,
     title = _props$title === void 0 ? '' : _props$title,
@@ -168,9 +171,9 @@ var VtxExportAsync = exports.VtxExportAsync = function VtxExportAsync(props) {
     });
   }, [state.visible]);
   function close() {
-    if (timer) {
-      clearInterval(timer);
-      timer = null;
+    if (timerRef.current) {
+      clearInterval(timerRef.current);
+      timerRef.current = null;
     }
     form.resetFields();
     setState({
@@ -180,6 +183,15 @@ var VtxExportAsync = exports.VtxExportAsync = function VtxExportAsync(props) {
       timer: null
     });
   }
+
+  // 组件卸载时也要清理
+  (0, _react.useEffect)(function () {
+    return function () {
+      if (timerRef.current) {
+        clearInterval(timerRef.current);
+      }
+    };
+  }, []);
   function showHistory() {
     setState({
       showHistoryModal: true
@@ -261,6 +273,8 @@ var VtxExportAsync = exports.VtxExportAsync = function VtxExportAsync(props) {
             } else {
               _antd.message.error((res === null || res === void 0 ? void 0 : res.msg) || "".concat(intl.getMessage('export.exportText', '导出')).concat(intl.getMessage('export.failure', '失败')));
             }
+          }).catch(function (err) {
+            _antd.message.error('导出失败：' + (err.message || '网络错误'));
           });
         }
       });
@@ -321,8 +335,14 @@ var VtxExportAsync = exports.VtxExportAsync = function VtxExportAsync(props) {
             required: true,
             message: TextEnum.requireFieldMsgText
           }],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, {
-            placeholder: TextEnum.placeholderFileName
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vtxInput.default, {
+            placeholder: TextEnum.placeholderFileName,
+            specialCharactersFilter: {
+              include: Includes,
+              exclude: _filterSpecialCharacters.SpecialCharacters.filter(function (v) {
+                return !Includes.includes(v);
+              })
+            }
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Item, {
           label: TextEnum.fieldTypeText,

package/lib/vtx-form-layout/Card.js

@@ -31,17 +31,17 @@ function VtxCard(props) {
     _props$expand = props.expand,
     expand = _props$expand === void 0 ? true : _props$expand,
     extra = props.extra,
-    onExpandChange = props.onExpandChange;
+    onExpandChange = props.onExpandChange,
+    children = props.children;
   var _useState = (0, _react.useState)(expand),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
-  var style = {};
-  if (visible) {
-    style = {
+  var iconStyle = (0, _react.useMemo)(function () {
+    return visible ? {
       transform: 'rotate(90deg)'
-    };
-  }
+    } : {};
+  }, [visible]);
   (0, _react.useEffect)(function () {
     // eslint-disable-next-line @typescript-eslint/no-unused-expressions
     onExpandChange && onExpandChange(visible);
@@ -59,8 +59,8 @@ function VtxCard(props) {
       },
       children: extra
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.RightOutlined, {
-      className: "".concat(prefixCls, "-expand-icon\""),
-      style: style,
+      className: "".concat(prefixCls, "-expand-icon"),
+      style: iconStyle,
       onClick: function onClick() {
         return setVisible(function (pre) {
           return !pre;
@@ -69,7 +69,7 @@ function VtxCard(props) {
     }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames2.default)("".concat(prefixCls, "-content"), _defineProperty({}, "".concat(prefixCls, "-content-hide"), !visible)),
-      children: props.children
+      children: children
     })
   });
 }

package/lib/vtx-form-layout/Divider.js

@@ -22,7 +22,7 @@ function VtxDivider(props) {
   var prefixCls = getPrefixCls('', 'vtx-form-layout-divider');
   var size = props.size;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Divider, {
-    className: (0, _classnames2.default)(prefixCls, _defineProperty({}, "".concat(prefixCls, "--small'"), size === 'small'))
+    className: (0, _classnames2.default)(prefixCls, _defineProperty({}, "".concat(prefixCls, "--small"), size === 'small'))
   });
 }
 VtxDivider.propTypes = {

package/lib/vtx-form-layout/FormItem.js

@@ -106,7 +106,8 @@ function FormItem(props) {
         children: label
       }),
       required: required,
-      hidden: hidden
+      hidden: hidden,
+      colon: label ? true : false
     }, formItemLayout), {}, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Item, _objectSpread(_objectSpread(_objectSpread({
         noStyle: true

package/lib/vtx-form-layout/Pane.js

@@ -17,18 +17,29 @@ function Pane(props) {
   var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('', 'vtx-form-layout-pane');
-  var title = props.title;
-  var items = [{
-    key: '1',
-    label: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "".concat(prefixCls, "-title"),
-      children: title
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  var title = props.title,
+    children = props.children;
+
+  // 无标题时直接渲染内容
+  if (!title) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "".concat(prefixCls, "-content"),
-      children: props.children
-    })
-  }];
+      children: children
+    });
+  }
+  var items = (0, _react.useMemo)(function () {
+    return [{
+      key: '1',
+      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "".concat(prefixCls, "-title"),
+        children: title
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "".concat(prefixCls, "-content"),
+        children: children
+      })
+    }];
+  }, [title, children, prefixCls]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Collapse, {
     className: prefixCls,
     bordered: false,

package/lib/vtx-image/Preview.js

@@ -28,15 +28,12 @@ var VIEWER = 'viewer';
 // 多张
 var GALLERY = 'gallery';
 function checkMode(x) {
-  var mode = '';
-  if ((0, _utils.isObject)(x)) {
-    mode = VIEWER;
-  }
   if (Array.isArray(x)) {
     var len = x.length;
-    mode = len == 0 ? '' : len == 1 ? VIEWER : GALLERY;
+    if (len === 0) return null;
+    return len === 1 ? VIEWER : GALLERY;
   }
-  return mode;
+  return (0, _utils.isObject)(x) ? VIEWER : null;
 }
 function Preview(props) {
   var _useState = (0, _react.useState)(),
@@ -93,6 +90,9 @@ function Preview(props) {
     setContainer(container);
     setViewer(viewer);
     return function () {
+      if (container) {
+        container.innerHTML = '';
+      }
       viewer && viewer.destroy();
     };
   }, []);
@@ -102,6 +102,7 @@ function Preview(props) {
         container.innerHTML = '';
       }
       var mode = checkMode(photo);
+      if (!mode) return null;
       var newIndex = index;
       // 单张
       if (mode === VIEWER) {
@@ -132,6 +133,10 @@ function Preview(props) {
       }
       viewer.update();
       viewer.view(newIndex);
+    } else {
+      if (container) {
+        container.innerHTML = '';
+      }
     }
   }, [visible]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});

package/lib/vtx-import/index.js

@@ -41,14 +41,19 @@ function VtxImport(props) {
   var _useStyle = (0, _index.useStyle)(prefixCls),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
+
+  // 用 useRef 管理 DOM 引用，而不是 state
+  var fileInputRef = (0, _react.useRef)(null);
+  var iframeRef = (0, _react.useRef)(null);
+  var formRef = (0, _react.useRef)(null);
+
+  // 用于追踪当前 XHR 请求，方便取消
+  var xhrRef = (0, _react.useRef)(null);
   var indexRef = (0, _react.useRef)(0);
   var _useSet = (0, _useSet3.default)({
-      fileForm: null,
-      // form表单
-      fileInput: null,
-      // 保存上传的文件
-      iframe: null,
-      // form表单提交之后跳转的
+      // fileForm: null, // form表单
+      // fileInput: null, // 保存上传的文件
+      // iframe: null, // form表单提交之后跳转的
       useFormData: window.FormData ? true : false,
       // 是否查看
       uploading: false,
@@ -111,7 +116,7 @@ function VtxImport(props) {
       data.append('chunkNo', i + 1);
       data.append('chunkId', state.chunkId);
       data.append('tenantId', (0, _utils.getVtxToken)('tenantId'));
-      data.append('file', new File([e], state.fileInput.files[0].name));
+      data.append('file', new File([e], fileInputRef.current.files[0].name));
       dataArr.push(data);
     });
     uploadAsync(dataArr);
@@ -121,6 +126,7 @@ function VtxImport(props) {
   function uploadAsync(list) {
     if (indexRef.current < list.length) {
       var xhr = new XMLHttpRequest();
+      xhrRef.current = xhr;
       xhr.onload = function () {
         if (xhr.status === 200) {
           setState({
@@ -144,15 +150,27 @@ function VtxImport(props) {
   // 合并分片
   function mergeFile() {
     var xhr = new XMLHttpRequest();
+    xhrRef.current = xhr;
     // 当上传完成时调用
     xhr.onload = function () {
       if (xhr.status === 200) {
-        var res = JSON.parse(xhr.responseText);
-        if ((res === null || res === void 0 ? void 0 : res.result) == 0) {
+        var _res;
+        var res;
+        try {
+          res = JSON.parse(xhr.responseText);
+        } catch (e) {
+          _antd.message.error(intl.getMessage('import.error', '解析响应失败'));
+          setState({
+            uploading: false
+          });
+          return;
+        }
+        if (((_res = res) === null || _res === void 0 ? void 0 : _res.result) == 0) {
           _antd.message.success(intl.getMessage('import.success', '上传成功'));
           chunkUpload(res.data);
         } else {
-          _antd.message.error((res === null || res === void 0 ? void 0 : res.msg) || intl.getMessage('import.error', '上传失败'));
+          var _res2;
+          _antd.message.error(((_res2 = res) === null || _res2 === void 0 ? void 0 : _res2.msg) || intl.getMessage('import.error', '上传失败'));
         }
       }
     };
@@ -165,7 +183,7 @@ function VtxImport(props) {
     data.append('chunkId', state.chunkId);
     data.append('tenantId', (0, _utils.getVtxToken)('tenantId'));
     data.append('chunkSize', state.chunks.length);
-    data.append('fileName', state.fileInput.files[0].name);
+    data.append('fileName', fileInputRef.current.files[0].name);
     xhr.send(data);
   }
 
@@ -175,6 +193,7 @@ function VtxImport(props) {
     var postData = props.postData || {};
     if (state.useFormData) {
       var request = new XMLHttpRequest();
+      xhrRef.current = request;
       // 发送请求
       request.open('POST', postUrl);
       request.setRequestHeader('Authorization', token ? "Bearer ".concat(token) : '');
@@ -205,6 +224,7 @@ function VtxImport(props) {
     var postData = props.postData || {};
     if (state.useFormData) {
       var request = new XMLHttpRequest();
+      xhrRef.current = request;
       // 发送请求
       request.open('POST', postUrl);
       request.setRequestHeader('Authorization', token ? "Bearer ".concat(token) : '');
@@ -225,7 +245,7 @@ function VtxImport(props) {
       };
       //创建formdata对象
       var fmd = new FormData();
-      fmd.append(state.fileKey, state.fileInput.files[0]);
+      fmd.append(state.fileKey, fileInputRef.current.files[0]);
       request.send(fmd);
     }
   }
@@ -256,7 +276,9 @@ function VtxImport(props) {
     return postArray.length > 0 ? "".concat(postUrl, "?").concat(postArray.join('&')) : postUrl;
   };
   var closeModal = function closeModal() {
-    state.fileInput.value = '';
+    if (fileInputRef.current) {
+      fileInputRef.current.value = '';
+    }
     if (typeof props.close === 'function') {
       props.close();
     } else {
@@ -267,15 +289,24 @@ function VtxImport(props) {
   };
   // 上传之后的回调 - 展示报错信息
   var uploadSuccess = function uploadSuccess(data) {
-    state.fileInput.value = '';
+    var _parseData;
+    if (fileInputRef.current) {
+      fileInputRef.current.value = '';
+    }
     setState({
       uploading: false
     });
+    var parseData;
+    try {
+      parseData = JSON.parse(data);
+    } catch (e) {
+      _antd.message.error(intl.getMessage('import.error', '解析响应数据失败'));
+      return;
+    }
     if (typeof props.afterUpload === 'function') {
       afterUpload(data);
     }
-    var parseData = JSON.parse(data);
-    if (Array.isArray(parseData === null || parseData === void 0 ? void 0 : parseData.data)) {
+    if (Array.isArray((_parseData = parseData) === null || _parseData === void 0 ? void 0 : _parseData.data)) {
       setState({
         resultVisible: true,
         resultData: parseData.data.map(function (item, index) {
@@ -290,7 +321,8 @@ function VtxImport(props) {
     } else {
       // 新增其他错误提示
       if (parseData.result !== 0) {
-        _antd.message.error((parseData === null || parseData === void 0 ? void 0 : parseData.msg) || intl.getMessage('import.success', '上传成功'));
+        var _parseData2;
+        _antd.message.error(((_parseData2 = parseData) === null || _parseData2 === void 0 ? void 0 : _parseData2.msg) || intl.getMessage('import.success', '上传成功'));
       }
     }
   };
@@ -315,22 +347,21 @@ function VtxImport(props) {
       type: "primary",
       loading: state.uploading,
       onClick: function onClick() {
+        var _fileInputRef$current2;
         if (typeof props.beforeUpload === 'function') {
-          var flag = beforeUpload(state.fileInput.files[0]);
+          var _fileInputRef$current;
+          var flag = beforeUpload((_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 || (_fileInputRef$current = _fileInputRef$current.files) === null || _fileInputRef$current === void 0 ? void 0 : _fileInputRef$current[0]);
           if (!flag) {
-            state.fileInput.value = '';
-            setState({
-              fileInput: null
-            });
+            fileInputRef.current.value = '';
             return;
           }
         }
-        if (state.fileInput.value) {
+        if ((_fileInputRef$current2 = fileInputRef.current) !== null && _fileInputRef$current2 !== void 0 && _fileInputRef$current2.value) {
           setState({
             uploading: true
           });
           // 上传文件
-          checkFile(state.fileInput.files[0]);
+          checkFile(fileInputRef.current.files[0]);
           // const postUrl = getPostURL();
           // if (state.useFormData) {
           //     const request = new XMLHttpRequest();
@@ -372,6 +403,21 @@ function VtxImport(props) {
     },
     modalWidth: state.modalWidth
   };
+
+  // 组件卸载时清理
+  (0, _react.useEffect)(function () {
+    return function () {
+      // 取消进行中的 XHR 请求
+      if (xhrRef.current) {
+        xhrRef.current.abort();
+        xhrRef.current = null;
+      }
+      // 清理文件输入
+      if (fileInputRef.current) {
+        fileInputRef.current.value = '';
+      }
+    };
+  }, []);
   (0, _react.useEffect)(function () {
     if (state.chunkId) {
       startUpload();
@@ -383,25 +429,19 @@ function VtxImport(props) {
       method: "post",
       target: "tmp",
       action: uploadURL,
-      ref: function ref(dom) {
-        if (dom) state.fileForm = dom;
-      },
+      ref: formRef,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
         type: "file",
         name: state.fileKey,
         accept: state.accept,
-        ref: function ref(dom) {
-          if (dom) state.fileInput = dom;
-        }
+        ref: fileInputRef
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
       name: "tmp",
       style: {
         display: 'none'
       },
-      ref: function ref(dom) {
-        if (dom) state.iframe = dom;
-      }
+      ref: iframeRef
     }), state.resultVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_result.default, _objectSpread({}, resultProps))]
   })));
 }

package/lib/vtx-import2/index.js

@@ -221,7 +221,7 @@ var VtxImport2 = exports.VtxImport2 = function VtxImport2(props) {
       if (xhr.status === 200) {
         var res = JSON.parse(xhr.responseText);
         if ((res === null || res === void 0 ? void 0 : res.result) == 0) {
-          _antd.message.success('上传成功');
+          _antd.message.success(intl.getMessage('import.success', '上传成功'));
           chunkUpload(res.data);
         } else {
           _antd.message.error((res === null || res === void 0 ? void 0 : res.msg) || intl.getMessage('import.error', '上传失败'));
@@ -253,6 +253,7 @@ var VtxImport2 = exports.VtxImport2 = function VtxImport2(props) {
     }
     request.setRequestHeader('Authorization', token ? "Bearer ".concat(token) : '');
     request.setRequestHeader('access_token', token ? "".concat(token) : '');
+    request.setRequestHeader('systemCode', getUrlParam('systemCode') ? getUrlParam('systemCode') : '');
     // 添加操作日志
     request.setRequestHeader('operation', encodeURIComponent(JSON.stringify({
       menuId: sessionStorage.getItem('vtxmenuselectedKeys'),

package/lib/vtx-import2/style/index.js

@@ -32,7 +32,7 @@ var genVtxImport2Style = function genVtxImport2Style(token) {
     padding: '16px 16px 16px 48px',
     color: token.colorPrimary,
     fontSize: '14px',
-    backgroundColor: token.colorBgLayout,
+    backgroundColor: token.colorBgLayoutTable,
     borderRadius: '4px'
   }, "".concat(componentCls, "-download"), {
     marginLeft: '16px'