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

package/web/static/js/7019.d2a9e0a0.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/7019.d2a9e0a0.chunk.js","mappings":"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","sources":["../../packages/react-popover/README.md"],"sourcesContent":["\nexport default {\n    components: { 20: (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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\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    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      isOpen: false,\n      isOpen1: false\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: \"onClick\",\n    value: function onClick(field) {\n      this.setState(_defineProperty({}, field, false));\n    }\n  }, {\n    key: \"handleVisibleChange\",\n    value: function handleVisibleChange(field, isOpen) {\n      this.setState(_defineProperty({}, field, isOpen));\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n        style: {\n          alignItems: 'center'\n        }\n      }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n        trigger: \"click\",\n        placement: \"top\",\n        isOpen: this.state.isOpen,\n        onVisibleChange: this.handleVisibleChange.bind(this, 'isOpen'),\n        content: /*#__PURE__*/_react[\"default\"].createElement(_uiw.Card, {\n          bordered: false,\n          title: \"Card\\u6807\\u9898\",\n          extra: /*#__PURE__*/_react[\"default\"].createElement(\"a\", {\n            href: \"#\"\n          }, \"\\u66F4\\u591A\"),\n          style: {\n            width: 200\n          }\n        }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Are you sure you want to delete these items? You won't be able to recover them.\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n          style: {\n            display: \"flex\",\n            justifyContent: \"flex-end\",\n            marginTop: 15\n          }\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n          size: \"small\",\n          onClick: this.onClick.bind(this, 'isOpen')\n        }, \"Cancel\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n          type: \"danger\",\n          size: \"small\",\n          onClick: this.onClick.bind(this, 'isOpen')\n        }, \"Delete\")))\n      }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n        active: this.state.isOpen\n      }, \"\\u5F39\\u51FA\\u76EE\\u6807\")), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n        style: {\n          marginLeft: 20\n        }\n      }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n        trigger: \"click\",\n        placement: \"top\",\n        isOpen: this.state.isOpen1,\n        onVisibleChange: this.handleVisibleChange.bind(this, 'isOpen1'),\n        content: /*#__PURE__*/_react[\"default\"].createElement(_uiw.Card, {\n          bordered: false,\n          title: \"Card\\u6807\\u9898\",\n          extra: /*#__PURE__*/_react[\"default\"].createElement(\"a\", {\n            href: \"#\"\n          }, \"\\u66F4\\u591A\"),\n          style: {\n            width: 200\n          }\n        }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Are you sure you want to delete these items? You won't be able to recover them.\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n          style: {\n            display: \"flex\",\n            justifyContent: \"flex-end\",\n            marginTop: 15\n          }\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n          size: \"small\",\n          onClick: this.onClick.bind(this, 'isOpen1')\n        }, \"Cancel\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n          type: \"danger\",\n          size: \"small\",\n          onClick: this.onClick.bind(this, 'isOpen1')\n        }, \"Delete\")))\n      }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n        type: \"setting\",\n        color: \"#343a40\",\n        style: {\n          fontSize: 20\n        }\n      }))));\n    }\n  }]);\n\n  return Demo;\n}(_react[\"default\"].Component);\n\nreturn Demo; })(),97: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar btnStl = {\n  position: 'relative',\n  width: 70\n};\n\nvar content = /*#__PURE__*/_react[\"default\"].createElement(_uiw.Card, {\n  bordered: false,\n  style: {\n    width: 120\n  }\n}, /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Are you sure you want to delete these items? You won't be able to recover them.\"));\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      position: 'relative'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n    trigger: \"click\",\n    placement: \"topLeft\",\n    content: content\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, \"TL\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n    trigger: \"click\",\n    placement: \"top\",\n    content: content\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, \"Top\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n    trigger: \"click\",\n    placement: \"topRight\",\n    content: content\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, \"TR\"))), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      position: 'relative',\n      paddingTop: 10\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n    trigger: \"click\",\n    placement: \"leftTop\",\n    content: content\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    style: _objectSpread({}, btnStl)\n  }, \"LT\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n    trigger: \"click\",\n    placement: \"rightTop\",\n    content: content\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 216\n    })\n  }, \"RT\"))), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      position: 'relative',\n      paddingTop: 10\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n    trigger: \"click\",\n    placement: \"left\",\n    content: content\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    style: _objectSpread({}, btnStl)\n  }, \"Left\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n    trigger: \"click\",\n    placement: \"right\",\n    content: content\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 216\n    })\n  }, \"Right\"))), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      position: 'relative',\n      paddingTop: 10\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n    trigger: \"click\",\n    placement: \"leftBottom\",\n    content: content\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    style: _objectSpread({}, btnStl)\n  }, \"LB\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n    trigger: \"click\",\n    placement: \"rightBottom\",\n    content: content\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 216\n    })\n  }, \"RB\"))), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      position: 'relative',\n      paddingTop: 10\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n    trigger: \"click\",\n    placement: \"bottomLeft\",\n    content: content\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, \"BL\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n    trigger: \"click\",\n    placement: \"bottom\",\n    content: content\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, \"Bottom\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n    trigger: \"click\",\n    placement: \"bottomRight\",\n    content: content\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, \"BR\"))));\n};\n\nreturn Demo; })(),172: (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 btnStl = {\n  position: 'relative',\n  width: 70\n};\n\nvar content = /*#__PURE__*/_react[\"default\"].createElement(_uiw.Card, {\n  style: {\n    width: 220\n  },\n  bordered: false,\n  title: \"Card\\u6807\\u9898\",\n  footer: /*#__PURE__*/_react[\"default\"].createElement(\"span\", null, \"\\u8FD9\\u91CC\\u662F\\u9875\\u811A\")\n}, /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"\\u8FD9\\u662F\\u4F60\\u9F20\\u6807\\u7ECF\\u8FC7\\u5F39\\u51FA\\u7684\\u76EE\\u6807\\u3002\"));\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n    trigger: \"hover\",\n    placement: \"top\",\n    content: content\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u9F20\\u6807\\u7ECF\\u8FC7\\u5F39\\u51FA\\u76EE\\u6807\")));\n};\n\nreturn Demo; })(),203: (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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\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 btnStl = {\n  position: 'relative',\n  width: 70\n};\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      isOpen: false,\n      value: ''\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: \"onClick\",\n    value: function onClick(val) {\n      var state = {\n        isOpen: false\n      };\n\n      if (val) {\n        state.value = val;\n      }\n\n      if (val === null) state.value = '';\n      this.setState(_objectSpread({}, state));\n    }\n  }, {\n    key: \"handleVisibleChange\",\n    value: function handleVisibleChange(isOpen) {\n      this.setState({\n        isOpen: isOpen\n      });\n    }\n  }, {\n    key: \"onChange\",\n    value: function onChange(e) {\n      this.setState({\n        value: e.target.value\n      });\n    }\n  }, {\n    key: \"renderPopup\",\n    value: function renderPopup() {\n      return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Card, {\n        style: {\n          width: 220\n        },\n        bordered: false,\n        footer: /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n          style: {\n            display: \"flex\",\n            justifyContent: \"flex-end\"\n          }\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n          size: \"small\",\n          onClick: this.onClick.bind(this, undefined)\n        }, \"\\u53D6\\u6D88\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n          size: \"small\",\n          onClick: this.onClick.bind(this, null)\n        }, \"\\u6E05\\u7A7A\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n          type: \"success\",\n          size: \"small\",\n          onClick: this.onClick.bind(this, '这是向 Input 输入框插入的内容')\n        }, \"\\u63D2\\u5165\\u5185\\u5BB9\"))\n      }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"\\u901A\\u8FC7\\u8BBE\\u7F6E `trigger=\\\"focus\\\"` \\u8BA9 `Input` \\u7EC4\\u4EF6\\u5728\\u83B7\\u53D6\\u7126\\u70B9\\u7684\\u65F6\\u5019\\u5C55\\u793A `Popover`\"));\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n        style: {\n          width: 200\n        }\n      }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n        trigger: \"focus\",\n        placement: \"top\",\n        isOpen: this.state.isOpen,\n        onVisibleChange: this.handleVisibleChange.bind(this),\n        content: this.renderPopup()\n      }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Input, {\n        placeholder: \"\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9\",\n        value: this.state.value,\n        onChange: this.onChange.bind(this)\n      }))));\n    }\n  }]);\n\n  return Demo;\n}(_react[\"default\"].Component);\n\nreturn Demo; })(),278: (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 Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      isOpen: false\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: \"onClick\",\n    value: function onClick() {\n      this.setState({\n        isOpen: false\n      });\n    }\n  }, {\n    key: \"handleVisibleChange\",\n    value: function handleVisibleChange(isOpen) {\n      this.setState({\n        isOpen: isOpen\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n        style: {\n          position: 'relative'\n        }\n      }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover, {\n        trigger: \"click\",\n        placement: \"right\",\n        usePortal: false,\n        isOpen: this.state.isOpen,\n        onVisibleChange: this.handleVisibleChange.bind(this),\n        content: /*#__PURE__*/_react[\"default\"].createElement(_uiw.Card, {\n          bordered: false,\n          title: \"Card\\u6807\\u9898\",\n          extra: /*#__PURE__*/_react[\"default\"].createElement(\"a\", {\n            href: \"#\"\n          }, \"\\u66F4\\u591A\"),\n          style: {\n            width: 200\n          }\n        }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Are you sure you want to delete these items? You won't be able to recover them.\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n          style: {\n            display: \"flex\",\n            justifyContent: \"flex-end\",\n            marginTop: 15\n          }\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n          size: \"small\",\n          onClick: this.onClick.bind(this)\n        }, \"Cancel\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n          type: \"danger\",\n          size: \"small\",\n          onClick: this.onClick.bind(this)\n        }, \"Delete\")))\n      }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u5F39\\u51FA\\u76EE\\u6807\"))));\n    }\n  }]);\n\n  return Demo;\n}(_react[\"default\"].Component);\n\nreturn Demo; })(),331: (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 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.Row, {\n        style: {\n          alignItems: 'center'\n        }\n      }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Popover.Confirm, {\n        title: \"Are you sure delete this?\"\n      }, \"delete\"));\n    }\n  }]);\n\n  return Demo;\n}(_react[\"default\"].Component);\n\nreturn Demo; })(), },\n    data: {\n  \"20\": {\n    \"name\": 20,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\\n\\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    var _this;\\n\\n    _classCallCheck(this, Demo);\\n\\n    _this = _super.call(this);\\n    _this.state = {\\n      isOpen: false,\\n      isOpen1: false\\n    };\\n    return _this;\\n  }\\n\\n  _createClass(Demo, [{\\n    key: \\\"onClick\\\",\\n    value: function onClick(field) {\\n      this.setState(_defineProperty({}, field, false));\\n    }\\n  }, {\\n    key: \\\"handleVisibleChange\\\",\\n    value: function handleVisibleChange(field, isOpen) {\\n      this.setState(_defineProperty({}, field, isOpen));\\n    }\\n  }, {\\n    key: \\\"render\\\",\\n    value: function render() {\\n      return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n        style: {\\n          alignItems: 'center'\\n        }\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n        trigger: \\\"click\\\",\\n        placement: \\\"top\\\",\\n        isOpen: this.state.isOpen,\\n        onVisibleChange: this.handleVisibleChange.bind(this, 'isOpen'),\\n        content: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Card, {\\n          bordered: false,\\n          title: \\\"Card\\\\u6807\\\\u9898\\\",\\n          extra: /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"a\\\", {\\n            href: \\\"#\\\"\\n          }, \\\"\\\\u66F4\\\\u591A\\\"),\\n          style: {\\n            width: 200\\n          }\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Are you sure you want to delete these items? You won't be able to recover them.\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n          style: {\\n            display: \\\"flex\\\",\\n            justifyContent: \\\"flex-end\\\",\\n            marginTop: 15\\n          }\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n          size: \\\"small\\\",\\n          onClick: this.onClick.bind(this, 'isOpen')\\n        }, \\\"Cancel\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n          type: \\\"danger\\\",\\n          size: \\\"small\\\",\\n          onClick: this.onClick.bind(this, 'isOpen')\\n        }, \\\"Delete\\\")))\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n        active: this.state.isOpen\\n      }, \\\"\\\\u5F39\\\\u51FA\\\\u76EE\\\\u6807\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n        style: {\\n          marginLeft: 20\\n        }\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n        trigger: \\\"click\\\",\\n        placement: \\\"top\\\",\\n        isOpen: this.state.isOpen1,\\n        onVisibleChange: this.handleVisibleChange.bind(this, 'isOpen1'),\\n        content: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Card, {\\n          bordered: false,\\n          title: \\\"Card\\\\u6807\\\\u9898\\\",\\n          extra: /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"a\\\", {\\n            href: \\\"#\\\"\\n          }, \\\"\\\\u66F4\\\\u591A\\\"),\\n          style: {\\n            width: 200\\n          }\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Are you sure you want to delete these items? You won't be able to recover them.\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n          style: {\\n            display: \\\"flex\\\",\\n            justifyContent: \\\"flex-end\\\",\\n            marginTop: 15\\n          }\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n          size: \\\"small\\\",\\n          onClick: this.onClick.bind(this, 'isOpen1')\\n        }, \\\"Cancel\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n          type: \\\"danger\\\",\\n          size: \\\"small\\\",\\n          onClick: this.onClick.bind(this, 'isOpen1')\\n        }, \\\"Delete\\\")))\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n        type: \\\"setting\\\",\\n        color: \\\"#343a40\\\",\\n        style: {\\n          fontSize: 20\\n        }\\n      }))));\\n    }\\n  }]);\\n\\n  return Demo;\\n}(_react[\\\"default\\\"].Component);\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Popover, Card, Icon,Row,Col, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  constructor() {\\n    super();\\n    this.state = {\\n      isOpen: false,\\n      isOpen1: false,\\n    }\\n  }\\n  onClick(field) {\\n    this.setState({ [field]: false });\\n  }\\n\\n  handleVisibleChange(field, isOpen) {\\n    this.setState({ [field]:isOpen });\\n  }\\n  render() {\\n    return (\\n      <Row style={{ alignItems: 'center' }}>\\n        <Popover\\n          trigger=\\\"click\\\"\\n          placement=\\\"top\\\"\\n          isOpen={this.state.isOpen}\\n          onVisibleChange={this.handleVisibleChange.bind(this, 'isOpen')}\\n          content={\\n            <Card bordered={false} title=\\\"Card标题\\\" extra={<a href=\\\"#\\\">更多</a>} style={{ width: 200 }}>\\n              <div>Are you sure you want to delete these items? You won't be able to recover them.</div>\\n              <div style={{ display: \\\"flex\\\", justifyContent: \\\"flex-end\\\", marginTop: 15 }}>\\n                <Button size=\\\"small\\\" onClick={this.onClick.bind(this, 'isOpen')}>\\n                  Cancel\\n                </Button>\\n                <Button type=\\\"danger\\\" size=\\\"small\\\" onClick={this.onClick.bind(this, 'isOpen')}>\\n                  Delete\\n                </Button>\\n              </div>\\n            </Card>\\n          }\\n        >\\n          <Button active={this.state.isOpen}>弹出目标</Button>\\n        </Popover>\\n        <div style={{ marginLeft: 20 }}>\\n          <Popover\\n            trigger=\\\"click\\\"\\n            placement=\\\"top\\\"\\n            isOpen={this.state.isOpen1}\\n            onVisibleChange={this.handleVisibleChange.bind(this, 'isOpen1')}\\n            content={\\n              <Card bordered={false} title=\\\"Card标题\\\" extra={<a href=\\\"#\\\">更多</a>} style={{ width: 200 }}>\\n                <div>Are you sure you want to delete these items? You won't be able to recover them.</div>\\n                <div style={{ display: \\\"flex\\\", justifyContent: \\\"flex-end\\\", marginTop: 15 }}>\\n                  <Button size=\\\"small\\\" onClick={this.onClick.bind(this, 'isOpen1')}>\\n                    Cancel\\n                  </Button>\\n                  <Button type=\\\"danger\\\" size=\\\"small\\\" onClick={this.onClick.bind(this, 'isOpen1')}>\\n                    Delete\\n                  </Button>\\n                </div>\\n              </Card>\\n            }\\n          >\\n            <Icon type=\\\"setting\\\" color=\\\"#343a40\\\" style={{ fontSize: 20 }} />\\n          </Popover>\\n        </div>\\n      </Row>\\n    )\\n  }\\n}\\nexport default Demo\"\n  },\n  \"97\": {\n    \"name\": 97,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\\n\\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\\n\\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\\n\\nvar btnStl = {\\n  position: 'relative',\\n  width: 70\\n};\\n\\nvar content = /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Card, {\\n  bordered: false,\\n  style: {\\n    width: 120\\n  }\\n}, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Are you sure you want to delete these items? You won't be able to recover them.\\\"));\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      position: 'relative'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n    trigger: \\\"click\\\",\\n    placement: \\\"topLeft\\\",\\n    content: content\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\\n      left: 70\\n    })\\n  }, \\\"TL\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n    trigger: \\\"click\\\",\\n    placement: \\\"top\\\",\\n    content: content\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\\n      left: 70\\n    })\\n  }, \\\"Top\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n    trigger: \\\"click\\\",\\n    placement: \\\"topRight\\\",\\n    content: content\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\\n      left: 70\\n    })\\n  }, \\\"TR\\\"))), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      position: 'relative',\\n      paddingTop: 10\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n    trigger: \\\"click\\\",\\n    placement: \\\"leftTop\\\",\\n    content: content\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    style: _objectSpread({}, btnStl)\\n  }, \\\"LT\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n    trigger: \\\"click\\\",\\n    placement: \\\"rightTop\\\",\\n    content: content\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\\n      left: 216\\n    })\\n  }, \\\"RT\\\"))), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      position: 'relative',\\n      paddingTop: 10\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n    trigger: \\\"click\\\",\\n    placement: \\\"left\\\",\\n    content: content\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    style: _objectSpread({}, btnStl)\\n  }, \\\"Left\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n    trigger: \\\"click\\\",\\n    placement: \\\"right\\\",\\n    content: content\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\\n      left: 216\\n    })\\n  }, \\\"Right\\\"))), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      position: 'relative',\\n      paddingTop: 10\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n    trigger: \\\"click\\\",\\n    placement: \\\"leftBottom\\\",\\n    content: content\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    style: _objectSpread({}, btnStl)\\n  }, \\\"LB\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n    trigger: \\\"click\\\",\\n    placement: \\\"rightBottom\\\",\\n    content: content\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\\n      left: 216\\n    })\\n  }, \\\"RB\\\"))), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      position: 'relative',\\n      paddingTop: 10\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n    trigger: \\\"click\\\",\\n    placement: \\\"bottomLeft\\\",\\n    content: content\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\\n      left: 70\\n    })\\n  }, \\\"BL\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n    trigger: \\\"click\\\",\\n    placement: \\\"bottom\\\",\\n    content: content\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\\n      left: 70\\n    })\\n  }, \\\"Bottom\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n    trigger: \\\"click\\\",\\n    placement: \\\"bottomRight\\\",\\n    content: content\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\\n      left: 70\\n    })\\n  }, \\\"BR\\\"))));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Popover, Card, Button } from 'uiw';\\n\\nconst btnStl = {position: 'relative', width: 70 }\\nconst content = (\\n  <Card bordered={false} style={{ width: 120 }}>\\n    <div>Are you sure you want to delete these items? You won't be able to recover them.</div>\\n  </Card>\\n)\\nconst Demo = () => (\\n  <div>\\n    <div style={{ position: 'relative' }}>\\n\\n      <Popover trigger=\\\"click\\\" placement=\\\"topLeft\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 70 }}>TL</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"top\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 70}}>Top</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"topRight\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 70 }}>TR</Button>\\n      </Popover>\\n\\n    </div>\\n    <div style={{ position: 'relative', paddingTop: 10 }}>\\n\\n      <Popover trigger=\\\"click\\\" placement=\\\"leftTop\\\" content={content}>\\n        <Button style={{ ...btnStl }}>LT</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"rightTop\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 216 }}>RT</Button>\\n      </Popover>\\n\\n    </div>\\n    <div style={{ position: 'relative', paddingTop: 10 }}>\\n\\n      <Popover trigger=\\\"click\\\" placement=\\\"left\\\" content={content}>\\n        <Button style={{ ...btnStl }}>Left</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"right\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 216 }}>Right</Button>\\n      </Popover>\\n\\n    </div>\\n    <div style={{ position: 'relative', paddingTop: 10 }}>\\n\\n      <Popover trigger=\\\"click\\\" placement=\\\"leftBottom\\\" content={content}>\\n        <Button style={{ ...btnStl }}>LB</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"rightBottom\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 216 }}>RB</Button>\\n      </Popover>\\n\\n    </div>\\n    <div style={{ position: 'relative', paddingTop: 10 }}>\\n\\n      <Popover trigger=\\\"click\\\" placement=\\\"bottomLeft\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 70 }}>BL</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"bottom\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"bottomRight\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 70 }}>BR</Button>\\n      </Popover>\\n\\n    </div>\\n  </div>\\n)\\nexport default Demo\"\n  },\n  \"172\": {\n    \"name\": 172,\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 btnStl = {\\n  position: 'relative',\\n  width: 70\\n};\\n\\nvar content = /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Card, {\\n  style: {\\n    width: 220\\n  },\\n  bordered: false,\\n  title: \\\"Card\\\\u6807\\\\u9898\\\",\\n  footer: /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u9875\\\\u811A\\\")\\n}, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"\\\\u8FD9\\\\u662F\\\\u4F60\\\\u9F20\\\\u6807\\\\u7ECF\\\\u8FC7\\\\u5F39\\\\u51FA\\\\u7684\\\\u76EE\\\\u6807\\\\u3002\\\"));\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n    trigger: \\\"hover\\\",\\n    placement: \\\"top\\\",\\n    content: content\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u9F20\\\\u6807\\\\u7ECF\\\\u8FC7\\\\u5F39\\\\u51FA\\\\u76EE\\\\u6807\\\")));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Popover, Card, Button } from 'uiw';\\n\\nconst btnStl = {position: 'relative', width: 70 }\\nconst content = (\\n  <Card\\n    style={{ width: 220 }}\\n    bordered={false}\\n    title=\\\"Card标题\\\"\\n    footer={\\n      <span>这里是页脚</span>\\n    }\\n  >\\n    <div>这是你鼠标经过弹出的目标。</div>\\n  </Card>\\n)\\nconst Demo = () => (\\n  <div>\\n    <Popover trigger=\\\"hover\\\" placement=\\\"top\\\" content={content}>\\n      <Button>鼠标经过弹出目标</Button>\\n    </Popover>\\n  </div>\\n)\\nexport default Demo\"\n  },\n  \"203\": {\n    \"name\": 203,\n    \"meta\": {\n      \"background\": \"#fff\",\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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\\n\\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\\n\\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\\n\\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 btnStl = {\\n  position: 'relative',\\n  width: 70\\n};\\n\\nvar Demo = /*#__PURE__*/function (_React$Component) {\\n  _inherits(Demo, _React$Component);\\n\\n  var _super = _createSuper(Demo);\\n\\n  function Demo() {\\n    var _this;\\n\\n    _classCallCheck(this, Demo);\\n\\n    _this = _super.call(this);\\n    _this.state = {\\n      isOpen: false,\\n      value: ''\\n    };\\n    return _this;\\n  }\\n\\n  _createClass(Demo, [{\\n    key: \\\"onClick\\\",\\n    value: function onClick(val) {\\n      var state = {\\n        isOpen: false\\n      };\\n\\n      if (val) {\\n        state.value = val;\\n      }\\n\\n      if (val === null) state.value = '';\\n      this.setState(_objectSpread({}, state));\\n    }\\n  }, {\\n    key: \\\"handleVisibleChange\\\",\\n    value: function handleVisibleChange(isOpen) {\\n      this.setState({\\n        isOpen: isOpen\\n      });\\n    }\\n  }, {\\n    key: \\\"onChange\\\",\\n    value: function onChange(e) {\\n      this.setState({\\n        value: e.target.value\\n      });\\n    }\\n  }, {\\n    key: \\\"renderPopup\\\",\\n    value: function renderPopup() {\\n      return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Card, {\\n        style: {\\n          width: 220\\n        },\\n        bordered: false,\\n        footer: /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n          style: {\\n            display: \\\"flex\\\",\\n            justifyContent: \\\"flex-end\\\"\\n          }\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n          size: \\\"small\\\",\\n          onClick: this.onClick.bind(this, undefined)\\n        }, \\\"\\\\u53D6\\\\u6D88\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n          size: \\\"small\\\",\\n          onClick: this.onClick.bind(this, null)\\n        }, \\\"\\\\u6E05\\\\u7A7A\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n          type: \\\"success\\\",\\n          size: \\\"small\\\",\\n          onClick: this.onClick.bind(this, '这是向 Input 输入框插入的内容')\\n        }, \\\"\\\\u63D2\\\\u5165\\\\u5185\\\\u5BB9\\\"))\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"\\\\u901A\\\\u8FC7\\\\u8BBE\\\\u7F6E `trigger=\\\\\\\"focus\\\\\\\"` \\\\u8BA9 `Input` \\\\u7EC4\\\\u4EF6\\\\u5728\\\\u83B7\\\\u53D6\\\\u7126\\\\u70B9\\\\u7684\\\\u65F6\\\\u5019\\\\u5C55\\\\u793A `Popover`\\\"));\\n    }\\n  }, {\\n    key: \\\"render\\\",\\n    value: function render() {\\n      return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n        style: {\\n          width: 200\\n        }\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n        trigger: \\\"focus\\\",\\n        placement: \\\"top\\\",\\n        isOpen: this.state.isOpen,\\n        onVisibleChange: this.handleVisibleChange.bind(this),\\n        content: this.renderPopup()\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Input, {\\n        placeholder: \\\"\\\\u8BF7\\\\u8F93\\\\u5165\\\\u5185\\\\u5BB9\\\",\\n        value: this.state.value,\\n        onChange: this.onChange.bind(this)\\n      }))));\\n    }\\n  }]);\\n\\n  return Demo;\\n}(_react[\\\"default\\\"].Component);\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Popover, Card, Button, Input } from 'uiw';\\n\\nconst btnStl = {position: 'relative', width: 70 }\\nclass Demo extends React.Component {\\n  constructor() {\\n    super();\\n    this.state = {\\n      isOpen: false,\\n      value: '',\\n    }\\n  }\\n  onClick(val) {\\n    const state = { isOpen: false }\\n    if (val) {\\n      state.value = val;\\n    }\\n    if (val === null) state.value = '';\\n    this.setState({ ...state });\\n  }\\n  handleVisibleChange(isOpen) {\\n    this.setState({ isOpen });\\n  }\\n  onChange(e) {\\n    this.setState({ value: e.target.value });\\n  }\\n  renderPopup() {\\n    return (\\n      <Card\\n        style={{ width: 220 }}\\n        bordered={false}\\n        footer={\\n          <div style={{ display: \\\"flex\\\", justifyContent: \\\"flex-end\\\" }}>\\n            <Button size=\\\"small\\\" onClick={this.onClick.bind(this, undefined)}>\\n              取消\\n            </Button>\\n            <Button size=\\\"small\\\" onClick={this.onClick.bind(this, null)}>\\n              清空\\n            </Button>\\n            <Button type=\\\"success\\\" size=\\\"small\\\" onClick={this.onClick.bind(this, '这是向 Input 输入框插入的内容')}>\\n              插入内容\\n            </Button>\\n          </div>\\n        }\\n      >\\n        <div>通过设置 `trigger=\\\"focus\\\"` 让 `Input` 组件在获取焦点的时候展示 `Popover`</div>\\n      </Card>\\n    )\\n  }\\n  render() {\\n    return (\\n      <div>\\n        <div style={{ width: 200 }}>\\n          <Popover\\n            trigger=\\\"focus\\\"\\n            placement=\\\"top\\\"\\n            isOpen={this.state.isOpen}\\n            onVisibleChange={this.handleVisibleChange.bind(this)}\\n            content={this.renderPopup()}\\n          >\\n            <Input placeholder=\\\"请输入内容\\\" value={this.state.value} onChange={this.onChange.bind(this)}/>\\n          </Popover>\\n        </div>\\n      </div>\\n    )\\n  }\\n}\\nexport default Demo\"\n  },\n  \"278\": {\n    \"name\": 278,\n    \"meta\": {\n      \"background\": \"#fff\",\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 Demo = /*#__PURE__*/function (_React$Component) {\\n  _inherits(Demo, _React$Component);\\n\\n  var _super = _createSuper(Demo);\\n\\n  function Demo() {\\n    var _this;\\n\\n    _classCallCheck(this, Demo);\\n\\n    _this = _super.call(this);\\n    _this.state = {\\n      isOpen: false\\n    };\\n    return _this;\\n  }\\n\\n  _createClass(Demo, [{\\n    key: \\\"onClick\\\",\\n    value: function onClick() {\\n      this.setState({\\n        isOpen: false\\n      });\\n    }\\n  }, {\\n    key: \\\"handleVisibleChange\\\",\\n    value: function handleVisibleChange(isOpen) {\\n      this.setState({\\n        isOpen: isOpen\\n      });\\n    }\\n  }, {\\n    key: \\\"render\\\",\\n    value: function render() {\\n      return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n        style: {\\n          position: 'relative'\\n        }\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover, {\\n        trigger: \\\"click\\\",\\n        placement: \\\"right\\\",\\n        usePortal: false,\\n        isOpen: this.state.isOpen,\\n        onVisibleChange: this.handleVisibleChange.bind(this),\\n        content: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Card, {\\n          bordered: false,\\n          title: \\\"Card\\\\u6807\\\\u9898\\\",\\n          extra: /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"a\\\", {\\n            href: \\\"#\\\"\\n          }, \\\"\\\\u66F4\\\\u591A\\\"),\\n          style: {\\n            width: 200\\n          }\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Are you sure you want to delete these items? You won't be able to recover them.\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n          style: {\\n            display: \\\"flex\\\",\\n            justifyContent: \\\"flex-end\\\",\\n            marginTop: 15\\n          }\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n          size: \\\"small\\\",\\n          onClick: this.onClick.bind(this)\\n        }, \\\"Cancel\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n          type: \\\"danger\\\",\\n          size: \\\"small\\\",\\n          onClick: this.onClick.bind(this)\\n        }, \\\"Delete\\\")))\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u5F39\\\\u51FA\\\\u76EE\\\\u6807\\\"))));\\n    }\\n  }]);\\n\\n  return Demo;\\n}(_react[\\\"default\\\"].Component);\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Popover, Card, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  constructor() {\\n    super();\\n    this.state = {\\n      isOpen: false,\\n    }\\n  }\\n  onClick() {\\n    this.setState({ isOpen: false });\\n  }\\n  handleVisibleChange(isOpen) {\\n    this.setState({ isOpen });\\n  }\\n  render() {\\n    return (\\n      <div>\\n        <div style={{ position: 'relative' }}>\\n          <Popover\\n            trigger=\\\"click\\\"\\n            placement=\\\"right\\\"\\n            usePortal={false}\\n            isOpen={this.state.isOpen}\\n            onVisibleChange={this.handleVisibleChange.bind(this)}\\n            content={\\n              <Card bordered={false} title=\\\"Card标题\\\" extra={<a href=\\\"#\\\">更多</a>} style={{ width: 200 }}>\\n                <div>Are you sure you want to delete these items? You won't be able to recover them.</div>\\n                <div style={{ display: \\\"flex\\\", justifyContent: \\\"flex-end\\\", marginTop: 15 }}>\\n                  <Button size=\\\"small\\\" onClick={this.onClick.bind(this)}>\\n                    Cancel\\n                  </Button>\\n                  <Button type=\\\"danger\\\" size=\\\"small\\\" onClick={this.onClick.bind(this)}>\\n                    Delete\\n                  </Button>\\n                </div>\\n              </Card>\\n            }\\n          >\\n            <Button>弹出目标</Button>\\n          </Popover>\\n        </div>\\n      </div>\\n    )\\n  }\\n}\\nexport default Demo\"\n  },\n  \"331\": {\n    \"name\": 331,\n    \"meta\": {\n      \"background\": \"#fff\",\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 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.Row, {\\n        style: {\\n          alignItems: 'center'\\n        }\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Popover.Confirm, {\\n        title: \\\"Are you sure delete this?\\\"\\n      }, \\\"delete\\\"));\\n    }\\n  }]);\\n\\n  return Demo;\\n}(_react[\\\"default\\\"].Component);\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Popover, Row } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  render() {\\n    return (\\n      <Row style={{ alignItems: 'center' }}>\\n        <Popover.Confirm title=\\\"Are you sure delete this?\\\">delete</Popover.Confirm>\\n      </Row>\\n    )\\n  }\\n}\\nexport default Demo\"\n  }\n},\n    source: \"Popover 气泡卡片\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-popover/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-popover.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-popover)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-popover.svg?label=@uiw/react-popover)](https://npmjs.com/@uiw/react-popover)\\n\\n点击/鼠标移入元素，弹出气泡式的卡片浮层。\\n\\n```jsx\\nimport { Popover } from 'uiw';\\n// or\\nimport Popover from '@uiw/react-popover';\\n```\\n\\n### 基础用法\\n\\n最简单的用法。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Popover, Card, Icon,Row,Col, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  constructor() {\\n    super();\\n    this.state = {\\n      isOpen: false,\\n      isOpen1: false,\\n    }\\n  }\\n  onClick(field) {\\n    this.setState({ [field]: false });\\n  }\\n\\n  handleVisibleChange(field, isOpen) {\\n    this.setState({ [field]:isOpen });\\n  }\\n  render() {\\n    return (\\n      <Row style={{ alignItems: 'center' }}>\\n        <Popover\\n          trigger=\\\"click\\\"\\n          placement=\\\"top\\\"\\n          isOpen={this.state.isOpen}\\n          onVisibleChange={this.handleVisibleChange.bind(this, 'isOpen')}\\n          content={\\n            <Card bordered={false} title=\\\"Card标题\\\" extra={<a href=\\\"#\\\">更多</a>} style={{ width: 200 }}>\\n              <div>Are you sure you want to delete these items? You won't be able to recover them.</div>\\n              <div style={{ display: \\\"flex\\\", justifyContent: \\\"flex-end\\\", marginTop: 15 }}>\\n                <Button size=\\\"small\\\" onClick={this.onClick.bind(this, 'isOpen')}>\\n                  Cancel\\n                </Button>\\n                <Button type=\\\"danger\\\" size=\\\"small\\\" onClick={this.onClick.bind(this, 'isOpen')}>\\n                  Delete\\n                </Button>\\n              </div>\\n            </Card>\\n          }\\n        >\\n          <Button active={this.state.isOpen}>弹出目标</Button>\\n        </Popover>\\n        <div style={{ marginLeft: 20 }}>\\n          <Popover\\n            trigger=\\\"click\\\"\\n            placement=\\\"top\\\"\\n            isOpen={this.state.isOpen1}\\n            onVisibleChange={this.handleVisibleChange.bind(this, 'isOpen1')}\\n            content={\\n              <Card bordered={false} title=\\\"Card标题\\\" extra={<a href=\\\"#\\\">更多</a>} style={{ width: 200 }}>\\n                <div>Are you sure you want to delete these items? You won't be able to recover them.</div>\\n                <div style={{ display: \\\"flex\\\", justifyContent: \\\"flex-end\\\", marginTop: 15 }}>\\n                  <Button size=\\\"small\\\" onClick={this.onClick.bind(this, 'isOpen1')}>\\n                    Cancel\\n                  </Button>\\n                  <Button type=\\\"danger\\\" size=\\\"small\\\" onClick={this.onClick.bind(this, 'isOpen1')}>\\n                    Delete\\n                  </Button>\\n                </div>\\n              </Card>\\n            }\\n          >\\n            <Icon type=\\\"setting\\\" color=\\\"#343a40\\\" style={{ fontSize: 20 }} />\\n          </Popover>\\n        </div>\\n      </Row>\\n    )\\n  }\\n}\\nexport default Demo\\n```\\n\\n### 位置\\n\\n位置有 `12` 个方向，根据 `placement` 参数来设置。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Popover, Card, Button } from 'uiw';\\n\\nconst btnStl = {position: 'relative', width: 70 }\\nconst content = (\\n  <Card bordered={false} style={{ width: 120 }}>\\n    <div>Are you sure you want to delete these items? You won't be able to recover them.</div>\\n  </Card>\\n)\\nconst Demo = () => (\\n  <div>\\n    <div style={{ position: 'relative' }}>\\n\\n      <Popover trigger=\\\"click\\\" placement=\\\"topLeft\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 70 }}>TL</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"top\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 70}}>Top</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"topRight\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 70 }}>TR</Button>\\n      </Popover>\\n\\n    </div>\\n    <div style={{ position: 'relative', paddingTop: 10 }}>\\n\\n      <Popover trigger=\\\"click\\\" placement=\\\"leftTop\\\" content={content}>\\n        <Button style={{ ...btnStl }}>LT</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"rightTop\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 216 }}>RT</Button>\\n      </Popover>\\n\\n    </div>\\n    <div style={{ position: 'relative', paddingTop: 10 }}>\\n\\n      <Popover trigger=\\\"click\\\" placement=\\\"left\\\" content={content}>\\n        <Button style={{ ...btnStl }}>Left</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"right\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 216 }}>Right</Button>\\n      </Popover>\\n\\n    </div>\\n    <div style={{ position: 'relative', paddingTop: 10 }}>\\n\\n      <Popover trigger=\\\"click\\\" placement=\\\"leftBottom\\\" content={content}>\\n        <Button style={{ ...btnStl }}>LB</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"rightBottom\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 216 }}>RB</Button>\\n      </Popover>\\n\\n    </div>\\n    <div style={{ position: 'relative', paddingTop: 10 }}>\\n\\n      <Popover trigger=\\\"click\\\" placement=\\\"bottomLeft\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 70 }}>BL</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"bottom\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\\n      </Popover>\\n      <Popover trigger=\\\"click\\\" placement=\\\"bottomRight\\\" content={content}>\\n        <Button style={{ ...btnStl, left: 70 }}>BR</Button>\\n      </Popover>\\n\\n    </div>\\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 { Popover, Card, Button } from 'uiw';\\n\\nconst btnStl = {position: 'relative', width: 70 }\\nconst content = (\\n  <Card\\n    style={{ width: 220 }}\\n    bordered={false}\\n    title=\\\"Card标题\\\"\\n    footer={\\n      <span>这里是页脚</span>\\n    }\\n  >\\n    <div>这是你鼠标经过弹出的目标。</div>\\n  </Card>\\n)\\nconst Demo = () => (\\n  <div>\\n    <Popover trigger=\\\"hover\\\" placement=\\\"top\\\" content={content}>\\n      <Button>鼠标经过弹出目标</Button>\\n    </Popover>\\n  </div>\\n)\\nexport default Demo\\n```\\n\\n### 焦点展示\\n\\n通过设置 `trigger=\\\"focus\\\"` 让 `Input` 组件在获取焦点的时候展示 `Popover`\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Popover, Card, Button, Input } from 'uiw';\\n\\nconst btnStl = {position: 'relative', width: 70 }\\nclass Demo extends React.Component {\\n  constructor() {\\n    super();\\n    this.state = {\\n      isOpen: false,\\n      value: '',\\n    }\\n  }\\n  onClick(val) {\\n    const state = { isOpen: false }\\n    if (val) {\\n      state.value = val;\\n    }\\n    if (val === null) state.value = '';\\n    this.setState({ ...state });\\n  }\\n  handleVisibleChange(isOpen) {\\n    this.setState({ isOpen });\\n  }\\n  onChange(e) {\\n    this.setState({ value: e.target.value });\\n  }\\n  renderPopup() {\\n    return (\\n      <Card\\n        style={{ width: 220 }}\\n        bordered={false}\\n        footer={\\n          <div style={{ display: \\\"flex\\\", justifyContent: \\\"flex-end\\\" }}>\\n            <Button size=\\\"small\\\" onClick={this.onClick.bind(this, undefined)}>\\n              取消\\n            </Button>\\n            <Button size=\\\"small\\\" onClick={this.onClick.bind(this, null)}>\\n              清空\\n            </Button>\\n            <Button type=\\\"success\\\" size=\\\"small\\\" onClick={this.onClick.bind(this, '这是向 Input 输入框插入的内容')}>\\n              插入内容\\n            </Button>\\n          </div>\\n        }\\n      >\\n        <div>通过设置 `trigger=\\\"focus\\\"` 让 `Input` 组件在获取焦点的时候展示 `Popover`</div>\\n      </Card>\\n    )\\n  }\\n  render() {\\n    return (\\n      <div>\\n        <div style={{ width: 200 }}>\\n          <Popover\\n            trigger=\\\"focus\\\"\\n            placement=\\\"top\\\"\\n            isOpen={this.state.isOpen}\\n            onVisibleChange={this.handleVisibleChange.bind(this)}\\n            content={this.renderPopup()}\\n          >\\n            <Input placeholder=\\\"请输入内容\\\" value={this.state.value} onChange={this.onChange.bind(this)}/>\\n          </Popover>\\n        </div>\\n      </div>\\n    )\\n  }\\n}\\nexport default Demo\\n```\\n\\n### usePortal\\n\\n设置 `usePortal={false}` 将模态对话框生成到根节点的里面，这样为了计算位置准确，你需要将父层样式设为 `position: relative;` 。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Popover, Card, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  constructor() {\\n    super();\\n    this.state = {\\n      isOpen: false,\\n    }\\n  }\\n  onClick() {\\n    this.setState({ isOpen: false });\\n  }\\n  handleVisibleChange(isOpen) {\\n    this.setState({ isOpen });\\n  }\\n  render() {\\n    return (\\n      <div>\\n        <div style={{ position: 'relative' }}>\\n          <Popover\\n            trigger=\\\"click\\\"\\n            placement=\\\"right\\\"\\n            usePortal={false}\\n            isOpen={this.state.isOpen}\\n            onVisibleChange={this.handleVisibleChange.bind(this)}\\n            content={\\n              <Card bordered={false} title=\\\"Card标题\\\" extra={<a href=\\\"#\\\">更多</a>} style={{ width: 200 }}>\\n                <div>Are you sure you want to delete these items? You won't be able to recover them.</div>\\n                <div style={{ display: \\\"flex\\\", justifyContent: \\\"flex-end\\\", marginTop: 15 }}>\\n                  <Button size=\\\"small\\\" onClick={this.onClick.bind(this)}>\\n                    Cancel\\n                  </Button>\\n                  <Button type=\\\"danger\\\" size=\\\"small\\\" onClick={this.onClick.bind(this)}>\\n                    Delete\\n                  </Button>\\n                </div>\\n              </Card>\\n            }\\n          >\\n            <Button>弹出目标</Button>\\n          </Popover>\\n        </div>\\n      </div>\\n    )\\n  }\\n}\\nexport default Demo\\n```\\n\\n### Confirm 用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Popover, Row } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  render() {\\n    return (\\n      <Row style={{ alignItems: 'center' }}>\\n        <Popover.Confirm title=\\\"Are you sure delete this?\\\">delete</Popover.Confirm>\\n      </Row>\\n    )\\n  }\\n}\\nexport default Demo\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| content | 显示的内容 | String,React.ReactNode | - |\\n| placement | 气泡框位置，可现实箭头在不同的方位 | Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} | `top` |\\n| visibleArrow | 是否显示箭头 | Boolean | `true` |\\n| delay | 延迟进入和消失，`{ show: 2000, hide: 4000 }` 或者直接设置 `2000`，只对 `trigger=hover` 有效，继承 `<OverlayTrigger />` 组件属性 | Object/Number | - |\\n| trigger| 悬停/点击弹出窗口，继承 `<OverlayTrigger />` 组件属性 | Enum{`hover`, `click`, `focus`} | `hover` |\\n| disabled | 是否禁用弹出目标 | Boolean | `false` |\\n| isOpen | 默认是否显示弹窗，继承 `<OverlayTrigger />` 组件属性 | Boolean | `false` |\\n| autoAdjustOverflow | 弹出层被遮挡时自动调整位置，继承 `<OverlayTrigger />` 组件属性 | Boolean | `false` |\\n| onVisibleChange | 显示隐藏的回调，继承 `<OverlayTrigger />` 组件属性 | Function(isVisible:bool) | - |\\n\\n## Confirm Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| trigger| 悬停/点击弹出窗口，继承 `<OverlayTrigger />` 组件属性 | Enum{`hover`, `click`, `focus`} | `hover` |\\n| placement | 气泡框位置，可现实箭头在不同的方位 | Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} | `top` |\\n| visibleArrow | 是否显示箭头 | Boolean | `true` |\\n| children | 子元素 | React.ReactNode | - |\\n| onConfirm | 确定方法 | ()=>void |  |\\n| confirmText | 确定按钮文本 | string | Yes |\\n| title | 标题信息 | React.ReactNode | - |\\n| cancelText | 取消按钮文本 | string | No |\\n\\n\\n更多属性请参考 [OverlayTrigger](#/components/overlay-trigger)。\\n\"\n  }"],"names":["components","_typeof","obj","Symbol","iterator","constructor","prototype","_react","__esModule","_uiw","_defineProperty","key","value","Object","defineProperty","enumerable","configurable","writable","_classCallCheck","instance","Constructor","left","right","hasInstance","TypeError","_defineProperties","target","props","i","length","descriptor","_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","_React$Component","subClass","superClass","create","_inherits","Demo","protoProps","staticProps","_super","_this","state","isOpen","isOpen1","field","setState","createElement","Row","style","alignItems","Popover","trigger","placement","onVisibleChange","handleVisibleChange","content","Card","bordered","title","extra","href","width","display","justifyContent","marginTop","Button","size","onClick","type","active","marginLeft","Icon","color","fontSize","Component","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","push","_objectSpread","source","forEach","getOwnPropertyDescriptors","defineProperties","btnStl","position","paddingTop","footer","val","undefined","renderPopup","Input","placeholder","onChange","usePortal","Confirm","data"],"sourceRoot":""}

package/web/static/js/7064.1feda4f5.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7064],{7064:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{maxWidth:200}}))}}(),32:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{width:200}})),n.default.createElement(r.Col,{fixed:!0},"\u9650\u5236\u5927\u5c0f"),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{width:200},min:1,max:10})),n.default.createElement(r.Col,{fixed:!0},"\u8d85\u51fa\u9650\u754c\u8b66\u544a"),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{width:200},min:1,max:10,overLimitColor:"red"})),n.default.createElement(r.Col,{fixed:!0},"\u8bbe\u7f6e\u6b65\u6da8\u503c"),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{width:200},step:5}))))}}(),83:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}return function(){return n.default.createElement(r.Form,{onChange:function(e){e.initial,e.current},onSubmitError:function(e){return console.log("error:",e),e&&e.filed?function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current;n.input&&n.input.length>3?r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u586b\u5199\uff1a\u3010".concat(n.input.toString(),"\u3011\uff01")}):r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01"});var t={};if(n.input&&n.input.length<4&&(t.input="\ud83d\ude06 \u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01"),Object.keys(t).length>0){var l=new Error;throw l.filed=t,l}},fields:{input:{value:"www",label:"\u8bf7\u8f93\u5165\u5185\u5bb9",help:"\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01",validator:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.length<4?"\u5fc5\u586b\u9009\u9879\uff01":null},children:n.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{maxWidth:200}})},inputNumber:{value:"www",label:"\u8bf7\u8f93\u5165\u5185\u5bb9",help:"\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01",validator:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.length<4?"\u5fc5\u586b\u9009\u9879\uff01":null},children:n.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{maxWidth:200}})}}},(function(e){var t=e.fields,l=e.state,o=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,t.input)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,t.inputNumber)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,n.default.createElement(r.Button,{disabled:!o(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,n.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(l.current,null,2)))))}))}}(),162:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"delete"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"tag"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"picasa"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"}))))}}(),192:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:n.default.createElement(r.Button,{icon:n.default.createElement(r.Icon,{type:"lock"}),size:"small",basic:!0,type:"light"})})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"tag"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Tag,{title:"1000",color:"#28a745"})})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"search"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{icon:"apple",size:"small",type:"primary"},"\u6309\u94ae")})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"tag"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"primary"},"\u6309\u94ae")}))))}}(),235:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"like-o"}),size:"large",placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:n.default.createElement(r.Button,{icon:n.default.createElement(r.Icon,{type:"lock"}),basic:!0,type:"light"})})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"search"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{icon:n.default.createElement(r.Icon,{type:"arrow-right"}),basic:!0,size:"small",type:"light"})})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{size:"small",preIcon:n.default.createElement(r.Icon,{type:"tag"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"primary"},"\u6309\u94ae")}))),n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{size:"large",preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:n.default.createElement(r.Tag,{title:"1000",color:"#28a745"})})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"tag"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Tag,l({title:"\u836f\u4e38",color:"#1C7CEB"},"color","#40bf16"),"\u4e38")})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"tag"}),size:"small",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Tag,{title:"1000",color:"#28a745"})}))),n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"like-o"}),size:"large",placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:n.default.createElement(r.Button,{icon:n.default.createElement(r.Icon,{type:"apple"}),type:"primary"},"\u6309\u94ae")})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"search"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"primary"},"\u641c\u7d22")})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"tag"}),size:"small",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"primary"},"\u6309\u94ae")}))),n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:n.default.createElement(r.Button,{size:"small",type:"light"},"\u4eae\u6309\u94ae")})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"danger"},"\u6309\u94ae")})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"warning"},"\u6309\u94ae")}))),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{size:"small",preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{size:"small",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{size:"small",preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"warning"},"\u6309\u94ae")}))))}}(),360:function(){function e(n){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(n)}var n,r=(n=t(8133))&&n.__esModule?n:{default:n},l=t(2814);function o(e,n){if(t=e,!(null!=(r=n)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](t):t instanceof r))throw new TypeError("Cannot call a class as a function");var t,r}function a(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e,n){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},u(e,n)}function c(e){var n=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,r=d(e);if(n){var l=d(this).constructor;t=Reflect.construct(r,arguments,l)}else t=r.apply(this,arguments);return i(this,t)}}function i(n,t){if(t&&("object"===e(t)||"function"===typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(n)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}return function(e){!function(e,n){if("function"!==typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),n&&u(e,n)}(p,e);var n,t,i,d=c(p);function p(){var e;return o(this,p),(e=d.call(this)).state={btnIcon:"lock"},e}return n=p,(t=[{key:"onClick",value:function(){this.setState({btnIcon:"lock"===this.state.btnIcon?"unlock":"lock"})}},{key:"render",value:function(){return r.default.createElement(l.Row,{gutter:10},r.default.createElement(l.Col,{fixed:!0},r.default.createElement(l.Input,{ref:function(e){e&&console.log("instance:",e)},preIcon:r.default.createElement(l.Icon,{type:"like-o"}),type:"lock"===this.state.btnIcon?"password":"text",placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:r.default.createElement(l.Button,{icon:r.default.createElement(l.Icon,{type:this.state.btnIcon}),onClick:this.onClick.bind(this),size:"small",basic:!0,type:"light"})})))}}])&&a(n.prototype,t),i&&a(n,i),Object.defineProperty(n,"prototype",{writable:!1}),p}(r.default.Component)}(),406:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement(n.default.Fragment,null,n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{disabled:!0,preIcon:n.default.createElement(r.Icon,{type:"delete"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{disabled:!0,preIcon:n.default.createElement(r.Icon,{type:"tag"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{disabled:!0,preIcon:n.default.createElement(r.Icon,{type:"picasa"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{icon:n.default.createElement(r.Icon,{type:"close"}),disabled:!0,size:"small",basic:!0,type:"light"})})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{disabled:!0,preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"}))))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    style: {\n      maxWidth: 200\n    }\n  }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Input } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <Input placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" style={{ maxWidth: 200 }} />\n  </div>\n);\nexport default Demo"},32:{name:32,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.InputNumber, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    style: {\n      width: 200\n    }\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, "\\u9650\\u5236\\u5927\\u5C0F"), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.InputNumber, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    style: {\n      width: 200\n    },\n    min: 1,\n    max: 10\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, "\\u8D85\\u51FA\\u9650\\u754C\\u8B66\\u544A"), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.InputNumber, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    style: {\n      width: 200\n    },\n    min: 1,\n    max: 10,\n    overLimitColor: \'red\'\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, "\\u8BBE\\u7F6E\\u6B65\\u6DA8\\u503C"), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.InputNumber, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    style: {\n      width: 200\n    },\n    step: 5\n  }))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { InputNumber,Row,Col, Icon, } from \'uiw\';\n\nconst Demo = () => {\n\n  return(\n    <div>\n      <Row gutter={10}>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n          />\n        </Col>\n        <Col fixed>\u9650\u5236\u5927\u5c0f</Col>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n            min={1}\n            max={10}\n          />\n        </Col>\n        <Col fixed>\u8d85\u51fa\u9650\u754c\u8b66\u544a</Col>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n            min={1}\n            max={10}\n            overLimitColor={\'red\'}\n          />\n        </Col>\n        <Col fixed>\u8bbe\u7f6e\u6b65\u6da8\u503c</Col>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n            step={5}\n          />\n        </Col>\n      </Row>\n    </div>\n  )\n};\nexport default Demo'},83:{name:83,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n    onChange: function onChange(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n    },\n    onSubmitError: function onSubmitError(error) {\n      console.log(\'error:\', error);\n      return error && error.filed ? _objectSpread({}, error.filed) : null;\n    },\n    onSubmit: function onSubmit(_ref2) {\n      var initial = _ref2.initial,\n          current = _ref2.current;\n\n      if (current.input && current.input.length > 3) {\n        _uiw.Notify.success({\n          title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n          description: "\\u586B\\u5199\\uFF1A\\u3010".concat(current.input.toString(), "\\u3011\\uFF01")\n        });\n      } else {\n        _uiw.Notify.error({\n          title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n          description: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\'\n        });\n      }\n\n      var ErrObj = {};\n\n      if (current.input && current.input.length < 4) {\n        ErrObj.input = \'\ud83d\ude06 \u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\';\n      }\n\n      if (Object.keys(ErrObj).length > 0) {\n        var err = new Error();\n        err.filed = ErrObj;\n        throw err;\n      }\n    },\n    fields: {\n      input: {\n        value: \'www\',\n        label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n        help: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\',\n        validator: function validator() {\n          var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \'\';\n          return value.length < 4 ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null;\n        },\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n          placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n          style: {\n            maxWidth: 200\n          }\n        })\n      },\n      inputNumber: {\n        value: \'www\',\n        label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n        help: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\',\n        validator: function validator() {\n          var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \'\';\n          return value.length < 4 ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null;\n        },\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.InputNumber, {\n          placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n          style: {\n            maxWidth: 200\n          }\n        })\n      }\n    }\n  }, function (_ref3) {\n    var fields = _ref3.fields,\n        state = _ref3.state,\n        canSubmit = _ref3.canSubmit;\n    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.input)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.inputNumber)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: "primary",\n      htmlType: "submit"\n    }, "\\u63D0\\u4EA4"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement("pre", {\n      style: {\n        padding: 10,\n        marginTop: 10\n      }\n    }, JSON.stringify(state.current, null, 2)))));\n  });\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Input, Row, Col, Button, Notify ,InputNumber, Icon,} from 'uiw';\n\nconst Demo = () => (\n  <Form\n    onChange={({ initial, current }) => { }}\n    onSubmitError={(error) => {\n      console.log('error:', error)\n      return error && error.filed ? { ...error.filed } : null;\n    }}\n    onSubmit={({initial, current}) => {\n      if (current.input && current.input.length > 3) {\n        Notify.success({\n          title: '\u63d0\u4ea4\u6210\u529f\uff01',\n          description: `\u586b\u5199\uff1a\u3010${current.input.toString()}\u3011\uff01`\n        });\n      } else {\n        Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01' });\n      }\n      const ErrObj = {};\n      if (current.input && current.input.length < 4) {\n        ErrObj.input = '\ud83d\ude06 \u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01';\n      }\n      if(Object.keys(ErrObj).length > 0) {\n        const err = new Error();\n        err.filed = ErrObj;\n        throw err;\n      }\n    }}\n    fields={{\n      input: {\n        value: 'www',\n        label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n        help: '\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01',\n        validator: (value = '') => value.length < 4 ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n        children: <Input placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" style={{ maxWidth: 200 }} />,\n      },\n      inputNumber: {\n        value: 'www',\n        label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n        help: '\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01',\n        validator: (value = '') => value.length < 4 ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n        children: <InputNumber placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" style={{ maxWidth: 200 }} />,\n      },\n    }}\n  >\n    {({ fields, state, canSubmit }) => {\n      return (\n        <div>\n          <Row>\n            <Col>{fields.input}</Col>\n          </Row>\n          <Row>\n            <Col>{fields.inputNumber}</Col>\n          </Row>\n          <Row>\n            <Col>\n              <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n            </Col>\n          </Row>\n          <Row>\n            <Col>\n              <pre style={{ padding: 10, marginTop: 10 }}>\n                {JSON.stringify(state.current, null, 2)}\n              </pre>\n            </Col>\n          </Row>\n        </div>\n      );\n    }}\n  </Form>\n);\n\nexport default Demo"},162:{name:162,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar stylItem = {\n  margin: 20\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "delete"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "picasa"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  }))));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Input, Row, Col,Icon } from 'uiw';\n\nconst stylItem = { margin: 20 };\nconst Demo = () => (\n  <div>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input  preIcon= {<Icon type='delete' />} placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n      </Col>\n      <Col fixed>\n        <Input  preIcon= {<Icon type='tag' />}  placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n      </Col>\n      <Col fixed>\n        <Input  preIcon= {<Icon type='picasa' />} placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n      </Col>\n      <Col fixed>\n        <Input  preIcon= {<Icon type='like-o' />} placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n      </Col>\n    </Row>\n  </div>\n)\nexport default Demo"},192:{name:192,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "lock"\n      }),\n      size: "small",\n      basic: true,\n      type: "light"\n    })\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n      title: "1000",\n      color: "#28a745"\n    })\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "search"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      icon: "apple",\n      size: "small",\n      type: "primary"\n    }, "\\u6309\\u94AE")\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "primary"\n    }, "\\u6309\\u94AE")\n  }))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Input, Row, Col, Button, Tag,Icon } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button icon={ <Icon type="lock" />} size="small" basic type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'search\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button icon="apple" size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= { <Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n  </div>\n)\nexport default Demo'},235:{name:235,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      marginBottom: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    size: "large",\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "lock"\n      }),\n      basic: true,\n      type: "light"\n    })\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "search"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "arrow-right"\n      }),\n      basic: true,\n      size: "small",\n      type: "light"\n    })\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    size: "small",\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "primary"\n    }, "\\u6309\\u94AE")\n  }))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      marginBottom: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    size: "large",\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n      title: "1000",\n      color: "#28a745"\n    })\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Tag, _defineProperty({\n      title: "\\u836F\\u4E38",\n      color: "#1C7CEB"\n    }, "color", "#40bf16"), "\\u4E38")\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    size: "small",\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n      title: "1000",\n      color: "#28a745"\n    })\n  }))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      marginBottom: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    size: "large",\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "apple"\n      }),\n      type: "primary"\n    }, "\\u6309\\u94AE")\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "search"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "primary"\n    }, "\\u641C\\u7D22")\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    size: "small",\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "primary"\n    }, "\\u6309\\u94AE")\n  }))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      marginBottom: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "light"\n    }, "\\u4EAE\\u6309\\u94AE")\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "danger"\n    }, "\\u6309\\u94AE")\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "warning"\n    }, "\\u6309\\u94AE")\n  }))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    size: "small",\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    size: "small",\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    size: "small",\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "warning"\n    }, "\\u6309\\u94AE")\n  }))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Input, Row, Col, Tag, Button ,Icon} from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'like-o\' />}\n          size="large"\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button icon={<Icon type=\'lock\' />} basic type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'search\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button icon={<Icon type=\'arrow-right\' />} basic size="small" type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          size="small"\n          preIcon= {<Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          size="large"\n          preIcon= {<Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="\u836f\u4e38" color="#1C7CEB" color="#40bf16">\u4e38</Tag>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          size="small"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'like-o\' />}\n          size="large"\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button  icon={<Icon type=\'apple\' />}  type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'search\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u641c\u7d22</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          size="small"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n           preIcon= {<Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button size="small" type="light">\u4eae\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="danger">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="warning">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input size="small" preIcon={<Icon type=\'like-o\' />} placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801" />\n      </Col>\n      <Col fixed>\n        <Input size="small" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input\n          size="small"\n          preIcon= { <Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="warning">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n  </div>\n)\nexport default Demo'},360:{name:360,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    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      btnIcon: \'lock\'\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onClick",\n    value: function onClick() {\n      this.setState({\n        btnIcon: this.state.btnIcon === \'lock\' ? \'unlock\' : \'lock\'\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n        gutter: 10\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n        fixed: true\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n        ref: function ref(instance) {\n          if (instance) {\n            console.log(\'instance:\', instance);\n          }\n        },\n        preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n          type: "like-o"\n        }),\n        type: this.state.btnIcon === \'lock\' ? \'password\' : \'text\',\n        placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n        addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n            type: this.state.btnIcon\n          }),\n          onClick: this.onClick.bind(this),\n          size: "small",\n          basic: true,\n          type: "light"\n        })\n      })));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Input, Row, Col, Button ,Icon} from 'uiw';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      btnIcon: 'lock',\n    }\n  }\n  onClick() {\n    this.setState({\n      btnIcon: this.state.btnIcon === 'lock' ? 'unlock' : 'lock',\n    })\n  }\n  render() {\n    return (\n      <Row gutter={10}>\n        <Col fixed>\n          <Input\n            ref={(instance) => {\n              if (instance) {\n                console.log('instance:', instance);\n              }\n            }}\n            preIcon= { <Icon type='like-o' />}\n            type={this.state.btnIcon === 'lock' ? 'password' : 'text'}\n            placeholder=\"\u8bf7\u8f93\u5165\u5bc6\u7801\"\n            addonAfter={<Button\n             icon={<Icon type={this.state.btnIcon} />}\n             onClick={this.onClick.bind(this)}\n             size=\"small\"\n             basic \n             type=\"light\" />}\n          />\n        </Col>\n      </Row>\n    )\n  }\n}\nexport default Demo"},406:{name:406,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar stylItem = {\n  margin: 20\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    disabled: true,\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "delete"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    disabled: true,\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    disabled: true,\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "picasa"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "close"\n      }),\n      disabled: true,\n      size: "small",\n      basic: true,\n      type: "light"\n    })\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    disabled: true,\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  }))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Icon, Input, Row, Col,Button} from \'uiw\';\n\nconst stylItem = { margin: 20 };\nconst Demo = () => (\n  <>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input disabled preIcon={<Icon type="delete" />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input disabled preIcon={<Icon type="tag" />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input\n          disabled\n          preIcon={<Icon type="picasa" />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={\n            <Button icon={<Icon type="close" />} disabled size="small" basic type="light" />\n          }\n        />\n      </Col>\n      <Col fixed>\n        <Input disabled  preIcon={<Icon type="like-o" />}  placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n    </Row>\n  </>\n);\nexport default Demo'}},source:'Input \u8f93\u5165\u6846\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-input/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-input)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-input.svg?label=@uiw/react-input)](https://npmjs.com/@uiw/react-input)\n\n\u901a\u8fc7\u9f20\u6807\u6216\u952e\u76d8\u8f93\u5165\u5185\u5bb9\uff0c\u662f\u6700\u57fa\u7840\u7684\u8868\u5355\u57df\u7684\u5305\u88c5\u3002\n\n```jsx\nimport { Input } from \'uiw\';\n// or\nimport Input from \'@uiw/react-input\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Input } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" style={{ maxWidth: 200 }} />\n  </div>\n);\nexport default Demo\n```\n\n### \u6570\u5b57\u8f93\u5165\u6846\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { InputNumber,Row,Col, Icon, } from \'uiw\';\n\nconst Demo = () => {\n\n  return(\n    <div>\n      <Row gutter={10}>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n          />\n        </Col>\n        <Col fixed>\u9650\u5236\u5927\u5c0f</Col>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n            min={1}\n            max={10}\n          />\n        </Col>\n        <Col fixed>\u8d85\u51fa\u9650\u754c\u8b66\u544a</Col>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n            min={1}\n            max={10}\n            overLimitColor={\'red\'}\n          />\n        </Col>\n        <Col fixed>\u8bbe\u7f6e\u6b65\u6da8\u503c</Col>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n            step={5}\n          />\n        </Col>\n      </Row>\n    </div>\n  )\n};\nexport default Demo\n```\n\n### Form \u4e2d\u4f7f\u7528 Input\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Form, Input, Row, Col, Button, Notify ,InputNumber, Icon,} from \'uiw\';\n\nconst Demo = () => (\n  <Form\n    onChange={({ initial, current }) => { }}\n    onSubmitError={(error) => {\n      console.log(\'error:\', error)\n      return error && error.filed ? { ...error.filed } : null;\n    }}\n    onSubmit={({initial, current}) => {\n      if (current.input && current.input.length > 3) {\n        Notify.success({\n          title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n          description: `\u586b\u5199\uff1a\u3010${current.input.toString()}\u3011\uff01`\n        });\n      } else {\n        Notify.error({ title: \'\u63d0\u4ea4\u5931\u8d25\uff01\', description: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\' });\n      }\n      const ErrObj = {};\n      if (current.input && current.input.length < 4) {\n        ErrObj.input = \'\ud83d\ude06 \u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\';\n      }\n      if(Object.keys(ErrObj).length > 0) {\n        const err = new Error();\n        err.filed = ErrObj;\n        throw err;\n      }\n    }}\n    fields={{\n      input: {\n        value: \'www\',\n        label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n        help: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\',\n        validator: (value = \'\') => value.length < 4 ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null,\n        children: <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" style={{ maxWidth: 200 }} />,\n      },\n      inputNumber: {\n        value: \'www\',\n        label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n        help: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\',\n        validator: (value = \'\') => value.length < 4 ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null,\n        children: <InputNumber placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" style={{ maxWidth: 200 }} />,\n      },\n    }}\n  >\n    {({ fields, state, canSubmit }) => {\n      return (\n        <div>\n          <Row>\n            <Col>{fields.input}</Col>\n          </Row>\n          <Row>\n            <Col>{fields.inputNumber}</Col>\n          </Row>\n          <Row>\n            <Col>\n              <Button disabled={!canSubmit()} type="primary" htmlType="submit">\u63d0\u4ea4</Button>\n            </Col>\n          </Row>\n          <Row>\n            <Col>\n              <pre style={{ padding: 10, marginTop: 10 }}>\n                {JSON.stringify(state.current, null, 2)}\n              </pre>\n            </Col>\n          </Row>\n        </div>\n      );\n    }}\n  </Form>\n);\n\nexport default Demo\n```\n\n### \u63d2\u5165\u56fe\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Input, Row, Col,Icon } from \'uiw\';\n\nconst stylItem = { margin: 20 };\nconst Demo = () => (\n  <div>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input  preIcon= {<Icon type=\'delete\' />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input  preIcon= {<Icon type=\'tag\' />}  placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input  preIcon= {<Icon type=\'picasa\' />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input  preIcon= {<Icon type=\'like-o\' />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n    </Row>\n  </div>\n)\nexport default Demo\n```\n\n### \u540e\u9762\u63d2\u5165\u5185\u5bb9\n\n\u5411\u540e\u9762\u63d2\u5165 [`Button`](#/components/button) \u6216\u8005 [`Tag`](#/components/tag)\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Input, Row, Col, Button, Tag,Icon } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button icon={ <Icon type="lock" />} size="small" basic type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'search\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button icon="apple" size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= { <Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n  </div>\n)\nexport default Demo\n```\n\n### \u8f93\u5165\u6846\u5c3a\u5bf8\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Input, Row, Col, Tag, Button ,Icon} from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'like-o\' />}\n          size="large"\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button icon={<Icon type=\'lock\' />} basic type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'search\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button icon={<Icon type=\'arrow-right\' />} basic size="small" type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          size="small"\n          preIcon= {<Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          size="large"\n          preIcon= {<Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="\u836f\u4e38" color="#1C7CEB" color="#40bf16">\u4e38</Tag>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          size="small"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'like-o\' />}\n          size="large"\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button  icon={<Icon type=\'apple\' />}  type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'search\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u641c\u7d22</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          size="small"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n           preIcon= {<Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button size="small" type="light">\u4eae\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="danger">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="warning">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input size="small" preIcon={<Icon type=\'like-o\' />} placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801" />\n      </Col>\n      <Col fixed>\n        <Input size="small" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input\n          size="small"\n          preIcon= { <Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="warning">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n  </div>\n)\nexport default Demo\n```\n\n### \u5bc6\u7801\u8f93\u5165\u6846\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Input, Row, Col, Button ,Icon} from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      btnIcon: \'lock\',\n    }\n  }\n  onClick() {\n    this.setState({\n      btnIcon: this.state.btnIcon === \'lock\' ? \'unlock\' : \'lock\',\n    })\n  }\n  render() {\n    return (\n      <Row gutter={10}>\n        <Col fixed>\n          <Input\n            ref={(instance) => {\n              if (instance) {\n                console.log(\'instance:\', instance);\n              }\n            }}\n            preIcon= { <Icon type=\'like-o\' />}\n            type={this.state.btnIcon === \'lock\' ? \'password\' : \'text\'}\n            placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n            addonAfter={<Button\n             icon={<Icon type={this.state.btnIcon} />}\n             onClick={this.onClick.bind(this)}\n             size="small"\n             basic \n             type="light" />}\n          />\n        </Col>\n      </Row>\n    )\n  }\n}\nexport default Demo\n```\n\n### \u8f93\u5165\u6846\u88ab\u7981\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Icon, Input, Row, Col,Button} from \'uiw\';\n\nconst stylItem = { margin: 20 };\nconst Demo = () => (\n  <>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input disabled preIcon={<Icon type="delete" />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input disabled preIcon={<Icon type="tag" />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input\n          disabled\n          preIcon={<Icon type="picasa" />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={\n            <Button icon={<Icon type="close" />} disabled size="small" basic type="light" />\n          }\n        />\n      </Col>\n      <Col fixed>\n        <Input disabled  preIcon={<Icon type="like-o" />}  placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n    </Row>\n  </>\n);\nexport default Demo\n```\n\n## Input\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c | \u7248\u672c |\n|--------- |-------- |--------- |-------- |-------- |\n| value | \u7ed1\u5b9a\u503c | String | - |\n| disabled | \u7981\u7528\u8f93\u5165\u6846 | Boolean | `false` |\n| preIcon | \u8f93\u5165\u6846`\u524d`\u9762\u653e\u7f6e\u56fe\u6807  | ReactNode | - |\n| addonAfter | \t\u5e26\u6807\u7b7e\u7684 input\uff0c\u8bbe\u7f6e\u540e\u7f6e\u6807\u7b7e | String/ReactNode | - |\n| size | \u6307\u5b9a\u8f93\u5165\u6846\u7684\u5c3a\u5bf8\uff0c\u9664\u4e86\u9ed8\u8ba4\u7684\u5927\u5c0f\u5916\uff0c\u8fd8\u63d0\u4f9b\u4e86 `large`\u3001`small` \u548c `default` \u4e09\u79cd\u5c3a\u5bf8\u3002 | String | - |\n| inputStyle | \u4f20\u9012\u7ed9input\u7684\u6837\u5f0f\uff0c\u5728\u9700\u8981\u52a8\u6001\u8bbe\u7f6e\u6837\u5f0f\u573a\u666f\u4e0b\u4f7f\u7528 | Object | - | v4.18.2 |\n\n## InputNumber\n\u5728v4.18.2\u4e2d\u589e\u52a0\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c | \u7248\u672c |\n|--------- |-------- |--------- |-------- |-------- |\n| min | \u6700\u5c0f\u503c | Number | - |\n| max | \u6700\u5927\u503c | Number | - |\n| step | \u8bbe\u7f6e\u6b65\u957f\u503c | Number | - |\n| overLimitColor | \u5141\u8bb8\u8d85\u51fa`min`,`max`\u9650\u5236, \u4f7f\u7528\u8be5\u8b66\u544a\u8272\u663e\u793a | String | - |\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 Input\u3002\n'}}}]);
+//# sourceMappingURL=7064.1feda4f5.chunk.js.map