@vtx/components 3.1.30 → 3.1.32

package/lib/vtx-input/useLength.js

@@ -4,26 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = require("react");
+
 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; }
+
 var useLength = function useLength() {
   var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    showCount = _ref.showCount;
+      showCount = _ref.showCount;
+
   var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    len = _useState2[0],
-    setLen = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      len = _useState2[0],
+      setLen = _useState2[1];
+
   (0, _react.useEffect)(function () {
     showCount && setLen(String(val !== null && val !== void 0 ? val : '').length);
   }, [val]);
   return len;
 };
+
 var _default = useLength;
 exports["default"] = _default;
 //# sourceMappingURL=useLength.js.map

package/lib/vtx-input/useLength.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLength.js","names":["useLength","val","showCount","useState","len","setLen","useEffect","String","length"],"sources":["vtx-input/useLength.js"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nconst useLength = (val = '', { showCount } = {}) => {\n    const [len, setLen] = useState(0);\n    useEffect(() => {\n        showCount && setLen(String(val ?? '').length);\n    }, [val]);\n    return len;\n};\n\nexport default useLength;\n"],"mappings":";;;;;;AAAA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAAA;AAE5C,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAAqC;EAAA,IAAjCC,GAAG,uEAAG,EAAE;EAAA,+EAAkB,CAAC,CAAC;IAAhBC,SAAS,QAATA,SAAS;EACpC,gBAAsB,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAA;IAA1BC,GAAG;IAAEC,MAAM;EAClB,IAAAC,gBAAS,EAAC,YAAM;IACZJ,SAAS,IAAIG,MAAM,CAACE,MAAM,CAACN,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAI,EAAE,CAAC,CAACO,MAAM,CAAC;EACjD,CAAC,EAAE,CAACP,GAAG,CAAC,CAAC;EACT,OAAOG,GAAG;AACd,CAAC;AAAC,eAEaJ,SAAS;AAAA"}
+{"version":3,"file":"useLength.js","names":["useLength","val","showCount","useState","len","setLen","useEffect","String","length"],"sources":["vtx-input/useLength.js"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nconst useLength = (val = '', { showCount } = {}) => {\n    const [len, setLen] = useState(0);\n    useEffect(() => {\n        showCount && setLen(String(val ?? '').length);\n    }, [val]);\n    return len;\n};\n\nexport default useLength;\n"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,GAAkC;EAAA,IAAjCC,GAAiC,uEAA3B,EAA2B;;EAAA,+EAAP,EAAO;EAAA,IAArBC,SAAqB,QAArBA,SAAqB;;EAChD,gBAAsB,IAAAC,eAAA,EAAS,CAAT,CAAtB;EAAA;EAAA,IAAOC,GAAP;EAAA,IAAYC,MAAZ;;EACA,IAAAC,gBAAA,EAAU,YAAM;IACZJ,SAAS,IAAIG,MAAM,CAACE,MAAM,CAACN,GAAD,aAACA,GAAD,cAACA,GAAD,GAAQ,EAAR,CAAN,CAAkBO,MAAnB,CAAnB;EACH,CAFD,EAEG,CAACP,GAAD,CAFH;EAGA,OAAOG,GAAP;AACH,CAND;;eAQeJ,S"}

package/lib/vtx-modal/Title.js

@@ -4,12 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function Title(props) {
   var text = props.text,
-    subtitle = props.subtitle;
+      subtitle = props.subtitle;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "vtx-modal-header-title"
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -18,6 +22,7 @@ function Title(props) {
     className: "vtx-modal-header-subtitle"
   }, subtitle));
 }
+
 Title.propTypes = {
   text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
   subtitle: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node])

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":["Title","props","text","subtitle","propTypes","PropTypes","oneOfType","string","node"],"sources":["vtx-modal/Title.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Title(props) {\n    const { text, subtitle } = props;\n    return (\n        <div className=\"vtx-modal-header-title\">\n            <span className=\"vtx-modal-header-text\">{text}</span>\n            {subtitle && <span className=\"vtx-modal-header-subtitle\">{subtitle}</span>}\n        </div>\n    );\n}\n\nTitle.propTypes = {\n    text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n};\n\nexport default Title;\n"],"mappings":";;;;;;AAAA;AACA;AAAmC;AAEnC,SAASA,KAAK,CAACC,KAAK,EAAE;EAClB,IAAQC,IAAI,GAAeD,KAAK,CAAxBC,IAAI;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;EACtB,oBACI;IAAK,SAAS,EAAC;EAAwB,gBACnC;IAAM,SAAS,EAAC;EAAuB,GAAED,IAAI,CAAQ,EACpDC,QAAQ,iBAAI;IAAM,SAAS,EAAC;EAA2B,GAAEA,QAAQ,CAAQ,CACxE;AAEd;AAEAH,KAAK,CAACI,SAAS,GAAG;EACdF,IAAI,EAAEG,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,IAAI,CAAC,CAAC;EAC7DL,QAAQ,EAAEE,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,IAAI,CAAC;AACpE,CAAC;AAAC,eAEaR,KAAK;AAAA"}
+{"version":3,"file":"Title.js","names":["Title","props","text","subtitle","propTypes","PropTypes","oneOfType","string","node"],"sources":["vtx-modal/Title.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Title(props) {\n    const { text, subtitle } = props;\n    return (\n        <div className=\"vtx-modal-header-title\">\n            <span className=\"vtx-modal-header-text\">{text}</span>\n            {subtitle && <span className=\"vtx-modal-header-subtitle\">{subtitle}</span>}\n        </div>\n    );\n}\n\nTitle.propTypes = {\n    text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n};\n\nexport default Title;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,SAASA,KAAT,CAAeC,KAAf,EAAsB;EAClB,IAAQC,IAAR,GAA2BD,KAA3B,CAAQC,IAAR;EAAA,IAAcC,QAAd,GAA2BF,KAA3B,CAAcE,QAAd;EACA,oBACI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAM,SAAS,EAAC;EAAhB,GAAyCD,IAAzC,CADJ,EAEKC,QAAQ,iBAAI;IAAM,SAAS,EAAC;EAAhB,GAA6CA,QAA7C,CAFjB,CADJ;AAMH;;AAEDH,KAAK,CAACI,SAAN,GAAkB;EACdF,IAAI,EAAEG,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,MAAX,EAAmBF,qBAAA,CAAUG,IAA7B,CAApB,CADQ;EAEdL,QAAQ,EAAEE,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,MAAX,EAAmBF,qBAAA,CAAUG,IAA7B,CAApB;AAFI,CAAlB;eAKeR,K"}

package/lib/vtx-modal/index.js

@@ -1,32 +1,56 @@
 "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 _useUpdateEffect = _interopRequireDefault(require("ahooks/es/useUpdateEffect"));
+
 var _useSetState5 = _interopRequireDefault(require("ahooks/es/useSetState"));
+
 var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
+
 var _FullscreenExitOutlined = _interopRequireDefault(require("@ant-design/icons/FullscreenExitOutlined"));
+
 var _FullscreenOutlined = _interopRequireDefault(require("@ant-design/icons/FullscreenOutlined"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _modal = _interopRequireDefault(require("antd/lib/modal"));
+
 var _Title = _interopRequireDefault(require("./Title"));
+
 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; }
+
 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; }
+
 // 对话框位置初始参数
 var initDragArg = {
   init_x: 0,
@@ -35,36 +59,39 @@ 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]; // 是否是全屏状态
+      _useSetState2 = _slicedToArray(_useSetState, 2),
+      fullScreen = _useSetState2[0],
+      setFullScreen = _useSetState2[1]; // 是否是全屏状态
+
+
   var _useSetState3 = (0, _useSetState5["default"])(initDragArg),
-    _useSetState4 = _slicedToArray(_useSetState3, 2),
-    dragArg = _useSetState4[0],
-    setDragArg = _useSetState4[1]; // 拖动配置
+      _useSetState4 = _slicedToArray(_useSetState3, 2),
+      dragArg = _useSetState4[0],
+      setDragArg = _useSetState4[1]; // 拖动配置
+
+
   var classId = (0, _react.useRef)(new Date().getTime() + Math.random());
   var _props$wrapClassName = props.wrapClassName,
-    wrapClassName = _props$wrapClassName === void 0 ? '' : _props$wrapClassName,
-    _props$closable = props.closable,
-    closable = _props$closable === void 0 ? true : _props$closable,
-    _props$title = props.title,
-    title = _props$title === void 0 ? '' : _props$title,
-    _props$maximize = props.maximize,
-    maximize = _props$maximize === void 0 ? false : _props$maximize,
-    onModalResize = props.onModalResize,
-    _props$moveable = props.moveable,
-    moveable = _props$moveable === void 0 ? false : _props$moveable;
-
-  // 监听对话框大小变化回调(忽略首次执行)
+      wrapClassName = _props$wrapClassName === void 0 ? '' : _props$wrapClassName,
+      _props$closable = props.closable,
+      closable = _props$closable === void 0 ? true : _props$closable,
+      _props$title = props.title,
+      title = _props$title === void 0 ? '' : _props$title,
+      _props$maximize = props.maximize,
+      maximize = _props$maximize === void 0 ? false : _props$maximize,
+      onModalResize = props.onModalResize,
+      _props$moveable = props.moveable,
+      moveable = _props$moveable === void 0 ? false : _props$moveable; // 监听对话框大小变化回调(忽略首次执行)
+
   (0, _useUpdateEffect["default"])(function () {
     var timer = setTimeout(function () {
       if (onModalResize && typeof onModalResize === 'function') {
@@ -79,14 +106,15 @@ function VtxModal(props) {
     return function () {
       return clearTimeout(timer);
     };
-  }, [fullScreen.isFull]);
+  }, [fullScreen.isFull]); // 拖拽
 
-  // 拖拽
   (0, _react.useEffect)(function () {
     if (props.visible && moveable) {
       var timer = setTimeout(function () {
         var _document$getElements, _document$getElements2, _document$getElements3;
+
         var modalHead = (_document$getElements = document.getElementsByClassName(classId.current)) === null || _document$getElements === void 0 ? void 0 : (_document$getElements2 = _document$getElements[0]) === null || _document$getElements2 === void 0 ? void 0 : (_document$getElements3 = _document$getElements2.getElementsByClassName('ant-modal-header')) === null || _document$getElements3 === void 0 ? void 0 : _document$getElements3[0];
+
         if (modalHead) {
           modalHead.style.cursor = 'move';
           modalHead.onmousedown = startDrag;
@@ -97,9 +125,10 @@ function VtxModal(props) {
       };
     }
   });
+
   var startDrag = function startDrag(e) {
-    e.preventDefault();
-    // 全屏模式下禁止拖拽
+    e.preventDefault(); // 全屏模式下禁止拖拽
+
     if (!fullScreen.isFull) {
       setDragArg({
         documentMouseUp: document.onmouseup,
@@ -107,6 +136,7 @@ function VtxModal(props) {
         init_x: e.clientX - dragArg.x_move,
         init_y: e.clientY - dragArg.y_move
       });
+
       document.onmousemove = function (e) {
         setDragArg(function (prev) {
           return {
@@ -115,26 +145,28 @@ function VtxModal(props) {
           };
         });
       };
+
       document.onmouseup = function () {
         document.onmousemove = dragArg.documentMouseMove;
         document.onmouseup = dragArg.documentMouseUp;
       };
     }
-  };
+  }; // 关闭对话框，初始化位置
+
 
-  // 关闭对话框，初始化位置
   var onCancel = function onCancel() {
     if (props.onCancel && typeof props.onCancel === 'function') {
-      props.onCancel();
-      // TODO 关闭弹框会闪一下,待解决
+      props.onCancel(); // TODO 关闭弹框会闪一下,待解决
+
       setDragArg(initDragArg);
       setFullScreen(initFullScreen);
     }
   };
-
   /*
    *重写title，加入对话框全屏功能
    */
+
+
   title = function renderTitle() {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "vtx-modal-title",
@@ -148,9 +180,11 @@ function VtxModal(props) {
     }, /*#__PURE__*/_react["default"].createElement("p", {
       onClick: function onClick() {
         var fullScreenClass = '';
+
         if (!fullScreen.isFull) {
           fullScreenClass = 'vtx-modal-maxClass';
         }
+
         setFullScreen({
           isFull: !fullScreen.isFull,
           className: fullScreenClass
@@ -162,17 +196,21 @@ function VtxModal(props) {
       onClick: onCancel
     }, /*#__PURE__*/_react["default"].createElement(_CloseOutlined["default"], null))) : '');
   }();
-  var bodyStyle = _objectSpread({}, props.bodyStyle);
 
+  var bodyStyle = _objectSpread({}, props.bodyStyle);
   /* 限制最大高度 */
+
+
   if (!fullScreen.isFull) {
     bodyStyle = _objectSpread({
       maxHeight: "".concat(window.innerHeight * 0.7, "px")
     }, bodyStyle);
   }
+
   var transformStyle = {
     transform: "translate(".concat(dragArg.x_move, "px,").concat(dragArg.y_move, "px)")
   };
+
   var newProps = _objectSpread(_objectSpread({
     maskClosable: false,
     destroyOnClose: true,
@@ -185,8 +223,10 @@ function VtxModal(props) {
     onCancel: onCancel,
     style: _objectSpread(_objectSpread({}, props.style), fullScreen.isFull ? {} : transformStyle)
   });
+
   return /*#__PURE__*/_react["default"].createElement(_modal["default"], newProps, props.children);
 }
+
 VtxModal.info = _modal["default"].info;
 VtxModal.success = _modal["default"].success;
 VtxModal.error = _modal["default"].error;

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","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        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","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","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        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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"}

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

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

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

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

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

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

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

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

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

@@ -4,21 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 /**
  * 基础布局
  */
-
 function Basic(props) {
   var className = props.className,
-    style = props.style;
+      style = props.style;
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: style,
     className: className
   }, props.children);
 }
+
 Basic.propTypes = {
   style: _propTypes["default"].object,
   className: _propTypes["default"].string,

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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","names":["Basic","props","className","style","children","propTypes","PropTypes","object","string","node"],"sources":["vtx-page-layout/Basic.jsx"],"sourcesContent":["/**\n * 基础布局\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Basic(props) {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={className}>\n            {props.children}\n        </div>\n    );\n}\n\nBasic.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default Basic;\n"],"mappings":";;;;;;AAGA;AACA;AAAmC;AAJnC;AACA;AACA;;AAIA,SAASA,KAAK,CAACC,KAAK,EAAE;EAClB,IAAQC,SAAS,GAAYD,KAAK,CAA1BC,SAAS;IAAEC,KAAK,GAAKF,KAAK,CAAfE,KAAK;EAExB,oBACI;IAAK,KAAK,EAAEA,KAAM;IAAC,SAAS,EAAED;EAAU,GACnCD,KAAK,CAACG,QAAQ,CACb;AAEd;AAEAJ,KAAK,CAACK,SAAS,GAAG;EACdF,KAAK,EAAEG,qBAAS,CAACC,MAAM;EACvBL,SAAS,EAAEI,qBAAS,CAACE,MAAM;EAC3BJ,QAAQ,EAAEE,qBAAS,CAACG;AACxB,CAAC;AAAC,eAEaT,KAAK;AAAA"}
+{"version":3,"file":"Basic.js","names":["Basic","props","className","style","children","propTypes","PropTypes","object","string","node"],"sources":["vtx-page-layout/Basic.jsx"],"sourcesContent":["/**\n * 基础布局\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Basic(props) {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={className}>\n            {props.children}\n        </div>\n    );\n}\n\nBasic.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default Basic;\n"],"mappings":";;;;;;;AAGA;;AACA;;;;AAJA;AACA;AACA;AAIA,SAASA,KAAT,CAAeC,KAAf,EAAsB;EAClB,IAAQC,SAAR,GAA6BD,KAA7B,CAAQC,SAAR;EAAA,IAAmBC,KAAnB,GAA6BF,KAA7B,CAAmBE,KAAnB;EAEA,oBACI;IAAK,KAAK,EAAEA,KAAZ;IAAmB,SAAS,EAAED;EAA9B,GACKD,KAAK,CAACG,QADX,CADJ;AAKH;;AAEDJ,KAAK,CAACK,SAAN,GAAkB;EACdF,KAAK,EAAEG,qBAAA,CAAUC,MADH;EAEdL,SAAS,EAAEI,qBAAA,CAAUE,MAFP;EAGdJ,QAAQ,EAAEE,qBAAA,CAAUG;AAHN,CAAlB;eAMeT,K"}

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

@@ -4,36 +4,48 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames2 = _interopRequireDefault(require("classnames"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+
 function Content(props) {
   var _classnames;
+
   var id = props.id,
-    className = props.className,
-    style = props.style,
-    _props$relative = props.relative,
-    relative = _props$relative === void 0 ? false : _props$relative,
-    _props$scrollY = props.scrollY,
-    scrollY = _props$scrollY === void 0 ? false : _props$scrollY,
-    height = props.height;
+      className = props.className,
+      style = props.style,
+      _props$relative = props.relative,
+      relative = _props$relative === void 0 ? false : _props$relative,
+      _props$scrollY = props.scrollY,
+      scrollY = _props$scrollY === void 0 ? false : _props$scrollY,
+      height = props.height;
   var contentClass = (0, _classnames2["default"])((_classnames = {}, _defineProperty(_classnames, 'vtx-content-absolute', !relative), _defineProperty(_classnames, 'vtx-content-relative', relative), _defineProperty(_classnames, 'vtx-content-scroll-y', scrollY), _classnames), className);
   var newStyle = style;
+
   if ('height' in props) {
     newStyle = _objectSpread(_objectSpread({}, newStyle), {}, {
       height: height
     });
   }
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     id: id,
     style: newStyle,
     className: contentClass
   }, props.children);
 }
+
 var _default = Content;
 exports["default"] = _default;
 Content.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"Content.js","names":["Content","props","id","className","style","relative","scrollY","height","contentClass","classnames","newStyle","children","propTypes","PropTypes","string","object","bool","oneOfType","number","node"],"sources":["vtx-page-layout/Content.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction Content(props) {\n    const { id, className, style, relative = false, scrollY = false, height } = props;\n\n    const contentClass = classnames(\n        {\n            ['vtx-content-absolute']: !relative,\n            ['vtx-content-relative']: relative,\n            ['vtx-content-scroll-y']: scrollY,\n        },\n        className,\n    );\n\n    let newStyle = style;\n    if ('height' in props) {\n        newStyle = {\n            ...newStyle,\n            height: height,\n        };\n    }\n\n    return (\n        <div id={id} style={newStyle} className={contentClass}>\n            {props.children}\n        </div>\n    );\n}\n\nexport default Content;\n\nContent.propTypes = {\n    id: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    relative: PropTypes.bool,\n    scrollY: PropTypes.bool,\n    height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    children: PropTypes.node,\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAoC;AAAA;AAAA;AAAA;AAEpC,SAASA,OAAO,CAACC,KAAK,EAAE;EAAA;EACpB,IAAQC,EAAE,GAAkED,KAAK,CAAzEC,EAAE;IAAEC,SAAS,GAAuDF,KAAK,CAArEE,SAAS;IAAEC,KAAK,GAAgDH,KAAK,CAA1DG,KAAK;IAAA,kBAAgDH,KAAK,CAAnDI,QAAQ;IAARA,QAAQ,gCAAG,KAAK;IAAA,iBAA8BJ,KAAK,CAAjCK,OAAO;IAAPA,OAAO,+BAAG,KAAK;IAAEC,MAAM,GAAKN,KAAK,CAAhBM,MAAM;EAEvE,IAAMC,YAAY,GAAG,IAAAC,uBAAU,kDAEtB,sBAAsB,EAAG,CAACJ,QAAQ,gCAClC,sBAAsB,EAAGA,QAAQ,gCACjC,sBAAsB,EAAGC,OAAO,iBAErCH,SAAS,CACZ;EAED,IAAIO,QAAQ,GAAGN,KAAK;EACpB,IAAI,QAAQ,IAAIH,KAAK,EAAE;IACnBS,QAAQ,mCACDA,QAAQ;MACXH,MAAM,EAAEA;IAAM,EACjB;EACL;EAEA,oBACI;IAAK,EAAE,EAAEL,EAAG;IAAC,KAAK,EAAEQ,QAAS;IAAC,SAAS,EAAEF;EAAa,GACjDP,KAAK,CAACU,QAAQ,CACb;AAEd;AAAC,eAEcX,OAAO;AAAA;AAEtBA,OAAO,CAACY,SAAS,GAAG;EAChBV,EAAE,EAAEW,qBAAS,CAACC,MAAM;EACpBV,KAAK,EAAES,qBAAS,CAACE,MAAM;EACvBZ,SAAS,EAAEU,qBAAS,CAACC,MAAM;EAC3BT,QAAQ,EAAEQ,qBAAS,CAACG,IAAI;EACxBV,OAAO,EAAEO,qBAAS,CAACG,IAAI;EACvBT,MAAM,EAAEM,qBAAS,CAACI,SAAS,CAAC,CAACJ,qBAAS,CAACC,MAAM,EAAED,qBAAS,CAACK,MAAM,CAAC,CAAC;EACjEP,QAAQ,EAAEE,qBAAS,CAACM;AACxB,CAAC"}
+{"version":3,"file":"Content.js","names":["Content","props","id","className","style","relative","scrollY","height","contentClass","classnames","newStyle","children","propTypes","PropTypes","string","object","bool","oneOfType","number","node"],"sources":["vtx-page-layout/Content.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction Content(props) {\n    const { id, className, style, relative = false, scrollY = false, height } = props;\n\n    const contentClass = classnames(\n        {\n            ['vtx-content-absolute']: !relative,\n            ['vtx-content-relative']: relative,\n            ['vtx-content-scroll-y']: scrollY,\n        },\n        className,\n    );\n\n    let newStyle = style;\n    if ('height' in props) {\n        newStyle = {\n            ...newStyle,\n            height: height,\n        };\n    }\n\n    return (\n        <div id={id} style={newStyle} className={contentClass}>\n            {props.children}\n        </div>\n    );\n}\n\nexport default Content;\n\nContent.propTypes = {\n    id: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    relative: PropTypes.bool,\n    scrollY: PropTypes.bool,\n    height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    children: PropTypes.node,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;EAAA;;EACpB,IAAQC,EAAR,GAA4ED,KAA5E,CAAQC,EAAR;EAAA,IAAYC,SAAZ,GAA4EF,KAA5E,CAAYE,SAAZ;EAAA,IAAuBC,KAAvB,GAA4EH,KAA5E,CAAuBG,KAAvB;EAAA,sBAA4EH,KAA5E,CAA8BI,QAA9B;EAAA,IAA8BA,QAA9B,gCAAyC,KAAzC;EAAA,qBAA4EJ,KAA5E,CAAgDK,OAAhD;EAAA,IAAgDA,OAAhD,+BAA0D,KAA1D;EAAA,IAAiEC,MAAjE,GAA4EN,KAA5E,CAAiEM,MAAjE;EAEA,IAAMC,YAAY,GAAG,IAAAC,uBAAA,kDAEZ,sBAFY,EAEa,CAACJ,QAFd,gCAGZ,sBAHY,EAGaA,QAHb,gCAIZ,sBAJY,EAIaC,OAJb,iBAMjBH,SANiB,CAArB;EASA,IAAIO,QAAQ,GAAGN,KAAf;;EACA,IAAI,YAAYH,KAAhB,EAAuB;IACnBS,QAAQ,mCACDA,QADC;MAEJH,MAAM,EAAEA;IAFJ,EAAR;EAIH;;EAED,oBACI;IAAK,EAAE,EAAEL,EAAT;IAAa,KAAK,EAAEQ,QAApB;IAA8B,SAAS,EAAEF;EAAzC,GACKP,KAAK,CAACU,QADX,CADJ;AAKH;;eAEcX,O;;AAEfA,OAAO,CAACY,SAAR,GAAoB;EAChBV,EAAE,EAAEW,qBAAA,CAAUC,MADE;EAEhBV,KAAK,EAAES,qBAAA,CAAUE,MAFD;EAGhBZ,SAAS,EAAEU,qBAAA,CAAUC,MAHL;EAIhBT,QAAQ,EAAEQ,qBAAA,CAAUG,IAJJ;EAKhBV,OAAO,EAAEO,qBAAA,CAAUG,IALH;EAMhBT,MAAM,EAAEM,qBAAA,CAAUI,SAAV,CAAoB,CAACJ,qBAAA,CAAUC,MAAX,EAAmBD,qBAAA,CAAUK,MAA7B,CAApB,CANQ;EAOhBP,QAAQ,EAAEE,qBAAA,CAAUM;AAPJ,CAApB"}

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

@@ -4,31 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var Left = function Left(props) {
   var className = props.className,
-    style = props.style;
+      style = props.style;
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: style,
     className: (0, _classnames["default"])('vtx-table-left', className)
   }, props.children);
 };
+
 Left.propTypes = {
   style: _propTypes["default"].object,
   className: _propTypes["default"].string,
   children: _propTypes["default"].node
 };
+
 var Right = function Right(props) {
   var className = props.className,
-    style = props.style;
+      style = props.style;
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: style,
     className: (0, _classnames["default"])('vtx-table-right', className)
   }, props.children);
 };
+
 Right.propTypes = {
   style: _propTypes["default"].object,
   className: _propTypes["default"].string,

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

@@ -1 +1 @@
-{"version":3,"file":"Pane.js","names":["Left","props","className","style","classsnames","children","propTypes","PropTypes","object","string","node","Right"],"sources":["vtx-page-layout/Pane.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classsnames from 'classnames';\n\nconst Left = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-left', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nLeft.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nconst Right = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-right', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nRight.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default { Left, Right };\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAqC;AAErC,IAAMA,IAAI,GAAG,SAAPA,IAAI,CAAGC,KAAK,EAAI;EAClB,IAAQC,SAAS,GAAYD,KAAK,CAA1BC,SAAS;IAAEC,KAAK,GAAKF,KAAK,CAAfE,KAAK;EAExB,oBACI;IAAK,KAAK,EAAEA,KAAM;IAAC,SAAS,EAAE,IAAAC,sBAAW,EAAC,gBAAgB,EAAEF,SAAS;EAAE,GAClED,KAAK,CAACI,QAAQ,CACb;AAEd,CAAC;AAEDL,IAAI,CAACM,SAAS,GAAG;EACbH,KAAK,EAAEI,qBAAS,CAACC,MAAM;EACvBN,SAAS,EAAEK,qBAAS,CAACE,MAAM;EAC3BJ,QAAQ,EAAEE,qBAAS,CAACG;AACxB,CAAC;AAED,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAGV,KAAK,EAAI;EACnB,IAAQC,SAAS,GAAYD,KAAK,CAA1BC,SAAS;IAAEC,KAAK,GAAKF,KAAK,CAAfE,KAAK;EAExB,oBACI;IAAK,KAAK,EAAEA,KAAM;IAAC,SAAS,EAAE,IAAAC,sBAAW,EAAC,iBAAiB,EAAEF,SAAS;EAAE,GACnED,KAAK,CAACI,QAAQ,CACb;AAEd,CAAC;AAEDM,KAAK,CAACL,SAAS,GAAG;EACdH,KAAK,EAAEI,qBAAS,CAACC,MAAM;EACvBN,SAAS,EAAEK,qBAAS,CAACE,MAAM;EAC3BJ,QAAQ,EAAEE,qBAAS,CAACG;AACxB,CAAC;AAAC,eAEa;EAAEV,IAAI,EAAJA,IAAI;EAAEW,KAAK,EAALA;AAAM,CAAC;AAAA"}
+{"version":3,"file":"Pane.js","names":["Left","props","className","style","classsnames","children","propTypes","PropTypes","object","string","node","Right"],"sources":["vtx-page-layout/Pane.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classsnames from 'classnames';\n\nconst Left = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-left', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nLeft.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nconst Right = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-right', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nRight.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default { Left, Right };\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAAAC,KAAK,EAAI;EAClB,IAAQC,SAAR,GAA6BD,KAA7B,CAAQC,SAAR;EAAA,IAAmBC,KAAnB,GAA6BF,KAA7B,CAAmBE,KAAnB;EAEA,oBACI;IAAK,KAAK,EAAEA,KAAZ;IAAmB,SAAS,EAAE,IAAAC,sBAAA,EAAY,gBAAZ,EAA8BF,SAA9B;EAA9B,GACKD,KAAK,CAACI,QADX,CADJ;AAKH,CARD;;AAUAL,IAAI,CAACM,SAAL,GAAiB;EACbH,KAAK,EAAEI,qBAAA,CAAUC,MADJ;EAEbN,SAAS,EAAEK,qBAAA,CAAUE,MAFR;EAGbJ,QAAQ,EAAEE,qBAAA,CAAUG;AAHP,CAAjB;;AAMA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAAAV,KAAK,EAAI;EACnB,IAAQC,SAAR,GAA6BD,KAA7B,CAAQC,SAAR;EAAA,IAAmBC,KAAnB,GAA6BF,KAA7B,CAAmBE,KAAnB;EAEA,oBACI;IAAK,KAAK,EAAEA,KAAZ;IAAmB,SAAS,EAAE,IAAAC,sBAAA,EAAY,iBAAZ,EAA+BF,SAA/B;EAA9B,GACKD,KAAK,CAACI,QADX,CADJ;AAKH,CARD;;AAUAM,KAAK,CAACL,SAAN,GAAkB;EACdH,KAAK,EAAEI,qBAAA,CAAUC,MADH;EAEdN,SAAS,EAAEK,qBAAA,CAAUE,MAFP;EAGdJ,QAAQ,EAAEE,qBAAA,CAAUG;AAHN,CAAlB;eAMe;EAAEV,IAAI,EAAJA,IAAF;EAAQW,KAAK,EAALA;AAAR,C"}