element-pe 2.2.49 → 2.2.51

package/lib/components/dropdown/index.d.ts

@@ -2441,7 +2441,7 @@ export declare const ElDropdown: import("element-pe/es/utils").SFCWithInstall<im
                     readonly popperOptions: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
                     readonly strategy: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
                 }, {
-                    emit: ((event: "blur") => void) & ((event: "close") => void) & ((event: "focus") => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
+                    emit: ((event: "close") => void) & ((event: "focus") => void) & ((event: "blur") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void);
                     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                         readonly id: StringConstructor;
                         readonly style: {
@@ -2691,10 +2691,10 @@ export declare const ElDropdown: import("element-pe/es/utils").SFCWithInstall<im
                         readonly strategy: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
                     }>> & {
                         onClose?: (() => any) | undefined;
-                        onBlur?: (() => any) | undefined;
                         onFocus?: (() => any) | undefined;
-                        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+                        onBlur?: (() => any) | undefined;
                         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+                        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                     }>>;
                     focusStartRef: import("vue").Ref<HTMLElement | "first" | "container" | undefined>;
                     trapped: import("vue").Ref<boolean>;
@@ -2763,7 +2763,7 @@ export declare const ElDropdown: import("element-pe/es/utils").SFCWithInstall<im
                         };
                     }, {
                         onKeydown: (e: KeyboardEvent) => void;
-                    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested")[], "focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                         loop: BooleanConstructor;
                         trapped: BooleanConstructor;
                         focusTrapEl: import("vue").PropType<HTMLElement>;
@@ -3038,10 +3038,10 @@ export declare const ElDropdown: import("element-pe/es/utils").SFCWithInstall<im
                     readonly strategy: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
                 }>> & {
                     onClose?: (() => any) | undefined;
-                    onBlur?: (() => any) | undefined;
                     onFocus?: (() => any) | undefined;
-                    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+                    onBlur?: (() => any) | undefined;
                     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+                    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 }, {
                     readonly offset: number;
                     readonly effect: string;
@@ -5395,7 +5395,7 @@ export declare const ElDropdown: import("element-pe/es/utils").SFCWithInstall<im
                 readonly popperOptions: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
                 readonly strategy: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
             }, {
-                emit: ((event: "blur") => void) & ((event: "close") => void) & ((event: "focus") => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
+                emit: ((event: "close") => void) & ((event: "focus") => void) & ((event: "blur") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void);
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     readonly id: StringConstructor;
                     readonly style: {
@@ -5645,10 +5645,10 @@ export declare const ElDropdown: import("element-pe/es/utils").SFCWithInstall<im
                     readonly strategy: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
                 }>> & {
                     onClose?: (() => any) | undefined;
-                    onBlur?: (() => any) | undefined;
                     onFocus?: (() => any) | undefined;
-                    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+                    onBlur?: (() => any) | undefined;
                     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+                    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 }>>;
                 focusStartRef: import("vue").Ref<HTMLElement | "first" | "container" | undefined>;
                 trapped: import("vue").Ref<boolean>;
@@ -5717,7 +5717,7 @@ export declare const ElDropdown: import("element-pe/es/utils").SFCWithInstall<im
                     };
                 }, {
                     onKeydown: (e: KeyboardEvent) => void;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested")[], "focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                     loop: BooleanConstructor;
                     trapped: BooleanConstructor;
                     focusTrapEl: import("vue").PropType<HTMLElement>;
@@ -5992,10 +5992,10 @@ export declare const ElDropdown: import("element-pe/es/utils").SFCWithInstall<im
                 readonly strategy: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
             }>> & {
                 onClose?: (() => any) | undefined;
-                onBlur?: (() => any) | undefined;
                 onFocus?: (() => any) | undefined;
-                onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+                onBlur?: (() => any) | undefined;
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+                onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             }, {
                 readonly offset: number;
                 readonly effect: string;
@@ -6379,6 +6379,21 @@ export declare const ElDropdown: import("element-pe/es/utils").SFCWithInstall<im
             __epPropKey: true;
         };
     }, {
+        handleClick: undefined;
+        handlePointerMove: undefined;
+        handlePointerLeave: undefined;
+        textContent: import("vue").ComputedRef<string>;
+        propsAndAttrs: import("vue").ComputedRef<{
+            icon: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown> | undefined;
+            disabled: boolean;
+            onClick: ((...args: any[]) => any) | undefined;
+            onPointermove: ((...args: any[]) => any) | undefined;
+            onPointerleave: ((...args: any[]) => any) | undefined;
+            command: import("element-pe/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+            divided: boolean;
+            textValue: string | undefined;
+        }>;
+    } | {
         handleClick: (event: PointerEvent) => void;
         handlePointerMove: (event: PointerEvent) => void;
         handlePointerLeave: (event: PointerEvent) => void;
@@ -6393,7 +6408,7 @@ export declare const ElDropdown: import("element-pe/es/utils").SFCWithInstall<im
             divided: boolean;
             textValue: string | undefined;
         }>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointermove" | "pointerleave")[], "click" | "pointermove" | "pointerleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly command: import("element-pe/es/utils").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
         readonly disabled: BooleanConstructor;
         readonly divided: BooleanConstructor;
@@ -6422,16 +6437,28 @@ export declare const ElDropdown: import("element-pe/es/utils").SFCWithInstall<im
         };
     }, {
         size: import("vue").ComputedRef<string> | undefined;
-        rovingFocusGroupRootStyle: any;
-        tabIndex: any;
+        rovingFocusGroupRootStyle: undefined;
+        tabIndex: undefined;
         dropdownKls: import("vue").ComputedRef<string[]>;
-        role: any;
-        triggerId: any;
+        role: undefined;
+        triggerId: undefined;
+        dropdownListWrapperRef: undefined;
+        handleKeydown: undefined;
+        onBlur: undefined;
+        onFocus: undefined;
+        onMousedown: undefined;
+    } | {
+        size: import("vue").ComputedRef<string> | undefined;
+        rovingFocusGroupRootStyle: import("vue").Ref<import("vue").StyleValue>;
+        tabIndex: import("vue").Ref<number>;
+        dropdownKls: import("vue").ComputedRef<string[]>;
+        role: import("vue").ComputedRef<string>;
+        triggerId: import("vue").ComputedRef<string>;
         dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null) => void;
         handleKeydown: (e: KeyboardEvent) => void;
-        onBlur: any;
-        onFocus: any;
-        onMousedown: any;
+        onBlur: (e: Event) => void;
+        onFocus: (e: FocusEvent) => void;
+        onMousedown: (e: Event) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         onKeydown: {
             readonly type: import("vue").PropType<(e: KeyboardEvent) => void>;
@@ -6454,6 +6481,21 @@ export declare const ElDropdownItem: import("element-pe/es/utils").SFCWithInstal
         __epPropKey: true;
     };
 }, {
+    handleClick: undefined;
+    handlePointerMove: undefined;
+    handlePointerLeave: undefined;
+    textContent: import("vue").ComputedRef<string>;
+    propsAndAttrs: import("vue").ComputedRef<{
+        icon: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown> | undefined;
+        disabled: boolean;
+        onClick: ((...args: any[]) => any) | undefined;
+        onPointermove: ((...args: any[]) => any) | undefined;
+        onPointerleave: ((...args: any[]) => any) | undefined;
+        command: import("element-pe/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+        divided: boolean;
+        textValue: string | undefined;
+    }>;
+} | {
     handleClick: (event: PointerEvent) => void;
     handlePointerMove: (event: PointerEvent) => void;
     handlePointerLeave: (event: PointerEvent) => void;
@@ -6468,7 +6510,7 @@ export declare const ElDropdownItem: import("element-pe/es/utils").SFCWithInstal
         divided: boolean;
         textValue: string | undefined;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointermove" | "pointerleave")[], "click" | "pointermove" | "pointerleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly command: import("element-pe/es/utils").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
     readonly disabled: BooleanConstructor;
     readonly divided: BooleanConstructor;
@@ -6497,16 +6539,28 @@ export declare const ElDropdownMenu: import("element-pe/es/utils").SFCWithInstal
     };
 }, {
     size: import("vue").ComputedRef<string> | undefined;
-    rovingFocusGroupRootStyle: any;
-    tabIndex: any;
+    rovingFocusGroupRootStyle: undefined;
+    tabIndex: undefined;
     dropdownKls: import("vue").ComputedRef<string[]>;
-    role: any;
-    triggerId: any;
+    role: undefined;
+    triggerId: undefined;
+    dropdownListWrapperRef: undefined;
+    handleKeydown: undefined;
+    onBlur: undefined;
+    onFocus: undefined;
+    onMousedown: undefined;
+} | {
+    size: import("vue").ComputedRef<string> | undefined;
+    rovingFocusGroupRootStyle: import("vue").Ref<import("vue").StyleValue>;
+    tabIndex: import("vue").Ref<number>;
+    dropdownKls: import("vue").ComputedRef<string[]>;
+    role: import("vue").ComputedRef<string>;
+    triggerId: import("vue").ComputedRef<string>;
     dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null) => void;
     handleKeydown: (e: KeyboardEvent) => void;
-    onBlur: any;
-    onFocus: any;
-    onMousedown: any;
+    onBlur: (e: Event) => void;
+    onFocus: (e: FocusEvent) => void;
+    onMousedown: (e: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     onKeydown: {
         readonly type: import("vue").PropType<(e: KeyboardEvent) => void>;

package/lib/components/dropdown/src/dropdown-item-impl.js

@@ -11,14 +11,16 @@ require('../../../utils/index.js');
 require('../../../constants/index.js');
 var dropdown = require('./dropdown.js');
 var tokens = require('./tokens.js');
+require('../../config-provider/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var useGlobalConfig = require('../../config-provider/src/hooks/use-global-config.js');
 var index$1 = require('../../../hooks/use-namespace/index.js');
 var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group.js');
 var tokens$1 = require('../../roving-focus-group/src/tokens.js');
 var refs = require('../../../utils/vue/refs.js');
 var event = require('../../../utils/dom/event.js');
 var aria = require('../../../constants/aria.js');
-var collection = require('../../collection/src/collection2.js');
+var collection = require('../../collection/src/collection.js');
 
 const _sfc_main = vue.defineComponent({
   name: "DropdownItemImpl",
@@ -28,17 +30,30 @@ const _sfc_main = vue.defineComponent({
   props: dropdown.dropdownItemProps,
   emits: ["pointermove", "pointerleave", "click", "clickimpl"],
   setup(_, { emit }) {
+    const forEditor = useGlobalConfig.useGlobalConfig("forEditor");
     const ns = index$1.useNamespace("dropdown");
-    const { role: menuRole } = vue.inject(tokens.DROPDOWN_INJECTION_KEY, {});
-    const { collectionItemRef: dropdownCollectionItemRef } = vue.inject(dropdown.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, {});
-    const { collectionItemRef: rovingFocusCollectionItemRef } = vue.inject(rovingFocusGroup.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY, {});
+    if (forEditor.value) {
+      return {
+        ns,
+        itemRef: void 0,
+        dataset: void 0,
+        role: void 0,
+        tabIndex: void 0,
+        handleFocus: void 0,
+        handleKeydown: void 0,
+        handleMousedown: void 0
+      };
+    }
+    const { role: menuRole } = vue.inject(tokens.DROPDOWN_INJECTION_KEY, void 0);
+    const { collectionItemRef: dropdownCollectionItemRef } = vue.inject(dropdown.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, void 0);
+    const { collectionItemRef: rovingFocusCollectionItemRef } = vue.inject(rovingFocusGroup.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY, void 0);
     const {
       rovingFocusGroupItemRef,
       tabIndex,
       handleFocus,
       handleKeydown: handleItemKeydown,
       handleMousedown
-    } = vue.inject(tokens$1.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, {});
+    } = vue.inject(tokens$1.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, void 0);
     const itemRef = refs.composeRefs(dropdownCollectionItemRef, rovingFocusCollectionItemRef, rovingFocusGroupItemRef);
     const role = vue.computed(() => {
       if (menuRole.value === "menu") {

package/lib/components/dropdown/src/dropdown-item-impl.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item-impl.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item-impl.vue"],"sourcesContent":["<template>\n  <li\n    v-if=\"divided\"\n    role=\"separator\"\n    :class=\"ns.bem('menu', 'item', 'divided')\"\n    v-bind=\"$attrs\"\n  />\n  <li\n    :ref=\"itemRef\"\n    v-bind=\"{ ...dataset, ...$attrs }\"\n    :aria-disabled=\"disabled\"\n    :class=\"[ns.be('menu', 'item'), ns.is('disabled', disabled)]\"\n    :tabindex=\"tabIndex\"\n    :role=\"role\"\n    @click=\"(e) => $emit('clickimpl', e)\"\n    @focus=\"handleFocus\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown=\"handleMousedown\"\n    @pointermove=\"(e) => $emit('pointermove', e)\"\n    @pointerleave=\"(e) => $emit('pointerleave', e)\"\n  >\n    <el-icon v-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, inject } from 'vue'\nimport {\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n  ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n} from '@element-plus/components/roving-focus-group'\nimport { COLLECTION_ITEM_SIGN } from '@element-plus/components/collection'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { composeEventHandlers, composeRefs } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport {\n  DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n  dropdownItemProps,\n} from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'DropdownItemImpl',\n  components: {\n    ElIcon,\n  },\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click', 'clickimpl'],\n  setup(_, { emit }) {\n    const ns = useNamespace('dropdown')\n\n    const { role: menuRole } = inject(DROPDOWN_INJECTION_KEY, {} as any)!\n\n    const { collectionItemRef: dropdownCollectionItemRef } = inject(\n      DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n      {} as any\n    )!\n\n    const { collectionItemRef: rovingFocusCollectionItemRef } = inject(\n      ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n      {} as any\n    )!\n\n    const {\n      rovingFocusGroupItemRef,\n      tabIndex,\n      handleFocus,\n      handleKeydown: handleItemKeydown,\n      handleMousedown,\n    } = inject(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, {} as any)!\n\n    const itemRef = composeRefs(\n      dropdownCollectionItemRef,\n      rovingFocusCollectionItemRef,\n      rovingFocusGroupItemRef\n    )\n\n    const role = computed<string>(() => {\n      if (menuRole.value === 'menu') {\n        return 'menuitem'\n      } else if (menuRole.value === 'navigation') {\n        return 'link'\n      }\n      return 'button'\n    })\n\n    const handleKeydown = composeEventHandlers((e: KeyboardEvent) => {\n      const { code } = e\n      if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        emit('clickimpl', e)\n        return true\n      }\n    }, handleItemKeydown)\n\n    return {\n      ns,\n      itemRef,\n      dataset: {\n        [COLLECTION_ITEM_SIGN]: '',\n      },\n      role,\n      tabIndex,\n      handleFocus,\n      handleKeydown,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","dropdownItemProps","useNamespace","inject","DROPDOWN_INJECTION_KEY","DROPDOWN_COLLECTION_ITEM_INJECTION_KEY","ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY","ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY","composeRefs","computed","composeEventHandlers","EVENT_CODE","COLLECTION_ITEM_SIGN","_openBlock","_createElementBlock","_mergeProps","_createCommentVNode","_createElementVNode","_createBlock","_withCtx","_resolveDynamicComponent","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"dropdown-item-impl.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item-impl.vue"],"sourcesContent":["<template>\n  <li\n    v-if=\"divided\"\n    role=\"separator\"\n    :class=\"ns.bem('menu', 'item', 'divided')\"\n    v-bind=\"$attrs\"\n  />\n  <li\n    :ref=\"itemRef\"\n    v-bind=\"{ ...dataset, ...$attrs }\"\n    :aria-disabled=\"disabled\"\n    :class=\"[ns.be('menu', 'item'), ns.is('disabled', disabled)]\"\n    :tabindex=\"tabIndex\"\n    :role=\"role\"\n    @click=\"(e) => $emit('clickimpl', e)\"\n    @focus=\"handleFocus\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown=\"handleMousedown\"\n    @pointermove=\"(e) => $emit('pointermove', e)\"\n    @pointerleave=\"(e) => $emit('pointerleave', e)\"\n  >\n    <el-icon v-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, inject } from 'vue'\nimport {\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n  ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n} from '@element-plus/components/roving-focus-group'\nimport { COLLECTION_ITEM_SIGN } from '@element-plus/components/collection'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { composeEventHandlers, composeRefs } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport {\n  DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n  dropdownItemProps,\n} from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\nimport { useGlobalConfig } from '../../config-provider'\n\nexport default defineComponent({\n  name: 'DropdownItemImpl',\n  components: {\n    ElIcon,\n  },\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click', 'clickimpl'],\n  setup(_, { emit }) {\n    const forEditor = useGlobalConfig('forEditor')\n\n    const ns = useNamespace('dropdown')\n\n    if (forEditor.value) {\n      return {\n        ns,\n        itemRef: undefined,\n        dataset: undefined,\n        role: undefined,\n        tabIndex: undefined,\n        handleFocus: undefined,\n        handleKeydown: undefined,\n        handleMousedown: undefined,\n      }\n    }\n\n    const { role: menuRole } = inject(DROPDOWN_INJECTION_KEY, undefined)!\n\n    const { collectionItemRef: dropdownCollectionItemRef } = inject(\n      DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n      undefined\n    )!\n\n    const { collectionItemRef: rovingFocusCollectionItemRef } = inject(\n      ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const {\n      rovingFocusGroupItemRef,\n      tabIndex,\n      handleFocus,\n      handleKeydown: handleItemKeydown,\n      handleMousedown,\n    } = inject(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, undefined)!\n\n    const itemRef = composeRefs(\n      dropdownCollectionItemRef,\n      rovingFocusCollectionItemRef,\n      rovingFocusGroupItemRef\n    )\n\n    const role = computed<string>(() => {\n      if (menuRole.value === 'menu') {\n        return 'menuitem'\n      } else if (menuRole.value === 'navigation') {\n        return 'link'\n      }\n      return 'button'\n    })\n\n    const handleKeydown = composeEventHandlers((e: KeyboardEvent) => {\n      const { code } = e\n      if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        emit('clickimpl', e)\n        return true\n      }\n    }, handleItemKeydown)\n\n    return {\n      ns,\n      itemRef,\n      dataset: {\n        [COLLECTION_ITEM_SIGN]: '',\n      },\n      role,\n      tabIndex,\n      handleFocus,\n      handleKeydown,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","dropdownItemProps","useGlobalConfig","useNamespace","inject","DROPDOWN_INJECTION_KEY","DROPDOWN_COLLECTION_ITEM_INJECTION_KEY","ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY","ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY","composeRefs","computed","composeEventHandlers","EVENT_CODE","COLLECTION_ITEM_SIGN","_openBlock","_createElementBlock","_mergeProps","_createCommentVNode","_createElementVNode","_createBlock","_withCtx","_resolveDynamicComponent","_renderSlot"],"mappings":"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"}

package/lib/components/dropdown/src/dropdown-item-impl.vue.d.ts

@@ -10,6 +10,32 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    itemRef: undefined;
+    dataset: undefined;
+    role: undefined;
+    tabIndex: undefined;
+    handleFocus: undefined;
+    handleKeydown: undefined;
+    handleMousedown: undefined;
+} | {
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -33,11 +59,11 @@ declare const _default: import("vue").DefineComponent<{
         "data-el-collection-item": string;
     };
     role: import("vue").ComputedRef<string>;
-    tabIndex: any;
-    handleFocus: any;
+    tabIndex: import("vue").Ref<number>;
+    handleFocus: (e: Event) => void;
     handleKeydown: (event: KeyboardEvent) => void;
-    handleMousedown: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove" | "clickimpl")[], "click" | "pointerleave" | "pointermove" | "clickimpl", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    handleMousedown: (e: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointermove" | "pointerleave" | "clickimpl")[], "click" | "pointermove" | "pointerleave" | "clickimpl", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly command: import("element-pe/es/utils").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
     readonly disabled: BooleanConstructor;
     readonly divided: BooleanConstructor;

package/lib/components/dropdown/src/dropdown-item.js

@@ -9,8 +9,10 @@ var dropdownItemImpl = require('./dropdown-item-impl.js');
 var useDropdown = require('./useDropdown.js');
 var dropdown = require('./dropdown.js');
 var tokens = require('./tokens.js');
+require('../../config-provider/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var rovingFocusItem = require('../../roving-focus-group/src/roving-focus-item.js');
+var useGlobalConfig = require('../../config-provider/src/hooks/use-global-config.js');
 var event = require('../../../utils/dom/event.js');
 
 const _sfc_main = vue.defineComponent({
@@ -24,6 +26,7 @@ const _sfc_main = vue.defineComponent({
   props: dropdown.dropdownItemProps,
   emits: ["pointermove", "pointerleave", "click"],
   setup(props, { emit, attrs }) {
+    const forEditor = useGlobalConfig.useGlobalConfig("forEditor");
     const { elDropdown } = useDropdown.useDropdown();
     const _instance = vue.getCurrentInstance();
     const itemRef = vue.ref(null);
@@ -31,7 +34,18 @@ const _sfc_main = vue.defineComponent({
       var _a, _b;
       return (_b = (_a = vue.unref(itemRef)) == null ? void 0 : _a.textContent) != null ? _b : "";
     });
-    const { onItemEnter, onItemLeave } = vue.inject(tokens.DROPDOWN_INJECTION_KEY, {});
+    if (forEditor.value) {
+      return {
+        handleClick: void 0,
+        handlePointerMove: void 0,
+        handlePointerLeave: void 0,
+        textContent,
+        propsAndAttrs: vue.computed(() => {
+          return { ...props, ...attrs };
+        })
+      };
+    }
+    const { onItemEnter, onItemLeave } = vue.inject(tokens.DROPDOWN_INJECTION_KEY, void 0);
     const handlePointerMove = event.composeEventHandlers((e) => {
       emit("pointermove", e);
       return e.defaultPrevented;

package/lib/components/dropdown/src/dropdown-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\n  <el-dropdown-collection-item\n    :disabled=\"disabled\"\n    :text-value=\"textValue ?? textContent\"\n  >\n    <el-roving-focus-item :focusable=\"!disabled\">\n      <el-dropdown-item-impl\n        v-bind=\"propsAndAttrs\"\n        @pointerleave=\"handlePointerLeave\"\n        @pointermove=\"handlePointerMove\"\n        @clickimpl=\"handleClick\"\n      >\n        <slot />\n      </el-dropdown-item-impl>\n    </el-roving-focus-item>\n  </el-dropdown-collection-item>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  ref,\n  unref,\n} from 'vue'\nimport { ElRovingFocusItem } from '@element-plus/components/roving-focus-group'\nimport { composeEventHandlers, whenMouse } from '@element-plus/utils'\nimport ElDropdownItemImpl from './dropdown-item-impl.vue'\nimport { useDropdown } from './useDropdown'\nimport {\n  ElCollectionItem as ElDropdownCollectionItem,\n  dropdownItemProps,\n} from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: {\n    ElDropdownCollectionItem,\n    ElRovingFocusItem,\n    ElDropdownItemImpl,\n  },\n  inheritAttrs: false,\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click'],\n  setup(props, { emit, attrs }) {\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n    const itemRef = ref<HTMLElement | null>(null)\n    const textContent = computed(() => unref(itemRef)?.textContent ?? '')\n    const { onItemEnter, onItemLeave } = inject(\n      DROPDOWN_INJECTION_KEY,\n      {} as any\n    )!\n\n    const handlePointerMove = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointermove', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        if (props.disabled) {\n          onItemLeave(e)\n          return\n        }\n\n        const target = e.currentTarget as HTMLElement\n        /**\n         * This handles the following scenario:\n         *   when the item contains a form element such as input element\n         *   when the mouse is moving over the element itself which is contained by\n         *   the item, the default focusing logic should be prevented so that\n         *   it won't cause weird action.\n         */\n        if (\n          target === document.activeElement ||\n          target.contains(document.activeElement)\n        ) {\n          return\n        }\n\n        onItemEnter(e)\n        if (!e.defaultPrevented) {\n          target?.focus()\n        }\n      })\n    )\n\n    const handlePointerLeave = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointerleave', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        onItemLeave(e)\n      })\n    )\n\n    const handleClick = composeEventHandlers(\n      (e: PointerEvent) => {\n        if (props.disabled) {\n          return\n        }\n        emit('click', e)\n        return e.type !== 'keydown' && e.defaultPrevented\n      },\n      (e) => {\n        if (props.disabled) {\n          e.stopImmediatePropagation()\n          return\n        }\n        if (elDropdown?.hideOnClick?.value) {\n          elDropdown.handleClick?.()\n        }\n        elDropdown.commandHandler?.(props.command, _instance, e)\n      }\n    )\n\n    // direct usage of v-bind={ ...$props, ...$attrs } causes type errors\n    const propsAndAttrs = computed(() => {\n      return { ...props, ...attrs }\n    })\n\n    return {\n      handleClick,\n      handlePointerMove,\n      handlePointerLeave,\n      textContent,\n      propsAndAttrs,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElDropdownCollectionItem","ElRovingFocusItem","ElDropdownItemImpl","dropdownItemProps","useDropdown","getCurrentInstance","ref","computed","unref","inject","DROPDOWN_INJECTION_KEY","composeEventHandlers","whenMouse","_resolveComponent","_openBlock","_createBlock","_withCtx","_createVNode","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"dropdown-item.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\n  <el-dropdown-collection-item\n    :disabled=\"disabled\"\n    :text-value=\"textValue ?? textContent\"\n  >\n    <el-roving-focus-item :focusable=\"!disabled\">\n      <el-dropdown-item-impl\n        v-bind=\"propsAndAttrs\"\n        @pointerleave=\"handlePointerLeave\"\n        @pointermove=\"handlePointerMove\"\n        @clickimpl=\"handleClick\"\n      >\n        <slot />\n      </el-dropdown-item-impl>\n    </el-roving-focus-item>\n  </el-dropdown-collection-item>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  ref,\n  unref,\n} from 'vue'\nimport { ElRovingFocusItem } from '@element-plus/components/roving-focus-group'\nimport { composeEventHandlers, whenMouse } from '@element-plus/utils'\nimport ElDropdownItemImpl from './dropdown-item-impl.vue'\nimport { useDropdown } from './useDropdown'\nimport {\n  ElCollectionItem as ElDropdownCollectionItem,\n  dropdownItemProps,\n} from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\nimport { useGlobalConfig } from '../../config-provider'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: {\n    ElDropdownCollectionItem,\n    ElRovingFocusItem,\n    ElDropdownItemImpl,\n  },\n  inheritAttrs: false,\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click'],\n  setup(props, { emit, attrs }) {\n    const forEditor = useGlobalConfig('forEditor')\n\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n    const itemRef = ref<HTMLElement | null>(null)\n    const textContent = computed(() => unref(itemRef)?.textContent ?? '')\n\n    if (forEditor.value) {\n      return {\n        handleClick: undefined,\n        handlePointerMove: undefined,\n        handlePointerLeave: undefined,\n        textContent,\n        propsAndAttrs: computed(() => {\n          return { ...props, ...attrs }\n        }),\n      }\n    }\n\n    const { onItemEnter, onItemLeave } = inject(\n      DROPDOWN_INJECTION_KEY,\n      undefined\n    )!\n\n    const handlePointerMove = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointermove', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        if (props.disabled) {\n          onItemLeave(e)\n          return\n        }\n\n        const target = e.currentTarget as HTMLElement\n        /**\n         * This handles the following scenario:\n         *   when the item contains a form element such as input element\n         *   when the mouse is moving over the element itself which is contained by\n         *   the item, the default focusing logic should be prevented so that\n         *   it won't cause weird action.\n         */\n        if (\n          target === document.activeElement ||\n          target.contains(document.activeElement)\n        ) {\n          return\n        }\n\n        onItemEnter(e)\n        if (!e.defaultPrevented) {\n          target?.focus()\n        }\n      })\n    )\n\n    const handlePointerLeave = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointerleave', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        onItemLeave(e)\n      })\n    )\n\n    const handleClick = composeEventHandlers(\n      (e: PointerEvent) => {\n        if (props.disabled) {\n          return\n        }\n        emit('click', e)\n        return e.type !== 'keydown' && e.defaultPrevented\n      },\n      (e) => {\n        if (props.disabled) {\n          e.stopImmediatePropagation()\n          return\n        }\n        if (elDropdown?.hideOnClick?.value) {\n          elDropdown.handleClick?.()\n        }\n        elDropdown.commandHandler?.(props.command, _instance, e)\n      }\n    )\n\n    // direct usage of v-bind={ ...$props, ...$attrs } causes type errors\n    const propsAndAttrs = computed(() => {\n      return { ...props, ...attrs }\n    })\n\n    return {\n      handleClick,\n      handlePointerMove,\n      handlePointerLeave,\n      textContent,\n      propsAndAttrs,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElDropdownCollectionItem","ElRovingFocusItem","ElDropdownItemImpl","dropdownItemProps","useGlobalConfig","useDropdown","getCurrentInstance","ref","computed","unref","inject","DROPDOWN_INJECTION_KEY","composeEventHandlers","whenMouse","_resolveComponent","_openBlock","_createBlock","_withCtx","_createVNode","_mergeProps"],"mappings":"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"}

package/lib/components/dropdown/src/dropdown-item.vue.d.ts

@@ -10,6 +10,21 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
 }, {
+    handleClick: undefined;
+    handlePointerMove: undefined;
+    handlePointerLeave: undefined;
+    textContent: import("vue").ComputedRef<string>;
+    propsAndAttrs: import("vue").ComputedRef<{
+        icon: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown> | undefined;
+        disabled: boolean;
+        onClick: ((...args: any[]) => any) | undefined;
+        onPointermove: ((...args: any[]) => any) | undefined;
+        onPointerleave: ((...args: any[]) => any) | undefined;
+        command: import("element-pe/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+        divided: boolean;
+        textValue: string | undefined;
+    }>;
+} | {
     handleClick: (event: PointerEvent) => void;
     handlePointerMove: (event: PointerEvent) => void;
     handlePointerLeave: (event: PointerEvent) => void;
@@ -24,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
         divided: boolean;
         textValue: string | undefined;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointermove" | "pointerleave")[], "click" | "pointermove" | "pointerleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly command: import("element-pe/es/utils").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
     readonly disabled: BooleanConstructor;
     readonly divided: BooleanConstructor;

package/lib/components/dropdown/src/dropdown-menu.js

@@ -11,7 +11,9 @@ require('../../../hooks/index.js');
 var tokens$1 = require('./tokens.js');
 var dropdown = require('./dropdown.js');
 var useDropdown = require('./useDropdown.js');
+require('../../config-provider/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var useGlobalConfig = require('../../config-provider/src/hooks/use-global-config.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var tokens = require('../../focus-trap/src/tokens.js');
 var tokens$2 = require('../../roving-focus-group/src/tokens.js');
@@ -25,12 +27,30 @@ const _sfc_main = vue.defineComponent({
   name: "ElDropdownMenu",
   props: dropdown.dropdownMenuProps,
   setup(props) {
+    const forEditor = useGlobalConfig.useGlobalConfig("forEditor");
     const ns = index.useNamespace("dropdown");
     const { _elDropdownSize } = useDropdown.useDropdown();
     const size = _elDropdownSize.value;
-    const { focusTrapRef, onKeydown } = vue.inject(tokens.FOCUS_TRAP_INJECTION_KEY, {});
-    const { contentRef, role, triggerId } = vue.inject(tokens$1.DROPDOWN_INJECTION_KEY, {});
-    const { collectionRef: dropdownCollectionRef, getItems } = vue.inject(dropdown.DROPDOWN_COLLECTION_INJECTION_KEY, {});
+    if (forEditor.value) {
+      return {
+        size,
+        rovingFocusGroupRootStyle: void 0,
+        tabIndex: void 0,
+        dropdownKls: vue.computed(() => {
+          return [ns.b("menu"), ns.bm("menu", size == null ? void 0 : size.value)];
+        }),
+        role: void 0,
+        triggerId: void 0,
+        dropdownListWrapperRef: void 0,
+        handleKeydown: void 0,
+        onBlur: void 0,
+        onFocus: void 0,
+        onMousedown: void 0
+      };
+    }
+    const { focusTrapRef, onKeydown } = vue.inject(tokens.FOCUS_TRAP_INJECTION_KEY, void 0);
+    const { contentRef, role, triggerId } = vue.inject(tokens$1.DROPDOWN_INJECTION_KEY, void 0);
+    const { collectionRef: dropdownCollectionRef, getItems } = vue.inject(dropdown.DROPDOWN_COLLECTION_INJECTION_KEY, void 0);
     const {
       rovingFocusGroupRef,
       rovingFocusGroupRootStyle,
@@ -38,8 +58,8 @@ const _sfc_main = vue.defineComponent({
       onBlur,
       onFocus,
       onMousedown
-    } = vue.inject(tokens$2.ROVING_FOCUS_GROUP_INJECTION_KEY, {});
-    const { collectionRef: rovingFocusGroupCollectionRef } = vue.inject(rovingFocusGroup.ROVING_FOCUS_COLLECTION_INJECTION_KEY, {});
+    } = vue.inject(tokens$2.ROVING_FOCUS_GROUP_INJECTION_KEY, void 0);
+    const { collectionRef: rovingFocusGroupCollectionRef } = vue.inject(rovingFocusGroup.ROVING_FOCUS_COLLECTION_INJECTION_KEY, void 0);
     const dropdownKls = vue.computed(() => {
       return [ns.b("menu"), ns.bm("menu", size == null ? void 0 : size.value)];
     });

package/lib/components/dropdown/src/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue"],"sourcesContent":["<template>\n  <ul\n    :ref=\"dropdownListWrapperRef\"\n    :class=\"dropdownKls\"\n    :style=\"rovingFocusGroupRootStyle\"\n    :tabindex=\"-1\"\n    :role=\"role\"\n    :aria-labelledby=\"triggerId\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown.self=\"onMousedown\"\n  >\n    <slot />\n  </ul>\n</template>\n<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, inject, unref } from 'vue'\nimport { composeEventHandlers, composeRefs } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport {\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  ROVING_FOCUS_GROUP_INJECTION_KEY,\n  focusFirst,\n} from '@element-plus/components/roving-focus-group'\nimport { useNamespace } from '@element-plus/hooks'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\nimport {\n  DROPDOWN_COLLECTION_INJECTION_KEY,\n  FIRST_LAST_KEYS,\n  LAST_KEYS,\n  dropdownMenuProps,\n} from './dropdown'\nimport { useDropdown } from './useDropdown'\n\nexport default defineComponent({\n  name: 'ElDropdownMenu',\n  props: dropdownMenuProps,\n  setup(props) {\n    const ns = useNamespace('dropdown')\n    const { _elDropdownSize } = useDropdown()\n    const size = _elDropdownSize.value\n\n    const { focusTrapRef, onKeydown } = inject(\n      FOCUS_TRAP_INJECTION_KEY,\n      {} as any\n    )!\n\n    const { contentRef, role, triggerId } = inject(\n      DROPDOWN_INJECTION_KEY,\n      {} as any\n    )!\n\n    const { collectionRef: dropdownCollectionRef, getItems } = inject(\n      DROPDOWN_COLLECTION_INJECTION_KEY,\n      {} as any\n    )!\n\n    const {\n      rovingFocusGroupRef,\n      rovingFocusGroupRootStyle,\n      tabIndex,\n      onBlur,\n      onFocus,\n      onMousedown,\n    } = inject(ROVING_FOCUS_GROUP_INJECTION_KEY, {} as any)!\n\n    const { collectionRef: rovingFocusGroupCollectionRef } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      {} as any\n    )!\n\n    const dropdownKls = computed(() => {\n      return [ns.b('menu'), ns.bm('menu', size?.value)]\n    })\n\n    const dropdownListWrapperRef = composeRefs(\n      contentRef,\n      dropdownCollectionRef,\n      focusTrapRef,\n      rovingFocusGroupRef,\n      rovingFocusGroupCollectionRef\n    )\n\n    const composedKeydown = composeEventHandlers(\n      (e: KeyboardEvent) => {\n        props.onKeydown?.(e)\n      },\n      (e) => {\n        const { currentTarget, code, target } = e\n        const isKeydownContained = (currentTarget as Node).contains(\n          target as Node\n        )\n\n        if (isKeydownContained) {\n          // TODO: implement typeahead search\n        }\n\n        if (EVENT_CODE.tab === code) {\n          e.stopImmediatePropagation()\n        }\n\n        e.preventDefault()\n\n        if (target !== unref(contentRef)) return\n        if (!FIRST_LAST_KEYS.includes(code)) return\n        const items = getItems<{ disabled: boolean }>().filter(\n          (item) => !item.disabled\n        )\n        const targets = items.map((item) => item.ref!)\n        if (LAST_KEYS.includes(code)) {\n          targets.reverse()\n        }\n        focusFirst(targets)\n      }\n    )\n\n    const handleKeydown = (e: KeyboardEvent) => {\n      composedKeydown(e)\n      onKeydown(e)\n    }\n\n    return {\n      size,\n      rovingFocusGroupRootStyle,\n      tabIndex,\n      dropdownKls,\n      role,\n      triggerId,\n      dropdownListWrapperRef,\n      handleKeydown,\n      onBlur,\n      onFocus,\n      onMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","dropdownMenuProps","useNamespace","useDropdown","inject","FOCUS_TRAP_INJECTION_KEY","DROPDOWN_INJECTION_KEY","DROPDOWN_COLLECTION_INJECTION_KEY","ROVING_FOCUS_GROUP_INJECTION_KEY","ROVING_FOCUS_COLLECTION_INJECTION_KEY","computed","composeRefs","composeEventHandlers","EVENT_CODE","unref","FIRST_LAST_KEYS","LAST_KEYS","focusFirst","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_withModifiers","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,gBAAA;AAAA,EACN,KAAO,EAAAC,0BAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAClC,IAAM,MAAA,EAAE,oBAAoBC,uBAAY,EAAA,CAAA;AACxC,IAAA,MAAM,OAAO,eAAgB,CAAA,KAAA,CAAA;AAE7B,IAAA,MAAM,EAAE,YAAc,EAAA,SAAA,EAAA,GAAcC,UAClC,CAAAC,+BAAA,EACA,EACF,CAAA,CAAA;AAEA,IAAA,MAAM,EAAE,UAAY,EAAA,IAAA,EAAM,cAAcD,UACtC,CAAAE,+BAAA,EACA,EACF,CAAA,CAAA;AAEA,IAAA,MAAM,EAAE,aAAe,EAAA,qBAAA,EAAuB,aAAaF,UACzD,CAAAG,0CAAA,EACA,EACF,CAAA,CAAA;AAEA,IAAM,MAAA;AAAA,MACJ,mBAAA;AAAA,MACA,yBAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,KACE,GAAAH,UAAA,CAAOI,yCAAkC,EAAA,EAAS,CAAA,CAAA;AAEtD,IAAA,MAAM,EAAE,aAAe,EAAA,6BAAA,EAAA,GAAkCJ,UACvD,CAAAK,sDAAA,EACA,EACF,CAAA,CAAA;AAEA,IAAM,MAAA,WAAA,GAAcC,aAAS,MAAM;AACjC,MAAO,OAAA,CAAC,EAAG,CAAA,CAAA,CAAE,MAAM,CAAA,EAAG,GAAG,EAAG,CAAA,MAAA,EAAQ,IAAM,IAAA,IAAM,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KACjD,CAAA,CAAA;AAED,IAAA,MAAM,yBAAyBC,gBAC7B,CAAA,UAAA,EACA,qBACA,EAAA,YAAA,EACA,qBACA,6BACF,CAAA,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkBC,0BACtB,CAAA,CAAC,CAAqB,KAAA;AACpB,MAAA,IAAA,EAAM;AAAa,MACrB,CACA,EAAO,GAAA,KAAA,CAAA,SAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AACL,KAAM,EAAA,CAAA,CAAA,KAAE;AACR,MAAM,MAAA,EAAA,aAAA,EAAA,IAAsB,EAAuB,MAAA,EAAA,GAAA,CAAA,CAAA;AAInD,MAAA,MAAwB,kBAAA,GAAA,aAAA,CAAA,QAAA,CAAA,MAAA,CAAA,CAAA;AAAA,MAExB,IAAA,kBAAA,EAAA;AAEA,OAAI;AACF,MAAA,IAAEC,eAAyB,CAAA,GAAA,KAAA,IAAA,EAAA;AAAA,QAC7B,CAAA,CAAA,wBAAA,EAAA,CAAA;AAEA,OAAA;AAEA,MAAI,CAAA,CAAA;AAA8B,MAAA,IAAA,MAAA,KAAAC,SAAA,CAAA,UAAA,CAAA;AAClC,QAAI,OAAiB;AAAgB,MAAA,IAAA,CAAAC,wBAAA,CAAA,QAAA,CAAA,IAAA,CAAA;AACrC,QAAM,OAAA;AAGN,MAAA,MAAM,gBAAgB,EAAA,CAAA,MAAK,CAAA,CAAA,SAAkB,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA;AAC7C,MAAI,MAAA,OAAA,GAAmB,KAAA,CAAA,GAAA,CAAA,CAAI,IAAG,KAAA,IAAA,CAAA,GAAA,CAAA,CAAA;AAC5B,MAAA,IAAAC,kBAAgB,CAAA,QAAA,CAAA,IAAA,CAAA,EAAA;AAAA,QAClB,OAAA,CAAA,OAAA,EAAA,CAAA;AACA,OAAA;AAAkB,MAEtBC,gBAAA,CAAA,OAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AACJ,IAAA,MAAA,aAAiB,GAAA,CAAA,CAAA,KAAA;AACjB,MAAA,eAAW,CAAA,CAAA,CAAA,CAAA;AAAA,MACb,SAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAO,CAAA;AAAA,IACL,OAAA;AAAA,MACA,IAAA;AAAA,MACA,yBAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,sBAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACF,WAAA;AAAA,KACF,CAAA;AACF,GAAC;;;yBA5HM,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;AAAA,EAAA,OAZGC,aAAA,EAAA,EAAAC,sBAAA,CAAA,IAAA,EAAA;AAAA,IACL,GAAA,EAAA,2BAAkB;AAAA,IAClB,KAAA,EAAKC,mBAAE,IAAyB,CAAA,WAAA,CAAA;AAAA,IAChC,KAAU,EAAAC,kBAAA,CAAA,IAAA,CAAA,yBAAA,CAAA;AAAA,IACV,QAAM,EAAA,CAAA,CAAA;AAAA,IACN,IAAiB,EAAA,IAAA,CAAA,IAAA;AAAA,IACjB,iBAAM,EAAA,IAAA,CAAA,SAAA;AAAA,IACN,cAAO,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,MAAA,IAAA,IAAA,CAAA,MAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,IACP,OAAA,EAAA,2DAA2B,CAAA,OAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,IAC3B,SAAA,EAAA,6DAA2B,CAAA,aAAA,IAAA,IAAA,CAAA,aAAA,CAAA,GAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,IAAA,WAAA,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAC,iBAAA,CAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,WAAA,IAAA,IAAA,CAAA,WAAA,CAAA,GAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;KAEpB;AAAA,IAAAC,cAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;;;;;;;"}
+{"version":3,"file":"dropdown-menu.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue"],"sourcesContent":["<template>\n  <ul\n    :ref=\"dropdownListWrapperRef\"\n    :class=\"dropdownKls\"\n    :style=\"rovingFocusGroupRootStyle\"\n    :tabindex=\"-1\"\n    :role=\"role\"\n    :aria-labelledby=\"triggerId\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown.self=\"onMousedown\"\n  >\n    <slot />\n  </ul>\n</template>\n<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, inject, unref } from 'vue'\nimport { composeEventHandlers, composeRefs } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport {\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  ROVING_FOCUS_GROUP_INJECTION_KEY,\n  focusFirst,\n} from '@element-plus/components/roving-focus-group'\nimport { useNamespace } from '@element-plus/hooks'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\nimport {\n  DROPDOWN_COLLECTION_INJECTION_KEY,\n  FIRST_LAST_KEYS,\n  LAST_KEYS,\n  dropdownMenuProps,\n} from './dropdown'\nimport { useDropdown } from './useDropdown'\nimport { useGlobalConfig } from '../../config-provider'\n\nexport default defineComponent({\n  name: 'ElDropdownMenu',\n  props: dropdownMenuProps,\n  setup(props) {\n    const forEditor = useGlobalConfig('forEditor')\n\n    const ns = useNamespace('dropdown')\n    const { _elDropdownSize } = useDropdown()\n    const size = _elDropdownSize.value\n\n    if (forEditor.value) {\n      return {\n        size,\n        rovingFocusGroupRootStyle: undefined,\n        tabIndex: undefined,\n        dropdownKls: computed(() => {\n          return [ns.b('menu'), ns.bm('menu', size?.value)]\n        }),\n        role: undefined,\n        triggerId: undefined,\n        dropdownListWrapperRef: undefined,\n        handleKeydown: undefined,\n        onBlur: undefined,\n        onFocus: undefined,\n        onMousedown: undefined,\n      }\n    }\n\n    const { focusTrapRef, onKeydown } = inject(\n      FOCUS_TRAP_INJECTION_KEY,\n      undefined\n    )!\n\n    const { contentRef, role, triggerId } = inject(\n      DROPDOWN_INJECTION_KEY,\n      undefined\n    )!\n\n    const { collectionRef: dropdownCollectionRef, getItems } = inject(\n      DROPDOWN_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const {\n      rovingFocusGroupRef,\n      rovingFocusGroupRootStyle,\n      tabIndex,\n      onBlur,\n      onFocus,\n      onMousedown,\n    } = inject(ROVING_FOCUS_GROUP_INJECTION_KEY, undefined)!\n\n    const { collectionRef: rovingFocusGroupCollectionRef } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const dropdownKls = computed(() => {\n      return [ns.b('menu'), ns.bm('menu', size?.value)]\n    })\n\n    const dropdownListWrapperRef = composeRefs(\n      contentRef,\n      dropdownCollectionRef,\n      focusTrapRef,\n      rovingFocusGroupRef,\n      rovingFocusGroupCollectionRef\n    )\n\n    const composedKeydown = composeEventHandlers(\n      (e: KeyboardEvent) => {\n        props.onKeydown?.(e)\n      },\n      (e) => {\n        const { currentTarget, code, target } = e\n        const isKeydownContained = (currentTarget as Node).contains(\n          target as Node\n        )\n\n        if (isKeydownContained) {\n          // TODO: implement typeahead search\n        }\n\n        if (EVENT_CODE.tab === code) {\n          e.stopImmediatePropagation()\n        }\n\n        e.preventDefault()\n\n        if (target !== unref(contentRef)) return\n        if (!FIRST_LAST_KEYS.includes(code)) return\n        const items = getItems<{ disabled: boolean }>().filter(\n          (item) => !item.disabled\n        )\n        const targets = items.map((item) => item.ref!)\n        if (LAST_KEYS.includes(code)) {\n          targets.reverse()\n        }\n        focusFirst(targets)\n      }\n    )\n\n    const handleKeydown = (e: KeyboardEvent) => {\n      composedKeydown(e)\n      onKeydown(e)\n    }\n\n    return {\n      size,\n      rovingFocusGroupRootStyle,\n      tabIndex,\n      dropdownKls,\n      role,\n      triggerId,\n      dropdownListWrapperRef,\n      handleKeydown,\n      onBlur,\n      onFocus,\n      onMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","dropdownMenuProps","useGlobalConfig","useNamespace","useDropdown","computed","inject","FOCUS_TRAP_INJECTION_KEY","DROPDOWN_INJECTION_KEY","DROPDOWN_COLLECTION_INJECTION_KEY","ROVING_FOCUS_GROUP_INJECTION_KEY","ROVING_FOCUS_COLLECTION_INJECTION_KEY","composeRefs","composeEventHandlers","EVENT_CODE","unref","FIRST_LAST_KEYS","LAST_KEYS","focusFirst","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_withModifiers","_renderSlot"],"mappings":"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"}