@tmagic/editor 1.3.0-alpha.9 → 1.3.0-beta.1

package/types/{components/FunctionEditor.vue.d.ts → hooks/use-code-block-edit.d.ts}

@@ -1,30 +1,13 @@
-import { ColumnConfig } from '@tmagic/form';
-import { Id } from '@tmagic/schema';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /** 代码块id */
-    id: Id;
-    /** 代码块名称 */
-    name: string;
-    /** 代码内容 */
-    content: string;
-    /** 是否可编辑 */
-    editable?: boolean | undefined;
-    /** 是否自动保存草稿 */
-    autoSaveDraft?: boolean | undefined;
-    /** 编辑器扩展参数 */
-    codeOptions?: object | undefined;
-    /** 代码参数扩展配置 */
-    paramsColConfig?: ColumnConfig | undefined;
-}>, {
-    editable: boolean;
-    autoSaveDraft: boolean;
-}>, {
-    codeDraftEditor: import("vue").Ref<({
+import { nextTick } from 'vue';
+import type { CodeBlockContent } from '@tmagic/schema';
+import type { CodeBlockService } from '../services/codeBlock';
+export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) => {
+    codeId: import("vue").Ref<string | undefined>;
+    codeConfig: import("vue").Ref<CodeBlockContent | undefined>;
+    codeBlockEditor: import("vue").Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            editable?: boolean | undefined;
-            autoSaveDraft?: boolean | undefined;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -69,12 +52,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             }>) => void)[] | undefined;
             class?: unknown;
             style?: unknown;
-            readonly id: Id;
-            readonly language?: string | undefined;
-            readonly codeOptions?: Object | undefined;
-            readonly content: string;
-            onClose?: ((...args: any[]) => any) | undefined;
-            onSaveAndClose?: ((...args: any[]) => any) | undefined;
+            readonly content: CodeBlockContent;
+            readonly disabled?: boolean | undefined;
+            readonly isDataSource?: boolean | undefined;
+            readonly dataSourceType?: string | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -87,42 +68,26 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "close" | "saveAndClose", ...args: any[]) => void;
+        $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: import("vue").PropType<Id>;
+            content: {
+                type: import("vue").PropType<CodeBlockContent>;
                 required: true;
             };
-            editable: {
+            disabled: {
                 type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            language: {
-                type: import("vue").PropType<string>;
             };
-            codeOptions: {
-                type: import("vue").PropType<Object>;
+            isDataSource: {
+                type: import("vue").PropType<boolean>;
             };
-            content: {
+            dataSourceType: {
                 type: import("vue").PropType<string>;
-                required: true;
-            };
-            autoSaveDraft: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
             };
-        }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
-            onSaveAndClose?: ((...args: any[]) => any) | undefined;
-        }, {
-            /** 代码块id */
-            saveAndClose: () => void;
-            close: () => Promise<void>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "saveAndClose")[], string, {
-            editable: boolean;
-            autoSaveDraft: boolean;
-        }, {}, string, {}> & {
+        }>>, {
+            show(): void;
+            hide(): void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -140,76 +105,28 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
+        $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: import("vue").PropType<Id>;
+        content: {
+            type: import("vue").PropType<CodeBlockContent>;
             required: true;
         };
-        editable: {
+        disabled: {
             type: import("vue").PropType<boolean>;
-            default: boolean;
         };
-        language: {
-            type: import("vue").PropType<string>;
-        };
-        codeOptions: {
-            type: import("vue").PropType<Object>;
+        isDataSource: {
+            type: import("vue").PropType<boolean>;
         };
-        content: {
+        dataSourceType: {
             type: import("vue").PropType<string>;
-            required: true;
-        };
-        autoSaveDraft: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
         };
-    }>> & {
-        onClose?: ((...args: any[]) => any) | undefined;
-        onSaveAndClose?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        /** 代码块id */
-        saveAndClose: () => void;
-        close: () => Promise<void>;
+    }>> & import("vue").ShallowUnwrapRef<{
+        show(): void;
+        hide(): void;
     }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-}, 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<{
-    /** 代码块id */
-    id: Id;
-    /** 代码块名称 */
-    name: string;
-    /** 代码内容 */
-    content: string;
-    /** 是否可编辑 */
-    editable?: boolean | undefined;
-    /** 是否自动保存草稿 */
-    autoSaveDraft?: boolean | undefined;
-    /** 编辑器扩展参数 */
-    codeOptions?: object | undefined;
-    /** 代码参数扩展配置 */
-    paramsColConfig?: ColumnConfig | undefined;
-}>, {
-    editable: boolean;
-    autoSaveDraft: boolean;
-}>>>, {
-    editable: boolean;
-    autoSaveDraft: 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];
+    createCodeBlock: () => Promise<void>;
+    editCode: (id: string) => Promise<void>;
+    deleteCode: (key: string) => Promise<void>;
+    submitCodeBlockHandler: (values: CodeBlockContent) => Promise<void>;
 };
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/types/hooks/use-data-source-method.d.ts

@@ -0,0 +1,130 @@
+import { nextTick } from 'vue';
+import type { CodeBlockContent, DataSourceSchema } from '@tmagic/schema';
+export declare const useDataSourceMethod: () => {
+    codeConfig: import("vue").Ref<CodeBlockContent | undefined>;
+    codeBlockEditor: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            key?: string | number | symbol | undefined;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+            style?: unknown;
+            readonly content: CodeBlockContent;
+            readonly disabled?: boolean | undefined;
+            readonly isDataSource?: boolean | undefined;
+            readonly dataSourceType?: string | undefined;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            content: {
+                type: import("vue").PropType<CodeBlockContent>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            isDataSource: {
+                type: import("vue").PropType<boolean>;
+            };
+            dataSourceType: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, {
+            show(): void;
+            hide(): void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        content: {
+            type: import("vue").PropType<CodeBlockContent>;
+            required: true;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        isDataSource: {
+            type: import("vue").PropType<boolean>;
+        };
+        dataSourceType: {
+            type: import("vue").PropType<string>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{
+        show(): void;
+        hide(): void;
+    }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
+    createCode: (model: DataSourceSchema) => Promise<void>;
+    editCode: (model: DataSourceSchema, methodName: string) => Promise<void>;
+    deleteCode: (model: DataSourceSchema, methodName: string) => Promise<void>;
+    submitCode: (values: CodeBlockContent) => void;
+};

package/types/hooks/use-getso.d.ts

@@ -0,0 +1,5 @@
+import { type Ref } from 'vue';
+import Gesto, { type OnDrag } from 'gesto';
+export declare const useGetSo: (target: Ref<HTMLElement | undefined>, emit: (evt: 'change', e: OnDrag<Gesto>) => void) => {
+    isDraging: Ref<boolean>;
+};

package/types/icons/CenterIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/types/icons/FolderMinusIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/types/icons/PinIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/types/icons/PinnedIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/types/index.d.ts

@@ -1,8 +1,10 @@
 import { App } from 'vue';
 import type { InstallOptions } from './type';
 import './theme/index.scss';
+export type { OnDrag } from 'gesto';
 export type { MoveableOptions } from '@tmagic/stage';
 export * from './type';
+export * from './hooks';
 export * from './utils';
 export { default as TMagicEditor } from './Editor.vue';
 export { default as TMagicCodeEditor } from './layouts/CodeEditor.vue';
@@ -20,11 +22,15 @@ export { default as LayerPanel } from './layouts/sidebar/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 DataSourceMethods } from './fields/DataSourceMethods.vue';
 export { default as DataSourceInput } from './fields/DataSourceInput.vue';
 export { default as DataSourceSelect } from './fields/DataSourceSelect.vue';
+export { default as DataSourceMethodSelect } from './fields/DataSourceMethodSelect.vue';
+export { default as DataSourceFieldSelect } from './fields/DataSourceFieldSelect.vue';
 export { default as EventSelect } from './fields/EventSelect.vue';
 export { default as KeyValue } from './fields/KeyValue.vue';
 export { default as CodeBlockList } from './layouts/sidebar/code-block/CodeBlockList.vue';
+export { default as CodeBlockListPanel } from './layouts/sidebar/code-block/CodeBlockListPanel.vue';
 export { default as PropsPanel } from './layouts/PropsPanel.vue';
 export { default as ToolButton } from './components/ToolButton.vue';
 export { default as ContentMenu } from './components/ContentMenu.vue';
@@ -32,6 +38,7 @@ export { default as Icon } from './components/Icon.vue';
 export { default as LayoutContainer } from './components/SplitView.vue';
 export { default as SplitView } from './components/SplitView.vue';
 export { default as Resizer } from './components/Resizer.vue';
+export { default as CodeBlockEditor } from './components/CodeBlockEditor.vue';
 declare const _default: {
     install: (app: App, opt?: Partial<InstallOptions>) => void;
 };

package/types/initService.d.ts

@@ -1,8 +1,8 @@
 import type { ExtractPropTypes } from 'vue';
 import editorProps from './editorProps';
-import type { Services } from './type';
+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, }: Services) => void;
+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;

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

@@ -1,12 +1,13 @@
 import * as monaco from 'monaco-editor';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    initValues?: string | Record<string | number, any> | null | undefined;
-    modifiedValues?: string | Record<string | number, any> | null | undefined;
+    initValues?: any;
+    modifiedValues?: any;
     type?: "diff" | undefined;
     language?: string | undefined;
     options?: {
         [key: string]: any;
     } | undefined;
+    height?: string | undefined;
     autoSave?: boolean | undefined;
 }>, {
     autoSave: boolean;
@@ -20,15 +21,17 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     getVsEditor(): monaco.editor.IStandaloneCodeEditor | null;
     getVsDiffEditor(): monaco.editor.IStandaloneDiffEditor | null;
     setEditorValue: (v: any, m: any) => void | undefined;
+    getEditorValue: () => string;
     focus(): void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("initd" | "save")[], "initd" | "save", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    initValues?: string | Record<string | number, any> | null | undefined;
-    modifiedValues?: string | Record<string | number, any> | null | undefined;
+    initValues?: any;
+    modifiedValues?: any;
     type?: "diff" | undefined;
     language?: string | undefined;
     options?: {
         [key: string]: any;
     } | undefined;
+    height?: string | undefined;
     autoSave?: boolean | undefined;
 }>, {
     autoSave: boolean;