dropdown2.mjs 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
  2. import dropdown_vue_vue_type_script_lang_default from "./dropdown.vue_vue_type_script_lang.mjs";
  3. import { createBlock, createCommentVNode, createElementBlock, createSlots, createVNode, mergeProps, normalizeClass, openBlock, renderSlot, resolveComponent, withCtx } from "vue";
  4. //#region ../../packages/components/dropdown/src/dropdown.vue
  5. function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  6. const _component_el_roving_focus_group = resolveComponent("el-roving-focus-group");
  7. const _component_el_scrollbar = resolveComponent("el-scrollbar");
  8. const _component_el_only_child = resolveComponent("el-only-child");
  9. const _component_el_tooltip = resolveComponent("el-tooltip");
  10. const _component_el_button = resolveComponent("el-button");
  11. const _component_arrow_down = resolveComponent("arrow-down");
  12. const _component_el_icon = resolveComponent("el-icon");
  13. const _component_el_button_group = resolveComponent("el-button-group");
  14. return openBlock(), createElementBlock("div", { class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("disabled", _ctx.disabled)]) }, [createVNode(_component_el_tooltip, {
  15. ref: "popperRef",
  16. role: _ctx.role,
  17. effect: _ctx.effect,
  18. "fallback-placements": ["bottom", "top"],
  19. "popper-options": _ctx.popperOptions,
  20. "gpu-acceleration": false,
  21. placement: _ctx.placement,
  22. "popper-class": [_ctx.ns.e("popper"), _ctx.popperClass],
  23. "popper-style": _ctx.popperStyle,
  24. trigger: _ctx.trigger,
  25. "trigger-keys": _ctx.triggerKeys,
  26. "trigger-target-el": _ctx.contentRef,
  27. "show-arrow": _ctx.showArrow,
  28. "show-after": _ctx.trigger === "hover" ? _ctx.showTimeout : 0,
  29. "hide-after": _ctx.trigger === "hover" ? _ctx.hideTimeout : 0,
  30. "virtual-ref": _ctx.virtualRef ?? _ctx.triggeringElementRef,
  31. "virtual-triggering": _ctx.virtualTriggering || _ctx.splitButton,
  32. disabled: _ctx.disabled,
  33. transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
  34. teleported: _ctx.teleported,
  35. "append-to": _ctx.appendTo,
  36. pure: "",
  37. "focus-on-target": "",
  38. persistent: _ctx.persistent,
  39. onBeforeShow: _ctx.handleBeforeShowTooltip,
  40. onShow: _ctx.handleShowTooltip,
  41. onBeforeHide: _ctx.handleBeforeHideTooltip
  42. }, createSlots({
  43. content: withCtx(() => [createVNode(_component_el_scrollbar, {
  44. ref: "scrollbar",
  45. "wrap-style": _ctx.wrapStyle,
  46. tag: "div",
  47. "view-class": _ctx.ns.e("list")
  48. }, {
  49. default: withCtx(() => [createVNode(_component_el_roving_focus_group, {
  50. loop: _ctx.loop,
  51. "current-tab-id": _ctx.currentTabId,
  52. orientation: "horizontal",
  53. onCurrentTabIdChange: _ctx.handleCurrentTabIdChange
  54. }, {
  55. default: withCtx(() => [renderSlot(_ctx.$slots, "dropdown")]),
  56. _: 3
  57. }, 8, [
  58. "loop",
  59. "current-tab-id",
  60. "onCurrentTabIdChange"
  61. ])]),
  62. _: 3
  63. }, 8, ["wrap-style", "view-class"])]),
  64. _: 2
  65. }, [!_ctx.splitButton ? {
  66. name: "default",
  67. fn: withCtx(() => [createVNode(_component_el_only_child, {
  68. id: _ctx.triggerId,
  69. ref: "triggeringElementRef",
  70. role: "button",
  71. tabindex: _ctx.tabindex
  72. }, {
  73. default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
  74. _: 3
  75. }, 8, ["id", "tabindex"])]),
  76. key: "0"
  77. } : void 0]), 1032, [
  78. "role",
  79. "effect",
  80. "popper-options",
  81. "placement",
  82. "popper-class",
  83. "popper-style",
  84. "trigger",
  85. "trigger-keys",
  86. "trigger-target-el",
  87. "show-arrow",
  88. "show-after",
  89. "hide-after",
  90. "virtual-ref",
  91. "virtual-triggering",
  92. "disabled",
  93. "transition",
  94. "teleported",
  95. "append-to",
  96. "persistent",
  97. "onBeforeShow",
  98. "onShow",
  99. "onBeforeHide"
  100. ]), _ctx.splitButton ? (openBlock(), createBlock(_component_el_button_group, { key: 0 }, {
  101. default: withCtx(() => [createVNode(_component_el_button, mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
  102. size: _ctx.dropdownSize,
  103. type: _ctx.type,
  104. disabled: _ctx.disabled,
  105. tabindex: _ctx.tabindex,
  106. onClick: _ctx.handlerMainButtonClick
  107. }), {
  108. default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
  109. _: 3
  110. }, 16, [
  111. "size",
  112. "type",
  113. "disabled",
  114. "tabindex",
  115. "onClick"
  116. ]), createVNode(_component_el_button, mergeProps({
  117. id: _ctx.triggerId,
  118. ref: "triggeringElementRef"
  119. }, _ctx.buttonProps, {
  120. role: "button",
  121. size: _ctx.dropdownSize,
  122. type: _ctx.type,
  123. class: _ctx.ns.e("caret-button"),
  124. disabled: _ctx.disabled,
  125. tabindex: _ctx.tabindex,
  126. "aria-label": _ctx.t("el.dropdown.toggleDropdown")
  127. }), {
  128. default: withCtx(() => [createVNode(_component_el_icon, { class: normalizeClass(_ctx.ns.e("icon")) }, {
  129. default: withCtx(() => [createVNode(_component_arrow_down)]),
  130. _: 1
  131. }, 8, ["class"])]),
  132. _: 1
  133. }, 16, [
  134. "id",
  135. "size",
  136. "type",
  137. "class",
  138. "disabled",
  139. "tabindex",
  140. "aria-label"
  141. ])]),
  142. _: 3
  143. })) : createCommentVNode("v-if", true)], 2);
  144. }
  145. var dropdown_default = /* @__PURE__ */ _plugin_vue_export_helper_default(dropdown_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
  146. //#endregion
  147. export { dropdown_default as default };
  148. //# sourceMappingURL=dropdown2.mjs.map