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

package/web/static/js/1661.cd44eece.chunk.js

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