epic-designer-dev
Version:
基于vue3的设计器,可视化开发页面表单。在epic-designer的基础上新增了字典选择器
393 lines (392 loc) • 18.4 kB
TypeScript
import { ComponentConfigModel, ComponentConfigModelRecords, Components, ComponentSchemaGroups, ComponentType, PublicMethodModel, PublicMethodsModel } from '../../../types/src/index';
export declare function usePluginManager(): {
addBaseComponentTypes: (baseComponentType: string) => void;
addPublicMethod: (publicMethod: PublicMethodModel) => void;
baseComponentTypes: string[];
clearComponentGroupNameMap: () => void;
clearSortedGroups: () => void;
component: (componentType: string, component: ComponentType) => void;
componentConfigs: ComponentConfigModelRecords;
componentGroupNameMap: Record<string, string>;
components: Components;
componentSchemaGroups: import('vue').Ref<{
list: {
[x: string]: any;
children?: /*elided*/ any[] | undefined;
componentProps?: any;
describe?: string | undefined;
editData?: object | undefined;
field?: string | undefined;
id?: string | undefined;
input?: boolean | undefined;
label?: string | undefined;
noFormItem?: boolean | undefined;
on?: {
[eventName: string]: import('epic-designer').ActionsModel[];
} | undefined;
rules?: {
[x: string]: any;
trigger?: string | string[] | undefined;
enum?: Array<boolean | null | number | string | undefined> | undefined;
isValidator?: boolean | undefined;
len?: number | undefined;
max?: number | undefined;
message?: ((a?: string) => string) | string | undefined;
min?: number | undefined;
pattern?: (RegExp | string) | undefined;
required?: boolean | undefined;
type?: string | undefined;
validator?: string | undefined;
whitespace?: boolean | undefined;
}[] | undefined;
show?: ((renderCallbackParams: import('../../../types/src/index').RenderCallbackParams) => boolean) | boolean | undefined;
slotName?: string | undefined;
slots?: {
[slotName: string]: import('../../../types/src/index').ComponentSchema[];
} | undefined;
type: string;
}[];
title: string;
}[], ComponentSchemaGroups | {
list: {
[x: string]: any;
children?: /*elided*/ any[] | undefined;
componentProps?: any;
describe?: string | undefined;
editData?: object | undefined;
field?: string | undefined;
id?: string | undefined;
input?: boolean | undefined;
label?: string | undefined;
noFormItem?: boolean | undefined;
on?: {
[eventName: string]: import('epic-designer').ActionsModel[];
} | undefined;
rules?: {
[x: string]: any;
trigger?: string | string[] | undefined;
enum?: Array<boolean | null | number | string | undefined> | undefined;
isValidator?: boolean | undefined;
len?: number | undefined;
max?: number | undefined;
message?: ((a?: string) => string) | string | undefined;
min?: number | undefined;
pattern?: (RegExp | string) | undefined;
required?: boolean | undefined;
type?: string | undefined;
validator?: string | undefined;
whitespace?: boolean | undefined;
}[] | undefined;
show?: ((renderCallbackParams: import('../../../types/src/index').RenderCallbackParams) => boolean) | boolean | undefined;
slotName?: string | undefined;
slots?: {
[slotName: string]: import('../../../types/src/index').ComponentSchema[];
} | undefined;
type: string;
}[];
title: string;
}[]>;
formSchema: import('../../../types/src/index').ComponentSchema[];
getActivitybars: import('vue').ComputedRef<import('../../../types/src/index').ActivitybarModel[]>;
getComponent: (type: string) => ComponentType;
getComponentConfingByType: (type: string) => ComponentConfigModel;
getComponentConfings: () => ComponentConfigModelRecords;
getComponents: () => Components;
getComponentSchemaGroups: () => import('vue').Ref<{
list: {
[x: string]: any;
children?: /*elided*/ any[] | undefined;
componentProps?: any;
describe?: string | undefined;
editData?: object | undefined;
field?: string | undefined;
id?: string | undefined;
input?: boolean | undefined;
label?: string | undefined;
noFormItem?: boolean | undefined;
on?: {
[eventName: string]: import('epic-designer').ActionsModel[];
} | undefined;
rules?: {
[x: string]: any;
trigger?: string | string[] | undefined;
enum?: Array<boolean | null | number | string | undefined> | undefined;
isValidator?: boolean | undefined;
len?: number | undefined;
max?: number | undefined;
message?: ((a?: string) => string) | string | undefined;
min?: number | undefined;
pattern?: (RegExp | string) | undefined;
required?: boolean | undefined;
type?: string | undefined;
validator?: string | undefined;
whitespace?: boolean | undefined;
}[] | undefined;
show?: ((renderCallbackParams: import('../../../types/src/index').RenderCallbackParams) => boolean) | boolean | undefined;
slotName?: string | undefined;
slots?: {
[slotName: string]: import('../../../types/src/index').ComponentSchema[];
} | undefined;
type: string;
}[];
title: string;
}[], ComponentSchemaGroups | {
list: {
[x: string]: any;
children?: /*elided*/ any[] | undefined;
componentProps?: any;
describe?: string | undefined;
editData?: object | undefined;
field?: string | undefined;
id?: string | undefined;
input?: boolean | undefined;
label?: string | undefined;
noFormItem?: boolean | undefined;
on?: {
[eventName: string]: import('epic-designer').ActionsModel[];
} | undefined;
rules?: {
[x: string]: any;
trigger?: string | string[] | undefined;
enum?: Array<boolean | null | number | string | undefined> | undefined;
isValidator?: boolean | undefined;
len?: number | undefined;
max?: number | undefined;
message?: ((a?: string) => string) | string | undefined;
min?: number | undefined;
pattern?: (RegExp | string) | undefined;
required?: boolean | undefined;
type?: string | undefined;
validator?: string | undefined;
whitespace?: boolean | undefined;
}[] | undefined;
show?: ((renderCallbackParams: import('../../../types/src/index').RenderCallbackParams) => boolean) | boolean | undefined;
slotName?: string | undefined;
slots?: {
[slotName: string]: import('../../../types/src/index').ComponentSchema[];
} | undefined;
type: string;
}[];
title: string;
}[]>;
getRightSidebars: import('vue').ComputedRef<import('../../../types/src/index').RightSidebarModel[]>;
hiddenComponents: string[];
hideActivitybar: (title: string) => void;
hideComponent: (type: string) => void;
hideRightSidebar: (value: string) => void;
initialized: import('vue').Ref<boolean, boolean>;
publicMethods: PublicMethodsModel;
registerActivitybar: (activitybar: import('../../../types/src/index').ActivitybarModel) => void;
registerComponent: (componentConfig: ComponentConfigModel) => void;
registerRightSidebar: (rightSidebar: import('../../../types/src/index').RightSidebarModel) => void;
removeBaseComponents: () => void;
removeComponent: (componentType: string) => void;
removePublicMethod: (methodName: string) => void;
setBaseComponentTypes: (baseTypes: string[]) => void;
setComponentGroupNameMap: (groupName: string, mapName: string) => void;
setFormSchema: (schema: import('../../../types/src/index').ComponentSchema[]) => void;
setHideComponents: (types: string[]) => void;
setInitialized: (value: boolean) => void;
setSortedGroups: (groups: string[]) => void;
showActivitybar: (title: string) => void;
showComponent: (type: string) => void;
showRightSidebar: (title: string) => void;
sortedGroups: string[];
viewsContainers: import('../../../types/src/index').ViewsContainersModel;
};
export declare const pluginManager: {
addBaseComponentTypes: (baseComponentType: string) => void;
addPublicMethod: (publicMethod: PublicMethodModel) => void;
baseComponentTypes: string[];
clearComponentGroupNameMap: () => void;
clearSortedGroups: () => void;
component: (componentType: string, component: ComponentType) => void;
componentConfigs: ComponentConfigModelRecords;
componentGroupNameMap: Record<string, string>;
components: Components;
componentSchemaGroups: import('vue').Ref<{
list: {
[x: string]: any;
children?: /*elided*/ any[] | undefined;
componentProps?: any;
describe?: string | undefined;
editData?: object | undefined;
field?: string | undefined;
id?: string | undefined;
input?: boolean | undefined;
label?: string | undefined;
noFormItem?: boolean | undefined;
on?: {
[eventName: string]: import('epic-designer').ActionsModel[];
} | undefined;
rules?: {
[x: string]: any;
trigger?: string | string[] | undefined;
enum?: Array<boolean | null | number | string | undefined> | undefined;
isValidator?: boolean | undefined;
len?: number | undefined;
max?: number | undefined;
message?: ((a?: string) => string) | string | undefined;
min?: number | undefined;
pattern?: (RegExp | string) | undefined;
required?: boolean | undefined;
type?: string | undefined;
validator?: string | undefined;
whitespace?: boolean | undefined;
}[] | undefined;
show?: ((renderCallbackParams: import('../../../types/src/index').RenderCallbackParams) => boolean) | boolean | undefined;
slotName?: string | undefined;
slots?: {
[slotName: string]: import('../../../types/src/index').ComponentSchema[];
} | undefined;
type: string;
}[];
title: string;
}[], ComponentSchemaGroups | {
list: {
[x: string]: any;
children?: /*elided*/ any[] | undefined;
componentProps?: any;
describe?: string | undefined;
editData?: object | undefined;
field?: string | undefined;
id?: string | undefined;
input?: boolean | undefined;
label?: string | undefined;
noFormItem?: boolean | undefined;
on?: {
[eventName: string]: import('epic-designer').ActionsModel[];
} | undefined;
rules?: {
[x: string]: any;
trigger?: string | string[] | undefined;
enum?: Array<boolean | null | number | string | undefined> | undefined;
isValidator?: boolean | undefined;
len?: number | undefined;
max?: number | undefined;
message?: ((a?: string) => string) | string | undefined;
min?: number | undefined;
pattern?: (RegExp | string) | undefined;
required?: boolean | undefined;
type?: string | undefined;
validator?: string | undefined;
whitespace?: boolean | undefined;
}[] | undefined;
show?: ((renderCallbackParams: import('../../../types/src/index').RenderCallbackParams) => boolean) | boolean | undefined;
slotName?: string | undefined;
slots?: {
[slotName: string]: import('../../../types/src/index').ComponentSchema[];
} | undefined;
type: string;
}[];
title: string;
}[]>;
formSchema: import('../../../types/src/index').ComponentSchema[];
getActivitybars: import('vue').ComputedRef<import('../../../types/src/index').ActivitybarModel[]>;
getComponent: (type: string) => ComponentType;
getComponentConfingByType: (type: string) => ComponentConfigModel;
getComponentConfings: () => ComponentConfigModelRecords;
getComponents: () => Components;
getComponentSchemaGroups: () => import('vue').Ref<{
list: {
[x: string]: any;
children?: /*elided*/ any[] | undefined;
componentProps?: any;
describe?: string | undefined;
editData?: object | undefined;
field?: string | undefined;
id?: string | undefined;
input?: boolean | undefined;
label?: string | undefined;
noFormItem?: boolean | undefined;
on?: {
[eventName: string]: import('epic-designer').ActionsModel[];
} | undefined;
rules?: {
[x: string]: any;
trigger?: string | string[] | undefined;
enum?: Array<boolean | null | number | string | undefined> | undefined;
isValidator?: boolean | undefined;
len?: number | undefined;
max?: number | undefined;
message?: ((a?: string) => string) | string | undefined;
min?: number | undefined;
pattern?: (RegExp | string) | undefined;
required?: boolean | undefined;
type?: string | undefined;
validator?: string | undefined;
whitespace?: boolean | undefined;
}[] | undefined;
show?: ((renderCallbackParams: import('../../../types/src/index').RenderCallbackParams) => boolean) | boolean | undefined;
slotName?: string | undefined;
slots?: {
[slotName: string]: import('../../../types/src/index').ComponentSchema[];
} | undefined;
type: string;
}[];
title: string;
}[], ComponentSchemaGroups | {
list: {
[x: string]: any;
children?: /*elided*/ any[] | undefined;
componentProps?: any;
describe?: string | undefined;
editData?: object | undefined;
field?: string | undefined;
id?: string | undefined;
input?: boolean | undefined;
label?: string | undefined;
noFormItem?: boolean | undefined;
on?: {
[eventName: string]: import('epic-designer').ActionsModel[];
} | undefined;
rules?: {
[x: string]: any;
trigger?: string | string[] | undefined;
enum?: Array<boolean | null | number | string | undefined> | undefined;
isValidator?: boolean | undefined;
len?: number | undefined;
max?: number | undefined;
message?: ((a?: string) => string) | string | undefined;
min?: number | undefined;
pattern?: (RegExp | string) | undefined;
required?: boolean | undefined;
type?: string | undefined;
validator?: string | undefined;
whitespace?: boolean | undefined;
}[] | undefined;
show?: ((renderCallbackParams: import('../../../types/src/index').RenderCallbackParams) => boolean) | boolean | undefined;
slotName?: string | undefined;
slots?: {
[slotName: string]: import('../../../types/src/index').ComponentSchema[];
} | undefined;
type: string;
}[];
title: string;
}[]>;
getRightSidebars: import('vue').ComputedRef<import('../../../types/src/index').RightSidebarModel[]>;
hiddenComponents: string[];
hideActivitybar: (title: string) => void;
hideComponent: (type: string) => void;
hideRightSidebar: (value: string) => void;
initialized: import('vue').Ref<boolean, boolean>;
publicMethods: PublicMethodsModel;
registerActivitybar: (activitybar: import('../../../types/src/index').ActivitybarModel) => void;
registerComponent: (componentConfig: ComponentConfigModel) => void;
registerRightSidebar: (rightSidebar: import('../../../types/src/index').RightSidebarModel) => void;
removeBaseComponents: () => void;
removeComponent: (componentType: string) => void;
removePublicMethod: (methodName: string) => void;
setBaseComponentTypes: (baseTypes: string[]) => void;
setComponentGroupNameMap: (groupName: string, mapName: string) => void;
setFormSchema: (schema: import('../../../types/src/index').ComponentSchema[]) => void;
setHideComponents: (types: string[]) => void;
setInitialized: (value: boolean) => void;
setSortedGroups: (groups: string[]) => void;
showActivitybar: (title: string) => void;
showComponent: (type: string) => void;
showRightSidebar: (title: string) => void;
sortedGroups: string[];
viewsContainers: import('../../../types/src/index').ViewsContainersModel;
};
export type PluginManager = ReturnType<typeof usePluginManager>;