2 Star 3 Fork 3

element-plus/doc-archive

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
DOCS jp25.0cb71eee40c7d7b6716e.js 63.00 KB
一键复制 编辑 原始数据 按行查看 历史
iamkun 提交于 2021-09-15 18:54 . chore: update
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[235],{
/***/ 981:
/***/ (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.prod.js
var vue_esm_browser_prod = __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--3-0!./website/md-loader!./website/docs/jp/dropdown.md?vue&type=template&id=08a7d4c8
const dropdownvue_type_template_id_08a7d4c8_hoisted_1 = {
class: "content element-doc"
};
const dropdownvue_type_template_id_08a7d4c8_hoisted_2 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Dropdown ");
const dropdownvue_type_template_id_08a7d4c8_hoisted_3 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "リンクとアクションのリストを表示するためのトグルメニュー", -1);
const dropdownvue_type_template_id_08a7d4c8_hoisted_4 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("基本的な使い方 ");
const dropdownvue_type_template_id_08a7d4c8_hoisted_5 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "dropdown メニューの上にカーソルを置くと、より多くのアクションが展開されます。", -1);
const dropdownvue_type_template_id_08a7d4c8_hoisted_6 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("トリガ要素はデフォルトの "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "slot"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" でレンダリングされ、dropdown 部分は "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "dropdown"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" という名前の "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "slot"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" でレンダリングされます。デフォルトでは、トリガーとなる要素にカーソルを合わせたときに dropdown リストが表示され、クリックする必要はありません。")])], -1);
const dropdownvue_type_template_id_08a7d4c8_hoisted_7 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("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")], -1);
const dropdownvue_type_template_id_08a7d4c8_hoisted_8 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("トリガー要素 ");
const dropdownvue_type_template_id_08a7d4c8_hoisted_9 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "dropdown リストを起動するには、ボタンを使用します。", -1);
const dropdownvue_type_template_id_08a7d4c8_hoisted_10 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("トリガ要素をボタングループに分割するには "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "split-button"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" を使います。項目 3 と項目 4 の間に区切り線を挿入したい場合は、項目 4 にクラス "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "divider"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" を追加します。")])], -1);
const dropdownvue_type_template_id_08a7d4c8_hoisted_11 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("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<!--\n<setup>\n\n import { defineComponent } from 'vue';\n\n export default defineComponent({\n setup() {\n const handleClick = () => {\n alert('button click');\n };\n return {\n handleClick,\n };\n },\n });\n\n</setup>\n-->\n")], -1);
const dropdownvue_type_template_id_08a7d4c8_hoisted_12 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("トリガーのかけ方 ");
const dropdownvue_type_template_id_08a7d4c8_hoisted_13 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "トリガー要素をクリックするか、その上にカーソルを置きます。", -1);
const dropdownvue_type_template_id_08a7d4c8_hoisted_14 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("アトリビュート "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "trigger"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" を用いる。デフォルトでは "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "hover"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" である。")])], -1);
const dropdownvue_type_template_id_08a7d4c8_hoisted_15 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
class: "html"
}, "<el-row class=\"block-col-2\">\n <el-col :span=\"8\">\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\"\n >Action 2</el-dropdown-item\n >\n <el-dropdown-item icon=\"el-icon-circle-plus-outline\"\n >Action 3</el-dropdown-item\n >\n <el-dropdown-item icon=\"el-icon-check\">Action 4</el-dropdown-item>\n <el-dropdown-item icon=\"el-icon-circle-check\"\n >Action 5</el-dropdown-item\n >\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n </el-col>\n <el-col :span=\"8\">\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\"\n >Action 2</el-dropdown-item\n >\n <el-dropdown-item icon=\"el-icon-circle-plus-outline\"\n >Action 3</el-dropdown-item\n >\n <el-dropdown-item icon=\"el-icon-check\">Action 4</el-dropdown-item>\n <el-dropdown-item icon=\"el-icon-circle-check\"\n >Action 5</el-dropdown-item\n >\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n </el-col>\n <el-col :span=\"8\">\n <span class=\"demonstration\">right click to trigger</span>\n <el-dropdown trigger=\"contextmenu\">\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\"\n >Action 2</el-dropdown-item\n >\n <el-dropdown-item icon=\"el-icon-circle-plus-outline\"\n >Action 3</el-dropdown-item\n >\n <el-dropdown-item icon=\"el-icon-check\">Action 4</el-dropdown-item>\n <el-dropdown-item icon=\"el-icon-circle-check\"\n >Action 5</el-dropdown-item\n >\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: var(--el-text-color-secondary);\n font-size: 14px;\n margin-bottom: 20px;\n }\n</style>\n")], -1);
const dropdownvue_type_template_id_08a7d4c8_hoisted_16 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("メニューを非表示にする動作 ");
const dropdownvue_type_template_id_08a7d4c8_hoisted_17 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("クリックしたときにメニューが閉じるかどうかを定義するには "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "hide-on-click"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" を用いる。")], -1);
const dropdownvue_type_template_id_08a7d4c8_hoisted_18 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "デフォルトではメニュー項目をクリックするとメニューが閉じますが、hide-on-click を false にすることでオフにできます。")], -1);
const dropdownvue_type_template_id_08a7d4c8_hoisted_19 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("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);
const dropdownvue_type_template_id_08a7d4c8_hoisted_20 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("コマンドイベント ");
const dropdownvue_type_template_id_08a7d4c8_hoisted_21 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "各 dropdown 項目をクリックすると、各項目に割り当てられたパラメータを持つイベントが発生します。", -1);
const _hoisted_22 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("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<!--\n<setup>\n\n import { defineComponent } from 'vue';\n import { ElMessage } from 'element-plus';\n\n export default defineComponent({\n setup() {\n\n const handleCommand = (command) => {\n ElMessage(`click on item ${command}`);\n };\n return {\n handleCommand,\n };\n },\n });\n\n</setup>\n-->\n")], -1);
const _hoisted_23 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("サイズ ");
const _hoisted_24 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "デフォルトのサイズの他に、dropdown コンポーネントには 3 つの追加サイズが用意されており、異なるシナリオから選択することができます。", -1);
const _hoisted_25 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("追加のサイズを "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "medium"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "small"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "mini"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" で設定するには "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "size"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" 属性を使います。")])], -1);
const _hoisted_26 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("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);
const _hoisted_27 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("dropdown 属性 ");
const _hoisted_28 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("thead", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Attribute"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Description"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Type"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Accepted Values"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Default")])], -1);
const _hoisted_29 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "type"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "split-button"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(""), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "true"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("のとき、メニューボタンのタイプは "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "Button"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" コンポーネントを参照する。")]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, ""), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "")], -1);
const _hoisted_30 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "size"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "メニューのサイズ(分割ボタンでも動作)"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "medium / small / mini"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "")], -1);
const _hoisted_31 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "max-height"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "the max height of menu"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string / number"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, ""), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "")], -1);
const _hoisted_32 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "split-button"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "ボタングループの表示の有無"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, ""), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "false")], -1);
const _hoisted_33 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "disabled"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "無効にするかどうか"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, ""), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "false")], -1);
const _hoisted_34 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "placement"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "ポップメニューの配置"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "top/top-start/top-end/bottom/bottom-start/bottom-end"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "bottom")], -1);
const _hoisted_35 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "trigger"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "トリガーのきっかけ"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "hover/click/contextmenu"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "hover")], -1);
const _hoisted_36 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "hide-on-click"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "メニューアイテムをクリックした後にメニューを非表示にするかどうか"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, ""), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "true")], -1);
const _hoisted_37 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "show-timeout"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("dropdown を表示するまでの遅延時間 (トリガーが "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "hover"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" の場合のみ動作)")]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "number"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, ""), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "250")], -1);
const _hoisted_38 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "hide-timeout"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("dropdown を非表示にするまでの遅延時間 (トリガーが "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "hover"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" の場合のみ動作)")]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "number"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, ""), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "150")], -1);
const _hoisted_39 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "tabindex", -1);
const _hoisted_40 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("dropdown の");
const _hoisted_41 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("tabindex");
const _hoisted_42 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "number", -1);
const _hoisted_43 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "", -1);
const _hoisted_44 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "0", -1);
const _hoisted_45 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("dropdown スロット ");
const _hoisted_46 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<table><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>—</td><td>dropdown の内容 Notice: トリガーリスナーをアタッチするには、有効な html dom 要素 (例: <code>&lt;span&gt;, &lt;button&gt; etc.</code>) または <code>el-component</code> でなければなりません。</td></tr><tr><td>dropdown</td><td>dropdown メニューの内容、通常は <code>&lt;el-dropdown-menu&gt;</code> 要素</td></tr></tbody></table>", 1);
const _hoisted_47 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("dropdown イベント ");
const _hoisted_48 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<table><thead><tr><th>Event Name</th><th>Description</th><th>Parameters</th></tr></thead><tbody><tr><td>click</td><td><code>split-button</code> が <code>true</code> の場合、左ボタンがクリックされたときにトリガされます。</td><td>—</td></tr><tr><td>command</td><td>dropdown 項目がクリックされたときにトリガーする</td><td>the command dispatched from the dropdown item</td></tr><tr><td>visible-change</td><td>dropdown が表示/非表示になったときにトリガされます。</td><td>true when it appears, and false otherwise</td></tr></tbody></table>", 1);
const _hoisted_49 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("dropdown メニュー項目の属性 ");
const _hoisted_50 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<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>dropdown の <code>command</code> コールバックにディスパッチするコマンドを指定します。</td><td>string/number/object</td><td>—</td><td>—</td></tr><tr><td>disabled</td><td>項目が無効化されているかどうか</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>divided</td><td>仕切り表示の有無</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>icon</td><td>アイコンクラス名</td><td>string</td><td>—</td><td>—</td></tr></tbody></table>", 1);
function dropdownvue_type_template_id_08a7d4c8_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_app_link = Object(vue_esm_browser_prod["resolveComponent"])("app-link");
const _component_app_heading = Object(vue_esm_browser_prod["resolveComponent"])("app-heading");
const _component_element_demo0 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo0");
const _component_demo_block = Object(vue_esm_browser_prod["resolveComponent"])("demo-block");
const _component_element_demo1 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo1");
const _component_element_demo2 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo2");
const _component_element_demo3 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo3");
const _component_element_demo4 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo4");
const _component_element_demo5 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo5");
const _component_right_nav = Object(vue_esm_browser_prod["resolveComponent"])("right-nav");
return Object(vue_esm_browser_prod["openBlock"])(), Object(vue_esm_browser_prod["createElementBlock"])("section", dropdownvue_type_template_id_08a7d4c8_hoisted_1, [Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "dropdown",
content: "Dropdown",
href: "#dropdown",
level: "2"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_2, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#dropdown"
})]),
_: 1
}), dropdownvue_type_template_id_08a7d4c8_hoisted_3, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "ji-ben-de-nashi-ifang",
content: "基本的な使い方",
href: "#ji-ben-de-nashi-ifang",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_4, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#ji-ben-de-nashi-ifang"
})]),
_: 1
}), dropdownvue_type_template_id_08a7d4c8_hoisted_5, Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo0)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_7]),
default: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_6]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "torigayao-su",
content: "トリガー要素",
href: "#torigayao-su",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_8, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#torigayao-su"
})]),
_: 1
}), dropdownvue_type_template_id_08a7d4c8_hoisted_9, Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo1)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_11]),
default: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_10]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "toriganokakefang",
content: "トリガーのかけ方",
href: "#toriganokakefang",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_12, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#toriganokakefang"
})]),
_: 1
}), dropdownvue_type_template_id_08a7d4c8_hoisted_13, Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo2)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_15]),
default: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_14]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "meniyuwofei-biao-shi-nisurudong-zuo",
content: "メニューを非表示にする動作",
href: "#meniyuwofei-biao-shi-nisurudong-zuo",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_16, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#meniyuwofei-biao-shi-nisurudong-zuo"
})]),
_: 1
}), dropdownvue_type_template_id_08a7d4c8_hoisted_17, Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo3)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_19]),
default: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_18]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "komandoibento",
content: "コマンドイベント",
href: "#komandoibento",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [dropdownvue_type_template_id_08a7d4c8_hoisted_20, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#komandoibento"
})]),
_: 1
}), dropdownvue_type_template_id_08a7d4c8_hoisted_21, Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo4)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_22]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "saizu",
content: "サイズ",
href: "#saizu",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_23, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#saizu"
})]),
_: 1
}), _hoisted_24, Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo5)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_26]),
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_25]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "dropdown-shu-xing",
content: "dropdown 属性",
href: "#dropdown-shu-xing",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_27, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#dropdown-shu-xing"
})]),
_: 1
}), Object(vue_esm_browser_prod["createElementVNode"])("table", null, [_hoisted_28, Object(vue_esm_browser_prod["createElementVNode"])("tbody", null, [_hoisted_29, _hoisted_30, _hoisted_31, _hoisted_32, _hoisted_33, _hoisted_34, _hoisted_35, _hoisted_36, _hoisted_37, _hoisted_38, Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [_hoisted_39, Object(vue_esm_browser_prod["createElementVNode"])("td", null, [_hoisted_40, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
href: "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_41]),
_: 1
})]), _hoisted_42, _hoisted_43, _hoisted_44])])]), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "dropdown-surotuto",
content: "dropdown スロット",
href: "#dropdown-surotuto",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_45, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#dropdown-surotuto"
})]),
_: 1
}), _hoisted_46, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "dropdown-ibento",
content: "dropdown イベント",
href: "#dropdown-ibento",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_47, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#dropdown-ibento"
})]),
_: 1
}), _hoisted_48, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "dropdown-meniyuxiang-mu-noshu-xing",
content: "dropdown メニュー項目の属性",
href: "#dropdown-meniyuxiang-mu-noshu-xing",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_49, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#dropdown-meniyuxiang-mu-noshu-xing"
})]),
_: 1
}), _hoisted_50, Object(vue_esm_browser_prod["createVNode"])(_component_right_nav)]);
}
// CONCATENATED MODULE: ./website/docs/jp/dropdown.md?vue&type=template&id=08a7d4c8
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/jp/dropdown.md?vue&type=script&lang=ts
/* harmony default export */ var dropdownvue_type_script_lang_ts = ({
name: 'component-doc',
components: {
"element-demo0": function () {
const {
createElementVNode: _createElementVNode,
createTextVNode: _createTextVNode,
resolveComponent: _resolveComponent,
withCtx: _withCtx,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = /*#__PURE__*/_createElementVNode("span", {
class: "el-dropdown-link"
}, [/*#__PURE__*/_createTextVNode(" Dropdown List"), /*#__PURE__*/_createElementVNode("i", {
class: "el-icon-arrow-down el-icon--right"
})], -1);
const _hoisted_2 = /*#__PURE__*/_createTextVNode("Action 1");
const _hoisted_3 = /*#__PURE__*/_createTextVNode("Action 2");
const _hoisted_4 = /*#__PURE__*/_createTextVNode("Action 3");
const _hoisted_5 = /*#__PURE__*/_createTextVNode("Action 4");
const _hoisted_6 = /*#__PURE__*/_createTextVNode("Action 5");
function render(_ctx, _cache) {
const _component_el_dropdown_item = _resolveComponent("el-dropdown-item");
const _component_el_dropdown_menu = _resolveComponent("el-dropdown-menu");
const _component_el_dropdown = _resolveComponent("el-dropdown");
return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_dropdown, null, {
dropdown: _withCtx(() => [_createVNode(_component_el_dropdown_menu, null, {
default: _withCtx(() => [_createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_2]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_3]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_4]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
disabled: ""
}, {
default: _withCtx(() => [_hoisted_5]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
divided: ""
}, {
default: _withCtx(() => [_hoisted_6]),
_: 1
})]),
_: 1
})]),
default: _withCtx(() => [_hoisted_1]),
_: 1
})]);
}
const democomponentExport = {};
return {
render,
...democomponentExport
};
}(),
"element-demo1": function () {
const {
createElementVNode: _createElementVNode,
createTextVNode: _createTextVNode,
resolveComponent: _resolveComponent,
withCtx: _withCtx,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = /*#__PURE__*/_createTextVNode(" Dropdown List");
const _hoisted_2 = /*#__PURE__*/_createElementVNode("i", {
class: "el-icon-arrow-down el-icon--right"
}, null, -1);
const _hoisted_3 = /*#__PURE__*/_createTextVNode("Action 1");
const _hoisted_4 = /*#__PURE__*/_createTextVNode("Action 2");
const _hoisted_5 = /*#__PURE__*/_createTextVNode("Action 3");
const _hoisted_6 = /*#__PURE__*/_createTextVNode("Action 4");
const _hoisted_7 = /*#__PURE__*/_createTextVNode("Action 5");
const _hoisted_8 = /*#__PURE__*/_createTextVNode(" Dropdown List ");
const _hoisted_9 = /*#__PURE__*/_createTextVNode("Action 1");
const _hoisted_10 = /*#__PURE__*/_createTextVNode("Action 2");
const _hoisted_11 = /*#__PURE__*/_createTextVNode("Action 3");
const _hoisted_12 = /*#__PURE__*/_createTextVNode("Action 4");
const _hoisted_13 = /*#__PURE__*/_createTextVNode("Action 5");
function render(_ctx, _cache) {
const _component_el_button = _resolveComponent("el-button");
const _component_el_dropdown_item = _resolveComponent("el-dropdown-item");
const _component_el_dropdown_menu = _resolveComponent("el-dropdown-menu");
const _component_el_dropdown = _resolveComponent("el-dropdown");
return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_dropdown, null, {
dropdown: _withCtx(() => [_createVNode(_component_el_dropdown_menu, null, {
default: _withCtx(() => [_createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_3]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_4]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_5]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_6]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_7]),
_: 1
})]),
_: 1
})]),
default: _withCtx(() => [_createVNode(_component_el_button, {
type: "primary"
}, {
default: _withCtx(() => [_hoisted_1, _hoisted_2]),
_: 1
})]),
_: 1
}), _createVNode(_component_el_dropdown, {
"split-button": "",
type: "primary",
onClick: _ctx.handleClick
}, {
dropdown: _withCtx(() => [_createVNode(_component_el_dropdown_menu, null, {
default: _withCtx(() => [_createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_9]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_10]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_11]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_12]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_13]),
_: 1
})]),
_: 1
})]),
default: _withCtx(() => [_hoisted_8]),
_: 1
}, 8, ["onClick"])]);
}
const democomponentExport = {
methods: {
handleClick() {
alert('button click');
}
}
};
return {
render,
...democomponentExport
};
}(),
"element-demo2": function () {
const {
createElementVNode: _createElementVNode,
createTextVNode: _createTextVNode,
resolveComponent: _resolveComponent,
withCtx: _withCtx,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = /*#__PURE__*/_createElementVNode("span", {
class: "demonstration"
}, "hover to trigger", -1);
const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", {
class: "el-dropdown-link"
}, [/*#__PURE__*/_createTextVNode(" Dropdown List"), /*#__PURE__*/_createElementVNode("i", {
class: "el-icon-arrow-down el-icon--right"
})], -1);
const _hoisted_3 = /*#__PURE__*/_createTextVNode("Action 1");
const _hoisted_4 = /*#__PURE__*/_createTextVNode("Action 2");
const _hoisted_5 = /*#__PURE__*/_createTextVNode("Action 3");
const _hoisted_6 = /*#__PURE__*/_createTextVNode("Action 4");
const _hoisted_7 = /*#__PURE__*/_createTextVNode("Action 5");
const _hoisted_8 = /*#__PURE__*/_createElementVNode("span", {
class: "demonstration"
}, "click to trigger", -1);
const _hoisted_9 = /*#__PURE__*/_createElementVNode("span", {
class: "el-dropdown-link"
}, [/*#__PURE__*/_createTextVNode(" Dropdown List"), /*#__PURE__*/_createElementVNode("i", {
class: "el-icon-arrow-down el-icon--right"
})], -1);
const _hoisted_10 = /*#__PURE__*/_createTextVNode("Action 1");
const _hoisted_11 = /*#__PURE__*/_createTextVNode("Action 2");
const _hoisted_12 = /*#__PURE__*/_createTextVNode("Action 3");
const _hoisted_13 = /*#__PURE__*/_createTextVNode("Action 4");
const _hoisted_14 = /*#__PURE__*/_createTextVNode("Action 5");
const _hoisted_15 = /*#__PURE__*/_createElementVNode("span", {
class: "demonstration"
}, "right click to trigger", -1);
const _hoisted_16 = /*#__PURE__*/_createElementVNode("span", {
class: "el-dropdown-link"
}, [/*#__PURE__*/_createTextVNode(" Dropdown List"), /*#__PURE__*/_createElementVNode("i", {
class: "el-icon-arrow-down el-icon--right"
})], -1);
const _hoisted_17 = /*#__PURE__*/_createTextVNode("Action 1");
const _hoisted_18 = /*#__PURE__*/_createTextVNode("Action 2");
const _hoisted_19 = /*#__PURE__*/_createTextVNode("Action 3");
const _hoisted_20 = /*#__PURE__*/_createTextVNode("Action 4");
const _hoisted_21 = /*#__PURE__*/_createTextVNode("Action 5");
function render(_ctx, _cache) {
const _component_el_dropdown_item = _resolveComponent("el-dropdown-item");
const _component_el_dropdown_menu = _resolveComponent("el-dropdown-menu");
const _component_el_dropdown = _resolveComponent("el-dropdown");
const _component_el_col = _resolveComponent("el-col");
const _component_el_row = _resolveComponent("el-row");
return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_row, {
class: "block-col-2"
}, {
default: _withCtx(() => [_createVNode(_component_el_col, {
span: 8
}, {
default: _withCtx(() => [_hoisted_1, _createVNode(_component_el_dropdown, null, {
dropdown: _withCtx(() => [_createVNode(_component_el_dropdown_menu, null, {
default: _withCtx(() => [_createVNode(_component_el_dropdown_item, {
icon: "el-icon-plus"
}, {
default: _withCtx(() => [_hoisted_3]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
icon: "el-icon-circle-plus"
}, {
default: _withCtx(() => [_hoisted_4]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
icon: "el-icon-circle-plus-outline"
}, {
default: _withCtx(() => [_hoisted_5]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
icon: "el-icon-check"
}, {
default: _withCtx(() => [_hoisted_6]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
icon: "el-icon-circle-check"
}, {
default: _withCtx(() => [_hoisted_7]),
_: 1
})]),
_: 1
})]),
default: _withCtx(() => [_hoisted_2]),
_: 1
})]),
_: 1
}), _createVNode(_component_el_col, {
span: 8
}, {
default: _withCtx(() => [_hoisted_8, _createVNode(_component_el_dropdown, {
trigger: "click"
}, {
dropdown: _withCtx(() => [_createVNode(_component_el_dropdown_menu, null, {
default: _withCtx(() => [_createVNode(_component_el_dropdown_item, {
icon: "el-icon-plus"
}, {
default: _withCtx(() => [_hoisted_10]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
icon: "el-icon-circle-plus"
}, {
default: _withCtx(() => [_hoisted_11]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
icon: "el-icon-circle-plus-outline"
}, {
default: _withCtx(() => [_hoisted_12]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
icon: "el-icon-check"
}, {
default: _withCtx(() => [_hoisted_13]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
icon: "el-icon-circle-check"
}, {
default: _withCtx(() => [_hoisted_14]),
_: 1
})]),
_: 1
})]),
default: _withCtx(() => [_hoisted_9]),
_: 1
})]),
_: 1
}), _createVNode(_component_el_col, {
span: 8
}, {
default: _withCtx(() => [_hoisted_15, _createVNode(_component_el_dropdown, {
trigger: "contextmenu"
}, {
dropdown: _withCtx(() => [_createVNode(_component_el_dropdown_menu, null, {
default: _withCtx(() => [_createVNode(_component_el_dropdown_item, {
icon: "el-icon-plus"
}, {
default: _withCtx(() => [_hoisted_17]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
icon: "el-icon-circle-plus"
}, {
default: _withCtx(() => [_hoisted_18]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
icon: "el-icon-circle-plus-outline"
}, {
default: _withCtx(() => [_hoisted_19]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
icon: "el-icon-check"
}, {
default: _withCtx(() => [_hoisted_20]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
icon: "el-icon-circle-check"
}, {
default: _withCtx(() => [_hoisted_21]),
_: 1
})]),
_: 1
})]),
default: _withCtx(() => [_hoisted_16]),
_: 1
})]),
_: 1
})]),
_: 1
})]);
}
const democomponentExport = {};
return {
render,
...democomponentExport
};
}(),
"element-demo3": function () {
const {
createElementVNode: _createElementVNode,
createTextVNode: _createTextVNode,
resolveComponent: _resolveComponent,
withCtx: _withCtx,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = /*#__PURE__*/_createElementVNode("span", {
class: "el-dropdown-link"
}, [/*#__PURE__*/_createTextVNode(" Dropdown List"), /*#__PURE__*/_createElementVNode("i", {
class: "el-icon-arrow-down el-icon--right"
})], -1);
const _hoisted_2 = /*#__PURE__*/_createTextVNode("Action 1");
const _hoisted_3 = /*#__PURE__*/_createTextVNode("Action 2");
const _hoisted_4 = /*#__PURE__*/_createTextVNode("Action 3");
const _hoisted_5 = /*#__PURE__*/_createTextVNode("Action 4");
const _hoisted_6 = /*#__PURE__*/_createTextVNode("Action 5");
function render(_ctx, _cache) {
const _component_el_dropdown_item = _resolveComponent("el-dropdown-item");
const _component_el_dropdown_menu = _resolveComponent("el-dropdown-menu");
const _component_el_dropdown = _resolveComponent("el-dropdown");
return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_dropdown, {
"hide-on-click": false
}, {
dropdown: _withCtx(() => [_createVNode(_component_el_dropdown_menu, null, {
default: _withCtx(() => [_createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_2]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_3]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_4]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
disabled: ""
}, {
default: _withCtx(() => [_hoisted_5]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
divided: ""
}, {
default: _withCtx(() => [_hoisted_6]),
_: 1
})]),
_: 1
})]),
default: _withCtx(() => [_hoisted_1]),
_: 1
})]);
}
const democomponentExport = {};
return {
render,
...democomponentExport
};
}(),
"element-demo4": function () {
const {
createElementVNode: _createElementVNode,
createTextVNode: _createTextVNode,
resolveComponent: _resolveComponent,
withCtx: _withCtx,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = /*#__PURE__*/_createElementVNode("span", {
class: "el-dropdown-link"
}, [/*#__PURE__*/_createTextVNode(" Dropdown List"), /*#__PURE__*/_createElementVNode("i", {
class: "el-icon-arrow-down el-icon--right"
})], -1);
const _hoisted_2 = /*#__PURE__*/_createTextVNode("Action 1");
const _hoisted_3 = /*#__PURE__*/_createTextVNode("Action 2");
const _hoisted_4 = /*#__PURE__*/_createTextVNode("Action 3");
const _hoisted_5 = /*#__PURE__*/_createTextVNode("Action 4");
const _hoisted_6 = /*#__PURE__*/_createTextVNode("Action 5");
function render(_ctx, _cache) {
const _component_el_dropdown_item = _resolveComponent("el-dropdown-item");
const _component_el_dropdown_menu = _resolveComponent("el-dropdown-menu");
const _component_el_dropdown = _resolveComponent("el-dropdown");
return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_dropdown, {
onCommand: _ctx.handleCommand
}, {
dropdown: _withCtx(() => [_createVNode(_component_el_dropdown_menu, null, {
default: _withCtx(() => [_createVNode(_component_el_dropdown_item, {
command: "a"
}, {
default: _withCtx(() => [_hoisted_2]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
command: "b"
}, {
default: _withCtx(() => [_hoisted_3]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
command: "c"
}, {
default: _withCtx(() => [_hoisted_4]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
command: "d",
disabled: ""
}, {
default: _withCtx(() => [_hoisted_5]),
_: 1
}), _createVNode(_component_el_dropdown_item, {
command: "e",
divided: ""
}, {
default: _withCtx(() => [_hoisted_6]),
_: 1
})]),
_: 1
})]),
default: _withCtx(() => [_hoisted_1]),
_: 1
}, 8, ["onCommand"])]);
}
const democomponentExport = {
methods: {
handleCommand(command) {
this.$message('click on item ' + command);
}
}
};
return {
render,
...democomponentExport
};
}(),
"element-demo5": function () {
const {
createTextVNode: _createTextVNode,
resolveComponent: _resolveComponent,
withCtx: _withCtx,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = /*#__PURE__*/_createTextVNode(" Default ");
const _hoisted_2 = /*#__PURE__*/_createTextVNode("Action 1");
const _hoisted_3 = /*#__PURE__*/_createTextVNode("Action 2");
const _hoisted_4 = /*#__PURE__*/_createTextVNode("Action 3");
const _hoisted_5 = /*#__PURE__*/_createTextVNode("Action 4");
const _hoisted_6 = /*#__PURE__*/_createTextVNode(" Medium ");
const _hoisted_7 = /*#__PURE__*/_createTextVNode("Action 1");
const _hoisted_8 = /*#__PURE__*/_createTextVNode("Action 2");
const _hoisted_9 = /*#__PURE__*/_createTextVNode("Action 3");
const _hoisted_10 = /*#__PURE__*/_createTextVNode("Action 4");
const _hoisted_11 = /*#__PURE__*/_createTextVNode(" Small ");
const _hoisted_12 = /*#__PURE__*/_createTextVNode("Action 1");
const _hoisted_13 = /*#__PURE__*/_createTextVNode("Action 2");
const _hoisted_14 = /*#__PURE__*/_createTextVNode("Action 3");
const _hoisted_15 = /*#__PURE__*/_createTextVNode("Action 4");
const _hoisted_16 = /*#__PURE__*/_createTextVNode(" Mini ");
const _hoisted_17 = /*#__PURE__*/_createTextVNode("Action 1");
const _hoisted_18 = /*#__PURE__*/_createTextVNode("Action 2");
const _hoisted_19 = /*#__PURE__*/_createTextVNode("Action 3");
const _hoisted_20 = /*#__PURE__*/_createTextVNode("Action 4");
function render(_ctx, _cache) {
const _component_el_dropdown_item = _resolveComponent("el-dropdown-item");
const _component_el_dropdown_menu = _resolveComponent("el-dropdown-menu");
const _component_el_dropdown = _resolveComponent("el-dropdown");
return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_dropdown, {
"split-button": "",
type: "primary"
}, {
dropdown: _withCtx(() => [_createVNode(_component_el_dropdown_menu, null, {
default: _withCtx(() => [_createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_2]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_3]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_4]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_5]),
_: 1
})]),
_: 1
})]),
default: _withCtx(() => [_hoisted_1]),
_: 1
}), _createVNode(_component_el_dropdown, {
size: "medium",
"split-button": "",
type: "primary"
}, {
dropdown: _withCtx(() => [_createVNode(_component_el_dropdown_menu, null, {
default: _withCtx(() => [_createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_7]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_8]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_9]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_10]),
_: 1
})]),
_: 1
})]),
default: _withCtx(() => [_hoisted_6]),
_: 1
}), _createVNode(_component_el_dropdown, {
size: "small",
"split-button": "",
type: "primary"
}, {
dropdown: _withCtx(() => [_createVNode(_component_el_dropdown_menu, null, {
default: _withCtx(() => [_createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_12]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_13]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_14]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_15]),
_: 1
})]),
_: 1
})]),
default: _withCtx(() => [_hoisted_11]),
_: 1
}), _createVNode(_component_el_dropdown, {
size: "mini",
"split-button": "",
type: "primary"
}, {
dropdown: _withCtx(() => [_createVNode(_component_el_dropdown_menu, null, {
default: _withCtx(() => [_createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_17]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_18]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_19]),
_: 1
}), _createVNode(_component_el_dropdown_item, null, {
default: _withCtx(() => [_hoisted_20]),
_: 1
})]),
_: 1
})]),
default: _withCtx(() => [_hoisted_16]),
_: 1
})]);
}
const democomponentExport = {};
return {
render,
...democomponentExport
};
}()
}
});
// CONCATENATED MODULE: ./website/docs/jp/dropdown.md?vue&type=script&lang=ts
// CONCATENATED MODULE: ./website/docs/jp/dropdown.md
dropdownvue_type_script_lang_ts.render = dropdownvue_type_template_id_08a7d4c8_render
/* harmony default export */ var dropdown = __webpack_exports__["default"] = (dropdownvue_type_script_lang_ts);
/***/ })
}]);
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/element-plus/doc-archive.git
git@gitee.com:element-plus/doc-archive.git
element-plus
doc-archive
doc-archive
main

搜索帮助