@tmagic/editor 1.2.9 → 1.2.11

package/types/services/dep.d.ts

@@ -0,0 +1,130 @@
+/// <reference types="node" />
+import { EventEmitter } from 'events';
+import { MNode } from '@tmagic/schema';
+declare type IsTarget = (key: string | number, value: any) => boolean;
+interface TargetOptions {
+    isTarget: IsTarget;
+    id: string | number;
+    type?: string;
+    name: string;
+}
+interface Dep {
+    [key: string | number]: {
+        name: string;
+        keys: (string | number)[];
+    };
+}
+interface TargetList {
+    [key: string]: {
+        [key: string | number]: Target;
+    };
+}
+/**
+ * 需要收集依赖的目标
+ * 例如：一个代码块可以为一个目标
+ */
+export declare class Target extends EventEmitter {
+    /**
+     * 如何识别目标
+     */
+    isTarget: IsTarget;
+    /**
+     * 目标id，不可重复
+     * 例如目标是代码块，则为代码块id
+     */
+    id: string | number;
+    /**
+     * 目标名称，用于显示在依赖列表中
+     */
+    name: string;
+    /**
+     * 不同的目标可以进行分类，例如代码块，数据源可以为两个不同的type
+     */
+    type: string;
+    /**
+     * 依赖详情
+     * 实例：{ 'node_id': { name: 'node_name', keys: [ created, mounted ] } }
+     */
+    deps: Dep;
+    constructor(options: TargetOptions);
+    /**
+     * 更新依赖
+     * @param node 节点配置
+     * @param key 哪个key配置了这个目标的id
+     */
+    updateDep(node: MNode, key: string | number): void;
+    /**
+     * 删除依赖
+     * @param node 哪个节点的依赖需要移除，如果为空，则移除所有依赖
+     * @param key 节点下哪个key需要移除，如果为空，则移除改节点下的所有依赖key
+     * @returns void
+     */
+    removeDep(node?: MNode, key?: string | number): void;
+    /**
+     * 判断指定节点下的指定key是否存在在依赖列表中
+     * @param node 哪个节点
+     * @param key 哪个key
+     * @returns boolean
+     */
+    hasDep(node: MNode, key: string | number): boolean;
+    destroy(): void;
+}
+export declare class Watcher extends EventEmitter {
+    targets: TargetList;
+    /**
+     * 获取指定类型中的所有target
+     * @param type 分类
+     * @returns Target[]
+     */
+    getTargets(type?: string): {
+        [key: string]: Target;
+        [key: number]: Target;
+    };
+    /**
+     * 添加新的目标
+     * @param target Target
+     */
+    addTarget(target: Target): void;
+    /**
+     * 获取指定id的target
+     * @param id target id
+     * @returns Target
+     */
+    getTarget(id: string | number): Target | undefined;
+    /**
+     * 判断是否存在指定id的target
+     * @param id target id
+     * @returns boolean
+     */
+    hasTarget(id: string | number): boolean;
+    /**
+     * 删除指定id的target
+     * @param id target id
+     */
+    removeTarget(id: string | number): void;
+    /**
+     * 删除指定分类的所有target
+     * @param type 分类
+     * @returns void
+     */
+    removeTargets(type?: string): void;
+    /**
+     * 删除所有target
+     */
+    clearTargets(): void;
+    /**
+     * 收集依赖
+     * @param nodes 需要收集的节点
+     * @param deep 是否需要收集子节点
+     */
+    collect(nodes: MNode[], deep?: boolean): void;
+    /**
+     * 清除依赖
+     * @param nodes 需要清除依赖的节点
+     */
+    clear(nodes?: MNode[]): void;
+    private collectItem;
+}
+export declare type DepService = Watcher;
+declare const _default: Watcher;
+export default _default;

package/types/services/editor.d.ts

@@ -1,4 +1,4 @@
-import type { CodeBlockDSL, Id, MContainer, MNode } from '@tmagic/schema';
+import type { Id, MContainer, MNode } from '@tmagic/schema';
 import type { AddMNode, EditorNodeInfo, PastePosition, StepValue, StoreState, StoreStateKey } from '../type';
 import { LayerOffset, Layout } from '../type';
 import BaseService from './BaseService';
@@ -136,18 +136,6 @@ declare class Editor extends BaseService {
     resetState(): void;
     destroy(): void;
     resetModifiedNodeId(): void;
-    /**
-     * 从dsl中的codeBlocks字段读取活动的代码块
-     * @returns {CodeBlockDSL | null}
-     */
-    getCodeDsl(): Promise<CodeBlockDSL | null>;
-    getCodeDslSync(): CodeBlockDSL | null;
-    /**
-     * 设置代码块到dsl的codeBlocks字段
-     * @param {CodeBlockDSL} codeDsl 代码DSL
-     * @returns {void}
-     */
-    setCodeDsl(codeDsl: CodeBlockDSL): Promise<void>;
     private addModifiedNodeId;
     private pushHistoryState;
     private changeHistoryState;

package/types/services/props.d.ts

@@ -17,22 +17,8 @@ declare class Props extends BaseService {
         } | {
             title: string;
             items: {
-                type: string;
                 name: string;
-                items: ({
-                    name: string;
-                    label: string;
-                    type: string;
-                    options: (mForm: import("@tmagic/form").FormState, { formValue }: any) => {
-                        text: string;
-                        value: string;
-                    }[];
-                } | {
-                    name: string;
-                    label: string;
-                    type: string;
-                    options?: undefined;
-                })[];
+                type: string;
             }[];
             labelWidth?: undefined;
             lazy?: undefined;

package/types/type.d.ts

@@ -1,10 +1,11 @@
 import type { Component } from 'vue';
-import type { FormConfig } from '@tmagic/form';
+import type { FormConfig, FormItem } from '@tmagic/form';
 import type { CodeBlockContent, CodeBlockDSL, Id, MApp, MContainer, MNode, MPage } from '@tmagic/schema';
 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 type { DepService } from './services/dep';
 import type { EditorService } from './services/editor';
 import type { EventsService } from './services/events';
 import type { HistoryService } from './services/history';
@@ -26,6 +27,7 @@ export interface Services {
     componentListService: ComponentListService;
     uiService: UiService;
     codeBlockService: CodeBlockService;
+    depService: DepService;
 }
 export interface StageOptions {
     runtimeUrl: string;
@@ -268,8 +270,6 @@ export declare type CodeState = {
     combineIds: string[];
     /** 为业务逻辑预留的不可删除的代码块列表，由业务逻辑维护（如代码块上线后不可删除） */
     undeletableList: Id[];
-    /** 代码块和组件的绑定关系 */
-    relations: CodeRelation;
 };
 export declare type HookData = {
     /** 代码块id */
@@ -328,3 +328,17 @@ export interface HistoryState {
     canRedo: boolean;
     canUndo: boolean;
 }
+export interface EventSelectConfig {
+    name: string;
+    type: 'event-select';
+    /** 事件名称表单配置 */
+    eventNameConfig?: FormItem;
+    /** 动作类型配置 */
+    actionTypeConfig?: FormItem;
+    /** 联动组件配置 */
+    targetCompConfig?: FormItem;
+    /** 联动组件动作配置 */
+    compActionConfig?: FormItem;
+    /** 联动代码配置 */
+    codeActionConfig?: FormItem;
+}

package/types/utils/dep.d.ts

@@ -0,0 +1,3 @@
+import { CodeBlockContent, Id } from '@tmagic/schema';
+import { Target } from '../services/dep';
+export declare const createCodeBlockTarget: (id: Id, codeBlock: CodeBlockContent) => Target;

package/types/utils/props.d.ts

@@ -1,4 +1,4 @@
-import { FormConfig, FormState } from '@tmagic/form';
+import { FormConfig } from '@tmagic/form';
 /**
  * 统一为组件属性表单加上事件、高级、样式配置
  * @param config 组件属性配置
@@ -16,22 +16,8 @@ export declare const fillConfig: (config?: FormConfig) => {
     } | {
         title: string;
         items: {
-            type: string;
             name: string;
-            items: ({
-                name: string;
-                label: string;
-                type: string;
-                options: (mForm: FormState, { formValue }: any) => {
-                    text: string;
-                    value: string;
-                }[];
-            } | {
-                name: string;
-                label: string;
-                type: string;
-                options?: undefined;
-            })[];
+            type: string;
         }[];
         labelWidth?: undefined;
         lazy?: undefined;