ep-craft 0.1.39 → 0.1.41

package/dist/components/slider/slider.js

@@ -1,24 +1,18 @@
-import { placements as a } from "@popperjs/core";
+import { placements as i } from "@popperjs/core";
 import { isNumber as r } from "../../utils/types.js";
-import "lodash-unified";
-import "@vueuse/core";
-import { isArray as p } from "@vue/shared";
-import { CHANGE_EVENT as l, INPUT_EVENT as n, UPDATE_MODEL_EVENT as m } from "../../constants/event.js";
-import "@element-plus/icons-vue";
-import { buildProps as u, definePropType as t } from "../../utils/vue/props/runtime.js";
+import { buildProps as l, definePropType as e } from "../../utils/vue/props/runtime.js";
+import { CHANGE_EVENT as p, INPUT_EVENT as n, UPDATE_MODEL_EVENT as u } from "../../constants/event.js";
 import "vue";
-import { useSizeProp as i } from "../../hooks/use-size/index.js";
-import "../../hooks/use-z-index/index.js";
-import "../../hooks/use-delayed-toggle/index.js";
+import "@vueuse/core";
+import { useSizeProp as a } from "../../hooks/use-size/index.js";
 import { useAriaProps as d } from "../../hooks/use-aria/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "../../hooks/use-empty-values/index.js";
-const A = u({
+import { isArray as m } from "@vue/shared";
+const c = l({
   /**
    * @description binding value
    */
   modelValue: {
-    type: t([Number, Array]),
+    type: e([Number, Array]),
     default: 0
   },
   id: {
@@ -43,7 +37,7 @@ const A = u({
    * @description step size, can be a number or `'mark'` to restrict values to marks. When set to `'mark'`, the `marks` attribute must be set
    */
   step: {
-    type: t([Number, String]),
+    type: e([Number, String]),
     default: 1
   },
   /**
@@ -60,11 +54,11 @@ const A = u({
   /**
    * @description size of the slider wrapper, will not work in vertical mode
    */
-  size: i,
+  size: a,
   /**
    * @description size of the input box, when set `size`, the default is the value of `size`
    */
-  inputSize: i,
+  inputSize: a,
   /**
    * @description whether to display breakpoints
    */
@@ -80,7 +74,7 @@ const A = u({
    * @description format to display tooltip value
    */
   formatTooltip: {
-    type: t(Function),
+    type: e(Function),
     default: void 0
   },
   /**
@@ -120,7 +114,7 @@ const A = u({
    * @description format to display the `aria-valuenow` attribute for screen readers
    */
   formatValueText: {
-    type: t(Function),
+    type: e(Function),
     default: void 0
   },
   /**
@@ -135,14 +129,14 @@ const A = u({
    */
   placement: {
     type: String,
-    values: a,
+    values: i,
     default: "top"
   },
   /**
    * @description marks, type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style
    */
   marks: {
-    type: t(Object)
+    type: e(Object)
   },
   /**
    * @description whether to trigger form validation
@@ -159,12 +153,12 @@ const A = u({
     default: !0
   },
   ...d(["ariaLabel"])
-}), o = (e) => r(e) || p(e) && e.every(r), w = {
-  [m]: o,
+}), o = (t) => r(t) || m(t) && t.every(r), B = {
+  [u]: o,
   [n]: o,
-  [l]: o
+  [p]: o
 };
 export {
-  w as sliderEmits,
-  A as sliderProps
+  B as sliderEmits,
+  c as sliderProps
 };

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

@@ -1,3 +1,3 @@
-import { OnlyChild } from "./src/only-child";
+import { OnlyChild } from "./src/only-child.js";
 export { OnlyChild as ElOnlyChild, OnlyChild };
-export * from './src/only-child';
+export * from './src/only-child.js';

package/dist/components/slot/src/only-child.js

@@ -1,37 +1,30 @@
-import { defineComponent as a, inject as h, withDirectives as N, cloneVNode as g, Comment as u, Fragment as C, Text as O, createVNode as v } from "vue";
+import { defineComponent as p, inject as h, withDirectives as N, cloneVNode as g, Comment as u, Fragment as C, Text as O, createVNode as v } from "vue";
+import { debugWarn as f } from "../../../utils/error.js";
 import { NOOP as y, isObject as F } from "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import { debugWarn as m } from "../../../utils/error.js";
-import "@element-plus/icons-vue";
 import { useNamespace as w } 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 { FORWARD_REF_INJECTION_KEY as E, useForwardRefDirective as R } from "../../../hooks/use-forward-ref/index.js";
-import "../../../hooks/use-empty-values/index.js";
-const i = "ElOnlyChild", P = /* @__PURE__ */ a({
+const i = "ElOnlyChild", W = /* @__PURE__ */ p({
   name: i,
-  setup(n, {
+  setup(r, {
     slots: t,
-    attrs: r
+    attrs: n
   }) {
-    const e = h(E), p = R((e == null ? void 0 : e.setForwardRef) ?? y);
+    const e = h(E), a = R((e == null ? void 0 : e.setForwardRef) ?? y);
     return () => {
       var l;
-      const o = (l = t.default) == null ? void 0 : l.call(t, r);
+      const o = (l = t.default) == null ? void 0 : l.call(t, n);
       if (!o) return null;
-      const [c, s] = d(o);
-      return c ? (s > 1 && m(i, "requires exact only one valid child."), N(g(c, r), [[p]])) : (m(i, "no valid child node found"), null);
+      const [c, m] = s(o);
+      return c ? (m > 1 && f(i, "requires exact only one valid child."), N(g(c, n), [[a]])) : (f(i, "no valid child node found"), null);
     };
   }
 });
-function d(n) {
-  if (!n) return [null, 0];
-  const t = n, r = t.filter((e) => e.type !== u).length;
+function s(r) {
+  if (!r) return [null, 0];
+  const t = r, n = t.filter((e) => e.type !== u).length;
   for (const e of t) {
     if (F(e))
       switch (e.type) {
@@ -39,22 +32,22 @@ function d(n) {
           continue;
         case O:
         case "svg":
-          return [f(e), r];
+          return [d(e), n];
         case C:
-          return d(e.children);
+          return s(e.children);
         default:
-          return [e, r];
+          return [e, n];
       }
-    return [f(e), r];
+    return [d(e), n];
   }
   return [null, 0];
 }
-function f(n) {
+function d(r) {
   const t = w("only-child");
   return v("span", {
     class: t.e("content")
-  }, [n]);
+  }, [r]);
 }
 export {
-  P as OnlyChild
+  W as OnlyChild
 };

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

@@ -1,5 +1,5 @@
 import type { Plugin } from 'vue';
-import _EpSpace from './space';
+import _EpSpace from './space.js';
 /**
  * space 自持 barrel（vendor-batch-5 产出）。
  *
@@ -9,9 +9,9 @@ import _EpSpace from './space';
  */
 export declare const EpSpace: typeof _EpSpace & Plugin;
 export default EpSpace;
-export { spaceItemProps } from './item';
-export { spaceProps } from './space';
-export { useSpace } from './use-space';
-export type { SpaceItemProps, SpaceItemPropsPublic, } from './item';
-export type { SpaceProps, SpacePropsPublic } from './space';
-export type { SpaceInstance } from './instance';
+export { spaceItemProps } from './item.js';
+export { spaceProps } from './space.js';
+export { useSpace } from './use-space.js';
+export type { SpaceItemProps, SpaceItemPropsPublic, } from './item.js';
+export type { SpaceProps, SpacePropsPublic } from './space.js';
+export type { SpaceInstance } from './instance.js';

package/dist/components/space/index.js

@@ -1,25 +1,11 @@
 import { withInstall as p } from "../../utils/with-install.js";
 import o from "./space.js";
-import { spaceProps as E } from "./space.js";
-import { spaceItemProps as d } from "./item.js";
-import "vue";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import "@element-plus/icons-vue";
-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 S = p(
+import { spaceProps as m } from "./space.js";
+const t = p(
   o,
   "ep-space"
 );
 export {
-  S as EpSpace,
-  d as spaceItemProps,
-  E as spaceProps
+  t as EpSpace,
+  m as spaceProps
 };

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

@@ -1,2 +1,2 @@
-import type Space from './space';
+import type Space from './space.js';
 export type SpaceInstance = InstanceType<typeof Space> & unknown;

package/dist/components/space/item.js

@@ -1,30 +1,22 @@
-import { defineComponent as r, computed as m, h as i, renderSlot as s } from "vue";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import "@element-plus/icons-vue";
-import { buildProps as a } from "../../utils/vue/props/runtime.js";
+import { defineComponent as s, computed as r, h as m, renderSlot as a } from "vue";
+import { buildProps as i } from "../../utils/vue/props/runtime.js";
 import { useNamespace as c } 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 = a({
+const n = i({
   prefixCls: {
     type: String
   }
-}), y = r({
+}), C = s({
   name: "EpSpaceItem",
   props: n,
-  setup(t, { slots: p }) {
-    const o = c("space"), e = m(() => `${t.prefixCls || o.b()}__item`);
-    return () => i("div", { class: e.value }, s(p, "default"));
+  setup(e, { slots: t }) {
+    const p = c("space"), o = r(() => `${e.prefixCls || p.b()}__item`);
+    return () => m("div", { class: o.value }, a(t, "default"));
   }
 });
 export {
-  y as default,
+  C as default,
   n as spaceItemProps
 };

package/dist/components/space/space.d.ts

@@ -1,24 +1,24 @@
 import type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue, VNode, VNodeChild } from 'vue';
-import type { Arrayable } from '../../utils/index';
+import type { Arrayable } from '../../utils/index.js';
 export declare const spaceProps: {
-    readonly direction: import("../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly class: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown, "", boolean>;
-    readonly style: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
-    readonly alignment: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined)) | null)[], unknown, unknown, "center", boolean>;
+    readonly direction: import("../../utils/index.js").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
+    readonly class: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown, "", boolean>;
+    readonly style: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
+    readonly alignment: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined)) | null)[], unknown, unknown, "center", boolean>;
     readonly prefixCls: {
         readonly type: import("vue").PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly spacer: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    readonly spacer: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, null, boolean>;
     readonly wrap: BooleanConstructor;
     readonly fill: BooleanConstructor;
-    readonly fillRatio: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
+    readonly fillRatio: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -27,24 +27,24 @@ export declare const spaceProps: {
 export type SpaceProps = ExtractPropTypes<typeof spaceProps>;
 export type SpacePropsPublic = ExtractPublicPropTypes<typeof spaceProps>;
 declare const Space: import("vue").DefineComponent<ExtractPropTypes<{
-    readonly direction: import("../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly class: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown, "", boolean>;
-    readonly style: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
-    readonly alignment: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined)) | null)[], unknown, unknown, "center", boolean>;
+    readonly direction: import("../../utils/index.js").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
+    readonly class: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown, "", boolean>;
+    readonly style: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
+    readonly alignment: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined)) | null)[], unknown, unknown, "center", boolean>;
     readonly prefixCls: {
         readonly type: import("vue").PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly spacer: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    readonly spacer: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, null, boolean>;
     readonly wrap: BooleanConstructor;
     readonly fill: BooleanConstructor;
-    readonly fillRatio: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
+    readonly fillRatio: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -55,24 +55,24 @@ declare const Space: import("vue").DefineComponent<ExtractPropTypes<{
     [name: string]: unknown;
     $stable?: boolean;
 } | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
-    readonly direction: import("../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly class: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown, "", boolean>;
-    readonly style: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
-    readonly alignment: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined)) | null)[], unknown, unknown, "center", boolean>;
+    readonly direction: import("../../utils/index.js").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
+    readonly class: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown, "", boolean>;
+    readonly style: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
+    readonly alignment: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined)) | null)[], unknown, unknown, "center", boolean>;
     readonly prefixCls: {
         readonly type: import("vue").PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly spacer: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    readonly spacer: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, null, boolean>;
     readonly wrap: BooleanConstructor;
     readonly fill: BooleanConstructor;
-    readonly fillRatio: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
+    readonly fillRatio: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -80,13 +80,13 @@ declare const Space: import("vue").DefineComponent<ExtractPropTypes<{
 }>> & Readonly<{}>, {
     readonly fill: boolean;
     readonly style: StyleValue;
-    readonly direction: import("../../utils/index").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+    readonly direction: import("../../utils/index.js").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
     readonly wrap: boolean;
-    readonly spacer: import("../../utils/index").EpPropMergeType<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    readonly spacer: import("../../utils/index.js").EpPropMergeType<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>>;
-    readonly class: import("../../utils/index").EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>;
-    readonly alignment: import("../../utils/index").EpPropMergeType<(new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined)) | null)[], unknown, unknown>;
+    readonly class: import("../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>;
+    readonly alignment: import("../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined)) | null)[], unknown, unknown>;
     readonly fillRatio: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default Space;

package/dist/components/space/space.js

@@ -1,15 +1,12 @@
-import { isVNode as S, defineComponent as P, renderSlot as T, createVNode as s, createTextVNode as A, Comment as L } from "vue";
+import { isVNode as S, defineComponent as P, renderSlot as T, createVNode as p, createTextVNode as A, Comment as L } from "vue";
 import { isNumber as y } from "../../utils/types.js";
-import "lodash-unified";
-import "@vueuse/core";
-import { isArray as c, isString as C } from "@vue/shared";
-import { componentSizes as O } from "../../constants/size.js";
-import "@element-plus/icons-vue";
-import { buildProps as z, definePropType as u } from "../../utils/vue/props/runtime.js";
-import { PatchFlags as i, isFragment as g, isValidElementNode as V } from "../../utils/vue/vnode.js";
+import { PatchFlags as l, isFragment as g, isValidElementNode as C } from "../../utils/vue/vnode.js";
+import { buildProps as O, definePropType as u } from "../../utils/vue/props/runtime.js";
+import { componentSizes as z } from "../../constants/size.js";
 import E from "./item.js";
-import { useSpace as Y } from "./use-space.js";
-const j = z({
+import { useSpace as V } from "./use-space.js";
+import { isArray as c, isString as Y } from "@vue/shared";
+const j = O({
   /**
    * @description Placement direction
    */
@@ -55,7 +52,7 @@ const j = z({
   spacer: {
     type: u([Object, String, Number, Array]),
     default: null,
-    validator: (e) => S(e) || y(e) || C(e)
+    validator: (e) => S(e) || y(e) || Y(e)
   },
   /**
    * @description Auto wrapping
@@ -77,49 +74,49 @@ const j = z({
    */
   size: {
     type: [String, Array, Number],
-    values: O,
+    values: z,
     validator: (e) => y(e) || c(e) && e.length === 2 && e.every(y)
   }
-}), G = P({
+}), X = P({
   name: "EpSpace",
   props: j,
   setup(e, { slots: b }) {
-    const { classes: v, containerStyle: N, itemStyle: f } = Y(e);
+    const { classes: v, containerStyle: N, itemStyle: f } = V(e);
     function d(n, a = "", t = []) {
-      const { prefixCls: l } = e;
+      const { prefixCls: i } = e;
       return n.forEach((o, m) => {
-        g(o) ? c(o.children) && o.children.forEach((r, p) => {
+        g(o) ? c(o.children) && o.children.forEach((r, s) => {
           g(r) && c(r.children) ? d(
             r.children,
-            `${a + p}-`,
+            `${a + s}-`,
             t
           ) : S(r) && (r == null ? void 0 : r.type) === L ? t.push(r) : t.push(
-            s(
+            p(
               E,
               {
                 style: f.value,
-                prefixCls: l,
-                key: `nested-${a + p}`
+                prefixCls: i,
+                key: `nested-${a + s}`
               },
               {
                 default: () => [r]
               },
-              i.PROPS | i.STYLE,
+              l.PROPS | l.STYLE,
               ["style", "prefixCls"]
             )
           );
-        }) : V(o) && t.push(
-          s(
+        }) : C(o) && t.push(
+          p(
             E,
             {
               style: f.value,
-              prefixCls: l,
+              prefixCls: i,
               key: `LoopKey${a + m}`
             },
             {
               default: () => [o]
             },
-            i.PROPS | i.STYLE,
+            l.PROPS | l.STYLE,
             ["style", "prefixCls"]
           )
         );
@@ -129,14 +126,14 @@ const j = z({
       const { spacer: n, direction: a } = e, t = T(b, "default", { key: 0 }, () => []);
       if ((t.children ?? []).length === 0) return null;
       if (c(t.children)) {
-        let l = d(t.children);
+        let i = d(t.children);
         if (n) {
-          const o = l.length - 1;
-          l = l.reduce(
-            (m, r, p) => {
+          const o = i.length - 1;
+          i = i.reduce(
+            (m, r, s) => {
               const h = [...m, r];
-              return p !== o && h.push(
-                s(
+              return s !== o && h.push(
+                p(
                   "span",
                   // adding width 100% for vertical alignment,
                   // when the spacer inherit the width from the
@@ -147,29 +144,29 @@ const j = z({
                       f.value,
                       a === "vertical" ? "width: 100%" : null
                     ],
-                    key: p
+                    key: s
                   },
                   [
                     // if spacer is already a valid vnode, then append it to the current
                     // span element.
                     // otherwise, treat it as string.
-                    S(n) ? n : A(n, i.TEXT)
+                    S(n) ? n : A(n, l.TEXT)
                   ],
-                  i.STYLE
+                  l.STYLE
                 )
               ), h;
             },
             []
           );
         }
-        return s(
+        return p(
           "div",
           {
             class: v.value,
             style: N.value
           },
-          l,
-          i.STYLE | i.CLASS
+          i,
+          l.STYLE | l.CLASS
         );
       }
       return t.children;
@@ -177,6 +174,6 @@ const j = z({
   }
 });
 export {
-  G as default,
+  X as default,
   j as spaceProps
 };

package/dist/components/space/use-space.d.ts

@@ -1,7 +1,7 @@
-import type { SpaceProps } from './space';
+import type { SpaceProps } from './space.js';
 import type { StyleValue } from 'vue';
 export declare function useSpace(props: SpaceProps): {
-    classes: import("vue").ComputedRef<import("../../utils/index").EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => import("../../utils/index").Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => import("../../utils/index").Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>[]>;
+    classes: import("vue").ComputedRef<import("../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => import("../../utils/index.js").Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => import("../../utils/index.js").Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>[]>;
     containerStyle: import("vue").ComputedRef<StyleValue>;
     itemStyle: import("vue").ComputedRef<StyleValue>;
 };