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

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (337) hide show

package/web/static/js/7019.d2a9e0a0.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[7019],{7019:function(e,t,n){n.r(t),t.default={components:{20:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(2814);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function a(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function s(e,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},s(e,t)}function c(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=p(e);if(t){var r=p(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return u(this,n)}}function u(t,n){if(n&&("object"===e(n)\|\|"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},p(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(f,e);var t,n,u,p=c(f);function f(){var e;return l(this,f),(e=p.call(this)).state={isOpen:!1,isOpen1:!1},e}return t=f,(n=[{key:"onClick",value:function(e){this.setState(i({},e,!1))}},{key:"handleVisibleChange",value:function(e,t){this.setState(i({},e,t))}},{key:"render",value:function(){return o.default.createElement(r.Row,{style:{alignItems:"center"}},o.default.createElement(r.Popover,{trigger:"click",placement:"top",isOpen:this.state.isOpen,onVisibleChange:this.handleVisibleChange.bind(this,"isOpen"),content:o.default.createElement(r.Card,{bordered:!1,title:"Card\u6807\u9898",extra:o.default.createElement("a",{href:"#"},"\u66f4\u591a"),style:{width:200}},o.default.createElement("div",null,"Are you sure you want to delete these items? You won't be able to recover them."),o.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:15}},o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this,"isOpen")},"Cancel"),o.default.createElement(r.Button,{type:"danger",size:"small",onClick:this.onClick.bind(this,"isOpen")},"Delete")))},o.default.createElement(r.Button,{active:this.state.isOpen},"\u5f39\u51fa\u76ee\u6807")),o.default.createElement("div",{style:{marginLeft:20}},o.default.createElement(r.Popover,{trigger:"click",placement:"top",isOpen:this.state.isOpen1,onVisibleChange:this.handleVisibleChange.bind(this,"isOpen1"),content:o.default.createElement(r.Card,{bordered:!1,title:"Card\u6807\u9898",extra:o.default.createElement("a",{href:"#"},"\u66f4\u591a"),style:{width:200}},o.default.createElement("div",null,"Are you sure you want to delete these items? You won't be able to recover them."),o.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:15}},o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this,"isOpen1")},"Cancel"),o.default.createElement(r.Button,{type:"danger",size:"small",onClick:this.onClick.bind(this,"isOpen1")},"Delete")))},o.default.createElement(r.Icon,{type:"setting",color:"#343a40",style:{fontSize:20}}))))}}])&&a(t.prototype,n),u&&a(t,u),Object.defineProperty(t,"prototype",{writable:!1}),f}(o.default.Component)}(),97:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},o=n(2814);function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var a={position:"relative",width:70},s=t.default.createElement(o.Card,{bordered:!1,style:{width:120}},t.default.createElement("div",null,"Are you sure you want to delete these items? You won't be able to recover them."));return function(){return t.default.createElement("div",null,t.default.createElement("div",{style:{position:"relative"}},t.default.createElement(o.Popover,{trigger:"click",placement:"topLeft",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"TL")),t.default.createElement(o.Popover,{trigger:"click",placement:"top",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"Top")),t.default.createElement(o.Popover,{trigger:"click",placement:"topRight",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"TR"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(o.Popover,{trigger:"click",placement:"leftTop",content:s},t.default.createElement(o.Button,{style:i({},a)},"LT")),t.default.createElement(o.Popover,{trigger:"click",placement:"rightTop",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:216})},"RT"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(o.Popover,{trigger:"click",placement:"left",content:s},t.default.createElement(o.Button,{style:i({},a)},"Left")),t.default.createElement(o.Popover,{trigger:"click",placement:"right",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:216})},"Right"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(o.Popover,{trigger:"click",placement:"leftBottom",content:s},t.default.createElement(o.Button,{style:i({},a)},"LB")),t.default.createElement(o.Popover,{trigger:"click",placement:"rightBottom",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:216})},"RB"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(o.Popover,{trigger:"click",placement:"bottomLeft",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"BL")),t.default.createElement(o.Popover,{trigger:"click",placement:"bottom",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"Bottom")),t.default.createElement(o.Popover,{trigger:"click",placement:"bottomRight",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"BR"))))}}(),172:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},o=n(2814);var r=t.default.createElement(o.Card,{style:{width:220},bordered:!1,title:"Card\u6807\u9898",footer:t.default.createElement("span",null,"\u8fd9\u91cc\u662f\u9875\u811a")},t.default.createElement("div",null,"\u8fd9\u662f\u4f60\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u7684\u76ee\u6807\u3002"));return function(){return t.default.createElement("div",null,t.default.createElement(o.Popover,{trigger:"hover",placement:"top",content:r},t.default.createElement(o.Button,null,"\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u76ee\u6807")))}}(),203:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(2814);function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function s(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function c(e,t){return c=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},c(e,t)}function u(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=f(e);if(t){var r=f(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return p(this,n)}}function p(t,n){if(n&&("object"===e(n)\|\|"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},f(e)}var d=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}(d,e);var t,n,p,f=u(d);function d(){var e;return a(this,d),(e=f.call(this)).state={isOpen:!1,value:""},e}return t=d,n=[{key:"onClick",value:function(e){var t={isOpen:!1};e&&(t.value=e),null===e&&(t.value=""),this.setState(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t))}},{key:"handleVisibleChange",value:function(e){this.setState({isOpen:e})}},{key:"onChange",value:function(e){this.setState({value:e.target.value})}},{key:"renderPopup",value:function(){return o.default.createElement(r.Card,{style:{width:220},bordered:!1,footer:o.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end"}},o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this,void 0)},"\u53d6\u6d88"),o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this,null)},"\u6e05\u7a7a"),o.default.createElement(r.Button,{type:"success",size:"small",onClick:this.onClick.bind(this,"\u8fd9\u662f\u5411 Input \u8f93\u5165\u6846\u63d2\u5165\u7684\u5185\u5bb9")},"\u63d2\u5165\u5185\u5bb9"))},o.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`'))}},{key:"render",value:function(){return o.default.createElement("div",null,o.default.createElement("div",{style:{width:200}},o.default.createElement(r.Popover,{trigger:"focus",placement:"top",isOpen:this.state.isOpen,onVisibleChange:this.handleVisibleChange.bind(this),content:this.renderPopup()},o.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",value:this.state.value,onChange:this.onChange.bind(this)}))))}}],n&&s(t.prototype,n),p&&s(t,p),Object.defineProperty(t,"prototype",{writable:!1}),d}(o.default.Component);return d}(),278:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(2814);function i(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function s(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u(e);if(t){var r=u(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)\|\|"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},u(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(p,e);var t,n,c,u=s(p);function p(){var e;return i(this,p),(e=u.call(this)).state={isOpen:!1},e}return t=p,(n=[{key:"onClick",value:function(){this.setState({isOpen:!1})}},{key:"handleVisibleChange",value:function(e){this.setState({isOpen:e})}},{key:"render",value:function(){return o.default.createElement("div",null,o.default.createElement("div",{style:{position:"relative"}},o.default.createElement(r.Popover,{trigger:"click",placement:"right",usePortal:!1,isOpen:this.state.isOpen,onVisibleChange:this.handleVisibleChange.bind(this),content:o.default.createElement(r.Card,{bordered:!1,title:"Card\u6807\u9898",extra:o.default.createElement("a",{href:"#"},"\u66f4\u591a"),style:{width:200}},o.default.createElement("div",null,"Are you sure you want to delete these items? You won't be able to recover them."),o.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:15}},o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this)},"Cancel"),o.default.createElement(r.Button,{type:"danger",size:"small",onClick:this.onClick.bind(this)},"Delete")))},o.default.createElement(r.Button,null,"\u5f39\u51fa\u76ee\u6807"))))}}])&&l(t.prototype,n),c&&l(t,c),Object.defineProperty(t,"prototype",{writable:!1}),p}(o.default.Component)}(),331:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(2814);function i(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function s(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u(e);if(t){var r=u(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)\|\|"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},u(e)}var p=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(p,e);var t,n,c,u=s(p);function p(){return i(this,p),u.apply(this,arguments)}return t=p,(n=[{key:"render",value:function(){return o.default.createElement(r.Row,{style:{alignItems:"center"}},o.default.createElement(r.Popover.Confirm,{title:"Are you sure delete this?"},"delete"))}}])&&l(t.prototype,n),c&&l(t,c),Object.defineProperty(t,"prototype",{writable:!1}),p}(o.default.Component);return p}()},data:{20:{name:20,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _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;',language:"jsx",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\u6807\u9898" extra={<a href="#">\u66f4\u591a</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}>\u5f39\u51fa\u76ee\u6807</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\u6807\u9898" extra={<a href="#">\u66f4\u591a</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'},97:{name:97,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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;',language:"jsx",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'},172:{name:172,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 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;',language:"jsx",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\u6807\u9898\"\n footer={\n <span>\u8fd9\u91cc\u662f\u9875\u811a</span>\n }\n >\n <div>\u8fd9\u662f\u4f60\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u7684\u76ee\u6807\u3002</div>\n </Card>\n)\nconst Demo = () => (\n <div>\n <Popover trigger=\"hover\" placement=\"top\" content={content}>\n <Button>\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u76ee\u6807</Button>\n </Popover>\n </div>\n)\nexport default Demo"},203:{name:203,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 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, \'\u8fd9\u662f\u5411 Input \u8f93\u5165\u6846\u63d2\u5165\u7684\u5185\u5bb9\')\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;',language:"jsx",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 \u53d6\u6d88\n </Button>\n <Button size="small" onClick={this.onClick.bind(this, null)}>\n \u6e05\u7a7a\n </Button>\n <Button type="success" size="small" onClick={this.onClick.bind(this, \'\u8fd9\u662f\u5411 Input \u8f93\u5165\u6846\u63d2\u5165\u7684\u5185\u5bb9\')}>\n \u63d2\u5165\u5185\u5bb9\n </Button>\n </div>\n }\n >\n <div>\u901a\u8fc7\u8bbe\u7f6e `trigger="focus"` \u8ba9 `Input` \u7ec4\u4ef6\u5728\u83b7\u53d6\u7126\u70b9\u7684\u65f6\u5019\u5c55\u793a `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="\u8bf7\u8f93\u5165\u5185\u5bb9" value={this.state.value} onChange={this.onChange.bind(this)}/>\n </Popover>\n </div>\n </div>\n )\n }\n}\nexport default Demo'},278:{name:278,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 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;',language:"jsx",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\u6807\u9898" extra={<a href="#">\u66f4\u591a</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>\u5f39\u51fa\u76ee\u6807</Button>\n </Popover>\n </div>\n </div>\n )\n }\n}\nexport default Demo'},331:{name:331,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" \|\| !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /#__PURE__/function (_React$Component) {\n _inherits(Demo, _React$Component);\n\n var _super = _createSuper(Demo);\n\n function Demo() {\n _classCallCheck(this, Demo);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(Demo, [{\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement(_uiw.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;',language:"jsx",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"}},source:'Popover \u6c14\u6ce1\u5361\u7247\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\u70b9\u51fb/\u9f20\u6807\u79fb\u5165\u5143\u7d20\uff0c\u5f39\u51fa\u6c14\u6ce1\u5f0f\u7684\u5361\u7247\u6d6e\u5c42\u3002\n\n```jsx\nimport { Popover } from \'uiw\';\n// or\nimport Popover from \'@uiw/react-popover\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { 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\u6807\u9898" extra={<a href="#">\u66f4\u591a</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}>\u5f39\u51fa\u76ee\u6807</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\u6807\u9898" extra={<a href="#">\u66f4\u591a</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### \u4f4d\u7f6e\n\n\u4f4d\u7f6e\u6709 `12` \u4e2a\u65b9\u5411\uff0c\u6839\u636e `placement` \u53c2\u6570\u6765\u8bbe\u7f6e\u3002\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### \u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u76ee\u6807\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\u6807\u9898"\n footer={\n <span>\u8fd9\u91cc\u662f\u9875\u811a</span>\n }\n >\n <div>\u8fd9\u662f\u4f60\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u7684\u76ee\u6807\u3002</div>\n </Card>\n)\nconst Demo = () => (\n <div>\n <Popover trigger="hover" placement="top" content={content}>\n <Button>\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u76ee\u6807</Button>\n </Popover>\n </div>\n)\nexport default Demo\n```\n\n### \u7126\u70b9\u5c55\u793a\n\n\u901a\u8fc7\u8bbe\u7f6e `trigger="focus"` \u8ba9 `Input` \u7ec4\u4ef6\u5728\u83b7\u53d6\u7126\u70b9\u7684\u65f6\u5019\u5c55\u793a `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 \u53d6\u6d88\n </Button>\n <Button size="small" onClick={this.onClick.bind(this, null)}>\n \u6e05\u7a7a\n </Button>\n <Button type="success" size="small" onClick={this.onClick.bind(this, \'\u8fd9\u662f\u5411 Input \u8f93\u5165\u6846\u63d2\u5165\u7684\u5185\u5bb9\')}>\n \u63d2\u5165\u5185\u5bb9\n </Button>\n </div>\n }\n >\n <div>\u901a\u8fc7\u8bbe\u7f6e `trigger="focus"` \u8ba9 `Input` \u7ec4\u4ef6\u5728\u83b7\u53d6\u7126\u70b9\u7684\u65f6\u5019\u5c55\u793a `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="\u8bf7\u8f93\u5165\u5185\u5bb9" 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\u8bbe\u7f6e `usePortal={false}` \u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u91cc\u9762\uff0c\u8fd9\u6837\u4e3a\u4e86\u8ba1\u7b97\u4f4d\u7f6e\u51c6\u786e\uff0c\u4f60\u9700\u8981\u5c06\u7236\u5c42\u6837\u5f0f\u8bbe\u4e3a `position: relative;` \u3002\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\u6807\u9898" extra={<a href="#">\u66f4\u591a</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>\u5f39\u51fa\u76ee\u6807</Button>\n </Popover>\n </div>\n </div>\n )\n }\n}\nexport default Demo\n```\n\n### Confirm \u7528\u6cd5\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\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| content \| \u663e\u793a\u7684\u5185\u5bb9 \| String,React.ReactNode \| - \|\n\| placement \| \u6c14\u6ce1\u6846\u4f4d\u7f6e\uff0c\u53ef\u73b0\u5b9e\u7bad\u5934\u5728\u4e0d\u540c\u7684\u65b9\u4f4d \| Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} \| `top` \|\n\| visibleArrow \| \u662f\u5426\u663e\u793a\u7bad\u5934 \| Boolean \| `true` \|\n\| delay \| \u5ef6\u8fdf\u8fdb\u5165\u548c\u6d88\u5931\uff0c`{ show: 2000, hide: 4000 }` \u6216\u8005\u76f4\u63a5\u8bbe\u7f6e `2000`\uff0c\u53ea\u5bf9 `trigger=hover` \u6709\u6548\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 \| Object/Number \| - \|\n\| trigger\| \u60ac\u505c/\u70b9\u51fb\u5f39\u51fa\u7a97\u53e3\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 \| Enum{`hover`, `click`, `focus`} \| `hover` \|\n\| disabled \| \u662f\u5426\u7981\u7528\u5f39\u51fa\u76ee\u6807 \| Boolean \| `false` \|\n\| isOpen \| \u9ed8\u8ba4\u662f\u5426\u663e\u793a\u5f39\u7a97\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 \| Boolean \| `false` \|\n\| autoAdjustOverflow \| \u5f39\u51fa\u5c42\u88ab\u906e\u6321\u65f6\u81ea\u52a8\u8c03\u6574\u4f4d\u7f6e\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 \| Boolean \| `false` \|\n\| onVisibleChange \| \u663e\u793a\u9690\u85cf\u7684\u56de\u8c03\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 \| Function(isVisible:bool) \| - \|\n\n## Confirm Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| trigger\| \u60ac\u505c/\u70b9\u51fb\u5f39\u51fa\u7a97\u53e3\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 \| Enum{`hover`, `click`, `focus`} \| `hover` \|\n\| placement \| \u6c14\u6ce1\u6846\u4f4d\u7f6e\uff0c\u53ef\u73b0\u5b9e\u7bad\u5934\u5728\u4e0d\u540c\u7684\u65b9\u4f4d \| Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} \| `top` \|\n\| visibleArrow \| \u662f\u5426\u663e\u793a\u7bad\u5934 \| Boolean \| `true` \|\n\| children \| \u5b50\u5143\u7d20 \| React.ReactNode \| - \|\n\| onConfirm \| \u786e\u5b9a\u65b9\u6cd5 \| ()=>void \| \|\n\| confirmText \| \u786e\u5b9a\u6309\u94ae\u6587\u672c \| string \| Yes \|\n\| title \| \u6807\u9898\u4fe1\u606f \| React.ReactNode \| - \|\n\| cancelText \| \u53d6\u6d88\u6309\u94ae\u6587\u672c \| string \| No \|\n\n\n\u66f4\u591a\u5c5e\u6027\u8bf7\u53c2\u8003 [OverlayTrigger](#/components/overlay-trigger)\u3002\n'}}}]);
2	- //# sourceMappingURL=7019.d2a9e0a0.chunk.js.map

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

	@@ -1,2 +0,0 @@
1	- "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'}}}]);
2	- //# sourceMappingURL=7064.1feda4f5.chunk.js.map