npm - @uiw/doc - Versions diffs - 5.0.0-bate-0 → 5.0.0-bate-3 - Mend

@uiw/doc 5.0.0-bate-0 → 5.0.0-bate-3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (328) hide show

package/web/static/js/9609.1f692a2e.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9609],{9609:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(968);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u=function(e){var t=e.num,r=e.height,l=e.width,o=e.style,u=e.background;return n.default.createElement("div",{style:a(a({},o),{},{textAlign:"center",paddingTop:5,paddingBottom:5,background:u,width:l,height:r})},"Col ",t)};return function(){return n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0,style:{width:150}}," ",n.default.createElement(u,{num:"1",background:"#A5A5A5"})," "),n.default.createElement(r.Col,{grow:2}," ",n.default.createElement(u,{num:"2",background:"#dedede"})," "),n.default.createElement(r.Col,{grow:1}," ",n.default.createElement(u,{num:"3",background:"#A5A5A5"})," "))}}(),37:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(968);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u=function(e){var t=e.num,r=e.height,l=e.width,o=e.style,u=e.background;return n.default.createElement("div",{style:a(a({},o),{},{textAlign:"center",paddingTop:5,paddingBottom:5,background:u,width:l,height:r})},"Col ",t)};return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null," ",n.default.createElement(u,{background:"#A5A5A5",num:1})," "),n.default.createElement(r.Col,null," ",n.default.createElement(u,{background:"#dedede",num:2})," "),n.default.createElement(r.Col,null," ",n.default.createElement(u,{background:"#A5A5A5",num:3})," ")),n.default.createElement(r.Row,{style:{marginTop:10}},n.default.createElement(r.Col,null," ",n.default.createElement(u,{background:"#A5A5A5",num:1})," "),n.default.createElement(r.Col,null," ",n.default.createElement(u,{background:"#dedede",num:2})," "),n.default.createElement(r.Col,null," ",n.default.createElement(u,{background:"#A5A5A5",num:3})," ")))}}(),63:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(968);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u={backgroundColor:"rgba(230, 230, 230, 0.67)",marginBottom:10},c=function(e){var t=e.num,r=e.height,l=e.style,o=e.background,u=void 0===o?"#2EA3F4":o;return n.default.createElement("div",{style:a(a({},l),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:u,height:r})},"Col ",t)};return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,justify:"center",align:"top",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:35,num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:50,num:2})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:70,num:3})," ")),n.default.createElement(r.Row,{gutter:10,justify:"space-around",align:"middle",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:35,num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:50,num:2})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:70,num:3})," ")),n.default.createElement(r.Row,{gutter:10,justify:"space-between",align:"bottom",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:35,num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:50,num:2})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:70,num:3})," ")),n.default.createElement(r.Row,{gutter:10,justify:"flex-end",align:"bottom",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:35,num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:50,num:2})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:70,num:3})," ")),n.default.createElement(r.Row,{gutter:10,justify:"center",align:"baseline",style:a(a({},u),{},{marginBottom:0})},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:85,style:{lineHeight:"85px"},num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:50,num:2})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:70,num:3})," ")))}}(),103:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(968);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u=function(e){var t=e.num,r=e.style,l=e.background,o=void 0===l?"#2EA3F4":l;return n.default.createElement("div",{style:a(a({},r),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:o})},"Col ",t)};return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,style:{height:130}},n.default.createElement(r.Col,{align:"top"}," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{align:"middle"}," ",n.default.createElement(u,{num:2})," "),n.default.createElement(r.Col,{align:"bottom"}," ",n.default.createElement(u,{num:3})," ")))}}(),122:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(968);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u={backgroundColor:"rgba(230, 230, 230, 0.67)",marginBottom:10},c=function(e){var t=e.num,r=e.height,l=e.width,o=e.style,u=e.background,c=void 0===u?"#2EA3F4":u;return n.default.createElement("div",{style:a(a({},o),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:c,width:l,height:r})},"Col ",t)};return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,justify:"flex-start",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:2})," ")),n.default.createElement(r.Row,{gutter:10,justify:"center",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:2})," ")),n.default.createElement(r.Row,{gutter:10,justify:"flex-end",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:2})," ")),n.default.createElement(r.Row,{gutter:10,justify:"space-between",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:2})," ")),n.default.createElement(r.Row,{gutter:10,justify:"space-around",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:2})," ")),n.default.createElement(r.Row,{gutter:10,justify:"space-evenly",style:a(a({},u),{},{marginBottom:0})},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:2})," ")))}}(),163:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(968);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u=function(e){var t=e.num,r=e.height,l=e.width,o=e.style,u=e.background,c=void 0===u?"#2EA3F4":u;return n.default.createElement("div",{style:a(a({},o),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:c,width:l,height:r})},"Col ",t)};return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:2})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:3})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:4})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:5})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:6})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:7})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:8})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:9})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:10})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:11})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:12})," ")),n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{span:"16"}," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{span:"8"}," ",n.default.createElement(u,{num:2})," ")),n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{span:"8"}," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{span:"8"}," ",n.default.createElement(u,{num:2})," "),n.default.createElement(r.Col,{span:"8"}," ",n.default.createElement(u,{num:3})," ")),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{span:"12"}," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{span:"12"}," ",n.default.createElement(u,{num:2})," ")))}}(),204:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(968);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u=function(e){var t=e.num,r=e.style,l=e.background,o=void 0===l?"#2EA3F4":l;return n.default.createElement("div",{style:a(a({},r),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:o})},"Col ",t)};return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,null," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{grow:2}," ",n.default.createElement(u,{num:2})," ")),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{grow:2}," ",n.default.createElement(u,{num:2})," "),n.default.createElement(r.Col,{grow:5}," ",n.default.createElement(u,{num:3})," ")))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar Box = function Box(_ref) {\n var num = _ref.num,\n height = _ref.height,\n width = _ref.width,\n style = _ref.style,\n background = _ref.background;\n return /#__PURE__/_react["default"].createElement("div", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: \'center\',\n paddingTop: 5,\n paddingBottom: 5,\n background: background,\n width: width,\n height: height\n })\n }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n style: {\n width: 150\n }\n }, " ", /#__PURE__/_react["default"].createElement(Box, {\n num: "1",\n background: "#A5A5A5"\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n grow: 2\n }, " ", /#__PURE__/_react["default"].createElement(Box, {\n num: "2",\n background: "#dedede"\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n grow: 1\n }, " ", /#__PURE__/_react["default"].createElement(Box, {\n num: "3",\n background: "#A5A5A5"\n }), " "));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Box = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: \'center\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n <Row>\n <Col fixed style={{ width: 150 }}> <Box num="1" background="#A5A5A5" /> </Col>\n <Col grow={2}> <Box num="2" background="#dedede" /> </Col>\n <Col grow={1}> <Box num="3" background="#A5A5A5" /> </Col>\n </Row>\n);\nexport default Demo'},37:{name:37,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar Blank = function Blank(_ref) {\n var num = _ref.num,\n height = _ref.height,\n width = _ref.width,\n style = _ref.style,\n background = _ref.background;\n return /#__PURE__/_react["default"].createElement("div", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: \'center\',\n paddingTop: 5,\n paddingBottom: 5,\n background: background,\n width: width,\n height: height\n })\n }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, " ", /#__PURE__/_react["default"].createElement(Blank, {\n background: "#A5A5A5",\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, null, " ", /#__PURE__/_react["default"].createElement(Blank, {\n background: "#dedede",\n num: 2\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, null, " ", /#__PURE__/_react["default"].createElement(Blank, {\n background: "#A5A5A5",\n num: 3\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n style: {\n marginTop: 10\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, " ", /#__PURE__/_react["default"].createElement(Blank, {\n background: "#A5A5A5",\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, null, " ", /#__PURE__/_react["default"].createElement(Blank, {\n background: "#dedede",\n num: 2\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, null, " ", /#__PURE__/_react["default"].createElement(Blank, {\n background: "#A5A5A5",\n num: 3\n }), " ")));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: \'center\', paddingTop: 5,paddingBottom: 5, background, width, height}}>Col {num}</div>\n\nconst Demo =() =>(\n <div>\n <Row gutter={10}>\n <Col> <Blank background="#A5A5A5" num={1}/> </Col>\n <Col> <Blank background="#dedede" num={2}/> </Col>\n <Col> <Blank background="#A5A5A5" num={3}/> </Col>\n </Row>\n <Row style={{ marginTop: 10 }}>\n <Col> <Blank background="#A5A5A5" num={1}/> </Col>\n <Col> <Blank background="#dedede" num={2}/> </Col>\n <Col> <Blank background="#A5A5A5" num={3}/> </Col>\n </Row>\n </div>\n);\nexport default Demo\n'},63:{name:63,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar colStyl = {\n backgroundColor: \'rgba(230, 230, 230, 0.67)\',\n marginBottom: 10\n};\n\nvar Blank = function Blank(_ref) {\n var num = _ref.num,\n height = _ref.height,\n style = _ref.style,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? \'#2EA3F4\' : _ref$background;\n return /#__PURE__/_react["default"].createElement("div", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: \'center\',\n color: \'#fff\',\n paddingTop: 5,\n paddingBottom: 5,\n background: background,\n height: height\n })\n }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n justify: "center",\n align: "top",\n style: colStyl\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 35,\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 50,\n num: 2\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 70,\n num: 3\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n justify: "space-around",\n align: "middle",\n style: colStyl\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 35,\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 50,\n num: 2\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 70,\n num: 3\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n justify: "space-between",\n align: "bottom",\n style: colStyl\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 35,\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 50,\n num: 2\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 70,\n num: 3\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n justify: "flex-end",\n align: "bottom",\n style: colStyl\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 35,\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 50,\n num: 2\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 70,\n num: 3\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n justify: "center",\n align: "baseline",\n style: _objectSpread(_objectSpread({}, colStyl), {}, {\n marginBottom: 0\n })\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 85,\n style: {\n lineHeight: \'85px\'\n },\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 50,\n num: 2\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n height: 70,\n num: 3\n }), " ")));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst colStyl = { backgroundColor: \'rgba(230, 230, 230, 0.67)\', marginBottom: 10 }\nconst Blank = ({ num, height, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, height}}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} justify="center" align="top" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="space-around" align="middle" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="space-between" align="bottom" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="flex-end" align="bottom" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="center" align="baseline" style={{ ...colStyl, marginBottom: 0 }}>\n <Col span="2"> <Blank height={85} style={{ lineHeight: \'85px\' }} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n </div>\n);\nexport default Demo'},103:{name:103,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar Blank = function Blank(_ref) {\n var num = _ref.num,\n style = _ref.style,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? \'#2EA3F4\' : _ref$background;\n return /#__PURE__/_react["default"].createElement("div", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: \'center\',\n color: \'#fff\',\n paddingTop: 5,\n paddingBottom: 5,\n background: background\n })\n }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n height: 130\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n align: "top"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n align: "middle"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 2\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n align: "bottom"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 3\n }), " ")));\n};\n\nreturn Demo;',language:"jsx",value:"import React from \"react\"\nimport { Row, Col } from 'uiw';\n\nconst Blank = ({ num, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} style={{height: 130}}>\n <Col align=\"top\"> <Blank num={1}/> </Col>\n <Col align=\"middle\"> <Blank num={2}/> </Col>\n <Col align=\"bottom\"> <Blank num={3}/> </Col>\n </Row>\n </div>\n);\nexport default Demo"},122:{name:122,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar rowStyl = {\n backgroundColor: \'rgba(230, 230, 230, 0.67)\',\n marginBottom: 10\n};\n\nvar Blank = function Blank(_ref) {\n var num = _ref.num,\n height = _ref.height,\n width = _ref.width,\n style = _ref.style,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? \'#2EA3F4\' : _ref$background;\n return /#__PURE__/_react["default"].createElement("div", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: \'center\',\n color: \'#fff\',\n paddingTop: 5,\n paddingBottom: 5,\n background: background,\n width: width,\n height: height\n })\n }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n justify: "flex-start",\n style: rowStyl\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 2\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n justify: "center",\n style: rowStyl\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 2\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n justify: "flex-end",\n style: rowStyl\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 2\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n justify: "space-between",\n style: rowStyl\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 2\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n justify: "space-around",\n style: rowStyl\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 2\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n justify: "space-evenly",\n style: _objectSpread(_objectSpread({}, rowStyl), {}, {\n marginBottom: 0\n })\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 2\n }), " ")));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst rowStyl = { backgroundColor: \'rgba(230, 230, 230, 0.67)\', marginBottom: 10 }\nconst Blank = ({ num, height, width, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} justify="flex-start" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="center" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="flex-end" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="space-between" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="space-around" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="space-evenly" style={{...rowStyl, marginBottom: 0 }}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n </div>\n);\nexport default Demo'},163:{name:163,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar Blank = function Blank(_ref) {\n var num = _ref.num,\n height = _ref.height,\n width = _ref.width,\n style = _ref.style,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? \'#2EA3F4\' : _ref$background;\n return /#__PURE__/_react["default"].createElement("div", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: \'center\',\n color: \'#fff\',\n paddingTop: 5,\n paddingBottom: 5,\n background: background,\n width: width,\n height: height\n })\n }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n marginBottom: 10\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 2\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 3\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 4\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 5\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 6\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 7\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 8\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 9\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 10\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 11\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "2"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 12\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n marginBottom: 10\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "16"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "8"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 2\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n marginBottom: 10\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "8"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "8"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 2\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "8"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 3\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "12"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n span: "12"\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 2\n }), " ")));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, height, width, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n <Col span="2"> <Blank num={3}/> </Col>\n <Col span="2"> <Blank num={4}/> </Col>\n <Col span="2"> <Blank num={5}/> </Col>\n <Col span="2"> <Blank num={6}/> </Col>\n <Col span="2"> <Blank num={7}/> </Col>\n <Col span="2"> <Blank num={8}/> </Col>\n <Col span="2"> <Blank num={9}/> </Col>\n <Col span="2"> <Blank num={10}/> </Col>\n <Col span="2"> <Blank num={11}/> </Col>\n <Col span="2"> <Blank num={12}/> </Col>\n </Row>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col span="16"> <Blank num={1}/> </Col>\n <Col span="8"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col span="8"> <Blank num={1}/> </Col>\n <Col span="8"> <Blank num={2}/> </Col>\n <Col span="8"> <Blank num={3}/> </Col>\n </Row>\n <Row gutter={10}>\n <Col span="12"> <Blank num={1}/> </Col>\n <Col span="12"> <Blank num={2}/> </Col>\n </Row>\n </div>\n);\nexport default Demo'},204:{name:204,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar Blank = function Blank(_ref) {\n var num = _ref.num,\n style = _ref.style,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? \'#2EA3F4\' : _ref$background;\n return /#__PURE__/_react["default"].createElement("div", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: \'center\',\n color: \'#fff\',\n paddingTop: 5,\n paddingBottom: 5,\n background: background\n })\n }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n marginBottom: 10\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n grow: 2\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 2\n }), " ")), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 1\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n grow: 2\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 2\n }), " "), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n grow: 5\n }, " ", /#__PURE__/_react["default"].createElement(Blank, {\n num: 3\n }), " ")));\n};\n\nreturn Demo;',language:"jsx",value:"import React from \"react\"\nimport { Row, Col } from 'uiw';\n\nconst Blank = ({ num, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col> <Blank num={1}/> </Col>\n <Col grow={2}> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10}>\n <Col> <Blank num={1}/> </Col>\n <Col grow={2}> <Blank num={2}/> </Col>\n <Col grow={5}> <Blank num={3}/> </Col>\n </Row>\n </div>\n);\nexport default Demo"}},source:'Grid \u5220\u683c\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-grid/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-grid.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-grid)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-grid.svg?label=@uiw/react-grid)](https://npmjs.com/@uiw/react-grid)\n\n\u57fa\u4e8e `flex` \u6805\u683c\u7cfb\u7edf\u3002\n\n```jsx\nimport { Row, Col } from \'uiw\';\n// or\nimport { Row, Col } from \'@uiw/react-grid\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Box = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: \'center\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n <Row>\n <Col fixed style={{ width: 150 }}> <Box num="1" background="#A5A5A5" /> </Col>\n <Col grow={2}> <Box num="2" background="#dedede" /> </Col>\n <Col grow={1}> <Box num="3" background="#A5A5A5" /> </Col>\n </Row>\n);\nexport default Demo\n```\n\n### Gutter\n\n\u6805\u683c\u95f4\u9694\uff0c\u53ef\u4ee5\u5199\u6210\u50cf\u7d20\u503c\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: \'center\', paddingTop: 5,paddingBottom: 5, background, width, height}}>Col {num}</div>\n\nconst Demo =() =>(\n <div>\n <Row gutter={10}>\n <Col> <Blank background="#A5A5A5" num={1}/> </Col>\n <Col> <Blank background="#dedede" num={2}/> </Col>\n <Col> <Blank background="#A5A5A5" num={3}/> </Col>\n </Row>\n <Row style={{ marginTop: 10 }}>\n <Col> <Blank background="#A5A5A5" num={1}/> </Col>\n <Col> <Blank background="#dedede" num={2}/> </Col>\n <Col> <Blank background="#A5A5A5" num={3}/> </Col>\n </Row>\n </div>\n);\nexport default Demo\n\n```\n\n### Flex \u884c\u8bbe\u7f6e\u5217\u5bf9\u9f50\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst colStyl = { backgroundColor: \'rgba(230, 230, 230, 0.67)\', marginBottom: 10 }\nconst Blank = ({ num, height, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, height}}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} justify="center" align="top" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="space-around" align="middle" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="space-between" align="bottom" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="flex-end" align="bottom" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="center" align="baseline" style={{ ...colStyl, marginBottom: 0 }}>\n <Col span="2"> <Blank height={85} style={{ lineHeight: \'85px\' }} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n </div>\n);\nexport default Demo\n```\n\n### Flex \u5217\u5bf9\u9f50\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} style={{height: 130}}>\n <Col align="top"> <Blank num={1}/> </Col>\n <Col align="middle"> <Blank num={2}/> </Col>\n <Col align="bottom"> <Blank num={3}/> </Col>\n </Row>\n </div>\n);\nexport default Demo\n```\n\n### \u5bf9\u9f50\u5185\u5bb9\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst rowStyl = { backgroundColor: \'rgba(230, 230, 230, 0.67)\', marginBottom: 10 }\nconst Blank = ({ num, height, width, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} justify="flex-start" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="center" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="flex-end" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="space-between" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="space-around" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="space-evenly" style={{...rowStyl, marginBottom: 0 }}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n </div>\n);\nexport default Demo\n```\n\n### 24\u5220\u683c\n\n\u53ef\u4ee5\u901a\u8fc7\u6307\u5b9a `24` \u5217\u4e2d\u6bcf\u5217\u7684\u5bbd\u5ea6\u6765\u521b\u5efa\u57fa\u672c\u7f51\u683c\u7cfb\u7edf\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, height, width, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n <Col span="2"> <Blank num={3}/> </Col>\n <Col span="2"> <Blank num={4}/> </Col>\n <Col span="2"> <Blank num={5}/> </Col>\n <Col span="2"> <Blank num={6}/> </Col>\n <Col span="2"> <Blank num={7}/> </Col>\n <Col span="2"> <Blank num={8}/> </Col>\n <Col span="2"> <Blank num={9}/> </Col>\n <Col span="2"> <Blank num={10}/> </Col>\n <Col span="2"> <Blank num={11}/> </Col>\n <Col span="2"> <Blank num={12}/> </Col>\n </Row>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col span="16"> <Blank num={1}/> </Col>\n <Col span="8"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col span="8"> <Blank num={1}/> </Col>\n <Col span="8"> <Blank num={2}/> </Col>\n <Col span="8"> <Blank num={3}/> </Col>\n </Row>\n <Row gutter={10}>\n <Col span="12"> <Blank num={1}/> </Col>\n <Col span="12"> <Blank num={2}/> </Col>\n </Row>\n </div>\n);\nexport default Demo\n```\n\n### \u52a8\u6001\u5217\u589e\u957f\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col> <Blank num={1}/> </Col>\n <Col grow={2}> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10}>\n <Col> <Blank num={1}/> </Col>\n <Col grow={2}> <Blank num={2}/> </Col>\n <Col grow={5}> <Blank num={3}/> </Col>\n </Row>\n </div>\n);\nexport default Demo\n```\n\n## Row\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| gutter \| \u6805\u683c\u95f4\u9694\u95f4\u8ddd \| number \| - \|\n\| justify \| flex \u5e03\u5c40\u4e0b\u7684\u6c34\u5e73\u6392\u5217\u65b9\u5f0f \| Enum{`flex-start`, `flex-end`, `center`, `space-between`, `space-around`, `space-evenly`} \| - \|\n\| align \| flex \u5e03\u5c40\u4e0b\u7684\u5782\u76f4\u5bf9\u9f50\u65b9\u5f0f \| Enum{`top`, `middle`, `bottom`, `baseline`} \| - \|\n\n\n## Col\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| fixed \| \u5982\u679c\u4e3a `true`\uff0c\u5219\u5217\u5bbd\u56fa\u5b9a\u4e3a\u5176\u5185\u5bb9\u7684\u5bbd\u5ea6 \| boolean \| - \|\n\| grow \| \u5217\u7684\u5bbd\u5ea6\u76f8\u5bf9\u4e8e\u540c\u4e00\u7f51\u683c\u4e2d\u5176\u4ed6\u5217\u7684\u6bd4\u7387 \| number \| - \|\n\| align \| \u7f51\u683c\u4e2d\u5217\u7684\u5bf9\u9f50\u65b9\u5f0f \| Enum{`top`, `middle`, `bottom`, `baseline`} \| - \|'}}}]);
2	+ //# sourceMappingURL=9609.1f692a2e.chunk.js.map

package/web/static/js/9609.1f692a2e.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/9609.1f692a2e.chunk.js","mappings":"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","sources":["../../packages/react-grid/README.md"],"sourcesContent":["\nexport default {\n components: { 18: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar Box = function Box(_ref) {\n var num = _ref.num,\n height = _ref.height,\n width = _ref.width,\n style = _ref.style,\n background = _ref.background;\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: 'center',\n paddingTop: 5,\n paddingBottom: 5,\n background: background,\n width: width,\n height: height\n })\n }, \"Col \", num);\n};\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true,\n style: {\n width: 150\n }\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Box, {\n num: \"1\",\n background: \"#A5A5A5\"\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n grow: 2\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Box, {\n num: \"2\",\n background: \"#dedede\"\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n grow: 1\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Box, {\n num: \"3\",\n background: \"#A5A5A5\"\n }), \" \"));\n};\n\nreturn Demo; })(),37: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar Blank = function Blank(_ref) {\n var num = _ref.num,\n height = _ref.height,\n width = _ref.width,\n style = _ref.style,\n background = _ref.background;\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: 'center',\n paddingTop: 5,\n paddingBottom: 5,\n background: background,\n width: width,\n height: height\n })\n }, \"Col \", num);\n};\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n background: \"#A5A5A5\",\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n background: \"#dedede\",\n num: 2\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n background: \"#A5A5A5\",\n num: 3\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n style: {\n marginTop: 10\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n background: \"#A5A5A5\",\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n background: \"#dedede\",\n num: 2\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n background: \"#A5A5A5\",\n num: 3\n }), \" \")));\n};\n\nreturn Demo; })(),63: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar colStyl = {\n backgroundColor: 'rgba(230, 230, 230, 0.67)',\n marginBottom: 10\n};\n\nvar Blank = function Blank(_ref) {\n var num = _ref.num,\n height = _ref.height,\n style = _ref.style,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? '#2EA3F4' : _ref$background;\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: 'center',\n color: '#fff',\n paddingTop: 5,\n paddingBottom: 5,\n background: background,\n height: height\n })\n }, \"Col \", num);\n};\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n justify: \"center\",\n align: \"top\",\n style: colStyl\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 35,\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 50,\n num: 2\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 70,\n num: 3\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n justify: \"space-around\",\n align: \"middle\",\n style: colStyl\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 35,\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 50,\n num: 2\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 70,\n num: 3\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n justify: \"space-between\",\n align: \"bottom\",\n style: colStyl\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 35,\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 50,\n num: 2\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 70,\n num: 3\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n justify: \"flex-end\",\n align: \"bottom\",\n style: colStyl\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 35,\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 50,\n num: 2\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 70,\n num: 3\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n justify: \"center\",\n align: \"baseline\",\n style: _objectSpread(_objectSpread({}, colStyl), {}, {\n marginBottom: 0\n })\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 85,\n style: {\n lineHeight: '85px'\n },\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 50,\n num: 2\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n height: 70,\n num: 3\n }), \" \")));\n};\n\nreturn Demo; })(),103: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar Blank = function Blank(_ref) {\n var num = _ref.num,\n style = _ref.style,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? '#2EA3F4' : _ref$background;\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: 'center',\n color: '#fff',\n paddingTop: 5,\n paddingBottom: 5,\n background: background\n })\n }, \"Col \", num);\n};\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n height: 130\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n align: \"top\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n align: \"middle\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 2\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n align: \"bottom\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 3\n }), \" \")));\n};\n\nreturn Demo; })(),122: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar rowStyl = {\n backgroundColor: 'rgba(230, 230, 230, 0.67)',\n marginBottom: 10\n};\n\nvar Blank = function Blank(_ref) {\n var num = _ref.num,\n height = _ref.height,\n width = _ref.width,\n style = _ref.style,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? '#2EA3F4' : _ref$background;\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: 'center',\n color: '#fff',\n paddingTop: 5,\n paddingBottom: 5,\n background: background,\n width: width,\n height: height\n })\n }, \"Col \", num);\n};\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n justify: \"flex-start\",\n style: rowStyl\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 2\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n justify: \"center\",\n style: rowStyl\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 2\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n justify: \"flex-end\",\n style: rowStyl\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 2\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n justify: \"space-between\",\n style: rowStyl\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 2\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n justify: \"space-around\",\n style: rowStyl\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 2\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n justify: \"space-evenly\",\n style: _objectSpread(_objectSpread({}, rowStyl), {}, {\n marginBottom: 0\n })\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 2\n }), \" \")));\n};\n\nreturn Demo; })(),163: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar Blank = function Blank(_ref) {\n var num = _ref.num,\n height = _ref.height,\n width = _ref.width,\n style = _ref.style,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? '#2EA3F4' : _ref$background;\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: 'center',\n color: '#fff',\n paddingTop: 5,\n paddingBottom: 5,\n background: background,\n width: width,\n height: height\n })\n }, \"Col \", num);\n};\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n marginBottom: 10\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 2\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 3\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 4\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 5\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 6\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 7\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 8\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 9\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 10\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 11\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"2\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 12\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n marginBottom: 10\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"16\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"8\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 2\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n marginBottom: 10\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"8\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"8\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 2\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"8\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 3\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"12\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n span: \"12\"\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 2\n }), \" \")));\n};\n\nreturn Demo; })(),204: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar Blank = function Blank(_ref) {\n var num = _ref.num,\n style = _ref.style,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? '#2EA3F4' : _ref$background;\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, style), {}, {\n textAlign: 'center',\n color: '#fff',\n paddingTop: 5,\n paddingBottom: 5,\n background: background\n })\n }, \"Col \", num);\n};\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n marginBottom: 10\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n grow: 2\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 2\n }), \" \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 1\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n grow: 2\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 2\n }), \" \"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n grow: 5\n }, \" \", /*#__PURE__*/_react[\"default\"].createElement(Blank, {\n num: 3\n }), \" \")));\n};\n\nreturn Demo; })(), },\n data: {\n \"18\": {\n \"name\": 18,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction 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; }\\n\\nfunction _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; }\\n\\nfunction _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; }\\n\\nvar Box = function Box(_ref) {\\n var num = _ref.num,\\n height = _ref.height,\\n width = _ref.width,\\n style = _ref.style,\\n background = _ref.background;\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: _objectSpread(_objectSpread({}, style), {}, {\\n textAlign: 'center',\\n paddingTop: 5,\\n paddingBottom: 5,\\n background: background,\\n width: width,\\n height: height\\n })\\n }, \\\"Col \\\", num);\\n};\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n fixed: true,\\n style: {\\n width: 150\\n }\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Box, {\\n num: \\\"1\\\",\\n background: \\\"#A5A5A5\\\"\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n grow: 2\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Box, {\\n num: \\\"2\\\",\\n background: \\\"#dedede\\\"\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n grow: 1\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Box, {\\n num: \\\"3\\\",\\n background: \\\"#A5A5A5\\\"\\n }), \\\" \\\"));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst Box = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: 'center', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\\nconst Demo = () => (\\n <Row>\\n <Col fixed style={{ width: 150 }}> <Box num=\\\"1\\\" background=\\\"#A5A5A5\\\" /> </Col>\\n <Col grow={2}> <Box num=\\\"2\\\" background=\\\"#dedede\\\" /> </Col>\\n <Col grow={1}> <Box num=\\\"3\\\" background=\\\"#A5A5A5\\\" /> </Col>\\n </Row>\\n);\\nexport default Demo\"\n },\n \"37\": {\n \"name\": 37,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction 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; }\\n\\nfunction _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; }\\n\\nfunction _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; }\\n\\nvar Blank = function Blank(_ref) {\\n var num = _ref.num,\\n height = _ref.height,\\n width = _ref.width,\\n style = _ref.style,\\n background = _ref.background;\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: _objectSpread(_objectSpread({}, style), {}, {\\n textAlign: 'center',\\n paddingTop: 5,\\n paddingBottom: 5,\\n background: background,\\n width: width,\\n height: height\\n })\\n }, \\\"Col \\\", num);\\n};\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n background: \\\"#A5A5A5\\\",\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n background: \\\"#dedede\\\",\\n num: 2\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n background: \\\"#A5A5A5\\\",\\n num: 3\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n style: {\\n marginTop: 10\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n background: \\\"#A5A5A5\\\",\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n background: \\\"#dedede\\\",\\n num: 2\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n background: \\\"#A5A5A5\\\",\\n num: 3\\n }), \\\" \\\")));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: 'center', paddingTop: 5,paddingBottom: 5, background, width, height}}>Col {num}</div>\\n\\nconst Demo =() =>(\\n <div>\\n <Row gutter={10}>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={1}/> </Col>\\n <Col> <Blank background=\\\"#dedede\\\" num={2}/> </Col>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={3}/> </Col>\\n </Row>\\n <Row style={{ marginTop: 10 }}>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={1}/> </Col>\\n <Col> <Blank background=\\\"#dedede\\\" num={2}/> </Col>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\\n\"\n },\n \"63\": {\n \"name\": 63,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction 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; }\\n\\nfunction _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; }\\n\\nfunction _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; }\\n\\nvar colStyl = {\\n backgroundColor: 'rgba(230, 230, 230, 0.67)',\\n marginBottom: 10\\n};\\n\\nvar Blank = function Blank(_ref) {\\n var num = _ref.num,\\n height = _ref.height,\\n style = _ref.style,\\n _ref$background = _ref.background,\\n background = _ref$background === void 0 ? '#2EA3F4' : _ref$background;\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: _objectSpread(_objectSpread({}, style), {}, {\\n textAlign: 'center',\\n color: '#fff',\\n paddingTop: 5,\\n paddingBottom: 5,\\n background: background,\\n height: height\\n })\\n }, \\\"Col \\\", num);\\n};\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n justify: \\\"center\\\",\\n align: \\\"top\\\",\\n style: colStyl\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 35,\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 50,\\n num: 2\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 70,\\n num: 3\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n justify: \\\"space-around\\\",\\n align: \\\"middle\\\",\\n style: colStyl\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 35,\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 50,\\n num: 2\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 70,\\n num: 3\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n justify: \\\"space-between\\\",\\n align: \\\"bottom\\\",\\n style: colStyl\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 35,\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 50,\\n num: 2\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 70,\\n num: 3\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n justify: \\\"flex-end\\\",\\n align: \\\"bottom\\\",\\n style: colStyl\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 35,\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 50,\\n num: 2\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 70,\\n num: 3\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n justify: \\\"center\\\",\\n align: \\\"baseline\\\",\\n style: _objectSpread(_objectSpread({}, colStyl), {}, {\\n marginBottom: 0\\n })\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 85,\\n style: {\\n lineHeight: '85px'\\n },\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 50,\\n num: 2\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n height: 70,\\n num: 3\\n }), \\\" \\\")));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst colStyl = { backgroundColor: 'rgba(230, 230, 230, 0.67)', marginBottom: 10 }\\nconst Blank = ({ num, height, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background, height}}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} justify=\\\"center\\\" align=\\\"top\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-around\\\" align=\\\"middle\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-between\\\" align=\\\"bottom\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"flex-end\\\" align=\\\"bottom\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"center\\\" align=\\\"baseline\\\" style={{ ...colStyl, marginBottom: 0 }}>\\n <Col span=\\\"2\\\"> <Blank height={85} style={{ lineHeight: '85px' }} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\"\n },\n \"103\": {\n \"name\": 103,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction 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; }\\n\\nfunction _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; }\\n\\nfunction _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; }\\n\\nvar Blank = function Blank(_ref) {\\n var num = _ref.num,\\n style = _ref.style,\\n _ref$background = _ref.background,\\n background = _ref$background === void 0 ? '#2EA3F4' : _ref$background;\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: _objectSpread(_objectSpread({}, style), {}, {\\n textAlign: 'center',\\n color: '#fff',\\n paddingTop: 5,\\n paddingBottom: 5,\\n background: background\\n })\\n }, \\\"Col \\\", num);\\n};\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n style: {\\n height: 130\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n align: \\\"top\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n align: \\\"middle\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 2\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n align: \\\"bottom\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 3\\n }), \\\" \\\")));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} style={{height: 130}}>\\n <Col align=\\\"top\\\"> <Blank num={1}/> </Col>\\n <Col align=\\\"middle\\\"> <Blank num={2}/> </Col>\\n <Col align=\\\"bottom\\\"> <Blank num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\"\n },\n \"122\": {\n \"name\": 122,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction 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; }\\n\\nfunction _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; }\\n\\nfunction _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; }\\n\\nvar rowStyl = {\\n backgroundColor: 'rgba(230, 230, 230, 0.67)',\\n marginBottom: 10\\n};\\n\\nvar Blank = function Blank(_ref) {\\n var num = _ref.num,\\n height = _ref.height,\\n width = _ref.width,\\n style = _ref.style,\\n _ref$background = _ref.background,\\n background = _ref$background === void 0 ? '#2EA3F4' : _ref$background;\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: _objectSpread(_objectSpread({}, style), {}, {\\n textAlign: 'center',\\n color: '#fff',\\n paddingTop: 5,\\n paddingBottom: 5,\\n background: background,\\n width: width,\\n height: height\\n })\\n }, \\\"Col \\\", num);\\n};\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n justify: \\\"flex-start\\\",\\n style: rowStyl\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 2\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n justify: \\\"center\\\",\\n style: rowStyl\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 2\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n justify: \\\"flex-end\\\",\\n style: rowStyl\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 2\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n justify: \\\"space-between\\\",\\n style: rowStyl\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 2\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n justify: \\\"space-around\\\",\\n style: rowStyl\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 2\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n justify: \\\"space-evenly\\\",\\n style: _objectSpread(_objectSpread({}, rowStyl), {}, {\\n marginBottom: 0\\n })\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 2\\n }), \\\" \\\")));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst rowStyl = { backgroundColor: 'rgba(230, 230, 230, 0.67)', marginBottom: 10 }\\nconst Blank = ({ num, height, width, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} justify=\\\"flex-start\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"center\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"flex-end\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-between\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-around\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-evenly\\\" style={{...rowStyl, marginBottom: 0 }}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\"\n },\n \"163\": {\n \"name\": 163,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction 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; }\\n\\nfunction _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; }\\n\\nfunction _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; }\\n\\nvar Blank = function Blank(_ref) {\\n var num = _ref.num,\\n height = _ref.height,\\n width = _ref.width,\\n style = _ref.style,\\n _ref$background = _ref.background,\\n background = _ref$background === void 0 ? '#2EA3F4' : _ref$background;\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: _objectSpread(_objectSpread({}, style), {}, {\\n textAlign: 'center',\\n color: '#fff',\\n paddingTop: 5,\\n paddingBottom: 5,\\n background: background,\\n width: width,\\n height: height\\n })\\n }, \\\"Col \\\", num);\\n};\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n style: {\\n marginBottom: 10\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 2\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 3\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 4\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 5\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 6\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 7\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 8\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 9\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 10\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 11\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"2\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 12\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n style: {\\n marginBottom: 10\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"16\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"8\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 2\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n style: {\\n marginBottom: 10\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"8\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"8\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 2\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"8\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 3\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"12\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n span: \\\"12\\\"\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 2\\n }), \\\" \\\")));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, height, width, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={3}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={4}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={5}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={6}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={7}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={8}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={9}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={10}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={11}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={12}/> </Col>\\n </Row>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col span=\\\"16\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"8\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col span=\\\"8\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"8\\\"> <Blank num={2}/> </Col>\\n <Col span=\\\"8\\\"> <Blank num={3}/> </Col>\\n </Row>\\n <Row gutter={10}>\\n <Col span=\\\"12\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"12\\\"> <Blank num={2}/> </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\"\n },\n \"204\": {\n \"name\": 204,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction 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; }\\n\\nfunction _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; }\\n\\nfunction _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; }\\n\\nvar Blank = function Blank(_ref) {\\n var num = _ref.num,\\n style = _ref.style,\\n _ref$background = _ref.background,\\n background = _ref$background === void 0 ? '#2EA3F4' : _ref$background;\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: _objectSpread(_objectSpread({}, style), {}, {\\n textAlign: 'center',\\n color: '#fff',\\n paddingTop: 5,\\n paddingBottom: 5,\\n background: background\\n })\\n }, \\\"Col \\\", num);\\n};\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n style: {\\n marginBottom: 10\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n grow: 2\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 2\\n }), \\\" \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 1\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n grow: 2\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 2\\n }), \\\" \\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n grow: 5\\n }, \\\" \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(Blank, {\\n num: 3\\n }), \\\" \\\")));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col> <Blank num={1}/> </Col>\\n <Col grow={2}> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10}>\\n <Col> <Blank num={1}/> </Col>\\n <Col grow={2}> <Blank num={2}/> </Col>\\n <Col grow={5}> <Blank num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\"\n }\n},\n source: \"Grid 删格\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-grid/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-grid.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-grid)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-grid.svg?label=@uiw/react-grid)](https://npmjs.com/@uiw/react-grid)\\n\\n基于 `flex` 栅格系统。\\n\\n```jsx\\nimport { Row, Col } from 'uiw';\\n// or\\nimport { Row, Col } from '@uiw/react-grid';\\n```\\n\\n### 基础用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst Box = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: 'center', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\\nconst Demo = () => (\\n <Row>\\n <Col fixed style={{ width: 150 }}> <Box num=\\\"1\\\" background=\\\"#A5A5A5\\\" /> </Col>\\n <Col grow={2}> <Box num=\\\"2\\\" background=\\\"#dedede\\\" /> </Col>\\n <Col grow={1}> <Box num=\\\"3\\\" background=\\\"#A5A5A5\\\" /> </Col>\\n </Row>\\n);\\nexport default Demo\\n```\\n\\n### Gutter\\n\\n栅格间隔，可以写成像素值\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: 'center', paddingTop: 5,paddingBottom: 5, background, width, height}}>Col {num}</div>\\n\\nconst Demo =() =>(\\n <div>\\n <Row gutter={10}>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={1}/> </Col>\\n <Col> <Blank background=\\\"#dedede\\\" num={2}/> </Col>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={3}/> </Col>\\n </Row>\\n <Row style={{ marginTop: 10 }}>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={1}/> </Col>\\n <Col> <Blank background=\\\"#dedede\\\" num={2}/> </Col>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\\n\\n```\\n\\n### Flex 行设置列对齐\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst colStyl = { backgroundColor: 'rgba(230, 230, 230, 0.67)', marginBottom: 10 }\\nconst Blank = ({ num, height, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background, height}}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} justify=\\\"center\\\" align=\\\"top\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-around\\\" align=\\\"middle\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-between\\\" align=\\\"bottom\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"flex-end\\\" align=\\\"bottom\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"center\\\" align=\\\"baseline\\\" style={{ ...colStyl, marginBottom: 0 }}>\\n <Col span=\\\"2\\\"> <Blank height={85} style={{ lineHeight: '85px' }} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\\n```\\n\\n### Flex 列对齐\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} style={{height: 130}}>\\n <Col align=\\\"top\\\"> <Blank num={1}/> </Col>\\n <Col align=\\\"middle\\\"> <Blank num={2}/> </Col>\\n <Col align=\\\"bottom\\\"> <Blank num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\\n```\\n\\n### 对齐内容\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst rowStyl = { backgroundColor: 'rgba(230, 230, 230, 0.67)', marginBottom: 10 }\\nconst Blank = ({ num, height, width, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} justify=\\\"flex-start\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"center\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"flex-end\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-between\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-around\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-evenly\\\" style={{...rowStyl, marginBottom: 0 }}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\\n```\\n\\n### 24删格\\n\\n可以通过指定 `24` 列中每列的宽度来创建基本网格系统。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, height, width, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={3}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={4}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={5}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={6}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={7}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={8}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={9}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={10}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={11}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={12}/> </Col>\\n </Row>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col span=\\\"16\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"8\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col span=\\\"8\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"8\\\"> <Blank num={2}/> </Col>\\n <Col span=\\\"8\\\"> <Blank num={3}/> </Col>\\n </Row>\\n <Row gutter={10}>\\n <Col span=\\\"12\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"12\\\"> <Blank num={2}/> </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\\n```\\n\\n### 动态列增长\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col> <Blank num={1}/> </Col>\\n <Col grow={2}> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10}>\\n <Col> <Blank num={1}/> </Col>\\n <Col grow={2}> <Blank num={2}/> </Col>\\n <Col grow={5}> <Blank num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\\n```\\n\\n## Row\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| gutter | 栅格间隔间距 | number | - |\\n| justify | flex 布局下的水平排列方式 | Enum{`flex-start`, `flex-end`, `center`, `space-between`, `space-around`, `space-evenly`} | - |\\n| align | flex 布局下的垂直对齐方式 | Enum{`top`, `middle`, `bottom`, `baseline`} | - |\\n\\n\\n## Col\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| fixed | 如果为 `true`，则列宽固定为其内容的宽度 | boolean | - |\\n| grow | 列的宽度相对于同一网格中其他列的比率 | number | - |\\n| align | 网格中列的对齐方式 | Enum{`top`, `middle`, `bottom`, `baseline`} | - |\"\n }"],"names":["components","obj","_react","__esModule","_uiw","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","configurable","writable","Box","_ref","num","height","width","style","background","createElement","textAlign","paddingTop","paddingBottom","Row","Col","fixed","grow","Blank","gutter","marginTop","colStyl","backgroundColor","marginBottom","_ref$background","color","justify","align","span","lineHeight","rowStyl","data"],"sourceRoot":""}

package/web/static/js/9624.cc68281c.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9624],{9624:function(e,t,n){n.r(t),t.default={components:{20:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},l=n(968);return function(){return t.default.createElement(l.Row,null,t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Select,{defaultValue:"w"},t.default.createElement(l.Select.Option,{value:"w"},"Choose an item..."),t.default.createElement(l.Select.Option,{value:"1"},"One"),t.default.createElement(l.Select.Option,{value:"2"},"Two"),t.default.createElement(l.Select.Option,{value:"3"},"Three"),t.default.createElement(l.Select.Option,{value:"4"},"Four"))))}}(),43:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},l=n(968);return function(){return t.default.createElement(l.Row,null,t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Select,{disabled:!0,defaultValue:"3"},t.default.createElement(l.Select.Option,{value:"w"},"Choose an item..."),t.default.createElement(l.Select.Option,{value:"1"},"One"),t.default.createElement(l.Select.Option,{value:"2"},"Two"),t.default.createElement(l.Select.Option,{value:"3"},"Three"),t.default.createElement(l.Select.Option,{value:"4"},"Four"))))}}(),68:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},l=n(968);var o={marginBottom:10};return function(){return t.default.createElement("div",null,t.default.createElement(l.Row,{gutter:10},t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Select,{size:"small",disabled:!0,defaultValue:"3",style:o},t.default.createElement(l.Select.Option,{value:"w"},"Choose an item..."),t.default.createElement(l.Select.Option,{value:"1"},"One"),t.default.createElement(l.Select.Option,{value:"2"},"Two"),t.default.createElement(l.Select.Option,{value:"3"},"Three"),t.default.createElement(l.Select.Option,{value:"4"},"Four"))),t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Button,{size:"small"},"\u5c0f\u5c3a\u5bf8"))),t.default.createElement(l.Row,{gutter:10,style:o},t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Select,{defaultValue:"3"},t.default.createElement(l.Select.Option,{value:"w"},"Choose an item..."),t.default.createElement(l.Select.Option,{value:"1"},"One"),t.default.createElement(l.Select.Option,{value:"2"},"Two"),t.default.createElement(l.Select.Option,{value:"3"},"Three"),t.default.createElement(l.Select.Option,{value:"4"},"Four"))),t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Button,{size:"default"},"\u9ed8\u8ba4\u5c3a\u5bf8"))),t.default.createElement(l.Row,{gutter:10},t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Select,{size:"large",defaultValue:"3"},t.default.createElement(l.Select.Option,{value:"w"},"Choose an item..."),t.default.createElement(l.Select.Option,{value:"1"},"One"),t.default.createElement(l.Select.Option,{value:"2"},"Two"),t.default.createElement(l.Select.Option,{value:"3"},"Three"),t.default.createElement(l.Select.Option,{value:"4"},"Four"))),t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Button,{size:"large"},"\u5927\u5c3a\u5bf8"))))}}(),124:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},l=n(968);var o=l.Select.Option,r=l.Select.Group;return function(){return t.default.createElement(l.Row,null,t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Select,{defaultValue:"w"},t.default.createElement(o,{value:"w"},"Choose an item..."),t.default.createElement(r,{label:"Group 1"},t.default.createElement(o,{value:"1"},"One"),t.default.createElement(o,{value:"2"},"Two")),t.default.createElement(r,{label:"Group 2"},t.default.createElement(o,{value:"3"},"Three"),t.default.createElement(o,{value:"4"},"Four")))))}}(),155:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},l=n(968);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}return function(){return t.default.createElement("div",null,t.default.createElement(l.Form,{onSubmitError:function(e){return e.filed?function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var t=e.current,n={};if(t.selectField\|\|(n.selectField="\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9"),Object.keys(n).length>0){var o=new Error;throw o.filed=n,l.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),o}l.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a".concat(t.selectField,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{selectField:{children:t.default.createElement(l.Select,null,t.default.createElement(l.Select.Option,{value:"w"},"Choose an item..."),t.default.createElement(l.Select.Option,{value:"1"},"One"),t.default.createElement(l.Select.Option,{value:"2"},"Two"),t.default.createElement(l.Select.Option,{value:"3"},"Three"),t.default.createElement(l.Select.Option,{value:"4"},"Four"))}}},(function(e){var n=e.fields,o=e.state,r=e.canSubmit;return t.default.createElement("div",null,t.default.createElement(l.Row,null,t.default.createElement(l.Col,{fixed:!0},n.selectField)),t.default.createElement(l.Row,null,t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Button,{disabled:!r(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),t.default.createElement(l.Row,null,t.default.createElement(l.Col,null,t.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(o.current,null,2)))))})))}}(),229:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},l=n(968);return function(){return t.default.createElement(l.Row,{style:{backgroundColor:"#fff",margin:-15,padding:15,borderRadius:"5px 5px 0 0"},gutter:10},t.default.createElement(l.Col,{fixed:!0},t.default.createElement("select",{className:"w-select",defaultValue:"w"},t.default.createElement("option",{value:"w"},"Choose an item..."),t.default.createElement("option",{value:"1"},"One"),t.default.createElement("option",{value:"2"},"Two"),t.default.createElement("option",{value:"3"},"Three"),t.default.createElement("option",{value:"4"},"Four"))),t.default.createElement(l.Col,{fixed:!0},t.default.createElement("select",{disabled:!0,className:"w-select",defaultValue:"w"},t.default.createElement("option",{value:"w"},"Choose an item..."),t.default.createElement("option",{value:"1"},"One"),t.default.createElement("option",{value:"2"},"Two"),t.default.createElement("option",{value:"3"},"Three"),t.default.createElement("option",{value:"4"},"Four"))))}}()},data:{20:{name:20,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Select, {\n defaultValue: "w"\n }, /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "w"\n }, "Choose an item..."), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "1"\n }, "One"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "2"\n }, "Two"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "3"\n }, "Three"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "4"\n }, "Four"))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Demo = () => (\n <Row>\n <Col fixed>\n <Select defaultValue="w">\n <Select.Option value="w">Choose an item...</Select.Option>\n <Select.Option value="1">One</Select.Option>\n <Select.Option value="2">Two</Select.Option>\n <Select.Option value="3">Three</Select.Option>\n <Select.Option value="4">Four</Select.Option>\n </Select>\n </Col>\n </Row>\n);\nexport default Demo'},43:{name:43,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Select, {\n disabled: true,\n defaultValue: "3"\n }, /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "w"\n }, "Choose an item..."), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "1"\n }, "One"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "2"\n }, "Two"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "3"\n }, "Three"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "4"\n }, "Four"))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Demo = () => (\n <Row>\n <Col fixed>\n <Select disabled defaultValue="3">\n <Select.Option value="w">Choose an item...</Select.Option>\n <Select.Option value="1">One</Select.Option>\n <Select.Option value="2">Two</Select.Option>\n <Select.Option value="3">Three</Select.Option>\n <Select.Option value="4">Four</Select.Option>\n </Select>\n </Col>\n </Row>\n);\nexport default Demo'},68:{name:68,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar rowSty = {\n marginBottom: 10\n};\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Select, {\n size: "small",\n disabled: true,\n defaultValue: "3",\n style: rowSty\n }, /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "w"\n }, "Choose an item..."), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "1"\n }, "One"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "2"\n }, "Two"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "3"\n }, "Three"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "4"\n }, "Four"))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small"\n }, "\\u5C0F\\u5C3A\\u5BF8"))), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n style: rowSty\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Select, {\n defaultValue: "3"\n }, /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "w"\n }, "Choose an item..."), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "1"\n }, "One"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "2"\n }, "Two"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "3"\n }, "Three"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "4"\n }, "Four"))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "default"\n }, "\\u9ED8\\u8BA4\\u5C3A\\u5BF8"))), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Select, {\n size: "large",\n defaultValue: "3"\n }, /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "w"\n }, "Choose an item..."), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "1"\n }, "One"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "2"\n }, "Two"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "3"\n }, "Three"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "4"\n }, "Four"))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "large"\n }, "\\u5927\\u5C3A\\u5BF8"))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Row, Col, Select, Button } from \'uiw\';\n\nconst rowSty = { marginBottom: 10 };\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Select size="small" disabled defaultValue="3" style={rowSty}>\n <Select.Option value="w">Choose an item...</Select.Option>\n <Select.Option value="1">One</Select.Option>\n <Select.Option value="2">Two</Select.Option>\n <Select.Option value="3">Three</Select.Option>\n <Select.Option value="4">Four</Select.Option>\n </Select>\n </Col>\n <Col fixed>\n <Button size="small">\u5c0f\u5c3a\u5bf8</Button>\n </Col>\n </Row>\n <Row gutter={10} style={rowSty}>\n <Col fixed>\n <Select defaultValue="3">\n <Select.Option value="w">Choose an item...</Select.Option>\n <Select.Option value="1">One</Select.Option>\n <Select.Option value="2">Two</Select.Option>\n <Select.Option value="3">Three</Select.Option>\n <Select.Option value="4">Four</Select.Option>\n </Select>\n </Col>\n <Col fixed>\n <Button size="default">\u9ed8\u8ba4\u5c3a\u5bf8</Button>\n </Col>\n </Row>\n <Row gutter={10}>\n <Col fixed>\n <Select size="large" defaultValue="3">\n <Select.Option value="w">Choose an item...</Select.Option>\n <Select.Option value="1">One</Select.Option>\n <Select.Option value="2">Two</Select.Option>\n <Select.Option value="3">Three</Select.Option>\n <Select.Option value="4">Four</Select.Option>\n </Select>\n </Col>\n <Col fixed>\n <Button size="large">\u5927\u5c3a\u5bf8</Button>\n </Col>\n </Row>\n </div>\n);\nexport default Demo'},124:{name:124,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Option = _uiw.Select.Option;\nvar Group = _uiw.Select.Group;\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Select, {\n defaultValue: "w"\n }, /#__PURE__/_react["default"].createElement(Option, {\n value: "w"\n }, "Choose an item..."), /#__PURE__/_react["default"].createElement(Group, {\n label: "Group 1"\n }, /#__PURE__/_react["default"].createElement(Option, {\n value: "1"\n }, "One"), /#__PURE__/_react["default"].createElement(Option, {\n value: "2"\n }, "Two")), /#__PURE__/_react["default"].createElement(Group, {\n label: "Group 2"\n }, /#__PURE__/_react["default"].createElement(Option, {\n value: "3"\n }, "Three"), /#__PURE__/_react["default"].createElement(Option, {\n value: "4"\n }, "Four")))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Option = Select.Option;\nconst Group = Select.Group;\n\nconst Demo = () => (\n <Row>\n <Col fixed>\n <Select defaultValue="w">\n <Option value="w">Choose an item...</Option>\n <Group label="Group 1">\n <Option value="1">One</Option>\n <Option value="2">Two</Option>\n </Group>\n <Group label="Group 2">\n <Option value="3">Three</Option>\n <Option value="4">Four</Option>\n </Group>\n </Select>\n </Col>\n </Row>\n);\nexport default Demo'},155:{name:155,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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; }\n\nfunction _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; }\n\nfunction _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; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n\n return null;\n },\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n var errorObj = {};\n\n if (!current.selectField) {\n errorObj.selectField = \'\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9\';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n\n _uiw.Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\'\n });\n\n throw err;\n }\n\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\u9009\\u62E9\\u503C\\u4E3A\\uFF1A".concat(current.selectField, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n });\n },\n fields: {\n selectField: {\n children: /#__PURE__/_react["default"].createElement(_uiw.Select, null, /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "w"\n }, "Choose an item..."), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "1"\n }, "One"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "2"\n }, "Two"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "3"\n }, "Three"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "4"\n }, "Four"))\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, fields.selectField)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"))), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement("pre", {\n style: {\n padding: 10,\n marginTop: 10\n }\n }, JSON.stringify(state.current, null, 2)))));\n }));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Form, Row, Col, Select, Button, Notify } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.selectField) {\n errorObj.selectField = \'\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9\';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: \'\u63d0\u4ea4\u5931\u8d25\uff01\', description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\' });\n throw err;\n }\n Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n selectField: {\n children: (\n <Select>\n <Select.Option value="w">Choose an item...</Select.Option>\n <Select.Option value="1">One</Select.Option>\n <Select.Option value="2">Two</Select.Option>\n <Select.Option value="3">Three</Select.Option>\n <Select.Option value="4">Four</Select.Option>\n </Select>\n )\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col fixed>{fields.selectField}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type="primary" htmlType="submit">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo'},229:{name:229,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n style: {\n backgroundColor: \'#fff\',\n margin: -15,\n padding: 15,\n borderRadius: \'5px 5px 0 0\'\n },\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement("select", {\n className: "w-select",\n defaultValue: "w"\n }, /#__PURE__/_react["default"].createElement("option", {\n value: "w"\n }, "Choose an item..."), /#__PURE__/_react["default"].createElement("option", {\n value: "1"\n }, "One"), /#__PURE__/_react["default"].createElement("option", {\n value: "2"\n }, "Two"), /#__PURE__/_react["default"].createElement("option", {\n value: "3"\n }, "Three"), /#__PURE__/_react["default"].createElement("option", {\n value: "4"\n }, "Four"))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement("select", {\n disabled: true,\n className: "w-select",\n defaultValue: "w"\n }, /#__PURE__/_react["default"].createElement("option", {\n value: "w"\n }, "Choose an item..."), /#__PURE__/_react["default"].createElement("option", {\n value: "1"\n }, "One"), /#__PURE__/_react["default"].createElement("option", {\n value: "2"\n }, "Two"), /#__PURE__/_react["default"].createElement("option", {\n value: "3"\n }, "Three"), /#__PURE__/_react["default"].createElement("option", {\n value: "4"\n }, "Four"))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Demo = () => (\n <Row style={{ backgroundColor: \'#fff\', margin: -15, padding: 15, borderRadius: \'5px 5px 0 0\' }} gutter={10}>\n <Col fixed>\n <select className="w-select" defaultValue="w">\n <option value="w">Choose an item...</option>\n <option value="1">One</option>\n <option value="2">Two</option>\n <option value="3">Three</option>\n <option value="4">Four</option>\n </select>\n </Col>\n <Col fixed>\n <select disabled className="w-select" defaultValue="w">\n <option value="w">Choose an item...</option>\n <option value="1">One</option>\n <option value="2">Two</option>\n <option value="3">Three</option>\n <option value="4">Four</option>\n </select>\n </Col>\n </Row>\n);\nexport default Demo'}},source:'Select \u9009\u62e9\u5668\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-select/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-select.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-select)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-select.svg?label=@uiw/react-select)](https://npmjs.com/@uiw/react-select)\n\n\u5f53\u9009\u9879\u8fc7\u591a\u65f6\uff0c\u4f7f\u7528\u4e0b\u62c9\u83dc\u5355\u5c55\u793a\u5e76\u9009\u62e9\u5185\u5bb9\u3002\n\n```jsx\nimport { Select } from \'uiw\';\n// or\nimport Select from \'@uiw/react-select\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u9002\u7528\u5e7f\u6cdb\u7684\u57fa\u7840\u5355\u9009 `value` \u7684\u503c\u4e3a\u5f53\u524d\u88ab\u9009\u4e2d\u7684 `Option` \u7684 `value` \u5c5e\u6027\u503c\u3002\u81ea\u5b9a\u4e49 `Select` \u8bf7\u67e5\u770b [`<Dropdown />`](#/components/dropdown) \u7ec4\u4ef6\u5b9e\u4f8b\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Demo = () => (\n <Row>\n <Col fixed>\n <Select defaultValue="w">\n <Select.Option value="w">Choose an item...</Select.Option>\n <Select.Option value="1">One</Select.Option>\n <Select.Option value="2">Two</Select.Option>\n <Select.Option value="3">Three</Select.Option>\n <Select.Option value="4">Four</Select.Option>\n </Select>\n </Col>\n </Row>\n);\nexport default Demo\n```\n\n\n### \u7981\u7528\u9009\u62e9\u5668\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Demo = () => (\n <Row>\n <Col fixed>\n <Select disabled defaultValue="3">\n <Select.Option value="w">Choose an item...</Select.Option>\n <Select.Option value="1">One</Select.Option>\n <Select.Option value="2">Two</Select.Option>\n <Select.Option value="3">Three</Select.Option>\n <Select.Option value="4">Four</Select.Option>\n </Select>\n </Col>\n </Row>\n);\nexport default Demo\n```\n\n\n### \u5c3a\u5bf8\n\n\u901a\u8fc7 `size` \u5c5e\u6027\u8bbe\u7f6e\u9009\u62e9\u5668\u7684\u5c3a\u5bf8\uff0c\u63d0\u4f9b\u4e09\u4e2a\u5c3a\u5bf8\u53c2\u6570\u8bbe\u7f6e\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Row, Col, Select, Button } from \'uiw\';\n\nconst rowSty = { marginBottom: 10 };\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Select size="small" disabled defaultValue="3" style={rowSty}>\n <Select.Option value="w">Choose an item...</Select.Option>\n <Select.Option value="1">One</Select.Option>\n <Select.Option value="2">Two</Select.Option>\n <Select.Option value="3">Three</Select.Option>\n <Select.Option value="4">Four</Select.Option>\n </Select>\n </Col>\n <Col fixed>\n <Button size="small">\u5c0f\u5c3a\u5bf8</Button>\n </Col>\n </Row>\n <Row gutter={10} style={rowSty}>\n <Col fixed>\n <Select defaultValue="3">\n <Select.Option value="w">Choose an item...</Select.Option>\n <Select.Option value="1">One</Select.Option>\n <Select.Option value="2">Two</Select.Option>\n <Select.Option value="3">Three</Select.Option>\n <Select.Option value="4">Four</Select.Option>\n </Select>\n </Col>\n <Col fixed>\n <Button size="default">\u9ed8\u8ba4\u5c3a\u5bf8</Button>\n </Col>\n </Row>\n <Row gutter={10}>\n <Col fixed>\n <Select size="large" defaultValue="3">\n <Select.Option value="w">Choose an item...</Select.Option>\n <Select.Option value="1">One</Select.Option>\n <Select.Option value="2">Two</Select.Option>\n <Select.Option value="3">Three</Select.Option>\n <Select.Option value="4">Four</Select.Option>\n </Select>\n </Col>\n <Col fixed>\n <Button size="large">\u5927\u5c3a\u5bf8</Button>\n </Col>\n </Row>\n </div>\n);\nexport default Demo\n```\n\n### \u9009\u9879\u7ec4\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Option = Select.Option;\nconst Group = Select.Group;\n\nconst Demo = () => (\n <Row>\n <Col fixed>\n <Select defaultValue="w">\n <Option value="w">Choose an item...</Option>\n <Group label="Group 1">\n <Option value="1">One</Option>\n <Option value="2">Two</Option>\n </Group>\n <Group label="Group 2">\n <Option value="3">Three</Option>\n <Option value="4">Four</Option>\n </Group>\n </Select>\n </Col>\n </Row>\n);\nexport default Demo\n```\n\n### \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n\u5728 [`<Form />`](#/components/form) \u8868\u5355\u4e2d\u5e94\u7528 [`<Select />`](#/components/select) \u7ec4\u4ef6\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Form, Row, Col, Select, Button, Notify } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.selectField) {\n errorObj.selectField = \'\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9\';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: \'\u63d0\u4ea4\u5931\u8d25\uff01\', description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\' });\n throw err;\n }\n Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n selectField: {\n children: (\n <Select>\n <Select.Option value="w">Choose an item...</Select.Option>\n <Select.Option value="1">One</Select.Option>\n <Select.Option value="2">Two</Select.Option>\n <Select.Option value="3">Three</Select.Option>\n <Select.Option value="4">Four</Select.Option>\n </Select>\n )\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col fixed>{fields.selectField}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type="primary" htmlType="submit">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo\n```\n\n### HTML select\n\n\u8fd9\u4e2a\u7ec4\u4ef6\u662f\u6700\u7b80\u5355\u7684\u57fa\u7840\u6837\u5f0f\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u76f4\u63a5\u5f15\u7528\u6837\u5f0f\uff0c\u4f7f\u7528 `w-select` \u7eaf\u6837\u5f0f\u5373\u53ef\u8fbe\u5230\u6548\u679c\uff0c\u4e0b\u62c9\u6846\u53f3\u8fb9\u7bad\u5934\u6548\u679c\u901a\u8fc7\u6837\u5f0f\u66f4\u6539\uff0c\u901a\u8fc7 [`b64`](http://b64.io/) \u5de5\u5177\uff0c\u8f6c\u6362\u6210 `base64` \u683c\u5f0f\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Demo = () => (\n <Row style={{ backgroundColor: \'#fff\', margin: -15, padding: 15, borderRadius: \'5px 5px 0 0\' }} gutter={10}>\n <Col fixed>\n <select className="w-select" defaultValue="w">\n <option value="w">Choose an item...</option>\n <option value="1">One</option>\n <option value="2">Two</option>\n <option value="3">Three</option>\n <option value="4">Four</option>\n </select>\n </Col>\n <Col fixed>\n <select disabled className="w-select" defaultValue="w">\n <option value="w">Choose an item...</option>\n <option value="1">One</option>\n <option value="2">Two</option>\n <option value="3">Three</option>\n <option value="4">Four</option>\n </select>\n </Col>\n </Row>\n);\nexport default Demo\n```\n\n## Select\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| value \| \u63a7\u5236\u65f6 `select` \u7684\u503c\u5fc5\u987b\u4e0e `onChange` \u51fd\u6570\u4e00\u8d77\u4f7f\u7528\u624d\u80fd\u66f4\u65b0 `select` \u7684\u503c \| Any \| - \|\n\| disabled \| \u7981\u7528\u9009\u62e9\u5668 \| Boolean \| `false` \|\n\| defaultValue \| \u6839\u636e `value` \u8fdb\u884c\u6bd4\u8f83\uff0c\u5224\u65ad\u662f\u5426\u9009\u4e2d \| Any \| - \|\n\| size \| \u9009\u62e9\u6846\u5c3a\u5bf8 \| Enum {`large`, `default`, `small` } \| `default` \|\n'}}}]);
2	+ //# sourceMappingURL=9624.cc68281c.chunk.js.map