npm - @uiw/doc - Versions diffs - 5.0.0-bate-1 → 5.0.0-bate-2 - Mend

@uiw/doc 5.0.0-bate-1 → 5.0.0-bate-2

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 (337) hide show

package/web/static/js/9351.f0f13e4c.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9351],{9351:function(e,t,n){n.r(t),t.default={components:{20:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(968);return function(){return t.default.createElement("div",null,t.default.createElement("div",{style:{paddingBottom:20}},t.default.createElement(r.Avatar,{size:"large",icon:t.default.createElement(r.Icon,{type:"user"})}),t.default.createElement(r.Avatar,{icon:t.default.createElement(r.Icon,{type:"user"})}),t.default.createElement(r.Avatar,{size:"small",icon:t.default.createElement(r.Icon,{type:"user"})}),t.default.createElement(r.Avatar,{size:"mini",icon:t.default.createElement(r.Icon,{type:"user"})})),t.default.createElement("div",null,t.default.createElement(r.Avatar,{shape:"square",size:"large",icon:t.default.createElement(r.Icon,{type:"user"})}),t.default.createElement(r.Avatar,{shape:"square",icon:t.default.createElement(r.Icon,{type:"user"})}),t.default.createElement(r.Avatar,{shape:"square",size:"small",icon:t.default.createElement(r.Icon,{type:"user"})}),t.default.createElement(r.Avatar,{shape:"square",size:"mini",icon:t.default.createElement(r.Icon,{type:"user"})})))}}(),47:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(968);return function(){return t.default.createElement("div",null,t.default.createElement(r.Avatar,{icon:t.default.createElement(r.Icon,{type:"user"})}),t.default.createElement(r.Avatar,null,"U"),t.default.createElement(r.Avatar,{src:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"}),t.default.createElement(r.Avatar,{style:{color:"#f56a00",backgroundColor:"#fde3cf"}},"U"),t.default.createElement(r.Avatar,{style:{backgroundColor:"#87d068"},icon:t.default.createElement(r.Icon,{type:"user"})}))}}(),67:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(968);function a(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var r,a,u=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(u.push(r.value),!t\|\|u.length!==t);o=!0);}catch(i){c=!0,a=i}finally{try{o\|\|null==n.return\|\|n.return()}finally{if(c)throw a}}return u}(e,t)\|\|function(e,t){if(!e)return;if("string"===typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return u(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}return function(){var e=a(t.default.useState("https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4"),2),n=e[0],u=e[1];return t.default.createElement("div",null,t.default.createElement(r.Avatar,{src:"https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4",onError:function(e){return e&&(e.target.src="https://avatars2.githubusercontent.com/u/1680275?s=40&v=4"),!1}}),t.default.createElement(r.Avatar,{src:n,onError:function(e){e&&u("https://avatars2.githubusercontent.com/u/1680275?s=40&v=4")}}))}}(),101:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(968);return function(){return t.default.createElement("div",null,t.default.createElement("span",{style:{marginRight:24}},t.default.createElement(r.Badge,{count:1},t.default.createElement(r.Avatar,{shape:"square",icon:t.default.createElement(r.Icon,{type:"user"})}))),t.default.createElement("span",null,t.default.createElement(r.Badge,{dot:!0},t.default.createElement(r.Avatar,{shape:"square",icon:t.default.createElement(r.Icon,{type:"user"})}))))}}()},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\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement("div", {\n style: {\n paddingBottom: 20\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n size: "large",\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "user"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "user"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n size: "small",\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "user"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n size: "mini",\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "user"\n })\n })), /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n size: "large",\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "user"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "user"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n size: "small",\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "user"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n size: "mini",\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "user"\n })\n })));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Avatar, Icon } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <div style={{ paddingBottom: 20 }}>\n <Avatar size="large" icon={<Icon type="user"/>} />\n <Avatar icon={<Icon type="user"/>} />\n <Avatar size="small" icon={<Icon type="user"/>} />\n <Avatar size="mini" icon={<Icon type="user"/>} />\n </div>\n <div>\n <Avatar shape="square" size="large"icon={<Icon type="user"/>} />\n <Avatar shape="square" icon={<Icon type="user"/>} />\n <Avatar shape="square" size="small" icon={<Icon type="user"/>} />\n <Avatar shape="square" size="mini" icon={<Icon type="user"/>} />\n </div>\n </div>\n}\nexport default Demo'},47:{name:47,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 Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "user"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Avatar, null, "U"), /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n src: "https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"\n }), /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n style: {\n color: \'#f56a00\',\n backgroundColor: \'#fde3cf\'\n }\n }, "U"), /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n style: {\n backgroundColor: \'#87d068\'\n },\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "user"\n })\n }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Avatar, Icon } from 'uiw';\n\nfunction Demo() {\n return <div>\n <Avatar icon={<Icon type=\"user\"/>} />\n <Avatar>U</Avatar>\n <Avatar src=\"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\" />\n <Avatar style={{ color: '#f56a00', backgroundColor: '#fde3cf' }}>U</Avatar>\n <Avatar style={{ backgroundColor: '#87d068' }} icon={<Icon type=\"user\"/>} />\n </div>\n}\nexport default Demo"},67:{name:67,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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar App = function App() {\n var _React$useState = _react["default"].useState(\'https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4\'),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n src = _React$useState2[0],\n setSrc = _React$useState2[1];\n\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n src: "https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4",\n onError: function onError(e) {\n if (e) {\n e.target.src = \'https://avatars2.githubusercontent.com/u/1680275?s=40&v=4\';\n }\n\n return false;\n }\n }), /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n src: src,\n onError: function onError(e) {\n if (e) {\n setSrc(\'https://avatars2.githubusercontent.com/u/1680275?s=40&v=4\');\n }\n }\n }));\n};\n\nreturn App;',language:"jsx",value:"import React from 'react';\nimport { Avatar, Icon } from 'uiw';\n\nconst App = () => {\n const [src, setSrc] = React.useState('https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4')\n return (\n <div>\n <Avatar\n src='https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4'\n onError={(e) => {\n if (e) {\n e.target.src = 'https://avatars2.githubusercontent.com/u/1680275?s=40&v=4'\n }\n return false;\n }}\n />\n <Avatar\n src={src}\n onError={(e) => {\n if (e) {\n setSrc('https://avatars2.githubusercontent.com/u/1680275?s=40&v=4');\n }\n }}\n />\n </div>\n )\n}\n\nexport default App"},101:{name:101,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 Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement("span", {\n style: {\n marginRight: 24\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n count: 1\n }, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "user"\n })\n }))), /#__PURE__/_react["default"].createElement("span", null, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n dot: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "user"\n })\n }))));\n}\n\n;\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Avatar, Badge,Icon } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <span style={{ marginRight: 24 }}>\n <Badge count={1}><Avatar shape="square" icon={<Icon type="user"/>} /></Badge>\n </span>\n <span>\n <Badge dot><Avatar shape="square" icon={<Icon type="user"/>} /></Badge>\n </span>\n </div>\n};\nexport default Demo'}},source:'Avatar \u5934\u50cf\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-avatar/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-avatar.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-avatar)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-avatar.svg?label=@uiw/react-avatar)](https://npmjs.com/@uiw/react-avatar)\n\n\u7528\u6765\u4ee3\u8868\u7528\u6237\u6216\u4e8b\u7269\uff0c\u652f\u6301\u56fe\u7247\u3001\u56fe\u6807\u6216\u5b57\u7b26\u5c55\u793a\u3002\n\n```jsx\nimport { Avatar } from \'uiw\';\n// or\nimport Avatar from \'@uiw/react-avatar\';\n```\n\n## \u57fa\u672c\u7528\u6cd5\n\n\u5934\u50cf\u6709\u56db\u79cd\u5c3a\u5bf8\uff0c\u4e24\u79cd\u5f62\u72b6\u53ef\u9009\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Avatar, Icon } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <div style={{ paddingBottom: 20 }}>\n <Avatar size="large" icon={<Icon type="user"/>} />\n <Avatar icon={<Icon type="user"/>} />\n <Avatar size="small" icon={<Icon type="user"/>} />\n <Avatar size="mini" icon={<Icon type="user"/>} />\n </div>\n <div>\n <Avatar shape="square" size="large"icon={<Icon type="user"/>} />\n <Avatar shape="square" icon={<Icon type="user"/>} />\n <Avatar shape="square" size="small" icon={<Icon type="user"/>} />\n <Avatar shape="square" size="mini" icon={<Icon type="user"/>} />\n </div>\n </div>\n}\nexport default Demo\n```\n\n## \u5176\u5b83\u7c7b\u578b\n\n\u652f\u6301\u4e09\u79cd\u7c7b\u578b\uff1aIcon \u4ee5\u53ca\u5b57\u7b26\uff0c\u5176\u4e2d Icon \u548c\u5b57\u7b26\u578b\u53ef\u4ee5\u81ea\u5b9a\u4e49\u56fe\u6807\u989c\u8272\u53ca\u80cc\u666f\u8272\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Avatar, Icon } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <Avatar icon={<Icon type="user"/>} />\n <Avatar>U</Avatar>\n <Avatar src="https://avatars2.githubusercontent.com/u/1680273?s=40&v=4" />\n <Avatar style={{ color: \'#f56a00\', backgroundColor: \'#fde3cf\' }}>U</Avatar>\n <Avatar style={{ backgroundColor: \'#87d068\' }} icon={<Icon type="user"/>} />\n </div>\n}\nexport default Demo\n```\n\n## \u56fe\u7247\u652f\u6301\n\n\u5728\u7ec4\u4ef6\u4e0a\u4f7f\u7528`onError`\u4e8b\u4ef6\uff0c\u5904\u7406\u663e\u793a\u9519\u8bef\u7684\u56fe\u7247\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Avatar, Icon } from \'uiw\';\n\nconst App = () => {\n const [src, setSrc] = React.useState(\'https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4\')\n return (\n <div>\n <Avatar\n src=\'https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4\'\n onError={(e) => {\n if (e) {\n e.target.src = \'https://avatars2.githubusercontent.com/u/1680275?s=40&v=4\'\n }\n return false;\n }}\n />\n <Avatar\n src={src}\n onError={(e) => {\n if (e) {\n setSrc(\'https://avatars2.githubusercontent.com/u/1680275?s=40&v=4\');\n }\n }}\n />\n </div>\n )\n}\n\nexport default App\n```\n\n## \u5e26\u5fbd\u6807\u7684\u5934\u50cf\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Avatar, Badge,Icon } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <span style={{ marginRight: 24 }}>\n <Badge count={1}><Avatar shape="square" icon={<Icon type="user"/>} /></Badge>\n </span>\n <span>\n <Badge dot><Avatar shape="square" icon={<Icon type="user"/>} /></Badge>\n </span>\n </div>\n};\nexport default Demo\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| icon \| \u8bbe\u7f6e\u5934\u50cf\u7684\u56fe\u6807\u7c7b\u578b\uff0c\u53c2\u8003 Icon \u7ec4\u4ef6 \| ReactNode \| - \|\n\| shape \| \u6307\u5b9a\u5934\u50cf\u7684\u5f62\u72b6 `square` \u6b63\u65b9\u5f62\u6216\u8005 `circle` \u5706 \| Enum{\'`circle`\', \'`square`\' } \| - \|\n\| size \| \u8bbe\u7f6e\u5934\u50cf\u7684\u5927\u5c0f \| Enum{ \'`large`\', \'`small`\',\'`mini`\', \'`default`\' } \| `default` \|\n\| src \| \u56fe\u7247\u7c7b\u5934\u50cf\u7684\u8d44\u6e90\u5730\u5740 \| String \| - \|\n\| alt \| \u89c4\u5b9a\u56fe\u50cf\u7684\u66ff\u4ee3\u6587\u672c \| String \| - \|\n\| onError \| \u56fe\u7247\u52a0\u8f7d\u5931\u8d25\u7684\u4e8b\u4ef6\uff0c\u8fd4\u56de false \u4f1a\u5173\u95ed\u7ec4\u4ef6\u9ed8\u8ba4\u7684 fallback \u884c\u4e3a \| () => boolean \| - \|\n'}}}]);
2	+ //# sourceMappingURL=9351.f0f13e4c.chunk.js.map

package/web/static/js/{9351.27b41270.chunk.js.map → 9351.f0f13e4c.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"static/js/9351.27b41270.chunk.js","mappings":"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","sources":["../../packages/react-avatar/README.md"],"sourcesContent":["\nexport default {\n components: { 20: (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 Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n paddingBottom: 20\n }\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n size: \"large\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n size: \"small\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n size: \"mini\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n })), /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n shape: \"square\",\n size: \"large\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n shape: \"square\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n shape: \"square\",\n size: \"small\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n shape: \"square\",\n size: \"mini\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n })));\n}\n\nreturn Demo; })(),47: (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 Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, null, \"U\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n src: \"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\"\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n style: {\n color: '#f56a00',\n backgroundColor: '#fde3cf'\n }\n }, \"U\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n style: {\n backgroundColor: '#87d068'\n },\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }));\n}\n\nreturn Demo; })(),67: (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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" \|\| n === \"Set\") return Array.from(o); if (n === \"Arguments\" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] \|\| arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar App = function App() {\n var _React$useState = _react[\"default\"].useState('https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4'),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n src = _React$useState2[0],\n setSrc = _React$useState2[1];\n\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n src: \"https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4\",\n onError: function onError(e) {\n if (e) {\n e.target.src = 'https://avatars2.githubusercontent.com/u/1680275?s=40&v=4';\n }\n\n return false;\n }\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n src: src,\n onError: function onError(e) {\n if (e) {\n setSrc('https://avatars2.githubusercontent.com/u/1680275?s=40&v=4');\n }\n }\n }));\n};\n\nreturn App; })(),101: (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 Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(\"span\", {\n style: {\n marginRight: 24\n }\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Badge, {\n count: 1\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n shape: \"square\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }))), /#__PURE__/_react[\"default\"].createElement(\"span\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Badge, {\n dot: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n shape: \"square\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }))));\n}\n\n;\nreturn Demo; })(), },\n data: {\n \"20\": {\n \"name\": 20,\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 Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n paddingBottom: 20\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n size: \\\"large\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n size: \\\"small\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n size: \\\"mini\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n shape: \\\"square\\\",\\n size: \\\"large\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n shape: \\\"square\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n shape: \\\"square\\\",\\n size: \\\"small\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n shape: \\\"square\\\",\\n size: \\\"mini\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n })));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Avatar, Icon } from 'uiw';\\n\\nfunction Demo() {\\n return <div>\\n <div style={{ paddingBottom: 20 }}>\\n <Avatar size=\\\"large\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar size=\\\"small\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar size=\\\"mini\\\" icon={<Icon type=\\\"user\\\"/>} />\\n </div>\\n <div>\\n <Avatar shape=\\\"square\\\" size=\\\"large\\\"icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar shape=\\\"square\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar shape=\\\"square\\\" size=\\\"small\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar shape=\\\"square\\\" size=\\\"mini\\\" icon={<Icon type=\\\"user\\\"/>} />\\n </div>\\n </div>\\n}\\nexport default Demo\"\n },\n \"47\": {\n \"name\": 47,\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 Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, null, \\\"U\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n src: \\\"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\\\"\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n style: {\\n color: '#f56a00',\\n backgroundColor: '#fde3cf'\\n }\\n }, \\\"U\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n style: {\\n backgroundColor: '#87d068'\\n },\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Avatar, Icon } from 'uiw';\\n\\nfunction Demo() {\\n return <div>\\n <Avatar icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar>U</Avatar>\\n <Avatar src=\\\"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\\\" />\\n <Avatar style={{ color: '#f56a00', backgroundColor: '#fde3cf' }}>U</Avatar>\\n <Avatar style={{ backgroundColor: '#87d068' }} icon={<Icon type=\\\"user\\\"/>} />\\n </div>\\n}\\nexport default Demo\"\n },\n \"67\": {\n \"name\": 67,\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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" \|\| n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] \|\| arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nvar App = function App() {\\n var _React$useState = _react[\\\"default\\\"].useState('https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4'),\\n _React$useState2 = _slicedToArray(_React$useState, 2),\\n src = _React$useState2[0],\\n setSrc = _React$useState2[1];\\n\\n return /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n src: \\\"https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4\\\",\\n onError: function onError(e) {\\n if (e) {\\n e.target.src = 'https://avatars2.githubusercontent.com/u/1680275?s=40&v=4';\\n }\\n\\n return false;\\n }\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n src: src,\\n onError: function onError(e) {\\n if (e) {\\n setSrc('https://avatars2.githubusercontent.com/u/1680275?s=40&v=4');\\n }\\n }\\n }));\\n};\\n\\nreturn App;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Avatar, Icon } from 'uiw';\\n\\nconst App = () => {\\n const [src, setSrc] = React.useState('https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4')\\n return (\\n <div>\\n <Avatar\\n src='https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4'\\n onError={(e) => {\\n if (e) {\\n e.target.src = 'https://avatars2.githubusercontent.com/u/1680275?s=40&v=4'\\n }\\n return false;\\n }}\\n />\\n <Avatar\\n src={src}\\n onError={(e) => {\\n if (e) {\\n setSrc('https://avatars2.githubusercontent.com/u/1680275?s=40&v=4');\\n }\\n }}\\n />\\n </div>\\n )\\n}\\n\\nexport default App\"\n },\n \"101\": {\n \"name\": 101,\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 Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", {\\n style: {\\n marginRight: 24\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Badge, {\\n count: 1\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n shape: \\\"square\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }))), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Badge, {\\n dot: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n shape: \\\"square\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }))));\\n}\\n\\n;\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Avatar, Badge,Icon } from 'uiw';\\n\\nfunction Demo() {\\n return <div>\\n <span style={{ marginRight: 24 }}>\\n <Badge count={1}><Avatar shape=\\\"square\\\" icon={<Icon type=\\\"user\\\"/>} /></Badge>\\n </span>\\n <span>\\n <Badge dot><Avatar shape=\\\"square\\\" icon={<Icon type=\\\"user\\\"/>} /></Badge>\\n </span>\\n </div>\\n};\\nexport default Demo\"\n }\n},\n source: \"Avatar 头像\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-avatar/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-avatar.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-avatar)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-avatar.svg?label=@uiw/react-avatar)](https://npmjs.com/@uiw/react-avatar)\\n\\n用来代表用户或事物，支持图片、图标或字符展示。\\n\\n```jsx\\nimport { Avatar } from 'uiw';\\n// or\\nimport Avatar from '@uiw/react-avatar';\\n```\\n\\n## 基本用法\\n\\n头像有四种尺寸，两种形状可选。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Avatar, Icon } from 'uiw';\\n\\nfunction Demo() {\\n return <div>\\n <div style={{ paddingBottom: 20 }}>\\n <Avatar size=\\\"large\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar size=\\\"small\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar size=\\\"mini\\\" icon={<Icon type=\\\"user\\\"/>} />\\n </div>\\n <div>\\n <Avatar shape=\\\"square\\\" size=\\\"large\\\"icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar shape=\\\"square\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar shape=\\\"square\\\" size=\\\"small\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar shape=\\\"square\\\" size=\\\"mini\\\" icon={<Icon type=\\\"user\\\"/>} />\\n </div>\\n </div>\\n}\\nexport default Demo\\n```\\n\\n## 其它类型\\n\\n支持三种类型：Icon 以及字符，其中 Icon 和字符型可以自定义图标颜色及背景色。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Avatar, Icon } from 'uiw';\\n\\nfunction Demo() {\\n return <div>\\n <Avatar icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar>U</Avatar>\\n <Avatar src=\\\"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\\\" />\\n <Avatar style={{ color: '#f56a00', backgroundColor: '#fde3cf' }}>U</Avatar>\\n <Avatar style={{ backgroundColor: '#87d068' }} icon={<Icon type=\\\"user\\\"/>} />\\n </div>\\n}\\nexport default Demo\\n```\\n\\n## 图片支持\\n\\n在组件上使用`onError`事件，处理显示错误的图片。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Avatar, Icon } from 'uiw';\\n\\nconst App = () => {\\n const [src, setSrc] = React.useState('https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4')\\n return (\\n <div>\\n <Avatar\\n src='https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4'\\n onError={(e) => {\\n if (e) {\\n e.target.src = 'https://avatars2.githubusercontent.com/u/1680275?s=40&v=4'\\n }\\n return false;\\n }}\\n />\\n <Avatar\\n src={src}\\n onError={(e) => {\\n if (e) {\\n setSrc('https://avatars2.githubusercontent.com/u/1680275?s=40&v=4');\\n }\\n }}\\n />\\n </div>\\n )\\n}\\n\\nexport default App\\n```\\n\\n## 带徽标的头像\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Avatar, Badge,Icon } from 'uiw';\\n\\nfunction Demo() {\\n return <div>\\n <span style={{ marginRight: 24 }}>\\n <Badge count={1}><Avatar shape=\\\"square\\\" icon={<Icon type=\\\"user\\\"/>} /></Badge>\\n </span>\\n <span>\\n <Badge dot><Avatar shape=\\\"square\\\" icon={<Icon type=\\\"user\\\"/>} /></Badge>\\n </span>\\n </div>\\n};\\nexport default Demo\\n```\\n\\n## Props\\n\\n\| 参数 \| 说明 \| 类型 \| 默认值 \|\\n\|--------- \|-------- \|--------- \|-------- \|\\n\| icon \| 设置头像的图标类型，参考 Icon 组件 \| ReactNode \| - \|\\n\| shape \| 指定头像的形状 `square` 正方形或者 `circle` 圆 \| Enum{'`circle`', '`square`' } \| - \|\\n\| size \| 设置头像的大小 \| Enum{ '`large`', '`small`','`mini`', '`default`' } \| `default` \|\\n\| src \| 图片类头像的资源地址 \| String \| - \|\\n\| alt \| 规定图像的替代文本 \| String \| - \|\\n\| onError \| 图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为 \| () => boolean \| - \|\\n\"\n }"],"names":["components","obj","_react","__esModule","_uiw","createElement","style","paddingBottom","Avatar","size","icon","Icon","type","shape","src","color","backgroundColor","_slicedToArray","arr","i","Array","isArray","_arrayWithHoles","_i","Symbol","iterator","_s","_e","_arr","_n","_d","call","next","done","push","value","length","err","_iterableToArrayLimit","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","slice","constructor","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","len","arr2","_React$useState2","useState","setSrc","onError","e","target","marginRight","Badge","count","dot","data","source"],"sourceRoot":""}
1	+ {"version":3,"file":"static/js/9351.f0f13e4c.chunk.js","mappings":"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","sources":["../../packages/react-avatar/README.md"],"sourcesContent":["\nexport default {\n components: { 20: (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 Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n paddingBottom: 20\n }\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n size: \"large\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n size: \"small\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n size: \"mini\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n })), /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n shape: \"square\",\n size: \"large\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n shape: \"square\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n shape: \"square\",\n size: \"small\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n shape: \"square\",\n size: \"mini\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n })));\n}\n\nreturn Demo; })(),47: (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 Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, null, \"U\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n src: \"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\"\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n style: {\n color: '#f56a00',\n backgroundColor: '#fde3cf'\n }\n }, \"U\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n style: {\n backgroundColor: '#87d068'\n },\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }));\n}\n\nreturn Demo; })(),67: (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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" \|\| n === \"Set\") return Array.from(o); if (n === \"Arguments\" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] \|\| arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar App = function App() {\n var _React$useState = _react[\"default\"].useState('https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4'),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n src = _React$useState2[0],\n setSrc = _React$useState2[1];\n\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n src: \"https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4\",\n onError: function onError(e) {\n if (e) {\n e.target.src = 'https://avatars2.githubusercontent.com/u/1680275?s=40&v=4';\n }\n\n return false;\n }\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n src: src,\n onError: function onError(e) {\n if (e) {\n setSrc('https://avatars2.githubusercontent.com/u/1680275?s=40&v=4');\n }\n }\n }));\n};\n\nreturn App; })(),101: (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 Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(\"span\", {\n style: {\n marginRight: 24\n }\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Badge, {\n count: 1\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n shape: \"square\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }))), /#__PURE__/_react[\"default\"].createElement(\"span\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Badge, {\n dot: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Avatar, {\n shape: \"square\",\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"user\"\n })\n }))));\n}\n\n;\nreturn Demo; })(), },\n data: {\n \"20\": {\n \"name\": 20,\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 Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n paddingBottom: 20\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n size: \\\"large\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n size: \\\"small\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n size: \\\"mini\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n shape: \\\"square\\\",\\n size: \\\"large\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n shape: \\\"square\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n shape: \\\"square\\\",\\n size: \\\"small\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n shape: \\\"square\\\",\\n size: \\\"mini\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n })));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Avatar, Icon } from 'uiw';\\n\\nfunction Demo() {\\n return <div>\\n <div style={{ paddingBottom: 20 }}>\\n <Avatar size=\\\"large\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar size=\\\"small\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar size=\\\"mini\\\" icon={<Icon type=\\\"user\\\"/>} />\\n </div>\\n <div>\\n <Avatar shape=\\\"square\\\" size=\\\"large\\\"icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar shape=\\\"square\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar shape=\\\"square\\\" size=\\\"small\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar shape=\\\"square\\\" size=\\\"mini\\\" icon={<Icon type=\\\"user\\\"/>} />\\n </div>\\n </div>\\n}\\nexport default Demo\"\n },\n \"47\": {\n \"name\": 47,\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 Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, null, \\\"U\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n src: \\\"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\\\"\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n style: {\\n color: '#f56a00',\\n backgroundColor: '#fde3cf'\\n }\\n }, \\\"U\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n style: {\\n backgroundColor: '#87d068'\\n },\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Avatar, Icon } from 'uiw';\\n\\nfunction Demo() {\\n return <div>\\n <Avatar icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar>U</Avatar>\\n <Avatar src=\\\"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\\\" />\\n <Avatar style={{ color: '#f56a00', backgroundColor: '#fde3cf' }}>U</Avatar>\\n <Avatar style={{ backgroundColor: '#87d068' }} icon={<Icon type=\\\"user\\\"/>} />\\n </div>\\n}\\nexport default Demo\"\n },\n \"67\": {\n \"name\": 67,\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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" \|\| n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] \|\| arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nvar App = function App() {\\n var _React$useState = _react[\\\"default\\\"].useState('https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4'),\\n _React$useState2 = _slicedToArray(_React$useState, 2),\\n src = _React$useState2[0],\\n setSrc = _React$useState2[1];\\n\\n return /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n src: \\\"https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4\\\",\\n onError: function onError(e) {\\n if (e) {\\n e.target.src = 'https://avatars2.githubusercontent.com/u/1680275?s=40&v=4';\\n }\\n\\n return false;\\n }\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n src: src,\\n onError: function onError(e) {\\n if (e) {\\n setSrc('https://avatars2.githubusercontent.com/u/1680275?s=40&v=4');\\n }\\n }\\n }));\\n};\\n\\nreturn App;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Avatar, Icon } from 'uiw';\\n\\nconst App = () => {\\n const [src, setSrc] = React.useState('https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4')\\n return (\\n <div>\\n <Avatar\\n src='https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4'\\n onError={(e) => {\\n if (e) {\\n e.target.src = 'https://avatars2.githubusercontent.com/u/1680275?s=40&v=4'\\n }\\n return false;\\n }}\\n />\\n <Avatar\\n src={src}\\n onError={(e) => {\\n if (e) {\\n setSrc('https://avatars2.githubusercontent.com/u/1680275?s=40&v=4');\\n }\\n }}\\n />\\n </div>\\n )\\n}\\n\\nexport default App\"\n },\n \"101\": {\n \"name\": 101,\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 Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", {\\n style: {\\n marginRight: 24\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Badge, {\\n count: 1\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n shape: \\\"square\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }))), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Badge, {\\n dot: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Avatar, {\\n shape: \\\"square\\\",\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"user\\\"\\n })\\n }))));\\n}\\n\\n;\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Avatar, Badge,Icon } from 'uiw';\\n\\nfunction Demo() {\\n return <div>\\n <span style={{ marginRight: 24 }}>\\n <Badge count={1}><Avatar shape=\\\"square\\\" icon={<Icon type=\\\"user\\\"/>} /></Badge>\\n </span>\\n <span>\\n <Badge dot><Avatar shape=\\\"square\\\" icon={<Icon type=\\\"user\\\"/>} /></Badge>\\n </span>\\n </div>\\n};\\nexport default Demo\"\n }\n},\n source: \"Avatar 头像\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-avatar/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-avatar.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-avatar)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-avatar.svg?label=@uiw/react-avatar)](https://npmjs.com/@uiw/react-avatar)\\n\\n用来代表用户或事物，支持图片、图标或字符展示。\\n\\n```jsx\\nimport { Avatar } from 'uiw';\\n// or\\nimport Avatar from '@uiw/react-avatar';\\n```\\n\\n## 基本用法\\n\\n头像有四种尺寸，两种形状可选。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Avatar, Icon } from 'uiw';\\n\\nfunction Demo() {\\n return <div>\\n <div style={{ paddingBottom: 20 }}>\\n <Avatar size=\\\"large\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar size=\\\"small\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar size=\\\"mini\\\" icon={<Icon type=\\\"user\\\"/>} />\\n </div>\\n <div>\\n <Avatar shape=\\\"square\\\" size=\\\"large\\\"icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar shape=\\\"square\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar shape=\\\"square\\\" size=\\\"small\\\" icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar shape=\\\"square\\\" size=\\\"mini\\\" icon={<Icon type=\\\"user\\\"/>} />\\n </div>\\n </div>\\n}\\nexport default Demo\\n```\\n\\n## 其它类型\\n\\n支持三种类型：Icon 以及字符，其中 Icon 和字符型可以自定义图标颜色及背景色。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Avatar, Icon } from 'uiw';\\n\\nfunction Demo() {\\n return <div>\\n <Avatar icon={<Icon type=\\\"user\\\"/>} />\\n <Avatar>U</Avatar>\\n <Avatar src=\\\"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\\\" />\\n <Avatar style={{ color: '#f56a00', backgroundColor: '#fde3cf' }}>U</Avatar>\\n <Avatar style={{ backgroundColor: '#87d068' }} icon={<Icon type=\\\"user\\\"/>} />\\n </div>\\n}\\nexport default Demo\\n```\\n\\n## 图片支持\\n\\n在组件上使用`onError`事件，处理显示错误的图片。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Avatar, Icon } from 'uiw';\\n\\nconst App = () => {\\n const [src, setSrc] = React.useState('https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4')\\n return (\\n <div>\\n <Avatar\\n src='https://avatars2.githubusercontent.com/ua/1680273?s=40&v=4'\\n onError={(e) => {\\n if (e) {\\n e.target.src = 'https://avatars2.githubusercontent.com/u/1680275?s=40&v=4'\\n }\\n return false;\\n }}\\n />\\n <Avatar\\n src={src}\\n onError={(e) => {\\n if (e) {\\n setSrc('https://avatars2.githubusercontent.com/u/1680275?s=40&v=4');\\n }\\n }}\\n />\\n </div>\\n )\\n}\\n\\nexport default App\\n```\\n\\n## 带徽标的头像\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Avatar, Badge,Icon } from 'uiw';\\n\\nfunction Demo() {\\n return <div>\\n <span style={{ marginRight: 24 }}>\\n <Badge count={1}><Avatar shape=\\\"square\\\" icon={<Icon type=\\\"user\\\"/>} /></Badge>\\n </span>\\n <span>\\n <Badge dot><Avatar shape=\\\"square\\\" icon={<Icon type=\\\"user\\\"/>} /></Badge>\\n </span>\\n </div>\\n};\\nexport default Demo\\n```\\n\\n## Props\\n\\n\| 参数 \| 说明 \| 类型 \| 默认值 \|\\n\|--------- \|-------- \|--------- \|-------- \|\\n\| icon \| 设置头像的图标类型，参考 Icon 组件 \| ReactNode \| - \|\\n\| shape \| 指定头像的形状 `square` 正方形或者 `circle` 圆 \| Enum{'`circle`', '`square`' } \| - \|\\n\| size \| 设置头像的大小 \| Enum{ '`large`', '`small`','`mini`', '`default`' } \| `default` \|\\n\| src \| 图片类头像的资源地址 \| String \| - \|\\n\| alt \| 规定图像的替代文本 \| String \| - \|\\n\| onError \| 图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为 \| () => boolean \| - \|\\n\"\n }"],"names":["components","obj","_react","__esModule","_uiw","createElement","style","paddingBottom","Avatar","size","icon","Icon","type","shape","src","color","backgroundColor","_slicedToArray","arr","i","Array","isArray","_arrayWithHoles","_i","Symbol","iterator","_s","_e","_arr","_n","_d","call","next","done","push","value","length","err","_iterableToArrayLimit","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","slice","constructor","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","len","arr2","_React$useState2","useState","setSrc","onError","e","target","marginRight","Badge","count","dot","data","source"],"sourceRoot":""}

package/web/static/js/9375.a35e41ad.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9375],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return y}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),s=n(6796),a=n(6135),d=n.n(a),l=n(2029),u=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t\|\|[]).join("\|");return e.replace(/import([\s\S]?)(?=['"])['"].['"]( ;\|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/* ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,c=(0,o.Z)(e,f),a=(0,r.Z)({},c),m=(0,u.useRef)(null),x=[];if(n){var v={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text\|\|"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};x.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},v),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var g={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}};x.push((0,p.jsx)(l.Z,(0,r.Z)((0,r.Z)({},g),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(s.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(u.Fragment,{children:x})}))}var x=n(968),v=n(2251);function g(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,v.$)(),r=n.t,o=/^http/.test(t\|\|"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(u.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var j="index_docinfo__3Vx8S",k="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function y(e){var t=e.renderPage,n=e.path,s=(0,b.Z)(t),a=s.mdData,d=s.loading,l=c.i8\|\|"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(x.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:k,components:{code:function(e){var t,n=e.inline,i=e.node,c=(0,o.Z)(e,Z),s=c["data-meta"],d=(c.noPreview,c.noScroll,c.bgWhite,c.noCode),u=(c.codePen,c.codeSandboxOption,c.codeSandbox,c.bordered,(0,o.Z)(c,_));if(n\|\|!(0,w.pN)(s))return(0,p.jsx)("code",(0,r.Z)({},u));var f=null===(t=i.position)\|\|void 0===t?void 0:t.start.line,h=(0,w.Mx)(s)\|\|String(f),x=a.components["".concat(h)],v=(0,w.aE)(s);if(h&&"function"===typeof x){var g=a.data[h].value\|\|"";return(0,p.jsx)(m,{toolbar:v.title\|\|"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:v.codePen,codeSandbox:v.codeSandbox,disableCheckered:!!v.disableCheckered,background:v.background,version:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:g,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(0,p.jsx)("div",{className:j,children:(0,p.jsx)(g,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),c=n(8133),s=n(2251),a=n(3208),d=function(){var e=(0,s.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,c.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),s=n[0],a=n[1],l=d(),u=(0,c.useState)(!1),p=(0,i.Z)(u,2),f=p[0],h=p[1];return(0,c.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(l);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[l]),{mdData:s,loading:f}}},2200:function(e,t,n){"use strict";n.r(t);var r=n(1092),o=n(7791),i=(n(8133),n(968)),c=n(270),s=n(9265);t.default=function(){return(0,s.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-rate/README.md",dependencies:{Rate:i.Rate,Radio:i.Radio,RadioGroup:i.RadioGroup,Icon:i.Icon,Divider:i.Divider,Form:i.Form,Row:i.Row,Col:i.Col,Button:i.Button,Notify:i.Notify},renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(5852).then(n.bind(n,5852));case 2:return t=e.sent,e.abrupt("return",t.default\|\|t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=9375.a35e41ad.chunk.js.map

package/web/static/js/{9375.70bc0340.chunk.js.map → 9375.a35e41ad.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"static/js/9375.70bc0340.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone\|sync\|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/rate/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n version: string;\n codePen?: boolean \| string;\n codeSandbox?: boolean \| string;\n noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n let include = (includeModule \|\| []).join('\|');\n let resultJs = js.replace(/import([\\s\\S]?)(?=['\"])['\"].['\"]( ;\|;)?/gm, (str) => {\n // eslint-disable-next-line no-useless-escape\n if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n return str;\n }\n return `/* ${str} /`;\n });\n return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n const $dom = useRef<HTMLDivElement>(null);\n\n // useLayoutEffect(() => {\n // if ($dom.current) {\n // const parentElement = $dom.current.parentElement;\n // if (parentElement && parentElement.parentElement) {\n // parentElement.parentElement.replaceChild($dom.current, parentElement);\n // }\n // }\n // }, [$dom]);\n let toolbarExtra: React.ReactNode[] = [];\n if (codePen) {\n const codePenOptions = {\n title: `uiw${version} - demo`,\n js: `${getCodePenJs(props.text \|\| '', ['uiw']).replace(\n 'export default',\n 'const APP_Default = ',\n )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n toolbarExtra.push(\n <Codepen key=\"Codepen\" {...codePenOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n p-id=\"2071\"\n ></path>\n </svg>\n </Codepen>,\n );\n }\n if (codeSandbox) {\n const codeSandboxOptions = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/app.js': {\n content: props.text,\n },\n 'src/index.js': {\n content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n },\n // 'src/index.js': {\n // content: (props.copyNodes \|\| '').replace('_mount_', 'document.getElementById(\"container\")'),\n // },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '18.1.0',\n 'react-dom': '18.1.0',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n toolbarExtra.push(\n <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n p-id=\"4089\"\n ></path>\n </svg>\n </Codesandbox>,\n );\n }\n return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const { t: trans } = useTranslation();\n const url = /^http/.test(path \|\| '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n return (\n <Fragment>\n {trans('footer.greeting')}\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.greetLinkText')}\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.issues')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n {trans('footer.bug')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n {trans('footer.github')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n {trans('footer.kkt')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n {trans('footer.kkt_ssr')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n {trans('footer.io')}\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, path } = props;\n const { mdData, loading } = useMdData(renderPage);\n const version = pkg.version \|\| '2.0.0';\n if (!mdData.source) {\n return null;\n }\n\n return (\n <div>\n <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n <div>\n <MarkdownPreview\n source={mdData.source}\n className={styles.markdown}\n components={{\n /\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const {\n 'data-meta': meta,\n noPreview,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandboxOption,\n codeSandbox,\n bordered,\n ...rest\n } = props as any;\n if (inline \|\| !isMeta(meta)) {\n return <code {...rest} />;\n }\n const line = node.position?.start.line;\n const metaId = getMetaId(meta) \|\| String(line);\n const Child = mdData.components[`${metaId}`];\n const parameters = getURLParameters(meta);\n if (metaId && typeof Child === 'function') {\n const copyNodes = mdData.data[metaId].value \|\| '';\n return (\n <Code\n toolbar={parameters.title \|\| '示例展示'}\n disableToolbar={noCode}\n codePen={parameters.codePen}\n codeSandbox={parameters.codeSandbox}\n disableCheckered={!!parameters.disableCheckered}\n background={parameters.background}\n version={version}\n code={\n <pre>\n <code {...rest} />\n </pre>\n }\n text={copyNodes}\n >\n <Child />\n </Code>\n );\n }\n return <code {...rest} />;\n },\n }}\n />\n </div>\n </Loader>\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n const { i18n } = useTranslation();\n const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n const [mdData, setMdData] = useState<CodeBlockData>({\n source: '',\n components: {},\n data: {},\n });\n const fileSuffix = useFileSuffix();\n const [loading, setLoading] = useState(false);\n useEffect(() => {\n const getMd = async () => {\n if (renderPage) {\n setLoading(() => true);\n try {\n const result = await renderPage(fileSuffix);\n if (result) {\n setMdData(result);\n }\n } catch (err) {\n console.warn(err);\n }\n setLoading(() => false);\n }\n };\n getMd();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [fileSuffix]);\n return { mdData, loading };\n};\n\nexport default useMdData;\n","import React from 'react';\nimport { Rate, Radio, RadioGroup, Icon, Divider, Form, Row, Col, Button, Notify } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-rate/README.md\"\n dependencies={{\n Rate,\n Radio,\n RadioGroup,\n Icon,\n Divider,\n Form,\n Row,\n Col,\n Button,\n Notify,\n }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-rate/README.md');\n return md.default \|\| md;\n }}\n />\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Rate","Radio","RadioGroup","Icon","Form","Row","Col","Button","Notify","md","default"],"sourceRoot":""}
1	+ {"version":3,"file":"static/js/9375.a35e41ad.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone\|sync\|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/rate/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n version: string;\n codePen?: boolean \| string;\n codeSandbox?: boolean \| string;\n noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n let include = (includeModule \|\| []).join('\|');\n let resultJs = js.replace(/import([\\s\\S]?)(?=['\"])['\"].['\"]( ;\|;)?/gm, (str) => {\n // eslint-disable-next-line no-useless-escape\n if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n return str;\n }\n return `/* ${str} /`;\n });\n return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n const $dom = useRef<HTMLDivElement>(null);\n\n // useLayoutEffect(() => {\n // if ($dom.current) {\n // const parentElement = $dom.current.parentElement;\n // if (parentElement && parentElement.parentElement) {\n // parentElement.parentElement.replaceChild($dom.current, parentElement);\n // }\n // }\n // }, [$dom]);\n let toolbarExtra: React.ReactNode[] = [];\n if (codePen) {\n const codePenOptions = {\n title: `uiw${version} - demo`,\n js: `${getCodePenJs(props.text \|\| '', ['uiw']).replace(\n 'export default',\n 'const APP_Default = ',\n )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n toolbarExtra.push(\n <Codepen key=\"Codepen\" {...codePenOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n p-id=\"2071\"\n ></path>\n </svg>\n </Codepen>,\n );\n }\n if (codeSandbox) {\n const codeSandboxOptions = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/app.js': {\n content: props.text,\n },\n 'src/index.js': {\n content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n },\n // 'src/index.js': {\n // content: (props.copyNodes \|\| '').replace('_mount_', 'document.getElementById(\"container\")'),\n // },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '18.1.0',\n 'react-dom': '18.1.0',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n toolbarExtra.push(\n <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n p-id=\"4089\"\n ></path>\n </svg>\n </Codesandbox>,\n );\n }\n return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const { t: trans } = useTranslation();\n const url = /^http/.test(path \|\| '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n return (\n <Fragment>\n {trans('footer.greeting')}\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.greetLinkText')}\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.issues')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n {trans('footer.bug')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n {trans('footer.github')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n {trans('footer.kkt')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n {trans('footer.kkt_ssr')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n {trans('footer.io')}\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, path } = props;\n const { mdData, loading } = useMdData(renderPage);\n const version = pkg.version \|\| '2.0.0';\n if (!mdData.source) {\n return null;\n }\n\n return (\n <div>\n <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n <div>\n <MarkdownPreview\n source={mdData.source}\n className={styles.markdown}\n components={{\n /\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const {\n 'data-meta': meta,\n noPreview,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandboxOption,\n codeSandbox,\n bordered,\n ...rest\n } = props as any;\n if (inline \|\| !isMeta(meta)) {\n return <code {...rest} />;\n }\n const line = node.position?.start.line;\n const metaId = getMetaId(meta) \|\| String(line);\n const Child = mdData.components[`${metaId}`];\n const parameters = getURLParameters(meta);\n if (metaId && typeof Child === 'function') {\n const copyNodes = mdData.data[metaId].value \|\| '';\n return (\n <Code\n toolbar={parameters.title \|\| '示例展示'}\n disableToolbar={noCode}\n codePen={parameters.codePen}\n codeSandbox={parameters.codeSandbox}\n disableCheckered={!!parameters.disableCheckered}\n background={parameters.background}\n version={version}\n code={\n <pre>\n <code {...rest} />\n </pre>\n }\n text={copyNodes}\n >\n <Child />\n </Code>\n );\n }\n return <code {...rest} />;\n },\n }}\n />\n </div>\n </Loader>\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n const { i18n } = useTranslation();\n const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n const [mdData, setMdData] = useState<CodeBlockData>({\n source: '',\n components: {},\n data: {},\n });\n const fileSuffix = useFileSuffix();\n const [loading, setLoading] = useState(false);\n useEffect(() => {\n const getMd = async () => {\n if (renderPage) {\n setLoading(() => true);\n try {\n const result = await renderPage(fileSuffix);\n if (result) {\n setMdData(result);\n }\n } catch (err) {\n console.warn(err);\n }\n setLoading(() => false);\n }\n };\n getMd();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [fileSuffix]);\n return { mdData, loading };\n};\n\nexport default useMdData;\n","import React from 'react';\nimport { Rate, Radio, RadioGroup, Icon, Divider, Form, Row, Col, Button, Notify } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-rate/README.md\"\n dependencies={{\n Rate,\n Radio,\n RadioGroup,\n Icon,\n Divider,\n Form,\n Row,\n Col,\n Button,\n Notify,\n }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-rate/README.md');\n return md.default \|\| md;\n }}\n />\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Rate","Radio","RadioGroup","Icon","Form","Row","Col","Button","Notify","md","default"],"sourceRoot":""}

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