naive-ui 2.22.0 → 2.24.0

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

@@ -13,7 +13,7 @@ export declare const formItemGiProps: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly requireMarkPlacement: import("vue").PropType<"left" | "right">;
+    readonly requireMarkPlacement: import("vue").PropType<"left" | "right" | "right-hanging">;
     readonly showFeedback: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
@@ -27,16 +27,17 @@ export declare const formItemGiProps: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
     readonly theme: import("vue").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;
@@ -59,15 +60,15 @@ export declare const formItemGiProps: {
         labelTextAlignHorizontal: string;
     }, any>>;
     readonly themeOverrides: import("vue").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;
@@ -90,15 +91,15 @@ export declare const formItemGiProps: {
         labelTextAlignHorizontal: string;
     }, any>>>;
     readonly builtinThemeOverrides: import("vue").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;
@@ -137,7 +138,7 @@ export declare const formItemGiProps: {
         readonly default: true;
     };
 };
-export declare const formItemGiPropKeys: ("label" | "size" | "first" | "offset" | "span" | "required" | "path" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "suffix" | "labelPlacement" | "labelAlign" | "labelStyle" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset")[];
+export declare const formItemGiPropKeys: ("label" | "size" | "first" | "offset" | "span" | "required" | "path" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "suffix" | "labelPlacement" | "labelAlign" | "labelStyle" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset")[];
 export declare type FormItemGiProps = ExtractPublicPropTypes<typeof formItemGiProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly label: StringConstructor;
@@ -153,7 +154,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly requireMarkPlacement: import("vue").PropType<"left" | "right">;
+    readonly requireMarkPlacement: import("vue").PropType<"left" | "right" | "right-hanging">;
     readonly showFeedback: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
@@ -167,16 +168,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
     readonly theme: import("vue").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;
@@ -199,15 +201,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>>;
     readonly themeOverrides: import("vue").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;
@@ -230,15 +232,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>>>;
     readonly builtinThemeOverrides: import("vue").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;
@@ -277,6 +279,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
 }, {
+    formItemInstRef: import("vue").Ref<{
+        validate: import("./interface").FormItemValidate;
+        restoreValidation: () => void;
+        path?: string | undefined;
+        internalValidate: import("./interface").FormItemInternalValidate;
+    } | null>;
     validate: import("./interface").FormItemValidate;
     restoreValidation: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
@@ -298,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;
@@ -321,15 +330,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;
@@ -352,15 +361,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;
@@ -383,15 +392,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;
@@ -418,13 +427,14 @@ declare const _default: import("vue").DefineComponent<{
     labelStyle?: string | import("vue").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?: import("./interface").FormItemRule | import("./interface").FormItemRule[] | undefined;
     validationStatus?: "error" | "success" | "warning" | undefined;
     feedback?: string | undefined;
+    labelProps?: import("vue").LabelHTMLAttributes | undefined;
     privateSpan?: number | undefined;
     privateColStart?: number | undefined;
     privateOffset?: number | undefined;

package/lib/form/src/FormItemGridItem.js

@@ -46,6 +46,7 @@ exports.default = (0, vue_1.defineComponent)({
             }
         };
         return {
+            formItemInstRef,
             validate,
             restoreValidation
         };

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

@@ -13,7 +13,7 @@ declare const formItemRowProps: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    requireMarkPlacement: import("vue").PropType<"left" | "right">;
+    requireMarkPlacement: import("vue").PropType<"left" | "right" | "right-hanging">;
     showFeedback: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
@@ -27,16 +27,17 @@ declare const formItemRowProps: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
     theme: import("vue").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;
@@ -59,15 +60,15 @@ declare const formItemRowProps: {
         labelTextAlignHorizontal: string;
     }, any>>;
     themeOverrides: import("vue").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;
@@ -90,15 +91,15 @@ declare const formItemRowProps: {
         labelTextAlignHorizontal: string;
     }, any>>>;
     builtinThemeOverrides: import("vue").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;
@@ -158,7 +159,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    requireMarkPlacement: import("vue").PropType<"left" | "right">;
+    requireMarkPlacement: import("vue").PropType<"left" | "right" | "right-hanging">;
     showFeedback: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
@@ -172,16 +173,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
     theme: import("vue").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;
@@ -204,15 +206,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>>;
     themeOverrides: import("vue").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;
@@ -235,15 +237,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>>>;
     builtinThemeOverrides: import("vue").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;
@@ -288,6 +290,12 @@ declare const _default: import("vue").DefineComponent<{
     alignItems: StringConstructor;
     justifyContent: StringConstructor;
 }, {
+    formItemColInstRef: import("vue").Ref<{
+        validate: import("./interface").FormItemValidate;
+        restoreValidation: () => void;
+        path?: string | undefined;
+        internalValidate: import("./interface").FormItemInternalValidate;
+    } | null>;
     validate: import("./interface").FormItemValidate;
     restoreValidation: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
@@ -309,6 +317,7 @@ declare const _default: import("vue").DefineComponent<{
     validationStatus?: unknown;
     feedback?: unknown;
     showLabel?: unknown;
+    labelProps?: unknown;
     theme?: unknown;
     themeOverrides?: unknown;
     builtinThemeOverrides?: unknown;
@@ -335,15 +344,15 @@ declare const _default: import("vue").DefineComponent<{
     justifyContent?: string | 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;
@@ -366,15 +375,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;
@@ -397,15 +406,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;
@@ -432,13 +441,14 @@ declare const _default: import("vue").DefineComponent<{
     labelStyle?: string | import("vue").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?: import("./interface").FormItemRule | import("./interface").FormItemRule[] | undefined;
     validationStatus?: "error" | "success" | "warning" | undefined;
     feedback?: string | undefined;
+    labelProps?: import("vue").LabelHTMLAttributes | undefined;
 }>, {
     push: import("../../legacy-grid/src/interface").Span;
     first: boolean;

package/lib/form/src/FormItemRow.js

@@ -42,6 +42,7 @@ exports.default = (0, vue_1.defineComponent)({
             }
         };
         return {
+            formItemColInstRef,
             validate,
             restoreValidation
         };

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

@@ -1,4 +1,4 @@
-import { InjectionKey } from 'vue';
+import { InjectionKey, Ref } from 'vue';
 import { ValidateError, RuleItem, ValidateOption } from 'async-validator';
 import { FormSetupProps } from './Form';
 export interface FormRules {
@@ -32,7 +32,11 @@ export interface FormItemInst {
 }
 export declare type FormItemColRef = FormItemInst;
 export declare type FormItemRowRef = FormItemInst;
-export declare type FormInjection = FormSetupProps;
+export interface FormInjection {
+    props: FormSetupProps;
+    maxChildLabelWidthRef: Ref<number | undefined>;
+    deriveMaxChildLabelWidth: (currentWidth: number) => void;
+}
 export declare const formInjectionKey: InjectionKey<FormInjection>;
 export declare const formItemInstsInjectionKey: InjectionKey<unknown>;
 export declare type LabelAlign = 'left' | 'center' | 'right';

package/lib/form/src/styles/form-item.cssr.js

@@ -13,52 +13,54 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const fade_down_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-down.cssr")); // vars:
-// --line-height
-// --blank-height
-// --feedback-padding
-// --feedback-font-size
-// --label-font-size-left
-// --label-font-size-top
-// --label-height
-// --label-padding
-// --asterisk-color
-// --label-text-color
-// --bezier
-// --feedback-text-color
-// --feedback-text-color-warning
-// --feedback-text-color-error
-// --label-text-align
-// --label-padding
+// --n-line-height
+// --n-blank-height
+// --n-feedback-padding
+// --n-feedback-font-size
+// --n-label-font-size-left
+// --n-label-font-size-top
+// --n-label-height
+// --n-label-padding
+// --n-asterisk-color
+// --n-label-text-color
+// --n-bezier
+// --n-feedback-text-color
+// --n-feedback-text-color-warning
+// --n-feedback-text-color-error
+// --n-label-text-align
+// --n-label-padding
 
 
 exports.default = (0, cssr_1.cB)('form-item', {
   display: 'grid',
-  lineHeight: 'var(--line-height)'
+  lineHeight: 'var(--n-line-height)'
 }, [(0, cssr_1.cB)('form-item-label', `
  grid-area: label;
  align-items: center;
  line-height: 1.25;
- text-align: var(--label-text-align);
- font-size: var(--label-font-size);
- height: var(--label-height);
- padding: var(--label-padding);
- color: var(--label-text-color);
- transition: color .3s var(--bezier);
+ text-align: var(--n-label-text-align);
+ font-size: var(--n-label-font-size);
+ height: var(--n-label-height);
+ padding: var(--n-label-padding);
+ color: var(--n-label-text-color);
+ transition: color .3s var(--n-bezier);
  box-sizing: border-box;
  `, [(0, cssr_1.cE)('asterisk', `
- color: var(--asterisk-color);
- transition: color .3s var(--bezier);
+ color: var(--n-asterisk-color);
+ transition: color .3s var(--n-bezier);
+ `), (0, cssr_1.cE)('asterisk-placeholder', `
+ visibility: hidden; 
  `)]), (0, cssr_1.cB)('form-item-blank', {
   gridArea: 'blank',
-  minHeight: 'var(--blank-height)'
+  minHeight: 'var(--n-blank-height)'
 }), (0, cssr_1.cM)('left-labelled', `
  grid-template-areas:
  "label blank"
  "label feedback";
  grid-template-columns: auto minmax(0, 1fr);
  `, [(0, cssr_1.cB)('form-item-label', `
- height: var(--blank-height);
- line-height: var(--blank-height);
+ height: var(--n-blank-height);
+ line-height: var(--n-blank-height);
  box-sizing: border-box;
  white-space: nowrap;
  flex-shrink: 0;
@@ -68,7 +70,7 @@ exports.default = (0, cssr_1.cB)('form-item', {
  "label"
  "blank"
  "feedback";
- grid-template-rows: var(--label-height) 1fr;
+ grid-template-rows: var(--n-label-height) 1fr;
  grid-template-columns: minmax(0, 100%);
  `, [(0, cssr_1.cM)('no-label', `
  grid-template-areas:
@@ -78,7 +80,7 @@ exports.default = (0, cssr_1.cB)('form-item', {
  `), (0, cssr_1.cB)('form-item-label', {
   display: 'flex',
   alignItems: 'flex-end',
-  justifyContent: 'var(--label-text-align)'
+  justifyContent: 'var(--n-label-text-align)'
 })]), (0, cssr_1.cB)('form-item-blank', `
  box-sizing: border-box;
  display: flex;
@@ -87,18 +89,18 @@ exports.default = (0, cssr_1.cB)('form-item', {
  `), (0, cssr_1.cB)('form-item-feedback-wrapper', `
  grid-area: feedback;
  box-sizing: border-box;
- min-height: var(--feedback-height);
- font-size: var(--feedback-font-size);
- padding: var(--feedback-padding);
+ min-height: var(--n-feedback-height);
+ font-size: var(--n-feedback-font-size);
+ padding: var(--n-feedback-padding);
  line-height: 1.25;
  transform-origin: top left;
  `, [(0, cssr_1.cB)('form-item-feedback', {
-  transition: 'color .3s var(--bezier)',
-  color: 'var(--feedback-text-color)'
+  transition: 'color .3s var(--n-bezier)',
+  color: 'var(--n-feedback-text-color)'
 }, [(0, cssr_1.cM)('warning', {
-  color: 'var(--feedback-text-color-warning)'
+  color: 'var(--n-feedback-text-color-warning)'
 }), (0, cssr_1.cM)('error', {
-  color: 'var(--feedback-text-color-error)'
+  color: 'var(--n-feedback-text-color-error)'
 }), (0, fade_down_cssr_1.default)({
   fromOffset: '-3px',
   enterDuration: '.3s',

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

@@ -6,11 +6,11 @@ export declare function formItemSize(props: FormItemSetupProps): {
 };
 export declare function formItemMisc(props: FormItemSetupProps): {
     validationErrored: import("vue").Ref<boolean>;
-    mergedLabelStyle: ComputedRef<(string | import("vue").CSSProperties | undefined)[]>;
+    mergedLabelStyle: ComputedRef<(import("vue").StyleValue | undefined)[]>;
     mergedLabelPlacement: ComputedRef<import("./interface").LabelPlacement>;
     mergedLabelAlign: ComputedRef<import("./interface").LabelAlign | undefined>;
     mergedShowRequireMark: ComputedRef<boolean | undefined>;
-    mergedRequireMarkPlacement: ComputedRef<"left" | "right" | undefined>;
+    mergedRequireMarkPlacement: ComputedRef<"left" | "right" | "right-hanging">;
     mergedValidationStatus: ComputedRef<"error" | "success" | "warning" | undefined>;
     mergedShowFeedback: ComputedRef<boolean>;
     mergedShowLabel: ComputedRef<boolean>;