@vunk/form 1.4.8 → 1.4.10

package/components/download-plus/src/index.vue.d.ts

@@ -42,12 +42,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: any;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -193,12 +199,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: any;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -229,8 +241,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItemSlots: import("@vunk/form/components/form-item/src/types").FormItemSlots;
     inline: boolean;
     readonly: boolean;
-    labelPosition: "right";
+    formItemTip: string;
+    formItemTipClass: any;
+    labelTip: string;
     labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "top" | "left" | "right", unknown>;
     inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
     showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     url: string;

package/components/esri-input-geojson/src/ctx.d.ts

@@ -106,12 +106,18 @@ export declare const props: {
         type: BooleanConstructor;
         default: boolean;
     };
-    labelPosition: {
-        type: PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -203,7 +209,7 @@ export declare const props: {
     inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
     autofocus: BooleanConstructor;
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"disabled", keyof T2> | Extract<"type", keyof T2> | Extract<"autofocus", keyof T2> | Extract<"required", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"visibleElements", keyof T2> | Extract<"multiple", keyof T2> | Extract<"id", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"tabindex", keyof T2> | Extract<"ariaLabel", keyof T2> | Extract<"prefixIcon", keyof T2> | Extract<"maxlength", keyof T2> | Extract<"minlength", keyof T2> | Extract<"resize", keyof T2> | Extract<"autosize", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"formatter", keyof T2> | Extract<"parser", keyof T2> | Extract<"form", keyof T2> | Extract<"showPassword", keyof T2> | Extract<"showWordLimit", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"containerRole", keyof T2> | Extract<"inputStyle", keyof T2> | Extract<"rows", keyof T2> | Extract<"view", keyof T2> | Extract<"viewComponent", keyof T2> | Extract<"viewComponentAttrs", keyof T2> | Extract<"viewModelActiveFillSymbol", keyof T2> | Extract<"editTypes", keyof T2> | Extract<"viewModelActiveLineSymbol", keyof T2> | Extract<"viewModelActivePointSymbol", keyof T2> | Extract<"skipSave", keyof T2> | Extract<"showMap", keyof T2> | Extract<"dialogEdit", keyof T2> | Extract<"dialogEditFullscreen", keyof T2> | Extract<"dialogEditTitle", keyof T2> | Extract<"flying", keyof T2> | Extract<"layerIndex", keyof T2> | Extract<"inputSlots", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size" | "disabled" | "type" | "autofocus" | "required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "labelPosition" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "visibleElements" | "multiple" | "id" | "placeholder" | "clearable" | "validateEvent" | "modelValue" | "tabindex" | "ariaLabel" | "prefixIcon" | "maxlength" | "minlength" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "form" | "showPassword" | "showWordLimit" | "suffixIcon" | "containerRole" | "inputStyle" | "rows" | "view" | "viewComponent" | "viewComponentAttrs" | "viewModelActiveFillSymbol" | "editTypes" | "viewModelActiveLineSymbol" | "viewModelActivePointSymbol" | "skipSave" | "showMap" | "dialogEdit" | "dialogEditFullscreen" | "dialogEditTitle" | "flying" | "layerIndex" | "inputSlots", keyof T2>, KE> : Extract<"size" | "disabled" | "type" | "autofocus" | "required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "labelPosition" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "visibleElements" | "multiple" | "id" | "placeholder" | "clearable" | "validateEvent" | "modelValue" | "tabindex" | "ariaLabel" | "prefixIcon" | "maxlength" | "minlength" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "form" | "showPassword" | "showWordLimit" | "suffixIcon" | "containerRole" | "inputStyle" | "rows" | "view" | "viewComponent" | "viewComponentAttrs" | "viewModelActiveFillSymbol" | "editTypes" | "viewModelActiveLineSymbol" | "viewModelActivePointSymbol" | "skipSave" | "showMap" | "dialogEdit" | "dialogEditFullscreen" | "dialogEditTitle" | "flying" | "layerIndex" | "inputSlots", keyof T2>]: { [k in Extract<"size" | "disabled" | "type" | "autofocus" | "required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "labelPosition" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "visibleElements" | "multiple" | "id" | "placeholder" | "clearable" | "validateEvent" | "modelValue" | "tabindex" | "ariaLabel" | "prefixIcon" | "maxlength" | "minlength" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "form" | "showPassword" | "showWordLimit" | "suffixIcon" | "containerRole" | "inputStyle" | "rows" | "view" | "viewComponent" | "viewComponentAttrs" | "viewModelActiveFillSymbol" | "editTypes" | "viewModelActiveLineSymbol" | "viewModelActivePointSymbol" | "skipSave" | "showMap" | "dialogEdit" | "dialogEditFullscreen" | "dialogEditTitle" | "flying" | "layerIndex" | "inputSlots", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"disabled", keyof T2> | Extract<"type", keyof T2> | Extract<"autofocus", keyof T2> | Extract<"required", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"visibleElements", keyof T2> | Extract<"multiple", keyof T2> | Extract<"id", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"tabindex", keyof T2> | Extract<"ariaLabel", keyof T2> | Extract<"prefixIcon", keyof T2> | Extract<"maxlength", keyof T2> | Extract<"minlength", keyof T2> | Extract<"resize", keyof T2> | Extract<"autosize", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"formatter", keyof T2> | Extract<"parser", keyof T2> | Extract<"form", keyof T2> | Extract<"showPassword", keyof T2> | Extract<"showWordLimit", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"containerRole", keyof T2> | Extract<"inputStyle", keyof T2> | Extract<"rows", keyof T2> | Extract<"view", keyof T2> | Extract<"viewComponent", keyof T2> | Extract<"viewComponentAttrs", keyof T2> | Extract<"viewModelActiveFillSymbol", keyof T2> | Extract<"editTypes", keyof T2> | Extract<"viewModelActiveLineSymbol", keyof T2> | Extract<"viewModelActivePointSymbol", keyof T2> | Extract<"skipSave", keyof T2> | Extract<"showMap", keyof T2> | Extract<"dialogEdit", keyof T2> | Extract<"dialogEditFullscreen", keyof T2> | Extract<"dialogEditTitle", keyof T2> | Extract<"flying", keyof T2> | Extract<"layerIndex", keyof T2> | Extract<"inputSlots", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size" | "disabled" | "type" | "autofocus" | "required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "visibleElements" | "multiple" | "id" | "placeholder" | "clearable" | "validateEvent" | "modelValue" | "tabindex" | "ariaLabel" | "prefixIcon" | "maxlength" | "minlength" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "form" | "showPassword" | "showWordLimit" | "suffixIcon" | "containerRole" | "inputStyle" | "rows" | "view" | "viewComponent" | "viewComponentAttrs" | "viewModelActiveFillSymbol" | "editTypes" | "viewModelActiveLineSymbol" | "viewModelActivePointSymbol" | "skipSave" | "showMap" | "dialogEdit" | "dialogEditFullscreen" | "dialogEditTitle" | "flying" | "layerIndex" | "inputSlots", keyof T2>, KE> : Extract<"size" | "disabled" | "type" | "autofocus" | "required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "visibleElements" | "multiple" | "id" | "placeholder" | "clearable" | "validateEvent" | "modelValue" | "tabindex" | "ariaLabel" | "prefixIcon" | "maxlength" | "minlength" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "form" | "showPassword" | "showWordLimit" | "suffixIcon" | "containerRole" | "inputStyle" | "rows" | "view" | "viewComponent" | "viewComponentAttrs" | "viewModelActiveFillSymbol" | "editTypes" | "viewModelActiveLineSymbol" | "viewModelActivePointSymbol" | "skipSave" | "showMap" | "dialogEdit" | "dialogEditFullscreen" | "dialogEditTitle" | "flying" | "layerIndex" | "inputSlots", keyof T2>]: { [k in Extract<"size" | "disabled" | "type" | "autofocus" | "required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "visibleElements" | "multiple" | "id" | "placeholder" | "clearable" | "validateEvent" | "modelValue" | "tabindex" | "ariaLabel" | "prefixIcon" | "maxlength" | "minlength" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "form" | "showPassword" | "showWordLimit" | "suffixIcon" | "containerRole" | "inputStyle" | "rows" | "view" | "viewComponent" | "viewComponentAttrs" | "viewModelActiveFillSymbol" | "editTypes" | "viewModelActiveLineSymbol" | "viewModelActivePointSymbol" | "skipSave" | "showMap" | "dialogEdit" | "dialogEditFullscreen" | "dialogEditTitle" | "flying" | "layerIndex" | "inputSlots", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     'update:modelValue': (e: FeatureCollection) => FeatureCollection<Geometry, {
         [name: string]: any;

package/components/esri-input-geojson/src/index.vue.d.ts

@@ -106,12 +106,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -213,9 +219,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         formItemSlots: import("@vunk/form/components/form-item/src/types").FormItemSlots;
         elRef: any;
         inline: boolean;
-        labelPosition: "right";
+        formItemTip: string;
+        formItemTipClass: any;
+        labelTip: string;
         label: string;
         labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "top" | "left" | "right", unknown>;
         prop: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>;
         rules: unknown;
         error: string;
@@ -402,12 +411,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -525,8 +540,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItemSlots: import("@vunk/form/components/form-item/src/types").FormItemSlots;
     inline: boolean;
     readonly: boolean;
-    labelPosition: "right";
+    formItemTip: string;
+    formItemTipClass: any;
+    labelTip: string;
     labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "top" | "left" | "right", unknown>;
     inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
     showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     visibleElements: __esri.SketchVisibleElements;

package/components/form/src/ctx.d.ts

@@ -75,7 +75,7 @@ export declare const props: {
     };
     disabled: BooleanConstructor;
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2> | Extract<"layout", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size" | "disabled" | "data" | "elRef" | "inline" | "readonly" | "labelPosition" | "labelWidth" | "rules" | "inlineMessage" | "showMessage" | "model" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "formItems" | "layout" | "rowSource" | "colSource", keyof T2>, KE> : Extract<"size" | "disabled" | "data" | "elRef" | "inline" | "readonly" | "labelPosition" | "labelWidth" | "rules" | "inlineMessage" | "showMessage" | "model" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "formItems" | "layout" | "rowSource" | "colSource", keyof T2>]: { [k in Extract<"size" | "disabled" | "data" | "elRef" | "inline" | "readonly" | "labelPosition" | "labelWidth" | "rules" | "inlineMessage" | "showMessage" | "model" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "formItems" | "layout" | "rowSource" | "colSource", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2> | Extract<"layout", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size" | "disabled" | "data" | "elRef" | "inline" | "readonly" | "labelWidth" | "labelPosition" | "rules" | "inlineMessage" | "showMessage" | "model" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "formItems" | "layout" | "rowSource" | "colSource", keyof T2>, KE> : Extract<"size" | "disabled" | "data" | "elRef" | "inline" | "readonly" | "labelWidth" | "labelPosition" | "rules" | "inlineMessage" | "showMessage" | "model" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "formItems" | "layout" | "rowSource" | "colSource", keyof T2>]: { [k in Extract<"size" | "disabled" | "data" | "elRef" | "inline" | "readonly" | "labelWidth" | "labelPosition" | "rules" | "inlineMessage" | "showMessage" | "model" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "formItems" | "layout" | "rowSource" | "colSource", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     setData: (e: SetDataEvent) => SetDataEvent;
     validate: any;

package/components/form/src/index.vue.d.ts

@@ -64,8 +64,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         size: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>;
         disabled: boolean;
         inline: boolean;
-        labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
         labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
         rules: Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>;
         inlineMessage: boolean;
         showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -172,8 +172,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }> & Omit<{
             readonly disabled: boolean;
             readonly inline: boolean;
-            readonly labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
             readonly labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
             readonly inlineMessage: boolean;
             readonly showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly requireAsteriskPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right", unknown>;
@@ -187,7 +187,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly model?: Record<string, any>;
             readonly scrollIntoViewOptions?: import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>;
             onValidate?: ((prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "inline" | "labelPosition" | "labelWidth" | "inlineMessage" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -325,7 +325,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly disabled: BooleanConstructor;
     }>> & {
         onValidate?: ((prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any) | undefined;
-    }, "disabled" | "inline" | "labelPosition" | "labelWidth" | "inlineMessage" | "showMessage" | "validate" | "fields" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "validateField" | "resetFields" | "clearValidate" | "scrollToField"> & import("vue").ShallowUnwrapRef<{
+    }, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "validate" | "fields" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "validateField" | "resetFields" | "clearValidate" | "scrollToField"> & import("vue").ShallowUnwrapRef<{
         validate: (callback?: import("element-plus").FormValidateCallback) => import("element-plus").FormValidationResult;
         validateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>, callback?: import("element-plus").FormValidateCallback) => import("element-plus").FormValidationResult;
         resetFields: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => void;
@@ -339,8 +339,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }) => any;
     inline: boolean;
     readonly: boolean;
-    labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
     labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
     inlineMessage: boolean;
     showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     requireAsteriskPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right", unknown>;

package/components/form-item/index.cjs

@@ -9,6 +9,7 @@ var elementPlus$1 = require('@vunk/form/shared/element-plus');
 var composables = require('@vunk/form/composables');
 var utilsObject = require('@vunk/core/shared/utils-object');
 var rules = require('@vunk/form/shared/rules');
+var index = require('../index2.cjs');
 var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
 
 const _props = {
@@ -33,9 +34,14 @@ const _props = {
     type: Boolean,
     default: void 0
   },
-  labelPosition: {
+  formItemTip: {
     type: String,
-    default: ""
+    default: void 0
+  },
+  formItemTipClass: null,
+  labelTip: {
+    type: String,
+    default: void 0
   }
 };
 Reflect.deleteProperty(_props, "size");
@@ -51,7 +57,11 @@ var ctx = /*#__PURE__*/Object.freeze({
 var _sfc_main = vue.defineComponent({
   name: "VkfFormItem",
   components: {
-    ElFormItem: elementPlus.ElFormItem
+    ElFormItem: elementPlus.ElFormItem,
+    ElIcon: elementPlus.ElIcon,
+    ElTooltip: elementPlus.ElTooltip,
+    Warning: index.warning_default,
+    ElButton: elementPlus.ElButton
   },
   props,
   setup(props2) {
@@ -76,24 +86,20 @@ var _sfc_main = vue.defineComponent({
     };
     const rules$1 = vue.computed(() => {
       let data = [];
-      if (!props2.rules) {
-        if (props2.required) {
-          data.push({
-            required: true
-          });
-        }
+      if (!props2.rules && props2.required) {
+        data.push({
+          required: true
+        });
       }
       if (utilsObject.isPlainObject(props2.rules)) {
         data = [props2.rules];
       }
       if (Array.isArray(props2.rules)) {
         data = props2.rules;
-        if (props2.required) {
-          if (!props2.rules.find((item) => item.required)) {
-            data.push({
-              required: true
-            });
-          }
+        if (props2.required && !props2.rules.find((item) => item.required)) {
+          data.push({
+            required: true
+          });
         }
       }
       data = data.filter((rule) => {
@@ -118,23 +124,79 @@ var _sfc_main = vue.defineComponent({
 });
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Warning = vue.resolveComponent("Warning");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ElButton = vue.resolveComponent("ElButton");
+  const _component_ElTooltip = vue.resolveComponent("ElTooltip");
   const _component_ElFormItem = vue.resolveComponent("ElFormItem");
   return vue.openBlock(), vue.createBlock(_component_ElFormItem, vue.mergeProps(_ctx.formItemBindProps, {
     ref: _ctx.elRef,
     class: ["vkf-form-item", {
       "is-readonly": _ctx.readonly,
-      "vkf-form-item--inline": _ctx.inline,
-      "vkf-form-item--label-right": _ctx.labelPosition === "right"
+      "vkf-form-item--inline": _ctx.inline
     }],
     size: _ctx.formItemSize,
     rules: _ctx.rules
   }), vue.createSlots({
     default: vue.withCtx(() => [
-      vue.renderSlot(_ctx.$slots, "default")
+      vue.renderSlot(_ctx.$slots, "default"),
+      _ctx.formItemTip ? (vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: vue.normalizeClass(["vkf-form-item__tip", _ctx.formItemTipClass])
+        },
+        [
+          vue.createElementVNode(
+            "span",
+            null,
+            vue.toDisplayString(_ctx.formItemTip),
+            1
+            /* TEXT */
+          )
+        ],
+        2
+        /* CLASS */
+      )) : vue.createCommentVNode("v-if", true)
     ]),
     _: 2
     /* DYNAMIC */
   }, [
+    !_ctx.formItemSlots?.label ? {
+      name: "label",
+      fn: vue.withCtx(() => [
+        vue.createElementVNode(
+          "span",
+          null,
+          vue.toDisplayString(_ctx.label),
+          1
+          /* TEXT */
+        ),
+        _ctx.labelTip ? (vue.openBlock(), vue.createBlock(_component_ElTooltip, {
+          key: 0,
+          content: _ctx.labelTip
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_ElButton, { type: "text" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_ElIcon, { class: "vkf-form-item-label-tip-icon" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_Warning)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["content"])) : vue.createCommentVNode("v-if", true)
+      ]),
+      key: "0"
+    } : void 0,
     vue.renderList(_ctx.formItemSlots, (item, key) => {
       return {
         name: key,

package/components/form-item/index.css

@@ -1,14 +1,15 @@
-.vkf-form-item.vkf-form-item--label-right.el-form-item{
-  display: flex;
-}
-.vkf-form-item.vkf-form-item--label-right.el-form-item .el-form-item__label{
+.vkf-form-item--inline{
   display: inline-flex;
 }
-.vkf-form-item.vkf-form-item--label-right.el-form-item.el-form-item--default .el-form-item__label{
-  height: 32px;
-  line-height: 32px;
-  margin-bottom: 0;
+.vkf-form-item__tip {
+  color: var(--el-text-color-secondary);
 }
-.vkf-form-item--inline{
-  display: inline-flex;
+.vkf-form-item-label-tip-icon{
+  color: var(--el-text-color-secondary);
+  cursor: pointer;
+  margin-left: 5px;
+  margin-top: -.18em;
+}
+.vkf-form-item-label-tip-icon:hover{
+  color: var(--el-color-primary);
 }

package/components/form-item/index.mjs

@@ -1,10 +1,11 @@
-import { formItemProps, ElFormItem, useGlobalConfig } from 'element-plus';
+import { formItemProps, ElFormItem, ElIcon, ElTooltip, ElButton, useGlobalConfig } from 'element-plus';
 import { bindPropsFactory } from '@vunk/core/shared/utils-vue';
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, renderList, resolveDynamicComponent } from 'vue';
+import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createVNode, renderList, resolveDynamicComponent } from 'vue';
 import { createFormItemBindProps } from '@vunk/form/shared/element-plus';
 import { useComputedReadonly } from '@vunk/form/composables';
 import { isPlainObject } from '@vunk/core/shared/utils-object';
 import { PATTERN_OPTIONS } from '@vunk/form/shared/rules';
+import { w as warning_default } from '../index2.mjs';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const _props = {
@@ -29,9 +30,14 @@ const _props = {
     type: Boolean,
     default: void 0
   },
-  labelPosition: {
+  formItemTip: {
     type: String,
-    default: ""
+    default: void 0
+  },
+  formItemTipClass: null,
+  labelTip: {
+    type: String,
+    default: void 0
   }
 };
 Reflect.deleteProperty(_props, "size");
@@ -47,7 +53,11 @@ var ctx = /*#__PURE__*/Object.freeze({
 var _sfc_main = defineComponent({
   name: "VkfFormItem",
   components: {
-    ElFormItem
+    ElFormItem,
+    ElIcon,
+    ElTooltip,
+    Warning: warning_default,
+    ElButton
   },
   props,
   setup(props2) {
@@ -72,24 +82,20 @@ var _sfc_main = defineComponent({
     };
     const rules = computed(() => {
       let data = [];
-      if (!props2.rules) {
-        if (props2.required) {
-          data.push({
-            required: true
-          });
-        }
+      if (!props2.rules && props2.required) {
+        data.push({
+          required: true
+        });
       }
       if (isPlainObject(props2.rules)) {
         data = [props2.rules];
       }
       if (Array.isArray(props2.rules)) {
         data = props2.rules;
-        if (props2.required) {
-          if (!props2.rules.find((item) => item.required)) {
-            data.push({
-              required: true
-            });
-          }
+        if (props2.required && !props2.rules.find((item) => item.required)) {
+          data.push({
+            required: true
+          });
         }
       }
       data = data.filter((rule) => {
@@ -114,23 +120,79 @@ var _sfc_main = defineComponent({
 });
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Warning = resolveComponent("Warning");
+  const _component_ElIcon = resolveComponent("ElIcon");
+  const _component_ElButton = resolveComponent("ElButton");
+  const _component_ElTooltip = resolveComponent("ElTooltip");
   const _component_ElFormItem = resolveComponent("ElFormItem");
   return openBlock(), createBlock(_component_ElFormItem, mergeProps(_ctx.formItemBindProps, {
     ref: _ctx.elRef,
     class: ["vkf-form-item", {
       "is-readonly": _ctx.readonly,
-      "vkf-form-item--inline": _ctx.inline,
-      "vkf-form-item--label-right": _ctx.labelPosition === "right"
+      "vkf-form-item--inline": _ctx.inline
     }],
     size: _ctx.formItemSize,
     rules: _ctx.rules
   }), createSlots({
     default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
+      renderSlot(_ctx.$slots, "default"),
+      _ctx.formItemTip ? (openBlock(), createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: normalizeClass(["vkf-form-item__tip", _ctx.formItemTipClass])
+        },
+        [
+          createElementVNode(
+            "span",
+            null,
+            toDisplayString(_ctx.formItemTip),
+            1
+            /* TEXT */
+          )
+        ],
+        2
+        /* CLASS */
+      )) : createCommentVNode("v-if", true)
     ]),
     _: 2
     /* DYNAMIC */
   }, [
+    !_ctx.formItemSlots?.label ? {
+      name: "label",
+      fn: withCtx(() => [
+        createElementVNode(
+          "span",
+          null,
+          toDisplayString(_ctx.label),
+          1
+          /* TEXT */
+        ),
+        _ctx.labelTip ? (openBlock(), createBlock(_component_ElTooltip, {
+          key: 0,
+          content: _ctx.labelTip
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_ElButton, { type: "text" }, {
+              default: withCtx(() => [
+                createVNode(_component_ElIcon, { class: "vkf-form-item-label-tip-icon" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_Warning)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["content"])) : createCommentVNode("v-if", true)
+      ]),
+      key: "0"
+    } : void 0,
     renderList(_ctx.formItemSlots, (item, key) => {
       return {
         name: key,

package/components/form-item/src/ctx.d.ts

@@ -21,12 +21,18 @@ declare const _props: {
         type: BooleanConstructor;
         default: any;
     };
-    labelPosition: {
-        type: PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -58,5 +64,5 @@ declare const _props: {
     };
 };
 export declare const props: Omit<typeof _props, "size">;
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "labelPosition" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>, KE> : Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "labelPosition" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>]: { [k in Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "labelPosition" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>, KE> : Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>]: { [k in Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>]: T2[k]; }[P]; }>;
 export {};