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/1892.dce494f3.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[1892],{1892:function(e,n,t){t.r(n),n.default={components:{18:function(){function e(n){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(n)}var n,r=(n=t(8133))&&n.__esModule?n:{default:n},o=t(2814);function u(e,n){if(t=e,!(null!=(r=n)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](t):t instanceof r))throw new TypeError("Cannot call a class as a function");var t,r}function a(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function l(e,n){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},l(e,n)}function i(e){var n=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,r=d(e);if(n){var o=d(this).constructor;t=Reflect.construct(r,arguments,o)}else t=r.apply(this,arguments);return c(this,t)}}function c(n,t){if(t&&("object"===e(t)\|\|"function"===typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(n)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},d(e)}var p=r.default.createElement("div",null,r.default.createElement(o.Menu,{bordered:!0,style:{minWidth:120}},r.default.createElement(o.Menu.Item,{icon:"reload",text:"\u91cd\u65b0\u52a0\u8f7d"}),r.default.createElement(o.Menu.Item,{icon:"heart-on",text:"\u53e6\u5b58\u4e3a",active:!0}),r.default.createElement(o.Menu.Item,{icon:"appstore",text:"\u5e94\u7528\u5546\u57ce"}),r.default.createElement(o.Menu.Item,{icon:"bar-chart",text:"\u6708\u7edf\u8ba1\u62a5\u8868"}),r.default.createElement(o.Menu.Item,{icon:"setting",text:"\u504f\u597d\u8bbe\u7f6e"}))),m=function(e){!function(e,n){if("function"!==typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),n&&l(e,n)}(m,e);var n,t,c,d=i(m);function m(){return u(this,m),d.apply(this,arguments)}return n=m,(t=[{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(o.Dropdown,{menu:p},r.default.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"\u9f20\u6807\u7ecf\u8fc7\u51fa\u73b0\u83dc\u5355 ",r.default.createElement(o.Icon,{type:"down"}))),r.default.createElement(o.Dropdown,{trigger:"click",menu:p},r.default.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"\u70b9\u51fb\u6211\u51fa\u73b0\u4e0b\u62c9\u83dc\u5355 ",r.default.createElement(o.Icon,{type:"down"}))))}}])&&a(n.prototype,t),c&&a(n,c),Object.defineProperty(n,"prototype",{writable:!1}),m}(r.default.Component);return m}(),57:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);var o=n.default.createElement("div",null,n.default.createElement(r.Menu,{bordered:!0,style:{maxWidth:200}},n.default.createElement(r.Menu.Item,{icon:"reload",text:"\u91cd\u65b0\u52a0\u8f7d"}),n.default.createElement(r.Menu.Divider,null),n.default.createElement(r.Menu.Item,{icon:"heart-on",text:"\u53e6\u5b58\u4e3a",active:!0}),n.default.createElement(r.Menu.Item,{icon:"appstore",text:"\u5e94\u7528\u5546\u57ce"}),n.default.createElement(r.Menu.Item,{icon:"bar-chart",text:"\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa"}),n.default.createElement(r.Menu.Item,{icon:"setting",text:"\u504f\u597d\u8bbe\u7f6e"})));return function(){return n.default.createElement("div",null,n.default.createElement(r.ButtonGroup,{style:{marginRight:5,display:"inline-block"}},n.default.createElement(r.Button,{disabled:!0,icon:"copy"},"\u70b9\u51fb\u53f3\u8fb9"),n.default.createElement(r.Dropdown,{disabled:!0,trigger:"click",placement:"bottomRight",menu:o},n.default.createElement(r.Button,{icon:"more"}))),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{basic:!0,type:"link"}," (\u8d85\u8fde\u63a5\u6837\u5f0f)link ")),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{type:"primary"},"\u4e3b\u8981\u6309\u94ae")),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{type:"success"},"\u6210\u529f\u6309\u94ae")),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{type:"warning"},"\u8b66\u544a\u6309\u94ae")),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{type:"danger"},"\u9519\u8bef\u6309\u94ae")),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{type:"light"},"\u4eae\u6309\u94ae")),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{type:"dark"},"\u6697\u6309\u94ae")))}}(),110:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);var o=n.default.createElement("div",null,n.default.createElement(r.Menu,{bordered:!0,style:{maxWidth:200}},n.default.createElement(r.Menu.Item,{icon:"reload",text:"\u91cd\u65b0\u52a0\u8f7d"}),n.default.createElement(r.Menu.Divider,null),n.default.createElement(r.Menu.Item,{icon:"heart-on",text:"\u53e6\u5b58\u4e3a",active:!0}),n.default.createElement(r.Menu.Item,{icon:"appstore",text:"\u5e94\u7528\u5546\u57ce"}),n.default.createElement(r.Menu.Item,{icon:"bar-chart",text:"\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa"}),n.default.createElement(r.Menu.Item,{icon:"setting",text:"\u504f\u597d\u8bbe\u7f6e"})));return function(){return n.default.createElement("div",null,n.default.createElement(r.ButtonGroup,{style:{marginRight:5,display:"inline-block"}},n.default.createElement(r.Button,{icon:"copy"},"top"),n.default.createElement(r.Dropdown,{trigger:"click",placement:"top",menu:o},n.default.createElement(r.Button,{icon:"more"}))),n.default.createElement(r.Dropdown,{menu:o,trigger:"click",placement:"topLeft"},n.default.createElement(r.Button,{type:"primary"},"topLeft")),n.default.createElement(r.Dropdown,{menu:o,trigger:"click",placement:"topRight"},n.default.createElement(r.Button,{type:"success"},"topRight")),n.default.createElement(r.Divider,null),n.default.createElement(r.Dropdown,{menu:o,trigger:"click",placement:"bottomRight"},n.default.createElement(r.Button,{type:"light"},"bottomRight")),n.default.createElement(r.Dropdown,{menu:o,trigger:"click",placement:"bottom"},n.default.createElement(r.Button,{type:"warning"},"bottom")),n.default.createElement(r.Dropdown,{menu:o,trigger:"click",placement:"bottomLeft"},n.default.createElement(r.Button,{type:"danger"},"bottomLeft")),n.default.createElement(r.Dropdown,{menu:o,trigger:"click",placement:"right"},n.default.createElement(r.Button,{type:"dark"},"right")))}}(),160:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function o(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==t)return;var r,o,u=[],a=!0,l=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(u.push(r.value),!n\|\|u.length!==n);a=!0);}catch(i){l=!0,o=i}finally{try{a\|\|null==t.return\|\|t.return()}finally{if(l)throw o}}return u}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t\|\|"Set"===t)return Array.from(e);if("Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t))return u(e,n)}(e,n)\|\|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,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function a(e){var t=e.option,u=e.onChange,a=o(n.default.useState(!1),2),l=a[0],i=a[1],c=o(n.default.useState(e.value),2),d=c[0],p=c[1],m=t.find((function(e){return d===e.value}));return n.default.useEffect((function(){e.value!==d&&p(e.value)}),[e.value]),n.default.createElement(r.Dropdown,{trigger:"click",onVisibleChange:function(e){return i(e)},isOpen:l,menu:n.default.createElement("div",null,n.default.createElement(r.Menu,{bordered:!0,style:{minWidth:120}},t.map((function(e,t){var o=d===e.value;return n.default.createElement(r.Menu.Item,{key:t,active:o,text:e.label,onClick:function(n){p(e.value),i(!1),u&&u(e.value,n)}})}))))},n.default.createElement(r.Button,{type:"link"},m.label,n.default.createElement(r.Icon,{type:l?"up":"down"})))}var l=[{label:"\u5f80\u8fd4",value:1},{label:"\u5355\u7a0b",value:2},{label:"\u8054\u7a0b",value:3},{label:"Nomad",value:4}],i=[{label:"\u7ecf\u6d4e\u8231",value:1},{label:"\u8c6a\u534e\u7ecf\u6d4e\u8231",value:2},{label:"\u5546\u52a1\u8231",value:3},{label:"\u5934\u7b49\u8231",value:4}];return function(){return n.default.createElement("div",null,n.default.createElement(a,{option:l,value:1,onChange:function(e){console.log("item",e)}}),n.default.createElement(a,{option:i,value:2,onChange:function(e){console.log("item",e)}}))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" \|\| !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar menu = /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Menu, {\n bordered: true,\n style: {\n minWidth: 120\n }\n}, /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "reload",\n text: "\\u91CD\\u65B0\\u52A0\\u8F7D"\n}), /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "heart-on",\n text: "\\u53E6\\u5B58\\u4E3A",\n active: true\n}), /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "appstore",\n text: "\\u5E94\\u7528\\u5546\\u57CE"\n}), /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "bar-chart",\n text: "\\u6708\\u7EDF\\u8BA1\\u62A5\\u8868"\n}), /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "setting",\n text: "\\u504F\\u597D\\u8BBE\\u7F6E"\n})));\n\nvar Demo = /#__PURE__/function (_React$Component) {\n _inherits(Demo, _React$Component);\n\n var _super = _createSuper(Demo);\n\n function Demo() {\n _classCallCheck(this, Demo);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(Demo, [{\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n menu: menu\n }, /#__PURE__/_react["default"].createElement("a", {\n href: "#",\n onClick: function onClick(e) {\n return e.preventDefault();\n }\n }, "\\u9F20\\u6807\\u7ECF\\u8FC7\\u51FA\\u73B0\\u83DC\\u5355 ", /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "down"\n }))), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n trigger: "click",\n menu: menu\n }, /#__PURE__/_react["default"].createElement("a", {\n href: "#",\n onClick: function onClick(e) {\n return e.preventDefault();\n }\n }, "\\u70B9\\u51FB\\u6211\\u51FA\\u73B0\\u4E0B\\u62C9\\u83DC\\u5355 ", /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "down"\n }))));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Dropdown, Menu, ButtonGroup, Button, Divider, Icon } from \'uiw\';\n\nconst menu = (\n <div>\n <Menu bordered style={{ minWidth: 120 }}>\n <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868" />\n <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n </Menu>\n </div>\n);\n\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Dropdown menu={menu}>\n <a href=\'#\' onClick={e => e.preventDefault()}>\n \u9f20\u6807\u7ecf\u8fc7\u51fa\u73b0\u83dc\u5355 <Icon type="down" />\n </a>\n </Dropdown>\n <Dropdown trigger="click" menu={menu}>\n <a href=\'#\' onClick={e => e.preventDefault()}>\n \u70b9\u51fb\u6211\u51fa\u73b0\u4e0b\u62c9\u83dc\u5355 <Icon type="down" />\n </a>\n </Dropdown>\n </div>\n )\n }\n}\nexport default Demo'},57:{name:57,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar menu = /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Menu, {\n bordered: true,\n style: {\n maxWidth: 200\n }\n}, /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "reload",\n text: "\\u91CD\\u65B0\\u52A0\\u8F7D"\n}), /#__PURE__/_react["default"].createElement(_uiw.Menu.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "heart-on",\n text: "\\u53E6\\u5B58\\u4E3A",\n active: true\n}), /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "appstore",\n text: "\\u5E94\\u7528\\u5546\\u57CE"\n}), /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "bar-chart",\n text: "\\u6708\\u7EDF\\u8BA1\\u62A5\\u8868\\u5BFC\\u51FA"\n}), /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "setting",\n text: "\\u504F\\u597D\\u8BBE\\u7F6E"\n})));\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginRight: 5,\n display: \'inline-block\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: "copy"\n }, "\\u70B9\\u51FB\\u53F3\\u8FB9"), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n disabled: true,\n trigger: "click",\n placement: "bottomRight",\n menu: menu\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: "more"\n }))), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n disabled: true,\n menu: menu\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "link"\n }, " (\\u8D85\\u8FDE\\u63A5\\u6837\\u5F0F)link ")), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n disabled: true,\n menu: menu\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n disabled: true,\n menu: menu\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n disabled: true,\n menu: menu\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n disabled: true,\n menu: menu\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n disabled: true,\n menu: menu\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n disabled: true,\n menu: menu\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "dark"\n }, "\\u6697\\u6309\\u94AE")));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Dropdown, Menu, ButtonGroup, Button } from \'uiw\';\n\nconst menu = (\n <div>\n <Menu bordered style={{ maxWidth: 200 }}>\n <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n <Menu.Divider />\n <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa" />\n <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n </Menu>\n </div>\n);\n\nfunction Demo() {\n return <div>\n <ButtonGroup style={{ marginRight: 5, display: \'inline-block\' }}>\n <Button disabled icon="copy">\u70b9\u51fb\u53f3\u8fb9</Button>\n <Dropdown disabled trigger="click" placement="bottomRight" menu={menu}>\n <Button icon="more" />\n </Dropdown>\n </ButtonGroup>\n <Dropdown disabled menu={menu}>\n <Button basic type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </Dropdown>\n </div>\n}\nexport default Demo'},110:{name:110,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar menu = /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Menu, {\n bordered: true,\n style: {\n maxWidth: 200\n }\n}, /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "reload",\n text: "\\u91CD\\u65B0\\u52A0\\u8F7D"\n}), /#__PURE__/_react["default"].createElement(_uiw.Menu.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "heart-on",\n text: "\\u53E6\\u5B58\\u4E3A",\n active: true\n}), /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "appstore",\n text: "\\u5E94\\u7528\\u5546\\u57CE"\n}), /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "bar-chart",\n text: "\\u6708\\u7EDF\\u8BA1\\u62A5\\u8868\\u5BFC\\u51FA"\n}), /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n icon: "setting",\n text: "\\u504F\\u597D\\u8BBE\\u7F6E"\n})));\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginRight: 5,\n display: \'inline-block\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: "copy"\n }, "top"), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n trigger: "click",\n placement: "top",\n menu: menu\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: "more"\n }))), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n menu: menu,\n trigger: "click",\n placement: "topLeft"\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "topLeft")), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n menu: menu,\n trigger: "click",\n placement: "topRight"\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "topRight")), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n menu: menu,\n trigger: "click",\n placement: "bottomRight"\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "bottomRight")), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n menu: menu,\n trigger: "click",\n placement: "bottom"\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "warning"\n }, "bottom")), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n menu: menu,\n trigger: "click",\n placement: "bottomLeft"\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger"\n }, "bottomLeft")), /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n menu: menu,\n trigger: "click",\n placement: "right"\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "dark"\n }, "right")));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Dropdown, Menu, ButtonGroup, Button, Divider } from \'uiw\';\n\nconst menu = (\n <div>\n <Menu bordered style={{ maxWidth: 200 }}>\n <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n <Menu.Divider />\n <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa" />\n <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n </Menu>\n </div>\n);\nfunction Demo() {\n return <div>\n <ButtonGroup style={{ marginRight: 5, display: \'inline-block\' }}>\n <Button icon="copy">top</Button>\n <Dropdown trigger="click" placement="top" menu={menu}>\n <Button icon="more" />\n </Dropdown>\n </ButtonGroup>\n <Dropdown menu={menu} trigger="click" placement="topLeft">\n <Button type="primary">topLeft</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="topRight">\n <Button type="success">topRight</Button>\n </Dropdown>\n <Divider />\n <Dropdown menu={menu} trigger="click" placement="bottomRight">\n <Button type="light">bottomRight</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="bottom">\n <Button type="warning">bottom</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="bottomLeft">\n <Button type="danger">bottomLeft</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="right">\n <Button type="dark">right</Button>\n </Dropdown>\n </div>\n}\nexport default Demo'},160:{name:160,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\nfunction Select(props) {\n var option = props.option,\n onChange = props.onChange;\n\n var _React$useState = _react["default"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n open = _React$useState2[0],\n setOpen = _React$useState2[1];\n\n var _React$useState3 = _react["default"].useState(props.value),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n value = _React$useState4[0],\n setValue = _React$useState4[1];\n\n var label = option.find(function (item) {\n return value === item.value;\n });\n\n _react["default"].useEffect(function () {\n if (props.value !== value) {\n setValue(props.value);\n }\n }, [props.value]);\n\n return /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n trigger: "click",\n onVisibleChange: function onVisibleChange(isOpen) {\n return setOpen(isOpen);\n },\n isOpen: open,\n menu: /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Menu, {\n bordered: true,\n style: {\n minWidth: 120\n }\n }, option.map(function (item, idx) {\n var active = value === item.value;\n return /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n key: idx,\n active: active,\n text: item.label,\n onClick: function onClick(e) {\n setValue(item.value);\n setOpen(false);\n onChange && onChange(item.value, e);\n }\n });\n })))\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "link"\n }, label.label, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: open ? \'up\' : \'down\'\n })));\n}\n\nvar option = [{\n label: \'\u5f80\u8fd4\',\n value: 1\n}, {\n label: \'\u5355\u7a0b\',\n value: 2\n}, {\n label: \'\u8054\u7a0b\',\n value: 3\n}, {\n label: \'Nomad\',\n value: 4\n}];\nvar option2 = [{\n label: \'\u7ecf\u6d4e\u8231\',\n value: 1\n}, {\n label: \'\u8c6a\u534e\u7ecf\u6d4e\u8231\',\n value: 2\n}, {\n label: \'\u5546\u52a1\u8231\',\n value: 3\n}, {\n label: \'\u5934\u7b49\u8231\',\n value: 4\n}];\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(Select, {\n option: option,\n value: 1,\n onChange: function onChange(item) {\n console.log(\'item\', item);\n }\n }), /#__PURE__/_react["default"].createElement(Select, {\n option: option2,\n value: 2,\n onChange: function onChange(item) {\n console.log(\'item\', item);\n }\n }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Dropdown, Menu, Button, Icon } from 'uiw';\n\nfunction Select(props) {\n const { option, onChange } = props;\n const [open, setOpen] = React.useState(false);\n const [value, setValue] = React.useState(props.value);\n const label = option.find(item => value === item.value);\n\n React.useEffect(() => {\n if (props.value !== value) {\n setValue(props.value);\n }\n }, [props.value]);\n\n return (\n <Dropdown\n trigger=\"click\"\n onVisibleChange={(isOpen) => setOpen(isOpen)}\n isOpen={open}\n menu={\n <div>\n <Menu bordered style={{ minWidth: 120 }}>\n {option.map((item, idx) => {\n const active = value === item.value;\n return (\n <Menu.Item\n key={idx}\n active={active}\n text={item.label}\n onClick={(e) => {\n setValue(item.value)\n setOpen(false)\n onChange && onChange(item.value, e)\n }}\n />\n );\n })}\n </Menu>\n </div>\n }\n >\n <Button type=\"link\">{label.label}<Icon type={open ? 'up' : 'down'} /></Button>\n </Dropdown>\n )\n}\n\nconst option = [\n { label: '\u5f80\u8fd4', value: 1 },\n { label: '\u5355\u7a0b', value: 2 },\n { label: '\u8054\u7a0b', value: 3 },\n { label: 'Nomad', value: 4 },\n];\n\nconst option2 = [\n { label: '\u7ecf\u6d4e\u8231', value: 1 },\n { label: '\u8c6a\u534e\u7ecf\u6d4e\u8231', value: 2 },\n { label: '\u5546\u52a1\u8231', value: 3 },\n { label: '\u5934\u7b49\u8231', value: 4 },\n];\n\nfunction Demo() {\n return <div>\n <Select option={option} value={1} onChange={(item) => { console.log('item', item); }} />\n <Select option={option2} value={2} onChange={(item) => { console.log('item', item); }} />\n </div>\n}\nexport default Demo"}},source:'Dropdown \u4e0b\u62c9\u83dc\u5355\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-dropdown/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-dropdown.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-dropdown)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-dropdown.svg?label=@uiw/react-dropdown)](https://npmjs.com/@uiw/react-dropdown)\n\n\u5411\u4e0b\u5f39\u51fa\u7684\u5217\u8868\u3002\n\n```jsx\nimport { Dropdown } from \'uiw\';\n// or\nimport Dropdown from \'@uiw/react-dropdown\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Dropdown, Menu, ButtonGroup, Button, Divider, Icon } from \'uiw\';\n\nconst menu = (\n <div>\n <Menu bordered style={{ minWidth: 120 }}>\n <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868" />\n <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n </Menu>\n </div>\n);\n\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Dropdown menu={menu}>\n <a href=\'#\' onClick={e => e.preventDefault()}>\n \u9f20\u6807\u7ecf\u8fc7\u51fa\u73b0\u83dc\u5355 <Icon type="down" />\n </a>\n </Dropdown>\n <Dropdown trigger="click" menu={menu}>\n <a href=\'#\' onClick={e => e.preventDefault()}>\n \u70b9\u51fb\u6211\u51fa\u73b0\u4e0b\u62c9\u83dc\u5355 <Icon type="down" />\n </a>\n </Dropdown>\n </div>\n )\n }\n}\nexport default Demo\n```\n\n### \u88ab\u7981\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Dropdown, Menu, ButtonGroup, Button } from \'uiw\';\n\nconst menu = (\n <div>\n <Menu bordered style={{ maxWidth: 200 }}>\n <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n <Menu.Divider />\n <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa" />\n <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n </Menu>\n </div>\n);\n\nfunction Demo() {\n return <div>\n <ButtonGroup style={{ marginRight: 5, display: \'inline-block\' }}>\n <Button disabled icon="copy">\u70b9\u51fb\u53f3\u8fb9</Button>\n <Dropdown disabled trigger="click" placement="bottomRight" menu={menu}>\n <Button icon="more" />\n </Dropdown>\n </ButtonGroup>\n <Dropdown disabled menu={menu}>\n <Button basic type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </Dropdown>\n </div>\n}\nexport default Demo\n```\n\n### \u5f39\u51fa\u4f4d\u7f6e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Dropdown, Menu, ButtonGroup, Button, Divider } from \'uiw\';\n\nconst menu = (\n <div>\n <Menu bordered style={{ maxWidth: 200 }}>\n <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n <Menu.Divider />\n <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa" />\n <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n </Menu>\n </div>\n);\nfunction Demo() {\n return <div>\n <ButtonGroup style={{ marginRight: 5, display: \'inline-block\' }}>\n <Button icon="copy">top</Button>\n <Dropdown trigger="click" placement="top" menu={menu}>\n <Button icon="more" />\n </Dropdown>\n </ButtonGroup>\n <Dropdown menu={menu} trigger="click" placement="topLeft">\n <Button type="primary">topLeft</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="topRight">\n <Button type="success">topRight</Button>\n </Dropdown>\n <Divider />\n <Dropdown menu={menu} trigger="click" placement="bottomRight">\n <Button type="light">bottomRight</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="bottom">\n <Button type="warning">bottom</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="bottomLeft">\n <Button type="danger">bottomLeft</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="right">\n <Button type="dark">right</Button>\n </Dropdown>\n </div>\n}\nexport default Demo\n```\n\n### \u9009\u62e9\u5668\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Dropdown, Menu, Button, Icon } from \'uiw\';\n\nfunction Select(props) {\n const { option, onChange } = props;\n const [open, setOpen] = React.useState(false);\n const [value, setValue] = React.useState(props.value);\n const label = option.find(item => value === item.value);\n\n React.useEffect(() => {\n if (props.value !== value) {\n setValue(props.value);\n }\n }, [props.value]);\n\n return (\n <Dropdown\n trigger="click"\n onVisibleChange={(isOpen) => setOpen(isOpen)}\n isOpen={open}\n menu={\n <div>\n <Menu bordered style={{ minWidth: 120 }}>\n {option.map((item, idx) => {\n const active = value === item.value;\n return (\n <Menu.Item\n key={idx}\n active={active}\n text={item.label}\n onClick={(e) => {\n setValue(item.value)\n setOpen(false)\n onChange && onChange(item.value, e)\n }}\n />\n );\n })}\n </Menu>\n </div>\n }\n >\n <Button type="link">{label.label}<Icon type={open ? \'up\' : \'down\'} /></Button>\n </Dropdown>\n )\n}\n\nconst option = [\n { label: \'\u5f80\u8fd4\', value: 1 },\n { label: \'\u5355\u7a0b\', value: 2 },\n { label: \'\u8054\u7a0b\', value: 3 },\n { label: \'Nomad\', value: 4 },\n];\n\nconst option2 = [\n { label: \'\u7ecf\u6d4e\u8231\', value: 1 },\n { label: \'\u8c6a\u534e\u7ecf\u6d4e\u8231\', value: 2 },\n { label: \'\u5546\u52a1\u8231\', value: 3 },\n { label: \'\u5934\u7b49\u8231\', value: 4 },\n];\n\nfunction Demo() {\n return <div>\n <Select option={option} value={1} onChange={(item) => { console.log(\'item\', item); }} />\n <Select option={option2} value={2} onChange={(item) => { console.log(\'item\', item); }} />\n </div>\n}\nexport default Demo\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| -------- \| -------- \| -------- \| -------- \|\n\| menu \| \u83dc\u5355 \| [`<Menu>`](#/components/menu) \| - \|\n\| disabled \| \u83dc\u5355\u662f\u5426\u7981\u7528 \| Boolean \| - \|\n\| trigger[`<OverlayTrigger>`](#/components/overlay-trigger) \| \u60ac\u505c/\u70b9\u51fb\u5f39\u51fa\u7a97\u53e3 \| Enum{`hover`, `click`, `focus`} \| `hover` \|\n\| placement[`<OverlayTrigger>`](#/components/overlay-trigger) \| \u6307\u5b9a\u5f39\u51fa\u6846\u4f4d\u7f6e\uff0c\u652f\u6301 12 \u4e2a\u8bbf\u95ee\u5c55\u793a\u83dc\u5355\u3002 \| Enum{} \| `bottomLeft` \|\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [OverlayTrigger](#/components/overlay-trigger)\u3002'}}}]);
2	- //# sourceMappingURL=1892.dce494f3.chunk.js.map

package/web/static/js/190.c864d902.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[190],{190:function(e,n,t){t.r(n),n.default={components:{20:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",{style:{display:"flex"}},n.default.createElement(r.Carousel,null,n.default.createElement("div",{style:{height:"100%",background:"#1EABCD"}},n.default.createElement("span",null,"1")),n.default.createElement("div",{style:{height:"100%",background:"#393b46"}},n.default.createElement("span",null,"2")),n.default.createElement("div",{style:{height:"100%",background:"#008EF0"}},n.default.createElement("span",null,"3")),n.default.createElement("div",{style:{height:"100%",background:"#393E48"}},n.default.createElement("span",null,"4"))),n.default.createElement("span",{style:{marginLeft:10}}),n.default.createElement(r.Carousel,{direction:"vertical"},n.default.createElement("div",{style:{height:"100%",background:"#1EABCD"}},n.default.createElement("span",null,"1")),n.default.createElement("div",{style:{height:"100%",background:"#393b46"}},n.default.createElement("span",null,"2")),n.default.createElement("div",{style:{height:"100%",background:"#008EF0"}},n.default.createElement("span",null,"3")),n.default.createElement("div",{style:{height:"100%",background:"#393E48"}},n.default.createElement("span",null,"4"))))}}(),67:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement(r.Carousel,{palyTime:1e3,scrollTime:500},n.default.createElement("div",{style:{height:"100%",background:"#1EABCD"}},n.default.createElement("span",null,"1")),n.default.createElement("div",{style:{height:"100%",background:"#393b46"}},n.default.createElement("span",null,"2")),n.default.createElement("div",{style:{height:"100%",background:"#008EF0"}},n.default.createElement("span",null,"3")),n.default.createElement("div",{style:{height:"100%",background:"#393E48"}},n.default.createElement("span",null,"4")))}}(),97:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function a(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==t)return;var r,a,l=[],u=!0,o=!1;try{for(t=t.call(e);!(u=(r=t.next()).done)&&(l.push(r.value),!n\|\|l.length!==n);u=!0);}catch(i){o=!0,a=i}finally{try{u\|\|null==t.return\|\|t.return()}finally{if(o)throw a}}return l}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return l(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t\|\|"Set"===t)return Array.from(e);if("Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t))return l(e,n)}(e,n)\|\|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 l(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}return function(){var e=n.default.useRef(),t=a(n.default.useState(!0),2),l=t[0],u=t[1];return n.default.createElement(n.default.Fragment,null,n.default.createElement(r.Carousel,{ref:e,position:2,autoPlay:l,afterChange:function(e){return console.log("after",e)},beforeChange:function(e){return console.log("before",e)}},n.default.createElement("div",{style:{height:"100%",background:"#1EABCD"}},n.default.createElement("span",null,"1")),n.default.createElement("div",{style:{height:"100%",background:"#393b46"}},n.default.createElement("span",null,"2")),n.default.createElement("div",{style:{height:"100%",background:"#008EF0"}},n.default.createElement("span",null,"3")),n.default.createElement("div",{style:{height:"100%",background:"#393E48"}},n.default.createElement("span",null,"4"))),n.default.createElement("button",{onClick:function(){return e.current.gotoSlide(1)}},"\u8df3\u8f6c"),n.default.createElement("button",{onClick:function(){return e.current.prevSlide()}},"\u4e0a\u4e00\u5f20"),n.default.createElement("button",{onClick:function(){return e.current.nextSlide()}},"\u4e0b\u4e00\u5f20"),n.default.createElement("button",{onClick:function(){return u(!l)}},l?"\u6682\u505c":"\u5f00\u59cb"))}}()},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", {\n style: {\n display: \'flex\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Carousel, null, /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#1EABCD\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "1")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#393b46\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "2")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#008EF0\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "3")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#393E48\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "4"))), /#__PURE__/_react["default"].createElement("span", {\n style: {\n marginLeft: 10\n }\n }), /#__PURE__/_react["default"].createElement(_uiw.Carousel, {\n direction: "vertical"\n }, /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#1EABCD\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "1")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#393b46\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "2")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#008EF0\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "3")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#393E48\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "4"))));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Carousel } from 'uiw';\n\nfunction Demo() {\n return (\n <div style={{ display:'flex' }}>\n <Carousel>\n <div style={{ height: '100%', background: '#1EABCD' }}>\n <span>1</span>\n </div>\n <div style={{ height: '100%', background: '#393b46' }}>\n <span>2</span>\n </div>\n <div style={{ height: '100%', background: '#008EF0' }}>\n <span>3</span>\n </div>\n <div style={{ height: '100%', background: '#393E48' }}>\n <span>4</span>\n </div>\n </Carousel>\n <span style={{marginLeft:10}}/>\n <Carousel direction=\"vertical\" >\n <div style={{ height: '100%', background: '#1EABCD' }}>\n <span>1</span>\n </div>\n <div style={{ height: '100%', background: '#393b46' }}>\n <span>2</span>\n </div>\n <div style={{ height: '100%', background: '#008EF0' }}>\n <span>3</span>\n </div>\n <div style={{ height: '100%', background: '#393E48' }}>\n <span>4</span>\n </div>\n </Carousel>\n </div>\n );\n}\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 Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Carousel, {\n palyTime: 1000,\n scrollTime: 500\n }, /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#1EABCD\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "1")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#393b46\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "2")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#008EF0\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "3")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#393E48\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "4")));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Carousel } from 'uiw';\n\nfunction Demo() {\n return (\n <Carousel palyTime={1000} scrollTime={500}>\n <div style={{ height: '100%', background: '#1EABCD' }}>\n <span>1</span>\n </div>\n <div style={{ height: '100%', background: '#393b46' }}>\n <span>2</span>\n </div>\n <div style={{ height: '100%', background: '#008EF0' }}>\n <span>3</span>\n </div>\n <div style={{ height: '100%', background: '#393E48' }}>\n <span>4</span>\n </div>\n </Carousel>\n );\n}\n\nexport default Demo"},97:{name:97,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\nfunction Demo() {\n var ref = _react["default"].useRef();\n\n var _React$useState = _react["default"].useState(true),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n autoPlay = _React$useState2[0],\n autoPlaySet = _React$useState2[1];\n\n return /#__PURE__/_react["default"].createElement(_react["default"].Fragment, null, /#__PURE__/_react["default"].createElement(_uiw.Carousel, {\n ref: ref,\n position: 2,\n autoPlay: autoPlay,\n afterChange: function afterChange(current) {\n return console.log(\'after\', current);\n },\n beforeChange: function beforeChange(current) {\n return console.log(\'before\', current);\n }\n }, /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#1EABCD\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "1")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#393b46\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "2")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#008EF0\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "3")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n height: \'100%\',\n background: \'#393E48\'\n }\n }, /#__PURE__/_react["default"].createElement("span", null, "4"))), /#__PURE__/_react["default"].createElement("button", {\n onClick: function onClick() {\n return ref.current.gotoSlide(1);\n }\n }, "\\u8DF3\\u8F6C"), /#__PURE__/_react["default"].createElement("button", {\n onClick: function onClick() {\n return ref.current.prevSlide();\n }\n }, "\\u4E0A\\u4E00\\u5F20"), /#__PURE__/_react["default"].createElement("button", {\n onClick: function onClick() {\n return ref.current.nextSlide();\n }\n }, "\\u4E0B\\u4E00\\u5F20"), /#__PURE__/_react["default"].createElement("button", {\n onClick: function onClick() {\n return autoPlaySet(autoPlay ? false : true);\n }\n }, autoPlay ? \'\u6682\u505c\' : \'\u5f00\u59cb\'));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Carousel } from 'uiw';\n\nfunction Demo() {\n\n const ref=React.useRef()\n const [autoPlay,autoPlaySet]=React.useState(true)\n\n return (\n <React.Fragment>\n <Carousel\n ref={ref}\n position={2}\n autoPlay={autoPlay}\n afterChange={(current)=>console.log('after',current)}\n beforeChange={(current)=>console.log('before',current)}\n >\n <div style={{ height: '100%', background: '#1EABCD' }}>\n <span>1</span>\n </div>\n <div style={{ height: '100%', background: '#393b46' }}>\n <span>2</span>\n </div>\n <div style={{ height: '100%', background: '#008EF0' }}>\n <span>3</span>\n </div>\n <div style={{ height: '100%', background: '#393E48' }}>\n <span>4</span>\n </div>\n </Carousel>\n <button onClick={() => ref.current.gotoSlide(1)}>\u8df3\u8f6c</button>\n <button onClick={() => ref.current.prevSlide()}>\u4e0a\u4e00\u5f20</button>\n <button onClick={() => ref.current.nextSlide()}>\u4e0b\u4e00\u5f20</button>\n <button onClick={() =>autoPlaySet(autoPlay?false:true)}>{autoPlay?'\u6682\u505c':'\u5f00\u59cb'}</button>\n </React.Fragment>\n );\n}\n\nexport default Demo"}},source:"Carousel \u8d70\u9a6c\u706f\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-carousel/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-carousel.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-carousel)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-carousel.svg?label=@uiw/react-carousel)](https://npmjs.com/@uiw/react-carousel)\n\n\u6eda\u52a8\u64ad\u653e\u3002\u5728 v4.15.0+ \u6dfb\u52a0\u3002\n\n```jsx\nimport { Carousel } from 'uiw';\n// or\nimport Carousel from '@uiw/react-carousel';\n```\n\n## \u57fa\u7840\u7528\u6cd5\n\n\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Carousel } from 'uiw';\n\nfunction Demo() {\n return (\n <div style={{ display:'flex' }}>\n <Carousel>\n <div style={{ height: '100%', background: '#1EABCD' }}>\n <span>1</span>\n </div>\n <div style={{ height: '100%', background: '#393b46' }}>\n <span>2</span>\n </div>\n <div style={{ height: '100%', background: '#008EF0' }}>\n <span>3</span>\n </div>\n <div style={{ height: '100%', background: '#393E48' }}>\n <span>4</span>\n </div>\n </Carousel>\n <span style={{marginLeft:10}}/>\n <Carousel direction=\"vertical\" >\n <div style={{ height: '100%', background: '#1EABCD' }}>\n <span>1</span>\n </div>\n <div style={{ height: '100%', background: '#393b46' }}>\n <span>2</span>\n </div>\n <div style={{ height: '100%', background: '#008EF0' }}>\n <span>3</span>\n </div>\n <div style={{ height: '100%', background: '#393E48' }}>\n <span>4</span>\n </div>\n </Carousel>\n </div>\n );\n}\n\nexport default Demo\n```\n\n## \u63a7\u5236\u64ad\u653e\u9891\u7387\n\npalyTime\u8bbe\u7f6e\u6bcf\u5e27\u505c\u7559\u65f6\u95f4\uff0cscrollTime\u8bbe\u7f6e\u5207\u6362\u5e27\u7684\u901f\u5ea6\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Carousel } from 'uiw';\n\nfunction Demo() {\n return (\n <Carousel palyTime={1000} scrollTime={500}>\n <div style={{ height: '100%', background: '#1EABCD' }}>\n <span>1</span>\n </div>\n <div style={{ height: '100%', background: '#393b46' }}>\n <span>2</span>\n </div>\n <div style={{ height: '100%', background: '#008EF0' }}>\n <span>3</span>\n </div>\n <div style={{ height: '100%', background: '#393E48' }}>\n <span>4</span>\n </div>\n </Carousel>\n );\n}\n\nexport default Demo\n```\n\n## \u5207\u6362\u5230\u6307\u5b9a\u5e27\n\n\u624b\u52a8\u5207\u6362\u5230\u6307\u5b9a\u5e27\u7684\u4f4d\u7f6e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Carousel } from 'uiw';\n\nfunction Demo() {\n\n const ref=React.useRef()\n const [autoPlay,autoPlaySet]=React.useState(true)\n\n return (\n <React.Fragment>\n <Carousel\n ref={ref}\n position={2}\n autoPlay={autoPlay}\n afterChange={(current)=>console.log('after',current)}\n beforeChange={(current)=>console.log('before',current)}\n >\n <div style={{ height: '100%', background: '#1EABCD' }}>\n <span>1</span>\n </div>\n <div style={{ height: '100%', background: '#393b46' }}>\n <span>2</span>\n </div>\n <div style={{ height: '100%', background: '#008EF0' }}>\n <span>3</span>\n </div>\n <div style={{ height: '100%', background: '#393E48' }}>\n <span>4</span>\n </div>\n </Carousel>\n <button onClick={() => ref.current.gotoSlide(1)}>\u8df3\u8f6c</button>\n <button onClick={() => ref.current.prevSlide()}>\u4e0a\u4e00\u5f20</button>\n <button onClick={() => ref.current.nextSlide()}>\u4e0b\u4e00\u5f20</button>\n <button onClick={() =>autoPlaySet(autoPlay?false:true)}>{autoPlay?'\u6682\u505c':'\u5f00\u59cb'}</button>\n </React.Fragment>\n );\n}\n\nexport default Demo\n```\n\n## Props\n\n## API\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| width \| \u5bbd\u5ea6 \| number \| 400 \|\n\| height \| \u9ad8\u5ea6 \| number \| 200 \|\n\| position \| \u8bbe\u7f6e\u521d\u59cb\u5e27\u4f4d\u7f6e \| number \| 0 \|\n\| palyTime \| \u6bcf\u5e27\u505c\u7559\u65f6\u95f4(ms) \| number \| 2000 \|\n\| scrollTime \| \u6eda\u52a8\u52a8\u753b\u7684\u901f\u5ea6(ms) \| number \| 200 \|\n\| autoPlay \| \u662f\u5426\u81ea\u52a8\u64ad\u653e \| boolean \| true \|\n\| afterChange \| \u5207\u6362\u9762\u677f\u524d\u7684\u56de\u8c03 \| (current) => void \| - \|\n\| beforeChange \| \u5207\u6362\u9762\u677f\u540e\u7684\u56de\u8c03 \| (current) => void \| - \|\n\| direction \| \u6eda\u52a8\u65b9\u4f4d`horizontal`\u6a2a\u5411\uff0c`vertical`\u7ad6\u5411 \| horizontal \\\| vertical \| horizontal \|\n\n### ref\n\n```ts\n // \u8df3\u8f6c\u5230\u6307\u5b9a\u5e27\n gotoSlide: (slideNumber: number) => void;\n // \u4e0a\u4e00\u9488\n prevSlide: () => void;\n // \u4e0b\u4e00\u5e27\n nextSlide: () => void;\n // \u6682\u505c\u64ad\u653e\n stopPlay: () => void;\n```\n\n\n"}}}]);
2	- //# sourceMappingURL=190.c864d902.chunk.js.map

package/web/static/js/1949.6ebed61b.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[1949],{1949:function(t,e,n){n.r(e),e.default={components:{21:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(2814);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,null),e.default.createElement(u.Button,{basic:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,null),e.default.createElement(u.Button,null,"Normal"),e.default.createElement(u.Button,{disabled:!0},"Disabled"),e.default.createElement(u.Button,{type:"primary",active:!0},"Button"),e.default.createElement(u.Button,{type:"primary",size:"small"},"more ",e.default.createElement(u.Icon,{type:"down"})),e.default.createElement(u.Button,{type:"link"}," (\u8d85\u8fde\u63a5\u6837\u5f0f)link "))}}(),53:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(2814);return function(){return e.default.createElement("div",null,e.default.createElement(u.ButtonGroup,null,e.default.createElement(u.Button,{type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{type:"dark"},"\u6697\u6309\u94ae")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{size:"small",type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{size:"small",type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{size:"small",type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{size:"small",type:"primary"},"\u6309\u94ae")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae")),e.default.createElement(u.Divider,{style:{maxWidth:220}},"\u6dfb\u52a0\u56fe\u6807"),e.default.createElement(u.ButtonGroup,null,e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"copy"}),type:"primary"},"\u590d\u5236"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"delete"}),type:"success"},"\u5220\u9664"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"file-add"}),type:"warning"},"\u6dfb\u52a0\u6587\u4ef6"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"map"}),type:"danger"},"\u5730\u56fe"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"linux"}),type:"light"},"Linux"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),type:"dark"},"Apple")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"copy"}),type:"primary"},"\u590d\u5236"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"delete"}),type:"primary"},"\u5220\u9664"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"file-add"}),type:"primary"},"\u6dfb\u52a0\u6587\u4ef6"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"map"}),type:"primary"},"\u5730\u56fe"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"linux"}),type:"primary"},"Linux"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),type:"primary"},"Apple")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"copy"})},"\u590d\u5236"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"delete"})},"\u5220\u9664"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"file-add"})},"\u6dfb\u52a0\u6587\u4ef6"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"map"})},"\u5730\u56fe"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"linux"})},"Linux"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"})},"Apple")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"copy"})}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"delete"})}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"file-add"})}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"map"})}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"linux"})}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"})})))}}(),119:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(2814);var a=e.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"}," ",e.default.createElement("path",{d:"M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z",fillRule:"evenodd"})," "),o=e.default.createElement("svg",{width:"12",height:"16",style:{height:16}}," ",e.default.createElement("path",{fillRule:"evenodd",d:"M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"})," "),r=e.default.createElement("svg",{width:"12",height:"16",viewBox:"0 0 12 16",style:{height:16}}," ",e.default.createElement("path",{fillRule:"evenodd",d:"M10 7c-.73 0-1.38.41-1.73 1.02V8C7.22 7.98 6 7.64 5.14 6.98c-.75-.58-1.5-1.61-1.89-2.44A1.993 1.993 0 0 0 2 .99C.89.99 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2a1.993 1.993 0 0 0 1-3.72V7.67c.67.7 1.44 1.27 2.3 1.69.86.42 2.03.63 2.97.64v-.02c.36.61 1 1.02 1.73 1.02 1.11 0 2-.89 2-2 0-1.11-.89-2-2-2zm-6.8 6c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm8 6c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"})," "),c=e.default.createElement("svg",{viewBox:"0 0 16 16",width:"16",height:"16"}," ",e.default.createElement("path",{fillRule:"evenodd",d:"M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z"})," ");return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"taobao"}),type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),type:"danger"}),e.default.createElement(u.Button,{type:"danger"},e.default.createElement(u.Icon,{type:"reload",spin:!0}),e.default.createElement("span",null,"\u9519\u8bef",e.default.createElement("span",null,"\u6309\u94ae")),e.default.createElement(u.Icon,{type:"weibo"})),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:a}),type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,{style:{maxWidth:220}},"GitHub"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:o}),type:"success"},"Open"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:r}),type:"light",style:{backgroundColor:"#6f42c1",color:"#fff"}},"Merged"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:c}),type:"danger"},"Closed"))}}(),154:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(2814);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{type:"danger"},e.default.createElement(u.Icon,{type:"reload",spin:!0}),e.default.createElement("span",null,"\u9519\u8bef",e.default.createElement("span",null,"\u6309\u94ae")),e.default.createElement(u.Icon,{type:"weibo"})),e.default.createElement(u.Button,{loading:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,type:"danger"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Divider,{style:{maxWidth:220}},"Size"),e.default.createElement(u.Button,{loading:!0,size:"small",type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,size:"default",type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,size:"large",type:"warning"},"\u8b66\u544a\u6309\u94ae"))}}(),184:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(2814);return function(){return e.default.createElement("div",null,e.default.createElement(u.ButtonGroup,null,e.default.createElement(u.Button,{disabled:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"dark"},"\u6697\u6309\u94ae")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{disabled:!0,type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"primary"},"\u6309\u94ae")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{disabled:!0,type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"light"},"\u6309\u94ae")),e.default.createElement(u.Divider,{style:{maxWidth:220}},"\u6dfb\u52a0\u56fe\u6807"),e.default.createElement(u.ButtonGroup,null,e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"copy"}),type:"primary"},"\u590d\u5236"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"delete"}),type:"success"},"\u5220\u9664"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"file-add"}),type:"warning"},"\u6dfb\u52a0\u6587\u4ef6"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"map"}),type:"danger"},"\u5730\u56fe"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"linux"}),type:"light"},"Linux"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"apple"}),type:"dark"},"Apple")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"copy"}),type:"primary"},"\u590d\u5236"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"delete"}),type:"primary"},"\u5220\u9664"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"file-add"}),type:"primary"},"\u6dfb\u52a0\u6587\u4ef6"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"map"}),type:"primary"},"\u5730\u56fe"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"linux"}),type:"primary"},"Linux"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"apple"}),type:"primary"},"Apple")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"copy"})},"\u590d\u5236"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"delete"})},"\u5220\u9664"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"file-add"})},"\u6dfb\u52a0\u6587\u4ef6"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"map"})},"\u5730\u56fe"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"linux"})},"Linux"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"apple"})},"Apple")),e.default.createElement("div",{style:{marginTop:5}},e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),disabled:!0,basic:!0,type:"primary"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),disabled:!0,basic:!0,type:"success"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"taobao"}),disabled:!0,basic:!0,type:"warning"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),disabled:!0,basic:!0,type:"danger"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),disabled:!0,basic:!0,type:"dark"})))}}(),252:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(2814);return function(){return e.default.createElement(u.Row,{gutter:10},e.default.createElement(u.Col,{style:{maxWidth:120}},e.default.createElement(u.ButtonGroup,{vertical:!0},e.default.createElement(u.Button,{type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"primary"},"\u6309\u94ae"))),e.default.createElement(u.Col,{style:{maxWidth:120}},e.default.createElement(u.ButtonGroup,{vertical:!0},e.default.createElement(u.Button,{type:"success"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"success"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"success"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"success"},"\u6309\u94ae"))),e.default.createElement(u.Col,{style:{maxWidth:120}},e.default.createElement(u.ButtonGroup,{vertical:!0},e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"))),e.default.createElement(u.Col,{style:{maxWidth:120}},e.default.createElement(u.ButtonGroup,{vertical:!0},e.default.createElement(u.Button,{type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{type:"dark"},"\u6697\u6309\u94ae"))))}}(),302:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(2814);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{basic:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,{style:{maxWidth:220}},"\u6fc0\u6d3b"),e.default.createElement(u.Button,{basic:!0,active:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,active:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,active:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,active:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,active:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,active:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,{style:{maxWidth:220}},"\u7981\u7528"),e.default.createElement(u.Button,{basic:!0,disabled:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,disabled:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,disabled:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,disabled:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,disabled:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,disabled:!0,type:"dark"},"\u6697\u6309\u94ae"))}}(),338:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(2814);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),basic:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),basic:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"taobao"}),basic:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),basic:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),basic:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,null),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),basic:!0,type:"primary"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),basic:!0,type:"success"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"taobao"}),basic:!0,type:"warning"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),basic:!0,type:"danger"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),basic:!0,type:"dark"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),basic:!0,type:"dark"}))}}(),370:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(2814);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{active:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{active:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{active:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{active:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{active:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{active:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Button,{active:!0,type:"link"}," (\u8d85\u8fde\u63a5\u6837\u5f0f)link "))}}(),391:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(2814);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{disabled:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"link"}," (\u8d85\u8fde\u63a5\u6837\u5f0f)link "))}}(),413:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(2814);return function(){return e.default.createElement(u.Row,{gutter:10},e.default.createElement(u.Col,{style:{maxWidth:320}},e.default.createElement(u.Button,{block:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{block:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{block:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{block:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{block:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{block:!0,type:"dark"},"\u6697\u6309\u94ae")))}}(),436:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(2814);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{size:"small",type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{size:"default",type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{size:"large",type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{size:"small",type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{size:"default",type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{size:"large",type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,null),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),size:"small",type:"primary"},"\u5fae\u535a"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),size:"small",type:"success"},"\u8c37\u6b4c\u6d4f\u89c8\u5668"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),type:"success"},"\u8c37\u6b4c\u6d4f\u89c8\u5668"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),size:"large",type:"warning"},"\u6dd8\u5b9d"))}}()},data:{21:{name:21,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Button, null, "Normal"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true\n }, "Disabled"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n active: true\n }, "Button"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n size: "small"\n }, "more ", /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "down"\n })), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "link"\n }, " (\\u8D85\\u8FDE\\u63A5\\u6837\\u5F0F)link "));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Divider, Icon } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button type="primary" >\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic type="light">\u4eae\u6309\u94ae</Button>\n <Button basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button>Normal</Button>\n <Button disabled>Disabled</Button>\n <Button type="primary" active>Button</Button>\n <Button type="primary" size="small">more <Icon type="down" /></Button>\n <Button type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>\n);\nexport default Demo'},53:{name:53,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true "},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "dark"\n }, "\\u6697\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "primary"\n }, "\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n style: {\n maxWidth: 220\n }\n }, "\\u6DFB\\u52A0\\u56FE\\u6807"), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n }),\n type: "primary"\n }, "\\u590D\\u5236"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n }),\n type: "success"\n }, "\\u5220\\u9664"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n }),\n type: "warning"\n }, "\\u6DFB\\u52A0\\u6587\\u4EF6"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n }),\n type: "danger"\n }, "\\u5730\\u56FE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n }),\n type: "light"\n }, "Linux"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n type: "dark"\n }, "Apple")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n }),\n type: "primary"\n }, "\\u590D\\u5236"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n }),\n type: "primary"\n }, "\\u5220\\u9664"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n }),\n type: "primary"\n }, "\\u6DFB\\u52A0\\u6587\\u4EF6"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n }),\n type: "primary"\n }, "\\u5730\\u56FE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n }),\n type: "primary"\n }, "Linux"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n type: "primary"\n }, "Apple")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n })\n }, "\\u590D\\u5236"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n })\n }, "\\u5220\\u9664"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n })\n }, "\\u6DFB\\u52A0\\u6587\\u4EF6"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n })\n }, "\\u5730\\u56FE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n })\n }, "Linux"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n })\n }, "Apple")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n })\n })));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Divider, ButtonGroup,Icon } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <ButtonGroup>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n <Divider style={{ maxWidth: 220 }}>\u6dfb\u52a0\u56fe\u6807</Divider>\n <ButtonGroup>\n <Button icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button icon={<Icon type="delete" />} type="success">\u5220\u9664</Button>\n <Button icon={<Icon type="file-add" />} type="warning">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon={<Icon type="map" />} type="danger">\u5730\u56fe</Button>\n <Button icon={<Icon type="linux" />} type="light">Linux</Button>\n <Button icon={<Icon type="apple" />} type="dark">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button icon={<Icon type="delete" />} type="primary">\u5220\u9664</Button>\n <Button icon={<Icon type="file-add" />} type="primary">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon={<Icon type="map" />} type="primary">\u5730\u56fe</Button>\n <Button icon={<Icon type="linux" />} type="primary">Linux</Button>\n <Button icon={<Icon type="apple" />} type="primary">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon={<Icon type="copy" />}>\u590d\u5236</Button>\n <Button icon={<Icon type="delete" />} >\u5220\u9664</Button>\n <Button icon={<Icon type="file-add" />} >\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon={<Icon type="map" />} >\u5730\u56fe</Button>\n <Button icon={<Icon type="linux" />}>Linux</Button>\n <Button icon={<Icon type="apple" />} >Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon={<Icon type="copy" />} />\n <Button icon={<Icon type="delete" />} />\n <Button icon={<Icon type="file-add" />} />\n <Button icon={<Icon type="map" />} />\n <Button icon={<Icon type="linux" />} />\n <Button icon={<Icon type="apple" />} />\n </ButtonGroup>\n </div>\n);\nexport default Demo'},119:{name:119,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar chat = /#__PURE__/_react["default"].createElement("svg", {\n width: "20",\n height: "20",\n viewBox: "0 0 20 20"\n}, " ", /#__PURE__/_react["default"].createElement("path", {\n d: "M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z",\n fillRule: "evenodd"\n}), " ");\n\nvar open = /#__PURE__/_react["default"].createElement("svg", {\n width: "12",\n height: "16",\n style: {\n height: 16\n }\n}, " ", /#__PURE__/_react["default"].createElement("path", {\n fillRule: "evenodd",\n d: "M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"\n}), " ");\n\nvar merged = /#__PURE__/_react["default"].createElement("svg", {\n width: "12",\n height: "16",\n viewBox: "0 0 12 16",\n style: {\n height: 16\n }\n}, " ", /#__PURE__/_react["default"].createElement("path", {\n fillRule: "evenodd",\n d: "M10 7c-.73 0-1.38.41-1.73 1.02V8C7.22 7.98 6 7.64 5.14 6.98c-.75-.58-1.5-1.61-1.89-2.44A1.993 1.993 0 0 0 2 .99C.89.99 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2a1.993 1.993 0 0 0 1-3.72V7.67c.67.7 1.44 1.27 2.3 1.69.86.42 2.03.63 2.97.64v-.02c.36.61 1 1.02 1.73 1.02 1.11 0 2-.89 2-2 0-1.11-.89-2-2-2zm-6.8 6c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm8 6c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"\n}), " ");\n\nvar closed = /#__PURE__/_react["default"].createElement("svg", {\n viewBox: "0 0 16 16",\n width: "16",\n height: "16"\n}, " ", /#__PURE__/_react["default"].createElement("path", {\n fillRule: "evenodd",\n d: "M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z"\n}), " ");\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "taobao"\n }),\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n type: "danger"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "reload",\n spin: true\n }), /#__PURE__/_react["default"].createElement("span", null, "\\u9519\\u8BEF", /#__PURE__/_react["default"].createElement("span", null, "\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n })), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: chat\n }),\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n style: {\n maxWidth: 220\n }\n }, "GitHub"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: open\n }),\n type: "success"\n }, "Open"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: merged\n }),\n type: "light",\n style: {\n backgroundColor: \'#6f42c1\',\n color: \'#fff\'\n }\n }, "Merged"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: closed\n }),\n type: "danger"\n }, "Closed"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Icon, Divider } from \'uiw\';\n\nconst chat = <svg width="20" height="20" viewBox="0 0 20 20"> <path d="M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z" fillRule="evenodd" /> </svg>;\nconst open = <svg width="12" height="16" style={{ height: 16 }}> <path fillRule="evenodd" d="M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z" /> </svg>;\nconst merged = <svg width="12" height="16" viewBox="0 0 12 16" style={{ height: 16 }}> <path fillRule="evenodd" d="M10 7c-.73 0-1.38.41-1.73 1.02V8C7.22 7.98 6 7.64 5.14 6.98c-.75-.58-1.5-1.61-1.89-2.44A1.993 1.993 0 0 0 2 .99C.89.99 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2a1.993 1.993 0 0 0 1-3.72V7.67c.67.7 1.44 1.27 2.3 1.69.86.42 2.03.63 2.97.64v-.02c.36.61 1 1.02 1.73 1.02 1.11 0 2-.89 2-2 0-1.11-.89-2-2-2zm-6.8 6c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm8 6c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z" /> </svg>;\nconst closed = <svg viewBox="0 0 16 16" width="16" height="16"> <path fillRule="evenodd" d="M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z" /> </svg>;\n\nconst Demo = ()=>(\n <div>\n <Button icon={<Icon type="weibo" />} type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button icon={<Icon type="chrome" />} type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button icon={<Icon type="taobao" />} type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button icon={<Icon type="weibo" />} type="danger" />\n <Button type="danger">\n <Icon type="reload" spin={true} />\n <span>\u9519\u8bef<span>\u6309\u94ae</span></span>\n <Icon type="weibo" />\n </Button>\n <Button icon={<Icon type="chrome" />} type="light">\u4eae\u6309\u94ae</Button>\n <Button icon={<Icon type="apple" />} type="dark">\u6697\u6309\u94ae</Button>\n <Button icon={<Icon type={chat} />} type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>GitHub</Divider>\n <Button icon={<Icon type={open} />} type="success">Open</Button>\n <Button icon={<Icon type={merged} />} type="light" style={{ backgroundColor: \'#6f42c1\', color: \'#fff\' }}>Merged</Button>\n <Button icon={<Icon type={closed} />} type="danger">Closed</Button>\n </div>\n);\nexport default Demo\n'},154:{name:154,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "reload",\n spin: true\n }), /#__PURE__/_react["default"].createElement("span", null, "\\u9519\\u8BEF", /#__PURE__/_react["default"].createElement("span", null, "\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n })), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "danger"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n style: {\n maxWidth: 220\n }\n }, "Size"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n size: "small",\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n size: "default",\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n size: "large",\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Icon, Divider } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button type="danger">\n <Icon type="reload" spin={true} />\n <span>\u9519\u8bef<span>\u6309\u94ae</span></span>\n <Icon type="weibo" />\n </Button>\n <Button loading type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button loading type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button loading type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button loading type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button loading type="light">\u4eae\u6309\u94ae</Button>\n <Button loading type="dark">\u6697\u6309\u94ae</Button>\n <Button loading type="danger">\u4eae\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>Size</Divider>\n <Button loading size="small" type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button loading size="default" type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button loading size="large" type="warning">\u8b66\u544a\u6309\u94ae</Button>\n </div>\n);\nexport default Demo\n'},184:{name:184,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "primary"\n }, "\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "light"\n }, "\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n style: {\n maxWidth: 220\n }\n }, "\\u6DFB\\u52A0\\u56FE\\u6807"), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n }),\n type: "primary"\n }, "\\u590D\\u5236"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n }),\n type: "success"\n }, "\\u5220\\u9664"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n }),\n type: "warning"\n }, "\\u6DFB\\u52A0\\u6587\\u4EF6"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n }),\n type: "danger"\n }, "\\u5730\\u56FE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n }),\n type: "light"\n }, "Linux"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n type: "dark"\n }, "Apple")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n }),\n type: "primary"\n }, "\\u590D\\u5236"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n }),\n type: "primary"\n }, "\\u5220\\u9664"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n }),\n type: "primary"\n }, "\\u6DFB\\u52A0\\u6587\\u4EF6"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n }),\n type: "primary"\n }, "\\u5730\\u56FE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n }),\n type: "primary"\n }, "Linux"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n type: "primary"\n }, "Apple")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n })\n }, "\\u590D\\u5236"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n })\n }, "\\u5220\\u9664"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n })\n }, "\\u6DFB\\u52A0\\u6587\\u4EF6"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n })\n }, "\\u5730\\u56FE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n })\n }, "Linux"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n })\n }, "Apple")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n disabled: true,\n basic: true,\n type: "primary"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n disabled: true,\n basic: true,\n type: "success"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "taobao"\n }),\n disabled: true,\n basic: true,\n type: "warning"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n disabled: true,\n basic: true,\n type: "danger"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n disabled: true,\n basic: true,\n type: "dark"\n })));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, ButtonGroup, Divider ,Icon} from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <ButtonGroup>\n <Button disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button disabled type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n <Divider style={{ maxWidth: 220 }}>\u6dfb\u52a0\u56fe\u6807</Divider>\n <ButtonGroup>\n <Button disabled icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button disabled icon={<Icon type="delete" />} type="success">\u5220\u9664</Button>\n <Button disabled icon={<Icon type="file-add" />} type="warning">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon={<Icon type="map" />} type="danger">\u5730\u56fe</Button>\n <Button disabled icon={<Icon type="linux" />} type="light">Linux</Button>\n <Button disabled icon={<Icon type="apple" />} type="dark">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button disabled icon={<Icon type="delete" />} type="primary">\u5220\u9664</Button>\n <Button disabled icon={<Icon type="file-add" />} type="primary">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon={<Icon type="map" />} type="primary">\u5730\u56fe</Button>\n <Button disabled icon={<Icon type="linux" />} type="primary">Linux</Button>\n <Button disabled icon={<Icon type="apple" />} type="primary">Apple</Button>\n\n\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled icon={<Icon type="copy" />} >\u590d\u5236</Button>\n <Button disabled icon={<Icon type="delete" />} >\u5220\u9664</Button>\n <Button disabled icon={<Icon type="file-add" />}>\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon={<Icon type="map" />} >\u5730\u56fe</Button>\n <Button disabled icon={<Icon type="linux" />} >Linux</Button>\n <Button disabled icon={<Icon type="apple" />}>Apple</Button>\n </ButtonGroup>\n <div style={{ marginTop: 5 }}>\n <Button icon={<Icon type="weibo" />} disabled basic type="primary" />\n <Button icon={<Icon type="chrome" />} disabled basic type="success" />\n <Button icon={<Icon type="taobao" />} disabled basic type="warning" />\n <Button icon={<Icon type="apple" />} disabled basic type="danger" />\n <Button icon={<Icon type="weibo" />} disabled basic type="dark" />\n </div>\n </div>\n);\nexport default Demo\n'},252:{name:252,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 120\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n vertical: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u6309\\u94AE"))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 120\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n vertical: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "success"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u6309\\u94AE"))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 120\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n vertical: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 120\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n vertical: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, ButtonGroup, Row, Col } from \'uiw\';\n\nconst Demo = ()=>(\n <Row gutter={10}>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="success">\u6309\u94ae</Button>\n <Button disabled type="success">\u6309\u94ae</Button>\n <Button type="success">\u6309\u94ae</Button>\n <Button type="success">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n </Row>\n);\nexport default Demo\n'},302:{name:302,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n style: {\n maxWidth: 220\n }\n }, "\\u6FC0\\u6D3B"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n active: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n active: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n active: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n active: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n active: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n active: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n style: {\n maxWidth: 220\n }\n }, "\\u7981\\u7528"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n disabled: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n disabled: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n disabled: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n disabled: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n disabled: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n disabled: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Divider } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic type="light">\u4eae\u6309\u94ae</Button>\n <Button basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>\u6fc0\u6d3b</Divider>\n <Button basic active type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic active type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic active type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic active type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic active type="light">\u4eae\u6309\u94ae</Button>\n <Button basic active type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>\u7981\u7528</Divider>\n <Button basic disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button basic disabled type="dark">\u6697\u6309\u94ae</Button>\n </div>\n);\nexport default Demo\n'},338:{name:338,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar chat = /#__PURE__/_react["default"].createElement("svg", {\n width: "20",\n height: "20",\n viewBox: "0 0 20 20"\n}, /#__PURE__/_react["default"].createElement("path", {\n d: "M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z",\n fillRule: "evenodd"\n}));\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n basic: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n basic: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "taobao"\n }),\n basic: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n basic: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n basic: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n basic: true,\n type: "primary"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n basic: true,\n type: "success"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "taobao"\n }),\n basic: true,\n type: "warning"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n basic: true,\n type: "danger"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n basic: true,\n type: "dark"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n basic: true,\n type: "dark"\n }));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Divider ,Icon } from \'uiw\';\n\nconst chat = (\n <svg width="20" height="20" viewBox="0 0 20 20">\n <path d="M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z" fillRule="evenodd" />\n </svg>\n)\n\nconst Demo = ()=>(\n <div>\n <Button icon={<Icon type="weibo" />} basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button icon={<Icon type="chrome" />} basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button icon={<Icon type="taobao" />} basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button icon={<Icon type="apple" />} basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button icon={<Icon type="weibo" />} basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button icon={<Icon type="weibo" />} basic type="primary" />\n <Button icon={<Icon type="chrome" />} basic type="success" />\n <Button icon={<Icon type="taobao" />} basic type="warning" />\n <Button icon={<Icon type="apple" />} basic type="danger" />\n <Button icon={<Icon type="weibo" />} basic type="dark" />\n <Button icon={<Icon type="weibo" />} basic type="dark" />\n </div>\n);\nexport default Demo\n'},370:{name:370,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "link"\n }, " (\\u8D85\\u8FDE\\u63A5\\u6837\\u5F0F)link "));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button active type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button active type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button active type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button active type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button active type="light">\u4eae\u6309\u94ae</Button>\n <Button active type="dark">\u6697\u6309\u94ae</Button>\n <Button active type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>\n);\nexport default Demo\n'},391:{name:391,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "link"\n }, " (\\u8D85\\u8FDE\\u63A5\\u6837\\u5F0F)link "));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button disabled type="dark">\u6697\u6309\u94ae</Button>\n <Button disabled type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>\n);\nexport default Demo\n'},413:{name:413,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 320\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n block: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n block: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n block: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n block: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n block: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n block: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE")));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Row, Col } from \'uiw\';\n\nconst Demo = ()=>(\n <Row gutter={10}>\n <Col style={{ maxWidth: 320 }}>\n <Button block type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button block type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button block type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button block type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button block type="light">\u4eae\u6309\u94ae</Button>\n <Button block type="dark">\u6697\u6309\u94ae</Button>\n </Col>\n </Row>\n);\nexport default Demo'},436:{name:436,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "default",\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "large",\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "default",\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "large",\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n size: "small",\n type: "primary"\n }, "\\u5FAE\\u535A"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n size: "small",\n type: "success"\n }, "\\u8C37\\u6B4C\\u6D4F\\u89C8\\u5668"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n type: "success"\n }, "\\u8C37\\u6B4C\\u6D4F\\u89C8\\u5668"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n size: "large",\n type: "warning"\n }, "\\u6DD8\\u5B9D"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Divider ,Icon} from \'uiw\';\n\nconst Demo =()=>{\n return <div>\n <Button size="small" type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button size="default" type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button size="large" type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button size="small" type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button size="default" type="light">\u4eae\u6309\u94ae</Button>\n <Button size="large" type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button icon={<Icon type="weibo" />} size="small" type="primary">\u5fae\u535a</Button>\n <Button icon={<Icon type="chrome" />} size="small" type="success">\u8c37\u6b4c\u6d4f\u89c8\u5668</Button>\n <Button icon={<Icon type="chrome" />} type="success">\u8c37\u6b4c\u6d4f\u89c8\u5668</Button>\n <Button icon={<Icon type="apple" />} size="large" type="warning">\u6dd8\u5b9d</Button>\n </div>\n}\n\nexport default Demo'}},source:'[ButtonProps](./api_doc/markdown/react-button.buttonprops.md)\n\nButton \u6309\u94ae\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-button/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-button.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-button)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-button.svg?label=@uiw/react-button)](https://npmjs.com/@uiw/react-button)\n\n\u6309\u94ae\u7528\u4e8e\u5f00\u59cb\u4e00\u4e2a\u5373\u65f6\u64cd\u4f5c\uff0c\u89e6\u53d1\u4e1a\u52a1\u903b\u8f91\u65f6\u4f7f\u7528\u3002\n\n```jsx\nimport { Button, ButtonGroup } from \'uiw\';\n// or\nimport Button from \'@uiw/react-button\';\nimport ButtonGroup from \'@uiw/react-button-group\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Divider, Icon } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button type="primary" >\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic type="light">\u4eae\u6309\u94ae</Button>\n <Button basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button>Normal</Button>\n <Button disabled>Disabled</Button>\n <Button type="primary" active>Button</Button>\n <Button type="primary" size="small">more <Icon type="down" /></Button>\n <Button type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>\n);\nexport default Demo\n```\n\n### \u6309\u94ae\u7ec4\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true \nimport React from "react"\nimport { Button, Divider, ButtonGroup,Icon } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <ButtonGroup>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n <Divider style={{ maxWidth: 220 }}>\u6dfb\u52a0\u56fe\u6807</Divider>\n <ButtonGroup>\n <Button icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button icon={<Icon type="delete" />} type="success">\u5220\u9664</Button>\n <Button icon={<Icon type="file-add" />} type="warning">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon={<Icon type="map" />} type="danger">\u5730\u56fe</Button>\n <Button icon={<Icon type="linux" />} type="light">Linux</Button>\n <Button icon={<Icon type="apple" />} type="dark">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button icon={<Icon type="delete" />} type="primary">\u5220\u9664</Button>\n <Button icon={<Icon type="file-add" />} type="primary">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon={<Icon type="map" />} type="primary">\u5730\u56fe</Button>\n <Button icon={<Icon type="linux" />} type="primary">Linux</Button>\n <Button icon={<Icon type="apple" />} type="primary">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon={<Icon type="copy" />}>\u590d\u5236</Button>\n <Button icon={<Icon type="delete" />} >\u5220\u9664</Button>\n <Button icon={<Icon type="file-add" />} >\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon={<Icon type="map" />} >\u5730\u56fe</Button>\n <Button icon={<Icon type="linux" />}>Linux</Button>\n <Button icon={<Icon type="apple" />} >Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon={<Icon type="copy" />} />\n <Button icon={<Icon type="delete" />} />\n <Button icon={<Icon type="file-add" />} />\n <Button icon={<Icon type="map" />} />\n <Button icon={<Icon type="linux" />} />\n <Button icon={<Icon type="apple" />} />\n </ButtonGroup>\n </div>\n);\nexport default Demo\n```\n\n### \u56fe\u6807\u6309\u94ae\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Icon, Divider } from \'uiw\';\n\nconst chat = <svg width="20" height="20" viewBox="0 0 20 20"> <path d="M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z" fillRule="evenodd" /> </svg>;\nconst open = <svg width="12" height="16" style={{ height: 16 }}> <path fillRule="evenodd" d="M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z" /> </svg>;\nconst merged = <svg width="12" height="16" viewBox="0 0 12 16" style={{ height: 16 }}> <path fillRule="evenodd" d="M10 7c-.73 0-1.38.41-1.73 1.02V8C7.22 7.98 6 7.64 5.14 6.98c-.75-.58-1.5-1.61-1.89-2.44A1.993 1.993 0 0 0 2 .99C.89.99 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2a1.993 1.993 0 0 0 1-3.72V7.67c.67.7 1.44 1.27 2.3 1.69.86.42 2.03.63 2.97.64v-.02c.36.61 1 1.02 1.73 1.02 1.11 0 2-.89 2-2 0-1.11-.89-2-2-2zm-6.8 6c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm8 6c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z" /> </svg>;\nconst closed = <svg viewBox="0 0 16 16" width="16" height="16"> <path fillRule="evenodd" d="M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z" /> </svg>;\n\nconst Demo = ()=>(\n <div>\n <Button icon={<Icon type="weibo" />} type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button icon={<Icon type="chrome" />} type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button icon={<Icon type="taobao" />} type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button icon={<Icon type="weibo" />} type="danger" />\n <Button type="danger">\n <Icon type="reload" spin={true} />\n <span>\u9519\u8bef<span>\u6309\u94ae</span></span>\n <Icon type="weibo" />\n </Button>\n <Button icon={<Icon type="chrome" />} type="light">\u4eae\u6309\u94ae</Button>\n <Button icon={<Icon type="apple" />} type="dark">\u6697\u6309\u94ae</Button>\n <Button icon={<Icon type={chat} />} type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>GitHub</Divider>\n <Button icon={<Icon type={open} />} type="success">Open</Button>\n <Button icon={<Icon type={merged} />} type="light" style={{ backgroundColor: \'#6f42c1\', color: \'#fff\' }}>Merged</Button>\n <Button icon={<Icon type={closed} />} type="danger">Closed</Button>\n </div>\n);\nexport default Demo\n\n```\n\n### \u6309\u94ae\u52a0\u8f7d\u72b6\u6001\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Icon, Divider } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button type="danger">\n <Icon type="reload" spin={true} />\n <span>\u9519\u8bef<span>\u6309\u94ae</span></span>\n <Icon type="weibo" />\n </Button>\n <Button loading type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button loading type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button loading type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button loading type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button loading type="light">\u4eae\u6309\u94ae</Button>\n <Button loading type="dark">\u6697\u6309\u94ae</Button>\n <Button loading type="danger">\u4eae\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>Size</Divider>\n <Button loading size="small" type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button loading size="default" type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button loading size="large" type="warning">\u8b66\u544a\u6309\u94ae</Button>\n </div>\n);\nexport default Demo\n\n```\n\n### \u7981\u7528\u6309\u94ae\u7ec4\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, ButtonGroup, Divider ,Icon} from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <ButtonGroup>\n <Button disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button disabled type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n <Divider style={{ maxWidth: 220 }}>\u6dfb\u52a0\u56fe\u6807</Divider>\n <ButtonGroup>\n <Button disabled icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button disabled icon={<Icon type="delete" />} type="success">\u5220\u9664</Button>\n <Button disabled icon={<Icon type="file-add" />} type="warning">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon={<Icon type="map" />} type="danger">\u5730\u56fe</Button>\n <Button disabled icon={<Icon type="linux" />} type="light">Linux</Button>\n <Button disabled icon={<Icon type="apple" />} type="dark">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button disabled icon={<Icon type="delete" />} type="primary">\u5220\u9664</Button>\n <Button disabled icon={<Icon type="file-add" />} type="primary">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon={<Icon type="map" />} type="primary">\u5730\u56fe</Button>\n <Button disabled icon={<Icon type="linux" />} type="primary">Linux</Button>\n <Button disabled icon={<Icon type="apple" />} type="primary">Apple</Button>\n\n\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled icon={<Icon type="copy" />} >\u590d\u5236</Button>\n <Button disabled icon={<Icon type="delete" />} >\u5220\u9664</Button>\n <Button disabled icon={<Icon type="file-add" />}>\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon={<Icon type="map" />} >\u5730\u56fe</Button>\n <Button disabled icon={<Icon type="linux" />} >Linux</Button>\n <Button disabled icon={<Icon type="apple" />}>Apple</Button>\n </ButtonGroup>\n <div style={{ marginTop: 5 }}>\n <Button icon={<Icon type="weibo" />} disabled basic type="primary" />\n <Button icon={<Icon type="chrome" />} disabled basic type="success" />\n <Button icon={<Icon type="taobao" />} disabled basic type="warning" />\n <Button icon={<Icon type="apple" />} disabled basic type="danger" />\n <Button icon={<Icon type="weibo" />} disabled basic type="dark" />\n </div>\n </div>\n);\nexport default Demo\n\n```\n\n### \u5782\u76f4\u6309\u94ae\u7ec4\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, ButtonGroup, Row, Col } from \'uiw\';\n\nconst Demo = ()=>(\n <Row gutter={10}>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="success">\u6309\u94ae</Button>\n <Button disabled type="success">\u6309\u94ae</Button>\n <Button type="success">\u6309\u94ae</Button>\n <Button type="success">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n </Row>\n);\nexport default Demo\n\n```\n\n### \u57fa\u672c\u6309\u94ae\n\n\u8bbe\u7f6e `basic=true` \u5373\u53ef\u83b7\u5f97\u57fa\u672c\u6309\u94ae\uff0c\u6ca1\u6709\u80cc\u666f\u989c\u8272\u7684\u72b6\u6001\u6309\u94ae\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Divider } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic type="light">\u4eae\u6309\u94ae</Button>\n <Button basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>\u6fc0\u6d3b</Divider>\n <Button basic active type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic active type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic active type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic active type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic active type="light">\u4eae\u6309\u94ae</Button>\n <Button basic active type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>\u7981\u7528</Divider>\n <Button basic disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button basic disabled type="dark">\u6697\u6309\u94ae</Button>\n </div>\n);\nexport default Demo\n\n```\n\n### \u57fa\u7840\u6309\u94ae\u6dfb\u52a0\u56fe\u6807\n\n\u8bbe\u7f6e `basic=true` \u5373\u53ef\u83b7\u5f97\u57fa\u672c\u6309\u94ae\uff0c\u6ca1\u6709\u80cc\u666f\u989c\u8272\u7684\u72b6\u6001\u6309\u94ae\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Divider ,Icon } from \'uiw\';\n\nconst chat = (\n <svg width="20" height="20" viewBox="0 0 20 20">\n <path d="M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z" fillRule="evenodd" />\n </svg>\n)\n\nconst Demo = ()=>(\n <div>\n <Button icon={<Icon type="weibo" />} basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button icon={<Icon type="chrome" />} basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button icon={<Icon type="taobao" />} basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button icon={<Icon type="apple" />} basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button icon={<Icon type="weibo" />} basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button icon={<Icon type="weibo" />} basic type="primary" />\n <Button icon={<Icon type="chrome" />} basic type="success" />\n <Button icon={<Icon type="taobao" />} basic type="warning" />\n <Button icon={<Icon type="apple" />} basic type="danger" />\n <Button icon={<Icon type="weibo" />} basic type="dark" />\n <Button icon={<Icon type="weibo" />} basic type="dark" />\n </div>\n);\nexport default Demo\n\n```\n\n### \u6fc0\u6d3b\u6309\u94ae\u6837\u5f0f\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button active type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button active type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button active type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button active type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button active type="light">\u4eae\u6309\u94ae</Button>\n <Button active type="dark">\u6697\u6309\u94ae</Button>\n <Button active type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>\n);\nexport default Demo\n\n```\n\n### \u7981\u7528\u6309\u94ae\u6837\u5f0f\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button disabled type="dark">\u6697\u6309\u94ae</Button>\n <Button disabled type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>\n);\nexport default Demo\n\n```\n\n\n### block\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Row, Col } from \'uiw\';\n\nconst Demo = ()=>(\n <Row gutter={10}>\n <Col style={{ maxWidth: 320 }}>\n <Button block type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button block type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button block type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button block type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button block type="light">\u4eae\u6309\u94ae</Button>\n <Button block type="dark">\u6697\u6309\u94ae</Button>\n </Col>\n </Row>\n);\nexport default Demo\n```\n\n### size\u5927\u5c0f\n\n`size` \u5728 `Button.Group`\u4e0b\u9762\u4e0d\u652f\u6301\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Divider ,Icon} from \'uiw\';\n\nconst Demo =()=>{\n return <div>\n <Button size="small" type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button size="default" type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button size="large" type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button size="small" type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button size="default" type="light">\u4eae\u6309\u94ae</Button>\n <Button size="large" type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button icon={<Icon type="weibo" />} size="small" type="primary">\u5fae\u535a</Button>\n <Button icon={<Icon type="chrome" />} size="small" type="success">\u8c37\u6b4c\u6d4f\u89c8\u5668</Button>\n <Button icon={<Icon type="chrome" />} type="success">\u8c37\u6b4c\u6d4f\u89c8\u5668</Button>\n <Button icon={<Icon type="apple" />} size="large" type="warning">\u6dd8\u5b9d</Button>\n </div>\n}\n\nexport default Demo\n```\n\n## Props\n\n### Button\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| -------- \| -------- \| -------- \| -------- \|\n\| size \| \u6309\u94ae\u5c3a\u5bf8 \| Enum{`large`, `default`, `small`} \| `default` \|\n\| type \| \u6309\u94ae\u72b6\u6001\u7c7b\u578b\u9644\u5e26\u989c\u8272 \| Enum{`primary`, `success`, `warning`, `danger`, `light`, `dark`, `link`} \| `light` \|\n\| htmlType \| \u8bbe\u7f6e `button` \u539f\u751f\u7684 `type` \u503c\uff0c\u53ef\u9009\u503c\u8bf7\u53c2\u8003 [HTML \u6807\u51c6](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type) \| String \| `button` \|\n\| icon \| \u8bbe\u7f6e\u6309\u94ae\u7684\u56fe\u6807\u7c7b\u578b \| String/ReactNode \| - \|\n\| block \| \u901a\u8fc7\u8bbe\u7f6e\u5c5e\u6027 `block` \u53ef\u5c06\u6309\u94ae\u5bbd\u5ea6\u8bbe\u7f6e\u4e3a 100%\uff0c\uff08\u5757\u7ea7\u5143\u7d20\uff09\uff0c\u5e38\u7528\u4e8e\u5f39\u7a97\u5185\u64cd\u4f5c\u6309\u94ae\u3002 \| Boolean \| false \|\n\| disabled \| \u7981\u7528\u72b6\u6001 \| Boolean \| false \|\n\| active \| \u6fc0\u6d3b\u72b6\u6001\uff0c\u5176\u8868\u73b0\u4e3a\u88ab\u6309\u538b\u4e0b\u53bb\uff08\u5e95\u8272\u66f4\u6df1\u3001\u8fb9\u6846\u591c\u8272\u66f4\u6df1\u3001\u5411\u5185\u6295\u5c04\u9634\u5f71\uff09\u3002 \| Boolean \| false \|\n\| loading \| \u52a0\u8f7d\u4e2d\u72b6\u6001 \| Boolean \| false \|\n\n### Button.Group\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| -------- \| -------- \| -------- \| -------- \|\n\| vertical \| \u7ad6\u6392\u5217 \| Boolean \| `false` \|\n'}}}]);
2	- //# sourceMappingURL=1949.6ebed61b.chunk.js.map

package/web/static/js/2134.e0ba4996.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2134],{2134:function(e,r,t){t.r(r),r.default={components:{20:function(){var e,r=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);return function(){return r.default.createElement(a.Breadcrumb,null,r.default.createElement(a.Breadcrumb.Item,null,"\u9996\u9875"),r.default.createElement(a.Breadcrumb.Item,{separator:">"},"\u6d3b\u52a8\u7ba1\u7406"),r.default.createElement(a.Breadcrumb.Item,null,"\u6d3b\u52a8\u5217\u8868"),r.default.createElement(a.Breadcrumb.Item,{active:!0},"\u6d3b\u52a8\u8be6\u60c5"))}}(),40:function(){var e,r=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);return function(){return r.default.createElement("div",null,r.default.createElement(a.Breadcrumb,null,r.default.createElement(a.Breadcrumb.Item,null,r.default.createElement("a",{href:"#"},"Home")),r.default.createElement(a.Breadcrumb.Item,{separator:">"},r.default.createElement("a",{href:"#"},"Library")),r.default.createElement(a.Breadcrumb.Item,{active:!0},"Data")),r.default.createElement(a.Divider,null),r.default.createElement(a.Breadcrumb,{separator:"#"},r.default.createElement(a.Breadcrumb.Item,null,r.default.createElement("a",{href:"#"},"Home")),r.default.createElement(a.Breadcrumb.Item,{separator:r.default.createElement("span",null,"+")},r.default.createElement("a",{href:"#"},"Home")),r.default.createElement(a.Breadcrumb.Item,{separator:r.default.createElement(a.Icon,{type:"home",verticalAlign:"baseline"})},r.default.createElement("a",{href:"#"},"Icon")),r.default.createElement(a.Breadcrumb.Item,{separator:">"},r.default.createElement("a",{href:"#"},"Library")),r.default.createElement(a.Breadcrumb.Item,{active:!0},"Data")))}}(),68:function(){var e,r=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,a)}return t}function c(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?n(Object(t),!0).forEach((function(r){u(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):n(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var m={marginRight:3,top:2,display:"inline-flex"};return function(){return r.default.createElement("div",null,r.default.createElement(a.Breadcrumb,null,r.default.createElement(a.Breadcrumb.Item,null,r.default.createElement("a",{href:"#"},r.default.createElement(a.Icon,{style:m,type:"home"}))),r.default.createElement(a.Breadcrumb.Item,{separator:">"},r.default.createElement("a",{href:"#"},r.default.createElement(a.Icon,{style:m,type:"apple"}),"Library")),r.default.createElement(a.Breadcrumb.Item,{separator:">"},r.default.createElement("a",{href:"#"},r.default.createElement(a.Icon,{style:m,type:"pie-chart"}),"Chart")),r.default.createElement(a.Breadcrumb.Item,{separator:""},r.default.createElement("a",{href:"#"},r.default.createElement(a.Icon,{style:c(c({},m),{},{marginRight:0}),type:"star-on"})," Chart")),r.default.createElement(a.Breadcrumb.Item,{separator:"",active:!0},"Data")))}}()},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(_uiw.Breadcrumb, null, /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, null, "\\u9996\\u9875"), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, {\n separator: ">"\n }, "\\u6D3B\\u52A8\\u7BA1\\u7406"), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, null, "\\u6D3B\\u52A8\\u5217\\u8868"), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, {\n active: true\n }, "\\u6D3B\\u52A8\\u8BE6\\u60C5"));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Breadcrumb } from 'uiw';\n\nfunction Demo() {\n return <Breadcrumb>\n <Breadcrumb.Item >\u9996\u9875</Breadcrumb.Item>\n <Breadcrumb.Item separator=\">\">\u6d3b\u52a8\u7ba1\u7406</Breadcrumb.Item>\n <Breadcrumb.Item>\u6d3b\u52a8\u5217\u8868</Breadcrumb.Item>\n <Breadcrumb.Item active>\u6d3b\u52a8\u8be6\u60c5</Breadcrumb.Item>\n </Breadcrumb>\n}\n\nexport default Demo"},40:{name:40,meta:{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.Breadcrumb, null, /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, null, /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, "Home")), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, {\n separator: ">"\n }, /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, "Library")), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, {\n active: true\n }, "Data")), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb, {\n separator: "#"\n }, /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, null, /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, "Home")), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, {\n separator: /#__PURE__/_react["default"].createElement("span", null, "+")\n }, /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, "Home")), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, {\n separator: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "home",\n verticalAlign: "baseline"\n })\n }, /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, "Icon")), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, {\n separator: ">"\n }, /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, "Library")), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, {\n active: true\n }, "Data")));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Breadcrumb, Divider, Icon } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <Breadcrumb>\n <Breadcrumb.Item><a href="#">Home</a></Breadcrumb.Item>\n <Breadcrumb.Item separator=">"><a href="#">Library</a></Breadcrumb.Item>\n <Breadcrumb.Item active>Data</Breadcrumb.Item>\n </Breadcrumb>\n <Divider />\n <Breadcrumb separator="#">\n <Breadcrumb.Item><a href="#">Home</a></Breadcrumb.Item>\n <Breadcrumb.Item separator={<span>+</span>}><a href="#">Home</a></Breadcrumb.Item>\n <Breadcrumb.Item separator={<Icon type="home" verticalAlign="baseline" />}><a href="#">Icon</a></Breadcrumb.Item>\n <Breadcrumb.Item separator=">"><a href="#">Library</a></Breadcrumb.Item>\n <Breadcrumb.Item active>Data</Breadcrumb.Item>\n </Breadcrumb>\n </div>\n}\nexport default Demo'},68:{name:68,meta:{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 stylIcon = {\n marginRight: 3,\n top: 2,\n display: \'inline-flex\'\n};\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb, null, /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, null, /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n style: stylIcon,\n type: "home"\n }))), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, {\n separator: ">"\n }, /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n style: stylIcon,\n type: "apple"\n }), "Library")), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, {\n separator: ">"\n }, /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n style: stylIcon,\n type: "pie-chart"\n }), "Chart")), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, {\n separator: ""\n }, /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n style: _objectSpread(_objectSpread({}, stylIcon), {}, {\n marginRight: 0\n }),\n type: "star-on"\n }), " Chart")), /#__PURE__/_react["default"].createElement(_uiw.Breadcrumb.Item, {\n separator: "",\n active: true\n }, "Data")));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Breadcrumb, Icon } from \'uiw\';\n\nconst stylIcon = { marginRight: 3, top: 2, display: \'inline-flex\' }\n\nfunction Demo() {\n return <div>\n <Breadcrumb>\n <Breadcrumb.Item >\n <a href="#"><Icon style={stylIcon} type="home"/></a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator=">">\n <a href="#"><Icon style={stylIcon} type="apple"/>Library</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator=">">\n <a href="#"><Icon style={stylIcon} type="pie-chart"/>Chart</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator="">\n <a href="#"><Icon style={{...stylIcon, marginRight: 0}} type="star-on"/> Chart</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator="" active>Data</Breadcrumb.Item>\n </Breadcrumb>\n </div>\n}\nexport default Demo'}},source:'Breadcrumb \u9762\u5305\u5c51\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-breadcrumb/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-breadcrumb.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-breadcrumb)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-breadcrumb.svg?label=@uiw/react-breadcrumb)](https://npmjs.com/@uiw/react-breadcrumb)\n\n\u663e\u793a\u5f53\u524d\u9875\u9762\u7684\u8def\u5f84\uff0c\u5feb\u901f\u8fd4\u56de\u4e4b\u524d\u7684\u4efb\u610f\u9875\u9762\u3002\n\n```jsx\nimport { Breadcrumb } from \'uiw\';\n// or\nimport Breadcrumb from \'@uiw/react-breadcrumb\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u9002\u7528\u5e7f\u6cdb\u7684\u57fa\u7840\u7528\u6cd5\uff0c\u5728 `Breadcrumb` \u4e2d\u4f7f\u7528 `Breadcrumb.Item` \u6807\u7b7e\u8868\u793a\u4ece\u9996\u9875\u5f00\u59cb\u7684\u6bcf\u4e00\u7ea7\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Breadcrumb } from \'uiw\';\n\nfunction Demo() {\n return <Breadcrumb>\n <Breadcrumb.Item >\u9996\u9875</Breadcrumb.Item>\n <Breadcrumb.Item separator=">">\u6d3b\u52a8\u7ba1\u7406</Breadcrumb.Item>\n <Breadcrumb.Item>\u6d3b\u52a8\u5217\u8868</Breadcrumb.Item>\n <Breadcrumb.Item active>\u6d3b\u52a8\u8be6\u60c5</Breadcrumb.Item>\n </Breadcrumb>\n}\n\nexport default Demo\n```\n\n### \u81ea\u5b9a\u4e49\u5206\u9694\u7b26\n\n\u4f7f\u7528 `separator=">"` \u53ef\u4ee5\u81ea\u5b9a\u4e49\u5206\u9694\u7b26\uff0c\u5206\u9694\u7b26\u4e5f\u53ef\u4ee5\u662f\u56fe\u6807\u3002\n\n```jsx mdx:preview&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Breadcrumb, Divider, Icon } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <Breadcrumb>\n <Breadcrumb.Item><a href="#">Home</a></Breadcrumb.Item>\n <Breadcrumb.Item separator=">"><a href="#">Library</a></Breadcrumb.Item>\n <Breadcrumb.Item active>Data</Breadcrumb.Item>\n </Breadcrumb>\n <Divider />\n <Breadcrumb separator="#">\n <Breadcrumb.Item><a href="#">Home</a></Breadcrumb.Item>\n <Breadcrumb.Item separator={<span>+</span>}><a href="#">Home</a></Breadcrumb.Item>\n <Breadcrumb.Item separator={<Icon type="home" verticalAlign="baseline" />}><a href="#">Icon</a></Breadcrumb.Item>\n <Breadcrumb.Item separator=">"><a href="#">Library</a></Breadcrumb.Item>\n <Breadcrumb.Item active>Data</Breadcrumb.Item>\n </Breadcrumb>\n </div>\n}\nexport default Demo\n```\n\n### \u5e26\u6709\u56fe\u6807\u548c\u8fde\u63a5\u7684\n\n\u56fe\u6807\u653e\u5728\u6587\u5b57\u524d\u9762\u3002\u6ce8\u610f\u6587\u5b57\u8981\u4f7f\u7528 `span` \u5305\u88f9\u8d77\u6765\uff0c\u56fe\u6807 `<Icon />` \u9700\u8981\u8ddf `span` \u540c\u7ea7\u3002`Breadcrumb.Item` \u5b9a\u4e49 `href` \u53c2\u6570\u7684\u8bdd\uff0c`Item` \u4e0a\u7684\u53c2\u6570\u5c31\u5168\u90e8\u662f\u8d85\u94fe\u539f\u59cb\u5c5e\u6027\u3002\n\n```jsx mdx:preview&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Breadcrumb, Icon } from \'uiw\';\n\nconst stylIcon = { marginRight: 3, top: 2, display: \'inline-flex\' }\n\nfunction Demo() {\n return <div>\n <Breadcrumb>\n <Breadcrumb.Item >\n <a href="#"><Icon style={stylIcon} type="home"/></a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator=">">\n <a href="#"><Icon style={stylIcon} type="apple"/>Library</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator=">">\n <a href="#"><Icon style={stylIcon} type="pie-chart"/>Chart</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator="">\n <a href="#"><Icon style={{...stylIcon, marginRight: 0}} type="star-on"/> Chart</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator="" active>Data</Breadcrumb.Item>\n </Breadcrumb>\n </div>\n}\nexport default Demo\n```\n\n## Breadcrumb\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| style \| \u6837\u5f0f \| String \| - \|\n\| className \| \u6837\u5f0f\u540d\u79f0 \| String \| `w-breadcrumb` \|\n\| tagName \| \u8bbe\u7f6e\u5b50\u8282\u70b9\u6807\u7b7e\u540d\uff0c\u9ed8\u8ba4 `<a />` \u6807\u7b7e\uff0c\u4e5f\u53ef\u4ee5\u6307\u5b9a\u8def\u7531 [`<Link />`](https://reacttraining.com/react-router/web/api/Link) \| String \| `a` \|\n\| separator \| \u5206\u9694\u7b26\u81ea\u5b9a\u4e49\uff0c\u5b9a\u4e49\u6240\u6709\u5b50\u7ec4\u4ef6\u7684\u5206\u9694\u7b26\u3002 \| String \| `/` \|\n\n\u5176\u5b83\u53c2\u6570\u53ef\u6839\u636e `tagName` \u6765\u8bbe\u7f6e\uff0c\u9ed8\u8ba4 `<a />` \u6807\u7b7e\u65f6\uff0c\u53ef\u8bbe\u7f6e `href="https://wwww.google.com"` \u6216\u8005 `target="_blank"` \u7b49\u53c2\u6570\uff0c\u4f60\u53ef\u4ee5\u8bbe\u7f6e [react-router-dom](https://github.com/ReactTraining/react-router) \u8def\u7531 [`<Link />`](https://reacttraining.com/react-router/web/api/Link)\uff0c\u4f8b\u5982\uff1a\n\n```jsx\nimport { Breadcrumb, Icon } from \'uiw\';\nimport { Link } from \'react-router-dom\';\n\nconst Demo = () => {\n return (\n <Breadcrumb>\n <Breadcrumb.Item tagName={Link} to="/home">\n <Icon type="apple"/> Home\n </Breadcrumb.Item>\n </Breadcrumb>\n )\n}\n```\n\n## Breadcrumb.Item\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| className \| \u6837\u5f0f\u540d\u79f0 \| String \| `w-breadcrumb-itme` \|\n\| separator \| \u5206\u9694\u7b26\u81ea\u5b9a\u4e49\uff0c\u5b50\u7ec4\u4ef6\u53ef\u4ee5\u5355\u72ec\u5b9a\u4e49\u4e0d\u540c\u7684\u5206\u9694\u7b26\u3002 \| String \| - \|\n\| active \| \u6fc0\u6d3b\u3002 \| String \| - \|\n\n'}}}]);
2	- //# sourceMappingURL=2134.e0ba4996.chunk.js.map