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

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

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

Files changed (337) hide show

package/web/static/js/597.d44c92d1.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[597],{597:function(n,t,e){e.r(t),t.default={components:{18:function(){var n,t=(n=e(8133))&&n.__esModule?n:{default:n},o=e(968);return function(){return t.default.createElement("div",null,t.default.createElement(o.Button,{onClick:function(){o.Notify.open({title:"\u6253\u5f00\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\uff0c\u6ca1\u6709\u72b6\u6001\u989c\u8272\u56fe\u6807\u3002"})}},"\u6253\u5f00\u901a\u77e5"),t.default.createElement(o.Button,{type:"success",onClick:function(){o.Notify.success({title:"\u6210\u529f\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u6210\u529f\u901a\u77e5"),t.default.createElement(o.Button,{type:"warning",onClick:function(){o.Notify.warning({title:"\u8b66\u544a\u901a\u77e5",description:"\u8fd9\u662f\u4e00\u4e2a\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u8b66\u544a\u901a\u77e5"),t.default.createElement(o.Button,{type:"primary",onClick:function(){o.Notify.info({title:"\u8bf4\u660e\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u8bf4\u660e\u901a\u77e5"),t.default.createElement(o.Button,{type:"danger",onClick:function(){o.Notify.error({title:"\u9519\u8bef\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u9519\u8bef\u901a\u77e5"))}}(),76:function(){var n,t=(n=e(8133))&&n.__esModule?n:{default:n},o=e(968);return function(){return t.default.createElement("div",null,t.default.createElement(o.Button,{onClick:function(){o.Notify.success({placement:"topLeft",title:"\u6210\u529f\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2196\u4e0a\u5de6\u5f39\u51fa\u901a\u77e5"),t.default.createElement(o.Button,{onClick:function(){o.Notify.warning({placement:"topRight",title:"\u8b66\u544a\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002",onClose:function(){console.log("~~~~>")}})}},"\u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5"),t.default.createElement(o.Button,{onClick:function(){o.Notify.info({placement:"bottomLeft",title:"\u8bf4\u660e\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2199\u4e0b\u5de6\u5f39\u51fa\u901a\u77e5"),t.default.createElement(o.Button,{onClick:function(){o.Notify.error({placement:"bottomRight",title:"\u9519\u8bef\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2198\u4e0b\u53f3\u901a\u77e5"))}}(),126:function(){var n,t=(n=e(8133))&&n.__esModule?n:{default:n},o=e(968);return function(){return t.default.createElement("div",null,t.default.createElement(o.Button,{onClick:function(){o.Notify.success({placement:"topRight",title:"\u8b66\u544a\u901a\u77e5",duration:null,description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u5f39\u51fa\u901a\u77e5\u4e0d\u6d88\u5931\u3002"})}},"\u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5"))}}(),153:function(){var n,t=(n=e(8133))&&n.__esModule?n:{default:n},o=e(968);return function(){return t.default.createElement("div",null,t.default.createElement(o.Button,{onClick:function(){o.Notify.warning({placement:"topRight",duration:null,description:"\u6807\u9898\u4e0d\u5c55\u793a\uff0c\u53ef\u4ee5\u901a\u8fc7\u5173\u95ed\u6309\u94ae\u5173\u95ed\u3002"})}},"\u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5"),t.default.createElement(o.Button,{onClick:function(){o.Notify.info({placement:"bottomLeft",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2199\u4e0b\u5de6\u5f39\u51fa\u901a\u77e5"),t.default.createElement(o.Button,{onClick:function(){o.Notify.error({placement:"bottomRight",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2198\u4e0b\u53f3\u901a\u77e5"))}}(),193:function(){var n,t=(n=e(8133))&&n.__esModule?n:{default:n},o=e(968);return function(){return t.default.createElement("div",null,t.default.createElement(o.Button,{onClick:function(){o.Notify.warning({placement:"topRight",duration:null,title:"\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u53ea\u5c55\u793a\u6807\u9898\uff0c\u70b9\u51fb\u6309\u94ae\u5173\u95ed\u3002"})}},"\u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5"))}}(),219:function(){var n,t=(n=e(8133))&&n.__esModule?n:{default:n},o=e(968);return function(){return t.default.createElement("div",null,t.default.createElement(o.Button,{onClick:function(){o.Notify.error({placement:"bottomRight",icon:null,description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2198\u4e0b\u53f3\u901a\u77e5"),t.default.createElement(o.Button,{onClick:function(){o.Notify.success({placement:"topRight",title:"\u8b66\u544a\u901a\u77e5",icon:null,duration:null,description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5"))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.open({\n title: \'\u6253\u5f00\u901a\u77e5\',\n description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\uff0c\u6ca1\u6709\u72b6\u6001\u989c\u8272\u56fe\u6807\u3002\'\n });\n }\n }, "\\u6253\\u5F00\\u901A\\u77E5"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success",\n onClick: function onClick() {\n _uiw.Notify.success({\n title: \'\u6210\u529f\u901a\u77e5\',\n description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n });\n }\n }, "\\u6210\\u529F\\u901A\\u77E5"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "warning",\n onClick: function onClick() {\n _uiw.Notify.warning({\n title: \'\u8b66\u544a\u901a\u77e5\',\n description: \'\u8fd9\u662f\u4e00\u4e2a\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n });\n }\n }, "\\u8B66\\u544A\\u901A\\u77E5"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: function onClick() {\n _uiw.Notify.info({\n title: \'\u8bf4\u660e\u901a\u77e5\',\n description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n });\n }\n }, "\\u8BF4\\u660E\\u901A\\u77E5"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger",\n onClick: function onClick() {\n _uiw.Notify.error({\n title: \'\u9519\u8bef\u901a\u77e5\',\n description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n });\n }\n }, "\\u9519\\u8BEF\\u901A\\u77E5"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <Button\n onClick={() => {\n Notify.open({ title: '\u6253\u5f00\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\uff0c\u6ca1\u6709\u72b6\u6001\u989c\u8272\u56fe\u6807\u3002' });\n }}\n >\n \u6253\u5f00\u901a\u77e5\n </Button>\n <Button\n type=\"success\"\n onClick={() => {\n Notify.success({ title: '\u6210\u529f\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u6210\u529f\u901a\u77e5\n </Button>\n <Button\n type=\"warning\"\n onClick={() => {\n Notify.warning({\n title: '\u8b66\u544a\u901a\u77e5',\n description: '\u8fd9\u662f\u4e00\u4e2a\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002'\n });\n }}\n >\n \u8b66\u544a\u901a\u77e5\n </Button>\n <Button\n type=\"primary\"\n onClick={() => {\n Notify.info({ title: '\u8bf4\u660e\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u8bf4\u660e\u901a\u77e5\n </Button>\n <Button\n type=\"danger\"\n onClick={() => {\n Notify.error({ title: '\u9519\u8bef\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u9519\u8bef\u901a\u77e5\n </Button>\n </div>\n );\n}\nexport default Demo"},76:{name:76,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.success({\n placement: \'topLeft\',\n title: \'\u6210\u529f\u901a\u77e5\',\n description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n });\n }\n }, "\\u2196\\u4E0A\\u5DE6\\u5F39\\u51FA\\u901A\\u77E5"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.warning({\n placement: \'topRight\',\n title: \'\u8b66\u544a\u901a\u77e5\',\n description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\',\n onClose: function onClose() {\n console.log(\'~~~~>\');\n }\n });\n }\n }, "\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.info({\n placement: \'bottomLeft\',\n title: \'\u8bf4\u660e\u901a\u77e5\',\n description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n });\n }\n }, "\\u2199\\u4E0B\\u5DE6\\u5F39\\u51FA\\u901A\\u77E5"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.error({\n placement: \'bottomRight\',\n title: \'\u9519\u8bef\u901a\u77e5\',\n description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n });\n }\n }, "\\u2198\\u4E0B\\u53F3\\u901A\\u77E5"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <Button\n onClick={() => {\n Notify.success({ placement: 'topLeft', title: '\u6210\u529f\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u2196\u4e0a\u5de6\u5f39\u51fa\u901a\u77e5\n </Button>\n <Button\n onClick={() => {\n Notify.warning({\n placement: 'topRight',\n title: '\u8b66\u544a\u901a\u77e5',\n description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002',\n onClose: () => {\n console.log('~~~~>')\n }\n });\n }}\n >\n \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n </Button>\n <Button\n onClick={() => {\n Notify.info({ placement: 'bottomLeft', title: '\u8bf4\u660e\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u2199\u4e0b\u5de6\u5f39\u51fa\u901a\u77e5\n </Button>\n <Button\n onClick={() => {\n Notify.error({ placement: 'bottomRight', title: '\u9519\u8bef\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u2198\u4e0b\u53f3\u901a\u77e5\n </Button>\n </div>\n );\n}\nexport default Demo"},126:{name:126,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.success({\n placement: \'topRight\',\n title: \'\u8b66\u544a\u901a\u77e5\',\n duration: null,\n description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u5f39\u51fa\u901a\u77e5\u4e0d\u6d88\u5931\u3002\'\n });\n }\n }, "\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <Button\n onClick={() => {\n Notify.success({\n placement: 'topRight',\n title: '\u8b66\u544a\u901a\u77e5',\n duration: null,\n description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u5f39\u51fa\u901a\u77e5\u4e0d\u6d88\u5931\u3002'\n });\n }}\n >\n \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n </Button>\n </div>\n );\n}\nexport default Demo"},153:{name:153,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.warning({\n placement: \'topRight\',\n duration: null,\n description: \'\u6807\u9898\u4e0d\u5c55\u793a\uff0c\u53ef\u4ee5\u901a\u8fc7\u5173\u95ed\u6309\u94ae\u5173\u95ed\u3002\'\n });\n }\n }, "\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.info({\n placement: \'bottomLeft\',\n description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n });\n }\n }, "\\u2199\\u4E0B\\u5DE6\\u5F39\\u51FA\\u901A\\u77E5"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.error({\n placement: \'bottomRight\',\n description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n });\n }\n }, "\\u2198\\u4E0B\\u53F3\\u901A\\u77E5"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <Button\n onClick={() => {\n Notify.warning({\n placement: 'topRight',\n duration: null,\n description: '\u6807\u9898\u4e0d\u5c55\u793a\uff0c\u53ef\u4ee5\u901a\u8fc7\u5173\u95ed\u6309\u94ae\u5173\u95ed\u3002',\n });\n }}\n >\n \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n </Button>\n <Button\n onClick={() => {\n Notify.info({ placement: 'bottomLeft', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u2199\u4e0b\u5de6\u5f39\u51fa\u901a\u77e5\n </Button>\n <Button\n onClick={() => {\n Notify.error({ placement: 'bottomRight', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u2198\u4e0b\u53f3\u901a\u77e5\n </Button>\n </div>\n );\n}\nexport default Demo"},193:{name:193,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.warning({\n placement: \'topRight\',\n duration: null,\n title: \'\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u53ea\u5c55\u793a\u6807\u9898\uff0c\u70b9\u51fb\u6309\u94ae\u5173\u95ed\u3002\'\n });\n }\n }, "\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <Button\n onClick={() => {\n Notify.warning({\n placement: 'topRight',\n duration: null,\n title: '\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u53ea\u5c55\u793a\u6807\u9898\uff0c\u70b9\u51fb\u6309\u94ae\u5173\u95ed\u3002',\n });\n }}\n >\n \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n </Button>\n </div>\n );\n}\nexport default Demo"},219:{name:219,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.error({\n placement: \'bottomRight\',\n icon: null,\n description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n });\n }\n }, "\\u2198\\u4E0B\\u53F3\\u901A\\u77E5"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.success({\n placement: \'topRight\',\n title: \'\u8b66\u544a\u901a\u77e5\',\n icon: null,\n duration: null,\n description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n });\n }\n }, "\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <Button\n onClick={() => {\n Notify.error({ placement: 'bottomRight', icon: null, description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u2198\u4e0b\u53f3\u901a\u77e5\n </Button>\n <Button\n onClick={() => {\n Notify.success({\n placement: 'topRight',\n title: '\u8b66\u544a\u901a\u77e5',\n icon: null,\n duration: null,\n description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002'\n });\n }}\n >\n \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n </Button>\n </div>\n );\n}\nexport default Demo"}},source:"Notify \u6d88\u606f\u901a\u77e5\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-notify/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-notify.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-notify)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-notify.svg?label=@uiw/react-notify)](https://npmjs.com/@uiw/react-notify)\n\n\u5168\u5c40\u5c55\u793a\u901a\u77e5\u63d0\u9192\u4fe1\u606f\u3002\n\n```jsx\nimport { Notify } from 'uiw';\n// or\nimport Notify from '@uiw/react-notify';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <Button\n onClick={() => {\n Notify.open({ title: '\u6253\u5f00\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\uff0c\u6ca1\u6709\u72b6\u6001\u989c\u8272\u56fe\u6807\u3002' });\n }}\n >\n \u6253\u5f00\u901a\u77e5\n </Button>\n <Button\n type=\"success\"\n onClick={() => {\n Notify.success({ title: '\u6210\u529f\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u6210\u529f\u901a\u77e5\n </Button>\n <Button\n type=\"warning\"\n onClick={() => {\n Notify.warning({\n title: '\u8b66\u544a\u901a\u77e5',\n description: '\u8fd9\u662f\u4e00\u4e2a\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002'\n });\n }}\n >\n \u8b66\u544a\u901a\u77e5\n </Button>\n <Button\n type=\"primary\"\n onClick={() => {\n Notify.info({ title: '\u8bf4\u660e\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u8bf4\u660e\u901a\u77e5\n </Button>\n <Button\n type=\"danger\"\n onClick={() => {\n Notify.error({ title: '\u9519\u8bef\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u9519\u8bef\u901a\u77e5\n </Button>\n </div>\n );\n}\nexport default Demo\n```\n\n\n### \u5f39\u51fa\u4f4d\u7f6e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <Button\n onClick={() => {\n Notify.success({ placement: 'topLeft', title: '\u6210\u529f\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u2196\u4e0a\u5de6\u5f39\u51fa\u901a\u77e5\n </Button>\n <Button\n onClick={() => {\n Notify.warning({\n placement: 'topRight',\n title: '\u8b66\u544a\u901a\u77e5',\n description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002',\n onClose: () => {\n console.log('~~~~>')\n }\n });\n }}\n >\n \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n </Button>\n <Button\n onClick={() => {\n Notify.info({ placement: 'bottomLeft', title: '\u8bf4\u660e\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u2199\u4e0b\u5de6\u5f39\u51fa\u901a\u77e5\n </Button>\n <Button\n onClick={() => {\n Notify.error({ placement: 'bottomRight', title: '\u9519\u8bef\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u2198\u4e0b\u53f3\u901a\u77e5\n </Button>\n </div>\n );\n}\nexport default Demo\n```\n\n### \u5f39\u51fa\u901a\u77e5\u4e0d\u6d88\u5931\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <Button\n onClick={() => {\n Notify.success({\n placement: 'topRight',\n title: '\u8b66\u544a\u901a\u77e5',\n duration: null,\n description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u5f39\u51fa\u901a\u77e5\u4e0d\u6d88\u5931\u3002'\n });\n }}\n >\n \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n </Button>\n </div>\n );\n}\nexport default Demo\n```\n\n### \u6807\u9898\u4e0d\u5c55\u793a\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <Button\n onClick={() => {\n Notify.warning({\n placement: 'topRight',\n duration: null,\n description: '\u6807\u9898\u4e0d\u5c55\u793a\uff0c\u53ef\u4ee5\u901a\u8fc7\u5173\u95ed\u6309\u94ae\u5173\u95ed\u3002',\n });\n }}\n >\n \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n </Button>\n <Button\n onClick={() => {\n Notify.info({ placement: 'bottomLeft', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u2199\u4e0b\u5de6\u5f39\u51fa\u901a\u77e5\n </Button>\n <Button\n onClick={() => {\n Notify.error({ placement: 'bottomRight', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u2198\u4e0b\u53f3\u901a\u77e5\n </Button>\n </div>\n );\n}\nexport default Demo\n```\n\n### \u53ea\u5c55\u793a\u6807\u9898\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <Button\n onClick={() => {\n Notify.warning({\n placement: 'topRight',\n duration: null,\n title: '\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u53ea\u5c55\u793a\u6807\u9898\uff0c\u70b9\u51fb\u6309\u94ae\u5173\u95ed\u3002',\n });\n }}\n >\n \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n </Button>\n </div>\n );\n}\nexport default Demo\n```\n\n### \u4e0d\u5c55\u793a\u56fe\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <Button\n onClick={() => {\n Notify.error({ placement: 'bottomRight', icon: null, description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n }}\n >\n \u2198\u4e0b\u53f3\u901a\u77e5\n </Button>\n <Button\n onClick={() => {\n Notify.success({\n placement: 'topRight',\n title: '\u8b66\u544a\u901a\u77e5',\n icon: null,\n duration: null,\n description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002'\n });\n }}\n >\n \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n </Button>\n </div>\n );\n}\nexport default Demo\n```\n\n## Notify\n\n```js\nNotify.open(config);\nNotify.success(config);\nNotify.warning(config);\nNotify.info(config);\nNotify.error(config);\n```\n\n\u53c2\u6570 `config` \u5982\u4e0b\uff1a\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| title \| \u901a\u77e5\u63d0\u9192\u6807\u9898\uff0c\u5fc5\u9009 \| String/ReactNode \| ReactNode \|\n\| icon \| \u8bbe\u7f6e\u4e3a `false` \u5c06\u4e0d\u663e\u793a\u56fe\u6807 \| String/ReactNode \| ReactNode \|\n\| description \| \u901a\u77e5\u63d0\u9192\u5185\u5bb9\uff0c\u5fc5\u9009 \| String/ReactNode \| ReactNode \|\n\| duration \| \u9ed8\u8ba4 `4.5` \u79d2\u540e\u81ea\u52a8\u5173\u95ed\uff0c\u914d\u7f6e\u4e3a `null` \u5219\u4e0d\u81ea\u52a8\u5173\u95ed \| Number \| `4.5` \|\n\| placement \| \u5f39\u51fa\u4f4d\u7f6e\uff0c\u53ef\u9009 \| Enum{`topLeft`, `topRight`, `bottomLeft`, `bottomRight`} \| `topRight` \|\n\| onClose \| \u5f53\u63d0\u9192\u5173\u95ed\u65f6\u7684\u56de\u8c03\u51fd\u6570 \| Function \| none \|\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [`<Alert>`](#/components/alert)\u3002\n"}}}]);
2	+ //# sourceMappingURL=597.d44c92d1.chunk.js.map

package/web/static/js/{597.33a99fc0.chunk.js.map → 597.d44c92d1.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"static/js/597.33a99fc0.chunk.js","mappings":"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","sources":["../../packages/react-notify/README.md"],"sourcesContent":["\nexport default {\n components: { 18: (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(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.open({\n title: '打开通知',\n description: '最简单的用法，4.5 秒后自动关闭，没有状态颜色图标。'\n });\n }\n }, \"\\u6253\\u5F00\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n type: \"success\",\n onClick: function onClick() {\n _uiw.Notify.success({\n title: '成功通知',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u6210\\u529F\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n type: \"warning\",\n onClick: function onClick() {\n _uiw.Notify.warning({\n title: '警告通知',\n description: '这是一个警告通知，最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u8B66\\u544A\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n type: \"primary\",\n onClick: function onClick() {\n _uiw.Notify.info({\n title: '说明通知',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u8BF4\\u660E\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n type: \"danger\",\n onClick: function onClick() {\n _uiw.Notify.error({\n title: '错误通知',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u9519\\u8BEF\\u901A\\u77E5\"));\n};\n\nreturn Demo; })(),76: (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(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.success({\n placement: 'topLeft',\n title: '成功通知',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2196\\u4E0A\\u5DE6\\u5F39\\u51FA\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.warning({\n placement: 'topRight',\n title: '警告通知',\n description: '最简单的用法，4.5 秒后自动关闭。',\n onClose: function onClose() {\n console.log('~~~~>');\n }\n });\n }\n }, \"\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.info({\n placement: 'bottomLeft',\n title: '说明通知',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2199\\u4E0B\\u5DE6\\u5F39\\u51FA\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.error({\n placement: 'bottomRight',\n title: '错误通知',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2198\\u4E0B\\u53F3\\u901A\\u77E5\"));\n};\n\nreturn Demo; })(),126: (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(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.success({\n placement: 'topRight',\n title: '警告通知',\n duration: null,\n description: '最简单的用法，弹出通知不消失。'\n });\n }\n }, \"\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5\"));\n};\n\nreturn Demo; })(),153: (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(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.warning({\n placement: 'topRight',\n duration: null,\n description: '标题不展示，可以通过关闭按钮关闭。'\n });\n }\n }, \"\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.info({\n placement: 'bottomLeft',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2199\\u4E0B\\u5DE6\\u5F39\\u51FA\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.error({\n placement: 'bottomRight',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2198\\u4E0B\\u53F3\\u901A\\u77E5\"));\n};\n\nreturn Demo; })(),193: (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(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.warning({\n placement: 'topRight',\n duration: null,\n title: '警告通知，最简单的用法，只展示标题，点击按钮关闭。'\n });\n }\n }, \"\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5\"));\n};\n\nreturn Demo; })(),219: (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(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.error({\n placement: 'bottomRight',\n icon: null,\n description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2198\\u4E0B\\u53F3\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.success({\n placement: 'topRight',\n title: '警告通知',\n icon: null,\n duration: null,\n description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5\"));\n};\n\nreturn Demo; })(), },\n data: {\n \"18\": {\n \"name\": 18,\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(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.open({\\n title: '打开通知',\\n description: '最简单的用法，4.5 秒后自动关闭，没有状态颜色图标。'\\n });\\n }\\n }, \\\"\\\\u6253\\\\u5F00\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"success\\\",\\n onClick: function onClick() {\\n _uiw.Notify.success({\\n title: '成功通知',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u6210\\\\u529F\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"warning\\\",\\n onClick: function onClick() {\\n _uiw.Notify.warning({\\n title: '警告通知',\\n description: '这是一个警告通知，最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u8B66\\\\u544A\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"primary\\\",\\n onClick: function onClick() {\\n _uiw.Notify.info({\\n title: '说明通知',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u8BF4\\\\u660E\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"danger\\\",\\n onClick: function onClick() {\\n _uiw.Notify.error({\\n title: '错误通知',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u9519\\\\u8BEF\\\\u901A\\\\u77E5\\\"));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.open({ title: '打开通知', description: '最简单的用法，4.5 秒后自动关闭，没有状态颜色图标。' });\\n }}\\n >\\n 打开通知\\n </Button>\\n <Button\\n type=\\\"success\\\"\\n onClick={() => {\\n Notify.success({ title: '成功通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n 成功通知\\n </Button>\\n <Button\\n type=\\\"warning\\\"\\n onClick={() => {\\n Notify.warning({\\n title: '警告通知',\\n description: '这是一个警告通知，最简单的用法，4.5 秒后自动关闭。'\\n });\\n }}\\n >\\n 警告通知\\n </Button>\\n <Button\\n type=\\\"primary\\\"\\n onClick={() => {\\n Notify.info({ title: '说明通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n 说明通知\\n </Button>\\n <Button\\n type=\\\"danger\\\"\\n onClick={() => {\\n Notify.error({ title: '错误通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n 错误通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\"\n },\n \"76\": {\n \"name\": 76,\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(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.success({\\n placement: 'topLeft',\\n title: '成功通知',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2196\\\\u4E0A\\\\u5DE6\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.warning({\\n placement: 'topRight',\\n title: '警告通知',\\n description: '最简单的用法，4.5 秒后自动关闭。',\\n onClose: function onClose() {\\n console.log('~~~~>');\\n }\\n });\\n }\\n }, \\\"\\\\u2197\\\\u4E0A\\\\u53F3\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.info({\\n placement: 'bottomLeft',\\n title: '说明通知',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2199\\\\u4E0B\\\\u5DE6\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.error({\\n placement: 'bottomRight',\\n title: '错误通知',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2198\\\\u4E0B\\\\u53F3\\\\u901A\\\\u77E5\\\"));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.success({ placement: 'topLeft', title: '成功通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↖上左弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.warning({\\n placement: 'topRight',\\n title: '警告通知',\\n description: '最简单的用法，4.5 秒后自动关闭。',\\n onClose: () => {\\n console.log('~~~~>')\\n }\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.info({ placement: 'bottomLeft', title: '说明通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↙下左弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.error({ placement: 'bottomRight', title: '错误通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↘下右通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\"\n },\n \"126\": {\n \"name\": 126,\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(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.success({\\n placement: 'topRight',\\n title: '警告通知',\\n duration: null,\\n description: '最简单的用法，弹出通知不消失。'\\n });\\n }\\n }, \\\"\\\\u2197\\\\u4E0A\\\\u53F3\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.success({\\n placement: 'topRight',\\n title: '警告通知',\\n duration: null,\\n description: '最简单的用法，弹出通知不消失。'\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\"\n },\n \"153\": {\n \"name\": 153,\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(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.warning({\\n placement: 'topRight',\\n duration: null,\\n description: '标题不展示，可以通过关闭按钮关闭。'\\n });\\n }\\n }, \\\"\\\\u2197\\\\u4E0A\\\\u53F3\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.info({\\n placement: 'bottomLeft',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2199\\\\u4E0B\\\\u5DE6\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.error({\\n placement: 'bottomRight',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2198\\\\u4E0B\\\\u53F3\\\\u901A\\\\u77E5\\\"));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.warning({\\n placement: 'topRight',\\n duration: null,\\n description: '标题不展示，可以通过关闭按钮关闭。',\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.info({ placement: 'bottomLeft', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↙下左弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.error({ placement: 'bottomRight', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↘下右通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\"\n },\n \"193\": {\n \"name\": 193,\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(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.warning({\\n placement: 'topRight',\\n duration: null,\\n title: '警告通知，最简单的用法，只展示标题，点击按钮关闭。'\\n });\\n }\\n }, \\\"\\\\u2197\\\\u4E0A\\\\u53F3\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.warning({\\n placement: 'topRight',\\n duration: null,\\n title: '警告通知，最简单的用法，只展示标题，点击按钮关闭。',\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\"\n },\n \"219\": {\n \"name\": 219,\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(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.error({\\n placement: 'bottomRight',\\n icon: null,\\n description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2198\\\\u4E0B\\\\u53F3\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.success({\\n placement: 'topRight',\\n title: '警告通知',\\n icon: null,\\n duration: null,\\n description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2197\\\\u4E0A\\\\u53F3\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.error({ placement: 'bottomRight', icon: null, description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↘下右通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.success({\\n placement: 'topRight',\\n title: '警告通知',\\n icon: null,\\n duration: null,\\n description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。'\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\"\n }\n},\n source: \"Notify 消息通知\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-notify/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-notify.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-notify)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-notify.svg?label=@uiw/react-notify)](https://npmjs.com/@uiw/react-notify)\\n\\n全局展示通知提醒信息。\\n\\n```jsx\\nimport { Notify } from 'uiw';\\n// or\\nimport Notify from '@uiw/react-notify';\\n```\\n\\n### 基本用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.open({ title: '打开通知', description: '最简单的用法，4.5 秒后自动关闭，没有状态颜色图标。' });\\n }}\\n >\\n 打开通知\\n </Button>\\n <Button\\n type=\\\"success\\\"\\n onClick={() => {\\n Notify.success({ title: '成功通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n 成功通知\\n </Button>\\n <Button\\n type=\\\"warning\\\"\\n onClick={() => {\\n Notify.warning({\\n title: '警告通知',\\n description: '这是一个警告通知，最简单的用法，4.5 秒后自动关闭。'\\n });\\n }}\\n >\\n 警告通知\\n </Button>\\n <Button\\n type=\\\"primary\\\"\\n onClick={() => {\\n Notify.info({ title: '说明通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n 说明通知\\n </Button>\\n <Button\\n type=\\\"danger\\\"\\n onClick={() => {\\n Notify.error({ title: '错误通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n 错误通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\\n```\\n\\n\\n### 弹出位置\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.success({ placement: 'topLeft', title: '成功通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↖上左弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.warning({\\n placement: 'topRight',\\n title: '警告通知',\\n description: '最简单的用法，4.5 秒后自动关闭。',\\n onClose: () => {\\n console.log('~~~~>')\\n }\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.info({ placement: 'bottomLeft', title: '说明通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↙下左弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.error({ placement: 'bottomRight', title: '错误通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↘下右通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\\n```\\n\\n### 弹出通知不消失\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.success({\\n placement: 'topRight',\\n title: '警告通知',\\n duration: null,\\n description: '最简单的用法，弹出通知不消失。'\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\\n```\\n\\n### 标题不展示\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.warning({\\n placement: 'topRight',\\n duration: null,\\n description: '标题不展示，可以通过关闭按钮关闭。',\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.info({ placement: 'bottomLeft', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↙下左弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.error({ placement: 'bottomRight', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↘下右通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\\n```\\n\\n### 只展示标题\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.warning({\\n placement: 'topRight',\\n duration: null,\\n title: '警告通知，最简单的用法，只展示标题，点击按钮关闭。',\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\\n```\\n\\n### 不展示图标\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.error({ placement: 'bottomRight', icon: null, description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↘下右通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.success({\\n placement: 'topRight',\\n title: '警告通知',\\n icon: null,\\n duration: null,\\n description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。'\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\\n```\\n\\n## Notify\\n\\n```js\\nNotify.open(config);\\nNotify.success(config);\\nNotify.warning(config);\\nNotify.info(config);\\nNotify.error(config);\\n```\\n\\n参数 `config` 如下：\\n\\n\| 参数 \| 说明 \| 类型 \| 默认值 \|\\n\|--------- \|-------- \|--------- \|-------- \|\\n\| title \| 通知提醒标题，必选 \| String/ReactNode \| ReactNode \|\\n\| icon \| 设置为 `false` 将不显示图标 \| String/ReactNode \| ReactNode \|\\n\| description \| 通知提醒内容，必选 \| String/ReactNode \| ReactNode \|\\n\| duration \| 默认 `4.5` 秒后自动关闭，配置为 `null` 则不自动关闭 \| Number \| `4.5` \|\\n\| placement \| 弹出位置，可选 \| Enum{`topLeft`, `topRight`, `bottomLeft`, `bottomRight`} \| `topRight` \|\\n\| onClose \| 当提醒关闭时的回调函数 \| Function \| none \|\\n\\n更多属性文档请参考 [`<Alert>`](#/components/alert)。\\n\"\n }"],"names":["components","obj","_react","__esModule","_uiw","createElement","Button","onClick","Notify","open","title","description","type","success","warning","info","error","placement","onClose","console","log","duration","icon","data","source"],"sourceRoot":""}
1	+ {"version":3,"file":"static/js/597.d44c92d1.chunk.js","mappings":"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","sources":["../../packages/react-notify/README.md"],"sourcesContent":["\nexport default {\n components: { 18: (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(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.open({\n title: '打开通知',\n description: '最简单的用法，4.5 秒后自动关闭，没有状态颜色图标。'\n });\n }\n }, \"\\u6253\\u5F00\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n type: \"success\",\n onClick: function onClick() {\n _uiw.Notify.success({\n title: '成功通知',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u6210\\u529F\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n type: \"warning\",\n onClick: function onClick() {\n _uiw.Notify.warning({\n title: '警告通知',\n description: '这是一个警告通知，最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u8B66\\u544A\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n type: \"primary\",\n onClick: function onClick() {\n _uiw.Notify.info({\n title: '说明通知',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u8BF4\\u660E\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n type: \"danger\",\n onClick: function onClick() {\n _uiw.Notify.error({\n title: '错误通知',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u9519\\u8BEF\\u901A\\u77E5\"));\n};\n\nreturn Demo; })(),76: (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(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.success({\n placement: 'topLeft',\n title: '成功通知',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2196\\u4E0A\\u5DE6\\u5F39\\u51FA\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.warning({\n placement: 'topRight',\n title: '警告通知',\n description: '最简单的用法，4.5 秒后自动关闭。',\n onClose: function onClose() {\n console.log('~~~~>');\n }\n });\n }\n }, \"\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.info({\n placement: 'bottomLeft',\n title: '说明通知',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2199\\u4E0B\\u5DE6\\u5F39\\u51FA\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.error({\n placement: 'bottomRight',\n title: '错误通知',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2198\\u4E0B\\u53F3\\u901A\\u77E5\"));\n};\n\nreturn Demo; })(),126: (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(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.success({\n placement: 'topRight',\n title: '警告通知',\n duration: null,\n description: '最简单的用法，弹出通知不消失。'\n });\n }\n }, \"\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5\"));\n};\n\nreturn Demo; })(),153: (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(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.warning({\n placement: 'topRight',\n duration: null,\n description: '标题不展示，可以通过关闭按钮关闭。'\n });\n }\n }, \"\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.info({\n placement: 'bottomLeft',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2199\\u4E0B\\u5DE6\\u5F39\\u51FA\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.error({\n placement: 'bottomRight',\n description: '最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2198\\u4E0B\\u53F3\\u901A\\u77E5\"));\n};\n\nreturn Demo; })(),193: (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(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.warning({\n placement: 'topRight',\n duration: null,\n title: '警告通知，最简单的用法，只展示标题，点击按钮关闭。'\n });\n }\n }, \"\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5\"));\n};\n\nreturn Demo; })(),219: (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(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.error({\n placement: 'bottomRight',\n icon: null,\n description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2198\\u4E0B\\u53F3\\u901A\\u77E5\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: function onClick() {\n _uiw.Notify.success({\n placement: 'topRight',\n title: '警告通知',\n icon: null,\n duration: null,\n description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。'\n });\n }\n }, \"\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5\"));\n};\n\nreturn Demo; })(), },\n data: {\n \"18\": {\n \"name\": 18,\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(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.open({\\n title: '打开通知',\\n description: '最简单的用法，4.5 秒后自动关闭，没有状态颜色图标。'\\n });\\n }\\n }, \\\"\\\\u6253\\\\u5F00\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"success\\\",\\n onClick: function onClick() {\\n _uiw.Notify.success({\\n title: '成功通知',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u6210\\\\u529F\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"warning\\\",\\n onClick: function onClick() {\\n _uiw.Notify.warning({\\n title: '警告通知',\\n description: '这是一个警告通知，最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u8B66\\\\u544A\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"primary\\\",\\n onClick: function onClick() {\\n _uiw.Notify.info({\\n title: '说明通知',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u8BF4\\\\u660E\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"danger\\\",\\n onClick: function onClick() {\\n _uiw.Notify.error({\\n title: '错误通知',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u9519\\\\u8BEF\\\\u901A\\\\u77E5\\\"));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.open({ title: '打开通知', description: '最简单的用法，4.5 秒后自动关闭，没有状态颜色图标。' });\\n }}\\n >\\n 打开通知\\n </Button>\\n <Button\\n type=\\\"success\\\"\\n onClick={() => {\\n Notify.success({ title: '成功通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n 成功通知\\n </Button>\\n <Button\\n type=\\\"warning\\\"\\n onClick={() => {\\n Notify.warning({\\n title: '警告通知',\\n description: '这是一个警告通知，最简单的用法，4.5 秒后自动关闭。'\\n });\\n }}\\n >\\n 警告通知\\n </Button>\\n <Button\\n type=\\\"primary\\\"\\n onClick={() => {\\n Notify.info({ title: '说明通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n 说明通知\\n </Button>\\n <Button\\n type=\\\"danger\\\"\\n onClick={() => {\\n Notify.error({ title: '错误通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n 错误通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\"\n },\n \"76\": {\n \"name\": 76,\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(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.success({\\n placement: 'topLeft',\\n title: '成功通知',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2196\\\\u4E0A\\\\u5DE6\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.warning({\\n placement: 'topRight',\\n title: '警告通知',\\n description: '最简单的用法，4.5 秒后自动关闭。',\\n onClose: function onClose() {\\n console.log('~~~~>');\\n }\\n });\\n }\\n }, \\\"\\\\u2197\\\\u4E0A\\\\u53F3\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.info({\\n placement: 'bottomLeft',\\n title: '说明通知',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2199\\\\u4E0B\\\\u5DE6\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.error({\\n placement: 'bottomRight',\\n title: '错误通知',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2198\\\\u4E0B\\\\u53F3\\\\u901A\\\\u77E5\\\"));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.success({ placement: 'topLeft', title: '成功通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↖上左弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.warning({\\n placement: 'topRight',\\n title: '警告通知',\\n description: '最简单的用法，4.5 秒后自动关闭。',\\n onClose: () => {\\n console.log('~~~~>')\\n }\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.info({ placement: 'bottomLeft', title: '说明通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↙下左弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.error({ placement: 'bottomRight', title: '错误通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↘下右通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\"\n },\n \"126\": {\n \"name\": 126,\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(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.success({\\n placement: 'topRight',\\n title: '警告通知',\\n duration: null,\\n description: '最简单的用法，弹出通知不消失。'\\n });\\n }\\n }, \\\"\\\\u2197\\\\u4E0A\\\\u53F3\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.success({\\n placement: 'topRight',\\n title: '警告通知',\\n duration: null,\\n description: '最简单的用法，弹出通知不消失。'\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\"\n },\n \"153\": {\n \"name\": 153,\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(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.warning({\\n placement: 'topRight',\\n duration: null,\\n description: '标题不展示，可以通过关闭按钮关闭。'\\n });\\n }\\n }, \\\"\\\\u2197\\\\u4E0A\\\\u53F3\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.info({\\n placement: 'bottomLeft',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2199\\\\u4E0B\\\\u5DE6\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.error({\\n placement: 'bottomRight',\\n description: '最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2198\\\\u4E0B\\\\u53F3\\\\u901A\\\\u77E5\\\"));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.warning({\\n placement: 'topRight',\\n duration: null,\\n description: '标题不展示，可以通过关闭按钮关闭。',\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.info({ placement: 'bottomLeft', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↙下左弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.error({ placement: 'bottomRight', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↘下右通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\"\n },\n \"193\": {\n \"name\": 193,\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(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.warning({\\n placement: 'topRight',\\n duration: null,\\n title: '警告通知，最简单的用法，只展示标题，点击按钮关闭。'\\n });\\n }\\n }, \\\"\\\\u2197\\\\u4E0A\\\\u53F3\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.warning({\\n placement: 'topRight',\\n duration: null,\\n title: '警告通知，最简单的用法，只展示标题，点击按钮关闭。',\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\"\n },\n \"219\": {\n \"name\": 219,\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(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.error({\\n placement: 'bottomRight',\\n icon: null,\\n description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2198\\\\u4E0B\\\\u53F3\\\\u901A\\\\u77E5\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n onClick: function onClick() {\\n _uiw.Notify.success({\\n placement: 'topRight',\\n title: '警告通知',\\n icon: null,\\n duration: null,\\n description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。'\\n });\\n }\\n }, \\\"\\\\u2197\\\\u4E0A\\\\u53F3\\\\u5F39\\\\u51FA\\\\u901A\\\\u77E5\\\"));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.error({ placement: 'bottomRight', icon: null, description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↘下右通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.success({\\n placement: 'topRight',\\n title: '警告通知',\\n icon: null,\\n duration: null,\\n description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。'\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\"\n }\n},\n source: \"Notify 消息通知\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-notify/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-notify.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-notify)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-notify.svg?label=@uiw/react-notify)](https://npmjs.com/@uiw/react-notify)\\n\\n全局展示通知提醒信息。\\n\\n```jsx\\nimport { Notify } from 'uiw';\\n// or\\nimport Notify from '@uiw/react-notify';\\n```\\n\\n### 基本用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.open({ title: '打开通知', description: '最简单的用法，4.5 秒后自动关闭，没有状态颜色图标。' });\\n }}\\n >\\n 打开通知\\n </Button>\\n <Button\\n type=\\\"success\\\"\\n onClick={() => {\\n Notify.success({ title: '成功通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n 成功通知\\n </Button>\\n <Button\\n type=\\\"warning\\\"\\n onClick={() => {\\n Notify.warning({\\n title: '警告通知',\\n description: '这是一个警告通知，最简单的用法，4.5 秒后自动关闭。'\\n });\\n }}\\n >\\n 警告通知\\n </Button>\\n <Button\\n type=\\\"primary\\\"\\n onClick={() => {\\n Notify.info({ title: '说明通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n 说明通知\\n </Button>\\n <Button\\n type=\\\"danger\\\"\\n onClick={() => {\\n Notify.error({ title: '错误通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n 错误通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\\n```\\n\\n\\n### 弹出位置\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.success({ placement: 'topLeft', title: '成功通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↖上左弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.warning({\\n placement: 'topRight',\\n title: '警告通知',\\n description: '最简单的用法，4.5 秒后自动关闭。',\\n onClose: () => {\\n console.log('~~~~>')\\n }\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.info({ placement: 'bottomLeft', title: '说明通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↙下左弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.error({ placement: 'bottomRight', title: '错误通知', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↘下右通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\\n```\\n\\n### 弹出通知不消失\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.success({\\n placement: 'topRight',\\n title: '警告通知',\\n duration: null,\\n description: '最简单的用法，弹出通知不消失。'\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\\n```\\n\\n### 标题不展示\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.warning({\\n placement: 'topRight',\\n duration: null,\\n description: '标题不展示，可以通过关闭按钮关闭。',\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.info({ placement: 'bottomLeft', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↙下左弹出通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.error({ placement: 'bottomRight', description: '最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↘下右通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\\n```\\n\\n### 只展示标题\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.warning({\\n placement: 'topRight',\\n duration: null,\\n title: '警告通知，最简单的用法，只展示标题，点击按钮关闭。',\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\\n```\\n\\n### 不展示图标\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <Button\\n onClick={() => {\\n Notify.error({ placement: 'bottomRight', icon: null, description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。' });\\n }}\\n >\\n ↘下右通知\\n </Button>\\n <Button\\n onClick={() => {\\n Notify.success({\\n placement: 'topRight',\\n title: '警告通知',\\n icon: null,\\n duration: null,\\n description: '最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。最简单的用法，4.5 秒后自动关闭。'\\n });\\n }}\\n >\\n ↗上右弹出通知\\n </Button>\\n </div>\\n );\\n}\\nexport default Demo\\n```\\n\\n## Notify\\n\\n```js\\nNotify.open(config);\\nNotify.success(config);\\nNotify.warning(config);\\nNotify.info(config);\\nNotify.error(config);\\n```\\n\\n参数 `config` 如下：\\n\\n\| 参数 \| 说明 \| 类型 \| 默认值 \|\\n\|--------- \|-------- \|--------- \|-------- \|\\n\| title \| 通知提醒标题，必选 \| String/ReactNode \| ReactNode \|\\n\| icon \| 设置为 `false` 将不显示图标 \| String/ReactNode \| ReactNode \|\\n\| description \| 通知提醒内容，必选 \| String/ReactNode \| ReactNode \|\\n\| duration \| 默认 `4.5` 秒后自动关闭，配置为 `null` 则不自动关闭 \| Number \| `4.5` \|\\n\| placement \| 弹出位置，可选 \| Enum{`topLeft`, `topRight`, `bottomLeft`, `bottomRight`} \| `topRight` \|\\n\| onClose \| 当提醒关闭时的回调函数 \| Function \| none \|\\n\\n更多属性文档请参考 [`<Alert>`](#/components/alert)。\\n\"\n }"],"names":["components","obj","_react","__esModule","_uiw","createElement","Button","onClick","Notify","open","title","description","type","success","warning","info","error","placement","onClose","console","log","duration","icon","data","source"],"sourceRoot":""}

package/web/static/js/6146.c78166ee.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[6146],{6146:function(e,t,n){n.r(t),t.default={components:{18:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(968);return function(){return t.default.createElement("div",null,t.default.createElement(r.Tag,{title:"\u6210\u529f-\u7eff\u8272",color:"#28a745"}),t.default.createElement(r.Tag,{title:"\u4e3b\u8981-\u84dd\u8272",color:"#008EF0"}),t.default.createElement(r.Tag,{title:"\u4fe1\u606f-\u9752\u8272",color:"#1EABCD"}),t.default.createElement(r.Tag,{title:"\u5bfc\u822a-\u85cf\u9752",color:"#393E48"}),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{color:"#ffc107"},"\u8b66\u544a-\u9ec4\u8272"),t.default.createElement(r.Tag,{color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),t.default.createElement(r.Tag,{color:"#dc3545"},"\u5371\u9669-\u7ea2\u8272"),t.default.createElement(r.Tag,null,"\u9ed8\u8ba4\u989c\u8272"),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{light:!0,color:"#28a745"},"\u6210\u529f-\u7eff\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#008EF0"},"\u4e3b\u8981-\u84dd\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#1EABCD"},"\u4fe1\u606f-\u9752\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#393E48"},"\u5bfc\u822a-\u85cf\u9752"),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{light:!0,color:"#ffc107"},"\u8b66\u544a-\u9ec4\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#dc3545"},"\u5371\u9669-\u7ea2\u8272"),t.default.createElement(r.Tag,{light:!0},"\u9ed8\u8ba4\u989c\u8272"))}}(),50:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(968);return function(){return t.default.createElement("div",null,t.default.createElement(r.Tag,{disabled:!0,title:"\u6210\u529f-\u7eff\u8272",color:"#28a745"}),t.default.createElement(r.Tag,{disabled:!0,title:"\u4e3b\u8981-\u84dd\u8272",color:"#008EF0"}),t.default.createElement(r.Tag,{disabled:!0,title:"\u4fe1\u606f-\u9752\u8272",color:"#1EABCD"}),t.default.createElement(r.Tag,{disabled:!0,title:"\u5bfc\u822a-\u85cf\u9752",color:"#393E48"}),t.default.createElement(r.Tag,{disabled:!0,color:"#ffc107"},"\u8b66\u544a-\u9ec4\u8272"),t.default.createElement(r.Tag,{disabled:!0,color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),t.default.createElement(r.Tag,{disabled:!0,color:"#dc3545"},"\u5371\u9669-\u7ea2\u8272"),t.default.createElement(r.Tag,{disabled:!0},"\u9ed8\u8ba4\u989c\u8272"),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#28a745"},"\u6210\u529f-\u7eff\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#008EF0"},"\u4e3b\u8981-\u84dd\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#1EABCD"},"\u4fe1\u606f-\u9752\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#393E48"},"\u5bfc\u822a-\u85cf\u9752"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#ffc107"},"\u8b66\u544a-\u9ec4\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#dc3545"},"\u5371\u9669-\u7ea2\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0},"\u9ed8\u8ba4\u989c\u8272"))}}(),80:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(968);return function(){return t.default.createElement("div",null,t.default.createElement(r.Tag,{title:t.default.createElement(t.default.Fragment,null,t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u6210\u529f-\u7eff\u8272"),color:"#28a745"}),t.default.createElement(r.Tag,{color:"#1C7CEB"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u9650\u8d2d\u4e00\u4efd"),t.default.createElement(r.Tag,{color:"red"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u80f6\u56ca"),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{light:!0,color:"#28a745"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u6210\u529f-\u7eff\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#008EF0"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u4e3b\u8981-\u84dd\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#dc3545"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u4fe1\u606f-\u7ea2\u8272"))}}(),104: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,r=(t=n(8133))&&t.__esModule?t:{default:t},o=n(968);function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function u(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=s(e);if(t){var o=s(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.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 s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},s(e)}var f=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&&i(e,t)}(f,e);var t,n,c,s=u(f);function f(e){var t;return a(this,f),(t=s.call(this,e)).state={visible:!0,visible1:!0},t}return t=f,n=[{key:"onClose",value:function(e){this.setState(function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},e,!this.state[e]))}},{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(o.Tag,{closable:!0,onClose:this.onClose.bind(this,"visible"),visible:this.state.visible,color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),r.default.createElement(o.Tag,{closable:!0,light:!0,visible:this.state.visible1,color:"#dc3545",onClose:this.onClose.bind(this,"visible1")},r.default.createElement(o.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u4fe1\u606f-\u7ea2\u8272"))}}],n&&l(t.prototype,n),c&&l(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component);return f}(),147: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,r=(t=n(8133))&&t.__esModule?t:{default:t},o=n(968);function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function u(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=s(e);if(t){var o=s(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.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 s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},s(e)}var f=3;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&&i(e,t)}(d,e);var t,n,c,s=u(d);function d(e){var t;return a(this,d),(t=s.call(this,e)).state={dataTags:[{label:"\u6a58\u5b50",value:1,color:"#28a745"},{label:"\u82f9\u679c",value:2,color:"#F95C2B"},{label:"\u6a58\u5b50",value:3,color:"#008EF0"}]},t}return t=d,(n=[{key:"onClose",value:function(e){var t=this.state.dataTags.filter((function(t){return t.value!==e.value}));this.setState({dataTags:t})}},{key:"addTag",value:function(){var e=this.state.dataTags;f+=1,e.push({label:"\u6a58\u5b50".concat(f),value:f,color:"#28a745"}),this.setState({dataTags:e})}},{key:"render",value:function(){var e=this,t=this.state.dataTags;return r.default.createElement("div",null,t.map((function(t,n){return r.default.createElement(o.Tag,{key:n,closable:!0,onClose:e.onClose.bind(e,t),visible:e.state.visible,color:t.color},t.label)})),r.default.createElement(o.Button,{style:{marginLeft:5,minHeight:20,padding:0},size:"small",onClick:this.addTag.bind(this)}," ",r.default.createElement(o.Icon,{type:"plus"})," "))}}])&&l(t.prototype,n),c&&l(t,c),Object.defineProperty(t,"prototype",{writable:!1}),d}(r.default.Component)}(),203:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,r=(t=n(8133))&&t.__esModule?t:{default:t},o=n(968);function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function u(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=s(e);if(t){var o=s(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.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 s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},s(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&&i(e,t)}(f,e);var t,n,c,s=u(f);function f(e){var t;return a(this,f),(t=s.call(this,e)).state={dataTags:[{label:"\u6a58\u5b50",value:1,color:"#008EF0"},{label:"\u82f9\u679c",value:2,color:"#008EF0"},{label:"\u6a58\u5b50",value:3,color:"#008EF0"},{label:"\u5ddd\u83dc",value:4,color:"#008EF0"}],values:[1,2,3]},t}return t=f,(n=[{key:"onTagChecked",value:function(e){var t=this.state.values;-1===t.indexOf(e.value)?t.push(e.value):t=t.filter((function(t){return t!==e.value})),this.setState({values:t})}},{key:"render",value:function(){var e=this,t=this.state,n=t.dataTags,a=t.values;return r.default.createElement("div",null,n.map((function(t,n){var l=-1===a.indexOf(t.value);return r.default.createElement(o.Tag,{onClick:e.onTagChecked.bind(e,t),key:n,light:l,bordered:!1,color:"#008EF0"},t.label)})))}}])&&l(t.prototype,n),c&&l(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component)}(),257:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(968),o=["label"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0\|\|(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function c(e){return function(e){if(Array.isArray(e))return d(e)}(e)\|\|function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(e)\|\|f(e)\|\|function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var r,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t\|\|a.length!==t);l=!0);}catch(u){i=!0,o=u}finally{try{l\|\|null==n.return\|\|n.return()}finally{if(i)throw o}}return a}(e,t)\|\|f(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){if(e){if("string"===typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n\|\|"Set"===n?Array.from(e):"Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function d(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e){var n=e.placeholder,f=e.onChange,d=s(t.default.useState([]),2),p=d[0],_=d[1],b=s(t.default.useState(c(e.value)),2),g=b[0],m=b[1],v=s(t.default.useState(!1),2),y=v[0],h=v[1],E=s(t.default.useState(c(e.option)),2),T=E[0],C=E[1];function w(e,t){var n=c(g),r=c(p);n.includes(e)?(n=n.filter((function(t){return e!==t})),r=p.filter((function(e){return t.value!==e.value}))):(n.push(e),r.push(t)),m(n),_(p),f&&f(n)}function O(e){var t=T.filter((function(t){return t.label.indexOf(e.target.value)>-1}));C(t)}return t.default.useEffect((function(){var t=e.value.map((function(e){return T.find((function(t){return e===t.value}))})).filter((function(e){return!!e}));t!==p&&_(t),g!==e.value&&m(e.value)}),[e.value]),t.default.useEffect((function(){g!==e.option&&C(e.option)}),[e.option]),t.default.createElement(r.Dropdown,{trigger:"click",onVisibleChange:function(e){return h(e)},isOpen:y,menu:t.default.createElement(r.Menu,{bordered:!0,style:{minWidth:220,height:210,overflow:"auto"}},t.default.createElement(r.Menu.Divider,{title:t.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",onChange:function(e){return O(e)}})}),T.map((function(e,n){var o=g.includes(e.value);return t.default.createElement(r.Menu.Item,{key:n,text:t.default.createElement(r.Row,{gutter:10,justify:"space-between"},t.default.createElement(r.Col,null,t.default.createElement("span",{style:{verticalAlign:"middle"}},e.label)),t.default.createElement(r.Col,{fixed:!0},o&&t.default.createElement(r.Checkbox,{checked:o,onChange:function(e){return O(e)}}))),onClick:function(){w(e.value,e)}})})))},t.default.createElement("div",{style:{minWidth:120,maxWidth:320,padding:5,border:"1px solid #c7c8ca",borderRadius:3}},0===p.length&&t.default.createElement("span",{style:{lineHeight:"23px",padding:"0 4px"}},n),p.map((function(e,n){var c=e.label,s=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({style:{margin:2},onClose:function(t){t.stopPropagation(),w(e.value,e)},key:n},u(e,o));return t.default.createElement(r.Tag,a({light:!0,closable:!0},s),c)}))))}var _=[{label:"\u53f0\u5317\u5e02, \u4e2d\u56fd\u53f0\u6e7e",value:1},{label:"\u6d77\u53c2\u5d34, \u4fc4\u7f57\u65af",value:2},{label:"\u4e09\u4e9a\u5e02, \u4e2d\u56fd",value:3,color:"#dc3545"},{label:"\u6210\u90fd\u5e02, \u4e2d\u56fd",value:4,color:"#dc3545"},{label:"\u5e03\u62c9\u683c, \u6377\u514b",value:5},{label:"\u5e03\u62c9\u8fea\u65af\u62c9\u53d1, \u65af\u6d1b\u4f10\u514b",value:6},{label:"LAX \u6d1b\u6749\u77f6, \u7f8e\u56fd",value:7},{label:"\u9ec4\u5188\u5e02, \u4e2d\u56fd",value:8,color:"#dc3545"}];return function(){return t.default.createElement("div",null,t.default.createElement(p,{placeholder:"\u9009\u62e9\u57ce\u5e02",option:_,value:[2,8],onChange:function(e){console.log("item",e)}}))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n title: "\\u6210\\u529F-\\u7EFF\\u8272",\n color: "#28a745"\n }), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n title: "\\u4E3B\\u8981-\\u84DD\\u8272",\n color: "#008EF0"\n }), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n title: "\\u4FE1\\u606F-\\u9752\\u8272",\n color: "#1EABCD"\n }), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n title: "\\u5BFC\\u822A-\\u85CF\\u9752",\n color: "#393E48"\n }), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n color: "#ffc107"\n }, "\\u8B66\\u544A-\\u9EC4\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n color: "#F95C2B"\n }, "\\u63D0\\u9192-\\u6A59\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n color: "#dc3545"\n }, "\\u5371\\u9669-\\u7EA2\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, null, "\\u9ED8\\u8BA4\\u989C\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#28a745"\n }, "\\u6210\\u529F-\\u7EFF\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#008EF0"\n }, "\\u4E3B\\u8981-\\u84DD\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#1EABCD"\n }, "\\u4FE1\\u606F-\\u9752\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#393E48"\n }, "\\u5BFC\\u822A-\\u85CF\\u9752"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#ffc107"\n }, "\\u8B66\\u544A-\\u9EC4\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#F95C2B"\n }, "\\u63D0\\u9192-\\u6A59\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#dc3545"\n }, "\\u5371\\u9669-\\u7EA2\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true\n }, "\\u9ED8\\u8BA4\\u989C\\u8272"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Tag, Divider } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Tag title="\u6210\u529f-\u7eff\u8272" color="#28a745" />\n <Tag title="\u4e3b\u8981-\u84dd\u8272" color="#008EF0" />\n <Tag title="\u4fe1\u606f-\u9752\u8272" color="#1EABCD" />\n <Tag title="\u5bfc\u822a-\u85cf\u9752" color="#393E48" />\n <Divider />\n <Tag color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n <Tag color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n <Tag>\u9ed8\u8ba4\u989c\u8272</Tag>\n <Divider />\n <Tag light color="#28a745">\u6210\u529f-\u7eff\u8272</Tag>\n <Tag light color="#008EF0">\u4e3b\u8981-\u84dd\u8272</Tag>\n <Tag light color="#1EABCD">\u4fe1\u606f-\u9752\u8272</Tag>\n <Tag light color="#393E48">\u5bfc\u822a-\u85cf\u9752</Tag>\n <Divider />\n <Tag light color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n <Tag light color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag light color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n <Tag light>\u9ed8\u8ba4\u989c\u8272</Tag>\n </div>\n)\nexport default Demo'},50:{name:50,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n disabled: true,\n title: "\\u6210\\u529F-\\u7EFF\\u8272",\n color: "#28a745"\n }), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n disabled: true,\n title: "\\u4E3B\\u8981-\\u84DD\\u8272",\n color: "#008EF0"\n }), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n disabled: true,\n title: "\\u4FE1\\u606F-\\u9752\\u8272",\n color: "#1EABCD"\n }), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n disabled: true,\n title: "\\u5BFC\\u822A-\\u85CF\\u9752",\n color: "#393E48"\n }), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n disabled: true,\n color: "#ffc107"\n }, "\\u8B66\\u544A-\\u9EC4\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n disabled: true,\n color: "#F95C2B"\n }, "\\u63D0\\u9192-\\u6A59\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n disabled: true,\n color: "#dc3545"\n }, "\\u5371\\u9669-\\u7EA2\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n disabled: true\n }, "\\u9ED8\\u8BA4\\u989C\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#28a745"\n }, "\\u6210\\u529F-\\u7EFF\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#008EF0"\n }, "\\u4E3B\\u8981-\\u84DD\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#1EABCD"\n }, "\\u4FE1\\u606F-\\u9752\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#393E48"\n }, "\\u5BFC\\u822A-\\u85CF\\u9752"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#ffc107"\n }, "\\u8B66\\u544A-\\u9EC4\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#F95C2B"\n }, "\\u63D0\\u9192-\\u6A59\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#dc3545"\n }, "\\u5371\\u9669-\\u7EA2\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true\n }, "\\u9ED8\\u8BA4\\u989C\\u8272"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Tag, Divider } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Tag disabled title="\u6210\u529f-\u7eff\u8272" color="#28a745" />\n <Tag disabled title="\u4e3b\u8981-\u84dd\u8272" color="#008EF0" />\n <Tag disabled title="\u4fe1\u606f-\u9752\u8272" color="#1EABCD" />\n <Tag disabled title="\u5bfc\u822a-\u85cf\u9752" color="#393E48" />\n <Tag disabled color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n <Tag disabled color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag disabled color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n <Tag disabled>\u9ed8\u8ba4\u989c\u8272</Tag>\n <Divider />\n <Tag light disabled color="#28a745">\u6210\u529f-\u7eff\u8272</Tag>\n <Tag light disabled color="#008EF0">\u4e3b\u8981-\u84dd\u8272</Tag>\n <Tag light disabled color="#1EABCD">\u4fe1\u606f-\u9752\u8272</Tag>\n <Tag light disabled color="#393E48">\u5bfc\u822a-\u85cf\u9752</Tag>\n <Tag light disabled color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n <Tag light disabled color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag light disabled color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n <Tag light disabled>\u9ed8\u8ba4\u989c\u8272</Tag>\n </div>\n)\nexport default Demo'},80:{name:80,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n title: /#__PURE__/_react["default"].createElement(_react["default"].Fragment, null, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u6210\\u529F-\\u7EFF\\u8272"),\n color: "#28a745"\n }), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n color: "#1C7CEB"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u9650\\u8D2D\\u4E00\\u4EFD"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n color: "red"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u80F6\\u56CA"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#28a745"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u6210\\u529F-\\u7EFF\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#008EF0"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u4E3B\\u8981-\\u84DD\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#dc3545"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u4FE1\\u606F-\\u7EA2\\u8272"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Tag, Divider, Icon } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Tag title={(\n <>\n <Icon type="heart-on" verticalAlign="baseline" /> \u6210\u529f-\u7eff\u8272\n </>\n )} color="#28a745" />\n <Tag color="#1C7CEB"><Icon type="heart-on" verticalAlign="baseline" /> \u9650\u8d2d\u4e00\u4efd</Tag>\n <Tag color="red"><Icon type="heart-on" verticalAlign="baseline" /> \u80f6\u56ca</Tag>\n <Divider />\n <Tag light color="#28a745"><Icon type="heart-on" verticalAlign="baseline" /> \u6210\u529f-\u7eff\u8272</Tag>\n <Tag light color="#008EF0"><Icon type="heart-on" verticalAlign="baseline" /> \u4e3b\u8981-\u84dd\u8272</Tag>\n <Tag light color="#dc3545"><Icon type="heart-on" verticalAlign="baseline" /> \u4fe1\u606f-\u7ea2\u8272</Tag>\n </div>\n)\nexport default Demo'},104:{name:104,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(props) {\n var _this;\n\n _classCallCheck(this, Demo);\n\n _this = _super.call(this, props);\n _this.state = {\n visible: true,\n visible1: true\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "onClose",\n value: function onClose(type) {\n this.setState(_defineProperty({}, type, !this.state[type]));\n }\n }, {\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n closable: true,\n onClose: this.onClose.bind(this, \'visible\'),\n visible: this.state.visible,\n color: "#F95C2B"\n }, "\\u63D0\\u9192-\\u6A59\\u8272"), /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n closable: true,\n light: true,\n visible: this.state.visible1,\n color: "#dc3545",\n onClose: this.onClose.bind(this, \'visible1\')\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u4FE1\\u606F-\\u7EA2\\u8272"));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Tag, Icon } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n visible: true,\n visible1: true,\n }\n }\n onClose(type) {\n this.setState({\n [type]: !this.state[type],\n });\n }\n render() { \n return (\n <div>\n <Tag\n closable\n onClose={this.onClose.bind(this, 'visible')}\n visible={this.state.visible}\n color=\"#F95C2B\">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag\n closable\n light\n visible={this.state.visible1}\n color=\"#dc3545\"\n onClose={this.onClose.bind(this, 'visible1')}\n >\n <Icon type=\"heart-on\" verticalAlign=\"baseline\" /> \u4fe1\u606f-\u7ea2\u8272\n </Tag>\n </div>\n );\n }\n}\nexport default Demo"},147:{name:147,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 num = 3;\n\nvar Demo = /#__PURE__/function (_React$Component) {\n _inherits(Demo, _React$Component);\n\n var _super = _createSuper(Demo);\n\n function Demo(props) {\n var _this;\n\n _classCallCheck(this, Demo);\n\n _this = _super.call(this, props);\n _this.state = {\n dataTags: [{\n label: \'\u6a58\u5b50\',\n value: 1,\n color: \'#28a745\'\n }, {\n label: \'\u82f9\u679c\',\n value: 2,\n color: \'#F95C2B\'\n }, {\n label: \'\u6a58\u5b50\',\n value: 3,\n color: \'#008EF0\'\n }]\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "onClose",\n value: function onClose(data) {\n var dataTags = this.state.dataTags.filter(function (item) {\n return item.value !== data.value;\n });\n this.setState({\n dataTags: dataTags\n });\n }\n }, {\n key: "addTag",\n value: function addTag() {\n var dataTags = this.state.dataTags;\n num += 1;\n dataTags.push({\n label: "\\u6A58\\u5B50".concat(num),\n value: num,\n color: \'#28a745\'\n });\n this.setState({\n dataTags: dataTags\n });\n }\n }, {\n key: "render",\n value: function render() {\n var _this2 = this;\n\n var dataTags = this.state.dataTags;\n return /#__PURE__/_react["default"].createElement("div", null, dataTags.map(function (item, idx) {\n return /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n key: idx,\n closable: true,\n onClose: _this2.onClose.bind(_this2, item),\n visible: _this2.state.visible,\n color: item.color\n }, item.label);\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n style: {\n marginLeft: 5,\n minHeight: 20,\n padding: 0\n },\n size: "small",\n onClick: this.addTag.bind(this)\n }, " ", /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "plus"\n }), " "));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Tag, Button, Icon } from 'uiw';\n\nlet num = 3;\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n dataTags: [\n { label: '\u6a58\u5b50', value: 1, color: '#28a745' },\n { label: '\u82f9\u679c', value: 2, color: '#F95C2B' },\n { label: '\u6a58\u5b50', value: 3, color: '#008EF0' },\n ]\n }\n }\n onClose(data) {\n const dataTags = this.state.dataTags.filter(item => item.value !== data.value);\n this.setState({ dataTags });\n }\n addTag() {\n const { dataTags } = this.state;\n num += 1;\n dataTags.push({\n label: `\u6a58\u5b50${num}`, value: num, color: '#28a745'\n });\n this.setState({ dataTags });\n }\n render() { \n const { dataTags } = this.state;\n return (\n <div>\n {dataTags.map((item, idx) => {\n return (\n <Tag\n key={idx}\n closable\n onClose={this.onClose.bind(this, item)}\n visible={this.state.visible}\n color={item.color}>\n {item.label}\n </Tag>\n )\n })}\n <Button style={{ marginLeft: 5, minHeight: 20, padding: 0 }} size=\"small\" onClick={this.addTag.bind(this)}> <Icon type=\"plus\" /> </Button>\n </div>\n );\n }\n}\nexport default Demo"},203:{name:203,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _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(props) {\n var _this;\n\n _classCallCheck(this, Demo);\n\n _this = _super.call(this, props);\n _this.state = {\n dataTags: [{\n label: \'\u6a58\u5b50\',\n value: 1,\n color: \'#008EF0\'\n }, {\n label: \'\u82f9\u679c\',\n value: 2,\n color: \'#008EF0\'\n }, {\n label: \'\u6a58\u5b50\',\n value: 3,\n color: \'#008EF0\'\n }, {\n label: \'\u5ddd\u83dc\',\n value: 4,\n color: \'#008EF0\'\n }],\n values: [1, 2, 3]\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "onTagChecked",\n value: function onTagChecked(data) {\n var values = this.state.values;\n var isChecked = values.indexOf(data.value) === -1;\n\n if (isChecked) {\n values.push(data.value);\n } else {\n values = values.filter(function (item) {\n return item !== data.value;\n });\n }\n\n this.setState({\n values: values\n });\n }\n }, {\n key: "render",\n value: function render() {\n var _this2 = this;\n\n var _this$state = this.state,\n dataTags = _this$state.dataTags,\n values = _this$state.values;\n return /#__PURE__/_react["default"].createElement("div", null, dataTags.map(function (item, idx) {\n var isChecked = values.indexOf(item.value) === -1;\n return /#__PURE__/_react["default"].createElement(_uiw.Tag, {\n onClick: _this2.onTagChecked.bind(_this2, item),\n key: idx,\n light: isChecked,\n bordered: false,\n color: "#008EF0"\n }, item.label);\n }));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Tag } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n dataTags: [\n { label: '\u6a58\u5b50', value: 1, color: '#008EF0' },\n { label: '\u82f9\u679c', value: 2, color: '#008EF0' },\n { label: '\u6a58\u5b50', value: 3, color: '#008EF0' },\n { label: '\u5ddd\u83dc', value: 4, color: '#008EF0' },\n ],\n values: [1, 2, 3],\n }\n }\n onTagChecked(data) {\n let { values } = this.state;\n const isChecked = values.indexOf(data.value) === -1;\n if(isChecked) {\n values.push(data.value);\n } else {\n values = values.filter(item => item !== data.value);\n }\n this.setState({ values });\n }\n render() { \n const { dataTags, values } = this.state;\n return (\n <div>\n {dataTags.map((item, idx) => {\n const isChecked = values.indexOf(item.value) === -1;\n return (\n <Tag\n onClick={this.onTagChecked.bind(this, item)}\n key={idx}\n light={isChecked}\n bordered={false}\n color=\"#008EF0\"\n >\n {item.label}\n </Tag>\n )\n })}\n </div>\n );\n }\n}\nexport default Demo"},257:{name:257,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nvar _excluded = ["label"];\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) \|\| _iterableToArray(arr) \|\| _unsupportedIterableToArray(arr) \|\| _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null \|\| iter["@@iterator"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction SelectTag(props) {\n var placeholder = props.placeholder,\n onChange = props.onChange;\n\n var _React$useState = _react["default"].useState([]),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n selectOption = _React$useState2[0],\n setSelectOption = _React$useState2[1];\n\n var _React$useState3 = _react["default"].useState(_toConsumableArray(props.value)),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n value = _React$useState4[0],\n setValue = _React$useState4[1];\n\n var _React$useState5 = _react["default"].useState(false),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n isOpen = _React$useState6[0],\n setIsOpen = _React$useState6[1];\n\n var _React$useState7 = _react["default"].useState(_toConsumableArray(props.option)),\n _React$useState8 = _slicedToArray(_React$useState7, 2),\n option = _React$useState8[0],\n setOption = _React$useState8[1];\n\n _react["default"].useEffect(function () {\n var selectOptionVal = props.value.map(function (val) {\n return option.find(function (item) {\n return val === item.value;\n });\n }).filter(function (item) {\n return !!item;\n });\n\n if (selectOptionVal !== selectOption) {\n setSelectOption(selectOptionVal);\n }\n\n if (value !== props.value) {\n setValue(props.value);\n }\n }, [props.value]);\n\n _react["default"].useEffect(function () {\n if (value !== props.option) {\n setOption(props.option);\n }\n }, [props.option]);\n\n function modifyValue(itemVal, item) {\n var newValue = _toConsumableArray(value);\n\n var newSelectOption = _toConsumableArray(selectOption);\n\n var checked = newValue.includes(itemVal);\n\n if (!checked) {\n newValue.push(itemVal);\n newSelectOption.push(item);\n } else {\n newValue = newValue.filter(function (v) {\n return itemVal !== v;\n });\n newSelectOption = selectOption.filter(function (v) {\n return item.value !== v.value;\n });\n }\n\n setValue(newValue);\n setSelectOption(selectOption); // setIsOpen(false);\n\n onChange && onChange(newValue);\n }\n\n function handleChange(e) {\n var options = option.filter(function (item) {\n return item.label.indexOf(e.target.value) > -1;\n });\n setOption(options);\n }\n\n return /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n trigger: "click",\n onVisibleChange: function onVisibleChange(open) {\n return setIsOpen(open);\n },\n isOpen: isOpen,\n menu: /#__PURE__/_react["default"].createElement(_uiw.Menu, {\n bordered: true,\n style: {\n minWidth: 220,\n height: 210,\n overflow: \'auto\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Menu.Divider, {\n title: /#__PURE__/_react["default"].createElement(_uiw.Input, {\n placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n onChange: function onChange(e) {\n return handleChange(e);\n }\n })\n }), option.map(function (item, idx) {\n var active = value.includes(item.value);\n return /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n key: idx,\n text: /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n justify: "space-between"\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement("span", {\n style: {\n verticalAlign: \'middle\'\n }\n }, item.label)), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, active && /#__PURE__/_react["default"].createElement(_uiw.Checkbox, {\n checked: active,\n onChange: function onChange(e) {\n return handleChange(e);\n }\n }))),\n onClick: function onClick() {\n modifyValue(item.value, item);\n }\n });\n }))\n }, /#__PURE__/_react["default"].createElement("div", {\n style: {\n minWidth: 120,\n maxWidth: 320,\n padding: 5,\n border: \'1px solid #c7c8ca\',\n borderRadius: 3\n }\n }, selectOption.length === 0 && /#__PURE__/_react["default"].createElement("span", {\n style: {\n lineHeight: \'23px\',\n padding: \'0 4px\'\n }\n }, placeholder), selectOption.map(function (item, idx) {\n var label = item.label,\n itemProps = _objectWithoutProperties(item, _excluded);\n\n var props = _objectSpread({\n style: {\n margin: 2\n },\n onClose: function onClose(e) {\n e.stopPropagation();\n modifyValue(item.value, item);\n },\n key: idx\n }, itemProps);\n\n return /#__PURE__/_react["default"].createElement(_uiw.Tag, _extends({\n light: true,\n closable: true\n }, props), label);\n })));\n}\n\nvar option = [{\n label: \'\u53f0\u5317\u5e02, \u4e2d\u56fd\u53f0\u6e7e\',\n value: 1\n}, {\n label: \'\u6d77\u53c2\u5d34, \u4fc4\u7f57\u65af\',\n value: 2\n}, {\n label: \'\u4e09\u4e9a\u5e02, \u4e2d\u56fd\',\n value: 3,\n color: \'#dc3545\'\n}, {\n label: \'\u6210\u90fd\u5e02, \u4e2d\u56fd\',\n value: 4,\n color: \'#dc3545\'\n}, {\n label: \'\u5e03\u62c9\u683c, \u6377\u514b\',\n value: 5\n}, {\n label: \'\u5e03\u62c9\u8fea\u65af\u62c9\u53d1, \u65af\u6d1b\u4f10\u514b\',\n value: 6\n}, {\n label: \'LAX \u6d1b\u6749\u77f6, \u7f8e\u56fd\',\n value: 7\n}, {\n label: \'\u9ec4\u5188\u5e02, \u4e2d\u56fd\',\n value: 8,\n color: \'#dc3545\'\n}];\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(SelectTag, {\n placeholder: "\\u9009\\u62E9\\u57CE\\u5E02",\n option: option,\n value: [2, 8],\n onChange: function onChange(item) {\n console.log(\'item\', item);\n }\n }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Dropdown, Menu, Button, Icon, Input, Checkbox, Tag, Row, Col } from 'uiw';\n\nfunction SelectTag(props) {\n const { placeholder, onChange } = props;\n const [selectOption, setSelectOption] = React.useState([]);\n const [value, setValue] = React.useState([...props.value]);\n const [isOpen, setIsOpen] = React.useState(false);\n const [option, setOption] = React.useState([...props.option]);\n\n React.useEffect(() => {\n const selectOptionVal = props.value.map(val => option.find(item => val === item.value)).filter(item => !!item);\n if (selectOptionVal !== selectOption) {\n setSelectOption(selectOptionVal);\n }\n if (value !== props.value) {\n setValue(props.value);\n }\n }, [props.value]);\n\n React.useEffect(() => {\n if (value !== props.option) {\n setOption(props.option);\n }\n }, [props.option]);\n\n function modifyValue(itemVal, item) {\n let newValue = [...value];\n let newSelectOption = [...selectOption];\n const checked = newValue.includes(itemVal);\n if(!checked) {\n newValue.push(itemVal);\n newSelectOption.push(item);\n } else {\n newValue = newValue.filter(v => itemVal !== v);\n newSelectOption = selectOption.filter(v => item.value !== v.value);\n }\n setValue(newValue);\n setSelectOption(selectOption);\n // setIsOpen(false);\n onChange && onChange(newValue);\n }\n\n function handleChange(e) {\n const options = option.filter(item => item.label.indexOf(e.target.value) > -1);\n setOption(options);\n }\n\n return (\n <Dropdown\n trigger=\"click\"\n onVisibleChange={(open) => setIsOpen(open)}\n isOpen={isOpen}\n menu={\n <Menu bordered style={{ minWidth: 220, height: 210, overflow: 'auto' }}>\n <Menu.Divider\n title={\n <Input\n placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\"\n onChange={(e) => handleChange(e)}\n />\n }\n />\n {option.map((item, idx) => {\n const active = value.includes(item.value);\n return (\n <Menu.Item\n key={idx}\n text={\n <Row gutter={10} justify=\"space-between\">\n <Col>\n <span style={{ verticalAlign: 'middle' }}>{item.label}</span>\n </Col>\n <Col fixed>\n {active && <Checkbox checked={active} onChange={(e) => handleChange(e)} />}\n </Col>\n </Row>\n }\n onClick={() => {\n modifyValue(item.value, item)\n }}\n />\n );\n })}\n </Menu>\n }\n >\n <div style={{ minWidth: 120, maxWidth: 320, padding: 5, border: '1px solid #c7c8ca', borderRadius: 3 }}>\n {selectOption.length === 0 && (\n <span style={{\n lineHeight: '23px',\n padding: '0 4px',\n }}>{placeholder}</span>\n )}\n {selectOption.map((item, idx) => {\n const { label, ...itemProps } = item;\n const props = {\n style: { margin: 2 },\n onClose: (e) => {\n e.stopPropagation();\n modifyValue(item.value, item);\n },\n key: idx,\n ...itemProps,\n }\n return (\n <Tag light closable {...props}>{label}</Tag>\n );\n })}\n </div>\n </Dropdown>\n )\n}\n\nconst option = [\n { label: '\u53f0\u5317\u5e02, \u4e2d\u56fd\u53f0\u6e7e', value: 1 },\n { label: '\u6d77\u53c2\u5d34, \u4fc4\u7f57\u65af', value: 2 },\n { label: '\u4e09\u4e9a\u5e02, \u4e2d\u56fd', value: 3, color: '#dc3545' },\n { label: '\u6210\u90fd\u5e02, \u4e2d\u56fd', value: 4, color: '#dc3545' },\n { label: '\u5e03\u62c9\u683c, \u6377\u514b', value: 5 },\n { label: '\u5e03\u62c9\u8fea\u65af\u62c9\u53d1, \u65af\u6d1b\u4f10\u514b', value: 6 },\n { label: 'LAX \u6d1b\u6749\u77f6, \u7f8e\u56fd', value: 7 },\n { label: '\u9ec4\u5188\u5e02, \u4e2d\u56fd', value: 8, color: '#dc3545' },\n];\n\nfunction Demo() {\n return <div>\n <SelectTag placeholder=\"\u9009\u62e9\u57ce\u5e02\" option={option} value={[2, 8]} onChange={(item) => { console.log('item', item); }} />\n </div>\n}\nexport default Demo"}},source:'Tag \u6807\u7b7e\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-tag/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-tag.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-tag)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-tag.svg?label=@uiw/react-tag)](https://npmjs.com/@uiw/react-tag)\n\n\u8fdb\u884c\u6807\u8bb0\u548c\u5206\u7c7b\u7684\u5c0f\u6807\u7b7e\u3002\n\n```jsx\nimport { Tag } from \'uiw\';\n// or\nimport Tag from \'@uiw/react-tag\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tag, Divider } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Tag title="\u6210\u529f-\u7eff\u8272" color="#28a745" />\n <Tag title="\u4e3b\u8981-\u84dd\u8272" color="#008EF0" />\n <Tag title="\u4fe1\u606f-\u9752\u8272" color="#1EABCD" />\n <Tag title="\u5bfc\u822a-\u85cf\u9752" color="#393E48" />\n <Divider />\n <Tag color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n <Tag color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n <Tag>\u9ed8\u8ba4\u989c\u8272</Tag>\n <Divider />\n <Tag light color="#28a745">\u6210\u529f-\u7eff\u8272</Tag>\n <Tag light color="#008EF0">\u4e3b\u8981-\u84dd\u8272</Tag>\n <Tag light color="#1EABCD">\u4fe1\u606f-\u9752\u8272</Tag>\n <Tag light color="#393E48">\u5bfc\u822a-\u85cf\u9752</Tag>\n <Divider />\n <Tag light color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n <Tag light color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag light color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n <Tag light>\u9ed8\u8ba4\u989c\u8272</Tag>\n </div>\n)\nexport default Demo\n```\n\n### \u6807\u7b7e\u7981\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tag, Divider } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Tag disabled title="\u6210\u529f-\u7eff\u8272" color="#28a745" />\n <Tag disabled title="\u4e3b\u8981-\u84dd\u8272" color="#008EF0" />\n <Tag disabled title="\u4fe1\u606f-\u9752\u8272" color="#1EABCD" />\n <Tag disabled title="\u5bfc\u822a-\u85cf\u9752" color="#393E48" />\n <Tag disabled color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n <Tag disabled color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag disabled color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n <Tag disabled>\u9ed8\u8ba4\u989c\u8272</Tag>\n <Divider />\n <Tag light disabled color="#28a745">\u6210\u529f-\u7eff\u8272</Tag>\n <Tag light disabled color="#008EF0">\u4e3b\u8981-\u84dd\u8272</Tag>\n <Tag light disabled color="#1EABCD">\u4fe1\u606f-\u9752\u8272</Tag>\n <Tag light disabled color="#393E48">\u5bfc\u822a-\u85cf\u9752</Tag>\n <Tag light disabled color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n <Tag light disabled color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag light disabled color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n <Tag light disabled>\u9ed8\u8ba4\u989c\u8272</Tag>\n </div>\n)\nexport default Demo\n```\n\n### \u6dfb\u52a0\u56fe\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tag, Divider, Icon } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Tag title={(\n <>\n <Icon type="heart-on" verticalAlign="baseline" /> \u6210\u529f-\u7eff\u8272\n </>\n )} color="#28a745" />\n <Tag color="#1C7CEB"><Icon type="heart-on" verticalAlign="baseline" /> \u9650\u8d2d\u4e00\u4efd</Tag>\n <Tag color="red"><Icon type="heart-on" verticalAlign="baseline" /> \u80f6\u56ca</Tag>\n <Divider />\n <Tag light color="#28a745"><Icon type="heart-on" verticalAlign="baseline" /> \u6210\u529f-\u7eff\u8272</Tag>\n <Tag light color="#008EF0"><Icon type="heart-on" verticalAlign="baseline" /> \u4e3b\u8981-\u84dd\u8272</Tag>\n <Tag light color="#dc3545"><Icon type="heart-on" verticalAlign="baseline" /> \u4fe1\u606f-\u7ea2\u8272</Tag>\n </div>\n)\nexport default Demo\n```\n\n### \u63a7\u5236\u5173\u95ed\u6807\u7b7e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tag, Icon } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n visible: true,\n visible1: true,\n }\n }\n onClose(type) {\n this.setState({\n [type]: !this.state[type],\n });\n }\n render() { \n return (\n <div>\n <Tag\n closable\n onClose={this.onClose.bind(this, \'visible\')}\n visible={this.state.visible}\n color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag\n closable\n light\n visible={this.state.visible1}\n color="#dc3545"\n onClose={this.onClose.bind(this, \'visible1\')}\n >\n <Icon type="heart-on" verticalAlign="baseline" /> \u4fe1\u606f-\u7ea2\u8272\n </Tag>\n </div>\n );\n }\n}\nexport default Demo\n```\n\n### \u6807\u7b7e\u7ec4\u52a8\u6001\u5220\u9664\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tag, Button, Icon } from \'uiw\';\n\nlet num = 3;\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n dataTags: [\n { label: \'\u6a58\u5b50\', value: 1, color: \'#28a745\' },\n { label: \'\u82f9\u679c\', value: 2, color: \'#F95C2B\' },\n { label: \'\u6a58\u5b50\', value: 3, color: \'#008EF0\' },\n ]\n }\n }\n onClose(data) {\n const dataTags = this.state.dataTags.filter(item => item.value !== data.value);\n this.setState({ dataTags });\n }\n addTag() {\n const { dataTags } = this.state;\n num += 1;\n dataTags.push({\n label: `\u6a58\u5b50${num}`, value: num, color: \'#28a745\'\n });\n this.setState({ dataTags });\n }\n render() { \n const { dataTags } = this.state;\n return (\n <div>\n {dataTags.map((item, idx) => {\n return (\n <Tag\n key={idx}\n closable\n onClose={this.onClose.bind(this, item)}\n visible={this.state.visible}\n color={item.color}>\n {item.label}\n </Tag>\n )\n })}\n <Button style={{ marginLeft: 5, minHeight: 20, padding: 0 }} size="small" onClick={this.addTag.bind(this)}> <Icon type="plus" /> </Button>\n </div>\n );\n }\n}\nexport default Demo\n```\n\n### \u70ed\u95e8\u6807\u7b7e\n\n\u9009\u62e9\u4f60\u611f\u5174\u8da3\u7684\u8bdd\u9898\uff0c\u4e0b\u9762\u5b9e\u4f8b\u7c7b\u4f3c CheckBox \u591a\u9009\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tag } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n dataTags: [\n { label: \'\u6a58\u5b50\', value: 1, color: \'#008EF0\' },\n { label: \'\u82f9\u679c\', value: 2, color: \'#008EF0\' },\n { label: \'\u6a58\u5b50\', value: 3, color: \'#008EF0\' },\n { label: \'\u5ddd\u83dc\', value: 4, color: \'#008EF0\' },\n ],\n values: [1, 2, 3],\n }\n }\n onTagChecked(data) {\n let { values } = this.state;\n const isChecked = values.indexOf(data.value) === -1;\n if(isChecked) {\n values.push(data.value);\n } else {\n values = values.filter(item => item !== data.value);\n }\n this.setState({ values });\n }\n render() { \n const { dataTags, values } = this.state;\n return (\n <div>\n {dataTags.map((item, idx) => {\n const isChecked = values.indexOf(item.value) === -1;\n return (\n <Tag\n onClick={this.onTagChecked.bind(this, item)}\n key={idx}\n light={isChecked}\n bordered={false}\n color="#008EF0"\n >\n {item.label}\n </Tag>\n )\n })}\n </div>\n );\n }\n}\nexport default Demo\n```\n\n### \u9009\u62e9\u5668\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Dropdown, Menu, Button, Icon, Input, Checkbox, Tag, Row, Col } from \'uiw\';\n\nfunction SelectTag(props) {\n const { placeholder, onChange } = props;\n const [selectOption, setSelectOption] = React.useState([]);\n const [value, setValue] = React.useState([...props.value]);\n const [isOpen, setIsOpen] = React.useState(false);\n const [option, setOption] = React.useState([...props.option]);\n\n React.useEffect(() => {\n const selectOptionVal = props.value.map(val => option.find(item => val === item.value)).filter(item => !!item);\n if (selectOptionVal !== selectOption) {\n setSelectOption(selectOptionVal);\n }\n if (value !== props.value) {\n setValue(props.value);\n }\n }, [props.value]);\n\n React.useEffect(() => {\n if (value !== props.option) {\n setOption(props.option);\n }\n }, [props.option]);\n\n function modifyValue(itemVal, item) {\n let newValue = [...value];\n let newSelectOption = [...selectOption];\n const checked = newValue.includes(itemVal);\n if(!checked) {\n newValue.push(itemVal);\n newSelectOption.push(item);\n } else {\n newValue = newValue.filter(v => itemVal !== v);\n newSelectOption = selectOption.filter(v => item.value !== v.value);\n }\n setValue(newValue);\n setSelectOption(selectOption);\n // setIsOpen(false);\n onChange && onChange(newValue);\n }\n\n function handleChange(e) {\n const options = option.filter(item => item.label.indexOf(e.target.value) > -1);\n setOption(options);\n }\n\n return (\n <Dropdown\n trigger="click"\n onVisibleChange={(open) => setIsOpen(open)}\n isOpen={isOpen}\n menu={\n <Menu bordered style={{ minWidth: 220, height: 210, overflow: \'auto\' }}>\n <Menu.Divider\n title={\n <Input\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n onChange={(e) => handleChange(e)}\n />\n }\n />\n {option.map((item, idx) => {\n const active = value.includes(item.value);\n return (\n <Menu.Item\n key={idx}\n text={\n <Row gutter={10} justify="space-between">\n <Col>\n <span style={{ verticalAlign: \'middle\' }}>{item.label}</span>\n </Col>\n <Col fixed>\n {active && <Checkbox checked={active} onChange={(e) => handleChange(e)} />}\n </Col>\n </Row>\n }\n onClick={() => {\n modifyValue(item.value, item)\n }}\n />\n );\n })}\n </Menu>\n }\n >\n <div style={{ minWidth: 120, maxWidth: 320, padding: 5, border: \'1px solid #c7c8ca\', borderRadius: 3 }}>\n {selectOption.length === 0 && (\n <span style={{\n lineHeight: \'23px\',\n padding: \'0 4px\',\n }}>{placeholder}</span>\n )}\n {selectOption.map((item, idx) => {\n const { label, ...itemProps } = item;\n const props = {\n style: { margin: 2 },\n onClose: (e) => {\n e.stopPropagation();\n modifyValue(item.value, item);\n },\n key: idx,\n ...itemProps,\n }\n return (\n <Tag light closable {...props}>{label}</Tag>\n );\n })}\n </div>\n </Dropdown>\n )\n}\n\nconst option = [\n { label: \'\u53f0\u5317\u5e02, \u4e2d\u56fd\u53f0\u6e7e\', value: 1 },\n { label: \'\u6d77\u53c2\u5d34, \u4fc4\u7f57\u65af\', value: 2 },\n { label: \'\u4e09\u4e9a\u5e02, \u4e2d\u56fd\', value: 3, color: \'#dc3545\' },\n { label: \'\u6210\u90fd\u5e02, \u4e2d\u56fd\', value: 4, color: \'#dc3545\' },\n { label: \'\u5e03\u62c9\u683c, \u6377\u514b\', value: 5 },\n { label: \'\u5e03\u62c9\u8fea\u65af\u62c9\u53d1, \u65af\u6d1b\u4f10\u514b\', value: 6 },\n { label: \'LAX \u6d1b\u6749\u77f6, \u7f8e\u56fd\', value: 7 },\n { label: \'\u9ec4\u5188\u5e02, \u4e2d\u56fd\', value: 8, color: \'#dc3545\' },\n];\n\nfunction Demo() {\n return <div>\n <SelectTag placeholder="\u9009\u62e9\u57ce\u5e02" option={option} value={[2, 8]} onChange={(item) => { console.log(\'item\', item); }} />\n </div>\n}\nexport default Demo\n```\n\n## Tag\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| title \| \u6807\u9898\uff0c\u548c `children` \u51e0\u4e4e\u662f\u4e00\u6837\u7684 \| String/ReactNode \| - \|\n\| color \| \u989c\u8272 \| String \| `#1C7CEB` \|\n\| disabled \| \u7981\u7528 \| Boolean \| `false` \|\n\| light \| \u6709\u8fb9\u6846\u7684\u6807\u7b7e \| Boolean \| `false` \|\n\| bordered \| \u5f53\u8bbe\u7f6e `light={ture}` \u65f6\uff0c\u8d77\u4f5c\u7528\uff0c\u8bbe\u7f6e\u4e3a `false` \u4e0d\u5c55\u793a\u8fb9\u6846\u6837\u5f0f \| Boolean \| `true` \|\n\| closable \| \u663e\u793a\u5173\u95ed\u6309\u94ae \| Boolean \| `false` \|\n\| visible \| \u662f\u5426\u663e\u793a\u6807\u7b7e \| Boolean \| `true` \|\n\| onClose \| \u5173\u95ed\u65f6\u7684\u56de\u8c03 \| Function \| - \|\n'}}}]);
2	+ //# sourceMappingURL=6146.c78166ee.chunk.js.map