npm - @uiw/doc - Versions diffs - 5.0.0-bate-0 → 5.0.0-bate-3 - Mend

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

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

Files changed (328) hide show

package/web/static/js/9624.cc68281c.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/9624.cc68281c.chunk.js","mappings":"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","sources":["../../packages/react-select/README.md"],"sourcesContent":["\nexport default {\n components: { 20: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(_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; })(),43: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(_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; })(),68: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar 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; })(),124: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar 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; })(),155: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar 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 = '默认需要选择内容，选择入内容';\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: '提交失败！',\n description: '请确认提交表单是否正确！'\n });\n\n throw err;\n }\n\n _uiw.Notify.success({\n title: '提交成功！',\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; })(),229: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(_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; })(), },\n data: {\n \"20\": {\n \"name\": 20,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(_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;\",\n \"language\": \"jsx\",\n \"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\"\n },\n \"43\": {\n \"name\": 43,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(_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;\",\n \"language\": \"jsx\",\n \"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\"\n },\n \"68\": {\n \"name\": 68,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar 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;\",\n \"language\": \"jsx\",\n \"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\\\">小尺寸</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\\\">默认尺寸</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\\\">大尺寸</Button>\\n </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\"\n },\n \"124\": {\n \"name\": 124,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar 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;\",\n \"language\": \"jsx\",\n \"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\"\n },\n \"155\": {\n \"name\": 155,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\\n\\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\\n\\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\\n\\nvar 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 = '默认需要选择内容，选择入内容';\\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: '提交失败！',\\n description: '请确认提交表单是否正确！'\\n });\\n\\n throw err;\\n }\\n\\n _uiw.Notify.success({\\n title: '提交成功！',\\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;\",\n \"language\": \"jsx\",\n \"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 = '默认需要选择内容，选择入内容';\\n }\\n if(Object.keys(errorObj).length > 0) {\\n const err = new Error();\\n err.filed = errorObj;\\n Notify.error({ title: '提交失败！', description: '请确认提交表单是否正确！' });\\n throw err;\\n }\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交成功，选择值为：${current.selectField}，将自动填充初始化值！`,\\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\\\">提交</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 \"229\": {\n \"name\": 229,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(_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;\",\n \"language\": \"jsx\",\n \"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\"\n }\n},\n source: \"Select 选择器\\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当选项过多时，使用下拉菜单展示并选择内容。\\n\\n```jsx\\nimport { Select } from 'uiw';\\n// or\\nimport Select from '@uiw/react-select';\\n```\\n\\n### 基础用法\\n\\n适用广泛的基础单选 `value` 的值为当前被选中的 `Option` 的 `value` 属性值。自定义 `Select` 请查看 [`<Dropdown />`](#/components/dropdown) 组件实例。\\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### 禁用选择器\\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### 尺寸\\n\\n通过 `size` 属性设置选择器的尺寸，提供三个尺寸参数设置。\\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\\\">小尺寸</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\\\">默认尺寸</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\\\">大尺寸</Button>\\n </Col>\\n </Row>\\n </div>\\n);\\nexport default Demo\\n```\\n\\n### 选项组\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { 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### 在表单中使用\\n\\n在 [`<Form />`](#/components/form) 表单中应用 [`<Select />`](#/components/select) 组件\\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 = '默认需要选择内容，选择入内容';\\n }\\n if(Object.keys(errorObj).length > 0) {\\n const err = new Error();\\n err.filed = errorObj;\\n Notify.error({ title: '提交失败！', description: '请确认提交表单是否正确！' });\\n throw err;\\n }\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交成功，选择值为：${current.selectField}，将自动填充初始化值！`,\\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\\\">提交</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这个组件是最简单的基础样式组件，可以直接引用样式，使用 `w-select` 纯样式即可达到效果，下拉框右边箭头效果通过样式更改，通过 [`b64`](http://b64.io/) 工具，转换成 `base64` 格式。\\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| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 控制时 `select` 的值必须与 `onChange` 函数一起使用才能更新 `select` 的值 | Any | - |\\n| disabled | 禁用选择器 | Boolean | `false` |\\n| defaultValue | 根据 `value` 进行比较，判断是否选中 | Any | - |\\n| size | 选择框尺寸 | Enum {`large`, `default`, `small` } | `default` |\\n\"\n }"],"names":["components","obj","_react","__esModule","_uiw","createElement","Row","Col","fixed","Select","defaultValue","Option","value","disabled","rowSty","marginBottom","gutter","size","style","Button","Group","label","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_defineProperty","key","defineProperty","configurable","writable","Form","onSubmitError","error","filed","target","i","arguments","length","source","forEach","getOwnPropertyDescriptors","defineProperties","_objectSpread","onSubmit","_ref","initial","current","errorObj","selectField","err","Error","Notify","title","description","success","concat","fields","children","_ref2","state","canSubmit","type","htmlType","padding","marginTop","JSON","stringify","backgroundColor","margin","borderRadius","className","data"],"sourceRoot":""}

package/web/static/js/9650.c068e1d5.chunk.js ADDED Viewed

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