@element-plus/nightly 0.0.20211230 → 0.0.20220103

package/es/components/button/index.d.ts

@@ -14,7 +14,7 @@ export declare const ElButton: import("../../utils/types").SFCWithInstall<import
 }, {
     buttonRef: import("vue").Ref<any>;
     buttonStyle: import("vue").ComputedRef<{}>;
-    buttonSize: import("vue").ComputedRef<"medium" | "mini" | import("../../utils/types").ComponentSize>;
+    buttonSize: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
     buttonType: import("vue").ComputedRef<"" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
     buttonDisabled: import("vue").ComputedRef<boolean>;
     shouldAddSpace: import("vue").ComputedRef<boolean>;

package/es/components/button/src/button.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     buttonRef: import("vue").Ref<any>;
     buttonStyle: import("vue").ComputedRef<{}>;
-    buttonSize: import("vue").ComputedRef<"medium" | "mini" | import("../../../utils/types").ComponentSize>;
+    buttonSize: import("vue").ComputedRef<import("../../../utils/types").ComponentSize>;
     buttonType: import("vue").ComputedRef<"" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
     buttonDisabled: import("vue").ComputedRef<boolean>;
     shouldAddSpace: import("vue").ComputedRef<boolean>;

package/es/components/cascader/index.d.ts

@@ -3569,7 +3569,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             input: import("vue").Ref<HTMLInputElement | undefined>;
             textarea: import("vue").Ref<HTMLTextAreaElement | undefined>;
             attrs: import("vue").ComputedRef<Record<string, unknown>>;
-            inputSize: import("vue").ComputedRef<"medium" | "mini" | import("element-plus/es/utils/types").ComponentSize>;
+            inputSize: import("vue").ComputedRef<import("element-plus/es/utils/types").ComponentSize>;
             validateState: import("vue").ComputedRef<string>;
             validateIcon: import("vue").ComputedRef<any>;
             containerStyle: import("vue").ComputedRef<import("element-plus/es/utils/types").StyleValue>;
@@ -3717,7 +3717,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         input: import("vue").Ref<HTMLInputElement | undefined>;
         textarea: import("vue").Ref<HTMLTextAreaElement | undefined>;
         attrs: import("vue").ComputedRef<Record<string, unknown>>;
-        inputSize: import("vue").ComputedRef<"medium" | "mini" | import("element-plus/es/utils/types").ComponentSize>;
+        inputSize: import("vue").ComputedRef<import("element-plus/es/utils/types").ComponentSize>;
         validateState: import("vue").ComputedRef<string>;
         validateIcon: import("vue").ComputedRef<any>;
         containerStyle: import("vue").ComputedRef<import("element-plus/es/utils/types").StyleValue>;
@@ -4299,7 +4299,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
     suggestions: import("vue").Ref<import("../cascader-panel/src/node").default[]>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
     isOnComposition: import("vue").Ref<boolean>;
-    realSize: import("vue").ComputedRef<"medium" | "mini" | import("element-plus/es/utils/types").ComponentSize>;
+    realSize: import("vue").ComputedRef<import("element-plus/es/utils/types").ComponentSize>;
     tagSize: import("vue").ComputedRef<"default" | "small">;
     multiple: import("vue").ComputedRef<boolean>;
     readonly: import("vue").ComputedRef<boolean>;
@@ -7947,7 +7947,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             input: import("vue").Ref<HTMLInputElement | undefined>;
             textarea: import("vue").Ref<HTMLTextAreaElement | undefined>;
             attrs: import("vue").ComputedRef<Record<string, unknown>>;
-            inputSize: import("vue").ComputedRef<"medium" | "mini" | import("element-plus/es/utils/types").ComponentSize>;
+            inputSize: import("vue").ComputedRef<import("element-plus/es/utils/types").ComponentSize>;
             validateState: import("vue").ComputedRef<string>;
             validateIcon: import("vue").ComputedRef<any>;
             containerStyle: import("vue").ComputedRef<import("element-plus/es/utils/types").StyleValue>;
@@ -8095,7 +8095,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         input: import("vue").Ref<HTMLInputElement | undefined>;
         textarea: import("vue").Ref<HTMLTextAreaElement | undefined>;
         attrs: import("vue").ComputedRef<Record<string, unknown>>;
-        inputSize: import("vue").ComputedRef<"medium" | "mini" | import("element-plus/es/utils/types").ComponentSize>;
+        inputSize: import("vue").ComputedRef<import("element-plus/es/utils/types").ComponentSize>;
         validateState: import("vue").ComputedRef<string>;
         validateIcon: import("vue").ComputedRef<any>;
         containerStyle: import("vue").ComputedRef<import("element-plus/es/utils/types").StyleValue>;
@@ -8677,7 +8677,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
     suggestions: import("vue").Ref<import("../cascader-panel/src/node").default[]>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
     isOnComposition: import("vue").Ref<boolean>;
-    realSize: import("vue").ComputedRef<"medium" | "mini" | import("element-plus/es/utils/types").ComponentSize>;
+    realSize: import("vue").ComputedRef<import("element-plus/es/utils/types").ComponentSize>;
     tagSize: import("vue").ComputedRef<"default" | "small">;
     multiple: import("vue").ComputedRef<boolean>;
     readonly: import("vue").ComputedRef<boolean>;

package/es/components/cascader/src/index.vue.d.ts

@@ -3574,7 +3574,7 @@ declare const _default: import("vue").DefineComponent<{
             input: Ref<HTMLInputElement | undefined>;
             textarea: Ref<HTMLTextAreaElement | undefined>;
             attrs: ComputedRef<Record<string, unknown>>;
-            inputSize: ComputedRef<"medium" | "mini" | ComponentSize>;
+            inputSize: ComputedRef<ComponentSize>;
             validateState: ComputedRef<string>;
             validateIcon: ComputedRef<any>;
             containerStyle: ComputedRef<import("element-plus/es/utils/types").StyleValue>;
@@ -3722,7 +3722,7 @@ declare const _default: import("vue").DefineComponent<{
         input: Ref<HTMLInputElement | undefined>;
         textarea: Ref<HTMLTextAreaElement | undefined>;
         attrs: ComputedRef<Record<string, unknown>>;
-        inputSize: ComputedRef<"medium" | "mini" | ComponentSize>;
+        inputSize: ComputedRef<ComponentSize>;
         validateState: ComputedRef<string>;
         validateIcon: ComputedRef<any>;
         containerStyle: ComputedRef<import("element-plus/es/utils/types").StyleValue>;
@@ -4304,7 +4304,7 @@ declare const _default: import("vue").DefineComponent<{
     suggestions: Ref<CascaderNode[]>;
     isDisabled: ComputedRef<boolean | undefined>;
     isOnComposition: Ref<boolean>;
-    realSize: ComputedRef<"medium" | "mini" | ComponentSize>;
+    realSize: ComputedRef<ComponentSize>;
     tagSize: ComputedRef<"default" | "small">;
     multiple: ComputedRef<boolean>;
     readonly: ComputedRef<boolean>;

package/es/components/checkbox/index.d.ts

@@ -38,11 +38,11 @@ export declare const ElCheckbox: import("../../utils/types").SFCWithInstall<impo
 }, {
     isChecked: import("vue").ComputedRef<boolean>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
-    checkboxSize: import("vue").ComputedRef<"medium" | "mini" | import("../../utils/types").ComponentSize>;
+    checkboxSize: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
     model: import("vue").WritableComputedRef<any>;
     handleChange: (e: InputEvent) => void;
     focus: import("vue").Ref<boolean>;
-    size: import("vue").ComputedRef<"medium" | "mini" | import("../../utils/types").ComponentSize>;
+    size: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     label?: unknown;
@@ -124,7 +124,7 @@ export declare const ElCheckbox: import("../../utils/types").SFCWithInstall<impo
             color: string;
             boxShadow: string | null;
         }>;
-        size: import("vue").ComputedRef<"medium" | "mini" | import("../../utils/types").ComponentSize>;
+        size: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
         modelValue?: unknown;
         label?: unknown;
@@ -262,7 +262,7 @@ export declare const ElCheckboxButton: import("../../utils/types").SFCWithInstal
         color: string;
         boxShadow: string | null;
     }>;
-    size: import("vue").ComputedRef<"medium" | "mini" | import("../../utils/types").ComponentSize>;
+    size: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     label?: unknown;

package/es/components/checkbox/src/checkbox-button.vue.d.ts

@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         color: string;
         boxShadow: string | null;
     }>;
-    size: import("vue").ComputedRef<"medium" | "mini" | import("../../../utils/types").ComponentSize>;
+    size: import("vue").ComputedRef<import("../../../utils/types").ComponentSize>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     label?: unknown;

package/es/components/checkbox/src/checkbox.vue.d.ts

@@ -40,11 +40,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isChecked: import("vue").ComputedRef<boolean>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
-    checkboxSize: import("vue").ComputedRef<"medium" | "mini" | ComponentSize>;
+    checkboxSize: import("vue").ComputedRef<ComponentSize>;
     model: import("vue").WritableComputedRef<any>;
     handleChange: (e: InputEvent) => void;
     focus: import("vue").Ref<boolean>;
-    size: import("vue").ComputedRef<"medium" | "mini" | ComponentSize>;
+    size: import("vue").ComputedRef<ComponentSize>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     label?: unknown;

package/es/components/checkbox/src/useCheckbox.d.ts

@@ -38,9 +38,9 @@ export declare const useCheckboxGroup: () => {
 export declare const useCheckbox: (props: IUseCheckboxProps) => {
     isChecked: import("vue").ComputedRef<boolean>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
-    checkboxSize: import("vue").ComputedRef<"medium" | "mini" | import("element-plus/es/utils/types").ComponentSize>;
+    checkboxSize: import("vue").ComputedRef<import("element-plus/es/utils/types").ComponentSize>;
     model: import("vue").WritableComputedRef<any>;
     handleChange: (e: InputEvent) => void;
     focus: import("vue").Ref<boolean>;
-    size: import("vue").ComputedRef<"medium" | "mini" | import("element-plus/es/utils/types").ComponentSize>;
+    size: import("vue").ComputedRef<import("element-plus/es/utils/types").ComponentSize>;
 };

package/es/components/color-picker/index.d.ts

@@ -14,7 +14,7 @@ declare const _ColorPicker: SFCWithInstall<import("vue").DefineComponent<{
     Effect: typeof import("..").Effect;
     color: import("./src/color").default;
     colorDisabled: import("vue").ComputedRef<boolean | undefined>;
-    colorSize: import("vue").ComputedRef<"medium" | "mini" | import("element-plus/es/utils/types").ComponentSize>;
+    colorSize: import("vue").ComputedRef<import("element-plus/es/utils/types").ComponentSize>;
     displayedColor: import("vue").ComputedRef<string>;
     showPanelColor: import("vue").Ref<boolean>;
     showPicker: import("vue").Ref<boolean>;
@@ -70,7 +70,7 @@ export declare const ElColorPicker: SFCWithInstall<import("vue").DefineComponent
     Effect: typeof import("..").Effect;
     color: import("./src/color").default;
     colorDisabled: import("vue").ComputedRef<boolean | undefined>;
-    colorSize: import("vue").ComputedRef<"medium" | "mini" | import("element-plus/es/utils/types").ComponentSize>;
+    colorSize: import("vue").ComputedRef<import("element-plus/es/utils/types").ComponentSize>;
     displayedColor: import("vue").ComputedRef<string>;
     showPanelColor: import("vue").Ref<boolean>;
     showPicker: import("vue").Ref<boolean>;

package/es/components/color-picker/src/index.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     Effect: typeof Effect;
     color: Color;
     colorDisabled: import("vue").ComputedRef<boolean | undefined>;
-    colorSize: import("vue").ComputedRef<"medium" | "mini" | ComponentSize>;
+    colorSize: import("vue").ComputedRef<ComponentSize>;
     displayedColor: import("vue").ComputedRef<string>;
     showPanelColor: import("vue").Ref<boolean>;
     showPicker: import("vue").Ref<boolean>;

package/es/components/config-provider/index.d.ts

@@ -1,21 +1,25 @@
 export declare const ElConfigProvider: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
-    readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, "small" | "large" | "medium" | "mini", unknown>;
+    readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, "small" | "default" | "large", unknown>;
     readonly button: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("..").ButtonConfigContext>, unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
     readonly locale: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("../../locale").Language>, unknown, unknown, unknown, unknown>;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly size?: unknown;
     readonly button?: unknown;
+    readonly zIndex?: unknown;
     readonly locale?: unknown;
 } & {} & {
     button?: import("..").ButtonConfigContext | undefined;
-    size?: import("../../utils/props").BuildPropType<StringConstructor, "small" | "large" | "medium" | "mini", unknown> | undefined;
+    size?: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", unknown> | undefined;
     locale?: import("../../locale").Language | undefined;
+    zIndex?: number | undefined;
 }>, {
     button: import("..").ButtonConfigContext;
-    size: import("../../utils/props").BuildPropType<StringConstructor, "small" | "large" | "medium" | "mini", unknown>;
+    size: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", unknown>;
     locale: import("../../locale").Language;
+    zIndex: number;
 }>> & Record<string, any>;
 export default ElConfigProvider;
 export * from './src/config-provider';

package/es/components/config-provider/index.mjs

@@ -1,5 +1,5 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import { ConfigProvider } from './src/index.mjs';
+import ConfigProvider from './src/config-provider.mjs';
 export { configProviderProps } from './src/config-provider.mjs';
 
 const ElConfigProvider = withInstall(ConfigProvider);

package/es/components/config-provider/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/config-provider/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport { ConfigProvider } from './src'\n\nexport const ElConfigProvider = withInstall(ConfigProvider)\nexport default ElConfigProvider\n\nexport * from './src/config-provider'\n"],"names":[],"mappings":";;;;AAEY,MAAC,gBAAgB,GAAG,WAAW,CAAC,cAAc;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/config-provider/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport ConfigProvider from './src/config-provider'\n\nexport const ElConfigProvider = withInstall(ConfigProvider)\nexport default ElConfigProvider\n\nexport * from './src/config-provider'\n"],"names":[],"mappings":";;;;AAEY,MAAC,gBAAgB,GAAG,WAAW,CAAC,cAAc;;;;"}

package/es/components/config-provider/src/config-provider.d.ts

@@ -1,6 +1,31 @@
 import type { ButtonConfigContext } from 'element-plus/es/components/button';
 export declare const configProviderProps: {
-    readonly size: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, unknown, unknown, "small" | "large" | "medium" | "mini", unknown>;
+    readonly size: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, unknown, unknown, "small" | "default" | "large", unknown>;
     readonly button: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<ButtonConfigContext>, unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
     readonly locale: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<import("../../../locale").Language>, unknown, unknown, unknown, unknown>;
 };
+declare const _default: import("vue").DefineComponent<{
+    readonly size: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, unknown, unknown, "small" | "default" | "large", unknown>;
+    readonly button: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<ButtonConfigContext>, unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    readonly locale: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<import("../../../locale").Language>, unknown, unknown, unknown, unknown>;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly size?: unknown;
+    readonly button?: unknown;
+    readonly zIndex?: unknown;
+    readonly locale?: unknown;
+} & {} & {
+    button?: ButtonConfigContext | undefined;
+    size?: import("element-plus/es/utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", unknown> | undefined;
+    locale?: import("../../../locale").Language | undefined;
+    zIndex?: number | undefined;
+}>, {
+    button: ButtonConfigContext;
+    size: import("element-plus/es/utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", unknown>;
+    locale: import("../../../locale").Language;
+    zIndex: number;
+}>;
+export default _default;

package/es/components/config-provider/src/config-provider.mjs

@@ -1,17 +1,31 @@
-import '../../../hooks/index.mjs';
+import { defineComponent, renderSlot } from 'vue';
 import { buildProps, definePropType } from '../../../utils/props.mjs';
-import { useLocaleProps } from '../../../hooks/use-locale/index.mjs';
+import '../../../hooks/index.mjs';
+import { useLocaleProps, provideLocale } from '../../../hooks/use-locale/index.mjs';
+import { provideGlobalConfig } from '../../../hooks/use-global-config/index.mjs';
 
 const configProviderProps = buildProps({
   ...useLocaleProps,
   size: {
     type: String,
-    values: ["large", "medium", "small", "mini"]
+    values: ["large", "default", "small"]
   },
   button: {
     type: definePropType(Object)
+  },
+  zIndex: {
+    type: Number
+  }
+});
+var ConfigProvider = defineComponent({
+  name: "ElConfigProvider",
+  props: configProviderProps,
+  setup(props, { slots }) {
+    provideLocale();
+    const config = provideGlobalConfig(props);
+    return () => renderSlot(slots, "default", { config: config == null ? void 0 : config.value });
   }
 });
 
-export { configProviderProps };
+export { configProviderProps, ConfigProvider as default };
 //# sourceMappingURL=config-provider.mjs.map

package/es/components/config-provider/src/config-provider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider.mjs","sources":["../../../../../../packages/components/config-provider/src/config-provider.ts"],"sourcesContent":["import { useLocaleProps } from '@element-plus/hooks'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { ButtonConfigContext } from '@element-plus/components/button'\n\nexport const configProviderProps = buildProps({\n  ...useLocaleProps,\n\n  size: {\n    type: String,\n    values: ['large', 'medium', 'small', 'mini'],\n  },\n\n  button: {\n    type: definePropType<ButtonConfigContext>(Object),\n  },\n} as const)\n"],"names":[],"mappings":";;;;AAEY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,GAAG,cAAc;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;AAChD,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"config-provider.mjs","sources":["../../../../../../packages/components/config-provider/src/config-provider.ts"],"sourcesContent":["import { defineComponent, renderSlot } from 'vue'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport {\n  useLocaleProps,\n  provideLocale,\n  provideGlobalConfig,\n} from '@element-plus/hooks'\nimport type { ButtonConfigContext } from '@element-plus/components/button'\n\nexport const configProviderProps = buildProps({\n  ...useLocaleProps,\n\n  size: {\n    type: String,\n    values: ['large', 'default', 'small'],\n  },\n\n  button: {\n    type: definePropType<ButtonConfigContext>(Object),\n  },\n\n  zIndex: {\n    type: Number,\n  },\n} as const)\n\nexport default defineComponent({\n  name: 'ElConfigProvider',\n  props: configProviderProps,\n\n  setup(props, { slots }) {\n    provideLocale()\n    const config = provideGlobalConfig(props)\n    return () => renderSlot(slots, 'default', { config: config?.value })\n  },\n})\n"],"names":[],"mappings":";;;;;;AAOY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,GAAG,cAAc;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC;AACzC,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC,EAAE;AACH,qBAAe,eAAe,CAAC;AAC/B,EAAE,IAAI,EAAE,kBAAkB;AAC1B,EAAE,KAAK,EAAE,mBAAmB;AAC5B,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE;AAC1B,IAAI,aAAa,EAAE,CAAC;AACpB,IAAI,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAC9C,IAAI,OAAO,MAAM,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAClG,GAAG;AACH,CAAC,CAAC;;;;"}

package/es/components/date-picker/index.d.ts

@@ -58,7 +58,7 @@ declare const _DatePicker: SFCWithInstall<import("vue").DefineComponent<{
         default: () => {};
     };
     modelValue: {
-        type: import("vue").PropType<string | Date | (number | Date)[]>;
+        type: import("vue").PropType<string | number | Date | (string | number | Date)[]>;
         default: string;
     };
     rangeSeparator: {
@@ -143,7 +143,7 @@ declare const _DatePicker: SFCWithInstall<import("vue").DefineComponent<{
     type: import("./src/date-picker.type").IDatePickerType;
     disabled: boolean;
     name: string | unknown[];
-    modelValue: string | Date | (number | Date)[];
+    modelValue: string | number | Date | (string | number | Date)[];
     editable: boolean;
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;
@@ -178,7 +178,7 @@ declare const _DatePicker: SFCWithInstall<import("vue").DefineComponent<{
     type: import("./src/date-picker.type").IDatePickerType;
     disabled: boolean;
     name: string | unknown[];
-    modelValue: string | Date | (number | Date)[];
+    modelValue: string | number | Date | (string | number | Date)[];
     editable: boolean;
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;
@@ -254,7 +254,7 @@ export declare const ElDatePicker: SFCWithInstall<import("vue").DefineComponent<
         default: () => {};
     };
     modelValue: {
-        type: import("vue").PropType<string | Date | (number | Date)[]>;
+        type: import("vue").PropType<string | number | Date | (string | number | Date)[]>;
         default: string;
     };
     rangeSeparator: {
@@ -339,7 +339,7 @@ export declare const ElDatePicker: SFCWithInstall<import("vue").DefineComponent<
     type: import("./src/date-picker.type").IDatePickerType;
     disabled: boolean;
     name: string | unknown[];
-    modelValue: string | Date | (number | Date)[];
+    modelValue: string | number | Date | (string | number | Date)[];
     editable: boolean;
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;
@@ -374,7 +374,7 @@ export declare const ElDatePicker: SFCWithInstall<import("vue").DefineComponent<
     type: import("./src/date-picker.type").IDatePickerType;
     disabled: boolean;
     name: string | unknown[];
-    modelValue: string | Date | (number | Date)[];
+    modelValue: string | number | Date | (string | number | Date)[];
     editable: boolean;
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;

package/es/components/date-picker/src/date-picker.d.ts

@@ -59,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
     modelValue: {
-        type: PropType<string | Date | (number | Date)[]>;
+        type: PropType<string | number | Date | (string | number | Date)[]>;
         default: string;
     };
     rangeSeparator: {
@@ -144,7 +144,7 @@ declare const _default: import("vue").DefineComponent<{
     type: IDatePickerType;
     disabled: boolean;
     name: string | unknown[];
-    modelValue: string | Date | (number | Date)[];
+    modelValue: string | number | Date | (string | number | Date)[];
     editable: boolean;
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;
@@ -179,7 +179,7 @@ declare const _default: import("vue").DefineComponent<{
     type: IDatePickerType;
     disabled: boolean;
     name: string | unknown[];
-    modelValue: string | Date | (number | Date)[];
+    modelValue: string | number | Date | (string | number | Date)[];
     editable: boolean;
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;

package/es/components/descriptions/index.d.ts

@@ -24,7 +24,7 @@ export declare const ElDescriptions: import("../../utils/types").SFCWithInstall<
         default: string;
     };
 }, {
-    descriptionsSize: import("vue").ComputedRef<"medium" | "mini" | import("../../utils/types").ComponentSize>;
+    descriptionKls: import("vue").ComputedRef<string[]>;
     getRows: () => never[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     border?: unknown;

package/es/components/descriptions/src/descriptions-cell.mjs

@@ -25,6 +25,8 @@ var DescriptionsCell = defineComponent({
   render() {
     var _a, _b, _c, _d, _e, _f;
     const item = getNormalizedProps(this.cell);
+    const { border, direction } = this.descriptions;
+    const isVertical = direction === "vertical";
     const label = ((_c = (_b = (_a = this.cell) == null ? void 0 : _a.children) == null ? void 0 : _b.label) == null ? void 0 : _c.call(_b)) || item.label;
     const content = (_f = (_e = (_d = this.cell) == null ? void 0 : _d.children) == null ? void 0 : _e.default) == null ? void 0 : _f.call(_e);
     const span = item.span;
@@ -43,11 +45,14 @@ var DescriptionsCell = defineComponent({
           class: [
             "el-descriptions__cell",
             "el-descriptions__label",
-            { "is-bordered-label": this.descriptions.border },
+            {
+              "is-bordered-label": border,
+              "is-vertical-label": isVertical
+            },
             labelAlign,
             labelClassName
           ],
-          colSpan: this.descriptions.direction === "vertical" ? span : 1
+          colSpan: isVertical ? span : 1
         }, label);
       case "content":
         return h(this.tag, {
@@ -55,10 +60,14 @@ var DescriptionsCell = defineComponent({
           class: [
             "el-descriptions__cell",
             "el-descriptions__content",
+            {
+              "is-bordered-content": border,
+              "is-vertical-content": isVertical
+            },
             align,
             className
           ],
-          colSpan: this.descriptions.direction === "vertical" ? span : span * 2 - 1
+          colSpan: isVertical ? span : span * 2 - 1
         }, content);
       default:
         return h("td", {

package/es/components/descriptions/src/descriptions-cell.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions-cell.mjs","sources":["../../../../../../packages/components/descriptions/src/descriptions-cell.ts"],"sourcesContent":["import { defineComponent, h, inject } from 'vue'\nimport { addUnit } from '@element-plus/utils/util'\nimport { getNormalizedProps } from '@element-plus/utils/vnode'\nimport { elDescriptionsKey } from './token'\n\nimport type { VNode } from 'vue'\nimport type {\n  IDescriptionsInject,\n  IDescriptionsItemInject,\n} from './descriptions.type'\n\nexport default defineComponent({\n  name: 'ElDescriptionsCell',\n  props: {\n    cell: {\n      type: Object,\n    },\n    tag: {\n      type: String,\n    },\n    type: {\n      type: String,\n    },\n  },\n  setup() {\n    const descriptions = inject(elDescriptionsKey, {} as IDescriptionsInject)\n\n    return {\n      descriptions,\n    }\n  },\n  render() {\n    const item = getNormalizedProps(\n      this.cell as VNode\n    ) as IDescriptionsItemInject\n\n    const label = this.cell?.children?.label?.() || item.label\n    const content = this.cell?.children?.default?.()\n    const span = item.span\n    const align = item.align ? `is-${item.align}` : ''\n    const labelAlign = item.labelAlign ? `is-${item.labelAlign}` : '' || align\n    const className = item.className\n    const labelClassName = item.labelClassName\n    const style = {\n      width: addUnit(item.width),\n      minWidth: addUnit(item.minWidth),\n    }\n\n    switch (this.type) {\n      case 'label':\n        return h(\n          this.tag,\n          {\n            style,\n            class: [\n              'el-descriptions__cell',\n              'el-descriptions__label',\n              { 'is-bordered-label': this.descriptions.border },\n              labelAlign,\n              labelClassName,\n            ],\n            colSpan: this.descriptions.direction === 'vertical' ? span : 1,\n          },\n          label\n        )\n      case 'content':\n        return h(\n          this.tag,\n          {\n            style,\n            class: [\n              'el-descriptions__cell',\n              'el-descriptions__content',\n              align,\n              className,\n            ],\n            colSpan:\n              this.descriptions.direction === 'vertical' ? span : span * 2 - 1,\n          },\n          content\n        )\n      default:\n        return h(\n          'td',\n          {\n            style,\n            class: ['el-descriptions__cell', align],\n            colSpan: span,\n          },\n          [\n            h(\n              'span',\n              {\n                class: ['el-descriptions__label', labelClassName],\n              },\n              label\n            ),\n            h(\n              'span',\n              {\n                class: ['el-descriptions__content', className],\n              },\n              content\n            ),\n          ]\n        )\n    }\n  },\n})\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"descriptions-cell.mjs","sources":["../../../../../../packages/components/descriptions/src/descriptions-cell.ts"],"sourcesContent":["import { defineComponent, h, inject } from 'vue'\nimport { addUnit } from '@element-plus/utils/util'\nimport { getNormalizedProps } from '@element-plus/utils/vnode'\nimport { elDescriptionsKey } from './token'\n\nimport type { VNode } from 'vue'\nimport type {\n  IDescriptionsInject,\n  IDescriptionsItemInject,\n} from './descriptions.type'\n\nexport default defineComponent({\n  name: 'ElDescriptionsCell',\n  props: {\n    cell: {\n      type: Object,\n    },\n    tag: {\n      type: String,\n    },\n    type: {\n      type: String,\n    },\n  },\n  setup() {\n    const descriptions = inject(elDescriptionsKey, {} as IDescriptionsInject)\n\n    return {\n      descriptions,\n    }\n  },\n  render() {\n    const item = getNormalizedProps(\n      this.cell as VNode\n    ) as IDescriptionsItemInject\n\n    const { border, direction } = this.descriptions\n    const isVertical = direction === 'vertical'\n    const label = this.cell?.children?.label?.() || item.label\n    const content = this.cell?.children?.default?.()\n    const span = item.span\n    const align = item.align ? `is-${item.align}` : ''\n    const labelAlign = item.labelAlign ? `is-${item.labelAlign}` : '' || align\n    const className = item.className\n    const labelClassName = item.labelClassName\n    const style = {\n      width: addUnit(item.width),\n      minWidth: addUnit(item.minWidth),\n    }\n\n    switch (this.type) {\n      case 'label':\n        return h(\n          this.tag,\n          {\n            style,\n            class: [\n              'el-descriptions__cell',\n              'el-descriptions__label',\n              {\n                'is-bordered-label': border,\n                'is-vertical-label': isVertical,\n              },\n              labelAlign,\n              labelClassName,\n            ],\n            colSpan: isVertical ? span : 1,\n          },\n          label\n        )\n      case 'content':\n        return h(\n          this.tag,\n          {\n            style,\n            class: [\n              'el-descriptions__cell',\n              'el-descriptions__content',\n              {\n                'is-bordered-content': border,\n                'is-vertical-content': isVertical,\n              },\n              align,\n              className,\n            ],\n            colSpan: isVertical ? span : span * 2 - 1,\n          },\n          content\n        )\n      default:\n        return h(\n          'td',\n          {\n            style,\n            class: ['el-descriptions__cell', align],\n            colSpan: span,\n          },\n          [\n            h(\n              'span',\n              {\n                class: ['el-descriptions__label', labelClassName],\n              },\n              label\n            ),\n            h(\n              'span',\n              {\n                class: ['el-descriptions__content', className],\n              },\n              content\n            ),\n          ]\n        )\n    }\n  },\n})\n"],"names":[],"mappings":"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"}

package/es/components/descriptions/src/index.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    descriptionsSize: import("vue").ComputedRef<"medium" | "mini" | ComponentSize>;
+    descriptionKls: import("vue").ComputedRef<string[]>;
     getRows: () => never[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     border?: unknown;

package/es/components/descriptions/src/index.vue_vue_type_script_lang.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, provide } from 'vue';
+import { defineComponent, provide, computed } from 'vue';
 import { isValidComponentSize } from '../../../utils/validators.mjs';
 import '../../../hooks/index.mjs';
 import './descriptions-row.mjs';
@@ -40,6 +40,11 @@ var script = defineComponent({
   setup(props, { slots }) {
     provide(elDescriptionsKey, props);
     const descriptionsSize = useSize();
+    const prefix = "el-descriptions";
+    const descriptionKls = computed(() => [
+      prefix,
+      descriptionsSize.value ? `${prefix}--${descriptionsSize.value}` : ""
+    ]);
     const flattedChildren = (children) => {
       const temp = Array.isArray(children) ? children : [children];
       const res = [];
@@ -99,7 +104,7 @@ var script = defineComponent({
       return rows;
     };
     return {
-      descriptionsSize,
+      descriptionKls,
       getRows
     };
   }

package/es/components/descriptions/src/index.vue_vue_type_script_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/descriptions/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"el-descriptions\">\n    <div\n      v-if=\"title || extra || $slots.title || $slots.extra\"\n      class=\"el-descriptions__header\"\n    >\n      <div class=\"el-descriptions__title\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div class=\"el-descriptions__extra\">\n        <slot name=\"extra\">{{ extra }}</slot>\n      </div>\n    </div>\n\n    <div class=\"el-descriptions__body\">\n      <table\n        :class=\"[\n          'el-descriptions__table',\n          { 'is-bordered': border },\n          descriptionsSize ? `el-descriptions--${descriptionsSize}` : '',\n        ]\"\n      >\n        <tbody>\n          <template v-for=\"(row, index) in getRows()\" :key=\"index\">\n            <el-descriptions-row :row=\"row\" />\n          </template>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide } from 'vue'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useSize } from '@element-plus/hooks'\nimport DescriptionsRow from './descriptions-row.vue'\nimport { elDescriptionsKey } from './token'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElDescriptions',\n  components: {\n    [DescriptionsRow.name]: DescriptionsRow,\n  },\n  props: {\n    border: {\n      type: Boolean,\n      default: false,\n    },\n    column: {\n      type: Number,\n      default: 3,\n    },\n    direction: {\n      type: String as PropType<'horizontal' | 'vertical'>,\n      default: 'horizontal',\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    extra: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    provide(elDescriptionsKey, props)\n\n    const descriptionsSize = useSize()\n\n    const flattedChildren = (children) => {\n      const temp = Array.isArray(children) ? children : [children]\n      const res = []\n      temp.forEach((child) => {\n        if (Array.isArray(child.children)) {\n          res.push(...flattedChildren(child.children))\n        } else {\n          res.push(child)\n        }\n      })\n      return res\n    }\n\n    const filledNode = (node, span, count, isLast = false) => {\n      if (!node.props) {\n        node.props = {}\n      }\n      if (span > count) {\n        node.props.span = count\n      }\n      if (isLast) {\n        // set the last span\n        node.props.span = span\n      }\n      return node\n    }\n\n    const getRows = () => {\n      const children = flattedChildren(slots.default?.()).filter(\n        (node) => node?.type?.name === 'ElDescriptionsItem'\n      )\n      const rows = []\n      let temp = []\n      let count = props.column\n      let totalSpan = 0 // all spans number of item\n\n      children.forEach((node, index) => {\n        const span = node.props?.span || 1\n\n        if (index < children.length - 1) {\n          totalSpan += span > count ? count : span\n        }\n\n        if (index === children.length - 1) {\n          // calculate the last item span\n          const lastSpan = props.column - (totalSpan % props.column)\n          temp.push(filledNode(node, lastSpan, count, true))\n          rows.push(temp)\n          return\n        }\n\n        if (span < count) {\n          count -= span\n          temp.push(node)\n        } else {\n          temp.push(filledNode(node, span, count))\n          rows.push(temp)\n          count = props.column\n          temp = []\n        }\n      })\n\n      return rows\n    }\n\n    return {\n      descriptionsSize,\n      getRows,\n    }\n  },\n})\n</script>\n"],"names":["DescriptionsRow"],"mappings":";;;;;;;;AAqCA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;AACd,IAAI,CAACA,QAAe,CAAC,IAAI,GAAGA,QAAe;;AAE3C,EAAE,KAAK,EAAE;IACL,MAAM,EAAE;MACN,IAAI,EAAE;MACN,OAAO,EAAE,KAAK;;IAEhB;MACE,IAAI,EAAE;MACN,OAAO,EAAE,CAAC;;IAEZ;MACE,IAAI,EAAE;MACN,OAAO,EAAE;;IAEX;MACE,IAAI,EAAE;MACN,SAAS,EAAE,oBAAoB;;IAEjC;MACE,IAAI;MACJ,OAAO,EAAE,EAAE;;IAEb;MACE;MACA,OAAO,EAAE,EAAE;;;OAGV,CAAC;YACI;UACF;IACN;;MAEE,MAAM,GAAG,GAAG,EAAE,CAAC;MACf,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK;;UAEf,GAAG,CAAC,IAAI,CAAC,GAAG,eAAe;;UAE3B,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE;SACjB;OACF,CAAC,CAAC;MACH,OAAO,GAAG,CAAC;;UAEP,UAAU,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG;UAC1C,CAAC,IAAI;YACH,CAAC,KAAK,GAAG,EAAE,CAAC;;MAElB;QACE,KAAK;;;QAGL,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;OACxB;aACM,IAAI;MACX;UACI,OAAO,GAAG;UACV,EAAE,CAAC;MACP;YACM,GAAG,CAAC;QACR,OAAO,CAAC,CAAC,GAAG,OAAO;QACnB,CAAC;MACH;MACA,IAAI,IAAI;;;MAGR,QAAQ,CAAC,QAAQ,CAAC;QAChB,IAAI,GAAG,CAAC;QACR,UAAU,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC;;UAE/C,SAAS;;QAEX,IAAI,UAAU;UACZ,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG;;UAEhC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;UAChB,OAAO;;QAET,IAAI,IAAI,QAAQ,EAAE;UAChB,KAAK,QAAQ,CAAC;;;cAGV,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,MAAM,EAAE;UACjC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;UACf,QAAQ,KAAK,OAAO,CAAC;UACrB,IAAI,GAAG,EAAE,CAAC;;;;;WAKT;sBACW;aACT;;;;;;;"}
+{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/descriptions/src/index.vue"],"sourcesContent":["<template>\n  <div :class=\"descriptionKls\">\n    <div\n      v-if=\"title || extra || $slots.title || $slots.extra\"\n      class=\"el-descriptions__header\"\n    >\n      <div class=\"el-descriptions__title\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div class=\"el-descriptions__extra\">\n        <slot name=\"extra\">{{ extra }}</slot>\n      </div>\n    </div>\n\n    <div class=\"el-descriptions__body\">\n      <table :class=\"['el-descriptions__table', { 'is-bordered': border }]\">\n        <tbody>\n          <template v-for=\"(row, index) in getRows()\" :key=\"index\">\n            <el-descriptions-row :row=\"row\" />\n          </template>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide } from 'vue'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useSize } from '@element-plus/hooks'\nimport DescriptionsRow from './descriptions-row.vue'\nimport { elDescriptionsKey } from './token'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElDescriptions',\n  components: {\n    [DescriptionsRow.name]: DescriptionsRow,\n  },\n  props: {\n    border: {\n      type: Boolean,\n      default: false,\n    },\n    column: {\n      type: Number,\n      default: 3,\n    },\n    direction: {\n      type: String as PropType<'horizontal' | 'vertical'>,\n      default: 'horizontal',\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    extra: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    provide(elDescriptionsKey, props)\n\n    const descriptionsSize = useSize()\n\n    const prefix = 'el-descriptions'\n    const descriptionKls = computed(() => [\n      prefix,\n      descriptionsSize.value ? `${prefix}--${descriptionsSize.value}` : '',\n    ])\n\n    const flattedChildren = (children) => {\n      const temp = Array.isArray(children) ? children : [children]\n      const res = []\n      temp.forEach((child) => {\n        if (Array.isArray(child.children)) {\n          res.push(...flattedChildren(child.children))\n        } else {\n          res.push(child)\n        }\n      })\n      return res\n    }\n\n    const filledNode = (node, span, count, isLast = false) => {\n      if (!node.props) {\n        node.props = {}\n      }\n      if (span > count) {\n        node.props.span = count\n      }\n      if (isLast) {\n        // set the last span\n        node.props.span = span\n      }\n      return node\n    }\n\n    const getRows = () => {\n      const children = flattedChildren(slots.default?.()).filter(\n        (node) => node?.type?.name === 'ElDescriptionsItem'\n      )\n      const rows = []\n      let temp = []\n      let count = props.column\n      let totalSpan = 0 // all spans number of item\n\n      children.forEach((node, index) => {\n        const span = node.props?.span || 1\n\n        if (index < children.length - 1) {\n          totalSpan += span > count ? count : span\n        }\n\n        if (index === children.length - 1) {\n          // calculate the last item span\n          const lastSpan = props.column - (totalSpan % props.column)\n          temp.push(filledNode(node, lastSpan, count, true))\n          rows.push(temp)\n          return\n        }\n\n        if (span < count) {\n          count -= span\n          temp.push(node)\n        } else {\n          temp.push(filledNode(node, span, count))\n          rows.push(temp)\n          count = props.column\n          temp = []\n        }\n      })\n\n      return rows\n    }\n\n    return {\n      descriptionKls,\n      getRows,\n    }\n  },\n})\n</script>\n"],"names":["DescriptionsRow"],"mappings":";;;;;;;;AA+BA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;AACd,IAAI,CAACA,QAAe,CAAC,IAAI,GAAGA,QAAe;;AAE3C,EAAE,KAAK,EAAE;IACL,MAAM,EAAE;MACN,IAAI,EAAE;MACN,OAAO,EAAE,KAAK;;IAEhB;MACE,IAAI,EAAE;MACN,OAAO,EAAE,CAAC;;IAEZ;MACE,IAAI,EAAE;MACN,OAAO,EAAE;;IAEX;MACE,IAAI,EAAE;MACN,SAAS,EAAE,oBAAoB;;IAEjC;MACE,IAAI;MACJ,OAAO,EAAE,EAAE;;IAEb;MACE;MACA,OAAO,EAAE,EAAE;;;OAGV,CAAC;YACI;UACF;IACN;;MAEE,MAAM;MACN,gBAAgB,CAAC,KAAK,GAAG,CAAC,EAAE;;IAE9B,MAAM,eAAe,IAAI,QAAQ;;MAE/B,MAAM,GAAG,KAAK,CAAC;MACf,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;QACtB,IAAI;UACF,GAAG,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;OAIhD,CAAC,CAAC;MACH,OAAO,GAAG;MACV;oBACc,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE;UACjC,CAAC,IAAI,CAAC,KAAK,EAAE;QACf,IAAI,CAAC;;;;OAIN;;;OAGA;MACD,OAAO,IAAI,CAAC;;;MAGZ,IAAI,EAAE,CAAC;YACD,QAAQ;;eAEL,CAAC;QACR,CAAC;YACG,IAAI,GAAG,EAAE,CAAC;MAChB;MACA,IAAI,KAAK;;;QAGP,IAAI,GAAG,CAAC;QACR,MAAM,IAAI,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;QACxD,IAAI,QAAQ,QAAQ,CAAC,MAAM,IAAI,EAAE;;SAEhC;QACD,IAAI,KAAK;UACP,MAAM,QAAQ,GAAG;UACjB,IAAI,CAAC,KAAK,WAAW,IAAI,EAAE,QAAQ,EAAE;;UAErC,OAAO;SACR;;eAEM,QAAQ,CAAC;UACd,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;;;cAGZ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;UAChB,KAAK,GAAG,KAAK,CAAC,MAAM;UACpB,IAAI,GAAG,EAAE,CAAC;;;aAGP;;;oBAGO;aACP;;;;;;;"}