@vtx/components 2.5.13 → 2.5.15

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

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

@@ -1,42 +1,63 @@
 "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"] = exports.StoreCtx = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _useEventEmitter = _interopRequireDefault(require("ahooks/es/useEventEmitter"));
+
 var _container = _interopRequireDefault(require("./container"));
+
 var _Basic = _interopRequireDefault(require("./Basic"));
+
 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 StoreCtx = /*#__PURE__*/(0, _react.createContext)({});
 exports.StoreCtx = StoreCtx;
 var pagePaddingTop = 16;
 var searchMarginBottom = 16;
-
-/**
- * 页面
- * @param {*} props
+/**
+ * 页面
+ * @param {*} props
  */
+
 var Page = function Page(props) {
   var _useState = (0, _react.useState)(64),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchHeight = _useState2[0],
-    setSearchHeight = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      searchHeight = _useState2[0],
+      setSearchHeight = _useState2[1];
+
   var onSearchCollapse = props.onSearchCollapse;
   var searchCollapseEvent$ = (0, _useEventEmitter["default"])();
   var store = {
@@ -55,29 +76,32 @@ var Page = function Page(props) {
     style: props.style
   }, props.children));
 };
+
 Page.propTypes = {
   style: _propTypes["default"].object,
   className: _propTypes["default"].string,
   children: _propTypes["default"].node,
   onSearchCollapse: _propTypes["default"].func
 };
-
-/**
- * 搜索
+/**
+ * 搜索
  */
+
 var Search = (0, _container["default"])({
   componentClass: 'vtx-table-search'
 })(_Basic["default"]);
-
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
+
 var Content = function Content(props) {
   var className = props.className,
-    style = props.style;
+      style = props.style;
+
   var _useContext = (0, _react.useContext)(StoreCtx),
-    searchHeight = _useContext.searchHeight;
+      searchHeight = _useContext.searchHeight;
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('vtx-table-content', className),
     style: _objectSpread({
@@ -85,20 +109,23 @@ var Content = function Content(props) {
     }, style)
   }, props.children);
 };
+
 Content.propTypes = {
   style: _propTypes["default"].object,
   className: _propTypes["default"].string,
   children: _propTypes["default"].node
 };
-
-/**
- * 表格布局
+/**
+ * 表格布局
  */
+
 var Table = function Table(props) {
   var className = props.className,
-    style = props.style;
+      style = props.style;
+
   var _useContext2 = (0, _react.useContext)(StoreCtx),
-    searchCollapseEvent$ = _useContext2.searchCollapseEvent$;
+      searchCollapseEvent$ = _useContext2.searchCollapseEvent$;
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('vtx-table-wrap', className),
     style: style
@@ -106,19 +133,22 @@ var Table = function Table(props) {
     searchCollapseEvent$: searchCollapseEvent$
   })));
 };
+
 Table.propTypes = {
   style: _propTypes["default"].object,
   className: _propTypes["default"].string,
   children: _propTypes["default"].node
 };
+
 var Card = function Card(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-card', className)
   }, props.children);
 };
+
 Card.propTypes = {
   style: _propTypes["default"].object,
   className: _propTypes["default"].string,

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

@@ -1 +1 @@
-{"version":3,"file":"TableLayout.js","names":["StoreCtx","createContext","pagePaddingTop","searchMarginBottom","Page","props","useState","searchHeight","setSearchHeight","onSearchCollapse","searchCollapseEvent$","useEventEmitter","store","onCollapse","height","emit","classsnames","className","style","children","propTypes","PropTypes","object","string","node","func","Search","container","componentClass","Basic","Content","useContext","top","Table","React","cloneElement","Card"],"sources":["vtx-page-layout/TableLayout.jsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classsnames from 'classnames';\nimport { createContext } from 'react';\nimport useEventEmitter from 'ahooks/es/useEventEmitter';\nimport container from './container';\nimport Basic from './Basic';\nexport const StoreCtx = createContext({});\n\nconst pagePaddingTop = 16;\nconst searchMarginBottom = 16;\n\n/**\n * 页面\n * @param {*} props\n */\nconst Page = props => {\n    const [searchHeight, setSearchHeight] = useState(64);\n    const { onSearchCollapse } = props;\n    const searchCollapseEvent$ = useEventEmitter();\n    const store = {\n        searchHeight,\n        searchCollapseEvent$,\n        onCollapse(height) {\n            setSearchHeight(height);\n            onSearchCollapse && onSearchCollapse(height);\n            searchCollapseEvent$.emit();\n        },\n    };\n    return (\n        <StoreCtx.Provider value={store}>\n            <div className={classsnames('vtx-page--table', props.className)} style={props.style}>\n                {props.children}\n            </div>\n        </StoreCtx.Provider>\n    );\n};\n\nPage.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n    onSearchCollapse: PropTypes.func,\n};\n\n/**\n * 搜索\n */\nconst Search = container({ componentClass: 'vtx-table-search' })(Basic);\n\n/**\n * 内容\n * @param {*} props\n */\nconst Content = props => {\n    const { className, style } = props;\n    const { searchHeight } = useContext(StoreCtx);\n    return (\n        <div\n            className={classsnames('vtx-table-content', className)}\n            style={{ top: pagePaddingTop + searchMarginBottom + searchHeight, ...style }}\n        >\n            {props.children}\n        </div>\n    );\n};\n\nContent.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\n/**\n * 表格布局\n */\nconst Table = props => {\n    const { className, style } = props;\n    const { searchCollapseEvent$ } = useContext(StoreCtx);\n\n    return (\n        <div className={classsnames('vtx-table-wrap', className)} style={style}>\n            {React.cloneElement(props.children, {\n                ...props.children.props,\n                searchCollapseEvent$,\n            })}\n        </div>\n    );\n};\n\nTable.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nconst Card = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-card', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nCard.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default { Page, Search, Content, Table: container()(Table), Card };\n"],"mappings":"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"}
+{"version":3,"file":"TableLayout.js","names":["StoreCtx","createContext","pagePaddingTop","searchMarginBottom","Page","props","useState","searchHeight","setSearchHeight","onSearchCollapse","searchCollapseEvent$","useEventEmitter","store","onCollapse","height","emit","classsnames","className","style","children","propTypes","PropTypes","object","string","node","func","Search","container","componentClass","Basic","Content","useContext","top","Table","React","cloneElement","Card"],"sources":["vtx-page-layout/TableLayout.jsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classsnames from 'classnames';\r\nimport { createContext } from 'react';\r\nimport useEventEmitter from 'ahooks/es/useEventEmitter';\r\nimport container from './container';\r\nimport Basic from './Basic';\r\nexport const StoreCtx = createContext({});\r\n\r\nconst pagePaddingTop = 16;\r\nconst searchMarginBottom = 16;\r\n\r\n/**\r\n * 页面\r\n * @param {*} props\r\n */\r\nconst Page = props => {\r\n    const [searchHeight, setSearchHeight] = useState(64);\r\n    const { onSearchCollapse } = props;\r\n    const searchCollapseEvent$ = useEventEmitter();\r\n    const store = {\r\n        searchHeight,\r\n        searchCollapseEvent$,\r\n        onCollapse(height) {\r\n            setSearchHeight(height);\r\n            onSearchCollapse && onSearchCollapse(height);\r\n            searchCollapseEvent$.emit();\r\n        },\r\n    };\r\n    return (\r\n        <StoreCtx.Provider value={store}>\r\n            <div className={classsnames('vtx-page--table', props.className)} style={props.style}>\r\n                {props.children}\r\n            </div>\r\n        </StoreCtx.Provider>\r\n    );\r\n};\r\n\r\nPage.propTypes = {\r\n    style: PropTypes.object,\r\n    className: PropTypes.string,\r\n    children: PropTypes.node,\r\n    onSearchCollapse: PropTypes.func,\r\n};\r\n\r\n/**\r\n * 搜索\r\n */\r\nconst Search = container({ componentClass: 'vtx-table-search' })(Basic);\r\n\r\n/**\r\n * 内容\r\n * @param {*} props\r\n */\r\nconst Content = props => {\r\n    const { className, style } = props;\r\n    const { searchHeight } = useContext(StoreCtx);\r\n    return (\r\n        <div\r\n            className={classsnames('vtx-table-content', className)}\r\n            style={{ top: pagePaddingTop + searchMarginBottom + searchHeight, ...style }}\r\n        >\r\n            {props.children}\r\n        </div>\r\n    );\r\n};\r\n\r\nContent.propTypes = {\r\n    style: PropTypes.object,\r\n    className: PropTypes.string,\r\n    children: PropTypes.node,\r\n};\r\n\r\n/**\r\n * 表格布局\r\n */\r\nconst Table = props => {\r\n    const { className, style } = props;\r\n    const { searchCollapseEvent$ } = useContext(StoreCtx);\r\n\r\n    return (\r\n        <div className={classsnames('vtx-table-wrap', className)} style={style}>\r\n            {React.cloneElement(props.children, {\r\n                ...props.children.props,\r\n                searchCollapseEvent$,\r\n            })}\r\n        </div>\r\n    );\r\n};\r\n\r\nTable.propTypes = {\r\n    style: PropTypes.object,\r\n    className: PropTypes.string,\r\n    children: PropTypes.node,\r\n};\r\n\r\nconst Card = props => {\r\n    const { className, style } = props;\r\n\r\n    return (\r\n        <div style={style} className={classsnames('vtx-table-card', className)}>\r\n            {props.children}\r\n        </div>\r\n    );\r\n};\r\n\r\nCard.propTypes = {\r\n    style: PropTypes.object,\r\n    className: PropTypes.string,\r\n    children: PropTypes.node,\r\n};\r\n\r\nexport default { Page, Search, Content, Table: container()(Table), Card };\r\n"],"mappings":"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"}

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

@@ -4,31 +4,43 @@ 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 TableWrap(props) {
   var _classnames;
+
   var relative = props.relative,
-    height = props.height,
-    style = props.style,
-    className = props.className;
+      height = props.height,
+      style = props.style,
+      className = props.className;
   var tableClass = (0, _classnames2["default"])((_classnames = {}, _defineProperty(_classnames, 'vtx-table-wrapper-absolute', !relative), _defineProperty(_classnames, 'vtx-table-wrapper-relative', relative), _classnames), className);
   var newStyle = style;
+
   if (relative && 'height' in props) {
     newStyle = _objectSpread(_objectSpread({}, style), {}, {
       height: height
     });
   }
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: tableClass,
     style: newStyle
   }, props.children);
 }
+
 var _default = TableWrap;
 exports["default"] = _default;
 TableWrap.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"TableWrap.js","names":["TableWrap","props","relative","height","style","className","tableClass","classnames","newStyle","children","propTypes","PropTypes","object","string","bool","number","node"],"sources":["vtx-page-layout/TableWrap.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction TableWrap(props) {\n    const { relative, height, style, className } = props;\n\n    let tableClass = classnames(\n        {\n            ['vtx-table-wrapper-absolute']: !relative,\n            ['vtx-table-wrapper-relative']: relative,\n        },\n        className,\n    );\n\n    let newStyle = style;\n    if (relative && 'height' in props) {\n        newStyle = {\n            ...style,\n            height: height,\n        };\n    }\n\n    return (\n        <div className={tableClass} style={newStyle}>\n            {props.children}\n        </div>\n    );\n}\n\nexport default TableWrap;\n\nTableWrap.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    relative: PropTypes.bool,\n    height: PropTypes.number,\n    children: PropTypes.node,\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAoC;AAAA;AAAA;AAAA;AAEpC,SAASA,SAAS,CAACC,KAAK,EAAE;EAAA;EACtB,IAAQC,QAAQ,GAA+BD,KAAK,CAA5CC,QAAQ;IAAEC,MAAM,GAAuBF,KAAK,CAAlCE,MAAM;IAAEC,KAAK,GAAgBH,KAAK,CAA1BG,KAAK;IAAEC,SAAS,GAAKJ,KAAK,CAAnBI,SAAS;EAE1C,IAAIC,UAAU,GAAG,IAAAC,uBAAU,kDAElB,4BAA4B,EAAG,CAACL,QAAQ,gCACxC,4BAA4B,EAAGA,QAAQ,iBAE5CG,SAAS,CACZ;EAED,IAAIG,QAAQ,GAAGJ,KAAK;EACpB,IAAIF,QAAQ,IAAI,QAAQ,IAAID,KAAK,EAAE;IAC/BO,QAAQ,mCACDJ,KAAK;MACRD,MAAM,EAAEA;IAAM,EACjB;EACL;EAEA,oBACI;IAAK,SAAS,EAAEG,UAAW;IAAC,KAAK,EAAEE;EAAS,GACvCP,KAAK,CAACQ,QAAQ,CACb;AAEd;AAAC,eAEcT,SAAS;AAAA;AAExBA,SAAS,CAACU,SAAS,GAAG;EAClBN,KAAK,EAAEO,qBAAS,CAACC,MAAM;EACvBP,SAAS,EAAEM,qBAAS,CAACE,MAAM;EAC3BX,QAAQ,EAAES,qBAAS,CAACG,IAAI;EACxBX,MAAM,EAAEQ,qBAAS,CAACI,MAAM;EACxBN,QAAQ,EAAEE,qBAAS,CAACK;AACxB,CAAC"}
+{"version":3,"file":"TableWrap.js","names":["TableWrap","props","relative","height","style","className","tableClass","classnames","newStyle","children","propTypes","PropTypes","object","string","bool","number","node"],"sources":["vtx-page-layout/TableWrap.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\n\r\nfunction TableWrap(props) {\r\n    const { relative, height, style, className } = props;\r\n\r\n    let tableClass = classnames(\r\n        {\r\n            ['vtx-table-wrapper-absolute']: !relative,\r\n            ['vtx-table-wrapper-relative']: relative,\r\n        },\r\n        className,\r\n    );\r\n\r\n    let newStyle = style;\r\n    if (relative && 'height' in props) {\r\n        newStyle = {\r\n            ...style,\r\n            height: height,\r\n        };\r\n    }\r\n\r\n    return (\r\n        <div className={tableClass} style={newStyle}>\r\n            {props.children}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default TableWrap;\r\n\r\nTableWrap.propTypes = {\r\n    style: PropTypes.object,\r\n    className: PropTypes.string,\r\n    relative: PropTypes.bool,\r\n    height: PropTypes.number,\r\n    children: PropTypes.node,\r\n};\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;EAAA;;EACtB,IAAQC,QAAR,GAA+CD,KAA/C,CAAQC,QAAR;EAAA,IAAkBC,MAAlB,GAA+CF,KAA/C,CAAkBE,MAAlB;EAAA,IAA0BC,KAA1B,GAA+CH,KAA/C,CAA0BG,KAA1B;EAAA,IAAiCC,SAAjC,GAA+CJ,KAA/C,CAAiCI,SAAjC;EAEA,IAAIC,UAAU,GAAG,IAAAC,uBAAA,kDAER,4BAFQ,EAEuB,CAACL,QAFxB,gCAGR,4BAHQ,EAGuBA,QAHvB,iBAKbG,SALa,CAAjB;EAQA,IAAIG,QAAQ,GAAGJ,KAAf;;EACA,IAAIF,QAAQ,IAAI,YAAYD,KAA5B,EAAmC;IAC/BO,QAAQ,mCACDJ,KADC;MAEJD,MAAM,EAAEA;IAFJ,EAAR;EAIH;;EAED,oBACI;IAAK,SAAS,EAAEG,UAAhB;IAA4B,KAAK,EAAEE;EAAnC,GACKP,KAAK,CAACQ,QADX,CADJ;AAKH;;eAEcT,S;;AAEfA,SAAS,CAACU,SAAV,GAAsB;EAClBN,KAAK,EAAEO,qBAAA,CAAUC,MADC;EAElBP,SAAS,EAAEM,qBAAA,CAAUE,MAFH;EAGlBX,QAAQ,EAAES,qBAAA,CAAUG,IAHF;EAIlBX,MAAM,EAAEQ,qBAAA,CAAUI,MAJA;EAKlBN,QAAQ,EAAEE,qBAAA,CAAUK;AALF,CAAtB"}

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

@@ -1,56 +1,84 @@
 "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 = _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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 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 getDisplayName(WrappedComponend) {
   return WrappedComponend.displayName || WrappedComponend.name || 'Component';
 }
+
 function Container() {
   var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var componentClass = params.componentClass;
   return function HOCFactory(WrappedComponend) {
     var _class;
+
     return _class = /*#__PURE__*/function (_React$Component) {
       _inherits(HOC, _React$Component);
+
       var _super = _createSuper(HOC);
+
       function HOC() {
         _classCallCheck(this, HOC);
+
         return _super.apply(this, arguments);
       }
+
       _createClass(HOC, [{
         key: "render",
         value: function render() {
           var _this$props = this.props,
-            style = _this$props.style,
-            className = _this$props.className,
-            top = _this$props.top,
-            space = _this$props.space;
+              style = _this$props.style,
+              className = _this$props.className,
+              top = _this$props.top,
+              space = _this$props.space;
           var wrapClass = (0, _classnames2["default"])(_defineProperty({}, componentClass, true), className);
+
           var newStyle = _objectSpread({
             top: top,
             padding: space
           }, style);
+
           var newProps = {
             className: wrapClass,
             style: newStyle
@@ -58,6 +86,7 @@ function Container() {
           return /*#__PURE__*/_react["default"].createElement(WrappedComponend, _extends({}, this.props, newProps));
         }
       }]);
+
       return HOC;
     }(_react["default"].Component), _defineProperty(_class, "displayName", "HOC(".concat(getDisplayName(WrappedComponend), ")")), _defineProperty(_class, "propTypes", {
       top: _propTypes["default"].number,
@@ -67,6 +96,7 @@ function Container() {
     }), _class;
   };
 }
+
 var _default = Container;
 exports["default"] = _default;
 //# sourceMappingURL=container.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"container.js","names":["getDisplayName","WrappedComponend","displayName","name","Container","params","componentClass","HOCFactory","props","style","className","top","space","wrapClass","classnames","newStyle","padding","newProps","React","Component","PropTypes","number","string","object"],"sources":["vtx-page-layout/container.jsx"],"sourcesContent":["/**\n * 高阶组件\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction getDisplayName(WrappedComponend) {\n    return WrappedComponend.displayName || WrappedComponend.name || 'Component';\n}\n\nfunction Container(params = {}) {\n    let { componentClass } = params;\n\n    return function HOCFactory(WrappedComponend) {\n        return class HOC extends React.Component {\n            static displayName = `HOC(${getDisplayName(WrappedComponend)})`;\n\n            static propTypes = {\n                top: PropTypes.number,\n                space: PropTypes.number || PropTypes.string,\n                style: PropTypes.object,\n                className: PropTypes.string,\n            };\n\n            render() {\n                const { style, className, top, space } = this.props;\n\n                let wrapClass = classnames(\n                    {\n                        [componentClass]: true,\n                    },\n                    className,\n                );\n\n                const newStyle = {\n                    top,\n                    padding: space,\n                    ...style,\n                };\n\n                let newProps = {\n                    className: wrapClass,\n                    style: newStyle,\n                };\n                return <WrappedComponend {...this.props} {...newProps} />;\n            }\n        };\n    };\n}\n\nexport default Container;\n"],"mappings":";;;;;;;AAGA;AACA;AACA;AAAoC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpC,SAASA,cAAc,CAACC,gBAAgB,EAAE;EACtC,OAAOA,gBAAgB,CAACC,WAAW,IAAID,gBAAgB,CAACE,IAAI,IAAI,WAAW;AAC/E;AAEA,SAASC,SAAS,GAAc;EAAA,IAAbC,MAAM,uEAAG,CAAC,CAAC;EAC1B,IAAMC,cAAc,GAAKD,MAAM,CAAzBC,cAAc;EAEpB,OAAO,SAASC,UAAU,CAACN,gBAAgB,EAAE;IAAA;IACzC;MAAA;MAAA;MAAA;QAAA;QAAA;MAAA;MAAA;QAAA;QAAA,OAUI,kBAAS;UACL,kBAAyC,IAAI,CAACO,KAAK;YAA3CC,KAAK,eAALA,KAAK;YAAEC,SAAS,eAATA,SAAS;YAAEC,GAAG,eAAHA,GAAG;YAAEC,KAAK,eAALA,KAAK;UAEpC,IAAIC,SAAS,GAAG,IAAAC,uBAAU,sBAEjBR,cAAc,EAAG,IAAI,GAE1BI,SAAS,CACZ;UAED,IAAMK,QAAQ;YACVJ,GAAG,EAAHA,GAAG;YACHK,OAAO,EAAEJ;UAAK,GACXH,KAAK,CACX;UAED,IAAIQ,QAAQ,GAAG;YACXP,SAAS,EAAEG,SAAS;YACpBJ,KAAK,EAAEM;UACX,CAAC;UACD,oBAAO,gCAAC,gBAAgB,eAAK,IAAI,CAACP,KAAK,EAAMS,QAAQ,EAAI;QAC7D;MAAC;MAAA;IAAA,EA/BoBC,iBAAK,CAACC,SAAS,wDACRnB,cAAc,CAACC,gBAAgB,CAAC,8CAEzC;MACfU,GAAG,EAAES,qBAAS,CAACC,MAAM;MACrBT,KAAK,EAAEQ,qBAAS,CAACC,MAAM,IAAID,qBAAS,CAACE,MAAM;MAC3Cb,KAAK,EAAEW,qBAAS,CAACG,MAAM;MACvBb,SAAS,EAAEU,qBAAS,CAACE;IACzB,CAAC;EAyBT,CAAC;AACL;AAAC,eAEclB,SAAS;AAAA"}
+{"version":3,"file":"container.js","names":["getDisplayName","WrappedComponend","displayName","name","Container","params","componentClass","HOCFactory","props","style","className","top","space","wrapClass","classnames","newStyle","padding","newProps","React","Component","PropTypes","number","string","object"],"sources":["vtx-page-layout/container.jsx"],"sourcesContent":["/**\r\n * 高阶组件\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\n\r\nfunction getDisplayName(WrappedComponend) {\r\n    return WrappedComponend.displayName || WrappedComponend.name || 'Component';\r\n}\r\n\r\nfunction Container(params = {}) {\r\n    let { componentClass } = params;\r\n\r\n    return function HOCFactory(WrappedComponend) {\r\n        return class HOC extends React.Component {\r\n            static displayName = `HOC(${getDisplayName(WrappedComponend)})`;\r\n\r\n            static propTypes = {\r\n                top: PropTypes.number,\r\n                space: PropTypes.number || PropTypes.string,\r\n                style: PropTypes.object,\r\n                className: PropTypes.string,\r\n            };\r\n\r\n            render() {\r\n                const { style, className, top, space } = this.props;\r\n\r\n                let wrapClass = classnames(\r\n                    {\r\n                        [componentClass]: true,\r\n                    },\r\n                    className,\r\n                );\r\n\r\n                const newStyle = {\r\n                    top,\r\n                    padding: space,\r\n                    ...style,\r\n                };\r\n\r\n                let newProps = {\r\n                    className: wrapClass,\r\n                    style: newStyle,\r\n                };\r\n                return <WrappedComponend {...this.props} {...newProps} />;\r\n            }\r\n        };\r\n    };\r\n}\r\n\r\nexport default Container;\r\n"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,cAAT,CAAwBC,gBAAxB,EAA0C;EACtC,OAAOA,gBAAgB,CAACC,WAAjB,IAAgCD,gBAAgB,CAACE,IAAjD,IAAyD,WAAhE;AACH;;AAED,SAASC,SAAT,GAAgC;EAAA,IAAbC,MAAa,uEAAJ,EAAI;EAC5B,IAAMC,cAAN,GAAyBD,MAAzB,CAAMC,cAAN;EAEA,OAAO,SAASC,UAAT,CAAoBN,gBAApB,EAAsC;IAAA;;IACzC;MAAA;;MAAA;;MAAA;QAAA;;QAAA;MAAA;;MAAA;QAAA;QAAA,OAUI,kBAAS;UACL,kBAAyC,KAAKO,KAA9C;UAAA,IAAQC,KAAR,eAAQA,KAAR;UAAA,IAAeC,SAAf,eAAeA,SAAf;UAAA,IAA0BC,GAA1B,eAA0BA,GAA1B;UAAA,IAA+BC,KAA/B,eAA+BA,KAA/B;UAEA,IAAIC,SAAS,GAAG,IAAAC,uBAAA,sBAEPR,cAFO,EAEU,IAFV,GAIZI,SAJY,CAAhB;;UAOA,IAAMK,QAAQ;YACVJ,GAAG,EAAHA,GADU;YAEVK,OAAO,EAAEJ;UAFC,GAGPH,KAHO,CAAd;;UAMA,IAAIQ,QAAQ,GAAG;YACXP,SAAS,EAAEG,SADA;YAEXJ,KAAK,EAAEM;UAFI,CAAf;UAIA,oBAAO,gCAAC,gBAAD,eAAsB,KAAKP,KAA3B,EAAsCS,QAAtC,EAAP;QACH;MA/BL;;MAAA;IAAA,EAAyBC,iBAAA,CAAMC,SAA/B,wDACgCnB,cAAc,CAACC,gBAAD,CAD9C,8CAGuB;MACfU,GAAG,EAAES,qBAAA,CAAUC,MADA;MAEfT,KAAK,EAAEQ,qBAAA,CAAUC,MAAV,IAAoBD,qBAAA,CAAUE,MAFtB;MAGfb,KAAK,EAAEW,qBAAA,CAAUG,MAHF;MAIfb,SAAS,EAAEU,qBAAA,CAAUE;IAJN,CAHvB;EAiCH,CAlCD;AAmCH;;eAEclB,S"}

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

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _container = _interopRequireDefault(require("./container"));
+
 var _Basic = _interopRequireDefault(require("./Basic"));
+
 var _Content = _interopRequireDefault(require("./Content"));
+
 var _TableWrap = _interopRequireDefault(require("./TableWrap"));
+
 var _TableLayout = _interopRequireDefault(require("./TableLayout"));
+
 var _Pane = _interopRequireDefault(require("./Pane"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var Page = (0, _container["default"])({
   componentClass: 'vtx-page'
 })(_Basic["default"]);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Page","container","componentClass","Basic","ButtonWrap","TableLayout","Pane","Content","TableWrap"],"sources":["vtx-page-layout/index.jsx"],"sourcesContent":["import container from './container';\nimport Basic from './Basic';\nimport Content from './Content';\nimport TableWrap from './TableWrap';\nimport TableLayout from './TableLayout';\nimport Pane from './Pane';\n\nconst Page = container({ componentClass: 'vtx-page' })(Basic);\nconst ButtonWrap = container({ componentClass: 'vtx-button-wrap' })(Basic);\n\nexport default {\n    TableLayout,\n    Page,\n    ButtonWrap,\n    Pane,\n    Content: container()(Content),\n    TableWrap: container()(TableWrap),\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA0B;AAE1B,IAAMA,IAAI,GAAG,IAAAC,qBAAS,EAAC;EAAEC,cAAc,EAAE;AAAW,CAAC,CAAC,CAACC,iBAAK,CAAC;AAC7D,IAAMC,UAAU,GAAG,IAAAH,qBAAS,EAAC;EAAEC,cAAc,EAAE;AAAkB,CAAC,CAAC,CAACC,iBAAK,CAAC;AAAC,eAE5D;EACXE,WAAW,EAAXA,uBAAW;EACXL,IAAI,EAAJA,IAAI;EACJI,UAAU,EAAVA,UAAU;EACVE,IAAI,EAAJA,gBAAI;EACJC,OAAO,EAAE,IAAAN,qBAAS,GAAE,CAACM,mBAAO,CAAC;EAC7BC,SAAS,EAAE,IAAAP,qBAAS,GAAE,CAACO,qBAAS;AACpC,CAAC;AAAA"}
+{"version":3,"file":"index.js","names":["Page","container","componentClass","Basic","ButtonWrap","TableLayout","Pane","Content","TableWrap"],"sources":["vtx-page-layout/index.jsx"],"sourcesContent":["import container from './container';\nimport Basic from './Basic';\nimport Content from './Content';\nimport TableWrap from './TableWrap';\nimport TableLayout from './TableLayout';\nimport Pane from './Pane';\n\nconst Page = container({ componentClass: 'vtx-page' })(Basic);\nconst ButtonWrap = container({ componentClass: 'vtx-button-wrap' })(Basic);\n\nexport default {\n    TableLayout,\n    Page,\n    ButtonWrap,\n    Pane,\n    Content: container()(Content),\n    TableWrap: container()(TableWrap),\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,IAAAC,qBAAA,EAAU;EAAEC,cAAc,EAAE;AAAlB,CAAV,EAA0CC,iBAA1C,CAAb;AACA,IAAMC,UAAU,GAAG,IAAAH,qBAAA,EAAU;EAAEC,cAAc,EAAE;AAAlB,CAAV,EAAiDC,iBAAjD,CAAnB;eAEe;EACXE,WAAW,EAAXA,uBADW;EAEXL,IAAI,EAAJA,IAFW;EAGXI,UAAU,EAAVA,UAHW;EAIXE,IAAI,EAAJA,gBAJW;EAKXC,OAAO,EAAE,IAAAN,qBAAA,IAAYM,mBAAZ,CALE;EAMXC,SAAS,EAAE,IAAAP,qBAAA,IAAYO,qBAAZ;AANA,C"}