diygw-designer 1.3.2 → 1.4.1

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# Changelog
+
+## 1.4.0 - 2026-04-12
+
+### Features
+
+- `EDesigner` / `DesignerProps` 新增可选属性 `pageTreePersistence`（默认 `true`）。为 `false` 时不挂载页面树持久化宿主，且跳过本地草稿恢复引导，避免用 IndexedDB / 适配器中的多页项目数据覆盖当前 `defaultSchema`。
+- `MiniProgramDesigner`：在 `multi-page={false}` 且传入 `project-id` 时自动关闭页面树持久化，画布仅采用 `initial-page-schema` 或默认模板；`project-id` 仍用于存储命名空间隔离（如数据源等）。
+- 发布产物增加子路径导出 `diygw-designer/miniapp`（小程序设计器相关入口，与主包一同构建）。
+
+### Notes
+
+- 单页 + `project-id` 场景下不再从页面树存储自动回填画布；持久化保存请依赖业务侧 `@save` / `onSaveSchema` 等自行落库。

package/dist/core/src/components/designer/src/designer.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue");;/* empty css                                             */const k=require("../../../../../ui-kit/base-ui/src/asyncLoader/designerLoader.vue.cjs");;/* empty css                                                         */;/* empty css                                                              */const u=require("../../../../../utils/src/common/component.cjs"),S=require("../../../../../utils/src/common/data.cjs");require("jsep");const Z=require("../../../../../hooks/src/common/createEventBus.cjs");require("@vueuse/core");const j=require("../../../../../hooks/src/store/index.cjs"),J=require("../../../../../hooks/src/designer/useDesignerContext.cjs"),K=require("../../../../../hooks/src/designer/usePageManager.cjs"),h=require("../../../../../manager/src/pluginManager.cjs");;/* empty css                                                       */require("vue-draggable-plus");const G=require("../../../../../ui-kit/panel-ui/src/index.cjs"),U=require("../hooks/useDesigner.cjs"),W=require("../hooks/useHotkeys.cjs"),X=/* empty css                             */x=require("../../../../../ui-kit/panel-ui/src/activitybars/pageManager/pageDraftBootstrap.cjs"),i=s=>Object.freeze(Object.defineProperty({__proto__:null,default:s},Symbol.toStringTag,{value:"Module"})),Y={key:0,class:"diygw-loading-box"},F={key:0,class:"diygw-header-container"},Q={class:"diygw-loading-box"},ee=e.defineComponent({__name:"designer",props:{canvasMode:{default:"desktop"},defaultSchema:{},disabledZoom:{type:Boolean,default:!1},enablePageManager:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},formMode:{type:Boolean,default:!1},hiddenDesktop:{type:Boolean},hiddenHeader:{type:Boolean,default:!1},hiddenImport:{type:Boolean},hiddenMobile:{type:Boolean},hiddenPreviewJson:{type:Boolean},hiddenTablet:{type:Boolean},hidePreviewConfirm:{type:Boolean},lockDefaultSchemaEdit:{type:Boolean,default:!1},showHiddenItems:{type:Boolean,default:!0},sourceCodeReadOnly:{type:Boolean},tableJson:{},title:{default:"EpicDesigner默认项目"}},emits:["ready","save","reset","imported","toggleDeviceMode"],setup(s,{expose:D,emit:E}){const b=e.defineAsyncComponent(()=>Promise.resolve().then(()=>i(require("../../../../../ui-kit/panel-ui/src/activitybars/pageManager/pageTreePersistenceHost.vue.cjs")))),r=s,o=E;G.setupPanel(h.pluginManager,{enablePageManager:r.enablePageManager});const _=u.loadAsyncComponent(()=>Promise.resolve().then(()=>i(require("./modules/header/index.vue.cjs")))),M=u.loadAsyncComponent(()=>Promise.resolve().then(()=>i(require("./modules/activityBar/index.vue.cjs")))),N=u.loadAsyncComponent(()=>Promise.resolve().then(()=>i(require("./modules/editContainer/index.vue.cjs")))),H=u.loadAsyncComponent(()=>Promise.resolve().then(()=>i(require("./modules/rightSidebar/index.vue.cjs")))),v=h.pluginManager.component.get("epBuilderSlot"),m=e.ref(null),{handleDelete:y,handleDuplicate:V,pageManager:c,pageSchema:d,ready:$,reset:B,revoke:n,setHoverNode:w,setSelectedNode:l,state:p}=U.useDesigner(r,o);x.registerPageDraftBootstrap(x.runPageDraftBootstrap(d,l));const{setTarget:R}=W.useHotkeys({emit:o,handleDelete:y,pageSchema:d,revoke:n,setSelectedNode:l,state:p}),{disabledZoom:T}=j.useStore();e.watchEffect(()=>{T.value=r.disabledZoom}),Z.createEventBus(),e.provide(J.DESIGNER_CONTEXT_KEY,{handleDelete:y,handleDuplicate:V,handleImported:L,handleToggleDeviceMode:z,pageSchema:d,preview:g,props:r,reset:B,revoke:n,save:f,setDisabledHover:O,setHoverNode:w,setSelectedNode:l,state:p}),K.providePageManager(c);const a=e.ref(null);function A(){e.nextTick(()=>{var t;$.value=!0,a.value&&R(a.value),(t=a.value)==null||t.addEventListener("wheel",C,{passive:!1}),o("ready",{pageManager:c})})}async function O(t=!1){p.disabledHover=t}function I(t){S.migrateComponentProps(t),c.setPageSchema(t),l(),n.push("加载数据")}function q(){return S.deepClone(d)}function f(){o("save",q())}function z(t){o("toggleDeviceMode",t)}function L(t){o("imported",t)}function g(){m.value.handleOpen()}function C(t){t.ctrlKey&&t.preventDefault()}return e.onUnmounted(()=>{var t;(t=a.value)==null||t.removeEventListener("wheel",C)}),D({exportHistory:n.exportHistory,getData:q,importHistory:n.importHistory,preview:g,reset:B,revoke:n,save:f,setData:I}),(t,P)=>e.unref(h.pluginManager).designer.initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:A},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"diygw-designer-main ep-scoped",onMouseover:P[0]||(P[0]=te=>e.unref(w)()),ref_key:"designerRef",ref:a,tabindex:"0"},[r.hiddenHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",F,[e.renderSlot(t.$slots,"header",{},()=>[e.createVNode(e.unref(_),{onPreview:g,onSave:f},{header:e.withCtx(()=>[e.renderSlot(t.$slots,"header-prefix")]),prefix:e.withCtx(()=>[e.renderSlot(t.$slots,"header-prefix")]),title:e.withCtx(()=>[e.renderSlot(t.$slots,"header-title")]),"right-prefix":e.withCtx(()=>[e.renderSlot(t.$slots,"header-right-prefix")]),"right-action":e.withCtx(()=>[e.renderSlot(t.$slots,"header-right-action")]),"right-suffix":e.withCtx(()=>[e.renderSlot(t.$slots,"header-right-suffix")]),_:3})])])),e.createElementVNode("div",{class:e.normalizeClass(["diygw-split-view-container",{"hidden-header":s.hiddenHeader}])},[e.createVNode(e.unref(M)),e.createVNode(e.unref(N)),e.createVNode(e.unref(H))],2),e.createVNode(X,{ref_key:"previewRef",ref:m,"hide-confirm":r.hidePreviewConfirm},null,8,["hide-confirm"]),e.createVNode(e.unref(b)),e.unref(v)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(v)),{key:1})):e.createCommentVNode("",!0)],544)]),fallback:e.withCtx(()=>[e.createElementVNode("div",Q,[e.createVNode(e.unref(k))])]),_:3})):(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(e.unref(k))]))}});module.exports=ee;
+"use strict";const e=require("vue");;/* empty css                                             */const D=require("../../../../../ui-kit/base-ui/src/asyncLoader/designerLoader.vue.cjs");;/* empty css                                                         */;/* empty css                                                              */const u=require("../../../../../utils/src/common/component.cjs"),S=require("../../../../../utils/src/common/data.cjs");require("jsep");const Z=require("../../../../../hooks/src/common/createEventBus.cjs");require("@vueuse/core");const j=require("../../../../../hooks/src/store/index.cjs"),J=require("../../../../../hooks/src/designer/useDesignerContext.cjs"),K=require("../../../../../hooks/src/designer/usePageManager.cjs"),h=require("../../../../../manager/src/pluginManager.cjs");;/* empty css                                                       */require("vue-draggable-plus");const G=require("../../../../../ui-kit/panel-ui/src/index.cjs"),U=require("../hooks/useDesigner.cjs"),W=require("../hooks/useHotkeys.cjs"),X=require("./modules/preview/index.vue2.cjs"),v=require("../../../../../ui-kit/panel-ui/src/activitybars/pageManager/pageDraftBootstrap.cjs"),i=s=>Object.freeze(Object.defineProperty({__proto__:null,default:s},Symbol.toStringTag,{value:"Module"})),Y={key:0,class:"diygw-loading-box"},F={key:0,class:"diygw-header-container"},Q={class:"diygw-loading-box"},ee=e.defineComponent({__name:"designer",props:{canvasMode:{default:"desktop"},defaultSchema:{},disabledZoom:{type:Boolean,default:!1},enablePageManager:{type:Boolean,default:!0},pageTreePersistence:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},formMode:{type:Boolean,default:!1},hiddenDesktop:{type:Boolean},hiddenHeader:{type:Boolean,default:!1},hiddenImport:{type:Boolean},hiddenMobile:{type:Boolean},hiddenPreviewJson:{type:Boolean},hiddenTablet:{type:Boolean},hidePreviewConfirm:{type:Boolean},lockDefaultSchemaEdit:{type:Boolean,default:!1},showHiddenItems:{type:Boolean,default:!0},sourceCodeReadOnly:{type:Boolean},tableJson:{},title:{default:"EpicDesigner默认项目"}},emits:["ready","save","reset","imported","toggleDeviceMode"],setup(s,{expose:x,emit:E}){const b=e.defineAsyncComponent(()=>Promise.resolve().then(()=>i(require("../../../../../ui-kit/panel-ui/src/activitybars/pageManager/pageTreePersistenceHost.vue.cjs")))),r=s,o=E;G.setupPanel(h.pluginManager,{enablePageManager:r.enablePageManager});const _=u.loadAsyncComponent(()=>Promise.resolve().then(()=>i(require("./modules/header/index.vue.cjs")))),M=u.loadAsyncComponent(()=>Promise.resolve().then(()=>i(require("./modules/activityBar/index.vue.cjs")))),N=u.loadAsyncComponent(()=>Promise.resolve().then(()=>i(require("./modules/editContainer/index.vue.cjs")))),H=u.loadAsyncComponent(()=>Promise.resolve().then(()=>i(require("./modules/rightSidebar/index.vue.cjs")))),m=h.pluginManager.component.get("epBuilderSlot"),y=e.ref(null),{handleDelete:B,handleDuplicate:V,pageManager:c,pageSchema:l,ready:T,reset:P,revoke:n,setHoverNode:w,setSelectedNode:d,state:p}=U.useDesigner(r,o);r.pageTreePersistence?v.registerPageDraftBootstrap(v.runPageDraftBootstrap(l,d)):v.registerPageDraftBootstrap(Promise.resolve());const{setTarget:$}=W.useHotkeys({emit:o,handleDelete:B,pageSchema:l,revoke:n,setSelectedNode:d,state:p}),{disabledZoom:R}=j.useStore();e.watchEffect(()=>{R.value=r.disabledZoom}),Z.createEventBus(),e.provide(J.DESIGNER_CONTEXT_KEY,{handleDelete:B,handleDuplicate:V,handleImported:L,handleToggleDeviceMode:z,pageSchema:l,preview:g,props:r,reset:P,revoke:n,save:f,setDisabledHover:O,setHoverNode:w,setSelectedNode:d,state:p}),K.providePageManager(c);const a=e.ref(null);function A(){e.nextTick(()=>{var t;T.value=!0,a.value&&$(a.value),(t=a.value)==null||t.addEventListener("wheel",q,{passive:!1}),o("ready",{pageManager:c})})}async function O(t=!1){p.disabledHover=t}function I(t){S.migrateComponentProps(t),c.setPageSchema(t),d(),n.push("加载数据")}function C(){return S.deepClone(l)}function f(){o("save",C())}function z(t){o("toggleDeviceMode",t)}function L(t){o("imported",t)}function g(){y.value.handleOpen()}function q(t){t.ctrlKey&&t.preventDefault()}return e.onUnmounted(()=>{var t;(t=a.value)==null||t.removeEventListener("wheel",q)}),x({exportHistory:n.exportHistory,getData:C,importHistory:n.importHistory,preview:g,reset:P,revoke:n,save:f,setData:I}),(t,k)=>e.unref(h.pluginManager).designer.initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:A},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"diygw-designer-main ep-scoped",onMouseover:k[0]||(k[0]=te=>e.unref(w)()),ref_key:"designerRef",ref:a,tabindex:"0"},[r.hiddenHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",F,[e.renderSlot(t.$slots,"header",{},()=>[e.createVNode(e.unref(_),{onPreview:g,onSave:f},{header:e.withCtx(()=>[e.renderSlot(t.$slots,"header-prefix")]),prefix:e.withCtx(()=>[e.renderSlot(t.$slots,"header-prefix")]),title:e.withCtx(()=>[e.renderSlot(t.$slots,"header-title")]),"right-prefix":e.withCtx(()=>[e.renderSlot(t.$slots,"header-right-prefix")]),"right-action":e.withCtx(()=>[e.renderSlot(t.$slots,"header-right-action")]),"right-suffix":e.withCtx(()=>[e.renderSlot(t.$slots,"header-right-suffix")]),_:3})])])),e.createElementVNode("div",{class:e.normalizeClass(["diygw-split-view-container",{"hidden-header":s.hiddenHeader}])},[e.createVNode(e.unref(M)),e.createVNode(e.unref(N)),e.createVNode(e.unref(H))],2),e.createVNode(X,{ref_key:"previewRef",ref:y,"hide-confirm":r.hidePreviewConfirm},null,8,["hide-confirm"]),r.pageTreePersistence?(e.openBlock(),e.createBlock(e.unref(b),{key:1})):e.createCommentVNode("",!0),e.unref(m)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m)),{key:2})):e.createCommentVNode("",!0)],544)]),fallback:e.withCtx(()=>[e.createElementVNode("div",Q,[e.createVNode(e.unref(D))])]),_:3})):(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(e.unref(D))]))}});module.exports=ee;

package/dist/core/src/components/designer/src/designer.vue.d.ts

@@ -629,6 +629,7 @@ declare const __VLS_component: import('vue').DefineComponent<DesignerProps, {
     disabledZoom: boolean;
     canvasMode: "desktop" | "mobile" | "tablet";
     enablePageManager: boolean;
+    pageTreePersistence: boolean;
     formMode: boolean;
     hiddenHeader: boolean;
     lockDefaultSchemaEdit: boolean;

package/dist/core/src/components/designer/src/designer.vue.js

@@ -1,37 +1,38 @@
-import { defineComponent as Y, defineAsyncComponent as j, ref as S, watchEffect as q, provide as F, onUnmounted as Q, createElementBlock as M, createBlock as x, unref as o, openBlock as m, createVNode as t, Suspense as ee, withCtx as r, createElementVNode as v, createCommentVNode as R, renderSlot as a, normalizeClass as oe, resolveDynamicComponent as te, nextTick as re } from "vue";
+import { defineComponent as j, defineAsyncComponent as q, ref as x, watchEffect as F, provide as Q, onUnmounted as ee, createElementBlock as T, createBlock as v, unref as o, openBlock as l, createVNode as a, Suspense as oe, withCtx as r, createElementVNode as y, createCommentVNode as B, renderSlot as i, normalizeClass as te, resolveDynamicComponent as re, nextTick as ae } from "vue";
 /* empty css                                           */
-import _ from "../../../../../ui-kit/base-ui/src/asyncLoader/designerLoader.vue.js";
+import R from "../../../../../ui-kit/base-ui/src/asyncLoader/designerLoader.vue.js";
 /* empty css                                                       */
 /* empty css                                                            */
 import { loadAsyncComponent as f } from "../../../../../utils/src/common/component.js";
-import { migrateComponentProps as ae, deepClone as ie } from "../../../../../utils/src/common/data.js";
+import { migrateComponentProps as ie, deepClone as ne } from "../../../../../utils/src/common/data.js";
 import "jsep";
-import { createEventBus as ne } from "../../../../../hooks/src/common/createEventBus.js";
+import { createEventBus as se } from "../../../../../hooks/src/common/createEventBus.js";
 import "@vueuse/core";
 import { useStore as de } from "../../../../../hooks/src/store/index.js";
-import { DESIGNER_CONTEXT_KEY as se } from "../../../../../hooks/src/designer/useDesignerContext.js";
-import { providePageManager as le } from "../../../../../hooks/src/designer/usePageManager.js";
-import { pluginManager as y } from "../../../../../manager/src/pluginManager.js";
+import { DESIGNER_CONTEXT_KEY as le } from "../../../../../hooks/src/designer/useDesignerContext.js";
+import { providePageManager as pe } from "../../../../../hooks/src/designer/usePageManager.js";
+import { pluginManager as w } from "../../../../../manager/src/pluginManager.js";
 /* empty css                                                     */
 import "vue-draggable-plus";
-import { setupPanel as pe } from "../../../../../ui-kit/panel-ui/src/index.js";
-import { useDesigner as me } from "../hooks/useDesigner.js";
-import { useHotkeys as fe } from "../hooks/useHotkeys.js";
-import ce from "./modules/preview/index.vue.js";
-import { registerPageDraftBootstrap as ue, runPageDraftBootstrap as ge } from "../../../../../ui-kit/panel-ui/src/activitybars/pageManager/pageDraftBootstrap.js";
+import { setupPanel as me } from "../../../../../ui-kit/panel-ui/src/index.js";
+import { useDesigner as fe } from "../hooks/useDesigner.js";
+import { useHotkeys as ce } from "../hooks/useHotkeys.js";
+import ue from "./modules/preview/index.vue2.js";
+import { registerPageDraftBootstrap as _, runPageDraftBootstrap as ge } from "../../../../../ui-kit/panel-ui/src/activitybars/pageManager/pageDraftBootstrap.js";
 const he = {
   key: 0,
   class: "diygw-loading-box"
 }, ve = {
   key: 0,
   class: "diygw-header-container"
-}, ye = { class: "diygw-loading-box" }, ze = /* @__PURE__ */ Y({
+}, ye = { class: "diygw-loading-box" }, ze = /* @__PURE__ */ j({
   __name: "designer",
   props: {
     canvasMode: { default: "desktop" },
     defaultSchema: {},
     disabledZoom: { type: Boolean, default: !1 },
     enablePageManager: { type: Boolean, default: !0 },
+    pageTreePersistence: { type: Boolean, default: !0 },
     draggable: { type: Boolean, default: !0 },
     formMode: { type: Boolean, default: !1 },
     hiddenDesktop: { type: Boolean },
@@ -54,167 +55,167 @@ const he = {
     "imported",
     "toggleDeviceMode"
   ],
-  setup(B, { expose: $, emit: N }) {
-    const T = j(
+  setup(P, { expose: $, emit: N }) {
+    const I = q(
       () => import("../../../../../ui-kit/panel-ui/src/activitybars/pageManager/pageTreePersistenceHost.vue.js")
-    ), i = B, n = N;
-    pe(y, {
-      enablePageManager: i.enablePageManager
+    ), t = P, n = N;
+    me(w, {
+      enablePageManager: t.enablePageManager
     });
-    const I = f(() => import("./modules/header/index.vue.js")), A = f(
+    const A = f(() => import("./modules/header/index.vue.js")), O = f(
       () => import("./modules/activityBar/index.vue.js")
-    ), O = f(
-      () => import("./modules/editContainer/index.vue.js")
     ), V = f(
+      () => import("./modules/editContainer/index.vue.js")
+    ), Z = f(
       () => import("./modules/rightSidebar/index.vue.js")
-    ), w = y.component.get("epBuilderSlot"), E = S(null), {
-      handleDelete: b,
-      handleDuplicate: Z,
+    ), E = w.component.get("epBuilderSlot"), b = x(null), {
+      handleDelete: k,
+      handleDuplicate: z,
       pageManager: c,
-      pageSchema: l,
-      ready: z,
+      pageSchema: p,
+      ready: J,
       reset: D,
-      revoke: d,
-      setHoverNode: P,
-      setSelectedNode: p,
+      revoke: s,
+      setHoverNode: C,
+      setSelectedNode: m,
       state: u
-    } = me(i, n);
-    ue(ge(l, p));
-    const { setTarget: J } = fe({
+    } = fe(t, n);
+    t.pageTreePersistence ? _(ge(p, m)) : _(Promise.resolve());
+    const { setTarget: K } = ce({
       emit: n,
-      handleDelete: b,
-      pageSchema: l,
-      revoke: d,
-      setSelectedNode: p,
+      handleDelete: k,
+      pageSchema: p,
+      revoke: s,
+      setSelectedNode: m,
       state: u
-    }), { disabledZoom: K } = de();
-    q(() => {
-      K.value = i.disabledZoom;
-    }), ne(), F(se, {
-      handleDelete: b,
-      handleDuplicate: Z,
-      handleImported: X,
-      handleToggleDeviceMode: W,
-      pageSchema: l,
+    }), { disabledZoom: L } = de();
+    F(() => {
+      L.value = t.disabledZoom;
+    }), se(), Q(le, {
+      handleDelete: k,
+      handleDuplicate: z,
+      handleImported: Y,
+      handleToggleDeviceMode: X,
+      pageSchema: p,
       preview: h,
-      props: i,
+      props: t,
       reset: D,
-      revoke: d,
+      revoke: s,
       save: g,
-      setDisabledHover: G,
-      setHoverNode: P,
-      setSelectedNode: p,
+      setDisabledHover: U,
+      setHoverNode: C,
+      setSelectedNode: m,
       state: u
-    }), le(c);
-    const s = S(null);
-    function L() {
-      re(() => {
+    }), pe(c);
+    const d = x(null);
+    function G() {
+      ae(() => {
         var e;
-        z.value = !0, s.value && J(s.value), (e = s.value) == null || e.addEventListener("wheel", C, {
+        J.value = !0, d.value && K(d.value), (e = d.value) == null || e.addEventListener("wheel", S, {
           passive: !1
         }), n("ready", { pageManager: c });
       });
     }
-    async function G(e = !1) {
+    async function U(e = !1) {
       u.disabledHover = e;
     }
-    function U(e) {
-      ae(e), c.setPageSchema(e), p(), d.push("加载数据");
+    function W(e) {
+      ie(e), c.setPageSchema(e), m(), s.push("加载数据");
     }
-    function k() {
-      return ie(l);
+    function H() {
+      return ne(p);
     }
     function g() {
-      n("save", k());
+      n("save", H());
     }
-    function W(e) {
+    function X(e) {
       n("toggleDeviceMode", e);
     }
-    function X(e) {
+    function Y(e) {
       n("imported", e);
     }
     function h() {
-      E.value.handleOpen();
+      b.value.handleOpen();
     }
-    function C(e) {
+    function S(e) {
       e.ctrlKey && e.preventDefault();
     }
-    return Q(() => {
+    return ee(() => {
       var e;
-      (e = s.value) == null || e.removeEventListener("wheel", C);
+      (e = d.value) == null || e.removeEventListener("wheel", S);
     }), $({
-      exportHistory: d.exportHistory,
-      getData: k,
-      importHistory: d.importHistory,
+      exportHistory: s.exportHistory,
+      getData: H,
+      importHistory: s.importHistory,
       preview: h,
       reset: D,
-      revoke: d,
+      revoke: s,
       save: g,
-      setData: U
-    }), (e, H) => o(y).designer.initialized.value ? (m(), x(ee, {
+      setData: W
+    }), (e, M) => o(w).designer.initialized.value ? (l(), v(oe, {
       key: 1,
-      onResolve: L
+      onResolve: G
     }, {
       default: r(() => [
-        v("div", {
+        y("div", {
           class: "diygw-designer-main ep-scoped",
-          onMouseover: H[0] || (H[0] = (Be) => o(P)()),
+          onMouseover: M[0] || (M[0] = (Be) => o(C)()),
           ref_key: "designerRef",
-          ref: s,
+          ref: d,
           tabindex: "0"
         }, [
-          i.hiddenHeader ? R("", !0) : (m(), M("div", ve, [
-            a(e.$slots, "header", {}, () => [
-              t(o(I), {
+          t.hiddenHeader ? B("", !0) : (l(), T("div", ve, [
+            i(e.$slots, "header", {}, () => [
+              a(o(A), {
                 onPreview: h,
                 onSave: g
               }, {
                 header: r(() => [
-                  a(e.$slots, "header-prefix")
+                  i(e.$slots, "header-prefix")
                 ]),
                 prefix: r(() => [
-                  a(e.$slots, "header-prefix")
+                  i(e.$slots, "header-prefix")
                 ]),
                 title: r(() => [
-                  a(e.$slots, "header-title")
+                  i(e.$slots, "header-title")
                 ]),
                 "right-prefix": r(() => [
-                  a(e.$slots, "header-right-prefix")
+                  i(e.$slots, "header-right-prefix")
                 ]),
                 "right-action": r(() => [
-                  a(e.$slots, "header-right-action")
+                  i(e.$slots, "header-right-action")
                 ]),
                 "right-suffix": r(() => [
-                  a(e.$slots, "header-right-suffix")
+                  i(e.$slots, "header-right-suffix")
                 ]),
                 _: 3
               })
             ])
           ])),
-          v("div", {
-            class: oe(["diygw-split-view-container", { "hidden-header": B.hiddenHeader }])
+          y("div", {
+            class: te(["diygw-split-view-container", { "hidden-header": P.hiddenHeader }])
           }, [
-            t(o(A)),
-            t(o(O)),
-            t(o(V))
+            a(o(O)),
+            a(o(V)),
+            a(o(Z))
           ], 2),
-          t(ce, {
+          a(ue, {
             ref_key: "previewRef",
-            ref: E,
-            "hide-confirm": i.hidePreviewConfirm
+            ref: b,
+            "hide-confirm": t.hidePreviewConfirm
           }, null, 8, ["hide-confirm"]),
-          t(o(T)),
-          o(w) ? (m(), x(te(o(w)), { key: 1 })) : R("", !0)
+          t.pageTreePersistence ? (l(), v(o(I), { key: 1 })) : B("", !0),
+          o(E) ? (l(), v(re(o(E)), { key: 2 })) : B("", !0)
         ], 544)
       ]),
       fallback: r(() => [
-        v("div", ye, [
-          t(o(_))
+        y("div", ye, [
+          a(o(R))
         ])
       ]),
       _: 3
-    })) : (m(), M("div", he, [
-      t(o(_))
+    })) : (l(), T("div", he, [
+      a(o(R))
     ]));
   }
 });

package/dist/core/src/components/designer/src/modules/preview/index.vue2.cjs

@@ -1 +1 @@
-"use strict";const t=require("vue");;/* empty css                                                   */;/* empty css                                                               */;/* empty css                                                                    */const c=require("../../../../../../../manager/src/pluginManager.cjs");;/* empty css                                                             */require("vue-draggable-plus");const M=require("../../../../../../../utils/src/common/data.cjs");require("jsep");require("@vueuse/core");require("../../../../../../../hooks/src/store/index.cjs");const S=require("../../../../../../../hooks/src/designer/useDesignerContext.cjs"),E=require("../../../../builder/src/builder.vue.cjs"),B={class:"epic-preview-body translate-y-0px h-full rounded"},O={class:"h-full rounded"},z=t.defineComponent({__name:"index",props:{hideConfirm:{type:Boolean},width:{default:""}},setup(x,{expose:k}){const u=x,w=c.pluginManager.component.get("monacoEditor"),m=c.pluginManager.component.get("modal"),f=t.ref(null),n=t.ref(!1),a=t.ref(!1),s=t.ref({}),{pageSchema:l}=S.useDesignerContext(),p=t.ref(null),v={desktop:"desktop",mobile:"mobile",pad:"tablet",pc:"desktop",tablet:"tablet"};function h(e){return e?e in v?v[e]:["desktop","mobile","tablet"].includes(e)?e:"desktop":"desktop"}const _=t.computed(()=>{var g;if((g=u.width)!=null&&g.trim())return u.width;const e=l.canvas,o=h(e==null?void 0:e.mode),r=((e==null?void 0:e.width)??"").trim();if((o==="mobile"||o==="tablet")&&r){const d=Number.parseInt(r,10),N=56;if(!Number.isNaN(d)&&d>0)return`${Math.min(d+N,1200)}px`}return"min(96vw, 1280px)"}),y=t.computed(()=>{const e=l.canvas,o=h(e==null?void 0:e.mode),r=((e==null?void 0:e.width)??"").trim();return o==="mobile"||o==="tablet"?{background:"#fff",border:"1px solid var(--el-border-color-lighter, #ebeef5)",borderRadius:o==="mobile"?"12px":"10px",boxSizing:"border-box",margin:"0 auto",maxWidth:"100%",minHeight:"520px",overflow:"auto",width:r||"100%"}:{boxSizing:"border-box",minHeight:"min(70vh, 720px)",width:"100%"}}),i=t.computed(()=>{const e=M.findSchemas(l.schemas,o=>{var r;return o.type.includes("form")&&((r=o.props)==null?void 0:r.name)}).map(o=>{var r;return(r=o.props)==null?void 0:r.name});return[...new Set(e)]});function b(){a.value=!1}function V(){n.value=!1}function q(){n.value=!0}async function C(){if(!i.value.length){c.pluginManager.global.$message.error("缺少表单组件!");return}try{let e={};for(const o of i.value)e[`${o}`]=await p.value.validate(o);i.value.length===1&&i.value[0]==="default"&&(e=e.default),s.value=JSON.stringify(e,null,2),t.nextTick(()=>{var o;(o=f.value)==null||o.setValue(s.value)}),a.value=!0}catch(e){console.error(e)}}return k({handleOpen:q}),(e,o)=>(t.openBlock(),t.createBlock(t.unref(m),{modelValue:n.value,"onUpdate:modelValue":o[1]||(o[1]=r=>n.value=r),title:"预览",width:_.value,"hide-confirm":u.hideConfirm,"ok-text":"表单数据",onClose:V,onOk:C},{default:t.withCtx(()=>[t.createElementVNode("div",B,[t.createElementVNode("div",{class:"epic-preview-frame",style:t.normalizeStyle(y.value)},[n.value?(t.openBlock(),t.createBlock(t.unref(E),{key:0,ref_key:"kb",ref:p,"page-schema":t.unref(l)},null,8,["page-schema"])):t.createCommentVNode("",!0)],4),t.createVNode(t.unref(m),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=r=>a.value=r),title:"表单数据",width:"860px",onClose:b,onOk:b},{default:t.withCtx(()=>[t.createElementVNode("div",O,[t.createVNode(t.unref(w),{ref_key:"monacoEditorRef",ref:f,"auto-toggle-theme":"","read-only":"",class:"editor h-full","model-value":s.value},null,8,["model-value"])])]),_:1},8,["modelValue"])])]),_:1},8,["modelValue","width","hide-confirm"]))}});module.exports=z;
+"use strict";const e=;/* empty css             */;/* empty css            */const r=require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs"),t=r(e,[["__scopeId","data-v-8454a49d"]]);module.exports=t;

package/dist/core/src/components/designer/src/modules/preview/index.vue2.js

@@ -1,152 +1,7 @@
-import { defineComponent as W, ref as a, computed as p, createBlock as y, openBlock as V, unref as r, withCtx as _, createElementVNode as c, createVNode as C, normalizeStyle as D, createCommentVNode as F, nextTick as H } from "vue";
-/* empty css                                                 */
-/* empty css                                                             */
-/* empty css                                                                  */
-import { pluginManager as f } from "../../../../../../../manager/src/pluginManager.js";
-/* empty css                                                           */
-import "vue-draggable-plus";
-import { findSchemas as U } from "../../../../../../../utils/src/common/data.js";
-import "jsep";
-import "@vueuse/core";
-import "../../../../../../../hooks/src/store/index.js";
-import { useDesignerContext as I } from "../../../../../../../hooks/src/designer/useDesignerContext.js";
-import J from "../../../../builder/src/builder.vue.js";
-const T = { class: "epic-preview-body translate-y-0px h-full rounded" }, j = { class: "h-full rounded" }, ne = /* @__PURE__ */ W({
-  __name: "index",
-  props: {
-    hideConfirm: { type: Boolean },
-    width: { default: "" }
-  },
-  setup(N, { expose: M }) {
-    const d = N, S = f.component.get("monacoEditor"), v = f.component.get("modal"), h = a(null), n = a(!1), l = a(!1), u = a({}), { pageSchema: i } = I(), b = a(null), g = {
-      desktop: "desktop",
-      mobile: "mobile",
-      pad: "tablet",
-      pc: "desktop",
-      tablet: "tablet"
-    };
-    function x(e) {
-      return e ? e in g ? g[e] : ["desktop", "mobile", "tablet"].includes(e) ? e : "desktop" : "desktop";
-    }
-    const E = p(() => {
-      var k;
-      if ((k = d.width) != null && k.trim()) return d.width;
-      const e = i.canvas, t = x(e == null ? void 0 : e.mode), o = ((e == null ? void 0 : e.width) ?? "").trim();
-      if ((t === "mobile" || t === "tablet") && o) {
-        const m = Number.parseInt(o, 10), R = 56;
-        if (!Number.isNaN(m) && m > 0)
-          return `${Math.min(m + R, 1200)}px`;
-      }
-      return "min(96vw, 1280px)";
-    }), O = p(() => {
-      const e = i.canvas, t = x(e == null ? void 0 : e.mode), o = ((e == null ? void 0 : e.width) ?? "").trim();
-      return t === "mobile" || t === "tablet" ? {
-        background: "#fff",
-        border: "1px solid var(--el-border-color-lighter, #ebeef5)",
-        borderRadius: t === "mobile" ? "12px" : "10px",
-        boxSizing: "border-box",
-        margin: "0 auto",
-        maxWidth: "100%",
-        minHeight: "520px",
-        overflow: "auto",
-        width: o || "100%"
-      } : {
-        boxSizing: "border-box",
-        minHeight: "min(70vh, 720px)",
-        width: "100%"
-      };
-    }), s = p(() => {
-      const e = U(
-        i.schemas,
-        (t) => {
-          var o;
-          return t.type.includes("form") && ((o = t.props) == null ? void 0 : o.name);
-        }
-      ).map((t) => {
-        var o;
-        return (o = t.props) == null ? void 0 : o.name;
-      });
-      return [...new Set(e)];
-    });
-    function w() {
-      l.value = !1;
-    }
-    function z() {
-      n.value = !1;
-    }
-    function $() {
-      n.value = !0;
-    }
-    async function B() {
-      if (!s.value.length) {
-        f.global.$message.error("缺少表单组件!");
-        return;
-      }
-      try {
-        let e = {};
-        for (const t of s.value)
-          e[`${t}`] = await b.value.validate(t);
-        s.value.length === 1 && s.value[0] === "default" && (e = e.default), u.value = JSON.stringify(e, null, 2), H(() => {
-          var t;
-          (t = h.value) == null || t.setValue(u.value);
-        }), l.value = !0;
-      } catch (e) {
-        console.error(e);
-      }
-    }
-    return M({
-      handleOpen: $
-    }), (e, t) => (V(), y(r(v), {
-      modelValue: n.value,
-      "onUpdate:modelValue": t[1] || (t[1] = (o) => n.value = o),
-      title: "预览",
-      width: E.value,
-      "hide-confirm": d.hideConfirm,
-      "ok-text": "表单数据",
-      onClose: z,
-      onOk: B
-    }, {
-      default: _(() => [
-        c("div", T, [
-          c("div", {
-            class: "epic-preview-frame",
-            style: D(O.value)
-          }, [
-            n.value ? (V(), y(r(J), {
-              key: 0,
-              ref_key: "kb",
-              ref: b,
-              "page-schema": r(i)
-            }, null, 8, ["page-schema"])) : F("", !0)
-          ], 4),
-          C(r(v), {
-            modelValue: l.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => l.value = o),
-            title: "表单数据",
-            width: "860px",
-            onClose: w,
-            onOk: w
-          }, {
-            default: _(() => [
-              c("div", j, [
-                C(r(S), {
-                  ref_key: "monacoEditorRef",
-                  ref: h,
-                  "auto-toggle-theme": "",
-                  "read-only": "",
-                  class: "editor h-full",
-                  "model-value": u.value
-                }, null, 8, ["model-value"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ])
-      ]),
-      _: 1
-    }, 8, ["modelValue", "width", "hide-confirm"]));
-  }
-});
+import o from "./index.vue3.js";
+/* empty css          */
+import r from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8454a49d"]]);
 export {
-  ne as default
+  e as default
 };

package/dist/core/src/components/designer/src/modules/preview/index.vue3.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue");;/* empty css                                                   */;/* empty css                                                               */;/* empty css                                                                    */const c=require("../../../../../../../manager/src/pluginManager.cjs");;/* empty css                                                             */require("vue-draggable-plus");const M=require("../../../../../../../utils/src/common/data.cjs");require("jsep");require("@vueuse/core");require("../../../../../../../hooks/src/store/index.cjs");const S=require("../../../../../../../hooks/src/designer/useDesignerContext.cjs"),E=require("../../../../builder/src/builder.vue.cjs"),B={class:"epic-preview-body translate-y-0px h-full rounded"},O={class:"h-full rounded"},z=t.defineComponent({__name:"index",props:{hideConfirm:{type:Boolean},width:{default:""}},setup(x,{expose:k}){const u=x,w=c.pluginManager.component.get("monacoEditor"),m=c.pluginManager.component.get("modal"),f=t.ref(null),n=t.ref(!1),a=t.ref(!1),s=t.ref({}),{pageSchema:l}=S.useDesignerContext(),p=t.ref(null),v={desktop:"desktop",mobile:"mobile",pad:"tablet",pc:"desktop",tablet:"tablet"};function h(e){return e?e in v?v[e]:["desktop","mobile","tablet"].includes(e)?e:"desktop":"desktop"}const _=t.computed(()=>{var g;if((g=u.width)!=null&&g.trim())return u.width;const e=l.canvas,o=h(e==null?void 0:e.mode),r=((e==null?void 0:e.width)??"").trim();if((o==="mobile"||o==="tablet")&&r){const d=Number.parseInt(r,10),N=56;if(!Number.isNaN(d)&&d>0)return`${Math.min(d+N,1200)}px`}return"min(96vw, 1280px)"}),y=t.computed(()=>{const e=l.canvas,o=h(e==null?void 0:e.mode),r=((e==null?void 0:e.width)??"").trim();return o==="mobile"||o==="tablet"?{background:"#fff",border:"1px solid var(--el-border-color-lighter, #ebeef5)",borderRadius:o==="mobile"?"12px":"10px",boxSizing:"border-box",margin:"0 auto",maxWidth:"100%",minHeight:"520px",overflow:"auto",width:r||"100%"}:{boxSizing:"border-box",minHeight:"min(70vh, 720px)",width:"100%"}}),i=t.computed(()=>{const e=M.findSchemas(l.schemas,o=>{var r;return o.type.includes("form")&&((r=o.props)==null?void 0:r.name)}).map(o=>{var r;return(r=o.props)==null?void 0:r.name});return[...new Set(e)]});function b(){a.value=!1}function V(){n.value=!1}function q(){n.value=!0}async function C(){if(!i.value.length){c.pluginManager.global.$message.error("缺少表单组件!");return}try{let e={};for(const o of i.value)e[`${o}`]=await p.value.validate(o);i.value.length===1&&i.value[0]==="default"&&(e=e.default),s.value=JSON.stringify(e,null,2),t.nextTick(()=>{var o;(o=f.value)==null||o.setValue(s.value)}),a.value=!0}catch(e){console.error(e)}}return k({handleOpen:q}),(e,o)=>(t.openBlock(),t.createBlock(t.unref(m),{modelValue:n.value,"onUpdate:modelValue":o[1]||(o[1]=r=>n.value=r),title:"预览",width:_.value,"hide-confirm":u.hideConfirm,"ok-text":"表单数据",onClose:V,onOk:C},{default:t.withCtx(()=>[t.createElementVNode("div",B,[t.createElementVNode("div",{class:"epic-preview-frame",style:t.normalizeStyle(y.value)},[n.value?(t.openBlock(),t.createBlock(t.unref(E),{key:0,ref_key:"kb",ref:p,"page-schema":t.unref(l)},null,8,["page-schema"])):t.createCommentVNode("",!0)],4),t.createVNode(t.unref(m),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=r=>a.value=r),title:"表单数据",width:"860px",onClose:b,onOk:b},{default:t.withCtx(()=>[t.createElementVNode("div",O,[t.createVNode(t.unref(w),{ref_key:"monacoEditorRef",ref:f,"auto-toggle-theme":"","read-only":"",class:"editor h-full","model-value":s.value},null,8,["model-value"])])]),_:1},8,["modelValue"])])]),_:1},8,["modelValue","width","hide-confirm"]))}});module.exports=z;