@vtx/components 2.5.6 → 2.5.9

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

@@ -1,42 +1,30 @@
 "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
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 _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 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 _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 _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, 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); 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 = 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; }
-
 var Pane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
-      size = props.size,
-      dragging = props.dragging;
+    size = props.size,
+    dragging = props.dragging;
   var style = {
     width: size
   };
-
   if (!dragging) {
     style = _objectSpread(_objectSpread({}, style), {}, {
       transition: 'width 200ms cubic-bezier(0.1, 0, 0, 1) 0s'
     });
   }
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: 'vtx-split-pane-item',
     style: style,

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-split-pane/Pane.jsx"],"names":["Pane","props","ref","children","size","dragging","style","width","transition","propTypes","PropTypes","node","isRequired","oneOfType","string","number","bool","defaultProps"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,IAAI,gBAAG,uBAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAC5BC,QAD4B,GACCF,KADD,CAC5BE,QAD4B;AAAA,MAClBC,IADkB,GACCH,KADD,CAClBG,IADkB;AAAA,MACZC,QADY,GACCJ,KADD,CACZI,QADY;AAEpC,MAAIC,KAAK,GAAG;AAAEC,IAAAA,KAAK,EAAEH;AAAT,GAAZ;;AACA,MAAI,CAACC,QAAL,EAAe;AACXC,IAAAA,KAAK,mCACEA,KADF;AAEDE,MAAAA,UAAU,EAAE;AAFX,MAAL;AAIH;;AACD,sBACI;AAAK,IAAA,SAAS,EAAE,qBAAhB;AAAuC,IAAA,KAAK,EAAEF,KAA9C;AAAqD,IAAA,GAAG,EAAEJ;AAA1D,KACKC,QADL,CADJ;AAKH,CAdY,CAAb;AAgBAH,IAAI,CAACS,SAAL,GAAiB;AACbN,EAAAA,QAAQ,EAAEO,sBAAUC,IAAV,CAAeC,UADZ;AAEbR,EAAAA,IAAI,EAAEM,sBAAUG,SAAV,CAAoB,CAACH,sBAAUI,MAAX,EAAmBJ,sBAAUK,MAA7B,CAApB,CAFO;AAGbV,EAAAA,QAAQ,EAAEK,sBAAUM;AAHP,CAAjB;AAMAhB,IAAI,CAACiB,YAAL,GAAoB,EAApB;eAEejB,I","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Pane = forwardRef((props, ref) => {\n    const { children, size, dragging } = props;\n    let style = { width: size };\n    if (!dragging) {\n        style = {\n            ...style,\n            transition: 'width 200ms cubic-bezier(0.1, 0, 0, 1) 0s',\n        };\n    }\n    return (\n        <div className={'vtx-split-pane-item'} style={style} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nPane.propTypes = {\n    children: PropTypes.node.isRequired,\n    size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    dragging: PropTypes.bool,\n};\n\nPane.defaultProps = {};\n\nexport default Pane;\n"],"file":"Pane.js"}
+{"version":3,"file":"Pane.js","names":["Pane","forwardRef","props","ref","children","size","dragging","style","width","transition","propTypes","PropTypes","node","isRequired","oneOfType","string","number","bool","defaultProps"],"sources":["vtx-split-pane/Pane.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Pane = forwardRef((props, ref) => {\n    const { children, size, dragging } = props;\n    let style = { width: size };\n    if (!dragging) {\n        style = {\n            ...style,\n            transition: 'width 200ms cubic-bezier(0.1, 0, 0, 1) 0s',\n        };\n    }\n    return (\n        <div className={'vtx-split-pane-item'} style={style} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nPane.propTypes = {\n    children: PropTypes.node.isRequired,\n    size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    dragging: PropTypes.bool,\n};\n\nPane.defaultProps = {};\n\nexport default Pane;\n"],"mappings":";;;;;;;AAAA;AACA;AAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAEnC,IAAMA,IAAI,gBAAG,IAAAC,iBAAU,EAAC,UAACC,KAAK,EAAEC,GAAG,EAAK;EACpC,IAAQC,QAAQ,GAAqBF,KAAK,CAAlCE,QAAQ;IAAEC,IAAI,GAAeH,KAAK,CAAxBG,IAAI;IAAEC,QAAQ,GAAKJ,KAAK,CAAlBI,QAAQ;EAChC,IAAIC,KAAK,GAAG;IAAEC,KAAK,EAAEH;EAAK,CAAC;EAC3B,IAAI,CAACC,QAAQ,EAAE;IACXC,KAAK,mCACEA,KAAK;MACRE,UAAU,EAAE;IAA2C,EAC1D;EACL;EACA,oBACI;IAAK,SAAS,EAAE,qBAAsB;IAAC,KAAK,EAAEF,KAAM;IAAC,GAAG,EAAEJ;EAAI,GACzDC,QAAQ,CACP;AAEd,CAAC,CAAC;AAEFJ,IAAI,CAACU,SAAS,GAAG;EACbN,QAAQ,EAAEO,qBAAS,CAACC,IAAI,CAACC,UAAU;EACnCR,IAAI,EAAEM,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACI,MAAM,EAAEJ,qBAAS,CAACK,MAAM,CAAC,CAAC;EAC/DV,QAAQ,EAAEK,qBAAS,CAACM;AACxB,CAAC;AAEDjB,IAAI,CAACkB,YAAY,GAAG,CAAC,CAAC;AAAC,eAERlB,IAAI;AAAA"}

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

@@ -1,49 +1,34 @@
 "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
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames2 = _interopRequireDefault(require("classnames"));
-
 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 _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 _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 _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 _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, 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 _extends() { _extends = Object.assign ? Object.assign.bind() : 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); 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 = 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; }
-
 var Resizer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _classnames;
-
   var className = props.className,
-      _onClick = props.onClick,
-      _onDoubleClick = props.onDoubleClick,
-      _onMouseDown = props.onMouseDown,
-      _onTouchEnd = props.onTouchEnd,
-      _onTouchStart = props.onTouchStart,
-      style = props.style,
-      children = props.children,
-      primary = props.primary,
-      primaryShow = props.primaryShow;
-
+    _onClick = props.onClick,
+    _onDoubleClick = props.onDoubleClick,
+    _onMouseDown = props.onMouseDown,
+    _onTouchEnd = props.onTouchEnd,
+    _onTouchStart = props.onTouchStart,
+    style = props.style,
+    children = props.children,
+    primary = props.primary,
+    primaryShow = props.primaryShow;
   var events = {},
-      newStyle = _objectSpread({}, style);
-
+    newStyle = _objectSpread({}, style);
   if (primaryShow) {
     newStyle = _objectSpread(_objectSpread({}, newStyle), {}, {
       cursor: 'col-resize'
@@ -54,12 +39,10 @@ var Resizer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       },
       onTouchStart: function onTouchStart(event) {
         event.preventDefault();
-
         _onTouchStart(event);
       },
       onTouchEnd: function onTouchEnd(event) {
         event.preventDefault();
-
         _onTouchEnd(event);
       }
     };
@@ -68,7 +51,6 @@ var Resizer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       cursor: 'pointer'
     });
   }
-
   return /*#__PURE__*/_react["default"].createElement("span", _extends({
     ref: ref,
     role: "presentation",
@@ -77,14 +59,12 @@ var Resizer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onClick: function onClick(event) {
       if (_onClick) {
         event.preventDefault();
-
         _onClick(event);
       }
     },
     onDoubleClick: function onDoubleClick(event) {
       if (_onDoubleClick) {
         event.preventDefault();
-
         _onDoubleClick(event);
       }
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-split-pane/Resizer.jsx"],"names":["Resizer","props","ref","className","onClick","onDoubleClick","onMouseDown","onTouchEnd","onTouchStart","style","children","primary","primaryShow","events","newStyle","cursor","event","preventDefault","propTypes","PropTypes","string","isRequired","func","object","node","bool","defaultProps"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,OAAO,gBAAG,uBAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA;;AAAA,MAEnCC,SAFmC,GAYnCF,KAZmC,CAEnCE,SAFmC;AAAA,MAGnCC,QAHmC,GAYnCH,KAZmC,CAGnCG,OAHmC;AAAA,MAInCC,cAJmC,GAYnCJ,KAZmC,CAInCI,aAJmC;AAAA,MAKnCC,YALmC,GAYnCL,KAZmC,CAKnCK,WALmC;AAAA,MAMnCC,WANmC,GAYnCN,KAZmC,CAMnCM,UANmC;AAAA,MAOnCC,aAPmC,GAYnCP,KAZmC,CAOnCO,YAPmC;AAAA,MAQnCC,KARmC,GAYnCR,KAZmC,CAQnCQ,KARmC;AAAA,MASnCC,QATmC,GAYnCT,KAZmC,CASnCS,QATmC;AAAA,MAUnCC,OAVmC,GAYnCV,KAZmC,CAUnCU,OAVmC;AAAA,MAWnCC,WAXmC,GAYnCX,KAZmC,CAWnCW,WAXmC;;AAcvC,MAAIC,MAAM,GAAG,EAAb;AAAA,MACIC,QAAQ,qBAAQL,KAAR,CADZ;;AAEA,MAAIG,WAAJ,EAAiB;AACbE,IAAAA,QAAQ,mCAAQA,QAAR;AAAkBC,MAAAA,MAAM,EAAE;AAA1B,MAAR;AACAF,IAAAA,MAAM,GAAG;AACLP,MAAAA,WAAW,EAAE,qBAAAU,KAAK;AAAA,eAAIV,YAAW,CAACU,KAAD,CAAf;AAAA,OADb;AAELR,MAAAA,YAAY,EAAE,sBAAAQ,KAAK,EAAI;AACnBA,QAAAA,KAAK,CAACC,cAAN;;AACAT,QAAAA,aAAY,CAACQ,KAAD,CAAZ;AACH,OALI;AAMLT,MAAAA,UAAU,EAAE,oBAAAS,KAAK,EAAI;AACjBA,QAAAA,KAAK,CAACC,cAAN;;AACAV,QAAAA,WAAU,CAACS,KAAD,CAAV;AACH;AATI,KAAT;AAWH,GAbD,MAaO;AACHF,IAAAA,QAAQ,mCAAQA,QAAR;AAAkBC,MAAAA,MAAM,EAAE;AAA1B,MAAR;AACH;;AAED,sBACI;AACI,IAAA,GAAG,EAAEb,GADT;AAEI,IAAA,IAAI,EAAC,cAFT;AAGI,IAAA,SAAS,EAAE,6BACP,wBADO,kDAGF,6BAHE,EAG8BS,OAAO,KAAK,OAH1C,gCAIF,8BAJE,EAI+BA,OAAO,KAAK,QAJ3C,iBAMPR,SANO,CAHf;AAWI,IAAA,KAAK,EAAEW,QAXX;AAYI,IAAA,OAAO,EAAE,iBAAAE,KAAK,EAAI;AACd,UAAIZ,QAAJ,EAAa;AACTY,QAAAA,KAAK,CAACC,cAAN;;AACAb,QAAAA,QAAO,CAACY,KAAD,CAAP;AACH;AACJ,KAjBL;AAkBI,IAAA,aAAa,EAAE,uBAAAA,KAAK,EAAI;AACpB,UAAIX,cAAJ,EAAmB;AACfW,QAAAA,KAAK,CAACC,cAAN;;AACAZ,QAAAA,cAAa,CAACW,KAAD,CAAb;AACH;AACJ;AAvBL,KAwBQH,MAxBR,GA0BKH,QA1BL,CADJ;AA8BH,CA/De,CAAhB;AAiEAV,OAAO,CAACkB,SAAR,GAAoB;AAChBf,EAAAA,SAAS,EAAEgB,sBAAUC,MAAV,CAAiBC,UADZ;AAEhBjB,EAAAA,OAAO,EAAEe,sBAAUG,IAFH;AAGhBjB,EAAAA,aAAa,EAAEc,sBAAUG,IAHT;AAIhBhB,EAAAA,WAAW,EAAEa,sBAAUG,IAAV,CAAeD,UAJZ;AAKhBb,EAAAA,YAAY,EAAEW,sBAAUG,IAAV,CAAeD,UALb;AAMhBd,EAAAA,UAAU,EAAEY,sBAAUG,IAAV,CAAeD,UANX;AAOhBZ,EAAAA,KAAK,EAAEU,sBAAUI,MAPD;AAQhBb,EAAAA,QAAQ,EAAES,sBAAUK,IARJ;AAShBb,EAAAA,OAAO,EAAEQ,sBAAUC,MATH;AAUhBR,EAAAA,WAAW,EAAEO,sBAAUM;AAVP,CAApB;AAaAzB,OAAO,CAAC0B,YAAR,GAAuB,EAAvB;eAEe1B,O","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nconst Resizer = forwardRef((props, ref) => {\n    const {\n        className,\n        onClick,\n        onDoubleClick,\n        onMouseDown,\n        onTouchEnd,\n        onTouchStart,\n        style,\n        children,\n        primary,\n        primaryShow,\n    } = props;\n\n    let events = {},\n        newStyle = { ...style };\n    if (primaryShow) {\n        newStyle = { ...newStyle, cursor: 'col-resize' };\n        events = {\n            onMouseDown: event => onMouseDown(event),\n            onTouchStart: event => {\n                event.preventDefault();\n                onTouchStart(event);\n            },\n            onTouchEnd: event => {\n                event.preventDefault();\n                onTouchEnd(event);\n            },\n        };\n    } else {\n        newStyle = { ...newStyle, cursor: 'pointer' };\n    }\n\n    return (\n        <span\n            ref={ref}\n            role=\"presentation\"\n            className={classnames(\n                'vtx-split-pane-resizer',\n                {\n                    ['vtx-split-pane-resizer-left']: primary === 'first',\n                    ['vtx-split-pane-resizer-right']: primary === 'second',\n                },\n                className,\n            )}\n            style={newStyle}\n            onClick={event => {\n                if (onClick) {\n                    event.preventDefault();\n                    onClick(event);\n                }\n            }}\n            onDoubleClick={event => {\n                if (onDoubleClick) {\n                    event.preventDefault();\n                    onDoubleClick(event);\n                }\n            }}\n            {...events}\n        >\n            {children}\n        </span>\n    );\n});\n\nResizer.propTypes = {\n    className: PropTypes.string.isRequired,\n    onClick: PropTypes.func,\n    onDoubleClick: PropTypes.func,\n    onMouseDown: PropTypes.func.isRequired,\n    onTouchStart: PropTypes.func.isRequired,\n    onTouchEnd: PropTypes.func.isRequired,\n    style: PropTypes.object,\n    children: PropTypes.node,\n    primary: PropTypes.string,\n    primaryShow: PropTypes.bool,\n};\n\nResizer.defaultProps = {};\n\nexport default Resizer;\n"],"file":"Resizer.js"}
+{"version":3,"file":"Resizer.js","names":["Resizer","forwardRef","props","ref","className","onClick","onDoubleClick","onMouseDown","onTouchEnd","onTouchStart","style","children","primary","primaryShow","events","newStyle","cursor","event","preventDefault","classnames","propTypes","PropTypes","string","isRequired","func","object","node","bool","defaultProps"],"sources":["vtx-split-pane/Resizer.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nconst Resizer = forwardRef((props, ref) => {\n    const {\n        className,\n        onClick,\n        onDoubleClick,\n        onMouseDown,\n        onTouchEnd,\n        onTouchStart,\n        style,\n        children,\n        primary,\n        primaryShow,\n    } = props;\n\n    let events = {},\n        newStyle = { ...style };\n    if (primaryShow) {\n        newStyle = { ...newStyle, cursor: 'col-resize' };\n        events = {\n            onMouseDown: event => onMouseDown(event),\n            onTouchStart: event => {\n                event.preventDefault();\n                onTouchStart(event);\n            },\n            onTouchEnd: event => {\n                event.preventDefault();\n                onTouchEnd(event);\n            },\n        };\n    } else {\n        newStyle = { ...newStyle, cursor: 'pointer' };\n    }\n\n    return (\n        <span\n            ref={ref}\n            role=\"presentation\"\n            className={classnames(\n                'vtx-split-pane-resizer',\n                {\n                    ['vtx-split-pane-resizer-left']: primary === 'first',\n                    ['vtx-split-pane-resizer-right']: primary === 'second',\n                },\n                className,\n            )}\n            style={newStyle}\n            onClick={event => {\n                if (onClick) {\n                    event.preventDefault();\n                    onClick(event);\n                }\n            }}\n            onDoubleClick={event => {\n                if (onDoubleClick) {\n                    event.preventDefault();\n                    onDoubleClick(event);\n                }\n            }}\n            {...events}\n        >\n            {children}\n        </span>\n    );\n});\n\nResizer.propTypes = {\n    className: PropTypes.string.isRequired,\n    onClick: PropTypes.func,\n    onDoubleClick: PropTypes.func,\n    onMouseDown: PropTypes.func.isRequired,\n    onTouchStart: PropTypes.func.isRequired,\n    onTouchEnd: PropTypes.func.isRequired,\n    style: PropTypes.object,\n    children: PropTypes.node,\n    primary: PropTypes.string,\n    primaryShow: PropTypes.bool,\n};\n\nResizer.defaultProps = {};\n\nexport default Resizer;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAAoC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpC,IAAMA,OAAO,gBAAG,IAAAC,iBAAU,EAAC,UAACC,KAAK,EAAEC,GAAG,EAAK;EAAA;EACvC,IACIC,SAAS,GAUTF,KAAK,CAVLE,SAAS;IACTC,QAAO,GASPH,KAAK,CATLG,OAAO;IACPC,cAAa,GAQbJ,KAAK,CARLI,aAAa;IACbC,YAAW,GAOXL,KAAK,CAPLK,WAAW;IACXC,WAAU,GAMVN,KAAK,CANLM,UAAU;IACVC,aAAY,GAKZP,KAAK,CALLO,YAAY;IACZC,KAAK,GAILR,KAAK,CAJLQ,KAAK;IACLC,QAAQ,GAGRT,KAAK,CAHLS,QAAQ;IACRC,OAAO,GAEPV,KAAK,CAFLU,OAAO;IACPC,WAAW,GACXX,KAAK,CADLW,WAAW;EAGf,IAAIC,MAAM,GAAG,CAAC,CAAC;IACXC,QAAQ,qBAAQL,KAAK,CAAE;EAC3B,IAAIG,WAAW,EAAE;IACbE,QAAQ,mCAAQA,QAAQ;MAAEC,MAAM,EAAE;IAAY,EAAE;IAChDF,MAAM,GAAG;MACLP,WAAW,EAAE,qBAAAU,KAAK;QAAA,OAAIV,YAAW,CAACU,KAAK,CAAC;MAAA;MACxCR,YAAY,EAAE,sBAAAQ,KAAK,EAAI;QACnBA,KAAK,CAACC,cAAc,EAAE;QACtBT,aAAY,CAACQ,KAAK,CAAC;MACvB,CAAC;MACDT,UAAU,EAAE,oBAAAS,KAAK,EAAI;QACjBA,KAAK,CAACC,cAAc,EAAE;QACtBV,WAAU,CAACS,KAAK,CAAC;MACrB;IACJ,CAAC;EACL,CAAC,MAAM;IACHF,QAAQ,mCAAQA,QAAQ;MAAEC,MAAM,EAAE;IAAS,EAAE;EACjD;EAEA,oBACI;IACI,GAAG,EAAEb,GAAI;IACT,IAAI,EAAC,cAAc;IACnB,SAAS,EAAE,IAAAgB,uBAAU,EACjB,wBAAwB,kDAEnB,6BAA6B,EAAGP,OAAO,KAAK,OAAO,gCACnD,8BAA8B,EAAGA,OAAO,KAAK,QAAQ,iBAE1DR,SAAS,CACX;IACF,KAAK,EAAEW,QAAS;IAChB,OAAO,EAAE,iBAAAE,KAAK,EAAI;MACd,IAAIZ,QAAO,EAAE;QACTY,KAAK,CAACC,cAAc,EAAE;QACtBb,QAAO,CAACY,KAAK,CAAC;MAClB;IACJ,CAAE;IACF,aAAa,EAAE,uBAAAA,KAAK,EAAI;MACpB,IAAIX,cAAa,EAAE;QACfW,KAAK,CAACC,cAAc,EAAE;QACtBZ,cAAa,CAACW,KAAK,CAAC;MACxB;IACJ;EAAE,GACEH,MAAM,GAETH,QAAQ,CACN;AAEf,CAAC,CAAC;AAEFX,OAAO,CAACoB,SAAS,GAAG;EAChBhB,SAAS,EAAEiB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACtClB,OAAO,EAAEgB,qBAAS,CAACG,IAAI;EACvBlB,aAAa,EAAEe,qBAAS,CAACG,IAAI;EAC7BjB,WAAW,EAAEc,qBAAS,CAACG,IAAI,CAACD,UAAU;EACtCd,YAAY,EAAEY,qBAAS,CAACG,IAAI,CAACD,UAAU;EACvCf,UAAU,EAAEa,qBAAS,CAACG,IAAI,CAACD,UAAU;EACrCb,KAAK,EAAEW,qBAAS,CAACI,MAAM;EACvBd,QAAQ,EAAEU,qBAAS,CAACK,IAAI;EACxBd,OAAO,EAAES,qBAAS,CAACC,MAAM;EACzBT,WAAW,EAAEQ,qBAAS,CAACM;AAC3B,CAAC;AAED3B,OAAO,CAAC4B,YAAY,GAAG,CAAC,CAAC;AAAC,eAEX5B,OAAO;AAAA"}

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

@@ -1,107 +1,81 @@
 "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
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _button = _interopRequireDefault(require("antd/es/button"));
-
 var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-
 var _Pane = _interopRequireDefault(require("./Pane"));
-
 var _Resizer = _interopRequireDefault(require("./Resizer"));
-
 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 _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 _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, 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(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; }
-
 function unFocus(document, window) {
   if (document.selection) {
     document.selection.empty();
   } else {
     try {
-      window.getSelection().removeAllRanges(); // eslint-disable-next-line no-empty
+      window.getSelection().removeAllRanges();
+      // eslint-disable-next-line no-empty
     } catch (e) {}
   }
 }
-
 function getDefaultSize(defaultSize, minSize, maxSize, draggedSize) {
   if (typeof draggedSize === 'number') {
     var min = typeof minSize === 'number' ? minSize : 0;
     var max = typeof maxSize === 'number' && maxSize >= 0 ? maxSize : Infinity;
     return Math.max(min, Math.min(max, draggedSize));
   }
-
   if (defaultSize !== undefined) {
     return defaultSize;
   }
-
   return minSize;
 }
-
 function removeNullChildren(children) {
   return _react["default"].Children.toArray(children).filter(function (c) {
     return c;
   });
 }
-
 function VtxSplitPane(props) {
   var size = props.size,
-      initPrimary = props.primary,
-      defaultSize = props.defaultSize,
-      minSize = props.minSize,
-      maxSize = props.maxSize;
+    initPrimary = props.primary,
+    defaultSize = props.defaultSize,
+    minSize = props.minSize,
+    maxSize = props.maxSize;
   var active = (0, _react.useRef)(false),
-      position = (0, _react.useRef)(),
-      draggedSize = (0, _react.useRef)(),
-      resized = (0, _react.useRef)(false);
+    position = (0, _react.useRef)(),
+    draggedSize = (0, _react.useRef)(),
+    resized = (0, _react.useRef)(false);
   var splitPane = (0, _react.useRef)(),
-      pane1 = (0, _react.useRef)(),
-      pane2 = (0, _react.useRef)(),
-      resizerRef = (0, _react.useRef)();
-
+    pane1 = (0, _react.useRef)(),
+    pane2 = (0, _react.useRef)(),
+    resizerRef = (0, _react.useRef)();
   var _useState = (0, _react.useState)({
-    pane1: 0,
-    pane2: 0
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      paneSize = _useState2[0],
-      setPaneSize = _useState2[1];
-
+      pane1: 0,
+      pane2: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    paneSize = _useState2[0],
+    setPaneSize = _useState2[1];
   var _useState3 = (0, _react.useState)(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      primaryShow = _useState4[0],
-      setPrimaryShow = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    primaryShow = _useState4[0],
+    setPrimaryShow = _useState4[1];
   var _useState5 = (0, _react.useState)(initPrimary),
-      _useState6 = _slicedToArray(_useState5, 2),
-      primary = _useState6[0],
-      setPrimary = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    primary = _useState6[0],
+    setPrimary = _useState6[1];
   (0, _react.useEffect)(function () {
     document.addEventListener('mouseup', onMouseUp);
     document.addEventListener('mousemove', onMouseMove);
@@ -116,26 +90,24 @@ function VtxSplitPane(props) {
   (0, _react.useLayoutEffect)(function () {
     var initialSize = size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize, null);
     var splitPaneWidth = splitPane.current.clientWidth,
-        resizerWidth = resizerRef.current.offsetWidth + 1; // +1避免因为小数问题
-
+      resizerWidth = resizerRef.current.offsetWidth + 1; // +1避免因为小数问题
     setPaneSize({
       pane1: primary === 'first' ? initialSize : splitPaneWidth - initialSize - resizerWidth,
       pane2: primary === 'second' ? initialSize : splitPaneWidth - initialSize - resizerWidth
     });
   }, [primary]);
+
   /**
    * 监听窗口变化，自适应大小
    */
-
   window.onresize = function () {
     var splitPaneWidth = splitPane.current.clientWidth,
-        resizerWidth = resizerRef.current.offsetWidth + 1;
+      resizerWidth = resizerRef.current.offsetWidth + 1;
     setPaneSize({
       pane1: primary === 'first' ? paneSize.pane1 : splitPaneWidth - resizerWidth - paneSize.pane2,
       pane2: primary === 'first' ? splitPaneWidth - resizerWidth - paneSize.pane1 : paneSize.pane2
     });
   };
-
   function onMouseDown(event) {
     var eventWithTouches = Object.assign({}, event, {
       touches: [{
@@ -145,24 +117,19 @@ function VtxSplitPane(props) {
     });
     onTouchStart(eventWithTouches);
   }
-
   function onTouchStart(event) {
     var allowResize = props.allowResize,
-        onDragStarted = props.onDragStarted;
-
+      onDragStarted = props.onDragStarted;
     if (allowResize) {
       unFocus(document, window);
       var initPosition = event.touches[0].clientX;
-
       if (typeof onDragStarted === 'function') {
         onDragStarted();
       }
-
       active.current = true;
       position.current = initPosition;
     }
   }
-
   function onMouseMove(event) {
     var eventWithTouches = Object.assign({}, event, {
       touches: [{
@@ -172,57 +139,45 @@ function VtxSplitPane(props) {
     });
     onTouchMove(eventWithTouches);
   }
-
   function onTouchMove(event) {
     var allowResize = props.allowResize,
-        maxSize = props.maxSize,
-        minSize = props.minSize,
-        onChange = props.onChange,
-        step = props.step;
-
+      maxSize = props.maxSize,
+      minSize = props.minSize,
+      onChange = props.onChange,
+      step = props.step;
     if (allowResize && active.current) {
       unFocus(document, window);
       var isPrimaryFirst = primary === 'first';
       var ref = isPrimaryFirst ? pane1.current : pane2.current;
       var ref2 = isPrimaryFirst ? pane2.current : pane1.current;
-
       if (ref) {
         var node = ref;
         var node2 = ref2;
-
         if (node.getBoundingClientRect) {
           var width = node.getBoundingClientRect().width;
           var current = event.touches[0].clientX;
           var _size = width;
           var positionDelta = position.current - current;
-
           if (step) {
             if (Math.abs(positionDelta) < step) {
               return;
-            } // Integer division
+            }
+            // Integer division
             // eslint-disable-next-line no-bitwise
-
-
             positionDelta = ~~(positionDelta / step) * step;
           }
-
           var sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;
           var pane1Order = parseInt(window.getComputedStyle(node).order);
           var pane2Order = parseInt(window.getComputedStyle(node2).order);
-
           if (pane1Order > pane2Order) {
             sizeDelta = -sizeDelta;
           }
-
           var newMaxSize = maxSize;
-
           if (maxSize !== undefined && maxSize <= 0) {
             newMaxSize = splitPane.getBoundingClientRect().width + maxSize;
           }
-
           var newSize = _size - sizeDelta;
           var newPosition = position.current - positionDelta;
-
           if (newSize < minSize) {
             newSize = minSize;
           } else if (maxSize !== undefined && newSize > newMaxSize) {
@@ -231,11 +186,10 @@ function VtxSplitPane(props) {
             position.current = newPosition;
             resized.current = true;
           }
-
           if (onChange) onChange(newSize);
           draggedSize.current = newSize;
           var splitPaneWidth = splitPane.current.clientWidth,
-              resizerWidth = resizerRef.current.offsetWidth + 1;
+            resizerWidth = resizerRef.current.offsetWidth + 1;
           setPaneSize({
             pane1: isPrimaryFirst ? newSize : splitPaneWidth - newSize - resizerWidth,
             pane2: isPrimaryFirst ? splitPaneWidth - newSize - resizerWidth : newSize
@@ -244,38 +198,35 @@ function VtxSplitPane(props) {
       }
     }
   }
-
   function onMouseUp() {
     var allowResize = props.allowResize,
-        onDragFinished = props.onDragFinished;
-
+      onDragFinished = props.onDragFinished;
     if (allowResize && active.current) {
       if (typeof onDragFinished === 'function') {
         onDragFinished(draggedSize.current);
       }
-
       active.current = false;
     }
   }
-
   var allowResize = props.allowResize,
-      children = props.children,
-      className = props.className,
-      onResizerClick = props.onResizerClick,
-      onResizerDoubleClick = props.onResizerDoubleClick,
-      resizerClassName = props.resizerClassName,
-      resizerStyle = props.resizerStyle,
-      style = props.style,
-      showSwitch = props.showSwitch,
-      showToggle = props.showToggle;
+    children = props.children,
+    className = props.className,
+    onResizerClick = props.onResizerClick,
+    onResizerDoubleClick = props.onResizerDoubleClick,
+    resizerClassName = props.resizerClassName,
+    resizerStyle = props.resizerStyle,
+    style = props.style,
+    showSwitch = props.showSwitch,
+    showToggle = props.showToggle;
   var notNullChildren = removeNullChildren(children);
+
   /**
    * 收缩面板宽度变化，并能还原到原先的位置
    */
-
   var pane1Size = primary === 'first' ? primaryShow ? paneSize.pane1 : 0 : primaryShow ? paneSize.pane1 : paneSize.pane1 + paneSize.pane2;
-  var pane2Size = primary === 'first' ? primaryShow ? paneSize.pane2 : paneSize.pane1 + paneSize.pane2 : primaryShow ? paneSize.pane2 : 0; // 是否在拖动
+  var pane2Size = primary === 'first' ? primaryShow ? paneSize.pane2 : paneSize.pane1 + paneSize.pane2 : primaryShow ? paneSize.pane2 : 0;
 
+  // 是否在拖动
   var dragging = active.current;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('vtx-split-pane', className),
@@ -292,7 +243,6 @@ function VtxSplitPane(props) {
       if (!primaryShow) {
         setPrimaryShow(true);
       }
-
       onResizerClick && onResizerClick(e);
     },
     className: (0, _classnames["default"])({
@@ -337,7 +287,6 @@ function VtxSplitPane(props) {
         if (prev === 'first') {
           return 'second';
         }
-
         if (prev === 'second') {
           return 'first';
         }
@@ -350,7 +299,6 @@ function VtxSplitPane(props) {
     dragging: dragging
   }, primary === 'first' ? notNullChildren[1] : notNullChildren[0]));
 }
-
 VtxSplitPane.propTypes = {
   allowResize: _propTypes["default"].bool,
   children: _propTypes["default"].arrayOf(_propTypes["default"].node).isRequired,