v-form-engine/dist/form-engine.vue.d.ts

一个基于 vue + element-ui 的 PC 端表单引擎。支持灵活的配置项、编辑/查看两种视图、自定义模板/插槽、溢出隐藏、双击复制等...

import { Vue } from 'vue-property-decorator';
import { Form, Row, Col } from 'element-ui';
import { ValidateCallback, ValidateFieldCallback } from 'element-ui/types/form.d';
export declare type Rule = {
    [key: string]: any;
};
export declare type FormData = {
    [key: string]: any;
};
export declare type Item = {
    type: string;
    label: string;
    prop: string;
    span: number;
    rules: Rule | Rule[];
    slot: boolean;
    formSlot: boolean;
    placeholder: string;
    clearable: boolean;
    readonly: boolean;
    disabled: boolean;
    row: boolean;
    linefeed: boolean;
    required: boolean;
    requiredErrMsg: string;
    isHideEditPlaceholder: boolean;
    options: {
        label?: string;
        value: string | number;
        disabled?: boolean;
    }[];
    colProps: Col;
    formItemProps: Record<string, () => void>;
    formItemOn: Record<string, () => void>;
    componentProps: Record<string, any>;
    componentOn: Record<string, () => void>;
};
export declare type RowProps = Row;
export declare type ColProps = Col;
export default class FormEngine extends Vue {
    items: Item[];
    span: number;
    isHideEditPlaceholder: boolean;
    rules: Rule;
    formData: FormData;
    rowProps: RowProps;
    colProps: ColProps;
    disabled: boolean;
    clearable: boolean;
    readonly: boolean;
    watchItems(): void;
    watchRules(): void;
    watchFormData(): void;
    newFormData: FormData;
    newRules: Rule;
    newItems: Item[];
    $refs: {
        form: Form;
    };
    isChangeValidateRule: boolean;
    getAttrValue(dataSource: any, key: string, defalutValue: any): any;
    getComponentName(type: string): string;
    getPlaceholder(item: Item): any;
    getLinefeedSpan(idx: number): number;
    init(): void;
    handleFormData(isInit?: boolean): void;
    handleRules(isInit?: boolean): void;
    created(): void;
    clearValidate(props?: string[] | string): void;
    resetFields(): void;
    validateField(props: string[] | string, cb?: ValidateFieldCallback): void;
    validate(cb?: ValidateCallback): Promise<FormData>;
}