@uiw/doc 4.22.1 → 4.22.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.
- package/package.json +1 -1
- package/web/asset-manifest.json +5 -5
- package/web/index.html +1 -1
- package/web/static/js/286.8c6a6f4e.chunk.js +2 -0
- package/web/static/js/286.8c6a6f4e.chunk.js.map +1 -0
- package/web/static/js/{main.0674e97d.js → main.c365943d.js} +2 -2
- package/web/static/js/main.c365943d.js.map +1 -0
- package/web/static/js/286.b360fc56.chunk.js +0 -2
- package/web/static/js/286.b360fc56.chunk.js.map +0 -1
- package/web/static/js/main.0674e97d.js.map +0 -1
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[286],{4934:e=>{function u(e){var u=new Error("Cannot find module '"+e+"'");throw u.code="MODULE_NOT_FOUND",u}u.keys=()=>[],u.resolve=u,u.id=4934,e.exports=u},5301:(e,u,n)=>{"use strict";n.d(u,{Z:()=>s});var t=n(8573),a=n(7364),l=n(8563),r=n(1852),o=n(7937);const i={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=n(4760);function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:u}=e,n=/^http/.test(u||"")?u:"https://github.com/uiwjs/uiw/blob/master/".concat(u);return(0,c.jsxs)("div",{className:i.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",n&&(0,c.jsx)("a",{href:n,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,c.jsx)("br",{}),(0,c.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const E=e=>{var u;let{inline:n,node:r,components:o,data:i,...d}=e;const E=(0,t.useRef)(null),{"data-meta":s,..._}=d;if((0,t.useEffect)((()=>{if(E.current){const e=E.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(E.current,e)}}),[E]),n||!(0,l.pN)(s))return(0,c.jsx)("code",{...d});const f=null===(u=r.position)||void 0===u?void 0:u.start.line,v=(0,l.Mx)(s)||String(f),p=o["".concat(v)];if(v&&"function"===typeof p){const e=i[v].value||"",u=(0,l.aE)(s);return(0,c.jsx)(a.Z,{ref:E,background:u.bg||u.background,disableCode:"true"===u.nocode,disableToolbar:"true"===u.toolbar,style:{marginBottom:10},toolbar:u.title||"Example",code:(0,c.jsx)("pre",{..._}),text:e,children:(0,c.jsx)(p,{})})}return(0,c.jsx)("code",{..._})};function s(e){return(0,c.jsxs)(t.Fragment,{children:[(0,c.jsx)(r.Z,{className:i.markdownWrap,source:e.source||"",disableCopy:!0,warpperElement:{"data-color-mode":"light"},components:{code:u=>(0,c.jsx)(E,{...u,...e})}}),(0,c.jsx)(d,{path:e.path})]})}},2345:(e,u,n)=>{"use strict";n.r(u),n.d(u,{default:()=>r});const t={components:{20:function(){var e,u=(e=n(8573))&&e.__esModule?e:{default:e},t=n(7937);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(8573))&&e.__esModule?e:{default:e},t=n(7937);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(8573))&&u.__esModule?u:{default:u},a=n(7937);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,o(t.key),t)}}function o(u){var n=function(u,n){if("object"!==e(u)||null===u)return u;var t=u[Symbol.toPrimitive];if(void 0!==t){var a=t.call(u,n||"default");if("object"!==e(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(u)}(u,"string");return"symbol"===e(n)?n:String(n)}function i(e,u){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,u){return e.__proto__=u,e},i(e,u)}function c(u){var n=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 t,a=d(u);if(n){var l=d(this).constructor;t=Reflect.construct(a,arguments,l)}else t=a.apply(this,arguments);return function(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)}(this,t)}}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&&i(e,u)}(E,e);var u,n,o,d=c(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),o&&r(u,o),Object.defineProperty(u,"prototype",{writable:!1}),E}(t.default.Component)}(),135:function(){var e,u=(e=n(8573))&&e.__esModule?e:{default:e},t=n(7937);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(8573))&&e.__esModule?e:{default:e},t=n(7937);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(8573))&&e.__esModule?e:{default:e},t=n(7937);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"))))}}(),238:function(){var e,u=(e=n(8573))&&e.__esModule?e:{default:e},t=n(7937);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:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\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};\nreturn function 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};',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\nexport default function Demo() {\n return(\n <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}'},56:{name:56,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function 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};',language:"jsx",value:'import React from \'react\';\nimport { Collapse } from \'uiw\';\n\nexport default function Demo() {\n return(\n <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}'},87:{name:87,meta:{bg:"#fff"},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; } }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\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, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\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); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\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); }; }\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); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\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; } }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nvar Demo = /*#__PURE__*/function (_React$Component) {\n _inherits(Demo, _React$Component);\n var _super = _createSuper(Demo);\n function Demo(props) {\n var _this;\n _classCallCheck(this, Demo);\n _this = _super.call(this, props);\n _this.state = {\n activeName: \'0\'\n };\n return _this;\n }\n _createClass(Demo, [{\n key: "render",\n value: function render() {\n var _this2 = this;\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 return Demo;\n}(_react["default"].Component);\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:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nvar Panel = _uiw.Collapse.Panel;\nreturn function 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};',language:"jsx",value:"import React from 'react';\nimport { Collapse } from 'uiw';\n\nconst Panel = Collapse.Panel;\n\nexport default function Demo() {\n return(\n <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}"},168:{name:168,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nvar customPanelStyle = {\n background: \'#f7f7f7\',\n borderRadius: 4,\n marginBottom: 24,\n border: 0,\n overflow: \'hidden\'\n};\nvar Panel = _uiw.Collapse.Panel;\nreturn function 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};',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\nexport default function Demo() {\n return(\n <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}"},207:{name:207,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nvar Panel = _uiw.Collapse.Panel;\nreturn function 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};',language:"jsx",value:'import React from \'react\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nexport default function Demo() {\n return(\n <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 );\n}'},238:{name:238,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nvar Panel = _uiw.Collapse.Panel;\nreturn function 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};',language:"jsx",value:'import React from \'react\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nexport default function Demo() {\n return(\n <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 );\n}'}},source:'Collapse \u6298\u53e0\u9762\u677f\n===\n\n[](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-collapse/file/README.md)\n[](https://www.npmjs.com/package/@uiw/react-collapse)\n[](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&bg=#fff\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\nexport default function Demo() {\n return(\n <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}\n```\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Collapse } from \'uiw\';\n\nexport default function Demo() {\n return(\n <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}\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&bg=#fff\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&bg=#fff\nimport React from \'react\';\nimport { Collapse } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nexport default function Demo() {\n return(\n <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}\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&bg=#fff\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\nexport default function Demo() {\n return(\n <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}\n```\n\n## \u81ea\u5b9a\u4e49\u9762\u677f\u6807\u9898\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nexport default function Demo() {\n return(\n <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 );\n}\n```\n\n## \u6307\u5b9a\u6298\u53e0\u56fe\u6807\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nexport default function Demo() {\n return(\n <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 );\n}\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',headings:[],headingsList:[]};var a=n(5301),l=n(4760);function r(){return(0,l.jsx)(a.Z,{...t,path:"https://github.com/uiwjs/uiw/tree/master/packages/react-collapse/README.md"})}}}]);
|
|
2
|
-
//# sourceMappingURL=286.b360fc56.chunk.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"static/js/286.b360fc56.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","webpack://website/./src/components/Markdown/index.module.less?cf3c","components/Markdown/Footer.tsx","components/Markdown/Markdown.tsx","../../packages/react-collapse/README.md","routes/components/collapse/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = () => ([]);\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 4934;\nmodule.exports = webpackEmptyContext;","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\",\"markdownWrap\":\"index_markdownWrap__t60jR\"};","import { Divider } from 'uiw';\nimport styles from './index.module.less';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <div className={styles.docinfo}>\n 犯了错误还是想对文件做出贡献?\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页!\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </div>\n );\n}\n","import { Fragment, useEffect, useRef } from 'react';\nimport CodeLayout from 'react-code-preview-layout';\nimport { getMetaId, isMeta, getURLParameters, CodeBlockData } from 'markdown-react-code-preview-loader';\nimport MarkdownPreview from '@uiw/react-markdown-preview';\nimport { CodeProps } from 'react-markdown/lib/ast-to-react';\nimport Footer from './Footer';\nimport styles from './index.module.less';\n\n/**\n *\n * ```js\n * ```jsx mdx:preview&bg=#fff\n * ```\n */\nconst CodePreview = ({ inline, node, components, data, ...props }: CodeProps & CodeBlockData) => {\n const $dom = useRef<HTMLDivElement>(null);\n const { 'data-meta': meta, ...rest } = props as any;\n\n useEffect(() => {\n if ($dom.current) {\n const parentElement = $dom.current.parentElement;\n if (parentElement && parentElement.parentElement) {\n parentElement.parentElement.replaceChild($dom.current, parentElement);\n }\n }\n }, [$dom]);\n\n if (inline || !isMeta(meta)) {\n return <code {...props} />;\n }\n const line = node.position?.start.line;\n const metaId = getMetaId(meta) || String(line);\n const Child = components[`${metaId}`];\n if (metaId && typeof Child === 'function') {\n const code = data[metaId].value || '';\n const param = getURLParameters(meta);\n return (\n <CodeLayout\n ref={$dom}\n background={param.bg || param.background}\n disableCode={param.nocode === 'true'}\n disableToolbar={param.toolbar === 'true'}\n style={{ marginBottom: 10 }}\n toolbar={param.title || 'Example'}\n code={<pre {...rest} />}\n text={code}\n >\n <Child />\n </CodeLayout>\n );\n }\n return <code {...rest} />;\n};\n\ninterface MarkdownProps extends CodeBlockData {\n path: string;\n}\n\nexport default function Markdown(props: MarkdownProps) {\n return (\n <Fragment>\n <MarkdownPreview\n className={styles.markdownWrap}\n source={props.source || ''}\n disableCopy\n warpperElement={{\n 'data-color-mode': 'light',\n }}\n components={{\n code: (codeProps) => {\n return <CodePreview {...codeProps} {...props} />;\n },\n }}\n />\n <Footer path={props.path} />\n </Fragment>\n );\n}\n","\nexport default {\n components: { 20: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _uiw = require(\"uiw\");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\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};\nreturn function 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}; })(),56: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _uiw = require(\"uiw\");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nreturn function 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}; })(),87: (function() { \"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; } }\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _uiw = require(\"uiw\");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\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, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\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); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\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); }; }\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); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\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; } }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nvar Demo = /*#__PURE__*/function (_React$Component) {\n _inherits(Demo, _React$Component);\n var _super = _createSuper(Demo);\n function Demo(props) {\n var _this;\n _classCallCheck(this, Demo);\n _this = _super.call(this, props);\n _this.state = {\n activeName: '0'\n };\n return _this;\n }\n _createClass(Demo, [{\n key: \"render\",\n value: function render() {\n var _this2 = this;\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 return Demo;\n}(_react[\"default\"].Component);\nreturn Demo; })(),135: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _uiw = require(\"uiw\");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nvar Panel = _uiw.Collapse.Panel;\nreturn function 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}; })(),168: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _uiw = require(\"uiw\");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nvar customPanelStyle = {\n background: '#f7f7f7',\n borderRadius: 4,\n marginBottom: 24,\n border: 0,\n overflow: 'hidden'\n};\nvar Panel = _uiw.Collapse.Panel;\nreturn function 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}; })(),207: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _uiw = require(\"uiw\");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nvar Panel = _uiw.Collapse.Panel;\nreturn function 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}; })(),238: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _uiw = require(\"uiw\");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nvar Panel = _uiw.Collapse.Panel;\nreturn function 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 data: {\n \"20\": {\n \"name\": 20,\n \"meta\": {\n \"bg\": \"#fff\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _uiw = require(\\\"uiw\\\");\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\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};\\nreturn function 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 \"language\": \"jsx\",\n \"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 >设置</div>\\n);\\n\\nexport default function Demo() {\\n return(\\n <div>\\n <Collapse activeKey={['1']} onChange={key=>console.log('key::1:', key)}>\\n <Collapse.Panel header=\\\"大话西游\\\" key=\\\"1\\\" extra={genExtra()}>\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Collapse.Panel>\\n <Collapse.Panel header=\\\"西游·降魔篇\\\" key=\\\"2\\\" extra={genExtra()}>\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Collapse.Panel>\\n <Collapse.Panel header=\\\"国产零零漆\\\" key=\\\"3\\\" extra={genExtra()}>\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Collapse.Panel>\\n </Collapse>\\n </div>\\n );\\n}\"\n },\n \"56\": {\n \"name\": 56,\n \"meta\": {\n \"bg\": \"#fff\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _uiw = require(\\\"uiw\\\");\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nreturn function 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 \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Collapse } from 'uiw';\\n\\nexport default function Demo() {\\n return(\\n <div>\\n <Collapse activeKey={['1']} onChange={key=>console.log('key::1:', key)}>\\n <Collapse.Panel header=\\\"大话西游\\\" key=\\\"1\\\">\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Collapse.Panel>\\n <Collapse.Panel header=\\\"西游·降魔篇\\\" key=\\\"2\\\">\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Collapse.Panel>\\n <Collapse.Panel header=\\\"国产零零漆\\\" key=\\\"3\\\" disabled >\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Collapse.Panel>\\n </Collapse>\\n </div>\\n );\\n}\"\n },\n \"87\": {\n \"name\": 87,\n \"meta\": {\n \"bg\": \"#fff\"\n },\n \"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; } }\\nfunction _typeof(o) { \\\"@babel/helpers - typeof\\\"; return _typeof = \\\"function\\\" == typeof Symbol && \\\"symbol\\\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \\\"function\\\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \\\"symbol\\\" : typeof o; }, _typeof(o); }\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _uiw = require(\\\"uiw\\\");\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError(\\\"Cannot call a class as a function\\\"); } }\\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, _toPropertyKey(descriptor.key), descriptor); } }\\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \\\"prototype\\\", { writable: false }); return Constructor; }\\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \\\"string\\\"); return _typeof(key) === \\\"symbol\\\" ? key : String(key); }\\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \\\"object\\\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \\\"default\\\"); if (_typeof(res) !== \\\"object\\\") return res; throw new TypeError(\\\"@@toPrimitive must return a primitive value.\\\"); } return (hint === \\\"string\\\" ? String : Number)(input); }\\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); }\\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\\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); }; }\\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); }\\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\\\"this hasn't been initialised - super() hasn't been called\\\"); } return self; }\\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; } }\\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\\nvar Demo = /*#__PURE__*/function (_React$Component) {\\n _inherits(Demo, _React$Component);\\n var _super = _createSuper(Demo);\\n function Demo(props) {\\n var _this;\\n _classCallCheck(this, Demo);\\n _this = _super.call(this, props);\\n _this.state = {\\n activeName: '0'\\n };\\n return _this;\\n }\\n _createClass(Demo, [{\\n key: \\\"render\\\",\\n value: function render() {\\n var _this2 = this;\\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 return Demo;\\n}(_react[\\\"default\\\"].Component);\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"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 打开或关闭第三个\\n </Button>\\n <Collapse accordion activeKey={[this.state.activeName]} onChange={key=>console.log('key::2:', key)}>\\n <Panel header=\\\"大话西游\\\">\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel header=\\\"西游·降魔篇\\\">\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Panel>\\n <Panel header=\\\"国产零零漆\\\" showArrow={false}>\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>\\n )\\n }\\n}\\nexport default Demo;\"\n },\n \"135\": {\n \"name\": 135,\n \"meta\": {\n \"bg\": \"#fff\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _uiw = require(\\\"uiw\\\");\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nvar Panel = _uiw.Collapse.Panel;\\nreturn function 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 \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Collapse } from 'uiw';\\n\\nconst Panel = Collapse.Panel;\\n\\nexport default function Demo() {\\n return(\\n <div>\\n <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log('key::3:', key)}>\\n <Panel header=\\\"大话西游\\\">\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel header=\\\"西游·降魔篇\\\">\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Panel>\\n <Panel header=\\\"国产零零漆\\\">\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>\\n );\\n}\"\n },\n \"168\": {\n \"name\": 168,\n \"meta\": {\n \"bg\": \"#fff\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _uiw = require(\\\"uiw\\\");\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nvar customPanelStyle = {\\n background: '#f7f7f7',\\n borderRadius: 4,\\n marginBottom: 24,\\n border: 0,\\n overflow: 'hidden'\\n};\\nvar Panel = _uiw.Collapse.Panel;\\nreturn function 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 \"language\": \"jsx\",\n \"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\\nexport default function Demo() {\\n return(\\n <div>\\n <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log('key::4:', key)}>\\n <Panel header=\\\"大话西游\\\" style={customPanelStyle}>\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel header=\\\"西游·降魔篇\\\" style={customPanelStyle}>\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Panel>\\n <Panel header=\\\"国产零零漆\\\" style={customPanelStyle}>\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>\\n );\\n}\"\n },\n \"207\": {\n \"name\": 207,\n \"meta\": {\n \"bg\": \"#fff\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _uiw = require(\\\"uiw\\\");\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nvar Panel = _uiw.Collapse.Panel;\\nreturn function 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 \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Collapse, Icon } from 'uiw';\\n\\nconst Panel = Collapse.Panel;\\n\\nexport default function Demo() {\\n return(\\n <div>\\n <Collapse showArrow={false} activeKey={['1']} onChange={key=>console.log('key::5:', key)}>\\n <Panel header={<span>大话西游 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"1\\\">\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel header={<span>西游·降魔篇 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"2\\\">\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Panel>\\n <Panel header=\\\"国产零零漆\\\" key=\\\"3\\\">\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>\\n );\\n}\"\n },\n \"238\": {\n \"name\": 238,\n \"meta\": {\n \"bg\": \"#fff\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _uiw = require(\\\"uiw\\\");\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nvar Panel = _uiw.Collapse.Panel;\\nreturn function 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 \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Collapse, Icon } from 'uiw';\\n\\nconst Panel = Collapse.Panel;\\n\\nexport default function Demo() {\\n return(\\n <div>\\n <Collapse activeKey={['1']} onChange={key=>console.log('key::6:', key)}>\\n <Panel icon=\\\"caret-down\\\" header={<span>大话西游 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"1\\\">\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel icon={<Icon type=\\\"down-circle\\\" />} header={<span>西游·降魔篇 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"2\\\">\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Panel>\\n <Panel icon={<span>折叠-</span>} header=\\\"国产零零漆\\\" key=\\\"3\\\">\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>\\n );\\n}\"\n }\n},\n source: \"Collapse 折叠面板\\n===\\n\\n[](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-collapse/file/README.md)\\n[](https://www.npmjs.com/package/@uiw/react-collapse)\\n[](https://npmjs.com/@uiw/react-collapse)\\n\\n可以折叠/展开的内容区域。\\n\\n```jsx\\nimport { Collapse } from 'uiw';\\n// or\\nimport Collapse from '@uiw/react-collapse';\\n```\\n\\n## 基本用法\\n\\n可以同时展开多个面板,这个例子默认展开了第一个。\\n\\n```jsx mdx:preview&bg=#fff\\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 >设置</div>\\n);\\n\\nexport default function Demo() {\\n return(\\n <div>\\n <Collapse activeKey={['1']} onChange={key=>console.log('key::1:', key)}>\\n <Collapse.Panel header=\\\"大话西游\\\" key=\\\"1\\\" extra={genExtra()}>\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Collapse.Panel>\\n <Collapse.Panel header=\\\"西游·降魔篇\\\" key=\\\"2\\\" extra={genExtra()}>\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Collapse.Panel>\\n <Collapse.Panel header=\\\"国产零零漆\\\" key=\\\"3\\\" extra={genExtra()}>\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Collapse.Panel>\\n </Collapse>\\n </div>\\n );\\n}\\n```\\n\\n```jsx mdx:preview&bg=#fff\\nimport React from 'react';\\nimport { Collapse } from 'uiw';\\n\\nexport default function Demo() {\\n return(\\n <div>\\n <Collapse activeKey={['1']} onChange={key=>console.log('key::1:', key)}>\\n <Collapse.Panel header=\\\"大话西游\\\" key=\\\"1\\\">\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Collapse.Panel>\\n <Collapse.Panel header=\\\"西游·降魔篇\\\" key=\\\"2\\\">\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Collapse.Panel>\\n <Collapse.Panel header=\\\"国产零零漆\\\" key=\\\"3\\\" disabled >\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Collapse.Panel>\\n </Collapse>\\n </div>\\n );\\n}\\n```\\n\\n## 手风琴折叠面板\\n\\n手风琴,每次只打开一个tab。默认打开第一个。`Panel` 的 `key` 属性并非必须。\\n\\n```jsx mdx:preview&bg=#fff\\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 打开或关闭第三个\\n </Button>\\n <Collapse accordion activeKey={[this.state.activeName]} onChange={key=>console.log('key::2:', key)}>\\n <Panel header=\\\"大话西游\\\">\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel header=\\\"西游·降魔篇\\\">\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Panel>\\n <Panel header=\\\"国产零零漆\\\" showArrow={false}>\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>\\n )\\n }\\n}\\nexport default Demo;\\n```\\n\\n## 简洁风格无边框\\n\\n通过设置`bordered={true}`没有边框的简洁样式。\\n\\n```jsx mdx:preview&bg=#fff\\nimport React from 'react';\\nimport { Collapse } from 'uiw';\\n\\nconst Panel = Collapse.Panel;\\n\\nexport default function Demo() {\\n return(\\n <div>\\n <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log('key::3:', key)}>\\n <Panel header=\\\"大话西游\\\">\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel header=\\\"西游·降魔篇\\\">\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Panel>\\n <Panel header=\\\"国产零零漆\\\">\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>\\n );\\n}\\n```\\n\\n## 自定义面板\\n\\n自定义各个面板的背景色、圆角、边距和图标。\\n\\n```jsx mdx:preview&bg=#fff\\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\\nexport default function Demo() {\\n return(\\n <div>\\n <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log('key::4:', key)}>\\n <Panel header=\\\"大话西游\\\" style={customPanelStyle}>\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel header=\\\"西游·降魔篇\\\" style={customPanelStyle}>\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Panel>\\n <Panel header=\\\"国产零零漆\\\" style={customPanelStyle}>\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>\\n );\\n}\\n```\\n\\n## 自定义面板标题\\n\\n```jsx mdx:preview&bg=#fff\\nimport React from 'react';\\nimport { Collapse, Icon } from 'uiw';\\n\\nconst Panel = Collapse.Panel;\\n\\nexport default function Demo() {\\n return(\\n <div>\\n <Collapse showArrow={false} activeKey={['1']} onChange={key=>console.log('key::5:', key)}>\\n <Panel header={<span>大话西游 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"1\\\">\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel header={<span>西游·降魔篇 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"2\\\">\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Panel>\\n <Panel header=\\\"国产零零漆\\\" key=\\\"3\\\">\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>\\n );\\n}\\n```\\n\\n## 指定折叠图标\\n\\n```jsx mdx:preview&bg=#fff\\nimport React from 'react';\\nimport { Collapse, Icon } from 'uiw';\\n\\nconst Panel = Collapse.Panel;\\n\\nexport default function Demo() {\\n return(\\n <div>\\n <Collapse activeKey={['1']} onChange={key=>console.log('key::6:', key)}>\\n <Panel icon=\\\"caret-down\\\" header={<span>大话西游 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"1\\\">\\n <div>曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限,我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel icon={<Icon type=\\\"down-circle\\\" />} header={<span>西游·降魔篇 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"2\\\">\\n <div>曾经痛苦,才知道真正的痛苦;曾经执著,才能放下执著;</div>\\n <div>曾经牵挂,才能了无牵挂。</div>\\n </Panel>\\n <Panel icon={<span>折叠-</span>} header=\\\"国产零零漆\\\" key=\\\"3\\\">\\n <div>古有关云长全神贯注下象棋刮骨疗毒,今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>\\n );\\n}\\n```\\n\\n## Props\\n\\n### Collapse\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |---------- |-------- |\\n| accordion | 手风琴效果 | Boolean | false |\\n| activeKey | 当前激活 tab 面板的 key, accordion 模式下默认第一个元素 | String[]/String | false |\\n| showArrow | 在这里使用,表示控制所有的面板图标是否展示 | Boolean | true |\\n| bordered | 设置没有边框的简洁样式 | Boolean | false |\\n| onChange | 切换面板的回调 | (activeKey: string[]) => void | - |\\n\\n### Collapse.Panel\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |---------- |-------- |\\n| disabled | 禁用后的面板展开与否将无法通过用户交互改变 | Boolean | false |\\n| header | 面板头内容 | String/ReactNode | - |\\n| icon | 指定图标 | String/ReactNode | - |\\n| isActive | 是否展开 | Boolean | - |\\n| extra | 自定义渲染每个面板右上角的内容 | ReactNode | - |\\n| showArrow | 是否显示展开图标 | Boolean | true |\\n| key | 对应 `activeKey`,非必填 | | - |\\n\",\n headings:[],\n headingsList:[],\n }","import data from '@uiw/react-collapse/README.md';\nimport Markdown from '../../../components/Markdown/Markdown';\n\nexport default function Page() {\n return <Markdown {...data} path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-collapse/README.md\" />;\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","props","arguments","length","undefined","path","url","test","concat","_jsxs","className","styles","docinfo","children","_jsx","href","target","rel","Divider","type","CodePreview","_ref","_node$position","inline","node","components","data","$dom","useRef","meta","rest","useEffect","current","parentElement","replaceChild","isMeta","line","position","start","metaId","getMetaId","String","Child","value","param","getURLParameters","CodeLayout","ref","background","bg","disableCode","nocode","disableToolbar","toolbar","style","marginBottom","title","text","Markdown","Fragment","MarkdownPreview","markdownWrap","source","disableCopy","warpperElement","codeProps","Footer","obj","_react","__esModule","_uiw","genExtra","createElement","onClick","event","stopPropagation","Collapse","activeKey","onChange","key","console","log","Panel","header","extra","disabled","_typeof","o","Symbol","iterator","constructor","prototype","_classCallCheck","instance","Constructor","left","right","hasInstance","TypeError","_defineProperties","i","descriptor","enumerable","configurable","writable","Object","defineProperty","_toPropertyKey","arg","input","hint","prim","toPrimitive","res","call","Number","_toPrimitive","_setPrototypeOf","p","setPrototypeOf","bind","__proto__","_createSuper","Derived","hasNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","_isNativeReflectConstruct","result","Super","_getPrototypeOf","NewTarget","this","apply","self","ReferenceError","_assertThisInitialized","_possibleConstructorReturn","getPrototypeOf","_React$Component","subClass","superClass","create","_inherits","Demo","protoProps","staticProps","_super","_this","state","activeName","_this2","Button","setState","accordion","showArrow","Component","bordered","customPanelStyle","borderRadius","border","overflow","Icon","icon","headings","headingsList","Page"],"sourceRoot":""}
|