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

package/es/vtx-import2/index.js

@@ -26,15 +26,17 @@ import getToken from "../utils/getToken";
 import getSignature from '@vtx/utils/lib/getSignature';
 import useSet from "../utils/useSet";
 import md5 from 'md5';
-import { getVtxToken } from '@vtx/utils';
+import { getVtxToken, getUrlParam } from '@vtx/utils';
 import classnames from 'classnames';
 import { useStyle } from "./style/index";
 import { VtxProvider, useIntl } from "../vtx-provider";
+import VtxModal from "../vtx-modal";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function getFileName() {
   var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var intl = useIntl();
+  var _ref = arguments.length > 1 ? arguments[1] : undefined,
+    intl = _ref.intl;
   var index = name.lastIndexOf('.');
   var suffix = name.substring(index);
   return name.substring(0, index) + "(".concat(intl.getMessage('import.errorFile', '错误文件'), ")") + suffix;
@@ -43,17 +45,20 @@ var VtxImport2 = function VtxImport2(props) {
   var intl = useIntl();
   var _useContext = useContext(VtxProvider),
     getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('import2', props.prefixCls);
+  var prefixCls = getPrefixCls('', 'vtx-import2');
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
   var visible = props.visible,
     close = props.close,
     title = props.title,
-    accept = props.accept,
-    fileKey = props.fileKey,
+    _props$accept = props.accept,
+    accept = _props$accept === void 0 ? 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv' : _props$accept,
+    _props$fileKey = props.fileKey,
+    fileKey = _props$fileKey === void 0 ? 'file' : _props$fileKey,
     uploadURL = props.uploadURL,
-    postData = props.postData,
+    _props$postData = props.postData,
+    postData = _props$postData === void 0 ? {} : _props$postData,
     errorURL = props.errorURL,
     templateURL = props.templateURL,
     afterUpload = props.afterUpload,
@@ -132,7 +137,7 @@ var VtxImport2 = function VtxImport2(props) {
     state = _useSet2[0],
     setState = _useSet2[1];
   var token = getToken();
-  if (!token) {
+  if (props.token) {
     token = props.token;
   }
   var newErrorDownloadName = errorDownloadName;
@@ -147,7 +152,9 @@ var VtxImport2 = function VtxImport2(props) {
   }, interval);
   useEffect(function () {
     if (fileList.length !== 0) {
-      fileName.current = getFileName(fileList[0].name);
+      fileName.current = getFileName(fileList[0].name, {
+        intl: intl
+      });
     }
   }, [fileList]);
 
@@ -202,6 +209,8 @@ var VtxImport2 = function VtxImport2(props) {
       };
       // 发送请求
       xhr.open('POST', '/cloudFile/common/uploadChunk', true);
+      xhr.setRequestHeader('Authorization', token ? "Bearer ".concat(token) : '');
+      xhr.setRequestHeader('access_token', token ? "".concat(token) : '');
       xhr.send(list[indexRef.current]);
     } else {
       mergeFile();
@@ -215,7 +224,7 @@ var 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) {
-          message.success('上传成功');
+          message.success(intl.getMessage('import.success', '上传成功'));
           chunkUpload(res.data);
         } else {
           message.error((res === null || res === void 0 ? void 0 : res.msg) || intl.getMessage('import.error', '上传失败'));
@@ -227,6 +236,8 @@ var VtxImport2 = function VtxImport2(props) {
     };
     // 发送请求
     xhr.open('POST', '/cloudFile/common/mergeChunk', true);
+    xhr.setRequestHeader('Authorization', token ? "Bearer ".concat(token) : '');
+    xhr.setRequestHeader('access_token', token ? "".concat(token) : '');
     var data = new FormData();
     data.append('chunkId', state.chunkId);
     data.append('tenantId', getVtxToken('tenantId'));
@@ -247,6 +258,7 @@ var 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'),
@@ -329,9 +341,9 @@ var VtxImport2 = function VtxImport2(props) {
       }
     }
   };
-  var onUpload = function onUpload(_ref) {
-    var _ref$files = _ref.files,
-      files = _ref$files === void 0 ? fileList : _ref$files;
+  var onUpload = function onUpload(_ref2) {
+    var _ref2$files = _ref2.files,
+      files = _ref2$files === void 0 ? fileList : _ref2$files;
     if (typeof props.beforeUpload === 'function') {
       var flag = beforeUpload(files[0]);
       if (!flag) {
@@ -366,7 +378,10 @@ var VtxImport2 = function VtxImport2(props) {
   var modelProps = {
     open: visible,
     width: width || 392,
-    maskClosable: false,
+    // maskClosable: false,
+    mask: {
+      closable: false
+    },
     footer: [/*#__PURE__*/_jsx(Button, {
       onClick: close,
       children: "".concat(TextEnum.btnCloseText).concat(status === 1 && result ? '(' + countdown + ')' : '')
@@ -388,7 +403,7 @@ var VtxImport2 = function VtxImport2(props) {
       })]
     })
   };
-  return wrapSSR( /*#__PURE__*/_jsxs(Modal, _objectSpread(_objectSpread({}, modelProps), {}, {
+  return wrapSSR( /*#__PURE__*/_jsxs(VtxModal, _objectSpread(_objectSpread({}, modelProps), {}, {
     children: [status === 0 ? /*#__PURE__*/_jsx(Content, {
       prefixCls: prefixCls,
       fileList: fileList,
@@ -422,11 +437,6 @@ var VtxImport2 = function VtxImport2(props) {
     })]
   })));
 };
-VtxImport2.defaultProps = {
-  fileKey: 'file',
-  accept: 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv',
-  postData: {}
-};
 VtxImport2.propTypes = {
   visible: PropTypes.bool,
   templateURL: PropTypes.string,
@@ -447,7 +457,8 @@ VtxImport2.propTypes = {
   beforeUpload: PropTypes.func,
   chunkSize: PropTypes.number,
   width: PropTypes.number,
-  extraDom: [PropTypes.string, PropTypes.node]
+  // extraDom: [PropTypes.string, PropTypes.node],
+  extraDom: PropTypes.object
 };
 export { VtxImport2 };
 export default VtxImport2;

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

@@ -7,7 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { useStyle as useAntdStyle } from "../../vtx-provider";
 var genVtxImport2Style = function genVtxImport2Style(token) {
   var componentCls = token.componentCls;
-  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '&-modal-header-title', {
+  return _defineProperty(_defineProperty(_defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '&-modal-header-title', {
     color: token.colorText
   }), '&-modal-header-text', {
     fontWeight: '400'
@@ -25,8 +25,8 @@ var genVtxImport2Style = function genVtxImport2Style(token) {
     height: '80px',
     padding: '16px 16px 16px 48px',
     color: token.colorPrimary,
-    fontSize: '14px',
-    backgroundColor: token.colorBgLayout,
+    fontSize: 14,
+    backgroundColor: token.colorBgLayoutTable,
     borderRadius: '4px'
   }, "".concat(componentCls, "-download"), {
     marginLeft: '16px'
@@ -48,7 +48,58 @@ var genVtxImport2Style = function genVtxImport2Style(token) {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'space-between',
-    color: 'fade(@black, 65%)'
+    color: token.colorTextSecondary
+  }, "".concat(componentCls, "-file-name"), {
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis'
+  }))), '&:last-child ', {
+    marginTop: '20px'
+  }), "".concat(componentCls, "-content-mark"), {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '28px',
+    height: '22px',
+    color: '#fff',
+    backgroundColor: token.colorPrimary,
+    border: "1px solid ".concat(token.colorPrimary),
+    borderRadius: '4px 0',
+    opacity: 0.6
+  }))), "".concat(componentCls, "-content-box"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'center',
+    height: '80px',
+    padding: '16px 16px 16px 48px',
+    color: token.colorPrimary,
+    fontSize: 14,
+    backgroundColor: token.colorBgLayoutTable,
+    borderRadius: '4px'
+  }, "".concat(componentCls, "-download"), {
+    marginLeft: '16px'
+  }), "".concat(componentCls, "-file-list"), _defineProperty(_defineProperty({
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    width: '100%',
+    marginLeft: '16px',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis'
+  }, "".concat(componentCls, "-text"), {
+    cursor: 'pointer',
+    overflowRrap: 'break-word',
+    wordBreak: 'break-all',
+    whiteSpace: 'pre-wrap'
+  }), "".concat(componentCls, "-file-item"), _defineProperty({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    color: token.colorBase
   }, "".concat(componentCls, "-file-name"), {
     overflow: 'hidden',
     whiteSpace: 'nowrap',
@@ -77,17 +128,17 @@ var genVtxImport2Style = function genVtxImport2Style(token) {
   }, "".concat(componentCls, "-result"), {
     marginTop: '20px',
     marginBottom: '12px',
-    color: 'fade(@black, 85%)',
+    color: token.colorText,
     fontWeight: '700',
     fontSize: '24px'
   }), "&-success-tips", {
-    color: 'fade(@black, 45%)',
-    fontSize: '14px'
+    color: token.colorTextSecondary,
+    fontSize: 14
   }), "&-error-tips", {
     color: token.colorPrimary,
-    fontSize: '14px',
+    fontSize: 14,
     cursor: 'pointer'
-  })));
+  }));
 };
 export function useStyle(prefixCls) {
   return useAntdStyle('VtxImport2', function (token) {

package/es/vtx-input/TextArea/index.js

@@ -45,12 +45,17 @@ var TextArea = /*#__PURE__*/forwardRef(function (props, ref) {
   }));
 
   // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-  showCount && 'value' in props && (render = /*#__PURE__*/_jsx("div", {
-    className: classnames(prefixCls, hashId),
-    "data-count": "".concat(len, "/").concat(maxLength),
-    children: render
-  }));
-  return wrapSSR(render);
+  var wrapper = null;
+  if (showCount && 'value' in props) {
+    wrapper = function wrapper(element) {
+      return /*#__PURE__*/_jsx("div", {
+        className: classnames(prefixCls, hashId),
+        "data-count": "".concat(len, "/").concat(maxLength),
+        children: element
+      });
+    };
+  }
+  return wrapSSR(wrapper ? wrapper(render) : render);
 });
 export default TextArea;
 TextArea.propTypes = {

package/es/vtx-modal/index.js

@@ -134,8 +134,8 @@ function VtxModal(props) {
     }
   };
 
-  /*
-   *重写title，加入对话框全屏功能
+  /*
+   *重写title，加入对话框全屏功能
    */
   title = function renderTitle() {
     if (typeof title == 'string' && title.indexOf('>') > -1) {
@@ -195,15 +195,20 @@ function VtxModal(props) {
     destroyOnHidden: (_props$destroyOnClose = props.destroyOnClose) !== null && _props$destroyOnClose !== void 0 ? _props$destroyOnClose : true
   };
   var newProps = _objectSpread(_objectSpread(_objectSpread({
-    maskClosable: false,
-    // destroyOnClose: true,
-    width: 700
+    mask: {
+      closable: false
+    },
+    width: 700,
+    focusable: {
+      autoFocusButton: null,
+      focusTriggerAfterClose: true,
+      trap: false
+    }
   }, props), legacyProps), {}, {
     closable: false,
     open: open,
     title: title,
     wrapClassName: classnames(prefixCls, hashId, wrapClassName, _defineProperty({}, "".concat(prefixCls, "-maxClass"), isFull ? true : false), classId.current),
-    // bodyStyle,
     onCancel: onCancel,
     style: _objectSpread(_objectSpread({}, props.style), isFull ? {} : transformStyle)
   });

package/es/vtx-modal/style/index.js

@@ -19,11 +19,13 @@ var genVtxModalStyle = function genVtxModalStyle(token) {
           padding: 0
         },
         '.ant-modal-body': {
-          maxHeight: 'calc(100% - 108px)',
+          height: 'calc(100% - 108px)',
           padding: '12px 20px 8px 20px',
-          overflowY: 'auto',
-          height: '100%'
+          overflowY: 'auto'
         }
+      },
+      '.ant-modal-container': {
+        padding: 0
       }
     }
   }, '&-title', _defineProperty(_defineProperty(_defineProperty({

package/es/vtx-page-layout/Basic.js

@@ -1,5 +1,5 @@
-/**
- * 基础布局
+/**
+ * 基础布局
  */
 import PropTypes from 'prop-types';
 import { useContext } from 'react';

package/es/vtx-page-layout/Content.js

@@ -19,7 +19,7 @@ function Content(props) {
     height = props.height;
   var contentClass = classnames(_defineProperty(_defineProperty(_defineProperty({}, 'vtx-page-content-absolute', !relative), 'vtx-page-content-relative', relative), 'vtx-page-content-scroll-y', scrollY), className);
   var newStyle = style;
-  if ('height' in props) {
+  if (height !== undefined) {
     newStyle = _objectSpread(_objectSpread({}, newStyle), {}, {
       height: height
     });

package/es/vtx-page-layout/TabLayout.js

@@ -1,9 +1,3 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { ConfigProvider } from 'antd';
 import classsnames from 'classnames';
 import PropTypes from 'prop-types';
@@ -11,9 +5,9 @@ import { useContext } from 'react';
 import { useStyle } from "./style";
 import { VtxProvider } from "../vtx-provider";
 
-/**
- * 页面
- * @param {*} props
+/**
+ * 页面
+ * @param {*} props
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 var Page = function Page(props) {
@@ -35,9 +29,9 @@ Page.propTypes = {
   children: PropTypes.node
 };
 
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,
@@ -50,7 +44,7 @@ var Content = function Content(props) {
     hashId = _useStyle2.hashId;
   return wrapSSR( /*#__PURE__*/_jsx("div", {
     className: classsnames("".concat(prefix, "-tab-content"), className, hashId),
-    style: _objectSpread({}, style),
+    style: style,
     children: props.children
   }));
 };

package/es/vtx-page-layout/TableLayout.js

@@ -24,9 +24,9 @@ var pagePaddingTop = 20;
 var searchMarginBottom = 20;
 
 // eslint-disable-next-line valid-jsdoc
-/**
- * 页面
- * @param {*} props
+/**
+ * 页面
+ * @param {*} props
  */
 var Page = function Page(props) {
   var _useContext = useContext(VtxProvider),
@@ -74,17 +74,17 @@ Page.propTypes = {
   onSearchCollapse: PropTypes.func
 };
 
-/**
- * 搜索
+/**
+ * 搜索
  */
 var Search = container({
   componentClass: 'vtx-page-table-search'
 })(Basic);
 
 // eslint-disable-next-line valid-jsdoc
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,
@@ -119,20 +119,30 @@ Content.propTypes = {
 };
 
 // eslint-disable-next-line valid-jsdoc
-/**
- * 表格布局
+/**
+ * 表格布局
  */
 var Table = function Table(props) {
   var className = props.className,
-    style = props.style;
+    style = props.style,
+    children = props.children;
   var _useContext3 = useContext(StoreCtx),
     searchCollapseEvent$ = _useContext3.searchCollapseEvent$;
+
+  // 安全检查：如果不是有效的 React 元素，直接渲染不注入 props
+  if (! /*#__PURE__*/React.isValidElement(children)) {
+    return /*#__PURE__*/_jsx("div", {
+      className: classsnames('vtx-page-table-wrap', className),
+      style: style,
+      children: children
+    });
+  }
   return /*#__PURE__*/_jsx("div", {
-    className: classsnames('vtx-page-table-wrap', className ? className : ''),
+    className: classsnames('vtx-page-table-wrap', className),
     style: style,
-    children: /*#__PURE__*/React.cloneElement(props.children, _objectSpread(_objectSpread({}, props.children.props), {}, {
+    children: /*#__PURE__*/React.cloneElement(children, {
       searchCollapseEvent$: searchCollapseEvent$
-    }))
+    })
   });
 };
 Table.propTypes = {

package/es/vtx-page-layout/TableWrap.js

@@ -12,7 +12,8 @@ function TableWrap(props) {
   var relative = props.relative,
     height = props.height,
     style = props.style,
-    className = props.className;
+    className = props.className,
+    children = props.children;
   var tableClass = classnames(_defineProperty(_defineProperty({}, 'vtx-table-wrapper-absolute', !relative), 'vtx-table-wrapper-relative', relative), className);
   var newStyle = style;
   if (relative && 'height' in props) {
@@ -23,7 +24,7 @@ function TableWrap(props) {
   return /*#__PURE__*/_jsx("div", {
     className: tableClass,
     style: newStyle,
-    children: props.children
+    children: children
   });
 }
 export default TableWrap;

package/es/vtx-page-layout/TreeLayout.js

@@ -1,18 +1,12 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import classsnames from 'classnames';
 import PropTypes from 'prop-types';
 import { useContext } from 'react';
 import { useStyle } from "./style";
 import { VtxProvider } from "../vtx-provider";
 
-/**
- * 页面
- * @param {*} props
+/**
+ * 页面
+ * @param {*} props
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 var Page = function Page(props) {
@@ -34,9 +28,9 @@ Page.propTypes = {
   children: PropTypes.node
 };
 
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,
@@ -49,7 +43,7 @@ var Content = function Content(props) {
     hashId = _useStyle2.hashId;
   return wrapSSR( /*#__PURE__*/_jsx("div", {
     className: classsnames("".concat(prefix, "-tree-content"), className, hashId),
-    style: _objectSpread({}, style),
+    style: style,
     children: props.children
   }));
 };
@@ -62,7 +56,7 @@ var Tree = function Tree(props) {
   var className = props.className,
     style = props.style;
   return /*#__PURE__*/_jsx("div", {
-    className: classsnames('vtx-page-tree-wrap', className ? className : ''),
+    className: classsnames('vtx-page-tree-wrap', className),
     style: style,
     children: props.children
   });

package/es/vtx-page-layout/container.js

@@ -14,8 +14,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/**
- * 高阶组件
+/**
+ * 高阶组件
  */
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -44,11 +44,12 @@ function Container() {
             className = _this$props.className,
             top = _this$props.top,
             space = _this$props.space;
-          var wrapClass = classnames(_defineProperty({}, componentClass, true), className);
-          var newStyle = _objectSpread({
-            top: top,
+          var wrapClass = classnames(_defineProperty({}, componentClass, !!componentClass), className);
+          var newStyle = _objectSpread(_objectSpread(_objectSpread({}, top !== undefined && {
+            top: top
+          }), space !== undefined && {
             padding: space
-          }, style);
+          }), style);
           var newProps = {
             className: wrapClass,
             style: newStyle
@@ -59,7 +60,7 @@ function Container() {
       return HOC;
     }(React.Component), _defineProperty(_class, "displayName", "HOC(".concat(getDisplayName(WrappedComponend), ")")), _defineProperty(_class, "propTypes", {
       top: PropTypes.number,
-      space: PropTypes.number || PropTypes.string,
+      space: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
       style: PropTypes.object,
       className: PropTypes.string
     }), _class;

package/es/vtx-page-layout/style/index.js

@@ -96,7 +96,7 @@ var genVtxStyle = function genVtxStyle(token) {
     '&-wrap': _objectSpread(_objectSpread({}, absolute()), {}, {
       backgroundColor: token.colorBgContainer,
       borderRadius: token.borderRadiusLG,
-      padding: '0 20px'
+      padding: '0 20px 20px 20px'
     }),
     '&-card': {
       background: token.colorBgContainer,
@@ -109,7 +109,9 @@ var genVtxStyle = function genVtxStyle(token) {
     '&-left': _defineProperty(_defineProperty({}, "".concat(componentCls, "-ztree-search"), {
       right: 0
     }), '.ant-vtx-tree-wraaper', {})
-  })), "".concat(componentCls, "-button-wrap"), _defineProperty({}, "button + button", {
+  })), "".concat(componentCls, "-button-wrap"), _defineProperty(_defineProperty({}, "button + button", {
+    marginLeft: 8
+  }), "button + .vtx-export-async", {
     marginLeft: 8
   }));
 };