@tmagic/editor 1.5.18-beta.1 → 1.5.18

package/dist/tmagic-editor.js

@@ -646,12 +646,21 @@ const advancedTabConfig = {
       name: "created",
       text: "created",
       labelPosition: "top",
-      type: "code-select"
+      type: "code-select",
+      extra: "组件初始化时执行"
     },
     {
       name: "mounted",
       text: "mounted",
       labelPosition: "top",
+      type: "code-select",
+      extra: "组件挂载到dom时执行"
+    },
+    {
+      name: "display",
+      text: "display",
+      extra: "控制组件是否渲染，关系的代码块返回值为false时不渲染",
+      labelPosition: "top",
       type: "code-select"
     }
   ]
@@ -1200,7 +1209,7 @@ class BaseService extends EventEmitter {
   }
 }
 
-const canUsePluginMethods$6 = {
+const canUsePluginMethods$7 = {
   async: [
     "setPropsConfig",
     "getPropsConfig",
@@ -1219,8 +1228,8 @@ class Props extends BaseService {
   });
   constructor() {
     super([
-      ...canUsePluginMethods$6.async.map((methodName) => ({ name: methodName, isAsync: true })),
-      ...canUsePluginMethods$6.sync.map((methodName) => ({ name: methodName, isAsync: false }))
+      ...canUsePluginMethods$7.async.map((methodName) => ({ name: methodName, isAsync: true })),
+      ...canUsePluginMethods$7.sync.map((methodName) => ({ name: methodName, isAsync: false }))
     ]);
   }
   setPropsConfigs(configs) {
@@ -1540,14 +1549,14 @@ var Protocol = /* @__PURE__ */ ((Protocol2) => {
   Protocol2["BOOLEAN"] = "boolean";
   return Protocol2;
 })(Protocol || {});
-const canUsePluginMethods$5 = {
+const canUsePluginMethods$6 = {
   sync: ["getStorage", "getNamespace", "clear", "getItem", "removeItem", "setItem"]
 };
 class WebStorage extends BaseService {
   storage = globalThis.localStorage;
   namespace = "tmagic";
   constructor() {
-    super(canUsePluginMethods$5.sync.map((methodName) => ({ name: methodName, isAsync: false })));
+    super(canUsePluginMethods$6.sync.map((methodName) => ({ name: methodName, isAsync: false })));
   }
   /**
    * 获取数据存储对象，可以通过
@@ -1653,7 +1662,7 @@ class WebStorage extends BaseService {
 }
 const storageService = new WebStorage();
 
-const canUsePluginMethods$4 = {
+const canUsePluginMethods$5 = {
   async: [
     "getLayout",
     "highlight",
@@ -1696,7 +1705,7 @@ class Editor extends BaseService {
   isHistoryStateChange = false;
   constructor() {
     super(
-      canUsePluginMethods$4.async.map((methodName) => ({ name: methodName, isAsync: true })),
+      canUsePluginMethods$5.async.map((methodName) => ({ name: methodName, isAsync: true })),
       // 需要注意循环依赖问题，如果函数间有相互调用的话，不能设置为串行调用
       ["select", "update", "moveLayer"]
     );
@@ -3676,11 +3685,11 @@ const state = shallowReactive({
     top: 0
   }
 });
-const canUsePluginMethods$3 = {
+const canUsePluginMethods$4 = {
   async: ["zoom", "calcZoom"]};
 class Ui extends BaseService {
   constructor() {
-    super(canUsePluginMethods$3.async.map((methodName) => ({ name: methodName, isAsync: true })));
+    super(canUsePluginMethods$4.async.map((methodName) => ({ name: methodName, isAsync: true })));
   }
   set(name, value) {
     const mask = editorService.get("stage")?.mask;
@@ -13520,7 +13529,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const canUsePluginMethods$2 = {
+const canUsePluginMethods$3 = {
   async: ["setCodeDslById", "setEditStatus", "setCombineIds", "setUndeleteableList", "deleteCodeDslByIds"],
   sync: ["setCodeDslByIdSync"]
 };
@@ -13534,8 +13543,8 @@ class CodeBlock extends BaseService {
   });
   constructor() {
     super([
-      ...canUsePluginMethods$2.async.map((methodName) => ({ name: methodName, isAsync: true })),
-      ...canUsePluginMethods$2.sync.map((methodName) => ({ name: methodName, isAsync: false }))
+      ...canUsePluginMethods$3.async.map((methodName) => ({ name: methodName, isAsync: true })),
+      ...canUsePluginMethods$3.sync.map((methodName) => ({ name: methodName, isAsync: false }))
     ]);
   }
   /**
@@ -13793,7 +13802,7 @@ class ComponentList extends BaseService {
 }
 const componentListService = new ComponentList();
 
-const canUsePluginMethods$1 = {
+const canUsePluginMethods$2 = {
   sync: [
     "getFormConfig",
     "setFormConfig",
@@ -13820,7 +13829,7 @@ class DataSource extends BaseService {
     methods: {}
   });
   constructor() {
-    super(canUsePluginMethods$1.sync.map((methodName) => ({ name: methodName, isAsync: false })));
+    super(canUsePluginMethods$2.sync.map((methodName) => ({ name: methodName, isAsync: false })));
   }
   set(name, value) {
     this.state[name] = value;
@@ -14163,11 +14172,18 @@ class Dep extends BaseService {
 }
 const depService = new Dep();
 
+const canUsePluginMethods$1 = {
+  async: [],
+  sync: ["setEvent", "getEvent", "setMethod", "getMethod"]
+};
 let eventMap = reactive({});
 let methodMap = reactive({});
 class Events extends BaseService {
   constructor() {
-    super([]);
+    super([
+      ...canUsePluginMethods$1.async.map((methodName) => ({ name: methodName, isAsync: true })),
+      ...canUsePluginMethods$1.sync.map((methodName) => ({ name: methodName, isAsync: false }))
+    ]);
   }
   setEvents(events) {
     Object.keys(events).forEach((type) => {
@@ -14200,6 +14216,9 @@ class Events extends BaseService {
     this.removeAllListeners();
     this.removeAllPlugins();
   }
+  usePlugin(options) {
+    super.usePlugin(options);
+  }
 }
 const eventsService = new Events();
 

package/dist/tmagic-editor.umd.cjs

@@ -5439,12 +5439,21 @@
         name: "created",
         text: "created",
         labelPosition: "top",
-        type: "code-select"
+        type: "code-select",
+        extra: "组件初始化时执行"
       },
       {
         name: "mounted",
         text: "mounted",
         labelPosition: "top",
+        type: "code-select",
+        extra: "组件挂载到dom时执行"
+      },
+      {
+        name: "display",
+        text: "display",
+        extra: "控制组件是否渲染，关系的代码块返回值为false时不渲染",
+        labelPosition: "top",
         type: "code-select"
       }
     ]
@@ -5993,7 +6002,7 @@
     }
   }
 
-  const canUsePluginMethods$6 = {
+  const canUsePluginMethods$7 = {
     async: [
       "setPropsConfig",
       "getPropsConfig",
@@ -6012,8 +6021,8 @@
     });
     constructor() {
       super([
-        ...canUsePluginMethods$6.async.map((methodName) => ({ name: methodName, isAsync: true })),
-        ...canUsePluginMethods$6.sync.map((methodName) => ({ name: methodName, isAsync: false }))
+        ...canUsePluginMethods$7.async.map((methodName) => ({ name: methodName, isAsync: true })),
+        ...canUsePluginMethods$7.sync.map((methodName) => ({ name: methodName, isAsync: false }))
       ]);
     }
     setPropsConfigs(configs) {
@@ -6333,14 +6342,14 @@
     Protocol2["BOOLEAN"] = "boolean";
     return Protocol2;
   })(Protocol || {});
-  const canUsePluginMethods$5 = {
+  const canUsePluginMethods$6 = {
     sync: ["getStorage", "getNamespace", "clear", "getItem", "removeItem", "setItem"]
   };
   class WebStorage extends BaseService {
     storage = globalThis.localStorage;
     namespace = "tmagic";
     constructor() {
-      super(canUsePluginMethods$5.sync.map((methodName) => ({ name: methodName, isAsync: false })));
+      super(canUsePluginMethods$6.sync.map((methodName) => ({ name: methodName, isAsync: false })));
     }
     /**
      * 获取数据存储对象，可以通过
@@ -6446,7 +6455,7 @@
   }
   const storageService = new WebStorage();
 
-  const canUsePluginMethods$4 = {
+  const canUsePluginMethods$5 = {
     async: [
       "getLayout",
       "highlight",
@@ -6489,7 +6498,7 @@
     isHistoryStateChange = false;
     constructor() {
       super(
-        canUsePluginMethods$4.async.map((methodName) => ({ name: methodName, isAsync: true })),
+        canUsePluginMethods$5.async.map((methodName) => ({ name: methodName, isAsync: true })),
         // 需要注意循环依赖问题，如果函数间有相互调用的话，不能设置为串行调用
         ["select", "update", "moveLayer"]
       );
@@ -8469,11 +8478,11 @@
       top: 0
     }
   });
-  const canUsePluginMethods$3 = {
+  const canUsePluginMethods$4 = {
     async: ["zoom", "calcZoom"]};
   class Ui extends BaseService {
     constructor() {
-      super(canUsePluginMethods$3.async.map((methodName) => ({ name: methodName, isAsync: true })));
+      super(canUsePluginMethods$4.async.map((methodName) => ({ name: methodName, isAsync: true })));
     }
     set(name, value) {
       const mask = editorService.get("stage")?.mask;
@@ -18313,7 +18322,7 @@
     }
   });
 
-  const canUsePluginMethods$2 = {
+  const canUsePluginMethods$3 = {
     async: ["setCodeDslById", "setEditStatus", "setCombineIds", "setUndeleteableList", "deleteCodeDslByIds"],
     sync: ["setCodeDslByIdSync"]
   };
@@ -18327,8 +18336,8 @@
     });
     constructor() {
       super([
-        ...canUsePluginMethods$2.async.map((methodName) => ({ name: methodName, isAsync: true })),
-        ...canUsePluginMethods$2.sync.map((methodName) => ({ name: methodName, isAsync: false }))
+        ...canUsePluginMethods$3.async.map((methodName) => ({ name: methodName, isAsync: true })),
+        ...canUsePluginMethods$3.sync.map((methodName) => ({ name: methodName, isAsync: false }))
       ]);
     }
     /**
@@ -18586,7 +18595,7 @@
   }
   const componentListService = new ComponentList();
 
-  const canUsePluginMethods$1 = {
+  const canUsePluginMethods$2 = {
     sync: [
       "getFormConfig",
       "setFormConfig",
@@ -18613,7 +18622,7 @@
       methods: {}
     });
     constructor() {
-      super(canUsePluginMethods$1.sync.map((methodName) => ({ name: methodName, isAsync: false })));
+      super(canUsePluginMethods$2.sync.map((methodName) => ({ name: methodName, isAsync: false })));
     }
     set(name, value) {
       this.state[name] = value;
@@ -18956,11 +18965,18 @@
   }
   const depService = new Dep();
 
+  const canUsePluginMethods$1 = {
+    async: [],
+    sync: ["setEvent", "getEvent", "setMethod", "getMethod"]
+  };
   let eventMap = vue.reactive({});
   let methodMap = vue.reactive({});
   class Events extends BaseService {
     constructor() {
-      super([]);
+      super([
+        ...canUsePluginMethods$1.async.map((methodName) => ({ name: methodName, isAsync: true })),
+        ...canUsePluginMethods$1.sync.map((methodName) => ({ name: methodName, isAsync: false }))
+      ]);
     }
     setEvents(events) {
       Object.keys(events).forEach((type) => {
@@ -18993,6 +19009,9 @@
       this.removeAllListeners();
       this.removeAllPlugins();
     }
+    usePlugin(options) {
+      super.usePlugin(options);
+    }
   }
   const eventsService = new Events();
 

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.5.18-beta.1",
+  "version": "1.5.18",
   "name": "@tmagic/editor",
   "type": "module",
   "sideEffects": [
@@ -58,11 +58,11 @@
     "moveable": "^0.53.0",
     "serialize-javascript": "^6.0.0",
     "sortablejs": "^1.15.2",
-    "@tmagic/design": "1.5.17",
-    "@tmagic/form": "1.5.17",
-    "@tmagic/stage": "1.5.17",
-    "@tmagic/table": "1.5.17",
-    "@tmagic/utils": "1.5.17"
+    "@tmagic/design": "1.5.18",
+    "@tmagic/stage": "1.5.18",
+    "@tmagic/table": "1.5.18",
+    "@tmagic/utils": "1.5.18",
+    "@tmagic/form": "1.5.18"
   },
   "devDependencies": {
     "@types/events": "^3.0.0",
@@ -76,7 +76,7 @@
     "monaco-editor": "^0.48.0",
     "typescript": "*",
     "vue": ">=3.5.0",
-    "@tmagic/core": "1.5.17"
+    "@tmagic/core": "1.5.18"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/services/events.ts

@@ -18,18 +18,32 @@
 
 import { reactive } from 'vue';
 import { cloneDeep } from 'lodash-es';
+import type { Writable } from 'type-fest';
 
 import { type EventOption } from '@tmagic/core';
 import { toLine } from '@tmagic/utils';
 
+import type { AsyncHookPlugin, SyncHookPlugin } from '@editor/type';
+
 import BaseService from './BaseService';
 
+const canUsePluginMethods = {
+  async: [] as const,
+  sync: ['setEvent', 'getEvent', 'setMethod', 'getMethod'] as const,
+};
+
+type AsyncMethodName = Writable<(typeof canUsePluginMethods)['async']>;
+type SyncMethodName = Writable<(typeof canUsePluginMethods)['sync']>;
+
 let eventMap: Record<string, EventOption[]> = reactive({});
 let methodMap: Record<string, EventOption[]> = reactive({});
 
 class Events extends BaseService {
   constructor() {
-    super([]);
+    super([
+      ...canUsePluginMethods.async.map((methodName) => ({ name: methodName, isAsync: true })),
+      ...canUsePluginMethods.sync.map((methodName) => ({ name: methodName, isAsync: false })),
+    ]);
   }
 
   public setEvents(events: Record<string, EventOption[]>) {
@@ -70,6 +84,10 @@ class Events extends BaseService {
     this.removeAllListeners();
     this.removeAllPlugins();
   }
+
+  public usePlugin(options: AsyncHookPlugin<AsyncMethodName, Events> & SyncHookPlugin<SyncMethodName, Events>): void {
+    super.usePlugin(options);
+  }
 }
 
 export type EventsService = Events;

package/src/utils/props.ts

@@ -128,12 +128,21 @@ export const advancedTabConfig: TabPaneConfig = {
       text: 'created',
       labelPosition: 'top',
       type: 'code-select',
+      extra: '组件初始化时执行',
     },
     {
       name: 'mounted',
       text: 'mounted',
       labelPosition: 'top',
       type: 'code-select',
+      extra: '组件挂载到dom时执行',
+    },
+    {
+      name: 'display',
+      text: 'display',
+      extra: '控制组件是否渲染，关系的代码块返回值为false时不渲染',
+      labelPosition: 'top',
+      type: 'code-select',
     },
   ],
 };

package/types/index.d.ts

@@ -94,11 +94,11 @@ declare class export_default extends EventEmitter {
     private doTask;
 }
 
-declare const canUsePluginMethods$6: {
+declare const canUsePluginMethods$7: {
     async: readonly ["setCodeDslById", "setEditStatus", "setCombineIds", "setUndeleteableList", "deleteCodeDslByIds"];
     sync: string[];
 };
-type AsyncMethodName$3 = Writable<(typeof canUsePluginMethods$6)['async']>;
+type AsyncMethodName$4 = Writable<(typeof canUsePluginMethods$7)['async']>;
 declare class CodeBlock extends export_default {
     private state;
     constructor();
@@ -213,7 +213,7 @@ declare class CodeBlock extends export_default {
     paste(): void;
     resetState(): void;
     destroy(): void;
-    usePlugin(options: AsyncHookPlugin<AsyncMethodName$3, CodeBlock>): void;
+    usePlugin(options: AsyncHookPlugin<AsyncMethodName$4, CodeBlock>): void;
 }
 type CodeBlockService = CodeBlock;
 declare const _default$H: CodeBlock;
@@ -241,11 +241,11 @@ interface State$2 {
     methods: Record<string, EventOption[]>;
 }
 type StateKey$1 = keyof State$2;
-declare const canUsePluginMethods$5: {
+declare const canUsePluginMethods$6: {
     async: never[];
     sync: readonly ["getFormConfig", "setFormConfig", "getFormValue", "setFormValue", "getFormEvent", "setFormEvent", "getFormMethod", "setFormMethod", "add", "update", "remove", "createId"];
 };
-type SyncMethodName$3 = Writable<(typeof canUsePluginMethods$5)['sync']>;
+type SyncMethodName$4 = Writable<(typeof canUsePluginMethods$6)['sync']>;
 declare class DataSource extends export_default {
     private state;
     constructor();
@@ -278,7 +278,7 @@ declare class DataSource extends export_default {
     getDataSourceById(id: string): DataSourceSchema | undefined;
     resetState(): void;
     destroy(): void;
-    usePlugin(options: SyncHookPlugin<SyncMethodName$3, DataSource>): void;
+    usePlugin(options: SyncHookPlugin<SyncMethodName$4, DataSource>): void;
     /**
      * 复制时会带上组件关联的数据源
      * @param config 组件节点配置
@@ -359,11 +359,11 @@ interface EditorEvents {
     }];
     'history-change': [data: MPage | MPageFragment];
 }
-declare const canUsePluginMethods$4: {
+declare const canUsePluginMethods$5: {
     async: readonly ["getLayout", "highlight", "select", "multiSelect", "doAdd", "add", "doRemove", "remove", "doUpdate", "update", "sort", "copy", "paste", "doPaste", "doAlignCenter", "alignCenter", "moveLayer", "moveToContainer", "dragTo", "undo", "redo", "move"];
     sync: never[];
 };
-type AsyncMethodName$2 = Writable<(typeof canUsePluginMethods$4)['async']>;
+type AsyncMethodName$3 = Writable<(typeof canUsePluginMethods$5)['async']>;
 declare class Editor extends export_default {
     state: StoreState;
     private isHistoryStateChange;
@@ -514,7 +514,7 @@ declare class Editor extends export_default {
     resetState(): void;
     destroy(): void;
     resetModifiedNodeId(): void;
-    usePlugin(options: AsyncHookPlugin<AsyncMethodName$2, Editor>): void;
+    usePlugin(options: AsyncHookPlugin<AsyncMethodName$3, Editor>): void;
     on<Name extends keyof EditorEvents, Param extends EditorEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
     once<Name extends keyof EditorEvents, Param extends EditorEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
     emit<Name extends keyof EditorEvents, Param extends EditorEvents[Name]>(eventName: Name, ...args: Param): boolean;
@@ -527,6 +527,12 @@ declare class Editor extends export_default {
 type EditorService = Editor;
 declare const _default$E: Editor;
 
+declare const canUsePluginMethods$4: {
+    async: readonly [];
+    sync: readonly ["setEvent", "getEvent", "setMethod", "getMethod"];
+};
+type AsyncMethodName$2 = Writable<(typeof canUsePluginMethods$4)['async']>;
+type SyncMethodName$3 = Writable<(typeof canUsePluginMethods$4)['sync']>;
 declare class Events extends export_default {
     constructor();
     setEvents(events: Record<string, EventOption[]>): void;
@@ -537,6 +543,7 @@ declare class Events extends export_default {
     getMethod(type: string): EventOption[];
     resetState(): void;
     destroy(): void;
+    usePlugin(options: AsyncHookPlugin<AsyncMethodName$2, Events> & SyncHookPlugin<SyncMethodName$3, Events>): void;
 }
 type EventsService = Events;
 declare const _default$D: Events;