mirror of
https://github.com/element-plus/element-plus.git
synced 2025-02-17 11:49:41 +08:00
1027 lines
55 KiB
JavaScript
1027 lines
55 KiB
JavaScript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[16],{
|
|
|
|
/***/ 550:
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
// ESM COMPAT FLAG
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.esm-browser.js
|
|
var vue_esm_browser = __webpack_require__(0);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist/templateLoader.js??ref--6!./node_modules/vue-loader/dist??ref--2-0!./website/md-loader!./website/docs/en-US/dropdown.md?vue&type=template&id=1944db88&bindings={}
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_1 = {
|
|
class: "content element-doc"
|
|
};
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_2 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h2", {
|
|
id: "dropdown"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#dropdown"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Dropdown")], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_3 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Toggleable menu for displaying lists of links and actions.", -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_4 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "basic-usage"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#basic-usage"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Basic usage")], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_5 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Hover on the dropdown menu to unfold it for more actions.", -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_6 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("The triggering element is rendered by the default "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "slot"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(", and the dropdown part is rendered by the "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "slot"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" named "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "dropdown"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(". By default, dropdown list shows when you hover on the triggering element without having to click it.")])], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_7 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<el-dropdown>\n <span class=\"el-dropdown-link\">\n Dropdown List<i class=\"el-icon-arrow-down el-icon--right\"></i>\n </span>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item>Action 1</el-dropdown-item>\n <el-dropdown-item>Action 2</el-dropdown-item>\n <el-dropdown-item>Action 3</el-dropdown-item>\n <el-dropdown-item disabled>Action 4</el-dropdown-item>\n <el-dropdown-item divided>Action 5</el-dropdown-item>\n </el-dropdown-menu> \n </template>\n</el-dropdown>\n\n<style>\n .el-dropdown-link {\n cursor: pointer;\n color: #409EFF;\n }\n .el-icon-arrow-down {\n font-size: 12px;\n }\n</style>\n\n")], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_8 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "triggering-element"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#triggering-element"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Triggering element")], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_9 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Use the button to trigger the dropdown list.", -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_10 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("Use "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "split-button"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" to split the triggering element into a button group with the left button being a normal button and right one the actual triggering target. If you wanna insert a separator line between item three and item four, just add a class "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "divider"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" to item four.")])], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_11 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<el-dropdown>\n <el-button type=\"primary\">\n Dropdown List<i class=\"el-icon-arrow-down el-icon--right\"></i>\n </el-button>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item>Action 1</el-dropdown-item>\n <el-dropdown-item>Action 2</el-dropdown-item>\n <el-dropdown-item>Action 3</el-dropdown-item>\n <el-dropdown-item>Action 4</el-dropdown-item>\n <el-dropdown-item>Action 5</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n</el-dropdown>\n<el-dropdown split-button type=\"primary\" @click=\"handleClick\">\n Dropdown List\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item>Action 1</el-dropdown-item>\n <el-dropdown-item>Action 2</el-dropdown-item>\n <el-dropdown-item>Action 3</el-dropdown-item>\n <el-dropdown-item>Action 4</el-dropdown-item>\n <el-dropdown-item>Action 5</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n</el-dropdown>\n\n<style>\n .el-dropdown {\n vertical-align: top;\n }\n .el-dropdown + .el-dropdown {\n margin-left: 15px;\n }\n .el-icon-arrow-down {\n font-size: 12px;\n }\n</style>\n\n<script>\n export default {\n methods: {\n handleClick() {\n alert('button click');\n }\n }\n }\n</script>\n")], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_12 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "how-to-trigger"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#how-to-trigger"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" How to trigger")], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_13 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Click the triggering element or hover on it.", -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_14 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("Use the attribute "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "trigger"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(". By default, it is "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "hover"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(".")])], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_15 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<el-row class=\"block-col-2\">\n <el-col :span=\"12\">\n <span class=\"demonstration\">hover to trigger</span>\n <el-dropdown>\n <span class=\"el-dropdown-link\">\n Dropdown List<i class=\"el-icon-arrow-down el-icon--right\"></i>\n </span>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item icon=\"el-icon-plus\">Action 1</el-dropdown-item>\n <el-dropdown-item icon=\"el-icon-circle-plus\">Action 2</el-dropdown-item>\n <el-dropdown-item icon=\"el-icon-circle-plus-outline\">Action 3</el-dropdown-item>\n <el-dropdown-item icon=\"el-icon-check\">Action 4</el-dropdown-item>\n <el-dropdown-item icon=\"el-icon-circle-check\">Action 5</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n </el-col>\n <el-col :span=\"12\">\n <span class=\"demonstration\">click to trigger</span>\n <el-dropdown trigger=\"click\">\n <span class=\"el-dropdown-link\">\n Dropdown List<i class=\"el-icon-arrow-down el-icon--right\"></i>\n </span>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item icon=\"el-icon-plus\">Action 1</el-dropdown-item>\n <el-dropdown-item icon=\"el-icon-circle-plus\">Action 2</el-dropdown-item>\n <el-dropdown-item icon=\"el-icon-circle-plus-outline\">Action 3</el-dropdown-item>\n <el-dropdown-item icon=\"el-icon-check\">Action 4</el-dropdown-item>\n <el-dropdown-item icon=\"el-icon-circle-check\">Action 5</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n </el-col>\n</el-row>\n\n<style>\n .el-dropdown-link {\n cursor: pointer;\n color: #409EFF;\n }\n .el-icon-arrow-down {\n font-size: 12px;\n }\n .demonstration {\n display: block;\n color: #8492a6;\n font-size: 14px;\n margin-bottom: 20px;\n }\n</style>\n")], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_16 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "menu-hiding-behavior"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#menu-hiding-behavior"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Menu hiding behavior")], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_17 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("Use "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "hide-on-click"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" to define if menu closes on clicking.")], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_18 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "By default menu will close when you click on menu items, and it can be turned off by setting hide-on-click to false.")], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_19 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<el-dropdown :hide-on-click=\"false\">\n <span class=\"el-dropdown-link\">\n Dropdown List<i class=\"el-icon-arrow-down el-icon--right\"></i>\n </span>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item>Action 1</el-dropdown-item>\n <el-dropdown-item>Action 2</el-dropdown-item>\n <el-dropdown-item>Action 3</el-dropdown-item>\n <el-dropdown-item disabled>Action 4</el-dropdown-item>\n <el-dropdown-item divided>Action 5</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n</el-dropdown>\n\n<style>\n .el-dropdown-link {\n cursor: pointer;\n color: #409EFF;\n }\n .el-icon-arrow-down {\n font-size: 12px;\n }\n</style>\n")], -1);
|
|
|
|
var dropdownvue_type_template_id_1944db88_bindings_hoisted_20 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "command-event"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#command-event"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Command event")], -1);
|
|
|
|
var _hoisted_21 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Clicking each dropdown item fires an event whose parameter is assigned by each item.", -1);
|
|
|
|
var _hoisted_22 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<el-dropdown @command=\"handleCommand\">\n <span class=\"el-dropdown-link\">\n Dropdown List<i class=\"el-icon-arrow-down el-icon--right\"></i>\n </span>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item command=\"a\">Action 1</el-dropdown-item>\n <el-dropdown-item command=\"b\">Action 2</el-dropdown-item>\n <el-dropdown-item command=\"c\">Action 3</el-dropdown-item>\n <el-dropdown-item command=\"d\" disabled>Action 4</el-dropdown-item>\n <el-dropdown-item command=\"e\" divided>Action 5</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n</el-dropdown>\n\n<style>\n .el-dropdown-link {\n cursor: pointer;\n color: #409EFF;\n }\n .el-icon-arrow-down {\n font-size: 12px;\n }\n</style>\n\n<script>\n export default {\n methods: {\n handleCommand(command) {\n this.$message('click on item ' + command);\n }\n }\n }\n</script>\n")], -1);
|
|
|
|
var _hoisted_23 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "sizes"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#sizes"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Sizes")], -1);
|
|
|
|
var _hoisted_24 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Besides default size, Dropdown component provides three additional sizes for you to choose among different scenarios.", -1);
|
|
|
|
var _hoisted_25 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("Use attribute "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "size"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" to set additional sizes with "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "medium"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(", "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "small"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" or "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "mini"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(".")])], -1);
|
|
|
|
var _hoisted_26 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<el-dropdown split-button type=\"primary\">\n Default\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item>Action 1</el-dropdown-item>\n <el-dropdown-item>Action 2</el-dropdown-item>\n <el-dropdown-item>Action 3</el-dropdown-item>\n <el-dropdown-item>Action 4</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n</el-dropdown>\n\n<el-dropdown size=\"medium\" split-button type=\"primary\">\n Medium\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item>Action 1</el-dropdown-item>\n <el-dropdown-item>Action 2</el-dropdown-item>\n <el-dropdown-item>Action 3</el-dropdown-item>\n <el-dropdown-item>Action 4</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n</el-dropdown>\n\n\n<el-dropdown size=\"small\" split-button type=\"primary\">\n Small\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item>Action 1</el-dropdown-item>\n <el-dropdown-item>Action 2</el-dropdown-item>\n <el-dropdown-item>Action 3</el-dropdown-item>\n <el-dropdown-item>Action 4</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n</el-dropdown>\n\n<el-dropdown size=\"mini\" split-button type=\"primary\">\n Mini\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item>Action 1</el-dropdown-item>\n <el-dropdown-item>Action 2</el-dropdown-item>\n <el-dropdown-item>Action 3</el-dropdown-item>\n <el-dropdown-item>Action 4</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n</el-dropdown>\n")], -1);
|
|
|
|
var _hoisted_27 = /*#__PURE__*/Object(vue_esm_browser["m" /* createStaticVNode */])("<h3 id=\"dropdown-attributes\"><a class=\"header-anchor\" href=\"#dropdown-attributes\">¶</a> Dropdown Attributes</h3><table><thead><tr><th>Attribute</th><th>Description</th><th>Type</th><th>Accepted Values</th><th>Default</th></tr></thead><tbody><tr><td>type</td><td>menu button type, refer to <code>Button</code> Component, only works when <code>split-button</code> is true</td><td>string</td><td>—</td><td>—</td></tr><tr><td>size</td><td>menu size, also works on the split button</td><td>string</td><td>medium / small / mini</td><td>—</td></tr><tr><td>split-button</td><td>whether a button group is displayed</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>placement</td><td>placement of pop menu</td><td>string</td><td>top/top-start/top-end/bottom/bottom-start/bottom-end</td><td>bottom-end</td></tr><tr><td>trigger</td><td>how to trigger</td><td>string</td><td>hover/click</td><td>hover</td></tr><tr><td>hide-on-click</td><td>whether to hide menu after clicking menu-item</td><td>boolean</td><td>—</td><td>true</td></tr><tr><td>show-timeout</td><td>Delay time before show a dropdown (only works when trigger is <code>hover</code>)</td><td>number</td><td>—</td><td>250</td></tr><tr><td>hide-timeout</td><td>Delay time before hide a dropdown (only works when trigger is <code>hover</code>)</td><td>number</td><td>—</td><td>150</td></tr><tr><td>tabindex</td><td><a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex\">tabindex</a> of Dropdown</td><td>number</td><td>—</td><td>0</td></tr></tbody></table><h3 id=\"dropdown-slots\"><a class=\"header-anchor\" href=\"#dropdown-slots\">¶</a> Dropdown Slots</h3><table><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>—</td><td>content of Dropdown. Notice: Must be a valid html dom element (ex. <code><span>, <button> etc.</code>) or <code>el-component</code>, to attach the trigger listener</td></tr><tr><td>dropdown</td><td>content of the Dropdown Menu, usually a <code><el-dropdown-menu></code> element</td></tr></tbody></table><h3 id=\"dropdown-events\"><a class=\"header-anchor\" href=\"#dropdown-events\">¶</a> Dropdown Events</h3><table><thead><tr><th>Event Name</th><th>Description</th><th>Parameters</th></tr></thead><tbody><tr><td>click</td><td>if <code>split-button</code> is <code>true</code>, triggers when left button is clicked</td><td>—</td></tr><tr><td>command</td><td>triggers when a dropdown item is clicked</td><td>the command dispatched from the dropdown item</td></tr><tr><td>visible-change</td><td>triggers when the dropdown appears/disappears</td><td>true when it appears, and false otherwise</td></tr></tbody></table><h3 id=\"dropdown-menu-item-attributes\"><a class=\"header-anchor\" href=\"#dropdown-menu-item-attributes\">¶</a> Dropdown Menu Item Attributes</h3><table><thead><tr><th>Attribute</th><th>Description</th><th>Type</th><th>Accepted Values</th><th>Default</th></tr></thead><tbody><tr><td>command</td><td>a command to be dispatched to Dropdown's <code>command</code> callback</td><td>string/number/object</td><td>—</td><td>—</td></tr><tr><td>disabled</td><td>whether the item is disabled</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>divided</td><td>whether a divider is displayed</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>icon</td><td>icon class name</td><td>string</td><td>—</td><td>—</td></tr></tbody></table>", 8);
|
|
|
|
function dropdownvue_type_template_id_1944db88_bindings_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
var _component_element_demo0 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo0");
|
|
|
|
var _component_demo_block = Object(vue_esm_browser["P" /* resolveComponent */])("demo-block");
|
|
|
|
var _component_element_demo1 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo1");
|
|
|
|
var _component_element_demo2 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo2");
|
|
|
|
var _component_element_demo3 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo3");
|
|
|
|
var _component_element_demo4 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo4");
|
|
|
|
var _component_element_demo5 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo5");
|
|
|
|
return Object(vue_esm_browser["G" /* openBlock */])(), Object(vue_esm_browser["j" /* createBlock */])("section", dropdownvue_type_template_id_1944db88_bindings_hoisted_1, [dropdownvue_type_template_id_1944db88_bindings_hoisted_2, dropdownvue_type_template_id_1944db88_bindings_hoisted_3, dropdownvue_type_template_id_1944db88_bindings_hoisted_4, dropdownvue_type_template_id_1944db88_bindings_hoisted_5, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
|
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo0)];
|
|
}),
|
|
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [dropdownvue_type_template_id_1944db88_bindings_hoisted_7];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [dropdownvue_type_template_id_1944db88_bindings_hoisted_6];
|
|
}),
|
|
_: 1
|
|
}), dropdownvue_type_template_id_1944db88_bindings_hoisted_8, dropdownvue_type_template_id_1944db88_bindings_hoisted_9, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
|
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo1)];
|
|
}),
|
|
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [dropdownvue_type_template_id_1944db88_bindings_hoisted_11];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [dropdownvue_type_template_id_1944db88_bindings_hoisted_10];
|
|
}),
|
|
_: 1
|
|
}), dropdownvue_type_template_id_1944db88_bindings_hoisted_12, dropdownvue_type_template_id_1944db88_bindings_hoisted_13, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
|
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo2)];
|
|
}),
|
|
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [dropdownvue_type_template_id_1944db88_bindings_hoisted_15];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [dropdownvue_type_template_id_1944db88_bindings_hoisted_14];
|
|
}),
|
|
_: 1
|
|
}), dropdownvue_type_template_id_1944db88_bindings_hoisted_16, dropdownvue_type_template_id_1944db88_bindings_hoisted_17, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
|
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo3)];
|
|
}),
|
|
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [dropdownvue_type_template_id_1944db88_bindings_hoisted_19];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [dropdownvue_type_template_id_1944db88_bindings_hoisted_18];
|
|
}),
|
|
_: 1
|
|
}), dropdownvue_type_template_id_1944db88_bindings_hoisted_20, _hoisted_21, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
|
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo4)];
|
|
}),
|
|
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_22];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_23, _hoisted_24, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
|
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo5)];
|
|
}),
|
|
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_26];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_25];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_27]);
|
|
}
|
|
// CONCATENATED MODULE: ./website/docs/en-US/dropdown.md?vue&type=template&id=1944db88&bindings={}
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/extends.js
|
|
var helpers_extends = __webpack_require__(7);
|
|
var extends_default = /*#__PURE__*/__webpack_require__.n(helpers_extends);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist??ref--2-0!./website/md-loader!./website/docs/en-US/dropdown.md?vue&type=script&lang=ts
|
|
|
|
|
|
/* harmony default export */ var dropdownvue_type_script_lang_ts = ({
|
|
name: 'component-doc',
|
|
components: {
|
|
"element-demo0": function () {
|
|
var _createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_createTextVNode = vue_esm_browser["n" /* createTextVNode */],
|
|
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
var _hoisted_1 = /*#__PURE__*/_createVNode("span", {
|
|
class: "el-dropdown-link"
|
|
}, [/*#__PURE__*/_createTextVNode(" Dropdown List"), /*#__PURE__*/_createVNode("i", {
|
|
class: "el-icon-arrow-down el-icon--right"
|
|
})], -1);
|
|
|
|
var _hoisted_2 = /*#__PURE__*/_createTextVNode("Action 1");
|
|
|
|
var _hoisted_3 = /*#__PURE__*/_createTextVNode("Action 2");
|
|
|
|
var _hoisted_4 = /*#__PURE__*/_createTextVNode("Action 3");
|
|
|
|
var _hoisted_5 = /*#__PURE__*/_createTextVNode("Action 4");
|
|
|
|
var _hoisted_6 = /*#__PURE__*/_createTextVNode("Action 5");
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_dropdown_item = _resolveComponent("el-dropdown-item");
|
|
|
|
var _component_el_dropdown_menu = _resolveComponent("el-dropdown-menu");
|
|
|
|
var _component_el_dropdown = _resolveComponent("el-dropdown");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_dropdown, null, {
|
|
dropdown: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_menu, null, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_2];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_3];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_4];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
disabled: ""
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_5];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
divided: ""
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_6];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
default: _withCtx(function () {
|
|
return [_hoisted_1];
|
|
}),
|
|
_: 1
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo1": function () {
|
|
var _createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_createTextVNode = vue_esm_browser["n" /* createTextVNode */],
|
|
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
var _hoisted_1 = /*#__PURE__*/_createTextVNode(" Dropdown List");
|
|
|
|
var _hoisted_2 = /*#__PURE__*/_createVNode("i", {
|
|
class: "el-icon-arrow-down el-icon--right"
|
|
}, null, -1);
|
|
|
|
var _hoisted_3 = /*#__PURE__*/_createTextVNode("Action 1");
|
|
|
|
var _hoisted_4 = /*#__PURE__*/_createTextVNode("Action 2");
|
|
|
|
var _hoisted_5 = /*#__PURE__*/_createTextVNode("Action 3");
|
|
|
|
var _hoisted_6 = /*#__PURE__*/_createTextVNode("Action 4");
|
|
|
|
var _hoisted_7 = /*#__PURE__*/_createTextVNode("Action 5");
|
|
|
|
var _hoisted_8 = /*#__PURE__*/_createTextVNode(" Dropdown List ");
|
|
|
|
var _hoisted_9 = /*#__PURE__*/_createTextVNode("Action 1");
|
|
|
|
var _hoisted_10 = /*#__PURE__*/_createTextVNode("Action 2");
|
|
|
|
var _hoisted_11 = /*#__PURE__*/_createTextVNode("Action 3");
|
|
|
|
var _hoisted_12 = /*#__PURE__*/_createTextVNode("Action 4");
|
|
|
|
var _hoisted_13 = /*#__PURE__*/_createTextVNode("Action 5");
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_button = _resolveComponent("el-button");
|
|
|
|
var _component_el_dropdown_item = _resolveComponent("el-dropdown-item");
|
|
|
|
var _component_el_dropdown_menu = _resolveComponent("el-dropdown-menu");
|
|
|
|
var _component_el_dropdown = _resolveComponent("el-dropdown");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_dropdown, null, {
|
|
dropdown: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_menu, null, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_3];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_4];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_5];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_6];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_7];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_button, {
|
|
type: "primary"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_1, _hoisted_2];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown, {
|
|
"split-button": "",
|
|
type: "primary",
|
|
onClick: _ctx.handleClick
|
|
}, {
|
|
dropdown: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_menu, null, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_9];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_10];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_11];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_12];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_13];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
default: _withCtx(function () {
|
|
return [_hoisted_8];
|
|
}),
|
|
_: 1
|
|
}, 8, ["onClick"])]);
|
|
}
|
|
|
|
var democomponentExport = {
|
|
methods: {
|
|
handleClick: function handleClick() {
|
|
alert('button click');
|
|
}
|
|
}
|
|
};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo2": function () {
|
|
var _createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_createTextVNode = vue_esm_browser["n" /* createTextVNode */],
|
|
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
var _hoisted_1 = /*#__PURE__*/_createVNode("span", {
|
|
class: "demonstration"
|
|
}, "hover to trigger", -1);
|
|
|
|
var _hoisted_2 = /*#__PURE__*/_createVNode("span", {
|
|
class: "el-dropdown-link"
|
|
}, [/*#__PURE__*/_createTextVNode(" Dropdown List"), /*#__PURE__*/_createVNode("i", {
|
|
class: "el-icon-arrow-down el-icon--right"
|
|
})], -1);
|
|
|
|
var _hoisted_3 = /*#__PURE__*/_createTextVNode("Action 1");
|
|
|
|
var _hoisted_4 = /*#__PURE__*/_createTextVNode("Action 2");
|
|
|
|
var _hoisted_5 = /*#__PURE__*/_createTextVNode("Action 3");
|
|
|
|
var _hoisted_6 = /*#__PURE__*/_createTextVNode("Action 4");
|
|
|
|
var _hoisted_7 = /*#__PURE__*/_createTextVNode("Action 5");
|
|
|
|
var _hoisted_8 = /*#__PURE__*/_createVNode("span", {
|
|
class: "demonstration"
|
|
}, "click to trigger", -1);
|
|
|
|
var _hoisted_9 = /*#__PURE__*/_createVNode("span", {
|
|
class: "el-dropdown-link"
|
|
}, [/*#__PURE__*/_createTextVNode(" Dropdown List"), /*#__PURE__*/_createVNode("i", {
|
|
class: "el-icon-arrow-down el-icon--right"
|
|
})], -1);
|
|
|
|
var _hoisted_10 = /*#__PURE__*/_createTextVNode("Action 1");
|
|
|
|
var _hoisted_11 = /*#__PURE__*/_createTextVNode("Action 2");
|
|
|
|
var _hoisted_12 = /*#__PURE__*/_createTextVNode("Action 3");
|
|
|
|
var _hoisted_13 = /*#__PURE__*/_createTextVNode("Action 4");
|
|
|
|
var _hoisted_14 = /*#__PURE__*/_createTextVNode("Action 5");
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_dropdown_item = _resolveComponent("el-dropdown-item");
|
|
|
|
var _component_el_dropdown_menu = _resolveComponent("el-dropdown-menu");
|
|
|
|
var _component_el_dropdown = _resolveComponent("el-dropdown");
|
|
|
|
var _component_el_col = _resolveComponent("el-col");
|
|
|
|
var _component_el_row = _resolveComponent("el-row");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_row, {
|
|
class: "block-col-2"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_col, {
|
|
span: 12
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_1, _createVNode(_component_el_dropdown, null, {
|
|
dropdown: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_menu, null, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_item, {
|
|
icon: "el-icon-plus"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_3];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
icon: "el-icon-circle-plus"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_4];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
icon: "el-icon-circle-plus-outline"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_5];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
icon: "el-icon-check"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_6];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
icon: "el-icon-circle-check"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_7];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
default: _withCtx(function () {
|
|
return [_hoisted_2];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_col, {
|
|
span: 12
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_8, _createVNode(_component_el_dropdown, {
|
|
trigger: "click"
|
|
}, {
|
|
dropdown: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_menu, null, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_item, {
|
|
icon: "el-icon-plus"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_10];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
icon: "el-icon-circle-plus"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_11];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
icon: "el-icon-circle-plus-outline"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_12];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
icon: "el-icon-check"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_13];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
icon: "el-icon-circle-check"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_14];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
default: _withCtx(function () {
|
|
return [_hoisted_9];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo3": function () {
|
|
var _createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_createTextVNode = vue_esm_browser["n" /* createTextVNode */],
|
|
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
var _hoisted_1 = /*#__PURE__*/_createVNode("span", {
|
|
class: "el-dropdown-link"
|
|
}, [/*#__PURE__*/_createTextVNode(" Dropdown List"), /*#__PURE__*/_createVNode("i", {
|
|
class: "el-icon-arrow-down el-icon--right"
|
|
})], -1);
|
|
|
|
var _hoisted_2 = /*#__PURE__*/_createTextVNode("Action 1");
|
|
|
|
var _hoisted_3 = /*#__PURE__*/_createTextVNode("Action 2");
|
|
|
|
var _hoisted_4 = /*#__PURE__*/_createTextVNode("Action 3");
|
|
|
|
var _hoisted_5 = /*#__PURE__*/_createTextVNode("Action 4");
|
|
|
|
var _hoisted_6 = /*#__PURE__*/_createTextVNode("Action 5");
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_dropdown_item = _resolveComponent("el-dropdown-item");
|
|
|
|
var _component_el_dropdown_menu = _resolveComponent("el-dropdown-menu");
|
|
|
|
var _component_el_dropdown = _resolveComponent("el-dropdown");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_dropdown, {
|
|
"hide-on-click": false
|
|
}, {
|
|
dropdown: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_menu, null, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_2];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_3];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_4];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
disabled: ""
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_5];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
divided: ""
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_6];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
default: _withCtx(function () {
|
|
return [_hoisted_1];
|
|
}),
|
|
_: 1
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo4": function () {
|
|
var _createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_createTextVNode = vue_esm_browser["n" /* createTextVNode */],
|
|
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
var _hoisted_1 = /*#__PURE__*/_createVNode("span", {
|
|
class: "el-dropdown-link"
|
|
}, [/*#__PURE__*/_createTextVNode(" Dropdown List"), /*#__PURE__*/_createVNode("i", {
|
|
class: "el-icon-arrow-down el-icon--right"
|
|
})], -1);
|
|
|
|
var _hoisted_2 = /*#__PURE__*/_createTextVNode("Action 1");
|
|
|
|
var _hoisted_3 = /*#__PURE__*/_createTextVNode("Action 2");
|
|
|
|
var _hoisted_4 = /*#__PURE__*/_createTextVNode("Action 3");
|
|
|
|
var _hoisted_5 = /*#__PURE__*/_createTextVNode("Action 4");
|
|
|
|
var _hoisted_6 = /*#__PURE__*/_createTextVNode("Action 5");
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_dropdown_item = _resolveComponent("el-dropdown-item");
|
|
|
|
var _component_el_dropdown_menu = _resolveComponent("el-dropdown-menu");
|
|
|
|
var _component_el_dropdown = _resolveComponent("el-dropdown");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_dropdown, {
|
|
onCommand: _ctx.handleCommand
|
|
}, {
|
|
dropdown: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_menu, null, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_item, {
|
|
command: "a"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_2];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
command: "b"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_3];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
command: "c"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_4];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
command: "d",
|
|
disabled: ""
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_5];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, {
|
|
command: "e",
|
|
divided: ""
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_6];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
default: _withCtx(function () {
|
|
return [_hoisted_1];
|
|
}),
|
|
_: 1
|
|
}, 8, ["onCommand"])]);
|
|
}
|
|
|
|
var democomponentExport = {
|
|
methods: {
|
|
handleCommand: function handleCommand(command) {
|
|
this.$message('click on item ' + command);
|
|
}
|
|
}
|
|
};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo5": function () {
|
|
var _createTextVNode = vue_esm_browser["n" /* createTextVNode */],
|
|
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
var _hoisted_1 = /*#__PURE__*/_createTextVNode(" Default ");
|
|
|
|
var _hoisted_2 = /*#__PURE__*/_createTextVNode("Action 1");
|
|
|
|
var _hoisted_3 = /*#__PURE__*/_createTextVNode("Action 2");
|
|
|
|
var _hoisted_4 = /*#__PURE__*/_createTextVNode("Action 3");
|
|
|
|
var _hoisted_5 = /*#__PURE__*/_createTextVNode("Action 4");
|
|
|
|
var _hoisted_6 = /*#__PURE__*/_createTextVNode(" Medium ");
|
|
|
|
var _hoisted_7 = /*#__PURE__*/_createTextVNode("Action 1");
|
|
|
|
var _hoisted_8 = /*#__PURE__*/_createTextVNode("Action 2");
|
|
|
|
var _hoisted_9 = /*#__PURE__*/_createTextVNode("Action 3");
|
|
|
|
var _hoisted_10 = /*#__PURE__*/_createTextVNode("Action 4");
|
|
|
|
var _hoisted_11 = /*#__PURE__*/_createTextVNode(" Small ");
|
|
|
|
var _hoisted_12 = /*#__PURE__*/_createTextVNode("Action 1");
|
|
|
|
var _hoisted_13 = /*#__PURE__*/_createTextVNode("Action 2");
|
|
|
|
var _hoisted_14 = /*#__PURE__*/_createTextVNode("Action 3");
|
|
|
|
var _hoisted_15 = /*#__PURE__*/_createTextVNode("Action 4");
|
|
|
|
var _hoisted_16 = /*#__PURE__*/_createTextVNode(" Mini ");
|
|
|
|
var _hoisted_17 = /*#__PURE__*/_createTextVNode("Action 1");
|
|
|
|
var _hoisted_18 = /*#__PURE__*/_createTextVNode("Action 2");
|
|
|
|
var _hoisted_19 = /*#__PURE__*/_createTextVNode("Action 3");
|
|
|
|
var _hoisted_20 = /*#__PURE__*/_createTextVNode("Action 4");
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_dropdown_item = _resolveComponent("el-dropdown-item");
|
|
|
|
var _component_el_dropdown_menu = _resolveComponent("el-dropdown-menu");
|
|
|
|
var _component_el_dropdown = _resolveComponent("el-dropdown");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_dropdown, {
|
|
"split-button": "",
|
|
type: "primary"
|
|
}, {
|
|
dropdown: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_menu, null, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_2];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_3];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_4];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_5];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
default: _withCtx(function () {
|
|
return [_hoisted_1];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown, {
|
|
size: "medium",
|
|
"split-button": "",
|
|
type: "primary"
|
|
}, {
|
|
dropdown: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_menu, null, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_7];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_8];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_9];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_10];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
default: _withCtx(function () {
|
|
return [_hoisted_6];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown, {
|
|
size: "small",
|
|
"split-button": "",
|
|
type: "primary"
|
|
}, {
|
|
dropdown: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_menu, null, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_12];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_13];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_14];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_15];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
default: _withCtx(function () {
|
|
return [_hoisted_11];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown, {
|
|
size: "mini",
|
|
"split-button": "",
|
|
type: "primary"
|
|
}, {
|
|
dropdown: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_menu, null, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_17];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_18];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_19];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_dropdown_item, null, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_20];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
_: 1
|
|
})];
|
|
}),
|
|
default: _withCtx(function () {
|
|
return [_hoisted_16];
|
|
}),
|
|
_: 1
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}()
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./website/docs/en-US/dropdown.md?vue&type=script&lang=ts
|
|
|
|
// CONCATENATED MODULE: ./website/docs/en-US/dropdown.md
|
|
|
|
|
|
|
|
dropdownvue_type_script_lang_ts.render = dropdownvue_type_template_id_1944db88_bindings_render
|
|
|
|
/* harmony default export */ var dropdown = __webpack_exports__["default"] = (dropdownvue_type_script_lang_ts);
|
|
|
|
/***/ })
|
|
|
|
}]); |