(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-68331fe4"],{"065a":function(o,n,d){},"464c":function(o,n,d){"use strict";var e=d("065a"),t=d.n(e);t.a},"8eb1":function(o,n,d){"use strict";d.r(n);var e=function(){var o=this,n=o.$createElement,d=o._self._c||n;return d("div",{staticClass:"lin-container"},[d("div",{staticClass:"lin-title"},[o._v("Dropdown 下拉菜单")]),d("div",{staticClass:"lin-wrap-ui"},[d("el-card",{staticStyle:{"margin-bottom":"50px"}},[d("div",{attrs:{slot:"header"},slot:"header"},[d("span",[o._v("基础用法")])]),d("el-row",[d("div",[d("el-dropdown",{on:{command:o.handleCommand}},[d("span",{staticClass:"el-dropdown-link"},[o._v(" 下拉菜单"),d("i",{staticClass:"el-icon-arrow-down el-icon--right"})]),d("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[d("el-dropdown-item",{attrs:{command:"黄金糕"}},[o._v("黄金糕")]),d("el-dropdown-item",{attrs:{command:"狮子头"}},[o._v("狮子头")]),d("el-dropdown-item",{attrs:{command:"螺蛳粉"}},[o._v("螺蛳粉")]),d("el-dropdown-item",{attrs:{disabled:""}},[o._v("双皮奶")]),d("el-dropdown-item",{attrs:{divided:"",command:"蚵仔煎"}},[o._v("蚵仔煎")])],1)],1)],1)]),d("el-collapse",[d("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[d("div",{staticStyle:{"white-space":"pre-wrap"}},[o._v(o._s(o.base))])])],1)],1),d("el-card",{staticStyle:{"margin-bottom":"50px"}},[d("div",{attrs:{slot:"header"},slot:"header"},[d("span",[o._v("触发对象")])]),d("el-row",[d("div",[d("el-row",{staticClass:"block-col-2"},[d("el-col",{attrs:{span:12}},[d("span",{staticClass:"demonstration"},[o._v("触发下拉菜单的按钮")]),d("el-dropdown",{on:{command:o.handleCommand}},[d("el-button",{attrs:{type:"primary"}},[o._v(" 更多菜单"),d("i",{staticClass:"el-icon-arrow-down el-icon--right"})]),d("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[d("el-dropdown-item",{attrs:{command:"黄金糕"}},[o._v("黄金糕")]),d("el-dropdown-item",{attrs:{command:"狮子头"}},[o._v("狮子头")]),d("el-dropdown-item",{attrs:{command:"螺蛳粉"}},[o._v("螺蛳粉")]),d("el-dropdown-item",{attrs:{command:"蚵仔煎"}},[o._v("双皮奶")]),d("el-dropdown-item",{attrs:{command:"蚵仔煎"}},[o._v("蚵仔煎")])],1)],1)],1),d("el-col",{attrs:{span:12}},[d("span",{staticClass:"demonstration"},[o._v("左边是功能按钮，右边是触发下拉菜单的按钮")]),d("el-dropdown",{attrs:{"split-button":"",type:"primary"},on:{click:o.handleClick,command:o.handleCommand}},[o._v("\n                更多菜单\n                "),d("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[d("el-dropdown-item",{attrs:{command:"黄金糕"}},[o._v("黄金糕")]),d("el-dropdown-item",{attrs:{command:"狮子头"}},[o._v("狮子头")]),d("el-dropdown-item",{attrs:{command:"螺蛳粉"}},[o._v("螺蛳粉")]),d("el-dropdown-item",{attrs:{command:"蚵仔煎"}},[o._v("双皮奶")]),d("el-dropdown-item",{attrs:{command:"蚵仔煎"}},[o._v("蚵仔煎")])],1)],1)],1)],1)],1)]),d("el-collapse",{staticClass:"test",staticStyle:{color:"red"}},[d("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[d("div",{staticStyle:{"white-space":"pre-wrap"}},[o._v(o._s(o.splitButton))])])],1)],1),d("el-card",{staticStyle:{"margin-bottom":"50px"}},[d("div",{attrs:{slot:"header"},slot:"header"},[d("span",[o._v("触发方式")])]),d("el-row",[d("div",[d("el-row",{staticClass:"block-col-2"},[d("el-col",{attrs:{span:12}},[d("span",{staticClass:"demonstration"},[o._v("hover 激活")]),d("el-dropdown",{on:{command:o.handleCommand}},[d("span",{staticClass:"el-dropdown-link"},[o._v(" 下拉菜单"),d("i",{staticClass:"el-icon-arrow-down el-icon--right"})]),d("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[d("el-dropdown-item",{attrs:{icon:"el-icon-plus",command:"黄金糕"}},[o._v("黄金糕")]),d("el-dropdown-item",{attrs:{icon:"el-icon-circle-plus",command:"狮子头"}},[o._v("狮子头")]),d("el-dropdown-item",{attrs:{icon:"el-icon-circle-plus-outline",command:"螺蛳粉"}},[o._v("螺蛳粉")]),d("el-dropdown-item",{attrs:{icon:"el-icon-check",command:"双皮奶"}},[o._v("双皮奶")]),d("el-dropdown-item",{attrs:{icon:"el-icon-circle-check-outline",command:"蚵仔煎"}},[o._v("蚵仔煎")])],1)],1)],1),d("el-col",{attrs:{span:12}},[d("span",{staticClass:"demonstration"},[o._v("click 激活")]),d("el-dropdown",{attrs:{trigger:"click"},on:{command:o.handleCommand}},[d("span",{staticClass:"el-dropdown-link"},[o._v(" 下拉菜单"),d("i",{staticClass:"el-icon-arrow-down el-icon--right"})]),d("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[d("el-dropdown-item",{attrs:{icon:"el-icon-plus",command:"黄金糕"}},[o._v("黄金糕")]),d("el-dropdown-item",{attrs:{icon:"el-icon-circle-plus",command:"狮子头"}},[o._v("狮子头")]),d("el-dropdown-item",{attrs:{icon:"el-icon-circle-plus-outline",command:"螺蛳粉"}},[o._v("螺蛳粉")]),d("el-dropdown-item",{attrs:{icon:"el-icon-check",command:"双皮奶"}},[o._v("双皮奶")]),d("el-dropdown-item",{attrs:{icon:"el-icon-circle-check-outline",command:"蚵仔煎"}},[o._v("蚵仔煎")])],1)],1)],1)],1)],1)]),d("el-collapse",{staticClass:"test",staticStyle:{color:"red"}},[d("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[d("div",{staticStyle:{"white-space":"pre-wrap"}},[o._v(o._s(o.trigger))])])],1)],1),d("el-card",{staticStyle:{"margin-bottom":"50px"}},[d("div",{attrs:{slot:"header"},slot:"header"},[d("span",[o._v("菜单隐藏方式")])]),d("el-row",[d("div",[d("el-row",{staticClass:"block-col-2"},[d("el-col",{attrs:{span:12}},[d("span",{staticClass:"demonstration"},[o._v("点击菜单项后不隐藏")]),d("el-dropdown",{attrs:{"hide-on-click":!1},on:{command:o.handleCommand}},[d("span",{staticClass:"el-dropdown-link"},[o._v(" 下拉菜单"),d("i",{staticClass:"el-icon-arrow-down el-icon--right"})]),d("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[d("el-dropdown-item",{attrs:{command:"黄金糕"}},[o._v("黄金糕")]),d("el-dropdown-item",{attrs:{command:"狮子头"}},[o._v("狮子头")]),d("el-dropdown-item",{attrs:{command:"螺蛳粉"}},[o._v("螺蛳粉")]),d("el-dropdown-item",{attrs:{disabled:""}},[o._v("双皮奶")]),d("el-dropdown-item",{attrs:{divided:"",command:"蚵仔煎"}},[o._v("蚵仔煎")])],1)],1)],1),d("el-col",{attrs:{span:12}},[d("span",{staticClass:"demonstration"},[o._v("点击菜单项后隐藏")]),d("el-dropdown",{attrs:{"hide-on-click":!0},on:{command:o.handleCommand}},[d("span",{staticClass:"el-dropdown-link"},[o._v(" 下拉菜单"),d("i",{staticClass:"el-icon-arrow-down el-icon--right"})]),d("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[d("el-dropdown-item",{attrs:{command:"黄金糕"}},[o._v("黄金糕")]),d("el-dropdown-item",{attrs:{command:"狮子头"}},[o._v("狮子头")]),d("el-dropdown-item",{attrs:{command:"螺蛳粉"}},[o._v("螺蛳粉")]),d("el-dropdown-item",{attrs:{disabled:""}},[o._v("双皮奶")]),d("el-dropdown-item",{attrs:{divided:"",command:"蚵仔煎"}},[o._v("蚵仔煎")])],1)],1)],1)],1)],1)]),d("el-collapse",[d("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[d("div",{staticStyle:{"white-space":"pre-wrap"}},[o._v(o._s(o.hideOnClick))])])],1)],1),d("el-card",{staticStyle:{"margin-bottom":"50px"}},[d("div",{attrs:{slot:"header"},slot:"header"},[d("span",[o._v("指令事件")])]),d("el-row",[d("div",[d("el-dropdown",{on:{command:o.handleCommand}},[d("span",{staticClass:"el-dropdown-link"},[o._v(" 下拉菜单"),d("i",{staticClass:"el-icon-arrow-down el-icon--right"})]),d("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[d("el-dropdown-item",{attrs:{command:"a"}},[o._v("黄金糕")]),d("el-dropdown-item",{attrs:{command:"b"}},[o._v("狮子头")]),d("el-dropdown-item",{attrs:{command:"c"}},[o._v("螺蛳粉")]),d("el-dropdown-item",{attrs:{command:"d",disabled:""}},[o._v("双皮奶")]),d("el-dropdown-item",{attrs:{command:"e",divided:""}},[o._v("蚵仔煎")])],1)],1)],1)]),d("el-collapse",[d("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[d("div",{staticStyle:{"white-space":"pre-wrap"}},[o._v(o._s(o.handleCommandCode))])])],1)],1),d("el-card",{staticStyle:{"margin-bottom":"50px"}},[d("div",{attrs:{slot:"header"},slot:"header"},[d("span",[o._v("不同尺寸")])]),d("el-row",[d("div",[d("el-dropdown",{attrs:{"split-button":"",type:"primary"},on:{command:o.handleCommand}},[o._v("\n            默认尺寸\n            "),d("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[d("el-dropdown-item",{attrs:{command:"黄金糕"}},[o._v("黄金糕")]),d("el-dropdown-item",{attrs:{command:"狮子头"}},[o._v("狮子头")]),d("el-dropdown-item",{attrs:{command:"螺蛳粉"}},[o._v("螺蛳粉")]),d("el-dropdown-item",{attrs:{command:"蚵仔煎"}},[o._v("双皮奶")]),d("el-dropdown-item",{attrs:{command:"蚵仔煎"}},[o._v("蚵仔煎")])],1)],1),d("el-dropdown",{attrs:{size:"medium","split-button":"",type:"primary"},on:{command:o.handleCommand}},[o._v("\n            中等尺寸\n            "),d("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[d("el-dropdown-item",{attrs:{command:"黄金糕"}},[o._v("黄金糕")]),d("el-dropdown-item",{attrs:{command:"狮子头"}},[o._v("狮子头")]),d("el-dropdown-item",{attrs:{command:"螺蛳粉"}},[o._v("螺蛳粉")]),d("el-dropdown-item",{attrs:{command:"蚵仔煎"}},[o._v("双皮奶")]),d("el-dropdown-item",{attrs:{command:"蚵仔煎"}},[o._v("蚵仔煎")])],1)],1),d("el-dropdown",{attrs:{size:"small","split-button":"",type:"primary"},on:{command:o.handleCommand}},[o._v("\n            小型尺寸\n            "),d("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[d("el-dropdown-item",{attrs:{command:"黄金糕"}},[o._v("黄金糕")]),d("el-dropdown-item",{attrs:{command:"狮子头"}},[o._v("狮子头")]),d("el-dropdown-item",{attrs:{command:"螺蛳粉"}},[o._v("螺蛳粉")]),d("el-dropdown-item",{attrs:{command:"蚵仔煎"}},[o._v("双皮奶")]),d("el-dropdown-item",{attrs:{command:"蚵仔煎"}},[o._v("蚵仔煎")])],1)],1),d("el-dropdown",{attrs:{size:"mini","split-button":"",type:"primary"},on:{command:o.handleCommand}},[o._v("\n            超小尺寸\n            "),d("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[d("el-dropdown-item",{attrs:{command:"黄金糕"}},[o._v("黄金糕")]),d("el-dropdown-item",{attrs:{command:"狮子头"}},[o._v("狮子头")]),d("el-dropdown-item",{attrs:{command:"螺蛳粉"}},[o._v("螺蛳粉")]),d("el-dropdown-item",{attrs:{command:"蚵仔煎"}},[o._v("双皮奶")]),d("el-dropdown-item",{attrs:{command:"蚵仔煎"}},[o._v("蚵仔煎")])],1)],1)],1)]),d("el-collapse",[d("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[d("div",{staticStyle:{"white-space":"pre-wrap"}},[o._v(o._s(o.size))])])],1)],1)],1)])},t=[],l={name:"LinCmsUiButton",components:{},data:function(){return{base:'     \n        <el-dropdown @command="handleCommand">\n          <span class="el-dropdown-link">\n            下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n          </span>\n          <el-dropdown-menu slot="dropdown">\n            <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n            <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n            <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n            <el-dropdown-item disabled >双皮奶</el-dropdown-item>\n            <el-dropdown-item divided command="蚵仔煎">蚵仔煎</el-dropdown-item>\n          </el-dropdown-menu>\n        </el-dropdown>',splitButton:'\n       <div>\n        <el-row class="block-col-2">\n          <el-col :span="12">\n            <span class="demonstration">触发下拉菜单的按钮</span>\n            <el-dropdown @command="handleCommand">\n              <el-button type="primary">\n                更多菜单<i class="el-icon-arrow-down el-icon--right"></i>\n              </el-button>\n              <el-dropdown-menu slot="dropdown">\n                <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n                <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n                <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n                <el-dropdown-item command="蚵仔煎">双皮奶</el-dropdown-item>\n                <el-dropdown-item command="蚵仔煎">蚵仔煎</el-dropdown-item>\n              </el-dropdown-menu>\n            </el-dropdown>\n          </el-col>\n          <el-col :span="12">\n            <span class="demonstration">左边是功能按钮，右边是触发下拉菜单的按钮</span>\n            <el-dropdown split-button type="primary" @click="handleClick" @command="handleCommand">\n              更多菜单\n              <el-dropdown-menu slot="dropdown">\n                <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n                <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n                <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n                <el-dropdown-item command="蚵仔煎">双皮奶</el-dropdown-item>\n                <el-dropdown-item command="蚵仔煎">蚵仔煎</el-dropdown-item>\n              </el-dropdown-menu>\n            </el-dropdown>\n          </el-col>\n        </el-row>\n      </div>',trigger:'\n        <div>\n        <el-row class="block-col-2">\n          <el-col :span="12">\n            <span class="demonstration">hover 激活</span>\n            <el-dropdown @command="handleCommand">\n              <span class="el-dropdown-link">\n                下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n              </span>\n              <el-dropdown-menu slot="dropdown">\n                <el-dropdown-item icon="el-icon-plus" command="黄金糕">黄金糕</el-dropdown-item>\n                <el-dropdown-item icon="el-icon-circle-plus" command="狮子头">狮子头</el-dropdown-item>\n                <el-dropdown-item icon="el-icon-circle-plus-outline" command="螺蛳粉">螺蛳粉</el-dropdown-item>\n                <el-dropdown-item icon="el-icon-check" command="双皮奶">双皮奶</el-dropdown-item>\n                <el-dropdown-item icon="el-icon-circle-check-outline" command="蚵仔煎">蚵仔煎</el-dropdown-item>\n              </el-dropdown-menu>\n            </el-dropdown>\n          </el-col>\n          <el-col :span="12">\n            <span class="demonstration">click 激活</span>\n            <el-dropdown trigger="click" @command="handleCommand">\n              <span class="el-dropdown-link">\n                下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n              </span>\n              <el-dropdown-menu slot="dropdown">\n                <el-dropdown-item icon="el-icon-plus" command="黄金糕">黄金糕</el-dropdown-item>\n                <el-dropdown-item icon="el-icon-circle-plus" command="狮子头">狮子头</el-dropdown-item>\n                <el-dropdown-item icon="el-icon-circle-plus-outline" command="螺蛳粉">螺蛳粉</el-dropdown-item>\n                <el-dropdown-item icon="el-icon-check" command="双皮奶">双皮奶</el-dropdown-item>\n                <el-dropdown-item icon="el-icon-circle-check-outline" command="蚵仔煎">蚵仔煎</el-dropdown-item>\n              </el-dropdown-menu>\n            </el-dropdown>\n          </el-col>\n        </el-row>\n      </div>',hideOnClick:'\n        <div>\n          <el-row class="block-col-2">\n            <el-col :span="12">\n              <span class="demonstration">点击菜单项后不隐藏</span>\n              <el-dropdown :hide-on-click="false" @command="handleCommand">\n                <span class="el-dropdown-link">\n                  下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n                </span>\n                <el-dropdown-menu slot="dropdown">\n                  <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n                  <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n                  <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n                  <el-dropdown-item disabled >双皮奶</el-dropdown-item>\n                  <el-dropdown-item divided command="蚵仔煎">蚵仔煎</el-dropdown-item>\n                </el-dropdown-menu>\n              </el-dropdown>\n            </el-col>\n             <el-col :span="12">\n               <span class="demonstration">点击菜单项后隐藏</span>\n              <el-dropdown :hide-on-click="true" @command="handleCommand">\n                <span class="el-dropdown-link">\n                  下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n                </span>\n                <el-dropdown-menu slot="dropdown">\n                  <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n                  <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n                  <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n                  <el-dropdown-item disabled >双皮奶</el-dropdown-item>\n                  <el-dropdown-item divided command="蚵仔煎">蚵仔煎</el-dropdown-item>\n                </el-dropdown-menu>\n              </el-dropdown>\n             </el-col>\n          </el-row>\n        </div>',handleCommandCode:'\n       <div>\n         <el-dropdown @command="handleCommand">\n            <span class="el-dropdown-link">\n              下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n            </span>\n            <el-dropdown-menu slot="dropdown">\n              <el-dropdown-item command="a">黄金糕</el-dropdown-item>\n              <el-dropdown-item command="b">狮子头</el-dropdown-item>\n              <el-dropdown-item command="c">螺蛳粉</el-dropdown-item>\n              <el-dropdown-item command="d" disabled>双皮奶</el-dropdown-item>\n              <el-dropdown-item command="e" divided>蚵仔煎</el-dropdown-item>\n            </el-dropdown-menu>\n          </el-dropdown>\n        </div>',size:'\n      <el-dropdown split-button type="primary">\n        默认尺寸\n        <el-dropdown-menu slot="dropdown">\n          <el-dropdown-item>黄金糕</el-dropdown-item>\n          <el-dropdown-item>狮子头</el-dropdown-item>\n          <el-dropdown-item>螺蛳粉</el-dropdown-item>\n          <el-dropdown-item>双皮奶</el-dropdown-item>\n          <el-dropdown-item>蚵仔煎</el-dropdown-item>\n        </el-dropdown-menu>\n      </el-dropdown>\n\n      <el-dropdown size="medium" split-button type="primary">\n        中等尺寸\n        <el-dropdown-menu slot="dropdown">\n          <el-dropdown-item>黄金糕</el-dropdown-item>\n          <el-dropdown-item>狮子头</el-dropdown-item>\n          <el-dropdown-item>螺蛳粉</el-dropdown-item>\n          <el-dropdown-item>双皮奶</el-dropdown-item>\n          <el-dropdown-item>蚵仔煎</el-dropdown-item>\n        </el-dropdown-menu>\n      </el-dropdown>\n\n      <el-dropdown size="small" split-button type="primary">\n        小型尺寸\n        <el-dropdown-menu slot="dropdown">\n          <el-dropdown-item>黄金糕</el-dropdown-item>\n          <el-dropdown-item>狮子头</el-dropdown-item>\n          <el-dropdown-item>螺蛳粉</el-dropdown-item>\n          <el-dropdown-item>双皮奶</el-dropdown-item>\n          <el-dropdown-item>蚵仔煎</el-dropdown-item>\n        </el-dropdown-menu>\n      </el-dropdown>\n\n      <el-dropdown size="mini" split-button type="primary">\n        超小尺寸\n        <el-dropdown-menu slot="dropdown">\n          <el-dropdown-item>黄金糕</el-dropdown-item>\n          <el-dropdown-item>狮子头</el-dropdown-item>\n          <el-dropdown-item>螺蛳粉</el-dropdown-item>\n          <el-dropdown-item>双皮奶</el-dropdown-item>\n          <el-dropdown-item>蚵仔煎</el-dropdown-item>\n        </el-dropdown-menu>\n      </el-dropdown>'}},computed:{},watch:{},mounted:function(){this.init()},methods:{handleCommand:function(o){this.$message("点击了 "+o)},handleClick:function(){alert("button click")},init:function(){}}},r=l,m=(d("464c"),d("2877")),i=Object(m["a"])(r,e,t,!1,null,"ba6d1034",null);n["default"]=i.exports}}]);