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

package/web/static/js/9609.e574c787.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9609],{9609:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u=function(e){var t=e.num,r=e.height,l=e.width,o=e.style,u=e.background;return n.default.createElement("div",{style:a(a({},o),{},{textAlign:"center",paddingTop:5,paddingBottom:5,background:u,width:l,height:r})},"Col ",t)};return function(){return n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0,style:{width:150}}," ",n.default.createElement(u,{num:"1",background:"#A5A5A5"})," "),n.default.createElement(r.Col,{grow:2}," ",n.default.createElement(u,{num:"2",background:"#dedede"})," "),n.default.createElement(r.Col,{grow:1}," ",n.default.createElement(u,{num:"3",background:"#A5A5A5"})," "))}}(),37:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u=function(e){var t=e.num,r=e.height,l=e.width,o=e.style,u=e.background;return n.default.createElement("div",{style:a(a({},o),{},{textAlign:"center",paddingTop:5,paddingBottom:5,background:u,width:l,height:r})},"Col ",t)};return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null," ",n.default.createElement(u,{background:"#A5A5A5",num:1})," "),n.default.createElement(r.Col,null," ",n.default.createElement(u,{background:"#dedede",num:2})," "),n.default.createElement(r.Col,null," ",n.default.createElement(u,{background:"#A5A5A5",num:3})," ")),n.default.createElement(r.Row,{style:{marginTop:10}},n.default.createElement(r.Col,null," ",n.default.createElement(u,{background:"#A5A5A5",num:1})," "),n.default.createElement(r.Col,null," ",n.default.createElement(u,{background:"#dedede",num:2})," "),n.default.createElement(r.Col,null," ",n.default.createElement(u,{background:"#A5A5A5",num:3})," ")))}}(),63:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u={backgroundColor:"rgba(230, 230, 230, 0.67)",marginBottom:10},c=function(e){var t=e.num,r=e.height,l=e.style,o=e.background,u=void 0===o?"#2EA3F4":o;return n.default.createElement("div",{style:a(a({},l),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:u,height:r})},"Col ",t)};return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,justify:"center",align:"top",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:35,num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:50,num:2})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:70,num:3})," ")),n.default.createElement(r.Row,{gutter:10,justify:"space-around",align:"middle",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:35,num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:50,num:2})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:70,num:3})," ")),n.default.createElement(r.Row,{gutter:10,justify:"space-between",align:"bottom",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:35,num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:50,num:2})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:70,num:3})," ")),n.default.createElement(r.Row,{gutter:10,justify:"flex-end",align:"bottom",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:35,num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:50,num:2})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:70,num:3})," ")),n.default.createElement(r.Row,{gutter:10,justify:"center",align:"baseline",style:a(a({},u),{},{marginBottom:0})},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:85,style:{lineHeight:"85px"},num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:50,num:2})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{height:70,num:3})," ")))}}(),103:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u=function(e){var t=e.num,r=e.style,l=e.background,o=void 0===l?"#2EA3F4":l;return n.default.createElement("div",{style:a(a({},r),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:o})},"Col ",t)};return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,style:{height:130}},n.default.createElement(r.Col,{align:"top"}," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{align:"middle"}," ",n.default.createElement(u,{num:2})," "),n.default.createElement(r.Col,{align:"bottom"}," ",n.default.createElement(u,{num:3})," ")))}}(),122:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u={backgroundColor:"rgba(230, 230, 230, 0.67)",marginBottom:10},c=function(e){var t=e.num,r=e.height,l=e.width,o=e.style,u=e.background,c=void 0===u?"#2EA3F4":u;return n.default.createElement("div",{style:a(a({},o),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:c,width:l,height:r})},"Col ",t)};return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,justify:"flex-start",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:2})," ")),n.default.createElement(r.Row,{gutter:10,justify:"center",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:2})," ")),n.default.createElement(r.Row,{gutter:10,justify:"flex-end",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:2})," ")),n.default.createElement(r.Row,{gutter:10,justify:"space-between",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:2})," ")),n.default.createElement(r.Row,{gutter:10,justify:"space-around",style:u},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:2})," ")),n.default.createElement(r.Row,{gutter:10,justify:"space-evenly",style:a(a({},u),{},{marginBottom:0})},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(c,{num:2})," ")))}}(),163:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u=function(e){var t=e.num,r=e.height,l=e.width,o=e.style,u=e.background,c=void 0===u?"#2EA3F4":u;return n.default.createElement("div",{style:a(a({},o),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:c,width:l,height:r})},"Col ",t)};return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:2})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:3})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:4})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:5})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:6})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:7})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:8})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:9})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:10})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:11})," "),n.default.createElement(r.Col,{span:"2"}," ",n.default.createElement(u,{num:12})," ")),n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{span:"16"}," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{span:"8"}," ",n.default.createElement(u,{num:2})," ")),n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{span:"8"}," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{span:"8"}," ",n.default.createElement(u,{num:2})," "),n.default.createElement(r.Col,{span:"8"}," ",n.default.createElement(u,{num:3})," ")),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{span:"12"}," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{span:"12"}," ",n.default.createElement(u,{num:2})," ")))}}(),204:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u=function(e){var t=e.num,r=e.style,l=e.background,o=void 0===l?"#2EA3F4":l;return n.default.createElement("div",{style:a(a({},r),{},{textAlign:"center",color:"#fff",paddingTop:5,paddingBottom:5,background:o})},"Col ",t)};return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,null," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{grow:2}," ",n.default.createElement(u,{num:2})," ")),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null," ",n.default.createElement(u,{num:1})," "),n.default.createElement(r.Col,{grow:2}," ",n.default.createElement(u,{num:2})," "),n.default.createElement(r.Col,{grow:5}," ",n.default.createElement(u,{num:3})," ")))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Box = function Box(_ref) {\n  var num = _ref.num,\n      height = _ref.height,\n      width = _ref.width,\n      style = _ref.style,\n      background = _ref.background;\n  return /*#__PURE__*/_react["default"].createElement("div", {\n    style: _objectSpread(_objectSpread({}, style), {}, {\n      textAlign: \'center\',\n      paddingTop: 5,\n      paddingBottom: 5,\n      background: background,\n      width: width,\n      height: height\n    })\n  }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true,\n    style: {\n      width: 150\n    }\n  }, " ", /*#__PURE__*/_react["default"].createElement(Box, {\n    num: "1",\n    background: "#A5A5A5"\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    grow: 2\n  }, " ", /*#__PURE__*/_react["default"].createElement(Box, {\n    num: "2",\n    background: "#dedede"\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    grow: 1\n  }, " ", /*#__PURE__*/_react["default"].createElement(Box, {\n    num: "3",\n    background: "#A5A5A5"\n  }), " "));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Box = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: \'center\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n  <Row>\n    <Col fixed style={{ width: 150 }}> <Box num="1" background="#A5A5A5" /> </Col>\n    <Col grow={2}> <Box num="2" background="#dedede" /> </Col>\n    <Col grow={1}> <Box num="3" background="#A5A5A5" /> </Col>\n  </Row>\n);\nexport default Demo'},37:{name:37,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Blank = function Blank(_ref) {\n  var num = _ref.num,\n      height = _ref.height,\n      width = _ref.width,\n      style = _ref.style,\n      background = _ref.background;\n  return /*#__PURE__*/_react["default"].createElement("div", {\n    style: _objectSpread(_objectSpread({}, style), {}, {\n      textAlign: \'center\',\n      paddingTop: 5,\n      paddingBottom: 5,\n      background: background,\n      width: width,\n      height: height\n    })\n  }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    background: "#A5A5A5",\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    background: "#dedede",\n    num: 2\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    background: "#A5A5A5",\n    num: 3\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    style: {\n      marginTop: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    background: "#A5A5A5",\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    background: "#dedede",\n    num: 2\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    background: "#A5A5A5",\n    num: 3\n  }), " ")));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: \'center\', paddingTop: 5,paddingBottom: 5, background, width, height}}>Col {num}</div>\n\nconst Demo =() =>(\n  <div>\n    <Row gutter={10}>\n      <Col> <Blank background="#A5A5A5" num={1}/> </Col>\n      <Col> <Blank background="#dedede" num={2}/> </Col>\n      <Col> <Blank background="#A5A5A5" num={3}/> </Col>\n    </Row>\n    <Row style={{ marginTop: 10 }}>\n      <Col> <Blank background="#A5A5A5" num={1}/> </Col>\n      <Col> <Blank background="#dedede" num={2}/> </Col>\n      <Col> <Blank background="#A5A5A5" num={3}/> </Col>\n    </Row>\n  </div>\n);\nexport default Demo\n'},63:{name:63,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar colStyl = {\n  backgroundColor: \'rgba(230, 230, 230, 0.67)\',\n  marginBottom: 10\n};\n\nvar Blank = function Blank(_ref) {\n  var num = _ref.num,\n      height = _ref.height,\n      style = _ref.style,\n      _ref$background = _ref.background,\n      background = _ref$background === void 0 ? \'#2EA3F4\' : _ref$background;\n  return /*#__PURE__*/_react["default"].createElement("div", {\n    style: _objectSpread(_objectSpread({}, style), {}, {\n      textAlign: \'center\',\n      color: \'#fff\',\n      paddingTop: 5,\n      paddingBottom: 5,\n      background: background,\n      height: height\n    })\n  }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    justify: "center",\n    align: "top",\n    style: colStyl\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 35,\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 50,\n    num: 2\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 70,\n    num: 3\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    justify: "space-around",\n    align: "middle",\n    style: colStyl\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 35,\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 50,\n    num: 2\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 70,\n    num: 3\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    justify: "space-between",\n    align: "bottom",\n    style: colStyl\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 35,\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 50,\n    num: 2\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 70,\n    num: 3\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    justify: "flex-end",\n    align: "bottom",\n    style: colStyl\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 35,\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 50,\n    num: 2\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 70,\n    num: 3\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    justify: "center",\n    align: "baseline",\n    style: _objectSpread(_objectSpread({}, colStyl), {}, {\n      marginBottom: 0\n    })\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 85,\n    style: {\n      lineHeight: \'85px\'\n    },\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 50,\n    num: 2\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    height: 70,\n    num: 3\n  }), " ")));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst colStyl = { backgroundColor: \'rgba(230, 230, 230, 0.67)\', marginBottom: 10 }\nconst Blank = ({ num, height, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, height}}>Col {num}</div>\nconst Demo = () => (\n  <div>\n    <Row gutter={10} justify="center" align="top" style={colStyl}>\n      <Col span="2"> <Blank height={35} num={1}/> </Col>\n      <Col span="2"> <Blank height={50} num={2}/> </Col>\n      <Col span="2"> <Blank height={70} num={3}/> </Col>\n    </Row>\n    <Row gutter={10} justify="space-around" align="middle"  style={colStyl}>\n      <Col span="2"> <Blank height={35} num={1}/> </Col>\n      <Col span="2"> <Blank height={50} num={2}/> </Col>\n      <Col span="2"> <Blank height={70} num={3}/> </Col>\n    </Row>\n    <Row gutter={10} justify="space-between" align="bottom" style={colStyl}>\n      <Col span="2"> <Blank height={35} num={1}/> </Col>\n      <Col span="2"> <Blank height={50} num={2}/> </Col>\n      <Col span="2"> <Blank height={70} num={3}/> </Col>\n    </Row>\n    <Row gutter={10} justify="flex-end" align="bottom" style={colStyl}>\n      <Col span="2"> <Blank height={35} num={1}/> </Col>\n      <Col span="2"> <Blank height={50} num={2}/> </Col>\n      <Col span="2"> <Blank height={70} num={3}/> </Col>\n    </Row>\n    <Row gutter={10} justify="center" align="baseline"  style={{ ...colStyl, marginBottom: 0 }}>\n      <Col span="2"> <Blank height={85} style={{ lineHeight: \'85px\' }} num={1}/> </Col>\n      <Col span="2"> <Blank height={50} num={2}/> </Col>\n      <Col span="2"> <Blank height={70} num={3}/> </Col>\n    </Row>\n  </div>\n);\nexport default Demo'},103:{name:103,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Blank = function Blank(_ref) {\n  var num = _ref.num,\n      style = _ref.style,\n      _ref$background = _ref.background,\n      background = _ref$background === void 0 ? \'#2EA3F4\' : _ref$background;\n  return /*#__PURE__*/_react["default"].createElement("div", {\n    style: _objectSpread(_objectSpread({}, style), {}, {\n      textAlign: \'center\',\n      color: \'#fff\',\n      paddingTop: 5,\n      paddingBottom: 5,\n      background: background\n    })\n  }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      height: 130\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    align: "top"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    align: "middle"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 2\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    align: "bottom"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 3\n  }), " ")));\n};\n\nreturn Demo;',language:"jsx",value:"import React from \"react\"\nimport { Row, Col } from 'uiw';\n\nconst Blank = ({ num, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\nconst Demo = () => (\n  <div>\n    <Row gutter={10} style={{height: 130}}>\n      <Col align=\"top\"> <Blank num={1}/> </Col>\n      <Col align=\"middle\"> <Blank num={2}/> </Col>\n      <Col align=\"bottom\"> <Blank num={3}/> </Col>\n    </Row>\n  </div>\n);\nexport default Demo"},122:{name:122,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar rowStyl = {\n  backgroundColor: \'rgba(230, 230, 230, 0.67)\',\n  marginBottom: 10\n};\n\nvar Blank = function Blank(_ref) {\n  var num = _ref.num,\n      height = _ref.height,\n      width = _ref.width,\n      style = _ref.style,\n      _ref$background = _ref.background,\n      background = _ref$background === void 0 ? \'#2EA3F4\' : _ref$background;\n  return /*#__PURE__*/_react["default"].createElement("div", {\n    style: _objectSpread(_objectSpread({}, style), {}, {\n      textAlign: \'center\',\n      color: \'#fff\',\n      paddingTop: 5,\n      paddingBottom: 5,\n      background: background,\n      width: width,\n      height: height\n    })\n  }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    justify: "flex-start",\n    style: rowStyl\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 2\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    justify: "center",\n    style: rowStyl\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 2\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    justify: "flex-end",\n    style: rowStyl\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 2\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    justify: "space-between",\n    style: rowStyl\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 2\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    justify: "space-around",\n    style: rowStyl\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 2\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    justify: "space-evenly",\n    style: _objectSpread(_objectSpread({}, rowStyl), {}, {\n      marginBottom: 0\n    })\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 2\n  }), " ")));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst rowStyl = { backgroundColor: \'rgba(230, 230, 230, 0.67)\', marginBottom: 10 }\nconst Blank = ({ num, height, width, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n  <div>\n    <Row gutter={10} justify="flex-start" style={rowStyl}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10} justify="center" style={rowStyl}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10} justify="flex-end" style={rowStyl}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10} justify="space-between" style={rowStyl}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10} justify="space-around" style={rowStyl}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10} justify="space-evenly" style={{...rowStyl, marginBottom: 0 }}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n    </Row>\n  </div>\n);\nexport default Demo'},163:{name:163,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Blank = function Blank(_ref) {\n  var num = _ref.num,\n      height = _ref.height,\n      width = _ref.width,\n      style = _ref.style,\n      _ref$background = _ref.background,\n      background = _ref$background === void 0 ? \'#2EA3F4\' : _ref$background;\n  return /*#__PURE__*/_react["default"].createElement("div", {\n    style: _objectSpread(_objectSpread({}, style), {}, {\n      textAlign: \'center\',\n      color: \'#fff\',\n      paddingTop: 5,\n      paddingBottom: 5,\n      background: background,\n      width: width,\n      height: height\n    })\n  }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      marginBottom: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 2\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 3\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 4\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 5\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 6\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 7\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 8\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 9\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 10\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 11\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "2"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 12\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      marginBottom: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "16"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "8"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 2\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      marginBottom: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "8"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "8"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 2\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "8"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 3\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "12"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    span: "12"\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 2\n  }), " ")));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, height, width, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n  <div>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n      <Col span="2"> <Blank num={3}/> </Col>\n      <Col span="2"> <Blank num={4}/> </Col>\n      <Col span="2"> <Blank num={5}/> </Col>\n      <Col span="2"> <Blank num={6}/> </Col>\n      <Col span="2"> <Blank num={7}/> </Col>\n      <Col span="2"> <Blank num={8}/> </Col>\n      <Col span="2"> <Blank num={9}/> </Col>\n      <Col span="2"> <Blank num={10}/> </Col>\n      <Col span="2"> <Blank num={11}/> </Col>\n      <Col span="2"> <Blank num={12}/> </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col span="16"> <Blank num={1}/> </Col>\n      <Col span="8"> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col span="8"> <Blank num={1}/> </Col>\n      <Col span="8"> <Blank num={2}/> </Col>\n      <Col span="8"> <Blank num={3}/> </Col>\n    </Row>\n    <Row gutter={10}>\n      <Col span="12"> <Blank num={1}/> </Col>\n      <Col span="12"> <Blank num={2}/> </Col>\n    </Row>\n  </div>\n);\nexport default Demo'},204:{name:204,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Blank = function Blank(_ref) {\n  var num = _ref.num,\n      style = _ref.style,\n      _ref$background = _ref.background,\n      background = _ref$background === void 0 ? \'#2EA3F4\' : _ref$background;\n  return /*#__PURE__*/_react["default"].createElement("div", {\n    style: _objectSpread(_objectSpread({}, style), {}, {\n      textAlign: \'center\',\n      color: \'#fff\',\n      paddingTop: 5,\n      paddingBottom: 5,\n      background: background\n    })\n  }, "Col ", num);\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      marginBottom: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    grow: 2\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 2\n  }), " ")), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 1\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    grow: 2\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 2\n  }), " "), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    grow: 5\n  }, " ", /*#__PURE__*/_react["default"].createElement(Blank, {\n    num: 3\n  }), " ")));\n};\n\nreturn Demo;',language:"jsx",value:"import React from \"react\"\nimport { Row, Col } from 'uiw';\n\nconst Blank = ({ num, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\nconst Demo = () => (\n  <div>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col> <Blank num={1}/> </Col>\n      <Col grow={2}> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10}>\n      <Col> <Blank num={1}/> </Col>\n      <Col grow={2}> <Blank num={2}/> </Col>\n      <Col grow={5}> <Blank num={3}/> </Col>\n    </Row>\n  </div>\n);\nexport default Demo"}},source:'Grid \u5220\u683c\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-grid/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-grid.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-grid)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-grid.svg?label=@uiw/react-grid)](https://npmjs.com/@uiw/react-grid)\n\n\u57fa\u4e8e `flex` \u6805\u683c\u7cfb\u7edf\u3002\n\n```jsx\nimport { Row, Col } from \'uiw\';\n// or\nimport { Row, Col } from \'@uiw/react-grid\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Box = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: \'center\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n  <Row>\n    <Col fixed style={{ width: 150 }}> <Box num="1" background="#A5A5A5" /> </Col>\n    <Col grow={2}> <Box num="2" background="#dedede" /> </Col>\n    <Col grow={1}> <Box num="3" background="#A5A5A5" /> </Col>\n  </Row>\n);\nexport default Demo\n```\n\n### Gutter\n\n\u6805\u683c\u95f4\u9694\uff0c\u53ef\u4ee5\u5199\u6210\u50cf\u7d20\u503c\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: \'center\', paddingTop: 5,paddingBottom: 5, background, width, height}}>Col {num}</div>\n\nconst Demo =() =>(\n  <div>\n    <Row gutter={10}>\n      <Col> <Blank background="#A5A5A5" num={1}/> </Col>\n      <Col> <Blank background="#dedede" num={2}/> </Col>\n      <Col> <Blank background="#A5A5A5" num={3}/> </Col>\n    </Row>\n    <Row style={{ marginTop: 10 }}>\n      <Col> <Blank background="#A5A5A5" num={1}/> </Col>\n      <Col> <Blank background="#dedede" num={2}/> </Col>\n      <Col> <Blank background="#A5A5A5" num={3}/> </Col>\n    </Row>\n  </div>\n);\nexport default Demo\n\n```\n\n### Flex \u884c\u8bbe\u7f6e\u5217\u5bf9\u9f50\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst colStyl = { backgroundColor: \'rgba(230, 230, 230, 0.67)\', marginBottom: 10 }\nconst Blank = ({ num, height, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, height}}>Col {num}</div>\nconst Demo = () => (\n  <div>\n    <Row gutter={10} justify="center" align="top" style={colStyl}>\n      <Col span="2"> <Blank height={35} num={1}/> </Col>\n      <Col span="2"> <Blank height={50} num={2}/> </Col>\n      <Col span="2"> <Blank height={70} num={3}/> </Col>\n    </Row>\n    <Row gutter={10} justify="space-around" align="middle"  style={colStyl}>\n      <Col span="2"> <Blank height={35} num={1}/> </Col>\n      <Col span="2"> <Blank height={50} num={2}/> </Col>\n      <Col span="2"> <Blank height={70} num={3}/> </Col>\n    </Row>\n    <Row gutter={10} justify="space-between" align="bottom" style={colStyl}>\n      <Col span="2"> <Blank height={35} num={1}/> </Col>\n      <Col span="2"> <Blank height={50} num={2}/> </Col>\n      <Col span="2"> <Blank height={70} num={3}/> </Col>\n    </Row>\n    <Row gutter={10} justify="flex-end" align="bottom" style={colStyl}>\n      <Col span="2"> <Blank height={35} num={1}/> </Col>\n      <Col span="2"> <Blank height={50} num={2}/> </Col>\n      <Col span="2"> <Blank height={70} num={3}/> </Col>\n    </Row>\n    <Row gutter={10} justify="center" align="baseline"  style={{ ...colStyl, marginBottom: 0 }}>\n      <Col span="2"> <Blank height={85} style={{ lineHeight: \'85px\' }} num={1}/> </Col>\n      <Col span="2"> <Blank height={50} num={2}/> </Col>\n      <Col span="2"> <Blank height={70} num={3}/> </Col>\n    </Row>\n  </div>\n);\nexport default Demo\n```\n\n### Flex \u5217\u5bf9\u9f50\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\nconst Demo = () => (\n  <div>\n    <Row gutter={10} style={{height: 130}}>\n      <Col align="top"> <Blank num={1}/> </Col>\n      <Col align="middle"> <Blank num={2}/> </Col>\n      <Col align="bottom"> <Blank num={3}/> </Col>\n    </Row>\n  </div>\n);\nexport default Demo\n```\n\n### \u5bf9\u9f50\u5185\u5bb9\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst rowStyl = { backgroundColor: \'rgba(230, 230, 230, 0.67)\', marginBottom: 10 }\nconst Blank = ({ num, height, width, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n  <div>\n    <Row gutter={10} justify="flex-start" style={rowStyl}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10} justify="center" style={rowStyl}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10} justify="flex-end" style={rowStyl}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10} justify="space-between" style={rowStyl}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10} justify="space-around" style={rowStyl}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10} justify="space-evenly" style={{...rowStyl, marginBottom: 0 }}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n    </Row>\n  </div>\n);\nexport default Demo\n```\n\n### 24\u5220\u683c\n\n\u53ef\u4ee5\u901a\u8fc7\u6307\u5b9a `24` \u5217\u4e2d\u6bcf\u5217\u7684\u5bbd\u5ea6\u6765\u521b\u5efa\u57fa\u672c\u7f51\u683c\u7cfb\u7edf\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, height, width, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n  <div>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col span="2"> <Blank num={1}/> </Col>\n      <Col span="2"> <Blank num={2}/> </Col>\n      <Col span="2"> <Blank num={3}/> </Col>\n      <Col span="2"> <Blank num={4}/> </Col>\n      <Col span="2"> <Blank num={5}/> </Col>\n      <Col span="2"> <Blank num={6}/> </Col>\n      <Col span="2"> <Blank num={7}/> </Col>\n      <Col span="2"> <Blank num={8}/> </Col>\n      <Col span="2"> <Blank num={9}/> </Col>\n      <Col span="2"> <Blank num={10}/> </Col>\n      <Col span="2"> <Blank num={11}/> </Col>\n      <Col span="2"> <Blank num={12}/> </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col span="16"> <Blank num={1}/> </Col>\n      <Col span="8"> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col span="8"> <Blank num={1}/> </Col>\n      <Col span="8"> <Blank num={2}/> </Col>\n      <Col span="8"> <Blank num={3}/> </Col>\n    </Row>\n    <Row gutter={10}>\n      <Col span="12"> <Blank num={1}/> </Col>\n      <Col span="12"> <Blank num={2}/> </Col>\n    </Row>\n  </div>\n);\nexport default Demo\n```\n\n### \u52a8\u6001\u5217\u589e\u957f\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\nconst Demo = () => (\n  <div>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col> <Blank num={1}/> </Col>\n      <Col grow={2}> <Blank num={2}/> </Col>\n    </Row>\n    <Row gutter={10}>\n      <Col> <Blank num={1}/> </Col>\n      <Col grow={2}> <Blank num={2}/> </Col>\n      <Col grow={5}> <Blank num={3}/> </Col>\n    </Row>\n  </div>\n);\nexport default Demo\n```\n\n## Row\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| gutter | \u6805\u683c\u95f4\u9694\u95f4\u8ddd | number | - |\n| justify | flex \u5e03\u5c40\u4e0b\u7684\u6c34\u5e73\u6392\u5217\u65b9\u5f0f | Enum{`flex-start`, `flex-end`, `center`, `space-between`, `space-around`, `space-evenly`} | - |\n| align | flex \u5e03\u5c40\u4e0b\u7684\u5782\u76f4\u5bf9\u9f50\u65b9\u5f0f | Enum{`top`, `middle`, `bottom`, `baseline`} | - |\n\n\n## Col\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| fixed | \u5982\u679c\u4e3a `true`\uff0c\u5219\u5217\u5bbd\u56fa\u5b9a\u4e3a\u5176\u5185\u5bb9\u7684\u5bbd\u5ea6 | boolean | - |\n| grow | \u5217\u7684\u5bbd\u5ea6\u76f8\u5bf9\u4e8e\u540c\u4e00\u7f51\u683c\u4e2d\u5176\u4ed6\u5217\u7684\u6bd4\u7387 | number | - |\n| align | \u7f51\u683c\u4e2d\u5217\u7684\u5bf9\u9f50\u65b9\u5f0f | Enum{`top`, `middle`, `bottom`, `baseline`} | - |'}}}]);
-//# sourceMappingURL=9609.e574c787.chunk.js.map

package/web/static/js/9624.556c2a56.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9624],{9624:function(e,t,n){n.r(t),t.default={components:{20:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},l=n(2814);return function(){return t.default.createElement(l.Row,null,t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Select,{defaultValue:"w"},t.default.createElement(l.Select.Option,{value:"w"},"Choose an item..."),t.default.createElement(l.Select.Option,{value:"1"},"One"),t.default.createElement(l.Select.Option,{value:"2"},"Two"),t.default.createElement(l.Select.Option,{value:"3"},"Three"),t.default.createElement(l.Select.Option,{value:"4"},"Four"))))}}(),43:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},l=n(2814);return function(){return t.default.createElement(l.Row,null,t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Select,{disabled:!0,defaultValue:"3"},t.default.createElement(l.Select.Option,{value:"w"},"Choose an item..."),t.default.createElement(l.Select.Option,{value:"1"},"One"),t.default.createElement(l.Select.Option,{value:"2"},"Two"),t.default.createElement(l.Select.Option,{value:"3"},"Three"),t.default.createElement(l.Select.Option,{value:"4"},"Four"))))}}(),68:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},l=n(2814);var o={marginBottom:10};return function(){return t.default.createElement("div",null,t.default.createElement(l.Row,{gutter:10},t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Select,{size:"small",disabled:!0,defaultValue:"3",style:o},t.default.createElement(l.Select.Option,{value:"w"},"Choose an item..."),t.default.createElement(l.Select.Option,{value:"1"},"One"),t.default.createElement(l.Select.Option,{value:"2"},"Two"),t.default.createElement(l.Select.Option,{value:"3"},"Three"),t.default.createElement(l.Select.Option,{value:"4"},"Four"))),t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Button,{size:"small"},"\u5c0f\u5c3a\u5bf8"))),t.default.createElement(l.Row,{gutter:10,style:o},t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Select,{defaultValue:"3"},t.default.createElement(l.Select.Option,{value:"w"},"Choose an item..."),t.default.createElement(l.Select.Option,{value:"1"},"One"),t.default.createElement(l.Select.Option,{value:"2"},"Two"),t.default.createElement(l.Select.Option,{value:"3"},"Three"),t.default.createElement(l.Select.Option,{value:"4"},"Four"))),t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Button,{size:"default"},"\u9ed8\u8ba4\u5c3a\u5bf8"))),t.default.createElement(l.Row,{gutter:10},t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Select,{size:"large",defaultValue:"3"},t.default.createElement(l.Select.Option,{value:"w"},"Choose an item..."),t.default.createElement(l.Select.Option,{value:"1"},"One"),t.default.createElement(l.Select.Option,{value:"2"},"Two"),t.default.createElement(l.Select.Option,{value:"3"},"Three"),t.default.createElement(l.Select.Option,{value:"4"},"Four"))),t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Button,{size:"large"},"\u5927\u5c3a\u5bf8"))))}}(),124:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},l=n(2814);var o=l.Select.Option,r=l.Select.Group;return function(){return t.default.createElement(l.Row,null,t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Select,{defaultValue:"w"},t.default.createElement(o,{value:"w"},"Choose an item..."),t.default.createElement(r,{label:"Group 1"},t.default.createElement(o,{value:"1"},"One"),t.default.createElement(o,{value:"2"},"Two")),t.default.createElement(r,{label:"Group 2"},t.default.createElement(o,{value:"3"},"Three"),t.default.createElement(o,{value:"4"},"Four")))))}}(),155:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},l=n(2814);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}return function(){return t.default.createElement("div",null,t.default.createElement(l.Form,{onSubmitError:function(e){return e.filed?function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var t=e.current,n={};if(t.selectField||(n.selectField="\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9"),Object.keys(n).length>0){var o=new Error;throw o.filed=n,l.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),o}l.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a".concat(t.selectField,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{selectField:{children:t.default.createElement(l.Select,null,t.default.createElement(l.Select.Option,{value:"w"},"Choose an item..."),t.default.createElement(l.Select.Option,{value:"1"},"One"),t.default.createElement(l.Select.Option,{value:"2"},"Two"),t.default.createElement(l.Select.Option,{value:"3"},"Three"),t.default.createElement(l.Select.Option,{value:"4"},"Four"))}}},(function(e){var n=e.fields,o=e.state,r=e.canSubmit;return t.default.createElement("div",null,t.default.createElement(l.Row,null,t.default.createElement(l.Col,{fixed:!0},n.selectField)),t.default.createElement(l.Row,null,t.default.createElement(l.Col,{fixed:!0},t.default.createElement(l.Button,{disabled:!r(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),t.default.createElement(l.Row,null,t.default.createElement(l.Col,null,t.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(o.current,null,2)))))})))}}(),229:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},l=n(2814);return function(){return t.default.createElement(l.Row,{style:{backgroundColor:"#fff",margin:-15,padding:15,borderRadius:"5px 5px 0 0"},gutter:10},t.default.createElement(l.Col,{fixed:!0},t.default.createElement("select",{className:"w-select",defaultValue:"w"},t.default.createElement("option",{value:"w"},"Choose an item..."),t.default.createElement("option",{value:"1"},"One"),t.default.createElement("option",{value:"2"},"Two"),t.default.createElement("option",{value:"3"},"Three"),t.default.createElement("option",{value:"4"},"Four"))),t.default.createElement(l.Col,{fixed:!0},t.default.createElement("select",{disabled:!0,className:"w-select",defaultValue:"w"},t.default.createElement("option",{value:"w"},"Choose an item..."),t.default.createElement("option",{value:"1"},"One"),t.default.createElement("option",{value:"2"},"Two"),t.default.createElement("option",{value:"3"},"Three"),t.default.createElement("option",{value:"4"},"Four"))))}}()},data:{20:{name:20,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Select, {\n    defaultValue: "w"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "w"\n  }, "Choose an item..."), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "1"\n  }, "One"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "2"\n  }, "Two"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "3"\n  }, "Three"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "4"\n  }, "Four"))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Demo = () => (\n  <Row>\n    <Col fixed>\n      <Select defaultValue="w">\n        <Select.Option value="w">Choose an item...</Select.Option>\n        <Select.Option value="1">One</Select.Option>\n        <Select.Option value="2">Two</Select.Option>\n        <Select.Option value="3">Three</Select.Option>\n        <Select.Option value="4">Four</Select.Option>\n      </Select>\n    </Col>\n  </Row>\n);\nexport default Demo'},43:{name:43,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Select, {\n    disabled: true,\n    defaultValue: "3"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "w"\n  }, "Choose an item..."), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "1"\n  }, "One"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "2"\n  }, "Two"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "3"\n  }, "Three"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "4"\n  }, "Four"))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Demo = () => (\n  <Row>\n    <Col fixed>\n      <Select disabled defaultValue="3">\n        <Select.Option value="w">Choose an item...</Select.Option>\n        <Select.Option value="1">One</Select.Option>\n        <Select.Option value="2">Two</Select.Option>\n        <Select.Option value="3">Three</Select.Option>\n        <Select.Option value="4">Four</Select.Option>\n      </Select>\n    </Col>\n  </Row>\n);\nexport default Demo'},68:{name:68,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar rowSty = {\n  marginBottom: 10\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Select, {\n    size: "small",\n    disabled: true,\n    defaultValue: "3",\n    style: rowSty\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "w"\n  }, "Choose an item..."), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "1"\n  }, "One"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "2"\n  }, "Two"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "3"\n  }, "Three"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "4"\n  }, "Four"))), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    size: "small"\n  }, "\\u5C0F\\u5C3A\\u5BF8"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: rowSty\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Select, {\n    defaultValue: "3"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "w"\n  }, "Choose an item..."), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "1"\n  }, "One"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "2"\n  }, "Two"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "3"\n  }, "Three"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "4"\n  }, "Four"))), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    size: "default"\n  }, "\\u9ED8\\u8BA4\\u5C3A\\u5BF8"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Select, {\n    size: "large",\n    defaultValue: "3"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "w"\n  }, "Choose an item..."), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "1"\n  }, "One"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "2"\n  }, "Two"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "3"\n  }, "Three"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n    value: "4"\n  }, "Four"))), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    size: "large"\n  }, "\\u5927\\u5C3A\\u5BF8"))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Row, Col, Select, Button } from \'uiw\';\n\nconst rowSty = { marginBottom: 10 };\nconst Demo = () => (\n  <div>\n    <Row gutter={10}>\n      <Col fixed>\n        <Select size="small" disabled defaultValue="3" style={rowSty}>\n          <Select.Option value="w">Choose an item...</Select.Option>\n          <Select.Option value="1">One</Select.Option>\n          <Select.Option value="2">Two</Select.Option>\n          <Select.Option value="3">Three</Select.Option>\n          <Select.Option value="4">Four</Select.Option>\n        </Select>\n      </Col>\n      <Col fixed>\n        <Button size="small">\u5c0f\u5c3a\u5bf8</Button>\n      </Col>\n    </Row>\n    <Row gutter={10} style={rowSty}>\n      <Col fixed>\n        <Select defaultValue="3">\n          <Select.Option value="w">Choose an item...</Select.Option>\n          <Select.Option value="1">One</Select.Option>\n          <Select.Option value="2">Two</Select.Option>\n          <Select.Option value="3">Three</Select.Option>\n          <Select.Option value="4">Four</Select.Option>\n        </Select>\n      </Col>\n      <Col fixed>\n        <Button size="default">\u9ed8\u8ba4\u5c3a\u5bf8</Button>\n      </Col>\n    </Row>\n    <Row gutter={10}>\n      <Col fixed>\n        <Select size="large" defaultValue="3">\n          <Select.Option value="w">Choose an item...</Select.Option>\n          <Select.Option value="1">One</Select.Option>\n          <Select.Option value="2">Two</Select.Option>\n          <Select.Option value="3">Three</Select.Option>\n          <Select.Option value="4">Four</Select.Option>\n        </Select>\n      </Col>\n      <Col fixed>\n        <Button size="large">\u5927\u5c3a\u5bf8</Button>\n      </Col>\n    </Row>\n  </div>\n);\nexport default Demo'},124:{name:124,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Option = _uiw.Select.Option;\nvar Group = _uiw.Select.Group;\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Select, {\n    defaultValue: "w"\n  }, /*#__PURE__*/_react["default"].createElement(Option, {\n    value: "w"\n  }, "Choose an item..."), /*#__PURE__*/_react["default"].createElement(Group, {\n    label: "Group 1"\n  }, /*#__PURE__*/_react["default"].createElement(Option, {\n    value: "1"\n  }, "One"), /*#__PURE__*/_react["default"].createElement(Option, {\n    value: "2"\n  }, "Two")), /*#__PURE__*/_react["default"].createElement(Group, {\n    label: "Group 2"\n  }, /*#__PURE__*/_react["default"].createElement(Option, {\n    value: "3"\n  }, "Three"), /*#__PURE__*/_react["default"].createElement(Option, {\n    value: "4"\n  }, "Four")))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Option = Select.Option;\nconst Group = Select.Group;\n\nconst Demo = () => (\n  <Row>\n    <Col fixed>\n      <Select defaultValue="w">\n        <Option value="w">Choose an item...</Option>\n        <Group label="Group 1">\n          <Option value="1">One</Option>\n          <Option value="2">Two</Option>\n        </Group>\n        <Group label="Group 2">\n          <Option value="3">Three</Option>\n          <Option value="4">Four</Option>\n        </Group>\n      </Select>\n    </Col>\n  </Row>\n);\nexport default Demo'},155:{name:155,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n    onSubmitError: function onSubmitError(error) {\n      if (error.filed) {\n        return _objectSpread({}, error.filed);\n      }\n\n      return null;\n    },\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n      var errorObj = {};\n\n      if (!current.selectField) {\n        errorObj.selectField = \'\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9\';\n      }\n\n      if (Object.keys(errorObj).length > 0) {\n        var err = new Error();\n        err.filed = errorObj;\n\n        _uiw.Notify.error({\n          title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n          description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\'\n        });\n\n        throw err;\n      }\n\n      _uiw.Notify.success({\n        title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n        description: "\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\u9009\\u62E9\\u503C\\u4E3A\\uFF1A".concat(current.selectField, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n      });\n    },\n    fields: {\n      selectField: {\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.Select, null, /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n          value: "w"\n        }, "Choose an item..."), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n          value: "1"\n        }, "One"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n          value: "2"\n        }, "Two"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n          value: "3"\n        }, "Three"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n          value: "4"\n        }, "Four"))\n      }\n    }\n  }, function (_ref2) {\n    var fields = _ref2.fields,\n        state = _ref2.state,\n        canSubmit = _ref2.canSubmit;\n    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n      fixed: true\n    }, fields.selectField)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n      fixed: true\n    }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: "primary",\n      htmlType: "submit"\n    }, "\\u63D0\\u4EA4"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement("pre", {\n      style: {\n        padding: 10,\n        marginTop: 10\n      }\n    }, JSON.stringify(state.current, null, 2)))));\n  }));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Form, Row, Col, Select, Button, Notify } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Form\n      onSubmitError={(error) => {\n        if (error.filed) {\n          return { ...error.filed };\n        }\n        return null;\n      }}\n      onSubmit={({initial, current}) => {\n        const errorObj = {};\n        if (!current.selectField) {\n          errorObj.selectField = \'\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9\';\n        }\n        if(Object.keys(errorObj).length > 0) {\n          const err = new Error();\n          err.filed = errorObj;\n          Notify.error({ title: \'\u63d0\u4ea4\u5931\u8d25\uff01\', description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\' });\n          throw err;\n        }\n        Notify.success({\n          title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n          description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n        });\n      }}\n      fields={{\n        selectField: {\n          children: (\n            <Select>\n              <Select.Option value="w">Choose an item...</Select.Option>\n              <Select.Option value="1">One</Select.Option>\n              <Select.Option value="2">Two</Select.Option>\n              <Select.Option value="3">Three</Select.Option>\n              <Select.Option value="4">Four</Select.Option>\n            </Select>\n          )\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col fixed>{fields.selectField}</Col>\n            </Row>\n            <Row>\n              <Col fixed>\n                <Button disabled={!canSubmit()} type="primary" htmlType="submit">\u63d0\u4ea4</Button>\n              </Col>\n            </Row>\n            <Row>\n              <Col>\n                <pre style={{ padding: 10, marginTop: 10 }}>\n                  {JSON.stringify(state.current, null, 2)}\n                </pre>\n              </Col>\n            </Row>\n          </div>\n        )\n      }}\n    </Form>\n  </div>\n)\nexport default Demo'},229:{name:229,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    style: {\n      backgroundColor: \'#fff\',\n      margin: -15,\n      padding: 15,\n      borderRadius: \'5px 5px 0 0\'\n    },\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement("select", {\n    className: "w-select",\n    defaultValue: "w"\n  }, /*#__PURE__*/_react["default"].createElement("option", {\n    value: "w"\n  }, "Choose an item..."), /*#__PURE__*/_react["default"].createElement("option", {\n    value: "1"\n  }, "One"), /*#__PURE__*/_react["default"].createElement("option", {\n    value: "2"\n  }, "Two"), /*#__PURE__*/_react["default"].createElement("option", {\n    value: "3"\n  }, "Three"), /*#__PURE__*/_react["default"].createElement("option", {\n    value: "4"\n  }, "Four"))), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement("select", {\n    disabled: true,\n    className: "w-select",\n    defaultValue: "w"\n  }, /*#__PURE__*/_react["default"].createElement("option", {\n    value: "w"\n  }, "Choose an item..."), /*#__PURE__*/_react["default"].createElement("option", {\n    value: "1"\n  }, "One"), /*#__PURE__*/_react["default"].createElement("option", {\n    value: "2"\n  }, "Two"), /*#__PURE__*/_react["default"].createElement("option", {\n    value: "3"\n  }, "Three"), /*#__PURE__*/_react["default"].createElement("option", {\n    value: "4"\n  }, "Four"))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Demo = () => (\n  <Row style={{ backgroundColor: \'#fff\', margin: -15, padding: 15, borderRadius: \'5px 5px 0 0\' }} gutter={10}>\n    <Col fixed>\n      <select className="w-select" defaultValue="w">\n        <option value="w">Choose an item...</option>\n        <option value="1">One</option>\n        <option value="2">Two</option>\n        <option value="3">Three</option>\n        <option value="4">Four</option>\n      </select>\n    </Col>\n    <Col fixed>\n      <select disabled className="w-select" defaultValue="w">\n        <option value="w">Choose an item...</option>\n        <option value="1">One</option>\n        <option value="2">Two</option>\n        <option value="3">Three</option>\n        <option value="4">Four</option>\n      </select>\n    </Col>\n  </Row>\n);\nexport default Demo'}},source:'Select \u9009\u62e9\u5668\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-select/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-select.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-select)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-select.svg?label=@uiw/react-select)](https://npmjs.com/@uiw/react-select)\n\n\u5f53\u9009\u9879\u8fc7\u591a\u65f6\uff0c\u4f7f\u7528\u4e0b\u62c9\u83dc\u5355\u5c55\u793a\u5e76\u9009\u62e9\u5185\u5bb9\u3002\n\n```jsx\nimport { Select } from \'uiw\';\n// or\nimport Select from \'@uiw/react-select\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u9002\u7528\u5e7f\u6cdb\u7684\u57fa\u7840\u5355\u9009 `value` \u7684\u503c\u4e3a\u5f53\u524d\u88ab\u9009\u4e2d\u7684 `Option` \u7684 `value` \u5c5e\u6027\u503c\u3002\u81ea\u5b9a\u4e49 `Select` \u8bf7\u67e5\u770b [`<Dropdown />`](#/components/dropdown) \u7ec4\u4ef6\u5b9e\u4f8b\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Demo = () => (\n  <Row>\n    <Col fixed>\n      <Select defaultValue="w">\n        <Select.Option value="w">Choose an item...</Select.Option>\n        <Select.Option value="1">One</Select.Option>\n        <Select.Option value="2">Two</Select.Option>\n        <Select.Option value="3">Three</Select.Option>\n        <Select.Option value="4">Four</Select.Option>\n      </Select>\n    </Col>\n  </Row>\n);\nexport default Demo\n```\n\n\n### \u7981\u7528\u9009\u62e9\u5668\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Demo = () => (\n  <Row>\n    <Col fixed>\n      <Select disabled defaultValue="3">\n        <Select.Option value="w">Choose an item...</Select.Option>\n        <Select.Option value="1">One</Select.Option>\n        <Select.Option value="2">Two</Select.Option>\n        <Select.Option value="3">Three</Select.Option>\n        <Select.Option value="4">Four</Select.Option>\n      </Select>\n    </Col>\n  </Row>\n);\nexport default Demo\n```\n\n\n### \u5c3a\u5bf8\n\n\u901a\u8fc7 `size` \u5c5e\u6027\u8bbe\u7f6e\u9009\u62e9\u5668\u7684\u5c3a\u5bf8\uff0c\u63d0\u4f9b\u4e09\u4e2a\u5c3a\u5bf8\u53c2\u6570\u8bbe\u7f6e\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Row, Col, Select, Button } from \'uiw\';\n\nconst rowSty = { marginBottom: 10 };\nconst Demo = () => (\n  <div>\n    <Row gutter={10}>\n      <Col fixed>\n        <Select size="small" disabled defaultValue="3" style={rowSty}>\n          <Select.Option value="w">Choose an item...</Select.Option>\n          <Select.Option value="1">One</Select.Option>\n          <Select.Option value="2">Two</Select.Option>\n          <Select.Option value="3">Three</Select.Option>\n          <Select.Option value="4">Four</Select.Option>\n        </Select>\n      </Col>\n      <Col fixed>\n        <Button size="small">\u5c0f\u5c3a\u5bf8</Button>\n      </Col>\n    </Row>\n    <Row gutter={10} style={rowSty}>\n      <Col fixed>\n        <Select defaultValue="3">\n          <Select.Option value="w">Choose an item...</Select.Option>\n          <Select.Option value="1">One</Select.Option>\n          <Select.Option value="2">Two</Select.Option>\n          <Select.Option value="3">Three</Select.Option>\n          <Select.Option value="4">Four</Select.Option>\n        </Select>\n      </Col>\n      <Col fixed>\n        <Button size="default">\u9ed8\u8ba4\u5c3a\u5bf8</Button>\n      </Col>\n    </Row>\n    <Row gutter={10}>\n      <Col fixed>\n        <Select size="large" defaultValue="3">\n          <Select.Option value="w">Choose an item...</Select.Option>\n          <Select.Option value="1">One</Select.Option>\n          <Select.Option value="2">Two</Select.Option>\n          <Select.Option value="3">Three</Select.Option>\n          <Select.Option value="4">Four</Select.Option>\n        </Select>\n      </Col>\n      <Col fixed>\n        <Button size="large">\u5927\u5c3a\u5bf8</Button>\n      </Col>\n    </Row>\n  </div>\n);\nexport default Demo\n```\n\n### \u9009\u9879\u7ec4\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Option = Select.Option;\nconst Group = Select.Group;\n\nconst Demo = () => (\n  <Row>\n    <Col fixed>\n      <Select defaultValue="w">\n        <Option value="w">Choose an item...</Option>\n        <Group label="Group 1">\n          <Option value="1">One</Option>\n          <Option value="2">Two</Option>\n        </Group>\n        <Group label="Group 2">\n          <Option value="3">Three</Option>\n          <Option value="4">Four</Option>\n        </Group>\n      </Select>\n    </Col>\n  </Row>\n);\nexport default Demo\n```\n\n### \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n\u5728 [`<Form />`](#/components/form) \u8868\u5355\u4e2d\u5e94\u7528 [`<Select />`](#/components/select) \u7ec4\u4ef6\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Form, Row, Col, Select, Button, Notify } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Form\n      onSubmitError={(error) => {\n        if (error.filed) {\n          return { ...error.filed };\n        }\n        return null;\n      }}\n      onSubmit={({initial, current}) => {\n        const errorObj = {};\n        if (!current.selectField) {\n          errorObj.selectField = \'\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9\';\n        }\n        if(Object.keys(errorObj).length > 0) {\n          const err = new Error();\n          err.filed = errorObj;\n          Notify.error({ title: \'\u63d0\u4ea4\u5931\u8d25\uff01\', description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\' });\n          throw err;\n        }\n        Notify.success({\n          title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n          description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n        });\n      }}\n      fields={{\n        selectField: {\n          children: (\n            <Select>\n              <Select.Option value="w">Choose an item...</Select.Option>\n              <Select.Option value="1">One</Select.Option>\n              <Select.Option value="2">Two</Select.Option>\n              <Select.Option value="3">Three</Select.Option>\n              <Select.Option value="4">Four</Select.Option>\n            </Select>\n          )\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col fixed>{fields.selectField}</Col>\n            </Row>\n            <Row>\n              <Col fixed>\n                <Button disabled={!canSubmit()} type="primary" htmlType="submit">\u63d0\u4ea4</Button>\n              </Col>\n            </Row>\n            <Row>\n              <Col>\n                <pre style={{ padding: 10, marginTop: 10 }}>\n                  {JSON.stringify(state.current, null, 2)}\n                </pre>\n              </Col>\n            </Row>\n          </div>\n        )\n      }}\n    </Form>\n  </div>\n)\nexport default Demo\n```\n\n### HTML select\n\n\u8fd9\u4e2a\u7ec4\u4ef6\u662f\u6700\u7b80\u5355\u7684\u57fa\u7840\u6837\u5f0f\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u76f4\u63a5\u5f15\u7528\u6837\u5f0f\uff0c\u4f7f\u7528 `w-select` \u7eaf\u6837\u5f0f\u5373\u53ef\u8fbe\u5230\u6548\u679c\uff0c\u4e0b\u62c9\u6846\u53f3\u8fb9\u7bad\u5934\u6548\u679c\u901a\u8fc7\u6837\u5f0f\u66f4\u6539\uff0c\u901a\u8fc7 [`b64`](http://b64.io/) \u5de5\u5177\uff0c\u8f6c\u6362\u6210 `base64` \u683c\u5f0f\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Row, Col, Select } from \'uiw\';\n\nconst Demo = () => (\n  <Row style={{ backgroundColor: \'#fff\', margin: -15, padding: 15, borderRadius: \'5px 5px 0 0\' }} gutter={10}>\n    <Col fixed>\n      <select className="w-select" defaultValue="w">\n        <option value="w">Choose an item...</option>\n        <option value="1">One</option>\n        <option value="2">Two</option>\n        <option value="3">Three</option>\n        <option value="4">Four</option>\n      </select>\n    </Col>\n    <Col fixed>\n      <select disabled className="w-select" defaultValue="w">\n        <option value="w">Choose an item...</option>\n        <option value="1">One</option>\n        <option value="2">Two</option>\n        <option value="3">Three</option>\n        <option value="4">Four</option>\n      </select>\n    </Col>\n  </Row>\n);\nexport default Demo\n```\n\n## Select\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| value | \u63a7\u5236\u65f6 `select` \u7684\u503c\u5fc5\u987b\u4e0e `onChange` \u51fd\u6570\u4e00\u8d77\u4f7f\u7528\u624d\u80fd\u66f4\u65b0 `select` \u7684\u503c | Any | - |\n| disabled | \u7981\u7528\u9009\u62e9\u5668 | Boolean | `false` |\n| defaultValue | \u6839\u636e `value` \u8fdb\u884c\u6bd4\u8f83\uff0c\u5224\u65ad\u662f\u5426\u9009\u4e2d | Any | - |\n| size | \u9009\u62e9\u6846\u5c3a\u5bf8 | Enum {`large`, `default`, `small` } | `default` |\n'}}}]);
-//# sourceMappingURL=9624.556c2a56.chunk.js.map

package/web/static/js/9650.7ec42e29.chunk.js

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