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/9650.c068e1d5.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9650],{9650:function(e,t,n){n.r(t),t.default={components:{18: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(968);function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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 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 l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(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=f(e);if(t){var r=f(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return a(this,n)}}function a(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)}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&&l(e,t)}(p,e);var t,n,a,f=c(p);function p(){var e;return i(this,p),(e=f.call(this)).state={visible1:!1,visible2:!1},e}return t=p,(n=[{key:"onClick",value:function(e){this.setState(u({},e,!this.state[e]))}},{key:"onClosed",value:function(e){this.setState(u({},e,!1))}},{key:"render",value:function(){return o.default.createElement("div",null,o.default.createElement(r.Alert,{isOpen:this.state.visible1,confirmText:"\u786e\u5b9a\u6309\u94ae",onClosed:this.onClosed.bind(this,"visible1"),content:"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"}),o.default.createElement(r.Alert,{isOpen:this.state.visible2,confirmText:"\u786e\u5b9a\u6309\u94ae",cancelText:"\u53d6\u6d88\u6309\u94ae",type:"danger",onConfirm:function(){return console.log("\u60a8\u70b9\u51fb\u4e86\u786e\u5b9a\u6309\u94ae\uff01")},onCancel:function(){return console.log("\u60a8\u70b9\u51fb\u4e86\u53d6\u6d88\u6309\u94ae\uff01")},onClosed:this.onClosed.bind(this,"visible2")},"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c",o.default.createElement("b",null,"\u786e\u5b9a\u6309\u94ae"),"\u201d \u6216 \u201c",o.default.createElement("b",null,"\u53d6\u6d88\u6309\u94ae"),"\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u89e6\u53d1 \u201c",o.default.createElement("b",null,"onConfirm"),"\u201d \u6216 \u201c",o.default.createElement("b",null,"onCancel"),"\u201d \u4e8b\u4ef6\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"),o.default.createElement(r.ButtonGroup,null,o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible1")},"\u5355\u4e2a\u6309\u94ae\u786e\u8ba4\u5bf9\u8bdd\u6846"),o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible2")},"\u786e\u8ba4\u5bf9\u8bdd\u6846")))}}])&&s(t.prototype,n),a&&s(t,a),Object.defineProperty(t,"prototype",{writable:!1}),p}(o.default.Component)}(),71: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(968);function u(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 i(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 l(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=a(e);if(t){var r=a(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 a(e){return a=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},a(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(f,e);var t,n,c,a=l(f);function f(){var e;return u(this,f),(e=a.call(this)).state={visible:!1},e}return t=f,(n=[{key:"onClick",value:function(){this.setState({visible:!this.statevisible})}},{key:"onClosed",value:function(){this.setState({visible:!1})}},{key:"render",value:function(){return o.default.createElement("div",null,o.default.createElement(r.Alert,{icon:"delete",isOpen:this.state.visible,confirmText:"\u786e\u5b9a\u6309\u94ae",type:"danger",onConfirm:function(){return console.log("\u786e\u5b9a\u56de\u8c03\uff01, \u8fd9\u91cc\u662f\u5229\u7528Promise\u7b49\u6267\u884c\u5b8c\u6210\u518d\u53bb\u5173\u95ed\u7a97\u53e3"),new Promise((function(e,t){var n=Math.random();console.log("\u6d4b\u8bd5\uff0c\u968f\u673a\u503c\u5927\u4e8e 0.5 \u6267\u884c resolve \u4e8b\u4ef6\uff0c\u5426\u5219 \u6267\u884c reject \u89e6\u53d1 catch \u9519\u8bef",n,n>.5),setTimeout(n>.5?e:t,3e3)})).catch((function(){}))},onClosed:this.onClosed.bind(this,"visible")},"\u8fd9\u91cc\u662f\u5229\u7528 ",o.default.createElement("b",null,"Promise")," \u7684\u7279\u6027\uff0c\u7b49\u5b83\u6267\u884c\u5b8c\u6210\u540e\uff0c\u518d\u53bb\u5173\u95ed\u7a97\u53e3\uff0c\u8fbe\u5230\u5ef6\u8fdf\u5173\u95ed\u7684\u6548\u679c\u3002",o.default.createElement("br",null),o.default.createElement("br",null),"\u8fd9\u4e2a\u6d4b\u8bd5\u4f8b\u5b50\uff0c\u751f\u6210\u968f\u673a\u503c\u5224\u65ad\u662f\u5426\u5927\u4e8e ",o.default.createElement("b",null,"0.5")," \u6267\u884c ",o.default.createElement("b",null,"resolve")," \u4e8b\u4ef6\uff0c\u5426\u5219 \u6267\u884c ",o.default.createElement("b",null,"reject")," \u89e6\u53d1 ",o.default.createElement("b",null,"catch")," \u9519\u8bef\u3002"),o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible")},"\u5ef6\u8fdf\u5173\u95ed\u5bf9\u8bdd\u6846"))}}])&&i(t.prototype,n),c&&i(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(o.default.Component)}(),124: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(968);function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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 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 l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(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=f(e);if(t){var r=f(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return a(this,n)}}function a(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)}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&&l(e,t)}(p,e);var t,n,a,f=c(p);function p(){var e;return i(this,p),(e=f.call(this)).state={visible1:!1,visible2:!1},e}return t=p,(n=[{key:"onClick",value:function(e){this.setState(u({},e,!this.state[e]))}},{key:"onClosed",value:function(e){this.setState(u({},e,!1))}},{key:"render",value:function(){return o.default.createElement("div",null,o.default.createElement(r.Alert,{isOpen:this.state.visible1,confirmText:"\u786e\u5b9a\u6309\u94ae",cancelText:"\u53d6\u6d88\u6309\u94ae",icon:"information",type:"primary",onClosed:this.onClosed.bind(this,"visible1"),content:"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"}),o.default.createElement(r.Alert,{isOpen:this.state.visible2,confirmText:"\u786e\u5b9a\u6309\u94ae",cancelText:"\u53d6\u6d88\u6309\u94ae",icon:"circle-check",type:"success",onClosed:this.onClosed.bind(this,"visible2"),content:"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"}),o.default.createElement(r.Alert,{isOpen:this.state.visible3,confirmText:"\u786e\u5b9a\u6309\u94ae",cancelText:"\u53d6\u6d88\u6309\u94ae",icon:"warning",type:"warning",onClosed:this.onClosed.bind(this,"visible3"),content:"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"}),o.default.createElement(r.Alert,{isOpen:this.state.visible4,confirmText:"\u786e\u5b9a\u6309\u94ae",cancelText:"\u53d6\u6d88\u6309\u94ae",icon:"circle-close",type:"danger",onClosed:this.onClosed.bind(this,"visible4"),content:"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"}),o.default.createElement(r.Alert,{isOpen:this.state.visible5,confirmText:"\u786e\u5b9a\u6309\u94ae",cancelText:"\u53d6\u6d88\u6309\u94ae",type:"light",onClosed:this.onClosed.bind(this,"visible5"),content:"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"}),o.default.createElement(r.Alert,{isOpen:this.state.visible6,confirmText:"\u786e\u5b9a\u6309\u94ae",cancelText:"\u53d6\u6d88\u6309\u94ae",type:"dark",onClosed:this.onClosed.bind(this,"visible6")},"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c",o.default.createElement("b",null,"\u786e\u5b9a\u6309\u94ae"),"\u201d \u6216 \u201c",o.default.createElement("b",null,"\u53d6\u6d88\u6309\u94ae"),"\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u89e6\u53d1 \u201c",o.default.createElement("b",null,"onConfirm"),"\u201d \u6216 \u201c",o.default.createElement("b",null,"onCancel"),"\u201d \u4e8b\u4ef6\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"),o.default.createElement(r.ButtonGroup,null,o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible1"),type:"primary"},"\u4e3b\u8981"),o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible2"),type:"success"},"\u6210\u529f"),o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible3"),type:"warning"},"\u8b66\u544a"),o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible4"),type:"danger"},"\u9519\u8bef"),o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible5"),type:"light"},"\u4eae\u6309\u94ae"),o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible6"),type:"dark"},"\u6697\u6309\u94ae")))}}])&&s(t.prototype,n),a&&s(t,a),Object.defineProperty(t,"prototype",{writable:!1}),p}(o.default.Component)}(),216: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(968);function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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 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 l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(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=f(e);if(t){var r=f(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return a(this,n)}}function a(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)}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&&l(e,t)}(p,e);var t,n,a,f=c(p);function p(){var e;return i(this,p),(e=f.call(this)).state={visible1:!1,visible2:!1},e}return t=p,(n=[{key:"onClick",value:function(e){this.setState(u({},e,!this.state[e]))}},{key:"onClosed",value:function(e){this.setState(u({},e,!1))}},{key:"render",value:function(){return o.default.createElement("div",null,o.default.createElement(r.Alert,{title:"\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846",isOpen:this.state.visible1,confirmText:"\u786e\u5b9a\u6309\u94ae",cancelText:"\u53d6\u6d88\u6309\u94ae",icon:"information",type:"primary",onClosed:this.onClosed.bind(this,"visible1"),content:"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"}),o.default.createElement(r.Alert,{title:"\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846",isOpen:this.state.visible2,confirmText:"\u786e\u5b9a\u6309\u94ae",cancelText:"\u53d6\u6d88\u6309\u94ae",icon:"circle-check",type:"success",onClosed:this.onClosed.bind(this,"visible2"),content:"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"}),o.default.createElement(r.Alert,{title:"\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846",isOpen:this.state.visible3,confirmText:"\u786e\u5b9a\u6309\u94ae",cancelText:"\u53d6\u6d88\u6309\u94ae",icon:"warning",type:"warning",onClosed:this.onClosed.bind(this,"visible3"),content:"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"}),o.default.createElement(r.Alert,{title:"\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846",isOpen:this.state.visible4,confirmText:"\u786e\u5b9a\u6309\u94ae",cancelText:"\u53d6\u6d88\u6309\u94ae",icon:"circle-close",type:"danger",onClosed:this.onClosed.bind(this,"visible4"),content:"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"}),o.default.createElement(r.Alert,{title:"\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846",isOpen:this.state.visible5,confirmText:"\u786e\u5b9a\u6309\u94ae",cancelText:"\u53d6\u6d88\u6309\u94ae",type:"light",onClosed:this.onClosed.bind(this,"visible5"),content:"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"}),o.default.createElement(r.Alert,{title:"\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846",isOpen:this.state.visible6,confirmText:"\u786e\u5b9a\u6309\u94ae",cancelText:"\u53d6\u6d88\u6309\u94ae",type:"dark",onClosed:this.onClosed.bind(this,"visible6")},"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c",o.default.createElement("b",null,"\u786e\u5b9a\u6309\u94ae"),"\u201d \u6216 \u201c",o.default.createElement("b",null,"\u53d6\u6d88\u6309\u94ae"),"\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u89e6\u53d1 \u201c",o.default.createElement("b",null,"onConfirm"),"\u201d \u6216 \u201c",o.default.createElement("b",null,"onCancel"),"\u201d \u4e8b\u4ef6\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"),o.default.createElement(r.ButtonGroup,null,o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible1"),type:"primary"},"\u4e3b\u8981"),o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible2"),type:"success"},"\u6210\u529f"),o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible3"),type:"warning"},"\u8b66\u544a"),o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible4"),type:"danger"},"\u9519\u8bef"),o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible5"),type:"light"},"\u4eae\u6309\u94ae"),o.default.createElement(r.Button,{onClick:this.onClick.bind(this,"visible6"),type:"dark"},"\u6697\u6309\u94ae")))}}])&&s(t.prototype,n),a&&s(t,a),Object.defineProperty(t,"prototype",{writable:!1}),p}(o.default.Component)}(),315: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(968);function u(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 i(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 l(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=a(e);if(t){var r=a(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 a(e){return a=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},a(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(f,e);var t,n,c,a=l(f);function f(){var e;return u(this,f),(e=a.call(this)).state={visible:!1},e}return t=f,(n=[{key:"onClick",value:function(e){this.setState({visible:!this.state.visible})}},{key:"onClosed",value:function(e){this.setState({visible:!1})}},{key:"render",value:function(){return o.default.createElement("div",null,o.default.createElement(r.Alert,{isOpen:this.state.visible,type:"danger",useButton:!1,maskClosable:!0,onClose:this.onClosed.bind(this),content:"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"},"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c",o.default.createElement("b",null,"\u786e\u5b9a\u6309\u94ae"),"\u201d \u6216 \u201c",o.default.createElement("b",null,"\u53d6\u6d88\u6309\u94ae"),"\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u5c06\u4e0d\u89e6\u53d1 \u201c",o.default.createElement("del",null,"onConfirm"),"\u201d \u6216 \u201c",o.default.createElement("del",null,"onCancel"),"\u201d \u4e8b\u4ef6\u3002\u56e0\u4e3a\u8fd9\u4fe9\u6309\u94ae\u662f\u81ea\u5b9a\u4e49\u6309\u94ae\u3002",o.default.createElement("br",null),o.default.createElement("br",null),o.default.createElement("div",{className:"w-alert-footer"},o.default.createElement(r.Button,{type:"danger",onClick:this.onClosed.bind(this)},"\u786e\u5b9a\u6309\u94ae"),o.default.createElement(r.Button,{onClick:this.onClosed.bind(this)},"\u53d6\u6d88\u6309\u94ae"))),o.default.createElement(r.ButtonGroup,null,o.default.createElement(r.Button,{onClick:this.onClick.bind(this)},"\u5355\u4e2a\u6309\u94ae\u786e\u8ba4\u5bf9\u8bdd\u6846")))}}])&&i(t.prototype,n),c&&i(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(o.default.Component)}(),363: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(968);function u(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 i(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 l(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=a(e);if(t){var r=a(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 a(e){return a=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},a(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(f,e);var t,n,c,a=l(f);function f(){var e;return u(this,f),(e=a.call(this)).state={visible:!1},e}return t=f,(n=[{key:"onClick",value:function(e){this.setState({visible:!this.state.visible})}},{key:"onClosed",value:function(e){this.setState({visible:!1})}},{key:"render",value:function(){return o.default.createElement("div",null,o.default.createElement(r.Alert,{isOpen:this.state.visible,type:"danger",maskClosable:!0,hasBackdrop:!1,onClose:this.onClosed.bind(this),onClosed:this.onClosed.bind(this),content:"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"},"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c",o.default.createElement("b",null,"\u786e\u5b9a\u6309\u94ae"),"\u201d \u6216 \u201c",o.default.createElement("b",null,"\u53d6\u6d88\u6309\u94ae"),"\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u5c06\u4e0d\u89e6\u53d1 \u201c",o.default.createElement("del",null,"onConfirm"),"\u201d \u6216 \u201c",o.default.createElement("del",null,"onCancel"),"\u201d \u4e8b\u4ef6\u3002\u56e0\u4e3a\u8fd9\u4fe9\u6309\u94ae\u662f\u81ea\u5b9a\u4e49\u6309\u94ae\u3002"),o.default.createElement(r.ButtonGroup,null,o.default.createElement(r.Button,{onClick:this.onClick.bind(this)},"\u5355\u4e2a\u6309\u94ae\u786e\u8ba4\u5bf9\u8bdd\u6846")))}}])&&i(t.prototype,n),c&&i(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(o.default.Component)}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _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 visible1: false,\n visible2: false\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "onClick",\n value: function onClick(type) {\n this.setState(_defineProperty({}, type, !this.state[type]));\n }\n }, {\n key: "onClosed",\n value: function onClosed(type) {\n this.setState(_defineProperty({}, type, false));\n }\n }, {\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n isOpen: this.state.visible1,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n onClosed: this.onClosed.bind(this, \'visible1\'),\n content: "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u53EA\\u6709\\u4E24\\u4E2A\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB\\u201C\\u786E\\u5B9A\\u6309\\u94AE\\u201D\\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n isOpen: this.state.visible2,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n cancelText: "\\u53D6\\u6D88\\u6309\\u94AE",\n type: "danger",\n onConfirm: function onConfirm() {\n return console.log(\'\u60a8\u70b9\u51fb\u4e86\u786e\u5b9a\u6309\u94ae\uff01\');\n },\n onCancel: function onCancel() {\n return console.log(\'\u60a8\u70b9\u51fb\u4e86\u53d6\u6d88\u6309\u94ae\uff01\');\n },\n onClosed: this.onClosed.bind(this, \'visible2\')\n }, "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u6709\\u4E24\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB \\u201C", /#__PURE__/_react["default"].createElement("b", null, "\\u786E\\u5B9A\\u6309\\u94AE"), "\\u201D \\u6216 \\u201C", /#__PURE__/_react["default"].createElement("b", null, "\\u53D6\\u6D88\\u6309\\u94AE"), "\\u201D \\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\uFF0C\\u89E6\\u53D1 \\u201C", /#__PURE__/_react["default"].createElement("b", null, "onConfirm"), "\\u201D \\u6216 \\u201C", /#__PURE__/_react["default"].createElement("b", null, "onCancel"), "\\u201D \\u4E8B\\u4EF6\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible1\')\n }, "\\u5355\\u4E2A\\u6309\\u94AE\\u786E\\u8BA4\\u5BF9\\u8BDD\\u6846"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible2\')\n }, "\\u786E\\u8BA4\\u5BF9\\u8BDD\\u6846")));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Alert, ButtonGroup, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible1: false,\n visible2: false,\n }\n }\n onClick(type) {\n this.setState({ [type]: !this.state[type] });\n }\n onClosed(type) {\n this.setState({ [type]: false });\n }\n render() {\n return (\n <div>\n <Alert\n isOpen={this.state.visible1}\n confirmText=\"\u786e\u5b9a\u6309\u94ae\"\n onClosed={this.onClosed.bind(this, 'visible1')}\n content=\"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002\"\n />\n <Alert\n isOpen={this.state.visible2}\n confirmText=\"\u786e\u5b9a\u6309\u94ae\"\n cancelText=\"\u53d6\u6d88\u6309\u94ae\"\n type=\"danger\"\n onConfirm={() => console.log('\u60a8\u70b9\u51fb\u4e86\u786e\u5b9a\u6309\u94ae\uff01')}\n onCancel={() => console.log('\u60a8\u70b9\u51fb\u4e86\u53d6\u6d88\u6309\u94ae\uff01')}\n onClosed={this.onClosed.bind(this, 'visible2')}\n >\n \u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c<b>\u786e\u5b9a\u6309\u94ae</b>\u201d \u6216 \u201c<b>\u53d6\u6d88\u6309\u94ae</b>\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u89e6\u53d1 \u201c<b>onConfirm</b>\u201d \u6216 \u201c<b>onCancel</b>\u201d \u4e8b\u4ef6\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002\n </Alert>\n <ButtonGroup>\n <Button onClick={this.onClick.bind(this, 'visible1')}>\u5355\u4e2a\u6309\u94ae\u786e\u8ba4\u5bf9\u8bdd\u6846</Button>\n <Button onClick={this.onClick.bind(this, 'visible2')}>\u786e\u8ba4\u5bf9\u8bdd\u6846</Button>\n </ButtonGroup>\n </div>\n )\n }\n}\nexport default Demo"},71:{name:71,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 visible: false\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "onClick",\n value: function onClick() {\n this.setState({\n visible: !this.statevisible\n });\n }\n }, {\n key: "onClosed",\n value: function onClosed() {\n this.setState({\n visible: false\n });\n }\n }, {\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n icon: "delete",\n isOpen: this.state.visible,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n type: "danger",\n onConfirm: function onConfirm() {\n console.log(\'\u786e\u5b9a\u56de\u8c03\uff01, \u8fd9\u91cc\u662f\u5229\u7528Promise\u7b49\u6267\u884c\u5b8c\u6210\u518d\u53bb\u5173\u95ed\u7a97\u53e3\');\n return new Promise(function (resolve, reject) {\n var random = Math.random();\n console.log(\'\u6d4b\u8bd5\uff0c\u968f\u673a\u503c\u5927\u4e8e 0.5 \u6267\u884c resolve \u4e8b\u4ef6\uff0c\u5426\u5219 \u6267\u884c reject \u89e6\u53d1 catch \u9519\u8bef\', random, random > 0.5);\n setTimeout(random > 0.5 ? resolve : reject, 3000);\n })["catch"](function () {// \u53ef\u4ee5\u901a\u8fc7\u4e0b\u9762\u65b9\u5f0f\uff0c\u963b\u6b62\u5f39\u6846\u6d88\u5931\n // throw new Error();\n });\n },\n onClosed: this.onClosed.bind(this, \'visible\')\n }, "\\u8FD9\\u91CC\\u662F\\u5229\\u7528 ", /#__PURE__/_react["default"].createElement("b", null, "Promise"), " \\u7684\\u7279\\u6027\\uFF0C\\u7B49\\u5B83\\u6267\\u884C\\u5B8C\\u6210\\u540E\\uFF0C\\u518D\\u53BB\\u5173\\u95ED\\u7A97\\u53E3\\uFF0C\\u8FBE\\u5230\\u5EF6\\u8FDF\\u5173\\u95ED\\u7684\\u6548\\u679C\\u3002", /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement("br", null), "\\u8FD9\\u4E2A\\u6D4B\\u8BD5\\u4F8B\\u5B50\\uFF0C\\u751F\\u6210\\u968F\\u673A\\u503C\\u5224\\u65AD\\u662F\\u5426\\u5927\\u4E8E ", /#__PURE__/_react["default"].createElement("b", null, "0.5"), " \\u6267\\u884C ", /#__PURE__/_react["default"].createElement("b", null, "resolve"), " \\u4E8B\\u4EF6\\uFF0C\\u5426\\u5219 \\u6267\\u884C ", /#__PURE__/_react["default"].createElement("b", null, "reject"), " \\u89E6\\u53D1 ", /#__PURE__/_react["default"].createElement("b", null, "catch"), " \\u9519\\u8BEF\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible\')\n }, "\\u5EF6\\u8FDF\\u5173\\u95ED\\u5BF9\\u8BDD\\u6846"));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Alert, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible: false,\n }\n }\n onClick() {\n this.setState({ visible: !this.statevisible });\n }\n onClosed() {\n this.setState({ visible: false });\n }\n render() {\n return (\n <div>\n <Alert\n icon=\"delete\"\n isOpen={this.state.visible}\n confirmText=\"\u786e\u5b9a\u6309\u94ae\"\n type=\"danger\"\n onConfirm={() => {\n console.log('\u786e\u5b9a\u56de\u8c03\uff01, \u8fd9\u91cc\u662f\u5229\u7528Promise\u7b49\u6267\u884c\u5b8c\u6210\u518d\u53bb\u5173\u95ed\u7a97\u53e3');\n return new Promise((resolve, reject) => {\n const random = Math.random();\n console.log('\u6d4b\u8bd5\uff0c\u968f\u673a\u503c\u5927\u4e8e 0.5 \u6267\u884c resolve \u4e8b\u4ef6\uff0c\u5426\u5219 \u6267\u884c reject \u89e6\u53d1 catch \u9519\u8bef', random, random > 0.5)\n setTimeout(random > 0.5 ? resolve : reject, 3000);\n }).catch(() => {\n // \u53ef\u4ee5\u901a\u8fc7\u4e0b\u9762\u65b9\u5f0f\uff0c\u963b\u6b62\u5f39\u6846\u6d88\u5931\n // throw new Error();\n });\n }}\n onClosed={this.onClosed.bind(this, 'visible')}\n >\n \u8fd9\u91cc\u662f\u5229\u7528 <b>Promise</b> \u7684\u7279\u6027\uff0c\u7b49\u5b83\u6267\u884c\u5b8c\u6210\u540e\uff0c\u518d\u53bb\u5173\u95ed\u7a97\u53e3\uff0c\u8fbe\u5230\u5ef6\u8fdf\u5173\u95ed\u7684\u6548\u679c\u3002<br /><br />\n \u8fd9\u4e2a\u6d4b\u8bd5\u4f8b\u5b50\uff0c\u751f\u6210\u968f\u673a\u503c\u5224\u65ad\u662f\u5426\u5927\u4e8e <b>0.5</b> \u6267\u884c <b>resolve</b> \u4e8b\u4ef6\uff0c\u5426\u5219 \u6267\u884c <b>reject</b> \u89e6\u53d1 <b>catch</b> \u9519\u8bef\u3002\n </Alert>\n <Button onClick={this.onClick.bind(this, 'visible')}>\u5ef6\u8fdf\u5173\u95ed\u5bf9\u8bdd\u6846</Button>\n </div>\n )\n }\n}\nexport default Demo"},124:{name:124,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 visible1: false,\n visible2: false\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "onClick",\n value: function onClick(type) {\n this.setState(_defineProperty({}, type, !this.state[type]));\n }\n }, {\n key: "onClosed",\n value: function onClosed(type) {\n this.setState(_defineProperty({}, type, false));\n }\n }, {\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n isOpen: this.state.visible1,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n cancelText: "\\u53D6\\u6D88\\u6309\\u94AE",\n icon: "information",\n type: "primary",\n onClosed: this.onClosed.bind(this, \'visible1\'),\n content: "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u53EA\\u6709\\u4E24\\u4E2A\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB\\u201C\\u786E\\u5B9A\\u6309\\u94AE\\u201D\\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n isOpen: this.state.visible2,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n cancelText: "\\u53D6\\u6D88\\u6309\\u94AE",\n icon: "circle-check",\n type: "success",\n onClosed: this.onClosed.bind(this, \'visible2\'),\n content: "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u53EA\\u6709\\u4E24\\u4E2A\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB\\u201C\\u786E\\u5B9A\\u6309\\u94AE\\u201D\\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n isOpen: this.state.visible3,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n cancelText: "\\u53D6\\u6D88\\u6309\\u94AE",\n icon: "warning",\n type: "warning",\n onClosed: this.onClosed.bind(this, \'visible3\'),\n content: "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u53EA\\u6709\\u4E24\\u4E2A\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB\\u201C\\u786E\\u5B9A\\u6309\\u94AE\\u201D\\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n isOpen: this.state.visible4,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n cancelText: "\\u53D6\\u6D88\\u6309\\u94AE",\n icon: "circle-close",\n type: "danger",\n onClosed: this.onClosed.bind(this, \'visible4\'),\n content: "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u53EA\\u6709\\u4E24\\u4E2A\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB\\u201C\\u786E\\u5B9A\\u6309\\u94AE\\u201D\\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n isOpen: this.state.visible5,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n cancelText: "\\u53D6\\u6D88\\u6309\\u94AE",\n type: "light",\n onClosed: this.onClosed.bind(this, \'visible5\'),\n content: "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u53EA\\u6709\\u4E24\\u4E2A\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB\\u201C\\u786E\\u5B9A\\u6309\\u94AE\\u201D\\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n isOpen: this.state.visible6,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n cancelText: "\\u53D6\\u6D88\\u6309\\u94AE",\n type: "dark",\n onClosed: this.onClosed.bind(this, \'visible6\')\n }, "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u6709\\u4E24\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB \\u201C", /#__PURE__/_react["default"].createElement("b", null, "\\u786E\\u5B9A\\u6309\\u94AE"), "\\u201D \\u6216 \\u201C", /#__PURE__/_react["default"].createElement("b", null, "\\u53D6\\u6D88\\u6309\\u94AE"), "\\u201D \\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\uFF0C\\u89E6\\u53D1 \\u201C", /#__PURE__/_react["default"].createElement("b", null, "onConfirm"), "\\u201D \\u6216 \\u201C", /#__PURE__/_react["default"].createElement("b", null, "onCancel"), "\\u201D \\u4E8B\\u4EF6\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible1\'),\n type: "primary"\n }, "\\u4E3B\\u8981"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible2\'),\n type: "success"\n }, "\\u6210\\u529F"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible3\'),\n type: "warning"\n }, "\\u8B66\\u544A"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible4\'),\n type: "danger"\n }, "\\u9519\\u8BEF"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible5\'),\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible6\'),\n type: "dark"\n }, "\\u6697\\u6309\\u94AE")));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Alert, ButtonGroup, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible1: false,\n visible2: false,\n }\n }\n onClick(type) {\n this.setState({ [type]: !this.state[type] });\n }\n onClosed(type) {\n this.setState({ [type]: false });\n }\n render() {\n return (\n <div>\n <Alert\n isOpen={this.state.visible1}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="information"\n type="primary"\n onClosed={this.onClosed.bind(this, \'visible1\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n isOpen={this.state.visible2}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="circle-check"\n type="success"\n onClosed={this.onClosed.bind(this, \'visible2\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n isOpen={this.state.visible3}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="warning"\n type="warning"\n onClosed={this.onClosed.bind(this, \'visible3\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n isOpen={this.state.visible4}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="circle-close"\n type="danger"\n onClosed={this.onClosed.bind(this, \'visible4\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n isOpen={this.state.visible5}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n type="light"\n onClosed={this.onClosed.bind(this, \'visible5\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n isOpen={this.state.visible6}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n type="dark"\n onClosed={this.onClosed.bind(this, \'visible6\')}\n >\n \u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c<b>\u786e\u5b9a\u6309\u94ae</b>\u201d \u6216 \u201c<b>\u53d6\u6d88\u6309\u94ae</b>\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u89e6\u53d1 \u201c<b>onConfirm</b>\u201d \u6216 \u201c<b>onCancel</b>\u201d \u4e8b\u4ef6\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002\n </Alert>\n <ButtonGroup>\n <Button onClick={this.onClick.bind(this, \'visible1\')} type="primary">\u4e3b\u8981</Button>\n <Button onClick={this.onClick.bind(this, \'visible2\')} type="success">\u6210\u529f</Button>\n <Button onClick={this.onClick.bind(this, \'visible3\')} type="warning">\u8b66\u544a</Button>\n <Button onClick={this.onClick.bind(this, \'visible4\')} type="danger">\u9519\u8bef</Button>\n <Button onClick={this.onClick.bind(this, \'visible5\')} type="light">\u4eae\u6309\u94ae</Button>\n <Button onClick={this.onClick.bind(this, \'visible6\')} type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n </div>\n )\n }\n}\nexport default Demo'},216:{name:216,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 visible1: false,\n visible2: false\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "onClick",\n value: function onClick(type) {\n this.setState(_defineProperty({}, type, !this.state[type]));\n }\n }, {\n key: "onClosed",\n value: function onClosed(type) {\n this.setState(_defineProperty({}, type, false));\n }\n }, {\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n title: "\\u5E26\\u6807\\u9898\\u7684\\u5F39\\u51FA\\u6846",\n isOpen: this.state.visible1,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n cancelText: "\\u53D6\\u6D88\\u6309\\u94AE",\n icon: "information",\n type: "primary",\n onClosed: this.onClosed.bind(this, \'visible1\'),\n content: "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u53EA\\u6709\\u4E24\\u4E2A\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB\\u201C\\u786E\\u5B9A\\u6309\\u94AE\\u201D\\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n title: "\\u5E26\\u6807\\u9898\\u7684\\u5F39\\u51FA\\u6846",\n isOpen: this.state.visible2,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n cancelText: "\\u53D6\\u6D88\\u6309\\u94AE",\n icon: "circle-check",\n type: "success",\n onClosed: this.onClosed.bind(this, \'visible2\'),\n content: "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u53EA\\u6709\\u4E24\\u4E2A\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB\\u201C\\u786E\\u5B9A\\u6309\\u94AE\\u201D\\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n title: "\\u5E26\\u6807\\u9898\\u7684\\u5F39\\u51FA\\u6846",\n isOpen: this.state.visible3,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n cancelText: "\\u53D6\\u6D88\\u6309\\u94AE",\n icon: "warning",\n type: "warning",\n onClosed: this.onClosed.bind(this, \'visible3\'),\n content: "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u53EA\\u6709\\u4E24\\u4E2A\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB\\u201C\\u786E\\u5B9A\\u6309\\u94AE\\u201D\\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n title: "\\u5E26\\u6807\\u9898\\u7684\\u5F39\\u51FA\\u6846",\n isOpen: this.state.visible4,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n cancelText: "\\u53D6\\u6D88\\u6309\\u94AE",\n icon: "circle-close",\n type: "danger",\n onClosed: this.onClosed.bind(this, \'visible4\'),\n content: "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u53EA\\u6709\\u4E24\\u4E2A\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB\\u201C\\u786E\\u5B9A\\u6309\\u94AE\\u201D\\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n title: "\\u5E26\\u6807\\u9898\\u7684\\u5F39\\u51FA\\u6846",\n isOpen: this.state.visible5,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n cancelText: "\\u53D6\\u6D88\\u6309\\u94AE",\n type: "light",\n onClosed: this.onClosed.bind(this, \'visible5\'),\n content: "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u53EA\\u6709\\u4E24\\u4E2A\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB\\u201C\\u786E\\u5B9A\\u6309\\u94AE\\u201D\\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n title: "\\u5E26\\u6807\\u9898\\u7684\\u5F39\\u51FA\\u6846",\n isOpen: this.state.visible6,\n confirmText: "\\u786E\\u5B9A\\u6309\\u94AE",\n cancelText: "\\u53D6\\u6D88\\u6309\\u94AE",\n type: "dark",\n onClosed: this.onClosed.bind(this, \'visible6\')\n }, "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u6709\\u4E24\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB \\u201C", /#__PURE__/_react["default"].createElement("b", null, "\\u786E\\u5B9A\\u6309\\u94AE"), "\\u201D \\u6216 \\u201C", /#__PURE__/_react["default"].createElement("b", null, "\\u53D6\\u6D88\\u6309\\u94AE"), "\\u201D \\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\uFF0C\\u89E6\\u53D1 \\u201C", /#__PURE__/_react["default"].createElement("b", null, "onConfirm"), "\\u201D \\u6216 \\u201C", /#__PURE__/_react["default"].createElement("b", null, "onCancel"), "\\u201D \\u4E8B\\u4EF6\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible1\'),\n type: "primary"\n }, "\\u4E3B\\u8981"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible2\'),\n type: "success"\n }, "\\u6210\\u529F"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible3\'),\n type: "warning"\n }, "\\u8B66\\u544A"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible4\'),\n type: "danger"\n }, "\\u9519\\u8BEF"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible5\'),\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this, \'visible6\'),\n type: "dark"\n }, "\\u6697\\u6309\\u94AE")));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Alert, ButtonGroup, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible1: false,\n visible2: false,\n }\n }\n onClick(type) {\n this.setState({ [type]: !this.state[type] });\n }\n onClosed(type) {\n this.setState({ [type]: false });\n }\n render() {\n return (\n <div>\n <Alert\n title="\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846"\n isOpen={this.state.visible1}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="information"\n type="primary"\n onClosed={this.onClosed.bind(this, \'visible1\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n title="\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846"\n isOpen={this.state.visible2}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="circle-check"\n type="success"\n onClosed={this.onClosed.bind(this, \'visible2\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n title="\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846"\n isOpen={this.state.visible3}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="warning"\n type="warning"\n onClosed={this.onClosed.bind(this, \'visible3\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n title="\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846"\n isOpen={this.state.visible4}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="circle-close"\n type="danger"\n onClosed={this.onClosed.bind(this, \'visible4\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n title="\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846"\n isOpen={this.state.visible5}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n type="light"\n onClosed={this.onClosed.bind(this, \'visible5\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n title="\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846"\n isOpen={this.state.visible6}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n type="dark"\n onClosed={this.onClosed.bind(this, \'visible6\')}\n >\n \u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c<b>\u786e\u5b9a\u6309\u94ae</b>\u201d \u6216 \u201c<b>\u53d6\u6d88\u6309\u94ae</b>\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u89e6\u53d1 \u201c<b>onConfirm</b>\u201d \u6216 \u201c<b>onCancel</b>\u201d \u4e8b\u4ef6\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002\n </Alert>\n <ButtonGroup>\n <Button onClick={this.onClick.bind(this, \'visible1\')} type="primary">\u4e3b\u8981</Button>\n <Button onClick={this.onClick.bind(this, \'visible2\')} type="success">\u6210\u529f</Button>\n <Button onClick={this.onClick.bind(this, \'visible3\')} type="warning">\u8b66\u544a</Button>\n <Button onClick={this.onClick.bind(this, \'visible4\')} type="danger">\u9519\u8bef</Button>\n <Button onClick={this.onClick.bind(this, \'visible5\')} type="light">\u4eae\u6309\u94ae</Button>\n <Button onClick={this.onClick.bind(this, \'visible6\')} type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n </div>\n )\n }\n}\nexport default Demo'},315:{name:315,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 visible: false\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "onClick",\n value: function onClick(type) {\n this.setState({\n visible: !this.state.visible\n });\n }\n }, {\n key: "onClosed",\n value: function onClosed(type) {\n this.setState({\n visible: false\n });\n }\n }, {\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n isOpen: this.state.visible,\n type: "danger",\n useButton: false,\n maskClosable: true,\n onClose: this.onClosed.bind(this) // onClosed={this.onClosed.bind(this)}\n ,\n content: "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u53EA\\u6709\\u4E24\\u4E2A\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB\\u201C\\u786E\\u5B9A\\u6309\\u94AE\\u201D\\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"\n }, "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u6709\\u4E24\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB \\u201C", /#__PURE__/_react["default"].createElement("b", null, "\\u786E\\u5B9A\\u6309\\u94AE"), "\\u201D \\u6216 \\u201C", /#__PURE__/_react["default"].createElement("b", null, "\\u53D6\\u6D88\\u6309\\u94AE"), "\\u201D \\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\uFF0C\\u5C06\\u4E0D\\u89E6\\u53D1 \\u201C", /#__PURE__/_react["default"].createElement("del", null, "onConfirm"), "\\u201D \\u6216 \\u201C", /#__PURE__/_react["default"].createElement("del", null, "onCancel"), "\\u201D \\u4E8B\\u4EF6\\u3002\\u56E0\\u4E3A\\u8FD9\\u4FE9\\u6309\\u94AE\\u662F\\u81EA\\u5B9A\\u4E49\\u6309\\u94AE\\u3002", /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement("div", {\n className: "w-alert-footer"\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger",\n onClick: this.onClosed.bind(this)\n }, "\\u786E\\u5B9A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClosed.bind(this)\n }, "\\u53D6\\u6D88\\u6309\\u94AE"))), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this)\n }, "\\u5355\\u4E2A\\u6309\\u94AE\\u786E\\u8BA4\\u5BF9\\u8BDD\\u6846")));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Alert, ButtonGroup, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible: false,\n }\n }\n onClick(type) {\n this.setState({ visible: !this.state.visible });\n }\n onClosed(type) {\n this.setState({ visible: false });\n }\n render() {\n return (\n <div>\n <Alert\n isOpen={this.state.visible}\n type="danger"\n useButton={false}\n maskClosable={true}\n onClose={this.onClosed.bind(this)}\n // onClosed={this.onClosed.bind(this)}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n >\n \u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c<b>\u786e\u5b9a\u6309\u94ae</b>\u201d \u6216 \u201c<b>\u53d6\u6d88\u6309\u94ae</b>\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u5c06\u4e0d\u89e6\u53d1 \u201c<del>onConfirm</del>\u201d \u6216 \u201c<del>onCancel</del>\u201d \u4e8b\u4ef6\u3002\u56e0\u4e3a\u8fd9\u4fe9\u6309\u94ae\u662f\u81ea\u5b9a\u4e49\u6309\u94ae\u3002\n <br /><br />\n <div className="w-alert-footer">\n <Button type="danger" onClick={this.onClosed.bind(this)} >\u786e\u5b9a\u6309\u94ae</Button>\n <Button onClick={this.onClosed.bind(this)} >\u53d6\u6d88\u6309\u94ae</Button>\n </div>\n </Alert>\n <ButtonGroup>\n <Button onClick={this.onClick.bind(this)}>\u5355\u4e2a\u6309\u94ae\u786e\u8ba4\u5bf9\u8bdd\u6846</Button>\n </ButtonGroup>\n </div>\n )\n }\n}\nexport default Demo'},363:{name:363,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 visible: false\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "onClick",\n value: function onClick(type) {\n this.setState({\n visible: !this.state.visible\n });\n }\n }, {\n key: "onClosed",\n value: function onClosed(type) {\n this.setState({\n visible: false\n });\n }\n }, {\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Alert, {\n isOpen: this.state.visible,\n type: "danger",\n maskClosable: true,\n hasBackdrop: false,\n onClose: this.onClosed.bind(this),\n onClosed: this.onClosed.bind(this),\n content: "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u53EA\\u6709\\u4E24\\u4E2A\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB\\u201C\\u786E\\u5B9A\\u6309\\u94AE\\u201D\\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\u3002\\u7528\\u4F5C\\u901A\\u77E5\\u7528\\u6237\\u91CD\\u8981\\u4FE1\\u606F\\u3002"\n }, "\\u8FD9\\u4E2A\\u5BF9\\u8BDD\\u6846\\u6709\\u4E24\\u4E2A\\u6309\\u94AE\\uFF0C\\u5355\\u51FB \\u201C", /#__PURE__/_react["default"].createElement("b", null, "\\u786E\\u5B9A\\u6309\\u94AE"), "\\u201D \\u6216 \\u201C", /#__PURE__/_react["default"].createElement("b", null, "\\u53D6\\u6D88\\u6309\\u94AE"), "\\u201D \\u540E\\uFF0C\\u6B64\\u5BF9\\u8BDD\\u6846\\u5C06\\u5173\\u95ED\\uFF0C\\u5C06\\u4E0D\\u89E6\\u53D1 \\u201C", /#__PURE__/_react["default"].createElement("del", null, "onConfirm"), "\\u201D \\u6216 \\u201C", /#__PURE__/_react["default"].createElement("del", null, "onCancel"), "\\u201D \\u4E8B\\u4EF6\\u3002\\u56E0\\u4E3A\\u8FD9\\u4FE9\\u6309\\u94AE\\u662F\\u81EA\\u5B9A\\u4E49\\u6309\\u94AE\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: this.onClick.bind(this)\n }, "\\u5355\\u4E2A\\u6309\\u94AE\\u786E\\u8BA4\\u5BF9\\u8BDD\\u6846")));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Alert, ButtonGroup, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible: false,\n }\n }\n onClick(type) {\n this.setState({ visible: !this.state.visible });\n }\n onClosed(type) {\n this.setState({ visible: false });\n }\n render() {\n return (\n <div>\n <Alert\n isOpen={this.state.visible}\n type=\"danger\"\n maskClosable={true}\n hasBackdrop={false}\n onClose={this.onClosed.bind(this)}\n onClosed={this.onClosed.bind(this)}\n content=\"\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002\"\n >\n \u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c<b>\u786e\u5b9a\u6309\u94ae</b>\u201d \u6216 \u201c<b>\u53d6\u6d88\u6309\u94ae</b>\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u5c06\u4e0d\u89e6\u53d1 \u201c<del>onConfirm</del>\u201d \u6216 \u201c<del>onCancel</del>\u201d \u4e8b\u4ef6\u3002\u56e0\u4e3a\u8fd9\u4fe9\u6309\u94ae\u662f\u81ea\u5b9a\u4e49\u6309\u94ae\u3002\n </Alert>\n <ButtonGroup>\n <Button onClick={this.onClick.bind(this)}>\u5355\u4e2a\u6309\u94ae\u786e\u8ba4\u5bf9\u8bdd\u6846</Button>\n </ButtonGroup>\n </div>\n )\n }\n}\nexport default Demo"}},source:'Alert \u786e\u8ba4\u5bf9\u8bdd\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-alert/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-alert.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-alert)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-alert.svg?label=@uiw/react-alert)](https://npmjs.com/@uiw/react-alert)\n\n\u5f39\u51fa\u5bf9\u8bdd\u6846\u4f1a\u5728\u7ee7\u7eed\u4e4b\u524d\uff0c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\uff0c\u70b9\u51fb\u786e\u5b9a\u540e\u5f02\u6b65\u5173\u95ed\u5bf9\u8bdd\u6846\u3002\n\n```jsx\nimport { Alert } from \'uiw\';\n// or\nimport Alert from \'@uiw/react-alert\';\n```\n\n## \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Alert, ButtonGroup, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible1: false,\n visible2: false,\n }\n }\n onClick(type) {\n this.setState({ [type]: !this.state[type] });\n }\n onClosed(type) {\n this.setState({ [type]: false });\n }\n render() {\n return (\n <div>\n <Alert\n isOpen={this.state.visible1}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n onClosed={this.onClosed.bind(this, \'visible1\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n isOpen={this.state.visible2}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n type="danger"\n onConfirm={() => console.log(\'\u60a8\u70b9\u51fb\u4e86\u786e\u5b9a\u6309\u94ae\uff01\')}\n onCancel={() => console.log(\'\u60a8\u70b9\u51fb\u4e86\u53d6\u6d88\u6309\u94ae\uff01\')}\n onClosed={this.onClosed.bind(this, \'visible2\')}\n >\n \u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c<b>\u786e\u5b9a\u6309\u94ae</b>\u201d \u6216 \u201c<b>\u53d6\u6d88\u6309\u94ae</b>\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u89e6\u53d1 \u201c<b>onConfirm</b>\u201d \u6216 \u201c<b>onCancel</b>\u201d \u4e8b\u4ef6\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002\n </Alert>\n <ButtonGroup>\n <Button onClick={this.onClick.bind(this, \'visible1\')}>\u5355\u4e2a\u6309\u94ae\u786e\u8ba4\u5bf9\u8bdd\u6846</Button>\n <Button onClick={this.onClick.bind(this, \'visible2\')}>\u786e\u8ba4\u5bf9\u8bdd\u6846</Button>\n </ButtonGroup>\n </div>\n )\n }\n}\nexport default Demo\n```\n\n## \u5ef6\u8fdf\u5173\u95ed\u5bf9\u8bdd\u6846\n\n\u8fd9\u91cc\u662f\u5229\u7528 `Promise` \u7b49\u5b83\u6267\u884c\u5b8c\u6210\u518d\u53bb\u5173\u95ed\u7a97\u53e3\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Alert, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible: false,\n }\n }\n onClick() {\n this.setState({ visible: !this.statevisible });\n }\n onClosed() {\n this.setState({ visible: false });\n }\n render() {\n return (\n <div>\n <Alert\n icon="delete"\n isOpen={this.state.visible}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n type="danger"\n onConfirm={() => {\n console.log(\'\u786e\u5b9a\u56de\u8c03\uff01, \u8fd9\u91cc\u662f\u5229\u7528Promise\u7b49\u6267\u884c\u5b8c\u6210\u518d\u53bb\u5173\u95ed\u7a97\u53e3\');\n return new Promise((resolve, reject) => {\n const random = Math.random();\n console.log(\'\u6d4b\u8bd5\uff0c\u968f\u673a\u503c\u5927\u4e8e 0.5 \u6267\u884c resolve \u4e8b\u4ef6\uff0c\u5426\u5219 \u6267\u884c reject \u89e6\u53d1 catch \u9519\u8bef\', random, random > 0.5)\n setTimeout(random > 0.5 ? resolve : reject, 3000);\n }).catch(() => {\n // \u53ef\u4ee5\u901a\u8fc7\u4e0b\u9762\u65b9\u5f0f\uff0c\u963b\u6b62\u5f39\u6846\u6d88\u5931\n // throw new Error();\n });\n }}\n onClosed={this.onClosed.bind(this, \'visible\')}\n >\n \u8fd9\u91cc\u662f\u5229\u7528 <b>Promise</b> \u7684\u7279\u6027\uff0c\u7b49\u5b83\u6267\u884c\u5b8c\u6210\u540e\uff0c\u518d\u53bb\u5173\u95ed\u7a97\u53e3\uff0c\u8fbe\u5230\u5ef6\u8fdf\u5173\u95ed\u7684\u6548\u679c\u3002<br /><br />\n \u8fd9\u4e2a\u6d4b\u8bd5\u4f8b\u5b50\uff0c\u751f\u6210\u968f\u673a\u503c\u5224\u65ad\u662f\u5426\u5927\u4e8e <b>0.5</b> \u6267\u884c <b>resolve</b> \u4e8b\u4ef6\uff0c\u5426\u5219 \u6267\u884c <b>reject</b> \u89e6\u53d1 <b>catch</b> \u9519\u8bef\u3002\n </Alert>\n <Button onClick={this.onClick.bind(this, \'visible\')}>\u5ef6\u8fdf\u5173\u95ed\u5bf9\u8bdd\u6846</Button>\n </div>\n )\n }\n}\nexport default Demo\n```\n\n## \u5e26\u56fe\u6807\u7684\u5f39\u51fa\u6846\n\n\u901a\u8fc7\u8bbe\u7f6e `icon` \u548c `type` \u53c2\u6570\u8bbe\u7f6e\u5e26\u72b6\u6001\u7684\u5f39\u51fa\u5bf9\u8bdd\u6846\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Alert, ButtonGroup, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible1: false,\n visible2: false,\n }\n }\n onClick(type) {\n this.setState({ [type]: !this.state[type] });\n }\n onClosed(type) {\n this.setState({ [type]: false });\n }\n render() {\n return (\n <div>\n <Alert\n isOpen={this.state.visible1}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="information"\n type="primary"\n onClosed={this.onClosed.bind(this, \'visible1\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n isOpen={this.state.visible2}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="circle-check"\n type="success"\n onClosed={this.onClosed.bind(this, \'visible2\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n isOpen={this.state.visible3}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="warning"\n type="warning"\n onClosed={this.onClosed.bind(this, \'visible3\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n isOpen={this.state.visible4}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="circle-close"\n type="danger"\n onClosed={this.onClosed.bind(this, \'visible4\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n isOpen={this.state.visible5}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n type="light"\n onClosed={this.onClosed.bind(this, \'visible5\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n isOpen={this.state.visible6}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n type="dark"\n onClosed={this.onClosed.bind(this, \'visible6\')}\n >\n \u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c<b>\u786e\u5b9a\u6309\u94ae</b>\u201d \u6216 \u201c<b>\u53d6\u6d88\u6309\u94ae</b>\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u89e6\u53d1 \u201c<b>onConfirm</b>\u201d \u6216 \u201c<b>onCancel</b>\u201d \u4e8b\u4ef6\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002\n </Alert>\n <ButtonGroup>\n <Button onClick={this.onClick.bind(this, \'visible1\')} type="primary">\u4e3b\u8981</Button>\n <Button onClick={this.onClick.bind(this, \'visible2\')} type="success">\u6210\u529f</Button>\n <Button onClick={this.onClick.bind(this, \'visible3\')} type="warning">\u8b66\u544a</Button>\n <Button onClick={this.onClick.bind(this, \'visible4\')} type="danger">\u9519\u8bef</Button>\n <Button onClick={this.onClick.bind(this, \'visible5\')} type="light">\u4eae\u6309\u94ae</Button>\n <Button onClick={this.onClick.bind(this, \'visible6\')} type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n </div>\n )\n }\n}\nexport default Demo\n```\n\n\n## \u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Alert, ButtonGroup, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible1: false,\n visible2: false,\n }\n }\n onClick(type) {\n this.setState({ [type]: !this.state[type] });\n }\n onClosed(type) {\n this.setState({ [type]: false });\n }\n render() {\n return (\n <div>\n <Alert\n title="\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846"\n isOpen={this.state.visible1}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="information"\n type="primary"\n onClosed={this.onClosed.bind(this, \'visible1\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n title="\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846"\n isOpen={this.state.visible2}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="circle-check"\n type="success"\n onClosed={this.onClosed.bind(this, \'visible2\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n title="\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846"\n isOpen={this.state.visible3}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="warning"\n type="warning"\n onClosed={this.onClosed.bind(this, \'visible3\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n title="\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846"\n isOpen={this.state.visible4}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n icon="circle-close"\n type="danger"\n onClosed={this.onClosed.bind(this, \'visible4\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n title="\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846"\n isOpen={this.state.visible5}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n type="light"\n onClosed={this.onClosed.bind(this, \'visible5\')}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n />\n <Alert\n title="\u5e26\u6807\u9898\u7684\u5f39\u51fa\u6846"\n isOpen={this.state.visible6}\n confirmText="\u786e\u5b9a\u6309\u94ae"\n cancelText="\u53d6\u6d88\u6309\u94ae"\n type="dark"\n onClosed={this.onClosed.bind(this, \'visible6\')}\n >\n \u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c<b>\u786e\u5b9a\u6309\u94ae</b>\u201d \u6216 \u201c<b>\u53d6\u6d88\u6309\u94ae</b>\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u89e6\u53d1 \u201c<b>onConfirm</b>\u201d \u6216 \u201c<b>onCancel</b>\u201d \u4e8b\u4ef6\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002\n </Alert>\n <ButtonGroup>\n <Button onClick={this.onClick.bind(this, \'visible1\')} type="primary">\u4e3b\u8981</Button>\n <Button onClick={this.onClick.bind(this, \'visible2\')} type="success">\u6210\u529f</Button>\n <Button onClick={this.onClick.bind(this, \'visible3\')} type="warning">\u8b66\u544a</Button>\n <Button onClick={this.onClick.bind(this, \'visible4\')} type="danger">\u9519\u8bef</Button>\n <Button onClick={this.onClick.bind(this, \'visible5\')} type="light">\u4eae\u6309\u94ae</Button>\n <Button onClick={this.onClick.bind(this, \'visible6\')} type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n </div>\n )\n }\n}\nexport default Demo\n```\n\n### \u81ea\u5b9a\u4e49\u6309\u94ae\n\n\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb `\u786e\u5b9a\u6309\u94ae` \u6216 `\u53d6\u6d88\u6309\u94ae` \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u5c06\u4e0d\u89e6\u53d1 ~~`onConfirm`~~ \u6216 ~~`onCancel`~~ \u4e8b\u4ef6\u3002\u56e0\u4e3a\u8fd9\u4fe9\u6309\u94ae\u662f\u81ea\u5b9a\u4e49\u6309\u94ae\u3002\u4f60\u53ef\u4ee5\u6b63\u5bf9\u81ea\u5b9a\u4e49\u6309\u94ae\u5916\u9762\u7684\u5bf9\u8c61\u5b9a\u4e49 `className="w-alert-footer"` \u5c06\u663e\u793a\u9ed8\u8ba4\u6837\u5f0f\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Alert, ButtonGroup, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible: false,\n }\n }\n onClick(type) {\n this.setState({ visible: !this.state.visible });\n }\n onClosed(type) {\n this.setState({ visible: false });\n }\n render() {\n return (\n <div>\n <Alert\n isOpen={this.state.visible}\n type="danger"\n useButton={false}\n maskClosable={true}\n onClose={this.onClosed.bind(this)}\n // onClosed={this.onClosed.bind(this)}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n >\n \u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c<b>\u786e\u5b9a\u6309\u94ae</b>\u201d \u6216 \u201c<b>\u53d6\u6d88\u6309\u94ae</b>\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u5c06\u4e0d\u89e6\u53d1 \u201c<del>onConfirm</del>\u201d \u6216 \u201c<del>onCancel</del>\u201d \u4e8b\u4ef6\u3002\u56e0\u4e3a\u8fd9\u4fe9\u6309\u94ae\u662f\u81ea\u5b9a\u4e49\u6309\u94ae\u3002\n <br /><br />\n <div className="w-alert-footer">\n <Button type="danger" onClick={this.onClosed.bind(this)} >\u786e\u5b9a\u6309\u94ae</Button>\n <Button onClick={this.onClosed.bind(this)} >\u53d6\u6d88\u6309\u94ae</Button>\n </div>\n </Alert>\n <ButtonGroup>\n <Button onClick={this.onClick.bind(this)}>\u5355\u4e2a\u6309\u94ae\u786e\u8ba4\u5bf9\u8bdd\u6846</Button>\n </ButtonGroup>\n </div>\n )\n }\n}\nexport default Demo\n```\n\n### \u4e0d\u663e\u793a\u906e\u7f69\u5c42\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Alert, ButtonGroup, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible: false,\n }\n }\n onClick(type) {\n this.setState({ visible: !this.state.visible });\n }\n onClosed(type) {\n this.setState({ visible: false });\n }\n render() {\n return (\n <div>\n <Alert\n isOpen={this.state.visible}\n type="danger"\n maskClosable={true}\n hasBackdrop={false}\n onClose={this.onClosed.bind(this)}\n onClosed={this.onClosed.bind(this)}\n content="\u8fd9\u4e2a\u5bf9\u8bdd\u6846\u53ea\u6709\u4e24\u4e2a\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u201c\u786e\u5b9a\u6309\u94ae\u201d\u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\u3002\u7528\u4f5c\u901a\u77e5\u7528\u6237\u91cd\u8981\u4fe1\u606f\u3002"\n >\n \u8fd9\u4e2a\u5bf9\u8bdd\u6846\u6709\u4e24\u4e2a\u6309\u94ae\uff0c\u5355\u51fb \u201c<b>\u786e\u5b9a\u6309\u94ae</b>\u201d \u6216 \u201c<b>\u53d6\u6d88\u6309\u94ae</b>\u201d \u540e\uff0c\u6b64\u5bf9\u8bdd\u6846\u5c06\u5173\u95ed\uff0c\u5c06\u4e0d\u89e6\u53d1 \u201c<del>onConfirm</del>\u201d \u6216 \u201c<del>onCancel</del>\u201d \u4e8b\u4ef6\u3002\u56e0\u4e3a\u8fd9\u4fe9\u6309\u94ae\u662f\u81ea\u5b9a\u4e49\u6309\u94ae\u3002\n </Alert>\n <ButtonGroup>\n <Button onClick={this.onClick.bind(this)}>\u5355\u4e2a\u6309\u94ae\u786e\u8ba4\u5bf9\u8bdd\u6846</Button>\n </ButtonGroup>\n </div>\n )\n }\n}\nexport default Demo\n```\n\n## Props\n\n\u867d\u7136\u7c7b\u4f3c\u4e8e\u5bf9 `<Modal>`\uff0c\u4f46 `<Alert>` \u66f4\u5177\u9650\u5236\u6027\uff0c\u53ea\u5e94\u7528\u4e8e\u91cd\u8981\u4fe1\u606f\u3002\u6b64\u7ec4\u4ef6\u7ee7\u627f [`<Modal>`](#/components/modal) \u7684\u5c5e\u6027\uff0c\u6240\u4ee5\u90e8\u5206\u53c2\u6570\u53ef\u4ee5\u53c2\u8003 `<Modal>` \u7ec4\u4ef6\u3002\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| onCancel \| \u53d6\u6d88\u6309\u94ae\u7684\u56de\u8c03\u51fd\u6570 \| Function(e) \| - \|\n\| onConfirm \| \u70b9\u51fb\u786e\u5b9a\u6309\u94ae\u56de\u8c03 \| Function(e) \| - \|\n\| cancelText \| \u53d6\u6d88\u6309\u94ae\u6587\u5b57\uff0c \| String \| - \|\n\| confirmText \| \u786e\u8ba4\u6309\u94ae\u6587\u5b57 \| String \| `\u786e\u8ba4` \|\n\| type \| \u6309\u94ae\u7c7b\u578b\u8ddf `<Button>` \u7ec4\u4ef6\u7684 `type` \u53c2\u6570\u4e00\u81f4\uff0c\u540c\u65f6\u4f1a\u5f71\u54cd\u6309\u94ae\u989c\u8272\u3002 \| String \| `light` \|\n\| icon[`<Modal>`](#/components/modal) \| \u8bbe\u7f6e\u5bf9\u8bdd\u6846\u5de6\u4e0a\u89d2\u56fe\u6807\uff0c\uff0c\u8bbe\u7f6e `type` \u5c06\u56fe\u6807\u8bbe\u7f6e\u4e0d\u540c\u7684\u989c\u8272\u3002\u5f53\u524d\u5c5e\u6027\u4e3a [`<Icon>`](#/components/icon) \u7ec4\u4ef6\u7684 `type` \u5c5e\u6027\uff0c\u6240\u4ee5\u53ef\u4ee5\u53c2\u8003\u8be5\u7ec4\u4ef6\u81ea\u5b9a\u4e49\u56fe\u6807\u3002 \| String/ReactNode \| - \|\n\| title[`<Modal>`](#/components/modal) \| \u8bbe\u7f6e\u6807\u9898 \| Function(e) \| - \|\n\| useButton[`<Modal>`](#/components/modal) \| \u662f\u5426\u4f7f\u7528\u9ed8\u8ba4\u6309\u94ae\uff0c\u5982\u679c\u8bbe\u7f6e `false` \u9700\u8981\u81ea\u5b9a\u4e49\u6309\u94ae\u5173\u95ed \| Boolean \| `true` \|\n\| isOpen[`<Modal>`](#/components/modal) \| \u5bf9\u8bdd\u6846\u662f\u5426\u53ef\u89c1 \| Boolean \| `false` \|\n\| maskClosable[`<Modal>`](#/components/modal) \| \u70b9\u51fb\u906e\u7f69\u5c42\u662f\u5426\u5141\u8bb8\u5173\u95ed \| boolean \| `true` \|\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [Modal](#/components/modal)\u3002'}}}]);
2	+ //# sourceMappingURL=9650.c068e1d5.chunk.js.map