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

package/web/static/js/8822.ae88e086.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/8822.ae88e086.chunk.js","mappings":"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","sources":["../../packages/react-icon/README.md"],"sourcesContent":["\nexport default {\n    components: { 18: (function() { \"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 icons = [\"adobe\", \"alipay\", \"aliwangwang\", \"android-o\", \"android\", \"apple\", \"appstore-o\", \"appstore\", \"area-chart\", \"down\", \"left\", \"right\", \"up\", \"arrow-down\", \"arrow-left\", \"arrow-right\", \"arrow-up\", \"arrows-alt\", \"asterisk\", \"backward\", \"baidu\", \"bar-chart\", \"barcode\", \"bell\", \"camera-o\", \"caret-down\", \"caret-left\", \"caret-right\", \"caret-up\", \"check-square-o\", \"check-square\", \"check\", \"chrome\", \"circle-check-o\", \"circle-check\", \"circle-close-o\", \"circle-close\", \"close-square-o\", \"close-square\", \"close\", \"cloud-download-o\", \"cloud-download\", \"cloud-upload-o\", \"cloud-upload\", \"coffee\", \"component\", \"copy\", \"copyright\", \"css3\", \"cut\", \"d-arrow-left\", \"d-arrow-right\", \"d-caret\", \"dashboard\", \"date\", \"delete\", \"dingding\", \"dislike-o\", \"document\", \"dot-chart\", \"circle-o\", \"down-circle-o\", \"down-circle\", \"down-square-o\", \"down-square\", \"square-o\", \"download\", \"edit\", \"enter\", \"environment-o\", \"environment\", \"eye-o\", \"eye\", \"facebook\", \"file-add\", \"file-excel\", \"file-jpg\", \"file-pdf\", \"file-text\", \"file-unknown\", \"filter\", \"firefox\", \"folder-add\", \"folder-open\", \"folder\", \"forward\", \"foursquare\", \"frown-o\", \"frown\", \"github-o\", \"github\", \"global\", \"heart-off\", \"heart-on\", \"home\", \"html5\", \"ie\", \"inbox\", \"information-o\", \"information\", \"laptop\", \"left-circle-o\", \"left-circle\", \"left-square-o\", \"left-square\", \"like-o\", \"link\", \"linkedin\", \"linux\", \"loading\", \"lock\", \"login\", \"logout\", \"man\", \"map\", \"meh-o\", \"meh\", \"menu-fold\", \"menu-unfold\", \"menu\", \"mail\", \"mail-o\", \"message\", \"minus-circle-o\", \"minus-circle\", \"minus-square-o\", \"minus-square\", \"minus\", \"mobile\", \"more\", \"notification\", \"opera\", \"paper-clip\", \"pause-circle-o\", \"pause-circle\", \"pause\", \"pay-circle-o\", \"pay\", \"picasa\", \"picture\", \"pie-chart\", \"pinterest\", \"play-circle-o\", \"play-circle\", \"plus-circle-o\", \"plus-circle\", \"plus-square-o\", \"plus-square\", \"plus\", \"poweroff\", \"printer\", \"qq\", \"qrcode\", \"question-circle-o\", \"question-circle\", \"reddit\", \"reload\", \"right-circle-o\", \"right-circle\", \"right-square-o\", \"right-square\", \"rollback\", \"safari\", \"safety\", \"save\", \"search\", \"setting-o\", \"setting\", \"share\", \"shopping-cart\", \"shrink\", \"smile-o\", \"smile\", \"star-off\", \"star-on\", \"swap-left\", \"swap-right\", \"swap\", \"table\", \"tag-o\", \"tag\", \"tags-o\", \"tags\", \"taobao\", \"time-o\", \"time\", \"twitter\", \"uiw\", \"unlock\", \"up-circle-o\", \"up-circle\", \"up-square-o\", \"up-square\", \"upload\", \"user-add\", \"user-delete\", \"user\", \"usergroup-add\", \"usergroup-delete\", \"verification\", \"verticle-left\", \"verticle-right\", \"video-camera\", \"warning-o\", \"warning\", \"weibo\", \"weixin\", \"wifi\", \"windows\", \"woman\", \"zoom-in\", \"zoom-out\", 'stop-o', 'stop'];\nvar itemStyl = {\n  fontSize: 26,\n  minWidth: 120,\n  background: '#eaeaea',\n  marginBottom: 10,\n  marginRight: 10,\n  padding: '20px 0',\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  textAlign: 'center',\n  justifyContent: 'center',\n  fill: '#525252'\n};\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo(props) {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this, props);\n    _this.state = {\n      len: 0,\n      result: []\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: \"onChange\",\n    value: function onChange(env) {\n      var value = env.target.value;\n      var data = value ? icons.filter(function (item) {\n        return item.indexOf(value) > -1;\n      }) : [];\n      var len = data.length;\n      var result = data.splice(0, 15);\n      this.setState({\n        len: len,\n        result: result\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this$state = this.state,\n          len = _this$state.len,\n          result = _this$state.result;\n      return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Input, {\n        preIcon: \"search\",\n        placeholder: \"\\u8BF7\\u8F93\\u5165\\u56FE\\u6807\\u540D\\u79F0\",\n        type: \"text\",\n        style: {\n          maxWidth: 200\n        },\n        onChange: this.onChange.bind(this)\n      }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n        style: {\n          padding: '10px 0'\n        }\n      }, \"\\u641C\\u7D22\\u5230 \", this.state.len, \" \\u4E2A\\u7ED3\\u679C\", len > 0 && /*#__PURE__*/_react[\"default\"].createElement(\"span\", null, \"\\uFF0C\\u4E0B\\u9762\\u5C55\\u793A \", len > 15 ? '15' : len, \" \\u4E2A\\u56FE\\u6807\\uFF0C\\u53EF\\u4EE5\\u70B9\\u51FB\\u590D\\u5236\\u56FE\\u6807\\u4EE3\\u7801: \")), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n        style: {\n          display: 'flex',\n          flexWrap: 'wrap',\n          marginBottom: -10,\n          marginRight: -10\n        }\n      }, result.map(function (type, idx) {\n        var iconTxt = \"<Icon type=\\\"\".concat(type, \"\\\" />\");\n        return /*#__PURE__*/_react[\"default\"].createElement(_uiw.CopyToClipboard, {\n          key: idx,\n          style: itemStyl,\n          text: iconTxt,\n          onClick: function onClick() {\n            _uiw.Notify.success({\n              title: '你已复制内容！',\n              description: /*#__PURE__*/_react[\"default\"].createElement(\"span\", null, \"\\u5DF2\\u590D\\u5236 \", /*#__PURE__*/_react[\"default\"].createElement(\"b\", {\n                style: {\n                  color: 'red'\n                }\n              }, iconTxt), \" \\u53EF\\u4EE5\\u53BB\\u7C98\\u8D34\\u4E86\\uFF01\")\n            });\n          }\n        }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n          key: idx\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n          type: type\n        }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n          style: {\n            color: '#525252',\n            fontSize: 12,\n            paddingTop: 8\n          }\n        }, type)));\n      })));\n    }\n  }]);\n\n  return Demo;\n}(_react[\"default\"].Component);\n\nreturn Demo; })(),121: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      fontSize: 18,\n      lineHeight: '12px'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"heart-on\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"pie-chart\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"tag\"\n  }));\n};\n\nreturn Demo; })(),140: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      fontSize: '28px'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"heart-on\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"pie-chart\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"tag\"\n  }));\n};\n\nreturn Demo; })(),161: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      fontSize: '28px',\n      color: 'green'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"apple\",\n    color: \"red\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"pie-chart\",\n    style: {\n      fill: 'currentColor'\n    }\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"frown\",\n    style: {\n      fill: 'blue'\n    }\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"uiw\",\n    style: {\n      stroke: 'red',\n      fill: '#ffef00'\n    }\n  }));\n};\n\nreturn Demo; })(),178: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(\"h3\", {\n    style: {\n      margin: 0\n    }\n  }, \"Exit \", /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    verticalAlign: \"baseline\",\n    type: \"baidu\"\n  })), /*#__PURE__*/_react[\"default\"].createElement(\"span\", null, \"uiw\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"uiw\",\n    verticalAlign: \"baseline\",\n    style: {\n      fill: '#009688',\n      fontSize: 21\n    }\n  }));\n};\n\nreturn Demo; })(),201: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"circle-close\",\n    verticalAlign: \"baseline\"\n  }), \"  \\u56FE\\u6807\\u540D\\u79F0\\uFF1Acircle-close\\uFF0C[circle\\u5708]-[\\u5173\\u95EDclose]\", /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"circle-close-o\",\n    verticalAlign: \"baseline\"\n  }), \" \\u56FE\\u6807\\u540D\\u79F0\\uFF1Acircle-close-o\\uFF0C[circle\\u5708]-[\\u5173\\u95EDclose]-[o\\u63CF\\u7EBF]\");\n};\n\nreturn Demo; })(),219: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      fontSize: 21,\n      color: 'green'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"loading\",\n    spin: true,\n    color: \"red\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"reload\",\n    spin: true\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"picasa\",\n    spin: true,\n    style: {\n      fill: 'blue'\n    }\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"smile-o\",\n    spin: true,\n    style: {\n      fill: 'blue'\n    }\n  }));\n};\n\nreturn Demo; })(),236: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\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 contrast = /*#__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 8h-1.26c-.19-.73-.48-1.42-.85-2.06l.94-.94a.996.996 0 0 0 0-1.41l-1.41-1.41a.996.996 0 0 0-1.41 0l-.94.94c-.65-.38-1.34-.67-2.07-.86V1c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v1.26c-.76.2-1.47.5-2.13.89L5 2.28a.972.972 0 0 0-1.36 0L2.28 3.64c-.37.38-.37.98 0 1.36l.87.87c-.39.66-.69 1.37-.89 2.13H1c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h1.26c.19.73.48 1.42.85 2.06l-.94.94a.996.996 0 0 0 0 1.41l1.41 1.41c.39.39 1.02.39 1.41 0l.94-.94c.64.38 1.33.66 2.06.85V19c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-1.26c.76-.2 1.47-.5 2.13-.89l.88.87c.37.37.98.37 1.36 0l1.36-1.36c.37-.38.37-.98 0-1.36l-.87-.87c.4-.65.7-1.37.89-2.13H19c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-9 7c-2.76 0-5-2.24-5-5s2.24-5 5-5v10z\",\n  fillRule: \"evenodd\"\n}));\n\nvar styl = {\n  marginRight: 10\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      fontSize: 21,\n      color: 'green'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    style: styl,\n    type: chat,\n    color: \"red\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    style: styl,\n    type: contrast,\n    spin: true\n  }));\n};\n\nreturn Demo; })(),307: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar iconList = ['circle-o', 'down-square-o', 'down-square', 'up-square-o', 'up-square', 'left-square-o', 'left-square', 'right-square-o', 'right-square'];\nvar itemStyl = {\n  fontSize: 18,\n  minWidth: 120,\n  background: '#eaeaea',\n  marginBottom: 10,\n  marginRight: 10,\n  padding: '20px 0',\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fill: '#525252'\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      marginBottom: -10,\n      marginRight: -10\n    }\n  }, iconList.map(function (type, idx) {\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      key: idx,\n      style: itemStyl\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n      type: type\n    }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      style: {\n        color: '#525252',\n        fontSize: 12,\n        paddingTop: 8\n      }\n    }, type));\n  }));\n};\n\nreturn Demo; })(),336: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar iconList = ['square-o', 'down-circle-o', 'down-circle', 'up-circle-o', 'up-circle', 'left-circle-o', 'left-circle', 'right-circle-o', 'right-circle', 'play-circle-o', 'play-circle'];\nvar itemStyl = {\n  fontSize: 18,\n  minWidth: 120,\n  background: '#eaeaea',\n  marginBottom: 10,\n  marginRight: 10,\n  padding: '20px 0',\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fill: '#525252'\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      marginBottom: -10,\n      marginRight: -10\n    }\n  }, iconList.map(function (type, idx) {\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      key: idx,\n      style: itemStyl\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n      type: type\n    }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      style: {\n        color: '#525252',\n        fontSize: 12,\n        paddingTop: 8\n      }\n    }, type));\n  }));\n};\n\nreturn Demo; })(),364: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar iconList = ['down', 'up', 'left', 'right', 'caret-down', 'caret-up', 'caret-left', 'caret-right', 'arrow-down', 'arrow-up', 'arrow-left', 'arrow-right', 'shrink', 'arrows-alt', 'd-arrow-left', 'd-arrow-right', 'enter', 'rollback', 'd-caret', 'backward', 'forward', 'logout', 'login', 'swap-left', 'swap-right', 'swap', 'verticle-left', 'verticle-right', 'menu', 'menu-fold', 'menu-unfold'];\nvar itemStyl = {\n  fontSize: 18,\n  minWidth: 120,\n  background: '#eaeaea',\n  marginBottom: 10,\n  marginRight: 10,\n  padding: '20px 0',\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fill: '#525252'\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      marginBottom: -10,\n      marginRight: -10\n    }\n  }, iconList.map(function (type, idx) {\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      key: idx,\n      style: itemStyl\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n      type: type\n    }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      style: {\n        color: '#525252',\n        fontSize: 12,\n        paddingTop: 8\n      }\n    }, type));\n  }));\n};\n\nreturn Demo; })(),396: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar iconList = ['smile-o', 'smile', 'frown-o', 'frown', 'meh-o', 'meh', 'pause-circle-o', 'pause', 'pause-circle', 'information-o', 'information', 'warning-o', 'warning', 'question-circle-o', 'question-circle', 'stop-o', 'stop'];\nvar itemStyl = {\n  fontSize: 18,\n  minWidth: 120,\n  background: '#eaeaea',\n  marginBottom: 10,\n  marginRight: 10,\n  padding: '20px 0',\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fill: '#525252'\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      marginBottom: -10,\n      marginRight: -10\n    }\n  }, iconList.map(function (type, idx) {\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      key: idx,\n      style: itemStyl\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n      type: type\n    }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      style: {\n        color: '#525252',\n        fontSize: 12,\n        paddingTop: 8\n      }\n    }, type));\n  }));\n};\n\nreturn Demo; })(),427: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar iconList = ['plus', 'plus-circle-o', 'plus-circle', 'plus-square', 'plus-square-o', 'minus', 'minus-circle-o', 'minus-circle', 'minus-square', 'minus-square-o', 'close', 'circle-close-o', 'circle-close', 'close-square', 'close-square-o', 'asterisk', 'check', 'circle-check-o', 'circle-check', 'check-square', 'check-square-o', 'copyright'];\nvar itemStyl = {\n  fontSize: 18,\n  minWidth: 120,\n  background: '#eaeaea',\n  marginBottom: 10,\n  marginRight: 10,\n  padding: '20px 0',\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fill: '#525252'\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      marginBottom: -10,\n      marginRight: -10\n    }\n  }, iconList.map(function (type, idx) {\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      key: idx,\n      style: itemStyl\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n      type: type\n    }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      style: {\n        color: '#525252',\n        fontSize: 12,\n        paddingTop: 8\n      }\n    }, type));\n  }));\n};\n\nreturn Demo; })(),459: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar iconList = ['file-text', 'file-jpg', 'file-unknown', 'file-add', 'file-excel', 'file-pdf', 'folder-add', 'folder-open', 'paper-clip'];\nvar itemStyl = {\n  fontSize: 18,\n  minWidth: 120,\n  background: '#eaeaea',\n  marginBottom: 10,\n  marginRight: 10,\n  padding: '20px 0',\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fill: '#525252'\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      marginBottom: -10,\n      marginRight: -10\n    }\n  }, iconList.map(function (type, idx) {\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      key: idx,\n      style: itemStyl\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n      type: type\n    }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      style: {\n        color: '#525252',\n        fontSize: 12,\n        paddingTop: 8\n      }\n    }, type));\n  }));\n};\n\nreturn Demo; })(),489: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar iconList = ['heart-off', 'heart-on', 'star-on', 'star-off', 'lock', 'unlock', 'dashboard', 'area-chart', 'bar-chart', 'dot-chart', 'pie-chart', 'dislike-o', 'like-o', 'loading', 'reload', 'appstore', 'appstore-o', 'tag', 'tag-o', 'tags', 'tags-o', 'setting', 'setting-o', 'map', 'table', 'qrcode', 'barcode', 'printer', 'cloud-upload', 'cloud-upload-o', 'cloud-download', 'cloud-download-o', 'download', 'message', 'mail', 'mail-o', 'user', 'user-add', 'user-delete', 'usergroup-add', 'usergroup-delete', 'zoom-in', 'zoom-out', 'time', 'time-o', 'bell', 'camera-o', 'coffee', 'document', 'delete', 'date', 'edit', 'eye-o', 'environment-o', 'filter', 'global', 'inbox', 'home', 'laptop', 'link', 'copy', 'more', 'shopping-cart', 'search', 'save', 'safety', 'poweroff', 'picasa', 'notification', 'pay-circle-o', 'pay', 'picture', 'woman', 'man', 'verification', 'wifi', 'video-camera', 'mobile'];\nvar itemStyl = {\n  fontSize: 18,\n  minWidth: 120,\n  background: '#eaeaea',\n  marginBottom: 10,\n  marginRight: 10,\n  padding: '20px 0',\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fill: '#525252'\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      marginBottom: -10,\n      marginRight: -10\n    }\n  }, iconList.map(function (type, idx) {\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      key: idx,\n      style: itemStyl\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n      type: type\n    }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      style: {\n        color: '#525252',\n        fontSize: 12,\n        paddingTop: 8\n      }\n    }, type));\n  }));\n};\n\nreturn Demo; })(),525: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar iconList = ['uiw', 'windows', 'linux', 'apple', 'facebook', 'twitter', 'adobe', 'baidu', 'alipay', 'android-o', 'android', 'reddit', 'github', 'github-o', 'aliwangwang', 'dingding', 'foursquare', 'linkedin', 'pinterest', 'qq', 'weibo', 'taobao', 'weixin', 'css3', 'html5'];\nvar itemStyl = {\n  fontSize: 18,\n  minWidth: 120,\n  background: '#eaeaea',\n  marginBottom: 10,\n  marginRight: 10,\n  padding: '20px 0',\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fill: '#525252'\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      marginBottom: -10,\n      marginRight: -10\n    }\n  }, iconList.map(function (type, idx) {\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      key: idx,\n      style: itemStyl\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n      type: type\n    }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      style: {\n        color: '#525252',\n        fontSize: 12,\n        paddingTop: 8\n      }\n    }, type));\n  }));\n};\n\nreturn Demo; })(),553: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar iconList = [\"chrome\", \"safari\", \"firefox\", \"opera\", \"ie\"];\nvar itemStyl = {\n  fontSize: 18,\n  minWidth: 120,\n  background: '#eaeaea',\n  marginBottom: 10,\n  marginRight: 10,\n  padding: '20px 0',\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fill: '#525252'\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      marginBottom: -10,\n      marginRight: -10\n    }\n  }, iconList.map(function (type, idx) {\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      key: idx,\n      style: itemStyl\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n      type: type\n    }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      style: {\n        color: '#525252',\n        fontSize: 12,\n        paddingTop: 8\n      }\n    }, type));\n  }));\n};\n\nreturn Demo; })(), },\n    data: {\n  \"18\": {\n    \"name\": 18,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"noCode\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"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 icons = [\\\"adobe\\\", \\\"alipay\\\", \\\"aliwangwang\\\", \\\"android-o\\\", \\\"android\\\", \\\"apple\\\", \\\"appstore-o\\\", \\\"appstore\\\", \\\"area-chart\\\", \\\"down\\\", \\\"left\\\", \\\"right\\\", \\\"up\\\", \\\"arrow-down\\\", \\\"arrow-left\\\", \\\"arrow-right\\\", \\\"arrow-up\\\", \\\"arrows-alt\\\", \\\"asterisk\\\", \\\"backward\\\", \\\"baidu\\\", \\\"bar-chart\\\", \\\"barcode\\\", \\\"bell\\\", \\\"camera-o\\\", \\\"caret-down\\\", \\\"caret-left\\\", \\\"caret-right\\\", \\\"caret-up\\\", \\\"check-square-o\\\", \\\"check-square\\\", \\\"check\\\", \\\"chrome\\\", \\\"circle-check-o\\\", \\\"circle-check\\\", \\\"circle-close-o\\\", \\\"circle-close\\\", \\\"close-square-o\\\", \\\"close-square\\\", \\\"close\\\", \\\"cloud-download-o\\\", \\\"cloud-download\\\", \\\"cloud-upload-o\\\", \\\"cloud-upload\\\", \\\"coffee\\\", \\\"component\\\", \\\"copy\\\", \\\"copyright\\\", \\\"css3\\\", \\\"cut\\\", \\\"d-arrow-left\\\", \\\"d-arrow-right\\\", \\\"d-caret\\\", \\\"dashboard\\\", \\\"date\\\", \\\"delete\\\", \\\"dingding\\\", \\\"dislike-o\\\", \\\"document\\\", \\\"dot-chart\\\", \\\"circle-o\\\", \\\"down-circle-o\\\", \\\"down-circle\\\", \\\"down-square-o\\\", \\\"down-square\\\", \\\"square-o\\\", \\\"download\\\", \\\"edit\\\", \\\"enter\\\", \\\"environment-o\\\", \\\"environment\\\", \\\"eye-o\\\", \\\"eye\\\", \\\"facebook\\\", \\\"file-add\\\", \\\"file-excel\\\", \\\"file-jpg\\\", \\\"file-pdf\\\", \\\"file-text\\\", \\\"file-unknown\\\", \\\"filter\\\", \\\"firefox\\\", \\\"folder-add\\\", \\\"folder-open\\\", \\\"folder\\\", \\\"forward\\\", \\\"foursquare\\\", \\\"frown-o\\\", \\\"frown\\\", \\\"github-o\\\", \\\"github\\\", \\\"global\\\", \\\"heart-off\\\", \\\"heart-on\\\", \\\"home\\\", \\\"html5\\\", \\\"ie\\\", \\\"inbox\\\", \\\"information-o\\\", \\\"information\\\", \\\"laptop\\\", \\\"left-circle-o\\\", \\\"left-circle\\\", \\\"left-square-o\\\", \\\"left-square\\\", \\\"like-o\\\", \\\"link\\\", \\\"linkedin\\\", \\\"linux\\\", \\\"loading\\\", \\\"lock\\\", \\\"login\\\", \\\"logout\\\", \\\"man\\\", \\\"map\\\", \\\"meh-o\\\", \\\"meh\\\", \\\"menu-fold\\\", \\\"menu-unfold\\\", \\\"menu\\\", \\\"mail\\\", \\\"mail-o\\\", \\\"message\\\", \\\"minus-circle-o\\\", \\\"minus-circle\\\", \\\"minus-square-o\\\", \\\"minus-square\\\", \\\"minus\\\", \\\"mobile\\\", \\\"more\\\", \\\"notification\\\", \\\"opera\\\", \\\"paper-clip\\\", \\\"pause-circle-o\\\", \\\"pause-circle\\\", \\\"pause\\\", \\\"pay-circle-o\\\", \\\"pay\\\", \\\"picasa\\\", \\\"picture\\\", \\\"pie-chart\\\", \\\"pinterest\\\", \\\"play-circle-o\\\", \\\"play-circle\\\", \\\"plus-circle-o\\\", \\\"plus-circle\\\", \\\"plus-square-o\\\", \\\"plus-square\\\", \\\"plus\\\", \\\"poweroff\\\", \\\"printer\\\", \\\"qq\\\", \\\"qrcode\\\", \\\"question-circle-o\\\", \\\"question-circle\\\", \\\"reddit\\\", \\\"reload\\\", \\\"right-circle-o\\\", \\\"right-circle\\\", \\\"right-square-o\\\", \\\"right-square\\\", \\\"rollback\\\", \\\"safari\\\", \\\"safety\\\", \\\"save\\\", \\\"search\\\", \\\"setting-o\\\", \\\"setting\\\", \\\"share\\\", \\\"shopping-cart\\\", \\\"shrink\\\", \\\"smile-o\\\", \\\"smile\\\", \\\"star-off\\\", \\\"star-on\\\", \\\"swap-left\\\", \\\"swap-right\\\", \\\"swap\\\", \\\"table\\\", \\\"tag-o\\\", \\\"tag\\\", \\\"tags-o\\\", \\\"tags\\\", \\\"taobao\\\", \\\"time-o\\\", \\\"time\\\", \\\"twitter\\\", \\\"uiw\\\", \\\"unlock\\\", \\\"up-circle-o\\\", \\\"up-circle\\\", \\\"up-square-o\\\", \\\"up-square\\\", \\\"upload\\\", \\\"user-add\\\", \\\"user-delete\\\", \\\"user\\\", \\\"usergroup-add\\\", \\\"usergroup-delete\\\", \\\"verification\\\", \\\"verticle-left\\\", \\\"verticle-right\\\", \\\"video-camera\\\", \\\"warning-o\\\", \\\"warning\\\", \\\"weibo\\\", \\\"weixin\\\", \\\"wifi\\\", \\\"windows\\\", \\\"woman\\\", \\\"zoom-in\\\", \\\"zoom-out\\\", 'stop-o', 'stop'];\\nvar itemStyl = {\\n  fontSize: 26,\\n  minWidth: 120,\\n  background: '#eaeaea',\\n  marginBottom: 10,\\n  marginRight: 10,\\n  padding: '20px 0',\\n  display: 'flex',\\n  flexDirection: 'column',\\n  alignItems: 'center',\\n  textAlign: 'center',\\n  justifyContent: 'center',\\n  fill: '#525252'\\n};\\n\\nvar Demo = /*#__PURE__*/function (_React$Component) {\\n  _inherits(Demo, _React$Component);\\n\\n  var _super = _createSuper(Demo);\\n\\n  function Demo(props) {\\n    var _this;\\n\\n    _classCallCheck(this, Demo);\\n\\n    _this = _super.call(this, props);\\n    _this.state = {\\n      len: 0,\\n      result: []\\n    };\\n    return _this;\\n  }\\n\\n  _createClass(Demo, [{\\n    key: \\\"onChange\\\",\\n    value: function onChange(env) {\\n      var value = env.target.value;\\n      var data = value ? icons.filter(function (item) {\\n        return item.indexOf(value) > -1;\\n      }) : [];\\n      var len = data.length;\\n      var result = data.splice(0, 15);\\n      this.setState({\\n        len: len,\\n        result: result\\n      });\\n    }\\n  }, {\\n    key: \\\"render\\\",\\n    value: function render() {\\n      var _this$state = this.state,\\n          len = _this$state.len,\\n          result = _this$state.result;\\n      return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Input, {\\n        preIcon: \\\"search\\\",\\n        placeholder: \\\"\\\\u8BF7\\\\u8F93\\\\u5165\\\\u56FE\\\\u6807\\\\u540D\\\\u79F0\\\",\\n        type: \\\"text\\\",\\n        style: {\\n          maxWidth: 200\\n        },\\n        onChange: this.onChange.bind(this)\\n      }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n        style: {\\n          padding: '10px 0'\\n        }\\n      }, \\\"\\\\u641C\\\\u7D22\\\\u5230 \\\", this.state.len, \\\" \\\\u4E2A\\\\u7ED3\\\\u679C\\\", len > 0 && /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"\\\\uFF0C\\\\u4E0B\\\\u9762\\\\u5C55\\\\u793A \\\", len > 15 ? '15' : len, \\\" \\\\u4E2A\\\\u56FE\\\\u6807\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u70B9\\\\u51FB\\\\u590D\\\\u5236\\\\u56FE\\\\u6807\\\\u4EE3\\\\u7801: \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n        style: {\\n          display: 'flex',\\n          flexWrap: 'wrap',\\n          marginBottom: -10,\\n          marginRight: -10\\n        }\\n      }, result.map(function (type, idx) {\\n        var iconTxt = \\\"<Icon type=\\\\\\\"\\\".concat(type, \\\"\\\\\\\" />\\\");\\n        return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.CopyToClipboard, {\\n          key: idx,\\n          style: itemStyl,\\n          text: iconTxt,\\n          onClick: function onClick() {\\n            _uiw.Notify.success({\\n              title: '你已复制内容！',\\n              description: /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"\\\\u5DF2\\\\u590D\\\\u5236 \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"b\\\", {\\n                style: {\\n                  color: 'red'\\n                }\\n              }, iconTxt), \\\" \\\\u53EF\\\\u4EE5\\\\u53BB\\\\u7C98\\\\u8D34\\\\u4E86\\\\uFF01\\\")\\n            });\\n          }\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n          key: idx\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n          type: type\\n        }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n          style: {\\n            color: '#525252',\\n            fontSize: 12,\\n            paddingTop: 8\\n          }\\n        }, type)));\\n      })));\\n    }\\n  }]);\\n\\n  return Demo;\\n}(_react[\\\"default\\\"].Component);\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Input, CopyToClipboard, Icon, Notify } from 'uiw';\\n\\nconst icons = [\\\"adobe\\\", \\\"alipay\\\", \\\"aliwangwang\\\", \\\"android-o\\\", \\\"android\\\", \\\"apple\\\", \\\"appstore-o\\\", \\\"appstore\\\", \\\"area-chart\\\", \\\"down\\\", \\\"left\\\", \\\"right\\\", \\\"up\\\", \\\"arrow-down\\\", \\\"arrow-left\\\", \\\"arrow-right\\\", \\\"arrow-up\\\", \\\"arrows-alt\\\", \\\"asterisk\\\", \\\"backward\\\", \\\"baidu\\\", \\\"bar-chart\\\", \\\"barcode\\\", \\\"bell\\\", \\\"camera-o\\\", \\\"caret-down\\\", \\\"caret-left\\\", \\\"caret-right\\\", \\\"caret-up\\\", \\\"check-square-o\\\", \\\"check-square\\\", \\\"check\\\", \\\"chrome\\\", \\\"circle-check-o\\\", \\\"circle-check\\\", \\\"circle-close-o\\\", \\\"circle-close\\\", \\\"close-square-o\\\", \\\"close-square\\\", \\\"close\\\", \\\"cloud-download-o\\\", \\\"cloud-download\\\", \\\"cloud-upload-o\\\", \\\"cloud-upload\\\", \\\"coffee\\\", \\\"component\\\", \\\"copy\\\", \\\"copyright\\\", \\\"css3\\\", \\\"cut\\\", \\\"d-arrow-left\\\", \\\"d-arrow-right\\\", \\\"d-caret\\\", \\\"dashboard\\\", \\\"date\\\", \\\"delete\\\", \\\"dingding\\\", \\\"dislike-o\\\", \\\"document\\\", \\\"dot-chart\\\", \\\"circle-o\\\", \\\"down-circle-o\\\", \\\"down-circle\\\", \\\"down-square-o\\\", \\\"down-square\\\", \\\"square-o\\\", \\\"download\\\", \\\"edit\\\", \\\"enter\\\", \\\"environment-o\\\", \\\"environment\\\", \\\"eye-o\\\", \\\"eye\\\", \\\"facebook\\\", \\\"file-add\\\", \\\"file-excel\\\", \\\"file-jpg\\\", \\\"file-pdf\\\", \\\"file-text\\\", \\\"file-unknown\\\", \\\"filter\\\", \\\"firefox\\\", \\\"folder-add\\\", \\\"folder-open\\\", \\\"folder\\\", \\\"forward\\\", \\\"foursquare\\\", \\\"frown-o\\\", \\\"frown\\\", \\\"github-o\\\", \\\"github\\\", \\\"global\\\", \\\"heart-off\\\", \\\"heart-on\\\", \\\"home\\\", \\\"html5\\\", \\\"ie\\\", \\\"inbox\\\", \\\"information-o\\\", \\\"information\\\", \\\"laptop\\\", \\\"left-circle-o\\\", \\\"left-circle\\\", \\\"left-square-o\\\", \\\"left-square\\\", \\\"like-o\\\", \\\"link\\\", \\\"linkedin\\\", \\\"linux\\\", \\\"loading\\\", \\\"lock\\\", \\\"login\\\", \\\"logout\\\", \\\"man\\\", \\\"map\\\", \\\"meh-o\\\", \\\"meh\\\", \\\"menu-fold\\\", \\\"menu-unfold\\\", \\\"menu\\\", \\\"mail\\\", \\\"mail-o\\\", \\\"message\\\", \\\"minus-circle-o\\\", \\\"minus-circle\\\", \\\"minus-square-o\\\", \\\"minus-square\\\", \\\"minus\\\", \\\"mobile\\\", \\\"more\\\", \\\"notification\\\", \\\"opera\\\", \\\"paper-clip\\\", \\\"pause-circle-o\\\", \\\"pause-circle\\\", \\\"pause\\\", \\\"pay-circle-o\\\", \\\"pay\\\", \\\"picasa\\\", \\\"picture\\\", \\\"pie-chart\\\", \\\"pinterest\\\", \\\"play-circle-o\\\", \\\"play-circle\\\", \\\"plus-circle-o\\\", \\\"plus-circle\\\", \\\"plus-square-o\\\", \\\"plus-square\\\", \\\"plus\\\", \\\"poweroff\\\", \\\"printer\\\", \\\"qq\\\", \\\"qrcode\\\", \\\"question-circle-o\\\", \\\"question-circle\\\", \\\"reddit\\\", \\\"reload\\\", \\\"right-circle-o\\\", \\\"right-circle\\\", \\\"right-square-o\\\", \\\"right-square\\\", \\\"rollback\\\", \\\"safari\\\", \\\"safety\\\", \\\"save\\\", \\\"search\\\", \\\"setting-o\\\", \\\"setting\\\", \\\"share\\\", \\\"shopping-cart\\\", \\\"shrink\\\", \\\"smile-o\\\", \\\"smile\\\", \\\"star-off\\\", \\\"star-on\\\", \\\"swap-left\\\", \\\"swap-right\\\", \\\"swap\\\", \\\"table\\\", \\\"tag-o\\\", \\\"tag\\\", \\\"tags-o\\\", \\\"tags\\\", \\\"taobao\\\", \\\"time-o\\\", \\\"time\\\", \\\"twitter\\\", \\\"uiw\\\", \\\"unlock\\\", \\\"up-circle-o\\\", \\\"up-circle\\\", \\\"up-square-o\\\", \\\"up-square\\\", \\\"upload\\\", \\\"user-add\\\", \\\"user-delete\\\", \\\"user\\\", \\\"usergroup-add\\\", \\\"usergroup-delete\\\", \\\"verification\\\", \\\"verticle-left\\\", \\\"verticle-right\\\", \\\"video-camera\\\", \\\"warning-o\\\", \\\"warning\\\", \\\"weibo\\\", \\\"weixin\\\", \\\"wifi\\\", \\\"windows\\\", \\\"woman\\\", \\\"zoom-in\\\", \\\"zoom-out\\\", 'stop-o', 'stop'];\\nconst itemStyl = {\\n  fontSize: 26, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center', justifyContent: 'center', fill: '#525252',\\n}\\nclass Demo extends React.Component {\\n  constructor(props) {\\n    super(props);\\n    this.state = {\\n      len: 0,\\n      result: [],\\n    }\\n  }\\n  onChange(env) {\\n    const value = env.target.value;\\n    const data = value ? icons.filter((item) => item.indexOf(value) > -1) : [];\\n    const len = data.length;\\n    const result = data.splice(0, 15);\\n    this.setState({ len, result });\\n  }\\n  render() {\\n    const { len, result } = this.state;\\n    return (\\n      <div>\\n        <Input preIcon=\\\"search\\\" placeholder=\\\"请输入图标名称\\\" type=\\\"text\\\" style={{ maxWidth: 200 }} onChange={this.onChange.bind(this)} />\\n        <div style={{ padding: '10px 0' }}>\\n          搜索到 {this.state.len} 个结果{len > 0 && <span>，下面展示 {len > 15 ? '15' : len} 个图标，可以点击复制图标代码: </span>}\\n        </div>\\n        <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n          {result.map((type, idx) => {\\n            const iconTxt = `<Icon type=\\\"${type}\\\" />`;\\n            return (\\n              <CopyToClipboard\\n                key={idx}\\n                style={itemStyl}\\n                text={iconTxt}\\n                onClick={() => {\\n                  Notify.success({\\n                    title: '你已复制内容！',\\n                    description: (\\n                      <span>\\n                        已复制 <b style={{ color: 'red' }}>{iconTxt}</b> 可以去粘贴了！\\n                      </span>\\n                    ),\\n                  });\\n                }}\\n              >\\n                <div key={idx}>\\n                  <Icon type={type} />\\n                  <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n                </div>\\n              </CopyToClipboard>\\n            )\\n          })}\\n        </div>\\n      </div>\\n    );\\n  }\\n}\\nexport default Demo\"\n  },\n  \"121\": {\n    \"name\": 121,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      fontSize: 18,\\n      lineHeight: '12px'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"heart-on\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"pie-chart\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"tag\\\"\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst Demo =()=>(\\n  <div style={{ fontSize: 18, lineHeight: '12px' }}>\\n    <Icon type=\\\"heart-on\\\" />\\n    <Icon type=\\\"pie-chart\\\" />\\n    <Icon type=\\\"tag\\\" />\\n  </div>\\n);\\nexport default Demo\\n\"\n  },\n  \"140\": {\n    \"name\": 140,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      fontSize: '28px'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"heart-on\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"pie-chart\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"tag\\\"\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst Demo = () => (\\n  <div style={{ fontSize: '28px' }}>\\n    <Icon type=\\\"heart-on\\\" />\\n    <Icon type=\\\"pie-chart\\\" />\\n    <Icon type=\\\"tag\\\" />\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"161\": {\n    \"name\": 161,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      fontSize: '28px',\\n      color: 'green'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"apple\\\",\\n    color: \\\"red\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"pie-chart\\\",\\n    style: {\\n      fill: 'currentColor'\\n    }\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"frown\\\",\\n    style: {\\n      fill: 'blue'\\n    }\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"uiw\\\",\\n    style: {\\n      stroke: 'red',\\n      fill: '#ffef00'\\n    }\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst Demo = () => (\\n  <div style={{ fontSize: '28px',color: 'green' }}>\\n    <Icon type=\\\"apple\\\" color=\\\"red\\\" />\\n    <Icon type=\\\"pie-chart\\\" style={{fill: 'currentColor'}} />\\n    <Icon type=\\\"frown\\\" style={{fill: 'blue'}} />\\n    <Icon type=\\\"uiw\\\" style={{stroke: 'red',fill: '#ffef00'}} />\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"178\": {\n    \"name\": 178,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"h3\\\", {\\n    style: {\\n      margin: 0\\n    }\\n  }, \\\"Exit \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    verticalAlign: \\\"baseline\\\",\\n    type: \\\"baidu\\\"\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"uiw\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"uiw\\\",\\n    verticalAlign: \\\"baseline\\\",\\n    style: {\\n      fill: '#009688',\\n      fontSize: 21\\n    }\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <h3 style={{ margin: 0 }}>Exit <Icon verticalAlign=\\\"baseline\\\" type=\\\"baidu\\\" /></h3>\\n    <span>uiw</span><Icon type=\\\"uiw\\\" verticalAlign=\\\"baseline\\\" style={{ fill: '#009688', fontSize: 21 }} />\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"201\": {\n    \"name\": 201,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"circle-close\\\",\\n    verticalAlign: \\\"baseline\\\"\\n  }), \\\"  \\\\u56FE\\\\u6807\\\\u540D\\\\u79F0\\\\uFF1Acircle-close\\\\uFF0C[circle\\\\u5708]-[\\\\u5173\\\\u95EDclose]\\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"circle-close-o\\\",\\n    verticalAlign: \\\"baseline\\\"\\n  }), \\\" \\\\u56FE\\\\u6807\\\\u540D\\\\u79F0\\\\uFF1Acircle-close-o\\\\uFF0C[circle\\\\u5708]-[\\\\u5173\\\\u95EDclose]-[o\\\\u63CF\\\\u7EBF]\\\");\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <Icon type=\\\"circle-close\\\" verticalAlign=\\\"baseline\\\" />  图标名称：circle-close，[circle圈]-[关闭close]\\n    <br/>\\n    <Icon type=\\\"circle-close-o\\\" verticalAlign=\\\"baseline\\\" /> 图标名称：circle-close-o，[circle圈]-[关闭close]-[o描线]\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"219\": {\n    \"name\": 219,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      fontSize: 21,\\n      color: 'green'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"loading\\\",\\n    spin: true,\\n    color: \\\"red\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"reload\\\",\\n    spin: true\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"picasa\\\",\\n    spin: true,\\n    style: {\\n      fill: 'blue'\\n    }\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"smile-o\\\",\\n    spin: true,\\n    style: {\\n      fill: 'blue'\\n    }\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst Demo = () => (\\n  <div style={{ fontSize: 21, color: 'green' }}>\\n    <Icon type=\\\"loading\\\" spin={true} color=\\\"red\\\" />\\n    <Icon type=\\\"reload\\\" spin={true} />\\n    <Icon type=\\\"picasa\\\" spin={true} style={{fill: 'blue'}} />\\n    <Icon type=\\\"smile-o\\\" spin={true} style={{fill: 'blue'}} />\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"236\": {\n    \"name\": 236,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\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 contrast = /*#__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 8h-1.26c-.19-.73-.48-1.42-.85-2.06l.94-.94a.996.996 0 0 0 0-1.41l-1.41-1.41a.996.996 0 0 0-1.41 0l-.94.94c-.65-.38-1.34-.67-2.07-.86V1c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v1.26c-.76.2-1.47.5-2.13.89L5 2.28a.972.972 0 0 0-1.36 0L2.28 3.64c-.37.38-.37.98 0 1.36l.87.87c-.39.66-.69 1.37-.89 2.13H1c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h1.26c.19.73.48 1.42.85 2.06l-.94.94a.996.996 0 0 0 0 1.41l1.41 1.41c.39.39 1.02.39 1.41 0l.94-.94c.64.38 1.33.66 2.06.85V19c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-1.26c.76-.2 1.47-.5 2.13-.89l.88.87c.37.37.98.37 1.36 0l1.36-1.36c.37-.38.37-.98 0-1.36l-.87-.87c.4-.65.7-1.37.89-2.13H19c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-9 7c-2.76 0-5-2.24-5-5s2.24-5 5-5v10z\\\",\\n  fillRule: \\\"evenodd\\\"\\n}));\\n\\nvar styl = {\\n  marginRight: 10\\n};\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      fontSize: 21,\\n      color: 'green'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    style: styl,\\n    type: chat,\\n    color: \\\"red\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    style: styl,\\n    type: contrast,\\n    spin: true\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { 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)\\nconst contrast = (\\n  <svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 20 20\\\">\\n    <path d=\\\"M19 8h-1.26c-.19-.73-.48-1.42-.85-2.06l.94-.94a.996.996 0 0 0 0-1.41l-1.41-1.41a.996.996 0 0 0-1.41 0l-.94.94c-.65-.38-1.34-.67-2.07-.86V1c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v1.26c-.76.2-1.47.5-2.13.89L5 2.28a.972.972 0 0 0-1.36 0L2.28 3.64c-.37.38-.37.98 0 1.36l.87.87c-.39.66-.69 1.37-.89 2.13H1c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h1.26c.19.73.48 1.42.85 2.06l-.94.94a.996.996 0 0 0 0 1.41l1.41 1.41c.39.39 1.02.39 1.41 0l.94-.94c.64.38 1.33.66 2.06.85V19c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-1.26c.76-.2 1.47-.5 2.13-.89l.88.87c.37.37.98.37 1.36 0l1.36-1.36c.37-.38.37-.98 0-1.36l-.87-.87c.4-.65.7-1.37.89-2.13H19c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-9 7c-2.76 0-5-2.24-5-5s2.24-5 5-5v10z\\\" fillRule=\\\"evenodd\\\" />\\n  </svg>\\n)\\nconst styl = { marginRight: 10 };\\n\\nconst Demo = () => (\\n  <div style={{ fontSize: 21, color: 'green' }}>\\n    <Icon style={styl} type={chat} color=\\\"red\\\" />\\n    <Icon style={styl} type={contrast} spin={true} />\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"307\": {\n    \"name\": 307,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"noCode\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar iconList = ['circle-o', 'down-square-o', 'down-square', 'up-square-o', 'up-square', 'left-square-o', 'left-square', 'right-square-o', 'right-square'];\\nvar itemStyl = {\\n  fontSize: 18,\\n  minWidth: 120,\\n  background: '#eaeaea',\\n  marginBottom: 10,\\n  marginRight: 10,\\n  padding: '20px 0',\\n  display: 'flex',\\n  flexDirection: 'column',\\n  alignItems: 'center',\\n  justifyContent: 'center',\\n  fill: '#525252'\\n};\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      display: 'flex',\\n      flexWrap: 'wrap',\\n      marginBottom: -10,\\n      marginRight: -10\\n    }\\n  }, iconList.map(function (type, idx) {\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      key: idx,\\n      style: itemStyl\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n      type: type\\n    }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      style: {\\n        color: '#525252',\\n        fontSize: 12,\\n        paddingTop: 8\\n      }\\n    }, type));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"js\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n  'circle-o', 'down-square-o','down-square','up-square-o', 'up-square','left-square-o','left-square', 'right-square-o', 'right-square',\\n]\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"336\": {\n    \"name\": 336,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"noCode\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar iconList = ['square-o', 'down-circle-o', 'down-circle', 'up-circle-o', 'up-circle', 'left-circle-o', 'left-circle', 'right-circle-o', 'right-circle', 'play-circle-o', 'play-circle'];\\nvar itemStyl = {\\n  fontSize: 18,\\n  minWidth: 120,\\n  background: '#eaeaea',\\n  marginBottom: 10,\\n  marginRight: 10,\\n  padding: '20px 0',\\n  display: 'flex',\\n  flexDirection: 'column',\\n  alignItems: 'center',\\n  justifyContent: 'center',\\n  fill: '#525252'\\n};\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      display: 'flex',\\n      flexWrap: 'wrap',\\n      marginBottom: -10,\\n      marginRight: -10\\n    }\\n  }, iconList.map(function (type, idx) {\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      key: idx,\\n      style: itemStyl\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n      type: type\\n    }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      style: {\\n        color: '#525252',\\n        fontSize: 12,\\n        paddingTop: 8\\n      }\\n    }, type));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"js\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n  'square-o', 'down-circle-o', 'down-circle','up-circle-o','up-circle','left-circle-o', 'left-circle','right-circle-o', 'right-circle','play-circle-o',  'play-circle',\\n]\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"364\": {\n    \"name\": 364,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"noCode\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar iconList = ['down', 'up', 'left', 'right', 'caret-down', 'caret-up', 'caret-left', 'caret-right', 'arrow-down', 'arrow-up', 'arrow-left', 'arrow-right', 'shrink', 'arrows-alt', 'd-arrow-left', 'd-arrow-right', 'enter', 'rollback', 'd-caret', 'backward', 'forward', 'logout', 'login', 'swap-left', 'swap-right', 'swap', 'verticle-left', 'verticle-right', 'menu', 'menu-fold', 'menu-unfold'];\\nvar itemStyl = {\\n  fontSize: 18,\\n  minWidth: 120,\\n  background: '#eaeaea',\\n  marginBottom: 10,\\n  marginRight: 10,\\n  padding: '20px 0',\\n  display: 'flex',\\n  flexDirection: 'column',\\n  alignItems: 'center',\\n  justifyContent: 'center',\\n  fill: '#525252'\\n};\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      display: 'flex',\\n      flexWrap: 'wrap',\\n      marginBottom: -10,\\n      marginRight: -10\\n    }\\n  }, iconList.map(function (type, idx) {\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      key: idx,\\n      style: itemStyl\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n      type: type\\n    }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      style: {\\n        color: '#525252',\\n        fontSize: 12,\\n        paddingTop: 8\\n      }\\n    }, type));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"js\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n  'down', 'up', 'left', 'right', 'caret-down', 'caret-up', 'caret-left', 'caret-right', 'arrow-down', 'arrow-up', 'arrow-left', 'arrow-right',\\n  'shrink','arrows-alt','d-arrow-left','d-arrow-right','enter',\\n  'rollback', 'd-caret','backward','forward',  'logout', 'login', 'swap-left', 'swap-right', 'swap',\\n  'verticle-left', 'verticle-right', 'menu','menu-fold', 'menu-unfold',\\n]\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"396\": {\n    \"name\": 396,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"noCode\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar iconList = ['smile-o', 'smile', 'frown-o', 'frown', 'meh-o', 'meh', 'pause-circle-o', 'pause', 'pause-circle', 'information-o', 'information', 'warning-o', 'warning', 'question-circle-o', 'question-circle', 'stop-o', 'stop'];\\nvar itemStyl = {\\n  fontSize: 18,\\n  minWidth: 120,\\n  background: '#eaeaea',\\n  marginBottom: 10,\\n  marginRight: 10,\\n  padding: '20px 0',\\n  display: 'flex',\\n  flexDirection: 'column',\\n  alignItems: 'center',\\n  justifyContent: 'center',\\n  fill: '#525252'\\n};\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      display: 'flex',\\n      flexWrap: 'wrap',\\n      marginBottom: -10,\\n      marginRight: -10\\n    }\\n  }, iconList.map(function (type, idx) {\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      key: idx,\\n      style: itemStyl\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n      type: type\\n    }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      style: {\\n        color: '#525252',\\n        fontSize: 12,\\n        paddingTop: 8\\n      }\\n    }, type));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"js\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n  'smile-o', 'smile','frown-o', 'frown', 'meh-o', 'meh',\\n  'pause-circle-o', 'pause', 'pause-circle', 'information-o', 'information', 'warning-o', 'warning',\\n  'question-circle-o', 'question-circle', 'stop-o', 'stop',\\n];\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"427\": {\n    \"name\": 427,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"noCode\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar iconList = ['plus', 'plus-circle-o', 'plus-circle', 'plus-square', 'plus-square-o', 'minus', 'minus-circle-o', 'minus-circle', 'minus-square', 'minus-square-o', 'close', 'circle-close-o', 'circle-close', 'close-square', 'close-square-o', 'asterisk', 'check', 'circle-check-o', 'circle-check', 'check-square', 'check-square-o', 'copyright'];\\nvar itemStyl = {\\n  fontSize: 18,\\n  minWidth: 120,\\n  background: '#eaeaea',\\n  marginBottom: 10,\\n  marginRight: 10,\\n  padding: '20px 0',\\n  display: 'flex',\\n  flexDirection: 'column',\\n  alignItems: 'center',\\n  justifyContent: 'center',\\n  fill: '#525252'\\n};\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      display: 'flex',\\n      flexWrap: 'wrap',\\n      marginBottom: -10,\\n      marginRight: -10\\n    }\\n  }, iconList.map(function (type, idx) {\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      key: idx,\\n      style: itemStyl\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n      type: type\\n    }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      style: {\\n        color: '#525252',\\n        fontSize: 12,\\n        paddingTop: 8\\n      }\\n    }, type));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"js\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n 'plus', 'plus-circle-o','plus-circle', 'plus-square', 'plus-square-o',\\n 'minus', 'minus-circle-o', 'minus-circle', 'minus-square', 'minus-square-o',\\n 'close','circle-close-o', 'circle-close','close-square', 'close-square-o', 'asterisk',\\n  'check', 'circle-check-o', 'circle-check','check-square','check-square-o', 'copyright',\\n]\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"459\": {\n    \"name\": 459,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"noCode\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar iconList = ['file-text', 'file-jpg', 'file-unknown', 'file-add', 'file-excel', 'file-pdf', 'folder-add', 'folder-open', 'paper-clip'];\\nvar itemStyl = {\\n  fontSize: 18,\\n  minWidth: 120,\\n  background: '#eaeaea',\\n  marginBottom: 10,\\n  marginRight: 10,\\n  padding: '20px 0',\\n  display: 'flex',\\n  flexDirection: 'column',\\n  alignItems: 'center',\\n  justifyContent: 'center',\\n  fill: '#525252'\\n};\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      display: 'flex',\\n      flexWrap: 'wrap',\\n      marginBottom: -10,\\n      marginRight: -10\\n    }\\n  }, iconList.map(function (type, idx) {\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      key: idx,\\n      style: itemStyl\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n      type: type\\n    }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      style: {\\n        color: '#525252',\\n        fontSize: 12,\\n        paddingTop: 8\\n      }\\n    }, type));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"js\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n  'file-text', 'file-jpg', 'file-unknown', 'file-add', 'file-excel', 'file-pdf',\\n  'folder-add', 'folder-open', 'paper-clip',\\n]\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"489\": {\n    \"name\": 489,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"noCode\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar iconList = ['heart-off', 'heart-on', 'star-on', 'star-off', 'lock', 'unlock', 'dashboard', 'area-chart', 'bar-chart', 'dot-chart', 'pie-chart', 'dislike-o', 'like-o', 'loading', 'reload', 'appstore', 'appstore-o', 'tag', 'tag-o', 'tags', 'tags-o', 'setting', 'setting-o', 'map', 'table', 'qrcode', 'barcode', 'printer', 'cloud-upload', 'cloud-upload-o', 'cloud-download', 'cloud-download-o', 'download', 'message', 'mail', 'mail-o', 'user', 'user-add', 'user-delete', 'usergroup-add', 'usergroup-delete', 'zoom-in', 'zoom-out', 'time', 'time-o', 'bell', 'camera-o', 'coffee', 'document', 'delete', 'date', 'edit', 'eye-o', 'environment-o', 'filter', 'global', 'inbox', 'home', 'laptop', 'link', 'copy', 'more', 'shopping-cart', 'search', 'save', 'safety', 'poweroff', 'picasa', 'notification', 'pay-circle-o', 'pay', 'picture', 'woman', 'man', 'verification', 'wifi', 'video-camera', 'mobile'];\\nvar itemStyl = {\\n  fontSize: 18,\\n  minWidth: 120,\\n  background: '#eaeaea',\\n  marginBottom: 10,\\n  marginRight: 10,\\n  padding: '20px 0',\\n  display: 'flex',\\n  flexDirection: 'column',\\n  alignItems: 'center',\\n  justifyContent: 'center',\\n  fill: '#525252'\\n};\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      display: 'flex',\\n      flexWrap: 'wrap',\\n      marginBottom: -10,\\n      marginRight: -10\\n    }\\n  }, iconList.map(function (type, idx) {\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      key: idx,\\n      style: itemStyl\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n      type: type\\n    }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      style: {\\n        color: '#525252',\\n        fontSize: 12,\\n        paddingTop: 8\\n      }\\n    }, type));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"js\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n  'heart-off', 'heart-on', 'star-on', 'star-off','lock', 'unlock','dashboard',\\n  'area-chart', 'bar-chart', 'dot-chart','pie-chart',\\n  'dislike-o', 'like-o','loading', 'reload','appstore', 'appstore-o',\\n  'tag', 'tag-o','tags','tags-o', 'setting','setting-o','map','table','qrcode','barcode','printer',\\n  'cloud-upload','cloud-upload-o', 'cloud-download','cloud-download-o', 'download','message', 'mail', 'mail-o',\\n  'user', 'user-add', 'user-delete', 'usergroup-add', 'usergroup-delete', 'zoom-in', 'zoom-out','time', 'time-o',\\n  'bell', 'camera-o', 'coffee', 'document', 'delete', 'date', 'edit',  'eye-o', 'environment-o', 'filter', 'global', 'inbox', 'home', 'laptop', 'link', 'copy', 'more', 'shopping-cart', 'search', 'save', 'safety', 'poweroff', 'picasa', 'notification',\\n  'pay-circle-o', 'pay', 'picture', 'woman', 'man', 'verification', 'wifi', 'video-camera', 'mobile'\\n]\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"525\": {\n    \"name\": 525,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"noCode\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar iconList = ['uiw', 'windows', 'linux', 'apple', 'facebook', 'twitter', 'adobe', 'baidu', 'alipay', 'android-o', 'android', 'reddit', 'github', 'github-o', 'aliwangwang', 'dingding', 'foursquare', 'linkedin', 'pinterest', 'qq', 'weibo', 'taobao', 'weixin', 'css3', 'html5'];\\nvar itemStyl = {\\n  fontSize: 18,\\n  minWidth: 120,\\n  background: '#eaeaea',\\n  marginBottom: 10,\\n  marginRight: 10,\\n  padding: '20px 0',\\n  display: 'flex',\\n  flexDirection: 'column',\\n  alignItems: 'center',\\n  justifyContent: 'center',\\n  fill: '#525252'\\n};\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      display: 'flex',\\n      flexWrap: 'wrap',\\n      marginBottom: -10,\\n      marginRight: -10\\n    }\\n  }, iconList.map(function (type, idx) {\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      key: idx,\\n      style: itemStyl\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n      type: type\\n    }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      style: {\\n        color: '#525252',\\n        fontSize: 12,\\n        paddingTop: 8\\n      }\\n    }, type));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"js\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = ['uiw', 'windows', 'linux', 'apple', 'facebook', 'twitter', 'adobe', 'baidu', 'alipay', 'android-o', 'android','reddit', 'github', 'github-o', 'aliwangwang',   'dingding', 'foursquare', 'linkedin', 'pinterest', 'qq',  'weibo', 'taobao', 'weixin', 'css3', 'html5'];\\n\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\"\n  },\n  \"553\": {\n    \"name\": 553,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"noCode\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar iconList = [\\\"chrome\\\", \\\"safari\\\", \\\"firefox\\\", \\\"opera\\\", \\\"ie\\\"];\\nvar itemStyl = {\\n  fontSize: 18,\\n  minWidth: 120,\\n  background: '#eaeaea',\\n  marginBottom: 10,\\n  marginRight: 10,\\n  padding: '20px 0',\\n  display: 'flex',\\n  flexDirection: 'column',\\n  alignItems: 'center',\\n  justifyContent: 'center',\\n  fill: '#525252'\\n};\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      display: 'flex',\\n      flexWrap: 'wrap',\\n      marginBottom: -10,\\n      marginRight: -10\\n    }\\n  }, iconList.map(function (type, idx) {\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      key: idx,\\n      style: itemStyl\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n      type: type\\n    }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      style: {\\n        color: '#525252',\\n        fontSize: 12,\\n        paddingTop: 8\\n      }\\n    }, type));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"js\",\n    \"value\": \"import React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [ \\\"chrome\\\", \\\"safari\\\", \\\"firefox\\\", \\\"opera\\\", \\\"ie\\\", ];\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\"\n  }\n},\n    source: \"Icon 图标\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-icon/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-icon.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-icon)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-icon.svg?label=@uiw/react-icon)](https://npmjs.com/@uiw/react-icon)\\n\\n语义化的矢量图形，内置的图标属于UI框架常用图形字体。icon字体以及样式，被抽离到一个新的仓库 [uiw icon](https://uiwjs.github.io/icons/) ，`uiw`去依赖 [uiw-iconfont](https://github.com/uiwjs/icons)，这个仓库主要是维护一套svg图片，并将svg图片转换为 `*.symbol.svg` `*.ttf` `*.woff` `*.woff2` `*.eot` `svgPaths.json` 等字体及相关文件并发布到 [npm](https://www.npmjs.com/package/uiw-iconfont) 上去。\\n\\n```jsx\\nimport { Icon } from 'uiw';\\n// or\\nimport Icon from '@uiw/react-icon';\\n```\\n\\n### 搜索图标\\n\\n```jsx mdx:preview&background=#fff&noCode=true&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Input, CopyToClipboard, Icon, Notify } from 'uiw';\\n\\nconst icons = [\\\"adobe\\\", \\\"alipay\\\", \\\"aliwangwang\\\", \\\"android-o\\\", \\\"android\\\", \\\"apple\\\", \\\"appstore-o\\\", \\\"appstore\\\", \\\"area-chart\\\", \\\"down\\\", \\\"left\\\", \\\"right\\\", \\\"up\\\", \\\"arrow-down\\\", \\\"arrow-left\\\", \\\"arrow-right\\\", \\\"arrow-up\\\", \\\"arrows-alt\\\", \\\"asterisk\\\", \\\"backward\\\", \\\"baidu\\\", \\\"bar-chart\\\", \\\"barcode\\\", \\\"bell\\\", \\\"camera-o\\\", \\\"caret-down\\\", \\\"caret-left\\\", \\\"caret-right\\\", \\\"caret-up\\\", \\\"check-square-o\\\", \\\"check-square\\\", \\\"check\\\", \\\"chrome\\\", \\\"circle-check-o\\\", \\\"circle-check\\\", \\\"circle-close-o\\\", \\\"circle-close\\\", \\\"close-square-o\\\", \\\"close-square\\\", \\\"close\\\", \\\"cloud-download-o\\\", \\\"cloud-download\\\", \\\"cloud-upload-o\\\", \\\"cloud-upload\\\", \\\"coffee\\\", \\\"component\\\", \\\"copy\\\", \\\"copyright\\\", \\\"css3\\\", \\\"cut\\\", \\\"d-arrow-left\\\", \\\"d-arrow-right\\\", \\\"d-caret\\\", \\\"dashboard\\\", \\\"date\\\", \\\"delete\\\", \\\"dingding\\\", \\\"dislike-o\\\", \\\"document\\\", \\\"dot-chart\\\", \\\"circle-o\\\", \\\"down-circle-o\\\", \\\"down-circle\\\", \\\"down-square-o\\\", \\\"down-square\\\", \\\"square-o\\\", \\\"download\\\", \\\"edit\\\", \\\"enter\\\", \\\"environment-o\\\", \\\"environment\\\", \\\"eye-o\\\", \\\"eye\\\", \\\"facebook\\\", \\\"file-add\\\", \\\"file-excel\\\", \\\"file-jpg\\\", \\\"file-pdf\\\", \\\"file-text\\\", \\\"file-unknown\\\", \\\"filter\\\", \\\"firefox\\\", \\\"folder-add\\\", \\\"folder-open\\\", \\\"folder\\\", \\\"forward\\\", \\\"foursquare\\\", \\\"frown-o\\\", \\\"frown\\\", \\\"github-o\\\", \\\"github\\\", \\\"global\\\", \\\"heart-off\\\", \\\"heart-on\\\", \\\"home\\\", \\\"html5\\\", \\\"ie\\\", \\\"inbox\\\", \\\"information-o\\\", \\\"information\\\", \\\"laptop\\\", \\\"left-circle-o\\\", \\\"left-circle\\\", \\\"left-square-o\\\", \\\"left-square\\\", \\\"like-o\\\", \\\"link\\\", \\\"linkedin\\\", \\\"linux\\\", \\\"loading\\\", \\\"lock\\\", \\\"login\\\", \\\"logout\\\", \\\"man\\\", \\\"map\\\", \\\"meh-o\\\", \\\"meh\\\", \\\"menu-fold\\\", \\\"menu-unfold\\\", \\\"menu\\\", \\\"mail\\\", \\\"mail-o\\\", \\\"message\\\", \\\"minus-circle-o\\\", \\\"minus-circle\\\", \\\"minus-square-o\\\", \\\"minus-square\\\", \\\"minus\\\", \\\"mobile\\\", \\\"more\\\", \\\"notification\\\", \\\"opera\\\", \\\"paper-clip\\\", \\\"pause-circle-o\\\", \\\"pause-circle\\\", \\\"pause\\\", \\\"pay-circle-o\\\", \\\"pay\\\", \\\"picasa\\\", \\\"picture\\\", \\\"pie-chart\\\", \\\"pinterest\\\", \\\"play-circle-o\\\", \\\"play-circle\\\", \\\"plus-circle-o\\\", \\\"plus-circle\\\", \\\"plus-square-o\\\", \\\"plus-square\\\", \\\"plus\\\", \\\"poweroff\\\", \\\"printer\\\", \\\"qq\\\", \\\"qrcode\\\", \\\"question-circle-o\\\", \\\"question-circle\\\", \\\"reddit\\\", \\\"reload\\\", \\\"right-circle-o\\\", \\\"right-circle\\\", \\\"right-square-o\\\", \\\"right-square\\\", \\\"rollback\\\", \\\"safari\\\", \\\"safety\\\", \\\"save\\\", \\\"search\\\", \\\"setting-o\\\", \\\"setting\\\", \\\"share\\\", \\\"shopping-cart\\\", \\\"shrink\\\", \\\"smile-o\\\", \\\"smile\\\", \\\"star-off\\\", \\\"star-on\\\", \\\"swap-left\\\", \\\"swap-right\\\", \\\"swap\\\", \\\"table\\\", \\\"tag-o\\\", \\\"tag\\\", \\\"tags-o\\\", \\\"tags\\\", \\\"taobao\\\", \\\"time-o\\\", \\\"time\\\", \\\"twitter\\\", \\\"uiw\\\", \\\"unlock\\\", \\\"up-circle-o\\\", \\\"up-circle\\\", \\\"up-square-o\\\", \\\"up-square\\\", \\\"upload\\\", \\\"user-add\\\", \\\"user-delete\\\", \\\"user\\\", \\\"usergroup-add\\\", \\\"usergroup-delete\\\", \\\"verification\\\", \\\"verticle-left\\\", \\\"verticle-right\\\", \\\"video-camera\\\", \\\"warning-o\\\", \\\"warning\\\", \\\"weibo\\\", \\\"weixin\\\", \\\"wifi\\\", \\\"windows\\\", \\\"woman\\\", \\\"zoom-in\\\", \\\"zoom-out\\\", 'stop-o', 'stop'];\\nconst itemStyl = {\\n  fontSize: 26, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center', justifyContent: 'center', fill: '#525252',\\n}\\nclass Demo extends React.Component {\\n  constructor(props) {\\n    super(props);\\n    this.state = {\\n      len: 0,\\n      result: [],\\n    }\\n  }\\n  onChange(env) {\\n    const value = env.target.value;\\n    const data = value ? icons.filter((item) => item.indexOf(value) > -1) : [];\\n    const len = data.length;\\n    const result = data.splice(0, 15);\\n    this.setState({ len, result });\\n  }\\n  render() {\\n    const { len, result } = this.state;\\n    return (\\n      <div>\\n        <Input preIcon=\\\"search\\\" placeholder=\\\"请输入图标名称\\\" type=\\\"text\\\" style={{ maxWidth: 200 }} onChange={this.onChange.bind(this)} />\\n        <div style={{ padding: '10px 0' }}>\\n          搜索到 {this.state.len} 个结果{len > 0 && <span>，下面展示 {len > 15 ? '15' : len} 个图标，可以点击复制图标代码: </span>}\\n        </div>\\n        <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n          {result.map((type, idx) => {\\n            const iconTxt = `<Icon type=\\\"${type}\\\" />`;\\n            return (\\n              <CopyToClipboard\\n                key={idx}\\n                style={itemStyl}\\n                text={iconTxt}\\n                onClick={() => {\\n                  Notify.success({\\n                    title: '你已复制内容！',\\n                    description: (\\n                      <span>\\n                        已复制 <b style={{ color: 'red' }}>{iconTxt}</b> 可以去粘贴了！\\n                      </span>\\n                    ),\\n                  });\\n                }}\\n              >\\n                <div key={idx}>\\n                  <Icon type={type} />\\n                  <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n                </div>\\n              </CopyToClipboard>\\n            )\\n          })}\\n        </div>\\n      </div>\\n    );\\n  }\\n}\\nexport default Demo\\n```\\n\\n## 如何使用\\n\\n使用`<Icon />`组件，指定图标对应的`type`属性，示例代码：\\n\\n```jsx\\nimport { Icon } from 'uiw';\\n```\\n\\n```jsx\\n<Icon type=\\\"minus\\\" />\\n```\\n\\n渲染为\\n\\n```jsx\\n<span class=\\\"w-icon w-icon-middle\\\">\\n  <svg viewBox=\\\"0 0 24 24\\\">\\n    <path d=\\\"M16.038 3.176c2.313-.551 4.58.248 5.648 1.603.985 1.25 1.433 2.55 1.287 4.468-.105 1.383-.55 2.408-1.428 3.536-.162.208-.34.421-.563.68-.13.153-.628.72-.602.692-.88 1.008-3.471 3.535-7.814 7.62a.83.83 0 0 1-1.139-.003c-3.728-3.55-6.141-5.888-7.248-7.022-2.043-2.094-2.82-3.31-3.102-5.276-.295-2.055.27-3.742 1.538-5.053 1.19-1.229 3.319-1.684 5.42-1.25 1.231.254 2.542 1.072 3.961 2.436 1.21-1.261 2.56-2.077 4.042-2.43z\\\" fill-rule=\\\"evenodd\\\">\\n    </path>\\n  </svg>\\n</span>\\n```\\n\\n示例如下:\\n\\n```jsx\\nconst Demo = () => (\\n  <div>\\n    <Icon type=\\\"arrow-down\\\" />\\n    <Icon type=\\\"minus\\\" />\\n    <Icon type=\\\"plus\\\" />\\n    <Icon type=\\\"check\\\" />\\n    <Icon type=\\\"close\\\" />\\n  </div>\\n)\\n```\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst Demo =()=>(\\n  <div style={{ fontSize: 18, lineHeight: '12px' }}>\\n    <Icon type=\\\"heart-on\\\" />\\n    <Icon type=\\\"pie-chart\\\" />\\n    <Icon type=\\\"tag\\\" />\\n  </div>\\n);\\nexport default Demo\\n\\n```\\n\\n### 图标尺寸\\n\\n默认情况下，图标非常小，它们继承了父级的字体大小。 如果没有设置字体大小，可以通过 `size` 来设置尺寸。通常情况 `size` 会很累赘没有什么用。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst Demo = () => (\\n  <div style={{ fontSize: '28px' }}>\\n    <Icon type=\\\"heart-on\\\" />\\n    <Icon type=\\\"pie-chart\\\" />\\n    <Icon type=\\\"tag\\\" />\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n### 图标颜色\\n\\n默认纯黑色图标，当前图标是 svg 格式展示，在为SVG设置样式时，请使用 `fill` 或 `stroke` 属性而不是 `color`。 这些可以直接在 `Icon` 上设置为 `style` 或通过 `CSS` 设置。\\n\\n> 一个有用的技巧是将 `fill` 设置为 `currentColor`，以便从图标容器的文本颜色继承填充颜色。\\n<!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;-->\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst Demo = () => (\\n  <div style={{ fontSize: '28px',color: 'green' }}>\\n    <Icon type=\\\"apple\\\" color=\\\"red\\\" />\\n    <Icon type=\\\"pie-chart\\\" style={{fill: 'currentColor'}} />\\n    <Icon type=\\\"frown\\\" style={{fill: 'blue'}} />\\n    <Icon type=\\\"uiw\\\" style={{stroke: 'red',fill: '#ffef00'}} />\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n### 与文本对齐\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <h3 style={{ margin: 0 }}>Exit <Icon verticalAlign=\\\"baseline\\\" type=\\\"baidu\\\" /></h3>\\n    <span>uiw</span><Icon type=\\\"uiw\\\" verticalAlign=\\\"baseline\\\" style={{ fill: '#009688', fontSize: 21 }} />\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n### 图标的命名规范\\n\\n我们为每个图标赋予了语义化的命名，命名规则如下:\\n\\n> \\\\[形状?\\\\]-\\\\[图标名\\\\]-\\\\[描线?\\\\]-\\\\[方向?\\\\]\\n> 方向：`down`、`up`、`left`、`right`\\n> 描线：`-o` 图标添加边框描线\\n> 默认：`w-icon-` 默认引用的字体文件作用域\\n> 自定定义：`w-icon-uiw-` 自定定义作用域\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <Icon type=\\\"circle-close\\\" verticalAlign=\\\"baseline\\\" />  图标名称：circle-close，[circle圈]-[关闭close]\\n    <br/>\\n    <Icon type=\\\"circle-close-o\\\" verticalAlign=\\\"baseline\\\" /> 图标名称：circle-close-o，[circle圈]-[关闭close]-[o描线]\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n### 图标旋转实例\\n\\n通过设置参数 `spin={true}` 来设置图标旋转。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst Demo = () => (\\n  <div style={{ fontSize: 21, color: 'green' }}>\\n    <Icon type=\\\"loading\\\" spin={true} color=\\\"red\\\" />\\n    <Icon type=\\\"reload\\\" spin={true} />\\n    <Icon type=\\\"picasa\\\" spin={true} style={{fill: 'blue'}} />\\n    <Icon type=\\\"smile-o\\\" spin={true} style={{fill: 'blue'}} />\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n### 自定义图标\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { 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)\\nconst contrast = (\\n  <svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 20 20\\\">\\n    <path d=\\\"M19 8h-1.26c-.19-.73-.48-1.42-.85-2.06l.94-.94a.996.996 0 0 0 0-1.41l-1.41-1.41a.996.996 0 0 0-1.41 0l-.94.94c-.65-.38-1.34-.67-2.07-.86V1c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v1.26c-.76.2-1.47.5-2.13.89L5 2.28a.972.972 0 0 0-1.36 0L2.28 3.64c-.37.38-.37.98 0 1.36l.87.87c-.39.66-.69 1.37-.89 2.13H1c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h1.26c.19.73.48 1.42.85 2.06l-.94.94a.996.996 0 0 0 0 1.41l1.41 1.41c.39.39 1.02.39 1.41 0l.94-.94c.64.38 1.33.66 2.06.85V19c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-1.26c.76-.2 1.47-.5 2.13-.89l.88.87c.37.37.98.37 1.36 0l1.36-1.36c.37-.38.37-.98 0-1.36l-.87-.87c.4-.65.7-1.37.89-2.13H19c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-9 7c-2.76 0-5-2.24-5-5s2.24-5 5-5v10z\\\" fillRule=\\\"evenodd\\\" />\\n  </svg>\\n)\\nconst styl = { marginRight: 10 };\\n\\nconst Demo = () => (\\n  <div style={{ fontSize: 21, color: 'green' }}>\\n    <Icon style={styl} type={chat} color=\\\"red\\\" />\\n    <Icon style={styl} type={contrast} spin={true} />\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n## 字体图标\\n\\n通过引入 [uiw-iconfont](https://github.com/uiwjs/icons) 字体样式，在 [uiw-iconfont官网](https://uiwjs.github.io/icons) 找到对应的图标名称，就可以使用了，`uiw` 已经依赖 `uiw-iconfont` 你无需安装即可使用，更多使用方法[查看官方文档](https://github.com/uiwjs/icons)。\\n\\n```bash\\n# 如果你没有安装，可单独使用，安装\\nnpm i uiw-iconfont --save\\n```\\n\\n引入字体样式\\n\\n```jsx\\nimport 'uiw-iconfont/fonts/w-icon.css';\\n```\\n\\n在 HTML 中使用：\\n\\n```html\\n<i className=\\\"w-icon-apple\\\"></i>\\n```\\n\\n在 React 中使用：\\n\\n```jsx\\nconst Demo = () => (\\n  <div style={{ color: 'green' }}>\\n    <i className=\\\"w-icon-apple\\\" />\\n    <i className=\\\"w-icon-appstore\\\" />\\n  </div>\\n)\\n```\\n\\n## API\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| type | 图标的名称 | String/ReactNode | - |\\n| spin | 是否有旋转动画 |  Boolean | `false` |\\n| verticalAlign | 垂直对齐方式 | Enum {baseline, middle} | `baseline` |\\n| style | 设置图标的样式，例如 `fill` 和 `stroke` | Object | - |\\n\\n\\n## 所有图标\\n\\n### 方向性图标\\n\\n```js mdx:preview&background=#fff&noCode=true&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n  'circle-o', 'down-square-o','down-square','up-square-o', 'up-square','left-square-o','left-square', 'right-square-o', 'right-square',\\n]\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n圆圈方向性图标\\n\\n```js mdx:preview&background=#fff&noCode=true&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n  'square-o', 'down-circle-o', 'down-circle','up-circle-o','up-circle','left-circle-o', 'left-circle','right-circle-o', 'right-circle','play-circle-o',  'play-circle',\\n]\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n其它方向性图标\\n\\n```js mdx:preview&background=#fff&noCode=true&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n  'down', 'up', 'left', 'right', 'caret-down', 'caret-up', 'caret-left', 'caret-right', 'arrow-down', 'arrow-up', 'arrow-left', 'arrow-right',\\n  'shrink','arrows-alt','d-arrow-left','d-arrow-right','enter',\\n  'rollback', 'd-caret','backward','forward',  'logout', 'login', 'swap-left', 'swap-right', 'swap',\\n  'verticle-left', 'verticle-right', 'menu','menu-fold', 'menu-unfold',\\n]\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n### 提示建议性图标\\n\\n```js mdx:preview&background=#fff&noCode=true&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n  'smile-o', 'smile','frown-o', 'frown', 'meh-o', 'meh',\\n  'pause-circle-o', 'pause', 'pause-circle', 'information-o', 'information', 'warning-o', 'warning',\\n  'question-circle-o', 'question-circle', 'stop-o', 'stop',\\n];\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n## 符号\\n\\n```js mdx:preview&background=#fff&noCode=true&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n 'plus', 'plus-circle-o','plus-circle', 'plus-square', 'plus-square-o',\\n 'minus', 'minus-circle-o', 'minus-circle', 'minus-square', 'minus-square-o',\\n 'close','circle-close-o', 'circle-close','close-square', 'close-square-o', 'asterisk',\\n  'check', 'circle-check-o', 'circle-check','check-square','check-square-o', 'copyright',\\n]\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n### 文件\\n\\n```js mdx:preview&background=#fff&noCode=true&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n  'file-text', 'file-jpg', 'file-unknown', 'file-add', 'file-excel', 'file-pdf',\\n  'folder-add', 'folder-open', 'paper-clip',\\n]\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n### 其它\\n\\n```js mdx:preview&background=#fff&noCode=true&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [\\n  'heart-off', 'heart-on', 'star-on', 'star-off','lock', 'unlock','dashboard',\\n  'area-chart', 'bar-chart', 'dot-chart','pie-chart',\\n  'dislike-o', 'like-o','loading', 'reload','appstore', 'appstore-o',\\n  'tag', 'tag-o','tags','tags-o', 'setting','setting-o','map','table','qrcode','barcode','printer',\\n  'cloud-upload','cloud-upload-o', 'cloud-download','cloud-download-o', 'download','message', 'mail', 'mail-o',\\n  'user', 'user-add', 'user-delete', 'usergroup-add', 'usergroup-delete', 'zoom-in', 'zoom-out','time', 'time-o',\\n  'bell', 'camera-o', 'coffee', 'document', 'delete', 'date', 'edit',  'eye-o', 'environment-o', 'filter', 'global', 'inbox', 'home', 'laptop', 'link', 'copy', 'more', 'shopping-cart', 'search', 'save', 'safety', 'poweroff', 'picasa', 'notification',\\n  'pay-circle-o', 'pay', 'picture', 'woman', 'man', 'verification', 'wifi', 'video-camera', 'mobile'\\n]\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n### 品牌标识\\n\\n```js mdx:preview&background=#fff&noCode=true&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = ['uiw', 'windows', 'linux', 'apple', 'facebook', 'twitter', 'adobe', 'baidu', 'alipay', 'android-o', 'android','reddit', 'github', 'github-o', 'aliwangwang',   'dingding', 'foursquare', 'linkedin', 'pinterest', 'qq',  'weibo', 'taobao', 'weixin', 'css3', 'html5'];\\n\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\\n```\\n\\n### 浏览器图标\\n\\n```js mdx:preview&background=#fff&noCode=true&codeSandbox=true&codePen=true\\nimport React from \\\"react\\\"\\nimport { Icon } from 'uiw';\\n\\nconst iconList = [ \\\"chrome\\\", \\\"safari\\\", \\\"firefox\\\", \\\"opera\\\", \\\"ie\\\", ];\\nconst itemStyl = {\\n  fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\\n}\\n\\nconst Demo = () => (\\n  <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\\n    {iconList.map((type, idx) => {\\n      return (\\n        <div key={idx} style={itemStyl}>\\n          <Icon type={type} />\\n          <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\\n        </div>\\n      )\\n    })}\\n  </div>\\n);\\nexport default Demo\\n```\\n\"\n  }"],"names":["components","_typeof","obj","Symbol","iterator","constructor","prototype","_react","__esModule","_uiw","_classCallCheck","instance","Constructor","left","right","hasInstance","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_setPrototypeOf","o","p","setPrototypeOf","bind","__proto__","_createSuper","Derived","hasNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","call","e","_isNativeReflectConstruct","result","Super","_getPrototypeOf","NewTarget","this","arguments","apply","_possibleConstructorReturn","self","ReferenceError","_assertThisInitialized","getPrototypeOf","icons","itemStyl","fontSize","minWidth","background","marginBottom","marginRight","padding","display","flexDirection","alignItems","textAlign","justifyContent","fill","_React$Component","subClass","superClass","create","value","_inherits","Demo","protoProps","staticProps","_super","_this","state","len","env","data","filter","item","indexOf","splice","setState","_this$state","createElement","Input","preIcon","placeholder","type","style","maxWidth","onChange","flexWrap","map","idx","iconTxt","concat","CopyToClipboard","text","onClick","Notify","success","title","description","color","Icon","paddingTop","Component","lineHeight","stroke","margin","verticalAlign","spin","chat","width","height","viewBox","d","fillRule","contrast","styl","iconList","source"],"sourceRoot":""}

package/web/static/js/9036.3a2a53e8.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9036],{9036:function(e,t,n){n.r(t),t.default={components:{20:function(){function e(t){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(t)}var t,r=(t=n(8133))&&t.__esModule?t:{default:t},o=n(2814);function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},s(e,t)}function i(e){var t=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 n,r=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)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}(t)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(e)}var f=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(f,e);var t,n,c,l=i(f);function f(){return a(this,f),l.apply(this,arguments)}return t=f,(n=[{key:"render",value:function(){return r.default.createElement(o.Tabs,{activeKey:"1",onTabClick:function(e,t,n){console.log("=>",t,e)}},r.default.createElement(o.Tabs.Pane,{label:"\u7528\u6237\u7ba1\u7406",key:"1"},"\u7528\u6237\u7ba1\u7406"),r.default.createElement(o.Tabs.Pane,{label:"\u914d\u7f6e\u7ba1\u7406",key:"2"},"\u914d\u7f6e\u7ba1\u7406"),r.default.createElement(o.Tabs.Pane,{sequence:"fadeIn up",label:"\u89d2\u8272\u7ba1\u7406",key:"3"},"\u89d2\u8272\u7ba1\u7406"),r.default.createElement(o.Tabs.Pane,{label:"\u5927\u7237\u6b22\u4e50\u591a",key:"4"},r.default.createElement("div",null,"\u5927\u7237\u6b22\u4e50\u591a22")))}}])&&u(t.prototype,n),c&&u(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component);return f}(),45:function(){function e(t){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(t)}var t,r=(t=n(8133))&&t.__esModule?t:{default:t},o=n(2814);function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},s(e,t)}function i(e){var t=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 n,r=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)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}(t)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(e)}var f=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(f,e);var t,n,c,l=i(f);function f(){return a(this,f),l.apply(this,arguments)}return t=f,(n=[{key:"render",value:function(){return r.default.createElement(o.Tabs,{type:"line",activeKey:"1",onTabClick:function(e,t,n){console.log("=>",t,e)}},r.default.createElement(o.Tabs.Pane,{label:"\u7528\u6237\u7ba1\u7406",key:"1"},"\u7528\u6237\u7ba1\u7406"),r.default.createElement(o.Tabs.Pane,{disabled:!0,label:"\u914d\u7f6e\u7ba1\u7406",key:"2"},"\u914d\u7f6e\u7ba1\u7406"),r.default.createElement(o.Tabs.Pane,{sequence:"fadeIn up",label:"\u89d2\u8272\u7ba1\u7406",key:"3"},"\u89d2\u8272\u7ba1\u7406"),r.default.createElement(o.Tabs.Pane,{label:"\u5927\u7237\u6b22\u4e50\u591a",key:"4"},r.default.createElement("div",null,"\u5927\u7237\u6b22\u4e50\u591a22")))}}])&&u(t.prototype,n),c&&u(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component);return f}(),70:function(){function e(t){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(t)}var t,r=(t=n(8133))&&t.__esModule?t:{default:t},o=n(2814);function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},s(e,t)}function i(e){var t=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 n,r=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)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}(t)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(e)}var f=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(f,e);var t,n,c,l=i(f);function f(){return a(this,f),l.apply(this,arguments)}return t=f,(n=[{key:"render",value:function(){return r.default.createElement(o.Tabs,{type:"card",activeKey:"1",onTabClick:function(e,t,n){console.log("=>",t,e)}},r.default.createElement(o.Tabs.Pane,{label:"\u7528\u6237\u7ba1\u7406",key:"1"},"\u7528\u6237\u7ba1\u7406"),r.default.createElement(o.Tabs.Pane,{label:"\u914d\u7f6e\u7ba1\u7406",key:"2"},"\u914d\u7f6e\u7ba1\u7406"),r.default.createElement(o.Tabs.Pane,{disabled:!0,sequence:"fadeIn up",label:"\u89d2\u8272\u7ba1\u7406",key:"3"},"\u89d2\u8272\u7ba1\u7406"),r.default.createElement(o.Tabs.Pane,{label:"\u5927\u7237\u6b22\u4e50\u591a",key:"4"},r.default.createElement("div",null,"\u5927\u7237\u6b22\u4e50\u591a22")))}}])&&u(t.prototype,n),c&&u(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component);return f}(),94:function(){function e(t){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(t)}var t,r=(t=n(8133))&&t.__esModule?t:{default:t},o=n(2814);function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},s(e,t)}function i(e){var t=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 n,r=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)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}(t)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(f,e);var t,n,c,l=i(f);function f(e){var t;return a(this,f),(t=l.call(this,e)).state={activeKey:"1"},t}return t=f,(n=[{key:"render",value:function(){var e=this,t=this.state.activeKey;return r.default.createElement("div",null,r.default.createElement(o.Tabs,{type:"card",activeKey:t,onTabClick:function(t,n,r){e.setState({activeKey:t})}},r.default.createElement(o.Tabs.Pane,{label:"\u7528\u6237\u7ba1\u7406",key:"1"}),r.default.createElement(o.Tabs.Pane,{label:"\u914d\u7f6e\u7ba1\u7406",key:"2"}),r.default.createElement(o.Tabs.Pane,{disabled:!0,sequence:"fadeIn up",label:"\u89d2\u8272\u7ba1\u7406",key:"3"}),r.default.createElement(o.Tabs.Pane,{label:"\u5927\u7237\u6b22\u4e50\u591a",key:"4"})),r.default.createElement(o.Divider,null),"1"===t&&r.default.createElement("div",null,"\u7528\u6237\u7ba1\u7406",t),"2"===t&&r.default.createElement("div",null,"\u914d\u7f6e\u7ba1\u7406",t),"3"===t&&r.default.createElement("div",null,"\u89d2\u8272\u7ba1\u7406",t),"4"===t&&r.default.createElement("div",null,"\u5927\u7237\u6b22\u4e50\u591a",t))}}])&&u(t.prototype,n),c&&u(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component)}(),145:function(){function e(t){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(t)}var t,r=(t=n(8133))&&t.__esModule?t:{default:t},o=n(2814);function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},s(e,t)}function i(e){var t=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 n,r=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)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}(t)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(e)}var f=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(f,e);var t,n,c,l=i(f);function f(){return a(this,f),l.apply(this,arguments)}return t=f,(n=[{key:"render",value:function(){for(var e=[],t=0;t<20;t++)e.push({label:"Tabs-".concat(t),key:t});return r.default.createElement(o.Tabs,{style:{width:700},activeKey:"1",onTabClick:function(e,t,n){console.log("=>",t,e)}},e.map((function(e){return r.default.createElement(o.Tabs.Pane,{label:e.label,key:e.key},e.label)})))}}])&&u(t.prototype,n),c&&u(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component);return f}()},data:{20:{name:20,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 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(_uiw.Tabs, {\n        activeKey: "1",\n        onTabClick: function onTabClick(tab, key, e) {\n          console.log("=>", key, tab);\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        label: "\\u7528\\u6237\\u7BA1\\u7406",\n        key: "1"\n      }, "\\u7528\\u6237\\u7BA1\\u7406"), /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        label: "\\u914D\\u7F6E\\u7BA1\\u7406",\n        key: "2"\n      }, "\\u914D\\u7F6E\\u7BA1\\u7406"), /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        sequence: "fadeIn up",\n        label: "\\u89D2\\u8272\\u7BA1\\u7406",\n        key: "3"\n      }, "\\u89D2\\u8272\\u7BA1\\u7406"), /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        label: "\\u5927\\u7237\\u6B22\\u4E50\\u591A",\n        key: "4"\n      }, /*#__PURE__*/_react["default"].createElement("div", null, "\\u5927\\u7237\\u6B22\\u4E50\\u591A22")));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Tabs } from \'uiw\';\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <Tabs activeKey="1" onTabClick={(tab, key, e) => {\n          console.log("=>", key, tab);\n        }}>\n          <Tabs.Pane label="\u7528\u6237\u7ba1\u7406" key="1">\u7528\u6237\u7ba1\u7406</Tabs.Pane>\n          <Tabs.Pane label="\u914d\u7f6e\u7ba1\u7406" key="2">\u914d\u7f6e\u7ba1\u7406</Tabs.Pane>\n          <Tabs.Pane sequence="fadeIn up" label="\u89d2\u8272\u7ba1\u7406" key="3">\u89d2\u8272\u7ba1\u7406</Tabs.Pane>\n          <Tabs.Pane label="\u5927\u7237\u6b22\u4e50\u591a" key="4"><div>\u5927\u7237\u6b22\u4e50\u591a22</div></Tabs.Pane>\n      </Tabs>\n    );\n  }\n}\nexport default Demo'},45:{name:45,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 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(_uiw.Tabs, {\n        type: "line",\n        activeKey: "1",\n        onTabClick: function onTabClick(tab, key, e) {\n          console.log("=>", key, tab);\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        label: "\\u7528\\u6237\\u7BA1\\u7406",\n        key: "1"\n      }, "\\u7528\\u6237\\u7BA1\\u7406"), /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        disabled: true,\n        label: "\\u914D\\u7F6E\\u7BA1\\u7406",\n        key: "2"\n      }, "\\u914D\\u7F6E\\u7BA1\\u7406"), /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        sequence: "fadeIn up",\n        label: "\\u89D2\\u8272\\u7BA1\\u7406",\n        key: "3"\n      }, "\\u89D2\\u8272\\u7BA1\\u7406"), /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        label: "\\u5927\\u7237\\u6B22\\u4E50\\u591A",\n        key: "4"\n      }, /*#__PURE__*/_react["default"].createElement("div", null, "\\u5927\\u7237\\u6B22\\u4E50\\u591A22")));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Tabs } from \'uiw\';\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <Tabs type="line" activeKey="1" onTabClick={(tab, key, e) => {\n          console.log("=>", key, tab);\n        }}>\n        <Tabs.Pane label="\u7528\u6237\u7ba1\u7406" key="1">\u7528\u6237\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane disabled label="\u914d\u7f6e\u7ba1\u7406" key="2">\u914d\u7f6e\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane sequence="fadeIn up" label="\u89d2\u8272\u7ba1\u7406" key="3">\u89d2\u8272\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane label="\u5927\u7237\u6b22\u4e50\u591a" key="4"><div>\u5927\u7237\u6b22\u4e50\u591a22</div></Tabs.Pane>\n      </Tabs>\n    );\n  }\n}\nexport default Demo'},70:{name:70,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 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(_uiw.Tabs, {\n        type: "card",\n        activeKey: "1",\n        onTabClick: function onTabClick(tab, key, e) {\n          console.log("=>", key, tab);\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        label: "\\u7528\\u6237\\u7BA1\\u7406",\n        key: "1"\n      }, "\\u7528\\u6237\\u7BA1\\u7406"), /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        label: "\\u914D\\u7F6E\\u7BA1\\u7406",\n        key: "2"\n      }, "\\u914D\\u7F6E\\u7BA1\\u7406"), /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        disabled: true,\n        sequence: "fadeIn up",\n        label: "\\u89D2\\u8272\\u7BA1\\u7406",\n        key: "3"\n      }, "\\u89D2\\u8272\\u7BA1\\u7406"), /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        label: "\\u5927\\u7237\\u6B22\\u4E50\\u591A",\n        key: "4"\n      }, /*#__PURE__*/_react["default"].createElement("div", null, "\\u5927\\u7237\\u6B22\\u4E50\\u591A22")));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Tabs } from \'uiw\';\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <Tabs type="card" activeKey="1" onTabClick={(tab, key, e) => {\n          console.log("=>", key, tab);\n        }}>\n        <Tabs.Pane label="\u7528\u6237\u7ba1\u7406" key="1">\u7528\u6237\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane label="\u914d\u7f6e\u7ba1\u7406" key="2">\u914d\u7f6e\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane disabled sequence="fadeIn up" label="\u89d2\u8272\u7ba1\u7406" key="3">\u89d2\u8272\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane label="\u5927\u7237\u6b22\u4e50\u591a" key="4"><div>\u5927\u7237\u6b22\u4e50\u591a22</div></Tabs.Pane>\n      </Tabs>\n    );\n  }\n}\nexport default Demo'},94:{name:94,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 Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo(props) {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this, props);\n    _this.state = {\n      activeKey: \'1\'\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "render",\n    value: function render() {\n      var _this2 = this;\n\n      var activeKey = this.state.activeKey;\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Tabs, {\n        type: "card",\n        activeKey: activeKey,\n        onTabClick: function onTabClick(activeKey, key, e) {\n          _this2.setState({\n            activeKey: activeKey\n          });\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        label: "\\u7528\\u6237\\u7BA1\\u7406",\n        key: "1"\n      }), /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        label: "\\u914D\\u7F6E\\u7BA1\\u7406",\n        key: "2"\n      }), /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        disabled: true,\n        sequence: "fadeIn up",\n        label: "\\u89D2\\u8272\\u7BA1\\u7406",\n        key: "3"\n      }), /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n        label: "\\u5927\\u7237\\u6B22\\u4E50\\u591A",\n        key: "4"\n      })), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), activeKey === \'1\' && /*#__PURE__*/_react["default"].createElement("div", null, "\\u7528\\u6237\\u7BA1\\u7406", activeKey), activeKey === \'2\' && /*#__PURE__*/_react["default"].createElement("div", null, "\\u914D\\u7F6E\\u7BA1\\u7406", activeKey), activeKey === \'3\' && /*#__PURE__*/_react["default"].createElement("div", null, "\\u89D2\\u8272\\u7BA1\\u7406", activeKey), activeKey === \'4\' && /*#__PURE__*/_react["default"].createElement("div", null, "\\u5927\\u7237\\u6B22\\u4E50\\u591A", activeKey));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Tabs, Divider } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      activeKey: \'1\',\n    };\n  }\n  render() {\n    const { activeKey } = this.state;\n    return (\n      <div>\n        <Tabs\n          type="card"\n          activeKey={activeKey}\n          onTabClick={(activeKey, key, e) => {\n            this.setState({ activeKey });\n          }}\n        >\n          <Tabs.Pane label="\u7528\u6237\u7ba1\u7406" key="1" />\n          <Tabs.Pane label="\u914d\u7f6e\u7ba1\u7406" key="2" />\n          <Tabs.Pane disabled sequence="fadeIn up" label="\u89d2\u8272\u7ba1\u7406" key="3" />\n          <Tabs.Pane label="\u5927\u7237\u6b22\u4e50\u591a" key="4" />\n        </Tabs>\n        <Divider />\n        {activeKey === \'1\' && (\n          <div>\u7528\u6237\u7ba1\u7406{activeKey}</div>\n        )}\n        {activeKey === \'2\' && (\n          <div>\u914d\u7f6e\u7ba1\u7406{activeKey}</div>\n        )}\n        {activeKey === \'3\' && (\n          <div>\u89d2\u8272\u7ba1\u7406{activeKey}</div>\n        )}\n        {activeKey === \'4\' && (\n          <div>\u5927\u7237\u6b22\u4e50\u591a{activeKey}</div>\n        )}\n      </div>\n    );\n  }\n}\nexport default Demo'},145:{name:145,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 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      var panes = [];\n\n      for (var index = 0; index < 20; index++) {\n        panes.push({\n          label: "Tabs-".concat(index),\n          key: index\n        });\n      }\n\n      return /*#__PURE__*/_react["default"].createElement(_uiw.Tabs, {\n        style: {\n          width: 700\n        },\n        activeKey: "1",\n        onTabClick: function onTabClick(tab, key, e) {\n          console.log("=>", key, tab);\n        }\n      }, panes.map(function (item) {\n        return /*#__PURE__*/_react["default"].createElement(_uiw.Tabs.Pane, {\n          label: item.label,\n          key: item.key\n        }, item.label);\n      }));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Tabs } from 'uiw';\n\nclass Demo extends React.Component {\n\nrender() {\n    const panes=[]\n    for (let index = 0; index < 20; index++) {\n      panes.push({label:`Tabs-${index}`,key:index})\n    }\n\n    return (\n      <Tabs\n        style={{width:700}}\n        activeKey=\"1\"\n        onTabClick={(tab, key, e) => {\n          console.log(\"=>\", key, tab);\n        }}>\n        {panes.map(item=>{\n          return(\n            <Tabs.Pane label={item.label} key={item.key}>{item.label}</Tabs.Pane>\n          )\n        })}\n      </Tabs>\n    );\n  }\n}\nexport default Demo"}},source:'Tabs \u6807\u7b7e\u9875\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-tabs/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-tabs.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-tabs)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-tabs.svg?label=@uiw/react-tabs)](https://npmjs.com/@uiw/react-tabs)\n\n\u6807\u7b7e\u9875\u5207\u6362\u7ec4\u4ef6\uff0c\u5206\u9694\u5185\u5bb9\u4e0a\u6709\u5173\u8054\u4f46\u5c5e\u4e8e\u4e0d\u540c\u7c7b\u522b\u7684\u6570\u636e\u96c6\u5408\u3002\n\n```jsx\nimport { Tabs } from \'uiw\';\n// or\nimport Tabs from \'@uiw/react-tabs\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\u57fa\u7840\u7684\u3001\u7b80\u6d01\u7684\u5361\u7247\u5f0f\u6807\u7b7e\u9875\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tabs } from \'uiw\';\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <Tabs activeKey="1" onTabClick={(tab, key, e) => {\n          console.log("=>", key, tab);\n        }}>\n          <Tabs.Pane label="\u7528\u6237\u7ba1\u7406" key="1">\u7528\u6237\u7ba1\u7406</Tabs.Pane>\n          <Tabs.Pane label="\u914d\u7f6e\u7ba1\u7406" key="2">\u914d\u7f6e\u7ba1\u7406</Tabs.Pane>\n          <Tabs.Pane sequence="fadeIn up" label="\u89d2\u8272\u7ba1\u7406" key="3">\u89d2\u8272\u7ba1\u7406</Tabs.Pane>\n          <Tabs.Pane label="\u5927\u7237\u6b22\u4e50\u591a" key="4"><div>\u5927\u7237\u6b22\u4e50\u591a22</div></Tabs.Pane>\n      </Tabs>\n    );\n  }\n}\nexport default Demo\n```\n\n### \u884c\u6837\u5f0f\n\n\u57fa\u7840\u7684\u3001\u7b80\u6d01\u7684\u5361\u7247\u5f0f\u6807\u7b7e\u9875\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tabs } from \'uiw\';\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <Tabs type="line" activeKey="1" onTabClick={(tab, key, e) => {\n          console.log("=>", key, tab);\n        }}>\n        <Tabs.Pane label="\u7528\u6237\u7ba1\u7406" key="1">\u7528\u6237\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane disabled label="\u914d\u7f6e\u7ba1\u7406" key="2">\u914d\u7f6e\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane sequence="fadeIn up" label="\u89d2\u8272\u7ba1\u7406" key="3">\u89d2\u8272\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane label="\u5927\u7237\u6b22\u4e50\u591a" key="4"><div>\u5927\u7237\u6b22\u4e50\u591a22</div></Tabs.Pane>\n      </Tabs>\n    );\n  }\n}\nexport default Demo\n```\n\n### \u5361\u7247\u6837\u5f0f\n\n\u53e6\u4e00\u79cd\u6837\u5f0f\u7684\u9875\u7b7e\uff0c\u4e0d\u63d0\u4f9b\u5bf9\u5e94\u7684\u5782\u76f4\u6837\u5f0f\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tabs } from \'uiw\';\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <Tabs type="card" activeKey="1" onTabClick={(tab, key, e) => {\n          console.log("=>", key, tab);\n        }}>\n        <Tabs.Pane label="\u7528\u6237\u7ba1\u7406" key="1">\u7528\u6237\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane label="\u914d\u7f6e\u7ba1\u7406" key="2">\u914d\u7f6e\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane disabled sequence="fadeIn up" label="\u89d2\u8272\u7ba1\u7406" key="3">\u89d2\u8272\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane label="\u5927\u7237\u6b22\u4e50\u591a" key="4"><div>\u5927\u7237\u6b22\u4e50\u591a22</div></Tabs.Pane>\n      </Tabs>\n    );\n  }\n}\nexport default Demo\n```\n\n\n### \u5361\u7247\u6837\u5f0f\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tabs, Divider } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      activeKey: \'1\',\n    };\n  }\n  render() {\n    const { activeKey } = this.state;\n    return (\n      <div>\n        <Tabs\n          type="card"\n          activeKey={activeKey}\n          onTabClick={(activeKey, key, e) => {\n            this.setState({ activeKey });\n          }}\n        >\n          <Tabs.Pane label="\u7528\u6237\u7ba1\u7406" key="1" />\n          <Tabs.Pane label="\u914d\u7f6e\u7ba1\u7406" key="2" />\n          <Tabs.Pane disabled sequence="fadeIn up" label="\u89d2\u8272\u7ba1\u7406" key="3" />\n          <Tabs.Pane label="\u5927\u7237\u6b22\u4e50\u591a" key="4" />\n        </Tabs>\n        <Divider />\n        {activeKey === \'1\' && (\n          <div>\u7528\u6237\u7ba1\u7406{activeKey}</div>\n        )}\n        {activeKey === \'2\' && (\n          <div>\u914d\u7f6e\u7ba1\u7406{activeKey}</div>\n        )}\n        {activeKey === \'3\' && (\n          <div>\u89d2\u8272\u7ba1\u7406{activeKey}</div>\n        )}\n        {activeKey === \'4\' && (\n          <div>\u5927\u7237\u6b22\u4e50\u591a{activeKey}</div>\n        )}\n      </div>\n    );\n  }\n}\nexport default Demo\n```\n\n### \u8d85\u51fa\u6536\u7f29\n\n\u5f53pane\u8fc7\u591a,\u8d85\u51fa\u5bbd\u5ea6\u5ea6\u65f6,\u4f1a\u5c06\u8d85\u51fa\u90e8\u5206\u6536\u7f29\u5230\u4e0b\u62c9\u9009\u9879\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tabs } from \'uiw\';\n\nclass Demo extends React.Component {\n\nrender() {\n    const panes=[]\n    for (let index = 0; index < 20; index++) {\n      panes.push({label:`Tabs-${index}`,key:index})\n    }\n\n    return (\n      <Tabs\n        style={{width:700}}\n        activeKey="1"\n        onTabClick={(tab, key, e) => {\n          console.log("=>", key, tab);\n        }}>\n        {panes.map(item=>{\n          return(\n            <Tabs.Pane label={item.label} key={item.key}>{item.label}</Tabs.Pane>\n          )\n        })}\n      </Tabs>\n    );\n  }\n}\nexport default Demo\n```\n\n\n## Tabs.Porps\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|------ |-------- |---------- |-------- |\n| type | \u9875\u7b7e\u7684\u57fa\u672c\u6837\u5f0f | Enum{`line`\u3001`card`\u3001`default`} | `default` |\n| activeKey | \u5f53\u524d\u6fc0\u6d3b `tab` \u9762\u677f\u7684 `key` | String | - |\n| onTabClick | `tab` \u88ab\u70b9\u51fb\u7684\u56de\u8c03 | Function | `(item, key, e)=>{}` |\n\n## Tabs.Pane.Porps\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|------ |-------- |---------- |-------- |\n| label | \u9009\u9879\u5361\u6807\u9898 | String,Node | - |\n| key | \u5bf9\u5e94 activeKey | String,Node | - |\n| disabled | \u6807\u7b7e\u662f\u7981\u7528\u4e0d\u53ef\u70b9\u51fb | Boolean | `false` |\n'}}}]);
+//# sourceMappingURL=9036.3a2a53e8.chunk.js.map