(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{1442:function(s,a,t){"use strict";t.r(a);var e=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-collapse accordion="">\n      <a-collapse-panel header="This is panel header 1" key="1">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 2" key="2" :disabled="false">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 3" key="3">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n    </a-collapse>\n  </div>\n',script:"\n  export default {\n    data() {\n      return {\n        text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.`,\n      };\n    },\n  };\n",style:null,us:"\n#### Accordion\nAccordion mode, only one panel can be expanded at a time. The first panel will be expanded by default.\n",cn:"\n#### 手风琴\n手风琴，每次只打开一个tab。默认打开第一个。\n",sourceCode:'<template>\n  <div>\n    <a-collapse accordion>\n      <a-collapse-panel header="This is panel header 1" key="1">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 2" key="2" :disabled="false">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 3" key="3">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n    </a-collapse>\n  </div>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.`,\n      };\n    },\n  };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-collapse",{attrs:{accordion:""}},[t("a-collapse-panel",{key:"1",attrs:{header:"This is panel header 1"}},[t("p",[s._v(s._s(s.text))])]),s._v(" "),t("a-collapse-panel",{key:"2",attrs:{header:"This is panel header 2",disabled:!1}},[t("p",[s._v(s._s(s.text))])]),s._v(" "),t("a-collapse-panel",{key:"3",attrs:{header:"This is panel header 3"}},[t("p",[s._v(s._s(s.text))])])],1)],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"手风琴"}},[s._v("手风琴 "),t("a",{staticClass:"anchor",attrs:{href:"#手风琴"}},[s._v("#")])]),s._v(" "),t("p",[s._v("手风琴，每次只打开一个tab。默认打开第一个。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Accordion"}},[s._v("Accordion "),t("a",{staticClass:"anchor",attrs:{href:"#Accordion"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Accordion mode, only one panel can be expanded at a time. The first panel will be expanded by default.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("accordion")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":disabled")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"3"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"actionscript"},[s._v("\n  export "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n    data() {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n        text: `A dog "),t("span",{staticClass:"hljs-keyword"},[s._v("is")]),s._v(" a type of domesticated animal.Known "),t("span",{staticClass:"hljs-keyword"},[s._v("for")]),s._v(" its loyalty and faithfulness,it can be found "),t("span",{staticClass:"hljs-keyword"},[s._v("as")]),s._v(" a welcome guest "),t("span",{staticClass:"hljs-keyword"},[s._v("in")]),s._v(" many households across the world.`,\n      };\n    },\n  };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};e._withStripped=!0;var l={data:function(){return{text:"A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world."}}},n=t(31),v=Object(n.a)(l,e,[],!1,null,null,null);v.options.__file="components/collapse/demo/accordion.md";var p=v.exports,i=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-collapse v-model="activeKey">\n      <a-collapse-panel header="This is panel header 1" key="1">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 2" key="2" :disabled="false">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 3" key="3" disabled="">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n    </a-collapse>\n  </div>\n',script:"\n  export default {\n    data() {\n      return {\n        text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.`,\n        activeKey: ['1'],\n      };\n    },\n    watch: {\n      activeKey(key) {\n        console.log(key);\n      },\n    },\n  };\n",style:null,us:"\n#### Collapse\nMore than one panel can be expanded at a time, the first panel is initialized to be active in this case.\n",cn:"\n#### 折叠面板\n可以同时展开多个面板，这个例子默认展开了第一个。\n",sourceCode:'<template>\n  <div>\n    <a-collapse v-model="activeKey">\n      <a-collapse-panel header="This is panel header 1" key="1">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 2" key="2" :disabled="false">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 3" key="3" disabled>\n        <p>{{text}}</p>\n      </a-collapse-panel>\n    </a-collapse>\n  </div>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.`,\n        activeKey: [\'1\'],\n      };\n    },\n    watch: {\n      activeKey(key) {\n        console.log(key);\n      },\n    },\n  };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-collapse",{model:{value:s.activeKey,callback:function(a){s.activeKey=a},expression:"activeKey"}},[t("a-collapse-panel",{key:"1",attrs:{header:"This is panel header 1"}},[t("p",[s._v(s._s(s.text))])]),s._v(" "),t("a-collapse-panel",{key:"2",attrs:{header:"This is panel header 2",disabled:!1}},[t("p",[s._v(s._s(s.text))])]),s._v(" "),t("a-collapse-panel",{key:"3",attrs:{header:"This is panel header 3",disabled:""}},[t("p",[s._v(s._s(s.text))])])],1)],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"折叠面板"}},[s._v("折叠面板 "),t("a",{staticClass:"anchor",attrs:{href:"#折叠面板"}},[s._v("#")])]),s._v(" "),t("p",[s._v("可以同时展开多个面板，这个例子默认展开了第一个。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Collapse"}},[s._v("Collapse "),t("a",{staticClass:"anchor",attrs:{href:"#Collapse"}},[s._v("#")])]),s._v(" "),t("p",[s._v("More than one panel can be expanded at a time, the first panel is initialized to be active in this case.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"activeKey"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":disabled")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"actionscript"},[s._v("\n  export "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n    data() {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n        text: `A dog "),t("span",{staticClass:"hljs-keyword"},[s._v("is")]),s._v(" a type of domesticated animal.Known "),t("span",{staticClass:"hljs-keyword"},[s._v("for")]),s._v(" its loyalty and faithfulness,it can be found "),t("span",{staticClass:"hljs-keyword"},[s._v("as")]),s._v(" a welcome guest "),t("span",{staticClass:"hljs-keyword"},[s._v("in")]),s._v(" many households across the world.`,\n        activeKey: ["),t("span",{staticClass:"hljs-string"},[s._v("'1'")]),s._v("],\n      };\n    },\n    watch: {\n      activeKey(key) {\n        console.log(key);\n      },\n    },\n  };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};i._withStripped=!0;var _={data:function(){return{text:"A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.",activeKey:["1"]}},watch:{activeKey:function(s){console.log(s)}}},o=Object(n.a)(_,i,[],!1,null,null,null);o.options.__file="components/collapse/demo/basic.md";var c=o.exports,r=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-collapse defaultActiveKey="1" :bordered="false">\n      <a-collapse-panel header="This is panel header 1" key="1">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 2" key="2" :disabled="false">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 3" key="3">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n    </a-collapse>\n  </div>\n',script:"\n  export default {\n    data() {\n      return {\n        text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.`,\n      };\n    },\n  };\n",style:null,us:"\n#### Borderless\nA borderless style of Collapse.\n",cn:"\n#### 简洁风格\n一套没有边框的简洁样式。\n",sourceCode:'<template>\n  <div>\n    <a-collapse defaultActiveKey="1" :bordered="false">\n      <a-collapse-panel header="This is panel header 1" key="1">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 2" key="2" :disabled="false">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 3" key="3">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n    </a-collapse>\n  </div>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.`,\n      };\n    },\n  };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-collapse",{attrs:{defaultActiveKey:"1",bordered:!1}},[t("a-collapse-panel",{key:"1",attrs:{header:"This is panel header 1"}},[t("p",[s._v(s._s(s.text))])]),s._v(" "),t("a-collapse-panel",{key:"2",attrs:{header:"This is panel header 2",disabled:!1}},[t("p",[s._v(s._s(s.text))])]),s._v(" "),t("a-collapse-panel",{key:"3",attrs:{header:"This is panel header 3"}},[t("p",[s._v(s._s(s.text))])])],1)],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"简洁风格"}},[s._v("简洁风格 "),t("a",{staticClass:"anchor",attrs:{href:"#简洁风格"}},[s._v("#")])]),s._v(" "),t("p",[s._v("一套没有边框的简洁样式。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Borderless"}},[s._v("Borderless "),t("a",{staticClass:"anchor",attrs:{href:"#Borderless"}},[s._v("#")])]),s._v(" "),t("p",[s._v("A borderless style of Collapse.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("defaultActiveKey")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":bordered")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":disabled")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"3"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"actionscript"},[s._v("\n  export "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n    data() {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n        text: `A dog "),t("span",{staticClass:"hljs-keyword"},[s._v("is")]),s._v(" a type of domesticated animal.Known "),t("span",{staticClass:"hljs-keyword"},[s._v("for")]),s._v(" its loyalty and faithfulness,it can be found "),t("span",{staticClass:"hljs-keyword"},[s._v("as")]),s._v(" a welcome guest "),t("span",{staticClass:"hljs-keyword"},[s._v("in")]),s._v(" many households across the world.`,\n      };\n    },\n  };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};r._withStripped=!0;var h={data:function(){return{text:"A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world."}}},d=Object(n.a)(h,r,[],!1,null,null,null);d.options.__file="components/collapse/demo/borderless.md";var C=d.exports,j=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-collapse defaultActiveKey="1" :bordered="false">\n      <template v-slot:expandIcon="props">\n        <a-icon type="caret-right" :rotate="props.isActive ? 90 : 0"/>\n      </template>\n      <a-collapse-panel header="This is panel header 1" key="1" :style="customStyle">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 2" key="2" :style="customStyle">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 3" key="3" :style="customStyle">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n    </a-collapse>\n  </div>\n',script:"\n  export default {\n    data() {\n      return {\n        text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.`,\n        customStyle:\n          'background: #f7f7f7;border-radius: 4px;margin-bottom: 24px;border: 0;overflow: hidden',\n      };\n    },\n  };\n",style:null,us:"\n#### Custom Panel\nCustomize the background, border and margin styles and icon for each panel.\n",cn:"\n#### 自定义面板\n自定义各个面板的背景色、圆角、边距和图标。\n",sourceCode:'<template>\n  <div>\n    <a-collapse defaultActiveKey="1" :bordered="false">\n      <template v-slot:expandIcon="props">\n        <a-icon type="caret-right" :rotate="props.isActive ? 90 : 0" />\n      </template>\n      <a-collapse-panel header="This is panel header 1" key="1" :style="customStyle">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 2" key="2" :style="customStyle">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 3" key="3" :style="customStyle">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n    </a-collapse>\n  </div>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.`,\n        customStyle:\n          \'background: #f7f7f7;border-radius: 4px;margin-bottom: 24px;border: 0;overflow: hidden\',\n      };\n    },\n  };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-collapse",{attrs:{defaultActiveKey:"1",bordered:!1},scopedSlots:s._u([{key:"expandIcon",fn:function(s){return[t("a-icon",{attrs:{type:"caret-right",rotate:s.isActive?90:0}})]}}])},[s._v(" "),t("a-collapse-panel",{key:"1",style:s.customStyle,attrs:{header:"This is panel header 1"}},[t("p",[s._v(s._s(s.text))])]),s._v(" "),t("a-collapse-panel",{key:"2",style:s.customStyle,attrs:{header:"This is panel header 2"}},[t("p",[s._v(s._s(s.text))])]),s._v(" "),t("a-collapse-panel",{key:"3",style:s.customStyle,attrs:{header:"This is panel header 3"}},[t("p",[s._v(s._s(s.text))])])],1)],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"自定义面板"}},[s._v("自定义面板 "),t("a",{staticClass:"anchor",attrs:{href:"#自定义面板"}},[s._v("#")])]),s._v(" "),t("p",[s._v("自定义各个面板的背景色、圆角、边距和图标。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Custom-Panel"}},[s._v("Custom Panel "),t("a",{staticClass:"anchor",attrs:{href:"#Custom-Panel"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Customize the background, border and margin styles and icon for each panel.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("defaultActiveKey")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":bordered")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-slot:expandIcon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"props"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"caret-right"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":rotate")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"props.isActive ? 90 : 0"')]),s._v(" />")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"customStyle"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"customStyle"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"customStyle"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"actionscript"},[s._v("\n  export "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n    data() {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n        text: `A dog "),t("span",{staticClass:"hljs-keyword"},[s._v("is")]),s._v(" a type of domesticated animal.Known "),t("span",{staticClass:"hljs-keyword"},[s._v("for")]),s._v(" its loyalty and faithfulness,it can be found "),t("span",{staticClass:"hljs-keyword"},[s._v("as")]),s._v(" a welcome guest "),t("span",{staticClass:"hljs-keyword"},[s._v("in")]),s._v(" many households across the world.`,\n        customStyle:\n          "),t("span",{staticClass:"hljs-string"},[s._v("'background: #f7f7f7;border-radius: 4px;margin-bottom: 24px;border: 0;overflow: hidden'")]),s._v(",\n      };\n    },\n  };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};j._withStripped=!0;var m={data:function(){return{text:"A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.",customStyle:"background: #f7f7f7;border-radius: 4px;margin-bottom: 24px;border: 0;overflow: hidden"}}},y=Object(n.a)(m,j,[],!1,null,null,null);y.options.__file="components/collapse/demo/custom.md";var g=y.exports,u=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-collapse @change="changeActivekey">\n      <a-collapse-panel header="This is panel header 1" key="1">\n        <a-collapse defaultActiveKey="4">\n          <a-collapse-panel header="This is panel nest panel" key="4">\n            <p>{{text}}</p>\n          </a-collapse-panel>\n        </a-collapse>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 2" key="2" :disabled="false">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 3" key="3">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n    </a-collapse>\n  </div>\n',script:"\n  export default {\n    data() {\n      return {\n        text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.`,\n      };\n    },\n    methods: {\n      changeActivekey(key) {\n        console.log(key);\n      },\n    },\n  };\n",style:null,us:"\n#### Nested panel\n`Collapse` is nested inside the `Collapse`.\n",cn:"\n#### 面板嵌套\n嵌套折叠面板。\n",sourceCode:'<template>\n  <div>\n    <a-collapse @change="changeActivekey">\n      <a-collapse-panel header="This is panel header 1" key="1">\n        <a-collapse defaultActiveKey="4">\n          <a-collapse-panel header="This is panel nest panel" key="4">\n            <p>{{text}}</p>\n          </a-collapse-panel>\n        </a-collapse>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 2" key="2" :disabled="false">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header 3" key="3">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n    </a-collapse>\n  </div>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.`,\n      };\n    },\n    methods: {\n      changeActivekey(key) {\n        console.log(key);\n      },\n    },\n  };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-collapse",{on:{change:s.changeActivekey}},[t("a-collapse-panel",{key:"1",attrs:{header:"This is panel header 1"}},[t("a-collapse",{attrs:{defaultActiveKey:"4"}},[t("a-collapse-panel",{key:"4",attrs:{header:"This is panel nest panel"}},[t("p",[s._v(s._s(s.text))])])],1)],1),s._v(" "),t("a-collapse-panel",{key:"2",attrs:{header:"This is panel header 2",disabled:!1}},[t("p",[s._v(s._s(s.text))])]),s._v(" "),t("a-collapse-panel",{key:"3",attrs:{header:"This is panel header 3"}},[t("p",[s._v(s._s(s.text))])])],1)],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"面板嵌套"}},[s._v("面板嵌套 "),t("a",{staticClass:"anchor",attrs:{href:"#面板嵌套"}},[s._v("#")])]),s._v(" "),t("p",[s._v("嵌套折叠面板。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Nested-panel"}},[s._v("Nested panel "),t("a",{staticClass:"anchor",attrs:{href:"#Nested-panel"}},[s._v("#")])]),s._v(" "),t("p",[t("code",[s._v("Collapse")]),s._v(" is nested inside the "),t("code",[s._v("Collapse")]),s._v(".")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"changeActivekey"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("defaultActiveKey")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"4"')]),s._v(">")]),s._v("\n          "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel nest panel"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"4"')]),s._v(">")]),s._v("\n            "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n          "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":disabled")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header 3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"3"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"actionscript"},[s._v("\n  export "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n    data() {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n        text: `A dog "),t("span",{staticClass:"hljs-keyword"},[s._v("is")]),s._v(" a type of domesticated animal.Known "),t("span",{staticClass:"hljs-keyword"},[s._v("for")]),s._v(" its loyalty and faithfulness,it can be found "),t("span",{staticClass:"hljs-keyword"},[s._v("as")]),s._v(" a welcome guest "),t("span",{staticClass:"hljs-keyword"},[s._v("in")]),s._v(" many households across the world.`,\n      };\n    },\n    methods: {\n      changeActivekey(key) {\n        console.log(key);\n      },\n    },\n  };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};u._withStripped=!0;var f={data:function(){return{text:"A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world."}},methods:{changeActivekey:function(s){console.log(s)}}},w=Object(n.a)(f,u,[],!1,null,null,null);w.options.__file="components/collapse/demo/mix.md";var k=w.exports,x=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-collapse defaultActiveKey="1" @change="changeActivekey">\n      <a-collapse-panel header="This is panel header with arrow icon" key="1">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header with no arrow icon" key="2" :showArrow="false">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n    </a-collapse>\n  </div>\n',script:"\n  export default {\n    data() {\n      return {\n        text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.`,\n      };\n    },\n    methods: {\n      changeActivekey(key) {\n        console.log(key);\n      },\n    },\n  };\n",style:null,us:'\n#### No arrow\nYou can disable showing arrow icon by passing `:showArrow="false"` to `a-collapse-panel` component.\n',cn:'\n#### 隐藏箭头\n你可以通过 `:showArrow="false"` 隐藏 `a-collapse-panel` 组件的箭头图标。\n',sourceCode:'<template>\n  <div>\n    <a-collapse defaultActiveKey="1" @change="changeActivekey">\n      <a-collapse-panel header="This is panel header with arrow icon" key="1">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n      <a-collapse-panel header="This is panel header with no arrow icon" key="2" :showArrow="false">\n        <p>{{text}}</p>\n      </a-collapse-panel>\n    </a-collapse>\n  </div>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.`,\n      };\n    },\n    methods: {\n      changeActivekey(key) {\n        console.log(key);\n      },\n    },\n  };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-collapse",{attrs:{defaultActiveKey:"1"},on:{change:s.changeActivekey}},[t("a-collapse-panel",{key:"1",attrs:{header:"This is panel header with arrow icon"}},[t("p",[s._v(s._s(s.text))])]),s._v(" "),t("a-collapse-panel",{key:"2",attrs:{header:"This is panel header with no arrow icon",showArrow:!1}},[t("p",[s._v(s._s(s.text))])])],1)],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"隐藏箭头"}},[s._v("隐藏箭头 "),t("a",{staticClass:"anchor",attrs:{href:"#隐藏箭头"}},[s._v("#")])]),s._v(" "),t("p",[s._v("你可以通过 "),t("code",[s._v(':showArrow="false"')]),s._v(" 隐藏 "),t("code",[s._v("a-collapse-panel")]),s._v(" 组件的箭头图标。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"No-arrow"}},[s._v("No arrow "),t("a",{staticClass:"anchor",attrs:{href:"#No-arrow"}},[s._v("#")])]),s._v(" "),t("p",[s._v("You can disable showing arrow icon by passing "),t("code",[s._v(':showArrow="false"')]),s._v(" to "),t("code",[s._v("a-collapse-panel")]),s._v(" component.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("defaultActiveKey")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"changeActivekey"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header with arrow icon"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("header")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"This is panel header with no arrow icon"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":showArrow")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(">")]),s._v("\n        "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),t("span",[s._v("{{")]),s._v("text"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse-panel")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-collapse")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"actionscript"},[s._v("\n  export "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n    data() {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n        text: `A dog "),t("span",{staticClass:"hljs-keyword"},[s._v("is")]),s._v(" a type of domesticated animal.Known "),t("span",{staticClass:"hljs-keyword"},[s._v("for")]),s._v(" its loyalty and faithfulness,it can be found "),t("span",{staticClass:"hljs-keyword"},[s._v("as")]),s._v(" a welcome guest "),t("span",{staticClass:"hljs-keyword"},[s._v("in")]),s._v(" many households across the world.`,\n      };\n    },\n    methods: {\n      changeActivekey(key) {\n        console.log(key);\n      },\n    },\n  };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};x._withStripped=!0;var b={data:function(){return{text:"A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world."}},methods:{changeActivekey:function(s){console.log(s)}}},A=Object(n.a)(b,x,[],!1,null,null,null);A.options.__file="components/collapse/demo/noarrow.md";var T=A.exports,K=function(){var s=this.$createElement;this._self._c;return this._m(0)};K._withStripped=!0;var S=Object(n.a)({},K,[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[t("h2",{attrs:{id:"API"}},[s._v("API "),t("a",{staticClass:"anchor",attrs:{href:"#API"}},[s._v("#")])]),s._v(" "),t("h3",{attrs:{id:"Collapse"}},[s._v("Collapse "),t("a",{staticClass:"anchor",attrs:{href:"#Collapse"}},[s._v("#")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("activeKey(v-model)")]),s._v(" "),t("td",[s._v("当前激活 tab 面板的 key")]),s._v(" "),t("td",[s._v("string[]|string")]),s._v(" "),t("td",[s._v("默认无，accordion 模式下默认第一个元素")])]),s._v(" "),t("tr",[t("td",[s._v("defaultActiveKey")]),s._v(" "),t("td",[s._v("初始化选中面板的 key")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("无")])]),s._v(" "),t("tr",[t("td",[s._v("bordered")]),s._v(" "),t("td",[s._v("带边框风格的折叠面板")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("true")])])]),s._v(" "),t("tr",[t("td",[s._v("accordion")]),s._v(" "),t("td",[s._v("手风琴模式")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("false")])])]),s._v(" "),t("tr",[t("td",[s._v("expandIcon")]),s._v(" "),t("td",[s._v("自定义切换图标")]),s._v(" "),t("td",[s._v('Function(props):VNode | slot="expandIcon" slot-scope="props"|v-slot:expandIcon="props"')]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("destroyInactivePanel")]),s._v(" "),t("td",[s._v("销毁折叠隐藏的面板")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("false")])])])])]),s._v(" "),t("h3",{attrs:{id:"事件"}},[s._v("事件 "),t("a",{staticClass:"anchor",attrs:{href:"#事件"}},[s._v("#")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("事件名称")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("回调参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("切换面板的回调")]),s._v(" "),t("td",[s._v("function(key)")])])])]),s._v(" "),t("h3",{attrs:{id:"Collapse.Panel"}},[s._v("Collapse.Panel "),t("a",{staticClass:"anchor",attrs:{href:"#Collapse.Panel"}},[s._v("#")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("禁用后的面板展开与否将无法通过用户交互改变")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("forceRender")]),s._v(" "),t("td",[s._v("被隐藏时是否渲染 DOM 结构")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("header")]),s._v(" "),t("td",[s._v("面板头内容")]),s._v(" "),t("td",[s._v("string|slot")]),s._v(" "),t("td",[s._v("无")])]),s._v(" "),t("tr",[t("td",[s._v("key")]),s._v(" "),t("td",[s._v("对应 activeKey")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("无")])]),s._v(" "),t("tr",[t("td",[s._v("showArrow")]),s._v(" "),t("td",[s._v("是否展示当前面板上的箭头")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("true")])])])])]),s._v(" "),t("h2",{attrs:{id:"FAQ"}},[s._v("FAQ "),t("a",{staticClass:"anchor",attrs:{href:"#FAQ"}},[s._v("#")])]),s._v(" "),t("h3",{attrs:{id:"我希望箭头在右边，怎么做？"}},[s._v("我希望箭头在右边，怎么做？ "),t("a",{staticClass:"anchor",attrs:{href:"#我希望箭头在右边，怎么做？"}},[s._v("#")])]),s._v(" "),t("p",[s._v("通过样式调整，将箭头放到右边就行啦")]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":""}},[s._v(".ant-collapse .ant-collapse-item .ant-collapse-header .anticon {\n  left: initial;\n  right: 16px;\n}\n")])])])}],!1,null,null,null);S.options.__file="components/collapse/index.zh-CN.md";var I=S.exports,P=function(){var s=this.$createElement;this._self._c;return this._m(0)};P._withStripped=!0;var N=Object(n.a)({},P,[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[t("h2",{attrs:{id:"API"}},[s._v("API "),t("a",{staticClass:"anchor",attrs:{href:"#API"}},[s._v("#")])]),s._v(" "),t("h3",{attrs:{id:"Collapse"}},[s._v("Collapse "),t("a",{staticClass:"anchor",attrs:{href:"#Collapse"}},[s._v("#")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("Property")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")]),s._v(" "),t("th",[s._v("Default")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("activeKey")]),s._v(" "),t("td",[s._v("Key of the active panel")]),s._v(" "),t("td",[s._v("string[]|string")]),s._v(" "),t("td",[s._v("No default value. In "),t("code",{pre:!0},[s._v("accordion")]),s._v(" mode, it's the key of the first panel.")])]),s._v(" "),t("tr",[t("td",[s._v("defaultActiveKey")]),s._v(" "),t("td",[s._v("Key of the initial active panel")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("bordered")]),s._v(" "),t("td",[s._v("Toggles rendering of the border around the collapse block")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("true")])])]),s._v(" "),t("tr",[t("td",[s._v("accordion")]),s._v(" "),t("td",[s._v("If "),t("code",{pre:!0},[s._v("true")]),s._v(", "),t("code",{pre:!0},[s._v("Collapse")]),s._v(" renders as "),t("code",{pre:!0},[s._v("Accordion")])]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("false")])])]),s._v(" "),t("tr",[t("td",[s._v("expandIcon")]),s._v(" "),t("td",[s._v("allow to customize collapse icon")]),s._v(" "),t("td",[s._v('Function(props):VNode | slot="expandIcon" slot-scope="props"|v-slot:expandIcon="props"')]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("destroyInactivePanel")]),s._v(" "),t("td",[s._v("Destroy Inactive Panel")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("false")])])])])]),s._v(" "),t("h3",{attrs:{id:"events"}},[s._v("events "),t("a",{staticClass:"anchor",attrs:{href:"#events"}},[s._v("#")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("Events Name")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Arguments")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("Callback function executed when active panel is changed")]),s._v(" "),t("td",[s._v("function(key)")])])])]),s._v(" "),t("h3",{attrs:{id:"Collapse.Panel"}},[s._v("Collapse.Panel "),t("a",{staticClass:"anchor",attrs:{href:"#Collapse.Panel"}},[s._v("#")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("Property")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")]),s._v(" "),t("th",[s._v("Default")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("If "),t("code",{pre:!0},[s._v("true")]),s._v(", panel cannot be opened or closed")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("false")])])]),s._v(" "),t("tr",[t("td",[s._v("forceRender")]),s._v(" "),t("td",[s._v("Forced render of content on panel, instead of lazy rending after clicking on header")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("false")])])]),s._v(" "),t("tr",[t("td",[s._v("header")]),s._v(" "),t("td",[s._v("Title of the panel")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("key")]),s._v(" "),t("td",[s._v("Unique key identifying the panel from among its siblings")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("showArrow")]),s._v(" "),t("td",[s._v("If "),t("code",{pre:!0},[s._v("false")]),s._v(", panel will not show arrow icon")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("true")])])])])]),s._v(" "),t("h2",{attrs:{id:"FAQ"}},[s._v("FAQ "),t("a",{staticClass:"anchor",attrs:{href:"#FAQ"}},[s._v("#")])]),s._v(" "),t("h3",{attrs:{id:"How-to-let-the-arrow-to-be-on-the-right?"}},[s._v("How to let the arrow to be on the right? "),t("a",{staticClass:"anchor",attrs:{href:"#How-to-let-the-arrow-to-be-on-the-right?"}},[s._v("#")])]),s._v(" "),t("p",[s._v("You can adjust style of the arrow:")]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":""}},[s._v(".ant-collapse .ant-collapse-item .ant-collapse-header .anticon {\n  left: initial;\n  right: 16px;\n}\n")])])])}],!1,null,null,null);N.options.__file="components/collapse/index.en-US.md";var E=N.exports,O="# Collapse折叠面板\n\n可以折叠/展开的内容区域。\n\n## 何时使用\n\n- 对复杂区域进行分组和隐藏，保持页面的整洁。\n- '手风琴' 是一种特殊的折叠面板，只允许单个内容区域展开。\n\n          ## 代码演示",$="# Collapse\nA content area which can be collapsed and expanded.\n## When To Use\n\n- Can be used to group or hide complex regions to keep the page clean.\n- 'Accordion' is a special kind of 'Collapse', which allows only one panel to be expanded at a time.\n## Examples\n",D={category:"Components",type:"Data Display",zhType:"数据展示",title:"Collapse",subtitle:"折叠面板",cols:1,render:function(){var s=arguments[0];return s("div",[s("md",{attrs:{cn:O,us:$}}),s(c),s("br"),s(p),s("br"),s(k),s("br"),s(C),s("br"),s(g),s("br"),s(T),s("br"),s("api",[s("template",{slot:"cn"},[s(I)]),s(E)])])}},F=Object(n.a)(D,void 0,void 0,!1,null,null,null);F.options.__file="components/collapse/demo/index.vue";a.default=F.exports}}]);