gepic
Version:
基于vue3的设计器,可视化开发页面表单
173 lines (172 loc) • 10.2 kB
TypeScript
import { PageSchema } from '../../../../../types/epic-designer';
type __VLS_Props = {
hideConfirm?: boolean;
width?: string;
};
declare function handleOpen(): void;
declare const _default: import('vue').DefineComponent<__VLS_Props, {
handleOpen: typeof handleOpen;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
width: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
kb: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
pageSchema: PageSchema;
formData?: import('../../../../../types/epic-designer').FormDataModel;
disabled?: boolean;
}> & Readonly<{
onReady?: ((...args: unknown[] & []) => any) | undefined;
}>, {
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: 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;
};
getData: (formName?: string) => Promise<import('../../../../../types/epic-designer').FormDataModel>;
setData: (data: import('../../../../../types/epic-designer').FormDataModel, formName?: string) => void;
validate: (formName?: string) => Promise<import('../../../../../types/epic-designer').FormDataModel>;
getForms: () => Promise<Record<string, import('../../../../../types/epic-designer').FormDataModel>>;
setForms: (data: Record<string, import('../../../../../types/epic-designer').FormDataModel>) => void;
validateAll: () => Promise<Record<string, import('../../../../../types/epic-designer').FormDataModel>>;
getFormInstance: (formName?: string) => Promise<any>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
ready: ((...args: unknown[]) => any) | (() => any);
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
pageSchema: PageSchema;
formData?: import('../../../../../types/epic-designer').FormDataModel;
disabled?: boolean;
}> & Readonly<{
onReady?: ((...args: unknown[] & []) => any) | undefined;
}>, {
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: 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;
};
getData: (formName?: string) => Promise<import('../../../../../types/epic-designer').FormDataModel>;
setData: (data: import('../../../../../types/epic-designer').FormDataModel, formName?: string) => void;
validate: (formName?: string) => Promise<import('../../../../../types/epic-designer').FormDataModel>;
getForms: () => Promise<Record<string, import('../../../../../types/epic-designer').FormDataModel>>;
setForms: (data: Record<string, import('../../../../../types/epic-designer').FormDataModel>) => void;
validateAll: () => Promise<Record<string, import('../../../../../types/epic-designer').FormDataModel>>;
getFormInstance: (formName?: string) => Promise<any>;
}, {}, {}, {}, {}> | null;
monacoEditorRef: unknown;
}, any>;
export default _default;