@uzum-tech/ui 1.3.1 → 1.4.0

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

@@ -4,7 +4,7 @@ import type { FormItemRule, LabelAlign, LabelPlacement, FormItemInternalValidate
 export declare const formItemProps: {
     readonly label: StringConstructor;
     readonly labelWidth: PropType<string | number>;
-    readonly labelStyle: PropType<string | CSSProperties>;
+    readonly labelStyle: PropType<CSSProperties | string>;
     readonly labelAlign: PropType<LabelAlign>;
     readonly labelPlacement: PropType<LabelPlacement>;
     readonly path: StringConstructor;
@@ -23,13 +23,17 @@ export declare const formItemProps: {
     readonly rule: PropType<FormItemRule | FormItemRule[]>;
     readonly size: PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: PropType<"error" | "success" | "warning">;
+    readonly validationStatus: PropType<"error" | "warning" | "success">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
     readonly labelProps: PropType<LabelHTMLAttributes>;
+    readonly value: {
+        readonly type: null;
+        readonly default: undefined;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
         feedbackFontSizeSmall: string;
@@ -135,11 +139,11 @@ export declare const formItemProps: {
 };
 export type FormItemSetupProps = ExtractPropTypes<typeof formItemProps>;
 export type FormItemProps = ExtractPublicPropTypes<typeof formItemProps>;
-export declare const formItemPropKeys: ("label" | "size" | "first" | "required" | "path" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "labelWidth" | "labelAlign" | "labelPlacement" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "labelStyle" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps")[];
+export declare const formItemPropKeys: ("theme" | "themeOverrides" | "builtinThemeOverrides" | "value" | "label" | "size" | "required" | "path" | "first" | "labelWidth" | "labelAlign" | "labelPlacement" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "labelStyle" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps")[];
 declare const _default: import("vue").DefineComponent<{
     readonly label: StringConstructor;
     readonly labelWidth: PropType<string | number>;
-    readonly labelStyle: PropType<string | CSSProperties>;
+    readonly labelStyle: PropType<CSSProperties | string>;
     readonly labelAlign: PropType<LabelAlign>;
     readonly labelPlacement: PropType<LabelPlacement>;
     readonly path: StringConstructor;
@@ -158,13 +162,17 @@ declare const _default: import("vue").DefineComponent<{
     readonly rule: PropType<FormItemRule | FormItemRule[]>;
     readonly size: PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: PropType<"error" | "success" | "warning">;
+    readonly validationStatus: PropType<"error" | "warning" | "success">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
     readonly labelProps: PropType<LabelHTMLAttributes>;
+    readonly value: {
+        readonly type: null;
+        readonly default: undefined;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
         feedbackFontSizeSmall: string;
@@ -289,7 +297,7 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
     validate: import("./interface").FormItemValidate;
     restoreValidation: () => void;
-    path?: string | undefined;
+    path?: string;
     internalValidate: FormItemInternalValidate;
     mergedSize: import("vue").ComputedRef<import("./interface").Size>;
     validationErrored: import("vue").Ref<boolean>;
@@ -298,7 +306,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedLabelAlign: import("vue").ComputedRef<LabelAlign | undefined>;
     mergedShowRequireMark: import("vue").ComputedRef<boolean | undefined>;
     mergedRequireMarkPlacement: import("vue").ComputedRef<"left" | "right" | "right-hanging">;
-    mergedValidationStatus: import("vue").ComputedRef<"error" | "success" | "warning" | undefined>;
+    mergedValidationStatus: import("vue").ComputedRef<"success" | "warning" | "error" | undefined>;
     mergedShowFeedback: import("vue").ComputedRef<boolean>;
     mergedShowLabel: import("vue").ComputedRef<boolean>;
     isAutoLabelWidth: import("vue").ComputedRef<boolean>;
@@ -314,7 +322,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly label: StringConstructor;
     readonly labelWidth: PropType<string | number>;
-    readonly labelStyle: PropType<string | CSSProperties>;
+    readonly labelStyle: PropType<CSSProperties | string>;
     readonly labelAlign: PropType<LabelAlign>;
     readonly labelPlacement: PropType<LabelPlacement>;
     readonly path: StringConstructor;
@@ -333,13 +341,17 @@ declare const _default: import("vue").DefineComponent<{
     readonly rule: PropType<FormItemRule | FormItemRule[]>;
     readonly size: PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: PropType<"error" | "success" | "warning">;
+    readonly validationStatus: PropType<"error" | "warning" | "success">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
     readonly labelProps: PropType<LabelHTMLAttributes>;
+    readonly value: {
+        readonly type: null;
+        readonly default: undefined;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
         feedbackFontSizeSmall: string;
@@ -443,8 +455,9 @@ declare const _default: import("vue").DefineComponent<{
         feedbackTextColor: string;
     }, any>>>;
 }>>, {
-    readonly first: boolean;
+    readonly value: any;
     readonly required: boolean;
+    readonly first: boolean;
     readonly showRequireMark: boolean | undefined;
     readonly showFeedback: boolean | undefined;
     readonly showLabel: boolean | undefined;

package/es/form/src/FormItem.js

@@ -15,7 +15,7 @@ import { formItemInjectionKey } from '../../_mixins/use-form-item';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { warn, createKey, useInjectionInstanceCollection, keysOf, resolveWrappedSlot } from '../../_utils';
 import { formLight } from '../styles';
-import { formItemMisc, formItemSize, formItemRule } from './utils';
+import { formItemMisc, formItemSize, formItemRule, findInputValue } from './utils';
 import { formInjectionKey, formItemInstsInjectionKey } from './context';
 import style from './styles/form-item.cssr';
 export const formItemProps = Object.assign(Object.assign({}, useTheme.props), { label: String, labelWidth: [Number, String], labelStyle: [String, Object], labelAlign: String, labelPlacement: String, path: String, first: Boolean, rulePath: String, required: Boolean, showRequireMark: {
@@ -27,7 +27,10 @@ export const formItemProps = Object.assign(Object.assign({}, useTheme.props), {
     }, rule: [Object, Array], size: String, ignorePathChange: Boolean, validationStatus: String, feedback: String, showLabel: {
         type: Boolean,
         default: undefined
-    }, labelProps: Object });
+    }, labelProps: Object, value: {
+        type: null,
+        default: undefined
+    } });
 export const formItemPropKeys = keysOf(formItemProps);
 // wrap sync validator
 function wrapValidator(validator, async) {
@@ -66,7 +69,7 @@ function wrapValidator(validator, async) {
 export default defineComponent({
     name: 'FormItem',
     props: formItemProps,
-    setup(props) {
+    setup(props, { slots }) {
         useInjectionInstanceCollection(formItemInstsInjectionKey, 'formItems', toRef(props, 'path'));
         const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
         const UForm = inject(formInjectionKey, null);
@@ -141,10 +144,10 @@ export default defineComponent({
                 });
             });
         }
-        const internalValidate = (trigger = null, shouldRuleBeApplied = () => true, options = {
+        const internalValidate = (...args_1) => __awaiter(this, [...args_1], void 0, function* (trigger = null, shouldRuleBeApplied = () => true, options = {
             suppressWarning: true
-        }) => __awaiter(this, void 0, void 0, function* () {
-            const { path } = props;
+        }) {
+            const { path, value: standaloneValue } = props;
             if (!options) {
                 options = {};
             }
@@ -153,7 +156,17 @@ export default defineComponent({
                     options.first = props.first;
             }
             const { value: rules } = mergedRulesRef;
-            const value = UForm ? get(UForm.props.model, path || '') : undefined;
+            let value;
+            if (UForm && path) {
+                value = get(UForm.props.model, path || '');
+            }
+            else if (standaloneValue !== undefined) {
+                value = standaloneValue;
+            }
+            else if (typeof window !== 'undefined' && slots && slots.default) {
+                const vnodes = slots.default();
+                value = findInputValue(vnodes);
+            }
             const messageRenderers = {};
             const originalMessageRendersMessage = {};
             const activeRules = (!trigger

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

@@ -2,7 +2,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const formItemColProps: {
     readonly label: StringConstructor;
     readonly labelWidth: import("vue").PropType<string | number>;
-    readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    readonly labelStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     readonly labelAlign: import("vue").PropType<import("./interface").LabelAlign>;
     readonly labelPlacement: import("vue").PropType<import("./interface").LabelPlacement>;
     readonly path: StringConstructor;
@@ -21,13 +21,17 @@ export declare const formItemColProps: {
     readonly rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     readonly size: import("vue").PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"error" | "success" | "warning">;
+    readonly validationStatus: import("vue").PropType<"error" | "warning" | "success">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
     readonly labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
+    readonly value: {
+        readonly type: null;
+        readonly default: undefined;
+    };
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
         feedbackFontSizeSmall: string;
@@ -147,12 +151,12 @@ export declare const formItemColProps: {
         readonly default: 0;
     };
 };
-export declare const formItemColPropKeys: ("label" | "push" | "size" | "first" | "offset" | "span" | "required" | "path" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "labelWidth" | "labelAlign" | "labelPlacement" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "labelStyle" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps" | "pull")[];
+export declare const formItemColPropKeys: ("push" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "offset" | "value" | "label" | "size" | "required" | "span" | "path" | "first" | "labelWidth" | "labelAlign" | "labelPlacement" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "labelStyle" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps" | "pull")[];
 export type FormItemColProps = ExtractPublicPropTypes<typeof formItemColProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly label: StringConstructor;
     readonly labelWidth: import("vue").PropType<string | number>;
-    readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    readonly labelStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     readonly labelAlign: import("vue").PropType<import("./interface").LabelAlign>;
     readonly labelPlacement: import("vue").PropType<import("./interface").LabelPlacement>;
     readonly path: StringConstructor;
@@ -171,13 +175,17 @@ declare const _default: import("vue").DefineComponent<{
     readonly rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     readonly size: import("vue").PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"error" | "success" | "warning">;
+    readonly validationStatus: import("vue").PropType<"error" | "warning" | "success">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
     readonly labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
+    readonly value: {
+        readonly type: null;
+        readonly default: undefined;
+    };
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
         feedbackFontSizeSmall: string;
@@ -308,7 +316,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly label: StringConstructor;
     readonly labelWidth: import("vue").PropType<string | number>;
-    readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    readonly labelStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     readonly labelAlign: import("vue").PropType<import("./interface").LabelAlign>;
     readonly labelPlacement: import("vue").PropType<import("./interface").LabelPlacement>;
     readonly path: StringConstructor;
@@ -327,13 +335,17 @@ declare const _default: import("vue").DefineComponent<{
     readonly rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     readonly size: import("vue").PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"error" | "success" | "warning">;
+    readonly validationStatus: import("vue").PropType<"error" | "warning" | "success">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
     readonly labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
+    readonly value: {
+        readonly type: null;
+        readonly default: undefined;
+    };
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
         feedbackFontSizeSmall: string;
@@ -454,10 +466,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     readonly push: import("../../legacy-grid/src/interface").Span;
-    readonly first: boolean;
     readonly offset: import("../../legacy-grid/src/interface").Span;
-    readonly span: import("../../legacy-grid/src/interface").Span;
+    readonly value: any;
     readonly required: boolean;
+    readonly span: import("../../legacy-grid/src/interface").Span;
+    readonly first: boolean;
     readonly showRequireMark: boolean | undefined;
     readonly showFeedback: boolean | undefined;
     readonly showLabel: boolean | undefined;

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

@@ -2,7 +2,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const formItemGiProps: {
     readonly label: StringConstructor;
     readonly labelWidth: import("vue").PropType<string | number>;
-    readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    readonly labelStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     readonly labelAlign: import("vue").PropType<import("./interface").LabelAlign>;
     readonly labelPlacement: import("vue").PropType<import("./interface").LabelPlacement>;
     readonly path: StringConstructor;
@@ -21,13 +21,17 @@ export declare const formItemGiProps: {
     readonly rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     readonly size: import("vue").PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"error" | "success" | "warning">;
+    readonly validationStatus: import("vue").PropType<"error" | "warning" | "success">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
     readonly labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
+    readonly value: {
+        readonly type: null;
+        readonly default: undefined;
+    };
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
         feedbackFontSizeSmall: string;
@@ -147,12 +151,12 @@ export declare const formItemGiProps: {
         readonly default: true;
     };
 };
-export declare const formItemGiPropKeys: ("label" | "size" | "first" | "offset" | "span" | "required" | "path" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "suffix" | "labelWidth" | "labelAlign" | "labelPlacement" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "labelStyle" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset")[];
+export declare const formItemGiPropKeys: ("theme" | "themeOverrides" | "builtinThemeOverrides" | "offset" | "value" | "label" | "size" | "suffix" | "required" | "span" | "path" | "first" | "labelWidth" | "labelAlign" | "labelPlacement" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset" | "labelStyle" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps")[];
 export type FormItemGiProps = ExtractPublicPropTypes<typeof formItemGiProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly label: StringConstructor;
     readonly labelWidth: import("vue").PropType<string | number>;
-    readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    readonly labelStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     readonly labelAlign: import("vue").PropType<import("./interface").LabelAlign>;
     readonly labelPlacement: import("vue").PropType<import("./interface").LabelPlacement>;
     readonly path: StringConstructor;
@@ -171,13 +175,17 @@ declare const _default: import("vue").DefineComponent<{
     readonly rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     readonly size: import("vue").PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"error" | "success" | "warning">;
+    readonly validationStatus: import("vue").PropType<"error" | "warning" | "success">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
     readonly labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
+    readonly value: {
+        readonly type: null;
+        readonly default: undefined;
+    };
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
         feedbackFontSizeSmall: string;
@@ -308,7 +316,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly label: StringConstructor;
     readonly labelWidth: import("vue").PropType<string | number>;
-    readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    readonly labelStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     readonly labelAlign: import("vue").PropType<import("./interface").LabelAlign>;
     readonly labelPlacement: import("vue").PropType<import("./interface").LabelPlacement>;
     readonly path: StringConstructor;
@@ -327,13 +335,17 @@ declare const _default: import("vue").DefineComponent<{
     readonly rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     readonly size: import("vue").PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"error" | "success" | "warning">;
+    readonly validationStatus: import("vue").PropType<"error" | "warning" | "success">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
     readonly labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
+    readonly value: {
+        readonly type: null;
+        readonly default: undefined;
+    };
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
         feedbackFontSizeSmall: string;
@@ -453,15 +465,16 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
 }>>, {
-    readonly first: boolean;
     readonly offset: string | number;
-    readonly span: string | number;
-    readonly required: boolean;
+    readonly value: any;
     readonly suffix: boolean;
+    readonly required: boolean;
+    readonly span: string | number;
+    readonly first: boolean;
     readonly showRequireMark: boolean | undefined;
     readonly showFeedback: boolean | undefined;
     readonly showLabel: boolean | undefined;
-    readonly ignorePathChange: boolean;
     readonly privateShow: boolean;
+    readonly ignorePathChange: boolean;
 }, {}>;
 export default _default;

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

@@ -2,7 +2,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const formItemRowProps: {
     label: StringConstructor;
     labelWidth: import("vue").PropType<string | number>;
-    labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    labelStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     labelAlign: import("vue").PropType<import("./interface").LabelAlign>;
     labelPlacement: import("vue").PropType<import("./interface").LabelPlacement>;
     path: StringConstructor;
@@ -21,13 +21,17 @@ export declare const formItemRowProps: {
     rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     size: import("vue").PropType<"small" | "medium" | "large">;
     ignorePathChange: BooleanConstructor;
-    validationStatus: import("vue").PropType<"error" | "success" | "warning">;
+    validationStatus: import("vue").PropType<"error" | "warning" | "success">;
     feedback: StringConstructor;
     showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
     labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
+    value: {
+        readonly type: null;
+        readonly default: undefined;
+    };
     theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
         feedbackFontSizeSmall: string;
@@ -157,7 +161,7 @@ export type FormItemRowProps = ExtractPublicPropTypes<typeof formItemRowProps>;
 declare const _default: import("vue").DefineComponent<{
     label: StringConstructor;
     labelWidth: import("vue").PropType<string | number>;
-    labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    labelStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     labelAlign: import("vue").PropType<import("./interface").LabelAlign>;
     labelPlacement: import("vue").PropType<import("./interface").LabelPlacement>;
     path: StringConstructor;
@@ -176,13 +180,17 @@ declare const _default: import("vue").DefineComponent<{
     rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     size: import("vue").PropType<"small" | "medium" | "large">;
     ignorePathChange: BooleanConstructor;
-    validationStatus: import("vue").PropType<"error" | "success" | "warning">;
+    validationStatus: import("vue").PropType<"error" | "warning" | "success">;
     feedback: StringConstructor;
     showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
     labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
+    value: {
+        readonly type: null;
+        readonly default: undefined;
+    };
     theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
         feedbackFontSizeSmall: string;
@@ -319,7 +327,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: StringConstructor;
     labelWidth: import("vue").PropType<string | number>;
-    labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    labelStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     labelAlign: import("vue").PropType<import("./interface").LabelAlign>;
     labelPlacement: import("vue").PropType<import("./interface").LabelPlacement>;
     path: StringConstructor;
@@ -338,13 +346,17 @@ declare const _default: import("vue").DefineComponent<{
     rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     size: import("vue").PropType<"small" | "medium" | "large">;
     ignorePathChange: BooleanConstructor;
-    validationStatus: import("vue").PropType<"error" | "success" | "warning">;
+    validationStatus: import("vue").PropType<"error" | "warning" | "success">;
     feedback: StringConstructor;
     showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
     labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
+    value: {
+        readonly type: null;
+        readonly default: undefined;
+    };
     theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
         feedbackFontSizeSmall: string;
@@ -471,10 +483,11 @@ declare const _default: import("vue").DefineComponent<{
     justifyContent: StringConstructor;
 }>>, {
     push: import("../../legacy-grid/src/interface").Span;
-    first: boolean;
     offset: import("../../legacy-grid/src/interface").Span;
-    span: import("../../legacy-grid/src/interface").Span;
+    value: any;
     required: boolean;
+    span: import("../../legacy-grid/src/interface").Span;
+    first: boolean;
     showRequireMark: boolean | undefined;
     showFeedback: boolean | undefined;
     showLabel: boolean | undefined;

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

@@ -1,4 +1,4 @@
-import { type ComputedRef } from 'vue';
+import { type ComputedRef, VNode } from 'vue';
 import type { FormItemSetupProps } from './FormItem';
 import type { Size, FormItemRule } from './interface';
 export declare function formItemSize(props: FormItemSetupProps): {
@@ -11,7 +11,7 @@ export declare function formItemMisc(props: FormItemSetupProps): {
     mergedLabelAlign: ComputedRef<import("./interface").LabelAlign | undefined>;
     mergedShowRequireMark: ComputedRef<boolean | undefined>;
     mergedRequireMarkPlacement: ComputedRef<"left" | "right" | "right-hanging">;
-    mergedValidationStatus: ComputedRef<"error" | "success" | "warning" | undefined>;
+    mergedValidationStatus: ComputedRef<"success" | "warning" | "error" | undefined>;
     mergedShowFeedback: ComputedRef<boolean>;
     mergedShowLabel: ComputedRef<boolean>;
     isAutoLabelWidth: ComputedRef<boolean>;
@@ -20,3 +20,4 @@ export declare function formItemRule(props: FormItemSetupProps): {
     mergedRules: ComputedRef<FormItemRule[]>;
     mergedRequired: ComputedRef<boolean>;
 };
+export declare function findInputValue(vnodes: VNode[]): unknown;

package/es/form/src/utils.js

@@ -169,3 +169,19 @@ export function formItemRule(props) {
         mergedRequired: mergedRequiredRef
     };
 }
+export function findInputValue(vnodes) {
+    for (const vnode of vnodes) {
+        if (vnode === null || vnode === void 0 ? void 0 : vnode.props) {
+            if ('value' in vnode.props)
+                return vnode.props.value;
+            if ('modelValue' in vnode.props)
+                return vnode.props.modelValue;
+        }
+        if (Array.isArray(vnode === null || vnode === void 0 ? void 0 : vnode.children)) {
+            const found = findInputValue(vnode.children);
+            if (found !== undefined)
+                return found;
+        }
+    }
+    return undefined;
+}

package/es/gradient-text/src/GradientText.d.ts

@@ -9,7 +9,7 @@ export declare const gradientTextProps: {
     readonly size: PropType<string | number>;
     readonly fontSize: PropType<string | number>;
     readonly type: {
-        readonly type: PropType<"error" | "primary" | "info" | "success" | "warning" | "danger">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "primary" | "danger">;
         readonly default: "primary";
     };
     readonly color: PropType<Gradient>;
@@ -62,7 +62,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: PropType<string | number>;
     readonly fontSize: PropType<string | number>;
     readonly type: {
-        readonly type: PropType<"error" | "primary" | "info" | "success" | "warning" | "danger">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "primary" | "danger">;
         readonly default: "primary";
     };
     readonly color: PropType<Gradient>;
@@ -111,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
-    compatibleType: import("vue").ComputedRef<"error" | "primary" | "info" | "success" | "warning">;
+    compatibleType: import("vue").ComputedRef<"primary" | "info" | "success" | "warning" | "error">;
     styleFontSize: import("vue").ComputedRef<string | number | undefined>;
     styleBgImage: import("vue").ComputedRef<string | undefined>;
     cssVars: import("vue").ComputedRef<{
@@ -127,7 +127,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: PropType<string | number>;
     readonly fontSize: PropType<string | number>;
     readonly type: {
-        readonly type: PropType<"error" | "primary" | "info" | "success" | "warning" | "danger">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "primary" | "danger">;
         readonly default: "primary";
     };
     readonly color: PropType<Gradient>;
@@ -175,6 +175,6 @@ declare const _default: import("vue").DefineComponent<{
         colorEndSuccess: string;
     }, any>>>;
 }>>, {
-    readonly type: "error" | "primary" | "info" | "success" | "warning" | "danger";
+    readonly type: "primary" | "info" | "success" | "warning" | "error" | "danger";
 }, {}>;
 export default _default;