@vtj/designer
Version:
VTJ 是一款基于 Vue3 + Typescript 的低代码页面可视化设计器。内置低代码引擎、渲染器和代码生成器,面向前端开发者,开箱即用。 无缝嵌入本地开发工程,不改变前端开发流程和编码习惯。
100 lines (99 loc) • 3.44 kB
TypeScript
import { RegionType } from '../framework';
import { RegionWrapperInstance } from './region';
import { WidgetWrapperInstance } from './widget';
import { DefineComponent, Ref, ShallowReactive, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions } from 'vue';
import { Engine, Widget } from '..';
export declare const SkeletonWrapper: DefineComponent<{}, {
skeletonRef: Ref<any, any>;
engine: ShallowReactive<Engine>;
widgets: Ref<Record<string, CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
region: {
type: PropType<RegionType>;
required: true;
};
widget: {
type: PropType<Widget>;
required: true;
};
}>> & Readonly<{}>, {
widgetRef: Ref<any, any>;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly< ExtractPropTypes<{
region: {
type: PropType<RegionType>;
required: true;
};
widget: {
type: PropType<Widget>;
required: true;
};
}>> & Readonly<{}>, {
widgetRef: Ref<any, any>;
}, {}, {}, {}, {}>>, Record<string, CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
region: {
type: PropType<RegionType>;
required: true;
};
widget: {
type: PropType<Widget>;
required: true;
};
}>> & Readonly<{}>, {
widgetRef: Ref<any, any>;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly< ExtractPropTypes<{
region: {
type: PropType<RegionType>;
required: true;
};
widget: {
type: PropType<Widget>;
required: true;
};
}>> & Readonly<{}>, {
widgetRef: Ref<any, any>;
}, {}, {}, {}, {}>>>;
}, {}, {}, {
/**
* 获取区域wrapper组件实例
* @param region
* @returns
*/
getRegion(region: keyof typeof RegionType): RegionWrapperInstance;
/**
* 切换应用区域折叠或展开
*/
toggleCollapse(value?: boolean): void;
/**
* 控制设置区域隐藏或显示
* @param val
*/
settable(val: boolean): void;
/**
* 获取区域内的 widget wrapper 实例数组
* @param region
* @returns
*/
getWidgets(region: keyof typeof RegionType): WidgetWrapperInstance[];
/**
* 根据widget 名称获取 widget wrapper 实例
* @param name
* @returns
*/
getWidget(name: string): WidgetWrapperInstance | undefined;
openPreview(_id: string): void;
closePreview(): void;
}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
export type SkeletonWrapperInstance = InstanceType<typeof SkeletonWrapper>;