plus-pro-components
Version:
Page level components developed based on Element Plus.
899 lines (897 loc) • 55.7 kB
TypeScript
import { PlusRadioProps, PlusDatePickerProps, PlusInputTagProps } from 'plus-pro-components';
import { TimeSelectProps } from 'element-plus/es/components/time-select/src/time-select';
import { LooseRequired } from '@vue/shared';
import { FormItemRule, FormItemProp, FormItemContext, FormValidateCallback, FormValidationResult, RowProps, ColProps, CardProps, ElTooltipProps, TableColumnCtx, FormItemProps, ProgressFn, CascaderNode, InputAutoSize, AutocompleteProps, CheckboxGroupProps, ColorPickerProps, DatePickerProps, InputProps, InputNumberProps, RadioGroupProps, RateProps, ISelectProps, SliderProps, SwitchProps, TimePickerDefaultProps, TextProps, ImageProps, LinkProps, TagProps, ProgressProps } from 'element-plus';
import { Arrayable, EpPropFinalized, EpPropMergeType } from 'element-plus/es/utils';
import { DefineComponent, Ref, CreateComponentPublicInstance, ExtractPropTypes, PropType, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, CSSProperties, Component } from 'vue';
import { PlusFormSelfProps, PlusFormGroupRow, PlusFormProps } from './type';
import { PlusColumn, FieldValues, RecordType, Mutable, TableValueType, FormItemValueType, OptionsType, OptionsRow, RenderTypes, FieldValueType, PropsItemType, OmitTypes, CascaderProps } from 'plus-pro-components/es/types';
declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusFormSelfProps>, {
modelValue: () => {};
defaultValues: () => {};
labelWidth: string;
labelPosition: string;
rowProps: () => {};
colProps: () => {};
labelSuffix: string;
hasErrorTip: boolean;
hasFooter: boolean;
hasReset: boolean;
hasLabel: boolean;
submitLoading: boolean;
submitText: string;
resetText: string;
footerAlign: string;
rules: () => {};
columns: () => never[];
group: boolean;
cardProps: () => {};
prevent: boolean;
collapseDuration: undefined;
collapseTransition: undefined;
clearable: boolean;
}>, {
formInstance: Ref< CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
readonly model: ObjectConstructor;
readonly rules: {
readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "right" | "left", unknown, "right", boolean>;
readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
readonly inline: BooleanConstructor;
readonly inlineMessage: BooleanConstructor;
readonly statusIcon: BooleanConstructor;
readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly hideRequiredAsterisk: BooleanConstructor;
readonly scrollToError: BooleanConstructor;
readonly scrollIntoViewOptions: {
readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly size: {
readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
}>> & {
onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
}, {
COMPONENT_NAME: string;
props: Readonly< LooseRequired<Readonly< ExtractPropTypes<{
readonly model: ObjectConstructor;
readonly rules: {
readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "right" | "left", unknown, "right", boolean>;
readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
readonly inline: BooleanConstructor;
readonly inlineMessage: BooleanConstructor;
readonly statusIcon: BooleanConstructor;
readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly hideRequiredAsterisk: BooleanConstructor;
readonly scrollToError: BooleanConstructor;
readonly scrollIntoViewOptions: {
readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly size: {
readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
}>> & {
onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
}>>;
emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
fields: FormItemContext[];
formSize: ComputedRef<"" | "default" | "small" | "large">;
ns: {
namespace: ComputedRef<string>;
b: (blockSuffix?: string | undefined) => string;
e: (element?: string | undefined) => string;
m: (modifier?: string | undefined) => string;
be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
em: (element?: string | undefined, modifier?: string | undefined) => string;
bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
is: {
(name: string, state: boolean | undefined): string;
(name: string): string;
};
cssVar: (object: Record<string, string>) => Record<string, string>;
cssVarName: (name: string) => string;
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
cssVarBlockName: (name: string) => string;
};
formClasses: ComputedRef<(string | {
[x: string]: boolean | EpPropMergeType<StringConstructor, "top" | "right" | "left", unknown>;
})[]>;
getField: (prop: string) => FormItemContext | undefined;
addField: (field: FormItemContext) => void;
removeField: (field: FormItemContext) => void;
resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
isValidatable: ComputedRef<boolean>;
obtainValidateFields: (props: Arrayable<FormItemProp>) => FormItemContext[];
validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
doValidateField: (props?: Arrayable<FormItemProp> | undefined) => Promise<boolean>;
validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
scrollToField: (prop: FormItemProp) => void;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
validate: (prop: FormItemProp, isValid: boolean, message: string) => boolean;
}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
readonly model: ObjectConstructor;
readonly rules: {
readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "right" | "left", unknown, "right", boolean>;
readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
readonly inline: BooleanConstructor;
readonly inlineMessage: BooleanConstructor;
readonly statusIcon: BooleanConstructor;
readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly hideRequiredAsterisk: BooleanConstructor;
readonly scrollToError: BooleanConstructor;
readonly scrollIntoViewOptions: {
readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly size: {
readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
}>> & {
onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
}, {
readonly disabled: boolean;
readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "right" | "left", unknown>;
readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "right" | "left", unknown>;
readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
readonly labelSuffix: string;
readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly inline: boolean;
readonly inlineMessage: boolean;
readonly statusIcon: boolean;
readonly hideRequiredAsterisk: boolean;
readonly scrollToError: boolean;
}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly< ExtractPropTypes<{
readonly model: ObjectConstructor;
readonly rules: {
readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "right" | "left", unknown, "right", boolean>;
readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
readonly inline: BooleanConstructor;
readonly inlineMessage: BooleanConstructor;
readonly statusIcon: BooleanConstructor;
readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly hideRequiredAsterisk: BooleanConstructor;
readonly scrollToError: BooleanConstructor;
readonly scrollIntoViewOptions: {
readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly size: {
readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
}>> & {
onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
}, {
COMPONENT_NAME: string;
props: Readonly< LooseRequired<Readonly< ExtractPropTypes<{
readonly model: ObjectConstructor;
readonly rules: {
readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "right" | "left", unknown, "right", boolean>;
readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
readonly inline: BooleanConstructor;
readonly inlineMessage: BooleanConstructor;
readonly statusIcon: BooleanConstructor;
readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly hideRequiredAsterisk: BooleanConstructor;
readonly scrollToError: BooleanConstructor;
readonly scrollIntoViewOptions: {
readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly size: {
readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
}>> & {
onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
}>>;
emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
fields: FormItemContext[];
formSize: ComputedRef<"" | "default" | "small" | "large">;
ns: {
namespace: ComputedRef<string>;
b: (blockSuffix?: string | undefined) => string;
e: (element?: string | undefined) => string;
m: (modifier?: string | undefined) => string;
be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
em: (element?: string | undefined, modifier?: string | undefined) => string;
bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
is: {
(name: string, state: boolean | undefined): string;
(name: string): string;
};
cssVar: (object: Record<string, string>) => Record<string, string>;
cssVarName: (name: string) => string;
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
cssVarBlockName: (name: string) => string;
};
formClasses: ComputedRef<(string | {
[x: string]: boolean | EpPropMergeType<StringConstructor, "top" | "right" | "left", unknown>;
})[]>;
getField: (prop: string) => FormItemContext | undefined;
addField: (field: FormItemContext) => void;
removeField: (field: FormItemContext) => void;
resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
isValidatable: ComputedRef<boolean>;
obtainValidateFields: (props: Arrayable<FormItemProp>) => FormItemContext[];
validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
doValidateField: (props?: Arrayable<FormItemProp> | undefined) => Promise<boolean>;
validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
scrollToField: (prop: FormItemProp) => void;
}, {}, {}, {}, {
readonly disabled: boolean;
readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "right" | "left", unknown>;
readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "right" | "left", unknown>;
readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
readonly labelSuffix: string;
readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly inline: boolean;
readonly inlineMessage: boolean;
readonly statusIcon: boolean;
readonly hideRequiredAsterisk: boolean;
readonly scrollToError: boolean;
}> | null>;
handleSubmit: () => Promise<boolean>;
handleReset: () => void;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (values: FieldValues) => void;
submit: (values: FieldValues) => void;
change: (values: FieldValues, column: PlusColumn) => void;
reset: (values: FieldValues) => void;
submitError: (errors: unknown) => void;
validate: (...args: any[]) => void;
}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusFormSelfProps>, {
modelValue: () => {};
defaultValues: () => {};
labelWidth: string;
labelPosition: string;
rowProps: () => {};
colProps: () => {};
labelSuffix: string;
hasErrorTip: boolean;
hasFooter: boolean;
hasReset: boolean;
hasLabel: boolean;
submitLoading: boolean;
submitText: string;
resetText: string;
footerAlign: string;
rules: () => {};
columns: () => never[];
group: boolean;
cardProps: () => {};
prevent: boolean;
collapseDuration: undefined;
collapseTransition: undefined;
clearable: boolean;
}>>> & {
onChange?: ((values: FieldValues, column: PlusColumn) => any) | undefined;
"onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
onReset?: ((values: FieldValues) => any) | undefined;
onSubmit?: ((values: FieldValues) => any) | undefined;
onValidate?: ((...args: any[]) => any) | undefined;
onSubmitError?: ((errors: unknown) => any) | undefined;
}, {
columns: PlusColumn[];
group: false | PlusFormGroupRow[];
modelValue: FieldValues;
rules: Partial<Record<string, Arrayable<FormItemRule>>>;
labelPosition: "top" | "right" | "left";
labelWidth: string | number;
labelSuffix: string;
hasLabel: boolean;
defaultValues: FieldValues;
rowProps: Partial< Mutable<RowProps>>;
colProps: Partial< Mutable<ColProps>>;
hasErrorTip: boolean;
hasFooter: boolean;
hasReset: boolean;
submitText: string;
resetText: string;
submitLoading: boolean;
footerAlign: "right" | "left" | "center";
cardProps: Partial< Mutable<CardProps>>;
prevent: boolean;
collapseDuration: number;
collapseTransition: boolean;
clearable: boolean;
}, {}>, Partial<Record<NonNullable<string | number>, (_: {
[x: string]: any;
label?: string | ComputedRef<string> | undefined;
prop: string;
width?: string | number | undefined;
minWidth?: string | number | undefined;
editable?: boolean | undefined;
valueType?: TableValueType | FormItemValueType;
hideInDescriptions?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInForm?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInTable?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInSearch?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
descriptionsItemProps?: RecordType | undefined;
options?: OptionsType | undefined;
optionsMap?: {
label?: string | undefined;
value?: string | undefined;
} | undefined;
customGetStatus?: ((data: {
options: OptionsRow<undefined>[];
value: string | number;
row: RecordType;
}) => OptionsRow<undefined>) | undefined;
tooltip?: string | Partial< ElTooltipProps> | ComputedRef<string> | ComputedRef<Partial< ElTooltipProps>> | undefined;
render?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => RenderTypes) | undefined;
renderHTML?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => string) | undefined;
renderHeader?: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
renderDescriptionsItem?: ((data: {
value: string;
column: PlusColumn;
row: RecordType;
}) => RenderTypes) | undefined;
renderDescriptionsLabel?: ((data: {
label: string;
column: PlusColumn;
row: RecordType;
}) => RenderTypes) | undefined;
order?: number | ComputedRef<number> | undefined;
children?: PlusColumn[] | undefined;
headerFilter?: boolean | undefined;
disabledHeaderFilter?: boolean | undefined;
headerIsChecked?: boolean | undefined;
tableColumnProps?: Partial<Omit< TableColumnCtx<any>, "label " | "prop" | "width" | "minWidth"> & {
[key: string]: any;
}> | undefined;
preview?: boolean | undefined;
linkText?: string | undefined;
formatter?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => string | number) | undefined;
formProps?: Partial< PlusFormProps> | ComputedRef<Partial< PlusFormProps>> | ((value: FieldValueType, data: {
row: Record<string, any>;
index: number;
}) => Partial< PlusFormProps>) | undefined;
formItemProps?: PropsItemType< Mutable<FormItemProps> & {
[key: string]: any;
style?: CSSProperties | undefined;
}> | undefined;
fieldProps?: PropsItemType<Partial<{
[key: string]: any;
style: CSSProperties;
rows: number;
autocomplete: string;
type: "" | "number" | "default" | "search" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "time" | "image" | "line" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "range" | "dashboard" | "hidden" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
step: string | number;
format: string | ProgressFn | undefined;
filterMethod: Function | ((node: CascaderNode, keyword: string) => boolean) | undefined;
id: string | [string, string];
effect: string;
height: string | number;
autosize: InputAutoSize;
} & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>> | undefined;
renderField?: ((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | undefined;
colProps?: Partial< Mutable<ColProps> & {
[key: string]: any;
style?: CSSProperties | undefined;
}> | undefined;
hasLabel?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
renderLabel?: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
renderExtra?: ((column: PlusColumn) => RenderTypes) | undefined;
fieldSlots?: {
[slotName: string]: (data?: any) => RenderTypes;
} | undefined;
fieldChildrenSlot?: ((option?: OptionsRow<undefined> | undefined) => RenderTypes) | undefined;
renderErrorMessage?: ((props: PlusColumn & {
value?: FieldValueType;
error?: string | undefined;
label?: string | undefined;
}) => RenderTypes) | undefined;
}) => any>> & Partial<Record<NonNullable<string | number>, (_: {
[x: string]: any;
label?: string | ComputedRef<string> | undefined;
prop: string;
width?: string | number | undefined;
minWidth?: string | number | undefined;
editable?: boolean | undefined;
valueType?: TableValueType | FormItemValueType;
hideInDescriptions?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInForm?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInTable?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInSearch?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
descriptionsItemProps?: RecordType | undefined;
options?: OptionsType | undefined;
optionsMap?: {
label?: string | undefined;
value?: string | undefined;
} | undefined;
customGetStatus?: ((data: {
options: OptionsRow<undefined>[];
value: string | number;
row: RecordType;
}) => OptionsRow<undefined>) | undefined;
tooltip?: string | Partial< ElTooltipProps> | ComputedRef<string> | ComputedRef<Partial< ElTooltipProps>> | undefined;
render?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => RenderTypes) | undefined;
renderHTML?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => string) | undefined;
renderHeader?: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
renderDescriptionsItem?: ((data: {
value: string;
column: PlusColumn;
row: RecordType;
}) => RenderTypes) | undefined;
renderDescriptionsLabel?: ((data: {
label: string;
column: PlusColumn;
row: RecordType;
}) => RenderTypes) | undefined;
order?: number | ComputedRef<number> | undefined;
children?: PlusColumn[] | undefined;
headerFilter?: boolean | undefined;
disabledHeaderFilter?: boolean | undefined;
headerIsChecked?: boolean | undefined;
tableColumnProps?: Partial<Omit< TableColumnCtx<any>, "label " | "prop" | "width" | "minWidth"> & {
[key: string]: any;
}> | undefined;
preview?: boolean | undefined;
linkText?: string | undefined;
formatter?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => string | number) | undefined;
formProps?: Partial< PlusFormProps> | ComputedRef<Partial< PlusFormProps>> | ((value: FieldValueType, data: {
row: Record<string, any>;
index: number;
}) => Partial< PlusFormProps>) | undefined;
formItemProps?: PropsItemType< Mutable<FormItemProps> & {
[key: string]: any;
style?: CSSProperties | undefined;
}> | undefined;
fieldProps?: PropsItemType<Partial<{
[key: string]: any;
style: CSSProperties;
rows: number;
autocomplete: string;
type: "" | "number" | "default" | "search" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "time" | "image" | "line" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "range" | "dashboard" | "hidden" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
step: string | number;
format: string | ProgressFn | undefined;
filterMethod: Function | ((node: CascaderNode, keyword: string) => boolean) | undefined;
id: string | [string, string];
effect: string;
height: string | number;
autosize: InputAutoSize;
} & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>> | undefined;
renderField?: ((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | undefined;
colProps?: Partial< Mutable<ColProps> & {
[key: string]: any;
style?: CSSProperties | undefined;
}> | undefined;
hasLabel?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
renderLabel?: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
renderExtra?: ((column: PlusColumn) => RenderTypes) | undefined;
fieldSlots?: {
[slotName: string]: (data?: any) => RenderTypes;
} | undefined;
fieldChildrenSlot?: ((option?: OptionsRow<undefined> | undefined) => RenderTypes) | undefined;
renderErrorMessage?: ((props: PlusColumn & {
value?: FieldValueType;
error?: string | undefined;
label?: string | undefined;
}) => RenderTypes) | undefined;
}) => any>> & Partial<Record<NonNullable<string | number>, (_: {
[x: string]: any;
label?: string | ComputedRef<string> | undefined;
prop: string;
width?: string | number | undefined;
minWidth?: string | number | undefined;
editable?: boolean | undefined;
valueType?: TableValueType | FormItemValueType;
hideInDescriptions?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInForm?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInTable?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInSearch?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
descriptionsItemProps?: RecordType | undefined;
options?: OptionsType | undefined;
optionsMap?: {
label?: string | undefined;
value?: string | undefined;
} | undefined;
customGetStatus?: ((data: {
options: OptionsRow<undefined>[];
value: string | number;
row: RecordType;
}) => OptionsRow<undefined>) | undefined;
tooltip?: string | Partial< ElTooltipProps> | ComputedRef<string> | ComputedRef<Partial< ElTooltipProps>> | undefined;
render?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => RenderTypes) | undefined;
renderHTML?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => string) | undefined;
renderHeader?: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
renderDescriptionsItem?: ((data: {
value: string;
column: PlusColumn;
row: RecordType;
}) => RenderTypes) | undefined;
renderDescriptionsLabel?: ((data: {
label: string;
column: PlusColumn;
row: RecordType;
}) => RenderTypes) | undefined;
order?: number | ComputedRef<number> | undefined;
children?: PlusColumn[] | undefined;
headerFilter?: boolean | undefined;
disabledHeaderFilter?: boolean | undefined;
headerIsChecked?: boolean | undefined;
tableColumnProps?: Partial<Omit< TableColumnCtx<any>, "label " | "prop" | "width" | "minWidth"> & {
[key: string]: any;
}> | undefined;
preview?: boolean | undefined;
linkText?: string | undefined;
formatter?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => string | number) | undefined;
formProps?: Partial< PlusFormProps> | ComputedRef<Partial< PlusFormProps>> | ((value: FieldValueType, data: {
row: Record<string, any>;
index: number;
}) => Partial< PlusFormProps>) | undefined;
formItemProps?: PropsItemType< Mutable<FormItemProps> & {
[key: string]: any;
style?: CSSProperties | undefined;
}> | undefined;
fieldProps?: PropsItemType<Partial<{
[key: string]: any;
style: CSSProperties;
rows: number;
autocomplete: string;
type: "" | "number" | "default" | "search" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "time" | "image" | "line" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "range" | "dashboard" | "hidden" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
step: string | number;
format: string | ProgressFn | undefined;
filterMethod: Function | ((node: CascaderNode, keyword: string) => boolean) | undefined;
id: string | [string, string];
effect: string;
height: string | number;
autosize: InputAutoSize;
} & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>> | undefined;
renderField?: ((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | undefined;
colProps?: Partial< Mutable<ColProps> & {
[key: string]: any;
style?: CSSProperties | undefined;
}> | undefined;
hasLabel?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
renderLabel?: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
renderExtra?: ((column: PlusColumn) => RenderTypes) | undefined;
fieldSlots?: {
[slotName: string]: (data?: any) => RenderTypes;
} | undefined;
fieldChildrenSlot?: ((option?: OptionsRow<undefined> | undefined) => RenderTypes) | undefined;
renderErrorMessage?: ((props: PlusColumn & {
value?: FieldValueType;
error?: string | undefined;
label?: string | undefined;
}) => RenderTypes) | undefined;
}) => any>> & Partial<Record<NonNullable<string | number>, (_: {
[x: string]: any;
label?: string | ComputedRef<string> | undefined;
prop: string;
width?: string | number | undefined;
minWidth?: string | number | undefined;
editable?: boolean | undefined;
valueType?: TableValueType | FormItemValueType;
hideInDescriptions?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInForm?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInTable?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInSearch?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
descriptionsItemProps?: RecordType | undefined;
options?: OptionsType | undefined;
optionsMap?: {
label?: string | undefined;
value?: string | undefined;
} | undefined;
customGetStatus?: ((data: {
options: OptionsRow<undefined>[];
value: string | number;
row: RecordType;
}) => OptionsRow<undefined>) | undefined;
tooltip?: string | Partial< ElTooltipProps> | ComputedRef<string> | ComputedRef<Partial< ElTooltipProps>> | undefined;
render?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => RenderTypes) | undefined;
renderHTML?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => string) | undefined;
renderHeader?: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
renderDescriptionsItem?: ((data: {
value: string;
column: PlusColumn;
row: RecordType;
}) => RenderTypes) | undefined;
renderDescriptionsLabel?: ((data: {
label: string;
column: PlusColumn;
row: RecordType;
}) => RenderTypes) | undefined;
order?: number | ComputedRef<number> | undefined;
children?: PlusColumn[] | undefined;
headerFilter?: boolean | undefined;
disabledHeaderFilter?: boolean | undefined;
headerIsChecked?: boolean | undefined;
tableColumnProps?: Partial<Omit< TableColumnCtx<any>, "label " | "prop" | "width" | "minWidth"> & {
[key: string]: any;
}> | undefined;
preview?: boolean | undefined;
linkText?: string | undefined;
formatter?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => string | number) | undefined;
formProps?: Partial< PlusFormProps> | ComputedRef<Partial< PlusFormProps>> | ((value: FieldValueType, data: {
row: Record<string, any>;
index: number;
}) => Partial< PlusFormProps>) | undefined;
formItemProps?: PropsItemType< Mutable<FormItemProps> & {
[key: string]: any;
style?: CSSProperties | undefined;
}> | undefined;
fieldProps?: PropsItemType<Partial<{
[key: string]: any;
style: CSSProperties;
rows: number;
autocomplete: string;
type: "" | "number" | "default" | "search" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "time" | "image" | "line" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "range" | "dashboard" | "hidden" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
step: string | number;
format: string | ProgressFn | undefined;
filterMethod: Function | ((node: CascaderNode, keyword: string) => boolean) | undefined;
id: string | [string, string];
effect: string;
height: string | number;
autosize: InputAutoSize;
} & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>> | undefined;
renderField?: ((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | undefined;
colProps?: Partial< Mutable<ColProps> & {
[key: string]: any;
style?: CSSProperties | undefined;
}> | undefined;
hasLabel?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
renderLabel?: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
renderExtra?: ((column: PlusColumn) => RenderTypes) | undefined;
fieldSlots?: {
[slotName: string]: (data?: any) => RenderTypes;
} | undefined;
fieldChildrenSlot?: ((option?: OptionsRow<undefined> | undefined) => RenderTypes) | undefined;
renderErrorMessage?: ((props: PlusColumn & {
value?: FieldValueType;
error?: string | undefined;
label?: string | undefined;
}) => RenderTypes) | undefined;
}) => any>> & Partial<Record<NonNullable<string | number>, (_: {
[x: string]: any;
label?: string | ComputedRef<string> | undefined;
prop: string;
width?: string | number | undefined;
minWidth?: string | number | undefined;
editable?: boolean | undefined;
valueType?: TableValueType | FormItemValueType;
hideInDescriptions?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInForm?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInTable?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInSearch?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
descriptionsItemProps?: RecordType | undefined;
options?: OptionsType | undefined;
optionsMap?: {
label?: string | undefined;
value?: string | undefined;
} | undefined;
customGetStatus?: ((data: {
options: OptionsRow<undefined>[];
value: string | number;
row: RecordType;
}) => OptionsRow<undefined>) | undefined;
tooltip?: string | Partial< ElTooltipProps> | ComputedRef<string> | ComputedRef<Partial< ElTooltipProps>> | undefined;
render?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => RenderTypes) | undefined;
renderHTML?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => string) | undefined;
renderHeader?: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
renderDescriptionsItem?: ((data: {
value: string;
column: PlusColumn;
row: RecordType;
}) => RenderTypes) | undefined;
renderDescriptionsLabel?: ((data: {
label: string;
column: PlusColumn;
row: RecordType;
}) => RenderTypes) | undefined;
order?: number | ComputedRef<number> | undefined;
children?: PlusColumn[] | undefined;
headerFilter?: boolean | undefined;
disabledHeaderFilter?: boolean | undefined;
headerIsChecked?: boolean | undefined;
tableColumnProps?: Partial<Omit< TableColumnCtx<any>, "label " | "prop" | "width" | "minWidth"> & {
[key: string]: any;
}> | undefined;
preview?: boolean | undefined;
linkText?: string | undefined;
formatter?: ((value: any, data: {
row: RecordType;
column: PlusColumn;
index: number;
}) => string | number) | undefined;
formProps?: Partial< PlusFormProps> | ComputedRef<Partial< PlusFormProps>> | ((value: FieldValueType, data: {
row: Record<string, any>;
index: number;
}) => Partial< PlusFormProps>) | undefined;
formItemProps?: PropsItemType< Mutable<FormItemProps> & {
[key: string]: any;
style?: CSSProperties | undefined;
}> | undefined;
fieldProps?: PropsItemType<Partial<{
[key: string]: any;
style: CSSProperties;
rows: number;
autocomplete: string;
type: "" | "number" | "default" | "search" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "time" | "image" | "line" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "range" | "dashboard" | "hidden" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
step: string | number;
format: string | ProgressFn | undefined;
filterMethod: Function | ((node: CascaderNode, keyword: string) => boolean) | undefined;
id: string | [string, string];
effect: string;
height: string | number;
autosize: InputAutoSize;
} & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>> | undefined;
renderField?: ((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | undefined;
colProps?: Partial< Mutable<ColProps> & {
[key: string]: any;
style?: CSSProperties | undefined;
}> | undefined;
hasLabel?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
renderLabel?: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
renderExtra?: ((column: PlusColumn) => RenderTypes) | undefined;
fieldSlots?: {
[slotName: string]: (data?: any) => RenderTypes;
} | undefined;
fieldChildrenSlot?: ((option?: OptionsRow<undefined> | undefined) => RenderTypes) | undefined;
renderErrorMessage?: ((props: PlusColumn & {
value?: FieldValueType;
error?: string | undefined;
label?: string | undefined;
}) => RenderTypes) | undefined;
}) => any>> & Partial<Record<NonNullable<string | number>, (_: {
[x: string]: any;
label?: string | ComputedRef<string> | undefined;
prop: string;
width?: string | number | undefined;
minWidth?: string | number | undefined;
editable?: boolean | undefined;
valueType?: TableValueType | FormItemValueType;
hideInDescriptions?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInForm?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInTable?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
hideInSearch?: boolean | Ref<boolean> | ComputedRef<boolean> | undefined;
descriptionsItemProps?: RecordType | undefined;
options?: OptionsType | undefined;
optionsMap?: {
label?: string | undefined;
value?: string | undefined;
} | undefined;