@vtj/designer
Version:
VTJ 是一款基于 Vue3 + Typescript 的低代码页面可视化设计器。内置低代码引擎、渲染器和代码生成器,面向前端开发者,开箱即用。 无缝嵌入本地开发工程,不改变前端开发流程和编码习惯。
270 lines (269 loc) • 13.4 kB
TypeScript
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, GlobalComponents, GlobalDirectives } from 'vue';
import { Props } from './expression';
import { Props } from './select';
import { Props } from './number';
import { Props } from './icon';
import { Props } from './json';
import { Props } from '../editor/Editor';
import { Props } from './function';
import { JSFunction } from '@vtj/core';
import { Props } from './radio';
import { Props } from './tag';
import { Props } from './size';
import { Props } from './image';
import { Props } from './section';
import { Props } from './slider';
import { Props } from './file';
import { Props } from './vanIcon/index';
import { Props } from './css';
export declare const setters: {
StringSetter: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
BooleanSetter: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
ExpressionSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
change: (...args: any[]) => void;
}, string, PublicProps, Readonly< Props> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
SelectSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< Props> & Readonly<{}>, {
options: {
label: string;
value: any;
}[];
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
NumberSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
change: (...args: any[]) => void;
}, string, PublicProps, Readonly< Props> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
ColorSetter: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
IconSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
change: (...args: any[]) => void;
}, string, PublicProps, Readonly< Props> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
}>, {
size: "small" | "large" | "default" | "";
modelValue: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
JsonSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
change: (...args: any[]) => void;
}, string, PublicProps, Readonly< Props> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
}>, {
type: "Array" | "Object" | "JSON";
modelValue: any;
}, {}, {}, {}, string, ComponentProvideOptions, false, {
codeEditor: CreateComponentPublicInstanceWithMixins<Readonly< Props> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
}>, {
getEditor: () => import("monaco-editor").editor.IStandaloneCodeEditor | null;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
blur: (...args: any[]) => void;
change: (...args: any[]) => void;
}, PublicProps, {
height: string;
modelValue: string;
dark: boolean;
readonly: boolean;
options: import("monaco-editor").editor.IEditorConstructionOptions;
lang: string;
minimap: boolean;
}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
container: HTMLDivElement;
}, HTMLDivElement, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly< Props> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
}>, {
getEditor: () => import("monaco-editor").editor.IStandaloneCodeEditor | null;
}, {}, {}, {}, {
height: string;
modelValue: string;
dark: boolean;
readonly: boolean;
options: import("monaco-editor").editor.IEditorConstructionOptions;
lang: string;
minimap: boolean;
}> | null;
}, HTMLDivElement>;
FunctionSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
change: (...args: any[]) => void;
}, string, PublicProps, Readonly< Props> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
}>, {
modelValue: JSFunction;
defaultCode: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {
codeEditor: CreateComponentPublicInstanceWithMixins<Readonly< Props> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
}>, {
getEditor: () => import("monaco-editor").editor.IStandaloneCodeEditor | null;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
blur: (...args: any[]) => void;
change: (...args: any[]) => void;
}, PublicProps, {
height: string;
modelValue: string;
dark: boolean;
readonly: boolean;
options: import("monaco-editor").editor.IEditorConstructionOptions;
lang: string;
minimap: boolean;
}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
container: HTMLDivElement;
}, HTMLDivElement, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly< Props> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
}>, {
getEditor: () => import("monaco-editor").editor.IStandaloneCodeEditor | null;
}, {}, {}, {}, {
height: string;
modelValue: string;
dark: boolean;
readonly: boolean;
options: import("monaco-editor").editor.IEditorConstructionOptions;
lang: string;
minimap: boolean;
}> | null;
}, HTMLDivElement>;
RadioSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< Props> & Readonly<{}>, {
options: {
label: string;
value: any;
svg?: string;
}[];
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
TagSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
change: (...args: any[]) => void;
}, string, PublicProps, Readonly< Props> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
}>, {
options: {
label: string;
value: any;
svg?: string;
}[];
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
SizeSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
change: (...args: any[]) => void;
}, string, PublicProps, Readonly< Props> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
ImageSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
change: (...args: any[]) => void;
}, string, PublicProps, Readonly< Props> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
}>, {
limit: number;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
SectionSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
change: (...args: any[]) => void;
}, string, PublicProps, Readonly< Props> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
}>, {
sections: number;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
SliderSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
change: (...args: any[]) => void;
}, string, PublicProps, Readonly< Props> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
}>, {
modelValue: number | number[];
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
FileSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
change: (...args: any[]) => void;
}, string, PublicProps, Readonly< Props> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
VanIconSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
change: (...args: any[]) => void;
}, string, PublicProps, Readonly< Props> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
}>, {
size: "small" | "large" | "default" | "";
modelValue: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
CssSetter: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
change: (...args: any[]) => void;
}, string, PublicProps, Readonly< Props> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
}>, {
type: "CSS";
modelValue: any;
}, {}, {}, {}, string, ComponentProvideOptions, false, {
codeEditor: CreateComponentPublicInstanceWithMixins<Readonly< Props> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
}>, {
getEditor: () => import("monaco-editor").editor.IStandaloneCodeEditor | null;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
blur: (...args: any[]) => void;
change: (...args: any[]) => void;
}, PublicProps, {
height: string;
modelValue: string;
dark: boolean;
readonly: boolean;
options: import("monaco-editor").editor.IEditorConstructionOptions;
lang: string;
minimap: boolean;
}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
container: HTMLDivElement;
}, HTMLDivElement, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly< Props> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
}>, {
getEditor: () => import("monaco-editor").editor.IStandaloneCodeEditor | null;
}, {}, {}, {}, {
height: string;
modelValue: string;
dark: boolean;
readonly: boolean;
options: import("monaco-editor").editor.IEditorConstructionOptions;
lang: string;
minimap: boolean;
}> | null;
}, HTMLDivElement>;
};