@uiw/doc
Version:
UIW documentation website.
1 lines • 71.2 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[517],{4934:e=>{function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=4934,e.exports=t},5301:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(8573),o=n(6320),l=n(8563),a=n(7622),u=n(7937);const i={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=n(4760);function f(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:t}=e,n=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,c.jsxs)("div",{className:i.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",n&&(0,c.jsx)("a",{href:n,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,c.jsx)("br",{}),(0,c.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const m=o.ZP.Preview,_=o.ZP.Code,d=o.ZP.Toolbar,p=e=>{var t,n;let{node:a,components:u,data:i,...f}=e;const p=(0,r.useRef)(null),{headings:s,headingsList:y,...g}=f;(0,r.useEffect)((()=>{if(p.current){const e=p.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(p.current,e)}}),[p]);const b=null===a||void 0===a||null===(t=a.position)||void 0===t?void 0:t.start.line,E=null===a||void 0===a||null===(n=a.data)||void 0===n?void 0:n.meta,w=(0,l.Mx)(E)||String(b),k=u["".concat(w)];if(w&&"function"===typeof k){const e=i[w].value||"",t=(0,l.aE)(E||"");return(0,c.jsxs)(o.ZP,{ref:p,children:[(0,c.jsx)(m,{style:{background:t.bg||"transparent"},children:(0,c.jsx)(k,{})}),(0,c.jsx)(d,{text:e,children:t.title||"Example"}),(0,c.jsx)(_,{children:(0,c.jsx)("pre",{...g})})]})}return(0,c.jsx)("code",{...g})};function s(e){return(0,c.jsxs)(r.Fragment,{children:[(0,c.jsx)(a.Z,{className:i.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,c.jsx)(p,{...e,...t})}}),(0,c.jsx)(f,{path:e.path})]})}},7737:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const r={components:{19:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=function(e){var n=e.num,r=e.height,o=e.width,l=e.style,u=e.background;return t.default.createElement("div",{style:a(a({},l),{},{textAlign:"center",paddingTop:5,paddingBottom:5,background:u,width:o,height:r})},"Col ",n)};return function(){return t.default.createElement(r.Row,null,t.default.createElement(r.Col,{fixed:!0,style:{width:150}}," ",t.default.createElement(i,{num:"1",background:"#A5A5A5"})," "),t.default.createElement(r.Col,{grow:2}," ",t.default.createElement(i,{num:"2",background:"#dedede"})," "),t.default.createElement(r.Col,{grow:1}," ",t.default.createElement(i,{num:"3",background:"#A5A5A5"})," "))}}(),40:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=function(e){var n=e.num,r=e.height,o=e.width,l=e.style,u=e.background;return t.default.createElement("div",{style:a(a({},l),{},{textAlign:"center",paddingTop:5,paddingBottom:5,background:u,width:o,height:r})},"Col ",n)};return function(){return t.default.createElement("div",null,t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,null," ",t.default.createElement(i,{background:"#A5A5A5",num:1})," "),t.default.createElement(r.Col,null," ",t.default.createElement(i,{background:"#dedede",num:2})," "),t.default.createElement(r.Col,null," ",t.default.createElement(i,{background:"#A5A5A5",num:3})," ")),t.default.createElement(r.Row,{style:{marginTop:10}},t.default.createElement(r.Col,null," ",t.default.createElement(i,{background:"#A5A5A5",num:1})," "),t.default.createElement(r.Col,null," ",t.default.createElement(i,{background:"#dedede",num:2})," "),t.default.createElement(r.Col,null," ",t.default.createElement(i,{background:"#A5A5A5",num:3})," ")))}}(),66:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i={backgroundColor:"rgba(230, 230, 230, 0.67)",marginBottom:10},c=function(e){var n=e.num,r=e.height,o=e.style,l=e.background,u=void 0===l?"#2EA3F4":l;return t.default.createElement("div",{style:a(a({},o),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:u,height:r})},"Col ",n)};return function(){return t.default.createElement("div",null,t.default.createElement(r.Row,{gutter:10,justify:"center",align:"top",style:i},t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:35,num:1})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:50,num:2})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:70,num:3})," ")),t.default.createElement(r.Row,{gutter:10,justify:"space-around",align:"middle",style:i},t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:35,num:1})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:50,num:2})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:70,num:3})," ")),t.default.createElement(r.Row,{gutter:10,justify:"space-between",align:"bottom",style:i},t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:35,num:1})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:50,num:2})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:70,num:3})," ")),t.default.createElement(r.Row,{gutter:10,justify:"flex-end",align:"bottom",style:i},t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:35,num:1})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:50,num:2})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:70,num:3})," ")),t.default.createElement(r.Row,{gutter:10,justify:"center",align:"baseline",style:a(a({},i),{},{marginBottom:0})},t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:85,style:{lineHeight:"85px"},num:1})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:50,num:2})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{height:70,num:3})," ")))}}(),108:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=function(e){var n=e.num,r=e.style,o=e.background,l=void 0===o?"#2EA3F4":o;return t.default.createElement("div",{style:a(a({},r),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:l})},"Col ",n)};return function(){return t.default.createElement("div",null,t.default.createElement(r.Row,{gutter:10,style:{height:130}},t.default.createElement(r.Col,{align:"top"}," ",t.default.createElement(i,{num:1})," "),t.default.createElement(r.Col,{align:"middle"}," ",t.default.createElement(i,{num:2})," "),t.default.createElement(r.Col,{align:"bottom"}," ",t.default.createElement(i,{num:3})," ")))}}(),129:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i={backgroundColor:"rgba(230, 230, 230, 0.67)",marginBottom:10},c=function(e){var n=e.num,r=e.height,o=e.width,l=e.style,u=e.background,i=void 0===u?"#2EA3F4":u;return t.default.createElement("div",{style:a(a({},l),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:i,width:o,height:r})},"Col ",n)};return function(){return t.default.createElement("div",null,t.default.createElement(r.Row,{gutter:10,justify:"flex-start",style:i},t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{num:1})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{num:2})," ")),t.default.createElement(r.Row,{gutter:10,justify:"center",style:i},t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{num:1})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{num:2})," ")),t.default.createElement(r.Row,{gutter:10,justify:"flex-end",style:i},t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{num:1})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{num:2})," ")),t.default.createElement(r.Row,{gutter:10,justify:"space-between",style:i},t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{num:1})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{num:2})," ")),t.default.createElement(r.Row,{gutter:10,justify:"space-around",style:i},t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{num:1})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{num:2})," ")),t.default.createElement(r.Row,{gutter:10,justify:"space-evenly",style:a(a({},i),{},{marginBottom:0})},t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{num:1})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(c,{num:2})," ")))}}(),172:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=function(e){var n=e.num,r=e.height,o=e.width,l=e.style,u=e.background,i=void 0===u?"#2EA3F4":u;return t.default.createElement("div",{style:a(a({},l),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:i,width:o,height:r})},"Col ",n)};return function(){return t.default.createElement("div",null,t.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(i,{num:1})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(i,{num:2})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(i,{num:3})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(i,{num:4})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(i,{num:5})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(i,{num:6})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(i,{num:7})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(i,{num:8})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(i,{num:9})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(i,{num:10})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(i,{num:11})," "),t.default.createElement(r.Col,{span:"2"}," ",t.default.createElement(i,{num:12})," ")),t.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},t.default.createElement(r.Col,{span:"16"}," ",t.default.createElement(i,{num:1})," "),t.default.createElement(r.Col,{span:"8"}," ",t.default.createElement(i,{num:2})," ")),t.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},t.default.createElement(r.Col,{span:"8"}," ",t.default.createElement(i,{num:1})," "),t.default.createElement(r.Col,{span:"8"}," ",t.default.createElement(i,{num:2})," "),t.default.createElement(r.Col,{span:"8"}," ",t.default.createElement(i,{num:3})," ")),t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,{span:"12"}," ",t.default.createElement(i,{num:1})," "),t.default.createElement(r.Col,{span:"12"}," ",t.default.createElement(i,{num:2})," ")))}}(),215:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=function(e){var n=e.num,r=e.style,o=e.background,l=void 0===o?"#2EA3F4":o;return t.default.createElement("div",{style:a(a({},r),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:l})},"Col ",n)};return function(){return t.default.createElement("div",null,t.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},t.default.createElement(r.Col,null," ",t.default.createElement(i,{num:1})," "),t.default.createElement(r.Col,{grow:2}," ",t.default.createElement(i,{num:2})," ")),t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,null," ",t.default.createElement(i,{num:1})," "),t.default.createElement(r.Col,{grow:2}," ",t.default.createElement(i,{num:2})," "),t.default.createElement(r.Col,{grow:5}," ",t.default.createElement(i,{num:3})," ")))}}()},data:{19:{name:19,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\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};\nreturn 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};',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>\n\nexport default function Demo() {\n return (\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 );\n}'},40:{name:40,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\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};\nreturn 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};',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\nexport default function Demo() {\n return (\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 );\n}'},66:{name:66,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nvar colStyl = {\n backgroundColor: \'rgba(230, 230, 230, 0.67)\',\n marginBottom: 10\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};\nreturn 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};',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>\n\nexport default function Demo() {\n return (\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 );\n}'},108:{name:108,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\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};\nreturn 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};',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>\n\nexport default function Demo() {\n return (\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 );\n}"},129:{name:129,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nvar rowStyl = {\n backgroundColor: \'rgba(230, 230, 230, 0.67)\',\n marginBottom: 10\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};\nreturn 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};',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>\n\nexport default function Demo() {\n return (\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 );\n}'},172:{name:172,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r]