element-pe 1.0.2 → 1.0.6

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

@@ -1,154 +1,54 @@
-import type { SFCWithInstall } from 'element-plus/es/utils/types';
-declare const _Space: SFCWithInstall<import("vue").DefineComponent<{
-    direction: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
-        default: string;
-    };
-    class: {
-        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
-        default: string;
-    };
-    style: {
-        type: import("vue").PropType<string | any[] | import("vue").CSSProperties>;
-    };
-    alignment: {
-        type: import("vue").PropType<"">;
-        default: string;
-    };
-    prefixCls: {
-        type: StringConstructor;
-    };
-    spacer: {
-        type: import("vue").PropType<import("vue").VNodeChild>;
-        default: any;
-        validator: (val: unknown) => boolean;
-    };
-    wrap: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    fill: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    fillRatio: {
-        type: NumberConstructor;
-        default: number;
-    };
-    size: {
-        type: import("vue").PropType<number | import("element-plus/es/utils/types").ComponentSize | [number, number]>;
-        validator: (val: unknown) => boolean;
-    };
-}, {
-    classes: import("vue").ComputedRef<(string | Record<string, any>)[]>;
-    containerStyle: import("vue").ComputedRef<import("vue").CSSProperties[]>;
-    itemStyle: import("vue").ComputedRef<import("vue").CSSProperties[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    direction?: unknown;
-    class?: unknown;
-    style?: unknown;
-    alignment?: unknown;
-    prefixCls?: unknown;
-    spacer?: unknown;
-    wrap?: unknown;
-    fill?: unknown;
-    fillRatio?: unknown;
-    size?: unknown;
+export declare const ElSpace: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+    readonly direction: import("../../utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly class: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | string[] | Record<string, boolean>>, "", unknown, unknown, unknown>;
+    readonly style: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("vue").StyleValue>, "", unknown, unknown, unknown>;
+    readonly alignment: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string>, "center", unknown, unknown, unknown>;
+    readonly prefixCls: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly spacer: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("vue").VNodeChild>, null, unknown, unknown, unknown>;
+    readonly wrap: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fill: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fillRatio: import("../../utils/props").BuildPropReturn<NumberConstructor, 100, unknown, unknown, unknown>;
+    readonly size: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, NumberConstructor], unknown, unknown, "small" | "large" | "medium" | "mini", number | [number, number]>;
+}, () => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | {
+    [name: string]: unknown;
+    $stable?: boolean | undefined;
+} | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly direction?: unknown;
+    readonly class?: unknown;
+    readonly style?: unknown;
+    readonly alignment?: unknown;
+    readonly prefixCls?: unknown;
+    readonly spacer?: unknown;
+    readonly wrap?: unknown;
+    readonly fill?: unknown;
+    readonly fillRatio?: unknown;
+    readonly size?: unknown;
 } & {
-    fill: boolean;
-    class: string | unknown[] | Record<string, any>;
-    direction: "horizontal" | "vertical";
-    wrap: boolean;
-    alignment: "";
-    fillRatio: number;
-} & {
-    style?: unknown;
-    size?: number | import("element-plus/es/utils/types").ComponentSize | [number, number];
-    prefixCls?: string;
-    spacer?: import("vue").VNodeChild;
-}>, {
-    fill: boolean;
-    class: string | unknown[] | Record<string, any>;
-    direction: "horizontal" | "vertical";
-    wrap: boolean;
-    alignment: "";
+    fill: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    class: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown>;
+    style: import("vue").StyleValue;
+    direction: import("../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
+    wrap: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    alignment: string;
     spacer: import("vue").VNodeChild;
     fillRatio: number;
-}>>;
-export default _Space;
-export declare const ElSpace: SFCWithInstall<import("vue").DefineComponent<{
-    direction: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
-        default: string;
-    };
-    class: {
-        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
-        default: string;
-    };
-    style: {
-        type: import("vue").PropType<string | any[] | import("vue").CSSProperties>;
-    };
-    alignment: {
-        type: import("vue").PropType<"">;
-        default: string;
-    };
-    prefixCls: {
-        type: StringConstructor;
-    };
-    spacer: {
-        type: import("vue").PropType<import("vue").VNodeChild>;
-        default: any;
-        validator: (val: unknown) => boolean;
-    };
-    wrap: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    fill: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    fillRatio: {
-        type: NumberConstructor;
-        default: number;
-    };
-    size: {
-        type: import("vue").PropType<number | import("element-plus/es/utils/types").ComponentSize | [number, number]>;
-        validator: (val: unknown) => boolean;
-    };
-}, {
-    classes: import("vue").ComputedRef<(string | Record<string, any>)[]>;
-    containerStyle: import("vue").ComputedRef<import("vue").CSSProperties[]>;
-    itemStyle: import("vue").ComputedRef<import("vue").CSSProperties[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    direction?: unknown;
-    class?: unknown;
-    style?: unknown;
-    alignment?: unknown;
-    prefixCls?: unknown;
-    spacer?: unknown;
-    wrap?: unknown;
-    fill?: unknown;
-    fillRatio?: unknown;
-    size?: unknown;
-} & {
-    fill: boolean;
-    class: string | unknown[] | Record<string, any>;
-    direction: "horizontal" | "vertical";
-    wrap: boolean;
-    alignment: "";
-    fillRatio: number;
 } & {
-    style?: unknown;
-    size?: number | import("element-plus/es/utils/types").ComponentSize | [number, number];
-    prefixCls?: string;
-    spacer?: import("vue").VNodeChild;
+    size?: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "small" | "large" | "medium" | "mini", number | [number, number]> | undefined;
+    prefixCls?: string | undefined;
 }>, {
-    fill: boolean;
-    class: string | unknown[] | Record<string, any>;
-    direction: "horizontal" | "vertical";
-    wrap: boolean;
-    alignment: "";
+    fill: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    class: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown>;
+    style: import("vue").StyleValue;
+    direction: import("../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
+    size: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "small" | "large" | "medium" | "mini", number | [number, number]>;
+    wrap: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    alignment: string;
+    prefixCls: string;
     spacer: import("vue").VNodeChild;
     fillRatio: number;
-}>>;
+}>> & Record<string, any>;
+export default ElSpace;
+export * from './src/space';
+export * from './src/use-space';

package/lib/components/space/index.js

@@ -2,21 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var withInstall = require('element-pe/lib/utils/with-install');
 var vue = require('vue');
-var vnode = require('element-plus/lib/utils/vnode');
-var util = require('element-plus/lib/utils/util');
-var validators = require('element-plus/lib/utils/validators');
+var shared = require('@vue/shared');
+var vnode = require('element-pe/lib/utils/vnode');
+var util = require('element-pe/lib/utils/util');
+var props = require('element-pe/lib/utils/props');
 
+const spaceItem = props.buildProps({
+  prefixCls: {
+    type: String,
+    default: "el-space"
+  }
+});
 var script = vue.defineComponent({
-  props: {
-    prefixCls: {
-      type: String,
-      default: "el-space"
-    }
-  },
+  props: spaceItem,
   setup(props) {
+    const classes = vue.computed(() => [`${props.prefixCls}__item`]);
     return {
-      classes: vue.computed(() => `${props.prefixCls}__item`)
+      classes
     };
   }
 });
@@ -32,57 +36,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "packages/components/space/src/item.vue";
 
-const SizeMap = {
+const SIZE_MAP = {
   mini: 4,
   small: 8,
   medium: 12,
   large: 16
 };
-const defaultProps = {
-  direction: {
-    type: String,
-    default: "horizontal"
-  },
-  class: {
-    type: [String, Object, Array],
-    default: ""
-  },
-  style: {
-    type: [String, Array, Object]
-  },
-  alignment: {
-    type: String,
-    default: "center"
-  },
-  prefixCls: {
-    type: String
-  },
-  spacer: {
-    type: [Object, String, Number],
-    default: null,
-    validator: (val) => {
-      return vue.isVNode(val) || util.isNumber(val) || util.isString(val);
-    }
-  },
-  wrap: {
-    type: Boolean,
-    default: false
-  },
-  fill: {
-    type: Boolean,
-    default: false
-  },
-  fillRatio: {
-    type: Number,
-    default: 100
-  },
-  size: {
-    type: [String, Array, Number],
-    validator: (val) => {
-      return validators.isValidComponentSize(val) || util.isNumber(val) || util.isArray(val);
-    }
-  }
-};
 function useSpace(props) {
   const classes = vue.computed(() => [
     "el-space",
@@ -91,8 +50,24 @@ function useSpace(props) {
   ]);
   const horizontalSize = vue.ref(0);
   const verticalSize = vue.ref(0);
-  vue.watch(() => [props.size, props.wrap, props.direction, props.fill], ([size = "small", wrap, dir, fill]) => {
-    if (util.isArray(size)) {
+  const containerStyle = vue.computed(() => {
+    const wrapKls = props.wrap || props.fill ? { flexWrap: "wrap", marginBottom: `-${verticalSize.value}px` } : {};
+    const alignment = {
+      alignItems: props.alignment
+    };
+    return [wrapKls, alignment, props.style];
+  });
+  const itemStyle = vue.computed(() => {
+    const itemBaseStyle = {
+      paddingBottom: `${verticalSize.value}px`,
+      marginRight: `${horizontalSize.value}px`
+    };
+    const fillStyle = props.fill ? { flexGrow: 1, minWidth: `${props.fillRatio}%` } : {};
+    return [itemBaseStyle, fillStyle];
+  });
+  vue.watchEffect(() => {
+    const { size = "small", wrap, direction: dir, fill } = props;
+    if (Array.isArray(size)) {
       const [h = 0, v = 0] = size;
       horizontalSize.value = h;
       verticalSize.value = v;
@@ -101,7 +76,7 @@ function useSpace(props) {
       if (util.isNumber(size)) {
         val = size;
       } else {
-        val = SizeMap[size] || SizeMap.small;
+        val = SIZE_MAP[size] || SIZE_MAP.small;
       }
       if ((wrap || fill) && dir === "horizontal") {
         horizontalSize.value = verticalSize.value = val;
@@ -115,21 +90,6 @@ function useSpace(props) {
         }
       }
     }
-  }, { immediate: true });
-  const containerStyle = vue.computed(() => {
-    const wrapKls = props.wrap || props.fill ? { flexWrap: "wrap", marginBottom: `-${verticalSize.value}px` } : null;
-    const alignment = {
-      alignItems: props.alignment
-    };
-    return [wrapKls, alignment, props.style];
-  });
-  const itemStyle = vue.computed(() => {
-    const itemBaseStyle = {
-      paddingBottom: `${verticalSize.value}px`,
-      marginRight: `${horizontalSize.value}px`
-    };
-    const fillStyle = props.fill ? { flexGrow: 1, minWidth: `${props.fillRatio}%` } : null;
-    return [itemBaseStyle, fillStyle];
   });
   return {
     classes,
@@ -138,82 +98,123 @@ function useSpace(props) {
   };
 }
 
+const spaceProps = props.buildProps({
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  },
+  class: {
+    type: props.definePropType([
+      String,
+      Object,
+      Array
+    ]),
+    default: ""
+  },
+  style: {
+    type: props.definePropType([String, Array, Object]),
+    default: ""
+  },
+  alignment: {
+    type: props.definePropType(String),
+    default: "center"
+  },
+  prefixCls: {
+    type: String
+  },
+  spacer: {
+    type: props.definePropType([Object, String, Number, Array]),
+    default: null,
+    validator: (val) => vue.isVNode(val) || util.isNumber(val) || shared.isString(val)
+  },
+  wrap: {
+    type: Boolean,
+    default: false
+  },
+  fill: {
+    type: Boolean,
+    default: false
+  },
+  fillRatio: {
+    type: Number,
+    default: 100
+  },
+  size: {
+    type: [String, Array, Number],
+    values: props.componentSize,
+    validator: (val) => {
+      return util.isNumber(val) || util.isArray(val) && val.length === 2 && val.every((i) => util.isNumber(i));
+    }
+  }
+});
 var Space = vue.defineComponent({
   name: "ElSpace",
-  props: defaultProps,
-  setup(props) {
-    return useSpace(props);
-  },
-  render(ctx) {
-    const {
-      classes,
-      $slots,
-      containerStyle,
-      itemStyle,
-      spacer,
-      prefixCls,
-      direction
-    } = ctx;
-    const children = vue.renderSlot($slots, "default", { key: 0 }, () => []);
-    if (children.children.length === 0)
-      return null;
-    if (util.isArray(children.children)) {
-      let extractedChildren = [];
-      children.children.forEach((child, loopKey) => {
-        if (vnode.isFragment(child)) {
-          if (util.isArray(child.children)) {
-            child.children.forEach((nested, key) => {
-              extractedChildren.push(vue.createVNode(script, {
-                style: itemStyle,
-                prefixCls,
-                key: `nested-${key}`
-              }, {
-                default: () => [nested]
-              }, vnode.PatchFlags.PROPS | vnode.PatchFlags.STYLE, ["style", "prefixCls"]));
-            });
+  props: spaceProps,
+  setup(props, { slots }) {
+    const { classes, containerStyle, itemStyle } = useSpace(props);
+    return () => {
+      var _a;
+      const { spacer, prefixCls, direction } = props;
+      const children = vue.renderSlot(slots, "default", { key: 0 }, () => []);
+      if (((_a = children.children) != null ? _a : []).length === 0)
+        return null;
+      if (util.isArray(children.children)) {
+        let extractedChildren = [];
+        children.children.forEach((child, loopKey) => {
+          if (vnode.isFragment(child)) {
+            if (util.isArray(child.children)) {
+              child.children.forEach((nested, key) => {
+                extractedChildren.push(vue.createVNode(script, {
+                  style: itemStyle.value,
+                  prefixCls,
+                  key: `nested-${key}`
+                }, {
+                  default: () => [nested]
+                }, vnode.PatchFlags.PROPS | vnode.PatchFlags.STYLE, ["style", "prefixCls"]));
+              });
+            }
+          } else if (vnode.isValidElementNode(child)) {
+            extractedChildren.push(vue.createVNode(script, {
+              style: itemStyle.value,
+              prefixCls,
+              key: `LoopKey${loopKey}`
+            }, {
+              default: () => [child]
+            }, vnode.PatchFlags.PROPS | vnode.PatchFlags.STYLE, ["style", "prefixCls"]));
           }
-        } else if (vnode.isValidElementNode(child)) {
-          extractedChildren.push(vue.createVNode(script, {
-            style: itemStyle,
-            prefixCls,
-            key: `LoopKey${loopKey}`
-          }, {
-            default: () => [child]
-          }, vnode.PatchFlags.PROPS | vnode.PatchFlags.STYLE, ["style", "prefixCls"]));
+        });
+        if (spacer) {
+          const len = extractedChildren.length - 1;
+          extractedChildren = extractedChildren.reduce((acc, child, idx) => {
+            const children2 = [...acc, child];
+            if (idx !== len) {
+              children2.push(vue.createVNode("span", {
+                style: [
+                  itemStyle.value,
+                  direction === "vertical" ? "width: 100%" : null
+                ],
+                key: idx
+              }, [
+                vue.isVNode(spacer) ? spacer : vue.createTextVNode(spacer, vnode.PatchFlags.TEXT)
+              ], vnode.PatchFlags.STYLE));
+            }
+            return children2;
+          }, []);
         }
-      });
-      if (spacer) {
-        const len = extractedChildren.length - 1;
-        extractedChildren = extractedChildren.reduce((acc, child, idx) => {
-          return idx === len ? [...acc, child] : [
-            ...acc,
-            child,
-            vue.createVNode("span", {
-              style: [
-                itemStyle,
-                direction === "vertical" ? "width: 100%" : null
-              ],
-              key: idx
-            }, [
-              vue.isVNode(spacer) ? spacer : vue.createTextVNode(spacer, vnode.PatchFlags.TEXT)
-            ], vnode.PatchFlags.STYLE)
-          ];
-        }, []);
+        return vue.createVNode("div", {
+          class: classes.value,
+          style: containerStyle.value
+        }, extractedChildren, vnode.PatchFlags.STYLE | vnode.PatchFlags.CLASS);
       }
-      return vue.createVNode("div", {
-        class: classes,
-        style: containerStyle
-      }, extractedChildren, vnode.PatchFlags.STYLE | vnode.PatchFlags.CLASS);
-    }
-    return children.children;
+      return children.children;
+    };
   }
 });
 
-const _Space = Space;
-_Space.install = (app) => {
-  app.component(_Space.name, _Space);
-};
-const ElSpace = _Space;
+const ElSpace = withInstall.withInstall(Space);
 
 exports.ElSpace = ElSpace;
-exports["default"] = _Space;
+exports["default"] = ElSpace;
+exports.spaceProps = spaceProps;
+exports.useSpace = useSpace;

package/lib/components/space/src/item.vue.d.ts

@@ -1,12 +1,9 @@
 declare const _default: import("vue").DefineComponent<{
-    prefixCls: {
-        type: StringConstructor;
-        default: string;
-    };
+    readonly prefixCls: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "el-space", unknown, unknown, unknown>;
 }, {
-    classes: import("vue").ComputedRef<string>;
+    classes: import("vue").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    prefixCls?: unknown;
+    readonly prefixCls?: unknown;
 } & {
     prefixCls: string;
 } & {}>, {

package/lib/components/space/src/space.d.ts

@@ -0,0 +1,66 @@
+import type { VNode, StyleValue, ExtractPropTypes, VNodeChild } from 'vue';
+export declare const spaceProps: {
+    readonly direction: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly class: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<string | string[] | Record<string, boolean>>, "", unknown, unknown, unknown>;
+    readonly style: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<StyleValue>, "", unknown, unknown, unknown>;
+    readonly alignment: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<string>, "center", unknown, unknown, unknown>;
+    readonly prefixCls: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly spacer: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<VNodeChild>, null, unknown, unknown, unknown>;
+    readonly wrap: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fill: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fillRatio: import("element-pe/es/utils/props").BuildPropReturn<NumberConstructor, 100, unknown, unknown, unknown>;
+    readonly size: import("element-pe/es/utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, NumberConstructor], unknown, unknown, "small" | "large" | "medium" | "mini", number | [number, number]>;
+};
+export declare type SpaceProps = ExtractPropTypes<typeof spaceProps>;
+declare const _default: import("vue").DefineComponent<{
+    readonly direction: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly class: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<string | string[] | Record<string, boolean>>, "", unknown, unknown, unknown>;
+    readonly style: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<StyleValue>, "", unknown, unknown, unknown>;
+    readonly alignment: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<string>, "center", unknown, unknown, unknown>;
+    readonly prefixCls: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly spacer: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<VNodeChild>, null, unknown, unknown, unknown>;
+    readonly wrap: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fill: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fillRatio: import("element-pe/es/utils/props").BuildPropReturn<NumberConstructor, 100, unknown, unknown, unknown>;
+    readonly size: import("element-pe/es/utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, NumberConstructor], unknown, unknown, "small" | "large" | "medium" | "mini", number | [number, number]>;
+}, () => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | {
+    [name: string]: unknown;
+    $stable?: boolean | undefined;
+} | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly direction?: unknown;
+    readonly class?: unknown;
+    readonly style?: unknown;
+    readonly alignment?: unknown;
+    readonly prefixCls?: unknown;
+    readonly spacer?: unknown;
+    readonly wrap?: unknown;
+    readonly fill?: unknown;
+    readonly fillRatio?: unknown;
+    readonly size?: unknown;
+} & {
+    fill: import("element-pe/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    class: import("element-pe/es/utils/props").BuildPropType<import("element-pe/es/utils/props").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown>;
+    style: StyleValue;
+    direction: import("element-pe/es/utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
+    wrap: import("element-pe/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    alignment: string;
+    spacer: VNodeChild;
+    fillRatio: number;
+} & {
+    size?: import("element-pe/es/utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "small" | "large" | "medium" | "mini", number | [number, number]> | undefined;
+    prefixCls?: string | undefined;
+}>, {
+    fill: import("element-pe/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    class: import("element-pe/es/utils/props").BuildPropType<import("element-pe/es/utils/props").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown>;
+    style: StyleValue;
+    direction: import("element-pe/es/utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
+    size: import("element-pe/es/utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "small" | "large" | "medium" | "mini", number | [number, number]>;
+    wrap: import("element-pe/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    alignment: string;
+    prefixCls: string;
+    spacer: VNodeChild;
+    fillRatio: number;
+}>;
+export default _default;

package/lib/components/space/src/use-space.d.ts

@@ -0,0 +1,7 @@
+import type { SpaceProps } from './space';
+import type { StyleValue } from 'vue';
+export declare function useSpace(props: SpaceProps): {
+    classes: import("vue").ComputedRef<import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown>[]>;
+    containerStyle: import("vue").ComputedRef<StyleValue>;
+    itemStyle: import("vue").ComputedRef<StyleValue>;
+};

package/lib/components/space/style/css.d.ts

@@ -1,2 +1,2 @@
-import 'element-plus/lib/components/base/style/css';
-import 'element-plus/theme-chalk/el-space.css';
+import 'element-pe/lib/components/base/style/css';
+import 'element-pe/theme-chalk/el-space.css';

package/lib/components/space/style/css.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("element-plus/lib/components/base/style/css");
-require("element-plus/theme-chalk/el-space.css");
+require("element-pe/lib/components/base/style/css");
+require("element-pe/theme-chalk/el-space.css");

package/lib/components/space/style/index.d.ts

@@ -1,2 +1,2 @@
-import 'element-plus/lib/components/base/style';
-import 'element-plus/theme-chalk/src/space.scss';
+import 'element-pe/lib/components/base/style';
+import 'element-pe/theme-chalk/src/space.scss';