@vtx/components 3.1.30 → 3.1.32

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

@@ -1,30 +1,42 @@
 "use strict";
 
 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(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,"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"}
+{"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;;;;;;;;;;;;;;AAEA,IAAMA,IAAI,gBAAG,IAAAC,iBAAA,EAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;EACpC,IAAQC,QAAR,GAAqCF,KAArC,CAAQE,QAAR;EAAA,IAAkBC,IAAlB,GAAqCH,KAArC,CAAkBG,IAAlB;EAAA,IAAwBC,QAAxB,GAAqCJ,KAArC,CAAwBI,QAAxB;EACA,IAAIC,KAAK,GAAG;IAAEC,KAAK,EAAEH;EAAT,CAAZ;;EACA,IAAI,CAACC,QAAL,EAAe;IACXC,KAAK,mCACEA,KADF;MAEDE,UAAU,EAAE;IAFX,EAAL;EAIH;;EACD,oBACI;IAAK,SAAS,EAAE,qBAAhB;IAAuC,KAAK,EAAEF,KAA9C;IAAqD,GAAG,EAAEJ;EAA1D,GACKC,QADL,CADJ;AAKH,CAdY,CAAb;AAgBAJ,IAAI,CAACU,SAAL,GAAiB;EACbN,QAAQ,EAAEO,qBAAA,CAAUC,IAAV,CAAeC,UADZ;EAEbR,IAAI,EAAEM,qBAAA,CAAUG,SAAV,CAAoB,CAACH,qBAAA,CAAUI,MAAX,EAAmBJ,qBAAA,CAAUK,MAA7B,CAApB,CAFO;EAGbV,QAAQ,EAAEK,qBAAA,CAAUM;AAHP,CAAjB;AAMAjB,IAAI,CAACkB,YAAL,GAAoB,EAApB;eAEelB,I"}

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

@@ -1,34 +1,49 @@
 "use strict";
 
 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(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 = {};
+
   var newStyle = _objectSpread({}, style);
+
   if (primaryShow) {
     newStyle = _objectSpread(_objectSpread({}, newStyle), {}, {
       cursor: 'col-resize'
@@ -39,10 +54,12 @@ 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);
       }
     };
@@ -51,6 +68,7 @@ var Resizer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       cursor: 'pointer'
     });
   }
+
   return /*#__PURE__*/_react["default"].createElement("span", _extends({
     ref: ref,
     role: "presentation",
@@ -59,12 +77,14 @@ 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,"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    let 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;EACf,IAAIC,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"}
+{"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    let 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;;;;;;;;;;;;;;;;AAEA,IAAMA,OAAO,gBAAG,IAAAC,iBAAA,EAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;EAAA;;EACvC,IACIC,SADJ,GAWIF,KAXJ,CACIE,SADJ;EAAA,IAEIC,QAFJ,GAWIH,KAXJ,CAEIG,OAFJ;EAAA,IAGIC,cAHJ,GAWIJ,KAXJ,CAGII,aAHJ;EAAA,IAIIC,YAJJ,GAWIL,KAXJ,CAIIK,WAJJ;EAAA,IAKIC,WALJ,GAWIN,KAXJ,CAKIM,UALJ;EAAA,IAMIC,aANJ,GAWIP,KAXJ,CAMIO,YANJ;EAAA,IAOIC,KAPJ,GAWIR,KAXJ,CAOIQ,KAPJ;EAAA,IAQIC,QARJ,GAWIT,KAXJ,CAQIS,QARJ;EAAA,IASIC,OATJ,GAWIV,KAXJ,CASIU,OATJ;EAAA,IAUIC,WAVJ,GAWIX,KAXJ,CAUIW,WAVJ;EAaA,IAAIC,MAAM,GAAG,EAAb;;EACA,IAAIC,QAAQ,qBAAQL,KAAR,CAAZ;;EACA,IAAIG,WAAJ,EAAiB;IACbE,QAAQ,mCAAQA,QAAR;MAAkBC,MAAM,EAAE;IAA1B,EAAR;IACAF,MAAM,GAAG;MACLP,WAAW,EAAE,qBAAAU,KAAK;QAAA,OAAIV,YAAW,CAACU,KAAD,CAAf;MAAA,CADb;MAELR,YAAY,EAAE,sBAAAQ,KAAK,EAAI;QACnBA,KAAK,CAACC,cAAN;;QACAT,aAAY,CAACQ,KAAD,CAAZ;MACH,CALI;MAMLT,UAAU,EAAE,oBAAAS,KAAK,EAAI;QACjBA,KAAK,CAACC,cAAN;;QACAV,WAAU,CAACS,KAAD,CAAV;MACH;IATI,CAAT;EAWH,CAbD,MAaO;IACHF,QAAQ,mCAAQA,QAAR;MAAkBC,MAAM,EAAE;IAA1B,EAAR;EACH;;EAED,oBACI;IACI,GAAG,EAAEb,GADT;IAEI,IAAI,EAAC,cAFT;IAGI,SAAS,EAAE,IAAAgB,uBAAA,EACP,wBADO,kDAGF,6BAHE,EAG8BP,OAAO,KAAK,OAH1C,gCAIF,8BAJE,EAI+BA,OAAO,KAAK,QAJ3C,iBAMPR,SANO,CAHf;IAWI,KAAK,EAAEW,QAXX;IAYI,OAAO,EAAE,iBAAAE,KAAK,EAAI;MACd,IAAIZ,QAAJ,EAAa;QACTY,KAAK,CAACC,cAAN;;QACAb,QAAO,CAACY,KAAD,CAAP;MACH;IACJ,CAjBL;IAkBI,aAAa,EAAE,uBAAAA,KAAK,EAAI;MACpB,IAAIX,cAAJ,EAAmB;QACfW,KAAK,CAACC,cAAN;;QACAZ,cAAa,CAACW,KAAD,CAAb;MACH;IACJ;EAvBL,GAwBQH,MAxBR,GA0BKH,QA1BL,CADJ;AA8BH,CA/De,CAAhB;AAiEAX,OAAO,CAACoB,SAAR,GAAoB;EAChBhB,SAAS,EAAEiB,qBAAA,CAAUC,MAAV,CAAiBC,UADZ;EAEhBlB,OAAO,EAAEgB,qBAAA,CAAUG,IAFH;EAGhBlB,aAAa,EAAEe,qBAAA,CAAUG,IAHT;EAIhBjB,WAAW,EAAEc,qBAAA,CAAUG,IAAV,CAAeD,UAJZ;EAKhBd,YAAY,EAAEY,qBAAA,CAAUG,IAAV,CAAeD,UALb;EAMhBf,UAAU,EAAEa,qBAAA,CAAUG,IAAV,CAAeD,UANX;EAOhBb,KAAK,EAAEW,qBAAA,CAAUI,MAPD;EAQhBd,QAAQ,EAAEU,qBAAA,CAAUK,IARJ;EAShBd,OAAO,EAAES,qBAAA,CAAUC,MATH;EAUhBT,WAAW,EAAEQ,qBAAA,CAAUM;AAVP,CAApB;AAaA3B,OAAO,CAAC4B,YAAR,GAAuB,EAAvB;eAEe5B,O"}

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

@@ -1,61 +1,86 @@
 "use strict";
 
 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/lib/button"));
+
 var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
+
 var _LeftOutlined = _interopRequireDefault(require("@ant-design/icons/LeftOutlined"));
+
 var _RightOutlined = _interopRequireDefault(require("@ant-design/icons/RightOutlined"));
+
 var _SwapOutlined = _interopRequireDefault(require("@ant-design/icons/SwapOutlined"));
+
 var _Pane = _interopRequireDefault(require("./Pane"));
+
 var _Resizer = _interopRequireDefault(require("./Resizer"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 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) { 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);
   var position = (0, _react.useRef)();
   var draggedSize = (0, _react.useRef)();
@@ -64,21 +89,25 @@ function VtxSplitPane(props) {
   var pane1 = (0, _react.useRef)();
   var pane2 = (0, _react.useRef)();
   var 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);
@@ -87,6 +116,7 @@ function VtxSplitPane(props) {
       var initialSize = size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize, null);
       var splitPaneWidth = splitPane.current.clientWidth;
       var resizerWidth = resizerRef.current.offsetWidth + 1; // +1避免因为小数问题
+
       setPaneSize({
         pane1: primary === 'first' ? initialSize : splitPaneWidth - initialSize - resizerWidth,
         pane2: primary === 'second' ? initialSize : splitPaneWidth - initialSize - resizerWidth
@@ -99,10 +129,10 @@ function VtxSplitPane(props) {
       window.onresize = '';
     };
   }, [primary]);
-
   /**
    * 监听窗口变化，自适应大小
    */
+
   window.onresize = function () {
     var splitPaneWidth = splitPane.current.clientWidth;
     var resizerWidth = resizerRef.current.offsetWidth + 1;
@@ -111,6 +141,7 @@ function VtxSplitPane(props) {
       pane2: primary === 'first' ? splitPaneWidth - resizerWidth - paneSize.pane1 : paneSize.pane2
     });
   };
+
   function onMouseDown(event) {
     var eventWithTouches = Object.assign({}, event, {
       touches: [{
@@ -120,19 +151,24 @@ 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: [{
@@ -142,45 +178,57 @@ 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) {
@@ -189,6 +237,7 @@ function VtxSplitPane(props) {
             position.current = newPosition;
             resized.current = true;
           }
+
           if (onChange) onChange(newSize);
           draggedSize.current = newSize;
           var splitPaneWidth = splitPane.current.clientWidth;
@@ -201,35 +250,38 @@ 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),
@@ -246,6 +298,7 @@ function VtxSplitPane(props) {
       if (!primaryShow) {
         setPrimaryShow(true);
       }
+
       onResizerClick && onResizerClick(e);
     },
     className: (0, _classnames["default"])({
@@ -290,6 +343,7 @@ function VtxSplitPane(props) {
         if (prev === 'first') {
           return 'second';
         }
+
         if (prev === 'second') {
           return 'first';
         }
@@ -302,6 +356,7 @@ 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,