gepic
Version:
基于vue3的设计器,可视化开发页面表单
72 lines (71 loc) • 3.94 kB
TypeScript
import { FormDataModel } from '../../../types/epic-designer';
export declare function useBuilder(): {
ready: import('vue').Ref<boolean, boolean>;
pageManager: {
componentInstances: import('vue').Ref<Record<string, import('vue').ComponentPublicInstance>, Record<string, import('vue').ComponentPublicInstance>>;
funcs: import('vue').Ref<Record<string, any>, Record<string, any>>;
isDesignMode: import('vue').Ref<boolean, boolean>;
defaultComponentIds: import('vue').Ref<string[], string[]>;
pageSchema: {
schemas: {
[x: string]: any;
id?: string | undefined;
type: string;
label?: string | undefined;
field?: string | undefined;
componentProps?: any;
slotName?: string | undefined;
rules?: {
[x: string]: any;
trigger?: string | string[] | undefined;
required?: boolean | undefined;
type?: string | undefined;
pattern?: (RegExp | string) | undefined;
min?: number | undefined;
max?: number | undefined;
len?: number | undefined;
enum?: Array<string | number | boolean | null | undefined> | undefined;
whitespace?: boolean | undefined;
validator?: string | undefined;
isValidator?: boolean | undefined;
message?: string | ((a?: string) => string) | undefined;
}[] | undefined;
noFormItem?: boolean | undefined;
input?: boolean | undefined;
children?: /*elided*/ any[] | undefined;
slots?: {
[slotName: string]: import('../../../types/epic-designer').ComponentSchema[];
} | undefined;
show?: boolean | ((renderCallbackParams: import('../../../types/epic-designer').RenderCallbackParams) => boolean) | undefined;
editData?: any;
}[];
canvas?: {
width?: string | undefined;
height?: string | undefined;
mode?: string | undefined;
} | undefined;
script?: string | undefined;
};
setPageSchema: (schema: import('../../../types/epic-designer').PageSchema) => void;
forms: {};
addFormData: (formData: Record<string, any>, formName?: string) => void;
setFormData: (formData: Record<string, any>, formName?: string) => void;
getComponentInstance: (queryValue: string, queryField?: string) => import('vue').ComponentPublicInstance | null;
find: (queryValue: string, queryField?: string) => import('vue').ComponentPublicInstance | null;
findAll: (queryValue: string, queryField?: string) => import('vue').ComponentPublicInstance[];
addComponentInstance: (id: string, instance: import('vue').ComponentPublicInstance) => void;
removeComponentInstance: (id: string) => void;
setMethods: (scriptStr: string, outputError?: boolean) => void;
doActions: (actions: import('@epic-designer/utils').ActionsModel[], ...args: any) => void;
setDesignMode: (isDesign?: boolean) => void;
setDefaultComponentIds: (schemas: import('../../../types/epic-designer').ComponentSchema[]) => void;
};
forms: import('vue').Ref<any, any>;
getData: (formName?: string) => Promise<FormDataModel>;
setData: (data: FormDataModel, formName?: string) => void;
validate: (formName?: string) => Promise<FormDataModel>;
getForms: () => Promise<Record<string, FormDataModel>>;
setForms: (data: Record<string, FormDataModel>) => void;
validateAll: () => Promise<Record<string, FormDataModel>>;
getFormInstance: (formName?: string) => Promise<any>;
};