@tmagic/editor 1.3.0-beta.1 → 1.3.0-beta.3

package/types/editorProps.d.ts

@@ -1,127 +1,81 @@
-import type { PropType } from 'vue';
 import type { EventOption } from '@tmagic/core';
 import type { FormConfig, FormState } from '@tmagic/form';
-import type { DataSourceSchema, MApp, MNode } from '@tmagic/schema';
+import type { DataSourceSchema, Id, MApp, MNode } from '@tmagic/schema';
 import StageCore, { ContainerHighlightType, CustomizeMoveableOptionsCallbackConfig, MoveableOptions, UpdateDragEl } from '@tmagic/stage';
 import type { ComponentGroup, DatasourceTypeOption, MenuBarData, MenuButton, MenuComponent, SideBarData, StageRect } from './type';
-declare const _default: {
+export interface EditorProps {
     /** 页面初始值 */
-    modelValue: {
-        type: PropType<MApp>;
-        default: () => {};
-        require: boolean;
-    };
-    /** 左侧面板中的组件列表 */
-    componentGroupList: {
-        type: PropType<ComponentGroup[]>;
-        default: () => never[];
-    };
-    /** 左侧面板中的组件列表 */
-    datasourceList: {
-        type: PropType<DatasourceTypeOption[]>;
-        default: () => never[];
-    };
+    modelValue?: MApp;
+    /** 左侧面板中的组件类型列表 */
+    componentGroupList?: ComponentGroup[];
+    /** 左侧面板中的数据源类型列表 */
+    datasourceList?: DatasourceTypeOption[];
     /** 左侧面板配置 */
-    sidebar: {
-        type: PropType<SideBarData>;
-    };
+    sidebar?: SideBarData;
     /** 顶部工具栏配置 */
-    menu: {
-        type: PropType<MenuBarData>;
-        default: () => {
-            left: never[];
-            right: never[];
-        };
-    };
+    menu?: MenuBarData;
     /** 组件树右键菜单 */
-    layerContentMenu: {
-        type: PropType<(MenuButton | MenuComponent)[]>;
-        default: () => never[];
-    };
+    layerContentMenu?: (MenuButton | MenuComponent)[];
     /** 画布右键菜单 */
-    stageContentMenu: {
-        type: PropType<(MenuButton | MenuComponent)[]>;
-        default: () => never[];
-    };
+    stageContentMenu?: (MenuButton | MenuComponent)[];
     /** 中间工作区域中画布渲染的内容 */
-    render: {
-        type: PropType<(stage: StageCore) => HTMLDivElement | Promise<HTMLDivElement>>;
-    };
+    render?: (stage: StageCore) => HTMLDivElement | Promise<HTMLDivElement>;
     /** 中间工作区域中画布通过iframe渲染时的页面url */
-    runtimeUrl: StringConstructor;
+    runtimeUrl?: string;
     /** 选中时是否自动滚动到可视区域 */
-    autoScrollIntoView: BooleanConstructor;
+    autoScrollIntoView?: boolean;
     /** 组件的属性配置表单的dsl */
-    propsConfigs: {
-        type: PropType<Record<string, FormConfig>>;
-        default: () => {};
-    };
+    propsConfigs?: Record<string, FormConfig>;
     /** 添加组件时的默认值 */
-    propsValues: {
-        type: PropType<Record<string, Partial<MNode>>>;
-        default: () => {};
-    };
+    propsValues?: Record<string, Partial<MNode>>;
     /** 组件联动事件选项列表 */
-    eventMethodList: {
-        type: PropType<Record<string, {
-            events: EventOption[];
-            methods: EventOption[];
-        }>>;
-        default: () => {};
-    };
+    eventMethodList?: Record<string, {
+        events: EventOption[];
+        methods: EventOption[];
+    }>;
     /** 添加数据源时的默认值 */
-    datasourceValues: {
-        type: PropType<Record<string, Partial<DataSourceSchema>>>;
-        default: () => {};
-    };
+    datasourceValues?: Record<string, Partial<DataSourceSchema>>;
     /** 数据源的属性配置表单的dsl */
-    datasourceConfigs: {
-        type: PropType<Record<string, FormConfig>>;
-        default: () => {};
-    };
+    datasourceConfigs?: Record<string, FormConfig>;
+    datasourceEventMethodList?: Record<string, {
+        events: EventOption[];
+        methods: EventOption[];
+    }>;
     /** 画布中组件选中框的移动范围 */
-    moveableOptions: {
-        type: PropType<MoveableOptions | ((config?: CustomizeMoveableOptionsCallbackConfig) => MoveableOptions)>;
-    };
+    moveableOptions?: MoveableOptions | ((config?: CustomizeMoveableOptionsCallbackConfig) => MoveableOptions);
     /** 编辑器初始化时默认选中的组件ID */
-    defaultSelected: {
-        type: (NumberConstructor | StringConstructor)[];
-    };
-    canSelect: {
-        type: PropType<(el: HTMLElement) => boolean | Promise<boolean>>;
-        default: (el: HTMLElement) => boolean;
-    };
-    isContainer: {
-        type: PropType<(el: HTMLElement) => boolean | Promise<boolean>>;
-        default: (el: HTMLElement) => boolean;
-    };
-    containerHighlightClassName: {
-        type: StringConstructor;
-        default: string;
-    };
-    containerHighlightDuration: {
-        type: NumberConstructor;
-        default: number;
-    };
-    containerHighlightType: {
-        type: PropType<ContainerHighlightType>;
-        default: ContainerHighlightType;
-    };
-    stageRect: {
-        type: PropType<StageRect>;
-    };
-    codeOptions: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    updateDragEl: {
-        type: PropType<UpdateDragEl>;
-    };
-    disabledDragStart: {
-        type: BooleanConstructor;
-    };
-    extendFormState: {
-        type: PropType<(state: FormState) => Record<string, any> | Promise<Record<string, any>>>;
-    };
+    defaultSelected?: Id;
+    canSelect?: (el: HTMLElement) => boolean | Promise<boolean>;
+    isContainer?: (el: HTMLElement) => boolean | Promise<boolean>;
+    containerHighlightClassName?: string;
+    containerHighlightDuration?: number;
+    containerHighlightType?: ContainerHighlightType;
+    stageRect?: StageRect;
+    codeOptions?: {
+        [key: string]: any;
+    };
+    updateDragEl?: UpdateDragEl;
+    disabledDragStart?: boolean;
+    extendFormState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+}
+export declare const defaultEditorProps: {
+    componentGroupList: () => never[];
+    datasourceList: () => never[];
+    menu: () => {
+        left: never[];
+        right: never[];
+    };
+    layerContentMenu: () => never[];
+    stageContentMenu: () => never[];
+    propsConfigs: () => {};
+    propsValues: () => {};
+    eventMethodList: () => {};
+    datasourceValues: () => {};
+    datasourceConfigs: () => {};
+    canSelect: (el: HTMLElement) => boolean;
+    isContainer: (el: HTMLElement) => boolean;
+    containerHighlightClassName: string;
+    containerHighlightDuration: number;
+    containerHighlightType: ContainerHighlightType;
+    codeOptions: () => {};
 };
-export default _default;

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

@@ -1,19 +1,23 @@
 import type { FieldProps } from '@tmagic/form';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FieldProps<{
     language?: string | undefined;
-    options?: Object | undefined;
+    options?: {
+        [key: string]: any;
+    } | undefined;
     height?: string | undefined;
+    parse?: boolean | undefined;
 }>>, {
     disabled: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FieldProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FieldProps<{
     language?: string | undefined;
-    options?: Object | undefined;
+    options?: {
+        [key: string]: any;
+    } | undefined;
     height?: string | undefined;
+    parse?: boolean | undefined;
 }>>, {
     disabled: boolean;
-}>>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-}, {
+}>>>, {
     disabled: boolean;
 }, {}>;
 export default _default;

package/types/fields/DataSourceMocks.vue.d.ts

@@ -0,0 +1,32 @@
+import { type FieldProps } from '@tmagic/form';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FieldProps<{
+    type: "data-source-mocks";
+}>>, {
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FieldProps<{
+    type: "data-source-mocks";
+}>>, {
+    disabled: boolean;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/types/index.d.ts

@@ -18,10 +18,11 @@ export { default as uiService } from './services/ui';
 export { default as codeBlockService } from './services/codeBlock';
 export { default as depService } from './services/dep';
 export { default as ComponentListPanel } from './layouts/sidebar/ComponentListPanel.vue';
-export { default as LayerPanel } from './layouts/sidebar/LayerPanel.vue';
+export { default as LayerPanel } from './layouts/sidebar/layer/LayerPanel.vue';
 export { default as CodeSelect } from './fields/CodeSelect.vue';
 export { default as CodeSelectCol } from './fields/CodeSelectCol.vue';
 export { default as DataSourceFields } from './fields/DataSourceFields.vue';
+export { default as DataSourceMocks } from './fields/DataSourceMocks.vue';
 export { default as DataSourceMethods } from './fields/DataSourceMethods.vue';
 export { default as DataSourceInput } from './fields/DataSourceInput.vue';
 export { default as DataSourceSelect } from './fields/DataSourceSelect.vue';

package/types/initService.d.ts

@@ -1,8 +1,9 @@
-import type { ExtractPropTypes } from 'vue';
-import editorProps from './editorProps';
+import type { MApp } from '@tmagic/schema';
+import PropsPanel from './layouts/PropsPanel.vue';
+import { EditorProps } from './editorProps';
 import { Services } from './type';
 export declare type LooseRequired<T> = {
     [P in string & keyof T]: T[P];
 };
-export declare const initServiceState: (props: Readonly<LooseRequired<Readonly<ExtractPropTypes<typeof editorProps>>>>, { editorService, historyService, componentListService, propsService, eventsService, uiService, codeBlockService, keybindingService, dataSourceService, }: Services) => void;
-export declare const initServiceEvents: (props: Readonly<LooseRequired<Readonly<ExtractPropTypes<typeof editorProps>>>>, emit: (event: 'props-panel-mounted' | 'update:modelValue', ...args: any[]) => void, { editorService, codeBlockService, dataSourceService, depService }: Services) => void;
+export declare const initServiceState: (props: EditorProps, { editorService, historyService, componentListService, propsService, eventsService, uiService, codeBlockService, keybindingService, dataSourceService, }: Services) => void;
+export declare const initServiceEvents: (props: EditorProps, emit: ((event: 'props-panel-mounted', instance: InstanceType<typeof PropsPanel>) => void) & ((event: 'update:modelValue', value: MApp | null) => void), { editorService, codeBlockService, dataSourceService, depService }: Services) => void;

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

@@ -9,12 +9,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     } | undefined;
     height?: string | undefined;
     autoSave?: boolean | undefined;
+    parse?: boolean | undefined;
 }>, {
     autoSave: boolean;
     language: string;
     options: () => {
         tabSize: number;
     };
+    parse: boolean;
 }>, {
     values: import("vue").Ref<string>;
     getEditor(): monaco.editor.IStandaloneCodeEditor | monaco.editor.IStandaloneDiffEditor | null;
@@ -33,12 +35,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     } | undefined;
     height?: string | undefined;
     autoSave?: boolean | undefined;
+    parse?: boolean | undefined;
 }>, {
     autoSave: boolean;
     language: string;
     options: () => {
         tabSize: number;
     };
+    parse: boolean;
 }>>> & {
     onInitd?: ((...args: any[]) => any) | undefined;
     onSave?: ((...args: any[]) => any) | undefined;
@@ -48,6 +52,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     };
     language: string;
     autoSave: boolean;
+    parse: boolean;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,15 +1,5 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    header?(_: {}): any;
-    nav?(_: {}): any;
-    "content-before"?(_: {}): any;
-    "src-code"?(_: {}): any;
-    sidebar?(_: {}): any;
-    workspace?(_: {}): any;
-    empty?(_: {}): any;
-    "props-panel"?(_: {}): any;
-    "content-after"?(_: {}): any;
-    footer?(_: {}): any;
-}>;
+import type { FrameworkSlots } from '../type';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, FrameworkSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,5 @@
 import type { FormState, FormValue } from '@tmagic/form';
+import type { PropsPanelSlots } from '../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     extendState?: ((state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
 }>, {
@@ -265,9 +266,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     extendState?: ((state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
 }>>> & {
     onMounted?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    "props-panel-header"?(_: {}): any;
-}>;
+}, {}, {}>, PropsPanelSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,10 +1,5 @@
-import type { ComponentItem } from '../../type';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    "component-list-panel-header"?(_: {}): any;
-    "component-list-item"?(_: {
-        component: ComponentItem;
-    }): any;
-}>;
+import { ComponentListPanelSlots } from '../../type';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, ComponentListPanelSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/types/layouts/sidebar/Sidebar.vue.d.ts

@@ -1,4 +1,4 @@
-import type { MenuButton, MenuComponent } from '../../type';
+import type { MenuButton, MenuComponent, SidebarSlots } from '../../type';
 import { SideBarData } from '../../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     data: SideBarData;
@@ -22,22 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     };
 }>>>, {
     data: SideBarData;
-}, {}>, {
-    "component-list-panel-header"?(_: {}): any;
-    "component-list-item"?(_: {
-        component: any;
-    }): any;
-    "layer-panel-header"?(_: {}): any;
-    "code-block-panel-header"?(_: {}): any;
-    "code-block-panel-tool"?(_: {
-        id: any;
-        data: any;
-    }): any;
-    "layer-node-content"?(_: {
-        data: any;
-        node: any;
-    }): any;
-}>;
+}, {}>, SidebarSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts

@@ -1,17 +1,12 @@
 import type { Id } from '@tmagic/schema';
-import { CodeDeleteErrorType } from '../../../type';
+import { CodeBlockListSlots, CodeDeleteErrorType } from '../../../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
 }>, {
     filter(val: string): void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
-}>>>, {}, {}>, {
-    "code-block-panel-tool"?(_: {
-        id: any;
-        data: any;
-    }): any;
-}>;
+}>>>, {}, {}>, CodeBlockListSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/types/layouts/sidebar/code-block/CodeBlockListPanel.vue.d.ts

@@ -1,17 +1,10 @@
 import type { Id } from '@tmagic/schema';
-import type { CodeDeleteErrorType } from '../../../type';
+import type { CodeBlockListPanelSlots, CodeDeleteErrorType } from '../../../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
-}>>>, {}, {}>, {
-    "code-block-panel-header"?(_: {}): any;
-    "code-block-panel-search"?(_: {}): any;
-    "code-block-panel-tool"?(_: {
-        id: any;
-        data: any;
-    }): any;
-}>;
+}>>>, {}, {}>, CodeBlockListPanelSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/types/layouts/sidebar/{LayerMenu.vue.d.ts → layer/LayerMenu.vue.d.ts}

@@ -1,4 +1,4 @@
-import type { MenuButton, MenuComponent } from '../../type';
+import type { MenuButton, MenuComponent } from '../../../type';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     layerContentMenu: (MenuButton | MenuComponent)[];
 }>, {

package/types/layouts/sidebar/layer/LayerNode.vue.d.ts

@@ -0,0 +1,50 @@
+import type { MContainer, MNode } from '@tmagic/schema';
+import type { LayerNodeSlots } from '../../../type';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    data: MNode;
+    parent?: MContainer | undefined;
+    indent?: number | undefined;
+    filterText?: string | undefined;
+    isCtrlKeyDown?: boolean | undefined;
+}>, {
+    indent: number;
+    filterText: string;
+    isCtrlKeyDown: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    data: MNode;
+    parent?: MContainer | undefined;
+    indent?: number | undefined;
+    filterText?: string | undefined;
+    isCtrlKeyDown?: boolean | undefined;
+}>, {
+    indent: number;
+    filterText: string;
+    isCtrlKeyDown: boolean;
+}>>>, {
+    filterText: string;
+    indent: number;
+    isCtrlKeyDown: boolean;
+}, {}>, LayerNodeSlots>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/types/layouts/sidebar/{LayerNode.vue.d.ts → layer/LayerNodeTool.vue.d.ts}

@@ -1,4 +1,4 @@
-import { MNode } from '@tmagic/schema';
+import type { MNode } from '@tmagic/schema';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     data: MNode;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{

package/types/layouts/sidebar/{LayerPanel.vue.d.ts → layer/LayerPanel.vue.d.ts}

@@ -1,15 +1,9 @@
-import type { MenuButton, MenuComponent } from '../../type';
+import type { LayerPanelSlots, MenuButton, MenuComponent } from '../../../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     layerContentMenu: (MenuButton | MenuComponent)[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     layerContentMenu: (MenuButton | MenuComponent)[];
-}>>>, {}, {}>, {
-    "layer-panel-header"?(_: {}): any;
-    "layer-node-content"?(_: {
-        node: any;
-        data: any;
-    }): any;
-}>;
+}>>>, {}, {}>, LayerPanelSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/types/layouts/sidebar/layer/use-drag.d.ts

@@ -0,0 +1,14 @@
+import type { MNode } from '@tmagic/schema';
+import { type Services } from '../../../type';
+export declare type NodeDropType = 'before' | 'after' | 'inner' | 'none';
+/**
+ * dragstart/dragleave/dragend 属于源节点
+ * dragover 属于目标节点
+ * 这些方法并不是同一个dom事件触发的
+ */
+export declare const useDrag: (services: Services | undefined) => {
+    handleDragStart: (event: DragEvent) => void;
+    handleDragEnd: (event: DragEvent, node: MNode) => void;
+    handleDragLeave: (event: DragEvent) => void;
+    handleDragOver: (event: DragEvent) => void;
+};

package/types/layouts/sidebar/layer/use-filter.d.ts

@@ -0,0 +1,8 @@
+import { type ComputedRef } from 'vue';
+import { Id, MPage } from '@tmagic/schema';
+import { LayerNodeStatus } from '../../../type';
+export declare const updateStatus: (nodeStatusMap: Map<Id, LayerNodeStatus>, id: Id, status: Partial<LayerNodeStatus>) => void;
+export declare const useFilter: (nodeStatusMap: ComputedRef<Map<Id, LayerNodeStatus> | undefined>, page: ComputedRef<MPage | null | undefined>) => {
+    filterText: import("vue").Ref<string>;
+    filterTextChangeHandler(text: string): void;
+};

package/types/layouts/sidebar/layer/use-keybinding.d.ts

@@ -0,0 +1,4 @@
+import type { Services } from '../../../type';
+export declare const useKeybinding: (services: Services | undefined) => {
+    isCtrlKeyDown: import("vue").Ref<boolean>;
+};

package/types/layouts/sidebar/layer/use-node-status.d.ts

@@ -0,0 +1,7 @@
+import { type ComputedRef } from 'vue';
+import type { Id, MPage } from '@tmagic/schema';
+import { LayerNodeStatus, Services } from '../../../type';
+export declare const useNodeStatus: (services: Services | undefined, page: ComputedRef<MPage | null | undefined>) => {
+    nodeStatusMaps: import("vue").Ref<Map<Id, Map<Id, LayerNodeStatus>>>;
+    nodeStatusMap: ComputedRef<Map<Id, LayerNodeStatus> | undefined>;
+};

package/types/layouts/workspace/Workspace.vue.d.ts

@@ -1,18 +1,9 @@
-import { MenuButton, MenuComponent } from '../../type';
+import type { MenuButton, MenuComponent, WorkspaceSlots } from '../../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     stageContentMenu: (MenuButton | MenuComponent)[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     stageContentMenu: (MenuButton | MenuComponent)[];
-}>>>, {}, {}>, {
-    stage?(_: {}): any;
-    "workspace-content"?(_: {}): any;
-    "page-bar-title"?(_: {
-        page: import("@tmagic/schema").MPage;
-    }): any;
-    "page-bar-popover"?(_: {
-        page: import("@tmagic/schema").MPage;
-    }): any;
-}>;
+}>>>, {}, {}>, WorkspaceSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/types/layouts/workspace/viewer/Stage.vue.d.ts

@@ -1,4 +1,4 @@
-import { MenuButton, MenuComponent } from '../../../type';
+import { type MenuButton, type MenuComponent } from '../../../type';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     stageContentMenu: (MenuButton | MenuComponent)[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{

package/types/services/dataSource.d.ts

@@ -1,3 +1,4 @@
+import type { EventOption } from '@tmagic/core';
 import type { FormConfig } from '@tmagic/form';
 import type { DataSourceSchema } from '@tmagic/schema';
 import type { DatasourceTypeOption } from '../type';
@@ -8,6 +9,8 @@ interface State {
     editable: boolean;
     configs: Record<string, FormConfig>;
     values: Record<string, Partial<DataSourceSchema>>;
+    events: Record<string, EventOption[]>;
+    methods: Record<string, EventOption[]>;
 }
 type StateKey = keyof State;
 declare class DataSource extends BaseService {
@@ -18,6 +21,10 @@ declare class DataSource extends BaseService {
     setFormConfig(type: string, config: FormConfig): void;
     getFormValue(type?: string): Partial<DataSourceSchema>;
     setFormValue(type: string, value: Partial<DataSourceSchema>): void;
+    getFormEvent(type?: string): EventOption[];
+    setFormEvent(type: string, value?: EventOption[]): void;
+    getFormMethod(type?: string): EventOption[];
+    setFormMethod(type: string, value?: EventOption[]): void;
     add(config: DataSourceSchema): void;
     update(config: DataSourceSchema): void;
     remove(id: string): void;

package/types/services/editor.d.ts

@@ -122,6 +122,7 @@ declare class Editor extends BaseService {
      * @param targetId 容器ID
      */
     moveToContainer(config: MNode, targetId: Id): Promise<MNode | undefined>;
+    dragTo(config: MNode, targetParent: MContainer, targetIndex: number): Promise<void>;
     /**
      * 撤销当前操作
      * @returns 上一次数据