@tmagic/editor 1.2.0-beta.19 → 1.2.0-beta.20

package/dist/tmagic-editor.umd.js

@@ -1640,6 +1640,13 @@
     }
     return parentNode;
   };
+  const getDefaultConfig = async (addNode, parentNode) => {
+    const { type, inputEvent, ...config } = addNode;
+    const layout = await editorService.getLayout(vue.toRaw(parentNode), addNode);
+    const newNode = { ...vue.toRaw(await propsService.getPropsValue(type, config)) };
+    newNode.style = getInitPositionStyle(newNode.style, layout);
+    return newNode;
+  };
 
   class Editor$1 extends BaseService {
     state = vue.reactive({
@@ -1848,6 +1855,9 @@
       }
       const newNodes = await Promise.all(
         addNodes.map((node) => {
+          if (utils.isPage(node)) {
+            return this.doAdd(node, this.get("root"));
+          }
           const parentNode = parent && typeof parent !== "function" ? parent : getAddParent(node);
           if (!parentNode)
             throw new Error("\u672A\u627E\u5230\u7236\u5143\u7D20");
@@ -2001,7 +2011,7 @@
       if (!Array.isArray(config))
         return;
       const pasteConfigs = await this.doPaste(config, position);
-      return this.add(pasteConfigs);
+      return this.add(pasteConfigs, this.get("parent"));
     }
     async doPaste(config, position = {}) {
       const pasteConfigs = await beforePaste(position, lodashEs.cloneDeep(config));
@@ -5460,7 +5470,7 @@
       const zoom = vue.computed(() => services?.uiService.get("zoom") || 1);
       const node = vue.computed(() => services?.editorService.get("node"));
       vue.watchEffect(() => {
-        if (stage)
+        if (stage || !page.value)
           return;
         if (!stageContainer.value)
           return;
@@ -5850,14 +5860,23 @@
     emits: ["props-panel-mounted", "update:modelValue"],
     setup(props, { emit }) {
       editorService.on("root-change", (value) => {
-        const node = editorService.get("node");
-        const nodeId = node?.id || props.defaultSelected;
-        if (nodeId && node !== value) {
-          editorService.select(nodeId);
-        } else {
+        const nodeId = editorService.get("node")?.id || props.defaultSelected;
+        let node;
+        if (nodeId) {
+          node = editorService.getNodeById(nodeId);
+        }
+        if (node && node !== value) {
+          editorService.select(node.id);
+        } else if (value?.items?.length) {
+          editorService.select(value.items[0]);
+        } else if (value?.id) {
           editorService.set("nodes", [value]);
+          editorService.set("parent", null);
+          editorService.set("page", null);
+        }
+        if (vue.toRaw(value) !== vue.toRaw(editorService.get("root"))) {
+          emit("update:modelValue", value);
         }
-        emit("update:modelValue", vue.toRaw(editorService.get("root")));
       });
       vue.watch(
         () => props.modelValue,
@@ -6094,6 +6113,7 @@
   exports.TMagicEditor = Editor;
   exports.ToolButton = _sfc_main$k;
   exports.V_GUIDE_LINE_STORAGE_KEY = V_GUIDE_LINE_STORAGE_KEY;
+  exports.beforePaste = beforePaste;
   exports.change2Fixed = change2Fixed;
   exports.codeBlockService = codeBlockService;
   exports.debug = debug;
@@ -6106,12 +6126,15 @@
   exports.fixNodePosition = fixNodePosition;
   exports.generatePageName = generatePageName;
   exports.generatePageNameByApp = generatePageNameByApp;
+  exports.getAddParent = getAddParent;
   exports.getConfig = getConfig;
+  exports.getDefaultConfig = getDefaultConfig;
   exports.getGuideLineFromCache = getGuideLineFromCache;
   exports.getInitPositionStyle = getInitPositionStyle;
   exports.getNodeIndex = getNodeIndex;
   exports.getPageList = getPageList;
   exports.getPageNameList = getPageNameList;
+  exports.getPositionInContainer = getPositionInContainer;
   exports.getRelativeStyle = getRelativeStyle;
   exports.historyService = historyService;
   exports.info = info;