@opentiny/tiny-engine-plugin-page 2.1.0-rc.0 → 2.2.0-beta.3

package/dist/index.js

@@ -1,37 +1,37 @@
 import "./style.css";
-import { ref as G, watchEffect as ee, resolveComponent as p, openBlock as I, createBlock as E, computed as ge, createElementBlock as q, createVNode as g, withCtx as h, pushScopeId as Se, popScopeId as he, createElementVNode as w, reactive as X, createTextVNode as Y, createCommentVNode as A, resolveDynamicComponent as He, onUnmounted as We, nextTick as ze, Fragment as ye, renderList as Qe, toDisplayString as De, provide as Ye, inject as Ze } from "vue";
-import { getMetaApi as V, META_SERVICE as x, usePage as M, useBlock as $e, useModal as z, getMergeMeta as Oe, useNotify as O, useCanvas as Ce, getMergeRegistry as Ae, useLayout as le, useBreadcrumb as et, useMessage as Ee, useHelp as tt, getOptions as Ve, HOOK_NAME as at } from "@opentiny/tiny-engine-meta-register";
-import { BlockHistoryList as nt, MetaCodeEditor as ot, LifeCycles as st, PluginSetting as Me, SvgButton as be, ButtonGroup as Ue, PluginPanel as rt } from "@opentiny/tiny-engine-common";
-import { isEqual as pe, extend as Z } from "@opentiny/vue-renderless/common/object";
-import { Checkbox as Le, Button as je, Collapse as ve, CollapseItem as Ne, Input as qe, Search as ct, Tree as lt, Form as it, FormItem as gt, Select as pt, Radio as ut } from "@opentiny/vue";
-import { constants as Je } from "@opentiny/tiny-engine-utils";
-import { isVsCodeEnv as Ke } from "@opentiny/tiny-engine-common/js/environments";
-import { handlePageUpdate as dt } from "@opentiny/tiny-engine-common/js/http";
-import { generatePage as mt, generateRouter as _t } from "@opentiny/tiny-engine-common/js/vscodeGenerateFile";
-import { previewPage as Pt } from "@opentiny/tiny-engine-common/js/preview";
-import ft from "@opentiny/vue-renderless/common/deps/throttle";
-import { IconSearch as yt, IconFolderOpened as St, IconFolderClosed as ht } from "@opentiny/vue-icon";
-import { getCanvasStatus as xe } from "@opentiny/tiny-engine-common/js/canvas";
-import { REGEXP_PAGE_NAME as Dt, REGEXP_ROUTE as Ge, REGEXP_FOLDER_NAME as Ct } from "@opentiny/tiny-engine-common/js/verification";
-const bt = (t) => V(x.Http).get(`/app-center/api/pages/list/${t}`), Ie = (t) => V(x.Http).get(`/app-center/api/pages/detail/${t}`), vt = (t) => V(x.Http).get(`/app-center/api/pages/delete/${t}`), Nt = (t) => V(x.Http).post("/app-center/api/pages/create", t), It = (t, a) => V(x.Http).post(`/app-center/api/pages/update/${t}`, a), Tt = (t) => V(x.Http).post("/app-center/api/pages/copy", t), Xe = (t) => V(x.Http).get(`/app-center/api/pages/histories?page=${t}`), Ft = (t) => V(x.Http).post("/app-center/api/pageHistory/restore", t), wt = (t) => V(x.Http).get(`/app-center/api/pages/histories/${t}`), kt = (t, a) => V(x.Http).post(`/app-center/api/pages/update/${t}`, a), ue = {
-  fetchPageList: bt,
-  fetchPageDetail: Ie,
-  requestDeletePage: vt,
-  requestCreatePage: Nt,
-  requestCopyPage: Tt,
-  fetchPageHistory: Xe,
-  fetchHistoryDetail: wt,
-  handleRouteHomeUpdate: It,
-  requestRestorePageHistory: Ft,
-  requestUpdatePage: kt
-}, J = (t, a) => {
-  const i = t.__vccOpts || t;
-  for (const [e, r] of a)
-    i[e] = r;
-  return i;
-}, Ot = {
+import { ref as W, watchEffect as Pe, resolveComponent as P, openBlock as h, createBlock as A, computed as te, createElementBlock as H, createVNode as d, withCtx as D, createElementVNode as x, reactive as le, createTextVNode as de, createCommentVNode as L, resolveDynamicComponent as je, Fragment as oe, renderList as ve, normalizeClass as be, toDisplayString as ue, renderSlot as ot, onMounted as st, onUnmounted as Be, provide as rt, inject as lt } from "vue";
+import { getMetaApi as q, META_SERVICE as j, usePage as $, useBlock as ct, useModal as se, getMergeMeta as Ge, useNotify as B, useCanvas as re, getMergeRegistry as Je, useLayout as De, useMessage as he, useHelp as it, getOptions as Ae, useBreadcrumb as gt, HOOK_NAME as dt } from "@opentiny/tiny-engine-meta-register";
+import { BlockHistoryList as ut, MetaCodeEditor as pt, LifeCycles as mt, PluginSetting as Ke, SvgButton as Ce, ButtonGroup as We, PluginPanel as ft } from "@opentiny/tiny-engine-common";
+import { isEqual as pe, extend as me } from "@opentiny/vue-renderless/common/object";
+import { Checkbox as we, Button as Xe, Collapse as ke, CollapseItem as Te, Input as ze, Search as Pt, Popover as yt, Form as _t, FormItem as Dt, Select as ht, Radio as St } from "@opentiny/vue";
+import { constants as Fe } from "@opentiny/tiny-engine-utils";
+import { isVsCodeEnv as Qe } from "@opentiny/tiny-engine-common/js/environments";
+import { handlePageUpdate as Ye } from "@opentiny/tiny-engine-common/js/http";
+import { generatePage as vt, generateRouter as bt } from "@opentiny/tiny-engine-common/js/vscodeGenerateFile";
+import { previewPage as Ct } from "@opentiny/tiny-engine-common/js/preview";
+import Nt from "@opentiny/vue-renderless/common/deps/throttle";
+import { IconSearch as It, IconFolderOpened as wt, IconFolderClosed as kt } from "@opentiny/vue-icon";
+import { getCanvasStatus as Ze } from "@opentiny/tiny-engine-common/js/canvas";
+import { REGEXP_PAGE_NAME as Tt, REGEXP_ROUTE as Me, REGEXP_FOLDER_NAME as Ft } from "@opentiny/tiny-engine-common/js/verification";
+const Ot = (a) => q(j.Http).get(`/app-center/api/pages/list/${a}`), Oe = (a) => q(j.Http).get(`/app-center/api/pages/detail/${a}`), Et = (a) => q(j.Http).get(`/app-center/api/pages/delete/${a}`), xt = (a) => q(j.Http).post("/app-center/api/pages/create", a), Vt = (a, t) => q(j.Http).post(`/app-center/api/pages/update/${a}`, t), Rt = (a) => q(j.Http).post("/app-center/api/pages/copy", a), $e = (a) => q(j.Http).get(`/app-center/api/pages/histories?page=${a}`), Bt = (a) => q(j.Http).post("/app-center/api/pageHistory/restore", a), Gt = (a) => q(j.Http).get(`/app-center/api/pages/histories/${a}`), At = (a, t) => q(j.Http).post(`/app-center/api/pages/update/${a}`, t), ce = {
+  fetchPageList: Ot,
+  fetchPageDetail: Oe,
+  requestDeletePage: Et,
+  requestCreatePage: xt,
+  requestCopyPage: Rt,
+  fetchPageHistory: $e,
+  fetchHistoryDetail: Gt,
+  handleRouteHomeUpdate: Vt,
+  requestRestorePageHistory: Bt,
+  requestUpdatePage: At
+}, ee = (a, t) => {
+  const n = a.__vccOpts || a;
+  for (const [e, o] of t)
+    n[e] = o;
+  return n;
+}, Mt = {
   components: {
-    BlockHistoryList: nt
+    BlockHistoryList: ut
   },
   props: {
     curPageData: {
@@ -40,96 +40,96 @@ const bt = (t) => V(x.Http).get(`/app-center/api/pages/list/${t}`), Ie = (t) =>
     }
   },
   emits: ["restorePage"],
-  setup(t, { emit: a }) {
-    const { pageSettingState: i } = M(), { getDateFromNow: e } = $e(), { confirm: r } = z(), s = G([]), _ = (d) => {
-      const { id: f, version: m } = V(x.GlobalService).getBaseInfo(), v = m ? `&app=${f}&version=${m}` : "";
-      d ? Xe(d + v).then((C) => {
-        C && (C.forEach((S) => {
-          S.backupTitle = S.message, S.backupTime = e(new Date(S.time));
-        }), s.value = C.reverse());
+  setup(a, { emit: t }) {
+    const { pageSettingState: n } = $(), { getDateFromNow: e } = ct(), { confirm: o } = se(), s = W([]), r = (u) => {
+      const { id: y, version: _ } = q(j.GlobalService).getBaseInfo(), R = _ ? `&app=${y}&version=${_}` : "";
+      u ? $e(u + R).then((f) => {
+        f && (f.forEach((i) => {
+          i.backupTitle = i.message, i.backupTime = e(new Date(i.time));
+        }), s.value = f.reverse());
       }) : s.value = [];
     };
-    return ee(() => {
-      var f;
-      const d = ((f = i.currentPageData) == null ? void 0 : f.id) || "";
-      _(d);
+    return Pe(() => {
+      var y;
+      const u = ((y = n.currentPageData) == null ? void 0 : y.id) || "";
+      r(u);
     }), {
       list: s,
-      previewHistory: (d) => {
-        var f, m;
-        d && Pt({
-          id: d.page,
-          history: d.id,
-          framework: (f = Oe("engine.config")) == null ? void 0 : f.dslMode,
-          platform: (m = Oe("engine.config")) == null ? void 0 : m.platformId
+      previewHistory: (u) => {
+        var y, _;
+        u && Ct({
+          id: u.page,
+          history: u.id,
+          framework: (y = Ge("engine.config")) == null ? void 0 : y.dslMode,
+          platform: (_ = Ge("engine.config")) == null ? void 0 : _.platformId
         });
       },
-      restoreHistory: (d) => {
-        r({
+      restoreHistory: (u) => {
+        o({
           title: "提示",
           message: "您即将还原历史页面，是否继续还原？",
           exec: () => {
-            a("restorePage", d);
+            t("restorePage", u);
           }
         });
       }
     };
   }
 };
-function Et(t, a, i, e, r, s) {
-  const _ = p("block-history-list");
-  return I(), E(_, {
+function Ht(a, t, n, e, o, s) {
+  const r = P("block-history-list");
+  return h(), A(r, {
     history: e.list,
     onPreview: e.previewHistory,
     onRestore: e.restoreHistory
   }, null, 8, ["history", "onPreview", "onRestore"]);
 }
-const Vt = /* @__PURE__ */ J(Ot, [["render", Et]]), xt = {
+const Ut = /* @__PURE__ */ ee(Mt, [["render", Ht]]), Lt = {
   components: {
-    MetaCodeEditor: ot,
-    TinyCheckbox: Le
+    MetaCodeEditor: pt,
+    TinyCheckbox: we
   },
   setup() {
-    const t = G(""), a = G(""), { pageSettingState: i } = M(), e = ge(() => i.currentPageData);
-    return ee(() => {
-      var n, l;
-      t.value = ((n = i.currentPageData.page_content) == null ? void 0 : n.inputs) || "", a.value = ((l = i.currentPageData.page_content) == null ? void 0 : l.outputs) || "";
+    const a = W(""), t = W(""), { pageSettingState: n } = $(), e = te(() => n.currentPageData);
+    return Pe(() => {
+      var c, l;
+      a.value = ((c = n.currentPageData.page_content) == null ? void 0 : c.inputs) || "", t.value = ((l = n.currentPageData.page_content) == null ? void 0 : l.outputs) || "";
     }), {
-      inputValue: t,
-      outputValue: a,
-      saveInputValue: (n) => {
+      inputValue: a,
+      outputValue: t,
+      saveInputValue: (c) => {
         try {
-          const l = JSON.parse(n.content);
-          t.value = n.content, e.value.page_content.inputs = l;
+          const l = JSON.parse(c.content);
+          a.value = c.content, e.value.page_content.inputs = l;
         } catch (l) {
-          O({
+          B({
             title: "输入配置保存失败（必须符合JSON格式）",
             message: `${(l == null ? void 0 : l.message) || l}`,
             type: "error"
           });
         }
       },
-      saveOutputValue: (n) => {
+      saveOutputValue: (c) => {
         try {
-          const l = JSON.parse(n.content);
-          a.value = n.content, e.value.page_content.outputs = l;
+          const l = JSON.parse(c.content);
+          t.value = c.content, e.value.page_content.outputs = l;
         } catch (l) {
-          O({
+          B({
             title: "输出配置保存失败（必须符合JSON格式）",
             message: `${(l == null ? void 0 : l.message) || l}`,
             type: "error"
           });
         }
       },
-      pageSettingState: i,
-      hasContent: (n) => Array.isArray(n) && n.length > 0 || typeof n == "object" && Object.keys(n).length > 0
+      pageSettingState: n,
+      hasContent: (c) => Array.isArray(c) && c.length > 0 || typeof c == "object" && Object.keys(c).length > 0
     };
   }
-}, de = (t) => (Se("data-v-b78f3300"), t = t(), he(), t), Gt = { class: "input-or-output" }, Rt = /* @__PURE__ */ de(() => /* @__PURE__ */ w("div", { class: "input-output-tips" }, "传递给页面的参数(类似组件的输入属性)", -1)), Bt = /* @__PURE__ */ de(() => /* @__PURE__ */ w("div", { class: "input-output-div" }, "页面传递出的事件(类似组件触发的输出事件)", -1)), Ht = /* @__PURE__ */ de(() => /* @__PURE__ */ w("span", null, "设为根元素为Body", -1)), At = /* @__PURE__ */ de(() => /* @__PURE__ */ w("div", { class: "input-output-div" }, "默认为div", -1));
-function Mt(t, a, i, e, r, s) {
-  const _ = p("svg-icon"), n = p("meta-code-editor"), l = p("tiny-checkbox");
-  return I(), q("div", Gt, [
-    g(n, {
+}, qt = { class: "input-or-output" };
+function jt(a, t, n, e, o, s) {
+  const r = P("svg-icon"), c = P("meta-code-editor"), l = P("tiny-checkbox");
+  return h(), H("div", qt, [
+    d(c, {
       modelValue: e.inputValue,
       title: "输入配置",
       "button-text": "输入配置",
@@ -138,16 +138,16 @@ function Mt(t, a, i, e, r, s) {
       single: "",
       onSave: e.saveInputValue
     }, {
-      icon: h(() => [
-        g(_, {
+      icon: D(() => [
+        d(r, {
           class: "edit-btn-icon",
           name: "to-edit"
         })
       ]),
       _: 1
     }, 8, ["modelValue", "buttonShowContent", "onSave"]),
-    Rt,
-    g(n, {
+    t[2] || (t[2] = x("div", { class: "input-output-tips" }, "传递给页面的参数(类似组件的输入属性)", -1)),
+    d(c, {
       modelValue: e.outputValue,
       title: "输出配置",
       "button-text": "输出配置",
@@ -156,60 +156,60 @@ function Mt(t, a, i, e, r, s) {
       single: "",
       onSave: e.saveOutputValue
     }, {
-      icon: h(() => [
-        g(_, {
+      icon: D(() => [
+        d(r, {
           class: "edit-btn-icon",
           name: "to-edit"
         })
       ]),
       _: 1
     }, 8, ["modelValue", "buttonShowContent", "onSave"]),
-    Bt,
-    g(l, {
+    t[3] || (t[3] = x("div", { class: "input-output-div" }, "页面传递出的事件(类似组件触发的输出事件)", -1)),
+    d(l, {
       class: "selectHome",
       modelValue: e.pageSettingState.currentPageData.isBody,
-      "onUpdate:modelValue": a[0] || (a[0] = (d) => e.pageSettingState.currentPageData.isBody = d)
+      "onUpdate:modelValue": t[0] || (t[0] = (u) => e.pageSettingState.currentPageData.isBody = u)
     }, {
-      default: h(() => [
-        Ht
-      ]),
+      default: D(() => t[1] || (t[1] = [
+        x("span", null, "设为根元素为Body", -1)
+      ])),
       _: 1
     }, 8, ["modelValue"]),
-    At
+    t[4] || (t[4] = x("div", { class: "input-output-div" }, "默认为div", -1))
   ]);
 }
-const Ut = /* @__PURE__ */ J(xt, [["render", Mt], ["__scopeId", "data-v-b78f3300"]]), $ = {
+const Jt = /* @__PURE__ */ ee(Lt, [["render", jt], ["__scopeId", "data-v-b78f3300"]]), fe = {
   id: "engine.plugins.appmanage",
   title: "页面",
   type: "plugins",
   icon: "plugin-icon-page",
   align: "top"
 }, {
-  COMPONENT_NAME: Lt
-} = Je, Te = G(!1), ie = () => {
-  Te.value = !0;
-}, L = () => {
-  Te.value = !1;
+  COMPONENT_NAME: Kt
+} = Fe, Ee = W(!1), Se = () => {
+  Ee.value = !0;
+}, Z = () => {
+  Ee.value = !1;
   const {
-    resetPageData: t
-  } = M();
-  t();
-}, Re = {
+    resetPageData: a
+  } = $();
+  a();
+}, He = {
   general: "general",
   inputOutput: "inputOutput",
   lifeCycles: "lifeCycles",
   history: "history"
-}, jt = {
+}, Wt = {
   components: {
-    TinyButton: je,
-    TinyCollapse: ve,
-    TinyCollapseItem: Ne,
-    PageInputOutput: Ut,
-    LifeCycles: st,
-    PageHistory: Vt,
-    PluginSetting: Me,
-    SvgButton: be,
-    ButtonGroup: Ue
+    TinyButton: Xe,
+    TinyCollapse: ke,
+    TinyCollapseItem: Te,
+    PageInputOutput: Jt,
+    LifeCycles: mt,
+    PageHistory: Ut,
+    PluginSetting: Ke,
+    SvgButton: Ce,
+    ButtonGroup: We
   },
   props: {
     isFolder: {
@@ -218,177 +218,184 @@ const Ut = /* @__PURE__ */ J(xt, [["render", Mt], ["__scopeId", "data-v-b78f3300
     }
   },
   emits: ["openNewPage"],
-  setup(t, {
-    emit: a
+  setup(a, {
+    emit: t
   }) {
-    var oe;
+    var Ie;
     const {
-      requestCreatePage: i,
+      requestCreatePage: n,
       requestDeletePage: e
-    } = ue, {
-      getDefaultPage: r,
+    } = ce, {
+      getDefaultPage: o,
       pageSettingState: s,
-      changeTreeData: _,
-      isCurrentDataSame: n,
+      changeTreeData: r,
+      isCurrentDataSame: c,
       initCurrentPageData: l,
-      isTemporaryPage: d,
-      STATIC_PAGE_GROUP_ID: f
-    } = M(), {
-      pageState: m,
-      initData: v
-    } = Ce(), {
-      confirm: C
-    } = z(), S = Ae($.type, $.id), u = S.components.PageGeneral, N = (oe = S == null ? void 0 : S.options) == null ? void 0 : oe.beforeCreatePage, k = G(null), T = X({
-      activeName: Object.values(Re),
+      isTemporaryPage: u,
+      STATIC_PAGE_GROUP_ID: y
+    } = $(), {
+      pageState: _,
+      initData: R
+    } = re(), {
+      confirm: f
+    } = se(), i = Je(fe.type, fe.id), S = i.components.PageGeneral, m = (Ie = i == null ? void 0 : i.options) == null ? void 0 : Ie.beforeCreatePage, T = W(null), G = le({
+      activeName: Object.values(He),
       title: "页面设置",
       historyMessage: ""
-    }), U = () => {
-      pe(s.currentPageData, s.currentPageDataCopy) ? L() : C({
+    }), M = () => {
+      pe(s.currentPageData, s.currentPageDataCopy) ? Z() : f({
         title: "提示",
         message: "您即将使用未保存的更改关闭此页。是否要在关闭之前放弃这些更改？",
         exec: () => {
-          s.isNew || (_(s.oldParentId, s.currentPageData.parentId), Object.assign(s.currentPageData, s.currentPageDataCopy)), L();
+          s.isNew || (r(s.oldParentId, s.currentPageData.parentId), Object.assign(s.currentPageData, s.currentPageDataCopy)), Z();
         }
       });
-    }, K = async () => {
+    }, J = async () => {
       const {
         page_content: b,
-        ...o
-      } = r(), {
-        page_content: c,
-        ...y
-      } = s.currentPageData, P = {
-        ...o,
-        ...y,
+        ...w
+      } = o(), {
+        page_content: F,
+        ...E
+      } = s.currentPageData, U = {
+        ...w,
+        ...E,
         page_content: {
           ...b,
-          ...c,
+          ...F,
           fileName: s.currentPageData.name
         },
-        app: V(x.GlobalService).getBaseInfo().id,
+        app: q(j.GlobalService).getBaseInfo().id,
         isPage: !0
       };
-      P.id && (delete P.id, delete P._id), N && await N(P), i(P).then((D) => {
-        s.updateTreeData(), s.isNew = !1, d.saved = !1, a("openNewPage", D), L(), le().closePlugin(), O({
+      U.id && (delete U.id, delete U._id), m && await m(U), n(U).then((Q) => {
+        s.updateTreeData(), s.isNew = !1, u.saved = !1, t("openNewPage", Q), Z(), De().closePlugin(), B({
           type: "success",
           message: "新建页面成功!"
-        }), Ke && mt(D);
-      }).catch((D) => {
-        O({
+        }), Qe && vt(Q);
+      }).catch((Q) => {
+        B({
           type: "error",
           title: "新建页面失败",
-          message: JSON.stringify((D == null ? void 0 : D.message) || D)
+          message: JSON.stringify((Q == null ? void 0 : Q.message) || Q)
         });
       });
-    }, j = (b, o) => {
-      var P;
-      const c = s.currentPageDataCopy.route !== s.currentPageData.route, y = ((P = m == null ? void 0 : m.currentPage) == null ? void 0 : P.id) === b;
-      return dt(b, o, c, y);
-    }, me = (b) => {
-      b.id = b.page, ["page", "backupTime", "backupTitle", "time"].forEach((y) => delete b[y]);
-      const c = {
+    }, p = (b, w) => {
+      var U;
+      const F = s.currentPageDataCopy.route !== s.currentPageData.route, E = ((U = _ == null ? void 0 : _.currentPage) == null ? void 0 : U.id) === b;
+      return Ye(b, w, F, E);
+    }, v = (b) => {
+      b.id = b.page, ["page", "backupTime", "backupTitle", "time"].forEach((E) => delete b[E]);
+      const F = {
         ...s.currentPageData,
         ...b,
         message: "还原页面"
       };
-      j(b.id, c).then((y) => {
-        var P;
-        ((P = m == null ? void 0 : m.currentPage) == null ? void 0 : P.id) === (y == null ? void 0 : y.id) && v(y.page_content, y);
+      p(b.id, F).then((E) => {
+        var U;
+        ((U = _ == null ? void 0 : _.currentPage) == null ? void 0 : U.id) === (E == null ? void 0 : E.id) && R(E.page_content, E);
       });
-    }, te = async () => {
+    }, I = async () => {
       const {
         id: b,
-        name: o,
-        page_content: c
-      } = s.currentPageData, y = {
+        name: w,
+        page_content: F
+      } = s.currentPageData, E = {
         ...s.currentPageData,
         page_content: {
-          ...c,
-          fileName: o
+          ...F,
+          fileName: w
         }
-      }, P = await j(b, y);
-      l(P);
-    }, _e = (b) => {
+      }, U = await p(b, E);
+      l(U);
+    }, C = (b) => {
       if (!b)
         return;
-      const o = s.currentPageData.page_content;
-      o.lifeCycles = {
-        ...o.lifeCycles || {},
+      const w = s.currentPageData.page_content;
+      w.lifeCycles = {
+        ...w.lifeCycles || {},
         ...b
       };
-    }, W = () => {
-      const b = s.currentPageData, o = Z(!0, {}, b);
-      s.isNew = !0, o.name = `${o.name}Copy`, o.route = `${o.route}Copy`, s.currentPageData = o, s.currentPageDataCopy = Z(!0, {}, o);
-    }, Pe = () => {
-      n() ? W() : C({
+    }, z = () => {
+      const b = s.currentPageData, w = me(!0, {}, b);
+      s.isNew = !0, w.name = `${w.name}Copy`, w.route = `${w.route}Copy`, s.currentPageData = w, s.currentPageDataCopy = me(!0, {}, w);
+    }, V = () => {
+      c() ? z() : f({
         title: "提示",
         message: "您即将复制的页面有更改未保存，是否确定跳过更改直接复制？",
         exec: () => {
-          _(s.oldParentId, s.currentPageData.parentId), Object.assign(s.currentPageData, s.currentPageDataCopy), W();
+          r(s.oldParentId, s.currentPageData.parentId), Object.assign(s.currentPageData, s.currentPageDataCopy), z();
         }
       });
-    }, ae = () => {
-      C({
+    }, ie = () => {
+      f({
         title: "创建历史备份信息",
-        status: "custom",
         message: {
-          render: () => g(qe, {
+          render: () => d(ze, {
             placeholder: "历史备份信息",
-            modelValue: T.historyMessage,
-            "onUpdate:modelValue": (P) => T.historyMessage = P
+            modelValue: G.historyMessage,
+            "onUpdate:modelValue": (E) => G.historyMessage = E
           }, null)
         },
         exec: () => {
-          s.currentPageData.message = T.historyMessage.trim() || "Page auto save", s.isNew ? K() : te(), T.historyMessage = "";
+          s.currentPageData.message = G.historyMessage.trim() || "Page auto save", s.isNew ? J() : I(), G.historyMessage = "";
         }
       });
-    }, fe = () => {
-      k.value.validGeneralForm().then(ae);
-    }, ne = (b = []) => {
+    }, ne = () => {
+      T.value.validGeneralForm().then(ie);
+    }, ae = (b = []) => {
       if (!Array.isArray(b))
         return [];
-      const o = [];
-      return b.forEach((c) => {
-        var y;
-        if (c != null && c.isPage) {
-          o.push(c);
+      const w = [];
+      return b.forEach((F) => {
+        var E;
+        if (F != null && F.isPage) {
+          w.push(F);
           return;
         }
-        !(c != null && c.isPage) && ((y = c == null ? void 0 : c.children) != null && y.length) && o.push(...ne(c.children));
-      }), o;
+        !(F != null && F.isPage) && ((E = F == null ? void 0 : F.children) != null && E.length) && w.push(...ae(F.children));
+      }), w;
     };
     return {
-      state: T,
-      isShow: Te,
-      savePageSetting: fe,
-      copyPage: Pe,
+      state: G,
+      isShow: Ee,
+      savePageSetting: ne,
+      copyPage: V,
       pageSettingState: s,
-      pageGeneral: u,
-      pageGeneralRef: k,
+      pageGeneral: S,
+      pageGeneralRef: T,
       deletePage: () => {
-        C({
+        var b, w;
+        if ((w = (b = s.treeDataMapping[s.currentPageData.id]) == null ? void 0 : b.children) != null && w.length) {
+          B({
+            type: "error",
+            message: "此页面存在子页面或子文件夹，不能删除！"
+          });
+          return;
+        }
+        f({
           title: "提示",
           message: "您是否要删除页面?",
           exec: () => {
-            var o;
-            const b = ((o = s.currentPageData) == null ? void 0 : o.id) || "";
-            e(b).then(() => {
-              s.updateTreeData().then((c) => {
-                var se, Q;
-                if (((se = m == null ? void 0 : m.currentPage) == null ? void 0 : se.id) !== b)
+            var E;
+            const F = ((E = s.currentPageData) == null ? void 0 : E.id) || "";
+            e(F).then(() => {
+              s.updateTreeData().then((U) => {
+                var X, ye;
+                if (((X = _ == null ? void 0 : _.currentPage) == null ? void 0 : X.id) !== F)
                   return;
-                const y = ((Q = (c || []).find(({
-                  groupId: re
-                }) => re === f)) == null ? void 0 : Q.data) || [], P = ne(y), D = P.find((re) => re.isHome), R = P == null ? void 0 : P[0], B = {
-                  componentName: Lt.Page
+                const Q = ((ye = (U || []).find(({
+                  groupId: ge
+                }) => ge === y)) == null ? void 0 : ye.data) || [], g = ae(Q), k = g.find((ge) => ge.isHome), N = g == null ? void 0 : g[0], K = {
+                  componentName: Kt.Page
                 };
-                a("openNewPage", D || R || B);
-              }), L(), O({
+                t("openNewPage", k || N || K);
+              }), Z(), B({
                 message: "删除页面成功！",
                 type: "success"
               });
             }).catch(() => {
-              O({
+              B({
                 message: "删除页面失败！",
                 type: "error"
               });
@@ -396,48 +403,47 @@ const Ut = /* @__PURE__ */ J(xt, [["render", Mt], ["__scopeId", "data-v-b78f3300
           }
         });
       },
-      cancelPageSetting: U,
-      closePageSettingPanel: L,
-      updatePageLifeCycles: _e,
-      restorePage: me,
-      PAGE_SETTING_SESSION: Re
+      cancelPageSetting: M,
+      closePageSettingPanel: Z,
+      updatePageLifeCycles: C,
+      restorePage: v,
+      PAGE_SETTING_SESSION: He
     };
   }
-}, qt = { class: "page-setting-content" }, Jt = { class: "life-cycles-container" };
-function Kt(t, a, i, e, r, s) {
-  const _ = p("tiny-button"), n = p("svg-button"), l = p("button-group"), d = p("tiny-collapse-item"), f = p("page-input-output"), m = p("life-cycles"), v = p("page-history"), C = p("tiny-collapse"), S = p("plugin-setting");
-  return e.isShow ? (I(), E(S, {
+}, Xt = { class: "page-setting-content" }, zt = { class: "life-cycles-container" };
+function Qt(a, t, n, e, o, s) {
+  const r = P("tiny-button"), c = P("svg-button"), l = P("button-group"), u = P("tiny-collapse-item"), y = P("page-input-output"), _ = P("life-cycles"), R = P("page-history"), f = P("tiny-collapse"), i = P("plugin-setting");
+  return e.isShow ? (h(), A(i, {
     key: 0,
     title: e.state.title,
     class: "page-plugin-setting"
   }, {
-    header: h(() => [
-      g(l, null, {
-        default: h(() => [
-          g(_, {
+    header: D(() => [
+      d(l, null, {
+        default: D(() => [
+          d(r, {
             type: "primary",
             onClick: e.savePageSetting
           }, {
-            default: h(() => [
-              Y("保存")
-            ]),
+            default: D(() => t[1] || (t[1] = [
+              de("保存")
+            ])),
             _: 1
           }, 8, ["onClick"]),
-          e.pageSettingState.isNew ? A("", !0) : (I(), E(n, {
+          e.pageSettingState.isNew ? L("", !0) : (h(), A(c, {
             key: 0,
             name: "text-copy-page",
             placement: "bottom",
             tips: "复制页面",
             onClick: e.copyPage
           }, null, 8, ["onClick"])),
-          e.pageSettingState.isNew ? A("", !0) : (I(), E(n, {
+          e.pageSettingState.isNew ? L("", !0) : (h(), A(c, {
             key: 1,
             name: "delete",
             tips: "删除页面",
             onClick: e.deletePage
           }, null, 8, ["onClick"])),
-          g(n, {
-            class: "close-plugin-setting-icon",
+          d(c, {
             name: "close",
             onClick: e.cancelPageSetting
           }, null, 8, ["onClick"])
@@ -445,63 +451,63 @@ function Kt(t, a, i, e, r, s) {
         _: 1
       })
     ]),
-    content: h(() => [
-      w("div", qt, [
-        g(C, {
+    content: D(() => [
+      x("div", Xt, [
+        d(f, {
           modelValue: e.state.activeName,
-          "onUpdate:modelValue": a[0] || (a[0] = (u) => e.state.activeName = u),
+          "onUpdate:modelValue": t[0] || (t[0] = (S) => e.state.activeName = S),
           class: "page-setting-collapse"
         }, {
-          default: h(() => [
-            g(d, {
+          default: D(() => [
+            d(u, {
               title: "基本设置",
               name: e.PAGE_SETTING_SESSION.general
             }, {
-              default: h(() => [
-                (I(), E(He(e.pageGeneral), {
+              default: D(() => [
+                (h(), A(je(e.pageGeneral), {
                   ref: "pageGeneralRef",
-                  isFolder: i.isFolder
+                  isFolder: n.isFolder
                 }, null, 8, ["isFolder"]))
               ]),
               _: 1
             }, 8, ["name"]),
-            e.pageSettingState.currentPageData.group !== "public" ? (I(), E(d, {
+            e.pageSettingState.currentPageData.group !== "public" ? (h(), A(u, {
               key: 0,
               class: "base-setting",
               title: "输入输出",
               name: e.PAGE_SETTING_SESSION.inputOutput
             }, {
-              default: h(() => [
-                g(f)
+              default: D(() => [
+                d(y)
               ]),
               _: 1
-            }, 8, ["name"])) : A("", !0),
-            e.pageSettingState.currentPageData.group !== "public" ? (I(), E(d, {
+            }, 8, ["name"])) : L("", !0),
+            e.pageSettingState.currentPageData.group !== "public" ? (h(), A(u, {
               key: 1,
               class: "input-output",
               title: "页面生命周期配置",
               name: e.PAGE_SETTING_SESSION.lifeCycles
             }, {
-              default: h(() => {
-                var u;
+              default: D(() => {
+                var S;
                 return [
-                  w("div", Jt, [
-                    g(m, {
-                      bindLifeCycles: (u = e.pageSettingState.currentPageData.page_content) == null ? void 0 : u.lifeCycles,
+                  x("div", zt, [
+                    d(_, {
+                      bindLifeCycles: (S = e.pageSettingState.currentPageData.page_content) == null ? void 0 : S.lifeCycles,
                       onUpdatePageLifeCycles: e.updatePageLifeCycles
                     }, null, 8, ["bindLifeCycles", "onUpdatePageLifeCycles"])
                   ])
                 ];
               }),
               _: 1
-            }, 8, ["name"])) : A("", !0),
-            g(d, {
+            }, 8, ["name"])) : L("", !0),
+            d(u, {
               class: "history-source",
               title: "历史备份",
               name: e.PAGE_SETTING_SESSION.history
             }, {
-              default: h(() => [
-                g(v, { onRestorePage: e.restorePage }, null, 8, ["onRestorePage"])
+              default: D(() => [
+                d(R, { onRestorePage: e.restorePage }, null, 8, ["onRestorePage"])
               ]),
               _: 1
             }, 8, ["name"])
@@ -511,24 +517,24 @@ function Kt(t, a, i, e, r, s) {
       ])
     ]),
     _: 1
-  }, 8, ["title"])) : A("", !0);
+  }, 8, ["title"])) : L("", !0);
 }
-const Xt = /* @__PURE__ */ J(jt, [["render", Kt], ["__scopeId", "data-v-8b752486"]]);
-let Fe = G(!1);
-const Be = () => {
-  Fe.value = !0;
-}, H = () => {
-  Fe.value = !1;
-  const { resetPageData: t } = M();
-  t();
-}, Wt = {
+const Yt = /* @__PURE__ */ ee(Wt, [["render", Qt], ["__scopeId", "data-v-3032aae5"]]);
+let xe = W(!1);
+const Ue = () => {
+  xe.value = !0;
+}, Y = () => {
+  xe.value = !1;
+  const { resetPageData: a } = $();
+  a();
+}, Zt = {
   components: {
-    TinyButton: je,
-    TinyCollapse: ve,
-    TinyCollapseItem: Ne,
-    PluginSetting: Me,
-    SvgButton: be,
-    ButtonGroup: Ue
+    TinyButton: Xe,
+    TinyCollapse: ke,
+    TinyCollapseItem: Te,
+    PluginSetting: Ke,
+    SvgButton: Ce,
+    ButtonGroup: We
   },
   props: {
     isFolder: {
@@ -537,123 +543,123 @@ const Be = () => {
     }
   },
   setup() {
-    const t = X({
+    const a = le({
       activeName: ["folderGeneralRef"],
       title: "文件夹设置"
-    }), { requestCreatePage: a, requestUpdatePage: i, requestDeletePage: e } = ue, { pageSettingState: r, changeTreeData: s } = M(), { confirm: _ } = z(), l = Ae($.type, $.id).components.PageGeneral, d = G(null), f = () => {
-      pe(r.currentPageData, r.currentPageDataCopy) ? H() : _({
+    }), { requestCreatePage: t, requestUpdatePage: n, requestDeletePage: e } = ce, { pageSettingState: o, changeTreeData: s } = $(), { confirm: r } = se(), l = Je(fe.type, fe.id).components.PageGeneral, u = W(null), y = () => {
+      pe(o.currentPageData, o.currentPageDataCopy) ? Y() : r({
         title: "提示",
         message: "您即将使用未保存的更改关闭此页。是否要在关闭之前放弃这些更改？",
         exec: () => {
-          r.isNew || (s(r.oldParentId, r.currentPageData.parentId), Object.assign(r.currentPageData, r.currentPageDataCopy)), H();
+          o.isNew || (s(o.oldParentId, o.currentPageData.parentId), Object.assign(o.currentPageData, o.currentPageDataCopy)), Y();
         }
       });
-    }, m = () => {
-      const N = {
-        ...r.currentPageData,
-        app: V(x.GlobalService).getBaseInfo().id,
+    }, _ = () => {
+      const m = {
+        ...o.currentPageData,
+        app: q(j.GlobalService).getBaseInfo().id,
         isPage: !1
       };
-      a(N).then(() => {
-        r.updateTreeData(), r.isNew = !1, H(), O({
+      t(m).then(() => {
+        o.updateTreeData(), o.isNew = !1, Y(), B({
           type: "success",
           message: "新建文件夹成功!"
         });
-      }).catch((k) => {
-        O({
+      }).catch((T) => {
+        B({
           type: "error",
           title: "新建文件夹失败",
-          message: JSON.stringify((k == null ? void 0 : k.message) || k)
+          message: JSON.stringify((T == null ? void 0 : T.message) || T)
         });
       });
-    }, v = () => {
-      const { id: u } = r.currentPageData;
-      i(u, { ...r.currentPageData, page_content: null }).then(() => {
-        r.updateTreeData(), r.isNew = !1, H(), O({
+    }, R = () => {
+      const { id: S } = o.currentPageData;
+      n(S, { ...o.currentPageData, page_content: null }).then(() => {
+        o.updateTreeData(), o.isNew = !1, Y(), B({
           type: "success",
           message: "更新文件夹成功!"
         });
-      }).catch((N) => {
-        O({
+      }).catch((m) => {
+        B({
           type: "error",
           title: "更新文件夹失败",
-          message: JSON.stringify((N == null ? void 0 : N.message) || N)
+          message: JSON.stringify((m == null ? void 0 : m.message) || m)
         });
       });
     };
     return {
       saveFolderSetting: () => {
-        d.value.validGeneralForm().then(() => {
-          r.isNew ? m() : v();
+        u.value.validGeneralForm().then(() => {
+          o.isNew ? _() : R();
         });
       },
-      deleteFolder: ft(5e3, !0, () => {
-        var u, N;
-        if ((N = (u = r.treeDataMapping[r.currentPageData.id]) == null ? void 0 : u.children) != null && N.length) {
-          O({
+      deleteFolder: Nt(5e3, !0, () => {
+        var S, m;
+        if ((m = (S = o.treeDataMapping[o.currentPageData.id]) == null ? void 0 : S.children) != null && m.length) {
+          B({
             type: "error",
             message: "此文件夹不是空文件夹，不能删除！"
           });
           return;
         }
-        _({
+        r({
           title: "提示",
           message: "您是否要删除文件夹?",
           exec: () => {
-            var T;
-            const k = ((T = r.currentPageData) == null ? void 0 : T.id) || "";
-            e(k).then(() => {
-              r.updateTreeData(), H(), O({
+            var G;
+            const T = ((G = o.currentPageData) == null ? void 0 : G.id) || "";
+            e(T).then(() => {
+              o.updateTreeData(), Y(), B({
                 type: "success",
                 message: "删除文件夹成功！"
               });
-            }).catch((U) => {
-              O({
+            }).catch((M) => {
+              B({
                 type: "success",
                 title: "删除文件夹失败！",
-                message: JSON.stringify((U == null ? void 0 : U.message) || U)
+                message: JSON.stringify((M == null ? void 0 : M.message) || M)
               });
             });
           }
         });
       }),
       pageGeneral: l,
-      folderGeneralRef: d,
-      closeFolderSettingPanel: H,
-      isShow: Fe,
-      state: t,
-      pageSettingState: r,
-      closeFolderSetting: f
+      folderGeneralRef: u,
+      closeFolderSettingPanel: Y,
+      isShow: xe,
+      state: a,
+      pageSettingState: o,
+      closeFolderSetting: y
     };
   }
-}, zt = { class: "page-setting-content" };
-function Qt(t, a, i, e, r, s) {
-  const _ = p("tiny-button"), n = p("svg-button"), l = p("button-group"), d = p("tiny-collapse-item"), f = p("tiny-collapse"), m = p("plugin-setting");
-  return e.isShow ? (I(), E(m, {
+}, $t = { class: "page-setting-content" };
+function ea(a, t, n, e, o, s) {
+  const r = P("tiny-button"), c = P("svg-button"), l = P("button-group"), u = P("tiny-collapse-item"), y = P("tiny-collapse"), _ = P("plugin-setting");
+  return e.isShow ? (h(), A(_, {
     key: 0,
     title: e.state.title,
     class: "pageFolder-plugin-setting"
   }, {
-    header: h(() => [
-      g(l, null, {
-        default: h(() => [
-          g(_, {
+    header: D(() => [
+      d(l, null, {
+        default: D(() => [
+          d(r, {
             type: "primary",
             onClick: e.saveFolderSetting
           }, {
-            default: h(() => [
-              Y("保存")
-            ]),
+            default: D(() => t[1] || (t[1] = [
+              de("保存")
+            ])),
             _: 1
           }, 8, ["onClick"]),
-          e.pageSettingState.isNew ? A("", !0) : (I(), E(n, {
+          e.pageSettingState.isNew ? L("", !0) : (h(), A(c, {
             key: 0,
             name: "delete",
             placement: "bottom",
             tips: "删除",
             onClick: e.deleteFolder
           }, null, 8, ["onClick"])),
-          g(n, {
+          d(c, {
             class: "close-plugin-setting-icon",
             name: "close",
             onClick: e.closeFolderSetting
@@ -662,21 +668,21 @@ function Qt(t, a, i, e, r, s) {
         _: 1
       })
     ]),
-    content: h(() => [
-      w("div", zt, [
-        g(f, {
+    content: D(() => [
+      x("div", $t, [
+        d(y, {
           modelValue: e.state.activeName,
-          "onUpdate:modelValue": a[0] || (a[0] = (v) => e.state.activeName = v)
+          "onUpdate:modelValue": t[0] || (t[0] = (R) => e.state.activeName = R)
         }, {
-          default: h(() => [
-            g(d, {
+          default: D(() => [
+            d(u, {
               title: "基本设置",
               name: "folderGeneralRef"
             }, {
-              default: h(() => [
-                (I(), E(He(e.pageGeneral), {
+              default: D(() => [
+                (h(), A(je(e.pageGeneral), {
                   ref: "folderGeneralRef",
-                  isFolder: i.isFolder
+                  isFolder: n.isFolder
                 }, null, 8, ["isFolder"]))
               ]),
               _: 1
@@ -687,19 +693,222 @@ function Qt(t, a, i, e, r, s) {
       ])
     ]),
     _: 1
-  }, 8, ["title"])) : A("", !0);
+  }, 8, ["title"])) : L("", !0);
 }
-const Yt = /* @__PURE__ */ J(Wt, [["render", Qt], ["__scopeId", "data-v-e73be7d0"]]), {
-  ELEMENT_TAG: Zt,
-  PAGE_STATUS: $t,
-  COMPONENT_NAME: ea
-} = Je, ta = {
+const ta = /* @__PURE__ */ ee(Zt, [["render", ea], ["__scopeId", "data-v-b0cf4b3e"]]), aa = {
+  key: 0,
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, na = {
+  key: 0,
+  x1: "8",
+  y1: "12",
+  x2: "20",
+  y2: "12",
+  stroke: "#EBEBEB",
+  "stroke-width": "1"
+}, oa = {
+  key: 1,
+  x1: "8",
+  y1: "12",
+  x2: "8",
+  y2: "24",
+  stroke: "#EBEBEB",
+  "stroke-width": "1"
+}, sa = {
+  __name: "LayerLines",
+  props: {
+    level: {
+      type: Number,
+      required: !0
+    },
+    lineData: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(a) {
+    return (t, n) => (h(!0), H(oe, null, ve(a.level - 1, (e) => (h(), H("span", {
+      key: e,
+      class: "gap"
+    }, [
+      a.lineData[e] ? (h(), H("svg", aa, [
+        n[0] || (n[0] = x("line", {
+          x1: "8",
+          y1: "0",
+          x2: "8",
+          y2: "12",
+          stroke: "#EBEBEB",
+          "stroke-width": "1"
+        }, null, -1)),
+        (a.lineData[e] & 1) === 1 ? (h(), H("line", na)) : L("", !0),
+        (a.lineData[e] >> 1 & 1) === 1 ? (h(), H("line", oa)) : L("", !0)
+      ])) : L("", !0)
+    ]))), 128));
+  }
+}, ra = /* @__PURE__ */ ee(sa, [["__scopeId", "data-v-c0e056d7"]]), la = ["draggable", "onDragstart", "onDragover", "onDragenter", "onDrop"], ca = ["onClick"], ia = { class: "prefix-icon" }, ga = {
+  __name: "Tree",
+  props: {
+    data: {
+      type: Object,
+      required: !0
+    },
+    idKey: {
+      type: String,
+      default: "id"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    childrenKey: {
+      type: String,
+      default: "children"
+    },
+    active: {
+      type: String
+    },
+    filterValue: {
+      type: String,
+      default: ""
+    },
+    rootId: {
+      type: [String, Number],
+      default: "root"
+    },
+    draggable: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["clickRow", "moveNode"],
+  setup(a, { emit: t }) {
+    const n = a, e = t, o = (p, v, I = 0) => {
+      const { idKey: C, labelKey: z, childrenKey: V } = n, ie = {
+        id: p[C],
+        label: p[z],
+        parentId: v,
+        level: I,
+        rawData: p
+      }, ne = [ie], ae = p[V];
+      if (Array.isArray(ae))
+        for (const Ne of ae)
+          ne.push(...o(Ne, ie.id, I + 1));
+      return ne;
+    }, s = te(() => o({ [n.idKey]: n.rootId, [n.childrenKey]: n.data }).slice(1)), r = te(() => s.value.reduce((p, v) => (p[v.id] = v, p), {})), c = te(() => s.value.filter((p) => p.label.toLowerCase().includes(n.filterValue))), l = (p) => {
+      const v = r.value[p];
+      if (!v || !v.parentId)
+        return [];
+      const I = l(v.parentId);
+      return I.push(v.parentId), I;
+    }, u = te(() => {
+      const p = /* @__PURE__ */ new Set();
+      for (const v of c.value) {
+        p.add(v.id);
+        for (const I of l(v.id))
+          p.add(I);
+      }
+      return s.value.filter((v) => p.has(v.id));
+    }), y = {
+      node: 1,
+      // └
+      layer: 2,
+      // │
+      layerNode: 3
+      // ├
+    }, _ = te(() => {
+      const p = {}, v = u.value;
+      for (const [I, C] of v.entries())
+        if (p[I] = p[I] || {}, p[I][C.level - 1] = y.node, C.parentId !== n.rootId) {
+          const z = v.findIndex((V) => V.id === C.parentId);
+          for (let V = z + 1; V < I; V++)
+            p[V][C.level - 1] = (p[V][C.level - 1] || 0) | y.layer;
+        }
+      return p;
+    }), R = (p) => {
+      e("clickRow", p);
+    }, f = W(null), i = W(null), S = (p, v) => {
+      n.draggable && (f.value = v);
+    }, m = (p, v) => {
+      if (!n.draggable)
+        return;
+      l(v.id).includes(f.value.id) ? i.value = null : (p.preventDefault(), i.value = v.id);
+    }, T = (p, v) => {
+      p.preventDefault();
+      const I = f.value;
+      if (f.value = null, !I)
+        return;
+      !l(v.id).includes(I.id) && I.id !== v.id && I.parentId !== v.id && e("moveNode", I, v);
+    }, G = () => {
+      i.value = null;
+    }, M = (p) => {
+      n.draggable && p.target === p.currentTarget && (p.preventDefault(), i.value = n.rootId);
+    }, J = (p) => {
+      n.draggable && p.target === p.currentTarget && (i.value = null);
+    };
+    return (p, v) => {
+      const I = P("svg-icon");
+      return h(), H("div", {
+        class: be(["draggable-tree", "border-transparent", { "hover-border-color": i.value === a.rootId }]),
+        onDragover: M,
+        onDragenter: M,
+        onDragleave: J,
+        onDrop: v[0] || (v[0] = (C) => T(C, { id: a.rootId }))
+      }, [
+        (h(!0), H(oe, null, ve(u.value, (C, z) => (h(), H("div", {
+          class: be([
+            "row",
+            "border-transparent",
+            {
+              active: String(a.active) === String(C.id),
+              "hover-border-color": i.value === C.id
+            }
+          ]),
+          key: C.id,
+          draggable: a.draggable ? "true" : void 0,
+          onDragstart: (V) => S(V, C),
+          onDragover: (V) => m(V, C),
+          onDragenter: (V) => m(V, C),
+          onDrop: (V) => T(V, C),
+          onDragend: G
+        }, [
+          x("div", {
+            class: "content",
+            onClick: (V) => R(C)
+          }, [
+            d(ra, {
+              "line-data": _.value[z],
+              level: C.level
+            }, null, 8, ["line-data", "level"]),
+            x("div", ia, [
+              C.rawData.isPage ? (h(), A(I, {
+                key: 0,
+                name: "text-page-common"
+              })) : (h(), A(I, {
+                key: 1,
+                name: "text-page-folder-closed"
+              }))
+            ]),
+            x("label", null, ue(C.label), 1)
+          ], 8, ca),
+          ot(p.$slots, "row-suffix", { node: C }, void 0, !0)
+        ], 42, la))), 128))
+      ], 34);
+    };
+  }
+}, da = /* @__PURE__ */ ee(ga, [["__scopeId", "data-v-5c90753e"]]), {
+  PAGE_STATUS: ua
+} = Fe, pa = {
   components: {
-    TinySearch: ct,
-    TinyTree: lt,
-    TinyCollapse: ve,
-    TinyCollapseItem: Ne,
-    TinyIconSearch: yt()
+    TinySearch: Pt,
+    TinyCollapse: ke,
+    TinyCollapseItem: Te,
+    TinyIconSearch: It(),
+    TinyPopover: yt,
+    DraggableTree: da,
+    SvgButton: Ce
   },
   props: {
     isFolder: {
@@ -707,252 +916,297 @@ const Yt = /* @__PURE__ */ J(Wt, [["render", Qt], ["__scopeId", "data-v-e73be7d0
       default: !1
     }
   },
-  emits: ["openSettingPanel", "add"],
-  setup(t, {
-    emit: a
+  emits: ["openSettingPanel", "add", "createPage", "createFolder"],
+  setup(a, {
+    emit: t
   }) {
     const {
-      confirm: i
-    } = z(), {
-      initData: e,
-      pageState: r,
-      isBlock: s,
-      isSaved: _
-    } = Ce(), {
-      pageSettingState: n,
-      changeTreeData: l,
-      isCurrentDataSame: d,
-      STATIC_PAGE_GROUP_ID: f,
-      COMMON_PAGE_GROUP_ID: m
-    } = M(), {
-      fetchPageList: v,
-      fetchPageDetail: C
-    } = ue, {
-      setBreadcrumbPage: S
-    } = et(), u = G([]), N = n.ROOT_ID, k = () => V(x.GlobalService).getBaseInfo().id, T = X({
+      confirm: n
+    } = se(), {
+      pageState: e,
+      isBlock: o,
+      isSaved: s
+    } = re(), {
+      pageSettingState: r,
+      changeTreeData: c,
+      isCurrentDataSame: l,
+      getPageList: u,
+      resetPageData: y,
+      STATIC_PAGE_GROUP_ID: _,
+      COMMON_PAGE_GROUP_ID: R,
+      switchPage: f
+    } = $(), {
+      fetchPageDetail: i,
+      requestUpdatePage: S
+    } = ce, m = () => q(j.GlobalService).getBaseInfo().id, T = le({
       pageSearchValue: "",
-      collapseValue: [f, m],
-      currentNodeData: {}
-    }), U = (o, c, y) => {
-      const P = {
-        [N]: {
-          id: N,
-          name: "站点根目录",
-          children: []
-        }
-      };
-      return o.forEach((D) => {
-        P[D[y]] = D, D.parentId === N && P[N].children.push(D);
-      }), o.forEach((D) => {
-        let R = P[D[c]];
-        R && R.id !== N ? (R.children = R.children || [], R.children.push(D)) : R && R.id;
-      }), n.treeDataMapping = P, n.treeDataMapping;
-    }, K = (o) => {
-      Array.isArray(u == null ? void 0 : u.value) && ze(() => {
-        u.value.forEach((c) => {
-          c == null || c.filter(o);
-        });
-      });
-    }, j = async (o, c) => {
-      const y = c || await v(o), P = {
-        groupName: "静态页面",
-        groupId: f,
-        data: []
-      }, D = {
-        groupName: "公共页面",
-        groupId: m,
-        data: []
-      };
-      y.forEach((B) => {
-        const se = B.name ? B : {
-          ...B,
-          name: B.folderName,
-          group: "staticPages"
-        }, Q = B.meta ? {
-          ...B,
-          ...B.meta,
-          name: B.fileName,
-          isPage: !0,
-          isBody: B.meta.rootElement === Zt.Body
-        } : se, {
-          children: re,
-          ...ke
-        } = Q;
-        Q.group === "staticPages" ? P.data.push(ke) : D.data.push(ke);
-      });
-      const R = U([...P.data], "parentId", "id");
-      return P.data = R[N].children, n.pages = [P, D], K(T.pageSearchValue), n.pages;
-    };
-    n.updateTreeData = async () => await j(k());
-    const me = () => {
-      r.currentVm = null, r.hoverVm = null, r.properties = {}, r.pageSchema = null;
-    }, te = (o) => {
-      const c = new URL(window.location);
-      c.searchParams.delete("blockid"), c.searchParams.set("pageid", o), window.history.pushState({}, "", c);
-    }, _e = (o) => {
-      if (o !== 0 && !o) {
-        te(""), e({
-          componentName: ea.Page
-        }, {}), le().layoutState.pageStatus = {
-          state: "empty",
-          data: {}
-        };
-        return;
+      collapseValue: [_, R],
+      currentNodeData: {
+        id: q(j.GlobalService).getBaseInfo().pageId
       }
-      C(o).then((c) => {
-        te(o), L(), H(), le().closePlugin(), le().layoutState.pageStatus = xe(c.occupier), e(c.page_content, c);
+    }), {
+      subscribe: G,
+      unsubscribe: M
+    } = he();
+    let J = null;
+    st(() => {
+      J = G({
+        topic: "locationHistoryChanged",
+        callback: (g) => {
+          g.pageId ? T.currentNodeData = {
+            id: g.pageId
+          } : o() && (T.currentNodeData = {});
+        },
+        subscriber: "pageTree"
       });
-    }, W = (o) => {
-      r.hoverVm = null, T.currentNodeData = o;
-      let c = "";
-      o.isPage && (c = (o == null ? void 0 : o.name) || ""), S([c]), me(), _e(o.id);
-    }, Pe = (o, c) => {
-      var D;
-      o.stopPropagation();
+    }), Be(() => {
+      J && M(J);
+    });
+    const p = async (g) => await u(g);
+    r.updateTreeData = async () => await p(m());
+    const v = (g) => {
+      T.currentNodeData = g, f(g.id).then(() => {
+        Z(), Y();
+      });
+    }, I = (g, k) => {
+      var X;
       const {
-        id: y,
-        isPage: P
-      } = c.data;
-      !s() && y === ((D = T == null ? void 0 : T.currentNodeData) == null ? void 0 : D.id) || !P || (_() && d() ? W(c.data) : i({
+        id: N,
+        isPage: K
+      } = k;
+      !o() && N === ((X = T == null ? void 0 : T.currentNodeData) == null ? void 0 : X.id) || !K || (s() && l() ? v(k) : n({
         title: "提示",
-        message: `${s() ? "区块" : "页面"}尚未保存，是否要继续切换?`,
+        message: `${o() ? "区块" : "页面"}尚未保存，是否要继续切换?`,
         exec: () => {
-          l(n.oldParentId, n.currentPageData.parentId), Object.assign(n.currentPageData, n.currentPageDataCopy), W(c.data);
+          c(r.oldParentId, r.currentPageData.parentId), Object.assign(r.currentPageData, r.currentPageDataCopy), v(k);
         }
       }));
-    }, ae = (o, c, y) => {
-      var P;
-      if (o.stopPropagation(), y && c.data.isPage) {
-        const D = ((P = c.data.occupier) == null ? void 0 : P.username) || "";
-        z().message({
-          message: `您点击的页面被${D}锁定，暂时无法编辑，请联系解锁`
+    }, C = (g, k, N) => {
+      var K;
+      if (N && k.isPage) {
+        const X = ((K = k.occupier) == null ? void 0 : K.username) || "";
+        se().message({
+          message: `您点击的页面被${X}锁定，暂时无法编辑，请联系解锁`
         });
         return;
       }
-      pe(n.currentPageData, n.currentPageDataCopy) ? a("openSettingPanel", c) : i({
+      pe(r.currentPageData, r.currentPageDataCopy) ? t("openSettingPanel", k) : n({
+        title: "提示",
+        message: `当前页面或文件夹${r.currentPageData.name}尚未保存，是否要继续切换?`,
+        exec: () => {
+          c(r.oldParentId, r.currentPageData.parentId), Object.assign(r.currentPageData, r.currentPageDataCopy), t("openSettingPanel", k);
+        }
+      });
+    }, z = {}, V = (g, k) => {
+      z[k] = g;
+    }, ie = (g) => {
+      I(null, g.rawData);
+    }, ne = (g) => Ze(g.occupier).state === ua.Lock, ae = (g) => {
+      C(null, g.rawData, ne(g.rawData));
+    }, b = [
+      {
+        type: "settings",
+        label: "设置",
+        action: ae
+      },
+      {
+        type: "divider"
+      },
+      {
+        type: "createPage",
+        label: "新建子页面",
+        action: (g) => {
+          t("createPage", "staticPages", g.id);
+        }
+      },
+      {
+        type: "createFolder",
+        label: "新建子文件夹",
+        action: (g) => {
+          t("createFolder", g.id);
+        }
+      }
+      // TODO 复制和删除的逻辑耦合在其他组件内，暂时屏蔽
+      // { type: 'divider' },
+      // { type: 'copy', label: '复制页面', action: copyPage },
+      // { type: 'delete', label: '删除', class: ['danger'], action: deleteNode }
+    ].map((g) => ({
+      ...g,
+      action: (k) => {
+        var N, K, X;
+        (N = g.action) == null || N.call(g, k), (X = (K = z[k.id]) == null ? void 0 : K.doClose) == null || X.call(K);
+      }
+    })), w = (g, k) => g === R ? b.slice(0, 1) : k.rawData.isPage ? b : b.filter((N) => N.type !== "copy"), F = (g) => {
+      var ge;
+      const {
+        id: k,
+        name: N,
+        page_content: K
+      } = g, X = {
+        ...g,
+        page_content: {
+          ...K,
+          fileName: N
+        }
+      }, ye = ((ge = e == null ? void 0 : e.currentPage) == null ? void 0 : ge.id) === k;
+      return Ye(k, X, !1, ye);
+    }, E = (g) => {
+      const {
+        id: k
+      } = g;
+      return S(k, {
+        ...g,
+        page_content: null
+      }).then(() => {
+        B({
+          type: "success",
+          message: "更新文件夹成功!"
+        });
+      }).catch((N) => {
+        B({
+          type: "error",
+          title: "更新文件夹失败",
+          message: JSON.stringify((N == null ? void 0 : N.message) || N)
+        });
+      }).finally(() => {
+        r.updateTreeData(), r.isNew = !1;
+      });
+    }, U = (g, k) => {
+      pe(r.currentPageData, r.currentPageDataCopy) ? (Z(), Y(), r.currentPageData.id = g.id, c(k.id, g.parentId), y(), i(g.id).then((N) => {
+        N.parentId = k.id, N.isPage ? F(N) : E(N);
+      }).catch((N) => {
+        B({
+          type: "error",
+          title: "移动页面文件/文件夹失败",
+          message: JSON.stringify((N == null ? void 0 : N.message) || N)
+        });
+      })) : n({
         title: "提示",
-        message: `当前页面或文件夹${n.currentPageData.name}尚未保存，是否要继续切换?`,
+        message: "更改尚未保存，是否要放弃这些更改？",
         exec: () => {
-          l(n.oldParentId, n.currentPageData.parentId), Object.assign(n.currentPageData, n.currentPageDataCopy), a("openSettingPanel", c);
+          r.isNew || (c(r.oldParentId, r.currentPageData.parentId), Object.assign(r.currentPageData, r.currentPageDataCopy)), Z();
         }
       });
-    }, fe = (o, {
-      node: c,
-      data: y
-    }) => {
-      const P = xe(y.occupier).state === $t.Lock;
-      return g("span", {
-        class: "tiny-tree-node__label",
-        onMousedown: (D) => Pe(D, c)
-      }, [y.isPage ? g(p("SvgIcon"), {
-        name: "text-page-common",
-        class: "icon-page"
-      }, null) : g(p("SvgIcon"), {
-        name: "text-page-folder-closed",
-        class: "folder-icon"
-      }, null), g("span", {
-        class: "label"
-      }, [c.label]), g("span", {
-        class: "icons"
-      }, [y.isPage && P ? g(p("SvgIcon"), {
-        class: "page-edit-icon",
-        name: "locked",
-        onMousedown: (D) => ae(D, c, P)
-      }, null) : null, y.isHome ? g(p("SvgIcon"), {
-        class: "page-edit-icon",
-        name: "text-page-home"
-      }, null) : null, g(p("SvgIcon"), {
-        name: "setting",
-        class: "setting page-edit-icon",
-        onMousedown: (D) => ae(D, c, P)
-      }, null)])]);
     };
-    Ee().subscribe({
+    he().subscribe({
       topic: "app_id_changed",
       subscriber: "page_tree_app_id_changed",
-      callback: (o) => {
-        j(o);
+      callback: (g) => {
+        p(g);
       }
     });
-    const ne = (o, c) => {
-      var y;
-      return o ? ((y = c.name) == null ? void 0 : y.toLowerCase().indexOf(o == null ? void 0 : o.toLowerCase())) !== -1 : !0;
-    }, we = (o) => {
-      o && u.value.push(o);
-    }, oe = (o) => {
-      o.stopPropagation(), o.preventDefault(), a("add");
-    }, b = g("span", null, null);
-    return We(() => {
-      Ee().unsubscribe({
+    const Q = (g) => {
+      g.stopPropagation(), g.preventDefault(), t("add");
+    };
+    return Be(() => {
+      he().unsubscribe({
         topic: "app_id_changed",
         subscriber: "page_tree_app_id_changed"
       });
     }), {
-      createPublicPage: oe,
+      createPublicPage: Q,
       state: T,
-      switchPage: W,
-      pageSettingState: n,
-      searchPageData: K,
-      renderContent: fe,
-      refreshPageList: j,
-      filterPageTreeData: ne,
-      getPageTreeRefs: we,
-      IconFolderOpened: St(),
-      IconFolderClosed: ht(),
-      nullIcon: b
+      switchPage: v,
+      pageSettingState: r,
+      setPopoverRef: V,
+      IconFolderOpened: wt(),
+      IconFolderClosed: kt(),
+      getRowOperations: w,
+      handleClickRow: ie,
+      handleMoveNode: U,
+      isPageLocked: ne,
+      handleClickPageSettings: ae,
+      STATIC_PAGE_GROUP_ID: _
     };
   }
-}, aa = { class: "app-manage-search" }, na = { class: "title" }, oa = { class: "app-manage-tree" };
-function sa(t, a, i, e, r, s) {
-  const _ = p("tiny-icon-search"), n = p("tiny-search"), l = p("tiny-tree"), d = p("tiny-collapse-item"), f = p("tiny-collapse");
-  return I(), q(ye, null, [
-    w("div", aa, [
-      g(n, {
+}, ma = { class: "app-manage-search" }, fa = { class: "title" }, Pa = { class: "app-manage-tree" }, ya = {
+  class: /* @__PURE__ */ be(["actions"])
+}, _a = { class: "operation-list" }, Da = ["onClick"];
+function ha(a, t, n, e, o, s) {
+  const r = P("tiny-icon-search"), c = P("tiny-search"), l = P("svg-button"), u = P("tiny-popover"), y = P("draggable-tree"), _ = P("tiny-collapse-item"), R = P("tiny-collapse");
+  return h(), H(oe, null, [
+    x("div", ma, [
+      d(c, {
         modelValue: e.state.pageSearchValue,
-        "onUpdate:modelValue": [
-          a[0] || (a[0] = (m) => e.state.pageSearchValue = m),
-          e.searchPageData
-        ],
+        "onUpdate:modelValue": t[0] || (t[0] = (f) => e.state.pageSearchValue = f),
         clearable: "",
         placeholder: "搜索"
       }, {
-        prefix: h(() => [
-          g(_)
+        prefix: D(() => [
+          d(r)
         ]),
         _: 1
-      }, 8, ["modelValue", "onUpdate:modelValue"])
+      }, 8, ["modelValue"])
     ]),
-    g(f, {
+    d(R, {
       modelValue: e.state.collapseValue,
-      "onUpdate:modelValue": a[1] || (a[1] = (m) => e.state.collapseValue = m),
+      "onUpdate:modelValue": t[1] || (t[1] = (f) => e.state.collapseValue = f),
       class: "page-manage-collapse lowcode-scrollbar"
     }, {
-      default: h(() => [
-        (I(!0), q(ye, null, Qe(e.pageSettingState.pages, (m, v) => (I(), E(d, {
-          key: v,
-          name: m.groupId
+      default: D(() => [
+        (h(!0), H(oe, null, ve(e.pageSettingState.pages, (f, i) => (h(), A(_, {
+          key: i,
+          name: f.groupId
         }, {
-          title: h(() => [
-            w("span", na, De(m.groupName), 1)
+          title: D(() => [
+            x("span", fa, ue(f.groupName), 1)
           ]),
-          default: h(() => [
-            w("div", oa, [
-              (I(), E(l, {
-                ref_for: !0,
-                ref: e.getPageTreeRefs,
-                key: e.pageSettingState.pageTreeKey,
-                data: m.data,
-                props: {
-                  children: "children",
-                  label: "name"
-                },
-                "default-expand-all": "",
-                "filter-node-method": e.filterPageTreeData,
-                "render-content": e.renderContent,
-                "expand-on-click-node": !1,
-                icon: e.nullIcon,
-                "node-key": "id"
-              }, null, 8, ["data", "filter-node-method", "render-content", "icon"]))
+          default: D(() => [
+            x("div", Pa, [
+              d(y, {
+                data: f.data,
+                "label-key": "name",
+                active: e.state.currentNodeData.id,
+                "filter-value": e.state.pageSearchValue,
+                "root-id": e.pageSettingState.ROOT_ID,
+                draggable: f.groupId === e.STATIC_PAGE_GROUP_ID,
+                onClickRow: e.handleClickRow,
+                onMoveNode: e.handleMoveNode
+              }, {
+                "row-suffix": D(({ node: S }) => [
+                  x("div", ya, [
+                    e.isPageLocked(S.rawData) ? (h(), A(l, {
+                      key: 0,
+                      name: "locked",
+                      hoverBgColor: !1
+                    })) : L("", !0),
+                    S.rawData.isHome ? (h(), A(l, {
+                      key: 1,
+                      name: "home",
+                      hoverBgColor: !1
+                    })) : L("", !0),
+                    d(u, {
+                      ref_for: !0,
+                      ref: (m) => e.setPopoverRef(m, S.id),
+                      placement: "bottom-start",
+                      "visible-arrow": !1,
+                      "popper-class": "page-tree-row-operation-list"
+                    }, {
+                      reference: D(() => [
+                        d(l, {
+                          name: "ellipsis",
+                          class: "auto-hidden",
+                          hoverBgColor: !1
+                        })
+                      ]),
+                      default: D(() => [
+                        x("div", _a, [
+                          (h(!0), H(oe, null, ve(e.getRowOperations(f.groupId, S), (m, T) => (h(), H("div", {
+                            key: T,
+                            class: be([m.type === "divider" ? "divider" : "item"].concat(m.class || [])),
+                            onClick: (G) => {
+                              var M;
+                              return (M = m.action) == null ? void 0 : M.call(m, S);
+                            }
+                          }, ue(m.label), 11, Da))), 128))
+                        ])
+                      ]),
+                      _: 2
+                    }, 1536)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["data", "active", "filter-value", "root-id", "draggable", "onClickRow", "onMoveNode"])
             ])
           ]),
           _: 2
@@ -962,19 +1216,19 @@ function sa(t, a, i, e, r, s) {
     }, 8, ["modelValue"])
   ], 64);
 }
-const ra = /* @__PURE__ */ J(ta, [["render", sa], ["__scopeId", "data-v-5bb39c39"]]), ca = {
-  getPageById: async (t) => {
-    if (t)
-      return Ie(t);
+const Sa = /* @__PURE__ */ ee(pa, [["render", ha], ["__scopeId", "data-v-9e02c619"]]), va = {
+  getPageById: async (a) => {
+    if (a)
+      return Oe(a);
   },
-  openPageSettingPanel: ie
-}, la = {
+  openPageSettingPanel: Se
+}, ba = {
   components: {
-    PageSetting: Xt,
-    PluginPanel: rt,
-    SvgButton: be,
-    PageFolderSetting: Yt,
-    PageTree: ra
+    PageSetting: Yt,
+    PluginPanel: ft,
+    SvgButton: Ce,
+    PageFolderSetting: ta,
+    PageTree: Sa
   },
   props: {
     title: {
@@ -984,114 +1238,115 @@ const ra = /* @__PURE__ */ J(ta, [["render", sa], ["__scopeId", "data-v-5bb39c39
   },
   setup() {
     const {
-      pageState: t
-    } = Ce(), {
-      pageSettingState: a,
-      getDefaultPage: i,
+      pageState: a
+    } = re(), {
+      pageSettingState: t,
+      getDefaultPage: n,
       isTemporaryPage: e,
-      initCurrentPageData: r
-    } = M(), s = G(null), _ = a.ROOT_ID, n = tt().getDocsUrl("page"), l = X({
+      initCurrentPageData: o
+    } = $(), s = W(null), r = t.ROOT_ID, c = it().getDocsUrl("page"), l = le({
       isFolder: !1
-    }), d = (S) => {
-      H(), a.isNew = !0;
+    }), u = (i, S = r) => {
+      Y(), t.isNew = !0;
       try {
-        const u = i();
-        if (!u)
+        const m = n();
+        if (!m)
           throw new Error("Failed to get default page configuration");
-        a.currentPageData = {
-          ...i(),
-          ...u,
-          parentId: _,
+        t.currentPageData = {
+          ...n(),
+          ...m,
+          parentId: S,
           route: "",
           name: "Untitled",
           page_content: {
             lifeCycles: {}
           },
-          group: S
+          group: i
         };
       } catch {
       }
-      a.currentPageDataCopy = Z(!0, {}, a.currentPageData), l.isFolder = !1, ie();
-    }, f = () => {
-      L(), a.isNew = !0, a.currentPageData = {
-        parentId: _,
+      t.currentPageDataCopy = me(!0, {}, t.currentPageData), l.isFolder = !1, Se();
+    }, y = (i = r) => {
+      Z(), t.isNew = !0, t.currentPageData = {
+        parentId: i,
         route: "",
         name: "untitled"
-      }, a.currentPageDataCopy = Z(!0, {}, a.currentPageData), l.isFolder = !0, Be();
+      }, t.currentPageDataCopy = me(!0, {}, t.currentPageData), l.isFolder = !0, Ue();
     };
-    ee(() => {
-      e.saved && ie();
+    Pe(() => {
+      e.saved && Se();
     });
-    const m = async (S) => {
-      var k;
-      l.isFolder = !S.data.isPage, a.isNew = !1;
-      const u = S.data.id !== a.currentPageData.id;
-      l.isFolder ? (u && L(), Be()) : (u && H(), ie());
-      const N = await Ie((k = S.data) == null ? void 0 : k.id);
-      r(N);
+    const _ = async (i) => {
+      l.isFolder = !i.isPage, t.isNew = !1;
+      const S = i.id !== t.currentPageData.id;
+      l.isFolder ? (S && Z(), Ue()) : (S && Y(), Se());
+      const m = await Oe(i == null ? void 0 : i.id);
+      o(m);
     };
-    return Ye("openSettingPanel", m), {
+    return rt("openSettingPanel", _), {
       state: l,
-      pageState: t,
-      openNewPage: (S) => {
-        s.value.switchPage(S);
+      pageState: a,
+      openNewPage: (i) => {
+        s.value.switchPage(i);
       },
       pageTreeRef: s,
       pluginPanelClosed: () => {
-        L(), H();
+        Z(), Y();
       },
-      openSettingPanel: m,
-      createNewFolder: f,
-      createNewPage: d,
-      docsUrl: n
+      openSettingPanel: _,
+      createNewFolder: y,
+      createNewPage: u,
+      docsUrl: c
     };
   }
 };
-function ia(t, a, i, e, r, s) {
-  const _ = p("svg-button"), n = p("page-tree"), l = p("plugin-panel"), d = p("page-setting"), f = p("page-folder-setting");
-  return I(), q(ye, null, [
-    g(l, {
-      title: i.title,
+function Ca(a, t, n, e, o, s) {
+  const r = P("svg-button"), c = P("page-tree"), l = P("plugin-panel"), u = P("page-setting"), y = P("page-folder-setting");
+  return h(), H(oe, null, [
+    d(l, {
+      title: n.title,
       onClose: e.pluginPanelClosed,
       docsUrl: e.docsUrl,
       isShowDocsIcon: !0
     }, {
-      header: h(() => [
-        g(_, {
+      header: D(() => [
+        d(r, {
           class: "add-folder-icon",
           name: "add-folder",
           placement: "bottom",
           tips: "新建文件夹",
-          onClick: e.createNewFolder
-        }, null, 8, ["onClick"]),
-        g(_, {
+          onClick: t[0] || (t[0] = (_) => e.createNewFolder())
+        }),
+        d(r, {
           class: "new-page-icon",
           name: "new-page",
           placement: "bottom",
           tips: "新建页面",
-          onClick: a[0] || (a[0] = (m) => e.createNewPage("staticPages"))
+          onClick: t[1] || (t[1] = (_) => e.createNewPage("staticPages"))
         })
       ]),
-      content: h(() => [
-        g(n, {
+      content: D(() => [
+        d(c, {
           ref: "pageTreeRef",
           isFolder: e.state.isFolder,
-          onAdd: a[1] || (a[1] = (m) => e.createNewPage("publicPages")),
-          onOpenSettingPanel: e.openSettingPanel
-        }, null, 8, ["isFolder", "onOpenSettingPanel"])
+          onAdd: t[2] || (t[2] = (_) => e.createNewPage("publicPages")),
+          onOpenSettingPanel: e.openSettingPanel,
+          onCreatePage: e.createNewPage,
+          onCreateFolder: e.createNewFolder
+        }, null, 8, ["isFolder", "onOpenSettingPanel", "onCreatePage", "onCreateFolder"])
       ]),
       _: 1
     }, 8, ["title", "onClose", "docsUrl"]),
-    g(d, {
+    d(u, {
       isFolder: e.state.isFolder,
       onOpenNewPage: e.openNewPage
     }, null, 8, ["isFolder", "onOpenNewPage"]),
-    g(f, {
+    d(y, {
       isFolder: e.state.isFolder
     }, null, 8, ["isFolder"])
   ], 64);
 }
-const ga = /* @__PURE__ */ J(la, [["render", ia], ["__scopeId", "data-v-2a7e948f"]]), ce = {
+const Na = /* @__PURE__ */ ee(ba, [["render", Ca], ["__scopeId", "data-v-1605dd02"]]), { ELEMENT_TAG: Ia, COMPONENT_NAME: wa } = Fe, { publish: ka } = he(), et = (a) => ka({ topic: "locationHistoryChanged", data: a }), _e = {
   app: "",
   name: "",
   route: "",
@@ -1115,181 +1370,281 @@ const ga = /* @__PURE__ */ J(la, [["render", ia], ["__scopeId", "data-v-2a7e948f
   parentId: "none",
   isBody: !1,
   group: "staticPages"
-}, pa = G(null), F = X({
+}, Ta = W(null), O = le({
   currentPageDataCopy: {},
   // 记录当前页最开始的状态，当用户点击取消按钮的时候恢复到初始状态
   currentPageData: {},
   // 当前配置页面的数据
   pages: [],
   oldParentId: null,
-  pageTreeKey: 0,
   isNew: !1,
   ROOT_ID: "0",
   // 根节点ID
   updateTreeData: null,
   treeDataMapping: {}
-}), ua = X({
+}), Fa = le({
   saved: !1
-}), da = (t, a) => {
-  var r, s;
-  if (!((r = t == null ? void 0 : t.pageBaseStyle) != null && r.className) || !((s = t == null ? void 0 : t.pageBaseStyle) != null && s.style))
+}), Oa = (a, t) => {
+  var o, s;
+  if (!((o = a == null ? void 0 : a.pageBaseStyle) != null && o.className) || !((s = a == null ? void 0 : a.pageBaseStyle) != null && s.style))
     return "";
-  const i = (_, n) => `.${_} {
-  ${n.trim()}
+  const n = (r, c) => `.${r} {
+  ${c.trim()}
 }
-`, e = `.${t.pageBaseStyle.className}{\r
- ${t.pageBaseStyle.style}\r
+`, e = `.${a.pageBaseStyle.className}{\r
+ ${a.pageBaseStyle.style}\r
 }\r
 `;
-  return a.useBaseStyle ? [
-    i(t.pageBaseStyle.className, t.pageBaseStyle.style),
-    i(a.blockBaseStyle.className, a.blockBaseStyle.style),
-    i(a.componentBaseStyle.className, a.componentBaseStyle.style)
+  return t.useBaseStyle ? [
+    n(a.pageBaseStyle.className, a.pageBaseStyle.style),
+    n(t.blockBaseStyle.className, t.blockBaseStyle.style),
+    n(t.componentBaseStyle.className, t.componentBaseStyle.style)
   ].join(`
 `) : e;
-}, ma = () => {
-  const t = Ve("engine.plugins.materials"), a = Ve("engine.plugins.appmanage");
-  return !t || !a || !a.pageBaseStyle ? { ...ce } : {
-    ...ce,
+}, Ea = () => {
+  const a = Ae("engine.plugins.materials"), t = Ae("engine.plugins.appmanage");
+  return !a || !t || !t.pageBaseStyle ? { ..._e } : {
+    ..._e,
     page_content: {
-      ...ce.page_content,
+      ..._e.page_content,
       props: {
-        ...ce.page_content.props,
-        className: a.pageBaseStyle.className
+        ..._e.page_content.props,
+        className: t.pageBaseStyle.className
       },
-      css: da(a, t)
+      css: Oa(t, a)
     }
   };
-}, _a = () => {
-  const t = F.currentPageData || {}, a = F.currentPageDataCopy || {};
-  let i = !0;
-  return Object.keys(a).some((e) => {
+}, xa = () => {
+  const a = O.currentPageData || {}, t = O.currentPageDataCopy || {};
+  let n = !0;
+  return Object.keys(t).some((e) => {
     if (["children", "label", "createdBy", "assets", "occupier"].includes(e))
       return !1;
     if (e === "page_content") {
-      const r = {
-        inputs: a[e].inputs,
-        outputs: a[e].outputs,
-        lifeCycles: a[e].lifeCycles
-      }, s = {
+      const o = {
         inputs: t[e].inputs,
         outputs: t[e].outputs,
         lifeCycles: t[e].lifeCycles
+      }, s = {
+        inputs: a[e].inputs,
+        outputs: a[e].outputs,
+        lifeCycles: a[e].lifeCycles
       };
-      JSON.stringify(r) !== JSON.stringify(s) && (i = !1);
+      JSON.stringify(o) !== JSON.stringify(s) && (n = !1);
     } else
-      a[e] !== t[e] && (i = !1);
-    return !i;
-  }), i;
-}, Pa = (t, a) => {
-  var i, e;
-  if (t && a && t !== a) {
-    const r = F.treeDataMapping[t], s = F.treeDataMapping[a], _ = F.currentPageData.id, n = (e = (i = s.children) == null ? void 0 : i.findIndex) == null ? void 0 : e.call(i, ({ id: l }) => l === _);
-    n > -1 && (s.children.splice(n, 1), r.children || (r.children = []), r.children.unshift(F.currentPageData), F.pageTreeKey++);
+      t[e] !== a[e] && (n = !1);
+    return !n;
+  }), n;
+}, Va = (a, t) => {
+  var n, e;
+  if (a && t && a !== t) {
+    const o = O.treeDataMapping[a], s = O.treeDataMapping[t], r = O.currentPageData.id, c = (e = (n = s.children) == null ? void 0 : n.findIndex) == null ? void 0 : e.call(n, ({ id: l }) => l === r);
+    if (c > -1) {
+      const l = s.children.splice(c, 1)[0];
+      o.children || (o.children = []), o.children.unshift(l);
+    }
   }
-}, fa = () => F.currentPageData.page_content || {}, ya = (t) => {
-  F.currentPageData = t, F.currentPageDataCopy = Z(!0, {}, t), F.oldParentId = t.parentId;
-}, Sa = () => {
-  F.currentPageData = {}, F.currentPageDataCopy = {}, F.oldParentId = null;
-}, ha = () => !pe(F.currentPageData, F.currentPageDataCopy), Da = 0, Ca = 1, ba = () => ({
-  getDefaultPage: ma,
-  selectedTemplateCard: pa,
-  pageSettingState: F,
-  isTemporaryPage: ua,
-  isCurrentDataSame: _a,
-  changeTreeData: Pa,
-  getPageContent: fa,
-  resetPageData: Sa,
-  initCurrentPageData: ya,
-  isChangePageData: ha,
-  STATIC_PAGE_GROUP_ID: Da,
-  COMMON_PAGE_GROUP_ID: Ca
-}), va = {
+}, Ra = () => O.currentPageData.page_content || {}, Ba = (a) => {
+  O.currentPageData = a, O.currentPageDataCopy = me(!0, {}, a), O.oldParentId = a.parentId;
+}, Ga = () => {
+  O.currentPageData = {}, O.currentPageDataCopy = {}, O.oldParentId = null;
+}, Aa = () => !pe(O.currentPageData, O.currentPageDataCopy), tt = 0, at = 1, Le = (a) => {
+  const { ROOT_ID: t } = O, n = { [t]: { id: t } };
+  return a.forEach((e) => {
+    n[e.id] = e;
+  }), a.forEach((e) => {
+    const o = n[e.parentId];
+    o && (o.children = o.children || [], o.children.push(e));
+  }), n;
+}, Ve = async (a) => {
+  const t = await ce.fetchPageList(a || q(j.GlobalService).getBaseInfo().id), n = { groupName: "静态页面", groupId: tt, data: [] }, e = { groupName: "公共页面", groupId: at, data: [] };
+  t.forEach((r) => {
+    const c = r.name ? r : { ...r, name: r.folderName, group: "staticPages" }, l = r.meta ? {
+      ...r,
+      ...r.meta,
+      name: r.fileName,
+      isPage: !0,
+      isBody: r.meta.rootElement === Ia.Body
+    } : c, { children: u, ...y } = l;
+    l.group === "staticPages" ? n.data.push(y) : e.data.push(y);
+  });
+  const o = Le(n.data), s = Le(e.data);
+  return O.treeDataMapping = { ...o, ...s }, n.data = o[O.ROOT_ID].children, O.pages = [n, e], O.pages;
+}, Re = (a) => {
+  if (a === O.ROOT_ID)
+    return [];
+  const t = O.treeDataMapping[a];
+  return [t].concat(Re(t.parentId));
+}, Ma = async (a, t) => {
+  if (O.pages.length === 0 && await Ve(), !O.treeDataMapping[a])
+    return null;
+  const e = Re(a).slice(1).reverse(), o = t ? () => !0 : (s) => s.isPage;
+  return e.filter(o).map((s) => s.id);
+}, Ha = () => {
+  const { pageState: a } = re();
+  a.currentVm = null, a.hoverVm = null, a.properties = {}, a.pageSchema = null;
+}, qe = (a) => {
+  const t = new URL(window.location);
+  t.searchParams.delete("blockid"), t.searchParams.set("pageid", a), window.history.pushState({}, "", t), et({ pageId: a });
+}, nt = (a) => {
+  if (Ha(), a !== 0 && !a) {
+    qe(""), re().initData({ componentName: wa.Page }, {}), De().layoutState.pageStatus = {
+      state: "empty",
+      data: {}
+    };
+    return;
+  }
+  return ce.fetchPageDetail(a).then((t) => {
+    t.isPage && gt().setBreadcrumbPage([t.name]), qe(a), De().closePlugin(), De().layoutState.pageStatus = Ze(t.occupier), re().initData(t.page_content, t);
+  }).catch(() => {
+    B({
+      type: "error",
+      message: "切换页面失败，目标页面不存在"
+    });
+  });
+}, Ua = (a) => {
+  (() => {
+    const { isSaved: n, isBlock: e } = re();
+    return new Promise((o) => {
+      if (n()) {
+        o(!0);
+        return;
+      }
+      se().confirm({
+        title: "提示",
+        message: `${e() ? "区块" : "页面"}尚未保存，是否要继续切换?`,
+        exec: () => {
+          o(!0);
+        },
+        cancel: () => {
+          o(!1);
+        }
+      });
+    });
+  })().then((n) => {
+    n && nt(a);
+  });
+}, La = async (a) => {
+  var n;
+  const t = "0";
+  if (a.length > 0)
+    for (let e = 0; e < a.length; e++) {
+      if (!a[e].page_content) {
+        const o = await ce.fetchPageDetail(a[e].id);
+        a[e].page_content = o.page_content;
+      }
+      a[e].parentId !== t && !a.find((o) => o.id === a[e].parentId) && (a[e].parentId = (n = a[e - 1]) != null && n.id ? a[e - 1].id : t);
+    }
+}, qa = async (a) => {
+  O.pages.length === 0 && await Ve();
+  const t = Re(a).filter((n) => n.isPage).reverse();
+  return await La(t), t;
+}, ja = () => ({
+  postLocationHistoryChanged: et,
+  getDefaultPage: Ea,
+  selectedTemplateCard: Ta,
+  pageSettingState: O,
+  isTemporaryPage: Fa,
+  isCurrentDataSame: xa,
+  changeTreeData: Va,
+  getPageContent: Ra,
+  resetPageData: Ga,
+  initCurrentPageData: Ba,
+  isChangePageData: Aa,
+  getPageList: Ve,
+  getAncestors: Ma,
+  switchPage: nt,
+  switchPageWithConfirm: Ua,
+  getFamily: qa,
+  STATIC_PAGE_GROUP_ID: tt,
+  COMMON_PAGE_GROUP_ID: at
+}), Ja = {
   id: "engine.service.page",
   type: "MetaService",
-  apis: ba(),
+  apis: ja(),
   composable: {
-    name: at.usePage
+    name: dt.usePage
   }
-}, Na = {
+}, Ka = {
   components: {
-    TinyCheckbox: Le
+    TinyCheckbox: we
   },
   setup() {
-    const { pageSettingState: t, STATIC_PAGE_GROUP_ID: a } = M(), { handleRouteHomeUpdate: i } = ue, { confirm: e } = z(), r = X({
+    const { pageSettingState: a, STATIC_PAGE_GROUP_ID: t } = $(), { handleRouteHomeUpdate: n } = ce, { confirm: e } = se(), o = le({
       checked: !1,
       selectDisable: !1
     });
-    ee(() => {
-      var d;
-      const l = !!((d = t.currentPageData) != null && d.isHome);
-      r.checked = l, r.selectDisable = l;
+    Pe(() => {
+      var u;
+      const l = !!((u = a.currentPageData) != null && u.isHome);
+      o.checked = l, o.selectDisable = l;
     });
-    const s = ge(() => {
+    const s = te(() => {
       let l = "暂无主页";
-      if (t.pages[a]) {
-        const f = t.pages[a].data.filter((m) => m.isHome);
-        f[0] && (l = f[0].name);
+      if (a.pages[t]) {
+        const y = a.pages[t].data.filter((_) => _.isHome);
+        y[0] && (l = y[0].name);
       }
       return l;
-    }), _ = Ze("openSettingPanel");
+    }), r = lt("openSettingPanel");
     return {
-      pageSettingState: t,
+      pageSettingState: a,
       settingHome: () => {
         e({
           title: "提示",
           type: "warning ",
           message: "是否确定要将此页面设置为主页？您所做的任何未保存的更改都将被丢弃。",
           exec: () => {
-            const { id: l } = t.currentPageData, d = t.ROOT_ID, f = { ...t.currentPageData };
-            f.parentId = d, f.isHome = !0, i(l, f).then(() => {
-              t.updateTreeData(), _({ data: t.currentPageData }), t.isNew = !1, Ke && _t({
+            const { id: l } = a.currentPageData, u = a.ROOT_ID, y = { ...a.currentPageData };
+            y.parentId = u, y.isHome = !0, n(l, y).then(() => {
+              a.updateTreeData(), r(a.currentPageData), a.isNew = !1, Qe && bt({
                 pageId: l,
-                componentsTree: f
-              }), O({ message: "主页设置成功！", type: "success" });
+                componentsTree: y
+              }), B({ message: "主页设置成功！", type: "success" });
             }).catch(() => {
-              O({ message: "主页设置失败！", type: "error" });
+              B({ message: "主页设置失败！", type: "error" });
             });
           },
           cancel: () => {
-            r.checked = !1;
+            o.checked = !1;
           }
         });
       },
       homePage: s,
-      state: r
+      state: o
     };
   }
-}, Ia = (t) => (Se("data-v-46b25916"), t = t(), he(), t), Ta = { class: "home" }, Fa = { class: "tip" }, wa = /* @__PURE__ */ Ia(() => /* @__PURE__ */ w("span", null, "当前主页是", -1)), ka = { class: "home-page" };
-function Oa(t, a, i, e, r, s) {
-  const _ = p("tiny-checkbox");
-  return I(), q("div", Ta, [
-    g(_, {
+}, Wa = { class: "home" }, Xa = { class: "tip" }, za = { class: "home-page" };
+function Qa(a, t, n, e, o, s) {
+  const r = P("tiny-checkbox");
+  return h(), H("div", Wa, [
+    d(r, {
       class: "selectHome",
       modelValue: e.state.checked,
-      "onUpdate:modelValue": a[0] || (a[0] = (n) => e.state.checked = n),
+      "onUpdate:modelValue": t[0] || (t[0] = (c) => e.state.checked = c),
       disabled: e.state.selectDisable,
       onChange: e.settingHome
     }, {
-      default: h(() => [
-        Y("设为主页")
-      ]),
+      default: D(() => t[1] || (t[1] = [
+        de("设为主页")
+      ])),
       _: 1
     }, 8, ["modelValue", "disabled", "onChange"]),
-    w("div", Fa, [
-      wa,
-      w("span", ka, "【" + De(e.homePage) + "】", 1)
+    x("div", Xa, [
+      t[2] || (t[2] = x("span", null, "当前主页是", -1)),
+      x("span", za, "【" + ue(e.homePage) + "】", 1)
     ])
   ]);
 }
-const Ea = /* @__PURE__ */ J(Na, [["render", Oa], ["__scopeId", "data-v-46b25916"]]), Va = {
+const Ya = /* @__PURE__ */ ee(Ka, [["render", Qa], ["__scopeId", "data-v-dc244104"]]), Za = {
   components: {
-    TinyForm: it,
-    TinyFormItem: gt,
-    TinyInput: qe,
-    TinySelect: pt,
-    PageHome: Ea,
-    TinyRadio: ut
+    TinyForm: _t,
+    TinyFormItem: Dt,
+    TinyInput: ze,
+    TinySelect: ht,
+    PageHome: Ya,
+    TinyRadio: St,
+    TinyCheckbox: we
   },
   props: {
     modelValue: {
@@ -1303,28 +1658,28 @@ const Ea = /* @__PURE__ */ J(Na, [["render", Oa], ["__scopeId", "data-v-46b25916
   },
   setup() {
     const {
-      pageSettingState: t,
-      changeTreeData: a,
-      STATIC_PAGE_GROUP_ID: i
-    } = M(), e = t.ROOT_ID, r = G(t.currentPageData.parentId);
-    ee(() => {
-      r.value = t.oldParentId;
+      pageSettingState: a,
+      changeTreeData: t,
+      STATIC_PAGE_GROUP_ID: n
+    } = $(), e = a.ROOT_ID, o = W(a.currentPageData.parentId);
+    Pe(() => {
+      o.value = a.oldParentId;
     });
-    const s = ge(() => {
-      let C = t.currentPageData.route || "", S = t.currentPageData.parentId;
+    const s = te(() => {
+      let i = a.currentPageData.route || "", S = a.currentPageData.parentId;
       for (; S !== e; ) {
-        const u = t.treeDataMapping[S];
-        if (!u)
+        const m = a.treeDataMapping[S];
+        if (!m)
           break;
-        C = `${u.route}/${C}`, S = u.parentId;
+        i = `${m.route}/${i}`, S = m.parentId;
       }
-      return C.startsWith("/") && (C = C.slice(1)), C;
-    }), _ = {
+      return i.startsWith("/") && (i = i.slice(1)), i;
+    }), r = {
       name: [{
         required: !0,
         message: "请输入页面 ID"
       }, {
-        pattern: Dt,
+        pattern: Tt,
         message: "只允许包含英文字母，且为大写开头驼峰格式, 如DemoPage"
       }, {
         min: 3,
@@ -1335,15 +1690,15 @@ const Ea = /* @__PURE__ */ J(Na, [["render", Oa], ["__scopeId", "data-v-46b25916
         required: !0,
         message: "请输入页面路由"
       }, {
-        pattern: Ge,
+        pattern: Me,
         message: "只允许包含英文字母、数字、下横线_、中横线-、正斜杠/, 且以英文字母开头"
       }]
-    }, n = {
+    }, c = {
       name: [{
         required: !0,
         message: "请输入页面文件夹 ID"
       }, {
-        pattern: Ct,
+        pattern: Ft,
         message: "只允许包含英文字母、数字、下横线_、中横线-, 且以英文字母开头"
       }, {
         min: 3,
@@ -1354,78 +1709,78 @@ const Ea = /* @__PURE__ */ J(Na, [["render", Oa], ["__scopeId", "data-v-46b25916
         required: !0,
         message: "请输入页面文件夹路由"
       }, {
-        pattern: Ge,
+        pattern: Me,
         message: "只允许包含英文字母、数字、下横线_、中横线-、正斜杠/, 且以英文字母开头"
       }],
       group: [{
         required: !0,
         message: "必须选择页面类型"
       }]
-    }, l = (C) => {
-      const S = [];
-      return C.forEach((u) => {
-        !u.isPage && u.id !== t.currentPageData.id && (S.push(u), u.children || (u.children = []), u.children = l(u.children));
-      }), S;
-    }, d = ge(() => {
-      var T;
-      const C = g(p("SvgIcon"), {
-        name: "text-page-folder-closed",
-        class: "folder-icon"
-      }, null), S = g(p("SvgIcon"), {
-        name: "text-page-folder",
-        class: "folder-icon"
-      }, null), u = ((T = t.pages[i]) == null ? void 0 : T.data) || [];
+    }, l = (i) => {
+      const {
+        id: S,
+        name: m,
+        isPage: T,
+        children: G
+      } = i, M = {
+        id: String(S),
+        name: m,
+        isPage: T
+      };
+      return Array.isArray(G) && (M.children = G.filter((J) => J.id !== a.currentPageData.id).map((J) => l(J))), M;
+    }, u = (i) => i.id === e ? null : i.isPage ? d(P("SvgIcon"), {
+      name: "text-page-common"
+    }, null) : d(P("SvgIcon"), {
+      name: "text-page-folder"
+    }, null), y = te(() => {
+      var G;
+      const i = ((G = a.pages[n]) == null ? void 0 : G.data) || [];
       return {
-        data: [{
-          name: "无",
-          id: e
-        }, ...l(JSON.parse(JSON.stringify(u)))],
-        shrinkIcon: S,
-        expandIcon: C,
-        renderContent: (U, {
-          node: K,
-          data: j
-        }) => g("span", {
-          style: "display:flex"
-        }, [K.isLeaf && j.id !== e ? g(p("svg-icon"), {
-          name: "text-page-folder-closed",
-          style: "margin-right:14px"
-        }, null) : null, g("span", {
-          class: "label"
-        }, [K.label])])
+        data: l({
+          children: [{
+            name: "无",
+            id: e
+          }].concat(i)
+        }).children,
+        shrinkIcon: null,
+        expandIcon: null,
+        renderContent: (M, {
+          node: J,
+          data: p
+        }) => d(oe, null, [u(p), d("div", null, [J.label])])
       };
-    }), f = G(null);
+    }), _ = W(null);
     return {
-      pageRules: _,
-      folderRules: n,
-      pageSettingState: t,
-      generalForm: f,
-      validGeneralForm: () => new Promise((C, S) => {
-        f.value.validate((u) => {
-          u ? C(u) : S(u);
+      pageRules: r,
+      folderRules: c,
+      pageSettingState: a,
+      generalForm: _,
+      validGeneralForm: () => new Promise((i, S) => {
+        _.value.validate((m) => {
+          m ? i(m) : S(m);
         });
       }),
-      treeFolderOp: d,
+      treeFolderOp: y,
       currentRoute: s,
-      changeParentForderId: (C) => {
-        a(C.id, r.value), r.value = C.id;
+      changeParentForderId: (i) => {
+        t(i.id, o.value), o.value = i.id;
       }
     };
   }
-}, xa = (t) => (Se("data-v-a8400625"), t = t(), he(), t), Ga = { class: "general-config" }, Ra = { class: "tip" }, Ba = {
+}, $a = { class: "general-config" }, en = { class: "tip" }, tn = {
   key: 0,
   class: "text"
-}, Ha = {
+}, an = {
   key: 1,
   class: "route-text"
-}, Aa = /* @__PURE__ */ xa(() => /* @__PURE__ */ w("span", { class: "text" }, "website.com/", -1)), Ma = { class: "text-dim" };
-function Ua(t, a, i, e, r, s) {
-  const _ = p("tiny-radio"), n = p("tiny-form-item"), l = p("tiny-input"), d = p("tiny-select"), f = p("tiny-form"), m = p("page-home");
-  return I(), q("div", Ga, [
-    g(f, {
+}, nn = { class: "text-dim" };
+function on(a, t, n, e, o, s) {
+  const r = P("tiny-radio"), c = P("tiny-form-item"), l = P("tiny-input"), u = P("tiny-select"), y = P("tiny-checkbox"), _ = P("tiny-form"), R = P("page-home");
+  return h(), H("div", $a, [
+    d(_, {
       ref: "generalForm",
       model: e.pageSettingState.currentPageData,
-      rules: i.isFolder ? e.folderRules : e.pageRules,
+      rules: n.isFolder ? e.folderRules : e.pageRules,
       "label-width": "120px",
       "validate-type": "text",
       "inline-message": !0,
@@ -1433,101 +1788,118 @@ function Ua(t, a, i, e, r, s) {
       "label-position": "top",
       class: "general-config-form"
     }, {
-      default: h(() => [
-        i.isFolder ? A("", !0) : (I(), E(n, {
+      default: D(() => [
+        n.isFolder ? L("", !0) : (h(), A(c, {
           key: 0,
           prop: "group",
           label: "页面类型",
           class: "form-item-page-type"
         }, {
-          default: h(() => [
-            g(_, {
+          default: D(() => [
+            d(r, {
               modelValue: e.pageSettingState.currentPageData.group,
-              "onUpdate:modelValue": a[0] || (a[0] = (v) => e.pageSettingState.currentPageData.group = v),
+              "onUpdate:modelValue": t[0] || (t[0] = (f) => e.pageSettingState.currentPageData.group = f),
               class: "page-type-radio",
               label: "staticPages"
             }, {
-              default: h(() => [
-                Y(" 静态页面 ")
-              ]),
+              default: D(() => t[6] || (t[6] = [
+                de(" 静态页面 ")
+              ])),
               _: 1
             }, 8, ["modelValue"]),
-            g(_, {
+            d(r, {
               modelValue: e.pageSettingState.currentPageData.group,
-              "onUpdate:modelValue": a[1] || (a[1] = (v) => e.pageSettingState.currentPageData.group = v),
+              "onUpdate:modelValue": t[1] || (t[1] = (f) => e.pageSettingState.currentPageData.group = f),
               class: "page-type-radio",
               label: "publicPages"
             }, {
-              default: h(() => [
-                Y(" 公共页面 ")
-              ]),
+              default: D(() => t[7] || (t[7] = [
+                de(" 公共页面 ")
+              ])),
               _: 1
             }, 8, ["modelValue"])
           ]),
           _: 1
         })),
-        g(n, {
+        d(c, {
           prop: "name",
-          label: `${i.isFolder ? "文件夹" : "页面"}名称`
+          label: `${n.isFolder ? "文件夹" : "页面"}名称`
         }, {
-          default: h(() => [
-            g(l, {
+          default: D(() => [
+            d(l, {
               modelValue: e.pageSettingState.currentPageData.name,
-              "onUpdate:modelValue": a[2] || (a[2] = (v) => e.pageSettingState.currentPageData.name = v),
-              placeholder: `请设置${i.isFolder ? "文件夹" : "页面"}名称`
+              "onUpdate:modelValue": t[2] || (t[2] = (f) => e.pageSettingState.currentPageData.name = f),
+              placeholder: `请设置${n.isFolder ? "文件夹" : "页面"}名称`
             }, null, 8, ["modelValue", "placeholder"])
           ]),
           _: 1
         }, 8, ["label"]),
-        e.pageSettingState.currentPageData.group !== "publicPages" ? (I(), E(n, {
+        e.pageSettingState.currentPageData.group !== "publicPages" ? (h(), A(c, {
           key: 1,
-          label: "父文件夹",
+          label: "父文件夹/父页面",
           prop: "parentId"
         }, {
-          default: h(() => [
-            g(d, {
+          default: D(() => [
+            d(u, {
               modelValue: e.pageSettingState.currentPageData.parentId,
-              "onUpdate:modelValue": a[3] || (a[3] = (v) => e.pageSettingState.currentPageData.parentId = v),
+              "onUpdate:modelValue": t[3] || (t[3] = (f) => e.pageSettingState.currentPageData.parentId = f),
               "value-field": "id",
               "render-type": "tree",
               "tree-op": e.treeFolderOp,
               "text-field": "name",
-              placeholder: "请选择父文件夹",
+              placeholder: "请选择父文件夹/父页面",
               "popper-class": "parent-fold-select-dropdown",
               onChange: e.changeParentForderId
             }, null, 8, ["modelValue", "tree-op", "onChange"])
           ]),
           _: 1
-        })) : A("", !0),
-        g(n, {
+        })) : L("", !0),
+        d(c, {
           label: "页面路由",
           prop: "route"
         }, {
-          default: h(() => [
-            g(l, {
+          default: D(() => [
+            d(l, {
               modelValue: e.pageSettingState.currentPageData.route,
-              "onUpdate:modelValue": a[4] || (a[4] = (v) => e.pageSettingState.currentPageData.route = v),
+              "onUpdate:modelValue": t[4] || (t[4] = (f) => e.pageSettingState.currentPageData.route = f),
               placeholder: "请设置路由"
             }, null, 8, ["modelValue"]),
-            w("div", Ra, [
-              e.pageSettingState.currentPageData.route ? (I(), q("span", Ha, [
-                Aa,
-                w("span", Ma, De(e.currentRoute), 1)
-              ])) : (I(), q("span", Ba, "路由将以website.com开头"))
+            x("div", en, [
+              e.pageSettingState.currentPageData.route ? (h(), H("span", an, [
+                t[8] || (t[8] = x("span", { class: "text" }, "website.com/", -1)),
+                x("span", nn, ue(e.currentRoute), 1)
+              ])) : (h(), H("span", tn, "路由将以website.com开头"))
             ])
           ]),
           _: 1
-        })
+        }),
+        e.pageSettingState.currentPageData.group !== "publicPages" ? (h(), A(c, {
+          key: 2,
+          prop: "isDefault"
+        }, {
+          default: D(() => [
+            d(y, {
+              modelValue: e.pageSettingState.currentPageData.isDefault,
+              "onUpdate:modelValue": t[5] || (t[5] = (f) => e.pageSettingState.currentPageData.isDefault = f)
+            }, {
+              default: D(() => t[9] || (t[9] = [
+                de("设为默认页")
+              ])),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        })) : L("", !0)
       ]),
       _: 1
     }, 8, ["model", "rules"]),
-    !i.isFolder && !e.pageSettingState.isNew && e.pageSettingState.currentPageData.group !== "public" ? (I(), E(m, { key: 0 })) : A("", !0)
+    !n.isFolder && !e.pageSettingState.isNew && e.pageSettingState.currentPageData.group !== "public" ? (h(), A(R, { key: 0 })) : L("", !0)
   ]);
 }
-const La = /* @__PURE__ */ J(Va, [["render", Ua], ["__scopeId", "data-v-a8400625"]]), on = {
-  ...$,
-  apis: ca,
-  entry: ga,
+const sn = /* @__PURE__ */ ee(Za, [["render", on], ["__scopeId", "data-v-41bfcd18"]]), vn = {
+  ...fe,
+  apis: va,
+  entry: Na,
   options: {
     pageBaseStyle: {
       className: "page-base-style",
@@ -1535,11 +1907,11 @@ const La = /* @__PURE__ */ J(Va, [["render", Ua], ["__scopeId", "data-v-a8400625
     }
   },
   components: {
-    PageGeneral: La
+    PageGeneral: sn
   },
-  metas: [va]
+  metas: [Ja]
 };
 export {
-  va as PageService,
-  on as default
+  Ja as PageService,
+  vn as default
 };