element-pe 2.3.15 → 2.3.16

package/lib/components/dropdown/src/dropdown2.js

@@ -2,138 +2,311 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var trigger = require('../../tooltip/src/trigger.js');
-var popper = require('../../popper/src/popper2.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var aria = require('../../../constants/aria.js');
-var content = require('../../tooltip/src/content2.js');
-var icon = require('../../../utils/vue/icon.js');
-var collection = require('../../collection/src/collection.js');
+var vue = require('vue');
+var index = require('../../button/index.js');
+var index$2 = require('../../tooltip/index.js');
+var index$1 = require('../../scrollbar/index.js');
+var index$3 = require('../../icon/index.js');
+var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group.js');
+var iconsVue = require('@element-plus/icons-vue');
+var dropdown = require('./dropdown.js');
+var tokens = require('./tokens.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var onlyChild = require('../../slot/src/only-child.js');
+var index$4 = require('../../../hooks/use-namespace/index.js');
+var index$5 = require('../../../hooks/use-locale/index.js');
+var style = require('../../../utils/dom/style.js');
+var lodashUnified = require('lodash-unified');
+var index$6 = require('../../../hooks/use-id/index.js');
+var forEditor = require('../../config-provider/src/for-editor.js');
+var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
 
-const dropdownProps = runtime.buildProps({
-  trigger: trigger.useTooltipTriggerProps.trigger,
-  triggerKeys: {
-    type: runtime.definePropType(Array),
-    default: () => [
-      aria.EVENT_CODE.enter,
-      aria.EVENT_CODE.numpadEnter,
-      aria.EVENT_CODE.space,
-      aria.EVENT_CODE.down
-    ]
+const { ButtonGroup: ElButtonGroup } = index.ElButton;
+const _sfc_main = vue.defineComponent({
+  name: "ElDropdown",
+  components: {
+    ElButton: index.ElButton,
+    ElButtonGroup,
+    ElScrollbar: index$1.ElScrollbar,
+    ElDropdownCollection: dropdown.ElCollection,
+    ElTooltip: index$2.ElTooltip,
+    ElRovingFocusGroup: rovingFocusGroup["default"],
+    ElOnlyChild: onlyChild.OnlyChild,
+    ElIcon: index$3.ElIcon,
+    ArrowDown: iconsVue.ArrowDown
   },
-  effect: {
-    ...content.useTooltipContentProps.effect,
-    default: "light"
-  },
-  type: {
-    type: runtime.definePropType(String)
-  },
-  placement: {
-    type: runtime.definePropType(String),
-    default: "bottom"
-  },
-  fallbackPlacements: {
-    type: Array,
-    default: () => ["bottom", "top", "right", "left"]
-  },
-  popperOptions: {
-    type: runtime.definePropType(Object),
-    default: () => ({})
-  },
-  id: String,
-  size: {
-    type: String,
-    default: ""
-  },
-  splitButton: Boolean,
-  hideOnClick: {
-    type: Boolean,
-    default: true
-  },
-  loop: {
-    type: Boolean,
-    default: true
-  },
-  showTimeout: {
-    type: Number,
-    default: 150
-  },
-  hideTimeout: {
-    type: Number,
-    default: 150
-  },
-  tabindex: {
-    type: runtime.definePropType([Number, String]),
-    default: 0
-  },
-  maxHeight: {
-    type: runtime.definePropType([Number, String]),
-    default: ""
-  },
-  popperClass: {
-    type: String,
-    default: ""
-  },
-  disabled: Boolean,
-  role: {
-    type: String,
-    values: popper.roleTypes,
-    default: "menu"
-  },
-  buttonProps: {
-    type: runtime.definePropType(Object)
-  },
-  teleported: content.useTooltipContentProps.teleported,
-  persistent: {
-    type: Boolean,
-    default: true
-  },
-  offset: {
-    type: Number,
-    default: 0
-  },
-  showArrow: {
-    type: Boolean,
-    default: true
+  props: dropdown.dropdownProps,
+  emits: ["visible-change", "click", "command"],
+  setup(props, { emit }) {
+    const _instance = vue.getCurrentInstance();
+    const ns = index$4.useNamespace("dropdown");
+    const { t } = index$5.useLocale();
+    const triggeringElementRef = vue.ref();
+    const referenceElementRef = vue.ref();
+    const popperRef = vue.ref();
+    const contentRef = vue.ref();
+    const scrollbar = vue.ref(null);
+    const currentTabId = vue.ref(null);
+    const isUsingKeyboard = vue.ref(false);
+    const wrapStyle = vue.computed(() => ({
+      maxHeight: style.addUnit(props.maxHeight)
+    }));
+    const dropdownTriggerKls = vue.computed(() => [ns.m(dropdownSize.value)]);
+    const trigger = vue.computed(() => lodashUnified.castArray(props.trigger));
+    const defaultTriggerId = index$6.useId().value;
+    const triggerId = vue.computed(() => props.id || defaultTriggerId);
+    forEditor.watch([triggeringElementRef, trigger], ([triggeringElement, trigger2], [prevTriggeringElement]) => {
+      var _a, _b, _c;
+      if ((_a = prevTriggeringElement == null ? void 0 : prevTriggeringElement.$el) == null ? void 0 : _a.removeEventListener) {
+        prevTriggeringElement.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+      }
+      if ((_b = triggeringElement == null ? void 0 : triggeringElement.$el) == null ? void 0 : _b.removeEventListener) {
+        triggeringElement.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+      }
+      if (((_c = triggeringElement == null ? void 0 : triggeringElement.$el) == null ? void 0 : _c.addEventListener) && trigger2.includes("hover")) {
+        triggeringElement.$el.addEventListener("pointerenter", onAutofocusTriggerEnter);
+      }
+    }, { immediate: true });
+    vue.onBeforeUnmount(() => {
+      var _a, _b;
+      if ((_b = (_a = triggeringElementRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.removeEventListener) {
+        triggeringElementRef.value.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+      }
+    });
+    function handleClick() {
+      handleClose();
+    }
+    function handleClose() {
+      var _a;
+      (_a = popperRef.value) == null ? void 0 : _a.onClose();
+    }
+    function handleOpen() {
+      var _a;
+      (_a = popperRef.value) == null ? void 0 : _a.onOpen();
+    }
+    const dropdownSize = useFormCommonProps.useFormSize();
+    function commandHandler(...args) {
+      emit("command", ...args);
+    }
+    function onAutofocusTriggerEnter() {
+      var _a, _b;
+      (_b = (_a = triggeringElementRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.focus();
+    }
+    function onItemEnter() {
+    }
+    function onItemLeave() {
+      const contentEl = vue.unref(contentRef);
+      trigger.value.includes("hover") && (contentEl == null ? void 0 : contentEl.focus());
+      currentTabId.value = null;
+    }
+    function handleCurrentTabIdChange(id) {
+      currentTabId.value = id;
+    }
+    function handleEntryFocus(e) {
+      if (!isUsingKeyboard.value) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+      }
+    }
+    function handleBeforeShowTooltip() {
+      emit("visible-change", true);
+    }
+    function handleShowTooltip(event) {
+      var _a;
+      if ((event == null ? void 0 : event.type) === "keydown") {
+        (_a = contentRef.value) == null ? void 0 : _a.focus();
+      }
+    }
+    function handleBeforeHideTooltip() {
+      emit("visible-change", false);
+    }
+    vue.provide(tokens.DROPDOWN_INJECTION_KEY, {
+      contentRef,
+      role: vue.computed(() => props.role),
+      triggerId,
+      isUsingKeyboard,
+      onItemEnter,
+      onItemLeave
+    });
+    vue.provide("elDropdown", {
+      instance: _instance,
+      dropdownSize,
+      handleClick,
+      commandHandler,
+      trigger: vue.toRef(props, "trigger"),
+      hideOnClick: vue.toRef(props, "hideOnClick")
+    });
+    const onFocusAfterTrapped = (e) => {
+      var _a, _b;
+      e.preventDefault();
+      (_b = (_a = contentRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a, {
+        preventScroll: true
+      });
+    };
+    const handlerMainButtonClick = (event) => {
+      emit("click", event);
+    };
+    return {
+      t,
+      ns,
+      scrollbar,
+      wrapStyle,
+      dropdownTriggerKls,
+      dropdownSize,
+      triggerId,
+      currentTabId,
+      handleCurrentTabIdChange,
+      handlerMainButtonClick,
+      handleEntryFocus,
+      handleClose,
+      handleOpen,
+      handleBeforeShowTooltip,
+      handleShowTooltip,
+      handleBeforeHideTooltip,
+      onFocusAfterTrapped,
+      popperRef,
+      contentRef,
+      triggeringElementRef,
+      referenceElementRef
+    };
   }
 });
-const dropdownItemProps = runtime.buildProps({
-  command: {
-    type: [Object, String, Number],
-    default: () => ({})
-  },
-  disabled: Boolean,
-  divided: Boolean,
-  textValue: String,
-  icon: {
-    type: icon.iconPropType
-  }
-});
-const dropdownMenuProps = runtime.buildProps({
-  onKeydown: { type: runtime.definePropType(Function) }
-});
-const FIRST_KEYS = [
-  aria.EVENT_CODE.down,
-  aria.EVENT_CODE.pageDown,
-  aria.EVENT_CODE.home
-];
-const LAST_KEYS = [aria.EVENT_CODE.up, aria.EVENT_CODE.pageUp, aria.EVENT_CODE.end];
-const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
-const {
-  ElCollection,
-  ElCollectionItem,
-  COLLECTION_INJECTION_KEY,
-  COLLECTION_ITEM_INJECTION_KEY
-} = collection.createCollectionWithScope("Dropdown");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
+  const _component_el_dropdown_collection = vue.resolveComponent("el-dropdown-collection");
+  const _component_el_roving_focus_group = vue.resolveComponent("el-roving-focus-group");
+  const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
+  const _component_el_only_child = vue.resolveComponent("el-only-child");
+  const _component_el_tooltip = vue.resolveComponent("el-tooltip");
+  const _component_el_button = vue.resolveComponent("el-button");
+  const _component_arrow_down = vue.resolveComponent("arrow-down");
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_el_button_group = vue.resolveComponent("el-button-group");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("disabled", _ctx.disabled)])
+  }, [
+    vue.createVNode(_component_el_tooltip, {
+      ref: "popperRef",
+      role: _ctx.role,
+      effect: _ctx.effect,
+      "fallback-placements": _ctx.fallbackPlacements,
+      "popper-options": _ctx.popperOptions,
+      "gpu-acceleration": false,
+      "hide-after": _ctx.trigger === "hover" ? _ctx.hideTimeout : 0,
+      "manual-mode": true,
+      placement: _ctx.placement,
+      offset: _ctx.offset,
+      "show-arrow": _ctx.showArrow,
+      "popper-class": [_ctx.ns.e("popper"), _ctx.popperClass],
+      "reference-element": (_a = _ctx.referenceElementRef) == null ? void 0 : _a.$el,
+      trigger: _ctx.trigger,
+      "trigger-keys": _ctx.triggerKeys,
+      "trigger-target-el": _ctx.contentRef,
+      "show-after": _ctx.trigger === "hover" ? _ctx.showTimeout : 0,
+      "stop-popper-mouse-event": false,
+      "virtual-ref": _ctx.triggeringElementRef,
+      "virtual-triggering": _ctx.splitButton,
+      disabled: _ctx.disabled,
+      transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
+      teleported: _ctx.teleported,
+      pure: "",
+      persistent: _ctx.persistent,
+      onBeforeShow: _ctx.handleBeforeShowTooltip,
+      onShow: _ctx.handleShowTooltip,
+      onBeforeHide: _ctx.handleBeforeHideTooltip
+    }, vue.createSlots({
+      content: vue.withCtx(() => [
+        vue.createVNode(_component_el_scrollbar, {
+          ref: "scrollbar",
+          "wrap-style": _ctx.wrapStyle,
+          tag: "div",
+          "view-class": _ctx.ns.e("list")
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_roving_focus_group, {
+              loop: _ctx.loop,
+              "current-tab-id": _ctx.currentTabId,
+              orientation: "horizontal",
+              onCurrentTabIdChange: _ctx.handleCurrentTabIdChange,
+              onEntryFocus: _ctx.handleEntryFocus
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_dropdown_collection, null, {
+                  default: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "dropdown")
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            }, 8, ["loop", "current-tab-id", "onCurrentTabIdChange", "onEntryFocus"])
+          ]),
+          _: 3
+        }, 8, ["wrap-style", "view-class"])
+      ]),
+      _: 2
+    }, [
+      !_ctx.splitButton ? {
+        name: "default",
+        fn: vue.withCtx(() => [
+          vue.createVNode(_component_el_only_child, {
+            id: _ctx.triggerId,
+            ref: "triggeringElementRef",
+            role: "button",
+            tabindex: _ctx.tabindex
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["id", "tabindex"])
+        ])
+      } : void 0
+    ]), 1032, ["role", "effect", "fallback-placements", "popper-options", "hide-after", "placement", "offset", "show-arrow", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported", "persistent", "onBeforeShow", "onShow", "onBeforeHide"]),
+    _ctx.splitButton ? (vue.openBlock(), vue.createBlock(_component_el_button_group, { key: 0 }, {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_el_button, vue.mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
+          size: _ctx.dropdownSize,
+          type: _ctx.type,
+          disabled: _ctx.disabled,
+          tabindex: _ctx.tabindex,
+          onClick: _ctx.handlerMainButtonClick
+        }), {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["size", "type", "disabled", "tabindex", "onClick"]),
+        vue.createVNode(_component_el_button, vue.mergeProps({
+          id: _ctx.triggerId,
+          ref: "triggeringElementRef"
+        }, _ctx.buttonProps, {
+          role: "button",
+          size: _ctx.dropdownSize,
+          type: _ctx.type,
+          class: _ctx.ns.e("caret-button"),
+          disabled: _ctx.disabled,
+          tabindex: _ctx.tabindex,
+          "aria-label": _ctx.t("el.dropdown.toggleDropdown")
+        }), {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_icon, {
+              class: vue.normalizeClass(_ctx.ns.e("icon"))
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_arrow_down)
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ]),
+          _: 1
+        }, 16, ["id", "size", "type", "class", "disabled", "tabindex", "aria-label"])
+      ]),
+      _: 3
+    })) : vue.createCommentVNode("v-if", true)
+  ], 2);
+}
+var Dropdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "dropdown.vue"]]);
 
-exports.DROPDOWN_COLLECTION_INJECTION_KEY = COLLECTION_INJECTION_KEY;
-exports.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY = COLLECTION_ITEM_INJECTION_KEY;
-exports.ElCollection = ElCollection;
-exports.ElCollectionItem = ElCollectionItem;
-exports.FIRST_KEYS = FIRST_KEYS;
-exports.FIRST_LAST_KEYS = FIRST_LAST_KEYS;
-exports.LAST_KEYS = LAST_KEYS;
-exports.dropdownItemProps = dropdownItemProps;
-exports.dropdownMenuProps = dropdownMenuProps;
-exports.dropdownProps = dropdownProps;
+exports["default"] = Dropdown;
 //# sourceMappingURL=dropdown2.js.map

package/lib/components/dropdown/src/dropdown2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown2.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { createCollectionWithScope } from '@element-plus/components/collection'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n} from '@element-plus/components/tooltip'\n\nimport { type Placement, roleTypes } from '@element-plus/components/popper'\nimport type { Options } from '@popperjs/core'\nimport type { ButtonProps, ButtonType } from '@element-plus/components/button'\nimport type { ComponentInternalInstance, ComputedRef, PropType } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\n\nexport interface IElDropdownInstance {\n  instance?: ComponentInternalInstance\n  dropdownSize?: ComputedRef<string>\n  handleClick?: () => void\n  commandHandler?: (...arg: any[]) => void\n  show?: () => void\n  hide?: () => void\n  trigger?: ComputedRef<string>\n  hideOnClick?: ComputedRef<boolean>\n  triggerElm?: ComputedRef<Nullable<HTMLButtonElement>>\n}\n\nexport const dropdownProps = buildProps({\n  /**\n   * @description how to trigger\n   */\n  trigger: useTooltipTriggerProps.trigger,\n  triggerKeys: {\n    type: definePropType<string[]>(Array),\n    default: () => [\n      EVENT_CODE.enter,\n      EVENT_CODE.numpadEnter,\n      EVENT_CODE.space,\n      EVENT_CODE.down,\n    ],\n  },\n  effect: {\n    ...useTooltipContentProps.effect,\n    default: 'light',\n  },\n  /**\n   * @description menu button type, refer to `Button` Component, only works when `split-button` is true\n   */\n  type: {\n    type: definePropType<ButtonType>(String),\n  },\n  /**\n   * @description placement of pop menu\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    default: 'bottom',\n  },\n  fallbackPlacements: {\n    type: Array as PropType<Placement[]>,\n    default: () => ['bottom', 'top', 'right', 'left'],\n  },\n  /**\n   * @description [popper.js](https://popper.js.org/docs/v2/) parameters\n   */\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}),\n  },\n  id: String,\n  /**\n   * @description menu size, also works on the split button\n   */\n  size: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether a button group is displayed\n   */\n  splitButton: Boolean,\n  /**\n   * @description whether to hide menu after clicking menu-item\n   */\n  hideOnClick: {\n    type: Boolean,\n    default: true,\n  },\n  loop: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description delay time before show a dropdown (only works when trigger is `hover`)\n   */\n  showTimeout: {\n    type: Number,\n    default: 150,\n  },\n  /**\n   * @description delay time before hide a dropdown (only works when trigger is `hover`)\n   */\n  hideTimeout: {\n    type: Number,\n    default: 150,\n  },\n  /**\n   * @description [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Dropdown\n   */\n  tabindex: {\n    type: definePropType<number | string>([Number, String]),\n    default: 0,\n  },\n  /**\n   * @description the max height of menu\n   */\n  maxHeight: {\n    type: definePropType<number | string>([Number, String]),\n    default: '',\n  },\n  /**\n   * @description custom class name for Dropdown's dropdown\n   */\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether to disable\n   */\n  disabled: Boolean,\n  /**\n   * @description the ARIA role attribute for the dropdown menu. Depending on the use case, you may want to change this to 'navigation'\n   */\n  role: {\n    type: String,\n    values: roleTypes,\n    default: 'menu',\n  },\n  buttonProps: {\n    type: definePropType<Partial<ButtonProps>>(Object),\n  },\n  /**\n   * @description whether the dropdown popup is teleported to the body\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description when dropdown inactive and `persistent` is `false` , dropdown menu will be destroyed\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const dropdownItemProps = buildProps({\n  /**\n   * @description a command to be dispatched to Dropdown's `command` callback\n   */\n  command: {\n    type: [Object, String, Number],\n    default: () => ({}),\n  },\n  /**\n   * @description whether the item is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description whether a divider is displayed\n   */\n  divided: Boolean,\n  textValue: String,\n  /**\n   * @description custom icon\n   */\n  icon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport const dropdownMenuProps = buildProps({\n  onKeydown: { type: definePropType<(e: KeyboardEvent) => void>(Function) },\n})\n\nexport const FIRST_KEYS = [\n  EVENT_CODE.down,\n  EVENT_CODE.pageDown,\n  EVENT_CODE.home,\n]\n\nexport const LAST_KEYS = [EVENT_CODE.up, EVENT_CODE.pageUp, EVENT_CODE.end]\n\nexport const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS]\n\nconst {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('Dropdown')\n\nexport {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n}\n"],"names":["buildProps","useTooltipTriggerProps","definePropType","EVENT_CODE","useTooltipContentProps","roleTypes","iconPropType","createCollectionWithScope"],"mappings":"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"}
+{"version":3,"file":"dropdown2.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n    <el-tooltip\n      ref=\"popperRef\"\n      :role=\"role\"\n      :effect=\"effect\"\n      :fallback-placements=\"fallbackPlacements\"\n      :popper-options=\"popperOptions\"\n      :gpu-acceleration=\"false\"\n      :hide-after=\"trigger === 'hover' ? hideTimeout : 0\"\n      :manual-mode=\"true\"\n      :placement=\"placement\"\n      :offset=\"offset\"\n      :show-arrow=\"showArrow\"\n      :popper-class=\"[ns.e('popper'), popperClass]\"\n      :reference-element=\"referenceElementRef?.$el\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :trigger-target-el=\"contentRef\"\n      :show-after=\"trigger === 'hover' ? showTimeout : 0\"\n      :stop-popper-mouse-event=\"false\"\n      :virtual-ref=\"triggeringElementRef\"\n      :virtual-triggering=\"splitButton\"\n      :disabled=\"disabled\"\n      :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n      :teleported=\"teleported\"\n      pure\n      :persistent=\"persistent\"\n      @before-show=\"handleBeforeShowTooltip\"\n      @show=\"handleShowTooltip\"\n      @before-hide=\"handleBeforeHideTooltip\"\n    >\n      <template #content>\n        <el-scrollbar\n          ref=\"scrollbar\"\n          :wrap-style=\"wrapStyle\"\n          tag=\"div\"\n          :view-class=\"ns.e('list')\"\n        >\n          <el-roving-focus-group\n            :loop=\"loop\"\n            :current-tab-id=\"currentTabId\"\n            orientation=\"horizontal\"\n            @current-tab-id-change=\"handleCurrentTabIdChange\"\n            @entry-focus=\"handleEntryFocus\"\n          >\n            <el-dropdown-collection>\n              <slot name=\"dropdown\" />\n            </el-dropdown-collection>\n          </el-roving-focus-group>\n        </el-scrollbar>\n      </template>\n      <template v-if=\"!splitButton\" #default>\n        <el-only-child\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          role=\"button\"\n          :tabindex=\"tabindex\"\n        >\n          <slot name=\"default\" />\n        </el-only-child>\n      </template>\n    </el-tooltip>\n    <template v-if=\"splitButton\">\n      <el-button-group>\n        <el-button\n          ref=\"referenceElementRef\"\n          v-bind=\"buttonProps\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          @click=\"handlerMainButtonClick\"\n        >\n          <slot name=\"default\" />\n        </el-button>\n        <el-button\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          v-bind=\"buttonProps\"\n          role=\"button\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :class=\"ns.e('caret-button')\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"t('el.dropdown.toggleDropdown')\"\n        >\n          <el-icon :class=\"ns.e('icon')\"><arrow-down /></el-icon>\n        </el-button>\n      </el-button-group>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n  ref,\n  toRef,\n  unref,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport ElRovingFocusGroup from '@element-plus/components/roving-focus-group'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useFormSize } from '@element-plus/components/form'\nimport { addUnit, ensureArray } from '@element-plus/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { watch } from '../../config-provider'\nimport { ElCollection as ElDropdownCollection, dropdownProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n  name: 'ElDropdown',\n  components: {\n    ElButton,\n    ElButtonGroup,\n    ElScrollbar,\n    ElDropdownCollection,\n    ElTooltip,\n    ElRovingFocusGroup,\n    ElOnlyChild,\n    ElIcon,\n    ArrowDown,\n  },\n  props: dropdownProps,\n  emits: ['visible-change', 'click', 'command'],\n  setup(props, { emit }) {\n    const _instance = getCurrentInstance()\n    const ns = useNamespace('dropdown')\n    const { t } = useLocale()\n\n    const triggeringElementRef = ref()\n    const referenceElementRef = ref()\n    const popperRef = ref<TooltipInstance>()\n    const contentRef = ref<HTMLElement>()\n    const scrollbar = ref(null)\n    const currentTabId = ref<string | null>(null)\n    const isUsingKeyboard = ref(false)\n\n    const wrapStyle = computed<CSSProperties>(() => ({\n      maxHeight: addUnit(props.maxHeight),\n    }))\n    const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n    const trigger = computed(() => ensureArray(props.trigger))\n\n    const defaultTriggerId = useId().value\n    const triggerId = computed<string>(() => props.id || defaultTriggerId)\n\n    // The goal of this code is to focus on the tooltip triggering element when it is hovered.\n    // This is a temporary fix for where closing the dropdown through pointerleave event focuses on a\n    // completely different element. For a permanent solution, remove all calls to any \"element.focus()\"\n    // that are triggered through pointer enter/leave events.\n    watch(\n      [triggeringElementRef, trigger],\n      ([triggeringElement, trigger], [prevTriggeringElement]) => {\n        if (prevTriggeringElement?.$el?.removeEventListener) {\n          prevTriggeringElement.$el.removeEventListener(\n            'pointerenter',\n            onAutofocusTriggerEnter\n          )\n        }\n        if (triggeringElement?.$el?.removeEventListener) {\n          triggeringElement.$el.removeEventListener(\n            'pointerenter',\n            onAutofocusTriggerEnter\n          )\n        }\n        if (\n          triggeringElement?.$el?.addEventListener &&\n          trigger.includes('hover')\n        ) {\n          triggeringElement.$el.addEventListener(\n            'pointerenter',\n            onAutofocusTriggerEnter\n          )\n        }\n      },\n      { immediate: true }\n    )\n\n    onBeforeUnmount(() => {\n      if (triggeringElementRef.value?.$el?.removeEventListener) {\n        triggeringElementRef.value.$el.removeEventListener(\n          'pointerenter',\n          onAutofocusTriggerEnter\n        )\n      }\n    })\n\n    function handleClick() {\n      handleClose()\n    }\n\n    function handleClose() {\n      popperRef.value?.onClose()\n    }\n\n    function handleOpen() {\n      popperRef.value?.onOpen()\n    }\n\n    const dropdownSize = useFormSize()\n\n    function commandHandler(...args: any[]) {\n      emit('command', ...args)\n    }\n\n    function onAutofocusTriggerEnter() {\n      triggeringElementRef.value?.$el?.focus()\n    }\n\n    function onItemEnter() {\n      // NOOP for now\n    }\n\n    function onItemLeave() {\n      const contentEl = unref(contentRef)\n\n      trigger.value.includes('hover') && contentEl?.focus()\n      currentTabId.value = null\n    }\n\n    function handleCurrentTabIdChange(id: string) {\n      currentTabId.value = id\n    }\n\n    function handleEntryFocus(e: Event) {\n      if (!isUsingKeyboard.value) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n      }\n    }\n\n    function handleBeforeShowTooltip() {\n      emit('visible-change', true)\n    }\n\n    function handleShowTooltip(event?: Event) {\n      if (event?.type === 'keydown') {\n        contentRef.value?.focus()\n      }\n    }\n\n    function handleBeforeHideTooltip() {\n      emit('visible-change', false)\n    }\n\n    provide(DROPDOWN_INJECTION_KEY, {\n      contentRef,\n      role: computed(() => props.role),\n      triggerId,\n      isUsingKeyboard,\n      onItemEnter,\n      onItemLeave,\n    })\n\n    provide('elDropdown', {\n      instance: _instance,\n      dropdownSize,\n      handleClick,\n      commandHandler,\n      trigger: toRef(props, 'trigger'),\n      hideOnClick: toRef(props, 'hideOnClick'),\n    })\n\n    const onFocusAfterTrapped = (e: Event) => {\n      e.preventDefault()\n      contentRef.value?.focus?.({\n        preventScroll: true,\n      })\n    }\n\n    const handlerMainButtonClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      t,\n      ns,\n      scrollbar,\n      wrapStyle,\n      dropdownTriggerKls,\n      dropdownSize,\n      triggerId,\n      currentTabId,\n      handleCurrentTabIdChange,\n      handlerMainButtonClick,\n      handleEntryFocus,\n      handleClose,\n      handleOpen,\n      handleBeforeShowTooltip,\n      handleShowTooltip,\n      handleBeforeHideTooltip,\n      onFocusAfterTrapped,\n      popperRef,\n      contentRef,\n      triggeringElementRef,\n      referenceElementRef,\n    }\n  },\n})\n</script>\n"],"names":["ElButton","defineComponent","ElScrollbar","ElDropdownCollection","ElTooltip","ElRovingFocusGroup","ElOnlyChild","ElIcon","ArrowDown","dropdownProps","getCurrentInstance","useNamespace","useLocale","ref","computed","addUnit","ensureArray","useId","watch","onBeforeUnmount","useFormSize","unref","provide","toRef","_resolveComponent","_createSlots","_withCtx","_createVNode","_openBlock","_createBlock","_mergeProps","_createCommentVNode","_export_sfc"],"mappings":"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"}

package/lib/components/empty/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var empty$1 = require('./src/empty.js');
-var empty = require('./src/empty2.js');
+var empty$1 = require('./src/empty2.js');
+var empty = require('./src/empty.js');
 var install = require('../../utils/vue/install.js');
 
 const ElEmpty = install.withInstall(empty$1["default"]);

package/lib/components/empty/src/empty.js

@@ -2,60 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var imgEmpty = require('./img-empty.js');
-var empty = require('./empty2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-locale/index.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
-var style = require('../../../utils/dom/style.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElEmpty"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: empty.emptyProps,
-  setup(__props) {
-    const props = __props;
-    const { t } = index.useLocale();
-    const ns = index$1.useNamespace("empty");
-    const emptyDescription = vue.computed(() => props.description || t("el.table.emptyText"));
-    const imageStyle = vue.computed(() => ({
-      width: style.addUnit(props.imageSize)
-    }));
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(ns).b())
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("image")),
-          style: vue.normalizeStyle(vue.unref(imageStyle))
-        }, [
-          _ctx.image ? (vue.openBlock(), vue.createElementBlock("img", {
-            key: 0,
-            src: _ctx.image,
-            ondragstart: "return false"
-          }, null, 8, ["src"])) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
-            vue.createVNode(imgEmpty["default"])
-          ])
-        ], 6),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("description"))
-        }, [
-          _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("p", { key: 1 }, vue.toDisplayString(vue.unref(emptyDescription)), 1))
-        ], 2),
-        _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass(vue.unref(ns).e("bottom"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 2)) : vue.createCommentVNode("v-if", true)
-      ], 2);
-    };
+const emptyProps = runtime.buildProps({
+  image: {
+    type: String,
+    default: ""
+  },
+  imageSize: Number,
+  description: {
+    type: String,
+    default: ""
   }
 });
-var Empty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "empty.vue"]]);
 
-exports["default"] = Empty;
+exports.emptyProps = emptyProps;
 //# sourceMappingURL=empty.js.map

package/lib/components/empty/src/empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty.js","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n      <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n      <slot v-else name=\"image\">\n        <img-empty />\n      </slot>\n    </div>\n    <div :class=\"ns.e('description')\">\n      <slot v-if=\"$slots.description\" name=\"description\" />\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElEmpty',\n})\n\nconst props = defineProps(emptyProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n  () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n  width: addUnit(props.imageSize),\n}))\n</script>\n"],"names":["useLocale","useNamespace","computed","addUnit","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;uCA2Bc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,gBAAmB,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,WAAA,IAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA;AAAA,IAAA,MACjB,UAAqB,GAAAA,YAAA,CAAA,OAAsB;AAAA,MACnD,KAAA,EAAAC,aAAA,CAAA,KAAA,CAAA,SAAA,CAAA;AACA,KAAM,CAAA,CAAA,CAAA;AAA4C,IAChD,OAAA,CAAA,IAAe,EAAA,MAAA,KAAe;AAAA,MAC9B,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"empty.js","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = buildProps({\n  /**\n   * @description image URL of empty\n   */\n  image: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description image size (width) of empty\n   */\n  imageSize: Number,\n  /**\n   * @description description of empty\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}