@tmagic/editor 1.2.0-beta.25 → 1.2.0-beta.27

package/dist/tmagic-editor.umd.cjs

@@ -875,8 +875,12 @@
       });
     }
     removeAllPlugins() {
-      this.pluginOptionsList = {};
-      this.middleware = {};
+      Object.keys(this.pluginOptionsList).forEach((key) => {
+        this.pluginOptionsList[key] = [];
+      });
+      Object.keys(this.middleware).forEach((key) => {
+        this.middleware[key] = [];
+      });
     }
     async doTask() {
       this.doingTask = true;
@@ -2026,8 +2030,16 @@
       const config = await storageService.getItem(COPY_STORAGE_KEY);
       if (!Array.isArray(config))
         return;
+      const node = this.get("node");
+      let parent = void 0;
+      if (config.length === 1 && config[0].id === node.id) {
+        parent = this.get("parent");
+        if (parent.type === schema.NodeType.ROOT) {
+          parent = this.get("page");
+        }
+      }
       const pasteConfigs = await this.doPaste(config, position);
-      return this.add(pasteConfigs, this.get("parent"));
+      return this.add(pasteConfigs, parent);
     }
     async doPaste(config, position = {}) {
       const pasteConfigs = await beforePaste(position, lodashEs.cloneDeep(config));
@@ -2615,6 +2627,7 @@
       containerHighlightClassName: stageOptions.containerHighlightClassName,
       containerHighlightDuration: stageOptions.containerHighlightDuration,
       containerHighlightType: stageOptions.containerHighlightType,
+      disabledDragStart: stageOptions.disabledDragStart,
       canSelect: (el, event, stop) => {
         const elCanSelect = stageOptions.canSelect(el);
         if (uiSelectMode.value && elCanSelect && event.type === "mousedown") {
@@ -3199,6 +3212,9 @@
       vue.onMounted(() => {
         emit("mounted", internalInstance);
       });
+      vue.onUnmounted(() => {
+        services?.propsService.off("props-configs-change", init);
+      });
       vue.watchEffect(() => {
         if (configForm.value && stage.value) {
           configForm.value.formState.stage = stage.value;
@@ -4296,11 +4312,6 @@
       const spliceNodeKey = vue.ref();
       const filterText = vue.ref("");
       const defaultExpandedKeys = vue.computed(() => selectedIds.value.length > 0 ? selectedIds.value : []);
-      editorService?.on("remove", () => {
-        setTimeout(() => {
-          tree.value?.getNode(editorService.get("node").id)?.updateChildren();
-        }, 0);
-      });
       const select = async (data) => {
         if (!data.id) {
           throw new Error("\u6CA1\u6709id");
@@ -4437,8 +4448,14 @@
         tree.value?.$el.blur();
         isMultiSelectStatus.value = false;
       };
+      const editorServiceRemoveHandler = () => {
+        setTimeout(() => {
+          tree.value?.getNode(editorService?.get("node").id)?.updateChildren();
+        }, 0);
+      };
       let keycon;
       vue.onMounted(() => {
+        editorService?.on("remove", editorServiceRemoveHandler);
         keycon = new KeyController__default.default(tree.value?.$el);
         const isMac = /mac os x/.test(navigator.userAgent.toLowerCase());
         const ctrl = isMac ? "meta" : "ctrl";
@@ -4452,6 +4469,7 @@
       });
       vue.onUnmounted(() => {
         keycon.destroy();
+        editorService?.off("remove", editorServiceRemoveHandler);
       });
       const clicked = vue.ref(false);
       const highlightNode = vue.computed(() => editorService?.get("highlightNode"));
@@ -5811,7 +5829,7 @@
   const _sfc_main = vue.defineComponent({
     name: "m-editor",
     components: {
-      NavMenu: _sfc_main$j,
+      TMagicNavMenu: _sfc_main$j,
       Sidebar: _sfc_main$9,
       Workspace: _sfc_main$1,
       PropsPanel: _sfc_main$i,
@@ -5894,11 +5912,14 @@
       },
       updateDragEl: {
         type: Function
+      },
+      disabledDragStart: {
+        type: Boolean
       }
     },
     emits: ["props-panel-mounted", "update:modelValue"],
     setup(props, { emit }) {
-      editorService.on("root-change", (value, preValue) => {
+      const rootChangeHandler = (value, preValue) => {
         const nodeId = editorService.get("node")?.id || props.defaultSelected;
         let node;
         if (nodeId) {
@@ -5916,7 +5937,8 @@
         if (vue.toRaw(value) !== vue.toRaw(preValue)) {
           emit("update:modelValue", value);
         }
-      });
+      };
+      editorService.on("root-change", rootChangeHandler);
       vue.watch(
         () => props.modelValue,
         (modelValue) => {
@@ -5984,6 +6006,7 @@
         uiService.resetState();
         componentListService.resetState();
         codeBlockService.resetState();
+        editorService.off("root-change", rootChangeHandler);
       });
       const services = {
         componentListService,
@@ -6009,7 +6032,8 @@
           isContainer: props.isContainer,
           containerHighlightClassName: props.containerHighlightClassName,
           containerHighlightDuration: props.containerHighlightDuration,
-          containerHighlightType: props.containerHighlightType
+          containerHighlightType: props.containerHighlightType,
+          disabledDragStart: props.disabledDragStart
         })
       );
       return services;
@@ -6025,7 +6049,7 @@
   };
 
   function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_NavMenu = vue.resolveComponent("NavMenu");
+    const _component_TMagicNavMenu = vue.resolveComponent("TMagicNavMenu");
     const _component_Sidebar = vue.resolveComponent("Sidebar");
     const _component_Workspace = vue.resolveComponent("Workspace");
     const _component_PropsPanel = vue.resolveComponent("PropsPanel");
@@ -6033,7 +6057,7 @@
     return vue.openBlock(), vue.createBlock(_component_Framework, { "code-options": _ctx.codeOptions }, {
       nav: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "nav", { editorService: _ctx.editorService }, () => [
-          vue.createVNode(_component_NavMenu, { data: _ctx.menu }, null, 8, ["data"])
+          vue.createVNode(_component_TMagicNavMenu, { data: _ctx.menu }, null, 8, ["data"])
         ])
       ]),
       sidebar: vue.withCtx(() => [