ep-craft 0.1.39 → 0.1.40

package/dist/components/form/src/hooks/use-form-common-props.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentSize } from '../../../../constants/index';
+import type { ComponentSize } from '../../../../constants/index.js';
 import type { MaybeRef } from 'vue';
 export declare const useFormSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<"prop" | "form" | "formItem" | "global", boolean>>) => import("vue").ComputedRef<"" | "small" | "default" | "large">;
 export declare const useFormDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;

package/dist/components/form/src/hooks/use-form-common-props.js

@@ -1,4 +1,4 @@
-import { ref as a, inject as r, computed as n, unref as d } from "vue";
+import { inject as r, computed as n, unref as d, ref as a } from "vue";
 import { useGlobalSize as f } from "../../../../hooks/use-size/index.js";
 import { useProp as l } from "../../../../hooks/use-prop/index.js";
 import { formContextKey as m, formItemContextKey as p } from "../constants.js";

package/dist/components/form/src/hooks/use-form-item.d.ts

@@ -1,7 +1,7 @@
 import type { ComputedRef, Ref } from 'vue';
-import type { FormItemContext } from '../types';
+import type { FormItemContext } from '../types.js';
 export declare const useFormItem: () => {
-    form: import("../types").FormContext | undefined;
+    form: import("../types.js").FormContext | undefined;
     formItem: FormItemContext | undefined;
 };
 export type IUseFormItemInputCommonProps = {

package/dist/components/form/src/types.d.ts

@@ -1,10 +1,10 @@
-import { useFormLabelWidth } from './utils';
-import type { ComponentSize } from '../../../constants/index';
-import type { Arrayable, FieldPath } from '../../../utils/index';
+import { useFormLabelWidth } from './utils.js';
+import type { ComponentSize } from '../../../constants/index.js';
+import type { Arrayable, FieldPath } from '../../../utils/index.js';
 import type { RuleItem, ValidateError, ValidateFieldsError } from 'async-validator';
 import type { MaybeRef, SetupContext, UnwrapRef } from 'vue';
-import type { FormItemProp, FormItemProps, FormItemValidateState } from './form-item';
-import type { FormEmits, FormProps } from './form';
+import type { FormItemProp, FormItemProps, FormItemValidateState } from './form-item.js';
+import type { FormEmits, FormProps } from './form.js';
 type FormLabelWidthContext = ReturnType<typeof useFormLabelWidth>;
 interface FormItemRule extends RuleItem {
     trigger?: Arrayable<string>;

package/dist/components/form/src/utils.d.ts

@@ -1,6 +1,6 @@
-import type { Arrayable } from '../../../utils/index';
-import type { FormItemContext } from './types';
-import type { FormItemProp } from './form-item';
+import type { Arrayable } from '../../../utils/index.js';
+import type { FormItemContext } from './types.js';
+import type { FormItemProp } from './form-item.js';
 export declare function useFormLabelWidth(): {
     autoLabelWidth: import("vue").ComputedRef<string>;
     registerLabelWidth: (val: number, oldVal: number) => void;

package/dist/components/form/src/utils.js

@@ -1,29 +1,27 @@
 import { ref as c, computed as s } from "vue";
-import { isArray as l } from "@vue/shared";
-import { castArray as m } from "lodash-unified";
-import "@vueuse/core";
-import { debugWarn as d } from "../../../utils/error.js";
-import "@element-plus/icons-vue";
-const f = "ElForm";
-function L() {
+import { debugWarn as l } from "../../../utils/error.js";
+import { castArray as d } from "lodash-unified";
+import { isArray as f } from "@vue/shared";
+const m = "ElForm";
+function b() {
   const t = c([]), o = s(() => {
     if (!t.value.length) return "0";
     const e = Math.max(...t.value);
     return e ? `${e}px` : "";
   });
-  function n(e) {
-    const i = t.value.indexOf(e);
-    return i === -1 && o.value === "0" && d(f, `unexpected width ${e}`), i;
+  function i(e) {
+    const n = t.value.indexOf(e);
+    return n === -1 && o.value === "0" && l(m, `unexpected width ${e}`), n;
   }
-  function r(e, i) {
-    if (e && i) {
-      const a = n(i);
+  function r(e, n) {
+    if (e && n) {
+      const a = i(n);
       t.value.splice(a, 1, e);
     } else e && t.value.push(e);
   }
   function u(e) {
-    const i = n(e);
-    i > -1 && t.value.splice(i, 1);
+    const n = i(e);
+    n > -1 && t.value.splice(n, 1);
   }
   return {
     autoLabelWidth: o,
@@ -31,15 +29,15 @@ function L() {
     deregisterLabelWidth: u
   };
 }
-const v = (t, o) => {
-  const n = m(o).map(
-    (r) => l(r) ? r.join(".") : r
+const W = (t, o) => {
+  const i = d(o).map(
+    (r) => f(r) ? r.join(".") : r
   );
-  return n.length > 0 ? t.filter(
-    (r) => r.propString && n.includes(r.propString)
+  return i.length > 0 ? t.filter(
+    (r) => r.propString && i.includes(r.propString)
   ) : t;
 };
 export {
-  v as filterFields,
-  L as useFormLabelWidth
+  W as filterFields,
+  b as useFormLabelWidth
 };

package/dist/components/form-item/EpFormItem.vue.d.ts

@@ -1,4 +1,4 @@
-import type { FormItemProps } from '../form/src/form-item';
+import type { FormItemProps } from '../form/src/form-item.js';
 declare var __VLS_9: {
     label: string;
 }, __VLS_11: {}, __VLS_17: {
@@ -27,7 +27,7 @@ declare const __VLS_component: import("vue").DefineComponent<FormItemProps, {
     /**
      * @description Validate form item.
      */
-    validate: (trigger: string, callback?: import("../form").FormValidateCallback) => import("../form").FormValidationResult;
+    validate: (trigger: string, callback?: import("../form/index.js").FormValidateCallback) => import("../form/index.js").FormValidationResult;
     /**
      * @description Remove validation status of the field.
      */

package/dist/components/form-item/EpFormItem.vue.js

@@ -1,25 +1,19 @@
 import { defineComponent as be, useSlots as ye, inject as K, ref as I, computed as a, watch as z, reactive as Ie, toRefs as Fe, provide as Se, onMounted as Ve, onBeforeUnmount as qe, openBlock as U, createElementBlock as we, unref as v, normalizeClass as F, createVNode as H, withCtx as _, createBlock as We, resolveDynamicComponent as Me, normalizeStyle as J, renderSlot as B, createTextVNode as Re, toDisplayString as O, createCommentVNode as Q, createElementVNode as X, TransitionGroup as $e, nextTick as ze } from "vue";
 import _e from "async-validator";
 import { refDebounced as Be } from "@vueuse/core";
-import { isBoolean as Ne } from "../../utils/types.js";
-import { castArray as Y, cloneDeep as Z } from "lodash-unified";
-import { isArray as k, isFunction as Pe } from "@vue/shared";
 import { getProp as N } from "../../utils/objects.js";
-import { addUnit as C } from "../../utils/dom/style.js";
-import "@element-plus/icons-vue";
-import { useNamespace as Ee } from "../../hooks/use-namespace/index.js";
-import { useId as Ae } from "../../hooks/use-id/index.js";
+import { isBoolean as Ne } from "../../utils/types.js";
+import { addUnit as Y } from "../../utils/dom/style.js";
+import { useNamespace as Pe } from "../../hooks/use-namespace/index.js";
+import { useId as Ee } 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 { useFormSize as De } from "../form/src/hooks/use-form-common-props.js";
-import je from "../form/src/form-label-wrap.js";
-import { formContextKey as Le, formItemContextKey as x } from "../form/src/constants.js";
-const Te = ["role", "aria-labelledby"], ut = /* @__PURE__ */ be({
+import { useFormSize as Ae } from "../form/src/hooks/use-form-common-props.js";
+import De from "../form/src/form-label-wrap.js";
+import { formContextKey as je, formItemContextKey as Z } from "../form/src/constants.js";
+import { castArray as k, cloneDeep as C } from "lodash-unified";
+import { isArray as x, isFunction as Le } from "@vue/shared";
+const Te = ["role", "aria-labelledby"], rt = /* @__PURE__ */ be({
   name: "ElFormItem",
   __name: "EpFormItem",
   props: {
@@ -37,18 +31,18 @@ const Te = ["role", "aria-labelledby"], ut = /* @__PURE__ */ be({
     size: {}
   },
   setup(P, { expose: ee }) {
-    const s = P, E = ye(), e = K(Le, void 0), te = K(x, void 0), S = De(void 0, { formItem: !1 }), o = Ee("form-item"), V = Ae().value, d = I([]), p = I(""), re = Be(p, 100), u = I(""), A = I();
+    const s = P, E = ye(), e = K(je, void 0), te = K(Z, void 0), S = Ae(void 0, { formItem: !1 }), o = Pe("form-item"), V = Ee().value, d = I([]), p = I(""), re = Be(p, 100), u = I(""), A = I();
     let q, h = !1;
     const g = a(
       () => s.labelPosition || (e == null ? void 0 : e.labelPosition)
-    ), D = a(() => g.value === "top" ? {} : { width: C(s.labelWidth ?? (e == null ? void 0 : e.labelWidth)) }), se = a(() => {
+    ), D = a(() => g.value === "top" ? {} : { width: Y(s.labelWidth ?? (e == null ? void 0 : e.labelWidth)) }), se = a(() => {
       if (g.value === "top" || e != null && e.inline)
         return {};
       if (!s.label && !s.labelWidth && oe)
         return {};
-      const t = C(s.labelWidth ?? (e == null ? void 0 : e.labelWidth));
+      const t = Y(s.labelWidth ?? (e == null ? void 0 : e.labelWidth));
       return !s.label && !E.label ? { marginLeft: t } : {};
-    }), ie = a(() => [
+    }), le = a(() => [
       o.b(),
       o.m(S.value),
       o.is("error", p.value === "error"),
@@ -61,36 +55,36 @@ const Te = ["role", "aria-labelledby"], ut = /* @__PURE__ */ be({
         [o.m("feedback")]: e == null ? void 0 : e.statusIcon,
         [o.m(`label-${g.value}`)]: g.value
       }
-    ]), le = a(
+    ]), ie = a(
       () => Ne(s.inlineMessage) ? s.inlineMessage : (e == null ? void 0 : e.inlineMessage) || !1
     ), ae = a(() => [
       o.e("error"),
-      { [o.em("error", "inline")]: le.value }
-    ]), w = a(() => s.prop ? k(s.prop) ? s.prop.join(".") : s.prop : ""), j = a(() => !!(s.label || E.label)), W = a(() => s.for ?? (d.value.length === 1 ? d.value[0] : void 0)), M = a(() => !W.value && j.value), oe = !!te, b = a(() => {
+      { [o.em("error", "inline")]: ie.value }
+    ]), w = a(() => s.prop ? x(s.prop) ? s.prop.join(".") : s.prop : ""), j = a(() => !!(s.label || E.label)), W = a(() => s.for ?? (d.value.length === 1 ? d.value[0] : void 0)), M = a(() => !W.value && j.value), oe = !!te, b = a(() => {
       const t = e == null ? void 0 : e.model;
       if (!(!t || !s.prop))
         return N(t, s.prop).value;
     }), R = a(() => {
       const { required: t } = s, r = [];
-      s.rules && r.push(...Y(s.rules));
-      const i = e == null ? void 0 : e.rules;
-      if (i && s.prop) {
-        const l = N(
-          i,
+      s.rules && r.push(...k(s.rules));
+      const l = e == null ? void 0 : e.rules;
+      if (l && s.prop) {
+        const i = N(
+          l,
           s.prop
         ).value;
-        l && r.push(...Y(l));
+        i && r.push(...k(i));
       }
       if (t !== void 0) {
-        const l = r.map((n, m) => [n, m]).filter(([n]) => "required" in n);
-        if (l.length > 0)
-          for (const [n, m] of l)
+        const i = r.map((n, m) => [n, m]).filter(([n]) => "required" in n);
+        if (i.length > 0)
+          for (const [n, m] of i)
             n.required !== t && (r[m] = { ...n, required: t });
         else
           r.push({ required: t });
       }
       return r;
-    }), ue = a(() => R.value.length > 0), ne = (t) => R.value.filter((i) => !i.trigger || !t ? !0 : k(i.trigger) ? i.trigger.includes(t) : i.trigger === t).map(({ trigger: i, ...l }) => l), de = a(
+    }), ue = a(() => R.value.length > 0), ne = (t) => R.value.filter((l) => !l.trigger || !t ? !0 : x(l.trigger) ? l.trigger.includes(t) : l.trigger === t).map(({ trigger: l, ...i }) => i), de = a(
       () => R.value.some((t) => t.required)
     ), pe = a(
       () => re.value === "error" && s.showMessage && ((e == null ? void 0 : e.showMessage) ?? !0)
@@ -99,26 +93,26 @@ const Te = ["role", "aria-labelledby"], ut = /* @__PURE__ */ be({
     ), c = (t) => {
       p.value = t;
     }, ve = (t) => {
-      var l;
-      const { errors: r, fields: i } = t;
-      (!r || !i) && console.error(t), c("error"), u.value = r ? ((l = r == null ? void 0 : r[0]) == null ? void 0 : l.message) ?? `${s.prop} is required` : "", e == null || e.emit("validate", s.prop, !1, u.value);
+      var i;
+      const { errors: r, fields: l } = t;
+      (!r || !l) && console.error(t), c("error"), u.value = r ? ((i = r == null ? void 0 : r[0]) == null ? void 0 : i.message) ?? `${s.prop} is required` : "", e == null || e.emit("validate", s.prop, !1, u.value);
     }, ce = () => {
       c("success"), e == null || e.emit("validate", s.prop, !0, "");
     }, me = async (t) => {
       const r = w.value;
       return new _e({
         [r]: t
-      }).validate({ [r]: b.value }, { firstFields: !0 }).then(() => (ce(), !0)).catch((l) => (ve(l), Promise.reject(l)));
+      }).validate({ [r]: b.value }, { firstFields: !0 }).then(() => (ce(), !0)).catch((i) => (ve(i), Promise.reject(i)));
     }, T = async (t, r) => {
       if (h || !s.prop)
         return !1;
-      const i = Pe(r);
+      const l = Le(r);
       if (!ue.value)
         return r == null || r(!1), !1;
-      const l = ne(t);
-      return l.length === 0 ? (r == null || r(!0), !0) : (c("validating"), me(l).then(() => (r == null || r(!0), !0)).catch((n) => {
+      const i = ne(t);
+      return i.length === 0 ? (r == null || r(!0), !0) : (c("validating"), me(i).then(() => (r == null || r(!0), !0)).catch((n) => {
         const { fields: m } = n;
-        return r == null || r(!1, m), i ? !1 : Promise.reject(m);
+        return r == null || r(!1, m), l ? !1 : Promise.reject(m);
       }));
     }, $ = () => {
       c(""), u.value = "", h = !1;
@@ -126,13 +120,13 @@ const Te = ["role", "aria-labelledby"], ut = /* @__PURE__ */ be({
       const t = e == null ? void 0 : e.model;
       if (!t || !s.prop) return;
       const r = N(t, s.prop);
-      h = !0, r.value = Z(q), await ze(), $(), h = !1;
+      h = !0, r.value = C(q), await ze(), $(), h = !1;
     }, fe = (t) => {
       d.value.includes(t) || d.value.push(t);
     }, he = (t) => {
       d.value = d.value.filter((r) => r !== t);
     }, y = (t) => {
-      q = Z(t);
+      q = C(t);
     }, ge = () => q;
     z(
       () => s.error,
@@ -164,7 +158,7 @@ const Te = ["role", "aria-labelledby"], ut = /* @__PURE__ */ be({
       setInitialValue: y,
       getInitialValue: ge
     });
-    return Se(x, f), z(w, (t, r) => {
+    return Se(Z, f), z(w, (t, r) => {
       !e || !r || (e.removeField(f, r), t && (y(b.value), e.addField(f)));
     }), Ve(() => {
       s.prop && (y(b.value), e == null || e.addField(f));
@@ -200,17 +194,17 @@ const Te = ["role", "aria-labelledby"], ut = /* @__PURE__ */ be({
        */
       setInitialValue: y
     }), (t, r) => {
-      var i;
+      var l;
       return U(), we("div", {
         ref_key: "formItemRef",
         ref: A,
-        class: F(ie.value),
+        class: F(le.value),
         role: M.value ? "group" : void 0,
         "aria-labelledby": M.value ? v(V) : void 0
       }, [
-        H(v(je), {
+        H(v(De), {
           "is-auto-width": D.value.width === "auto",
-          "update-all": ((i = v(e)) == null ? void 0 : i.labelWidth) === "auto"
+          "update-all": ((l = v(e)) == null ? void 0 : l.labelWidth) === "auto"
         }, {
           default: _(() => [
             P.label || t.$slots.label ? (U(), We(Me(W.value ? "label" : "div"), {
@@ -253,5 +247,5 @@ const Te = ["role", "aria-labelledby"], ut = /* @__PURE__ */ be({
   }
 });
 export {
-  ut as default
+  rt as default
 };

package/dist/components/form-item/index.d.ts

@@ -1,7 +1,7 @@
 import type { Plugin } from 'vue';
-import _EpFormItem from './EpFormItem.vue';
+import _EpFormItem from './EpFormItem.vue.js';
 export declare const EpFormItem: typeof _EpFormItem & Plugin;
 export default EpFormItem;
-export { formItemProps, formItemValidateStates } from '../form/src/form-item';
-export type { FormItemProp, FormItemProps, FormItemPropsPublic, FormItemValidateState, } from '../form/src/form-item';
-export type { FormItemInstance } from './instance';
+export { formItemProps, formItemValidateStates } from '../form/src/form-item.js';
+export type { FormItemProp, FormItemProps, FormItemPropsPublic, FormItemValidateState, } from '../form/src/form-item.js';
+export type { FormItemInstance } from './instance.js';

package/dist/components/form-item/index.js

@@ -1,9 +1,6 @@
 import { withInstall as m } from "../../utils/with-install.js";
-import t from "./EpFormItem.vue.js";
-import { formItemProps as i, formItemValidateStates as a } from "../form/src/form-item.js";
-const e = m(t, "ep-form-item");
+import o from "./EpFormItem.vue.js";
+const i = m(o, "ep-form-item");
 export {
-  e as EpFormItem,
-  i as formItemProps,
-  a as formItemValidateStates
+  i as EpFormItem
 };

package/dist/components/form-item/instance.d.ts

@@ -1,2 +1,2 @@
-import type _EpFormItem from './EpFormItem.vue';
+import type _EpFormItem from './EpFormItem.vue.js';
 export type FormItemInstance = InstanceType<typeof _EpFormItem>;

package/dist/components/header/index.d.ts

@@ -1,4 +1,4 @@
 import type { Plugin } from 'vue';
-import _EpHeader from './header';
+import _EpHeader from './header.js';
 export declare const EpHeader: typeof _EpHeader & Plugin;
 export default EpHeader;

package/dist/components/icon/index.d.ts

@@ -1,22 +1,22 @@
-import Icon from './src/icon.vue';
-import type { SFCWithInstall } from '../../utils/index';
+import Icon from './src/icon.vue.js';
+import type { SFCWithInstall } from '../../utils/index.js';
 export declare const ElIcon: SFCWithInstall<typeof Icon>;
 export declare const EpIcon: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import(".").IconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./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(".").IconProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import("./index.js").IconProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import(".").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("./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;
     };
 }) & import("vue").Plugin;
 export default EpIcon;
-export * from './src/icon';
+export * from './src/icon.js';

package/dist/components/icon/index.js

@@ -1,15 +1,9 @@
 import { withInstall as o } from "../../utils/with-install.js";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import "@element-plus/icons-vue";
-import "vue";
-import { withInstall as i } from "../../utils/vue/install.js";
+import { withInstall as n } from "../../utils/vue/install.js";
 import t from "./src/icon.vue.js";
-import "./src/icon.js";
-const I = i(t), e = o(t, "ep-icon");
+const a = n(t), m = o(t, "ep-icon");
 export {
-  I as ElIcon,
-  e as EpIcon,
-  e as default
+  a as ElIcon,
+  m as EpIcon,
+  m as default
 };

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

@@ -1,5 +1,5 @@
 import type { ExtractPublicPropTypes } from 'vue';
-import type Icon from './icon.vue';
+import type Icon from './icon.vue.js';
 export interface IconProps {
     /**
      * @description SVG icon size, size x size
@@ -15,7 +15,7 @@ export interface IconProps {
  */
 export declare const iconProps: {
     readonly size: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/dist/components/icon/src/icon.vue.d.ts

@@ -1,4 +1,4 @@
-import type { IconProps } from './icon';
+import type { IconProps } from './icon.js';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/components/icon/src/icon.vue.js

@@ -1,18 +1,10 @@
-import { defineComponent as m, computed as p, openBlock as c, createElementBlock as l, mergeProps as a, unref as f, renderSlot as u } from "vue";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
+import { defineComponent as i, computed as m, openBlock as p, createElementBlock as l, mergeProps as a, unref as f, renderSlot as u } from "vue";
 import { addUnit as d } from "../../../utils/dom/style.js";
-import "@element-plus/icons-vue";
 import { useNamespace as _ } 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";
-const N = /* @__PURE__ */ m({
+const S = /* @__PURE__ */ i({
   name: "ElIcon",
   inheritAttrs: !1,
   __name: "icon",
@@ -20,22 +12,22 @@ const N = /* @__PURE__ */ m({
     size: {},
     color: {}
   },
-  setup(e) {
-    const n = e, i = _("icon"), s = p(() => {
-      const { size: o, color: t } = n, r = d(o);
-      return !r && !t ? {} : {
-        fontSize: r,
-        "--color": t
+  setup(r) {
+    const n = r, s = _("icon"), c = m(() => {
+      const { size: o, color: e } = n, t = d(o);
+      return !t && !e ? {} : {
+        fontSize: t,
+        "--color": e
       };
     });
-    return (o, t) => (c(), l("i", a({
-      class: f(i).b(),
-      style: s.value
+    return (o, e) => (p(), l("i", a({
+      class: f(s).b(),
+      style: c.value
     }, o.$attrs), [
       u(o.$slots, "default")
     ], 16));
   }
 });
 export {
-  N as default
+  S as default
 };

package/dist/components/image/EpImage.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ImageProps } from './image';
+import type { ImageProps } from './image.js';
 declare function clickHandler(): void;
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_13: {}, __VLS_15: {
     activeIndex: number;
@@ -46,7 +46,7 @@ declare const __VLS_component: import("vue").DefineComponent<ImageProps, {
     infinite: boolean;
     scale: number;
     src: string;
-    fit: import("./image").ImageFitType;
+    fit: import("./image.js").ImageFitType;
     initialIndex: number;
     closeOnPressEscape: boolean;
     zoomRate: number;

package/dist/components/image/EpImage.vue.js

@@ -2,22 +2,16 @@ import { defineComponent as X, useAttrs as Y, computed as s, ref as l, watch as
 import { isClient as y, useThrottleFn as se, useIntersectionObserver as ne } from "@vueuse/core";
 import { fromPairs as ae } from "lodash-unified";
 import { useNamespace as le } from "../../hooks/use-namespace/index.js";
-import { isElement as ce, isWindow as ue } from "../../utils/types.js";
-import { isArray as de, isString as me } from "@vue/shared";
-import { getScrollContainer as fe } from "../../utils/dom/scroll.js";
-import "@element-plus/icons-vue";
-import { useLocale as ve } from "../../hooks/use-locale/index.js";
+import { useLocale as ce } from "../../hooks/use-locale/index.js";
+import { isElement as ue, isWindow as de } from "../../utils/types.js";
+import { getScrollContainer as me } 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 { useAttrs as ge } from "../../hooks/use-attrs/index.js";
-import pe from "../image-viewer/EpImageViewer.vue.js";
-import { imageEmits as we } from "./image.js";
-const ye = ["src", "loading", "crossorigin"], he = { key: 0 }, He = /* @__PURE__ */ X({
+import { useAttrs as fe } from "../../hooks/use-attrs/index.js";
+import ve from "../image-viewer/EpImageViewer.vue.js";
+import { imageEmits as ge } from "./image.js";
+import { isArray as pe, isString as we } from "@vue/shared";
+const ye = ["src", "loading", "crossorigin"], he = { key: 0 }, Oe = /* @__PURE__ */ X({
   name: "EpImage",
   inheritAttrs: !1,
   __name: "EpImage",
@@ -41,13 +35,13 @@ const ye = ["src", "loading", "crossorigin"], he = { key: 0 }, He = /* @__PURE__
     showProgress: { type: Boolean },
     crossorigin: {}
   },
-  emits: we,
+  emits: ge,
   setup(o, { expose: j, emit: F }) {
-    const t = o, m = F, { t: H } = ve(), i = le("image"), N = Y(), x = s(() => ae(
+    const t = o, m = F, { t: H } = ce(), i = le("image"), N = Y(), x = s(() => ae(
       Object.entries(N).filter(
         ([e]) => /^(data-|on[A-Z])/i.test(e) || ["id", "style"].includes(e)
       )
-    )), R = ge({
+    )), R = fe({
       excludeListeners: !0,
       excludeKeys: s(() => Object.keys(x.value))
     }), k = l(), f = l(!1), a = l(!0), z = l(!1), h = l(), v = l(), K = y && "loading" in HTMLImageElement.prototype;
@@ -61,7 +55,7 @@ const ye = ["src", "loading", "crossorigin"], he = { key: 0 }, He = /* @__PURE__
       return y && e ? { objectFit: e } : {};
     }), S = s(() => {
       const { previewSrcList: e } = t;
-      return de(e) && e.length > 0;
+      return pe(e) && e.length > 0;
     }), W = s(() => {
       const { previewSrcList: e, initialIndex: p } = t;
       let r = p;
@@ -83,13 +77,13 @@ const ye = ["src", "loading", "crossorigin"], he = { key: 0 }, He = /* @__PURE__
       if (!y) return;
       await ie();
       const { scrollContainer: e } = t;
-      if (ce(e))
+      if (ue(e))
         v.value = e;
-      else if (me(e) && e !== "")
+      else if (we(e) && e !== "")
         v.value = document.querySelector(e) ?? void 0;
       else if (h.value) {
-        const r = fe(h.value);
-        v.value = ue(r) ? void 0 : r;
+        const r = me(h.value);
+        v.value = de(r) ? void 0 : r;
       }
       const { stop: p } = ne(
         h,
@@ -155,7 +149,7 @@ const ye = ["src", "loading", "crossorigin"], he = { key: 0 }, He = /* @__PURE__
         ], 2)) : w("", !0)
       ], 64)),
       S.value ? (n(), c(V, { key: 2 }, [
-        z.value ? (n(), re(pe, {
+        z.value ? (n(), re(ve, {
           key: 0,
           "z-index": o.zIndex,
           "initial-index": W.value,
@@ -203,5 +197,5 @@ const ye = ["src", "loading", "crossorigin"], he = { key: 0 }, He = /* @__PURE__
   }
 });
 export {
-  He as default
+  Oe as default
 };