@uiw/doc
Version:
UIW documentation website.
1 lines • 68.5 kB
JavaScript
(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:()=>p});var t=n(8573),a=n(6320),l=n(8563),r=n(7622),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 s=a.ZP.Preview,E=a.ZP.Code,f=a.ZP.Toolbar,_=e=>{var u,n;let{node:r,components:o,data:i,...d}=e;const _=(0,t.useRef)(null),{headings:p,headingsList:v,...m}=d;(0,t.useEffect)((()=>{if(_.current){const e=_.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(_.current,e)}}),[_]);const F=null===r||void 0===r||null===(u=r.position)||void 0===u?void 0:u.start.line,C=null===r||void 0===r||null===(n=r.data)||void 0===n?void 0:n.meta,y=(0,l.Mx)(C)||String(F),P=o["".concat(y)];if(y&&"function"===typeof P){const e=i[y].value||"",u=(0,l.aE)(C||"");return(0,c.jsxs)(a.ZP,{ref:_,children:[(0,c.jsx)(s,{style:{background:u.bg||"transparent"},children:(0,c.jsx)(P,{})}),(0,c.jsx)(f,{text:e,children:u.title||"Example"}),(0,c.jsx)(E,{children:(0,c.jsx)("pre",{...m})})]})}return(0,c.jsx)("code",{...m})};function p(e){return(0,c.jsxs)(t.Fragment,{children:[(0,c.jsx)(r.Z,{className:i.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:u=>(0,c.jsx)(_,{...e,...u})}}),(0,c.jsx)(d,{path:e.path})]})}},2345:(e,u,n)=>{"use strict";n.r(u),n.d(u,{default:()=>r});const t={components:{52: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"))))}}(),83: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)}(s,e);var u,n,o,d=c(s);function s(e){var u;return l(this,s),(u=d.call(this,e)).state={activeName:"0"},u}return u=s,(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}),s}(t.default.Component)}(),131: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"))))}}(),164: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"))))}}(),203: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"))))}}(),234: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:{52:{name:52,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}'},83:{name:83,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;"},131:{name:131,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}"},164:{name:164,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}"},203:{name:203,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}'},234:{name:234,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\u676