ep-craft 0.1.39 → 0.1.40

package/dist/components/mention/EpMention.vue.d.ts

@@ -1,8 +1,8 @@
 import { nextTick } from 'vue';
-import type { MentionProps } from './mention';
+import type { MentionProps } from './mention.js';
 import type { CSSProperties } from 'vue';
-import type { TooltipInstance } from '../tooltip/index';
-import type { MentionOption } from './types';
+import type { TooltipInstance } from '../tooltip/index.js';
+import type { MentionOption } from './types.js';
 declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -19,15 +19,15 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
             $data: {};
             $props: {
                 readonly id?: string | undefined;
-                readonly size?: import("../../constants/index").ComponentSize | undefined;
+                readonly size?: import("../../constants/index.js").ComponentSize | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly modelValue?: string | number | null | undefined | undefined;
-                readonly modelModifiers?: import("../input/index").InputModelModifiers | undefined;
+                readonly modelModifiers?: import("../input/index.js").InputModelModifiers | undefined;
                 readonly maxlength?: string | number | undefined;
                 readonly minlength?: string | number | undefined;
-                readonly type?: import("../input/index").InputType | undefined;
+                readonly type?: import("../input/index.js").InputType | undefined;
                 readonly resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
-                readonly autosize?: import("../input/index").InputAutoSize | undefined;
+                readonly autosize?: import("../input/index.js").InputAutoSize | undefined;
                 readonly autocomplete?: string | undefined;
                 readonly formatter?: ((value: string) => string) | undefined;
                 readonly parser?: ((value: string) => string) | undefined;
@@ -35,12 +35,12 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
                 readonly form?: string | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly clearable?: boolean | undefined;
-                readonly clearIcon?: import("../../utils/index").IconPropType | undefined;
+                readonly clearIcon?: import("../../utils/index.js").IconPropType | undefined;
                 readonly showPassword?: boolean | undefined;
                 readonly showWordLimit?: boolean | undefined;
                 readonly wordLimitPosition?: "inside" | "outside" | undefined;
-                readonly suffixIcon?: import("../../utils/index").IconPropType | undefined;
-                readonly prefixIcon?: import("../../utils/index").IconPropType | undefined;
+                readonly suffixIcon?: import("../../utils/index.js").IconPropType | undefined;
+                readonly prefixIcon?: import("../../utils/index.js").IconPropType | undefined;
                 readonly containerRole?: string | undefined;
                 readonly tabindex?: string | number | undefined;
                 readonly validateEvent?: boolean | undefined;
@@ -77,7 +77,7 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
             $host: Element | null;
             $emit: ((event: "clear", evt: MouseEvent | undefined) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string, evt?: Event | undefined) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
             $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("../input/index").InputProps> & Readonly<{
+            $options: import("vue").ComponentOptionsBase<Readonly<import("../input/index.js").InputProps> & Readonly<{
                 onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
@@ -95,7 +95,7 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
                 textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
                 ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
                 textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
-                autosize: import("vue").Ref<import("../input/index").InputAutoSize | undefined, import("../input/index").InputAutoSize | undefined>;
+                autosize: import("vue").Ref<import("../input/index.js").InputAutoSize | undefined, import("../input/index.js").InputAutoSize | undefined>;
                 isComposing: import("vue").Ref<boolean, boolean>;
                 passwordVisible: import("vue").Ref<boolean, boolean>;
                 focus: () => void | undefined;
@@ -119,11 +119,11 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
             }, string, {
                 disabled: boolean;
                 tabindex: string | number;
-                type: import("../input/index").InputType;
+                type: import("../input/index.js").InputType;
                 modelValue: string | number | null;
-                modelModifiers: import("../input/index").InputModelModifiers;
+                modelModifiers: import("../input/index.js").InputModelModifiers;
                 autocomplete: string;
-                clearIcon: import("../../utils/index").IconPropType;
+                clearIcon: import("../../utils/index.js").IconPropType;
                 wordLimitPosition: "inside" | "outside";
                 validateEvent: boolean;
                 inputStyle: string | false | CSSProperties | import("vue").StyleValue[] | null;
@@ -151,16 +151,16 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
         } & Readonly<{
             disabled: boolean;
             tabindex: string | number;
-            type: import("../input/index").InputType;
+            type: import("../input/index.js").InputType;
             modelValue: string | number | null;
-            modelModifiers: import("../input/index").InputModelModifiers;
+            modelModifiers: import("../input/index.js").InputModelModifiers;
             autocomplete: string;
-            clearIcon: import("../../utils/index").IconPropType;
+            clearIcon: import("../../utils/index.js").IconPropType;
             wordLimitPosition: "inside" | "outside";
             validateEvent: boolean;
             inputStyle: string | false | CSSProperties | import("vue").StyleValue[] | null;
             rows: number;
-        }> & Omit<Readonly<import("../input/index").InputProps> & Readonly<{
+        }> & Omit<Readonly<import("../input/index.js").InputProps> & Readonly<{
             onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
@@ -178,7 +178,7 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
             textarea: HTMLTextAreaElement | undefined;
             ref: HTMLInputElement | HTMLTextAreaElement | undefined;
             textareaStyle: import("vue").StyleValue;
-            autosize: import("../input/index").InputAutoSize | undefined;
+            autosize: import("../input/index.js").InputAutoSize | undefined;
             isComposing: boolean;
             passwordVisible: boolean;
             focus: () => void | undefined;
@@ -207,15 +207,15 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
             $data: {};
             $props: {
                 readonly id?: string | undefined;
-                readonly size?: import("../../constants/index").ComponentSize | undefined;
+                readonly size?: import("../../constants/index.js").ComponentSize | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly modelValue?: string | number | null | undefined | undefined;
-                readonly modelModifiers?: import("../input/index").InputModelModifiers | undefined;
+                readonly modelModifiers?: import("../input/index.js").InputModelModifiers | undefined;
                 readonly maxlength?: string | number | undefined;
                 readonly minlength?: string | number | undefined;
-                readonly type?: import("../input/index").InputType | undefined;
+                readonly type?: import("../input/index.js").InputType | undefined;
                 readonly resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
-                readonly autosize?: import("../input/index").InputAutoSize | undefined;
+                readonly autosize?: import("../input/index.js").InputAutoSize | undefined;
                 readonly autocomplete?: string | undefined;
                 readonly formatter?: ((value: string) => string) | undefined;
                 readonly parser?: ((value: string) => string) | undefined;
@@ -223,12 +223,12 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
                 readonly form?: string | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly clearable?: boolean | undefined;
-                readonly clearIcon?: import("../../utils/index").IconPropType | undefined;
+                readonly clearIcon?: import("../../utils/index.js").IconPropType | undefined;
                 readonly showPassword?: boolean | undefined;
                 readonly showWordLimit?: boolean | undefined;
                 readonly wordLimitPosition?: "inside" | "outside" | undefined;
-                readonly suffixIcon?: import("../../utils/index").IconPropType | undefined;
-                readonly prefixIcon?: import("../../utils/index").IconPropType | undefined;
+                readonly suffixIcon?: import("../../utils/index.js").IconPropType | undefined;
+                readonly prefixIcon?: import("../../utils/index.js").IconPropType | undefined;
                 readonly containerRole?: string | undefined;
                 readonly tabindex?: string | number | undefined;
                 readonly validateEvent?: boolean | undefined;
@@ -265,7 +265,7 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
             $host: Element | null;
             $emit: ((event: "clear", evt: MouseEvent | undefined) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string, evt?: Event | undefined) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
             $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("../input/index").InputProps> & Readonly<{
+            $options: import("vue").ComponentOptionsBase<Readonly<import("../input/index.js").InputProps> & Readonly<{
                 onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
@@ -283,7 +283,7 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
                 textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
                 ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
                 textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
-                autosize: import("vue").Ref<import("../input/index").InputAutoSize | undefined, import("../input/index").InputAutoSize | undefined>;
+                autosize: import("vue").Ref<import("../input/index.js").InputAutoSize | undefined, import("../input/index.js").InputAutoSize | undefined>;
                 isComposing: import("vue").Ref<boolean, boolean>;
                 passwordVisible: import("vue").Ref<boolean, boolean>;
                 focus: () => void | undefined;
@@ -307,11 +307,11 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
             }, string, {
                 disabled: boolean;
                 tabindex: string | number;
-                type: import("../input/index").InputType;
+                type: import("../input/index.js").InputType;
                 modelValue: string | number | null;
-                modelModifiers: import("../input/index").InputModelModifiers;
+                modelModifiers: import("../input/index.js").InputModelModifiers;
                 autocomplete: string;
-                clearIcon: import("../../utils/index").IconPropType;
+                clearIcon: import("../../utils/index.js").IconPropType;
                 wordLimitPosition: "inside" | "outside";
                 validateEvent: boolean;
                 inputStyle: string | false | CSSProperties | import("vue").StyleValue[] | null;
@@ -339,16 +339,16 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
         } & Readonly<{
             disabled: boolean;
             tabindex: string | number;
-            type: import("../input/index").InputType;
+            type: import("../input/index.js").InputType;
             modelValue: string | number | null;
-            modelModifiers: import("../input/index").InputModelModifiers;
+            modelModifiers: import("../input/index.js").InputModelModifiers;
             autocomplete: string;
-            clearIcon: import("../../utils/index").IconPropType;
+            clearIcon: import("../../utils/index.js").IconPropType;
             wordLimitPosition: "inside" | "outside";
             validateEvent: boolean;
             inputStyle: string | false | CSSProperties | import("vue").StyleValue[] | null;
             rows: number;
-        }> & Omit<Readonly<import("../input/index").InputProps> & Readonly<{
+        }> & Omit<Readonly<import("../input/index.js").InputProps> & Readonly<{
             onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
@@ -366,7 +366,7 @@ declare const _default: <T extends MentionOption = MentionOption>(__VLS_props: N
             textarea: HTMLTextAreaElement | undefined;
             ref: HTMLInputElement | HTMLTextAreaElement | undefined;
             textareaStyle: import("vue").StyleValue;
-            autosize: import("../input/index").InputAutoSize | undefined;
+            autosize: import("../input/index.js").InputAutoSize | undefined;
             isComposing: boolean;
             passwordVisible: boolean;
             focus: () => void | undefined;

package/dist/components/mention/EpMention.vue.js

@@ -1,30 +1,22 @@
 import { defineComponent as fe, computed as f, ref as h, nextTick as R, openBlock as de, createElementBlock as me, normalizeClass as ve, unref as d, createVNode as V, mergeProps as U, createSlots as G, renderList as H, withCtx as C, renderSlot as q, normalizeProps as J, guardReactiveProps as Q, withModifiers as be, createElementVNode as he, normalizeStyle as ye, mergeDefaults as we } from "vue";
 import { pick as ge } from "lodash-unified";
 import { useNamespace as Ee } from "../../hooks/use-namespace/index.js";
-import { isArray as xe, isFunction as Ie } from "@vue/shared";
-import "@vueuse/core";
-import { getEventCode as ke } from "../../utils/dom/event.js";
-import "@element-plus/icons-vue";
-import { EVENT_CODE as u } from "../../constants/aria.js";
-import { UPDATE_MODEL_EVENT as A, INPUT_EVENT as F } from "../../constants/event.js";
-import { useId as Oe } from "../../hooks/use-id/index.js";
+import { useId as xe } from "../../hooks/use-id/index.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 { useFocusController as Be } from "../../hooks/use-focus-controller/index.js";
+import { useFocusController as Ie } from "../../hooks/use-focus-controller/index.js";
 import { EpInput as X } from "../input/index.js";
-import { EpTooltip as Ce } from "../tooltip/index.js";
-import "../form/index.js";
-import { mentionEmits as Pe, mentionDefaultProps as Y } from "./mention.js";
-import { getCursorPosition as Se, getMentionCtx as $e, filterOption as De } from "./helper.js";
-import Re from "./EpMentionDropdown.vue.js";
-import { useFormDisabled as Ve } from "../form/src/hooks/use-form-common-props.js";
-import { inputPropsDefaults as Ae } from "../input/input.js";
-const st = /* @__PURE__ */ fe({
+import { EpTooltip as ke } from "../tooltip/index.js";
+import { EVENT_CODE as u } from "../../constants/aria.js";
+import { UPDATE_MODEL_EVENT as A, INPUT_EVENT as F } from "../../constants/event.js";
+import { getEventCode as Oe } from "../../utils/dom/event.js";
+import { mentionEmits as Be, mentionDefaultProps as Y } from "./mention.js";
+import { getCursorPosition as Ce, getMentionCtx as Pe, filterOption as Se } from "./helper.js";
+import $e from "./EpMentionDropdown.vue.js";
+import { useFormDisabled as De } from "../form/src/hooks/use-form-common-props.js";
+import { inputPropsDefaults as Re } from "../input/input.js";
+import { isArray as Ve, isFunction as Ae } from "@vue/shared";
+const et = /* @__PURE__ */ fe({
   name: "EpMention",
   inheritAttrs: !1,
   __name: "EpMention",
@@ -78,22 +70,22 @@ const st = /* @__PURE__ */ fe({
     countGraphemes: { type: Function },
     floatLabel: { type: Boolean }
   }, {
-    ...Ae,
+    ...Re,
     options: () => [],
     prefix: "@",
     split: " ",
-    filterOption: () => De,
+    filterOption: () => Se,
     placement: "bottom",
     offset: 0,
     popperOptions: () => ({}),
     props: () => Y
   }),
-  emits: Pe,
+  emits: Be,
   setup(r, { expose: Z, emit: _ }) {
-    const o = r, s = _, ee = f(() => {
-      const e = X.props ?? [], t = xe(e) ? e : Object.keys(e);
+    const o = r, i = _, ee = f(() => {
+      const e = X.props ?? [], t = Ve(e) ? e : Object.keys(e);
       return ge(o, t);
-    }), M = Ee("mention"), P = Ve(), S = Oe(), m = h(), E = h(), y = h(), i = h(!1), L = h(), a = h(), te = f(
+    }), M = Ee("mention"), P = De(), S = xe(), m = h(), E = h(), y = h(), s = h(!1), L = h(), a = h(), te = f(
       () => o.showArrow ? o.placement : `${o.placement}-start`
     ), oe = f(
       () => o.showArrow ? ["bottom", "top"] : ["bottom-start", "top-start"]
@@ -112,15 +104,15 @@ const st = /* @__PURE__ */ fe({
       return !a.value || !e ? $.value : $.value.filter(
         (t) => e(a.value.pattern, t)
       );
-    }), c = f(() => i.value && (!!T.value.length || o.loading)), ae = f(() => {
+    }), c = f(() => s.value && (!!T.value.length || o.loading)), ae = f(() => {
       var e;
       return `${S.value}-${(e = y.value) == null ? void 0 : e.hoveringIndex}`;
     }), le = (e) => {
-      s(A, e), s(F, e), w();
+      i(A, e), i(F, e), w();
     }, re = (e) => {
       var l, n, p, g;
       if ((l = m.value) != null && l.isComposing) return;
-      const t = ke(e);
+      const t = Oe(e);
       switch (t) {
         case u.left:
         case u.right:
@@ -128,32 +120,32 @@ const st = /* @__PURE__ */ fe({
           break;
         case u.up:
         case u.down:
-          if (!i.value) return;
+          if (!s.value) return;
           e.preventDefault(), (n = y.value) == null || n.navigateOptions(
             t === u.up ? "prev" : "next"
           );
           break;
         case u.enter:
         case u.numpadEnter:
-          if (!i.value) {
+          if (!s.value) {
             o.type !== "textarea" && w();
             return;
           }
-          e.preventDefault(), (p = y.value) != null && p.hoverOption ? (g = y.value) == null || g.selectHoverOption() : i.value = !1;
+          e.preventDefault(), (p = y.value) != null && p.hoverOption ? (g = y.value) == null || g.selectHoverOption() : s.value = !1;
           break;
         case u.esc:
-          if (!i.value) return;
-          e.preventDefault(), i.value = !1;
+          if (!s.value) return;
+          e.preventDefault(), s.value = !1;
           break;
         case u.backspace:
           if (o.whole && a.value) {
             const { splitIndex: v, selectionEnd: k, pattern: b, prefixIndex: W, prefix: z } = a.value, O = I();
             if (!O) return;
             const j = O.value, ce = $.value.find((B) => B.value === b);
-            if ((Ie(o.checkIsWhole) ? o.checkIsWhole(b, z) : ce) && v !== -1 && v + 1 === k) {
+            if ((Ae(o.checkIsWhole) ? o.checkIsWhole(b, z) : ce) && v !== -1 && v + 1 === k) {
               e.preventDefault();
               const B = j.slice(0, W) + j.slice(v + 1);
-              s(A, B), s(F, B), s("whole-remove", b, z);
+              i(A, B), i(F, B), i("whole-remove", b, z);
               const K = W;
               R(() => {
                 O.selectionStart = K, O.selectionEnd = K, D();
@@ -161,7 +153,7 @@ const st = /* @__PURE__ */ fe({
             }
           }
       }
-    }, { wrapperRef: N } = Be(m, {
+    }, { wrapperRef: N } = Ie(m, {
       disabled: P,
       afterFocus() {
         w();
@@ -171,16 +163,16 @@ const st = /* @__PURE__ */ fe({
         return (t = E.value) == null ? void 0 : t.isFocusInsideContent(e);
       },
       afterBlur() {
-        i.value = !1;
+        s.value = !1;
       }
-    }), ie = () => {
+    }), se = () => {
       w();
-    }, se = (e) => o.options.find((t) => e.value === t[x.value.value]), pe = (e) => {
+    }, ie = (e) => o.options.find((t) => e.value === t[x.value.value]), pe = (e) => {
       if (!a.value) return;
       const t = I();
       if (!t) return;
       const l = t.value, { split: n } = o, p = l.slice(a.value.end), g = p.startsWith(n), v = `${e.value}${g ? "" : n}`, k = l.slice(0, a.value.start) + v + p;
-      s(A, k), s(F, k), s("select", se(e), a.value.prefix);
+      i(A, k), i(F, k), i("select", ie(e), a.value.prefix);
       const b = a.value.start + v.length + (g ? 1 : 0);
       R(() => {
         t.selectionStart = b, t.selectionEnd = b, t.focus(), D();
@@ -198,7 +190,7 @@ const st = /* @__PURE__ */ fe({
     }, ue = () => {
       const e = I();
       if (!e) return;
-      const t = Se(e), l = e.getBoundingClientRect(), n = N.value.getBoundingClientRect();
+      const t = Ce(e), l = e.getBoundingClientRect(), n = N.value.getBoundingClientRect();
       L.value = {
         position: "absolute",
         width: 0,
@@ -209,15 +201,15 @@ const st = /* @__PURE__ */ fe({
     }, D = () => {
       const e = I();
       if (document.activeElement !== e) {
-        i.value = !1;
+        s.value = !1;
         return;
       }
       const { prefix: t, split: l } = o;
-      if (a.value = $e(e, t, l), a.value && a.value.splitIndex === -1) {
-        i.value = !0, s("search", a.value.pattern, a.value.prefix);
+      if (a.value = Pe(e, t, l), a.value && a.value.splitIndex === -1) {
+        s.value = !0, i("search", a.value.pattern, a.value.prefix);
         return;
       }
-      i.value = !1;
+      s.value = !1;
     };
     return Z({
       input: m,
@@ -242,7 +234,7 @@ const st = /* @__PURE__ */ fe({
         "aria-haspopup": c.value ? "listbox" : void 0,
         onInput: le,
         onKeydown: re,
-        onMousedown: ie
+        onMousedown: se
       }), G({ _: 2 }, [
         H(e.$slots, (l, n) => ({
           name: n,
@@ -251,7 +243,7 @@ const st = /* @__PURE__ */ fe({
           ])
         }))
       ]), 1040, ["model-value", "disabled", "role", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label", "aria-autocomplete", "aria-haspopup"]),
-      V(d(Ce), {
+      V(d(ke), {
         ref_key: "tooltipRef",
         ref: E,
         visible: c.value,
@@ -271,7 +263,7 @@ const st = /* @__PURE__ */ fe({
           }, null, 4)
         ]),
         content: C(() => [
-          V(Re, {
+          V($e, {
             ref_key: "dropdownRef",
             ref: y,
             options: T.value,
@@ -299,5 +291,5 @@ const st = /* @__PURE__ */ fe({
   }
 });
 export {
-  st as default
+  et as default
 };

package/dist/components/mention/EpMentionDropdown.vue.d.ts

@@ -1,5 +1,5 @@
-import type { MentionDropdownProps } from './mention-dropdown';
-import type { MentionOption } from './types';
+import type { MentionDropdownProps } from './mention-dropdown.js';
+import type { MentionOption } from './types.js';
 declare var __VLS_1: {}, __VLS_9: {
     item: MentionOption;
     index: number;

package/dist/components/mention/EpMentionDropdown.vue.js

@@ -1,21 +1,13 @@
-import { defineComponent as T, ref as b, computed as D, watch as q, openBlock as d, createElementBlock as c, normalizeClass as p, unref as s, renderSlot as w, createCommentVNode as h, withDirectives as z, createVNode as A, withCtx as F, Fragment as j, renderList as G, withModifiers as J, createElementVNode as K, toDisplayString as M, vShow as P, createTextVNode as Q, nextTick as U } from "vue";
+import { defineComponent as T, ref as m, computed as D, watch as q, openBlock as d, createElementBlock as c, normalizeClass as u, unref as r, renderSlot as w, createCommentVNode as h, withDirectives as z, createVNode as A, withCtx as F, Fragment as j, renderList as G, withModifiers as J, createElementVNode as K, toDisplayString as M, vShow as P, createTextVNode as Q, nextTick as U } from "vue";
 import { useNamespace as W } from "../../hooks/use-namespace/index.js";
-import "@vue/shared";
-import "lodash-unified";
+import { useLocale as X } from "../../hooks/use-locale/index.js";
 import "@vueuse/core";
-import { scrollIntoView as X } from "../../utils/dom/scroll.js";
-import "@element-plus/icons-vue";
-import { useLocale as Y } from "../../hooks/use-locale/index.js";
+import { scrollIntoView as Y } from "../../utils/dom/scroll.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 { EpScrollbar as Z } from "../scrollbar/index.js";
 import { mentionDropdownEmits as _ } from "./mention-dropdown.js";
-const ee = ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"], ge = /* @__PURE__ */ T({
+const ee = ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"], ue = /* @__PURE__ */ T({
   name: "EpMentionDropdown",
   __name: "EpMentionDropdown",
   props: {
@@ -27,9 +19,9 @@ const ee = ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"], g
   },
   emits: _,
   setup(a, { expose: R, emit: N }) {
-    const t = a, g = N, l = W("mention"), { t: V } = Y(), o = b(-1), k = b(), y = b(), $ = b(), B = (e, i) => [
+    const t = a, g = N, l = W("mention"), { t: V } = X(), o = m(-1), k = m(), y = m(), $ = m(), B = (e, s) => [
       l.be("dropdown", "item"),
-      l.is("hovering", o.value === i),
+      l.is("hovering", o.value === s),
       l.is("disabled", e.disabled || t.disabled)
     ], L = (e) => {
       e.disabled || t.disabled || g("select", e);
@@ -37,13 +29,13 @@ const ee = ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"], g
       o.value = e;
     }, I = D(
       () => t.disabled || t.options.every((e) => e.disabled)
-    ), u = D(() => t.options[o.value]), x = () => {
-      !u.value || u.value.disabled || t.disabled || g("select", u.value);
+    ), p = D(() => t.options[o.value]), x = () => {
+      !p.value || p.value.disabled || t.disabled || g("select", p.value);
     }, E = (e) => {
-      const { options: i } = t;
-      if (i.length === 0 || I.value) return;
-      e === "next" ? (o.value++, o.value === i.length && (o.value = 0)) : e === "prev" && (o.value--, o.value < 0 && (o.value = i.length - 1));
-      const n = i[o.value];
+      const { options: s } = t;
+      if (s.length === 0 || I.value) return;
+      e === "next" ? (o.value++, o.value === s.length && (o.value = 0)) : e === "prev" && (o.value--, o.value < 0 && (o.value = s.length - 1));
+      const n = s[o.value];
       if (n.disabled) {
         E(e);
         return;
@@ -51,13 +43,13 @@ const ee = ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"], g
       U(() => H(n));
     }, H = (e) => {
       var v, f, S, C;
-      const { options: i } = t, n = i.findIndex((m) => m.value === e.value), r = (v = y.value) == null ? void 0 : v[n];
-      if (r) {
-        const m = (S = (f = $.value) == null ? void 0 : f.querySelector) == null ? void 0 : S.call(
+      const { options: s } = t, n = s.findIndex((b) => b.value === e.value), i = (v = y.value) == null ? void 0 : v[n];
+      if (i) {
+        const b = (S = (f = $.value) == null ? void 0 : f.querySelector) == null ? void 0 : S.call(
           f,
           `.${l.be("dropdown", "wrap")}`
         );
-        m && X(m, r);
+        b && Y(b, i);
       }
       (C = k.value) == null || C.handleScroll();
     };
@@ -69,46 +61,46 @@ const ee = ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"], g
       hoveringIndex: o,
       navigateOptions: E,
       selectHoverOption: x,
-      hoverOption: u
-    }), (e, i) => (d(), c("div", {
+      hoverOption: p
+    }), (e, s) => (d(), c("div", {
       ref_key: "dropdownRef",
       ref: $,
-      class: p(s(l).b("dropdown"))
+      class: u(r(l).b("dropdown"))
     }, [
       e.$slots.header ? (d(), c("div", {
         key: 0,
-        class: p(s(l).be("dropdown", "header"))
+        class: u(r(l).be("dropdown", "header"))
       }, [
         w(e.$slots, "header")
       ], 2)) : h("", !0),
-      z(A(s(Z), {
+      z(A(r(Z), {
         id: a.contentId,
         ref_key: "scrollbarRef",
         ref: k,
         tag: "ul",
-        "wrap-class": s(l).be("dropdown", "wrap"),
-        "view-class": s(l).be("dropdown", "list"),
+        "wrap-class": r(l).be("dropdown", "wrap"),
+        "view-class": r(l).be("dropdown", "list"),
         role: "listbox",
         "aria-label": a.ariaLabel,
         "aria-orientation": "vertical"
       }, {
         default: F(() => [
-          (d(!0), c(j, null, G(a.options, (n, r) => (d(), c("li", {
-            id: `${a.contentId}-${r}`,
+          (d(!0), c(j, null, G(a.options, (n, i) => (d(), c("li", {
+            id: `${a.contentId}-${i}`,
             ref_for: !0,
             ref_key: "optionRefs",
             ref: y,
-            key: r,
-            class: p(B(n, r)),
+            key: i,
+            class: u(B(n, i)),
             role: "option",
             "aria-disabled": n.disabled || a.disabled || void 0,
-            "aria-selected": o.value === r,
-            onMousemove: (v) => O(r),
+            "aria-selected": o.value === i,
+            onMousemove: (v) => O(i),
             onClick: J((v) => L(n), ["stop"])
           }, [
             w(e.$slots, "label", {
               item: n,
-              index: r
+              index: i
             }, () => [
               K("span", null, M(n.label ?? n.value), 1)
             ])
@@ -120,15 +112,15 @@ const ee = ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"], g
       ]),
       a.loading ? (d(), c("div", {
         key: 1,
-        class: p(s(l).be("dropdown", "loading"))
+        class: u(r(l).be("dropdown", "loading"))
       }, [
         w(e.$slots, "loading", {}, () => [
-          Q(M(s(V)("el.mention.loading")), 1)
+          Q(M(r(V)("el.mention.loading")), 1)
         ])
       ], 2)) : h("", !0),
       e.$slots.footer ? (d(), c("div", {
         key: 2,
-        class: p(s(l).be("dropdown", "footer"))
+        class: u(r(l).be("dropdown", "footer"))
       }, [
         w(e.$slots, "footer")
       ], 2)) : h("", !0)
@@ -136,5 +128,5 @@ const ee = ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"], g
   }
 });
 export {
-  ge as default
+  ue as default
 };

package/dist/components/mention/helper.d.ts

@@ -1,4 +1,4 @@
-import type { MentionCtx, MentionOption } from './types';
+import type { MentionCtx, MentionOption } from './types.js';
 export declare const filterOption: <T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean;
 export declare const getMentionCtx: (inputEl: HTMLInputElement | HTMLTextAreaElement, prefix: string | string[], split: string) => MentionCtx | undefined;
 /**