@element-plus/nightly 0.0.20220208 → 0.0.20220209

package/lib/components/slot/src/only-child.js.map

@@ -1 +1 @@
-{"version":3,"file":"only-child.js","sources":["../../../../../../packages/components/slot/src/only-child.ts"],"sourcesContent":["import {\n  cloneVNode,\n  Comment,\n  defineComponent,\n  Fragment,\n  h,\n  Text,\n  withDirectives,\n  inject,\n} from 'vue'\nimport { NOOP, isObject } from '@vue/shared'\nimport {\n  FORWARD_REF_INJECTION_KEY,\n  useForwardRefDirective,\n} from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils/error'\n\nimport type { VNode } from 'vue'\n\nconst NAME = 'ElOnlyChild'\n\nconst OnlyChild = defineComponent({\n  name: NAME,\n  setup(_, { slots, attrs }) {\n    const forwardRefInjection = inject(FORWARD_REF_INJECTION_KEY, undefined)!\n    const forwardRefDirective = useForwardRefDirective(\n      forwardRefInjection.setForwardRef ?? NOOP\n    )\n    return () => {\n      const defaultSlot = slots.default?.(attrs)\n      if (!defaultSlot) return null\n\n      if (defaultSlot.length > 1) {\n        debugWarn(NAME, 'ElOnlyChild requires exact only one valid child.')\n        return null\n      }\n\n      const firstLegitNode = findFirstLegitChild(defaultSlot)\n      if (!firstLegitNode) {\n        debugWarn(NAME, 'no valid child node found')\n        return null\n      }\n\n      return withDirectives(cloneVNode(firstLegitNode, attrs), [\n        [forwardRefDirective],\n      ])\n    }\n  },\n})\n\nfunction findFirstLegitChild(node: VNode[] | undefined) {\n  if (!node) return null\n  const children = node as VNode[]\n  for (let i = 0; i < children.length; i++) {\n    /**\n     * when user uses h(Fragment, [text]) to render plain string,\n     * this switch case just cannot handle, when the value is primitives\n     * we should just return the wrapped string\n     */\n    const child = children[i]\n    if (isObject(child)) {\n      switch (child.type) {\n        case Comment:\n          continue\n        case Text:\n          return wrapTextContent(child)\n        case Fragment:\n          return findFirstLegitChild(child.children as VNode[])\n        default:\n          return child\n      }\n    }\n    return wrapTextContent(child)\n  }\n  return null\n}\n\nfunction wrapTextContent(s: string | VNode) {\n  return h('span', { class: 'el-only-child__content' }, [s])\n}\n\nexport default OnlyChild\n"],"names":["defineComponent","inject","FORWARD_REF_INJECTION_KEY","useForwardRefDirective","NOOP","debugWarn","withDirectives","cloneVNode","isObject","Comment","Text","Fragment","h"],"mappings":";;;;;;;;;;AAgBA,MAAM,IAAI,GAAG,aAAa,CAAC;AACtB,MAAC,SAAS,GAAGA,mBAAe,CAAC;AAClC,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;AAC7B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,MAAM,mBAAmB,GAAGC,UAAM,CAACC,+BAAyB,EAAE,KAAK,CAAC,CAAC,CAAC;AAC1E,IAAI,MAAM,mBAAmB,GAAGC,4BAAsB,CAAC,CAAC,EAAE,GAAG,mBAAmB,CAAC,aAAa,KAAK,IAAI,GAAG,EAAE,GAAGC,WAAI,CAAC,CAAC;AACrH,IAAI,OAAO,MAAM;AACjB,MAAM,IAAI,GAAG,CAAC;AACd,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC1F,MAAM,IAAI,CAAC,WAAW;AACtB,QAAQ,OAAO,IAAI,CAAC;AACpB,MAAM,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;AAClC,QAAQC,eAAS,CAAC,IAAI,EAAE,kDAAkD,CAAC,CAAC;AAC5E,QAAQ,OAAO,IAAI,CAAC;AACpB,OAAO;AACP,MAAM,MAAM,cAAc,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAC9D,MAAM,IAAI,CAAC,cAAc,EAAE;AAC3B,QAAQA,eAAS,CAAC,IAAI,EAAE,2BAA2B,CAAC,CAAC;AACrD,QAAQ,OAAO,IAAI,CAAC;AACpB,OAAO;AACP,MAAM,OAAOC,kBAAc,CAACC,cAAU,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE;AAC/D,QAAQ,CAAC,mBAAmB,CAAC;AAC7B,OAAO,CAAC,CAAC;AACT,KAAK,CAAC;AACN,GAAG;AACH,CAAC,EAAE;AACH,SAAS,mBAAmB,CAAC,IAAI,EAAE;AACnC,EAAE,IAAI,CAAC,IAAI;AACX,IAAI,OAAO,IAAI,CAAC;AAChB,EAAE,MAAM,QAAQ,GAAG,IAAI,CAAC;AACxB,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC5C,IAAI,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC9B,IAAI,IAAIC,eAAQ,CAAC,KAAK,CAAC,EAAE;AACzB,MAAM,QAAQ,KAAK,CAAC,IAAI;AACxB,QAAQ,KAAKC,WAAO;AACpB,UAAU,SAAS;AACnB,QAAQ,KAAKC,QAAI;AACjB,UAAU,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACxC,QAAQ,KAAKC,YAAQ;AACrB,UAAU,OAAO,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACrD,QAAQ;AACR,UAAU,OAAO,KAAK,CAAC;AACvB,OAAO;AACP,KAAK;AACL,IAAI,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,SAAS,eAAe,CAAC,CAAC,EAAE;AAC5B,EAAE,OAAOC,KAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D;;;;"}
+{"version":3,"file":"only-child.js","sources":["../../../../../../packages/components/slot/src/only-child.ts"],"sourcesContent":["import {\n  cloneVNode,\n  Comment,\n  defineComponent,\n  Fragment,\n  h,\n  Text,\n  withDirectives,\n  inject,\n} from 'vue'\nimport { NOOP, isObject } from '@vue/shared'\nimport {\n  FORWARD_REF_INJECTION_KEY,\n  useForwardRefDirective,\n} from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils-v2'\n\nimport type { VNode } from 'vue'\n\nconst NAME = 'ElOnlyChild'\n\nconst OnlyChild = defineComponent({\n  name: NAME,\n  setup(_, { slots, attrs }) {\n    const forwardRefInjection = inject(FORWARD_REF_INJECTION_KEY, undefined)!\n    const forwardRefDirective = useForwardRefDirective(\n      forwardRefInjection.setForwardRef ?? NOOP\n    )\n    return () => {\n      const defaultSlot = slots.default?.(attrs)\n      if (!defaultSlot) return null\n\n      if (defaultSlot.length > 1) {\n        debugWarn(NAME, 'ElOnlyChild requires exact only one valid child.')\n        return null\n      }\n\n      const firstLegitNode = findFirstLegitChild(defaultSlot)\n      if (!firstLegitNode) {\n        debugWarn(NAME, 'no valid child node found')\n        return null\n      }\n\n      return withDirectives(cloneVNode(firstLegitNode, attrs), [\n        [forwardRefDirective],\n      ])\n    }\n  },\n})\n\nfunction findFirstLegitChild(node: VNode[] | undefined) {\n  if (!node) return null\n  const children = node as VNode[]\n  for (let i = 0; i < children.length; i++) {\n    /**\n     * when user uses h(Fragment, [text]) to render plain string,\n     * this switch case just cannot handle, when the value is primitives\n     * we should just return the wrapped string\n     */\n    const child = children[i]\n    if (isObject(child)) {\n      switch (child.type) {\n        case Comment:\n          continue\n        case Text:\n          return wrapTextContent(child)\n        case Fragment:\n          return findFirstLegitChild(child.children as VNode[])\n        default:\n          return child\n      }\n    }\n    return wrapTextContent(child)\n  }\n  return null\n}\n\nfunction wrapTextContent(s: string | VNode) {\n  return h('span', { class: 'el-only-child__content' }, [s])\n}\n\nexport default OnlyChild\n"],"names":["defineComponent","inject","FORWARD_REF_INJECTION_KEY","useForwardRefDirective","NOOP","debugWarn","withDirectives","cloneVNode","isObject","Comment","Text","Fragment","h"],"mappings":";;;;;;;;;;;AAgBA,MAAM,IAAI,GAAG,aAAa,CAAC;AACtB,MAAC,SAAS,GAAGA,mBAAe,CAAC;AAClC,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;AAC7B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,MAAM,mBAAmB,GAAGC,UAAM,CAACC,+BAAyB,EAAE,KAAK,CAAC,CAAC,CAAC;AAC1E,IAAI,MAAM,mBAAmB,GAAGC,4BAAsB,CAAC,CAAC,EAAE,GAAG,mBAAmB,CAAC,aAAa,KAAK,IAAI,GAAG,EAAE,GAAGC,WAAI,CAAC,CAAC;AACrH,IAAI,OAAO,MAAM;AACjB,MAAM,IAAI,GAAG,CAAC;AACd,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC1F,MAAM,IAAI,CAAC,WAAW;AACtB,QAAQ,OAAO,IAAI,CAAC;AACpB,MAAM,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;AAClC,QAAQC,eAAS,CAAC,IAAI,EAAE,kDAAkD,CAAC,CAAC;AAC5E,QAAQ,OAAO,IAAI,CAAC;AACpB,OAAO;AACP,MAAM,MAAM,cAAc,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAC9D,MAAM,IAAI,CAAC,cAAc,EAAE;AAC3B,QAAQA,eAAS,CAAC,IAAI,EAAE,2BAA2B,CAAC,CAAC;AACrD,QAAQ,OAAO,IAAI,CAAC;AACpB,OAAO;AACP,MAAM,OAAOC,kBAAc,CAACC,cAAU,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE;AAC/D,QAAQ,CAAC,mBAAmB,CAAC;AAC7B,OAAO,CAAC,CAAC;AACT,KAAK,CAAC;AACN,GAAG;AACH,CAAC,EAAE;AACH,SAAS,mBAAmB,CAAC,IAAI,EAAE;AACnC,EAAE,IAAI,CAAC,IAAI;AACX,IAAI,OAAO,IAAI,CAAC;AAChB,EAAE,MAAM,QAAQ,GAAG,IAAI,CAAC;AACxB,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC5C,IAAI,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC9B,IAAI,IAAIC,eAAQ,CAAC,KAAK,CAAC,EAAE;AACzB,MAAM,QAAQ,KAAK,CAAC,IAAI;AACxB,QAAQ,KAAKC,WAAO;AACpB,UAAU,SAAS;AACnB,QAAQ,KAAKC,QAAI;AACjB,UAAU,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACxC,QAAQ,KAAKC,YAAQ;AACrB,UAAU,OAAO,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACrD,QAAQ;AACR,UAAU,OAAO,KAAK,CAAC;AACvB,OAAO;AACP,KAAK;AACL,IAAI,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,SAAS,eAAe,CAAC,CAAC,EAAE;AAC5B,EAAE,OAAOC,KAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D;;;;"}

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

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

package/lib/components/space/index.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var withInstall = require('../../utils/with-install.js');
+require('../../utils-v2/index.js');
 var space = require('./src/space.js');
 var useSpace = require('./src/use-space.js');
+var install = require('../../utils-v2/vue/install.js');
 
-const ElSpace = withInstall.withInstall(space["default"]);
+const ElSpace = install.withInstall(space["default"]);
 
 exports.spaceProps = space.spaceProps;
 exports.useSpace = useSpace.useSpace;

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

@@ -1 +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;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/space/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils-v2'\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,mBAAW,CAACC,gBAAK;;;;;;;"}

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

@@ -3,19 +3,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var props = require('../../../utils/props.js');
+require('../../../utils-v2/index.js');
+require('../../../hooks/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var prop = require('../../../utils-v2/vue/prop.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const spaceItem = props.buildProps({
+const spaceItem = prop.buildProps({
   prefixCls: {
     type: String,
-    default: "el-space"
+    default: ""
   }
 });
 const _sfc_main = vue.defineComponent({
   props: spaceItem,
   setup(props) {
-    const classes = vue.computed(() => [`${props.prefixCls}__item`]);
+    const ns = index.useNamespace("space");
+    const classes = vue.computed(() => `${props.prefixCls || ns.b()}__item`);
     return {
       classes
     };

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

@@ -1 +1 @@
-{"version":3,"file":"item.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","defineComponent","computed","_openBlock"],"mappings":";;;;;;;;AAUA,MAAM,YAAYA,iBAAW;AAAA,EAC3B,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;AAIb,MAAK,YAAaC,oBAAa;AAAA,EAC7B,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,UAAUC,aAAS,MAAM,CAAC,GAAG,MAAM;AAEzC,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;2BAvBJ,wBAEM;SAFKC,wCAAS;AAAA;KAClB;AAAA;;;;;;;"}
+{"version":3,"file":"item.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-v2'\nimport { useNamespace } from '@element-plus/hooks'\n\nconst spaceItem = buildProps({\n  prefixCls: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport default defineComponent({\n  props: spaceItem,\n\n  setup(props) {\n    const ns = useNamespace('space')\n\n    const classes = computed(() => `${props.prefixCls || ns.b()}__item`)\n\n    return {\n      classes,\n    }\n  },\n})\n</script>\n"],"names":["buildProps","defineComponent","useNamespace","computed","_openBlock"],"mappings":";;;;;;;;;;;AAWA,MAAM,YAAYA,gBAAW;AAAA,EAC3B,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;AAIb,MAAK,YAAaC,oBAAa;AAAA,EAC7B,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,KAAKC,mBAAa;AAExB,UAAM,UAAUC,aAAS,MAAM,GAAG,MAAM,aAAa,GAAG;AAExD,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;2BA1BJ,wBAEM;SAFKC,wCAAS;AAAA;KAClB;AAAA;;;;;;;"}

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

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

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

@@ -1,51 +1,51 @@
 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]>;
+    readonly direction: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly class: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<string | string[] | Record<string, boolean>>, "", unknown, unknown, unknown>;
+    readonly style: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<StyleValue>, "", unknown, unknown, unknown>;
+    readonly alignment: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<string>, "center", unknown, unknown, unknown>;
+    readonly prefixCls: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly spacer: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<VNodeChild>, null, unknown, unknown, unknown>;
+    readonly wrap: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fill: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fillRatio: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, 100, unknown, unknown, unknown>;
+    readonly size: import("element-plus/es/utils-v2").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, NumberConstructor], unknown, unknown, "default" | "small" | "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]>;
+    readonly direction: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly class: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<string | string[] | Record<string, boolean>>, "", unknown, unknown, unknown>;
+    readonly style: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<StyleValue>, "", unknown, unknown, unknown>;
+    readonly alignment: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<string>, "center", unknown, unknown, unknown>;
+    readonly prefixCls: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly spacer: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<VNodeChild>, null, unknown, unknown, unknown>;
+    readonly wrap: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fill: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fillRatio: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, 100, unknown, unknown, unknown>;
+    readonly size: import("element-plus/es/utils-v2").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, NumberConstructor], unknown, unknown, "default" | "small" | "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<ExtractPropTypes<{
-    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]>;
+    readonly direction: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly class: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<string | string[] | Record<string, boolean>>, "", unknown, unknown, unknown>;
+    readonly style: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<StyleValue>, "", unknown, unknown, unknown>;
+    readonly alignment: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<string>, "center", unknown, unknown, unknown>;
+    readonly prefixCls: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly spacer: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<VNodeChild>, null, unknown, unknown, unknown>;
+    readonly wrap: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fill: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fillRatio: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, 100, unknown, unknown, unknown>;
+    readonly size: import("element-plus/es/utils-v2").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, NumberConstructor], unknown, unknown, "default" | "small" | "large", number | [number, number]>;
 }>>, {
-    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>;
+    size: import("element-plus/es/utils-v2").BuildPropType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "default" | "small" | "large", number | [number, number]>;
+    fill: import("element-plus/es/utils-v2").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>;
-    direction: import("element-plus/es/utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
-    wrap: import("element-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    class: import("element-plus/es/utils-v2").BuildPropType<import("element-plus/es/utils-v2").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown>;
+    direction: import("element-plus/es/utils-v2").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
+    wrap: import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
     alignment: string;
     prefixCls: string;
     spacer: VNodeChild;

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

@@ -4,20 +4,23 @@ 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('../../../utils-v2/index.js');
+require('../../../constants/index.js');
 var item = require('./item.js');
 var useSpace = require('./use-space.js');
+var prop = require('../../../utils-v2/vue/prop.js');
+var core = require('@vueuse/core');
+var size = require('../../../constants/size.js');
+var vnode = require('../../../utils-v2/vue/vnode.js');
 
-const spaceProps = props.buildProps({
+const spaceProps = prop.buildProps({
   direction: {
     type: String,
     values: ["horizontal", "vertical"],
     default: "horizontal"
   },
   class: {
-    type: props.definePropType([
+    type: prop.definePropType([
       String,
       Object,
       Array
@@ -25,20 +28,20 @@ const spaceProps = props.buildProps({
     default: ""
   },
   style: {
-    type: props.definePropType([String, Array, Object]),
+    type: prop.definePropType([String, Array, Object]),
     default: ""
   },
   alignment: {
-    type: props.definePropType(String),
+    type: prop.definePropType(String),
     default: "center"
   },
   prefixCls: {
     type: String
   },
   spacer: {
-    type: props.definePropType([Object, String, Number, Array]),
+    type: prop.definePropType([Object, String, Number, Array]),
     default: null,
-    validator: (val) => vue.isVNode(val) || util.isNumber(val) || shared.isString(val)
+    validator: (val) => vue.isVNode(val) || core.isNumber(val) || shared.isString(val)
   },
   wrap: {
     type: Boolean,
@@ -54,9 +57,9 @@ const spaceProps = props.buildProps({
   },
   size: {
     type: [String, Array, Number],
-    values: props.componentSize,
+    values: size.componentSizes,
     validator: (val) => {
-      return util.isNumber(val) || shared.isArray(val) && val.length === 2 && val.every((i) => util.isNumber(i));
+      return core.isNumber(val) || shared.isArray(val) && val.length === 2 && val.every((i) => core.isNumber(i));
     }
   }
 });

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

@@ -1 +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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"}
+{"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  buildProps,\n  definePropType,\n  isArray,\n  isNumber,\n} from '@element-plus/utils-v2'\nimport { componentSizes } from '@element-plus/constants'\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: componentSizes,\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","componentSizes","isArray","defineComponent","useSpace","renderSlot","isFragment","createVNode","Item","PatchFlags","isValidElementNode","createTextVNode"],"mappings":"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"}

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

@@ -1,7 +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>[]>;
+    classes: import("vue").ComputedRef<import("element-plus/es/utils-v2").BuildPropType<import("element-plus/es/utils-v2").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

@@ -3,7 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var util = require('../../../utils/util.js');
+require('../../../utils-v2/index.js');
+require('../../../hooks/index.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var core = require('@vueuse/core');
 
 const SIZE_MAP = {
   small: 8,
@@ -11,11 +14,8 @@ const SIZE_MAP = {
   large: 16
 };
 function useSpace(props) {
-  const classes = vue.computed(() => [
-    "el-space",
-    `el-space--${props.direction}`,
-    props.class
-  ]);
+  const ns = index.useNamespace("space");
+  const classes = vue.computed(() => [ns.b(), ns.m(props.direction), props.class]);
   const horizontalSize = vue.ref(0);
   const verticalSize = vue.ref(0);
   const containerStyle = vue.computed(() => {
@@ -41,7 +41,7 @@ function useSpace(props) {
       verticalSize.value = v;
     } else {
       let val;
-      if (util.isNumber(size)) {
+      if (core.isNumber(size)) {
         val = size;
       } else {
         val = SIZE_MAP[size] || SIZE_MAP.small;

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

@@ -1 +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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"}
+{"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-v2'\nimport { useNamespace } from '@element-plus/hooks'\nimport type { SpaceProps } from './space'\n\nimport type { CSSProperties, StyleValue } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\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 ns = useNamespace('space')\n\n  const classes = computed(() => [ns.b(), ns.m(props.direction), props.class])\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":["useNamespace","computed","ref","watchEffect","isNumber"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-export declare const ElSteps: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ElSteps: import("element-plus/es/utils-v2").SFCWithInstall<import("vue").DefineComponent<{
     space: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
@@ -133,7 +133,7 @@ export declare const ElSteps: import("../../utils/types").SFCWithInstall<import(
     }>;
 };
 export default ElSteps;
-export declare const ElStep: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ElStep: import("element-plus/es/utils-v2").SFCWithInstall<import("vue").DefineComponent<{
     title: {
         type: StringConstructor;
         default: string;

package/lib/components/steps/index.js

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var withInstall = require('../../utils/with-install.js');
+require('../../utils-v2/index.js');
 var index = require('./src/index.js');
 var item = require('./src/item.js');
+var install = require('../../utils-v2/vue/install.js');
 
-const ElSteps = withInstall.withInstall(index["default"], {
+const ElSteps = install.withInstall(index["default"], {
   Step: item["default"]
 });
-const ElStep = withInstall.withNoopInstall(item["default"]);
+const ElStep = install.withNoopInstall(item["default"]);
 
 exports.ElStep = ElStep;
 exports.ElSteps = ElSteps;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/steps/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Steps from './src/index.vue'\nimport Step from './src/item.vue'\n\nexport const ElSteps = withInstall(Steps, {\n  Step,\n})\nexport default ElSteps\nexport const ElStep = withNoopInstall(Step)\n"],"names":["withInstall","Steps","Step","withNoopInstall"],"mappings":";;;;;;;;AAGY,MAAC,OAAO,GAAGA,uBAAW,CAACC,gBAAK,EAAE;AAC1C,QAAEC,eAAI;AACN,CAAC,EAAE;AAES,MAAC,MAAM,GAAGC,2BAAe,CAACD,eAAI;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/steps/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils-v2'\n\nimport Steps from './src/index.vue'\nimport Step from './src/item.vue'\n\nexport const ElSteps = withInstall(Steps, {\n  Step,\n})\nexport default ElSteps\nexport const ElStep = withNoopInstall(Step)\n"],"names":["withInstall","Steps","Step","withNoopInstall"],"mappings":";;;;;;;;;AAGY,MAAC,OAAO,GAAGA,mBAAW,CAACC,gBAAK,EAAE;AAC1C,QAAEC,eAAI;AACN,CAAC,EAAE;AAES,MAAC,MAAM,GAAGC,uBAAe,CAACD,eAAI;;;;;;"}

package/lib/components/steps/src/index.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var constants = require('../../../utils/constants.js');
+require('../../../constants/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var event = require('../../../constants/event.js');
 
 const _sfc_main = vue.defineComponent({
   name: "ElSteps",
@@ -41,7 +42,7 @@ const _sfc_main = vue.defineComponent({
       validator: (val) => ["wait", "process", "finish", "error", "success"].includes(val)
     }
   },
-  emits: [constants.CHANGE_EVENT],
+  emits: [event.CHANGE_EVENT],
   setup(props, { emit }) {
     const steps = vue.ref([]);
     vue.watch(steps, () => {
@@ -51,7 +52,7 @@ const _sfc_main = vue.defineComponent({
     });
     vue.provide("ElSteps", { props, steps });
     vue.watch(() => props.active, (newVal, oldVal) => {
-      emit(constants.CHANGE_EVENT, newVal, oldVal);
+      emit(event.CHANGE_EVENT, newVal, oldVal);
     });
     return {
       steps

package/lib/components/steps/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/steps/src/index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'el-steps',\n      simple ? 'el-steps--simple' : `el-steps--${direction}`,\n    ]\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, ref, provide } from 'vue'\n\nimport { CHANGE_EVENT } from '@element-plus/utils/constants'\n\nexport default defineComponent({\n  name: 'ElSteps',\n  props: {\n    space: {\n      type: [Number, String],\n      default: '',\n    },\n    active: {\n      type: Number,\n      default: 0,\n    },\n    direction: {\n      type: String,\n      default: 'horizontal',\n      validator: (val: string): boolean =>\n        ['horizontal', 'vertical'].includes(val),\n    },\n    alignCenter: {\n      type: Boolean,\n      default: false,\n    },\n    simple: {\n      type: Boolean,\n      default: false,\n    },\n    finishStatus: {\n      type: String,\n      default: 'finish',\n      validator: (val: string): boolean =>\n        ['wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n    processStatus: {\n      type: String,\n      default: 'process',\n      validator: (val: string): boolean =>\n        ['wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n  },\n  emits: [CHANGE_EVENT],\n  setup(props, { emit }) {\n    const steps = ref([])\n\n    watch(steps, () => {\n      steps.value.forEach((instance, index) => {\n        instance.setIndex(index)\n      })\n    })\n\n    provide('ElSteps', { props, steps })\n\n    watch(\n      () => props.active,\n      (newVal, oldVal) => {\n        emit(CHANGE_EVENT, newVal, oldVal)\n      }\n    )\n\n    return {\n      steps,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","CHANGE_EVENT","ref","_openBlock"],"mappings":";;;;;;;;AAgBA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,cAAc,YAAY,SAAS;AAAA;AAAA,IAExC,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,QAAQ,WAAW,UAAU,SAAS,WAAW,SAAS;AAAA;AAAA,IAE/D,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,QAAQ,WAAW,UAAU,SAAS,WAAW,SAAS;AAAA;AAAA;AAAA,EAGjE,OAAO,CAACC;AAAA,EACR,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQC,QAAI;AAElB,cAAM,OAAO,MAAM;AACjB,YAAM,MAAM,QAAQ,CAAC,UAAU,UAAU;AACvC,iBAAS,SAAS;AAAA;AAAA;AAItB,gBAAQ,WAAW,EAAE,OAAO;AAE5B,cACE,MAAM,MAAM,QACZ,CAAC,QAAQ,WAAW;AAClB,WAAKD,wBAAc,QAAQ;AAAA;AAI/B,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;2BAzEJ,wBAOM;SANEE;AAAA;MAA4B;AAAA;;KAKlC;AAAA;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/steps/src/index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'el-steps',\n      simple ? 'el-steps--simple' : `el-steps--${direction}`,\n    ]\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, ref, provide } from 'vue'\n\nimport { CHANGE_EVENT } from '@element-plus/constants'\n\nexport default defineComponent({\n  name: 'ElSteps',\n  props: {\n    space: {\n      type: [Number, String],\n      default: '',\n    },\n    active: {\n      type: Number,\n      default: 0,\n    },\n    direction: {\n      type: String,\n      default: 'horizontal',\n      validator: (val: string): boolean =>\n        ['horizontal', 'vertical'].includes(val),\n    },\n    alignCenter: {\n      type: Boolean,\n      default: false,\n    },\n    simple: {\n      type: Boolean,\n      default: false,\n    },\n    finishStatus: {\n      type: String,\n      default: 'finish',\n      validator: (val: string): boolean =>\n        ['wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n    processStatus: {\n      type: String,\n      default: 'process',\n      validator: (val: string): boolean =>\n        ['wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n  },\n  emits: [CHANGE_EVENT],\n  setup(props, { emit }) {\n    const steps = ref([])\n\n    watch(steps, () => {\n      steps.value.forEach((instance, index) => {\n        instance.setIndex(index)\n      })\n    })\n\n    provide('ElSteps', { props, steps })\n\n    watch(\n      () => props.active,\n      (newVal, oldVal) => {\n        emit(CHANGE_EVENT, newVal, oldVal)\n      }\n    )\n\n    return {\n      steps,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","CHANGE_EVENT","ref","_openBlock"],"mappings":";;;;;;;;;AAgBA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,cAAc,YAAY,SAAS;AAAA;AAAA,IAExC,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,QAAQ,WAAW,UAAU,SAAS,WAAW,SAAS;AAAA;AAAA,IAE/D,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,QAAQ,WAAW,UAAU,SAAS,WAAW,SAAS;AAAA;AAAA;AAAA,EAGjE,OAAO,CAACC;AAAA,EACR,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQC,QAAI;AAElB,cAAM,OAAO,MAAM;AACjB,YAAM,MAAM,QAAQ,CAAC,UAAU,UAAU;AACvC,iBAAS,SAAS;AAAA;AAAA;AAItB,gBAAQ,WAAW,EAAE,OAAO;AAE5B,cACE,MAAM,MAAM,QACZ,CAAC,QAAQ,WAAW;AAClB,WAAKD,oBAAc,QAAQ;AAAA;AAI/B,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;2BAzEJ,wBAOM;SANEE;AAAA;MAA4B;AAAA;;KAKlC;AAAA;;;;;;;"}