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([[78],{
|
|
|
|
/***/ 612:
|
|
/***/ (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/es/dropdown.md?vue&type=template&id=36b651b0&bindings={}
|
|
|
|
var dropdownvue_type_template_id_36b651b0_bindings_hoisted_1 = {
|
|
class: "content element-doc"
|
|
};
|
|
|
|
var dropdownvue_type_template_id_36b651b0_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_36b651b0_bindings_hoisted_3 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Menú conmutable para visualizar listas de enlaces y acciones.", -1);
|
|
|
|
var dropdownvue_type_template_id_36b651b0_bindings_hoisted_4 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "uso-basico"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#uso-basico"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Uso básico")], -1);
|
|
|
|
var dropdownvue_type_template_id_36b651b0_bindings_hoisted_5 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Pase el ratón por el menú desplegable para desplegarlo y obtener más acciones.", -1);
|
|
|
|
var dropdownvue_type_template_id_36b651b0_bindings_hoisted_6 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "El elemento desencadenante se representa con el slot predeterminado, y la parte desplegable se representa con el slot llamado dropdown. Por defecto, la lista desplegable se muestra cuando se pasa el ratón por encima del elemento desencadenante sin necesidad de hacer clic en él.")], -1);
|
|
|
|
var dropdownvue_type_template_id_36b651b0_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_36b651b0_bindings_hoisted_8 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "elemento-detonante"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#elemento-detonante"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Elemento detonante")], -1);
|
|
|
|
var dropdownvue_type_template_id_36b651b0_bindings_hoisted_9 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Utilizando un botón para activar la lista desplegable.", -1);
|
|
|
|
var dropdownvue_type_template_id_36b651b0_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 */])("Utilice "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "split-button"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" para dividir el elemento detonante en un grupo de botones, siendo el botón izquierdo un botón normal y el botón derecho el objetivo real de la detonacion. Si desea insertar una línea de separación entre la posición tres y la posición cuatro, sólo añada un divisor de clase a la posición cuatro.")])], -1);
|
|
|
|
var dropdownvue_type_template_id_36b651b0_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_36b651b0_bindings_hoisted_12 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "como-detonar-el-evento"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#como-detonar-el-evento"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Cómo detonar el evento")], -1);
|
|
|
|
var dropdownvue_type_template_id_36b651b0_bindings_hoisted_13 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Haga clic en el elemento detonante o sobre él.", -1);
|
|
|
|
var dropdownvue_type_template_id_36b651b0_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 */])("Utilice el atributo "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "trigger"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(". Por defecto, es "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "hover"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(".")])], -1);
|
|
|
|
var dropdownvue_type_template_id_36b651b0_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_36b651b0_bindings_hoisted_16 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "ocultamiento-del-menu"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#ocultamiento-del-menu"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Ocultamiento del menú")], -1);
|
|
|
|
var dropdownvue_type_template_id_36b651b0_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 */])(" para definir si el menú se cierra al hacer clic.")], -1);
|
|
|
|
var dropdownvue_type_template_id_36b651b0_bindings_hoisted_18 = /*#__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 */])("El menú predeterminado se cerrará cuando haga clic en los elementos del menú, y se puede desactivar configurando "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "hide-on-click"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" como false.")])], -1);
|
|
|
|
var dropdownvue_type_template_id_36b651b0_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_36b651b0_bindings_hoisted_20 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "evento-command"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#evento-command"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Evento command")], -1);
|
|
|
|
var _hoisted_21 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Al hacer clic en cada elemento desplegable se detona un evento cuyo parámetro es asignado por cada elemento.", -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: "tamanos"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#tamanos"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Tamaños")], -1);
|
|
|
|
var _hoisted_24 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Además del tamaño predeterminado, el componente Dropdown proporciona tres tamaños adicionales para que pueda elegir entre diferentes escenarios", -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 */])("Utilice el atributo "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "size"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" para establecer tamaños adicionales con "), /*#__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 */])(" o "), /*#__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<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-atributos\"><a class=\"header-anchor\" href=\"#dropdown-atributos\">¶</a> Dropdown atributos</h3><table><thead><tr><th>Atributo</th><th>Descripción</th><th>Tipo</th><th>Valores aceptados</th><th>Por defecto</th></tr></thead><tbody><tr><td>type</td><td>tipo de botón de menú, consulte Componente<code>Button</code>, sólo funciona cuando <code>split-button</code> es true.</td><td>string</td><td>—</td><td>—</td></tr><tr><td>size</td><td>tamaño del menú, también funciona en <code>split-button</code></td><td>string</td><td>medium / small / mini</td><td>—</td></tr><tr><td>split-button</td><td>si se visualiza un grupo de botones</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>placement</td><td>colocación del menú</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>cómo detonar</td><td>string</td><td>hover/click</td><td>hover</td></tr><tr><td>hide-on-click</td><td>si se oculta el menú después de hacer clic en el elemento</td><td>boolean</td><td>—</td><td>true</td></tr><tr><td>show-timeout</td><td>Tiempo de retardo antes de mostrar un dropdown (solamente trabaja cuando se dispara <code>hover</code>)</td><td>number</td><td>—</td><td>250</td></tr><tr><td>hide-timeout</td><td>Tiempo de retardo antes de ocultar un dropdown (solamente trabaja cuando se dispara <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> de 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>Nombre</th><th>Descripción</th></tr></thead><tbody><tr><td>—</td><td>contenido del Dropdown. Aviso: Debe ser un elemento html dom válido (ej. <code><span>, <button></code> etc.) o <code>el-component</code>, para adjuntar el listener trigger</td></tr><tr><td>dropdown</td><td>contenido del menu Dropdown, normalmente es un elemento <code><el-dropdown-menu></code></td></tr></tbody></table><h3 id=\"dropdown-eventos\"><a class=\"header-anchor\" href=\"#dropdown-eventos\">¶</a> Dropdown Eventos</h3><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Parametros</th></tr></thead><tbody><tr><td>click</td><td>si <code>split-button</code> es <code>true</code>, se activa al hacer clic en el botón izquierdo</td><td>—</td></tr><tr><td>command</td><td>activa cuando se hace clic en un elemento desplegable</td><td>el comando enviado desde el elemento desplegable</td></tr><tr><td>visible-change</td><td>se activa cuando aparece/desaparece el desplegable</td><td>true cuando aparece, y false de otro modo</td></tr></tbody></table><h3 id=\"dropdown-menu-item-atributos\"><a class=\"header-anchor\" href=\"#dropdown-menu-item-atributos\">¶</a> Dropdown Menu Item Atributos</h3><table><thead><tr><th>Atributo</th><th>Descripción</th><th>Tipo</th><th>Valores aceptados</th><th>Por defecto</th></tr></thead><tbody><tr><td>command</td><td>un comando que se enviará al <code>command</code> callback del Dropdown</td><td>string/number/object</td><td>—</td><td>—</td></tr><tr><td>disabled</td><td>si el elemento está desactivado</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>divided</td><td>si se visualiza un divisor</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>icon</td><td>nombre de la clase del icono</td><td>string</td><td>—</td><td>—</td></tr></tbody></table>", 8);
|
|
|
|
function dropdownvue_type_template_id_36b651b0_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_36b651b0_bindings_hoisted_1, [dropdownvue_type_template_id_36b651b0_bindings_hoisted_2, dropdownvue_type_template_id_36b651b0_bindings_hoisted_3, dropdownvue_type_template_id_36b651b0_bindings_hoisted_4, dropdownvue_type_template_id_36b651b0_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_36b651b0_bindings_hoisted_7];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [dropdownvue_type_template_id_36b651b0_bindings_hoisted_6];
|
|
}),
|
|
_: 1
|
|
}), dropdownvue_type_template_id_36b651b0_bindings_hoisted_8, dropdownvue_type_template_id_36b651b0_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_36b651b0_bindings_hoisted_11];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [dropdownvue_type_template_id_36b651b0_bindings_hoisted_10];
|
|
}),
|
|
_: 1
|
|
}), dropdownvue_type_template_id_36b651b0_bindings_hoisted_12, dropdownvue_type_template_id_36b651b0_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_36b651b0_bindings_hoisted_15];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [dropdownvue_type_template_id_36b651b0_bindings_hoisted_14];
|
|
}),
|
|
_: 1
|
|
}), dropdownvue_type_template_id_36b651b0_bindings_hoisted_16, dropdownvue_type_template_id_36b651b0_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_36b651b0_bindings_hoisted_19];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [dropdownvue_type_template_id_36b651b0_bindings_hoisted_18];
|
|
}),
|
|
_: 1
|
|
}), dropdownvue_type_template_id_36b651b0_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/es/dropdown.md?vue&type=template&id=36b651b0&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/es/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/es/dropdown.md?vue&type=script&lang=ts
|
|
|
|
// CONCATENATED MODULE: ./website/docs/es/dropdown.md
|
|
|
|
|
|
|
|
dropdownvue_type_script_lang_ts.render = dropdownvue_type_template_id_36b651b0_bindings_render
|
|
|
|
/* harmony default export */ var dropdown = __webpack_exports__["default"] = (dropdownvue_type_script_lang_ts);
|
|
|
|
/***/ })
|
|
|
|
}]); |