@vtj

---

@vtj / designer / widgets

Variable: widgets

const widgets: object

Defined in: packages/designer/types/components/widgets/index.d.ts:19

Type Declaration

About

About: DefineComponent<Props, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<Props> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, false, { }, HTMLDivElement>

Actions

Actions: DefineComponent<Props, { isPreview: Ref<boolean, boolean>; preview: () => void; refresh: () => void; }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<Props> & Readonly<{ }>, { coder: boolean; onlyPublishTemplate: boolean; }, { }, { }, { }, string, ComponentProvideOptions, false, { }, any>

AI

AI: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { listRef: HTMLDivElement; panelRef: object & Readonly<{ header: boolean; menus: ActionMenuItem[]; }> & Omit<Readonly<Props> & Readonly<{ onBack?: ... | ...; onCommand?: ... | ...; onEdit?: ... | ...; onPlus?: ... | ...; onRefresh?: ... | ...; onRemove?: ... | ...; onSave?: ... | ...; }>, "panelRef" | "scrollToBottom" | "autoScrollToBottom" | "scrollToTop" | "menus" | "header"> & ShallowUnwrapRef<{ autoScrollToBottom: (diff?) => void; panelRef: Ref<any, any>; scrollToBottom: () => void; scrollToTop: () => void; }> & object & ComponentCustomProperties & object & object | null; }, any>

Apis

Apis: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Blocks

Blocks: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Components

Components: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Css

Css: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { editorRef: CreateComponentPublicInstanceWithMixins<Readonly<Props> & Readonly<{ onBlur?: (...args) => ...; onChange?: (...args) => ...; onUpdate:modelValue?: (...args) => ...; }>, { getEditor: () => editor.IStandaloneCodeEditor | null; }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { blur: (...args) => void; change: (...args) => void; update:modelValue: (...args) => void; }, PublicProps, { dark: boolean; height: string; lang: string; minimap: boolean; modelValue: string; options: editor.IEditorConstructionOptions; readonly: boolean; }, false, { }, { }, GlobalComponents, GlobalDirectives, string, { container: HTMLDivElement; }, HTMLDivElement, ComponentProvideOptions, { B: { }; C: { }; D: { }; Defaults: { }; M: { }; P: { }; }, Readonly<Props> & Readonly<{ onBlur?: (...args) => ...; onChange?: (...args) => ...; onUpdate:modelValue?: (...args) => ...; }>, { getEditor: () => editor.IStandaloneCodeEditor | null; }, { }, { }, { }, { dark: boolean; height: string; lang: string; minimap: boolean; modelValue: string; options: editor.IEditorConstructionOptions; readonly: boolean; }> | null; }, any>

DataSources

DataSources: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Defined

Defined: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Deps

Deps: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Designer

Designer: DefineComponent<{ }, { designer: ComputedRef<Designer | null>; mode: ComputedRef<any>; }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { container: HTMLDivElement; iframe: HTMLIFrameElement; viewport: object & Readonly<{ customSize: { height: number; width: number; }; mode: "pc" | "pad" | "mobile" | "custom"; }> & Omit<Readonly<Props> & Readonly<{ }>, "scale" | "mode" | "customSize"> & ShallowUnwrapRef<{ scale: ComputedRef<number>; }> & object & ComponentCustomProperties & object & object | null; }, any>

Devtools

Devtools: DefineComponent<{ }, { visible: Ref<boolean, boolean>; }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { dialogRef: object & Readonly<{ bodyPadding: boolean; closable: boolean; draggable: boolean | DraggableOptions; height: string | number; maximizable: boolean; minimizable: boolean; modal: boolean; mode: DialogMode; modelValue: boolean; primary: boolean; pure: boolean; size: BaseSize; width: string | number; }> & Omit<Readonly<ExtractPropTypes<{ beforeClose: ...; bodyPadding: ...; cancel: ...; closable: ...; componentInstance: ...; content: ...; draggable: ...; height: ...; icon: ...; left: ...; maximizable: ...; minimizable: ...; modal: ...; mode: ...; modelValue: ...; primary: ...; pure: ...; resizable: ...; size: ...; src: ...; submit: ...; subtitle: ...; title: ...; top: ...; width: ...; zIndex: ...; }>> & Readonly<{ onCancel?: ... | ...; onClose?: ... | ...; onDestroy?: ... | ...; onDragEnd?: ... | ...; onDragging?: ... | ...; onDragStart?: ... | ...; onMaximized?: ... | ...; onMinimized?: ... | ...; onModeChange?: ... | ...; onNormal?: ... | ...; onOpen?: ... | ...; onResizeEnd?: ... | ...; onResizeStart?: ... | ...; onResizing?: ... | ...; onSubmit?: ... | ...; onUpdate:modelValue?: ... | ...; }>, "size" | "primary" | "mode" | "height" | "width" | "close" | "cancel" | "modelValue" | "draggable" | "pure" | "submit" | "$vtjEl" | "modal" | "closable" | "maximizable" | "minimizable" | "componentInstance" | "bodyPadding" | "panelRef" | "state" | "maximized" | "minimized" | "changeMode" | "show" | "hide" | "iframeRef"> & ShallowUnwrapRef<{ $vtjEl: ComputedRef<any>; cancel: () => void; changeMode: (mode) => void; close: () => Promise<void>; componentInstance: { componentInstance: Record<..., ...>; } | undefined; hide: () => void; iframeRef: Ref<any, any>; maximized: ComputedRef<boolean>; minimized: ComputedRef<boolean>; panelRef: Ref<any, any>; show: () => void; state: { dragging: boolean; height: number; left: number; mode: DialogMode; resizing: boolean; top: number; width: number; wrapperHeight: number; wrapperWidth: number; zIndex: number; }; submit: () => void; }> & object & ComponentCustomProperties & object & object | null; }, any>

Directives

Directives: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Docs

Docs: DefineComponent<Props, { refresh: () => void; reload: () => void; }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<Props> & Readonly<{ }>, { url: string; }, { }, { }, { }, string, ComponentProvideOptions, false, { frame: HTMLIFrameElement; panel: object & Readonly<{ header: boolean; menus: ActionMenuItem[]; }> & Omit<Readonly<Props> & Readonly<{ onBack?: ... | ...; onCommand?: ... | ...; onEdit?: ... | ...; onPlus?: ... | ...; onRefresh?: ... | ...; onRemove?: ... | ...; onSave?: ... | ...; }>, "panelRef" | "scrollToBottom" | "autoScrollToBottom" | "scrollToTop" | "menus" | "header"> & ShallowUnwrapRef<{ autoScrollToBottom: (diff?) => void; panelRef: Ref<any, any>; scrollToBottom: () => void; scrollToTop: () => void; }> & object & ComponentCustomProperties & object & object | null; }, any>

EmptyWidget

EmptyWidget: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, HTMLDivElement>

Events

Events: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Globals

Globals: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

History

History: DefineComponent<{ }, { openAdd: () => void; }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Hotkeys

Hotkeys: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

I18n

I18n: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { gridRef: object & Readonly<{ auto: boolean; columns: GridColumns; columnSortable: boolean | Options; customable: boolean; editable: boolean; page: number; pager: boolean; pageSize: number; pageSizes: number[]; resizable: boolean; rowSortable: boolean | Options; virtual: boolean; }> & Omit<Readonly<ExtractPropTypes<{ auto: ...; avgFields: ...; cellRenders: ...; columns: ...; columnSortable: ...; customable: ...; editable: ...; editRenders: ...; filterRenders: ...; getCustom: ...; id: ...; loader: ...; page: ...; pager: ...; pageSize: ...; pageSizes: ...; resizable: ...; rowSortable: ...; saveCustom: ...; sumAllFields: ...; sumFields: ...; virtual: ...; }>> & Readonly<{ onCellSelected?: ... | ...; onColumnSort?: ... | ...; onEditChange?: ... | ...; onLoaded?: ... | ...; onRowSort?: ... | ...; }>, "search" | "auto" | "resizable" | "load" | "state" | "page" | "remove" | "$vtjDynamicSlots" | "editable" | "validate" | "columns" | "rowSortable" | "columnSortable" | "customable" | "pager" | "pageSize" | "pageSizes" | "virtual" | "vxeRef" | "insertActived" | "getSelected" | "getRows" | "setActived" | "doLayout" | "getRecords" | "setSelectCell"> & ShallowUnwrapRef<{ $vtjDynamicSlots: () => string[]; columnSortable: Ref<any[], any[]>; doLayout: () => void; getRecords: () => { insertRecords: ...; pendingRecords: ...; removeRecords: ...; updateRecords: ...; } | undefined; getRows: () => any[]; getSelected: () => any; insertActived: (record?, row?) => Promise<void>; load: (reset?) => Promise<void>; remove: (rows) => Promise<... | ...>; rowSortable: Ref<any, any>; search: (reset?) => void; setActived: (row) => Promise<... | ...>; setSelectCell: (row?, column?) => void; state: {[x: string]: any; filters?: ...[]; form?: Record<..., ...>; page?: number; pageSize?: number; sorts?: ...[]; total?: number; }; validate: () => Promise<... | ...>; vxeRef: Ref<VxeGridInstance | undefined, VxeGridInstance | undefined>; }> & object & ComponentCustomProperties & object & object | null; }, any>

Logo

Logo: DefineComponent<Props, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<Props> & Readonly<{ }>, { text: string; }, { }, { }, { }, string, ComponentProvideOptions, false, { }, any>

Market

Market: DefineComponent<{ }, { openDesigner: () => void; }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { frame: HTMLIFrameElement; panel: object & Readonly<{ header: boolean; menus: ActionMenuItem[]; }> & Omit<Readonly<Props> & Readonly<{ onBack?: ... | ...; onCommand?: ... | ...; onEdit?: ... | ...; onPlus?: ... | ...; onRefresh?: ... | ...; onRemove?: ... | ...; onSave?: ... | ...; }>, "panelRef" | "scrollToBottom" | "autoScrollToBottom" | "scrollToTop" | "menus" | "header"> & ShallowUnwrapRef<{ autoScrollToBottom: (diff?) => void; panelRef: Ref<any, any>; scrollToBottom: () => void; scrollToTop: () => void; }> & object & ComponentCustomProperties & object & object | null; }, any>

NodePath

NodePath: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Outline

Outline: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Pages

Pages: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Previewer

Previewer: DefineComponent<Props, { refresh: () => void; }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<Props> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, false, { container: HTMLDivElement; iframe: HTMLIFrameElement; }, HTMLDivElement>

ProjectConfig

ProjectConfig: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Properties

Properties: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Raw

Raw: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { editorRef: CreateComponentPublicInstanceWithMixins<Readonly<Props> & Readonly<{ onBlur?: (...args) => ...; onChange?: (...args) => ...; onUpdate:modelValue?: (...args) => ...; }>, { getEditor: () => editor.IStandaloneCodeEditor | null; }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { blur: (...args) => void; change: (...args) => void; update:modelValue: (...args) => void; }, PublicProps, { dark: boolean; height: string; lang: string; minimap: boolean; modelValue: string; options: editor.IEditorConstructionOptions; readonly: boolean; }, false, { }, { }, GlobalComponents, GlobalDirectives, string, { container: HTMLDivElement; }, HTMLDivElement, ComponentProvideOptions, { B: { }; C: { }; D: { }; Defaults: { }; M: { }; P: { }; }, Readonly<Props> & Readonly<{ onBlur?: (...args) => ...; onChange?: (...args) => ...; onUpdate:modelValue?: (...args) => ...; }>, { getEditor: () => editor.IStandaloneCodeEditor | null; }, { }, { }, { }, { dark: boolean; height: string; lang: string; minimap: boolean; modelValue: string; options: editor.IEditorConstructionOptions; readonly: boolean; }> | null; }, any>

Schema

Schema: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { editorRef: CreateComponentPublicInstanceWithMixins<Readonly<Props> & Readonly<{ onBlur?: (...args) => ...; onChange?: (...args) => ...; onUpdate:modelValue?: (...args) => ...; }>, { getEditor: () => editor.IStandaloneCodeEditor | null; }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { blur: (...args) => void; change: (...args) => void; update:modelValue: (...args) => void; }, PublicProps, { dark: boolean; height: string; lang: string; minimap: boolean; modelValue: string; options: editor.IEditorConstructionOptions; readonly: boolean; }, false, { }, { }, GlobalComponents, GlobalDirectives, string, { container: HTMLDivElement; }, HTMLDivElement, ComponentProvideOptions, { B: { }; C: { }; D: { }; Defaults: { }; M: { }; P: { }; }, Readonly<Props> & Readonly<{ onBlur?: (...args) => ...; onChange?: (...args) => ...; onUpdate:modelValue?: (...args) => ...; }>, { getEditor: () => editor.IStandaloneCodeEditor | null; }, { }, { }, { }, { dark: boolean; height: string; lang: string; minimap: boolean; modelValue: string; options: editor.IEditorConstructionOptions; readonly: boolean; }> | null; }, any>

Scripts

Scripts: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Style

Style: DefineComponent<Props, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<Props> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, false, { }, any>

Switcher

Switcher: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { click: (...args) => void; }, string, PublicProps, Readonly<{ }> & Readonly<{ onClick?: (...args) => any; }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Templates

Templates: DefineComponent<{ }, { refreshTemplates: () => void; }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Toolbar

Toolbar: DefineComponent<Props, { customSize: Ref<{ height: number; width: number; }, { height: number; width: number; } | { height: number; width: number; }>; mode: Ref<string, string>; }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<Props> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, false, { }, any>

UniConfig

UniConfig: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

UserAvatar

UserAvatar: DefineComponent<{ }, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { }, string, PublicProps, Readonly<{ }> & Readonly<{ }>, { }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>