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/1048.e1f07ee4.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[1048],{1048:function(e,t,n){n.r(t),t.default={components:{18:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,r=(t=n(8133))&&t.__esModule?t:{default:t},o=n(2814);function u(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 s(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 c(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return a(this,n)}}function a(t,n){if(n&&("object"===e(n)\|\|"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},l(e)}var p=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&i(e,t)}(p,e);var t,n,a,l=c(p);function p(){return u(this,p),l.apply(this,arguments)}return t=p,(n=[{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(o.Message,{type:"success",title:"\u6210\u529f\u63d0\u793a\u6807\u9898",description:"\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"}),r.default.createElement(o.Message,{type:"warning",title:r.default.createElement("div",null,"\u8b66\u544a\u63d0\u793a\u6807\u9898"),description:"\u8fd9\u91cc\u662f\u8b66\u544a\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"}),r.default.createElement(o.Message,{type:"info",title:"\u8bf4\u660e\u63d0\u793a\u6807\u9898",description:"\u8fd9\u91cc\u662f\u8bf4\u660e\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"}),r.default.createElement(o.Message,{type:"error",title:"\u9519\u8bef\u63d0\u793a\u6807\u9898",description:"\u8fd9\u91cc\u662f\u9519\u8bef\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"}),r.default.createElement(o.Divider,null),r.default.createElement(o.Message,{type:"success",title:"\u6210\u529f\u63d0\u793a\u6807\u9898"}),r.default.createElement(o.Message,{type:"warning",title:"\u8b66\u544a\u63d0\u793a\u6807\u9898"}),r.default.createElement(o.Message,{type:"info",title:"\u8bf4\u660e\u63d0\u793a\u6807\u9898"}),r.default.createElement(o.Message,{type:"error",title:"\u9519\u8bef\u63d0\u793a\u6807\u9898"}))}}])&&s(t.prototype,n),a&&s(t,a),Object.defineProperty(t,"prototype",{writable:!1}),p}(r.default.Component);return p}(),49:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);return function(){return t.default.createElement("div",null,t.default.createElement(r.Message,{showIcon:!0,type:"success",title:"\u6210\u529f\u63d0\u793a\u6807\u9898"}),t.default.createElement(r.Message,{showIcon:!0,type:"warning",title:"\u8b66\u544a\u63d0\u793a\u6807\u9898"}),t.default.createElement(r.Message,{showIcon:!0,type:"info",title:"\u8bf4\u660e\u63d0\u793a\u6807\u9898"}),t.default.createElement(r.Message,{showIcon:!0,type:"error",title:"\u9519\u8bef\u63d0\u793a\u6807\u9898"}),t.default.createElement(r.Divider,null),t.default.createElement(r.Message,{showIcon:!0,type:"success",description:"\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"}),t.default.createElement(r.Message,{showIcon:!0,type:"warning",description:"\u8fd9\u91cc\u662f\u8b66\u544a\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002\u8fd9\u91cc\u5e76\u6ca1\u6709\u8bbe\u7f6e title\uff0c\u53ea\u8bbe\u7f6e description \u540c\u65f6\u8bbe\u7f6e\u663e\u793a\u56fe\u6807\u3002"}),t.default.createElement(r.Message,{showIcon:!0,type:"info",description:"\u8fd9\u91cc\u662f\u8bf4\u660e\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"}),t.default.createElement(r.Message,{showIcon:!0,type:"error",description:"\u8fd9\u91cc\u662f\u9519\u8bef\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"}),t.default.createElement(r.Divider,null),t.default.createElement(r.Message,{showIcon:!0,type:"success",title:"\u6210\u529f\u63d0\u793a\u6807\u9898",description:"\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"}),t.default.createElement(r.Message,{showIcon:!0,type:"warning",title:"\u8b66\u544a\u63d0\u793a\u6807\u9898"},"\u8fd9\u91cc\u662f\u8b66\u544a\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"),t.default.createElement(r.Message,{showIcon:!0,type:"info",title:"\u8bf4\u660e\u63d0\u793a\u6807\u9898",description:"\u8fd9\u91cc\u662f\u8bf4\u660e\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"}),t.default.createElement(r.Message,{showIcon:!0,type:"error",title:"\u9519\u8bef\u63d0\u793a\u6807\u9898",description:"\u8fd9\u91cc\u662f\u9519\u8bef\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"}))}}(),84: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(2814);function u(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 s(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 c(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return a(this,n)}}function a(t,n){if(n&&("object"===e(n)\|\|"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},l(e)}var p=r.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"}," ",r.default.createElement("path",{d:"M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z",fillRule:"evenodd"})," "),f=r.default.createElement("svg",{viewBox:"0 0 16 16",width:"16",height:"16"}," ",r.default.createElement("path",{fillRule:"evenodd",d:"M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z"})," "),d=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&i(e,t)}(d,e);var t,n,a,l=c(d);function d(){return u(this,d),l.apply(this,arguments)}return t=d,(n=[{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(o.Message,{showIcon:!0,icon:r.default.createElement(o.Icon,{type:"apple"}),type:"error",title:"\u81ea\u5b9a\u4e49\u56fe\u6807",description:"\u8fd9\u91cc\u81ea\u5b9a\u4e49Icon\u7ec4\u4ef6\u56fe\u6807\u3002"}),r.default.createElement(o.Message,{showIcon:!0,icon:r.default.createElement(o.Icon,{type:p}),type:"info",title:"\u81ea\u5b9a\u4e49\u56fe\u6807",description:"\u8fd9\u91cc\u81ea\u5b9a\u4e49 SVG \u56fe\u6807\u3002"}),r.default.createElement(o.Message,{showIcon:!0,icon:r.default.createElement(o.Icon,{type:f}),type:"success",title:"\u81ea\u5b9a\u4e49\u56fe\u6807",description:"\u8fd9\u91cc\u81ea\u5b9a\u4e49 SVG \u56fe\u6807\u3002"}),r.default.createElement(o.Divider,null),r.default.createElement(o.Message,{showIcon:!0,icon:r.default.createElement(o.Icon,{type:p}),type:"success",title:"\u6210\u529f\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002"}),r.default.createElement(o.Message,{showIcon:!0,icon:r.default.createElement(o.Icon,{type:f}),type:"warning",title:"\u8b66\u544a\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002"}),r.default.createElement(o.Message,{showIcon:!0,icon:r.default.createElement(o.Icon,{type:"apple"}),type:"info",title:"\u8bf4\u660e\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002"}),r.default.createElement(o.Message,{showIcon:!0,icon:r.default.createElement(o.Icon,{type:"file-jpg"}),type:"error",title:"\u9519\u8bef\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002"}))}}])&&s(t.prototype,n),a&&s(t,a),Object.defineProperty(t,"prototype",{writable:!1}),d}(r.default.Component);return d}(),111: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(2814);function u(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 s(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 c(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return a(this,n)}}function a(t,n){if(n&&("object"===e(n)\|\|"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},l(e)}var p=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&i(e,t)}(p,e);var t,n,a,l=c(p);function p(){return u(this,p),l.apply(this,arguments)}return t=p,(n=[{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(o.Message,{showIcon:!0,isCloseButtonShown:!0,type:"success",title:"\u81ea\u5b9a\u4e49\u56fe\u6807",description:"\u8fd9\u91cc\u8bbe\u7f6e\u53c2\u6570 isCloseButtonShown \u663e\u793a\u5173\u95ed\u6309\u94ae\u3002\u8fd9\u91cc\u8bbe\u7f6e title \u548c description \u540c\u65f6\u8bbe\u7f6e\u663e\u793a\u56fe\u6807\u3002"}),r.default.createElement(o.Divider,null),r.default.createElement(o.Message,{showIcon:!0,isCloseButtonShown:!0,type:"info",title:"\u8bf4\u660e\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002"}),r.default.createElement(o.Message,{isCloseButtonShown:!0,type:"error",title:"\u9519\u8bef\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002"}))}}])&&s(t.prototype,n),a&&s(t,a),Object.defineProperty(t,"prototype",{writable:!1}),p}(r.default.Component);return p}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" \|\| !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /#__PURE__/function (_React$Component) {\n _inherits(Demo, _React$Component);\n\n var _super = _createSuper(Demo);\n\n function Demo() {\n _classCallCheck(this, Demo);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(Demo, [{\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Message, {\n type: "success",\n title: "\\u6210\\u529F\\u63D0\\u793A\\u6807\\u9898",\n description: "\\u8FD9\\u91CC\\u662F\\u6210\\u529F\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n type: "warning",\n title: /#__PURE__/_react["default"].createElement("div", null, "\\u8B66\\u544A\\u63D0\\u793A\\u6807\\u9898"),\n description: "\\u8FD9\\u91CC\\u662F\\u8B66\\u544A\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n type: "info",\n title: "\\u8BF4\\u660E\\u63D0\\u793A\\u6807\\u9898",\n description: "\\u8FD9\\u91CC\\u662F\\u8BF4\\u660E\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n type: "error",\n title: "\\u9519\\u8BEF\\u63D0\\u793A\\u6807\\u9898",\n description: "\\u8FD9\\u91CC\\u662F\\u9519\\u8BEF\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n type: "success",\n title: "\\u6210\\u529F\\u63D0\\u793A\\u6807\\u9898"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n type: "warning",\n title: "\\u8B66\\u544A\\u63D0\\u793A\\u6807\\u9898"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n type: "info",\n title: "\\u8BF4\\u660E\\u63D0\\u793A\\u6807\\u9898"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n type: "error",\n title: "\\u9519\\u8BEF\\u63D0\\u793A\\u6807\\u9898"\n }));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Message, Divider } from \'uiw\';\n\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Message type="success" title="\u6210\u529f\u63d0\u793a\u6807\u9898" description="\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Message\n type="warning"\n title={<div>\u8b66\u544a\u63d0\u793a\u6807\u9898</div>}\n description="\u8fd9\u91cc\u662f\u8b66\u544a\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"\n />\n <Message type="info" title="\u8bf4\u660e\u63d0\u793a\u6807\u9898" description="\u8fd9\u91cc\u662f\u8bf4\u660e\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Message type="error" title="\u9519\u8bef\u63d0\u793a\u6807\u9898" description="\u8fd9\u91cc\u662f\u9519\u8bef\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n\n <Divider />\n <Message type="success" title="\u6210\u529f\u63d0\u793a\u6807\u9898" />\n <Message type="warning" title="\u8b66\u544a\u63d0\u793a\u6807\u9898" />\n <Message type="info" title="\u8bf4\u660e\u63d0\u793a\u6807\u9898" />\n <Message type="error" title="\u9519\u8bef\u63d0\u793a\u6807\u9898" />\n </div>\n )\n }\n}\nexport default Demo'},49:{name:49,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n type: "success",\n title: "\\u6210\\u529F\\u63D0\\u793A\\u6807\\u9898"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n type: "warning",\n title: "\\u8B66\\u544A\\u63D0\\u793A\\u6807\\u9898"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n type: "info",\n title: "\\u8BF4\\u660E\\u63D0\\u793A\\u6807\\u9898"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n type: "error",\n title: "\\u9519\\u8BEF\\u63D0\\u793A\\u6807\\u9898"\n }), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n type: "success",\n description: "\\u8FD9\\u91CC\\u662F\\u6210\\u529F\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n type: "warning",\n description: "\\u8FD9\\u91CC\\u662F\\u8B66\\u544A\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002\\u8FD9\\u91CC\\u5E76\\u6CA1\\u6709\\u8BBE\\u7F6E title\\uFF0C\\u53EA\\u8BBE\\u7F6E description \\u540C\\u65F6\\u8BBE\\u7F6E\\u663E\\u793A\\u56FE\\u6807\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n type: "info",\n description: "\\u8FD9\\u91CC\\u662F\\u8BF4\\u660E\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n type: "error",\n description: "\\u8FD9\\u91CC\\u662F\\u9519\\u8BEF\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n type: "success",\n title: "\\u6210\\u529F\\u63D0\\u793A\\u6807\\u9898",\n description: "\\u8FD9\\u91CC\\u662F\\u6210\\u529F\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n type: "warning",\n title: "\\u8B66\\u544A\\u63D0\\u793A\\u6807\\u9898"\n }, "\\u8FD9\\u91CC\\u662F\\u8B66\\u544A\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n type: "info",\n title: "\\u8BF4\\u660E\\u63D0\\u793A\\u6807\\u9898",\n description: "\\u8FD9\\u91CC\\u662F\\u8BF4\\u660E\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n type: "error",\n title: "\\u9519\\u8BEF\\u63D0\\u793A\\u6807\\u9898",\n description: "\\u8FD9\\u91CC\\u662F\\u9519\\u8BEF\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002"\n }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Message, Divider } from \'uiw\';\n\nfunction Demo() {\n return (\n <div>\n <Message showIcon type="success" title="\u6210\u529f\u63d0\u793a\u6807\u9898" />\n <Message showIcon type="warning" title="\u8b66\u544a\u63d0\u793a\u6807\u9898" />\n <Message showIcon type="info" title="\u8bf4\u660e\u63d0\u793a\u6807\u9898" />\n <Message showIcon type="error" title="\u9519\u8bef\u63d0\u793a\u6807\u9898" />\n <Divider />\n <Message showIcon type="success" description="\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Message showIcon type="warning" description="\u8fd9\u91cc\u662f\u8b66\u544a\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002\u8fd9\u91cc\u5e76\u6ca1\u6709\u8bbe\u7f6e title\uff0c\u53ea\u8bbe\u7f6e description \u540c\u65f6\u8bbe\u7f6e\u663e\u793a\u56fe\u6807\u3002" />\n <Message showIcon type="info" description="\u8fd9\u91cc\u662f\u8bf4\u660e\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Message showIcon type="error" description="\u8fd9\u91cc\u662f\u9519\u8bef\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Divider />\n <Message showIcon type="success" title="\u6210\u529f\u63d0\u793a\u6807\u9898" description="\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Message\n showIcon\n type="warning"\n title="\u8b66\u544a\u63d0\u793a\u6807\u9898"\n >\n \u8fd9\u91cc\u662f\u8b66\u544a\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002\n </Message>\n <Message showIcon type="info" title="\u8bf4\u660e\u63d0\u793a\u6807\u9898" description="\u8fd9\u91cc\u662f\u8bf4\u660e\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Message showIcon type="error" title="\u9519\u8bef\u63d0\u793a\u6807\u9898" description="\u8fd9\u91cc\u662f\u9519\u8bef\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n </div>\n )\n}\nexport default Demo'},84:{name:84,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 chat = /#__PURE__/_react["default"].createElement("svg", {\n width: "20",\n height: "20",\n viewBox: "0 0 20 20"\n}, " ", /#__PURE__/_react["default"].createElement("path", {\n d: "M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z",\n fillRule: "evenodd"\n}), " ");\n\nvar closed = /#__PURE__/_react["default"].createElement("svg", {\n viewBox: "0 0 16 16",\n width: "16",\n height: "16"\n}, " ", /#__PURE__/_react["default"].createElement("path", {\n fillRule: "evenodd",\n d: "M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z"\n}), " ");\n\nvar Demo = /#__PURE__/function (_React$Component) {\n _inherits(Demo, _React$Component);\n\n var _super = _createSuper(Demo);\n\n function Demo() {\n _classCallCheck(this, Demo);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(Demo, [{\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n type: "error",\n title: "\\u81EA\\u5B9A\\u4E49\\u56FE\\u6807",\n description: "\\u8FD9\\u91CC\\u81EA\\u5B9A\\u4E49Icon\\u7EC4\\u4EF6\\u56FE\\u6807\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: chat\n }),\n type: "info",\n title: "\\u81EA\\u5B9A\\u4E49\\u56FE\\u6807",\n description: "\\u8FD9\\u91CC\\u81EA\\u5B9A\\u4E49 SVG \\u56FE\\u6807\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: closed\n }),\n type: "success",\n title: "\\u81EA\\u5B9A\\u4E49\\u56FE\\u6807",\n description: "\\u8FD9\\u91CC\\u81EA\\u5B9A\\u4E49 SVG \\u56FE\\u6807\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: chat\n }),\n type: "success",\n title: "\\u6210\\u529F\\u63D0\\u793A\\u6807\\u9898\\uFF0C\\u81EA\\u5B9A\\u4E49\\u56FE\\u6807\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: closed\n }),\n type: "warning",\n title: "\\u8B66\\u544A\\u63D0\\u793A\\u6807\\u9898\\uFF0C\\u81EA\\u5B9A\\u4E49\\u56FE\\u6807\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n type: "info",\n title: "\\u8BF4\\u660E\\u63D0\\u793A\\u6807\\u9898\\uFF0C\\u81EA\\u5B9A\\u4E49\\u56FE\\u6807\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-jpg"\n }),\n type: "error",\n title: "\\u9519\\u8BEF\\u63D0\\u793A\\u6807\\u9898\\uFF0C\\u81EA\\u5B9A\\u4E49\\u56FE\\u6807\\u3002"\n }));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Message, Divider ,Icon} from \'uiw\';\n\nconst chat = ( <svg width="20" height="20" viewBox="0 0 20 20"> <path d="M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z" fillRule="evenodd" /> </svg> );\nconst closed = <svg viewBox="0 0 16 16" width="16" height="16"> <path fillRule="evenodd" d="M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z" /> </svg>;\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Message showIcon icon={<Icon type="apple" />} type="error" title="\u81ea\u5b9a\u4e49\u56fe\u6807" description="\u8fd9\u91cc\u81ea\u5b9a\u4e49Icon\u7ec4\u4ef6\u56fe\u6807\u3002" />\n <Message showIcon icon={<Icon type={chat} />} type="info" title="\u81ea\u5b9a\u4e49\u56fe\u6807" description="\u8fd9\u91cc\u81ea\u5b9a\u4e49 SVG \u56fe\u6807\u3002" />\n <Message showIcon icon={<Icon type={closed} />} type="success" title="\u81ea\u5b9a\u4e49\u56fe\u6807" description="\u8fd9\u91cc\u81ea\u5b9a\u4e49 SVG \u56fe\u6807\u3002" />\n <Divider />\n <Message showIcon icon={<Icon type={chat} />} type="success" title="\u6210\u529f\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002" />\n <Message showIcon icon={<Icon type={closed} />} type="warning" title="\u8b66\u544a\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002" />\n <Message showIcon icon={<Icon type="apple" />} type="info" title="\u8bf4\u660e\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002" />\n <Message showIcon icon={<Icon type="file-jpg" />} type="error" title="\u9519\u8bef\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002" />\n </div>\n )\n }\n}\nexport default Demo'},111:{name:111,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" \|\| !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /#__PURE__/function (_React$Component) {\n _inherits(Demo, _React$Component);\n\n var _super = _createSuper(Demo);\n\n function Demo() {\n _classCallCheck(this, Demo);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(Demo, [{\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n isCloseButtonShown: true,\n type: "success",\n title: "\\u81EA\\u5B9A\\u4E49\\u56FE\\u6807",\n description: "\\u8FD9\\u91CC\\u8BBE\\u7F6E\\u53C2\\u6570 isCloseButtonShown \\u663E\\u793A\\u5173\\u95ED\\u6309\\u94AE\\u3002\\u8FD9\\u91CC\\u8BBE\\u7F6E title \\u548C description \\u540C\\u65F6\\u8BBE\\u7F6E\\u663E\\u793A\\u56FE\\u6807\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n showIcon: true,\n isCloseButtonShown: true,\n type: "info",\n title: "\\u8BF4\\u660E\\u63D0\\u793A\\u6807\\u9898\\uFF0C\\u81EA\\u5B9A\\u4E49\\u56FE\\u6807\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Message, {\n isCloseButtonShown: true,\n type: "error",\n title: "\\u9519\\u8BEF\\u63D0\\u793A\\u6807\\u9898\\uFF0C\\u81EA\\u5B9A\\u4E49\\u56FE\\u6807\\u3002"\n }));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Message, Divider } from \'uiw\';\n\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Message\n showIcon\n isCloseButtonShown\n type="success"\n title="\u81ea\u5b9a\u4e49\u56fe\u6807"\n description="\u8fd9\u91cc\u8bbe\u7f6e\u53c2\u6570 isCloseButtonShown \u663e\u793a\u5173\u95ed\u6309\u94ae\u3002\u8fd9\u91cc\u8bbe\u7f6e title \u548c description \u540c\u65f6\u8bbe\u7f6e\u663e\u793a\u56fe\u6807\u3002"\n />\n <Divider />\n <Message showIcon isCloseButtonShown type="info" title="\u8bf4\u660e\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002" />\n <Message isCloseButtonShown type="error" title="\u9519\u8bef\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002" />\n </div>\n )\n }\n}\nexport default Demo'}},source:'Message \u8b66\u544a\u63d0\u793a\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-message/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-message.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-message)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-message.svg?label=@uiw/react-message)](https://npmjs.com/@uiw/react-message)\n\n\u8b66\u544a\u63d0\u793a\uff0c\u7528\u4e8e\u9875\u9762\u4e2d\u5c55\u793a\u91cd\u8981\u7684\u63d0\u793a\u4fe1\u606f\u3002\n\n```jsx\nimport { Message } from \'uiw\';\n// or\nimport Message from \'@uiw/react-message\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Message, Divider } from \'uiw\';\n\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Message type="success" title="\u6210\u529f\u63d0\u793a\u6807\u9898" description="\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Message\n type="warning"\n title={<div>\u8b66\u544a\u63d0\u793a\u6807\u9898</div>}\n description="\u8fd9\u91cc\u662f\u8b66\u544a\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"\n />\n <Message type="info" title="\u8bf4\u660e\u63d0\u793a\u6807\u9898" description="\u8fd9\u91cc\u662f\u8bf4\u660e\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Message type="error" title="\u9519\u8bef\u63d0\u793a\u6807\u9898" description="\u8fd9\u91cc\u662f\u9519\u8bef\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n\n <Divider />\n <Message type="success" title="\u6210\u529f\u63d0\u793a\u6807\u9898" />\n <Message type="warning" title="\u8b66\u544a\u63d0\u793a\u6807\u9898" />\n <Message type="info" title="\u8bf4\u660e\u63d0\u793a\u6807\u9898" />\n <Message type="error" title="\u9519\u8bef\u63d0\u793a\u6807\u9898" />\n </div>\n )\n }\n}\nexport default Demo\n```\n\n### \u663e\u793a\u56fe\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Message, Divider } from \'uiw\';\n\nfunction Demo() {\n return (\n <div>\n <Message showIcon type="success" title="\u6210\u529f\u63d0\u793a\u6807\u9898" />\n <Message showIcon type="warning" title="\u8b66\u544a\u63d0\u793a\u6807\u9898" />\n <Message showIcon type="info" title="\u8bf4\u660e\u63d0\u793a\u6807\u9898" />\n <Message showIcon type="error" title="\u9519\u8bef\u63d0\u793a\u6807\u9898" />\n <Divider />\n <Message showIcon type="success" description="\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Message showIcon type="warning" description="\u8fd9\u91cc\u662f\u8b66\u544a\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002\u8fd9\u91cc\u5e76\u6ca1\u6709\u8bbe\u7f6e title\uff0c\u53ea\u8bbe\u7f6e description \u540c\u65f6\u8bbe\u7f6e\u663e\u793a\u56fe\u6807\u3002" />\n <Message showIcon type="info" description="\u8fd9\u91cc\u662f\u8bf4\u660e\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Message showIcon type="error" description="\u8fd9\u91cc\u662f\u9519\u8bef\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Divider />\n <Message showIcon type="success" title="\u6210\u529f\u63d0\u793a\u6807\u9898" description="\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Message\n showIcon\n type="warning"\n title="\u8b66\u544a\u63d0\u793a\u6807\u9898"\n >\n \u8fd9\u91cc\u662f\u8b66\u544a\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002\n </Message>\n <Message showIcon type="info" title="\u8bf4\u660e\u63d0\u793a\u6807\u9898" description="\u8fd9\u91cc\u662f\u8bf4\u660e\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n <Message showIcon type="error" title="\u9519\u8bef\u63d0\u793a\u6807\u9898" description="\u8fd9\u91cc\u662f\u9519\u8bef\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002" />\n </div>\n )\n}\nexport default Demo\n```\n\n### \u81ea\u5b9a\u4e49\u56fe\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Message, Divider ,Icon} from \'uiw\';\n\nconst chat = ( <svg width="20" height="20" viewBox="0 0 20 20"> <path d="M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z" fillRule="evenodd" /> </svg> );\nconst closed = <svg viewBox="0 0 16 16" width="16" height="16"> <path fillRule="evenodd" d="M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z" /> </svg>;\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Message showIcon icon={<Icon type="apple" />} type="error" title="\u81ea\u5b9a\u4e49\u56fe\u6807" description="\u8fd9\u91cc\u81ea\u5b9a\u4e49Icon\u7ec4\u4ef6\u56fe\u6807\u3002" />\n <Message showIcon icon={<Icon type={chat} />} type="info" title="\u81ea\u5b9a\u4e49\u56fe\u6807" description="\u8fd9\u91cc\u81ea\u5b9a\u4e49 SVG \u56fe\u6807\u3002" />\n <Message showIcon icon={<Icon type={closed} />} type="success" title="\u81ea\u5b9a\u4e49\u56fe\u6807" description="\u8fd9\u91cc\u81ea\u5b9a\u4e49 SVG \u56fe\u6807\u3002" />\n <Divider />\n <Message showIcon icon={<Icon type={chat} />} type="success" title="\u6210\u529f\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002" />\n <Message showIcon icon={<Icon type={closed} />} type="warning" title="\u8b66\u544a\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002" />\n <Message showIcon icon={<Icon type="apple" />} type="info" title="\u8bf4\u660e\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002" />\n <Message showIcon icon={<Icon type="file-jpg" />} type="error" title="\u9519\u8bef\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002" />\n </div>\n )\n }\n}\nexport default Demo\n```\n\n### \u5173\u95ed\u6309\u94ae\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Message, Divider } from \'uiw\';\n\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Message\n showIcon\n isCloseButtonShown\n type="success"\n title="\u81ea\u5b9a\u4e49\u56fe\u6807"\n description="\u8fd9\u91cc\u8bbe\u7f6e\u53c2\u6570 isCloseButtonShown \u663e\u793a\u5173\u95ed\u6309\u94ae\u3002\u8fd9\u91cc\u8bbe\u7f6e title \u548c description \u540c\u65f6\u8bbe\u7f6e\u663e\u793a\u56fe\u6807\u3002"\n />\n <Divider />\n <Message showIcon isCloseButtonShown type="info" title="\u8bf4\u660e\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002" />\n <Message isCloseButtonShown type="error" title="\u9519\u8bef\u63d0\u793a\u6807\u9898\uff0c\u81ea\u5b9a\u4e49\u56fe\u6807\u3002" />\n </div>\n )\n }\n}\nexport default Demo\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| type \| \u6307\u5b9a\u8b66\u544a\u63d0\u793a\u7684\u6837\u5f0f \| Enum{`success`, `warning`, `info`, `error`} \| - \|\n\| title \| \u8b66\u544a\u63d0\u793a\u6807\u9898 \| String/ReactNode \| - \|\n\| description \| \u8b66\u544a\u63d0\u793a\u63cf\u8ff0\u8be6\u60c5 \| String/ReactNode \| - \|\n\| rounded \| \u662f\u5426\u663e\u793a\u5706\u89d2 \| Boolean \| - \|\n\| showIcon \| \u8bbe\u5b9a\u663e\u793a\u56fe\u6807 \| Boolean \| - \|\n\| isCloseButtonShown \| \u663e\u793a\u5173\u95ed\u6309\u94ae \| Boolean \| - \|\n\| icon \| \u81ea\u5b9a\u4e49\u56fe\u6807\uff0c\u8bbe\u7f6e `showIcon=true` \u624d\u4f1a\u8d77\u4f5c\u7528\u3002 \| ReactNode \| - \|\n\| onClose \| \u70b9\u51fb\u9ed8\u8ba4\u5173\u95ed\u6309\u94ae\u65f6\u89e6\u53d1\u7684\u56de\u8c03\u51fd\u6570\t \| Function \| - \|'}}}]);
2	- //# sourceMappingURL=1048.e1f07ee4.chunk.js.map

package/web/static/js/1067.c19e8202.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[1067],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return S}});var r=n(189),o=n(3782),i=n(5726),s=n(5752),c=n(6796),a=n(6135),d=n.n(a),l=n(2029),u=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t\|\|[]).join("\|");return e.replace(/import([\s\S]?)(?=['"])['"].['"]( ;\|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/* ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,s=(0,o.Z)(e,f),a=(0,r.Z)({},s),m=(0,u.useRef)(null),x=[];if(n){var v={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text\|\|"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};x.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},v),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var g={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}};x.push((0,p.jsx)(l.Z,(0,r.Z)((0,r.Z)({},g),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(c.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(u.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function g(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,v.$)(),r=n.t,o=/^http/.test(t\|\|"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(u.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var j="index_docinfo__3Vx8S",k="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function S(e){var t=e.renderPage,n=e.path,c=(0,b.Z)(t),a=c.mdData,d=c.loading,l=s.i8\|\|"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(x.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:k,components:{code:function(e){var t,n=e.inline,i=e.node,s=(0,o.Z)(e,Z),c=s["data-meta"],d=(s.noPreview,s.noScroll,s.bgWhite,s.noCode),u=(s.codePen,s.codeSandboxOption,s.codeSandbox,s.bordered,(0,o.Z)(s,_));if(n\|\|!(0,w.pN)(c))return(0,p.jsx)("code",(0,r.Z)({},u));var f=null===(t=i.position)\|\|void 0===t?void 0:t.start.line,h=(0,w.Mx)(c)\|\|String(f),x=a.components["".concat(h)],v=(0,w.aE)(c);if(h&&"function"===typeof x){var g=a.data[h].value\|\|"";return(0,p.jsx)(m,{toolbar:v.title\|\|"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:v.codePen,codeSandbox:v.codeSandbox,disableCheckered:!!v.disableCheckered,background:v.background,version:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:g,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(0,p.jsx)("div",{className:j,children:(0,p.jsx)(g,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),s=n(8133),c=n(2251),a=n(3208),d=function(){var e=(0,c.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,s.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),c=n[0],a=n[1],l=d(),u=(0,s.useState)(!1),p=(0,i.Z)(u,2),f=p[0],h=p[1];return(0,s.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(l);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[l]),{mdData:c,loading:f}}},7971:function(e,t,n){"use strict";n.r(t);var r=n(1092),o=n(7791),i=(n(8133),n(2814)),s=n(270),c=n(9265);t.default=function(){return(0,c.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-steps/README.md",dependencies:{Steps:i.Steps,Icon:i.Icon,Button:i.Button,Notify:i.Notify,Row:i.Row,Col:i.Col},renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(6795).then(n.bind(n,6795));case 2:return t=e.sent,e.abrupt("return",t.default\|\|t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=1067.c19e8202.chunk.js.map

package/web/static/js/1574.2b98b114.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[1574],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return C}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),s=n(6796),a=n(6135),d=n.n(a),l=n(2029),u=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t\|\|[]).join("\|");return e.replace(/import([\s\S]?)(?=['"])['"].['"]( ;\|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/* ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,c=(0,o.Z)(e,f),a=(0,r.Z)({},c),m=(0,u.useRef)(null),x=[];if(n){var v={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text\|\|"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};x.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},v),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var k={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}};x.push((0,p.jsx)(l.Z,(0,r.Z)((0,r.Z)({},k),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(s.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(u.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function k(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,v.$)(),r=n.t,o=/^http/.test(t\|\|"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(u.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var g="index_docinfo__3Vx8S",j="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function C(e){var t=e.renderPage,n=e.path,s=(0,b.Z)(t),a=s.mdData,d=s.loading,l=c.i8\|\|"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(x.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:j,components:{code:function(e){var t,n=e.inline,i=e.node,c=(0,o.Z)(e,Z),s=c["data-meta"],d=(c.noPreview,c.noScroll,c.bgWhite,c.noCode),u=(c.codePen,c.codeSandboxOption,c.codeSandbox,c.bordered,(0,o.Z)(c,_));if(n\|\|!(0,w.pN)(s))return(0,p.jsx)("code",(0,r.Z)({},u));var f=null===(t=i.position)\|\|void 0===t?void 0:t.start.line,h=(0,w.Mx)(s)\|\|String(f),x=a.components["".concat(h)],v=(0,w.aE)(s);if(h&&"function"===typeof x){var k=a.data[h].value\|\|"";return(0,p.jsx)(m,{toolbar:v.title\|\|"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:v.codePen,codeSandbox:v.codeSandbox,disableCheckered:!!v.disableCheckered,background:v.background,version:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:k,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(0,p.jsx)("div",{className:g,children:(0,p.jsx)(k,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),c=n(8133),s=n(2251),a=n(3208),d=function(){var e=(0,s.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,c.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),s=n[0],a=n[1],l=d(),u=(0,c.useState)(!1),p=(0,i.Z)(u,2),f=p[0],h=p[1];return(0,c.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(l);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[l]),{mdData:s,loading:f}}},2195:function(e,t,n){"use strict";n.r(t);var r=n(1092),o=n(7791),i=n(8133),c=n(2814),s=n(270),a=n(9265);t.default=function(){return(0,a.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-transfer/README.md",dependencies:{Form:c.Form,Button:c.Button,TreeChecked:c.TreeChecked,Transfer:c.Transfer,Row:c.Row,Col:c.Col,Card:c.Card,Icon:c.Icon,React:i},renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(5775).then(n.bind(n,5775));case 2:return t=e.sent,e.abrupt("return",t.default\|\|t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=1574.2b98b114.chunk.js.map

package/web/static/js/1661.f881ca84.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[1661],{1661:function(e,u,n){n.r(u),u.default={components:{20:function(){var e,u=(e=n(8133))&&e.__esModule?e:{default:e},t=n(2814);var a=function(){return u.default.createElement("div",{onClick:function(e){e.stopPropagation()}},"\u8bbe\u7f6e")};return function(){return u.default.createElement("div",null,u.default.createElement(t.Collapse,{activeKey:["1"],onChange:function(e){return console.log("key::1:",e)}},u.default.createElement(t.Collapse.Panel,{header:"\u5927\u8bdd\u897f\u6e38",key:"1",extra:a()},u.default.createElement("div",null,"\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 "),u.default.createElement("div",null,"\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 "),u.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),u.default.createElement("div",null,"\u4e00\u4e07\u5e74")),u.default.createElement(t.Collapse.Panel,{header:"\u897f\u6e38\xb7\u964d\u9b54\u7bc7",key:"2",extra:a()},u.default.createElement("div",null,"\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b"),u.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),u.default.createElement(t.Collapse.Panel,{header:"\u56fd\u4ea7\u96f6\u96f6\u6f06",key:"3",extra:a()},u.default.createElement("div",null,"\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002"))))}}(),56:function(){var e,u=(e=n(8133))&&e.__esModule?e:{default:e},t=n(2814);return function(){return u.default.createElement("div",null,u.default.createElement(t.Collapse,{activeKey:["1"],onChange:function(e){return console.log("key::1:",e)}},u.default.createElement(t.Collapse.Panel,{header:"\u5927\u8bdd\u897f\u6e38",key:"1"},u.default.createElement("div",null,"\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 "),u.default.createElement("div",null,"\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 "),u.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),u.default.createElement("div",null,"\u4e00\u4e07\u5e74")),u.default.createElement(t.Collapse.Panel,{header:"\u897f\u6e38\xb7\u964d\u9b54\u7bc7",key:"2"},u.default.createElement("div",null,"\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b"),u.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),u.default.createElement(t.Collapse.Panel,{header:"\u56fd\u4ea7\u96f6\u96f6\u6f06",key:"3",disabled:!0},u.default.createElement("div",null,"\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002"))))}}(),87:function(){function e(u){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(u)}var u,t=(u=n(8133))&&u.__esModule?u:{default:u},a=n(2814);function l(e,u){if(n=e,!(null!=(t=u)&&"undefined"!==typeof Symbol&&t[Symbol.hasInstance]?t[Symbol.hasInstance](n):n instanceof t))throw new TypeError("Cannot call a class as a function");var n,t}function r(e,u){for(var n=0;n<u.length;n++){var t=u[n];t.enumerable=t.enumerable\|\|!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}function o(e,u){return o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,u){return e.__proto__=u,e},o(e,u)}function i(e){var u=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,t=d(e);if(u){var a=d(this).constructor;n=Reflect.construct(t,arguments,a)}else n=t.apply(this,arguments);return c(this,n)}}function c(u,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}(u)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},d(e)}return function(e){!function(e,u){if("function"!==typeof u&&null!==u)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(u&&u.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),u&&o(e,u)}(E,e);var u,n,c,d=i(E);function E(e){var u;return l(this,E),(u=d.call(this,e)).state={activeName:"0"},u}return u=E,(n=[{key:"render",value:function(){var e=this,u=a.Collapse.Panel;return t.default.createElement("div",null,t.default.createElement(a.Button,{type:"primary",style:{marginBottom:"15px"},onClick:function(){return e.setState({activeName:"2"===e.state.activeName?"":"2"})}},"\u6253\u5f00\u6216\u5173\u95ed\u7b2c\u4e09\u4e2a"),t.default.createElement(a.Collapse,{accordion:!0,activeKey:[this.state.activeName],onChange:function(e){return console.log("key::2:",e)}},t.default.createElement(u,{header:"\u5927\u8bdd\u897f\u6e38"},t.default.createElement("div",null,"\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 "),t.default.createElement("div",null,"\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 "),t.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),t.default.createElement("div",null,"\u4e00\u4e07\u5e74")),t.default.createElement(u,{header:"\u897f\u6e38\xb7\u964d\u9b54\u7bc7"},t.default.createElement("div",null,"\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b"),t.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),t.default.createElement(u,{header:"\u56fd\u4ea7\u96f6\u96f6\u6f06",showArrow:!1},t.default.createElement("div",null,"\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002"))))}}])&&r(u.prototype,n),c&&r(u,c),Object.defineProperty(u,"prototype",{writable:!1}),E}(t.default.Component)}(),135:function(){var e,u=(e=n(8133))&&e.__esModule?e:{default:e},t=n(2814);var a=t.Collapse.Panel;return function(){return u.default.createElement("div",null,u.default.createElement(t.Collapse,{accordion:!0,bordered:!0,activeKey:[],onChange:function(e){return console.log("key::3:",e)}},u.default.createElement(a,{header:"\u5927\u8bdd\u897f\u6e38"},u.default.createElement("div",null,"\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 "),u.default.createElement("div",null,"\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 "),u.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),u.default.createElement("div",null,"\u4e00\u4e07\u5e74")),u.default.createElement(a,{header:"\u897f\u6e38\xb7\u964d\u9b54\u7bc7"},u.default.createElement("div",null,"\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b"),u.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),u.default.createElement(a,{header:"\u56fd\u4ea7\u96f6\u96f6\u6f06"},u.default.createElement("div",null,"\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002"))))}}(),168:function(){var e,u=(e=n(8133))&&e.__esModule?e:{default:e},t=n(2814);var a={background:"#f7f7f7",borderRadius:4,marginBottom:24,border:0,overflow:"hidden"},l=t.Collapse.Panel;return function(){return u.default.createElement("div",null,u.default.createElement(t.Collapse,{accordion:!0,bordered:!0,activeKey:[],onChange:function(e){return console.log("key::4:",e)}},u.default.createElement(l,{header:"\u5927\u8bdd\u897f\u6e38",style:a},u.default.createElement("div",null,"\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 "),u.default.createElement("div",null,"\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 "),u.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),u.default.createElement("div",null,"\u4e00\u4e07\u5e74")),u.default.createElement(l,{header:"\u897f\u6e38\xb7\u964d\u9b54\u7bc7",style:a},u.default.createElement("div",null,"\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b"),u.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),u.default.createElement(l,{header:"\u56fd\u4ea7\u96f6\u96f6\u6f06",style:a},u.default.createElement("div",null,"\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002"))))}}(),207:function(){var e,u=(e=n(8133))&&e.__esModule?e:{default:e},t=n(2814);var a=t.Collapse.Panel;return function(){return u.default.createElement("div",null,u.default.createElement(t.Collapse,{showArrow:!1,activeKey:["1"],onChange:function(e){return console.log("key::5:",e)}},u.default.createElement(a,{header:u.default.createElement("span",null,"\u5927\u8bdd\u897f\u6e38 ",u.default.createElement(t.Icon,{type:"smile-o"})),key:"1"},u.default.createElement("div",null,"\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 "),u.default.createElement("div",null,"\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 "),u.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),u.default.createElement("div",null,"\u4e00\u4e07\u5e74")),u.default.createElement(a,{header:u.default.createElement("span",null,"\u897f\u6e38\xb7\u964d\u9b54\u7bc7 ",u.default.createElement(t.Icon,{type:"smile-o"})),key:"2"},u.default.createElement("div",null,"\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b"),u.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),u.default.createElement(a,{header:"\u56fd\u4ea7\u96f6\u96f6\u6f06",key:"3"},u.default.createElement("div",null,"\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002"))))}}(),237:function(){var e,u=(e=n(8133))&&e.__esModule?e:{default:e},t=n(2814);var a=t.Collapse.Panel;return function(){return u.default.createElement("div",null,u.default.createElement(t.Collapse,{activeKey:["1"],onChange:function(e){return console.log("key::6:",e)}},u.default.createElement(a,{icon:"caret-down",header:u.default.createElement("span",null,"\u5927\u8bdd\u897f\u6e38 ",u.default.createElement(t.Icon,{type:"smile-o"})),key:"1"},u.default.createElement("div",null,"\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 "),u.default.createElement("div",null,"\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 "),u.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),u.default.createElement("div",null,"\u4e00\u4e07\u5e74")),u.default.createElement(a,{icon:u.default.createElement(t.Icon,{type:"down-circle"}),header:u.default.createElement("span",null,"\u897f\u6e38\xb7\u964d\u9b54\u7bc7 ",u.default.createElement(t.Icon,{type:"smile-o"})),key:"2"},u.default.createElement("div",null,"\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b"),u.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),u.default.createElement(a,{icon:u.default.createElement("span",null,"\u6298\u53e0-"),header:"\u56fd\u4ea7\u96f6\u96f6\u6f06",key:"3"},u.default.createElement("div",null,"\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002"))))}}()},data:{20:{name:20,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar genExtra = function genExtra() {\n return /#__PURE__/_react["default"].createElement("div", {\n onClick: function onClick(event) {\n // If you don\'t want click extra trigger collapse, you can prevent this:\n event.stopPropagation();\n }\n }, "\\u8BBE\\u7F6E");\n};\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Collapse, {\n activeKey: [\'1\'],\n onChange: function onChange(key) {\n return console.log(\'key::1:\', key);\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Collapse.Panel, {\n header: "\\u5927\\u8BDD\\u897F\\u6E38",\n key: "1",\n extra: genExtra()\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u6709\\u4E00\\u4EFD\\u771F\\u8BDA\\u7684\\u7231\\u60C5\\u653E\\u5728\\u6211\\u9762\\u524D\\uFF0C\\u6211\\u6CA1\\u6709\\u73CD\\u60DC\\uFF0C\\u7B49\\u6211\\u5931\\u53BB\\u7684\\u65F6\\u5019\\u6211\\u624D\\u540E\\u6094\\u83AB\\u53CA\\uFF0C\\u4EBA\\u4E16\\u95F4\\u6700\\u75DB\\u82E6\\u7684\\u4E8B\\u83AB\\u8FC7\\u4E8E\\u6B64\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u4E0A\\u5929\\u80FD\\u591F\\u7ED9\\u6211\\u4E00\\u4E2A\\u518D\\u6765\\u4E00\\u6B21\\u7684\\u673A\\u4F1A\\uFF0C\\u6211\\u4F1A\\u5BF9\\u90A3\\u4E2A\\u5973\\u5B69\\u5B50\\u8BF4\\u4E09\\u4E2A\\u5B57\\uFF1A\\u6211\\u7231\\u4F60\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /#__PURE__/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /#__PURE__/_react["default"].createElement(_uiw.Collapse.Panel, {\n header: "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7",\n key: "2",\n extra: genExtra()\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u75DB\\u82E6\\uFF0C\\u624D\\u77E5\\u9053\\u771F\\u6B63\\u7684\\u75DB\\u82E6\\uFF1B\\u66FE\\u7ECF\\u6267\\u8457\\uFF0C\\u624D\\u80FD\\u653E\\u4E0B\\u6267\\u8457\\uFF1B"), /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /#__PURE__/_react["default"].createElement(_uiw.Collapse.Panel, {\n header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06",\n key: "3",\n extra: genExtra()\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u53E4\\u6709\\u5173\\u4E91\\u957F\\u5168\\u795E\\u8D2F\\u6CE8\\u4E0B\\u8C61\\u68CB\\u522E\\u9AA8\\u7597\\u6BD2\\uFF0C\\u4ECA\\u6709\\u6211\\u96F6\\u96F6\\u6F06\\u805A\\u7CBE\\u4F1A\\u795E\\u770BA\\u7247\\u6316\\u9AA8\\u53D6\\u5F39\\u5934\\u3002"))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Collapse } from \'uiw\';\n\nconst genExtra = () => (\n <div\n onClick={(event) => {\n // If you don\'t want click extra trigger collapse, you can prevent this:\n event.stopPropagation();\n }}\n >\u8bbe\u7f6e</div>\n);\n\nfunction Demo() {\n return <div>\n <Collapse activeKey={[\'1\']} onChange={key=>console.log(\'key::1:\', key)}>\n <Collapse.Panel header="\u5927\u8bdd\u897f\u6e38" key="1" extra={genExtra()}>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Collapse.Panel>\n <Collapse.Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7" key="2" extra={genExtra()}>\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Collapse.Panel>\n <Collapse.Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3" extra={genExtra()}>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Collapse.Panel>\n </Collapse>\n </div>\n}\n\nexport default Demo'},56:{name:56,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Collapse, {\n activeKey: [\'1\'],\n onChange: function onChange(key) {\n return console.log(\'key::1:\', key);\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Collapse.Panel, {\n header: "\\u5927\\u8BDD\\u897F\\u6E38",\n key: "1"\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u6709\\u4E00\\u4EFD\\u771F\\u8BDA\\u7684\\u7231\\u60C5\\u653E\\u5728\\u6211\\u9762\\u524D\\uFF0C\\u6211\\u6CA1\\u6709\\u73CD\\u60DC\\uFF0C\\u7B49\\u6211\\u5931\\u53BB\\u7684\\u65F6\\u5019\\u6211\\u624D\\u540E\\u6094\\u83AB\\u53CA\\uFF0C\\u4EBA\\u4E16\\u95F4\\u6700\\u75DB\\u82E6\\u7684\\u4E8B\\u83AB\\u8FC7\\u4E8E\\u6B64\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u4E0A\\u5929\\u80FD\\u591F\\u7ED9\\u6211\\u4E00\\u4E2A\\u518D\\u6765\\u4E00\\u6B21\\u7684\\u673A\\u4F1A\\uFF0C\\u6211\\u4F1A\\u5BF9\\u90A3\\u4E2A\\u5973\\u5B69\\u5B50\\u8BF4\\u4E09\\u4E2A\\u5B57\\uFF1A\\u6211\\u7231\\u4F60\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /#__PURE__/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /#__PURE__/_react["default"].createElement(_uiw.Collapse.Panel, {\n header: "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7",\n key: "2"\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u75DB\\u82E6\\uFF0C\\u624D\\u77E5\\u9053\\u771F\\u6B63\\u7684\\u75DB\\u82E6\\uFF1B\\u66FE\\u7ECF\\u6267\\u8457\\uFF0C\\u624D\\u80FD\\u653E\\u4E0B\\u6267\\u8457\\uFF1B"), /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /#__PURE__/_react["default"].createElement(_uiw.Collapse.Panel, {\n header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06",\n key: "3",\n disabled: true\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u53E4\\u6709\\u5173\\u4E91\\u957F\\u5168\\u795E\\u8D2F\\u6CE8\\u4E0B\\u8C61\\u68CB\\u522E\\u9AA8\\u7597\\u6BD2\\uFF0C\\u4ECA\\u6709\\u6211\\u96F6\\u96F6\\u6F06\\u805A\\u7CBE\\u4F1A\\u795E\\u770BA\\u7247\\u6316\\u9AA8\\u53D6\\u5F39\\u5934\\u3002"))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Collapse } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <Collapse activeKey={[\'1\']} onChange={key=>console.log(\'key::1:\', key)}>\n <Collapse.Panel header="\u5927\u8bdd\u897f\u6e38" key="1">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Collapse.Panel>\n <Collapse.Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7" key="2">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Collapse.Panel>\n <Collapse.Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3" disabled >\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Collapse.Panel>\n </Collapse>\n </div>\n}\n\nexport default Demo'},87:{name:87,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 activeName: \'0\'\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "render",\n value: function render() {\n var _this2 = this;\n\n var Panel = _uiw.Collapse.Panel;\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n style: {\n marginBottom: \'15px\'\n },\n onClick: function onClick() {\n return _this2.setState({\n activeName: _this2.state.activeName === \'2\' ? \'\' : \'2\'\n });\n }\n }, "\\u6253\\u5F00\\u6216\\u5173\\u95ED\\u7B2C\\u4E09\\u4E2A"), /#__PURE__/_react["default"].createElement(_uiw.Collapse, {\n accordion: true,\n activeKey: [this.state.activeName],\n onChange: function onChange(key) {\n return console.log(\'key::2:\', key);\n }\n }, /#__PURE__/_react["default"].createElement(Panel, {\n header: "\\u5927\\u8BDD\\u897F\\u6E38"\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u6709\\u4E00\\u4EFD\\u771F\\u8BDA\\u7684\\u7231\\u60C5\\u653E\\u5728\\u6211\\u9762\\u524D\\uFF0C\\u6211\\u6CA1\\u6709\\u73CD\\u60DC\\uFF0C\\u7B49\\u6211\\u5931\\u53BB\\u7684\\u65F6\\u5019\\u6211\\u624D\\u540E\\u6094\\u83AB\\u53CA\\uFF0C\\u4EBA\\u4E16\\u95F4\\u6700\\u75DB\\u82E6\\u7684\\u4E8B\\u83AB\\u8FC7\\u4E8E\\u6B64\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u4E0A\\u5929\\u80FD\\u591F\\u7ED9\\u6211\\u4E00\\u4E2A\\u518D\\u6765\\u4E00\\u6B21\\u7684\\u673A\\u4F1A\\uFF0C\\u6211\\u4F1A\\u5BF9\\u90A3\\u4E2A\\u5973\\u5B69\\u5B50\\u8BF4\\u4E09\\u4E2A\\u5B57\\uFF1A\\u6211\\u7231\\u4F60\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /#__PURE__/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /#__PURE__/_react["default"].createElement(Panel, {\n header: "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7"\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u75DB\\u82E6\\uFF0C\\u624D\\u77E5\\u9053\\u771F\\u6B63\\u7684\\u75DB\\u82E6\\uFF1B\\u66FE\\u7ECF\\u6267\\u8457\\uFF0C\\u624D\\u80FD\\u653E\\u4E0B\\u6267\\u8457\\uFF1B"), /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /#__PURE__/_react["default"].createElement(Panel, {\n header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06",\n showArrow: false\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u53E4\\u6709\\u5173\\u4E91\\u957F\\u5168\\u795E\\u8D2F\\u6CE8\\u4E0B\\u8C61\\u68CB\\u522E\\u9AA8\\u7597\\u6BD2\\uFF0C\\u4ECA\\u6709\\u6211\\u96F6\\u96F6\\u6F06\\u805A\\u7CBE\\u4F1A\\u795E\\u770BA\\u7247\\u6316\\u9AA8\\u53D6\\u5F39\\u5934\\u3002"))));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Collapse, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n activeName: '0'\n }\n }\n render() {\n const Panel = Collapse.Panel\n return (\n <div>\n <Button\n type=\"primary\"\n style={{marginBottom: '15px'}}\n onClick={() => this.setState({ activeName: this.state.activeName === '2'?'':'2' })}\n >\n \u6253\u5f00\u6216\u5173\u95ed\u7b2c\u4e09\u4e2a\n </Button>\n <Collapse accordion activeKey={[this.state.activeName]} onChange={key=>console.log('key::2:', key)}>\n <Panel header=\"\u5927\u8bdd\u897f\u6e38\">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel header=\"\u897f\u6e38\xb7\u964d\u9b54\u7bc7\">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel header=\"\u56fd\u4ea7\u96f6\u96f6\u6f06\" showArrow={false}>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>\n )\n }\n}\nexport default Demo"},135:{name:135,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 Panel = _uiw.Collapse.Panel;\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Collapse, {\n accordion: true,\n bordered: true,\n activeKey: [],\n onChange: function onChange(key) {\n return console.log(\'key::3:\', key);\n }\n }, /#__PURE__/_react["default"].createElement(Panel, {\n header: "\\u5927\\u8BDD\\u897F\\u6E38"\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u6709\\u4E00\\u4EFD\\u771F\\u8BDA\\u7684\\u7231\\u60C5\\u653E\\u5728\\u6211\\u9762\\u524D\\uFF0C\\u6211\\u6CA1\\u6709\\u73CD\\u60DC\\uFF0C\\u7B49\\u6211\\u5931\\u53BB\\u7684\\u65F6\\u5019\\u6211\\u624D\\u540E\\u6094\\u83AB\\u53CA\\uFF0C\\u4EBA\\u4E16\\u95F4\\u6700\\u75DB\\u82E6\\u7684\\u4E8B\\u83AB\\u8FC7\\u4E8E\\u6B64\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u4E0A\\u5929\\u80FD\\u591F\\u7ED9\\u6211\\u4E00\\u4E2A\\u518D\\u6765\\u4E00\\u6B21\\u7684\\u673A\\u4F1A\\uFF0C\\u6211\\u4F1A\\u5BF9\\u90A3\\u4E2A\\u5973\\u5B69\\u5B50\\u8BF4\\u4E09\\u4E2A\\u5B57\\uFF1A\\u6211\\u7231\\u4F60\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /#__PURE__/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /#__PURE__/_react["default"].createElement(Panel, {\n header: "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7"\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u75DB\\u82E6\\uFF0C\\u624D\\u77E5\\u9053\\u771F\\u6B63\\u7684\\u75DB\\u82E6\\uFF1B\\u66FE\\u7ECF\\u6267\\u8457\\uFF0C\\u624D\\u80FD\\u653E\\u4E0B\\u6267\\u8457\\uFF1B"), /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /#__PURE__/_react["default"].createElement(Panel, {\n header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06"\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u53E4\\u6709\\u5173\\u4E91\\u957F\\u5168\\u795E\\u8D2F\\u6CE8\\u4E0B\\u8C61\\u68CB\\u522E\\u9AA8\\u7597\\u6BD2\\uFF0C\\u4ECA\\u6709\\u6211\\u96F6\\u96F6\\u6F06\\u805A\\u7CBE\\u4F1A\\u795E\\u770BA\\u7247\\u6316\\u9AA8\\u53D6\\u5F39\\u5934\\u3002"))));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Collapse } from 'uiw';\n\nconst Panel = Collapse.Panel;\n\nfunction Demo() {\n return <div>\n <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log('key::3:', key)}>\n <Panel header=\"\u5927\u8bdd\u897f\u6e38\">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel header=\"\u897f\u6e38\xb7\u964d\u9b54\u7bc7\">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel header=\"\u56fd\u4ea7\u96f6\u96f6\u6f06\">\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>\n}\n\nexport default Demo"},168:{name:168,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 customPanelStyle = {\n background: \'#f7f7f7\',\n borderRadius: 4,\n marginBottom: 24,\n border: 0,\n overflow: \'hidden\'\n};\nvar Panel = _uiw.Collapse.Panel;\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Collapse, {\n accordion: true,\n bordered: true,\n activeKey: [],\n onChange: function onChange(key) {\n return console.log(\'key::4:\', key);\n }\n }, /#__PURE__/_react["default"].createElement(Panel, {\n header: "\\u5927\\u8BDD\\u897F\\u6E38",\n style: customPanelStyle\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u6709\\u4E00\\u4EFD\\u771F\\u8BDA\\u7684\\u7231\\u60C5\\u653E\\u5728\\u6211\\u9762\\u524D\\uFF0C\\u6211\\u6CA1\\u6709\\u73CD\\u60DC\\uFF0C\\u7B49\\u6211\\u5931\\u53BB\\u7684\\u65F6\\u5019\\u6211\\u624D\\u540E\\u6094\\u83AB\\u53CA\\uFF0C\\u4EBA\\u4E16\\u95F4\\u6700\\u75DB\\u82E6\\u7684\\u4E8B\\u83AB\\u8FC7\\u4E8E\\u6B64\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u4E0A\\u5929\\u80FD\\u591F\\u7ED9\\u6211\\u4E00\\u4E2A\\u518D\\u6765\\u4E00\\u6B21\\u7684\\u673A\\u4F1A\\uFF0C\\u6211\\u4F1A\\u5BF9\\u90A3\\u4E2A\\u5973\\u5B69\\u5B50\\u8BF4\\u4E09\\u4E2A\\u5B57\\uFF1A\\u6211\\u7231\\u4F60\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /#__PURE__/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /#__PURE__/_react["default"].createElement(Panel, {\n header: "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7",\n style: customPanelStyle\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u75DB\\u82E6\\uFF0C\\u624D\\u77E5\\u9053\\u771F\\u6B63\\u7684\\u75DB\\u82E6\\uFF1B\\u66FE\\u7ECF\\u6267\\u8457\\uFF0C\\u624D\\u80FD\\u653E\\u4E0B\\u6267\\u8457\\uFF1B"), /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /#__PURE__/_react["default"].createElement(Panel, {\n header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06",\n style: customPanelStyle\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u53E4\\u6709\\u5173\\u4E91\\u957F\\u5168\\u795E\\u8D2F\\u6CE8\\u4E0B\\u8C61\\u68CB\\u522E\\u9AA8\\u7597\\u6BD2\\uFF0C\\u4ECA\\u6709\\u6211\\u96F6\\u96F6\\u6F06\\u805A\\u7CBE\\u4F1A\\u795E\\u770BA\\u7247\\u6316\\u9AA8\\u53D6\\u5F39\\u5934\\u3002"))));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Collapse } from 'uiw';\n\nconst customPanelStyle = {\n background: '#f7f7f7',\n borderRadius: 4,\n marginBottom: 24,\n border: 0,\n overflow: 'hidden',\n};\n\nconst Panel = Collapse.Panel;\n\nfunction Demo() {\n return <div>\n <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log('key::4:', key)}>\n <Panel header=\"\u5927\u8bdd\u897f\u6e38\" style={customPanelStyle}>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel header=\"\u897f\u6e38\xb7\u964d\u9b54\u7bc7\" style={customPanelStyle}>\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel header=\"\u56fd\u4ea7\u96f6\u96f6\u6f06\" style={customPanelStyle}>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>\n}\n\nexport default Demo"},207:{name:207,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 Panel = _uiw.Collapse.Panel;\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Collapse, {\n showArrow: false,\n activeKey: [\'1\'],\n onChange: function onChange(key) {\n return console.log(\'key::5:\', key);\n }\n }, /#__PURE__/_react["default"].createElement(Panel, {\n header: /#__PURE__/_react["default"].createElement("span", null, "\\u5927\\u8BDD\\u897F\\u6E38 ", /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "smile-o"\n })),\n key: "1"\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u6709\\u4E00\\u4EFD\\u771F\\u8BDA\\u7684\\u7231\\u60C5\\u653E\\u5728\\u6211\\u9762\\u524D\\uFF0C\\u6211\\u6CA1\\u6709\\u73CD\\u60DC\\uFF0C\\u7B49\\u6211\\u5931\\u53BB\\u7684\\u65F6\\u5019\\u6211\\u624D\\u540E\\u6094\\u83AB\\u53CA\\uFF0C\\u4EBA\\u4E16\\u95F4\\u6700\\u75DB\\u82E6\\u7684\\u4E8B\\u83AB\\u8FC7\\u4E8E\\u6B64\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u4E0A\\u5929\\u80FD\\u591F\\u7ED9\\u6211\\u4E00\\u4E2A\\u518D\\u6765\\u4E00\\u6B21\\u7684\\u673A\\u4F1A\\uFF0C\\u6211\\u4F1A\\u5BF9\\u90A3\\u4E2A\\u5973\\u5B69\\u5B50\\u8BF4\\u4E09\\u4E2A\\u5B57\\uFF1A\\u6211\\u7231\\u4F60\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /#__PURE__/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /#__PURE__/_react["default"].createElement(Panel, {\n header: /#__PURE__/_react["default"].createElement("span", null, "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7 ", /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "smile-o"\n })),\n key: "2"\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u75DB\\u82E6\\uFF0C\\u624D\\u77E5\\u9053\\u771F\\u6B63\\u7684\\u75DB\\u82E6\\uFF1B\\u66FE\\u7ECF\\u6267\\u8457\\uFF0C\\u624D\\u80FD\\u653E\\u4E0B\\u6267\\u8457\\uFF1B"), /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /#__PURE__/_react["default"].createElement(Panel, {\n header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06",\n key: "3"\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u53E4\\u6709\\u5173\\u4E91\\u957F\\u5168\\u795E\\u8D2F\\u6CE8\\u4E0B\\u8C61\\u68CB\\u522E\\u9AA8\\u7597\\u6BD2\\uFF0C\\u4ECA\\u6709\\u6211\\u96F6\\u96F6\\u6F06\\u805A\\u7CBE\\u4F1A\\u795E\\u770BA\\u7247\\u6316\\u9AA8\\u53D6\\u5F39\\u5934\\u3002"))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nfunction Demo() {\n return <div>\n <Collapse showArrow={false} activeKey={[\'1\']} onChange={key=>console.log(\'key::5:\', key)}>\n <Panel header={<span>\u5927\u8bdd\u897f\u6e38 <Icon type="smile-o"/></span>} key="1">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel header={<span>\u897f\u6e38\xb7\u964d\u9b54\u7bc7 <Icon type="smile-o"/></span>} key="2">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3">\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>\n}\nexport default Demo'},237:{name:237,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 Panel = _uiw.Collapse.Panel;\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Collapse, {\n activeKey: [\'1\'],\n onChange: function onChange(key) {\n return console.log(\'key::6:\', key);\n }\n }, /#__PURE__/_react["default"].createElement(Panel, {\n icon: "caret-down",\n header: /#__PURE__/_react["default"].createElement("span", null, "\\u5927\\u8BDD\\u897F\\u6E38 ", /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "smile-o"\n })),\n key: "1"\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u6709\\u4E00\\u4EFD\\u771F\\u8BDA\\u7684\\u7231\\u60C5\\u653E\\u5728\\u6211\\u9762\\u524D\\uFF0C\\u6211\\u6CA1\\u6709\\u73CD\\u60DC\\uFF0C\\u7B49\\u6211\\u5931\\u53BB\\u7684\\u65F6\\u5019\\u6211\\u624D\\u540E\\u6094\\u83AB\\u53CA\\uFF0C\\u4EBA\\u4E16\\u95F4\\u6700\\u75DB\\u82E6\\u7684\\u4E8B\\u83AB\\u8FC7\\u4E8E\\u6B64\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u4E0A\\u5929\\u80FD\\u591F\\u7ED9\\u6211\\u4E00\\u4E2A\\u518D\\u6765\\u4E00\\u6B21\\u7684\\u673A\\u4F1A\\uFF0C\\u6211\\u4F1A\\u5BF9\\u90A3\\u4E2A\\u5973\\u5B69\\u5B50\\u8BF4\\u4E09\\u4E2A\\u5B57\\uFF1A\\u6211\\u7231\\u4F60\\u3002 "), /#__PURE__/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /#__PURE__/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /#__PURE__/_react["default"].createElement(Panel, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "down-circle"\n }),\n header: /#__PURE__/_react["default"].createElement("span", null, "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7 ", /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "smile-o"\n })),\n key: "2"\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u75DB\\u82E6\\uFF0C\\u624D\\u77E5\\u9053\\u771F\\u6B63\\u7684\\u75DB\\u82E6\\uFF1B\\u66FE\\u7ECF\\u6267\\u8457\\uFF0C\\u624D\\u80FD\\u653E\\u4E0B\\u6267\\u8457\\uFF1B"), /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /#__PURE__/_react["default"].createElement(Panel, {\n icon: /#__PURE__/_react["default"].createElement("span", null, "\\u6298\\u53E0-"),\n header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06",\n key: "3"\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u53E4\\u6709\\u5173\\u4E91\\u957F\\u5168\\u795E\\u8D2F\\u6CE8\\u4E0B\\u8C61\\u68CB\\u522E\\u9AA8\\u7597\\u6BD2\\uFF0C\\u4ECA\\u6709\\u6211\\u96F6\\u96F6\\u6F06\\u805A\\u7CBE\\u4F1A\\u795E\\u770BA\\u7247\\u6316\\u9AA8\\u53D6\\u5F39\\u5934\\u3002"))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nfunction Demo(){\n return <div>\n <Collapse activeKey={[\'1\']} onChange={key=>console.log(\'key::6:\', key)}>\n <Panel icon="caret-down" header={<span>\u5927\u8bdd\u897f\u6e38 <Icon type="smile-o"/></span>} key="1">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel icon={<Icon type="down-circle" />} header={<span>\u897f\u6e38\xb7\u964d\u9b54\u7bc7 <Icon type="smile-o"/></span>} key="2">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel icon={<span>\u6298\u53e0-</span>} header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3">\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>\n}\nexport default Demo'}},source:'Collapse \u6298\u53e0\u9762\u677f\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-collapse/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-collapse.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-collapse)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-collapse.svg?label=@uiw/react-collapse)](https://npmjs.com/@uiw/react-collapse)\n\n\u53ef\u4ee5\u6298\u53e0/\u5c55\u5f00\u7684\u5185\u5bb9\u533a\u57df\u3002\n\n```jsx\nimport { Collapse } from \'uiw\';\n// or\nimport Collapse from \'@uiw/react-collapse\';\n```\n\n## \u57fa\u672c\u7528\u6cd5\n\n\u53ef\u4ee5\u540c\u65f6\u5c55\u5f00\u591a\u4e2a\u9762\u677f\uff0c\u8fd9\u4e2a\u4f8b\u5b50\u9ed8\u8ba4\u5c55\u5f00\u4e86\u7b2c\u4e00\u4e2a\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Collapse } from \'uiw\';\n\nconst genExtra = () => (\n <div\n onClick={(event) => {\n // If you don\'t want click extra trigger collapse, you can prevent this:\n event.stopPropagation();\n }}\n >\u8bbe\u7f6e</div>\n);\n\nfunction Demo() {\n return <div>\n <Collapse activeKey={[\'1\']} onChange={key=>console.log(\'key::1:\', key)}>\n <Collapse.Panel header="\u5927\u8bdd\u897f\u6e38" key="1" extra={genExtra()}>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Collapse.Panel>\n <Collapse.Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7" key="2" extra={genExtra()}>\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Collapse.Panel>\n <Collapse.Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3" extra={genExtra()}>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Collapse.Panel>\n </Collapse>\n </div>\n}\n\nexport default Demo\n```\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Collapse } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <Collapse activeKey={[\'1\']} onChange={key=>console.log(\'key::1:\', key)}>\n <Collapse.Panel header="\u5927\u8bdd\u897f\u6e38" key="1">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Collapse.Panel>\n <Collapse.Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7" key="2">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Collapse.Panel>\n <Collapse.Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3" disabled >\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Collapse.Panel>\n </Collapse>\n </div>\n}\n\nexport default Demo\n```\n\n## \u624b\u98ce\u7434\u6298\u53e0\u9762\u677f\n\n\u624b\u98ce\u7434\uff0c\u6bcf\u6b21\u53ea\u6253\u5f00\u4e00\u4e2atab\u3002\u9ed8\u8ba4\u6253\u5f00\u7b2c\u4e00\u4e2a\u3002`Panel` \u7684 `key` \u5c5e\u6027\u5e76\u975e\u5fc5\u987b\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Collapse, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n activeName: \'0\'\n }\n }\n render() {\n const Panel = Collapse.Panel\n return (\n <div>\n <Button\n type="primary"\n style={{marginBottom: \'15px\'}}\n onClick={() => this.setState({ activeName: this.state.activeName === \'2\'?\'\':\'2\' })}\n >\n \u6253\u5f00\u6216\u5173\u95ed\u7b2c\u4e09\u4e2a\n </Button>\n <Collapse accordion activeKey={[this.state.activeName]} onChange={key=>console.log(\'key::2:\', key)}>\n <Panel header="\u5927\u8bdd\u897f\u6e38">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" showArrow={false}>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>\n )\n }\n}\nexport default Demo\n```\n\n## \u7b80\u6d01\u98ce\u683c\u65e0\u8fb9\u6846\n\n\u901a\u8fc7\u8bbe\u7f6e`bordered={true}`\u6ca1\u6709\u8fb9\u6846\u7684\u7b80\u6d01\u6837\u5f0f\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Collapse } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nfunction Demo() {\n return <div>\n <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log(\'key::3:\', key)}>\n <Panel header="\u5927\u8bdd\u897f\u6e38">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06">\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>\n}\n\nexport default Demo\n```\n\n## \u81ea\u5b9a\u4e49\u9762\u677f\n\n\u81ea\u5b9a\u4e49\u5404\u4e2a\u9762\u677f\u7684\u80cc\u666f\u8272\u3001\u5706\u89d2\u3001\u8fb9\u8ddd\u548c\u56fe\u6807\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Collapse } from \'uiw\';\n\nconst customPanelStyle = {\n background: \'#f7f7f7\',\n borderRadius: 4,\n marginBottom: 24,\n border: 0,\n overflow: \'hidden\',\n};\n\nconst Panel = Collapse.Panel;\n\nfunction Demo() {\n return <div>\n <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log(\'key::4:\', key)}>\n <Panel header="\u5927\u8bdd\u897f\u6e38" style={customPanelStyle}>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7" style={customPanelStyle}>\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" style={customPanelStyle}>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>\n}\n\nexport default Demo\n```\n\n## \u81ea\u5b9a\u4e49\u9762\u677f\u6807\u9898\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nfunction Demo() {\n return <div>\n <Collapse showArrow={false} activeKey={[\'1\']} onChange={key=>console.log(\'key::5:\', key)}>\n <Panel header={<span>\u5927\u8bdd\u897f\u6e38 <Icon type="smile-o"/></span>} key="1">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel header={<span>\u897f\u6e38\xb7\u964d\u9b54\u7bc7 <Icon type="smile-o"/></span>} key="2">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3">\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>\n}\nexport default Demo\n```\n\n## \u6307\u5b9a\u6298\u53e0\u56fe\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nfunction Demo(){\n return <div>\n <Collapse activeKey={[\'1\']} onChange={key=>console.log(\'key::6:\', key)}>\n <Panel icon="caret-down" header={<span>\u5927\u8bdd\u897f\u6e38 <Icon type="smile-o"/></span>} key="1">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel icon={<Icon type="down-circle" />} header={<span>\u897f\u6e38\xb7\u964d\u9b54\u7bc7 <Icon type="smile-o"/></span>} key="2">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel icon={<span>\u6298\u53e0-</span>} header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3">\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>\n}\nexport default Demo\n```\n\n## Props\n\n### Collapse\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|---------- \|-------- \|\n\| accordion \| \u624b\u98ce\u7434\u6548\u679c \| Boolean \| false \|\n\| activeKey \| \u5f53\u524d\u6fc0\u6d3b tab \u9762\u677f\u7684 key, accordion \u6a21\u5f0f\u4e0b\u9ed8\u8ba4\u7b2c\u4e00\u4e2a\u5143\u7d20 \| String[]/String \| false \|\n\| showArrow \| \u5728\u8fd9\u91cc\u4f7f\u7528\uff0c\u8868\u793a\u63a7\u5236\u6240\u6709\u7684\u9762\u677f\u56fe\u6807\u662f\u5426\u5c55\u793a \| Boolean \| true \|\n\| bordered \| \u8bbe\u7f6e\u6ca1\u6709\u8fb9\u6846\u7684\u7b80\u6d01\u6837\u5f0f \| Boolean \| false \|\n\| onChange \| \u5207\u6362\u9762\u677f\u7684\u56de\u8c03 \| (activeKey: string[]) => void \| - \|\n\n### Collapse.Panel\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|---------- \|-------- \|\n\| disabled \| \u7981\u7528\u540e\u7684\u9762\u677f\u5c55\u5f00\u4e0e\u5426\u5c06\u65e0\u6cd5\u901a\u8fc7\u7528\u6237\u4ea4\u4e92\u6539\u53d8 \| Boolean \| false \|\n\| header \| \u9762\u677f\u5934\u5185\u5bb9 \| String/ReactNode \| - \|\n\| icon \| \u6307\u5b9a\u56fe\u6807 \| String/ReactNode \| - \|\n\| isActive \| \u662f\u5426\u5c55\u5f00 \| Boolean \| - \|\n\| extra \| \u81ea\u5b9a\u4e49\u6e32\u67d3\u6bcf\u4e2a\u9762\u677f\u53f3\u4e0a\u89d2\u7684\u5185\u5bb9 \| ReactNode \| - \|\n\| showArrow \| \u662f\u5426\u663e\u793a\u5c55\u5f00\u56fe\u6807 \| Boolean \| true \|\n\| key \| \u5bf9\u5e94 `activeKey`\uff0c\u975e\u5fc5\u586b \| \| - \|\n'}}}]);
2	- //# sourceMappingURL=1661.f881ca84.chunk.js.map

package/web/static/js/1876.6cad539d.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[1876],{1876:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);return function(){var e=[{label:"a1",value:1},{label:"a2",value:2},{label:"a3",value:3},{label:"a4",value:4},{label:"a5",value:5},{label:"a6",value:6},{label:"a7",value:7},{label:"a8",value:8}];return n.default.createElement(a.Row,{gutter:20},n.default.createElement("label",null,"\u5355\u9009"),n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"single",style:{width:200},placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",option:e})),n.default.createElement("label",null,"\u591a\u9009"),n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:200},allowClear:!0,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",option:e})),n.default.createElement("label",null,"\u7981\u7528"),n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"single",style:{width:200},allowClear:!0,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",option:e,disabled:!0})))}}(),76:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);return function(){var e=[{label:"\u5c0f\u5c3a\u5bf8",value:1},{label:"\u9ed8\u8ba4\u5c3a\u5bf8",value:2},{label:"\u5927\u5c3a\u5bf8",value:3}];return n.default.createElement(a.Row,{style:{flexDirection:"column"}},n.default.createElement(a.Col,null,n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:150},option:e,value:[1],allowClear:!0,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",size:"small"}))),n.default.createElement(a.Col,{style:{margin:"10px 0px"}},n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:175},option:e,value:[2],allowClear:!0,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879"}))),n.default.createElement(a.Col,null,n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:200},option:e,value:[3],allowClear:!0,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",size:"large"}))))}}(),137:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);function l(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==t)return;var a,l,r=[],o=!0,u=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(r.push(a.value),!n\|\|r.length!==n);o=!0);}catch(i){u=!0,l=i}finally{try{o\|\|null==t.return\|\|t.return()}finally{if(u)throw l}}return r}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return r(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t\|\|"Set"===t)return Array.from(e);if("Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t))return r(e,n)}(e,n)\|\|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 r(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}return function(){var e=[{label:"a1",value:1},{label:"a2",value:2},{label:"a3",value:3},{label:"a4",value:4},{label:"a5",value:5},{label:"a6",value:6},{label:"a7",value:7},{label:"a8",value:8}],t=l(n.default.useState(!1),2),r=(t[0],t[1],l(n.default.useState([1,7]),2)),o=r[0],u=r[1],i=l(n.default.useState([{label:"a1",value:1},{label:"a7",value:7}]),2),c=i[0],s=i[1];return n.default.createElement(a.Row,{gutter:20},n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:200},value:o,option:e,onChange:function(e){console.log("value",e),u(e)},placeholder:"\u8bf7\u9009\u62e9\u9009\u9879"})),n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"multiple",labelInValue:!0,style:{width:200},option:e,value:c,onChange:function(e){console.log("value",e),s(e)},plac:!0,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879"})))}}(),198:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);function l(e){return function(e){if(Array.isArray(e))return u(e)}(e)\|\|function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(e)\|\|o(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 r(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==t)return;var a,l,r=[],o=!0,u=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(r.push(a.value),!n\|\|r.length!==n);o=!0);}catch(i){u=!0,l=i}finally{try{o\|\|null==t.return\|\|t.return()}finally{if(u)throw l}}return r}(e,n)\|\|o(e,n)\|\|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 o(e,n){if(e){if("string"===typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t\|\|"Set"===t?Array.from(e):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}function u(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}return function(){var e=[{label:"a1",value:1},{label:"a2",value:2},{label:"a3",value:3},{label:"a4",value:4},{label:"a5",value:5},{label:"a6",value:6},{label:"a7",value:7},{label:"a8",value:8}],t=r(n.default.useState(e),2),o=t[0],u=t[1],i=r(n.default.useState(!1),2),c=i[0],s=i[1],d=r(n.default.useState([1,2,7]),2),f=d[0],m=d[1];return n.default.createElement(a.Row,{style:{marginLeft:10}},n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:200},valueAmount:2,allowClear:!0,value:f,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",onSearch:function(n){s(!0),setTimeout((function(){var t=e.filter((function(e){return!!e.label.includes(n.trim())}));u(l(t)),s(!1)}),500)},loading:c,option:o,onChange:function(e){m(e)}}))}}(),255:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);function l(e){return function(e){if(Array.isArray(e))return u(e)}(e)\|\|function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(e)\|\|o(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 r(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==t)return;var a,l,r=[],o=!0,u=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(r.push(a.value),!n\|\|r.length!==n);o=!0);}catch(i){u=!0,l=i}finally{try{o\|\|null==t.return\|\|t.return()}finally{if(u)throw l}}return r}(e,n)\|\|o(e,n)\|\|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 o(e,n){if(e){if("string"===typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t\|\|"Set"===t?Array.from(e):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}function u(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}return function(){var e=[{label:"a1",value:1},{label:"a2",value:2},{label:"a3",value:3},{label:"a4",value:4},{label:"a5",value:5},{label:"a6",value:6},{label:"a7",value:7},{label:"a8",value:8}],t=r(n.default.useState(e),2),o=t[0],u=t[1],i=r(n.default.useState(!1),2),c=i[0],s=i[1],d=r(n.default.useState([{label:"a1",value:1},{label:"a2",value:2},{label:"a5",value:5},{label:"a7",value:7},{label:"a8",value:8}]),2),f=d[0],m=d[1];return n.default.createElement(a.Row,{style:{marginLeft:10}},n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:200},labelInValue:!0,maxTagCount:4,allowClear:!0,value:f,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",onSearch:function(n){s(!0),setTimeout((function(){var t=e.filter((function(e){return!!e.label.includes(n.trim())}));u(l(t)),s(!1)}),500)},loading:c,option:o,onChange:function(e){m(e)}}))}}(),318:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);function l(e){return function(e){if(Array.isArray(e))return u(e)}(e)\|\|function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(e)\|\|o(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 r(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==t)return;var a,l,r=[],o=!0,u=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(r.push(a.value),!n\|\|r.length!==n);o=!0);}catch(i){u=!0,l=i}finally{try{o\|\|null==t.return\|\|t.return()}finally{if(u)throw l}}return r}(e,n)\|\|o(e,n)\|\|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 o(e,n){if(e){if("string"===typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t\|\|"Set"===t?Array.from(e):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}function u(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}return function(){var e=[{label:"a1",value:1},{label:"a2",value:2},{label:"a3",value:3},{label:"a4",value:4},{label:"a5",value:5},{label:"a6",value:6},{label:"a7",value:7},{label:"a8",value:8}],t=r(n.default.useState([1,7]),2),o=t[0],u=t[1],i=r(n.default.useState([1,7]),2),c=i[0],s=i[1],d=r(n.default.useState(e),2),f=d[0],m=d[1],b=r(n.default.useState(!1),2),_=b[0],p=b[1];function v(n){p(!0),setTimeout((function(){var t=e.filter((function(e){return!!e.label.includes(n.trim())}));m(l(t)),p(!1)}),500)}return n.default.createElement(a.Row,{style:{marginLeft:10}},n.default.createElement(a.Col,{fixed:!0,style:{width:200}},n.default.createElement(a.SearchSelect,{mode:"singe",showSearch:!0,value:o,option:f,loading:_,onSearch:v,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",style:{width:200},onChange:function(e){u(e)}})),n.default.createElement(a.Col,{fixed:!0,style:{width:200,marginLeft:20}},n.default.createElement(a.SearchSelect,{mode:"multiple",showSearch:!0,value:c,option:f,loading:_,onSearch:v,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",style:{width:200},onChange:function(e){s(e)}})))}}(),390:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function r(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function o(e){return function(e){if(Array.isArray(e))return c(e)}(e)\|\|function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(e)\|\|i(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 u(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==t)return;var a,l,r=[],o=!0,u=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(r.push(a.value),!n\|\|r.length!==n);o=!0);}catch(i){u=!0,l=i}finally{try{o\|\|null==t.return\|\|t.return()}finally{if(u)throw l}}return r}(e,n)\|\|i(e,n)\|\|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 i(e,n){if(e){if("string"===typeof e)return c(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t\|\|"Set"===t?Array.from(e):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?c(e,n):void 0}}function c(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}return function(){var e=[{label:"a1",value:1},{label:"a2",value:2},{label:"a3",value:3},{label:"a4",value:4},{label:"a5",value:5},{label:"a6",value:6},{label:"a7",value:7},{label:"a8",value:8}],t=u(n.default.useState(e),2),i=t[0],c=t[1],s=u(n.default.useState(!1),2),d=s[0],f=s[1],m=n.default.useRef();function b(n){f(!0),setTimeout((function(){var t=e.filter((function(e){return!!e.label.includes(n.trim())}));c(o(t)),f(!1)}),500)}var _=function(){console.log("form",m.current.resetForm())};return n.default.createElement("div",null,n.default.createElement(a.Form,{ref:m,onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){r(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current,t={};if(n.selectField\|\|(t.selectField="\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9"),Object.keys(t).length>0){var l=new Error;throw l.filed=t,a.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),l}a.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a".concat(n.selectField,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{selectField:{initialValue:[{label:"a7",value:7},{label:"a8",value:8}],children:n.default.createElement(a.SearchSelect,{allowClear:!0,labelInValue:!0,showSearch:!0,mode:"multiple",disabled:!1,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",onSearch:b,onChange:function(e){console.log("onChange",e)},option:i,loading:d})},selectSingle:{initialValue:[{label:"a7",value:7}],children:n.default.createElement(a.SearchSelect,{mode:"single",labelInValue:!0,showSearch:!0,allowClear:!0,disabled:!1,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",onSearch:b,onChange:function(e){console.log("onChange",e)},option:i,loading:d})}}},(function(e){var t=e.fields,l=e.state,r=e.canSubmit;return n.default.createElement("div",{style:{marginLeft:10}},n.default.createElement(a.Row,null,n.default.createElement(a.Col,{fixed:!0,style:{width:200}},t.selectField)),n.default.createElement(a.Row,null,n.default.createElement(a.Col,{fixed:!0,style:{width:200}},t.selectSingle)),n.default.createElement(a.Row,null,n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Button,{disabled:!r(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4")),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Button,{onClick:_},"\u91cd\u7f6e"))),n.default.createElement(a.Row,null,n.default.createElement(a.Col,null,n.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(l.current,null,2)))))})))}}()},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 var option = [{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a3\',\n value: 3\n }, {\n label: \'a4\',\n value: 4\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a6\',\n value: 6\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }];\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 20\n }, /#__PURE__/_react["default"].createElement("label", null, "\\u5355\\u9009"), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "single",\n style: {\n width: 200\n },\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n option: option\n })), /#__PURE__/_react["default"].createElement("label", null, "\\u591A\\u9009"), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 200\n },\n allowClear: true,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n option: option\n })), /#__PURE__/_react["default"].createElement("label", null, "\\u7981\\u7528"), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "single",\n style: {\n width: 200\n },\n allowClear: true,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n option: option,\n disabled: true\n })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nconst Demo = () => {\n const option=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n return(\n <Row gutter={20}>\n <label>\u5355\u9009</label>\n <Row>\n <SearchSelect\n mode=\"single\"\n style={{ width: 200 }}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n option={option}\n />\n </Row>\n <label>\u591a\u9009</label>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n option={option}\n />\n </Row>\n <label>\u7981\u7528</label>\n <Row>\n <SearchSelect\n mode=\"single\"\n style={{ width: 200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n option={option}\n disabled={true}\n />\n </Row>\n </Row>\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 var option = [{\n label: \'\u5c0f\u5c3a\u5bf8\',\n value: 1\n }, {\n label: \'\u9ed8\u8ba4\u5c3a\u5bf8\',\n value: 2\n }, {\n label: \'\u5927\u5c3a\u5bf8\',\n value: 3\n }];\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n style: {\n flexDirection: \'column\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 150\n },\n option: option,\n value: [1],\n allowClear: true,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n size: \'small\'\n }))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n margin: \'10px 0px\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 175\n },\n option: option,\n value: [2],\n allowClear: true,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879"\n }))), /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 200\n },\n option: option,\n value: [3],\n allowClear: true,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n size: \'large\'\n }))));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nconst Demo = () => {\n const option=[\n { label: '\u5c0f\u5c3a\u5bf8', value: 1 },\n { label: '\u9ed8\u8ba4\u5c3a\u5bf8', value: 2 },\n { label: '\u5927\u5c3a\u5bf8', value: 3 },\n ]\n\n return(\n <Row style={{ flexDirection: 'column' }}>\n <Col>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 150 }}\n option={option}\n value={[1]}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n size={'small'}\n />\n </Row>\n </Col>\n <Col style={{ margin:'10px 0px' }}>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 175 }}\n option={option}\n value={[2]}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n </Col>\n <Col >\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n option={option}\n value={[3]}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n size={'large'}\n />\n </Row>\n </Col>\n </Row>\n );\n};\nexport default Demo"},137:{name:137,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _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\nvar Demo = function Demo() {\n var option = [{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a3\',\n value: 3\n }, {\n label: \'a4\',\n value: 4\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a6\',\n value: 6\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }];\n\n var _React$useState = _react["default"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n loading = _React$useState2[0],\n setLoading = _React$useState2[1];\n\n var _React$useState3 = _react["default"].useState([1, 7]),\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([{\n label: \'a1\',\n value: 1\n }, {\n label: \'a7\',\n value: 7\n }]),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n labelValue = _React$useState6[0],\n setLabelValue = _React$useState6[1];\n\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 20\n }, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 200\n },\n value: value,\n option: option,\n onChange: function onChange(value) {\n console.log(\'value\', value);\n setValue(value);\n },\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879"\n })), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n labelInValue: true,\n style: {\n width: 200\n },\n option: option,\n value: labelValue,\n onChange: function onChange(value) {\n console.log(\'value\', value);\n setLabelValue(value);\n },\n plac: true,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879"\n })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nconst Demo = () => {\n const option=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n\n const [loading, setLoading] = React.useState(false);\n const [value, setValue] = React.useState([1 ,7]);\n const [labelValue, setLabelValue] = React.useState([{ label: 'a1', value: 1 }, { label: 'a7', value: 7 }]);\n\n return(\n <Row gutter={20}>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n value={value}\n option={option}\n onChange={(value)=> {\n console.log('value', value)\n setValue(value)\n }}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n labelInValue={true}\n style={{ width: 200 }}\n option={option}\n value={labelValue}\n onChange={(value)=> {\n console.log('value', value)\n setLabelValue(value)\n }}\n plac\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n </Row>\n );\n};\nexport default Demo"},198:{name:198,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _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\nvar Demo = function Demo() {\n var selectOption = [{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a3\',\n value: 3\n }, {\n label: \'a4\',\n value: 4\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a6\',\n value: 6\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }];\n var valueAmount = 2;\n\n var _React$useState = _react["default"].useState(selectOption),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n option = _React$useState2[0],\n setOption = _React$useState2[1];\n\n var _React$useState3 = _react["default"].useState(false),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n loading = _React$useState4[0],\n setLoading = _React$useState4[1];\n\n var _React$useState5 = _react["default"].useState([1, 2, 7]),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n values = _React$useState6[0],\n setValues = _React$useState6[1];\n\n function handleSearch(e) {\n setLoading(true);\n setTimeout(function () {\n var filterOpion = selectOption.filter(function (item) {\n return !!item.label.includes(e.trim());\n });\n setOption(_toConsumableArray(filterOpion));\n setLoading(false);\n }, 500);\n }\n\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n style: {\n marginLeft: 10\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 200\n },\n valueAmount: valueAmount,\n allowClear: true,\n value: values,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n onSearch: handleSearch // onSelect={(value)=>console.log(\'onSelect\',value)}\n ,\n loading: loading,\n option: option,\n onChange: function onChange(value) {\n setValues(value);\n }\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nconst Demo = () => {\n const selectOption=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n const valueAmount = 2\n const [option, setOption] = React.useState(selectOption);\n const [loading, setLoading] = React.useState(false);\n const [values, setValues] = React.useState([ 1, 2, 7]);\n\n function handleSearch(e) {\n setLoading(true)\n setTimeout(() => {\n const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\n setOption([...filterOpion]);\n setLoading(false);\n }, 500);\n }\n\n return(\n <Row style={{ marginLeft: 10 }}>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n valueAmount={valueAmount}\n allowClear\n value={values}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n onSearch={handleSearch}\n // onSelect={(value)=>console.log('onSelect',value)}\n loading={loading}\n option={option}\n onChange={(value) => {\n setValues(value)\n }}\n />\n </Row>\n );\n};\nexport default Demo"},255:{name:255,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _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\nvar Demo = function Demo() {\n var selectOption = [{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a3\',\n value: 3\n }, {\n label: \'a4\',\n value: 4\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a6\',\n value: 6\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }];\n var maxTagCount = 4;\n\n var _React$useState = _react["default"].useState(selectOption),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n option = _React$useState2[0],\n setOption = _React$useState2[1];\n\n var _React$useState3 = _react["default"].useState(false),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n loading = _React$useState4[0],\n setLoading = _React$useState4[1];\n\n var _React$useState5 = _react["default"].useState([{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }]),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n values = _React$useState6[0],\n setValues = _React$useState6[1];\n\n function handleSearch(e) {\n setLoading(true);\n setTimeout(function () {\n var filterOpion = selectOption.filter(function (item) {\n return !!item.label.includes(e.trim());\n });\n setOption(_toConsumableArray(filterOpion));\n setLoading(false);\n }, 500);\n }\n\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n style: {\n marginLeft: 10\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 200\n },\n labelInValue: true,\n maxTagCount: maxTagCount,\n allowClear: true,\n value: values,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n onSearch: handleSearch,\n loading: loading,\n option: option,\n onChange: function onChange(value) {\n setValues(value);\n }\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nconst Demo = () => {\n const selectOption=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n const maxTagCount = 4\n const [option, setOption] = React.useState(selectOption);\n const [loading, setLoading] = React.useState(false);\n const [values, setValues] = React.useState([\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a5', value: 5 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]);\n\n function handleSearch(e) {\n setLoading(true)\n setTimeout(() => {\n const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\n setOption([...filterOpion]);\n setLoading(false);\n }, 500);\n }\n\n return(\n <Row style={{ marginLeft: 10 }}>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n labelInValue={true}\n maxTagCount={maxTagCount}\n allowClear\n value={values}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n onSearch={handleSearch}\n loading={loading}\n option={option}\n onChange={(value) => {\n setValues(value)\n }}\n />\n </Row>\n );\n};\nexport default Demo"},318:{name:318,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _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\nvar Demo = function Demo() {\n var selectOption = [{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a3\',\n value: 3\n }, {\n label: \'a4\',\n value: 4\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a6\',\n value: 6\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }];\n\n var _React$useState = _react["default"].useState([1, 7]),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n value = _React$useState2[0],\n setValue = _React$useState2[1];\n\n var _React$useState3 = _react["default"].useState([1, 7]),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n values = _React$useState4[0],\n setValues = _React$useState4[1];\n\n var _React$useState5 = _react["default"].useState(selectOption),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n option = _React$useState6[0],\n setOption = _React$useState6[1];\n\n var _React$useState7 = _react["default"].useState(false),\n _React$useState8 = _slicedToArray(_React$useState7, 2),\n loading = _React$useState8[0],\n setLoading = _React$useState8[1];\n\n function handleSearch(e) {\n setLoading(true);\n setTimeout(function () {\n var filterOpion = selectOption.filter(function (item) {\n return !!item.label.includes(e.trim());\n });\n setOption(_toConsumableArray(filterOpion));\n setLoading(false);\n }, 500);\n }\n\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n style: {\n marginLeft: 10\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n style: {\n width: 200\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "singe",\n showSearch: true,\n value: value,\n option: option,\n loading: loading,\n onSearch: handleSearch,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n style: {\n width: 200\n },\n onChange: function onChange(value) {\n setValue(value);\n }\n })), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n style: {\n width: 200,\n marginLeft: 20\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n showSearch: true,\n value: values,\n option: option,\n loading: loading,\n onSearch: handleSearch,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n style: {\n width: 200\n },\n onChange: function onChange(value) {\n setValues(value);\n }\n })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nconst Demo = () => {\n const selectOption=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n const [value, setValue] = React.useState([1,7]);\n const [values, setValues] = React.useState([1,7]);\n const [option, setOption] = React.useState(selectOption);\n const [loading, setLoading] = React.useState(false);\n\n function handleSearch(e) {\n setLoading(true)\n setTimeout(() => {\n const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\n setOption([...filterOpion]);\n setLoading(false);\n }, 500);\n }\n\n return(\n <Row style={{ marginLeft: 10 }}>\n <Col fixed style={{width:200}}>\n <SearchSelect\n mode=\"singe\"\n showSearch={true}\n value={value}\n option={option}\n loading={loading}\n onSearch={handleSearch}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n style={{ width: 200 }}\n onChange={(value) => {\n setValue(value)\n }}\n />\n </Col>\n <Col fixed style={{width:200, marginLeft: 20}}>\n <SearchSelect\n mode=\"multiple\"\n showSearch={true}\n value={values}\n option={option}\n loading={loading}\n onSearch={handleSearch}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n style={{ width: 200 }}\n onChange={(value) => {\n setValues(value)\n }}\n />\n </Col>\n </Row>\n );\n};\nexport default Demo"},390:{name:390,meta:{background:"#fff",codeSandbox:"true",codePen:"true",noScroll:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\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\nvar Demo = function Demo() {\n var selectOption = [{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a3\',\n value: 3\n }, {\n label: \'a4\',\n value: 4\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a6\',\n value: 6\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }];\n\n var _React$useState = _react["default"].useState(selectOption),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n option = _React$useState2[0],\n setOption = _React$useState2[1];\n\n var _React$useState3 = _react["default"].useState(false),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n loading = _React$useState4[0],\n setLoading = _React$useState4[1];\n\n var refForm = _react["default"].useRef();\n\n function handleSearch(e) {\n setLoading(true);\n setTimeout(function () {\n var filterOpion = selectOption.filter(function (item) {\n return !!item.label.includes(e.trim());\n });\n setOption(_toConsumableArray(filterOpion));\n setLoading(false);\n }, 500);\n }\n\n var reSetForm = function reSetForm() {\n console.log(\'form\', refForm.current.resetForm());\n };\n\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Form, {\n ref: refForm,\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n\n return null;\n },\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n var errorObj = {};\n\n if (!current.selectField) {\n errorObj.selectField = \'\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9\';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n\n _uiw.Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\'\n });\n\n throw err;\n }\n\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\u9009\\u62E9\\u503C\\u4E3A\\uFF1A".concat(current.selectField, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n });\n },\n fields: {\n selectField: {\n initialValue: [{\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }],\n children: /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n allowClear: true,\n labelInValue: true,\n showSearch: true,\n mode: "multiple",\n disabled: false,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n onSearch: handleSearch,\n onChange: function onChange(v) {\n console.log(\'onChange\', v);\n },\n option: option,\n loading: loading\n })\n },\n selectSingle: {\n initialValue: [{\n label: \'a7\',\n value: 7\n }],\n children: /#__PURE__/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "single",\n labelInValue: true,\n showSearch: true,\n allowClear: true,\n disabled: false,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n onSearch: handleSearch,\n onChange: function onChange(v) {\n console.log(\'onChange\', v);\n },\n option: option,\n loading: loading\n })\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n return /#__PURE__/_react["default"].createElement("div", {\n style: {\n marginLeft: 10\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n style: {\n width: 200\n }\n }, fields.selectField)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n style: {\n width: 200\n }\n }, fields.selectSingle)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4")), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: reSetForm\n }, "\\u91CD\\u7F6E"))), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement("pre", {\n style: {\n padding: 10,\n marginTop: 10\n }\n }, JSON.stringify(state.current, null, 2)))));\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Row, Col, SearchSelect, Button, Notify } from 'uiw';\n\nconst Demo = () => {\n const selectOption =[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ];\n const [option, setOption] = React.useState(selectOption);\n const [loading, setLoading] = React.useState(false);\n const refForm = React.useRef()\n\n function handleSearch(e) {\n setLoading(true)\n setTimeout(() => {\n const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\n setOption([...filterOpion]);\n setLoading(false);\n }, 500);\n }\n\n const reSetForm = () => {\n console.log('form', refForm.current.resetForm())\n }\n\n return (\n <div>\n <Form\n ref={refForm}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.selectField) {\n errorObj.selectField = '\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n selectField: {\n initialValue:[{label: 'a7', value: 7},{label: 'a8', value: 8}],\n children: (\n <SearchSelect\n allowClear\n labelInValue={true}\n showSearch={true}\n mode=\"multiple\"\n disabled={false}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n onSearch={handleSearch}\n onChange={(v)=>{\n console.log('onChange',v)\n }}\n option={option}\n loading={loading}\n />\n )\n },\n selectSingle: {\n initialValue:[{label: 'a7', value: 7}],\n children: (\n <SearchSelect\n mode=\"single\"\n labelInValue={true}\n showSearch={true}\n allowClear\n disabled={false}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n onSearch={handleSearch}\n onChange={(v)=>{\n console.log('onChange',v)\n }}\n option={option}\n loading={loading}\n />\n )\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div style={{ marginLeft:10}}>\n <Row >\n <Col fixed style={{width:200}}>{fields.selectField}</Col>\n </Row>\n <Row>\n <Col fixed style={{width:200}}>{fields.selectSingle}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n <Col fixed>\n <Button onClick={reSetForm}>\u91cd\u7f6e</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n );\n}\nexport default Demo"}},source:"SearchSelect \u641c\u7d22\u9009\u62e9\u5668\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-search-select/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-search-select.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-search-select)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-search-select.svg?label=@uiw/react-search-select)](https://npmjs.com/@uiw/react-search-select)\n\n\u641c\u7d22\u9009\u62e9\u5668\n\n```jsx\nimport { SearchSelect, Row ,Col } from 'uiw';\n// or\nimport SearchSelect from '@uiw/react-search-select';\n```\n\n## \u57fa\u7840\u793a\u4f8b\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nconst Demo = () => {\n const option=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n return(\n <Row gutter={20}>\n <label>\u5355\u9009</label>\n <Row>\n <SearchSelect\n mode=\"single\"\n style={{ width: 200 }}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n option={option}\n />\n </Row>\n <label>\u591a\u9009</label>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n option={option}\n />\n </Row>\n <label>\u7981\u7528</label>\n <Row>\n <SearchSelect\n mode=\"single\"\n style={{ width: 200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n option={option}\n disabled={true}\n />\n </Row>\n </Row>\n );\n};\nexport default Demo\n```\n\n## \u5c3a\u5bf8\n\n\u901a\u8fc7 size \u5c5e\u6027\u8bbe\u7f6e\u9009\u62e9\u5668\u7684\u5c3a\u5bf8\uff0c\u63d0\u4f9b\u4e09\u4e2a\u5c3a\u5bf8\u53c2\u6570\u8bbe\u7f6e\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nconst Demo = () => {\n const option=[\n { label: '\u5c0f\u5c3a\u5bf8', value: 1 },\n { label: '\u9ed8\u8ba4\u5c3a\u5bf8', value: 2 },\n { label: '\u5927\u5c3a\u5bf8', value: 3 },\n ]\n\n return(\n <Row style={{ flexDirection: 'column' }}>\n <Col>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 150 }}\n option={option}\n value={[1]}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n size={'small'}\n />\n </Row>\n </Col>\n <Col style={{ margin:'10px 0px' }}>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 175 }}\n option={option}\n value={[2]}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n </Col>\n <Col >\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n option={option}\n value={[3]}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n size={'large'}\n />\n </Row>\n </Col>\n </Row>\n );\n};\nexport default Demo\n```\n\n## \u4e0d\u540c\u7684value\u7c7b\u578b\n\n\u901a`labelInValue`\u53c2\u6570\u63a7\u5236value\u7c7b\u578b\u548conChange\u65f6\u95f4\u8fd4\u56de\u53c2\u6570\u7684\u7c7b\u578b\uff0c\u8bbe\u7f6e\u4e3a`true`\u65f6\uff0c`value`\u548c`onChange`\u56de\u8c03\u8fd4\u56de\u7684\u503c\u7c7b\u578b\u4ece[..., value]\u53d8\u6210[..., { label, value}]\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nconst Demo = () => {\n const option=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n\n const [loading, setLoading] = React.useState(false);\n const [value, setValue] = React.useState([1 ,7]);\n const [labelValue, setLabelValue] = React.useState([{ label: 'a1', value: 1 }, { label: 'a7', value: 7 }]);\n\n return(\n <Row gutter={20}>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n value={value}\n option={option}\n onChange={(value)=> {\n console.log('value', value)\n setValue(value)\n }}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n labelInValue={true}\n style={{ width: 200 }}\n option={option}\n value={labelValue}\n onChange={(value)=> {\n console.log('value', value)\n setLabelValue(value)\n }}\n plac\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n </Row>\n );\n};\nexport default Demo\n```\n\n## \u9650\u5236\u9009\u9879\u4e2a\u6570\n\n\u9650\u5236\u6700\u591a\u53ea\u80fd\u9009\u62e9\u4e24\u4e2a\u9009\u9879\uff0c\u8fbe\u5230\u6700\u5927\u540e\u5982\u679c\u7ee7\u7eed\u9009\u62e9\uff0c\u4f1a\u66ff\u6362\u6700\u540e\u4e00\u4e2a\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nconst Demo = () => {\n const selectOption=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n const valueAmount = 2\n const [option, setOption] = React.useState(selectOption);\n const [loading, setLoading] = React.useState(false);\n const [values, setValues] = React.useState([ 1, 2, 7]);\n\n function handleSearch(e) {\n setLoading(true)\n setTimeout(() => {\n const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\n setOption([...filterOpion]);\n setLoading(false);\n }, 500);\n }\n\n return(\n <Row style={{ marginLeft: 10 }}>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n valueAmount={valueAmount}\n allowClear\n value={values}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n onSearch={handleSearch}\n // onSelect={(value)=>console.log('onSelect',value)}\n loading={loading}\n option={option}\n onChange={(value) => {\n setValues(value)\n }}\n />\n </Row>\n );\n};\nexport default Demo\n```\n\n## \u663e\u793a\u6700\u5927\u6570\u91cf\n\n\u4f7f\u7528`maxTagCount`\u9650\u5236\u663e\u793atag\u7684\u6570\u91cf\uff0c\u8d85\u8fc7\u540e\u4f7f\u7528\u7701\u7565tag\u663e\u793a\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nconst Demo = () => {\n const selectOption=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n const maxTagCount = 4\n const [option, setOption] = React.useState(selectOption);\n const [loading, setLoading] = React.useState(false);\n const [values, setValues] = React.useState([\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a5', value: 5 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]);\n\n function handleSearch(e) {\n setLoading(true)\n setTimeout(() => {\n const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\n setOption([...filterOpion]);\n setLoading(false);\n }, 500);\n }\n\n return(\n <Row style={{ marginLeft: 10 }}>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n labelInValue={true}\n maxTagCount={maxTagCount}\n allowClear\n value={values}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n onSearch={handleSearch}\n loading={loading}\n option={option}\n onChange={(value) => {\n setValues(value)\n }}\n />\n </Row>\n );\n};\nexport default Demo\n```\n\n## \u542f\u7528\u641c\u7d22\n\n\u5c06`showSearch`\u8bbe\u7f6e\u4e3a`true`\u542f\u7528\u641c\u7d22\u529f\u80fd\uff0c\u7ec4\u4ef6\u6ca1\u6709\u5185\u7f6e\u641c\u7d22\u529f\u80fd\uff0c\u4f46`option`\u662f\u76d1\u542c\u53d8\u5316\u7684\uff0c\u53ef\u4ee5\u901a\u8fc7\u914d\u5408`onSearch`\u5b9e\u73b0\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nconst Demo = () => {\n const selectOption=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n const [value, setValue] = React.useState([1,7]);\n const [values, setValues] = React.useState([1,7]);\n const [option, setOption] = React.useState(selectOption);\n const [loading, setLoading] = React.useState(false);\n\n function handleSearch(e) {\n setLoading(true)\n setTimeout(() => {\n const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\n setOption([...filterOpion]);\n setLoading(false);\n }, 500);\n }\n\n return(\n <Row style={{ marginLeft: 10 }}>\n <Col fixed style={{width:200}}>\n <SearchSelect\n mode=\"singe\"\n showSearch={true}\n value={value}\n option={option}\n loading={loading}\n onSearch={handleSearch}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n style={{ width: 200 }}\n onChange={(value) => {\n setValue(value)\n }}\n />\n </Col>\n <Col fixed style={{width:200, marginLeft: 20}}>\n <SearchSelect\n mode=\"multiple\"\n showSearch={true}\n value={values}\n option={option}\n loading={loading}\n onSearch={handleSearch}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n style={{ width: 200 }}\n onChange={(value) => {\n setValues(value)\n }}\n />\n </Col>\n </Row>\n );\n};\nexport default Demo\n```\n\n### \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n\u5728 [`<Form />`](#/components/form) \u8868\u5355\u4e2d\u5e94\u7528 `<SearchSelect />` \u7ec4\u4ef6\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true&noScroll=true\nimport React from 'react';\nimport { Form, Row, Col, SearchSelect, Button, Notify } from 'uiw';\n\nconst Demo = () => {\n const selectOption =[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ];\n const [option, setOption] = React.useState(selectOption);\n const [loading, setLoading] = React.useState(false);\n const refForm = React.useRef()\n\n function handleSearch(e) {\n setLoading(true)\n setTimeout(() => {\n const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\n setOption([...filterOpion]);\n setLoading(false);\n }, 500);\n }\n\n const reSetForm = () => {\n console.log('form', refForm.current.resetForm())\n }\n\n return (\n <div>\n <Form\n ref={refForm}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.selectField) {\n errorObj.selectField = '\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n selectField: {\n initialValue:[{label: 'a7', value: 7},{label: 'a8', value: 8}],\n children: (\n <SearchSelect\n allowClear\n labelInValue={true}\n showSearch={true}\n mode=\"multiple\"\n disabled={false}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n onSearch={handleSearch}\n onChange={(v)=>{\n console.log('onChange',v)\n }}\n option={option}\n loading={loading}\n />\n )\n },\n selectSingle: {\n initialValue:[{label: 'a7', value: 7}],\n children: (\n <SearchSelect\n mode=\"single\"\n labelInValue={true}\n showSearch={true}\n allowClear\n disabled={false}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n onSearch={handleSearch}\n onChange={(v)=>{\n console.log('onChange',v)\n }}\n option={option}\n loading={loading}\n />\n )\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div style={{ marginLeft:10}}>\n <Row >\n <Col fixed style={{width:200}}>{fields.selectField}</Col>\n </Row>\n <Row>\n <Col fixed style={{width:200}}>{fields.selectSingle}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n <Col fixed>\n <Button onClick={reSetForm}>\u91cd\u7f6e</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n );\n}\nexport default Demo\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \| \u7248\u672c \|\n\| ---- \| ---- \| ---- \| ---- \| ---- \|\n\| allowClear \| \u652f\u6301\u6e05\u9664 \| Boolean \| `false` \| - \|\n\| disabled \| \u7981\u7528\u9009\u62e9\u5668 \| Boolean \| `false` \| - \|\n\| mode \| \u9009\u62e9\u6a21\u5f0f: `multiple` `single` \| String \| `single` \| - \|\n\| defaultValue \| \u6307\u5b9a\u9ed8\u8ba4\u9009\u4e2d\u7684\u6761\u76ee \| String/Number \| - \| - \|\n\| value \| \u6307\u5b9a\u5f53\u524d\u9009\u4e2d\u7684\u6761\u76ee\uff0c\u591a\u9009\u65f6\u4e3a\u4e00\u4e2a\u6570\u7ec4 \| String \\\| Number \\\| String[] \\\| Number[] \\\| LabeledValue \\\| LabeledValue[] \| - \| - \|\n\| placeholder \| \u9009\u62e9\u6846\u9ed8\u8ba4\u6587\u5b57 \| String \| - \| - \|\n\| maxTagCount \| \u591a\u9009\u6a21\u5f0f\u4e0b\u5c55\u793atag\u7684\u4e2a\u6570,\u9ed8\u8ba4\u6240\u6709 \| number \| - \| - \|\n\| labelInValue \| \u5f00\u542f\u4f1a\u628a Select \u7684 value \u7c7b\u578b\u4ece `string/number` \u53d8\u4e3a `{ value: string/number, label: string }` \| Boolean \| `false` \| - \|\n\| showSearch \| \u662f\u5426\u53ef\u641c\u7d22 \| Boolean \| - \| - \|\n\| size \| \u9009\u62e9\u6846\u5c3a\u5bf8 \| Enum{large, default, small } \| `default` \| - \|\n\| tagProps \| \u5c06\u53c2\u6570\u4f20\u9012\u7ed9 [`<Tag>`](#/components/tag) \u7ec4\u4ef6 \| `TagProps` \| `{}` \| `4.13.0` \|\n\| onChange \| \u9009\u4e2d option\uff0c\u6216 input \u7684 value\uff0c\u8c03\u7528\u6b64\u51fd\u6570 \| function(value:String \\\| Number \\\| String[] \\\| Number[] \\\| LabeledValue \\\| LabeledValue[]) \| - \| - \|\n\| onSearch \| \u6587\u672c\u6846\u503c\u53d8\u5316\u65f6\u56de\u8c03 \| function(value: String) \| - \| - \|\n\| onSelect \| \u88ab\u9009\u4e2d\u65f6\u8c03\u7528\uff0c\u53c2\u6570\u4e3a\u9009\u4e2d\u9879\u7684 value \| function(value: String/Number ) \| - \| - \|\n\| loading \| \u52a0\u8f7d\u4e2d\u72b6\u6001 \| Boolean \| `false` \| - \|\n\| valueAmount \| \u591a\u9009\u6a21\u5f0f\u4e0b,\u9650\u5236\u6700\u591a\u9009\u62e9\u591a\u5c11\u4e2a(value\u7684\u957f\u5ea6) \| number \| - \| - \|\n"}}}]);
2	- //# sourceMappingURL=1876.6cad539d.chunk.js.map