@vtx/components 4.0.0-beta.8 → 4.0.0-beta.81

package/es/vtx-import/result.js

@@ -1,24 +1,27 @@
 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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 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; }
+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 React from 'react';
 import { Modal, Button } from 'antd';
 import PropTypes from 'prop-types';
 import useSet from "../utils/useSet";
 import VtxDatagrid from "../vtx-datagrid";
-import { useIntl } from "../vtx-provider";
+import VtxModal from "../vtx-modal";
 import { jsx as _jsx } from "react/jsx-runtime";
 function VtxImportResult(props) {
-  var intl = useIntl();
+  var TextEnum = _objectSpread({
+    resultTitleText: '导入结果',
+    btnCloseText: '关闭'
+  }, props.TextEnum);
   var _useSet = useSet({
       visible: props.visible || false,
       dataSource: props.dataSource || [],
@@ -28,47 +31,45 @@ function VtxImportResult(props) {
     _useSet2 = _slicedToArray(_useSet, 1),
     state = _useSet2[0];
   var modalProps = {
-    bodyStyle: {
-      backgroundColor: '#f8f8f8'
-    },
+    bodyStyle: {},
     open: state.visible,
-    title: intl.getMessage('import.result', '导入结果'),
+    title: TextEnum.resultTitleText,
     onCancel: function onCancel() {
       if (typeof props.hideVisible === 'function') {
         props.hideVisible();
       }
     },
     width: state.modalWidth,
-    maskClosable: false,
+    // maskClosable: false,
+    mask: {
+      closable: false
+    },
     footer: [/*#__PURE__*/_jsx(Button, {
       onClick: function onClick() {
         if (typeof props.hideVisible === 'function') {
           props.hideVisible();
         }
       },
-      children: intl.getMessage('switch.close', '关闭')
+      children: TextEnum.btnCloseText
     }, "closeWindow")]
   };
   var newTableProps = {
+    toolba: false,
     columns: state.columns,
     dataSource: state.dataSource,
     startIndex: 1,
     size: 'small',
     headFootHeight: 50,
     pagination: false,
-    autoFit: false
+    autoFit: false,
+    scroll: {
+      y: 550
+    }
   };
-  return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({}, modalProps), {}, {
-    children: /*#__PURE__*/_jsx("div", {
-      style: {
-        maxHeight: 600,
-        width: '100%',
-        overflow: 'auto'
-      },
-      children: /*#__PURE__*/_jsx(VtxDatagrid, _objectSpread({
-        toolbar: false
-      }, newTableProps))
-    })
+  return /*#__PURE__*/_jsx(VtxModal, _objectSpread(_objectSpread({}, modalProps), {}, {
+    children: /*#__PURE__*/_jsx(VtxDatagrid, _objectSpread({
+      toolbar: false
+    }, newTableProps))
   }));
 }
 VtxImportResult.propTypes = {
@@ -76,6 +77,7 @@ VtxImportResult.propTypes = {
   dataSource: PropTypes.array,
   columns: PropTypes.array,
   modalWidth: PropTypes.number,
-  hideVisible: PropTypes.func
+  hideVisible: PropTypes.func,
+  TextEnum: PropTypes.object
 };
 export default VtxImportResult;

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

@@ -7,7 +7,22 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { useStyle as useAntdStyle } from "../../vtx-provider";
 var genVtxImportStyle = function genVtxImportStyle(token) {
   var componentCls = token.componentCls;
-  return _defineProperty({}, componentCls, {});
+  return _defineProperty({}, componentCls, _defineProperty({
+    '.ant-modal-container': {
+      padding: 0,
+      '.ant-modal-header': {
+        padding: 20
+      },
+      '.ant-modal-body': {
+        padding: 20
+      }
+    }
+  }, '&-btn', {
+    display: 'flex',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    gap: 8
+  }));
 };
 export function useStyle(prefixCls) {
   return useAntdStyle('VtxImport', function (token) {

package/es/vtx-import2/Content.js

@@ -98,6 +98,7 @@ Content.propTypes = {
   customText: PropTypes.string,
   extraText: PropTypes.string,
   TextEnum: PropTypes.object,
-  extraDom: [PropTypes.string, PropTypes.node]
+  // extraDom: [PropTypes.string, PropTypes.node],
+  extraDom: PropTypes.object
 };
 export default Content;

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();
@@ -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-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-page-layout/Basic.js

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

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

@@ -5,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) {
@@ -29,9 +29,9 @@ Page.propTypes = {
   children: PropTypes.node
 };
 
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,

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,8 +119,8 @@ Content.propTypes = {
 };
 
 // eslint-disable-next-line valid-jsdoc
-/**
- * 表格布局
+/**
+ * 表格布局
  */
 var Table = function Table(props) {
   var className = props.className,

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

@@ -4,9 +4,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) {
@@ -28,9 +28,9 @@ Page.propTypes = {
   children: PropTypes.node
 };
 
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,

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';

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
   }));
 };