@vtx/components 2.5.4 → 3.0.0-2

package/lib/vtx-modal/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -17,21 +17,21 @@ var _useSetState5 = _interopRequireDefault(require("ahooks/es/useSetState"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _modal = _interopRequireDefault(require("antd/es/modal"));
-
-var _icon = _interopRequireDefault(require("antd/es/icon"));
+var _modal = _interopRequireDefault(require("antd/lib/modal"));
 
 var _Title = _interopRequireDefault(require("./Title"));
 
+var _icons = require("@ant-design/icons");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -43,11 +43,11 @@ 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(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-//对话框位置初始参数
+// 对话框位置初始参数
 var initDragArg = {
   init_x: 0,
   init_y: 0,
@@ -55,7 +55,7 @@ var initDragArg = {
   y_move: 0,
   documentMouseMove: null,
   documentMouseUp: null
-}; //全屏参数
+}; // 全屏参数
 
 var initFullScreen = {
   isFull: false,
@@ -66,13 +66,13 @@ function VtxModal(props) {
   var _useSetState = (0, _useSetState5["default"])(initFullScreen),
       _useSetState2 = _slicedToArray(_useSetState, 2),
       fullScreen = _useSetState2[0],
-      setFullScreen = _useSetState2[1]; //是否是全屏状态
+      setFullScreen = _useSetState2[1]; // 是否是全屏状态
 
 
   var _useSetState3 = (0, _useSetState5["default"])(initDragArg),
       _useSetState4 = _slicedToArray(_useSetState3, 2),
       dragArg = _useSetState4[0],
-      setDragArg = _useSetState4[1]; //拖动配置
+      setDragArg = _useSetState4[1]; // 拖动配置
 
 
   var classId = (0, _react.useRef)(new Date().getTime() + Math.random());
@@ -86,7 +86,7 @@ function VtxModal(props) {
       maximize = _props$maximize === void 0 ? false : _props$maximize,
       onModalResize = props.onModalResize,
       _props$moveable = props.moveable,
-      moveable = _props$moveable === void 0 ? false : _props$moveable; //监听对话框大小变化回调(忽略首次执行)
+      moveable = _props$moveable === void 0 ? false : _props$moveable; // 监听对话框大小变化回调(忽略首次执行)
 
   (0, _useUpdateEffect["default"])(function () {
     var timer = setTimeout(function () {
@@ -102,7 +102,7 @@ function VtxModal(props) {
     return function () {
       return clearTimeout(timer);
     };
-  }, [fullScreen.isFull]); //拖拽
+  }, [fullScreen.isFull]); // 拖拽
 
   (0, _react.useEffect)(function () {
     if (props.visible && moveable) {
@@ -123,7 +123,7 @@ function VtxModal(props) {
   });
 
   var startDrag = function startDrag(e) {
-    e.preventDefault(); //全屏模式下禁止拖拽
+    e.preventDefault(); // 全屏模式下禁止拖拽
 
     if (!fullScreen.isFull) {
       setDragArg({
@@ -147,12 +147,12 @@ function VtxModal(props) {
         document.onmouseup = dragArg.documentMouseUp;
       };
     }
-  }; //关闭对话框，初始化位置
+  }; // 关闭对话框，初始化位置
 
 
   var onCancel = function onCancel() {
     if (props.onCancel && typeof props.onCancel === 'function') {
-      props.onCancel(); //TODO 关闭弹框会闪一下,待解决
+      props.onCancel(); // TODO 关闭弹框会闪一下,待解决
 
       setDragArg(initDragArg);
       setFullScreen(initFullScreen);
@@ -186,17 +186,11 @@ function VtxModal(props) {
           className: fullScreenClass
         });
       }
-    }, fullScreen.isFull ? /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-      type: "fullscreen-exit"
-    }) : /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-      type: "fullscreen"
-    }))) : null, closable ? /*#__PURE__*/_react["default"].createElement("div", {
+    }, fullScreen.isFull ? /*#__PURE__*/_react["default"].createElement(_icons.FullscreenExitOutlined, null) : /*#__PURE__*/_react["default"].createElement(_icons.FullscreenOutlined, null))) : null, closable ? /*#__PURE__*/_react["default"].createElement("div", {
       className: "vtx-modal-close"
     }, /*#__PURE__*/_react["default"].createElement("p", {
       onClick: onCancel
-    }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-      type: "close"
-    }))) : '');
+    }, /*#__PURE__*/_react["default"].createElement(_icons.CloseOutlined, null))) : '');
   }();
 
   var bodyStyle = _objectSpread({}, props.bodyStyle);

package/lib/vtx-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-modal/index.jsx"],"names":["initDragArg","init_x","init_y","x_move","y_move","documentMouseMove","documentMouseUp","initFullScreen","isFull","className","VtxModal","props","fullScreen","setFullScreen","dragArg","setDragArg","classId","Date","getTime","Math","random","wrapClassName","closable","title","maximize","onModalResize","moveable","timer","setTimeout","el","document","getElementsByClassName","option","height","window","getComputedStyle","clearTimeout","visible","modalHead","current","style","cursor","onmousedown","startDrag","e","preventDefault","onmouseup","onmousemove","clientX","clientY","prev","onCancel","renderTitle","paddingRight","fullScreenClass","bodyStyle","maxHeight","innerHeight","transformStyle","transform","newProps","maskClosable","destroyOnClose","width","children","info","Modal","success","error","warning","confirm","propTypes","PropTypes","bool","string","oneOfType","element","func","object","node","Title","size","xsmall","small","middle","large"],"mappings":"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","sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2021-11-23 09:21:48\n * @Description: 对话框组件\n * @FilePath: \\react-components\\components\\vtx-modal\\index.jsx\n */\nimport React, { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport useUpdateEffect from 'ahooks/es/useUpdateEffect';\nimport useSetState from 'ahooks/es/useSetState';\nimport classnames from 'classnames';\nimport Modal from 'antd/es/modal';\nimport Icon from 'antd/es/icon';\nimport Title from './Title';\n\n//对话框位置初始参数\nconst initDragArg = {\n    init_x: 0,\n    init_y: 0,\n    x_move: 0,\n    y_move: 0,\n    documentMouseMove: null,\n    documentMouseUp: null,\n};\n\n//全屏参数\nconst initFullScreen = {\n    isFull: false,\n    className: '',\n};\n\nfunction VtxModal(props) {\n    const [fullScreen, setFullScreen] = useSetState(initFullScreen); //是否是全屏状态\n    const [dragArg, setDragArg] = useSetState(initDragArg); //拖动配置\n    const classId = useRef(new Date().getTime() + Math.random());\n\n    let {\n        wrapClassName = '',\n        closable = true, //是否显示右上角关闭按钮\n        title = '', //对话框title\n        maximize = false, //是否显示对话框全屏按钮\n        onModalResize, //对话框全屏回调\n        moveable = false, //对话框是否允许拖动\n    } = props;\n\n    //监听对话框大小变化回调(忽略首次执行)\n    useUpdateEffect(() => {\n        const timer = setTimeout(() => {\n            if (onModalResize && typeof onModalResize === 'function') {\n                const el = document.getElementsByClassName('ant-modal-body')[0];\n                let option = {\n                    height: window.getComputedStyle(el).height,\n                    isFull: fullScreen.isFull,\n                };\n                onModalResize(option);\n            }\n        }, 100);\n        return () => clearTimeout(timer);\n    }, [fullScreen.isFull]);\n\n    //拖拽\n    useEffect(() => {\n        if (props.visible && moveable) {\n            let timer = setTimeout(() => {\n                let modalHead = document\n                    .getElementsByClassName(classId.current)?.[0]\n                    ?.getElementsByClassName('ant-modal-header')?.[0];\n                if (modalHead) {\n                    modalHead.style.cursor = 'move';\n                    modalHead.onmousedown = startDrag;\n                }\n            }, 200);\n            return () => clearTimeout(timer);\n        }\n    });\n\n    const startDrag = e => {\n        e.preventDefault();\n        //全屏模式下禁止拖拽\n        if (!fullScreen.isFull) {\n            setDragArg({\n                documentMouseUp: document.onmouseup,\n                documentMouseMove: document.onmousemove,\n                init_x: e.clientX - dragArg.x_move,\n                init_y: e.clientY - dragArg.y_move,\n            });\n            document.onmousemove = e => {\n                setDragArg(prev => ({\n                    x_move: e.clientX - prev.init_x,\n                    y_move: e.clientY - prev.init_y,\n                }));\n            };\n            document.onmouseup = () => {\n                document.onmousemove = dragArg.documentMouseMove;\n                document.onmouseup = dragArg.documentMouseUp;\n            };\n        }\n    };\n\n    //关闭对话框，初始化位置\n    const onCancel = () => {\n        if (props.onCancel && typeof props.onCancel === 'function') {\n            props.onCancel();\n            //TODO 关闭弹框会闪一下,待解决\n            setDragArg(initDragArg);\n            setFullScreen(initFullScreen);\n        }\n    };\n\n    /*\n     *重写title，加入对话框全屏功能\n     */\n    title = (function renderTitle() {\n        return (\n            <div className=\"vtx-modal-title\" style={{ paddingRight: closable ? '32px' : '0px' }}>\n                <div className=\"vtx-modal-title_name\">{title}</div>\n                {maximize ? (\n                    <div className=\"vtx-modal-maximizeIcon\">\n                        <p\n                            onClick={() => {\n                                let fullScreenClass = '';\n                                if (!fullScreen.isFull) {\n                                    fullScreenClass = 'vtx-modal-maxClass';\n                                }\n                                setFullScreen({\n                                    isFull: !fullScreen.isFull,\n                                    className: fullScreenClass,\n                                });\n                            }}\n                        >\n                            {fullScreen.isFull ? (\n                                <Icon type=\"fullscreen-exit\" />\n                            ) : (\n                                <Icon type=\"fullscreen\" />\n                            )}\n                        </p>\n                    </div>\n                ) : null}\n                {closable ? (\n                    <div className=\"vtx-modal-close\">\n                        <p onClick={onCancel}>\n                            <Icon type=\"close\" />\n                        </p>\n                    </div>\n                ) : (\n                    ''\n                )}\n            </div>\n        );\n    })();\n\n    let bodyStyle = {\n        ...props.bodyStyle,\n    };\n\n    /* 限制最大高度 */\n    if (!fullScreen.isFull) {\n        bodyStyle = {\n            maxHeight: `${window.innerHeight * 0.7}px`,\n            ...bodyStyle,\n        };\n    }\n\n    const transformStyle = {\n        transform: `translate(${dragArg.x_move}px,${dragArg.y_move}px)`,\n    };\n\n    const newProps = {\n        maskClosable: false,\n        destroyOnClose: true,\n        width: 700,\n        ...props,\n        closable: false,\n        title,\n        wrapClassName: classnames(\n            'vtx-modal',\n            wrapClassName,\n            fullScreen.className,\n            classId.current,\n        ),\n        bodyStyle,\n        onCancel,\n        style: {\n            ...props.style,\n            ...(fullScreen.isFull ? {} : transformStyle),\n        },\n    };\n\n    return <Modal {...newProps}>{props.children}</Modal>;\n}\n\nVtxModal.info = Modal.info;\nVtxModal.success = Modal.success;\nVtxModal.error = Modal.error;\nVtxModal.warning = Modal.warning;\nVtxModal.confirm = Modal.confirm;\n\nVtxModal.propTypes = {\n    visible: PropTypes.bool,\n    wrapClassName: PropTypes.string,\n    closable: PropTypes.bool,\n    title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n    maximize: PropTypes.bool,\n    onModalResize: PropTypes.func,\n    moveable: PropTypes.bool,\n    onCancel: PropTypes.func,\n    bodyStyle: PropTypes.object,\n    style: PropTypes.object,\n    children: PropTypes.node,\n};\n\nVtxModal.Title = Title;\n\nconst size = {\n    xsmall: 392,\n    small: 500,\n    middle: 744,\n    large: 1096,\n};\n\nVtxModal.size = size;\n\nexport default VtxModal;\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-modal/index.jsx"],"names":["initDragArg","init_x","init_y","x_move","y_move","documentMouseMove","documentMouseUp","initFullScreen","isFull","className","VtxModal","props","fullScreen","setFullScreen","dragArg","setDragArg","classId","Date","getTime","Math","random","wrapClassName","closable","title","maximize","onModalResize","moveable","timer","setTimeout","el","document","getElementsByClassName","option","height","window","getComputedStyle","clearTimeout","visible","modalHead","current","style","cursor","onmousedown","startDrag","e","preventDefault","onmouseup","onmousemove","clientX","clientY","prev","onCancel","renderTitle","paddingRight","fullScreenClass","bodyStyle","maxHeight","innerHeight","transformStyle","transform","newProps","maskClosable","destroyOnClose","width","children","info","Modal","success","error","warning","confirm","propTypes","PropTypes","bool","string","oneOfType","element","func","object","node","Title","size","xsmall","small","middle","large"],"mappings":"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","sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2021-11-23 09:21:48\n * @Description: 对话框组件\n * @FilePath: \\react-components\\components\\vtx-modal\\index.jsx\n */\nimport React, { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport useUpdateEffect from 'ahooks/es/useUpdateEffect';\nimport useSetState from 'ahooks/es/useSetState';\nimport classnames from 'classnames';\nimport Modal from 'antd/lib/modal';\nimport Title from './Title';\nimport { CloseOutlined, FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons';\n// 对话框位置初始参数\nconst initDragArg = {\n    init_x: 0,\n    init_y: 0,\n    x_move: 0,\n    y_move: 0,\n    documentMouseMove: null,\n    documentMouseUp: null,\n};\n\n// 全屏参数\nconst initFullScreen = {\n    isFull: false,\n    className: '',\n};\n\nfunction VtxModal(props) {\n    const [fullScreen, setFullScreen] = useSetState(initFullScreen); // 是否是全屏状态\n    const [dragArg, setDragArg] = useSetState(initDragArg); // 拖动配置\n    const classId = useRef(new Date().getTime() + Math.random());\n\n    let {\n        wrapClassName = '',\n        closable = true, // 是否显示右上角关闭按钮\n        title = '', // 对话框title\n        maximize = false, // 是否显示对话框全屏按钮\n        onModalResize, // 对话框全屏回调\n        moveable = false, // 对话框是否允许拖动\n    } = props;\n\n    // 监听对话框大小变化回调(忽略首次执行)\n    useUpdateEffect(() => {\n        const timer = setTimeout(() => {\n            if (onModalResize && typeof onModalResize === 'function') {\n                const el = document.getElementsByClassName('ant-modal-body')[0];\n                const option = {\n                    height: window.getComputedStyle(el).height,\n                    isFull: fullScreen.isFull,\n                };\n                onModalResize(option);\n            }\n        }, 100);\n        return () => clearTimeout(timer);\n    }, [fullScreen.isFull]);\n\n    // 拖拽\n    useEffect(() => {\n        if (props.visible && moveable) {\n            const timer = setTimeout(() => {\n                const modalHead = document\n                    .getElementsByClassName(classId.current)?.[0]\n                    ?.getElementsByClassName('ant-modal-header')?.[0];\n                if (modalHead) {\n                    modalHead.style.cursor = 'move';\n                    modalHead.onmousedown = startDrag;\n                }\n            }, 200);\n            return () => clearTimeout(timer);\n        }\n    });\n\n    const startDrag = e => {\n        e.preventDefault();\n        // 全屏模式下禁止拖拽\n        if (!fullScreen.isFull) {\n            setDragArg({\n                documentMouseUp: document.onmouseup,\n                documentMouseMove: document.onmousemove,\n                init_x: e.clientX - dragArg.x_move,\n                init_y: e.clientY - dragArg.y_move,\n            });\n            document.onmousemove = e => {\n                setDragArg(prev => ({\n                    x_move: e.clientX - prev.init_x,\n                    y_move: e.clientY - prev.init_y,\n                }));\n            };\n            document.onmouseup = () => {\n                document.onmousemove = dragArg.documentMouseMove;\n                document.onmouseup = dragArg.documentMouseUp;\n            };\n        }\n    };\n\n    // 关闭对话框，初始化位置\n    const onCancel = () => {\n        if (props.onCancel && typeof props.onCancel === 'function') {\n            props.onCancel();\n            // TODO 关闭弹框会闪一下,待解决\n            setDragArg(initDragArg);\n            setFullScreen(initFullScreen);\n        }\n    };\n\n    /*\n     *重写title，加入对话框全屏功能\n     */\n    title = (function renderTitle() {\n        return (\n            <div className=\"vtx-modal-title\" style={{ paddingRight: closable ? '32px' : '0px' }}>\n                <div className=\"vtx-modal-title_name\">{title}</div>\n                {maximize ? (\n                    <div className=\"vtx-modal-maximizeIcon\">\n                        <p\n                            onClick={() => {\n                                let fullScreenClass = '';\n                                if (!fullScreen.isFull) {\n                                    fullScreenClass = 'vtx-modal-maxClass';\n                                }\n                                setFullScreen({\n                                    isFull: !fullScreen.isFull,\n                                    className: fullScreenClass,\n                                });\n                            }}\n                        >\n                            {fullScreen.isFull ? (\n                                <FullscreenExitOutlined />\n                            ) : (\n                                <FullscreenOutlined />\n                            )}\n                        </p>\n                    </div>\n                ) : null}\n                {closable ? (\n                    <div className=\"vtx-modal-close\">\n                        <p onClick={onCancel}>\n                            {/* <Icon type=\"close\" /> */}\n                            <CloseOutlined />\n                        </p>\n                    </div>\n                ) : (\n                    ''\n                )}\n            </div>\n        );\n    })();\n\n    let bodyStyle = {\n        ...props.bodyStyle,\n    };\n\n    /* 限制最大高度 */\n    if (!fullScreen.isFull) {\n        bodyStyle = {\n            maxHeight: `${window.innerHeight * 0.7}px`,\n            ...bodyStyle,\n        };\n    }\n\n    const transformStyle = {\n        transform: `translate(${dragArg.x_move}px,${dragArg.y_move}px)`,\n    };\n\n    const newProps = {\n        maskClosable: false,\n        destroyOnClose: true,\n        width: 700,\n        ...props,\n        closable: false,\n        title,\n        wrapClassName: classnames(\n            'vtx-modal',\n            wrapClassName,\n            fullScreen.className,\n            classId.current,\n        ),\n        bodyStyle,\n        onCancel,\n        style: {\n            ...props.style,\n            ...(fullScreen.isFull ? {} : transformStyle),\n        },\n    };\n\n    return <Modal {...newProps}>{props.children}</Modal>;\n}\n\nVtxModal.info = Modal.info;\nVtxModal.success = Modal.success;\nVtxModal.error = Modal.error;\nVtxModal.warning = Modal.warning;\nVtxModal.confirm = Modal.confirm;\n\nVtxModal.propTypes = {\n    visible: PropTypes.bool,\n    wrapClassName: PropTypes.string,\n    closable: PropTypes.bool,\n    title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n    maximize: PropTypes.bool,\n    onModalResize: PropTypes.func,\n    moveable: PropTypes.bool,\n    onCancel: PropTypes.func,\n    bodyStyle: PropTypes.object,\n    style: PropTypes.object,\n    children: PropTypes.node,\n};\n\nVtxModal.Title = Title;\n\nconst size = {\n    xsmall: 392,\n    small: 500,\n    middle: 744,\n    large: 1096,\n};\n\nVtxModal.size = size;\n\nexport default VtxModal;\n"],"file":"index.js"}

package/lib/vtx-modal/style/css.js

@@ -1,8 +1,8 @@
 "use strict";
 
-require("antd/es/modal/style/css");
+require("antd/lib/modal/style/css");
 
-require("antd/es/icon/style/css");
+require("antd/lib/icon/style/css");
 
 require("./index.css");
 //# sourceMappingURL=css.js.map

package/lib/vtx-modal/style/css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-modal/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/es/modal/style/css';\nimport 'antd/es/icon/style/css';\nimport './index.less';\n"],"file":"css.js"}
+{"version":3,"sources":["vtx-modal/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/lib/modal/style';\nimport 'antd/lib/icon/style';\nimport './index.less';\n"],"file":"css.js"}

package/lib/vtx-modal/style/index.css

@@ -27,7 +27,7 @@
 }
 .vtx-modal .vtx-modal-title .vtx-modal-title_name {
   width: 100%;
-  color: #108ee2;
+  color: #1890ff;
 }
 .vtx-modal .vtx-modal-title .vtx-modal-close,
 .vtx-modal .vtx-modal-title .vtx-modal-maximizeIcon {
@@ -44,7 +44,7 @@
   display: inline-block;
   width: 36px;
   height: 48px;
-  color: rgba(0, 0, 0, 0.43);
+  color: rgba(0, 0, 0, 0.45);
   font-weight: 700;
   line-height: 48px;
   text-align: center;
@@ -58,7 +58,7 @@
 }
 .vtx-modal .vtx-modal-title .vtx-modal-close p:hover,
 .vtx-modal .vtx-modal-title .vtx-modal-maximizeIcon p:hover {
-  color: #444;
+  color: rgba(0, 0, 0, 0.75);
   text-decoration: none;
 }
 .vtx-modal .vtx-modal-title .vtx-modal-maximizeIcon {

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

@@ -1,8 +1,8 @@
 "use strict";
 
-require("antd/es/modal/style/css");
+require("antd/lib/modal/style");
 
-require("antd/es/icon/style/css");
+require("antd/lib/icon/style");
 
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/vtx-modal/style/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-modal/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/es/modal/style/css';\nimport 'antd/es/icon/style/css';\nimport './index.less';\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-modal/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/lib/modal/style';\nimport 'antd/lib/icon/style';\nimport './index.less';\n"],"file":"index.js"}

package/lib/vtx-modal/style/index.less

@@ -1,3 +1,5 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+
 .vtx-modal-maxClass {
     .ant-modal {
         top: 0 !important;
@@ -29,7 +31,7 @@
         width: 100%;
         .vtx-modal-title_name {
             width: 100%;
-            color: #108ee2;
+            color: @primary-color;
         }
         .vtx-modal-close,
         .vtx-modal-maximizeIcon {
@@ -44,7 +46,7 @@
                 display: inline-block;
                 width: 36px;
                 height: 48px;
-                color: rgba(0, 0, 0, 0.43);
+                color: @text-color-secondary;
                 font-weight: 700;
                 line-height: 48px;
                 text-align: center;
@@ -56,7 +58,7 @@
                 -webkit-transition: color 0.3s ease;
                 transition: color 0.3s ease;
                 &:hover {
-                    color: #444;
+                    color: @icon-color-hover;
                     text-decoration: none;
                 }
             }
@@ -69,13 +71,13 @@
 
 .vtx-modal-header-title {
     .vtx-modal-header-text {
-        color: fade(#000, 65%);
+        color: fade(@black, 65%);
         font-weight: 400;
     }
     .vtx-modal-header-text + .vtx-modal-header-subtitle {
         &::before {
             margin: 0 4px;
-            color: fade(#000, 65%);
+            color: fade(@black, 65%);
             font-weight: 400;
             content: '>';
         }

package/lib/vtx-page-layout/Basic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-page-layout/Basic.jsx"],"names":["Basic","props","className","style","children","propTypes","PropTypes","object","string","node"],"mappings":";;;;;;;AAGA;;AACA;;;;AAJA;AACA;AACA;AAIA,SAASA,KAAT,CAAeC,KAAf,EAAsB;AAAA,MACVC,SADU,GACWD,KADX,CACVC,SADU;AAAA,MACCC,KADD,GACWF,KADX,CACCE,KADD;AAGlB,sBACI;AAAK,IAAA,KAAK,EAAEA,KAAZ;AAAmB,IAAA,SAAS,EAAED;AAA9B,KACKD,KAAK,CAACG,QADX,CADJ;AAKH;;AAEDJ,KAAK,CAACK,SAAN,GAAkB;AACdF,EAAAA,KAAK,EAAEG,sBAAUC,MADH;AAEdL,EAAAA,SAAS,EAAEI,sBAAUE,MAFP;AAGdJ,EAAAA,QAAQ,EAAEE,sBAAUG;AAHN,CAAlB;eAMeT,K","sourcesContent":["/**\n * 基础布局\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Basic(props) {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={className}>\n            {props.children}\n        </div>\n    );\n}\n\nBasic.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default Basic;\n"],"file":"Basic.js"}
+{"version":3,"sources":["vtx-page-layout/Basic.jsx"],"names":["Basic","props","className","style","children","propTypes","PropTypes","object","string","node"],"mappings":";;;;;;;AAGA;;AACA;;;;AAJA;AACA;AACA;AAIA,SAASA,KAAT,CAAeC,KAAf,EAAsB;AAClB,MAAQC,SAAR,GAA6BD,KAA7B,CAAQC,SAAR;AAAA,MAAmBC,KAAnB,GAA6BF,KAA7B,CAAmBE,KAAnB;AAEA,sBACI;AAAK,IAAA,KAAK,EAAEA,KAAZ;AAAmB,IAAA,SAAS,EAAED;AAA9B,KACKD,KAAK,CAACG,QADX,CADJ;AAKH;;AAEDJ,KAAK,CAACK,SAAN,GAAkB;AACdF,EAAAA,KAAK,EAAEG,sBAAUC,MADH;AAEdL,EAAAA,SAAS,EAAEI,sBAAUE,MAFP;AAGdJ,EAAAA,QAAQ,EAAEE,sBAAUG;AAHN,CAAlB;eAMeT,K","sourcesContent":["/**\n * 基础布局\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Basic(props) {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={className}>\n            {props.children}\n        </div>\n    );\n}\n\nBasic.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default Basic;\n"],"file":"Basic.js"}

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

@@ -13,9 +13,9 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 

package/lib/vtx-page-layout/Content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-page-layout/Content.jsx"],"names":["Content","props","id","className","style","relative","scrollY","height","contentClass","newStyle","children","propTypes","PropTypes","string","object","bool","oneOfType","number","node"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;AAAA;;AAAA,MACZC,EADY,GACwDD,KADxD,CACZC,EADY;AAAA,MACRC,SADQ,GACwDF,KADxD,CACRE,SADQ;AAAA,MACGC,KADH,GACwDH,KADxD,CACGG,KADH;AAAA,wBACwDH,KADxD,CACUI,QADV;AAAA,MACUA,QADV,gCACqB,KADrB;AAAA,uBACwDJ,KADxD,CAC4BK,OAD5B;AAAA,MAC4BA,OAD5B,+BACsC,KADtC;AAAA,MAC6CC,MAD7C,GACwDN,KADxD,CAC6CM,MAD7C;AAGpB,MAAIC,YAAY,GAAG,6EAEV,sBAFU,EAEe,CAACH,QAFhB,gCAGV,sBAHU,EAGeA,QAHf,gCAIV,sBAJU,EAIeC,OAJf,iBAMfH,SANe,CAAnB;AASA,MAAIM,QAAQ,GAAGL,KAAf;;AACA,MAAI,YAAYH,KAAhB,EAAuB;AACnBQ,IAAAA,QAAQ,mCACDA,QADC;AAEJF,MAAAA,MAAM,EAAEA;AAFJ,MAAR;AAIH;;AAED,sBACI;AAAK,IAAA,EAAE,EAAEL,EAAT;AAAa,IAAA,KAAK,EAAEO,QAApB;AAA8B,IAAA,SAAS,EAAED;AAAzC,KACKP,KAAK,CAACS,QADX,CADJ;AAKH;;eAEcV,O;;AAEfA,OAAO,CAACW,SAAR,GAAoB;AAChBT,EAAAA,EAAE,EAAEU,sBAAUC,MADE;AAEhBT,EAAAA,KAAK,EAAEQ,sBAAUE,MAFD;AAGhBX,EAAAA,SAAS,EAAES,sBAAUC,MAHL;AAIhBR,EAAAA,QAAQ,EAAEO,sBAAUG,IAJJ;AAKhBT,EAAAA,OAAO,EAAEM,sBAAUG,IALH;AAMhBR,EAAAA,MAAM,EAAEK,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUC,MAAX,EAAmBD,sBAAUK,MAA7B,CAApB,CANQ;AAOhBP,EAAAA,QAAQ,EAAEE,sBAAUM;AAPJ,CAApB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction Content(props) {\n    const { id, className, style, relative = false, scrollY = false, height } = props;\n\n    let contentClass = classnames(\n        {\n            ['vtx-content-absolute']: !relative,\n            ['vtx-content-relative']: relative,\n            ['vtx-content-scroll-y']: scrollY,\n        },\n        className,\n    );\n\n    let newStyle = style;\n    if ('height' in props) {\n        newStyle = {\n            ...newStyle,\n            height: height,\n        };\n    }\n\n    return (\n        <div id={id} style={newStyle} className={contentClass}>\n            {props.children}\n        </div>\n    );\n}\n\nexport default Content;\n\nContent.propTypes = {\n    id: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    relative: PropTypes.bool,\n    scrollY: PropTypes.bool,\n    height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    children: PropTypes.node,\n};\n"],"file":"Content.js"}
+{"version":3,"sources":["vtx-page-layout/Content.jsx"],"names":["Content","props","id","className","style","relative","scrollY","height","contentClass","newStyle","children","propTypes","PropTypes","string","object","bool","oneOfType","number","node"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;AAAA;;AACpB,MAAQC,EAAR,GAA4ED,KAA5E,CAAQC,EAAR;AAAA,MAAYC,SAAZ,GAA4EF,KAA5E,CAAYE,SAAZ;AAAA,MAAuBC,KAAvB,GAA4EH,KAA5E,CAAuBG,KAAvB;AAAA,wBAA4EH,KAA5E,CAA8BI,QAA9B;AAAA,MAA8BA,QAA9B,gCAAyC,KAAzC;AAAA,uBAA4EJ,KAA5E,CAAgDK,OAAhD;AAAA,MAAgDA,OAAhD,+BAA0D,KAA1D;AAAA,MAAiEC,MAAjE,GAA4EN,KAA5E,CAAiEM,MAAjE;AAEA,MAAMC,YAAY,GAAG,6EAEZ,sBAFY,EAEa,CAACH,QAFd,gCAGZ,sBAHY,EAGaA,QAHb,gCAIZ,sBAJY,EAIaC,OAJb,iBAMjBH,SANiB,CAArB;AASA,MAAIM,QAAQ,GAAGL,KAAf;;AACA,MAAI,YAAYH,KAAhB,EAAuB;AACnBQ,IAAAA,QAAQ,mCACDA,QADC;AAEJF,MAAAA,MAAM,EAAEA;AAFJ,MAAR;AAIH;;AAED,sBACI;AAAK,IAAA,EAAE,EAAEL,EAAT;AAAa,IAAA,KAAK,EAAEO,QAApB;AAA8B,IAAA,SAAS,EAAED;AAAzC,KACKP,KAAK,CAACS,QADX,CADJ;AAKH;;eAEcV,O;;AAEfA,OAAO,CAACW,SAAR,GAAoB;AAChBT,EAAAA,EAAE,EAAEU,sBAAUC,MADE;AAEhBT,EAAAA,KAAK,EAAEQ,sBAAUE,MAFD;AAGhBX,EAAAA,SAAS,EAAES,sBAAUC,MAHL;AAIhBR,EAAAA,QAAQ,EAAEO,sBAAUG,IAJJ;AAKhBT,EAAAA,OAAO,EAAEM,sBAAUG,IALH;AAMhBR,EAAAA,MAAM,EAAEK,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUC,MAAX,EAAmBD,sBAAUK,MAA7B,CAApB,CANQ;AAOhBP,EAAAA,QAAQ,EAAEE,sBAAUM;AAPJ,CAApB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction Content(props) {\n    const { id, className, style, relative = false, scrollY = false, height } = props;\n\n    const contentClass = classnames(\n        {\n            ['vtx-content-absolute']: !relative,\n            ['vtx-content-relative']: relative,\n            ['vtx-content-scroll-y']: scrollY,\n        },\n        className,\n    );\n\n    let newStyle = style;\n    if ('height' in props) {\n        newStyle = {\n            ...newStyle,\n            height: height,\n        };\n    }\n\n    return (\n        <div id={id} style={newStyle} className={contentClass}>\n            {props.children}\n        </div>\n    );\n}\n\nexport default Content;\n\nContent.propTypes = {\n    id: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    relative: PropTypes.bool,\n    scrollY: PropTypes.bool,\n    height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    children: PropTypes.node,\n};\n"],"file":"Content.js"}

package/lib/vtx-page-layout/Pane.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-page-layout/Pane.jsx"],"names":["Left","props","className","style","children","propTypes","PropTypes","object","string","node","Right"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAAAC,KAAK,EAAI;AAAA,MACVC,SADU,GACWD,KADX,CACVC,SADU;AAAA,MACCC,KADD,GACWF,KADX,CACCE,KADD;AAGlB,sBACI;AAAK,IAAA,KAAK,EAAEA,KAAZ;AAAmB,IAAA,SAAS,EAAE,4BAAY,gBAAZ,EAA8BD,SAA9B;AAA9B,KACKD,KAAK,CAACG,QADX,CADJ;AAKH,CARD;;AAUAJ,IAAI,CAACK,SAAL,GAAiB;AACbF,EAAAA,KAAK,EAAEG,sBAAUC,MADJ;AAEbL,EAAAA,SAAS,EAAEI,sBAAUE,MAFR;AAGbJ,EAAAA,QAAQ,EAAEE,sBAAUG;AAHP,CAAjB;;AAMA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAAAT,KAAK,EAAI;AAAA,MACXC,SADW,GACUD,KADV,CACXC,SADW;AAAA,MACAC,KADA,GACUF,KADV,CACAE,KADA;AAGnB,sBACI;AAAK,IAAA,KAAK,EAAEA,KAAZ;AAAmB,IAAA,SAAS,EAAE,4BAAY,iBAAZ,EAA+BD,SAA/B;AAA9B,KACKD,KAAK,CAACG,QADX,CADJ;AAKH,CARD;;AAUAM,KAAK,CAACL,SAAN,GAAkB;AACdF,EAAAA,KAAK,EAAEG,sBAAUC,MADH;AAEdL,EAAAA,SAAS,EAAEI,sBAAUE,MAFP;AAGdJ,EAAAA,QAAQ,EAAEE,sBAAUG;AAHN,CAAlB;eAMe;AAAET,EAAAA,IAAI,EAAJA,IAAF;AAAQU,EAAAA,KAAK,EAALA;AAAR,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classsnames from 'classnames';\n\nconst Left = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-left', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nLeft.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nconst Right = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-right', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nRight.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default { Left, Right };\n"],"file":"Pane.js"}
+{"version":3,"sources":["vtx-page-layout/Pane.jsx"],"names":["Left","props","className","style","children","propTypes","PropTypes","object","string","node","Right"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAAAC,KAAK,EAAI;AAClB,MAAQC,SAAR,GAA6BD,KAA7B,CAAQC,SAAR;AAAA,MAAmBC,KAAnB,GAA6BF,KAA7B,CAAmBE,KAAnB;AAEA,sBACI;AAAK,IAAA,KAAK,EAAEA,KAAZ;AAAmB,IAAA,SAAS,EAAE,4BAAY,gBAAZ,EAA8BD,SAA9B;AAA9B,KACKD,KAAK,CAACG,QADX,CADJ;AAKH,CARD;;AAUAJ,IAAI,CAACK,SAAL,GAAiB;AACbF,EAAAA,KAAK,EAAEG,sBAAUC,MADJ;AAEbL,EAAAA,SAAS,EAAEI,sBAAUE,MAFR;AAGbJ,EAAAA,QAAQ,EAAEE,sBAAUG;AAHP,CAAjB;;AAMA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAAAT,KAAK,EAAI;AACnB,MAAQC,SAAR,GAA6BD,KAA7B,CAAQC,SAAR;AAAA,MAAmBC,KAAnB,GAA6BF,KAA7B,CAAmBE,KAAnB;AAEA,sBACI;AAAK,IAAA,KAAK,EAAEA,KAAZ;AAAmB,IAAA,SAAS,EAAE,4BAAY,iBAAZ,EAA+BD,SAA/B;AAA9B,KACKD,KAAK,CAACG,QADX,CADJ;AAKH,CARD;;AAUAM,KAAK,CAACL,SAAN,GAAkB;AACdF,EAAAA,KAAK,EAAEG,sBAAUC,MADH;AAEdL,EAAAA,SAAS,EAAEI,sBAAUE,MAFP;AAGdJ,EAAAA,QAAQ,EAAEE,sBAAUG;AAHN,CAAlB;eAMe;AAAET,EAAAA,IAAI,EAAJA,IAAF;AAAQU,EAAAA,KAAK,EAALA;AAAR,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classsnames from 'classnames';\n\nconst Left = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-left', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nLeft.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nconst Right = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-right', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nRight.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default { Left, Right };\n"],"file":"Pane.js"}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -21,13 +21,13 @@ var _Basic = _interopRequireDefault(require("./Basic"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -39,14 +39,15 @@ 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(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var StoreCtx = /*#__PURE__*/(0, _react.createContext)({});
 exports.StoreCtx = StoreCtx;
 var pagePaddingTop = 16;
-var searchMarginBottom = 16;
+var searchMarginBottom = 16; // eslint-disable-next-line valid-jsdoc
+
 /**
  * 页面
  * @param {*} props
@@ -89,7 +90,8 @@ Page.propTypes = {
 
 var Search = (0, _container["default"])({
   componentClass: 'vtx-table-search'
-})(_Basic["default"]);
+})(_Basic["default"]); // eslint-disable-next-line valid-jsdoc
+
 /**
  * 内容
  * @param {*} props
@@ -114,7 +116,8 @@ Content.propTypes = {
   style: _propTypes["default"].object,
   className: _propTypes["default"].string,
   children: _propTypes["default"].node
-};
+}; // eslint-disable-next-line valid-jsdoc
+
 /**
  * 表格布局
  */

package/lib/vtx-page-layout/TableLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-page-layout/TableLayout.jsx"],"names":["StoreCtx","pagePaddingTop","searchMarginBottom","Page","props","searchHeight","setSearchHeight","onSearchCollapse","searchCollapseEvent$","store","onCollapse","height","emit","className","style","children","propTypes","PropTypes","object","string","node","func","Search","componentClass","Basic","Content","top","Table","React","cloneElement","Card"],"mappings":"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","sourcesContent":["import React, { useState, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classsnames from 'classnames';\nimport { createContext } from 'react';\nimport useEventEmitter from 'ahooks/es/useEventEmitter';\nimport container from './container';\nimport Basic from './Basic';\nexport const StoreCtx = createContext({});\n\nconst pagePaddingTop = 16;\nconst searchMarginBottom = 16;\n\n/**\n * 页面\n * @param {*} props\n */\nconst Page = props => {\n    const [searchHeight, setSearchHeight] = useState(64);\n    const { onSearchCollapse } = props;\n    const searchCollapseEvent$ = useEventEmitter();\n    const store = {\n        searchHeight,\n        searchCollapseEvent$,\n        onCollapse(height) {\n            setSearchHeight(height);\n            onSearchCollapse && onSearchCollapse(height);\n            searchCollapseEvent$.emit();\n        },\n    };\n    return (\n        <StoreCtx.Provider value={store}>\n            <div className={classsnames('vtx-page--table', props.className)} style={props.style}>\n                {props.children}\n            </div>\n        </StoreCtx.Provider>\n    );\n};\n\nPage.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n    onSearchCollapse: PropTypes.func,\n};\n\n/**\n * 搜索\n */\nconst Search = container({ componentClass: 'vtx-table-search' })(Basic);\n\n/**\n * 内容\n * @param {*} props\n */\nconst Content = props => {\n    const { className, style } = props;\n    const { searchHeight } = useContext(StoreCtx);\n    return (\n        <div\n            className={classsnames('vtx-table-content', className)}\n            style={{ top: pagePaddingTop + searchMarginBottom + searchHeight, ...style }}\n        >\n            {props.children}\n        </div>\n    );\n};\n\nContent.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\n/**\n * 表格布局\n */\nconst Table = props => {\n    const { className, style } = props;\n    const { searchCollapseEvent$ } = useContext(StoreCtx);\n\n    return (\n        <div className={classsnames('vtx-table-wrap', className)} style={style}>\n            {React.cloneElement(props.children, {\n                ...props.children.props,\n                searchCollapseEvent$,\n            })}\n        </div>\n    );\n};\n\nTable.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nconst Card = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-card', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nCard.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default { Page, Search, Content, Table: container()(Table), Card };\n"],"file":"TableLayout.js"}
+{"version":3,"sources":["vtx-page-layout/TableLayout.jsx"],"names":["StoreCtx","pagePaddingTop","searchMarginBottom","Page","props","searchHeight","setSearchHeight","onSearchCollapse","searchCollapseEvent$","store","onCollapse","height","emit","className","style","children","propTypes","PropTypes","object","string","node","func","Search","componentClass","Basic","Content","top","Table","React","cloneElement","Card"],"mappings":"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","sourcesContent":["import React, { useState, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classsnames from 'classnames';\nimport { createContext } from 'react';\nimport useEventEmitter from 'ahooks/es/useEventEmitter';\nimport container from './container';\nimport Basic from './Basic';\nexport const StoreCtx = createContext({});\n\nconst pagePaddingTop = 16;\nconst searchMarginBottom = 16;\n\n// eslint-disable-next-line valid-jsdoc\n/**\n * 页面\n * @param {*} props\n */\nconst Page = props => {\n    const [searchHeight, setSearchHeight] = useState(64);\n    const { onSearchCollapse } = props;\n    const searchCollapseEvent$ = useEventEmitter();\n    const store = {\n        searchHeight,\n        searchCollapseEvent$,\n        onCollapse(height) {\n            setSearchHeight(height);\n            onSearchCollapse && onSearchCollapse(height);\n            searchCollapseEvent$.emit();\n        },\n    };\n    return (\n        <StoreCtx.Provider value={store}>\n            <div className={classsnames('vtx-page--table', props.className)} style={props.style}>\n                {props.children}\n            </div>\n        </StoreCtx.Provider>\n    );\n};\n\nPage.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n    onSearchCollapse: PropTypes.func,\n};\n\n/**\n * 搜索\n */\nconst Search = container({ componentClass: 'vtx-table-search' })(Basic);\n\n// eslint-disable-next-line valid-jsdoc\n/**\n * 内容\n * @param {*} props\n */\nconst Content = props => {\n    const { className, style } = props;\n    const { searchHeight } = useContext(StoreCtx);\n    return (\n        <div\n            className={classsnames('vtx-table-content', className)}\n            style={{\n                top: pagePaddingTop + searchMarginBottom + searchHeight,\n                ...style,\n            }}\n        >\n            {props.children}\n        </div>\n    );\n};\n\nContent.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\n// eslint-disable-next-line valid-jsdoc\n/**\n * 表格布局\n */\nconst Table = props => {\n    const { className, style } = props;\n    const { searchCollapseEvent$ } = useContext(StoreCtx);\n\n    return (\n        <div className={classsnames('vtx-table-wrap', className)} style={style}>\n            {React.cloneElement(props.children, {\n                ...props.children.props,\n                searchCollapseEvent$,\n            })}\n        </div>\n    );\n};\n\nTable.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nconst Card = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-card', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nCard.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default { Page, Search, Content, Table: container()(Table), Card };\n"],"file":"TableLayout.js"}

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

@@ -13,9 +13,9 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 

package/lib/vtx-page-layout/TableWrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-page-layout/TableWrap.jsx"],"names":["TableWrap","props","relative","height","style","className","tableClass","newStyle","children","propTypes","PropTypes","object","string","bool","number","node"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;AAAA;;AAAA,MACdC,QADc,GACyBD,KADzB,CACdC,QADc;AAAA,MACJC,MADI,GACyBF,KADzB,CACJE,MADI;AAAA,MACIC,KADJ,GACyBH,KADzB,CACIG,KADJ;AAAA,MACWC,SADX,GACyBJ,KADzB,CACWI,SADX;AAGtB,MAAIC,UAAU,GAAG,6EAER,4BAFQ,EAEuB,CAACJ,QAFxB,gCAGR,4BAHQ,EAGuBA,QAHvB,iBAKbG,SALa,CAAjB;AAQA,MAAIE,QAAQ,GAAGH,KAAf;;AACA,MAAIF,QAAQ,IAAI,YAAYD,KAA5B,EAAmC;AAC/BM,IAAAA,QAAQ,mCACDH,KADC;AAEJD,MAAAA,MAAM,EAAEA;AAFJ,MAAR;AAIH;;AAED,sBACI;AAAK,IAAA,SAAS,EAAEG,UAAhB;AAA4B,IAAA,KAAK,EAAEC;AAAnC,KACKN,KAAK,CAACO,QADX,CADJ;AAKH;;eAEcR,S;;AAEfA,SAAS,CAACS,SAAV,GAAsB;AAClBL,EAAAA,KAAK,EAAEM,sBAAUC,MADC;AAElBN,EAAAA,SAAS,EAAEK,sBAAUE,MAFH;AAGlBV,EAAAA,QAAQ,EAAEQ,sBAAUG,IAHF;AAIlBV,EAAAA,MAAM,EAAEO,sBAAUI,MAJA;AAKlBN,EAAAA,QAAQ,EAAEE,sBAAUK;AALF,CAAtB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction TableWrap(props) {\n    const { relative, height, style, className } = props;\n\n    let tableClass = classnames(\n        {\n            ['vtx-table-wrapper-absolute']: !relative,\n            ['vtx-table-wrapper-relative']: relative,\n        },\n        className,\n    );\n\n    let newStyle = style;\n    if (relative && 'height' in props) {\n        newStyle = {\n            ...style,\n            height: height,\n        };\n    }\n\n    return (\n        <div className={tableClass} style={newStyle}>\n            {props.children}\n        </div>\n    );\n}\n\nexport default TableWrap;\n\nTableWrap.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    relative: PropTypes.bool,\n    height: PropTypes.number,\n    children: PropTypes.node,\n};\n"],"file":"TableWrap.js"}
+{"version":3,"sources":["vtx-page-layout/TableWrap.jsx"],"names":["TableWrap","props","relative","height","style","className","tableClass","newStyle","children","propTypes","PropTypes","object","string","bool","number","node"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;AAAA;;AACtB,MAAQC,QAAR,GAA+CD,KAA/C,CAAQC,QAAR;AAAA,MAAkBC,MAAlB,GAA+CF,KAA/C,CAAkBE,MAAlB;AAAA,MAA0BC,KAA1B,GAA+CH,KAA/C,CAA0BG,KAA1B;AAAA,MAAiCC,SAAjC,GAA+CJ,KAA/C,CAAiCI,SAAjC;AAEA,MAAMC,UAAU,GAAG,6EAEV,4BAFU,EAEqB,CAACJ,QAFtB,gCAGV,4BAHU,EAGqBA,QAHrB,iBAKfG,SALe,CAAnB;AAQA,MAAIE,QAAQ,GAAGH,KAAf;;AACA,MAAIF,QAAQ,IAAI,YAAYD,KAA5B,EAAmC;AAC/BM,IAAAA,QAAQ,mCACDH,KADC;AAEJD,MAAAA,MAAM,EAAEA;AAFJ,MAAR;AAIH;;AAED,sBACI;AAAK,IAAA,SAAS,EAAEG,UAAhB;AAA4B,IAAA,KAAK,EAAEC;AAAnC,KACKN,KAAK,CAACO,QADX,CADJ;AAKH;;eAEcR,S;;AAEfA,SAAS,CAACS,SAAV,GAAsB;AAClBL,EAAAA,KAAK,EAAEM,sBAAUC,MADC;AAElBN,EAAAA,SAAS,EAAEK,sBAAUE,MAFH;AAGlBV,EAAAA,QAAQ,EAAEQ,sBAAUG,IAHF;AAIlBV,EAAAA,MAAM,EAAEO,sBAAUI,MAJA;AAKlBN,EAAAA,QAAQ,EAAEE,sBAAUK;AALF,CAAtB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction TableWrap(props) {\n    const { relative, height, style, className } = props;\n\n    const tableClass = classnames(\n        {\n            ['vtx-table-wrapper-absolute']: !relative,\n            ['vtx-table-wrapper-relative']: relative,\n        },\n        className,\n    );\n\n    let newStyle = style;\n    if (relative && 'height' in props) {\n        newStyle = {\n            ...style,\n            height: height,\n        };\n    }\n\n    return (\n        <div className={tableClass} style={newStyle}>\n            {props.children}\n        </div>\n    );\n}\n\nexport default TableWrap;\n\nTableWrap.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    relative: PropTypes.bool,\n    height: PropTypes.number,\n    children: PropTypes.node,\n};\n"],"file":"TableWrap.js"}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -17,23 +17,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 

package/lib/vtx-page-layout/container.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-page-layout/container.jsx"],"names":["getDisplayName","WrappedComponend","displayName","name","Container","params","componentClass","HOCFactory","props","style","className","top","space","wrapClass","newStyle","padding","newProps","React","Component","PropTypes","number","string","object"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,cAAT,CAAwBC,gBAAxB,EAA0C;AACtC,SAAOA,gBAAgB,CAACC,WAAjB,IAAgCD,gBAAgB,CAACE,IAAjD,IAAyD,WAAhE;AACH;;AAED,SAASC,SAAT,GAAgC;AAAA,MAAbC,MAAa,uEAAJ,EAAI;AAAA,MACtBC,cADsB,GACHD,MADG,CACtBC,cADsB;AAG5B,SAAO,SAASC,UAAT,CAAoBN,gBAApB,EAAsC;AAAA;;AACzC;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,eAUI,kBAAS;AAAA,4BACoC,KAAKO,KADzC;AAAA,cACGC,KADH,eACGA,KADH;AAAA,cACUC,SADV,eACUA,SADV;AAAA,cACqBC,GADrB,eACqBA,GADrB;AAAA,cAC0BC,KAD1B,eAC0BA,KAD1B;AAGL,cAAIC,SAAS,GAAG,iDAEPP,cAFO,EAEU,IAFV,GAIZI,SAJY,CAAhB;;AAOA,cAAMI,QAAQ;AACVH,YAAAA,GAAG,EAAHA,GADU;AAEVI,YAAAA,OAAO,EAAEH;AAFC,aAGPH,KAHO,CAAd;;AAMA,cAAIO,QAAQ,GAAG;AACXN,YAAAA,SAAS,EAAEG,SADA;AAEXJ,YAAAA,KAAK,EAAEK;AAFI,WAAf;AAIA,8BAAO,gCAAC,gBAAD,eAAsB,KAAKN,KAA3B,EAAsCQ,QAAtC,EAAP;AACH;AA/BL;;AAAA;AAAA,MAAyBC,kBAAMC,SAA/B,wDACgClB,cAAc,CAACC,gBAAD,CAD9C,8CAGuB;AACfU,MAAAA,GAAG,EAAEQ,sBAAUC,MADA;AAEfR,MAAAA,KAAK,EAAEO,sBAAUC,MAAV,IAAoBD,sBAAUE,MAFtB;AAGfZ,MAAAA,KAAK,EAAEU,sBAAUG,MAHF;AAIfZ,MAAAA,SAAS,EAAES,sBAAUE;AAJN,KAHvB;AAiCH,GAlCD;AAmCH;;eAEcjB,S","sourcesContent":["/**\n * 高阶组件\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction getDisplayName(WrappedComponend) {\n    return WrappedComponend.displayName || WrappedComponend.name || 'Component';\n}\n\nfunction Container(params = {}) {\n    let { componentClass } = params;\n\n    return function HOCFactory(WrappedComponend) {\n        return class HOC extends React.Component {\n            static displayName = `HOC(${getDisplayName(WrappedComponend)})`;\n\n            static propTypes = {\n                top: PropTypes.number,\n                space: PropTypes.number || PropTypes.string,\n                style: PropTypes.object,\n                className: PropTypes.string,\n            };\n\n            render() {\n                const { style, className, top, space } = this.props;\n\n                let wrapClass = classnames(\n                    {\n                        [componentClass]: true,\n                    },\n                    className,\n                );\n\n                const newStyle = {\n                    top,\n                    padding: space,\n                    ...style,\n                };\n\n                let newProps = {\n                    className: wrapClass,\n                    style: newStyle,\n                };\n                return <WrappedComponend {...this.props} {...newProps} />;\n            }\n        };\n    };\n}\n\nexport default Container;\n"],"file":"container.js"}
+{"version":3,"sources":["vtx-page-layout/container.jsx"],"names":["getDisplayName","WrappedComponend","displayName","name","Container","params","componentClass","HOCFactory","props","style","className","top","space","wrapClass","newStyle","padding","newProps","React","Component","PropTypes","number","string","object"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,cAAT,CAAwBC,gBAAxB,EAA0C;AACtC,SAAOA,gBAAgB,CAACC,WAAjB,IAAgCD,gBAAgB,CAACE,IAAjD,IAAyD,WAAhE;AACH;;AAED,SAASC,SAAT,GAAgC;AAAA,MAAbC,MAAa,uEAAJ,EAAI;AAC5B,MAAQC,cAAR,GAA2BD,MAA3B,CAAQC,cAAR;AAEA,SAAO,SAASC,UAAT,CAAoBN,gBAApB,EAAsC;AAAA;;AACzC;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,eAUI,kBAAS;AACL,4BAAyC,KAAKO,KAA9C;AAAA,cAAQC,KAAR,eAAQA,KAAR;AAAA,cAAeC,SAAf,eAAeA,SAAf;AAAA,cAA0BC,GAA1B,eAA0BA,GAA1B;AAAA,cAA+BC,KAA/B,eAA+BA,KAA/B;AAEA,cAAMC,SAAS,GAAG,iDAETP,cAFS,EAEQ,IAFR,GAIdI,SAJc,CAAlB;;AAOA,cAAMI,QAAQ;AACVH,YAAAA,GAAG,EAAHA,GADU;AAEVI,YAAAA,OAAO,EAAEH;AAFC,aAGPH,KAHO,CAAd;;AAMA,cAAMO,QAAQ,GAAG;AACbN,YAAAA,SAAS,EAAEG,SADE;AAEbJ,YAAAA,KAAK,EAAEK;AAFM,WAAjB;AAIA,8BAAO,gCAAC,gBAAD,eAAsB,KAAKN,KAA3B,EAAsCQ,QAAtC,EAAP;AACH;AA/BL;;AAAA;AAAA,MAAyBC,kBAAMC,SAA/B,wDACgClB,cAAc,CAACC,gBAAD,CAD9C,8CAGuB;AACfU,MAAAA,GAAG,EAAEQ,sBAAUC,MADA;AAEfR,MAAAA,KAAK,EAAEO,sBAAUC,MAAV,IAAoBD,sBAAUE,MAFtB;AAGfZ,MAAAA,KAAK,EAAEU,sBAAUG,MAHF;AAIfZ,MAAAA,SAAS,EAAES,sBAAUE;AAJN,KAHvB;AAiCH,GAlCD;AAmCH;;eAEcjB,S","sourcesContent":["/**\n * 高阶组件\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction getDisplayName(WrappedComponend) {\n    return WrappedComponend.displayName || WrappedComponend.name || 'Component';\n}\n\nfunction Container(params = {}) {\n    const { componentClass } = params;\n\n    return function HOCFactory(WrappedComponend) {\n        return class HOC extends React.Component {\n            static displayName = `HOC(${getDisplayName(WrappedComponend)})`;\n\n            static propTypes = {\n                top: PropTypes.number,\n                space: PropTypes.number || PropTypes.string,\n                style: PropTypes.object,\n                className: PropTypes.string,\n            };\n\n            render() {\n                const { style, className, top, space } = this.props;\n\n                const wrapClass = classnames(\n                    {\n                        [componentClass]: true,\n                    },\n                    className,\n                );\n\n                const newStyle = {\n                    top,\n                    padding: space,\n                    ...style,\n                };\n\n                const newProps = {\n                    className: wrapClass,\n                    style: newStyle,\n                };\n                return <WrappedComponend {...this.props} {...newProps} />;\n            }\n        };\n    };\n}\n\nexport default Container;\n"],"file":"container.js"}