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

package/dist/tmagic-editor.umd.cjs

@@ -795,6 +795,18 @@
           defaultValue: () => []
         }
       ]
+    },
+    {
+      type: "panel",
+      title: "事件配置",
+      display: false,
+      items: [
+        {
+          name: "events",
+          src: "datasource",
+          type: "event-select"
+        }
+      ]
     }
   ];
   const getFormConfig = (type, configs) => {
@@ -975,7 +987,8 @@
       dataSources: [],
       editable: true,
       configs: {},
-      values: {}
+      values: {},
+      events: {}
     });
     set(name, value) {
       this.state[name] = value;
@@ -995,6 +1008,12 @@
     setFormValue(type, value) {
       this.get("values")[type] = value;
     }
+    getFormEvent(type = "base") {
+      return this.get("events")[type] || [];
+    }
+    setFormEvent(type, value = []) {
+      this.get("events")[type] = value;
+    }
     add(config) {
       const newConfig = {
         ...config,
@@ -1211,6 +1230,7 @@
     items: [
       {
         name: "events",
+        src: "component",
         type: "event-select"
       }
     ]
@@ -3187,7 +3207,7 @@
               return "number";
             if (model.type === "boolean")
               return "select";
-            return "string";
+            return "text";
           },
           options: [
             { text: "true", value: true },
@@ -3909,10 +3929,20 @@
           text: "事件",
           type: "select",
           labelWidth: "40px",
-          options: (mForm, { formValue }) => services?.eventsService.getEvent(formValue.type).map((option) => ({
-            text: option.label,
-            value: option.value
-          }))
+          options: (mForm, { formValue }) => {
+            let events = [];
+            if (!services)
+              return events;
+            if (props.config.src === "component") {
+              events = services.eventsService.getEvent(formValue.type);
+            } else if (props.config.src === "datasource") {
+              events = services.dataSourceService.getFormEvent(formValue.type);
+            }
+            return events.map((option) => ({
+              text: option.label,
+              value: option.value
+            }));
+          }
         };
         return { ...defaultEventNameConfig, ...props.config.eventNameConfig };
       });
@@ -4861,7 +4891,8 @@
               key: 1,
               size: "small",
               text: "",
-              disabled: disabled.value
+              disabled: disabled.value,
+              title: _ctx.data.text
             }, {
               default: vue.withCtx(() => [
                 _ctx.data.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
@@ -4871,7 +4902,7 @@
                 vue.createElementVNode("span", null, vue.toDisplayString(_ctx.data.text), 1)
               ]),
               _: 1
-            }, 8, ["disabled"]))
+            }, 8, ["disabled", "title"]))
           ], 64)) : _ctx.data.type === "dropdown" ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicDropdown), {
             key: 3,
             trigger: "click",
@@ -7502,6 +7533,13 @@
         nodeList.value = [];
         menu.value?.hide();
       };
+      const clearTimeoutLazy = () => {
+        globalThis.setTimeout(() => {
+          if (timeout) {
+            globalThis.clearTimeout(timeout);
+          }
+        }, 300);
+      };
       const unWatch = vue.watch(
         stage,
         (stage2) => {
@@ -7531,7 +7569,7 @@
             }, 1500);
           });
           stage2.on("mouseleave", () => {
-            cancel();
+            clearTimeoutLazy();
           });
           unWatch();
         },
@@ -7570,11 +7608,7 @@
         })
       );
       const mouseenterHandler = () => {
-        globalThis.setTimeout(() => {
-          if (timeout) {
-            globalThis.clearTimeout(timeout);
-          }
-        }, 300);
+        clearTimeoutLazy();
       };
       const dragMenuHandler = ({ deltaY, deltaX }) => {
         if (!menu.value)
@@ -7592,6 +7626,8 @@
         return vue.openBlock(), vue.createBlock(_sfc_main$j, {
           ref_key: "menu",
           ref: menu,
+          class: "magic-editor-node-list-menu",
+          style: { "max-width": "280px" },
           "menu-data": menuData.value,
           active: node.value?.id,
           "auto-hide": !pinned.value,