@tmagic/editor 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/types/src/Editor.vue.d.ts

@@ -0,0 +1,136 @@
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import type { FormConfig } from '@tmagic/form';
+import type { MApp, MNode } from '@tmagic/schema';
+import type StageCore from '@tmagic/stage';
+import type { MoveableOptions } from '@tmagic/stage';
+import type { ComponentGroup, MenuBarData, Services, SideBarData, StageRect } from './type';
+declare const _default: DefineComponent<{
+    /** 页面初始值 */
+    modelValue: {
+        type: PropType<MApp>;
+        default: () => {};
+        require: boolean;
+    };
+    /** 左侧面板中的组件列表 */
+    componentGroupList: {
+        type: PropType<ComponentGroup[]>;
+        default: () => never[];
+    };
+    /** 左侧面板配置 */
+    sidebar: {
+        type: PropType<SideBarData>;
+    };
+    /** 顶部工具栏配置 */
+    menu: {
+        type: PropType<MenuBarData>;
+        default: () => {
+            left: never[];
+            right: never[];
+        };
+    };
+    /** 中间工作区域中画布渲染的内容 */
+    render: {
+        type: PropType<() => HTMLDivElement>;
+    };
+    /** 中间工作区域中画布通过iframe渲染时的页面url */
+    runtimeUrl: StringConstructor;
+    /** 组件的属性配置表单的dsl */
+    propsConfigs: {
+        type: PropType<Record<string, FormConfig>>;
+        default: () => {};
+    };
+    /** 添加组件时的默认值 */
+    propsValues: {
+        type: PropType<Record<string, MNode>>;
+        default: () => {};
+    };
+    /** 组件联动事件选项列表 */
+    eventMethodList: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /** 画布中组件选中框的移动范围 */
+    moveableOptions: {
+        type: PropType<MoveableOptions | ((core?: StageCore | undefined) => MoveableOptions)>;
+    };
+    /** 编辑器初始化时默认选中的组件ID */
+    defaultSelected: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    canSelect: {
+        type: PropType<(el: HTMLElement) => boolean | Promise<boolean>>;
+    };
+    stageRect: {
+        type: PropType<StageRect>;
+    };
+}, Services, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("props-panel-mounted" | "update:modelValue")[], "props-panel-mounted" | "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    /** 页面初始值 */
+    modelValue: {
+        type: PropType<MApp>;
+        default: () => {};
+        require: boolean;
+    };
+    /** 左侧面板中的组件列表 */
+    componentGroupList: {
+        type: PropType<ComponentGroup[]>;
+        default: () => never[];
+    };
+    /** 左侧面板配置 */
+    sidebar: {
+        type: PropType<SideBarData>;
+    };
+    /** 顶部工具栏配置 */
+    menu: {
+        type: PropType<MenuBarData>;
+        default: () => {
+            left: never[];
+            right: never[];
+        };
+    };
+    /** 中间工作区域中画布渲染的内容 */
+    render: {
+        type: PropType<() => HTMLDivElement>;
+    };
+    /** 中间工作区域中画布通过iframe渲染时的页面url */
+    runtimeUrl: StringConstructor;
+    /** 组件的属性配置表单的dsl */
+    propsConfigs: {
+        type: PropType<Record<string, FormConfig>>;
+        default: () => {};
+    };
+    /** 添加组件时的默认值 */
+    propsValues: {
+        type: PropType<Record<string, MNode>>;
+        default: () => {};
+    };
+    /** 组件联动事件选项列表 */
+    eventMethodList: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /** 画布中组件选中框的移动范围 */
+    moveableOptions: {
+        type: PropType<MoveableOptions | ((core?: StageCore | undefined) => MoveableOptions)>;
+    };
+    /** 编辑器初始化时默认选中的组件ID */
+    defaultSelected: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    canSelect: {
+        type: PropType<(el: HTMLElement) => boolean | Promise<boolean>>;
+    };
+    stageRect: {
+        type: PropType<StageRect>;
+    };
+}>> & {
+    "onProps-panel-mounted"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    componentGroupList: ComponentGroup[];
+    menu: MenuBarData;
+    modelValue: MApp;
+    propsConfigs: Record<string, FormConfig>;
+    propsValues: Record<string, MNode>;
+    eventMethodList: Record<string, any>;
+}>;
+export default _default;

package/dist/types/src/components/Icon.vue.d.ts

@@ -0,0 +1,13 @@
+import type { DefineComponent, ComputedOptions, MethodOptions, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, Component,  PropType,  toRaw } from 'vue';
+declare const _default: DefineComponent<{
+    icon: {
+        type: PropType<string | Component<any, any, any, ComputedOptions, MethodOptions>>;
+    };
+}, {
+    toRaw: typeof toRaw;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    icon: {
+        type: PropType<string | Component<any, any, any, ComputedOptions, MethodOptions>>;
+    };
+}>>, {}>;
+export default _default;

package/dist/types/src/components/ScrollViewer.vue.d.ts

@@ -0,0 +1,23 @@
+import type { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _default: DefineComponent<{
+    width: NumberConstructor;
+    height: NumberConstructor;
+    zoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    container: Ref<HTMLDivElement | undefined>;
+    el: Ref<HTMLDivElement | undefined>;
+    style: ComputedRef<string>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    width: NumberConstructor;
+    height: NumberConstructor;
+    zoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    zoom: number;
+}>;
+export default _default;

package/dist/types/src/components/ToolButton.vue.d.ts

@@ -0,0 +1,35 @@
+import type { DefineComponent, ComponentOptionsMixin, EmitsOptions, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComputedRef, ExtractPropTypes, PropType } from 'vue';
+import type { MenuButton, MenuComponent } from '../type';
+declare const _default: DefineComponent<{
+    data: {
+        type: PropType<string | MenuButton | MenuComponent>;
+        require: boolean;
+        default: () => {
+            type: string;
+            display: boolean;
+        };
+    };
+}, {
+    ZoomIn: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{}>, {}>;
+    ZoomOut: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{}>, {}>;
+    item: ComputedRef<MenuButton | MenuComponent>;
+    zoom: ComputedRef<number>;
+    disabled: ComputedRef<boolean | undefined>;
+    display: ComputedRef<boolean | Promise<boolean>>;
+    zoomInHandler: () => void | undefined;
+    zoomOutHandler: () => void | undefined;
+    dropdownHandler(command: any): void;
+    buttonHandler(item: MenuButton | MenuComponent): void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    data: {
+        type: PropType<string | MenuButton | MenuComponent>;
+        require: boolean;
+        default: () => {
+            type: string;
+            display: boolean;
+        };
+    };
+}>>, {
+    data: string | MenuButton | MenuComponent;
+}>;
+export default _default;

package/dist/types/src/fields/Code.vue.d.ts

@@ -0,0 +1,24 @@
+import type { DefineComponent, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _default: DefineComponent<Readonly<{
+    name?: any;
+    config?: any;
+    model?: any;
+    prop?: any;
+}>, {
+    height: ComputedRef<string>;
+    language: ComputedRef<any>;
+    save(v: string): void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "change"[], "change", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<Readonly<{
+    name?: any;
+    config?: any;
+    model?: any;
+    prop?: any;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    name: any;
+    config: any;
+    model: any;
+    prop: any;
+}>;
+export default _default;

package/dist/types/src/fields/CodeLink.vue.d.ts

@@ -0,0 +1,54 @@
+import type { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+interface CodeLinkConfig {
+    type: 'code-link';
+    name: string;
+    text?: string;
+    formTitle?: string;
+}
+declare const _default: DefineComponent<{
+    config: {
+        type: PropType<CodeLinkConfig>;
+    };
+    model: {
+        type: ObjectConstructor;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    prop: {
+        type: StringConstructor;
+    };
+}, {
+    modelValue: Ref<{
+        form: {
+            [x: string]: any;
+        };
+    }>;
+    formConfig: ComputedRef<{
+        text: string;
+        type: string;
+        form: {
+            name: string | undefined;
+            type: string;
+        }[];
+        name?: string | undefined;
+        formTitle?: string | undefined;
+    }>;
+    changeHandler(v: Record<string, any>): void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "change"[], "change", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    config: {
+        type: PropType<CodeLinkConfig>;
+    };
+    model: {
+        type: ObjectConstructor;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    prop: {
+        type: StringConstructor;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

package/dist/types/src/fields/UISelect.vue.d.ts

@@ -0,0 +1,32 @@
+import type { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _default: DefineComponent<{
+    labelWidth: StringConstructor;
+    config: ObjectConstructor;
+    model: ObjectConstructor;
+    prop: {
+        type: StringConstructor;
+        default(): string;
+    };
+    name: StringConstructor;
+}, {
+    val: ComputedRef<any>;
+    uiSelectMode: Ref<boolean>;
+    toName: ComputedRef<string>;
+    startSelect(): void;
+    cancelHandler: () => void;
+    deleteHandler(): void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "change"[], "change", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    labelWidth: StringConstructor;
+    config: ObjectConstructor;
+    model: ObjectConstructor;
+    prop: {
+        type: StringConstructor;
+        default(): string;
+    };
+    name: StringConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    prop: string;
+}>;
+export default _default;

package/dist/types/src/index.d.ts

@@ -0,0 +1,19 @@
+import { App } from 'vue';
+import type { InstallOptions } from './type';
+export type { MoveableOptions } from '@tmagic/stage';
+export * from './type';
+export * from './utils';
+export { default as TMagicEditor } from './Editor.vue';
+export { default as TMagicCodeEditor } from './layouts/CodeEditor.vue';
+export { default as editorService } from './services/editor';
+export { default as propsService } from './services/props';
+export { default as historyService } from './services/history';
+export { default as eventsService } from './services/events';
+export { default as uiService } from './services/ui';
+export { default as ComponentListPanel } from './layouts/sidebar/ComponentListPanel.vue';
+export { default as LayerPanel } from './layouts/sidebar/LayerPanel.vue';
+export { default as PropsPanel } from './layouts/PropsPanel.vue';
+declare const _default: {
+    install: (app: App, opt?: InstallOptions | undefined) => void;
+};
+export default _default;

package/dist/types/src/layouts/AddPageBox.vue.d.ts

@@ -0,0 +1,5 @@
+import type { DefineComponent, ComponentOptionsMixin, EmitsOptions, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _default: DefineComponent<{}, {
+    clickHandler(): void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/types/src/layouts/CodeEditor.vue.d.ts

@@ -0,0 +1,47 @@
+import type { DefineComponent, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import * as monaco from 'monaco-editor';
+declare const _default: DefineComponent<{
+    initValues: {
+        type: (StringConstructor | ObjectConstructor)[];
+    };
+    modifiedValues: {
+        type: (StringConstructor | ObjectConstructor)[];
+    };
+    type: {
+        type: StringConstructor[];
+        default: () => string;
+    };
+    language: {
+        type: StringConstructor[];
+        default: () => string;
+    };
+}, {
+    values: Ref<string>;
+    loading: Ref<boolean>;
+    codeEditor: Ref<HTMLDivElement | undefined>;
+    getEditor(): monaco.editor.IStandaloneCodeEditor | monaco.editor.IStandaloneDiffEditor | null;
+    setEditorValue: (v: string | any, m: string | any) => void | undefined;
+    focus(): void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("initd" | "save")[], "save" | "initd", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    initValues: {
+        type: (StringConstructor | ObjectConstructor)[];
+    };
+    modifiedValues: {
+        type: (StringConstructor | ObjectConstructor)[];
+    };
+    type: {
+        type: StringConstructor[];
+        default: () => string;
+    };
+    language: {
+        type: StringConstructor[];
+        default: () => string;
+    };
+}>> & {
+    onInitd?: ((...args: any[]) => any) | undefined;
+    onSave?: ((...args: any[]) => any) | undefined;
+}, {
+    type: string;
+    language: string;
+}>;
+export default _default;

package/dist/types/src/layouts/Framework.vue.d.ts

@@ -0,0 +1,11 @@
+import type { DefineComponent, ComputedRef, ComponentOptionsMixin, EmitsOptions, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import type { MApp } from '@tmagic/schema';
+import { GetColumnWidth } from '../type';
+declare const _default: DefineComponent<{}, {
+    root: ComputedRef<MApp | undefined>;
+    pageLength: ComputedRef<number>;
+    showSrc: ComputedRef<boolean | undefined>;
+    columnWidth: ComputedRef<GetColumnWidth | undefined>;
+    saveCode(value: string): void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/types/src/layouts/NavMenu.vue.d.ts

@@ -0,0 +1,24 @@
+import type { DefineComponent, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { MenuBarData } from '../type';
+declare const _default: DefineComponent<{
+    data: {
+        type: PropType<MenuBarData>;
+        default: () => {};
+    };
+    height: {
+        type: NumberConstructor;
+    };
+}, {
+    keys: ComputedRef<(keyof MenuBarData)[]>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    data: {
+        type: PropType<MenuBarData>;
+        default: () => {};
+    };
+    height: {
+        type: NumberConstructor;
+    };
+}>>, {
+    data: MenuBarData;
+}>;
+export default _default;

package/dist/types/src/layouts/PropsPanel.vue.d.ts

@@ -0,0 +1,13 @@
+import type { DefineComponent, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _default: DefineComponent<{}, {
+    values: Ref<{
+        [x: string]: any;
+        [x: number]: any;
+    }>;
+    configForm: Ref<any>;
+    curFormConfig: any;
+    submit(): Promise<void>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "mounted"[], "mounted", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>> & {
+    onMounted?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

package/dist/types/src/layouts/Resizer.vue.d.ts

@@ -0,0 +1,13 @@
+import type { DefineComponent, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _default: DefineComponent<{
+    type: {
+        type: StringConstructor;
+    };
+}, {
+    target: Ref<HTMLSpanElement | undefined>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+    };
+}>>, {}>;
+export default _default;

package/dist/types/src/layouts/sidebar/ComponentListPanel.vue.d.ts

@@ -0,0 +1,12 @@
+import type { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, EmitsOptions, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import type { ComponentItem } from '../../type';
+declare const _default: DefineComponent<{}, {
+    searchText: Ref<string>;
+    collapseValue: ComputedRef<number[]>;
+    list: ComputedRef<{
+        items: ComponentItem[];
+        title: string;
+    }[] | undefined>;
+    appendComponent({ text, type, ...config }: ComponentItem): void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/types/src/layouts/sidebar/LayerMenu.vue.d.ts

@@ -0,0 +1,31 @@
+import type { MNode } from '@tmagic/schema';
+import type { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import type { ComponentGroup } from '../../type';
+declare const _default: DefineComponent<{
+    componentGroupList: {
+        type: PropType<ComponentGroup[]>;
+        default: () => never[];
+    };
+}, {
+    subVisible: Ref<boolean>;
+    node: ComputedRef<MNode | undefined>;
+    menu: ComputedRef<{
+        app: {
+            type: string;
+            text: string;
+        }[];
+        component: ComponentGroup[];
+    }>;
+    append(config: any): void;
+    remove(): void;
+    copy(node: any): void;
+    setSubVisiable(v: any): void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    componentGroupList: {
+        type: PropType<ComponentGroup[]>;
+        default: () => never[];
+    };
+}>>, {
+    componentGroupList: ComponentGroup[];
+}>;
+export default _default;