@vtx/components 3.1.58 → 3.1.60

package/lib/vtx-modal/index.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _useUpdateEffect = _interopRequireDefault(require("ahooks/es/useUpdateEffect"));
 
-var _useSetState5 = _interopRequireDefault(require("ahooks/es/useSetState"));
+var _useSetState3 = _interopRequireDefault(require("ahooks/es/useSetState"));
 
 var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
 
@@ -59,24 +59,19 @@ var initDragArg = {
   y_move: 0,
   documentMouseMove: null,
   documentMouseUp: null
-}; // 全屏参数
-
-var initFullScreen = {
-  isFull: false,
-  className: ''
 };
 
 function VtxModal(props) {
-  var _useSetState = (0, _useSetState5["default"])(initFullScreen),
-      _useSetState2 = _slicedToArray(_useSetState, 2),
-      fullScreen = _useSetState2[0],
-      setFullScreen = _useSetState2[1]; // 是否是全屏状态
+  var _useState = (0, _react.useState)(!!props.defaultIsFull),
+      _useState2 = _slicedToArray(_useState, 2),
+      isFull = _useState2[0],
+      setIsFull = _useState2[1]; // 是否是全屏状态
 
 
-  var _useSetState3 = (0, _useSetState5["default"])(initDragArg),
-      _useSetState4 = _slicedToArray(_useSetState3, 2),
-      dragArg = _useSetState4[0],
-      setDragArg = _useSetState4[1]; // 拖动配置
+  var _useSetState = (0, _useSetState3["default"])(initDragArg),
+      _useSetState2 = _slicedToArray(_useSetState, 2),
+      dragArg = _useSetState2[0],
+      setDragArg = _useSetState2[1]; // 拖动配置
 
 
   var classId = (0, _react.useRef)(new Date().getTime() + Math.random());
@@ -98,7 +93,7 @@ function VtxModal(props) {
         var el = document.getElementsByClassName('ant-modal-body')[0];
         var option = {
           height: window.getComputedStyle(el).height,
-          isFull: fullScreen.isFull
+          isFull: isFull
         };
         onModalResize(option);
       }
@@ -106,7 +101,7 @@ function VtxModal(props) {
     return function () {
       return clearTimeout(timer);
     };
-  }, [fullScreen.isFull]); // 拖拽
+  }, [isFull]); // 拖拽
 
   (0, _react.useEffect)(function () {
     if (props.visible && moveable) {
@@ -125,11 +120,16 @@ function VtxModal(props) {
       };
     }
   });
+  (0, _react.useEffect)(function () {
+    if (props.visible) {
+      setIsFull(!!props.defaultIsFull);
+    }
+  }, [props.visible]);
 
   var startDrag = function startDrag(e) {
     e.preventDefault(); // 全屏模式下禁止拖拽
 
-    if (!fullScreen.isFull) {
+    if (!isFull) {
       setDragArg({
         documentMouseUp: document.onmouseup,
         documentMouseMove: document.onmousemove,
@@ -159,17 +159,17 @@ function VtxModal(props) {
       props.onCancel(); // TODO 关闭弹框会闪一下,待解决
 
       setDragArg(initDragArg);
-      setFullScreen(initFullScreen);
+      setIsFull(false);
     }
   };
-  /*
-   *重写title，加入对话框全屏功能
+  /*
+   *重写title，加入对话框全屏功能
    */
 
 
   title = function renderTitle() {
     if (typeof title == 'string' && title.indexOf('>') > -1) {
-      var _titles = title.split(">");
+      var _titles = title.split('>');
 
       title = /*#__PURE__*/_react["default"].createElement(_Title["default"], {
         text: _titles[0].trim(),
@@ -188,18 +188,9 @@ function VtxModal(props) {
       className: "vtx-modal-maximizeIcon"
     }, /*#__PURE__*/_react["default"].createElement("p", {
       onClick: function onClick() {
-        var fullScreenClass = '';
-
-        if (!fullScreen.isFull) {
-          fullScreenClass = 'vtx-modal-maxClass';
-        }
-
-        setFullScreen({
-          isFull: !fullScreen.isFull,
-          className: fullScreenClass
-        });
+        setIsFull(!isFull);
       }
-    }, fullScreen.isFull ? /*#__PURE__*/_react["default"].createElement(_FullscreenExitOutlined["default"], null) : /*#__PURE__*/_react["default"].createElement(_FullscreenOutlined["default"], null))) : null, closable ? /*#__PURE__*/_react["default"].createElement("div", {
+    }, isFull ? /*#__PURE__*/_react["default"].createElement(_FullscreenExitOutlined["default"], null) : /*#__PURE__*/_react["default"].createElement(_FullscreenOutlined["default"], null))) : null, closable ? /*#__PURE__*/_react["default"].createElement("div", {
       className: "vtx-modal-close"
     }, /*#__PURE__*/_react["default"].createElement("p", {
       onClick: onCancel
@@ -210,7 +201,7 @@ function VtxModal(props) {
   /* 限制最大高度 */
 
 
-  if (!fullScreen.isFull) {
+  if (!isFull) {
     bodyStyle = _objectSpread({
       maxHeight: "".concat(window.innerHeight * 0.7, "px")
     }, bodyStyle);
@@ -227,10 +218,10 @@ function VtxModal(props) {
   }, props), {}, {
     closable: false,
     title: title,
-    wrapClassName: (0, _classnames["default"])('vtx-modal', wrapClassName, fullScreen.className, classId.current),
+    wrapClassName: (0, _classnames["default"])('vtx-modal', wrapClassName, isFull ? 'vtx-modal-maxClass' : '', classId.current),
     bodyStyle: bodyStyle,
     onCancel: onCancel,
-    style: _objectSpread(_objectSpread({}, props.style), fullScreen.isFull ? {} : transformStyle)
+    style: _objectSpread(_objectSpread({}, props.style), isFull ? {} : transformStyle)
   });
 
   return /*#__PURE__*/_react["default"].createElement(_modal["default"], newProps, props.children);
@@ -252,7 +243,8 @@ VtxModal.propTypes = {
   onCancel: _propTypes["default"].func,
   bodyStyle: _propTypes["default"].object,
   style: _propTypes["default"].object,
-  children: _propTypes["default"].node
+  children: _propTypes["default"].node,
+  defaultIsFull: _propTypes["default"].bool
 };
 VtxModal.Title = _Title["default"];
 var size = {

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

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

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

@@ -6,8 +6,21 @@
   padding-bottom: 0 !important;
   overflow: hidden;
 }
+.vtx-modal-maxClass .ant-modal .ant-modal-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
 .vtx-modal-maxClass .ant-modal-body {
-  height: calc(100% - 108px) !important;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  min-height: 0;
+  max-height: initial !important;
 }
 .vtx-modal .ant-modal {
   top: 10%;

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

@@ -8,9 +8,15 @@
         height: 100% !important;
         padding-bottom: 0 !important;
         overflow: hidden;
+        .ant-modal-content {
+            display: flex;
+            flex-direction: column;
+        }
     }
     .ant-modal-body {
-        height: e('calc(100% - 108px)') !important;
+        flex: 1;
+        min-height: 0;
+        max-height: initial !important;
     }
 }
 .vtx-modal {

package/lib/vtx-split-pane/SplitPane.js

@@ -80,7 +80,9 @@ function VtxSplitPane(props) {
       initPrimary = props.primary,
       defaultSize = props.defaultSize,
       minSize = props.minSize,
-      maxSize = props.maxSize;
+      maxSize = props.maxSize,
+      _props$defaultExpand = props.defaultExpand,
+      defaultExpand = _props$defaultExpand === void 0 ? true : _props$defaultExpand;
   var active = (0, _react.useRef)(false);
   var position = (0, _react.useRef)();
   var draggedSize = (0, _react.useRef)();
@@ -98,7 +100,7 @@ function VtxSplitPane(props) {
       paneSize = _useState2[0],
       setPaneSize = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(true),
+  var _useState3 = (0, _react.useState)(),
       _useState4 = _slicedToArray(_useState3, 2),
       primaryShow = _useState4[0],
       setPrimaryShow = _useState4[1];
@@ -108,6 +110,9 @@ function VtxSplitPane(props) {
       primary = _useState6[0],
       setPrimary = _useState6[1];
 
+  (0, _react.useEffect)(function () {
+    setPrimaryShow(defaultExpand);
+  }, [defaultExpand]);
   (0, _react.useEffect)(function () {
     document.addEventListener('mouseup', onMouseUp);
     document.addEventListener('mousemove', onMouseMove);
@@ -299,7 +304,7 @@ function VtxSplitPane(props) {
         setPrimaryShow(true);
       }
 
-      onResizerClick && onResizerClick(e);
+      onResizerClick && onResizerClick(e, !primaryShow);
     },
     className: (0, _classnames["default"])({
       disabled: !allowResize
@@ -327,6 +332,7 @@ function VtxSplitPane(props) {
     icon: primary === 'first' ? primaryShow ? /*#__PURE__*/_react["default"].createElement(_LeftOutlined["default"], null) : /*#__PURE__*/_react["default"].createElement(_RightOutlined["default"], null) : primaryShow ? /*#__PURE__*/_react["default"].createElement(_RightOutlined["default"], null) : /*#__PURE__*/_react["default"].createElement(_LeftOutlined["default"], null),
     onClick: function onClick() {
       setPrimaryShow(!primaryShow);
+      props.onChange && props.onChange(!primaryShow ? maxSize : 0);
     }
   })), showSwitch && /*#__PURE__*/_react["default"].createElement(_button["default"], {
     className: "vtx-split-pane-resizer-switch",
@@ -377,7 +383,8 @@ VtxSplitPane.propTypes = {
   resizerClassName: _propTypes["default"].string,
   step: _propTypes["default"].number,
   showToggle: _propTypes["default"].bool,
-  showSwitch: _propTypes["default"].bool
+  showSwitch: _propTypes["default"].bool,
+  defaultExpand: _propTypes["default"].bool
 };
 VtxSplitPane.defaultProps = {
   allowResize: true,

package/lib/vtx-split-pane/SplitPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitPane.js","names":["unFocus","document","window","selection","empty","getSelection","removeAllRanges","e","getDefaultSize","defaultSize","minSize","maxSize","draggedSize","min","max","Infinity","Math","undefined","removeNullChildren","children","React","Children","toArray","filter","c","VtxSplitPane","props","size","initPrimary","primary","active","useRef","position","resized","splitPane","pane1","pane2","resizerRef","useState","paneSize","setPaneSize","primaryShow","setPrimaryShow","setPrimary","useEffect","addEventListener","onMouseUp","onMouseMove","onTouchMove","setTimeout","initialSize","splitPaneWidth","current","clientWidth","resizerWidth","offsetWidth","removeEventListener","onresize","onMouseDown","event","eventWithTouches","Object","assign","touches","clientX","clientY","onTouchStart","allowResize","onDragStarted","initPosition","onChange","step","isPrimaryFirst","ref","ref2","node","node2","getBoundingClientRect","width","positionDelta","abs","sizeDelta","pane1Order","parseInt","getComputedStyle","order","pane2Order","newMaxSize","newSize","newPosition","onDragFinished","className","onResizerClick","onResizerDoubleClick","resizerClassName","resizerStyle","style","showSwitch","showToggle","notNullChildren","pane1Size","pane2Size","dragging","classnames","disabled","left","right","prev","propTypes","PropTypes","bool","arrayOf","isRequired","string","oneOf","oneOfType","number","func","object","defaultProps"],"sources":["vtx-split-pane/SplitPane.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Button from 'antd/lib/button';\nimport Tooltip from 'antd/lib/tooltip';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport SwapOutlined from '@ant-design/icons/SwapOutlined';\n\nimport Pane from './Pane';\nimport Resizer from './Resizer';\n\nfunction unFocus(document, window) {\n    if (document.selection) {\n        document.selection.empty();\n    } else {\n        try {\n            window.getSelection().removeAllRanges();\n            // eslint-disable-next-line no-empty\n        } catch (e) {}\n    }\n}\n\nfunction getDefaultSize(defaultSize, minSize, maxSize, draggedSize) {\n    if (typeof draggedSize === 'number') {\n        const min = typeof minSize === 'number' ? minSize : 0;\n        const max = typeof maxSize === 'number' && maxSize >= 0 ? maxSize : Infinity;\n        return Math.max(min, Math.min(max, draggedSize));\n    }\n    if (defaultSize !== undefined) {\n        return defaultSize;\n    }\n    return minSize;\n}\n\nfunction removeNullChildren(children) {\n    return React.Children.toArray(children).filter(c => c);\n}\n\nfunction VtxSplitPane(props) {\n    const { size, primary: initPrimary, defaultSize, minSize, maxSize } = props;\n\n    const active = useRef(false);\n    const position = useRef();\n    const draggedSize = useRef();\n    const resized = useRef(false);\n\n    const splitPane = useRef();\n    const pane1 = useRef();\n    const pane2 = useRef();\n    const resizerRef = useRef();\n\n    const [paneSize, setPaneSize] = useState({\n        pane1: 0,\n        pane2: 0,\n    });\n\n    const [primaryShow, setPrimaryShow] = useState(true);\n    const [primary, setPrimary] = useState(initPrimary);\n\n    useEffect(() => {\n        document.addEventListener('mouseup', onMouseUp);\n        document.addEventListener('mousemove', onMouseMove);\n        document.addEventListener('touchmove', onTouchMove);\n        setTimeout(() => {\n            const initialSize =\n                size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize, null);\n            const splitPaneWidth = splitPane.current.clientWidth;\n            const resizerWidth = resizerRef.current.offsetWidth + 1; // +1避免因为小数问题\n            setPaneSize({\n                pane1:\n                    primary === 'first' ? initialSize : splitPaneWidth - initialSize - resizerWidth,\n                pane2:\n                    primary === 'second'\n                        ? initialSize\n                        : splitPaneWidth - initialSize - resizerWidth,\n            });\n        }, 0);\n        return () => {\n            document.removeEventListener('mouseup', onMouseUp);\n            document.removeEventListener('mousemove', onMouseMove);\n            document.removeEventListener('touchmove', onTouchMove);\n            window.onresize = '';\n        };\n    }, [primary]);\n\n    /**\n     * 监听窗口变化，自适应大小\n     */\n    window.onresize = () => {\n        const splitPaneWidth = splitPane.current.clientWidth;\n        const resizerWidth = resizerRef.current.offsetWidth + 1;\n\n        setPaneSize({\n            pane1:\n                primary === 'first'\n                    ? paneSize.pane1\n                    : splitPaneWidth - resizerWidth - paneSize.pane2,\n            pane2:\n                primary === 'first'\n                    ? splitPaneWidth - resizerWidth - paneSize.pane1\n                    : paneSize.pane2,\n        });\n    };\n\n    function onMouseDown(event) {\n        const eventWithTouches = Object.assign({}, event, {\n            touches: [{ clientX: event.clientX, clientY: event.clientY }],\n        });\n        onTouchStart(eventWithTouches);\n    }\n\n    function onTouchStart(event) {\n        const { allowResize, onDragStarted } = props;\n        if (allowResize) {\n            unFocus(document, window);\n            const initPosition = event.touches[0].clientX;\n            if (typeof onDragStarted === 'function') {\n                onDragStarted();\n            }\n            active.current = true;\n            position.current = initPosition;\n        }\n    }\n\n    function onMouseMove(event) {\n        const eventWithTouches = Object.assign({}, event, {\n            touches: [{ clientX: event.clientX, clientY: event.clientY }],\n        });\n        onTouchMove(eventWithTouches);\n    }\n    function onTouchMove(event) {\n        const { allowResize, maxSize, minSize, onChange, step } = props;\n        if (allowResize && active.current) {\n            unFocus(document, window);\n            const isPrimaryFirst = primary === 'first';\n            const ref = isPrimaryFirst ? pane1.current : pane2.current;\n            const ref2 = isPrimaryFirst ? pane2.current : pane1.current;\n            if (ref) {\n                const node = ref;\n                const node2 = ref2;\n                if (node.getBoundingClientRect) {\n                    const width = node.getBoundingClientRect().width;\n                    const current = event.touches[0].clientX;\n                    const size = width;\n                    let positionDelta = position.current - current;\n\n                    if (step) {\n                        if (Math.abs(positionDelta) < step) {\n                            return;\n                        }\n                        // Integer division\n                        // eslint-disable-next-line no-bitwise\n                        positionDelta = ~~(positionDelta / step) * step;\n                    }\n\n                    let sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;\n\n                    const pane1Order = parseInt(window.getComputedStyle(node).order);\n                    const pane2Order = parseInt(window.getComputedStyle(node2).order);\n                    if (pane1Order > pane2Order) {\n                        sizeDelta = -sizeDelta;\n                    }\n\n                    let newMaxSize = maxSize;\n                    if (maxSize !== undefined && maxSize <= 0) {\n                        newMaxSize = splitPane.getBoundingClientRect().width + maxSize;\n                    }\n\n                    let newSize = size - sizeDelta;\n                    const newPosition = position.current - positionDelta;\n\n                    if (newSize < minSize) {\n                        newSize = minSize;\n                    } else if (maxSize !== undefined && newSize > newMaxSize) {\n                        newSize = newMaxSize;\n                    } else {\n                        position.current = newPosition;\n                        resized.current = true;\n                    }\n\n                    if (onChange) onChange(newSize);\n\n                    draggedSize.current = newSize;\n\n                    const splitPaneWidth = splitPane.current.clientWidth;\n                    const resizerWidth = resizerRef.current.offsetWidth + 1;\n\n                    setPaneSize({\n                        pane1: isPrimaryFirst ? newSize : splitPaneWidth - newSize - resizerWidth,\n                        pane2: isPrimaryFirst ? splitPaneWidth - newSize - resizerWidth : newSize,\n                    });\n                }\n            }\n        }\n    }\n\n    function onMouseUp() {\n        const { allowResize, onDragFinished } = props;\n        if (allowResize && active.current) {\n            if (typeof onDragFinished === 'function') {\n                onDragFinished(draggedSize.current);\n            }\n            active.current = false;\n        }\n    }\n\n    const {\n        allowResize,\n        children,\n        className,\n        onResizerClick,\n        onResizerDoubleClick,\n        resizerClassName,\n        resizerStyle,\n        style,\n        showSwitch,\n        showToggle,\n    } = props;\n\n    const notNullChildren = removeNullChildren(children);\n\n    /**\n     * 收缩面板宽度变化，并能还原到原先的位置\n     */\n    const pane1Size =\n        primary === 'first'\n            ? primaryShow\n                ? paneSize.pane1\n                : 0\n            : primaryShow\n            ? paneSize.pane1\n            : paneSize.pane1 + paneSize.pane2;\n    const pane2Size =\n        primary === 'first'\n            ? primaryShow\n                ? paneSize.pane2\n                : paneSize.pane1 + paneSize.pane2\n            : primaryShow\n            ? paneSize.pane2\n            : 0;\n\n    // 是否在拖动\n    const dragging = active.current;\n    return (\n        <div className={classnames('vtx-split-pane', className)} ref={splitPane} style={style}>\n            <Pane ref={pane1} key=\"pane1\" size={pane1Size} dragging={dragging}>\n                {primary === 'first' ? notNullChildren[0] : notNullChildren[1]}\n            </Pane>\n            <Resizer\n                ref={resizerRef}\n                onClick={e => {\n                    if (!primaryShow) {\n                        setPrimaryShow(true);\n                    }\n                    onResizerClick && onResizerClick(e);\n                }}\n                className={classnames({ disabled: !allowResize }, resizerClassName)}\n                onDoubleClick={onResizerDoubleClick}\n                onMouseDown={onMouseDown}\n                onTouchStart={onTouchStart}\n                onTouchEnd={onMouseUp}\n                key=\"resizer\"\n                primary={primary}\n                primaryShow={primaryShow}\n                style={resizerStyle || {}}\n            >\n                <Tooltip placement=\"right\" title={primaryShow ? '收起' : '展开'}>\n                    {showToggle && (\n                        <Button\n                            className=\"vtx-split-pane-resizer-toggle\"\n                            style={primary === 'first' ? { left: 0 } : { right: 0 }}\n                            shape=\"circle\"\n                            size=\"small\"\n                            icon={\n                                primary === 'first' ? (\n                                    primaryShow ? (\n                                        <LeftOutlined />\n                                    ) : (\n                                        <RightOutlined />\n                                    )\n                                ) : primaryShow ? (\n                                    <RightOutlined />\n                                ) : (\n                                    <LeftOutlined />\n                                )\n                            }\n                            onClick={() => {\n                                setPrimaryShow(!primaryShow);\n                            }}\n                        ></Button>\n                    )}\n                </Tooltip>\n                {showSwitch && (\n                    <Button\n                        className=\"vtx-split-pane-resizer-switch\"\n                        shape=\"circle\"\n                        icon={<SwapOutlined />}\n                        style={primary === 'first' ? { left: 0 } : { right: 0 }}\n                        size=\"small\"\n                        onClick={() => {\n                            setPrimary(prev => {\n                                if (prev === 'first') {\n                                    return 'second';\n                                }\n                                if (prev === 'second') {\n                                    return 'first';\n                                }\n                            });\n                        }}\n                    />\n                )}\n            </Resizer>\n            <Pane ref={pane2} key=\"pane2\" size={pane2Size} dragging={dragging}>\n                {primary === 'first' ? notNullChildren[1] : notNullChildren[0]}\n            </Pane>\n        </div>\n    );\n}\n\nVtxSplitPane.propTypes = {\n    allowResize: PropTypes.bool,\n    children: PropTypes.arrayOf(PropTypes.node).isRequired,\n    className: PropTypes.string,\n    primary: PropTypes.oneOf(['first', 'second']),\n    minSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    maxSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    // eslint-disable-next-line react/no-unused-prop-types\n    defaultSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    onDragStarted: PropTypes.func,\n    onDragFinished: PropTypes.func,\n    onChange: PropTypes.func,\n    onResizerClick: PropTypes.func,\n    onResizerDoubleClick: PropTypes.func,\n    style: PropTypes.object,\n    resizerStyle: PropTypes.object,\n    resizerClassName: PropTypes.string,\n    step: PropTypes.number,\n    showToggle: PropTypes.bool,\n    showSwitch: PropTypes.bool,\n};\nVtxSplitPane.defaultProps = {\n    allowResize: true,\n    minSize: 50,\n    primary: 'first',\n    showToggle: true,\n    showSwitch: false,\n};\nexport default VtxSplitPane;\n"],"mappings":"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"}
+{"version":3,"file":"SplitPane.js","names":["unFocus","document","window","selection","empty","getSelection","removeAllRanges","e","getDefaultSize","defaultSize","minSize","maxSize","draggedSize","min","max","Infinity","Math","undefined","removeNullChildren","children","React","Children","toArray","filter","c","VtxSplitPane","props","size","initPrimary","primary","defaultExpand","active","useRef","position","resized","splitPane","pane1","pane2","resizerRef","useState","paneSize","setPaneSize","primaryShow","setPrimaryShow","setPrimary","useEffect","addEventListener","onMouseUp","onMouseMove","onTouchMove","setTimeout","initialSize","splitPaneWidth","current","clientWidth","resizerWidth","offsetWidth","removeEventListener","onresize","onMouseDown","event","eventWithTouches","Object","assign","touches","clientX","clientY","onTouchStart","allowResize","onDragStarted","initPosition","onChange","step","isPrimaryFirst","ref","ref2","node","node2","getBoundingClientRect","width","positionDelta","abs","sizeDelta","pane1Order","parseInt","getComputedStyle","order","pane2Order","newMaxSize","newSize","newPosition","onDragFinished","className","onResizerClick","onResizerDoubleClick","resizerClassName","resizerStyle","style","showSwitch","showToggle","notNullChildren","pane1Size","pane2Size","dragging","classnames","disabled","left","right","prev","propTypes","PropTypes","bool","arrayOf","isRequired","string","oneOf","oneOfType","number","func","object","defaultProps"],"sources":["vtx-split-pane/SplitPane.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Button from 'antd/lib/button';\nimport Tooltip from 'antd/lib/tooltip';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport SwapOutlined from '@ant-design/icons/SwapOutlined';\n\nimport Pane from './Pane';\nimport Resizer from './Resizer';\n\nfunction unFocus(document, window) {\n    if (document.selection) {\n        document.selection.empty();\n    } else {\n        try {\n            window.getSelection().removeAllRanges();\n            // eslint-disable-next-line no-empty\n        } catch (e) {}\n    }\n}\n\nfunction getDefaultSize(defaultSize, minSize, maxSize, draggedSize) {\n    if (typeof draggedSize === 'number') {\n        const min = typeof minSize === 'number' ? minSize : 0;\n        const max = typeof maxSize === 'number' && maxSize >= 0 ? maxSize : Infinity;\n        return Math.max(min, Math.min(max, draggedSize));\n    }\n    if (defaultSize !== undefined) {\n        return defaultSize;\n    }\n    return minSize;\n}\n\nfunction removeNullChildren(children) {\n    return React.Children.toArray(children).filter(c => c);\n}\n\nfunction VtxSplitPane(props) {\n    const { size, primary: initPrimary, defaultSize, minSize, maxSize, defaultExpand=true } = props;\n\n    const active = useRef(false);\n    const position = useRef();\n    const draggedSize = useRef();\n    const resized = useRef(false);\n\n    const splitPane = useRef();\n    const pane1 = useRef();\n    const pane2 = useRef();\n    const resizerRef = useRef();\n\n    const [paneSize, setPaneSize] = useState({\n        pane1: 0,\n        pane2: 0,\n    });\n\n    const [primaryShow, setPrimaryShow] = useState();\n    const [primary, setPrimary] = useState(initPrimary);\n\n    useEffect(()=>{\n        setPrimaryShow(defaultExpand);\n    },[defaultExpand])\n\n    useEffect(() => {\n        document.addEventListener('mouseup', onMouseUp);\n        document.addEventListener('mousemove', onMouseMove);\n        document.addEventListener('touchmove', onTouchMove);\n        setTimeout(() => {\n            const initialSize =\n                size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize, null);\n            const splitPaneWidth = splitPane.current.clientWidth;\n            const resizerWidth = resizerRef.current.offsetWidth + 1; // +1避免因为小数问题\n            setPaneSize({\n                pane1:\n                    primary === 'first' ? initialSize : splitPaneWidth - initialSize - resizerWidth,\n                pane2:\n                    primary === 'second'\n                        ? initialSize\n                        : splitPaneWidth - initialSize - resizerWidth,\n            });\n        }, 0);\n        return () => {\n            document.removeEventListener('mouseup', onMouseUp);\n            document.removeEventListener('mousemove', onMouseMove);\n            document.removeEventListener('touchmove', onTouchMove);\n            window.onresize = '';\n        };\n    }, [primary]);\n\n    /**\n     * 监听窗口变化，自适应大小\n     */\n    window.onresize = () => {\n        const splitPaneWidth = splitPane.current.clientWidth;\n        const resizerWidth = resizerRef.current.offsetWidth + 1;\n\n        setPaneSize({\n            pane1:\n                primary === 'first'\n                    ? paneSize.pane1\n                    : splitPaneWidth - resizerWidth - paneSize.pane2,\n            pane2:\n                primary === 'first'\n                    ? splitPaneWidth - resizerWidth - paneSize.pane1\n                    : paneSize.pane2,\n        });\n    };\n\n    function onMouseDown(event) {\n        const eventWithTouches = Object.assign({}, event, {\n            touches: [{ clientX: event.clientX, clientY: event.clientY }],\n        });\n        onTouchStart(eventWithTouches);\n    }\n\n    function onTouchStart(event) {\n        const { allowResize, onDragStarted } = props;\n        if (allowResize) {\n            unFocus(document, window);\n            const initPosition = event.touches[0].clientX;\n            if (typeof onDragStarted === 'function') {\n                onDragStarted();\n            }\n            active.current = true;\n            position.current = initPosition;\n        }\n    }\n\n    function onMouseMove(event) {\n        const eventWithTouches = Object.assign({}, event, {\n            touches: [{ clientX: event.clientX, clientY: event.clientY }],\n        });\n        onTouchMove(eventWithTouches);\n    }\n    function onTouchMove(event) {\n        const { allowResize, maxSize, minSize, onChange, step } = props;\n        if (allowResize && active.current) {\n            unFocus(document, window);\n            const isPrimaryFirst = primary === 'first';\n            const ref = isPrimaryFirst ? pane1.current : pane2.current;\n            const ref2 = isPrimaryFirst ? pane2.current : pane1.current;\n            if (ref) {\n                const node = ref;\n                const node2 = ref2;\n                if (node.getBoundingClientRect) {\n                    const width = node.getBoundingClientRect().width;\n                    const current = event.touches[0].clientX;\n                    const size = width;\n                    let positionDelta = position.current - current;\n\n                    if (step) {\n                        if (Math.abs(positionDelta) < step) {\n                            return;\n                        }\n                        // Integer division\n                        // eslint-disable-next-line no-bitwise\n                        positionDelta = ~~(positionDelta / step) * step;\n                    }\n\n                    let sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;\n\n                    const pane1Order = parseInt(window.getComputedStyle(node).order);\n                    const pane2Order = parseInt(window.getComputedStyle(node2).order);\n                    if (pane1Order > pane2Order) {\n                        sizeDelta = -sizeDelta;\n                    }\n\n                    let newMaxSize = maxSize;\n                    if (maxSize !== undefined && maxSize <= 0) {\n                        newMaxSize = splitPane.getBoundingClientRect().width + maxSize;\n                    }\n\n                    let newSize = size - sizeDelta;\n                    const newPosition = position.current - positionDelta;\n\n                    if (newSize < minSize) {\n                        newSize = minSize;\n                    } else if (maxSize !== undefined && newSize > newMaxSize) {\n                        newSize = newMaxSize;\n                    } else {\n                        position.current = newPosition;\n                        resized.current = true;\n                    }\n\n                    if (onChange) onChange(newSize);\n\n                    draggedSize.current = newSize;\n\n                    const splitPaneWidth = splitPane.current.clientWidth;\n                    const resizerWidth = resizerRef.current.offsetWidth + 1;\n\n                    setPaneSize({\n                        pane1: isPrimaryFirst ? newSize : splitPaneWidth - newSize - resizerWidth,\n                        pane2: isPrimaryFirst ? splitPaneWidth - newSize - resizerWidth : newSize,\n                    });\n                }\n            }\n        }\n    }\n\n    function onMouseUp() {\n        const { allowResize, onDragFinished } = props;\n        if (allowResize && active.current) {\n            if (typeof onDragFinished === 'function') {\n                onDragFinished(draggedSize.current);\n            }\n            active.current = false;\n        }\n    }\n\n    const {\n        allowResize,\n        children,\n        className,\n        onResizerClick,\n        onResizerDoubleClick,\n        resizerClassName,\n        resizerStyle,\n        style,\n        showSwitch,\n        showToggle,\n    } = props;\n\n    const notNullChildren = removeNullChildren(children);\n\n    /**\n     * 收缩面板宽度变化，并能还原到原先的位置\n     */\n    const pane1Size =\n        primary === 'first'\n            ? primaryShow\n                ? paneSize.pane1\n                : 0\n            : primaryShow\n            ? paneSize.pane1\n            : paneSize.pane1 + paneSize.pane2;\n    const pane2Size =\n        primary === 'first'\n            ? primaryShow\n                ? paneSize.pane2\n                : paneSize.pane1 + paneSize.pane2\n            : primaryShow\n            ? paneSize.pane2\n            : 0;\n\n    // 是否在拖动\n    const dragging = active.current;\n    return (\n        <div className={classnames('vtx-split-pane', className)} ref={splitPane} style={style}>\n            <Pane ref={pane1} key=\"pane1\" size={pane1Size} dragging={dragging}>\n                {primary === 'first' ? notNullChildren[0] : notNullChildren[1]}\n            </Pane>\n            <Resizer\n                ref={resizerRef}\n                onClick={e => {\n                    if (!primaryShow) {\n                        setPrimaryShow(true);\n                    }\n                    onResizerClick && onResizerClick(e, !primaryShow);\n                }}\n                className={classnames({ disabled: !allowResize }, resizerClassName)}\n                onDoubleClick={onResizerDoubleClick}\n                onMouseDown={onMouseDown}\n                onTouchStart={onTouchStart}\n                onTouchEnd={onMouseUp}\n                key=\"resizer\"\n                primary={primary}\n                primaryShow={primaryShow}\n                style={resizerStyle || {}}\n            >\n                <Tooltip placement=\"right\" title={primaryShow ? '收起' : '展开'}>\n                    {showToggle && (\n                        <Button\n                            className=\"vtx-split-pane-resizer-toggle\"\n                            style={primary === 'first' ? { left: 0 } : { right: 0 }}\n                            shape=\"circle\"\n                            size=\"small\"\n                            icon={\n                                primary === 'first' ? (\n                                    primaryShow ? (\n                                        <LeftOutlined />\n                                    ) : (\n                                        <RightOutlined />\n                                    )\n                                ) : primaryShow ? (\n                                    <RightOutlined />\n                                ) : (\n                                    <LeftOutlined />\n                                )\n                            }\n                            onClick={() => {\n                                setPrimaryShow(!primaryShow);\n                                props.onChange && props.onChange(!primaryShow?maxSize:0);\n                            }}\n                        ></Button>\n                    )}\n                </Tooltip>\n                {showSwitch && (\n                    <Button\n                        className=\"vtx-split-pane-resizer-switch\"\n                        shape=\"circle\"\n                        icon={<SwapOutlined />}\n                        style={primary === 'first' ? { left: 0 } : { right: 0 }}\n                        size=\"small\"\n                        onClick={() => {\n                            setPrimary(prev => {\n                                if (prev === 'first') {\n                                    return 'second';\n                                }\n                                if (prev === 'second') {\n                                    return 'first';\n                                }\n                            });\n                        }}\n                    />\n                )}\n            </Resizer>\n            <Pane ref={pane2} key=\"pane2\" size={pane2Size} dragging={dragging}>\n                {primary === 'first' ? notNullChildren[1] : notNullChildren[0]}\n            </Pane>\n        </div>\n    );\n}\n\nVtxSplitPane.propTypes = {\n    allowResize: PropTypes.bool,\n    children: PropTypes.arrayOf(PropTypes.node).isRequired,\n    className: PropTypes.string,\n    primary: PropTypes.oneOf(['first', 'second']),\n    minSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    maxSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    // eslint-disable-next-line react/no-unused-prop-types\n    defaultSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    onDragStarted: PropTypes.func,\n    onDragFinished: PropTypes.func,\n    onChange: PropTypes.func,\n    onResizerClick: PropTypes.func,\n    onResizerDoubleClick: PropTypes.func,\n    style: PropTypes.object,\n    resizerStyle: PropTypes.object,\n    resizerClassName: PropTypes.string,\n    step: PropTypes.number,\n    showToggle: PropTypes.bool,\n    showSwitch: PropTypes.bool,\n    defaultExpand: PropTypes.bool,\n};\nVtxSplitPane.defaultProps = {\n    allowResize: true,\n    minSize: 50,\n    primary: 'first',\n    showToggle: true,\n    showSwitch: false,\n};\nexport default VtxSplitPane;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtx/components",
-  "version": "3.1.58",
+  "version": "3.1.60",
   "description": "React components for Vortex",
   "keywords": [
     "react",