ep-craft 0.1.39 → 0.1.41

package/dist/hooks/use-aria/index.d.ts

@@ -11,6 +11,10 @@ export interface AriaProps {
      * @description native `aria-controls` attribute
      */
     ariaControls?: string;
+    /**
+     * @description native `aria-labelledby` attribute
+     */
+    ariaLabelledby?: string;
 }
 /**
  * @deprecated Removed after 3.0.0, Use `AriaProps` instead.
@@ -24,6 +28,7 @@ export declare const ariaProps: {
         __epPropKey: true;
     };
     ariaControls: StringConstructor;
+    ariaLabelledby: StringConstructor;
 };
 export declare const useAriaProps: <T extends keyof typeof ariaProps>(arias: Array<T>) => Pick<{
     ariaLabel: StringConstructor;
@@ -34,4 +39,5 @@ export declare const useAriaProps: <T extends keyof typeof ariaProps>(arias: Arr
         __epPropKey: true;
     };
     ariaControls: StringConstructor;
+    ariaLabelledby: StringConstructor;
 }, T>;

package/dist/hooks/use-aria/index.js

@@ -1,10 +1,6 @@
 import { pick as i } from "lodash-unified";
-import "@vue/shared";
-import "@vueuse/core";
-import "@element-plus/icons-vue";
-import { buildProps as o } from "../../utils/vue/props/runtime.js";
-import "vue";
-const t = o({
+import { buildProps as a } from "../../utils/vue/props/runtime.js";
+const t = a({
   /**
    * @description native `aria-label` attribute
    */
@@ -19,9 +15,13 @@ const t = o({
   /**
    * @description native `aria-controls` attribute
    */
-  ariaControls: String
-}), l = (r) => i(t, r);
+  ariaControls: String,
+  /**
+   * @description native `aria-labelledby` attribute
+   */
+  ariaLabelledby: String
+}), e = (r) => i(t, r);
 export {
   t as ariaProps,
-  l as useAriaProps
+  e as useAriaProps
 };

package/dist/hooks/use-attrs/index.js

@@ -1,25 +1,22 @@
 import { computed as e, getCurrentInstance as a } from "vue";
-import { fromPairs as i } from "lodash-unified";
-import "@vue/shared";
-import "@vueuse/core";
-import { debugWarn as l } from "../../utils/error.js";
-import "@element-plus/icons-vue";
-const m = ["class", "style"], p = /^on[A-Z]/, b = (o = {}) => {
-  const { excludeListeners: u = !1, excludeKeys: t } = o, c = e(() => ((t == null ? void 0 : t.value) || []).concat(m)), r = a();
+import { fromPairs as l } from "lodash-unified";
+import { debugWarn as i } from "../../utils/error.js";
+const f = ["class", "style"], m = /^on[A-Z]/, A = (o = {}) => {
+  const { excludeListeners: u = !1, excludeKeys: t } = o, c = e(() => ((t == null ? void 0 : t.value) || []).concat(f)), r = a();
   return r ? e(
     () => {
       var s;
-      return i(
+      return l(
         Object.entries((s = r.proxy) == null ? void 0 : s.$attrs).filter(
-          ([n]) => !c.value.includes(n) && !(u && p.test(n))
+          ([n]) => !c.value.includes(n) && !(u && m.test(n))
         )
       );
     }
-  ) : (l(
+  ) : (i(
     "use-attrs",
     "getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function"
   ), e(() => ({})));
 };
 export {
-  b as useAttrs
+  A as useAttrs
 };

package/dist/hooks/use-delayed-toggle/index.d.ts

@@ -17,9 +17,9 @@ export interface UseDelayedToggleProps {
  * @deprecated Removed after 3.0.0, Use `UseDelayedToggleProps` instead.
  */
 export declare const useDelayedToggleProps: {
-    readonly showAfter: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly hideAfter: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
-    readonly autoClose: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly showAfter: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly hideAfter: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
+    readonly autoClose: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
 };
 export type DelayedToggle = {
     open: (event?: Event) => void;

package/dist/hooks/use-delayed-toggle/index.js

@@ -1,12 +1,8 @@
 import { unref as r } from "vue";
 import { isNumber as c } from "../../utils/types.js";
-import "lodash-unified";
-import "@vueuse/core";
-import "@vue/shared";
-import "@element-plus/icons-vue";
 import { buildProps as d } from "../../utils/vue/props/runtime.js";
-import { useTimeout as i } from "../use-timeout/index.js";
-const w = d({
+import { useTimeout as l } from "../use-timeout/index.js";
+const h = d({
   /**
    * @description delay of appearance, in millisecond, not valid in controlled mode
    */
@@ -28,32 +24,32 @@ const w = d({
     type: Number,
     default: 0
   }
-}), F = {
+}), D = {
   showAfter: 0,
   hideAfter: 200,
   autoClose: 0
-}, O = ({
-  showAfter: m,
-  hideAfter: l,
+}, N = ({
+  showAfter: i,
+  hideAfter: m,
   autoClose: n,
-  open: p,
+  open: f,
   close: s
 }) => {
-  const { registerTimeout: u } = i(), {
-    registerTimeout: f,
+  const { registerTimeout: u } = l(), {
+    registerTimeout: p,
     cancelTimeout: a
-  } = i();
+  } = l();
   return {
-    onOpen: (e, o = r(m)) => {
+    onOpen: (e, o = r(i)) => {
       u(() => {
-        p(e);
+        f(e);
         const t = r(n);
-        c(t) && t > 0 && f(() => {
+        c(t) && t > 0 && p(() => {
           s(e);
         }, t);
       }, o);
     },
-    onClose: (e, o = r(l)) => {
+    onClose: (e, o = r(m)) => {
       a(), u(() => {
         s(e);
       }, o);
@@ -61,7 +57,7 @@ const w = d({
   };
 };
 export {
-  O as useDelayedToggle,
-  w as useDelayedToggleProps,
-  F as useDelayedTogglePropsDefaults
+  N as useDelayedToggle,
+  h as useDelayedToggleProps,
+  D as useDelayedTogglePropsDefaults
 };

package/dist/hooks/use-deprecated/index.js

@@ -1,16 +1,12 @@
-import { watch as s, unref as d } from "vue";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
+import { watch as m, unref as p } from "vue";
 import { debugWarn as n } from "../../utils/error.js";
-import "@element-plus/icons-vue";
-const v = ({ from: e, replacement: t, scope: r, version: i, ref: o, type: m = "API" }, p) => {
-  s(
-    () => d(p),
-    (a) => {
-      a && n(
+const c = ({ from: e, replacement: t, scope: r, version: i, ref: o, type: a = "API" }, s) => {
+  m(
+    () => p(s),
+    (d) => {
+      d && n(
         r,
-        `[${m}] ${e} is about to be deprecated in version ${i}, please use ${t} instead.
+        `[${a}] ${e} is about to be deprecated in version ${i}, please use ${t} instead.
 For more detail, please visit: ${o}
 `
       );
@@ -21,5 +17,5 @@ For more detail, please visit: ${o}
   );
 };
 export {
-  v as useDeprecated
+  c as useDeprecated
 };

package/dist/hooks/use-draggable/index.js

@@ -1,25 +1,22 @@
 import { ref as T, onMounted as W, watchEffect as y, onBeforeUnmount as z } from "vue";
-import "@vue/shared";
-import { clamp as w } from "lodash-unified";
-import "@vueuse/core";
-import { addUnit as X } from "../../utils/dom/style.js";
-import "@element-plus/icons-vue";
-const q = (n, u, Y, d) => {
+import { addUnit as w } from "../../utils/dom/style.js";
+import { clamp as X } from "lodash-unified";
+const j = (n, u, Y, r) => {
   const o = {
     offsetX: 0,
     offsetY: 0
   }, a = T(!1), h = (t, e) => {
     if (n.value) {
-      const { offsetX: m, offsetY: f } = o, s = n.value.getBoundingClientRect(), i = Math.max(s.left, 0), c = Math.max(s.top, 0), l = s.width, r = s.height, p = document.documentElement.clientWidth, L = document.documentElement.clientHeight, D = -i + m, b = -c + f, H = p - i - l + m, P = L - c - (r < L ? r : 0) + f;
-      d != null && d.value || (t = w(t, D, H), e = w(e, b, P)), o.offsetX = t, o.offsetY = e, n.value.style.transform = `translate(${X(t)}, ${X(
+      const { offsetX: f, offsetY: m } = o, s = n.value.getBoundingClientRect(), i = Math.max(s.left, 0), c = Math.max(s.top, 0), l = s.width, d = s.height, p = document.documentElement.clientWidth, L = document.documentElement.clientHeight, D = -i + f, b = -c + m, H = p - i - l + f, P = L - c - (d < L ? d : 0) + m;
+      r != null && r.value || (t = X(t, D, H), e = X(e, b, P)), o.offsetX = t, o.offsetY = e, n.value.style.transform = `translate(${w(t)}, ${w(
         e
       )})`;
     }
   }, g = (t) => {
-    const e = t.clientX, m = t.clientY, { offsetX: f, offsetY: s } = o, i = (l) => {
+    const e = t.clientX, f = t.clientY, { offsetX: m, offsetY: s } = o, i = (l) => {
       a.value || (a.value = !0);
-      const r = f + l.clientX - e, p = s + l.clientY - m;
-      h(r, p);
+      const d = m + l.clientX - e, p = s + l.clientY - f;
+      h(d, p);
     }, c = () => {
       a.value = !1, document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", c);
     };
@@ -47,5 +44,5 @@ const q = (n, u, Y, d) => {
   };
 };
 export {
-  q as useDraggable
+  j as useDraggable
 };

package/dist/hooks/use-empty-values/index.d.ts

@@ -19,7 +19,7 @@ export declare const DEFAULT_VALUE_ON_CLEAR: undefined;
  */
 export declare const useEmptyValuesProps: {
     readonly emptyValues: ArrayConstructor;
-    readonly valueOnClear: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
 };
 export declare const useEmptyValues: (props: UseEmptyValuesProps, defaultValue?: null | undefined) => {
     emptyValues: import("vue").ComputedRef<unknown[]>;

package/dist/hooks/use-empty-values/index.js

@@ -1,11 +1,9 @@
-import { getCurrentInstance as c, inject as p, ref as i, computed as m } from "vue";
+import { getCurrentInstance as c, inject as f, ref as i, computed as m } from "vue";
+import { debugWarn as p } from "../../utils/error.js";
+import { buildProps as C, definePropType as d } from "../../utils/vue/props/runtime.js";
+import { isEqual as O } from "lodash-unified";
 import { isFunction as a, isArray as v } from "@vue/shared";
-import { isEqual as f } from "lodash-unified";
-import "@vueuse/core";
-import { debugWarn as C } from "../../utils/error.js";
-import "@element-plus/icons-vue";
-import { buildProps as d, definePropType as O } from "../../utils/vue/props/runtime.js";
-const E = Symbol("emptyValuesContextKey"), V = "use-empty-values", A = ["", void 0, null], b = void 0, U = d({
+const E = Symbol("emptyValuesContextKey"), V = "use-empty-values", A = ["", void 0, null], b = void 0, S = C({
   /**
    * @description empty values supported by the component
    */
@@ -15,7 +13,7 @@ const E = Symbol("emptyValuesContextKey"), V = "use-empty-values", A = ["", void
    */
   valueOnClear: {
     /* eslint-disable-next-line @typescript-eslint/no-unsafe-function-type */
-    type: O([
+    type: d([
       String,
       Number,
       Boolean,
@@ -24,14 +22,14 @@ const E = Symbol("emptyValuesContextKey"), V = "use-empty-values", A = ["", void
     default: void 0,
     validator: (e) => (e = a(e) ? e() : e, v(e) ? e.every((t) => !t) : !e)
   }
-}), x = (e, t) => {
-  const r = c() ? p(E, i({})) : i({}), u = m(
+}), T = (e, t) => {
+  const r = c() ? f(E, i({})) : i({}), u = m(
     () => e.emptyValues || r.value.emptyValues || A
   ), o = m(() => a(e.valueOnClear) ? e.valueOnClear() : e.valueOnClear !== void 0 ? e.valueOnClear : a(r.value.valueOnClear) ? r.value.valueOnClear() : r.value.valueOnClear !== void 0 ? r.value.valueOnClear : t !== void 0 ? t : b), s = (l) => {
     let n = !0;
-    return v(l) ? n = u.value.some((y) => f(l, y)) : n = u.value.includes(l), n;
+    return v(l) ? n = u.value.some((y) => O(l, y)) : n = u.value.includes(l), n;
   };
-  return s(o.value) || C(V, "value-on-clear should be a value of empty-values"), {
+  return s(o.value) || p(V, "value-on-clear should be a value of empty-values"), {
     emptyValues: u,
     valueOnClear: o,
     isEmptyValue: s
@@ -42,6 +40,6 @@ export {
   b as DEFAULT_VALUE_ON_CLEAR,
   V as SCOPE,
   E as emptyValuesContextKey,
-  x as useEmptyValues,
-  U as useEmptyValuesProps
+  T as useEmptyValues,
+  S as useEmptyValuesProps
 };

package/dist/hooks/use-escape-keydown/index.js

@@ -1,24 +1,21 @@
-import { onMounted as m, onBeforeUnmount as d } from "vue";
-import "@vue/shared";
-import "lodash-unified";
+import { onMounted as d, onBeforeUnmount as c } from "vue";
 import { isClient as n } from "@vueuse/core";
-import { getEventCode as c } from "../../utils/dom/event.js";
-import "@element-plus/icons-vue";
-import { EVENT_CODE as s } from "../../constants/aria.js";
+import { getEventCode as s } from "../../utils/dom/event.js";
+import { EVENT_CODE as f } from "../../constants/aria.js";
 let e = [];
 const r = (o) => {
-  c(o) === s.esc && e.forEach(
+  s(o) === f.esc && e.forEach(
     (i) => i(o)
   );
-}, h = (o) => {
-  m(() => {
+}, l = (o) => {
+  d(() => {
     e.length === 0 && document.addEventListener("keydown", r), n && e.push(o);
-  }), d(() => {
+  }), c(() => {
     e = e.filter(
       (t) => t !== o
     ), e.length === 0 && n && document.removeEventListener("keydown", r);
   });
 };
 export {
-  h as useEscapeKeydown
+  l as useEscapeKeydown
 };

package/dist/hooks/use-focus-controller/index.js

@@ -1,12 +1,10 @@
 import { getCurrentInstance as b, shallowRef as g, ref as w, watch as C, unref as s, onMounted as k } from "vue";
-import { useEventListener as r } from "@vueuse/core";
+import { useEventListener as u } from "@vueuse/core";
 import { isElement as A } from "../../utils/types.js";
-import "lodash-unified";
-import { isFunction as d } from "@vue/shared";
 import { isFocusable as N } from "../../utils/dom/aria.js";
-import "@element-plus/icons-vue";
-function L(i, {
-  disabled: u,
+import { isFunction as d } from "@vue/shared";
+function F(i, {
+  disabled: r,
   beforeFocus: p,
   afterFocus: l,
   beforeBlur: v,
@@ -14,20 +12,20 @@ function L(i, {
 } = {}) {
   const h = b(), { emit: E } = h, t = g(), c = w(!1), m = (e) => {
     const n = d(p) ? p(e) : !1;
-    s(u) || c.value || n || (c.value = !0, E("focus", e), l == null || l());
+    s(r) || c.value || n || (c.value = !0, E("focus", e), l == null || l());
   }, f = (e) => {
     var o;
     const n = d(v) ? v(e) : !1;
-    s(u) || e.relatedTarget && ((o = t.value) != null && o.contains(e.relatedTarget)) || n || (c.value = !1, E("blur", e), a == null || a());
+    s(r) || e.relatedTarget && ((o = t.value) != null && o.contains(e.relatedTarget)) || n || (c.value = !1, E("blur", e), a == null || a());
   }, x = (e) => {
     var n, o;
-    s(u) || N(e.target) || (n = t.value) != null && n.contains(document.activeElement) && t.value !== document.activeElement || (o = i.value) == null || o.focus();
+    s(r) || N(e.target) || (n = t.value) != null && n.contains(document.activeElement) && t.value !== document.activeElement || (o = i.value) == null || o.focus();
   };
-  return C([t, () => s(u)], ([e, n]) => {
+  return C([t, () => s(r)], ([e, n]) => {
     e && (n ? e.removeAttribute("tabindex") : e.setAttribute("tabindex", "-1"));
-  }), r(t, "focus", m, !0), r(t, "blur", f, !0), r(t, "click", x, !0), process.env.NODE_ENV === "test" && k(() => {
+  }), u(t, "focus", m, !0), u(t, "blur", f, !0), u(t, "click", x, !0), process.env.NODE_ENV === "test" && k(() => {
     const e = A(i.value) ? i.value : document.querySelector("input,textarea");
-    e && (r(e, "focus", m, !0), r(e, "blur", f, !0));
+    e && (u(e, "focus", m, !0), u(e, "blur", f, !0));
   }), {
     isFocused: c,
     /** Avoid using wrapperRef and handleFocus/handleBlur together */
@@ -37,5 +35,5 @@ function L(i, {
   };
 }
 export {
-  L as useFocusController
+  F as useFocusController
 };

package/dist/hooks/use-id/index.js

@@ -1,15 +1,12 @@
-import { unref as n, getCurrentInstance as i, inject as c } from "vue";
+import { unref as t, getCurrentInstance as i, inject as c } from "vue";
 import { isClient as s, computedEager as u } from "@vueuse/core";
-import "@vue/shared";
-import "lodash-unified";
 import { debugWarn as d } from "../../utils/error.js";
-import "@element-plus/icons-vue";
-import { useGetDerivedNamespace as p } from "../use-namespace/index.js";
+import { useGetDerivedNamespace as a } from "../use-namespace/index.js";
 const r = {
   prefix: Math.floor(Math.random() * 1e4),
   current: 0
-}, m = Symbol("elIdInjection"), a = () => i() ? c(m, r) : r, N = (o) => {
-  const e = a();
+}, p = Symbol("elIdInjection"), I = () => i() ? c(p, r) : r, v = (n) => {
+  const e = I();
   !s && e === r && d(
     "IdInjection",
     `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
@@ -18,13 +15,13 @@ usage: app.provide(ID_INJECTION_KEY, {
   current: number,
 })`
   );
-  const t = p();
+  const o = a();
   return u(
-    () => n(o) || `${t.value}-id-${e.prefix}-${e.current++}`
+    () => t(n) || `${o.value}-id-${e.prefix}-${e.current++}`
   );
 };
 export {
-  m as ID_INJECTION_KEY,
-  N as useId,
-  a as useIdInjection
+  p as ID_INJECTION_KEY,
+  v as useId,
+  I as useIdInjection
 };

package/dist/hooks/use-locale/index.d.ts

@@ -1,7 +1,7 @@
-import English from '../../locale/lang/en';
+import English from '../../locale/lang/en.js';
 import type { InjectionKey, MaybeRef, Ref } from 'vue';
-import type { FieldPath } from '../../utils/index';
-import type { Language } from '../../locale/index';
+import type { FieldPath } from '../../utils/index.js';
+import type { Language } from '../../locale/index.js';
 export type LocaleKeys = Exclude<FieldPath<typeof English>, 'name' | 'el'> | (string & NonNullable<unknown>);
 export type TranslatorOption = Record<string, string | number>;
 export type Translator = (path: LocaleKeys, option?: TranslatorOption) => string;

package/dist/hooks/use-lockscreen/index.d.ts

@@ -1,5 +1,5 @@
 import type { Ref } from 'vue';
-import type { UseNamespaceReturn } from '../use-namespace';
+import type { UseNamespaceReturn } from '../use-namespace/index.js';
 export type UseLockScreenOptions = {
     ns?: UseNamespaceReturn;
 };

package/dist/hooks/use-lockscreen/index.js

@@ -1,34 +1,30 @@
-import { isRef as a, computed as p, watch as f, onScopeDispose as y } from "vue";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
+import { isRef as a, computed as f, watch as p, onScopeDispose as y } from "vue";
 import { throwError as h } from "../../utils/error.js";
 import { getScrollBarWidth as b } from "../../utils/dom/scroll.js";
 import { hasClass as w, addClass as v, getStyle as C, removeClass as H } from "../../utils/dom/style.js";
-import "@element-plus/icons-vue";
 import { useNamespace as S } from "../use-namespace/index.js";
-const D = (s, l = {}) => {
+const B = (s, r = {}) => {
   a(s) || h(
     "[useLockscreen]",
     "You need to pass a ref param to this function"
   );
-  const n = l.ns || S("popup"), o = p(() => n.bm("parent", "hidden"));
-  let t = 0, e = !1, r = "0", d = !1;
-  const c = () => {
+  const n = r.ns || S("popup"), o = f(() => n.bm("parent", "hidden"));
+  let t = 0, e = !1, c = "0", d = !1;
+  const l = () => {
     d || (d = !0, setTimeout(() => {
-      typeof document > "u" || e && document && (document.body.style.width = r, H(document.body, o.value));
+      typeof document > "u" || e && document && (document.body.style.width = c, H(document.body, o.value));
     }, 200));
   };
-  f(s, (i) => {
-    if (!i) {
-      c();
+  p(s, (u) => {
+    if (!u) {
+      l();
       return;
     }
-    d = !1, e = !w(document.body, o.value), e && (r = document.body.style.width, v(document.body, o.value)), t = b(n.namespace.value);
-    const m = document.documentElement.clientHeight < document.body.scrollHeight, u = C(document.body, "overflowY");
-    t > 0 && (m || u === "scroll") && e && (document.body.style.width = `calc(100% - ${t}px)`);
-  }), y(() => c());
+    d = !1, e = !w(document.body, o.value), e && (c = document.body.style.width, v(document.body, o.value)), t = b(n.namespace.value);
+    const i = document.documentElement.clientHeight < document.body.scrollHeight, m = C(document.body, "overflowY");
+    t > 0 && (i || m === "scroll") && e && (document.body.style.width = `calc(100% - ${t}px)`);
+  }), y(() => l());
 };
 export {
-  D as useLockscreen
+  B as useLockscreen
 };

package/dist/hooks/use-model-toggle/index.d.ts

@@ -1,6 +1,6 @@
-import type { ExtractPropType } from '../../utils/index';
+import type { ExtractPropType } from '../../utils/index.js';
 import type { ExtractPropTypes, ExtractPublicPropTypes, Ref } from 'vue';
-declare const _prop: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | (((new (...args: any[]) => boolean) | (() => boolean | null)) | null)[], never, never, null, false>;
+declare const _prop: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | (((new (...args: any[]) => boolean) | (() => boolean | null)) | null)[], never, never, null, false>;
 declare const _event: {
     readonly type: import("vue").PropType<(val: boolean) => void>;
     readonly required: false;

package/dist/hooks/use-model-toggle/index.js

@@ -1,16 +1,14 @@
 import { getCurrentInstance as K, computed as P, watch as $, onMounted as U } from "vue";
-import { isBoolean as _ } from "../../utils/types.js";
-import "lodash-unified";
 import { isClient as d } from "@vueuse/core";
-import { isFunction as f } from "@vue/shared";
-import "@element-plus/icons-vue";
+import { isBoolean as _ } from "../../utils/types.js";
 import { buildProp as h, definePropType as w } from "../../utils/vue/props/runtime.js";
+import { isFunction as f } from "@vue/shared";
 const A = h({
   type: w(Boolean),
   default: null
 }), I = h({
   type: w(Function)
-}), L = (s) => {
+}), H = (s) => {
   const u = `update:${s}`, c = `onUpdate:${s}`, x = [u], B = {
     [s]: A,
     [c]: I
@@ -20,33 +18,33 @@ const A = h({
       indicator: o,
       toggleReason: r,
       shouldHideWhenRouteChanges: g,
-      shouldProceed: m,
-      onShow: v,
+      shouldProceed: v,
+      onShow: m,
       onHide: M
     }) => {
-      const i = K(), { emit: p } = i, t = i.props, n = P(
+      const n = K(), { emit: p } = n, t = n.props, i = P(
         () => f(t[c])
       ), T = P(() => t[s] === null), b = (e) => {
-        o.value !== !0 && (o.value = !0, r && (r.value = e), f(v) && v(e));
+        o.value !== !0 && (o.value = !0, r && (r.value = e), f(m) && m(e));
       }, y = (e) => {
         o.value !== !1 && (o.value = !1, r && (r.value = e), f(M) && M(e));
       }, E = (e) => {
-        if (t.disabled === !0 || f(m) && !m())
+        if (t.disabled === !0 || f(v) && !v())
           return;
-        const l = n.value && d;
+        const l = i.value && d;
         l && p(u, !0), (T.value || !l) && b(e);
       }, a = (e) => {
         if (t.disabled === !0 || !d) return;
-        const l = n.value && d;
+        const l = i.value && d;
         l && p(u, !1), (T.value || !l) && y(e);
       }, C = (e) => {
-        _(e) && (t.disabled && e ? n.value && p(u, !1) : o.value !== e && (e ? b() : y()));
+        _(e) && (t.disabled && e ? i.value && p(u, !1) : o.value !== e && (e ? b() : y()));
       }, F = () => {
         o.value ? a() : E();
       };
-      return $(() => t[s], C), g && i.appContext.config.globalProperties.$route !== void 0 && $(
+      return $(() => t[s], C), g && n.appContext.config.globalProperties.$route !== void 0 && $(
         () => ({
-          ...i.proxy.$route
+          ...n.proxy.$route
         }),
         () => {
           g.value && o.value && a();
@@ -57,7 +55,7 @@ const A = h({
         hide: a,
         show: E,
         toggle: F,
-        hasUpdateHandler: n
+        hasUpdateHandler: i
       };
     },
     useModelToggleProps: B,
@@ -65,5 +63,5 @@ const A = h({
   };
 };
 export {
-  L as createModelToggleComposable
+  H as createModelToggleComposable
 };