ep-craft 0.1.39 → 0.1.41

package/dist/components/dropdown/index.js

@@ -1,26 +1,19 @@
-import { withInstall as p } from "../../utils/with-install.js";
-import e from "./src/dropdown.vue.js";
+import { withInstall as n } from "../../utils/with-install.js";
+import d from "./src/dropdown.vue.js";
 import t from "./src/dropdown-item.vue.js";
 import m from "./src/dropdown-menu.vue.js";
-import { FIRST_KEYS as I, FIRST_LAST_KEYS as S, LAST_KEYS as _, dropdownItemProps as u, dropdownMenuProps as f, dropdownProps as l } from "./src/dropdown.js";
-const r = p(t, "ep-dropdown-item"), d = p(m, "ep-dropdown-menu"), n = Object.assign(
-  p(e, "ep-dropdown"),
+const r = n(t, "ep-dropdown-item"), e = n(m, "ep-dropdown-menu"), p = Object.assign(
+  n(d, "ep-dropdown"),
   {
     DropdownItem: r,
-    DropdownMenu: d
+    DropdownMenu: e
   }
 );
-n.install = (o) => {
-  o.component("ep-dropdown", n), o.component("ep-dropdown-item", r), o.component("ep-dropdown-menu", d);
+p.install = (o) => {
+  o.component("ep-dropdown", p), o.component("ep-dropdown-item", r), o.component("ep-dropdown-menu", e);
 };
 export {
-  n as EpDropdown,
+  p as EpDropdown,
   r as EpDropdownItem,
-  d as EpDropdownMenu,
-  I as FIRST_KEYS,
-  S as FIRST_LAST_KEYS,
-  _ as LAST_KEYS,
-  u as dropdownItemProps,
-  f as dropdownMenuProps,
-  l as dropdownProps
+  e as EpDropdownMenu
 };

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

@@ -1,10 +1,10 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly command: import("../../../utils/index").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
+    readonly command: import("../../../utils/index.js").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
     readonly disabled: BooleanConstructor;
     readonly divided: BooleanConstructor;
     readonly textValue: StringConstructor;
     readonly icon: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -38,12 +38,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     handleKeydown: (event: KeyboardEvent) => void;
     handleMousedown: (e: Event) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove" | "clickimpl")[], "click" | "pointerleave" | "pointermove" | "clickimpl", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly command: import("../../../utils/index").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
+    readonly command: import("../../../utils/index.js").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
     readonly disabled: BooleanConstructor;
     readonly divided: BooleanConstructor;
     readonly textValue: StringConstructor;
     readonly icon: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -55,22 +55,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClickimpl?: ((...args: any[]) => any) | undefined;
 }>, {
     readonly disabled: boolean;
-    readonly command: import("../../../utils/index").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly command: import("../../../utils/index.js").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
     readonly divided: boolean;
 }, {}, {
-    ElIcon: import("../../../utils/index").SFCWithInstall<{
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../icon/index").IconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    ElIcon: import("../../../utils/index.js").SFCWithInstall<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../icon/index.js").IconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("../../icon/index").IconProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        }, Readonly<import("../../icon/index.js").IconProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("../../icon/index").IconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    } & import("vue").ComponentOptionsBase<Readonly<import("../../icon/index.js").IconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?: (props: {}) => any;
         };

package/dist/components/dropdown/src/dropdown-item-impl2.vue.js

@@ -1,37 +1,27 @@
 import { defineComponent as E, inject as e, computed as _ } from "vue";
-import "../../roving-focus-group/src/roving-focus-group2.vue.js";
-import "../../roving-focus-group/src/roving-focus-item.vue.js";
 import { ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as O } from "../../roving-focus-group/src/tokens.js";
-import { EVENT_CODE as t } from "../../../constants/aria.js";
-import "@vue/shared";
-import "lodash-unified";
+import { ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as N } from "../../roving-focus-group/src/roving-focus-group.js";
+import { COLLECTION_ITEM_SIGN as C } from "../../collection/src/collection.js";
+import { ElIcon as v } from "../../icon/index.js";
+import { useNamespace as T } from "../../../hooks/use-namespace/index.js";
 import "@vueuse/core";
-import { composeEventHandlers as N, getEventCode as C } from "../../../utils/dom/event.js";
-import "@element-plus/icons-vue";
-import { composeRefs as v } from "../../../utils/vue/refs.js";
-import { ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as T } from "../../roving-focus-group/src/roving-focus-group.js";
-import { COLLECTION_ITEM_SIGN as R } from "../../collection/src/collection.js";
-import { ElIcon as w } from "../../icon/index.js";
-import { useNamespace as K } from "../../../hooks/use-namespace/index.js";
+import { composeEventHandlers as R, getEventCode as w } from "../../../utils/dom/event.js";
+import { composeRefs as K } from "../../../utils/vue/refs.js";
 import "../../../hooks/use-size/index.js";
-import "@popperjs/core";
-import "../../../hooks/use-z-index/index.js";
-import "../../../hooks/use-delayed-toggle/index.js";
 import "../../../hooks/use-aria/index.js";
-import "../../../hooks/use-model-toggle/index.js";
-import "../../../hooks/use-empty-values/index.js";
+import { EVENT_CODE as t } from "../../../constants/aria.js";
 import { dropdownItemProps as L } from "./dropdown.js";
 import { DROPDOWN_INJECTION_KEY as g } from "./tokens.js";
-const $ = E({
+const j = E({
   name: "EpDropdownItemImpl",
   components: {
-    ElIcon: w
+    ElIcon: v
   },
   props: L,
   emits: ["pointermove", "pointerleave", "click", "clickimpl"],
-  setup(h, { emit: m }) {
-    const n = K("dropdown"), { role: r } = e(g, void 0), { collectionItemRef: i } = e(
-      T,
+  setup(h, { emit: r }) {
+    const m = T("dropdown"), { role: n } = e(g, void 0), { collectionItemRef: i } = e(
+      N,
       void 0
     ), {
       rovingFocusGroupItemRef: p,
@@ -39,21 +29,21 @@ const $ = E({
       handleFocus: c,
       handleKeydown: d,
       handleMousedown: l
-    } = e(O, void 0), I = v(
+    } = e(O, void 0), I = K(
       i,
       p
-    ), a = _(() => r.value === "menu" ? "menuitem" : r.value === "navigation" ? "link" : "button"), u = N((o) => {
-      const f = C(o);
+    ), a = _(() => n.value === "menu" ? "menuitem" : n.value === "navigation" ? "link" : "button"), u = R((o) => {
+      const f = w(o);
       if ([t.enter, t.numpadEnter, t.space].includes(
         f
       ))
-        return o.preventDefault(), o.stopImmediatePropagation(), m("clickimpl", o), !0;
+        return o.preventDefault(), o.stopImmediatePropagation(), r("clickimpl", o), !0;
     }, d);
     return {
-      ns: n,
+      ns: m,
       itemRef: I,
       dataset: {
-        [R]: ""
+        [C]: ""
       },
       role: a,
       tabIndex: s,
@@ -64,5 +54,5 @@ const $ = E({
   }
 });
 export {
-  $ as default
+  j as default
 };

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

@@ -1,10 +1,10 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly command: import("../../../utils/index").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
+    readonly command: import("../../../utils/index.js").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
     readonly disabled: BooleanConstructor;
     readonly divided: BooleanConstructor;
     readonly textValue: StringConstructor;
     readonly icon: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -17,21 +17,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         class?: import("vue").ClassValue;
         style?: import("vue").StyleValue;
         disabled: boolean;
-        command: import("../../../utils/index").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+        command: import("../../../utils/index.js").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
         divided: boolean;
-        icon: import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown> | undefined;
+        icon: import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown> | undefined;
         textValue: string | undefined;
         onClick: ((...args: any[]) => any) | undefined;
         onPointerleave: ((...args: any[]) => any) | undefined;
         onPointermove: ((...args: any[]) => any) | undefined;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly command: import("../../../utils/index").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
+    readonly command: import("../../../utils/index.js").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
     readonly disabled: BooleanConstructor;
     readonly divided: BooleanConstructor;
     readonly textValue: StringConstructor;
     readonly icon: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onPointermove?: ((...args: any[]) => any) | undefined;
 }>, {
     readonly disabled: boolean;
-    readonly command: import("../../../utils/index").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly command: import("../../../utils/index.js").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
     readonly divided: boolean;
 }, {}, {
     ElRovingFocusItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -88,12 +88,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     ElDropdownItemImpl: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        readonly command: import("../../../utils/index").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
+        readonly command: import("../../../utils/index.js").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
         readonly disabled: BooleanConstructor;
         readonly divided: BooleanConstructor;
         readonly textValue: StringConstructor;
         readonly icon: {
-            readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
+            readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -127,12 +127,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         handleKeydown: (event: KeyboardEvent) => void;
         handleMousedown: (e: Event) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove" | "clickimpl")[], "click" | "pointerleave" | "pointermove" | "clickimpl", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly command: import("../../../utils/index").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
+        readonly command: import("../../../utils/index.js").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
         readonly disabled: BooleanConstructor;
         readonly divided: BooleanConstructor;
         readonly textValue: StringConstructor;
         readonly icon: {
-            readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
+            readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -144,10 +144,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClickimpl?: ((...args: any[]) => any) | undefined;
     }>, {
         readonly disabled: boolean;
-        readonly command: import("../../../utils/index").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly command: import("../../../utils/index.js").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
         readonly divided: boolean;
     }, {}, {
-        ElIcon: import("../../../utils/index").SFCWithInstall<{
+        ElIcon: import("../../../utils/index.js").SFCWithInstall<{
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../icon/index.js").IconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};

package/dist/components/dropdown/src/dropdown-item2.vue.js

@@ -1,17 +1,11 @@
 import { defineComponent as E, getCurrentInstance as P, inject as h, computed as k } from "vue";
-import "../../roving-focus-group/src/roving-focus-group2.vue.js";
-import C from "../../roving-focus-group/src/roving-focus-item2.vue.js";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
+import C from "../../roving-focus-group/src/roving-focus-item.vue.js";
 import { composeEventHandlers as i, whenMouse as d } from "../../../utils/dom/event.js";
-import "@element-plus/icons-vue";
-import "../../roving-focus-group/src/roving-focus-group.js";
 import _ from "./dropdown-item-impl.vue.js";
 import { useDropdown as O } from "./useDropdown.js";
 import { dropdownItemProps as b } from "./dropdown.js";
 import { DROPDOWN_INJECTION_KEY as g } from "./tokens.js";
-const K = E({
+const T = E({
   name: "EpDropdownItem",
   components: {
     ElRovingFocusItem: C,
@@ -21,10 +15,10 @@ const K = E({
   props: b,
   emits: ["pointermove", "pointerleave", "click"],
   setup(o, { emit: r, attrs: s }) {
-    const { elDropdown: t } = O(), l = P(), { onItemEnter: p, onItemLeave: m } = h(
+    const { elDropdown: t } = O(), l = P(), { onItemEnter: u, onItemLeave: m } = h(
       g,
       void 0
-    ), u = i(
+    ), f = i(
       (e) => (r("pointermove", e), e.defaultPrevented),
       d((e) => {
         if (o.disabled) {
@@ -32,11 +26,11 @@ const K = E({
           return;
         }
         const n = e.currentTarget;
-        n === document.activeElement || n.contains(document.activeElement) || (p(e), e.defaultPrevented || n == null || n.focus({
+        n === document.activeElement || n.contains(document.activeElement) || (u(e), e.defaultPrevented || n == null || n.focus({
           preventScroll: !0
         }));
       })
-    ), f = i((e) => (r("pointerleave", e), e.defaultPrevented), d(m)), v = i(
+    ), p = i((e) => (r("pointerleave", e), e.defaultPrevented), d(m)), v = i(
       (e) => {
         if (!o.disabled)
           return r("click", e), e.type !== "keydown" && e.defaultPrevented;
@@ -52,12 +46,12 @@ const K = E({
     ), I = k(() => ({ ...o, ...s }));
     return {
       handleClick: v,
-      handlePointerMove: u,
-      handlePointerLeave: f,
+      handlePointerMove: f,
+      handlePointerLeave: p,
       propsAndAttrs: I
     };
   }
 });
 export {
-  K as default
+  T as default
 };

package/dist/components/dropdown/src/dropdown-menu2.vue.js

@@ -1,52 +1,42 @@
-import { defineComponent as K, inject as e, computed as T } from "vue";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
+import { defineComponent as K, inject as t, computed as T } from "vue";
 import { composeEventHandlers as F, getEventCode as D } from "../../../utils/dom/event.js";
-import "@element-plus/icons-vue";
 import { composeRefs as G } from "../../../utils/vue/refs.js";
 import { EVENT_CODE as y } from "../../../constants/aria.js";
-import "../../roving-focus-group/src/roving-focus-group2.vue.js";
-import "../../roving-focus-group/src/roving-focus-item.vue.js";
 import { ROVING_FOCUS_GROUP_INJECTION_KEY as L } from "../../roving-focus-group/src/tokens.js";
 import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as b } from "../../roving-focus-group/src/roving-focus-group.js";
 import { useNamespace as J } from "../../../hooks/use-namespace/index.js";
+import "@vueuse/core";
 import "../../../hooks/use-size/index.js";
-import "@popperjs/core";
-import "../../../hooks/use-z-index/index.js";
-import "../../../hooks/use-delayed-toggle/index.js";
 import "../../../hooks/use-aria/index.js";
-import "../../../hooks/use-model-toggle/index.js";
-import "../../../hooks/use-empty-values/index.js";
 import { DROPDOWN_INJECTION_KEY as S } from "./tokens.js";
 import { dropdownMenuProps as U } from "./dropdown.js";
 import { useDropdown as Y } from "./useDropdown.js";
-const io = K({
+const Q = K({
   name: "EpDropdownMenu",
   props: U,
-  setup(n) {
-    const m = J("dropdown"), { _elDropdownSize: i } = Y(), r = i.value, { contentRef: p, role: s, triggerId: c, isUsingKeyboard: d, handleClose: u } = e(S, void 0), {
+  setup(r) {
+    const m = J("dropdown"), { _elDropdownSize: s } = Y(), n = s.value, { contentRef: c, role: i, triggerId: d, isUsingKeyboard: p, handleClose: u } = t(S, void 0), {
       rovingFocusGroupRef: f,
       rovingFocusGroupRootStyle: a,
       onBlur: l,
       onFocus: E,
       onKeydown: O,
       onMousedown: _
-    } = e(L, void 0), { collectionRef: C } = e(
+    } = t(L, void 0), { collectionRef: C } = t(
       b,
       void 0
-    ), N = T(() => [m.b("menu"), m.bm("menu", r == null ? void 0 : r.value)]), I = G(
-      p,
+    ), N = T(() => [m.b("menu"), m.bm("menu", n == null ? void 0 : n.value)]), I = G(
+      c,
       f,
       C
     ), v = F(
       (o) => {
-        var t;
-        (t = n.onKeydown) == null || t.call(n, o);
+        var e;
+        (e = r.onKeydown) == null || e.call(r, o);
       },
       (o) => {
-        const { currentTarget: t, target: R } = o, g = D(o);
-        if (t.contains(
+        const { currentTarget: e, target: R } = o, g = D(o);
+        if (e.contains(
           R
         ), y.tab === g)
           return u();
@@ -54,14 +44,14 @@ const io = K({
       }
     );
     function w(o) {
-      d.value && E(o);
+      p.value && E(o);
     }
     return {
-      size: r,
+      size: n,
       rovingFocusGroupRootStyle: a,
       dropdownKls: N,
-      role: s,
-      triggerId: c,
+      role: i,
+      triggerId: d,
       dropdownListWrapperRef: I,
       handleKeydown: v,
       onBlur: l,
@@ -71,5 +61,5 @@ const io = K({
   }
 });
 export {
-  io as default
+  Q as default
 };

package/dist/components/dropdown/src/dropdown.d.ts

@@ -1,8 +1,8 @@
-import type { Placement } from '../../popper/index';
+import type { Placement } from '../../popper/index.js';
 import type { Options } from '@popperjs/core';
-import type { ButtonProps, ButtonType } from '../../button/index';
+import type { ButtonProps, ButtonType } from '../../button/index.js';
 import type { ComponentInternalInstance, ComputedRef } from 'vue';
-import type { Arrayable, Nullable } from '../../../utils/index';
+import type { Arrayable, Nullable } from '../../../utils/index.js';
 export interface IElDropdownInstance {
     instance?: ComponentInternalInstance;
     dropdownSize?: ComputedRef<string>;
@@ -22,41 +22,41 @@ export declare const dropdownProps: {
         readonly __epPropKey: true;
         readonly default: "hover";
     };
-    readonly triggerKeys: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
+    readonly triggerKeys: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
     readonly virtualTriggering: BooleanConstructor;
     readonly virtualRef: {
-        readonly type: import("vue").PropType<import("../../popper/index").Measurable>;
+        readonly type: import("vue").PropType<import("../../popper/index.js").Measurable>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly effect: {
         readonly default: "light";
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => string) | (() => import("../../popper/index").PopperEffect) | (((new (...args: any[]) => string) | (() => import("../../popper/index").PopperEffect)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string) | (() => import("../../popper/index.js").PopperEffect) | (((new (...args: any[]) => string) | (() => import("../../popper/index.js").PopperEffect)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __epPropKey: true;
     };
     readonly type: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (() => ButtonType) | (((new (...args: any[]) => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (() => ButtonType)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (() => ButtonType) | (((new (...args: any[]) => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (() => ButtonType)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly placement: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown, "bottom", boolean>;
-    readonly popperOptions: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
+    readonly placement: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown, "bottom", boolean>;
+    readonly popperOptions: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
     readonly id: StringConstructor;
-    readonly size: import("../../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly size: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly splitButton: BooleanConstructor;
-    readonly hideOnClick: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly loop: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly showArrow: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly showTimeout: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-    readonly hideTimeout: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-    readonly tabindex: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
-    readonly maxHeight: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, "", boolean>;
+    readonly hideOnClick: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly loop: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showArrow: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showTimeout: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    readonly hideTimeout: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    readonly tabindex: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
+    readonly maxHeight: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, "", boolean>;
     readonly popperClass: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => string | {
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string | {
             [x: string]: boolean;
         } | (string | {
             [x: string]: boolean;
@@ -157,31 +157,31 @@ export declare const dropdownProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly popperStyle: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly popperStyle: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
     readonly disabled: BooleanConstructor;
-    readonly role: import("../../../utils/index").EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree" | "group" | "navigation", unknown, "menu", boolean>;
+    readonly role: import("../../../utils/index.js").EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree" | "group" | "navigation", unknown, "menu", boolean>;
     readonly buttonProps: {
         readonly type: import("vue").PropType<Partial<ButtonProps>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly teleported: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly teleported: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly appendTo: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly persistent: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly persistent: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
 export declare const dropdownItemProps: {
-    readonly command: import("../../../utils/index").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
+    readonly command: import("../../../utils/index.js").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
     readonly disabled: BooleanConstructor;
     readonly divided: BooleanConstructor;
     readonly textValue: StringConstructor;
     readonly icon: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/dist/components/dropdown/src/dropdown.js

@@ -1,16 +1,10 @@
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import { EVENT_CODE as e } from "../../../constants/aria.js";
-import { iconPropType as i } from "../../../utils/vue/icon.js";
-import "vue";
+import { iconPropType as n } from "../../../utils/vue/icon.js";
 import { buildProps as p, definePropType as t } from "../../../utils/vue/props/runtime.js";
-import "../../tooltip/index.js";
-import "../../popper/index.js";
+import { EVENT_CODE as e } from "../../../constants/aria.js";
 import { useTooltipContentProps as o } from "../../tooltip/src/content.js";
-import { roleTypes as n } from "../../popper/src/popper.js";
 import { useTooltipTriggerProps as r } from "../../tooltip/src/trigger.js";
-const B = p({
+import { roleTypes as i } from "../../popper/src/popper.js";
+const m = p({
   /**
    * @description how to trigger
    */
@@ -140,7 +134,7 @@ const B = p({
    */
   role: {
     type: String,
-    values: n,
+    values: i,
     default: "menu"
   },
   buttonProps: {
@@ -161,7 +155,7 @@ const B = p({
     type: Boolean,
     default: !0
   }
-}), P = p({
+}), S = p({
   /**
    * @description a command to be dispatched to Dropdown's `command` callback
    */
@@ -182,20 +176,20 @@ const B = p({
    * @description custom icon
    */
   icon: {
-    type: i
+    type: n
   }
-}), h = p({
+}), c = p({
   onKeydown: { type: t(Function) }
 }), l = [
   e.down,
   e.pageDown,
   e.home
-], a = [e.up, e.pageUp, e.end], E = [...l, ...a];
+], a = [e.up, e.pageUp, e.end], T = [...l, ...a];
 export {
   l as FIRST_KEYS,
-  E as FIRST_LAST_KEYS,
+  T as FIRST_LAST_KEYS,
   a as LAST_KEYS,
-  P as dropdownItemProps,
-  h as dropdownMenuProps,
-  B as dropdownProps
+  S as dropdownItemProps,
+  c as dropdownMenuProps,
+  m as dropdownProps
 };