epic-designer-dev
Version:
基于vue3的设计器,可视化开发页面表单。在epic-designer的基础上新增了字典选择器
780 lines (779 loc) • 39.6 kB
TypeScript
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {
form: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
readonly label: StringConstructor;
readonly labelWidth: import('vue').PropType<string | number>;
readonly labelStyle: import('vue').PropType<import('vue').CSSProperties | string>;
readonly labelAlign: import('vue').PropType<import('naive-ui/lib/form/src/interface').LabelAlign>;
readonly labelPlacement: import('vue').PropType<import('naive-ui/lib/form/src/interface').LabelPlacement>;
readonly path: StringConstructor;
readonly first: BooleanConstructor;
readonly rulePath: StringConstructor;
readonly required: BooleanConstructor;
readonly showRequireMark: {
readonly type: import('vue').PropType<boolean | undefined>;
readonly default: undefined;
};
readonly requireMarkPlacement: import('vue').PropType<"left" | "right" | "right-hanging">;
readonly showFeedback: {
readonly type: import('vue').PropType<boolean | undefined>;
readonly default: undefined;
};
readonly rule: import('vue').PropType<import('naive-ui/lib/form').FormItemRule | import('naive-ui/lib/form').FormItemRule[]>;
readonly size: import('vue').PropType<"small" | "medium" | "large">;
readonly ignorePathChange: BooleanConstructor;
readonly validationStatus: import('vue').PropType<"error" | "warning" | "success">;
readonly feedback: StringConstructor;
readonly feedbackClass: StringConstructor;
readonly feedbackStyle: import('vue').PropType<string | import('vue').CSSProperties>;
readonly showLabel: {
readonly type: import('vue').PropType<boolean | undefined>;
readonly default: undefined;
};
readonly labelProps: import('vue').PropType<import('vue').LabelHTMLAttributes>;
readonly theme: import('vue').PropType<import('naive-ui/lib/_mixins').Theme<"Form", {
blankHeightSmall: string;
blankHeightMedium: string;
blankHeightLarge: string;
lineHeight: string;
labelTextColor: string;
asteriskColor: string;
feedbackTextColorError: string;
feedbackTextColorWarning: string;
feedbackTextColor: string;
feedbackPadding: string;
feedbackHeightSmall: string;
feedbackHeightMedium: string;
feedbackHeightLarge: string;
feedbackFontSizeSmall: string;
feedbackFontSizeMedium: string;
feedbackFontSizeLarge: string;
labelFontSizeLeftSmall: string;
labelFontSizeLeftMedium: string;
labelFontSizeLeftLarge: string;
labelFontSizeTopSmall: string;
labelFontSizeTopMedium: string;
labelFontSizeTopLarge: string;
labelHeightSmall: string;
labelHeightMedium: string;
labelHeightLarge: string;
labelPaddingVertical: string;
labelPaddingHorizontal: string;
labelTextAlignVertical: string;
labelTextAlignHorizontal: string;
labelFontWeight: string;
}, any>>;
readonly themeOverrides: import('vue').PropType<import('naive-ui/lib/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/lib/_mixins').Theme<"Form", {
blankHeightSmall: string;
blankHeightMedium: string;
blankHeightLarge: string;
lineHeight: string;
labelTextColor: string;
asteriskColor: string;
feedbackTextColorError: string;
feedbackTextColorWarning: string;
feedbackTextColor: string;
feedbackPadding: string;
feedbackHeightSmall: string;
feedbackHeightMedium: string;
feedbackHeightLarge: string;
feedbackFontSizeSmall: string;
feedbackFontSizeMedium: string;
feedbackFontSizeLarge: string;
labelFontSizeLeftSmall: string;
labelFontSizeLeftMedium: string;
labelFontSizeLeftLarge: string;
labelFontSizeTopSmall: string;
labelFontSizeTopMedium: string;
labelFontSizeTopLarge: string;
labelHeightSmall: string;
labelHeightMedium: string;
labelHeightLarge: string;
labelPaddingVertical: string;
labelPaddingHorizontal: string;
labelTextAlignVertical: string;
labelTextAlignHorizontal: string;
labelFontWeight: string;
}, any>>>;
readonly builtinThemeOverrides: import('vue').PropType<import('naive-ui/lib/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/lib/_mixins').Theme<"Form", {
blankHeightSmall: string;
blankHeightMedium: string;
blankHeightLarge: string;
lineHeight: string;
labelTextColor: string;
asteriskColor: string;
feedbackTextColorError: string;
feedbackTextColorWarning: string;
feedbackTextColor: string;
feedbackPadding: string;
feedbackHeightSmall: string;
feedbackHeightMedium: string;
feedbackHeightLarge: string;
feedbackFontSizeSmall: string;
feedbackFontSizeMedium: string;
feedbackFontSizeLarge: string;
labelFontSizeLeftSmall: string;
labelFontSizeLeftMedium: string;
labelFontSizeLeftLarge: string;
labelFontSizeTopSmall: string;
labelFontSizeTopMedium: string;
labelFontSizeTopLarge: string;
labelHeightSmall: string;
labelHeightMedium: string;
labelHeightLarge: string;
labelPaddingVertical: string;
labelPaddingHorizontal: string;
labelTextAlignVertical: string;
labelTextAlignHorizontal: string;
labelFontWeight: string;
}, any>>>;
}>> & Readonly<{}>, {
cssVars: import('vue').ComputedRef<{
"--n-bezier": string;
"--n-line-height": string;
"--n-blank-height": string;
"--n-label-font-size": string;
"--n-label-text-align": string;
"--n-label-height": string;
"--n-label-padding": string;
"--n-label-font-weight": string;
"--n-asterisk-color": string;
"--n-label-text-color": string;
"--n-feedback-padding": string;
"--n-feedback-font-size": string;
"--n-feedback-height": string;
"--n-feedback-text-color": string;
"--n-feedback-text-color-warning": string;
"--n-feedback-text-color-error": string;
}> | undefined;
themeClass: import('vue').Ref<string, string> | undefined;
onRender: (() => void) | undefined;
validate: import('naive-ui/lib/form/src/interface').FormItemValidate;
restoreValidation: () => void;
path?: string;
internalValidate: import('naive-ui/lib/form/src/interface').FormItemInternalValidate;
mergedSize: import('vue').ComputedRef<import('naive-ui/lib/form/src/interface').Size>;
validationErrored: import('vue').Ref<boolean, boolean>;
validationWarned: import('vue').Ref<boolean, boolean>;
mergedLabelStyle: import('vue').ComputedRef<import('vue').StyleValue[]>;
mergedLabelPlacement: import('vue').ComputedRef<import('naive-ui/lib/form/src/interface').LabelPlacement>;
mergedLabelAlign: import('vue').ComputedRef<import('naive-ui/lib/form/src/interface').LabelAlign | undefined>;
mergedShowRequireMark: import('vue').ComputedRef<boolean | undefined>;
mergedRequireMarkPlacement: import('vue').ComputedRef<"left" | "right" | "right-hanging">;
mergedValidationStatus: import('vue').ComputedRef<"error" | "success" | "warning" | undefined>;
mergedShowFeedback: import('vue').ComputedRef<boolean>;
mergedShowLabel: import('vue').ComputedRef<boolean>;
isAutoLabelWidth: import('vue').ComputedRef<boolean>;
labelElementRef: import('vue').Ref<HTMLLabelElement | null, HTMLLabelElement | null>;
mergedClsPrefix: import('vue').Ref<string, string>;
mergedRequired: import('vue').ComputedRef<boolean>;
feedbackId: import('vue').Ref<string, string>;
renderExplains: import('vue').Ref<{
key: string;
render: () => import('vue').VNodeChild;
}[], {
key: string;
render: () => import('vue').VNodeChild;
}[] | {
key: string;
render: () => import('vue').VNodeChild;
}[]>;
reverseColSpace: import('vue').ComputedRef<boolean>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
readonly first: boolean;
readonly required: boolean;
readonly showRequireMark: boolean | undefined;
readonly showFeedback: boolean | undefined;
readonly showLabel: boolean | undefined;
readonly ignorePathChange: boolean;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
readonly label: StringConstructor;
readonly labelWidth: import('vue').PropType<string | number>;
readonly labelStyle: import('vue').PropType<import('vue').CSSProperties | string>;
readonly labelAlign: import('vue').PropType<import('naive-ui/lib/form/src/interface').LabelAlign>;
readonly labelPlacement: import('vue').PropType<import('naive-ui/lib/form/src/interface').LabelPlacement>;
readonly path: StringConstructor;
readonly first: BooleanConstructor;
readonly rulePath: StringConstructor;
readonly required: BooleanConstructor;
readonly showRequireMark: {
readonly type: import('vue').PropType<boolean | undefined>;
readonly default: undefined;
};
readonly requireMarkPlacement: import('vue').PropType<"left" | "right" | "right-hanging">;
readonly showFeedback: {
readonly type: import('vue').PropType<boolean | undefined>;
readonly default: undefined;
};
readonly rule: import('vue').PropType<import('naive-ui/lib/form').FormItemRule | import('naive-ui/lib/form').FormItemRule[]>;
readonly size: import('vue').PropType<"small" | "medium" | "large">;
readonly ignorePathChange: BooleanConstructor;
readonly validationStatus: import('vue').PropType<"error" | "warning" | "success">;
readonly feedback: StringConstructor;
readonly feedbackClass: StringConstructor;
readonly feedbackStyle: import('vue').PropType<string | import('vue').CSSProperties>;
readonly showLabel: {
readonly type: import('vue').PropType<boolean | undefined>;
readonly default: undefined;
};
readonly labelProps: import('vue').PropType<import('vue').LabelHTMLAttributes>;
readonly theme: import('vue').PropType<import('naive-ui/lib/_mixins').Theme<"Form", {
blankHeightSmall: string;
blankHeightMedium: string;
blankHeightLarge: string;
lineHeight: string;
labelTextColor: string;
asteriskColor: string;
feedbackTextColorError: string;
feedbackTextColorWarning: string;
feedbackTextColor: string;
feedbackPadding: string;
feedbackHeightSmall: string;
feedbackHeightMedium: string;
feedbackHeightLarge: string;
feedbackFontSizeSmall: string;
feedbackFontSizeMedium: string;
feedbackFontSizeLarge: string;
labelFontSizeLeftSmall: string;
labelFontSizeLeftMedium: string;
labelFontSizeLeftLarge: string;
labelFontSizeTopSmall: string;
labelFontSizeTopMedium: string;
labelFontSizeTopLarge: string;
labelHeightSmall: string;
labelHeightMedium: string;
labelHeightLarge: string;
labelPaddingVertical: string;
labelPaddingHorizontal: string;
labelTextAlignVertical: string;
labelTextAlignHorizontal: string;
labelFontWeight: string;
}, any>>;
readonly themeOverrides: import('vue').PropType<import('naive-ui/lib/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/lib/_mixins').Theme<"Form", {
blankHeightSmall: string;
blankHeightMedium: string;
blankHeightLarge: string;
lineHeight: string;
labelTextColor: string;
asteriskColor: string;
feedbackTextColorError: string;
feedbackTextColorWarning: string;
feedbackTextColor: string;
feedbackPadding: string;
feedbackHeightSmall: string;
feedbackHeightMedium: string;
feedbackHeightLarge: string;
feedbackFontSizeSmall: string;
feedbackFontSizeMedium: string;
feedbackFontSizeLarge: string;
labelFontSizeLeftSmall: string;
labelFontSizeLeftMedium: string;
labelFontSizeLeftLarge: string;
labelFontSizeTopSmall: string;
labelFontSizeTopMedium: string;
labelFontSizeTopLarge: string;
labelHeightSmall: string;
labelHeightMedium: string;
labelHeightLarge: string;
labelPaddingVertical: string;
labelPaddingHorizontal: string;
labelTextAlignVertical: string;
labelTextAlignHorizontal: string;
labelFontWeight: string;
}, any>>>;
readonly builtinThemeOverrides: import('vue').PropType<import('naive-ui/lib/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/lib/_mixins').Theme<"Form", {
blankHeightSmall: string;
blankHeightMedium: string;
blankHeightLarge: string;
lineHeight: string;
labelTextColor: string;
asteriskColor: string;
feedbackTextColorError: string;
feedbackTextColorWarning: string;
feedbackTextColor: string;
feedbackPadding: string;
feedbackHeightSmall: string;
feedbackHeightMedium: string;
feedbackHeightLarge: string;
feedbackFontSizeSmall: string;
feedbackFontSizeMedium: string;
feedbackFontSizeLarge: string;
labelFontSizeLeftSmall: string;
labelFontSizeLeftMedium: string;
labelFontSizeLeftLarge: string;
labelFontSizeTopSmall: string;
labelFontSizeTopMedium: string;
labelFontSizeTopLarge: string;
labelHeightSmall: string;
labelHeightMedium: string;
labelHeightLarge: string;
labelPaddingVertical: string;
labelPaddingHorizontal: string;
labelTextAlignVertical: string;
labelTextAlignHorizontal: string;
labelFontWeight: string;
}, any>>>;
}>> & Readonly<{}>, {
cssVars: import('vue').ComputedRef<{
"--n-bezier": string;
"--n-line-height": string;
"--n-blank-height": string;
"--n-label-font-size": string;
"--n-label-text-align": string;
"--n-label-height": string;
"--n-label-padding": string;
"--n-label-font-weight": string;
"--n-asterisk-color": string;
"--n-label-text-color": string;
"--n-feedback-padding": string;
"--n-feedback-font-size": string;
"--n-feedback-height": string;
"--n-feedback-text-color": string;
"--n-feedback-text-color-warning": string;
"--n-feedback-text-color-error": string;
}> | undefined;
themeClass: import('vue').Ref<string, string> | undefined;
onRender: (() => void) | undefined;
validate: import('naive-ui/lib/form/src/interface').FormItemValidate;
restoreValidation: () => void;
path?: string;
internalValidate: import('naive-ui/lib/form/src/interface').FormItemInternalValidate;
mergedSize: import('vue').ComputedRef<import('naive-ui/lib/form/src/interface').Size>;
validationErrored: import('vue').Ref<boolean, boolean>;
validationWarned: import('vue').Ref<boolean, boolean>;
mergedLabelStyle: import('vue').ComputedRef<import('vue').StyleValue[]>;
mergedLabelPlacement: import('vue').ComputedRef<import('naive-ui/lib/form/src/interface').LabelPlacement>;
mergedLabelAlign: import('vue').ComputedRef<import('naive-ui/lib/form/src/interface').LabelAlign | undefined>;
mergedShowRequireMark: import('vue').ComputedRef<boolean | undefined>;
mergedRequireMarkPlacement: import('vue').ComputedRef<"left" | "right" | "right-hanging">;
mergedValidationStatus: import('vue').ComputedRef<"error" | "success" | "warning" | undefined>;
mergedShowFeedback: import('vue').ComputedRef<boolean>;
mergedShowLabel: import('vue').ComputedRef<boolean>;
isAutoLabelWidth: import('vue').ComputedRef<boolean>;
labelElementRef: import('vue').Ref<HTMLLabelElement | null, HTMLLabelElement | null>;
mergedClsPrefix: import('vue').Ref<string, string>;
mergedRequired: import('vue').ComputedRef<boolean>;
feedbackId: import('vue').Ref<string, string>;
renderExplains: import('vue').Ref<{
key: string;
render: () => import('vue').VNodeChild;
}[], {
key: string;
render: () => import('vue').VNodeChild;
}[] | {
key: string;
render: () => import('vue').VNodeChild;
}[]>;
reverseColSpace: import('vue').ComputedRef<boolean>;
}, {}, {}, {}, {
readonly first: boolean;
readonly required: boolean;
readonly showRequireMark: boolean | undefined;
readonly showFeedback: boolean | undefined;
readonly showLabel: boolean | undefined;
readonly ignorePathChange: boolean;
}> | null;
};
rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
form: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
readonly label: StringConstructor;
readonly labelWidth: import('vue').PropType<string | number>;
readonly labelStyle: import('vue').PropType<import('vue').CSSProperties | string>;
readonly labelAlign: import('vue').PropType<import('naive-ui/lib/form/src/interface').LabelAlign>;
readonly labelPlacement: import('vue').PropType<import('naive-ui/lib/form/src/interface').LabelPlacement>;
readonly path: StringConstructor;
readonly first: BooleanConstructor;
readonly rulePath: StringConstructor;
readonly required: BooleanConstructor;
readonly showRequireMark: {
readonly type: import('vue').PropType<boolean | undefined>;
readonly default: undefined;
};
readonly requireMarkPlacement: import('vue').PropType<"left" | "right" | "right-hanging">;
readonly showFeedback: {
readonly type: import('vue').PropType<boolean | undefined>;
readonly default: undefined;
};
readonly rule: import('vue').PropType<import('naive-ui/lib/form').FormItemRule | import('naive-ui/lib/form').FormItemRule[]>;
readonly size: import('vue').PropType<"small" | "medium" | "large">;
readonly ignorePathChange: BooleanConstructor;
readonly validationStatus: import('vue').PropType<"error" | "warning" | "success">;
readonly feedback: StringConstructor;
readonly feedbackClass: StringConstructor;
readonly feedbackStyle: import('vue').PropType<string | import('vue').CSSProperties>;
readonly showLabel: {
readonly type: import('vue').PropType<boolean | undefined>;
readonly default: undefined;
};
readonly labelProps: import('vue').PropType<import('vue').LabelHTMLAttributes>;
readonly theme: import('vue').PropType<import('naive-ui/lib/_mixins').Theme<"Form", {
blankHeightSmall: string;
blankHeightMedium: string;
blankHeightLarge: string;
lineHeight: string;
labelTextColor: string;
asteriskColor: string;
feedbackTextColorError: string;
feedbackTextColorWarning: string;
feedbackTextColor: string;
feedbackPadding: string;
feedbackHeightSmall: string;
feedbackHeightMedium: string;
feedbackHeightLarge: string;
feedbackFontSizeSmall: string;
feedbackFontSizeMedium: string;
feedbackFontSizeLarge: string;
labelFontSizeLeftSmall: string;
labelFontSizeLeftMedium: string;
labelFontSizeLeftLarge: string;
labelFontSizeTopSmall: string;
labelFontSizeTopMedium: string;
labelFontSizeTopLarge: string;
labelHeightSmall: string;
labelHeightMedium: string;
labelHeightLarge: string;
labelPaddingVertical: string;
labelPaddingHorizontal: string;
labelTextAlignVertical: string;
labelTextAlignHorizontal: string;
labelFontWeight: string;
}, any>>;
readonly themeOverrides: import('vue').PropType<import('naive-ui/lib/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/lib/_mixins').Theme<"Form", {
blankHeightSmall: string;
blankHeightMedium: string;
blankHeightLarge: string;
lineHeight: string;
labelTextColor: string;
asteriskColor: string;
feedbackTextColorError: string;
feedbackTextColorWarning: string;
feedbackTextColor: string;
feedbackPadding: string;
feedbackHeightSmall: string;
feedbackHeightMedium: string;
feedbackHeightLarge: string;
feedbackFontSizeSmall: string;
feedbackFontSizeMedium: string;
feedbackFontSizeLarge: string;
labelFontSizeLeftSmall: string;
labelFontSizeLeftMedium: string;
labelFontSizeLeftLarge: string;
labelFontSizeTopSmall: string;
labelFontSizeTopMedium: string;
labelFontSizeTopLarge: string;
labelHeightSmall: string;
labelHeightMedium: string;
labelHeightLarge: string;
labelPaddingVertical: string;
labelPaddingHorizontal: string;
labelTextAlignVertical: string;
labelTextAlignHorizontal: string;
labelFontWeight: string;
}, any>>>;
readonly builtinThemeOverrides: import('vue').PropType<import('naive-ui/lib/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/lib/_mixins').Theme<"Form", {
blankHeightSmall: string;
blankHeightMedium: string;
blankHeightLarge: string;
lineHeight: string;
labelTextColor: string;
asteriskColor: string;
feedbackTextColorError: string;
feedbackTextColorWarning: string;
feedbackTextColor: string;
feedbackPadding: string;
feedbackHeightSmall: string;
feedbackHeightMedium: string;
feedbackHeightLarge: string;
feedbackFontSizeSmall: string;
feedbackFontSizeMedium: string;
feedbackFontSizeLarge: string;
labelFontSizeLeftSmall: string;
labelFontSizeLeftMedium: string;
labelFontSizeLeftLarge: string;
labelFontSizeTopSmall: string;
labelFontSizeTopMedium: string;
labelFontSizeTopLarge: string;
labelHeightSmall: string;
labelHeightMedium: string;
labelHeightLarge: string;
labelPaddingVertical: string;
labelPaddingHorizontal: string;
labelTextAlignVertical: string;
labelTextAlignHorizontal: string;
labelFontWeight: string;
}, any>>>;
}>> & Readonly<{}>, {
cssVars: import('vue').ComputedRef<{
"--n-bezier": string;
"--n-line-height": string;
"--n-blank-height": string;
"--n-label-font-size": string;
"--n-label-text-align": string;
"--n-label-height": string;
"--n-label-padding": string;
"--n-label-font-weight": string;
"--n-asterisk-color": string;
"--n-label-text-color": string;
"--n-feedback-padding": string;
"--n-feedback-font-size": string;
"--n-feedback-height": string;
"--n-feedback-text-color": string;
"--n-feedback-text-color-warning": string;
"--n-feedback-text-color-error": string;
}> | undefined;
themeClass: import('vue').Ref<string, string> | undefined;
onRender: (() => void) | undefined;
validate: import('naive-ui/lib/form/src/interface').FormItemValidate;
restoreValidation: () => void;
path?: string;
internalValidate: import('naive-ui/lib/form/src/interface').FormItemInternalValidate;
mergedSize: import('vue').ComputedRef<import('naive-ui/lib/form/src/interface').Size>;
validationErrored: import('vue').Ref<boolean, boolean>;
validationWarned: import('vue').Ref<boolean, boolean>;
mergedLabelStyle: import('vue').ComputedRef<import('vue').StyleValue[]>;
mergedLabelPlacement: import('vue').ComputedRef<import('naive-ui/lib/form/src/interface').LabelPlacement>;
mergedLabelAlign: import('vue').ComputedRef<import('naive-ui/lib/form/src/interface').LabelAlign | undefined>;
mergedShowRequireMark: import('vue').ComputedRef<boolean | undefined>;
mergedRequireMarkPlacement: import('vue').ComputedRef<"left" | "right" | "right-hanging">;
mergedValidationStatus: import('vue').ComputedRef<"error" | "success" | "warning" | undefined>;
mergedShowFeedback: import('vue').ComputedRef<boolean>;
mergedShowLabel: import('vue').ComputedRef<boolean>;
isAutoLabelWidth: import('vue').ComputedRef<boolean>;
labelElementRef: import('vue').Ref<HTMLLabelElement | null, HTMLLabelElement | null>;
mergedClsPrefix: import('vue').Ref<string, string>;
mergedRequired: import('vue').ComputedRef<boolean>;
feedbackId: import('vue').Ref<string, string>;
renderExplains: import('vue').Ref<{
key: string;
render: () => import('vue').VNodeChild;
}[], {
key: string;
render: () => import('vue').VNodeChild;
}[] | {
key: string;
render: () => import('vue').VNodeChild;
}[]>;
reverseColSpace: import('vue').ComputedRef<boolean>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
readonly first: boolean;
readonly required: boolean;
readonly showRequireMark: boolean | undefined;
readonly showFeedback: boolean | undefined;
readonly showLabel: boolean | undefined;
readonly ignorePathChange: boolean;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
readonly label: StringConstructor;
readonly labelWidth: import('vue').PropType<string | number>;
readonly labelStyle: import('vue').PropType<import('vue').CSSProperties | string>;
readonly labelAlign: import('vue').PropType<import('naive-ui/lib/form/src/interface').LabelAlign>;
readonly labelPlacement: import('vue').PropType<import('naive-ui/lib/form/src/interface').LabelPlacement>;
readonly path: StringConstructor;
readonly first: BooleanConstructor;
readonly rulePath: StringConstructor;
readonly required: BooleanConstructor;
readonly showRequireMark: {
readonly type: import('vue').PropType<boolean | undefined>;
readonly default: undefined;
};
readonly requireMarkPlacement: import('vue').PropType<"left" | "right" | "right-hanging">;
readonly showFeedback: {
readonly type: import('vue').PropType<boolean | undefined>;
readonly default: undefined;
};
readonly rule: import('vue').PropType<import('naive-ui/lib/form').FormItemRule | import('naive-ui/lib/form').FormItemRule[]>;
readonly size: import('vue').PropType<"small" | "medium" | "large">;
readonly ignorePathChange: BooleanConstructor;
readonly validationStatus: import('vue').PropType<"error" | "warning" | "success">;
readonly feedback: StringConstructor;
readonly feedbackClass: StringConstructor;
readonly feedbackStyle: import('vue').PropType<string | import('vue').CSSProperties>;
readonly showLabel: {
readonly type: import('vue').PropType<boolean | undefined>;
readonly default: undefined;
};
readonly labelProps: import('vue').PropType<import('vue').LabelHTMLAttributes>;
readonly theme: import('vue').PropType<import('naive-ui/lib/_mixins').Theme<"Form", {
blankHeightSmall: string;
blankHeightMedium: string;
blankHeightLarge: string;
lineHeight: string;
labelTextColor: string;
asteriskColor: string;
feedbackTextColorError: string;
feedbackTextColorWarning: string;
feedbackTextColor: string;
feedbackPadding: string;
feedbackHeightSmall: string;
feedbackHeightMedium: string;
feedbackHeightLarge: string;
feedbackFontSizeSmall: string;
feedbackFontSizeMedium: string;
feedbackFontSizeLarge: string;
labelFontSizeLeftSmall: string;
labelFontSizeLeftMedium: string;
labelFontSizeLeftLarge: string;
labelFontSizeTopSmall: string;
labelFontSizeTopMedium: string;
labelFontSizeTopLarge: string;
labelHeightSmall: string;
labelHeightMedium: string;
labelHeightLarge: string;
labelPaddingVertical: string;
labelPaddingHorizontal: string;
labelTextAlignVertical: string;
labelTextAlignHorizontal: string;
labelFontWeight: string;
}, any>>;
readonly themeOverrides: import('vue').PropType<import('naive-ui/lib/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/lib/_mixins').Theme<"Form", {
blankHeightSmall: string;
blankHeightMedium: string;
blankHeightLarge: string;
lineHeight: string;
labelTextColor: string;
asteriskColor: string;
feedbackTextColorError: string;
feedbackTextColorWarning: string;
feedbackTextColor: string;
feedbackPadding: string;
feedbackHeightSmall: string;
feedbackHeightMedium: string;
feedbackHeightLarge: string;
feedbackFontSizeSmall: string;
feedbackFontSizeMedium: string;
feedbackFontSizeLarge: string;
labelFontSizeLeftSmall: string;
labelFontSizeLeftMedium: string;
labelFontSizeLeftLarge: string;
labelFontSizeTopSmall: string;
labelFontSizeTopMedium: string;
labelFontSizeTopLarge: string;
labelHeightSmall: string;
labelHeightMedium: string;
labelHeightLarge: string;
labelPaddingVertical: string;
labelPaddingHorizontal: string;
labelTextAlignVertical: string;
labelTextAlignHorizontal: string;
labelFontWeight: string;
}, any>>>;
readonly builtinThemeOverrides: import('vue').PropType<import('naive-ui/lib/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/lib/_mixins').Theme<"Form", {
blankHeightSmall: string;
blankHeightMedium: string;
blankHeightLarge: string;
lineHeight: string;
labelTextColor: string;
asteriskColor: string;
feedbackTextColorError: string;
feedbackTextColorWarning: string;
feedbackTextColor: string;
feedbackPadding: string;
feedbackHeightSmall: string;
feedbackHeightMedium: string;
feedbackHeightLarge: string;
feedbackFontSizeSmall: string;
feedbackFontSizeMedium: string;
feedbackFontSizeLarge: string;
labelFontSizeLeftSmall: string;
labelFontSizeLeftMedium: string;
labelFontSizeLeftLarge: string;
labelFontSizeTopSmall: string;
labelFontSizeTopMedium: string;
labelFontSizeTopLarge: string;
labelHeightSmall: string;
labelHeightMedium: string;
labelHeightLarge: string;
labelPaddingVertical: string;
labelPaddingHorizontal: string;
labelTextAlignVertical: string;
labelTextAlignHorizontal: string;
labelFontWeight: string;
}, any>>>;
}>> & Readonly<{}>, {
cssVars: import('vue').ComputedRef<{
"--n-bezier": string;
"--n-line-height": string;
"--n-blank-height": string;
"--n-label-font-size": string;
"--n-label-text-align": string;
"--n-label-height": string;
"--n-label-padding": string;
"--n-label-font-weight": string;
"--n-asterisk-color": string;
"--n-label-text-color": string;
"--n-feedback-padding": string;
"--n-feedback-font-size": string;
"--n-feedback-height": string;
"--n-feedback-text-color": string;
"--n-feedback-text-color-warning": string;
"--n-feedback-text-color-error": string;
}> | undefined;
themeClass: import('vue').Ref<string, string> | undefined;
onRender: (() => void) | undefined;
validate: import('naive-ui/lib/form/src/interface').FormItemValidate;
restoreValidation: () => void;
path?: string;
internalValidate: import('naive-ui/lib/form/src/interface').FormItemInternalValidate;
mergedSize: import('vue').ComputedRef<import('naive-ui/lib/form/src/interface').Size>;
validationErrored: import('vue').Ref<boolean, boolean>;
validationWarned: import('vue').Ref<boolean, boolean>;
mergedLabelStyle: import('vue').ComputedRef<import('vue').StyleValue[]>;
mergedLabelPlacement: import('vue').ComputedRef<import('naive-ui/lib/form/src/interface').LabelPlacement>;
mergedLabelAlign: import('vue').ComputedRef<import('naive-ui/lib/form/src/interface').LabelAlign | undefined>;
mergedShowRequireMark: import('vue').ComputedRef<boolean | undefined>;
mergedRequireMarkPlacement: import('vue').ComputedRef<"left" | "right" | "right-hanging">;
mergedValidationStatus: import('vue').ComputedRef<"error" | "success" | "warning" | undefined>;
mergedShowFeedback: import('vue').ComputedRef<boolean>;
mergedShowLabel: import('vue').ComputedRef<boolean>;
isAutoLabelWidth: import('vue').ComputedRef<boolean>;
labelElementRef: import('vue').Ref<HTMLLabelElement | null, HTMLLabelElement | null>;
mergedClsPrefix: import('vue').Ref<string, string>;
mergedRequired: import('vue').ComputedRef<boolean>;
feedbackId: import('vue').Ref<string, string>;
renderExplains: import('vue').Ref<{
key: string;
render: () => import('vue').VNodeChild;
}[], {
key: string;
render: () => import('vue').VNodeChild;
}[] | {
key: string;
render: () => import('vue').VNodeChild;
}[]>;
reverseColSpace: import('vue').ComputedRef<boolean>;
}, {}, {}, {}, {
readonly first: boolean;
readonly required: boolean;
readonly showRequireMark: boolean | undefined;
readonly showFeedback: boolean | undefined;
readonly showLabel: boolean | undefined;
readonly ignorePathChange: boolean;
}> | null;
}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};