print-design-myprint 1.0.1 → 1.0.2

package/dist/index.full.js

@@ -65960,6 +65960,7 @@
       const appStore = useAppStoreHook();
       const designRef = vue.ref();
       const isDrop = vue.ref(false);
+      const dropTeleportTarget = vue.ref(null);
       const tmpElement = vue.ref({});
       const dragWrapper = vue.reactive({
         visible: false,
@@ -65972,7 +65973,16 @@
       });
       const props = __props;
       const panel = getCurrentPanel();
-      function dragStart(ev) {
+      function resolveDesignContentEl() {
+        const el = document.querySelector(".design-content");
+        return el instanceof HTMLElement ? el : null;
+      }
+      vue.watch(isDrop, (v) => {
+        if (!v) {
+          dropTeleportTarget.value = null;
+        }
+      });
+      async function dragStart(ev) {
         mouseTips.visible();
         tmpElement.value = JSON.parse(JSON.stringify(props.data));
         const element = tmpElement.value;
@@ -66058,16 +66068,41 @@
         dragWrapper.y = startY;
         dragWrapper.width = element.runtimeOption.width;
         dragWrapper.height = element.runtimeOption.height;
+        dropTeleportTarget.value = resolveDesignContentEl();
+        if (!dropTeleportTarget.value) {
+          await vue.nextTick();
+          dropTeleportTarget.value = resolveDesignContentEl();
+        }
+        if (!dropTeleportTarget.value) {
+          await new Promise((r) => requestAnimationFrame(() => r()));
+          dropTeleportTarget.value = resolveDesignContentEl();
+        }
+        if (!dropTeleportTarget.value) {
+          dragWrapper.visible = false;
+          dragWrapper.opacity = 0;
+          mouseTips.hidden();
+          clearEventBubble(ev);
+          return;
+        }
         isDrop.value = true;
         document.addEventListener("mousemove", mouseMove);
         document.addEventListener("mouseup", mouseup);
         clearEventBubble(ev);
-        vue.nextTick(() => {
-          const myHtmlElement = designRef.value.$el;
-          element.runtimeOption.target = myHtmlElement;
-          myHtmlElement.element = element;
-          dragNewElement(element.runtimeOption.target, ev);
-        });
+        await vue.nextTick();
+        await vue.nextTick();
+        const inst = designRef.value;
+        const myHtmlElement = inst == null ? void 0 : inst.$el;
+        if (!myHtmlElement) {
+          isDrop.value = false;
+          dropTeleportTarget.value = null;
+          dragWrapper.visible = false;
+          document.removeEventListener("mousemove", mouseMove);
+          document.removeEventListener("mouseup", mouseup);
+          return;
+        }
+        element.runtimeOption.target = myHtmlElement;
+        myHtmlElement.element = element;
+        dragNewElement(element.runtimeOption.target, ev);
         function mouseMove(evMove) {
           let diffXNum = -evMove.clientX + appStore.panelPosition.x;
           let diffYNum = -evMove.clientY + appStore.panelPosition.y;
@@ -66209,16 +66244,17 @@
               32
               /* NEED_HYDRATION */
             ),
-            vue.unref(isDrop) ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
+            vue.createCommentVNode(" \u5FC5\u987B\u89E3\u6790\u5230\u771F\u5B9E DOM \u518D\u6302 Teleport\uFF1B\u9009\u4E0D\u5230 .design-content \u65F6 to \u65E0\u6548\uFF0C\u4F1A\u5728 patch \u65F6\u89E6\u53D1 emitsOptions \u7B49\u62A5\u9519 "),
+            vue.unref(isDrop) && vue.unref(dropTeleportTarget) ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
               key: 0,
-              to: ".design-content"
+              to: vue.unref(dropTeleportTarget)
             }, [
               vue.createVNode(Design, {
                 element: vue.unref(tmpElement),
                 ref_key: "designRef",
                 ref: designRef
               }, null, 8, ["element"])
-            ])) : vue.createCommentVNode("v-if", true),
+            ], 8, ["to"])) : vue.createCommentVNode("v-if", true),
             vue.unref(dragWrapper).visible ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
               key: 1,
               to: "body"
@@ -88196,7 +88232,7 @@
         return vue.openBlock(), vue.createElementBlock(
           "div",
           {
-            class: vue.normalizeClass(["content-scale", { run: vue.unref(appStore).currentElement.id == null }])
+            class: vue.normalizeClass(["content-scale", { run: vue.unref(appStore).currentElement.length === 0 }])
           },
           [
             vue.unref(configStore).settingPanel.miniMap.visible ? (vue.openBlock(), vue.createElementBlock(
@@ -88452,7 +88488,7 @@
       setCurrentPanel(panel);
       const props = __props;
       vue.watch(() => props.uploadUrl, (val) => {
-        appStore.uploadUrl = val;
+        appStore.uploadUrl = val || "";
       }, { immediate: true });
       const style = vue.computed(() => {
         return {
@@ -88588,10 +88624,10 @@
     }
   });
 
-  var DesignPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+  var DesignPanel$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
 
   function mountDesign(app, props, element) {
-    const printNode = vue.h(DesignPanel, props == null ? {} : props);
+    const printNode = vue.h(DesignPanel$1, props == null ? {} : props);
     let elementTmp = element;
     if (elementTmp == null) {
       elementTmp = document.createElement("div");
@@ -94960,7 +94996,9 @@ ${$$g(r2)}`), n2;
     }
   };
 
-  const version$1 = "1.0.1";
+  const version$1 = "1.0.2";
+
+  const DesignPanel = DesignPanel$1;
 
   function _typeof$1(obj) {
     "@babel/helpers - typeof";

package/dist/index.full.mjs

@@ -65959,6 +65959,7 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
     const appStore = useAppStoreHook();
     const designRef = ref$1();
     const isDrop = ref$1(false);
+    const dropTeleportTarget = ref$1(null);
     const tmpElement = ref$1({});
     const dragWrapper = reactive({
       visible: false,
@@ -65971,7 +65972,16 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
     });
     const props = __props;
     const panel = getCurrentPanel();
-    function dragStart(ev) {
+    function resolveDesignContentEl() {
+      const el = document.querySelector(".design-content");
+      return el instanceof HTMLElement ? el : null;
+    }
+    watch(isDrop, (v) => {
+      if (!v) {
+        dropTeleportTarget.value = null;
+      }
+    });
+    async function dragStart(ev) {
       mouseTips.visible();
       tmpElement.value = JSON.parse(JSON.stringify(props.data));
       const element = tmpElement.value;
@@ -66057,16 +66067,41 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
       dragWrapper.y = startY;
       dragWrapper.width = element.runtimeOption.width;
       dragWrapper.height = element.runtimeOption.height;
+      dropTeleportTarget.value = resolveDesignContentEl();
+      if (!dropTeleportTarget.value) {
+        await nextTick$1();
+        dropTeleportTarget.value = resolveDesignContentEl();
+      }
+      if (!dropTeleportTarget.value) {
+        await new Promise((r) => requestAnimationFrame(() => r()));
+        dropTeleportTarget.value = resolveDesignContentEl();
+      }
+      if (!dropTeleportTarget.value) {
+        dragWrapper.visible = false;
+        dragWrapper.opacity = 0;
+        mouseTips.hidden();
+        clearEventBubble(ev);
+        return;
+      }
       isDrop.value = true;
       document.addEventListener("mousemove", mouseMove);
       document.addEventListener("mouseup", mouseup);
       clearEventBubble(ev);
-      nextTick$1(() => {
-        const myHtmlElement = designRef.value.$el;
-        element.runtimeOption.target = myHtmlElement;
-        myHtmlElement.element = element;
-        dragNewElement(element.runtimeOption.target, ev);
-      });
+      await nextTick$1();
+      await nextTick$1();
+      const inst = designRef.value;
+      const myHtmlElement = inst == null ? void 0 : inst.$el;
+      if (!myHtmlElement) {
+        isDrop.value = false;
+        dropTeleportTarget.value = null;
+        dragWrapper.visible = false;
+        document.removeEventListener("mousemove", mouseMove);
+        document.removeEventListener("mouseup", mouseup);
+        return;
+      }
+      element.runtimeOption.target = myHtmlElement;
+      myHtmlElement.element = element;
+      dragNewElement(element.runtimeOption.target, ev);
       function mouseMove(evMove) {
         let diffXNum = -evMove.clientX + appStore.panelPosition.x;
         let diffYNum = -evMove.clientY + appStore.panelPosition.y;
@@ -66208,16 +66243,17 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
             32
             /* NEED_HYDRATION */
           ),
-          unref(isDrop) ? (openBlock(), createBlock(Teleport, {
+          createCommentVNode(" \u5FC5\u987B\u89E3\u6790\u5230\u771F\u5B9E DOM \u518D\u6302 Teleport\uFF1B\u9009\u4E0D\u5230 .design-content \u65F6 to \u65E0\u6548\uFF0C\u4F1A\u5728 patch \u65F6\u89E6\u53D1 emitsOptions \u7B49\u62A5\u9519 "),
+          unref(isDrop) && unref(dropTeleportTarget) ? (openBlock(), createBlock(Teleport, {
             key: 0,
-            to: ".design-content"
+            to: unref(dropTeleportTarget)
           }, [
             createVNode(Design, {
               element: unref(tmpElement),
               ref_key: "designRef",
               ref: designRef
             }, null, 8, ["element"])
-          ])) : createCommentVNode("v-if", true),
+          ], 8, ["to"])) : createCommentVNode("v-if", true),
           unref(dragWrapper).visible ? (openBlock(), createBlock(Teleport, {
             key: 1,
             to: "body"
@@ -88195,7 +88231,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(
         "div",
         {
-          class: normalizeClass(["content-scale", { run: unref(appStore).currentElement.id == null }])
+          class: normalizeClass(["content-scale", { run: unref(appStore).currentElement.length === 0 }])
         },
         [
           unref(configStore).settingPanel.miniMap.visible ? (openBlock(), createElementBlock(
@@ -88451,7 +88487,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     setCurrentPanel(panel);
     const props = __props;
     watch(() => props.uploadUrl, (val) => {
-      appStore.uploadUrl = val;
+      appStore.uploadUrl = val || "";
     }, { immediate: true });
     const style = computed(() => {
       return {
@@ -88587,10 +88623,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DesignPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+var DesignPanel$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
 
 function mountDesign(app, props, element) {
-  const printNode = h$5(DesignPanel, props == null ? {} : props);
+  const printNode = h$5(DesignPanel$1, props == null ? {} : props);
   let elementTmp = element;
   if (elementTmp == null) {
     elementTmp = document.createElement("div");
@@ -94959,7 +94995,9 @@ const install = {
   }
 };
 
-const version$1 = "1.0.1";
+const version$1 = "1.0.2";
+
+const DesignPanel = DesignPanel$1;
 
 function _typeof$1(obj) {
   "@babel/helpers - typeof";

package/es/components/content/handle-panel/history-panel.vue.d.ts

@@ -57,12 +57,12 @@ declare const _default: import("vue").DefineComponent<{}, {
         element: {
             type: any;
             required: false;
-            default: () => import("../../../index").HandlePanel;
+            default: () => import("../../..").HandlePanel;
         };
         position: {
             type: any;
             required: true;
-            default: () => import("../../../index").HandlePanelPosition;
+            default: () => import("../../..").HandlePanelPosition;
         };
         modelValue: {
             type: BooleanConstructor;
@@ -73,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         props: any;
         appStore: import("pinia").Store<"myPrintApp", {
             locale: string;
-            displayModel: import("../../../index").DisplayModel;
+            displayModel: import("../../..").DisplayModel;
             client: {
                 connect: boolean;
             };
@@ -83,12 +83,12 @@ declare const _default: import("vue").DefineComponent<{}, {
                 scrollX: number;
                 scrollY: number;
             };
-            currentPanel: import("../../../index").Panel;
+            currentPanel: import("../../..").Panel;
             previewData: any[];
-            provider: import("../../../index").Provider;
-            lastPageUnit: import("../../../index").PageUnit;
-            currentElement: import("../../../index").MyElement[];
-            auxiliaryLineTmp: import("../../../index").MyAuxiliaryLine;
+            provider: import("../../..").Provider;
+            lastPageUnit: import("../../..").PageUnit;
+            currentElement: import("../../..").MyElement[];
+            auxiliaryLineTmp: import("../../..").MyAuxiliaryLine;
             dataRotation: number | "rotate" | "none" | "ns-resize" | "move" | "col-resize";
             uploadUrl: string;
         }, {}, {
@@ -192,8 +192,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             "onPs-x-reach-end"?: (...args: any[]) => any;
         }>, {
             height: string;
-            tag: string;
             options: any;
+            tag: string;
             hoverBlod: boolean;
             disabledScrollBar: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -269,12 +269,12 @@ declare const _default: import("vue").DefineComponent<{}, {
         element: {
             type: any;
             required: false;
-            default: () => import("../../../index").HandlePanel;
+            default: () => import("../../..").HandlePanel;
         };
         position: {
             type: any;
             required: true;
-            default: () => import("../../../index").HandlePanelPosition;
+            default: () => import("../../..").HandlePanelPosition;
         };
         modelValue: {
             type: BooleanConstructor;