@uzum-tech/ui 1.3.1 → 1.4.0

package/es/empty/src/Empty.d.ts

@@ -1,6 +1,7 @@
 import { type PropType, type VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const emptyProps: {
+    title: StringConstructor;
     description: StringConstructor;
     showDescription: {
         type: BooleanConstructor;
@@ -20,12 +21,18 @@ export declare const emptyProps: {
         iconSizeMedium: string;
         iconSizeLarge: string;
         iconSizeHuge: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
-        fontSizeLarge: string;
-        fontSizeHuge: string;
-        textColor: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        descriptionFontSizeSmall: string;
+        descriptionFontSizeMedium: string;
+        descriptionFontSizeLarge: string;
+        descriptionFontSizeHuge: string;
+        titleColor: string;
+        descriptionColor: string;
         iconColor: string;
+        iconBgColor: string;
         extraTextColor: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Empty", {
@@ -33,12 +40,18 @@ export declare const emptyProps: {
         iconSizeMedium: string;
         iconSizeLarge: string;
         iconSizeHuge: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
-        fontSizeLarge: string;
-        fontSizeHuge: string;
-        textColor: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        descriptionFontSizeSmall: string;
+        descriptionFontSizeMedium: string;
+        descriptionFontSizeLarge: string;
+        descriptionFontSizeHuge: string;
+        titleColor: string;
+        descriptionColor: string;
         iconColor: string;
+        iconBgColor: string;
         extraTextColor: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Empty", {
@@ -46,17 +59,24 @@ export declare const emptyProps: {
         iconSizeMedium: string;
         iconSizeLarge: string;
         iconSizeHuge: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
-        fontSizeLarge: string;
-        fontSizeHuge: string;
-        textColor: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        descriptionFontSizeSmall: string;
+        descriptionFontSizeMedium: string;
+        descriptionFontSizeLarge: string;
+        descriptionFontSizeHuge: string;
+        titleColor: string;
+        descriptionColor: string;
         iconColor: string;
+        iconBgColor: string;
         extraTextColor: string;
     }, any>>>;
 };
 export type EmptyProps = ExtractPublicPropTypes<typeof emptyProps>;
 declare const _default: import("vue").DefineComponent<{
+    title: StringConstructor;
     description: StringConstructor;
     showDescription: {
         type: BooleanConstructor;
@@ -76,12 +96,18 @@ declare const _default: import("vue").DefineComponent<{
         iconSizeMedium: string;
         iconSizeLarge: string;
         iconSizeHuge: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
-        fontSizeLarge: string;
-        fontSizeHuge: string;
-        textColor: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        descriptionFontSizeSmall: string;
+        descriptionFontSizeMedium: string;
+        descriptionFontSizeLarge: string;
+        descriptionFontSizeHuge: string;
+        titleColor: string;
+        descriptionColor: string;
         iconColor: string;
+        iconBgColor: string;
         extraTextColor: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Empty", {
@@ -89,12 +115,18 @@ declare const _default: import("vue").DefineComponent<{
         iconSizeMedium: string;
         iconSizeLarge: string;
         iconSizeHuge: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
-        fontSizeLarge: string;
-        fontSizeHuge: string;
-        textColor: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        descriptionFontSizeSmall: string;
+        descriptionFontSizeMedium: string;
+        descriptionFontSizeLarge: string;
+        descriptionFontSizeHuge: string;
+        titleColor: string;
+        descriptionColor: string;
         iconColor: string;
+        iconBgColor: string;
         extraTextColor: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Empty", {
@@ -102,29 +134,40 @@ declare const _default: import("vue").DefineComponent<{
         iconSizeMedium: string;
         iconSizeLarge: string;
         iconSizeHuge: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
-        fontSizeLarge: string;
-        fontSizeHuge: string;
-        textColor: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        descriptionFontSizeSmall: string;
+        descriptionFontSizeMedium: string;
+        descriptionFontSizeLarge: string;
+        descriptionFontSizeHuge: string;
+        titleColor: string;
+        descriptionColor: string;
         iconColor: string;
+        iconBgColor: string;
         extraTextColor: string;
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
     mergedRenderIcon: import("vue").ComputedRef<() => VNodeChild>;
+    localizedTitle: import("vue").ComputedRef<string>;
     localizedDescription: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
         '--u-icon-size': string;
-        '--u-font-size': string;
+        '--u-title-font-size': string;
+        '--u-description-font-size': string;
         '--u-bezier': string;
-        '--u-text-color': string;
+        '--u-title-color': string;
+        '--u-description-color': string;
         '--u-icon-color': string;
+        '--u-icon-bg-color': string;
         '--u-extra-text-color': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
     description: StringConstructor;
     showDescription: {
         type: BooleanConstructor;
@@ -144,12 +187,18 @@ declare const _default: import("vue").DefineComponent<{
         iconSizeMedium: string;
         iconSizeLarge: string;
         iconSizeHuge: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
-        fontSizeLarge: string;
-        fontSizeHuge: string;
-        textColor: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        descriptionFontSizeSmall: string;
+        descriptionFontSizeMedium: string;
+        descriptionFontSizeLarge: string;
+        descriptionFontSizeHuge: string;
+        titleColor: string;
+        descriptionColor: string;
         iconColor: string;
+        iconBgColor: string;
         extraTextColor: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Empty", {
@@ -157,12 +206,18 @@ declare const _default: import("vue").DefineComponent<{
         iconSizeMedium: string;
         iconSizeLarge: string;
         iconSizeHuge: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
-        fontSizeLarge: string;
-        fontSizeHuge: string;
-        textColor: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        descriptionFontSizeSmall: string;
+        descriptionFontSizeMedium: string;
+        descriptionFontSizeLarge: string;
+        descriptionFontSizeHuge: string;
+        titleColor: string;
+        descriptionColor: string;
         iconColor: string;
+        iconBgColor: string;
         extraTextColor: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Empty", {
@@ -170,17 +225,23 @@ declare const _default: import("vue").DefineComponent<{
         iconSizeMedium: string;
         iconSizeLarge: string;
         iconSizeHuge: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
-        fontSizeLarge: string;
-        fontSizeHuge: string;
-        textColor: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        descriptionFontSizeSmall: string;
+        descriptionFontSizeMedium: string;
+        descriptionFontSizeLarge: string;
+        descriptionFontSizeHuge: string;
+        titleColor: string;
+        descriptionColor: string;
         iconColor: string;
+        iconBgColor: string;
         extraTextColor: string;
     }, any>>>;
 }>>, {
-    size: "small" | "medium" | "large" | "huge";
     showDescription: boolean;
     showIcon: boolean;
+    size: "small" | "medium" | "large" | "huge";
 }, {}>;
 export default _default;

package/es/empty/src/Empty.js

@@ -1,12 +1,12 @@
-import { h, defineComponent, computed, inject } from 'vue';
+import { h, defineComponent, computed, inject, Fragment } from 'vue';
 import { configProviderInjectionKey } from '../../config-provider/src/context';
 import { UBaseIcon } from '../../_internal/icon';
-import { EmptyIcon } from '../../_internal/icons';
+import { FileHeart } from '../../_internal/icons';
 import { useConfig, useLocale, useTheme, useThemeClass } from '../../_mixins';
 import { createKey } from '../../_utils';
 import { emptyLight } from '../styles';
 import style from './styles/index.cssr';
-export const emptyProps = Object.assign(Object.assign({}, useTheme.props), { description: String, showDescription: {
+export const emptyProps = Object.assign(Object.assign({}, useTheme.props), { title: String, description: String, showDescription: {
         type: Boolean,
         default: true
     }, showIcon: {
@@ -24,6 +24,10 @@ export default defineComponent({
         const themeRef = useTheme('Empty', '-empty', style, emptyLight, props, mergedClsPrefixRef);
         const { localeRef } = useLocale('Empty');
         const UConfigProvider = inject(configProviderInjectionKey, null);
+        const mergedTitleRef = computed(() => {
+            var _a, _b, _c;
+            return ((_a = props.title) !== null && _a !== void 0 ? _a : (_c = (_b = UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedComponentPropsRef.value) === null || _b === void 0 ? void 0 : _b.Empty) === null || _c === void 0 ? void 0 : _c.title);
+        });
         const mergedDescriptionRef = computed(() => {
             var _a, _b, _c;
             return ((_a = props.description) !== null && _a !== void 0 ? _a : (_c = (_b = UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedComponentPropsRef.value) === null || _b === void 0 ? void 0 : _b.Empty) === null || _c === void 0 ? void 0 : _c.description);
@@ -31,17 +35,20 @@ export default defineComponent({
         const mergedRenderIconRef = computed(() => {
             var _a, _b;
             return ((_b = (_a = UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Empty) === null || _b === void 0 ? void 0 : _b.renderIcon) ||
-                (() => h(EmptyIcon, null));
+                (() => h(FileHeart, null));
         });
         const cssVarsRef = computed(() => {
             const { size } = props;
-            const { common: { cubicBezierEaseInOut }, self: { [createKey('iconSize', size)]: iconSize, [createKey('fontSize', size)]: fontSize, textColor, iconColor, extraTextColor } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { titleColor, descriptionColor, iconColor, iconBgColor, extraTextColor, [createKey('iconSize', size)]: iconSize, [createKey('titleFontSize', size)]: titleFontSize, [createKey('descriptionFontSize', size)]: descriptionFontSize } } = themeRef.value;
             return {
                 '--u-icon-size': iconSize,
-                '--u-font-size': fontSize,
+                '--u-title-font-size': titleFontSize,
+                '--u-description-font-size': descriptionFontSize,
                 '--u-bezier': cubicBezierEaseInOut,
-                '--u-text-color': textColor,
+                '--u-title-color': titleColor,
+                '--u-description-color': descriptionColor,
                 '--u-icon-color': iconColor,
+                '--u-icon-bg-color': iconBgColor,
                 '--u-extra-text-color': extraTextColor
             };
         });
@@ -56,6 +63,9 @@ export default defineComponent({
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             mergedRenderIcon: mergedRenderIconRef,
+            localizedTitle: computed(() => {
+                return mergedTitleRef.value || localeRef.value.title;
+            }),
             localizedDescription: computed(() => {
                 return mergedDescriptionRef.value || localeRef.value.description;
             }),
@@ -67,9 +77,17 @@ export default defineComponent({
     render() {
         const { $slots, mergedClsPrefix, onRender } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
-        return (h("div", { class: [`${mergedClsPrefix}-empty`, this.themeClass], style: this.cssVars },
+        return (h("div", { class: [
+                `${mergedClsPrefix}-empty`,
+                `${mergedClsPrefix}-empty--${this.size}`,
+                this.themeClass
+            ], style: this.cssVars },
             this.showIcon ? (h("div", { class: `${mergedClsPrefix}-empty__icon` }, $slots.icon ? ($slots.icon()) : (h(UBaseIcon, { clsPrefix: mergedClsPrefix }, { default: this.mergedRenderIcon })))) : null,
-            this.showDescription ? (h("div", { class: `${mergedClsPrefix}-empty__description` }, $slots.default ? $slots.default() : this.localizedDescription)) : null,
+            this.showDescription ? (h(Fragment, null,
+                h("div", { class: `${mergedClsPrefix}-empty__title` }, $slots.title ? $slots.title() : this.localizedTitle),
+                h("div", { class: `${mergedClsPrefix}-empty__description` }, $slots.description
+                    ? $slots.description()
+                    : this.localizedDescription))) : null,
             $slots.extra ? (h("div", { class: `${mergedClsPrefix}-empty__extra` }, $slots.extra())) : null));
     }
 });

package/es/empty/src/styles/index.cssr.js

@@ -1,6 +1,7 @@
-import { c, cB, cE } from '../../../_utils/cssr';
+import { cB, cE, cM } from '../../../_utils/cssr';
 // vars:
-// --u-font-size
+// --u-title-font-size
+// --u-description-font-size
 // --u-icon-size
 // --u-icon-color
 // --u-bezier
@@ -10,23 +11,49 @@ export default cB('empty', `
  display: flex;
  flex-direction: column;
  align-items: center;
- font-size: var(--u-font-size);
-`, [cE('icon', `
- width: var(--u-icon-size);
- height: var(--u-icon-size);
+`, [cM('small', [cE('icon', `
+ width: 48px;
+ height: 48px;
+ margin-bottom: 16px;
+ `)]), cM('medium', [cE('icon', `
+ width: 48px;
+ height: 48px;
+ margin-bottom: 16px;
+ `)]), cM('large', [cE('icon', `
+ width: 80px;
+ height: 80px;
+ margin-bottom: 32px;
+ `)]), cM('huge', [cE('icon', `
+ width: 80px;
+ height: 80px;
+ margin-bottom: 32px;
+ `)]), cE('icon', `
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ background-color: var(--u-icon-bg-color);
  font-size: var(--u-icon-size);
  line-height: var(--u-icon-size);
  color: var(--u-icon-color);
  transition:
  color .3s var(--u-bezier);
- `, [c('+', [cE('description', `
- margin-top: 8px;
- `)])]), cE('description', `
+ `), cE('title', `
+ text-align: center;
+ transition: color .3s var(--u-bezier);
+ font-size: var(--u-title-font-size);
+ color: var(--u-title-color);
+ max-width: 352px;
+ margin-bottom: 8px;
+ `), cE('description', `
+ text-align: center;
  transition: color .3s var(--u-bezier);
- color: var(--u-text-color);
+ font-size: var(--u-description-font-size);
+ color: var(--u-description-color);
+ max-width: 352px;
  `), cE('extra', `
  text-align: center;
  transition: color .3s var(--u-bezier);
- margin-top: 12px;
+ margin-top: 32px;
  color: var(--u-extra-text-color);
  `)]);

package/es/empty/styles/light.d.ts

@@ -5,12 +5,18 @@ export declare const self: (vars: ThemeCommonVars) => {
     iconSizeMedium: string;
     iconSizeLarge: string;
     iconSizeHuge: string;
-    fontSizeSmall: string;
-    fontSizeMedium: string;
-    fontSizeLarge: string;
-    fontSizeHuge: string;
-    textColor: string;
+    titleFontSizeSmall: string;
+    titleFontSizeMedium: string;
+    titleFontSizeLarge: string;
+    titleFontSizeHuge: string;
+    descriptionFontSizeSmall: string;
+    descriptionFontSizeMedium: string;
+    descriptionFontSizeLarge: string;
+    descriptionFontSizeHuge: string;
+    titleColor: string;
+    descriptionColor: string;
     iconColor: string;
+    iconBgColor: string;
     extraTextColor: string;
 };
 export type EmptyThemeVars = ReturnType<typeof self>;

package/es/empty/styles/light.js

@@ -1,17 +1,23 @@
 import { commonLight } from '../../_styles/common';
 export const self = (vars) => {
-    const { fontBodyMedium, fontBodyLarge, fontTitleSmall, textTertiary, textPrimary, elementsDarkQuinary } = vars;
+    const { fontBodyMedium, fontTitleLarge, fontTitleSmall, textSecondary, textPrimary, brandPrimary500, brandPrimary100 } = vars;
     return {
-        iconSizeSmall: '34px',
-        iconSizeMedium: '40px',
-        iconSizeLarge: '46px',
-        iconSizeHuge: '52px',
-        fontSizeSmall: fontBodyMedium,
-        fontSizeMedium: fontBodyMedium,
-        fontSizeLarge: fontBodyLarge,
-        fontSizeHuge: fontTitleSmall,
-        textColor: textTertiary,
-        iconColor: elementsDarkQuinary,
+        iconSizeSmall: '16px',
+        iconSizeMedium: '16px',
+        iconSizeLarge: '32px',
+        iconSizeHuge: '32px',
+        titleFontSizeSmall: fontTitleSmall,
+        titleFontSizeMedium: fontTitleSmall,
+        titleFontSizeLarge: fontTitleLarge,
+        titleFontSizeHuge: fontTitleLarge,
+        descriptionFontSizeSmall: fontBodyMedium,
+        descriptionFontSizeMedium: fontBodyMedium,
+        descriptionFontSizeLarge: fontTitleSmall,
+        descriptionFontSizeHuge: fontTitleSmall,
+        titleColor: textPrimary,
+        descriptionColor: textSecondary,
+        iconColor: brandPrimary500,
+        iconBgColor: brandPrimary100,
         extraTextColor: textPrimary
     };
 };

package/es/equation/src/Equation.d.ts

@@ -1,18 +1,19 @@
 import { type PropType } from 'vue';
 import type { KatexOptions } from 'katex';
+import type { Katex } from '../../config-provider/src/katex';
 export declare const equationProps: {
     readonly value: StringConstructor;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<Katex>;
     readonly katexOptions: PropType<KatexOptions>;
 };
 export declare const Equation: import("vue").DefineComponent<{
     readonly value: StringConstructor;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<Katex>;
     readonly katexOptions: PropType<KatexOptions>;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly value: StringConstructor;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<Katex>;
     readonly katexOptions: PropType<KatexOptions>;
 }>>, {}, {}>;

package/es/flex/src/Flex.d.ts

@@ -1,16 +1,17 @@
 import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { FlexAlign, FlexJustify } from './type';
 export declare const flexProps: {
-    readonly align: PropType<import("csstype").Property.AlignItems>;
+    readonly align: PropType<FlexAlign>;
     readonly justify: {
-        readonly type: PropType<import("csstype").Property.JustifyContent>;
+        readonly type: PropType<FlexJustify>;
         readonly default: "start";
     };
     readonly inline: BooleanConstructor;
     readonly vertical: BooleanConstructor;
     readonly reverse: BooleanConstructor;
     readonly size: {
-        readonly type: PropType<number | [number, number] | "small" | "medium" | "large">;
+        readonly type: PropType<"small" | "medium" | "large" | number | [number, number]>;
         readonly default: "medium";
     };
     readonly wrap: {
@@ -35,16 +36,16 @@ export declare const flexProps: {
 };
 export type FlexProps = ExtractPublicPropTypes<typeof flexProps>;
 declare const _default: import("vue").DefineComponent<{
-    readonly align: PropType<import("csstype").Property.AlignItems>;
+    readonly align: PropType<FlexAlign>;
     readonly justify: {
-        readonly type: PropType<import("csstype").Property.JustifyContent>;
+        readonly type: PropType<FlexJustify>;
         readonly default: "start";
     };
     readonly inline: BooleanConstructor;
     readonly vertical: BooleanConstructor;
     readonly reverse: BooleanConstructor;
     readonly size: {
-        readonly type: PropType<number | [number, number] | "small" | "medium" | "large">;
+        readonly type: PropType<"small" | "medium" | "large" | number | [number, number]>;
         readonly default: "medium";
     };
     readonly wrap: {
@@ -74,16 +75,16 @@ declare const _default: import("vue").DefineComponent<{
         vertical: number;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly align: PropType<import("csstype").Property.AlignItems>;
+    readonly align: PropType<FlexAlign>;
     readonly justify: {
-        readonly type: PropType<import("csstype").Property.JustifyContent>;
+        readonly type: PropType<FlexJustify>;
         readonly default: "start";
     };
     readonly inline: BooleanConstructor;
     readonly vertical: BooleanConstructor;
     readonly reverse: BooleanConstructor;
     readonly size: {
-        readonly type: PropType<number | [number, number] | "small" | "medium" | "large">;
+        readonly type: PropType<"small" | "medium" | "large" | number | [number, number]>;
         readonly default: "medium";
     };
     readonly wrap: {
@@ -106,11 +107,11 @@ declare const _default: import("vue").DefineComponent<{
         gapLarge: string;
     }, any>>>;
 }>>, {
-    readonly inline: boolean;
     readonly reverse: boolean;
-    readonly size: number | [number, number] | "small" | "medium" | "large";
-    readonly wrap: boolean;
+    readonly inline: boolean;
+    readonly size: number | "small" | "medium" | "large" | [number, number];
     readonly vertical: boolean;
+    readonly wrap: boolean;
     readonly justify: import("csstype").Property.JustifyContent;
 }, {}>;
 export default _default;

package/es/form/src/Form.d.ts

@@ -3,7 +3,7 @@ import type { FormRules, LabelAlign, LabelPlacement, FormInst, Size, FormValidat
 import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const formProps: {
     readonly inline: BooleanConstructor;
-    readonly labelWidth: PropType<string | number>;
+    readonly labelWidth: PropType<number | string>;
     readonly labelAlign: PropType<LabelAlign>;
     readonly labelPlacement: {
         readonly type: PropType<LabelPlacement>;
@@ -141,7 +141,7 @@ export type FormSetupProps = ExtractPropTypes<typeof formProps>;
 export type FormProps = ExtractPublicPropTypes<typeof formProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly inline: BooleanConstructor;
-    readonly labelWidth: PropType<string | number>;
+    readonly labelWidth: PropType<number | string>;
     readonly labelAlign: PropType<LabelAlign>;
     readonly labelPlacement: {
         readonly type: PropType<LabelPlacement>;
@@ -278,7 +278,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly inline: BooleanConstructor;
-    readonly labelWidth: PropType<string | number>;
+    readonly labelWidth: PropType<number | string>;
     readonly labelAlign: PropType<LabelAlign>;
     readonly labelPlacement: {
         readonly type: PropType<LabelPlacement>;
@@ -413,8 +413,8 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     readonly inline: boolean;
-    readonly disabled: boolean;
     readonly onSubmit: (e: Event) => void;
+    readonly disabled: boolean;
     readonly labelPlacement: LabelPlacement;
     readonly model: Record<string, any>;
     readonly showRequireMark: boolean | undefined;

package/es/form/src/Form.js

@@ -51,8 +51,8 @@ export default defineComponent({
                 maxChildLabelWidthRef.value = currentWidth;
             }
         };
-        function validate(validateCallback, shouldRuleBeApplied = () => true) {
-            return __awaiter(this, void 0, void 0, function* () {
+        function validate(validateCallback_1) {
+            return __awaiter(this, arguments, void 0, function* (validateCallback, shouldRuleBeApplied = () => true) {
                 yield new Promise((resolve, reject) => {
                     const formItemValidationPromises = [];
                     for (const key of keysOf(formItems)) {