@vtx/components 2.4.2 → 2.5.3

package/lib/vtx-form-layout/style/index.less

@@ -1,8 +1,148 @@
+// @import (reference) '~antd/es/style/themes/index.less';
+@line-height: 1.5;
+@black: #000;
+
+.vtx-form-layout {
+    position: relative;
+    padding: 0 24px;
+    overflow: hidden;
+    .vtx-form-card {
+        position: relative;
+        overflow: hidden;
+        &-expand-icon {
+            color: fade(@black, 45%);
+            transition: transform 0.24s, -webkit-transform 0.24s;
+        }
+        .ant-card-body {
+            padding: 0;
+        }
+        &-content {
+            padding: 20px 24px;
+            padding-bottom: 0;
+            &::after {
+                clear: both;
+            }
+            &::before,
+            &::after {
+                display: table;
+                content: '';
+            }
+        }
+        &-content-hide {
+            display: none;
+        }
+    }
+    .vtx-form-card + .vtx-form-card {
+        margin-top: 20px;
+    }
+    .vtx-form-pane {
+        position: relative;
+        box-sizing: border-box;
+        width: 100%;
+        overflow: hidden;
+        &::after {
+            clear: both;
+        }
+        &::before,
+        &::after {
+            display: table;
+            content: '';
+        }
+        &-title {
+            margin-bottom: 16px;
+            overflow: hidden;
+            color: fade(@black, 85%);
+            font-weight: 500;
+            line-height: @line-height;
+            list-style: none;
+        }
+        &-content {
+            &::after {
+                clear: both;
+            }
+            &::before,
+            &::after {
+                display: table;
+                content: '';
+            }
+        }
+    }
+    .vtx-form-divider {
+        margin: 0;
+        margin-bottom: 20px;
+    }
+    .vtx-form-tabs {
+        .ant-tabs-bar {
+            padding-right: 12px;
+            padding-left: 12px;
+            border-bottom: none;
+        }
+        .ant-tabs-tab {
+            padding: 5px 0 10px 0;
+        }
+    }
+    &-vertical {
+        padding: 0 12px;
+        .vtx-form-item-col {
+            padding-right: 12px;
+            padding-left: 12px;
+        }
+        .vtx-form-card-content {
+            padding: 20px 12px;
+            padding-bottom: 0;
+        }
+        .vtx-form-pane-title {
+            padding: 0 12px;
+        }
+    }
+    &-has-card {
+        padding: 0;
+        .vtx-form-tabs .ant-tabs-bar {
+            padding: 0 24px;
+        }
+    }
+    &-view {
+        .vtx-form-item-col {
+            margin-bottom: 20px;
+        }
+    }
+}
+
 .vtx-form-item {
     .ant-form-item-label {
         text-overflow: ellipsis;
+        label::after {
+            content: '';
+        }
+    }
+    &-vertical {
+        .ant-form-item-label,
+        .ant-form-item-control {
+            line-height: @line-height;
+        }
+        .ant-form-item-label {
+            margin-bottom: 10px;
+        }
+    }
+    .ant-form-explain {
+        font-size: 12px;
     }
     &--view {
         margin-bottom: 0;
+        .ant-form-item-label,
+        .ant-form-item-control {
+            line-height: @line-height;
+        }
+        .ant-form-item-label {
+            & > label {
+                color: fade(@black, 65%);
+            }
+            label::after {
+                content: ':';
+            }
+        }
+        .ant-form-item-control {
+            color: fade(@black, 85%);
+        }
     }
 }

package/lib/vtx-input/index.js

@@ -29,6 +29,8 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 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; }
@@ -45,11 +47,13 @@ var VtxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       maxLength = _props$maxLength === void 0 ? 32 : _props$maxLength,
       _props$specialCharact = props.specialCharactersFilter,
       specialCharactersFilter = _props$specialCharact === void 0 ? true : _props$specialCharact,
+      _props$trim = props.trim,
+      trim = _props$trim === void 0 ? true : _props$trim,
       onChange = props.onChange,
       _onBlur = props.onBlur,
       _props$placeholder = props.placeholder,
       placeholder = _props$placeholder === void 0 ? '请输入' : _props$placeholder,
-      rest = _objectWithoutProperties(props, ["showCount", "maxLength", "specialCharactersFilter", "onChange", "onBlur", "placeholder"]);
+      rest = _objectWithoutProperties(props, ["showCount", "maxLength", "specialCharactersFilter", "trim", "onChange", "onBlur", "placeholder"]);
 
   var len = (0, _useLength["default"])(props.value, {
     showCount: showCount
@@ -63,6 +67,10 @@ var VtxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var value = e.target.value;
       var $e = e;
 
+      if (trim) {
+        value = value.trim();
+      }
+
       if (specialCharactersFilter && value) {
         $e = (0, _lodash["default"])(e);
         $e.target.value = (0, _filterSpecialCharacters["default"])(value, (0, _getComponentProps["default"])(specialCharactersFilter));
@@ -77,7 +85,9 @@ var VtxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   showCount && 'value' in props && (newProps = _objectSpread({
     suffix: "".concat(len, "/").concat(maxLength)
   }, newProps));
-  return /*#__PURE__*/_react["default"].createElement(_input["default"], newProps);
+  return /*#__PURE__*/_react["default"].createElement(_input["default"], _extends({}, newProps, {
+    autoComplete: "off"
+  }));
 });
 VtxInput.propTypes = {
   maxLength: _propTypes["default"].number,
@@ -86,6 +96,7 @@ VtxInput.propTypes = {
   onChange: _propTypes["default"].func,
   onBlur: _propTypes["default"].func,
   placeholder: _propTypes["default"].string,
+  trim: _propTypes["default"].bool,
   specialCharactersFilter: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].object])
 };
 VtxInput.Search = _input["default"].Search;

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-input/index.jsx"],"names":["VtxInput","props","ref","showCount","maxLength","specialCharactersFilter","onChange","onBlur","placeholder","rest","len","value","newProps","e","target","$e","suffix","propTypes","PropTypes","number","string","bool","func","oneOfType","object","Search","Input","Group","Password","TextArea"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,gBAAG,uBAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAEpCC,SAFoC,GASpCF,KAToC,CAEpCE,SAFoC;AAAA,yBASpCF,KAToC,CAGpCG,SAHoC;AAAA,MAGpCA,SAHoC,iCAGxB,EAHwB;AAAA,8BASpCH,KAToC,CAIpCI,uBAJoC;AAAA,MAIpCA,uBAJoC,sCAIV,IAJU;AAAA,MAKpCC,QALoC,GASpCL,KAToC,CAKpCK,QALoC;AAAA,MAMpCC,OANoC,GASpCN,KAToC,CAMpCM,MANoC;AAAA,2BASpCN,KAToC,CAOpCO,WAPoC;AAAA,MAOpCA,WAPoC,mCAOtB,KAPsB;AAAA,MAQjCC,IARiC,4BASpCR,KAToC;;AAWxC,MAAMS,GAAG,GAAG,2BAAUT,KAAK,CAACU,KAAhB,EAAuB;AAAER,IAAAA,SAAS,EAATA;AAAF,GAAvB,CAAZ;;AAEA,MAAIS,QAAQ;AACRV,IAAAA,GAAG,EAAHA,GADQ;AAERE,IAAAA,SAAS,EAATA,SAFQ;AAGRI,IAAAA,WAAW,EAAXA,WAHQ;AAIRD,IAAAA,MAJQ,kBAIDM,CAJC,EAIE;AACN,UAAMF,KAAK,GAAGE,CAAC,CAACC,MAAF,CAASH,KAAvB;AACA,UAAII,EAAE,GAAGF,CAAT;;AACA,UAAIR,uBAAuB,IAAIM,KAA/B,EAAsC;AAClCI,QAAAA,EAAE,GAAG,wBAAUF,CAAV,CAAL;AACAE,QAAAA,EAAE,CAACD,MAAH,CAAUH,KAAV,GAAkB,yCACdA,KADc,EAEd,mCAAkBN,uBAAlB,CAFc,CAAlB;AAIAC,QAAAA,QAAQ,IAAIA,QAAQ,CAACS,EAAD,CAApB;AACH;;AACDR,MAAAA,OAAM,IAAIA,OAAM,CAACQ,EAAD,CAAhB;AACH,KAhBO;AAiBRT,IAAAA,QAAQ,EAARA;AAjBQ,KAkBLG,IAlBK,CAAZ;;AAqBAN,EAAAA,SAAS,IACL,WAAWF,KADf,KAEKW,QAAQ;AACLI,IAAAA,MAAM,YAAKN,GAAL,cAAYN,SAAZ;AADD,KAEFQ,QAFE,CAFb;AAOA,sBAAO,gCAAC,iBAAD,EAAWA,QAAX,CAAP;AACH,CA1CgB,CAAjB;AA4CAZ,QAAQ,CAACiB,SAAT,GAAqB;AACjBb,EAAAA,SAAS,EAAEc,sBAAUC,MADJ;AAEjBR,EAAAA,KAAK,EAAEO,sBAAUE,MAFA;AAGjBjB,EAAAA,SAAS,EAAEe,sBAAUG,IAHJ;AAIjBf,EAAAA,QAAQ,EAAEY,sBAAUI,IAJH;AAKjBf,EAAAA,MAAM,EAAEW,sBAAUI,IALD;AAMjBd,EAAAA,WAAW,EAAEU,sBAAUE,MANN;AAOjBf,EAAAA,uBAAuB,EAAEa,sBAAUK,SAAV,CAAoB,CAACL,sBAAUG,IAAX,EAAiBH,sBAAUM,MAA3B,CAApB;AAPR,CAArB;AAUAxB,QAAQ,CAACyB,MAAT,GAAkBC,kBAAMD,MAAxB;AACAzB,QAAQ,CAAC2B,KAAT,GAAiBD,kBAAMC,KAAvB;AACA3B,QAAQ,CAAC4B,QAAT,GAAoBF,kBAAME,QAA1B;AACA5B,QAAQ,CAAC6B,QAAT,GAAoBA,oBAApB;eAEe7B,Q","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from 'antd/es/input';\nimport cloneDeep from 'lodash.clonedeep';\nimport TextArea from './TextArea';\nimport useLength from './useLength';\nimport getComponentProps from '../_util/getComponentProps';\nimport filterSpecialCharacters from '../_util/filterSpecialCharacters';\n\nconst VtxInput = forwardRef((props, ref) => {\n    const {\n        showCount,\n        maxLength = 32,\n        specialCharactersFilter = true,\n        onChange,\n        onBlur,\n        placeholder = '请输入',\n        ...rest\n    } = props;\n\n    const len = useLength(props.value, { showCount });\n\n    let newProps = {\n        ref,\n        maxLength,\n        placeholder,\n        onBlur(e) {\n            const value = e.target.value;\n            let $e = e;\n            if (specialCharactersFilter && value) {\n                $e = cloneDeep(e);\n                $e.target.value = filterSpecialCharacters(\n                    value,\n                    getComponentProps(specialCharactersFilter),\n                );\n                onChange && onChange($e);\n            }\n            onBlur && onBlur($e);\n        },\n        onChange,\n        ...rest,\n    };\n\n    showCount &&\n        'value' in props &&\n        (newProps = {\n            suffix: `${len}/${maxLength}`,\n            ...newProps,\n        });\n\n    return <Input {...newProps} />;\n});\n\nVtxInput.propTypes = {\n    maxLength: PropTypes.number,\n    value: PropTypes.string,\n    showCount: PropTypes.bool,\n    onChange: PropTypes.func,\n    onBlur: PropTypes.func,\n    placeholder: PropTypes.string,\n    specialCharactersFilter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),\n};\n\nVtxInput.Search = Input.Search;\nVtxInput.Group = Input.Group;\nVtxInput.Password = Input.Password;\nVtxInput.TextArea = TextArea;\n\nexport default VtxInput;\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-input/index.jsx"],"names":["VtxInput","props","ref","showCount","maxLength","specialCharactersFilter","trim","onChange","onBlur","placeholder","rest","len","value","newProps","e","target","$e","suffix","propTypes","PropTypes","number","string","bool","func","oneOfType","object","Search","Input","Group","Password","TextArea"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,gBAAG,uBAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAEpCC,SAFoC,GAUpCF,KAVoC,CAEpCE,SAFoC;AAAA,yBAUpCF,KAVoC,CAGpCG,SAHoC;AAAA,MAGpCA,SAHoC,iCAGxB,EAHwB;AAAA,8BAUpCH,KAVoC,CAIpCI,uBAJoC;AAAA,MAIpCA,uBAJoC,sCAIV,IAJU;AAAA,oBAUpCJ,KAVoC,CAKpCK,IALoC;AAAA,MAKpCA,IALoC,4BAK7B,IAL6B;AAAA,MAMpCC,QANoC,GAUpCN,KAVoC,CAMpCM,QANoC;AAAA,MAOpCC,OAPoC,GAUpCP,KAVoC,CAOpCO,MAPoC;AAAA,2BAUpCP,KAVoC,CAQpCQ,WARoC;AAAA,MAQpCA,WARoC,mCAQtB,KARsB;AAAA,MASjCC,IATiC,4BAUpCT,KAVoC;;AAYxC,MAAMU,GAAG,GAAG,2BAAUV,KAAK,CAACW,KAAhB,EAAuB;AAAET,IAAAA,SAAS,EAATA;AAAF,GAAvB,CAAZ;;AAEA,MAAIU,QAAQ;AACRX,IAAAA,GAAG,EAAHA,GADQ;AAERE,IAAAA,SAAS,EAATA,SAFQ;AAGRK,IAAAA,WAAW,EAAXA,WAHQ;AAIRD,IAAAA,MAJQ,kBAIDM,CAJC,EAIE;AACN,UAAIF,KAAK,GAAGE,CAAC,CAACC,MAAF,CAASH,KAArB;AACA,UAAII,EAAE,GAAGF,CAAT;;AACA,UAAIR,IAAJ,EAAU;AACNM,QAAAA,KAAK,GAAGA,KAAK,CAACN,IAAN,EAAR;AACH;;AACD,UAAID,uBAAuB,IAAIO,KAA/B,EAAsC;AAClCI,QAAAA,EAAE,GAAG,wBAAUF,CAAV,CAAL;AACAE,QAAAA,EAAE,CAACD,MAAH,CAAUH,KAAV,GAAkB,yCACdA,KADc,EAEd,mCAAkBP,uBAAlB,CAFc,CAAlB;AAIAE,QAAAA,QAAQ,IAAIA,QAAQ,CAACS,EAAD,CAApB;AACH;;AACDR,MAAAA,OAAM,IAAIA,OAAM,CAACQ,EAAD,CAAhB;AACH,KAnBO;AAoBRT,IAAAA,QAAQ,EAARA;AApBQ,KAqBLG,IArBK,CAAZ;;AAwBAP,EAAAA,SAAS,IACL,WAAWF,KADf,KAEKY,QAAQ;AACLI,IAAAA,MAAM,YAAKN,GAAL,cAAYP,SAAZ;AADD,KAEFS,QAFE,CAFb;AAOA,sBAAO,gCAAC,iBAAD,eAAWA,QAAX;AAAqB,IAAA,YAAY,EAAC;AAAlC,KAAP;AACH,CA9CgB,CAAjB;AAgDAb,QAAQ,CAACkB,SAAT,GAAqB;AACjBd,EAAAA,SAAS,EAAEe,sBAAUC,MADJ;AAEjBR,EAAAA,KAAK,EAAEO,sBAAUE,MAFA;AAGjBlB,EAAAA,SAAS,EAAEgB,sBAAUG,IAHJ;AAIjBf,EAAAA,QAAQ,EAAEY,sBAAUI,IAJH;AAKjBf,EAAAA,MAAM,EAAEW,sBAAUI,IALD;AAMjBd,EAAAA,WAAW,EAAEU,sBAAUE,MANN;AAOjBf,EAAAA,IAAI,EAAEa,sBAAUG,IAPC;AAQjBjB,EAAAA,uBAAuB,EAAEc,sBAAUK,SAAV,CAAoB,CAACL,sBAAUG,IAAX,EAAiBH,sBAAUM,MAA3B,CAApB;AARR,CAArB;AAWAzB,QAAQ,CAAC0B,MAAT,GAAkBC,kBAAMD,MAAxB;AACA1B,QAAQ,CAAC4B,KAAT,GAAiBD,kBAAMC,KAAvB;AACA5B,QAAQ,CAAC6B,QAAT,GAAoBF,kBAAME,QAA1B;AACA7B,QAAQ,CAAC8B,QAAT,GAAoBA,oBAApB;eAEe9B,Q","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from 'antd/es/input';\nimport cloneDeep from 'lodash.clonedeep';\nimport TextArea from './TextArea';\nimport useLength from './useLength';\nimport getComponentProps from '../_util/getComponentProps';\nimport filterSpecialCharacters from '../_util/filterSpecialCharacters';\n\nconst VtxInput = forwardRef((props, ref) => {\n    const {\n        showCount,\n        maxLength = 32,\n        specialCharactersFilter = true,\n        trim = true,\n        onChange,\n        onBlur,\n        placeholder = '请输入',\n        ...rest\n    } = props;\n\n    const len = useLength(props.value, { showCount });\n\n    let newProps = {\n        ref,\n        maxLength,\n        placeholder,\n        onBlur(e) {\n            let value = e.target.value;\n            let $e = e;\n            if (trim) {\n                value = value.trim();\n            }\n            if (specialCharactersFilter && value) {\n                $e = cloneDeep(e);\n                $e.target.value = filterSpecialCharacters(\n                    value,\n                    getComponentProps(specialCharactersFilter),\n                );\n                onChange && onChange($e);\n            }\n            onBlur && onBlur($e);\n        },\n        onChange,\n        ...rest,\n    };\n\n    showCount &&\n        'value' in props &&\n        (newProps = {\n            suffix: `${len}/${maxLength}`,\n            ...newProps,\n        });\n\n    return <Input {...newProps} autoComplete=\"off\" />;\n});\n\nVtxInput.propTypes = {\n    maxLength: PropTypes.number,\n    value: PropTypes.string,\n    showCount: PropTypes.bool,\n    onChange: PropTypes.func,\n    onBlur: PropTypes.func,\n    placeholder: PropTypes.string,\n    trim: PropTypes.bool,\n    specialCharactersFilter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),\n};\n\nVtxInput.Search = Input.Search;\nVtxInput.Group = Input.Group;\nVtxInput.Password = Input.Password;\nVtxInput.TextArea = TextArea;\n\nexport default VtxInput;\n"],"file":"index.js"}

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

@@ -1,6 +1,12 @@
+.vtx-input-textarea {
+  position: relative;
+}
 .vtx-input-textarea::after {
-  float: right;
+  position: absolute;
+  right: 12px;
+  bottom: 8px;
   color: rgba(0, 0, 0, 0.45);
+  line-height: 1.5;
   white-space: nowrap;
   content: attr(data-count);
   pointer-events: none;

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

@@ -1,7 +1,11 @@
 .vtx-input-textarea {
+    position: relative;
     &::after {
-        float: right;
+        position: absolute;
+        right: 12px;
+        bottom: 8px;
         color: rgba(0, 0, 0, 0.45);
+        line-height: 1.5;
         white-space: nowrap;
         content: attr(data-count);
         pointer-events: none;

package/lib/vtx-modal/Title.js

@@ -0,0 +1,32 @@
+"use strict";
+
+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;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-modal-header-title"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "vtx-modal-header-text"
+  }, text), subtitle && /*#__PURE__*/_react["default"].createElement("span", {
+    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])
+};
+var _default = Title;
+exports["default"] = _default;
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["vtx-modal/Title.jsx"],"names":["Title","props","text","subtitle","propTypes","PropTypes","oneOfType","string","node"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,SAASA,KAAT,CAAeC,KAAf,EAAsB;AAAA,MACVC,IADU,GACSD,KADT,CACVC,IADU;AAAA,MACJC,QADI,GACSF,KADT,CACJE,QADI;AAElB,sBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAyCD,IAAzC,CADJ,EAEKC,QAAQ,iBAAI;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA6CA,QAA7C,CAFjB,CADJ;AAMH;;AAEDH,KAAK,CAACI,SAAN,GAAkB;AACdF,EAAAA,IAAI,EAAEG,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,MAAX,EAAmBF,sBAAUG,IAA7B,CAApB,CADQ;AAEdL,EAAAA,QAAQ,EAAEE,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,MAAX,EAAmBF,sBAAUG,IAA7B,CAApB;AAFI,CAAlB;eAKeR,K","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"],"file":"Title.js"}

package/lib/vtx-modal/index.js

@@ -21,6 +21,8 @@ var _modal = _interopRequireDefault(require("antd/es/modal"));
 
 var _icon = _interopRequireDefault(require("antd/es/icon"));
 
+var _Title = _interopRequireDefault(require("./Title"));
+
 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; }
@@ -245,6 +247,14 @@ VtxModal.propTypes = {
   style: _propTypes["default"].object,
   children: _propTypes["default"].node
 };
+VtxModal.Title = _Title["default"];
+var size = {
+  xsmall: 392,
+  small: 500,
+  middle: 744,
+  large: 1096
+};
+VtxModal.size = size;
 var _default = VtxModal;
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -18,8 +18,8 @@
 }
 .vtx-modal .ant-modal .ant-modal-content .ant-modal-body {
   max-height: calc(100% - 108px);
+  padding: 20px 24px;
   overflow: auto;
-  background-color: #fbfbfb;
 }
 .vtx-modal .vtx-modal-title {
   position: relative;
@@ -64,3 +64,13 @@
 .vtx-modal .vtx-modal-title .vtx-modal-maximizeIcon {
   right: 20px;
 }
+.vtx-modal-header-title .vtx-modal-header-text {
+  color: rgba(0, 0, 0, 0.65);
+  font-weight: 400;
+}
+.vtx-modal-header-title .vtx-modal-header-text + .vtx-modal-header-subtitle::before {
+  margin: 0 4px;
+  color: rgba(0, 0, 0, 0.65);
+  font-weight: 400;
+  content: '>';
+}

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

@@ -19,8 +19,8 @@
             height: 100%;
             .ant-modal-body {
                 max-height: e('calc(100% - 108px)');
+                padding: 20px 24px;
                 overflow: auto;
-                background-color: #fbfbfb;
             }
         }
     }
@@ -66,3 +66,18 @@
         }
     }
 }
+
+.vtx-modal-header-title {
+    .vtx-modal-header-text {
+        color: fade(#000, 65%);
+        font-weight: 400;
+    }
+    .vtx-modal-header-text + .vtx-modal-header-subtitle {
+        &::before {
+            margin: 0 4px;
+            color: fade(#000, 65%);
+            font-weight: 400;
+            content: '>';
+        }
+    }
+}

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

@@ -24,7 +24,6 @@ function Basic(props) {
 }
 
 Basic.propTypes = {
-  cols: _propTypes["default"].number,
   style: _propTypes["default"].object,
   className: _propTypes["default"].string,
   children: _propTypes["default"].node

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

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

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

@@ -0,0 +1,50 @@
+"use strict";
+
+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;
+  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;
+  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,
+  children: _propTypes["default"].node
+};
+var _default = {
+  Left: Left,
+  Right: Right
+};
+exports["default"] = _default;
+//# sourceMappingURL=Pane.js.map

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

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