@tmagic/editor 1.3.0-alpha.1 → 1.3.0-alpha.11

package/types/type.d.ts

@@ -5,11 +5,12 @@ import type StageCore from '@tmagic/stage';
 import type { ContainerHighlightType, CustomizeMoveableOptionsCallbackConfig, MoveableOptions, UpdateDragEl } from '@tmagic/stage';
 import type { CodeBlockService } from './services/codeBlock';
 import type { ComponentListService } from './services/componentList';
-import { DataSourceService } from './services/dataSource';
+import type { DataSourceService } from './services/dataSource';
 import type { DepService } from './services/dep';
 import type { EditorService } from './services/editor';
 import type { EventsService } from './services/events';
 import type { HistoryService } from './services/history';
+import type { KeybindingService } from './services/keybinding';
 import type { PropsService } from './services/props';
 import type { StorageService } from './services/storage';
 import type { UiService } from './services/ui';
@@ -17,6 +18,7 @@ import type { UndoRedo } from './utils/undo-redo';
 export type BeforeAdd = (config: MNode, parent: MContainer) => Promise<MNode> | MNode;
 export type GetConfig = (config: FormConfig) => Promise<FormConfig> | FormConfig;
 export interface InstallOptions {
+    parseDSL: (dsl: string) => MApp;
     [key: string]: any;
 }
 export interface Services {
@@ -30,6 +32,7 @@ export interface Services {
     codeBlockService: CodeBlockService;
     depService: DepService;
     dataSourceService: DataSourceService;
+    keybindingService: KeybindingService;
 }
 export interface StageOptions {
     runtimeUrl: string;
@@ -344,3 +347,55 @@ export interface EventSelectConfig {
     /** 联动代码配置 */
     codeActionConfig?: FormItem;
 }
+export declare enum KeyBindingCommand {
+    /** 复制 */
+    COPY_NODE = "tmagic-system-copy-node",
+    /** 粘贴 */
+    PASTE_NODE = "tmagic-system-paste-node",
+    /** 删除 */
+    DELETE_NODE = "tmagic-system-delete-node",
+    /** 剪切 */
+    CUT_NODE = "tmagic-system-cut-node",
+    /** 撤销 */
+    UNDO = "tmagic-system-undo",
+    /** 重做 */
+    REDO = "tmagic-system-redo",
+    /** 放大 */
+    ZOOM_IN = "tmagic-system-zoom-in",
+    /** 缩小 */
+    ZOOM_OUT = "tmagic-system-zoom-out",
+    /** 缩放到实际大小 */
+    ZOOM_RESET = "tmagic-system-zoom-reset",
+    /** 缩放以适应 */
+    ZOOM_FIT = "tmagic-system-zoom-fit",
+    /** 向上移动1px */
+    MOVE_UP_1 = "tmagic-system-move-up-1",
+    /** 向下移动1px */
+    MOVE_DOWN_1 = "tmagic-system-move-down-1",
+    /** 向左移动1px */
+    MOVE_LEFT_1 = "tmagic-system-move-left-1",
+    /** 向右移动1px */
+    MOVE_RIGHT_1 = "tmagic-system-move-right-1",
+    /** 向上移动10px */
+    MOVE_UP_10 = "tmagic-system-move-up-10",
+    /** 向下移动10px */
+    MOVE_DOWN_10 = "tmagic-system-move-down-10",
+    /** 向左移动10px */
+    MOVE_LEFT_10 = "tmagic-system-move-left-10",
+    /** 向右移动10px */
+    MOVE_RIGHT_10 = "tmagic-system-move-right-10",
+    /** 切换组件 */
+    SWITCH_NODE = "tmagic-system-switch-node"
+}
+export interface KeyBindingItem {
+    command: KeyBindingCommand | string;
+    keybinding?: string | string[];
+    when: [string, 'keyup' | 'keydown'][];
+}
+export interface KeyBindingCacheItem {
+    type: string;
+    command: KeyBindingCommand | string;
+    keybinding?: string | string[];
+    eventType: 'keyup' | 'keydown';
+    binded: boolean;
+}

package/types/utils/config.d.ts

@@ -1,4 +1,4 @@
 import { InstallOptions } from '../type';
 declare const setConfig: (option: InstallOptions) => void;
-declare const getConfig: (key: keyof InstallOptions) => unknown;
+declare const getConfig: <K extends keyof InstallOptions>(key: K) => InstallOptions[K];
 export { getConfig, setConfig };

package/types/utils/content-menu.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+import ContentMenu from '../components/ContentMenu.vue';
+import type { MenuButton, Services } from '../type';
+export declare const useDeleteMenu: () => MenuButton;
+export declare const useCopyMenu: () => MenuButton;
+export declare const usePasteMenu: (menu?: Ref<InstanceType<typeof ContentMenu> | undefined>) => MenuButton;
+export declare const useMoveToMenu: (services?: Services) => MenuButton;

package/types/utils/keybinding-config.d.ts

@@ -0,0 +1,3 @@
+import { KeyBindingItem } from '../type';
+declare const _default: KeyBindingItem[];
+export default _default;

package/src/layouts/Resizer.vue

@@ -1,32 +0,0 @@
-<template>
-  <span ref="target" class="m-editor-resizer">
-    <slot></slot>
-  </span>
-</template>
-
-<script lang="ts" setup name="MEditorResizer">
-import { onMounted, onUnmounted, ref } from 'vue';
-import Gesto from 'gesto';
-
-const emit = defineEmits(['change']);
-
-const target = ref<HTMLSpanElement>();
-
-let getso: Gesto;
-
-onMounted(() => {
-  if (!target.value) return;
-  getso = new Gesto(target.value, {
-    container: window,
-    pinchOutside: true,
-  }).on('drag', (e) => {
-    if (!target.value) return;
-
-    emit('change', e.deltaX);
-  });
-});
-
-onUnmounted(() => {
-  getso?.unset();
-});
-</script>