@element-plus/nightly 0.0.20211230

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

@@ -0,0 +1,54 @@
+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" | "default" | "large", 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: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    style: import("vue").StyleValue;
+    class: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown>;
+    wrap: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    direction: import("../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
+    alignment: string;
+    spacer: import("vue").VNodeChild;
+    fillRatio: number;
+} & {
+    size?: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "small" | "default" | "large", number | [number, number]> | undefined;
+    prefixCls?: string | undefined;
+}>, {
+    size: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "small" | "default" | "large", number | [number, number]>;
+    fill: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    style: import("vue").StyleValue;
+    class: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown>;
+    wrap: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    direction: import("../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", 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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var withInstall = require('../../utils/with-install.js');
+var space = require('./src/space.js');
+var useSpace = require('./src/use-space.js');
+
+const ElSpace = withInstall.withInstall(space["default"]);
+
+exports.spaceProps = space.spaceProps;
+exports.useSpace = useSpace.useSpace;
+exports.ElSpace = ElSpace;
+exports["default"] = ElSpace;
+//# sourceMappingURL=index.js.map

package/lib/components/space/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/space/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Space from './src/space'\n\nexport const ElSpace = withInstall(Space)\nexport default ElSpace\n\nexport * from './src/space'\nexport * from './src/use-space'\n"],"names":["withInstall","Space"],"mappings":";;;;;;;;AAEY,MAAC,OAAO,GAAGA,uBAAW,CAACC,gBAAK;;;;;;;"}

package/lib/components/space/src/item.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var item_vue_vue_type_script_lang = require('./item.vue_vue_type_script_lang.js');
+var item_vue_vue_type_template_id_88dfb868_lang = require('./item.vue_vue_type_template_id_88dfb868_lang.js');
+
+item_vue_vue_type_script_lang["default"].render = item_vue_vue_type_template_id_88dfb868_lang.render;
+item_vue_vue_type_script_lang["default"].__file = "packages/components/space/src/item.vue";
+
+exports["default"] = item_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=item.js.map

package/lib/components/space/src/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly prefixCls: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "el-space", unknown, unknown, unknown>;
+}, {
+    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<{
+    readonly prefixCls?: unknown;
+} & {
+    prefixCls: string;
+} & {}>, {
+    prefixCls: string;
+}>;
+export default _default;

package/lib/components/space/src/item.vue_vue_type_script_lang.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var props = require('../../../utils/props.js');
+
+const spaceItem = props.buildProps({
+  prefixCls: {
+    type: String,
+    default: "el-space"
+  }
+});
+var script = vue.defineComponent({
+  props: spaceItem,
+  setup(props) {
+    const classes = vue.computed(() => [`${props.prefixCls}__item`]);
+    return {
+      classes
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=item.vue_vue_type_script_lang.js.map

package/lib/components/space/src/item.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/space/src/item.vue"],"sourcesContent":["<template>\n  <div :class=\"classes\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { buildProps } from '@element-plus/utils/props'\n\nconst spaceItem = buildProps({\n  prefixCls: {\n    type: String,\n    default: 'el-space',\n  },\n} as const)\n\nexport default defineComponent({\n  props: spaceItem,\n\n  setup(props) {\n    const classes = computed(() => [`${props.prefixCls}__item`])\n\n    return {\n      classes,\n    }\n  },\n})\n</script>\n"],"names":["buildProps","computed"],"mappings":";;;;;;;AAQA,eAAe,GAAGA,gBAAU,CAAC;;AAE7B,IAAI,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE;;;;AAIb,EAAE,KAAK,EAAE;;AAET,IAAI,MAAM,OAAO,GAAGC,YAAQ,CAAC;IACzB,OAAO;;KAEN,CAAC;;;;;;"}

package/lib/components/space/src/item.vue_vue_type_template_id_88dfb868_lang.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.classes)
+  }, [
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+
+exports.render = render;
+//# sourceMappingURL=item.vue_vue_type_template_id_88dfb868_lang.js.map

package/lib/components/space/src/item.vue_vue_type_template_id_88dfb868_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.vue_vue_type_template_id_88dfb868_lang.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

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-plus/es/utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly class: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | string[] | Record<string, boolean>>, "", unknown, unknown, unknown>;
+    readonly style: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<StyleValue>, "", unknown, unknown, unknown>;
+    readonly alignment: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string>, "center", unknown, unknown, unknown>;
+    readonly prefixCls: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly spacer: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<VNodeChild>, null, unknown, unknown, unknown>;
+    readonly wrap: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fill: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fillRatio: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 100, unknown, unknown, unknown>;
+    readonly size: import("element-plus/es/utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, NumberConstructor], unknown, unknown, "small" | "default" | "large", number | [number, number]>;
+};
+export declare type SpaceProps = ExtractPropTypes<typeof spaceProps>;
+declare const _default: import("vue").DefineComponent<{
+    readonly direction: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly class: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | string[] | Record<string, boolean>>, "", unknown, unknown, unknown>;
+    readonly style: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<StyleValue>, "", unknown, unknown, unknown>;
+    readonly alignment: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string>, "center", unknown, unknown, unknown>;
+    readonly prefixCls: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly spacer: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<VNodeChild>, null, unknown, unknown, unknown>;
+    readonly wrap: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fill: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fillRatio: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 100, unknown, unknown, unknown>;
+    readonly size: import("element-plus/es/utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, NumberConstructor], unknown, unknown, "small" | "default" | "large", 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-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    style: StyleValue;
+    class: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown>;
+    wrap: import("element-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    direction: import("element-plus/es/utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
+    alignment: string;
+    spacer: VNodeChild;
+    fillRatio: number;
+} & {
+    size?: import("element-plus/es/utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "small" | "default" | "large", number | [number, number]> | undefined;
+    prefixCls?: string | undefined;
+}>, {
+    size: import("element-plus/es/utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "small" | "default" | "large", number | [number, number]>;
+    fill: import("element-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    style: StyleValue;
+    class: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown>;
+    wrap: import("element-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    direction: import("element-plus/es/utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
+    alignment: string;
+    prefixCls: string;
+    spacer: VNodeChild;
+    fillRatio: number;
+}>;
+export default _default;

package/lib/components/space/src/space.js

@@ -0,0 +1,130 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var shared = require('@vue/shared');
+var vnode = require('../../../utils/vnode.js');
+var util = require('../../../utils/util.js');
+var props = require('../../../utils/props.js');
+require('./item.js');
+var useSpace = require('./use-space.js');
+var item_vue_vue_type_script_lang = require('./item.vue_vue_type_script_lang.js');
+
+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) || shared.isArray(val) && val.length === 2 && val.every((i) => util.isNumber(i));
+    }
+  }
+});
+var Space = vue.defineComponent({
+  name: "ElSpace",
+  props: spaceProps,
+  setup(props, { slots }) {
+    const { classes, containerStyle, itemStyle } = useSpace.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 (shared.isArray(children.children)) {
+        let extractedChildren = [];
+        children.children.forEach((child, loopKey) => {
+          if (vnode.isFragment(child)) {
+            if (shared.isArray(child.children)) {
+              child.children.forEach((nested, key) => {
+                extractedChildren.push(vue.createVNode(item_vue_vue_type_script_lang["default"], {
+                  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(item_vue_vue_type_script_lang["default"], {
+              style: itemStyle.value,
+              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;
+          }, []);
+        }
+        return vue.createVNode("div", {
+          class: classes.value,
+          style: containerStyle.value
+        }, extractedChildren, vnode.PatchFlags.STYLE | vnode.PatchFlags.CLASS);
+      }
+      return children.children;
+    };
+  }
+});
+
+exports["default"] = Space;
+exports.spaceProps = spaceProps;
+//# sourceMappingURL=space.js.map

package/lib/components/space/src/space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"space.js","sources":["../../../../../../packages/components/space/src/space.ts"],"sourcesContent":["import {\n  defineComponent,\n  renderSlot,\n  createVNode,\n  createTextVNode,\n  isVNode,\n} from 'vue'\nimport { isString } from '@vue/shared'\nimport {\n  PatchFlags,\n  isFragment,\n  isValidElementNode,\n} from '@element-plus/utils/vnode'\nimport { isArray, isNumber } from '@element-plus/utils/util'\nimport {\n  buildProps,\n  componentSize,\n  definePropType,\n} from '@element-plus/utils/props'\nimport Item from './item.vue'\nimport { useSpace } from './use-space'\n\nimport type { VNode, StyleValue, ExtractPropTypes, VNodeChild } from 'vue'\nimport type { AlignItemsProperty } from 'csstype'\n\nexport const spaceProps = buildProps({\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n\n  class: {\n    type: definePropType<string | string[] | Record<string, boolean>>([\n      String,\n      Object,\n      Array,\n    ]),\n    default: '',\n  },\n\n  style: {\n    type: definePropType<StyleValue>([String, Array, Object]),\n    default: '',\n  },\n\n  alignment: {\n    type: definePropType<AlignItemsProperty>(String),\n    default: 'center',\n  },\n\n  prefixCls: {\n    type: String,\n  },\n\n  spacer: {\n    type: definePropType<VNodeChild>([Object, String, Number, Array]),\n    default: null,\n    validator: (val: unknown) => isVNode(val) || isNumber(val) || isString(val),\n  },\n\n  wrap: {\n    type: Boolean,\n    default: false,\n  },\n\n  fill: {\n    type: Boolean,\n    default: false,\n  },\n\n  fillRatio: {\n    type: Number,\n    default: 100,\n  },\n\n  size: {\n    type: [String, Array, Number],\n    values: componentSize,\n    validator: (val: unknown): val is [number, number] | number => {\n      return (\n        isNumber(val) ||\n        (isArray(val) && val.length === 2 && val.every((i) => isNumber(i)))\n      )\n    },\n  },\n} as const)\nexport type SpaceProps = ExtractPropTypes<typeof spaceProps>\n\nexport default defineComponent({\n  name: 'ElSpace',\n\n  props: spaceProps,\n\n  setup(props, { slots }) {\n    const { classes, containerStyle, itemStyle } = useSpace(props)\n\n    return () => {\n      const { spacer, prefixCls, direction } = props\n\n      const children = renderSlot(slots, 'default', { key: 0 }, () => [])\n      // retrieve the children out via a simple for loop\n      // the edge case here is that when users uses directives like <v-for>, <v-if>\n      // we need to go one layer deeper\n\n      if ((children.children ?? []).length === 0) return null\n\n      // loop the children, if current children is rendered via `renderList` or `<v-for>`\n      if (isArray(children.children)) {\n        let extractedChildren: VNode[] = []\n        children.children.forEach((child, loopKey) => {\n          if (isFragment(child)) {\n            if (isArray(child.children)) {\n              child.children.forEach((nested, key) => {\n                extractedChildren.push(\n                  createVNode(\n                    Item,\n                    {\n                      style: itemStyle.value,\n                      prefixCls,\n                      key: `nested-${key}`,\n                    },\n                    {\n                      default: () => [nested],\n                    },\n                    PatchFlags.PROPS | PatchFlags.STYLE,\n                    ['style', 'prefixCls']\n                  )\n                )\n              })\n            }\n            // if the current child is valid vnode, then append this current vnode\n            // to item as child node.\n          } else if (isValidElementNode(child)) {\n            extractedChildren.push(\n              createVNode(\n                Item,\n                {\n                  style: itemStyle.value,\n                  prefixCls,\n                  key: `LoopKey${loopKey}`,\n                },\n                {\n                  default: () => [child],\n                },\n                PatchFlags.PROPS | PatchFlags.STYLE,\n                ['style', 'prefixCls']\n              )\n            )\n          }\n        })\n\n        if (spacer) {\n          // track the current rendering index, when encounters the last element\n          // then no need to add a spacer after it.\n          const len = extractedChildren.length - 1\n          extractedChildren = extractedChildren.reduce<VNode[]>(\n            (acc, child, idx) => {\n              const children = [...acc, child]\n              if (idx !== len) {\n                children.push(\n                  createVNode(\n                    'span',\n                    // adding width 100% for vertical alignment,\n                    // when the spacer inherit the width from the\n                    // parent, this span's width was not set, so space\n                    // might disappear\n                    {\n                      style: [\n                        itemStyle.value,\n                        direction === 'vertical' ? 'width: 100%' : null,\n                      ],\n                      key: idx,\n                    },\n                    [\n                      // if spacer is already a valid vnode, then append it to the current\n                      // span element.\n                      // otherwise, treat it as string.\n                      isVNode(spacer)\n                        ? spacer\n                        : createTextVNode(spacer as string, PatchFlags.TEXT),\n                    ],\n                    PatchFlags.STYLE\n                  )\n                )\n              }\n              return children\n            },\n            []\n          )\n        }\n\n        // spacer container.\n        return createVNode(\n          'div',\n          {\n            class: classes.value,\n            style: containerStyle.value,\n          },\n          extractedChildren,\n          PatchFlags.STYLE | PatchFlags.CLASS\n        )\n      }\n\n      return children.children\n    }\n  },\n})\n"],"names":["buildProps","definePropType","isVNode","isNumber","isString","componentSize","isArray","defineComponent","useSpace","renderSlot","isFragment","createVNode","Item","PatchFlags","isValidElementNode","createTextVNode"],"mappings":"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"}

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/src/use-space.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var util = require('../../../utils/util.js');
+
+const SIZE_MAP = {
+  small: 8,
+  default: 12,
+  large: 16
+};
+function useSpace(props) {
+  const classes = vue.computed(() => [
+    "el-space",
+    `el-space--${props.direction}`,
+    props.class
+  ]);
+  const horizontalSize = vue.ref(0);
+  const verticalSize = vue.ref(0);
+  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;
+    } else {
+      let val;
+      if (util.isNumber(size)) {
+        val = size;
+      } else {
+        val = SIZE_MAP[size] || SIZE_MAP.small;
+      }
+      if ((wrap || fill) && dir === "horizontal") {
+        horizontalSize.value = verticalSize.value = val;
+      } else {
+        if (dir === "horizontal") {
+          horizontalSize.value = val;
+          verticalSize.value = 0;
+        } else {
+          verticalSize.value = val;
+          horizontalSize.value = 0;
+        }
+      }
+    }
+  });
+  return {
+    classes,
+    containerStyle,
+    itemStyle
+  };
+}
+
+exports.useSpace = useSpace;
+//# sourceMappingURL=use-space.js.map

package/lib/components/space/src/use-space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-space.js","sources":["../../../../../../packages/components/space/src/use-space.ts"],"sourcesContent":["import { ref, computed, watchEffect } from 'vue'\nimport { isNumber } from '@element-plus/utils/util'\nimport type { SpaceProps } from './space'\n\nimport type { CSSProperties, StyleValue } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nconst SIZE_MAP: Record<ComponentSize, number> = {\n  small: 8,\n  default: 12,\n  large: 16,\n}\n\nexport function useSpace(props: SpaceProps) {\n  const classes = computed(() => [\n    'el-space',\n    `el-space--${props.direction}`,\n    props.class,\n  ])\n\n  const horizontalSize = ref(0)\n  const verticalSize = ref(0)\n\n  const containerStyle = computed<StyleValue>(() => {\n    const wrapKls: CSSProperties =\n      props.wrap || props.fill\n        ? { flexWrap: 'wrap', marginBottom: `-${verticalSize.value}px` }\n        : {}\n    const alignment: CSSProperties = {\n      alignItems: props.alignment,\n    }\n    return [wrapKls, alignment, props.style]\n  })\n\n  const itemStyle = computed<StyleValue>(() => {\n    const itemBaseStyle: CSSProperties = {\n      paddingBottom: `${verticalSize.value}px`,\n      marginRight: `${horizontalSize.value}px`,\n    }\n\n    const fillStyle: CSSProperties = props.fill\n      ? { flexGrow: 1, minWidth: `${props.fillRatio}%` }\n      : {}\n\n    return [itemBaseStyle, fillStyle]\n  })\n\n  watchEffect(() => {\n    const { size = 'small', wrap, direction: dir, fill } = props\n\n    // when the specified size have been given\n    if (Array.isArray(size)) {\n      const [h = 0, v = 0] = size\n      horizontalSize.value = h\n      verticalSize.value = v\n    } else {\n      let val: number\n      if (isNumber(size)) {\n        val = size\n      } else {\n        val = SIZE_MAP[size] || SIZE_MAP.small\n      }\n\n      if ((wrap || fill) && dir === 'horizontal') {\n        horizontalSize.value = verticalSize.value = val\n      } else {\n        if (dir === 'horizontal') {\n          horizontalSize.value = val\n          verticalSize.value = 0\n        } else {\n          verticalSize.value = val\n          horizontalSize.value = 0\n        }\n      }\n    }\n  })\n\n  return {\n    classes,\n    containerStyle,\n    itemStyle,\n  }\n}\n"],"names":["computed","ref","watchEffect","isNumber"],"mappings":"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"}

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

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

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

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/css.js');
+require('element-plus/theme-chalk/el-space.css');
+
+//# sourceMappingURL=css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

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

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

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/index.js');
+require('element-plus/theme-chalk/src/space.scss');
+
+//# sourceMappingURL=index.js.map

package/lib/components/space/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,2 @@
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/theme-chalk/el-step.css';

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

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/css.js');
+require('element-plus/theme-chalk/el-step.css');
+
+//# sourceMappingURL=css.js.map

package/lib/components/step/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,2 @@
+import 'element-plus/es/components/base/style';
+import 'element-plus/theme-chalk/src/step.scss';

package/lib/components/step/style/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/index.js');
+require('element-plus/theme-chalk/src/step.scss');
+
+//# sourceMappingURL=index.js.map

package/lib/components/step/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}