ep-craft 0.1.39 → 0.1.40

package/dist/components/focus-trap/src/utils.js

@@ -1,45 +1,41 @@
-import { ref as i, onMounted as v, onBeforeUnmount as p } from "vue";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
+import { onMounted as v, onBeforeUnmount as p, ref as i } from "vue";
 import { focusElement as F } from "../../../utils/dom/aria.js";
-import "@element-plus/icons-vue";
 import { FOCUSOUT_PREVENTED as w, FOCUSOUT_PREVENTED_OPTS as T } from "./tokens.js";
 const a = i(), u = i(0), d = i(0);
 let r = 0;
 const N = (e) => {
-  const o = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+  const n = [], o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (t) => {
       const s = t.tagName === "INPUT" && t.type === "hidden";
       return t.disabled || t.hidden || s ? NodeFilter.FILTER_SKIP : t.tabIndex >= 0 || t === document.activeElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
     }
   });
-  for (; n.nextNode(); ) o.push(n.currentNode);
-  return o;
-}, l = (e, o) => {
-  for (const n of e)
-    if (!y(n, o)) return n;
-}, y = (e, o) => {
+  for (; o.nextNode(); ) n.push(o.currentNode);
+  return n;
+}, m = (e, n) => {
+  for (const o of e)
+    if (!y(o, n)) return o;
+}, y = (e, n) => {
   if (process.env.NODE_ENV === "test") return !1;
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
-    if (o && e === o) return !1;
+    if (n && e === n) return !1;
     if (getComputedStyle(e).display === "none") return !0;
     e = e.parentElement;
   }
   return !1;
-}, U = (e) => {
-  const o = N(e), n = l(o, e), t = l(o.reverse(), e);
-  return [n, t];
-}, S = (e) => e instanceof HTMLInputElement && "select" in e, L = (e, o) => {
+}, C = (e) => {
+  const n = N(e), o = m(n, e), t = m(n.reverse(), e);
+  return [o, t];
+}, S = (e) => e instanceof HTMLInputElement && "select" in e, L = (e, n) => {
   if (e) {
-    const n = document.activeElement;
-    F(e, { preventScroll: !0 }), d.value = window.performance.now(), e !== n && S(e) && o && e.select();
+    const o = document.activeElement;
+    F(e, { preventScroll: !0 }), d.value = window.performance.now(), e !== o && S(e) && n && e.select();
   }
 };
-function f(e, o) {
-  const n = [...e], t = e.indexOf(o);
-  return t !== -1 && n.splice(t, 1), n;
+function f(e, n) {
+  const o = [...e], t = e.indexOf(n);
+  return t !== -1 && o.splice(t, 1), o;
 }
 const b = () => {
   let e = [];
@@ -49,19 +45,19 @@ const b = () => {
       s && t !== s && s.pause(), e = f(e, t), e.unshift(t);
     },
     remove: (t) => {
-      var s, m;
-      e = f(e, t), (m = (s = e[0]) == null ? void 0 : s.resume) == null || m.call(s);
+      var s, l;
+      e = f(e, t), (l = (s = e[0]) == null ? void 0 : s.resume) == null || l.call(s);
     }
   };
-}, _ = (e, o = !1) => {
-  const n = document.activeElement;
+}, I = (e, n = !1) => {
+  const o = document.activeElement;
   for (const t of e)
-    if (L(t, o), document.activeElement !== n) return;
-}, g = b(), x = () => u.value > d.value, c = () => {
+    if (L(t, n), document.activeElement !== o) return;
+}, O = b(), P = () => u.value > d.value, c = () => {
   a.value = "pointer", u.value = window.performance.now();
 }, E = () => {
   a.value = "keyboard", u.value = window.performance.now();
-}, D = () => (v(() => {
+}, U = () => (v(() => {
   r === 0 && (document.addEventListener("mousedown", c), document.addEventListener("touchstart", c), document.addEventListener("keydown", E)), r++;
 }), p(() => {
   r--, r <= 0 && (document.removeEventListener("mousedown", c), document.removeEventListener("touchstart", c), document.removeEventListener("keydown", E));
@@ -69,19 +65,19 @@ const b = () => {
   focusReason: a,
   lastUserFocusTimestamp: u,
   lastAutomatedFocusTimestamp: d
-}), H = (e) => new CustomEvent(w, {
+}), _ = (e) => new CustomEvent(w, {
   ...T,
   detail: e
 });
 export {
-  H as createFocusOutPreventedEvent,
-  _ as focusFirstDescendant,
-  g as focusableStack,
-  U as getEdges,
-  l as getVisibleElement,
-  x as isFocusCausedByUserEvent,
+  _ as createFocusOutPreventedEvent,
+  I as focusFirstDescendant,
+  O as focusableStack,
+  C as getEdges,
+  m as getVisibleElement,
+  P as isFocusCausedByUserEvent,
   y as isHidden,
   N as obtainAllFocusableElements,
   L as tryFocus,
-  D as useFocusReason
+  U as useFocusReason
 };

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

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

package/dist/components/form/EpForm.vue.d.ts

@@ -1,7 +1,7 @@
-import type { Arrayable } from '../../utils/index';
-import type { FormProps } from './src/form';
-import type { FormItemContext, FormValidateCallback, FormValidationResult } from './src/types';
-import type { FormItemProp } from './src/form-item';
+import type { Arrayable } from '../../utils/index.js';
+import type { FormProps } from './src/form.js';
+import type { FormItemContext, FormValidateCallback, FormValidationResult } from './src/types.js';
+import type { FormItemProp } from './src/form-item.js';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/components/form/EpForm.vue.js

@@ -1,23 +1,17 @@
 import { defineComponent as j, ref as k, reactive as E, computed as B, watch as z, provide as $, toRefs as b, openBlock as W, createElementBlock as D, normalizeClass as K, renderSlot as L } from "vue";
 import { cloneDeep as p, castArray as G } from "lodash-unified";
-import { NOOP as H, isArray as J, isFunction as Q } from "@vue/shared";
-import "@vueuse/core";
 import { debugWarn as u } from "../../utils/error.js";
+import { NOOP as H, isArray as J, isFunction as Q } from "@vue/shared";
 import { getProp as y } from "../../utils/objects.js";
-import "@element-plus/icons-vue";
 import { useNamespace as U } 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 { useFormSize as X } from "./src/hooks/use-form-common-props.js";
 import { formContextKey as Y } from "./src/constants.js";
 import { formEmits as Z } from "./src/form.js";
-import { useFormLabelWidth as ee, filterFields as m } from "./src/utils.js";
-const l = "ElForm", Fe = /* @__PURE__ */ j({
+import { useFormLabelWidth as ee, filterFields as d } from "./src/utils.js";
+const l = "ElForm", me = /* @__PURE__ */ j({
   name: l,
   __name: "EpForm",
   props: {
@@ -40,7 +34,7 @@ const l = "ElForm", Fe = /* @__PURE__ */ j({
   },
   emits: Z,
   setup(I, { expose: O, emit: C }) {
-    const s = I, P = C, d = k(), i = E([]), n = /* @__PURE__ */ new Map(), q = X(), a = U("form"), _ = B(() => {
+    const s = I, P = C, c = k(), i = E([]), n = /* @__PURE__ */ new Map(), q = X(), a = U("form"), _ = B(() => {
       const { labelPosition: e, inline: t } = s;
       return [
         a.b(),
@@ -50,7 +44,7 @@ const l = "ElForm", Fe = /* @__PURE__ */ j({
           [a.m("inline")]: t
         }
       ];
-    }), c = (e) => m(i, [e])[0], x = (e) => {
+    }), m = (e) => d(i, [e])[0], x = (e) => {
       i.includes(e) || i.push(e), e.propString && (n.has(e.propString) ? e.setInitialValue(n.get(e.propString)) : n.set(e.propString, p(e.fieldValue)));
     }, R = (e, t) => {
       if (t) {
@@ -81,7 +75,7 @@ const l = "ElForm", Fe = /* @__PURE__ */ j({
         u(l, "model is required for resetFields to work.");
         return;
       }
-      m(i, e).forEach((o) => o.resetField());
+      d(i, e).forEach((o) => o.resetField());
       const t = new Set(
         i.map((o) => o.propString).filter(Boolean)
       ), r = e.length > 0 ? G(e).map((o) => J(o) ? o.join(".") : o) : [...n.keys()];
@@ -90,13 +84,13 @@ const l = "ElForm", Fe = /* @__PURE__ */ j({
           n.get(o)
         ));
     }, F = (e = []) => {
-      m(i, e).forEach((t) => t.clearValidate());
+      d(i, e).forEach((t) => t.clearValidate());
     }, T = B(() => {
       const e = !!s.model;
       return e || u(l, "model is required for validate to work."), e;
     }), A = (e) => {
       if (i.length === 0) return [];
-      const t = m(i, e);
+      const t = d(i, e);
       return t.length ? t : (u(l, "please pass correct props!"), []);
     }, V = async (e) => h(void 0, e), M = async (e = []) => {
       if (!T.value) return !1;
@@ -121,15 +115,15 @@ const l = "ElForm", Fe = /* @__PURE__ */ j({
       } catch (f) {
         if (f instanceof Error) throw f;
         const S = f;
-        if (s.scrollToError && d.value) {
-          const g = d.value.querySelector(`.${a.b()}-item.is-error`);
+        if (s.scrollToError && c.value) {
+          const g = c.value.querySelector(`.${a.b()}-item.is-error`);
           g == null || g.scrollIntoView(s.scrollIntoViewOptions);
         }
         return !r && await (t == null ? void 0 : t(!1, S)), o && Promise.reject(S);
       }
     }, N = (e) => {
       var r;
-      const t = c(e);
+      const t = m(e);
       t && ((r = t.$el) == null || r.scrollIntoView(s.scrollIntoViewOptions));
     };
     return z(
@@ -146,7 +140,7 @@ const l = "ElForm", Fe = /* @__PURE__ */ j({
         resetFields: w,
         clearValidate: F,
         validateField: h,
-        getField: c,
+        getField: m,
         addField: x,
         removeField: R,
         setInitialValues: v,
@@ -176,7 +170,7 @@ const l = "ElForm", Fe = /* @__PURE__ */ j({
       /**
        * @description Get a field context.
        */
-      getField: c,
+      getField: m,
       /**
        * @description All fields context.
        */
@@ -187,7 +181,7 @@ const l = "ElForm", Fe = /* @__PURE__ */ j({
       setInitialValues: v
     }), (e, t) => (W(), D("form", {
       ref_key: "formRef",
-      ref: d,
+      ref: c,
       class: K(_.value)
     }, [
       L(e.$slots, "default")
@@ -195,5 +189,5 @@ const l = "ElForm", Fe = /* @__PURE__ */ j({
   }
 });
 export {
-  Fe as default
+  me as default
 };

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

@@ -1,17 +1,17 @@
 import type { Plugin } from 'vue';
-import _EpForm from './EpForm.vue';
-import _EpFormItem from '../form-item/EpFormItem.vue';
+import _EpForm from './EpForm.vue.js';
+import _EpFormItem from '../form-item/EpFormItem.vue.js';
 export declare const EpForm: typeof _EpForm & Plugin & {
     FormItem: typeof _EpFormItem;
 };
 export default EpForm;
-export * from './src/constants';
-export * from './src/hooks/use-form-common-props';
-export * from './src/hooks/use-form-item';
-export { formEmits, formMetaProps, formProps } from './src/form';
-export { formItemProps, formItemValidateStates } from './src/form-item';
-export type { FormEmits, FormMetaProps, FormMetaPropsPublic, FormProps, FormPropsPublic, } from './src/form';
-export type { FormItemProp, FormItemProps, FormItemPropsPublic, FormItemValidateState, } from './src/form-item';
-export type { FormContext, FormItemContext, FormItemRule, FormLabelWidthContext, FormRules, FormValidateCallback, FormValidateFailure, FormValidationResult, } from './src/types';
-export type { FormInstance } from './instance';
-export type { FormItemInstance } from '../form-item/instance';
+export * from './src/constants.js';
+export * from './src/hooks/use-form-common-props.js';
+export * from './src/hooks/use-form-item.js';
+export { formEmits, formMetaProps, formProps } from './src/form.js';
+export { formItemProps, formItemValidateStates } from './src/form-item.js';
+export type { FormEmits, FormMetaProps, FormMetaPropsPublic, FormProps, FormPropsPublic, } from './src/form.js';
+export type { FormItemProp, FormItemProps, FormItemPropsPublic, FormItemValidateState, } from './src/form-item.js';
+export type { FormContext, FormItemContext, FormItemRule, FormLabelWidthContext, FormRules, FormValidateCallback, FormValidateFailure, FormValidationResult, } from './src/types.js';
+export type { FormInstance } from './instance.js';
+export type { FormItemInstance } from '../form-item/instance.js';

package/dist/components/form/index.js

@@ -1,20 +1,7 @@
-import { withInstall as o } from "../../utils/with-install.js";
-import m from "./EpForm.vue.js";
+import { withInstall as m } from "../../utils/with-install.js";
+import o from "./EpForm.vue.js";
 import r from "../form-item/EpFormItem.vue.js";
-import "vue";
-import "../../hooks/use-size/index.js";
-import "@vueuse/core";
-import "@vue/shared";
-import "lodash-unified";
-import "@element-plus/icons-vue";
-import { formEmits as x, formMetaProps as P, formProps as E } from "./src/form.js";
-import { formItemProps as b, formItemValidateStates as d } from "./src/form-item.js";
-const I = Object.assign(o(m, "ep-form"), { FormItem: r });
+const p = Object.assign(m(o, "ep-form"), { FormItem: r });
 export {
-  I as EpForm,
-  x as formEmits,
-  b as formItemProps,
-  d as formItemValidateStates,
-  P as formMetaProps,
-  E as formProps
+  p as EpForm
 };

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

@@ -1,2 +1,2 @@
-import type _EpForm from './EpForm.vue';
+import type _EpForm from './EpForm.vue.js';
 export type FormInstance = InstanceType<typeof _EpForm>;

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

@@ -1,4 +1,4 @@
 import type { InjectionKey } from 'vue';
-import type { FormContext, FormItemContext } from './types';
+import type { FormContext, FormItemContext } from './types.js';
 export declare const formContextKey: InjectionKey<FormContext>;
 export declare const formItemContextKey: InjectionKey<FormItemContext | undefined>;

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

@@ -1,7 +1,7 @@
 import type { ExtractPublicPropTypes } from 'vue';
-import type { ComponentSize } from '../../../constants/index';
-import type { Arrayable } from '../../../utils/index';
-import type { FormItemRule } from './types';
+import type { ComponentSize } from '../../../constants/index.js';
+import type { Arrayable } from '../../../utils/index.js';
+import type { FormItemRule } from './types.js';
 export declare const formItemValidateStates: readonly ["", "error", "validating", "success"];
 export type FormItemValidateState = (typeof formItemValidateStates)[number];
 export type FormItemProp = Arrayable<string>;
@@ -61,37 +61,37 @@ export interface FormItemProps {
 export declare const formItemProps: {
     readonly label: StringConstructor;
     readonly labelWidth: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly labelPosition: import("../../../utils/index").EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
+    readonly labelPosition: import("../../../utils/index.js").EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
     readonly prop: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => FormItemProp) | (((new (...args: any[]) => string | string[]) | (() => FormItemProp)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => FormItemProp) | (((new (...args: any[]) => string | string[]) | (() => FormItemProp)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly required: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly required: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     readonly rules: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => Arrayable<FormItemRule>) | (((new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => Arrayable<FormItemRule>)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => Arrayable<FormItemRule>) | (((new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => Arrayable<FormItemRule>)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly error: StringConstructor;
     readonly validateStatus: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly for: StringConstructor;
-    readonly inlineMessage: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly showMessage: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly inlineMessage: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly showMessage: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

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

@@ -1,16 +1,11 @@
 import { componentSizes as t } from "../../../constants/size.js";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import "@element-plus/icons-vue";
 import { buildProps as r, definePropType as e } from "../../../utils/vue/props/runtime.js";
-import "vue";
 const o = [
   "",
   "error",
   "validating",
   "success"
-], u = r({
+], l = r({
   /**
    * @description Label text.
    */
@@ -86,6 +81,6 @@ const o = [
   }
 });
 export {
-  u as formItemProps,
+  l as formItemProps,
   o as formItemValidateStates
 };

package/dist/components/form/src/form-label-wrap.js

@@ -1,74 +1,66 @@
 import { defineComponent as E, inject as c, ref as h, onMounted as N, onBeforeUnmount as A, onUpdated as P, watch as y, computed as M, createVNode as b, Fragment as F, nextTick as B } from "vue";
 import { useResizeObserver as O } from "@vueuse/core";
-import "@vue/shared";
-import "lodash-unified";
 import { throwError as C } from "../../../utils/error.js";
-import "@element-plus/icons-vue";
 import { useNamespace as K } from "../../../hooks/use-namespace/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 { formContextKey as R, formItemContextKey as T } from "./constants.js";
-const W = "ElLabelWrap", X = /* @__PURE__ */ E({
+const W = "ElLabelWrap", $ = /* @__PURE__ */ E({
   name: W,
   props: {
     isAutoWidth: Boolean,
     updateAll: Boolean
   },
-  setup(l, {
+  setup(o, {
     slots: i
   }) {
-    const t = c(R, void 0), a = c(T);
-    a || C(W, "usage: <el-form-item><label-wrap /></el-form-item>");
-    const L = K("form"), o = h(), n = h(0), g = () => {
+    const t = c(R, void 0), r = c(T);
+    r || C(W, "usage: <el-form-item><label-wrap /></el-form-item>");
+    const L = K("form"), n = h(), l = h(0), g = () => {
       var e;
-      if ((e = o.value) != null && e.firstElementChild) {
-        const r = window.getComputedStyle(o.value.firstElementChild).width;
-        return Math.ceil(Number.parseFloat(r));
+      if ((e = n.value) != null && e.firstElementChild) {
+        const a = window.getComputedStyle(n.value.firstElementChild).width;
+        return Math.ceil(Number.parseFloat(a));
       } else
         return 0;
-    }, d = (e = "update") => {
+    }, m = (e = "update") => {
       B(() => {
-        i.default && l.isAutoWidth && (e === "update" ? n.value = g() : e === "remove" && (t == null || t.deregisterLabelWidth(n.value)));
+        i.default && o.isAutoWidth && (e === "update" ? l.value = g() : e === "remove" && (t == null || t.deregisterLabelWidth(l.value)));
       });
-    }, m = () => d("update");
+    }, u = () => m("update");
     return N(() => {
-      m();
+      u();
     }), A(() => {
-      d("remove");
-    }), P(() => m()), y(n, (e, r) => {
-      l.updateAll && (t == null || t.registerLabelWidth(e, r));
+      m("remove");
+    }), P(() => u()), y(l, (e, a) => {
+      o.updateAll && (t == null || t.registerLabelWidth(e, a));
     }), O(M(() => {
       var e;
-      return ((e = o.value) == null ? void 0 : e.firstElementChild) ?? null;
-    }), m), () => {
-      var r, p;
+      return ((e = n.value) == null ? void 0 : e.firstElementChild) ?? null;
+    }), u), () => {
+      var a, f;
       if (!i) return null;
       const {
         isAutoWidth: e
-      } = l;
+      } = o;
       if (e) {
-        const u = t == null ? void 0 : t.autoLabelWidth, v = a == null ? void 0 : a.hasLabel, f = {};
-        if (v && u && u !== "auto") {
-          const s = Math.max(0, Number.parseInt(u, 10) - n.value), w = (a.labelPosition || t.labelPosition) === "left" ? "marginRight" : "marginLeft";
-          s && (f[w] = `${s}px`);
+        const d = t == null ? void 0 : t.autoLabelWidth, v = r == null ? void 0 : r.hasLabel, s = {};
+        if (v && d && d !== "auto") {
+          const p = Math.max(0, Number.parseInt(d, 10) - l.value), w = (r.labelPosition || t.labelPosition) === "left" ? "marginRight" : "marginLeft";
+          p && (s[w] = `${p}px`);
         }
         return b("div", {
-          ref: o,
+          ref: n,
           class: [L.be("item", "label-wrap")],
-          style: f
-        }, [(r = i.default) == null ? void 0 : r.call(i)]);
+          style: s
+        }, [(a = i.default) == null ? void 0 : a.call(i)]);
       } else
         return b(F, {
-          ref: o
-        }, [(p = i.default) == null ? void 0 : p.call(i)]);
+          ref: n
+        }, [(f = i.default) == null ? void 0 : f.call(i)]);
     };
   }
 });
 export {
-  X as default
+  $ as default
 };

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

@@ -1,7 +1,7 @@
 import type { ExtractPublicPropTypes } from 'vue';
-import type { ComponentSize } from '../../../constants/index';
-import type { FormItemProp } from './form-item';
-import type { FormRules } from './types';
+import type { ComponentSize } from '../../../constants/index.js';
+import type { FormItemProp } from './form-item.js';
+import type { FormRules } from './types.js';
 export interface FormMetaProps {
     /**
      * @description Control the size of components in this form.
@@ -17,7 +17,7 @@ export interface FormMetaProps {
  */
 export declare const formMetaProps: {
     readonly size: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -88,25 +88,25 @@ export interface FormProps extends FormMetaProps {
 export declare const formProps: {
     readonly model: ObjectConstructor;
     readonly rules: {
-        readonly type: import("vue").PropType<Partial<Record<string, Record<string, any> | import("../../../utils/index").Arrayable<import("./types").FormItemRule>>>>;
+        readonly type: import("vue").PropType<Partial<Record<string, Record<string, any> | import("../../../utils/index.js").Arrayable<import("./types.js").FormItemRule>>>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly labelPosition: import("../../../utils/index").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
-    readonly requireAsteriskPosition: import("../../../utils/index").EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
-    readonly labelWidth: import("../../../utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    readonly labelSuffix: import("../../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly labelPosition: import("../../../utils/index.js").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+    readonly requireAsteriskPosition: import("../../../utils/index.js").EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+    readonly labelWidth: import("../../../utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly labelSuffix: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly inline: BooleanConstructor;
     readonly inlineMessage: BooleanConstructor;
     readonly statusIcon: BooleanConstructor;
-    readonly showMessage: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly validateOnRuleChange: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showMessage: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly validateOnRuleChange: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly hideRequiredAsterisk: BooleanConstructor;
     readonly scrollToError: BooleanConstructor;
-    readonly scrollIntoViewOptions: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | (((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions)) | null)[], unknown, unknown, true, boolean>;
+    readonly scrollIntoViewOptions: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | (((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions)) | null)[], unknown, unknown, true, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

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

@@ -1,12 +1,8 @@
 import { componentSizes as a } from "../../../constants/size.js";
 import { isBoolean as n } from "../../../utils/types.js";
-import "lodash-unified";
-import "@vueuse/core";
-import { isArray as s, isString as t } from "@vue/shared";
-import "@element-plus/icons-vue";
-import { buildProps as i, definePropType as o } from "../../../utils/vue/props/runtime.js";
-import "vue";
-const p = i({
+import { buildProps as l, definePropType as t } from "../../../utils/vue/props/runtime.js";
+import { isArray as s, isString as o } from "@vue/shared";
+const u = l({
   /**
    * @description Control the size of components in this form.
    */
@@ -18,8 +14,8 @@ const p = i({
    * @description Whether to disable all components in this form. If set to `true`, it will override the `disabled` prop of the inner component.
    */
   disabled: Boolean
-}), b = i({
-  ...p,
+}), g = l({
+  ...u,
   /**
    * @description Data of form component.
    */
@@ -28,7 +24,7 @@ const p = i({
    * @description Validation rules of form.
    */
   rules: {
-    type: o(Object)
+    type: t(Object)
   },
   /**
    * @description Position of label. If set to `'left'` or `'right'`, `label-width` prop is also required.
@@ -98,14 +94,14 @@ const p = i({
    * @description When validation fails, it scrolls to the first error item based on the scrollIntoView option.
    */
   scrollIntoViewOptions: {
-    type: o([Object, Boolean]),
+    type: t([Object, Boolean]),
     default: !0
   }
-}), S = {
-  validate: (e, r, l) => (s(e) || t(e)) && n(r) && t(l)
+}), y = {
+  validate: (e, i, r) => (s(e) || o(e)) && n(i) && o(r)
 };
 export {
-  S as formEmits,
-  p as formMetaProps,
-  b as formProps
+  y as formEmits,
+  u as formMetaProps,
+  g as formProps
 };