naive-ui 2.23.0 → 2.24.1

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

@@ -5,34 +5,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --font-size
-// --icon-size
-// --icon-color
-// --bezier
-// --text-color
-// --extra-text-color
+// --n-font-size
+// --n-icon-size
+// --n-icon-color
+// --n-bezier
+// --n-text-color
+// --n-extra-text-color
 
 
 exports.default = (0, cssr_1.cB)('empty', `
  display: flex;
  flex-direction: column;
  align-items: center;
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
 `, [(0, cssr_1.cE)('icon', `
- width: var(--icon-size);
- height: var(--icon-size);
- font-size: var(--icon-size);
- line-height: var(--icon-size);
- color: var(--icon-color);
+ width: var(--n-icon-size);
+ height: var(--n-icon-size);
+ font-size: var(--n-icon-size);
+ line-height: var(--n-icon-size);
+ color: var(--n-icon-color);
  transition:
- color .3s var(--bezier);
- `), (0, cssr_1.cE)('description', `
+ color .3s var(--n-bezier);
+ `, [(0, cssr_1.c)('+', [(0, cssr_1.cE)('description', `
  margin-top: 8px;
- transition: color .3s var(--bezier);
- color: var(--text-color);
+ `)])]), (0, cssr_1.cE)('description', `
+ transition: color .3s var(--n-bezier);
+ color: var(--n-text-color);
  `), (0, cssr_1.cE)('extra', `
  text-align: center;
- transition: color .3s var(--bezier);
+ transition: color .3s var(--n-bezier);
  margin-top: 12px;
- color: var(--extra-text-color);
+ color: var(--n-extra-text-color);
  `)]);

package/lib/form/src/Feedbacks.js

@@ -13,7 +13,10 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         var _a;
-        const { feedback, clsPrefix } = this;
+        const { $slots, feedback, clsPrefix } = this;
+        if ($slots.default) {
+            return $slots.default();
+        }
         return feedback ? ((0, vue_1.h)("div", { key: feedback, class: `${clsPrefix}-form-item-feedback__line` }, feedback)) : ((_a = this.explains) === null || _a === void 0 ? void 0 : _a.map((explain) => ((0, vue_1.h)("div", { key: explain, class: `${clsPrefix}-form-item-feedback__line` }, explain))));
     }
 });

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

@@ -1,5 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { FormRules, LabelAlign, LabelPlacement, FormInst } from './interface';
+import { FormRules, LabelAlign, LabelPlacement, FormInst, Size } from './interface';
 import { ExtractPublicPropTypes } from '../../_utils';
 declare const formProps: {
     readonly inline: BooleanConstructor;
@@ -15,12 +15,12 @@ declare const formProps: {
     };
     readonly rules: PropType<FormRules>;
     readonly disabled: BooleanConstructor;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<Size>;
     readonly showRequireMark: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly requireMarkPlacement: PropType<"left" | "right">;
+    readonly requireMarkPlacement: PropType<"left" | "right" | "right-hanging">;
     readonly showFeedback: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -34,15 +34,15 @@ declare const formProps: {
         readonly default: undefined;
     };
     readonly theme: PropType<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -65,15 +65,15 @@ declare const formProps: {
         labelTextAlignHorizontal: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -96,15 +96,15 @@ declare const formProps: {
         labelTextAlignHorizontal: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -143,12 +143,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly rules: PropType<FormRules>;
     readonly disabled: BooleanConstructor;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<Size>;
     readonly showRequireMark: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly requireMarkPlacement: PropType<"left" | "right">;
+    readonly requireMarkPlacement: PropType<"left" | "right" | "right-hanging">;
     readonly showFeedback: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -162,15 +162,15 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly theme: PropType<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -193,15 +193,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -224,15 +224,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -281,17 +281,17 @@ declare const _default: import("vue").DefineComponent<{
     model: Record<string, any>;
     showFeedback: boolean;
 } & {
-    size?: "small" | "medium" | "large" | undefined;
+    size?: Size | undefined;
     theme?: import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -314,15 +314,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any> | undefined;
     themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -345,15 +345,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>> | undefined;
     builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -379,7 +379,7 @@ declare const _default: import("vue").DefineComponent<{
     labelWidth?: string | number | undefined;
     rules?: FormRules | undefined;
     showRequireMark?: boolean | undefined;
-    requireMarkPlacement?: "left" | "right" | undefined;
+    requireMarkPlacement?: "left" | "right" | "right-hanging" | undefined;
     showLabel?: boolean | undefined;
 }>, {
     inline: boolean;

package/lib/form/src/Form.js

@@ -45,6 +45,15 @@ exports.default = (0, vue_1.defineComponent)({
         (0, _mixins_1.useTheme)('Form', 'Form', form_cssr_1.default, styles_1.formLight, props, mergedClsPrefixRef);
         // from path to form-item
         const formItems = {};
+        // for label-width = 'auto'
+        const maxChildLabelWidthRef = (0, vue_1.ref)(undefined);
+        const deriveMaxChildLabelWidth = (currentWidth) => {
+            const currentMaxChildLabelWidth = maxChildLabelWidthRef.value;
+            if (currentMaxChildLabelWidth === undefined ||
+                currentWidth >= currentMaxChildLabelWidth) {
+                maxChildLabelWidthRef.value = currentWidth;
+            }
+        };
         function validate(validateCallback, shouldRuleBeApplied = () => true) {
             return __awaiter(this, void 0, void 0, function* () {
                 return yield new Promise((resolve, reject) => {
@@ -65,16 +74,12 @@ exports.default = (0, vue_1.defineComponent)({
                             if (validateCallback) {
                                 validateCallback(errors);
                             }
-                            else {
-                                reject(errors);
-                            }
+                            reject(errors);
                         }
                         else {
                             if (validateCallback)
                                 validateCallback();
-                            else {
-                                resolve();
-                            }
+                            resolve();
                         }
                     });
                 });
@@ -88,7 +93,11 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             }
         }
-        (0, vue_1.provide)(interface_1.formInjectionKey, props);
+        (0, vue_1.provide)(interface_1.formInjectionKey, {
+            props,
+            maxChildLabelWidthRef,
+            deriveMaxChildLabelWidth
+        });
         (0, vue_1.provide)(interface_1.formItemInstsInjectionKey, { formItems });
         const formExposedMethod = {
             validate,

package/lib/form/src/FormItem.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { PropType, CSSProperties, ExtractPropTypes, LabelHTMLAttributes } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import { FormItemRule, LabelAlign, LabelPlacement, FormItemInternalValidate } from './interface';
 export declare const formItemProps: {
@@ -15,7 +15,7 @@ export declare const formItemProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly requireMarkPlacement: PropType<"left" | "right">;
+    readonly requireMarkPlacement: PropType<"left" | "right" | "right-hanging">;
     readonly showFeedback: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -29,16 +29,17 @@ export declare const formItemProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly labelProps: PropType<LabelHTMLAttributes>;
     readonly theme: PropType<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -61,15 +62,15 @@ export declare const formItemProps: {
         labelTextAlignHorizontal: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -92,15 +93,15 @@ export declare const formItemProps: {
         labelTextAlignHorizontal: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -125,7 +126,7 @@ export declare const formItemProps: {
 };
 export declare type FormItemSetupProps = ExtractPropTypes<typeof formItemProps>;
 export declare type FormItemProps = ExtractPublicPropTypes<typeof formItemProps>;
-export declare const formItemPropKeys: ("label" | "size" | "first" | "required" | "path" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "labelPlacement" | "labelAlign" | "labelStyle" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback")[];
+export declare const formItemPropKeys: ("label" | "size" | "first" | "required" | "path" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "labelPlacement" | "labelAlign" | "labelStyle" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps")[];
 declare const _default: import("vue").DefineComponent<{
     readonly label: StringConstructor;
     readonly labelWidth: PropType<string | number>;
@@ -140,7 +141,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly requireMarkPlacement: PropType<"left" | "right">;
+    readonly requireMarkPlacement: PropType<"left" | "right" | "right-hanging">;
     readonly showFeedback: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -154,16 +155,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly labelProps: PropType<LabelHTMLAttributes>;
     readonly theme: PropType<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -186,15 +188,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -217,15 +219,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -249,21 +251,21 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--line-height': string;
-        '--blank-height': string;
-        '--label-font-size': string;
-        '--label-text-align': string;
-        '--label-height': string;
-        '--label-padding': string;
-        '--asterisk-color': string;
-        '--label-text-color': string;
-        '--feedback-padding': string;
-        '--feedback-font-size': string;
-        '--feedback-height': string;
-        '--feedback-text-color': string;
-        '--feedback-text-color-warning': string;
-        '--feedback-text-color-error': string;
+        '--n-bezier': string;
+        '--n-line-height': string;
+        '--n-blank-height': string;
+        '--n-label-font-size': string;
+        '--n-label-text-align': string;
+        '--n-label-height': string;
+        '--n-label-padding': string;
+        '--n-asterisk-color': string;
+        '--n-label-text-color': string;
+        '--n-feedback-padding': string;
+        '--n-feedback-font-size': string;
+        '--n-feedback-height': string;
+        '--n-feedback-text-color': string;
+        '--n-feedback-text-color-warning': string;
+        '--n-feedback-text-color-error': string;
     }>;
     validate: import("./interface").FormItemValidate;
     restoreValidation: () => void;
@@ -271,14 +273,15 @@ declare const _default: import("vue").DefineComponent<{
     internalValidate: FormItemInternalValidate;
     mergedSize: import("vue").ComputedRef<import("./interface").Size>;
     validationErrored: import("vue").Ref<boolean>;
-    mergedLabelStyle: import("vue").ComputedRef<(string | CSSProperties | undefined)[]>;
+    mergedLabelStyle: import("vue").ComputedRef<(import("vue").StyleValue | undefined)[]>;
     mergedLabelPlacement: import("vue").ComputedRef<LabelPlacement>;
     mergedLabelAlign: import("vue").ComputedRef<LabelAlign | undefined>;
     mergedShowRequireMark: import("vue").ComputedRef<boolean | undefined>;
-    mergedRequireMarkPlacement: import("vue").ComputedRef<"left" | "right" | undefined>;
+    mergedRequireMarkPlacement: import("vue").ComputedRef<"left" | "right" | "right-hanging">;
     mergedValidationStatus: import("vue").ComputedRef<"error" | "success" | "warning" | undefined>;
     mergedShowFeedback: import("vue").ComputedRef<boolean>;
     mergedShowLabel: import("vue").ComputedRef<boolean>;
+    labelElementRef: import("vue").Ref<HTMLLabelElement | null>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedRequired: import("vue").ComputedRef<boolean>;
     hasFeedback: import("vue").ComputedRef<number | true>;
@@ -303,6 +306,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly validationStatus?: unknown;
     readonly feedback?: unknown;
     readonly showLabel?: unknown;
+    readonly labelProps?: unknown;
     readonly theme?: unknown;
     readonly themeOverrides?: unknown;
     readonly builtinThemeOverrides?: unknown;
@@ -315,15 +319,15 @@ declare const _default: import("vue").DefineComponent<{
     size?: "small" | "medium" | "large" | undefined;
     path?: string | undefined;
     theme?: import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -346,15 +350,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any> | undefined;
     themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -377,15 +381,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>> | undefined;
     builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -412,13 +416,14 @@ declare const _default: import("vue").DefineComponent<{
     labelStyle?: string | CSSProperties | undefined;
     labelWidth?: string | number | undefined;
     showRequireMark?: boolean | undefined;
-    requireMarkPlacement?: "left" | "right" | undefined;
+    requireMarkPlacement?: "left" | "right" | "right-hanging" | undefined;
     showFeedback?: boolean | undefined;
     showLabel?: boolean | undefined;
     rulePath?: string | undefined;
     rule?: FormItemRule | FormItemRule[] | undefined;
     validationStatus?: "error" | "success" | "warning" | undefined;
     feedback?: string | undefined;
+    labelProps?: LabelHTMLAttributes | undefined;
 }>, {
     first: boolean;
     required: boolean;