@opentiny/tiny-engine-plugin-page 2.0.0-alpha.4 → 2.0.0-alpha.6

package/dist/index.js

@@ -1,351 +1,38 @@
 import "./style.css";
-import { reactive as z, watchEffect as Y, computed as re, inject as He, resolveComponent as c, openBlock as T, createElementBlock as J, createVNode as r, withCtx as y, createTextVNode as ae, createElementVNode as x, toDisplayString as me, ref as U, createBlock as A, createCommentVNode as H, nextTick as Le, Fragment as de, renderList as Be, provide as je } from "vue";
-import { usePage as L, useModal as Q, useNotify as G, useBlock as qe, useEditorInfo as Je, getMergeMeta as be, useApp as le, useCanvas as fe, useLayout as oe, useBreadcrumb as Ke, useHelp as Xe, HOOK_NAME as We } from "@opentiny/tiny-engine-meta-register";
-import { BlockHistoryList as ze, MetaCodeEditor as Qe, LifeCycles as Ye, PluginSetting as ke, SvgButton as Pe, ButtonGroup as we, PluginPanel as Ze } from "@opentiny/tiny-engine-common";
-import { isEqual as ce, extend as ne } from "@opentiny/vue-renderless/common/object";
-import { Checkbox as Ee, Form as $e, FormItem as et, Input as Ve, Select as tt, Radio as at, Button as xe, Collapse as _e, CollapseItem as ye, Search as nt, Tree as ot } from "@opentiny/vue";
-import { constants as Re } from "@opentiny/tiny-engine-utils";
-import { isVsCodeEnv as Ge } from "@opentiny/tiny-engine-common/js/environments";
-import { handlePageUpdate as st } from "@opentiny/tiny-engine-common/js/http";
-import { generateRouter as rt, generatePage as lt } from "@opentiny/tiny-engine-common/js/vscodeGenerateFile";
-import { REGEXP_PAGE_NAME as ct, REGEXP_ROUTE as Ne, REGEXP_FOLDER_NAME as it } from "@opentiny/tiny-engine-common/js/verification";
-import { useHttp as gt } from "@opentiny/tiny-engine-http";
-import { previewPage as pt } from "@opentiny/tiny-engine-common/js/preview";
-import ut from "@opentiny/vue-renderless/common/deps/throttle";
-import { IconSearch as dt, IconFolderOpened as mt, IconFolderClosed as ft } from "@opentiny/vue-icon";
-import { getCanvasStatus as Te } from "@opentiny/tiny-engine-common/js/canvas";
-const B = gt(), Pt = (n) => B.get(`/app-center/api/pages/list/${n}`), Se = (n) => B.get(`/app-center/api/pages/detail/${n}`), _t = (n) => B.get(`/app-center/api/pages/delete/${n}`), yt = (n) => B.post("/app-center/api/pages/create", n), St = (n, t) => B.post(`/app-center/api/pages/update/${n}`, t), Dt = (n) => B.post("/app-center/api/pages/copy", n), Ae = (n) => B.get(`/app-center/api/pages/histories?page=${n}`), ht = (n) => B.post("/app-center/api/pageHistory/restore", n), Ct = (n) => B.get(`/app-center/api/pages/histories/${n}`), vt = (n, t) => B.post(`/app-center/api/pages/update/${n}`, t), ie = {
-  fetchPageList: Pt,
-  fetchPageDetail: Se,
-  requestDeletePage: _t,
-  requestCreatePage: yt,
-  requestCopyPage: Dt,
-  fetchPageHistory: Ae,
-  fetchHistoryDetail: Ct,
-  handleRouteHomeUpdate: St,
-  requestRestorePageHistory: ht,
-  requestUpdatePage: vt
-}, K = (n, t) => {
-  const s = n.__vccOpts || n;
-  for (const [e, m] of t)
-    s[e] = m;
-  return s;
-}, It = {
+import { ref as V, watchEffect as $, resolveComponent as p, openBlock as I, createBlock as E, computed as le, createElementBlock as j, createVNode as i, withCtx as D, createElementVNode as F, reactive as K, createTextVNode as Q, createCommentVNode as A, resolveDynamicComponent as xe, onUnmounted as qe, nextTick as Je, Fragment as _e, renderList as Ke, toDisplayString as ye, provide as Xe, inject as We } from "vue";
+import { usePage as U, useBlock as ze, useModal as W, getMetaApi as ie, META_SERVICE as ge, getMergeMeta as Oe, useNotify as k, useCanvas as Se, getMergeRegistry as Ge, useLayout as re, useBreadcrumb as Qe, useMessage as Fe, useHelp as Ye, HOOK_NAME as Ze } from "@opentiny/tiny-engine-meta-register";
+import { BlockHistoryList as $e, MetaCodeEditor as et, LifeCycles as tt, PluginSetting as Re, SvgButton as De, ButtonGroup as Ae, PluginPanel as at } from "@opentiny/tiny-engine-common";
+import { isEqual as pe, extend as Y } from "@opentiny/vue-renderless/common/object";
+import { Checkbox as Ue, Button as Me, Collapse as he, CollapseItem as Ce, Input as He, Search as nt, Tree as ot, Form as st, FormItem as rt, Select as ct, Radio as lt } from "@opentiny/vue";
+import { constants as Be } from "@opentiny/tiny-engine-utils";
+import { isVsCodeEnv as Le } from "@opentiny/tiny-engine-common/js/environments";
+import { handlePageUpdate as it } from "@opentiny/tiny-engine-common/js/http";
+import { generatePage as gt, generateRouter as pt } from "@opentiny/tiny-engine-common/js/vscodeGenerateFile";
+import { previewPage as ut } from "@opentiny/tiny-engine-common/js/preview";
+import { useHttp as dt } from "@opentiny/tiny-engine-http";
+import mt from "@opentiny/vue-renderless/common/deps/throttle";
+import { IconSearch as Pt, IconFolderOpened as ft, IconFolderClosed as _t } from "@opentiny/vue-icon";
+import { getCanvasStatus as we } from "@opentiny/tiny-engine-common/js/canvas";
+import { REGEXP_PAGE_NAME as yt, REGEXP_ROUTE as ke, REGEXP_FOLDER_NAME as St } from "@opentiny/tiny-engine-common/js/verification";
+const M = dt(), Dt = (a) => M.get(`/app-center/api/pages/list/${a}`), be = (a) => M.get(`/app-center/api/pages/detail/${a}`), ht = (a) => M.get(`/app-center/api/pages/delete/${a}`), Ct = (a) => M.post("/app-center/api/pages/create", a), bt = (a, t) => M.post(`/app-center/api/pages/update/${a}`, t), vt = (a) => M.post("/app-center/api/pages/copy", a), je = (a) => M.get(`/app-center/api/pages/histories?page=${a}`), Tt = (a) => M.post("/app-center/api/pageHistory/restore", a), It = (a) => M.get(`/app-center/api/pages/histories/${a}`), Nt = (a, t) => M.post(`/app-center/api/pages/update/${a}`, t), ue = {
+  fetchPageList: Dt,
+  fetchPageDetail: be,
+  requestDeletePage: ht,
+  requestCreatePage: Ct,
+  requestCopyPage: vt,
+  fetchPageHistory: je,
+  fetchHistoryDetail: It,
+  handleRouteHomeUpdate: bt,
+  requestRestorePageHistory: Tt,
+  requestUpdatePage: Nt
+}, q = (a, t) => {
+  const g = a.__vccOpts || a;
+  for (const [e, r] of t)
+    g[e] = r;
+  return g;
+}, Ot = {
   components: {
-    TinyCheckbox: Ee
-  },
-  setup() {
-    const { pageSettingState: n, STATIC_PAGE_GROUP_ID: t } = L(), { handleRouteHomeUpdate: s } = ie, { confirm: e } = Q(), m = z({
-      checked: !1,
-      selectDisable: !1
-    });
-    Y(() => {
-      var g;
-      const o = !!((g = n.currentPageData) != null && g.isHome);
-      m.checked = o, m.selectDisable = o;
-    });
-    const f = re(() => {
-      let o = "暂无主页";
-      if (n.pages[t]) {
-        const u = n.pages[t].data.filter((P) => P.isHome);
-        u[0] && (o = u[0].name);
-      }
-      return o;
-    }), a = He("openSettingPanel");
-    return {
-      pageSettingState: n,
-      settingHome: () => {
-        e({
-          title: "提示",
-          type: "warning ",
-          message: "是否确定要将此页面设置为主页？您所做的任何未保存的更改都将被丢弃。",
-          exec: () => {
-            const { id: o } = n.currentPageData, g = n.ROOT_ID, u = { ...n.currentPageData };
-            u.parentId = g, u.isHome = !0, s(o, u).then(() => {
-              n.updateTreeData(), a({ data: n.currentPageData }), n.isNew = !1, Ge && rt({
-                pageId: o,
-                componentsTree: u
-              }), G({ message: "主页设置成功！", type: "success" });
-            }).catch(() => {
-              G({ message: "主页设置失败！", type: "error" });
-            });
-          },
-          cancel: () => {
-            m.checked = !1;
-          }
-        });
-      },
-      homePage: f,
-      state: m
-    };
-  }
-}, bt = { class: "home" }, Nt = { class: "tip" }, Tt = { class: "home-page" };
-function Ot(n, t, s, e, m, f) {
-  const a = c("tiny-checkbox");
-  return T(), J("div", bt, [
-    r(a, {
-      class: "selectHome",
-      modelValue: e.state.checked,
-      "onUpdate:modelValue": t[0] || (t[0] = (l) => e.state.checked = l),
-      disabled: e.state.selectDisable,
-      onChange: e.settingHome
-    }, {
-      default: y(() => t[1] || (t[1] = [
-        ae("设为主页")
-      ])),
-      _: 1
-    }, 8, ["modelValue", "disabled", "onChange"]),
-    x("div", Nt, [
-      t[2] || (t[2] = x("span", null, "当前主页是", -1)),
-      x("span", Tt, "【" + me(e.homePage) + "】", 1)
-    ])
-  ]);
-}
-const Ft = /* @__PURE__ */ K(It, [["render", Ot], ["__scopeId", "data-v-b15de911"]]), kt = {
-  components: {
-    TinyForm: $e,
-    TinyFormItem: et,
-    TinyInput: Ve,
-    TinySelect: tt,
-    PageHome: Ft,
-    TinyRadio: at
-  },
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => ({})
-    },
-    isFolder: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup() {
-    const {
-      pageSettingState: n,
-      changeTreeData: t,
-      STATIC_PAGE_GROUP_ID: s
-    } = L(), e = n.ROOT_ID, m = U(n.currentPageData.parentId);
-    Y(() => {
-      m.value = n.oldParentId;
-    });
-    const f = re(() => {
-      let D = n.currentPageData.route || "", S = n.currentPageData.parentId;
-      for (; S !== e; ) {
-        const p = n.treeDataMapping[S];
-        if (!p)
-          break;
-        D = `${p.route}/${D}`, S = p.parentId;
-      }
-      return D.startsWith("/") && (D = D.slice(1)), D;
-    }), a = {
-      name: [{
-        required: !0,
-        message: "请输入页面 ID"
-      }, {
-        pattern: ct,
-        message: "只允许包含英文字母，且为大写开头驼峰格式, 如DemoPage"
-      }, {
-        min: 3,
-        max: 25,
-        message: "长度在 3 到 25 个字符"
-      }],
-      route: [{
-        required: !0,
-        message: "请输入页面路由"
-      }, {
-        pattern: Ne,
-        message: "只允许包含英文字母、数字、下横线_、中横线-、正斜杠/, 且以英文字母开头"
-      }]
-    }, l = {
-      name: [{
-        required: !0,
-        message: "请输入页面文件夹 ID"
-      }, {
-        pattern: it,
-        message: "只允许包含英文字母、数字、下横线_、中横线-, 且以英文字母开头"
-      }, {
-        min: 3,
-        max: 25,
-        message: "长度在 3 到 25 个字符"
-      }],
-      route: [{
-        required: !0,
-        message: "请输入页面文件夹路由"
-      }, {
-        pattern: Ne,
-        message: "只允许包含英文字母、数字、下横线_、中横线-、正斜杠/, 且以英文字母开头"
-      }],
-      group: [{
-        required: !0,
-        message: "必须选择页面类型"
-      }]
-    }, o = (D) => {
-      const S = [];
-      return D.forEach((p) => {
-        !p.isPage && p.id !== n.currentPageData.id && (S.push(p), p.children || (p.children = []), p.children = o(p.children));
-      }), S;
-    }, g = re(() => {
-      var F;
-      const D = r(c("SvgIcon"), {
-        name: "text-page-folder-closed",
-        class: "folder-icon"
-      }, null), S = r(c("SvgIcon"), {
-        name: "text-page-folder",
-        class: "folder-icon"
-      }, null), p = ((F = n.pages[s]) == null ? void 0 : F.data) || [];
-      return {
-        data: [{
-          name: "无",
-          id: e
-        }, ...o(JSON.parse(JSON.stringify(p)))],
-        shrinkIcon: S,
-        expandIcon: D,
-        renderContent: (Z, {
-          node: X,
-          data: W
-        }) => r("span", {
-          style: "display:flex"
-        }, [X.isLeaf && W.id !== e ? r(c("svg-icon"), {
-          name: "text-page-folder-closed",
-          style: "margin-right:14px"
-        }, null) : null, r("span", {
-          class: "label"
-        }, [X.label])])
-      };
-    }), u = U(null);
-    return {
-      pageRules: a,
-      folderRules: l,
-      pageSettingState: n,
-      generalForm: u,
-      validGeneralForm: () => new Promise((D, S) => {
-        u.value.validate((p) => {
-          p ? D(p) : S(p);
-        });
-      }),
-      treeFolderOp: g,
-      currentRoute: f,
-      changeParentForderId: (D) => {
-        t(D.id, m.value), m.value = D.id;
-      }
-    };
-  }
-}, wt = { class: "general-config" }, Et = { class: "tip" }, Vt = {
-  key: 0,
-  class: "text"
-}, xt = {
-  key: 1,
-  class: "route-text"
-}, Rt = { class: "text-dim" };
-function Gt(n, t, s, e, m, f) {
-  const a = c("tiny-radio"), l = c("tiny-form-item"), o = c("tiny-input"), g = c("tiny-select"), u = c("tiny-form"), P = c("page-home");
-  return T(), J("div", wt, [
-    r(u, {
-      ref: "generalForm",
-      model: e.pageSettingState.currentPageData,
-      rules: s.isFolder ? e.folderRules : e.pageRules,
-      "label-width": "120px",
-      "validate-type": "text",
-      "inline-message": !0,
-      "label-align": !0,
-      "label-position": "top",
-      class: "general-config-form"
-    }, {
-      default: y(() => [
-        s.isFolder ? H("", !0) : (T(), A(l, {
-          key: 0,
-          prop: "group",
-          label: "页面类型",
-          class: "form-item-page-type"
-        }, {
-          default: y(() => [
-            r(a, {
-              modelValue: e.pageSettingState.currentPageData.group,
-              "onUpdate:modelValue": t[0] || (t[0] = (_) => e.pageSettingState.currentPageData.group = _),
-              class: "page-type-radio",
-              label: "staticPages"
-            }, {
-              default: y(() => t[5] || (t[5] = [
-                ae(" 静态页面 ")
-              ])),
-              _: 1
-            }, 8, ["modelValue"]),
-            r(a, {
-              modelValue: e.pageSettingState.currentPageData.group,
-              "onUpdate:modelValue": t[1] || (t[1] = (_) => e.pageSettingState.currentPageData.group = _),
-              class: "page-type-radio",
-              label: "publicPages"
-            }, {
-              default: y(() => t[6] || (t[6] = [
-                ae(" 公共页面 ")
-              ])),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          _: 1
-        })),
-        r(l, {
-          prop: "name",
-          label: `${s.isFolder ? "文件夹" : "页面"}名称`
-        }, {
-          default: y(() => [
-            r(o, {
-              modelValue: e.pageSettingState.currentPageData.name,
-              "onUpdate:modelValue": t[2] || (t[2] = (_) => e.pageSettingState.currentPageData.name = _),
-              placeholder: `请设置${s.isFolder ? "文件夹" : "页面"}名称`
-            }, null, 8, ["modelValue", "placeholder"])
-          ]),
-          _: 1
-        }, 8, ["label"]),
-        e.pageSettingState.currentPageData.group !== "publicPages" ? (T(), A(l, {
-          key: 1,
-          label: "父文件夹",
-          prop: "parentId"
-        }, {
-          default: y(() => [
-            r(g, {
-              modelValue: e.pageSettingState.currentPageData.parentId,
-              "onUpdate:modelValue": t[3] || (t[3] = (_) => e.pageSettingState.currentPageData.parentId = _),
-              "value-field": "id",
-              "render-type": "tree",
-              "tree-op": e.treeFolderOp,
-              "text-field": "name",
-              placeholder: "请选择父文件夹",
-              "popper-class": "parent-fold-select-dropdown",
-              onChange: e.changeParentForderId
-            }, null, 8, ["modelValue", "tree-op", "onChange"])
-          ]),
-          _: 1
-        })) : H("", !0),
-        r(l, {
-          label: "页面路由",
-          prop: "route"
-        }, {
-          default: y(() => [
-            r(o, {
-              modelValue: e.pageSettingState.currentPageData.route,
-              "onUpdate:modelValue": t[4] || (t[4] = (_) => e.pageSettingState.currentPageData.route = _),
-              placeholder: "请设置路由"
-            }, null, 8, ["modelValue"]),
-            x("div", Et, [
-              e.pageSettingState.currentPageData.route ? (T(), J("span", xt, [
-                t[7] || (t[7] = x("span", { class: "text" }, "website.com/", -1)),
-                x("span", Rt, me(e.currentRoute), 1)
-              ])) : (T(), J("span", Vt, "路由将以website.com开头"))
-            ])
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["model", "rules"]),
-    !s.isFolder && !e.pageSettingState.isNew && e.pageSettingState.currentPageData.group !== "public" ? (T(), A(P, { key: 0 })) : H("", !0)
-  ]);
-}
-const Ue = /* @__PURE__ */ K(kt, [["render", Gt], ["__scopeId", "data-v-98016952"]]), At = {
-  components: {
-    BlockHistoryList: ze
+    BlockHistoryList: $e
   },
   props: {
     curPageData: {
@@ -354,96 +41,96 @@ const Ue = /* @__PURE__ */ K(kt, [["render", Gt], ["__scopeId", "data-v-98016952
     }
   },
   emits: ["restorePage"],
-  setup(n, { emit: t }) {
-    const { pageSettingState: s } = L(), { getDateFromNow: e } = qe(), { confirm: m } = Q(), f = U([]), a = (g) => {
-      const { id: u, version: P } = Je().useInfo(), _ = P ? `&app=${u}&version=${P}` : "";
-      g ? Ae(g + _).then((D) => {
-        D && (D.forEach((S) => {
-          S.backupTitle = S.message, S.backupTime = e(new Date(S.time));
-        }), f.value = D.reverse());
-      }) : f.value = [];
+  setup(a, { emit: t }) {
+    const { pageSettingState: g } = U(), { getDateFromNow: e } = ze(), { confirm: r } = W(), s = V([]), P = (u) => {
+      const { id: f, version: d } = ie(ge.GlobalService).getBaseInfo(), b = d ? `&app=${f}&version=${d}` : "";
+      u ? je(u + b).then((C) => {
+        C && (C.forEach((y) => {
+          y.backupTitle = y.message, y.backupTime = e(new Date(y.time));
+        }), s.value = C.reverse());
+      }) : s.value = [];
     };
-    return Y(() => {
-      var u;
-      const g = ((u = s.currentPageData) == null ? void 0 : u.id) || "";
-      a(g);
+    return $(() => {
+      var f;
+      const u = ((f = g.currentPageData) == null ? void 0 : f.id) || "";
+      P(u);
     }), {
-      list: f,
-      previewHistory: (g) => {
-        var u, P;
-        g && pt({
-          id: g.page,
-          history: g.id,
-          framework: (u = be("engine.config")) == null ? void 0 : u.dslMode,
-          platform: (P = be("engine.config")) == null ? void 0 : P.platformId
+      list: s,
+      previewHistory: (u) => {
+        var f, d;
+        u && ut({
+          id: u.page,
+          history: u.id,
+          framework: (f = Oe("engine.config")) == null ? void 0 : f.dslMode,
+          platform: (d = Oe("engine.config")) == null ? void 0 : d.platformId
         });
       },
-      restoreHistory: (g) => {
-        m({
+      restoreHistory: (u) => {
+        r({
           title: "提示",
           message: "您即将还原历史页面，是否继续还原？",
           exec: () => {
-            t("restorePage", g);
+            t("restorePage", u);
           }
         });
       }
     };
   }
 };
-function Ut(n, t, s, e, m, f) {
-  const a = c("block-history-list");
-  return T(), A(a, {
+function Ft(a, t, g, e, r, s) {
+  const P = p("block-history-list");
+  return I(), E(P, {
     history: e.list,
     onPreview: e.previewHistory,
     onRestore: e.restoreHistory
   }, null, 8, ["history", "onPreview", "onRestore"]);
 }
-const Mt = /* @__PURE__ */ K(At, [["render", Ut]]), Ht = {
+const wt = /* @__PURE__ */ q(Ot, [["render", Ft]]), kt = {
   components: {
-    MetaCodeEditor: Qe,
-    TinyCheckbox: Ee
+    MetaCodeEditor: et,
+    TinyCheckbox: Ue
   },
   setup() {
-    const n = U(""), t = U(""), { pageSettingState: s } = L(), e = re(() => s.currentPageData);
-    return Y(() => {
-      var l, o;
-      n.value = ((l = s.currentPageData.page_content) == null ? void 0 : l.inputs) || "", t.value = ((o = s.currentPageData.page_content) == null ? void 0 : o.outputs) || "";
+    const a = V(""), t = V(""), { pageSettingState: g } = U(), e = le(() => g.currentPageData);
+    return $(() => {
+      var n, l;
+      a.value = ((n = g.currentPageData.page_content) == null ? void 0 : n.inputs) || "", t.value = ((l = g.currentPageData.page_content) == null ? void 0 : l.outputs) || "";
     }), {
-      inputValue: n,
+      inputValue: a,
       outputValue: t,
-      saveInputValue: (l) => {
+      saveInputValue: (n) => {
         try {
-          const o = JSON.parse(l.content);
-          n.value = l.content, e.value.page_content.inputs = o;
-        } catch (o) {
-          G({
+          const l = JSON.parse(n.content);
+          a.value = n.content, e.value.page_content.inputs = l;
+        } catch (l) {
+          k({
             title: "输入配置保存失败（必须符合JSON格式）",
-            message: `${(o == null ? void 0 : o.message) || o}`,
+            message: `${(l == null ? void 0 : l.message) || l}`,
             type: "error"
           });
         }
       },
-      saveOutputValue: (l) => {
+      saveOutputValue: (n) => {
         try {
-          const o = JSON.parse(l.content);
-          t.value = l.content, e.value.page_content.outputs = o;
-        } catch (o) {
-          G({
+          const l = JSON.parse(n.content);
+          t.value = n.content, e.value.page_content.outputs = l;
+        } catch (l) {
+          k({
             title: "输出配置保存失败（必须符合JSON格式）",
-            message: `${(o == null ? void 0 : o.message) || o}`,
+            message: `${(l == null ? void 0 : l.message) || l}`,
             type: "error"
           });
         }
       },
-      pageSettingState: s,
-      hasContent: (l) => Array.isArray(l) && l.length > 0 || typeof l == "object" && Object.keys(l).length > 0
+      pageSettingState: g,
+      hasContent: (n) => Array.isArray(n) && n.length > 0 || typeof n == "object" && Object.keys(n).length > 0
     };
   }
-}, Lt = { class: "input-or-output" };
-function Bt(n, t, s, e, m, f) {
-  const a = c("svg-icon"), l = c("meta-code-editor"), o = c("tiny-checkbox");
-  return T(), J("div", Lt, [
-    r(l, {
+}, Et = { class: "input-or-output" };
+function Vt(a, t, g, e, r, s) {
+  const P = p("svg-icon"), n = p("meta-code-editor"), l = p("tiny-checkbox");
+  return I(), j("div", Et, [
+    i(n, {
       modelValue: e.inputValue,
       title: "输入配置",
       "button-text": "输入配置",
@@ -452,16 +139,16 @@ function Bt(n, t, s, e, m, f) {
       single: "",
       onSave: e.saveInputValue
     }, {
-      icon: y(() => [
-        r(a, {
+      icon: D(() => [
+        i(P, {
           class: "edit-btn-icon",
           name: "to-edit"
         })
       ]),
       _: 1
     }, 8, ["modelValue", "buttonShowContent", "onSave"]),
-    t[2] || (t[2] = x("div", { class: "input-output-tips" }, "传递给页面的参数(类似组件的输入属性)", -1)),
-    r(l, {
+    t[2] || (t[2] = F("div", { class: "input-output-tips" }, "传递给页面的参数(类似组件的输入属性)", -1)),
+    i(n, {
       modelValue: e.outputValue,
       title: "输出配置",
       "button-text": "输出配置",
@@ -470,55 +157,60 @@ function Bt(n, t, s, e, m, f) {
       single: "",
       onSave: e.saveOutputValue
     }, {
-      icon: y(() => [
-        r(a, {
+      icon: D(() => [
+        i(P, {
           class: "edit-btn-icon",
           name: "to-edit"
         })
       ]),
       _: 1
     }, 8, ["modelValue", "buttonShowContent", "onSave"]),
-    t[3] || (t[3] = x("div", { class: "input-output-div" }, "页面传递出的事件(类似组件触发的输出事件)", -1)),
-    r(o, {
+    t[3] || (t[3] = F("div", { class: "input-output-div" }, "页面传递出的事件(类似组件触发的输出事件)", -1)),
+    i(l, {
       class: "selectHome",
       modelValue: e.pageSettingState.currentPageData.isBody,
-      "onUpdate:modelValue": t[0] || (t[0] = (g) => e.pageSettingState.currentPageData.isBody = g)
+      "onUpdate:modelValue": t[0] || (t[0] = (u) => e.pageSettingState.currentPageData.isBody = u)
     }, {
-      default: y(() => t[1] || (t[1] = [
-        x("span", null, "设为根元素为Body", -1)
+      default: D(() => t[1] || (t[1] = [
+        F("span", null, "设为根元素为Body", -1)
       ])),
       _: 1
     }, 8, ["modelValue"]),
-    t[4] || (t[4] = x("div", { class: "input-output-div" }, "默认为div", -1))
+    t[4] || (t[4] = F("div", { class: "input-output-div" }, "默认为div", -1))
   ]);
 }
-const jt = /* @__PURE__ */ K(Ht, [["render", Bt], ["__scopeId", "data-v-9ba45379"]]), {
-  COMPONENT_NAME: qt
-} = Re, De = U(!1), se = () => {
-  De.value = !0;
-}, q = () => {
-  De.value = !1;
+const xt = /* @__PURE__ */ q(kt, [["render", Vt], ["__scopeId", "data-v-3b0f8d59"]]), Z = {
+  id: "engine.plugins.appmanage",
+  title: "页面",
+  type: "plugins",
+  icon: "plugin-icon-page",
+  align: "top"
+}, {
+  COMPONENT_NAME: Gt
+} = Be, ve = V(!1), ce = () => {
+  ve.value = !0;
+}, B = () => {
+  ve.value = !1;
   const {
-    resetPageData: n
-  } = L();
-  n();
-}, Oe = {
+    resetPageData: a
+  } = U();
+  a();
+}, Ee = {
   general: "general",
   inputOutput: "inputOutput",
   lifeCycles: "lifeCycles",
   history: "history"
-}, Jt = {
+}, Rt = {
   components: {
-    TinyButton: xe,
-    TinyCollapse: _e,
-    TinyCollapseItem: ye,
-    PageInputOutput: jt,
-    LifeCycles: Ye,
-    PageGeneral: Ue,
-    PageHistory: Mt,
-    PluginSetting: ke,
-    SvgButton: Pe,
-    ButtonGroup: we
+    TinyButton: Me,
+    TinyCollapse: he,
+    TinyCollapseItem: Ce,
+    PageInputOutput: xt,
+    LifeCycles: tt,
+    PageHistory: wt,
+    PluginSetting: Re,
+    SvgButton: De,
+    ButtonGroup: Ae
   },
   props: {
     isFolder: {
@@ -527,176 +219,176 @@ const jt = /* @__PURE__ */ K(Ht, [["render", Bt], ["__scopeId", "data-v-9ba45379
     }
   },
   emits: ["openNewPage"],
-  setup(n, {
+  setup(a, {
     emit: t
   }) {
+    var ne;
     const {
-      requestCreatePage: s,
+      requestCreatePage: g,
       requestDeletePage: e
-    } = ie, {
-      appInfoState: m
-    } = le(), {
-      DEFAULT_PAGE: f,
-      pageSettingState: a,
-      changeTreeData: l,
-      isCurrentDataSame: o,
-      initCurrentPageData: g,
+    } = ue, {
+      DEFAULT_PAGE: r,
+      pageSettingState: s,
+      changeTreeData: P,
+      isCurrentDataSame: n,
+      initCurrentPageData: l,
       isTemporaryPage: u,
-      STATIC_PAGE_GROUP_ID: P
-    } = L(), {
-      pageState: _,
-      initData: D
-    } = fe(), {
-      confirm: S
-    } = Q(), p = U(null), h = z({
-      activeName: Object.values(Oe),
+      STATIC_PAGE_GROUP_ID: f
+    } = U(), {
+      pageState: d,
+      initData: b
+    } = Se(), {
+      confirm: C
+    } = W(), y = Ge(Z.type, Z.id), m = y.components.PageGeneral, T = (ne = y == null ? void 0 : y.options) == null ? void 0 : ne.beforeCreatePage, w = V(null), N = K({
+      activeName: Object.values(Ee),
       title: "页面设置",
       historyMessage: ""
-    }), R = () => {
-      ce(a.currentPageData, a.currentPageDataCopy) ? q() : S({
+    }), H = () => {
+      pe(s.currentPageData, s.currentPageDataCopy) ? B() : C({
         title: "提示",
         message: "您即将使用未保存的更改关闭此页。是否要在关闭之前放弃这些更改？",
         exec: () => {
-          a.isNew || (l(a.oldParentId, a.currentPageData.parentId), Object.assign(a.currentPageData, a.currentPageDataCopy)), q();
+          s.isNew || (P(s.oldParentId, s.currentPageData.parentId), Object.assign(s.currentPageData, s.currentPageDataCopy)), B();
         }
       });
-    }, F = () => {
+    }, J = async () => {
       const {
         page_content: v,
-        ...C
-      } = f, {
-        page_content: I,
-        ...k
-      } = a.currentPageData, E = {
-        ...C,
-        ...k,
+        ...o
+      } = r, {
+        page_content: c,
+        ...S
+      } = s.currentPageData, _ = {
+        ...o,
+        ...S,
         page_content: {
           ...v,
-          ...I,
-          fileName: a.currentPageData.name
+          ...c,
+          fileName: s.currentPageData.name
         },
-        app: m.selectedId,
+        app: ie(ge.GlobalService).getState().appInfo.id,
         isPage: !0
       };
-      E.id && (delete E.id, delete E._id), s(E).then((i) => {
-        a.updateTreeData(), a.isNew = !1, u.saved = !1, t("openNewPage", i), q(), oe().closePlugin(), G({
+      _.id && (delete _.id, delete _._id), T && await T(_), g(_).then((h) => {
+        s.updateTreeData(), s.isNew = !1, u.saved = !1, t("openNewPage", h), B(), re().closePlugin(), k({
           type: "success",
           message: "新建页面成功!"
-        }), Ge && lt(i);
-      }).catch((i) => {
-        G({
+        }), Le && gt(h);
+      }).catch((h) => {
+        k({
           type: "error",
           title: "新建页面失败",
-          message: JSON.stringify((i == null ? void 0 : i.message) || i)
+          message: JSON.stringify((h == null ? void 0 : h.message) || h)
         });
       });
-    }, Z = (v, C) => {
-      const I = a.currentPageDataCopy.route !== a.currentPageData.route;
-      return st(v, C, I);
-    }, X = (v) => {
-      v.id = v.page, ["page", "backupTime", "backupTitle", "time"].forEach((k) => delete v[k]);
-      const I = {
-        ...a.currentPageData,
+    }, L = (v, o) => {
+      const c = s.currentPageDataCopy.route !== s.currentPageData.route;
+      return it(v, o, c);
+    }, de = (v) => {
+      v.id = v.page, ["page", "backupTime", "backupTitle", "time"].forEach((S) => delete v[S]);
+      const c = {
+        ...s.currentPageData,
         ...v,
         message: "还原页面"
       };
-      Z(v.id, I).then((k) => {
-        var E;
-        ((E = _ == null ? void 0 : _.currentPage) == null ? void 0 : E.id) === (k == null ? void 0 : k.id) && D(k.page_content, k);
+      L(v.id, c).then((S) => {
+        var _;
+        ((_ = d == null ? void 0 : d.currentPage) == null ? void 0 : _.id) === (S == null ? void 0 : S.id) && b(S.page_content, S);
       });
-    }, W = async () => {
+    }, ee = async () => {
       const {
         id: v,
-        name: C,
-        page_content: I
-      } = a.currentPageData, k = {
-        ...a.currentPageData,
+        name: o,
+        page_content: c
+      } = s.currentPageData, S = {
+        ...s.currentPageData,
         page_content: {
-          ...I,
-          fileName: C
+          ...c,
+          fileName: o
         }
-      }, E = await Z(v, k);
-      g(E);
-    }, ge = (v) => {
+      }, _ = await L(v, S);
+      l(_);
+    }, me = (v) => {
       if (!v)
         return;
-      const C = a.currentPageData.page_content;
-      C.lifeCycles = {
-        ...C.lifeCycles || {},
+      const o = s.currentPageData.page_content;
+      o.lifeCycles = {
+        ...o.lifeCycles || {},
         ...v
       };
-    }, $ = () => {
-      const v = a.currentPageData, C = ne(!0, {}, v);
-      a.isNew = !0, C.name = `${C.name}Copy`, C.route = `${C.route}Copy`, a.currentPageData = C, a.currentPageDataCopy = ne(!0, {}, C);
-    }, pe = () => {
-      o() ? $() : S({
+    }, X = () => {
+      const v = s.currentPageData, o = Y(!0, {}, v);
+      s.isNew = !0, o.name = `${o.name}Copy`, o.route = `${o.route}Copy`, s.currentPageData = o, s.currentPageDataCopy = Y(!0, {}, o);
+    }, Pe = () => {
+      n() ? X() : C({
         title: "提示",
         message: "您即将复制的页面有更改未保存，是否确定跳过更改直接复制？",
         exec: () => {
-          l(a.oldParentId, a.currentPageData.parentId), Object.assign(a.currentPageData, a.currentPageDataCopy), $();
+          P(s.oldParentId, s.currentPageData.parentId), Object.assign(s.currentPageData, s.currentPageDataCopy), X();
         }
       });
-    }, ee = () => {
-      S({
+    }, te = () => {
+      C({
         title: "创建历史备份信息",
         status: "custom",
         message: {
-          render: () => r(Ve, {
+          render: () => i(He, {
             placeholder: "历史备份信息",
-            modelValue: h.historyMessage,
-            "onUpdate:modelValue": (E) => h.historyMessage = E
+            modelValue: N.historyMessage,
+            "onUpdate:modelValue": (_) => N.historyMessage = _
           }, null)
         },
         exec: () => {
-          a.currentPageData.message = h.historyMessage.trim() || "Page auto save", a.isNew ? F() : W(), h.historyMessage = "";
+          s.currentPageData.message = N.historyMessage.trim() || "Page auto save", s.isNew ? J() : ee(), N.historyMessage = "";
         }
       });
-    }, ue = () => {
-      p.value.validGeneralForm().then(ee);
-    }, te = (v = []) => {
+    }, fe = () => {
+      w.value.validGeneralForm().then(te);
+    }, ae = (v = []) => {
       if (!Array.isArray(v))
         return [];
-      const C = [];
-      return v.forEach((I) => {
-        var k;
-        if (I != null && I.isPage) {
-          C.push(I);
+      const o = [];
+      return v.forEach((c) => {
+        var S;
+        if (c != null && c.isPage) {
+          o.push(c);
           return;
         }
-        !(I != null && I.isPage) && ((k = I == null ? void 0 : I.children) != null && k.length) && C.push(...te(I.children));
-      }), C;
+        !(c != null && c.isPage) && ((S = c == null ? void 0 : c.children) != null && S.length) && o.push(...ae(c.children));
+      }), o;
     };
     return {
-      state: h,
-      isShow: De,
-      savePageSetting: ue,
-      copyPage: pe,
-      pageSettingState: a,
-      pageGeneralRef: p,
+      state: N,
+      isShow: ve,
+      savePageSetting: fe,
+      copyPage: Pe,
+      pageSettingState: s,
+      pageGeneral: m,
+      pageGeneralRef: w,
       deletePage: () => {
-        S({
+        C({
           title: "提示",
           message: "您是否要删除页面?",
           exec: () => {
-            var C;
-            const v = ((C = a.currentPageData) == null ? void 0 : C.id) || "";
+            var o;
+            const v = ((o = s.currentPageData) == null ? void 0 : o.id) || "";
             e(v).then(() => {
-              a.updateTreeData().then((I) => {
-                var N, O;
-                if (((N = _ == null ? void 0 : _.currentPage) == null ? void 0 : N.id) !== v)
+              s.updateTreeData().then((c) => {
+                var oe, z;
+                if (((oe = d == null ? void 0 : d.currentPage) == null ? void 0 : oe.id) !== v)
                   return;
-                const k = ((O = (I || []).find(({
-                  groupId: w
-                }) => w === P)) == null ? void 0 : O.data) || [], E = te(k), i = E.find((w) => w.isHome), d = E == null ? void 0 : E[0], b = {
-                  componentName: qt.Page
+                const S = ((z = (c || []).find(({
+                  groupId: se
+                }) => se === f)) == null ? void 0 : z.data) || [], _ = ae(S), h = _.find((se) => se.isHome), x = _ == null ? void 0 : _[0], G = {
+                  componentName: Gt.Page
                 };
-                t("openNewPage", i || d || b);
-              }), q(), G({
+                t("openNewPage", h || x || G);
+              }), B(), k({
                 message: "删除页面成功！",
                 type: "success"
               });
             }).catch(() => {
-              G({
+              k({
                 message: "删除页面失败！",
                 type: "error"
               });
@@ -704,47 +396,47 @@ const jt = /* @__PURE__ */ K(Ht, [["render", Bt], ["__scopeId", "data-v-9ba45379
           }
         });
       },
-      cancelPageSetting: R,
-      closePageSettingPanel: q,
-      updatePageLifeCycles: ge,
-      restorePage: X,
-      PAGE_SETTING_SESSION: Oe
+      cancelPageSetting: H,
+      closePageSettingPanel: B,
+      updatePageLifeCycles: me,
+      restorePage: de,
+      PAGE_SETTING_SESSION: Ee
     };
   }
-}, Kt = { class: "page-setting-content" }, Xt = { class: "life-cycles-container" };
-function Wt(n, t, s, e, m, f) {
-  const a = c("tiny-button"), l = c("svg-button"), o = c("button-group"), g = c("page-general"), u = c("tiny-collapse-item"), P = c("page-input-output"), _ = c("life-cycles"), D = c("page-history"), S = c("tiny-collapse"), p = c("plugin-setting");
-  return e.isShow ? (T(), A(p, {
+}, At = { class: "page-setting-content" }, Ut = { class: "life-cycles-container" };
+function Mt(a, t, g, e, r, s) {
+  const P = p("tiny-button"), n = p("svg-button"), l = p("button-group"), u = p("tiny-collapse-item"), f = p("page-input-output"), d = p("life-cycles"), b = p("page-history"), C = p("tiny-collapse"), y = p("plugin-setting");
+  return e.isShow ? (I(), E(y, {
     key: 0,
     title: e.state.title,
     class: "page-plugin-setting"
   }, {
-    header: y(() => [
-      r(o, null, {
-        default: y(() => [
-          r(a, {
+    header: D(() => [
+      i(l, null, {
+        default: D(() => [
+          i(P, {
             type: "primary",
             onClick: e.savePageSetting
           }, {
-            default: y(() => t[1] || (t[1] = [
-              ae("保存")
+            default: D(() => t[1] || (t[1] = [
+              Q("保存")
             ])),
             _: 1
           }, 8, ["onClick"]),
-          e.pageSettingState.isNew ? H("", !0) : (T(), A(l, {
+          e.pageSettingState.isNew ? A("", !0) : (I(), E(n, {
             key: 0,
             name: "text-copy-page",
             placement: "bottom",
             tips: "复制页面",
             onClick: e.copyPage
           }, null, 8, ["onClick"])),
-          e.pageSettingState.isNew ? H("", !0) : (T(), A(l, {
+          e.pageSettingState.isNew ? A("", !0) : (I(), E(n, {
             key: 1,
             name: "delete",
             tips: "删除页面",
             onClick: e.deletePage
           }, null, 8, ["onClick"])),
-          r(l, {
+          i(n, {
             class: "close-plugin-setting-icon",
             name: "close",
             onClick: e.cancelPageSetting
@@ -753,63 +445,63 @@ function Wt(n, t, s, e, m, f) {
         _: 1
       })
     ]),
-    content: y(() => [
-      x("div", Kt, [
-        r(S, {
+    content: D(() => [
+      F("div", At, [
+        i(C, {
           modelValue: e.state.activeName,
-          "onUpdate:modelValue": t[0] || (t[0] = (h) => e.state.activeName = h),
+          "onUpdate:modelValue": t[0] || (t[0] = (m) => e.state.activeName = m),
           class: "page-setting-collapse"
         }, {
-          default: y(() => [
-            r(u, {
+          default: D(() => [
+            i(u, {
               title: "基本设置",
               name: e.PAGE_SETTING_SESSION.general
             }, {
-              default: y(() => [
-                r(g, {
+              default: D(() => [
+                (I(), E(xe(e.pageGeneral), {
                   ref: "pageGeneralRef",
-                  isFolder: s.isFolder
-                }, null, 8, ["isFolder"])
+                  isFolder: g.isFolder
+                }, null, 8, ["isFolder"]))
               ]),
               _: 1
             }, 8, ["name"]),
-            e.pageSettingState.currentPageData.group !== "public" ? (T(), A(u, {
+            e.pageSettingState.currentPageData.group !== "public" ? (I(), E(u, {
               key: 0,
               class: "base-setting",
               title: "输入输出",
               name: e.PAGE_SETTING_SESSION.inputOutput
             }, {
-              default: y(() => [
-                r(P)
+              default: D(() => [
+                i(f)
               ]),
               _: 1
-            }, 8, ["name"])) : H("", !0),
-            e.pageSettingState.currentPageData.group !== "public" ? (T(), A(u, {
+            }, 8, ["name"])) : A("", !0),
+            e.pageSettingState.currentPageData.group !== "public" ? (I(), E(u, {
               key: 1,
               class: "input-output",
               title: "页面生命周期配置",
               name: e.PAGE_SETTING_SESSION.lifeCycles
             }, {
-              default: y(() => {
-                var h;
+              default: D(() => {
+                var m;
                 return [
-                  x("div", Xt, [
-                    r(_, {
-                      bindLifeCycles: (h = e.pageSettingState.currentPageData.page_content) == null ? void 0 : h.lifeCycles,
+                  F("div", Ut, [
+                    i(d, {
+                      bindLifeCycles: (m = e.pageSettingState.currentPageData.page_content) == null ? void 0 : m.lifeCycles,
                       onUpdatePageLifeCycles: e.updatePageLifeCycles
                     }, null, 8, ["bindLifeCycles", "onUpdatePageLifeCycles"])
                   ])
                 ];
               }),
               _: 1
-            }, 8, ["name"])) : H("", !0),
-            r(u, {
+            }, 8, ["name"])) : A("", !0),
+            i(u, {
               class: "history-source",
               title: "历史备份",
               name: e.PAGE_SETTING_SESSION.history
             }, {
-              default: y(() => [
-                r(D, { onRestorePage: e.restorePage }, null, 8, ["onRestorePage"])
+              default: D(() => [
+                i(b, { onRestorePage: e.restorePage }, null, 8, ["onRestorePage"])
               ]),
               _: 1
             }, 8, ["name"])
@@ -819,25 +511,24 @@ function Wt(n, t, s, e, m, f) {
       ])
     ]),
     _: 1
-  }, 8, ["title"])) : H("", !0);
+  }, 8, ["title"])) : A("", !0);
 }
-const zt = /* @__PURE__ */ K(Jt, [["render", Wt], ["__scopeId", "data-v-988bf056"]]);
-let he = U(!1);
-const Fe = () => {
-  he.value = !0;
-}, M = () => {
-  he.value = !1;
-  const { resetPageData: n } = L();
-  n();
-}, Qt = {
+const Ht = /* @__PURE__ */ q(Rt, [["render", Mt], ["__scopeId", "data-v-941a1325"]]);
+let Te = V(!1);
+const Ve = () => {
+  Te.value = !0;
+}, R = () => {
+  Te.value = !1;
+  const { resetPageData: a } = U();
+  a();
+}, Bt = {
   components: {
-    TinyButton: xe,
-    TinyCollapse: _e,
-    TinyCollapseItem: ye,
-    PluginSetting: ke,
-    PageGeneral: Ue,
-    SvgButton: Pe,
-    ButtonGroup: we
+    TinyButton: Me,
+    TinyCollapse: he,
+    TinyCollapseItem: Ce,
+    PluginSetting: Re,
+    SvgButton: De,
+    ButtonGroup: Ae
   },
   props: {
     isFolder: {
@@ -846,122 +537,123 @@ const Fe = () => {
     }
   },
   setup() {
-    const n = z({
+    const a = K({
       activeName: ["folderGeneralRef"],
       title: "文件夹设置"
-    }), t = U(null), { requestCreatePage: s, requestUpdatePage: e, requestDeletePage: m } = ie, { appInfoState: f } = le(), { pageSettingState: a, changeTreeData: l } = L(), { confirm: o } = Q(), g = () => {
-      ce(a.currentPageData, a.currentPageDataCopy) ? M() : o({
+    }), { requestCreatePage: t, requestUpdatePage: g, requestDeletePage: e } = ue, { pageSettingState: r, changeTreeData: s } = U(), { confirm: P } = W(), l = Ge(Z.type, Z.id).components.PageGeneral, u = V(null), f = () => {
+      pe(r.currentPageData, r.currentPageDataCopy) ? R() : P({
         title: "提示",
         message: "您即将使用未保存的更改关闭此页。是否要在关闭之前放弃这些更改？",
         exec: () => {
-          a.isNew || (l(a.oldParentId, a.currentPageData.parentId), Object.assign(a.currentPageData, a.currentPageDataCopy)), M();
+          r.isNew || (s(r.oldParentId, r.currentPageData.parentId), Object.assign(r.currentPageData, r.currentPageDataCopy)), R();
         }
       });
-    }, u = () => {
-      const p = {
-        ...a.currentPageData,
-        app: f.selectedId,
+    }, d = () => {
+      const T = {
+        ...r.currentPageData,
+        app: ie(ge.GlobalService).getState().appInfo.id,
         isPage: !1
       };
-      s(p).then(() => {
-        a.updateTreeData(), a.isNew = !1, M(), G({
+      t(T).then(() => {
+        r.updateTreeData(), r.isNew = !1, R(), k({
           type: "success",
           message: "新建文件夹成功!"
         });
-      }).catch((h) => {
-        G({
+      }).catch((w) => {
+        k({
           type: "error",
           title: "新建文件夹失败",
-          message: JSON.stringify((h == null ? void 0 : h.message) || h)
+          message: JSON.stringify((w == null ? void 0 : w.message) || w)
         });
       });
-    }, P = () => {
-      const { id: S } = a.currentPageData;
-      e(S, { ...a.currentPageData, page_content: null }).then(() => {
-        a.updateTreeData(), a.isNew = !1, M(), G({
+    }, b = () => {
+      const { id: m } = r.currentPageData;
+      g(m, { ...r.currentPageData, page_content: null }).then(() => {
+        r.updateTreeData(), r.isNew = !1, R(), k({
           type: "success",
           message: "更新文件夹成功!"
         });
-      }).catch((p) => {
-        G({
+      }).catch((T) => {
+        k({
           type: "error",
           title: "更新文件夹失败",
-          message: JSON.stringify((p == null ? void 0 : p.message) || p)
+          message: JSON.stringify((T == null ? void 0 : T.message) || T)
         });
       });
     };
     return {
       saveFolderSetting: () => {
-        t.value.validGeneralForm().then(() => {
-          a.isNew ? u() : P();
+        u.value.validGeneralForm().then(() => {
+          r.isNew ? d() : b();
         });
       },
-      deleteFolder: ut(5e3, !0, () => {
-        var S, p;
-        if ((p = (S = a.treeDataMapping[a.currentPageData.id]) == null ? void 0 : S.children) != null && p.length) {
-          G({
+      deleteFolder: mt(5e3, !0, () => {
+        var m, T;
+        if ((T = (m = r.treeDataMapping[r.currentPageData.id]) == null ? void 0 : m.children) != null && T.length) {
+          k({
             type: "error",
             message: "此文件夹不是空文件夹，不能删除！"
           });
           return;
         }
-        o({
+        P({
           title: "提示",
           message: "您是否要删除文件夹?",
           exec: () => {
-            var R;
-            const h = ((R = a.currentPageData) == null ? void 0 : R.id) || "";
-            m(h).then(() => {
-              a.updateTreeData(), M(), G({
+            var N;
+            const w = ((N = r.currentPageData) == null ? void 0 : N.id) || "";
+            e(w).then(() => {
+              r.updateTreeData(), R(), k({
                 type: "success",
                 message: "删除文件夹成功！"
               });
-            }).catch((F) => {
-              G({
+            }).catch((H) => {
+              k({
                 type: "success",
                 title: "删除文件夹失败！",
-                message: JSON.stringify((F == null ? void 0 : F.message) || F)
+                message: JSON.stringify((H == null ? void 0 : H.message) || H)
               });
             });
           }
         });
       }),
-      folderGeneralRef: t,
-      closeFolderSettingPanel: M,
-      isShow: he,
-      state: n,
-      pageSettingState: a,
-      closeFolderSetting: g
+      pageGeneral: l,
+      folderGeneralRef: u,
+      closeFolderSettingPanel: R,
+      isShow: Te,
+      state: a,
+      pageSettingState: r,
+      closeFolderSetting: f
     };
   }
-}, Yt = { class: "page-setting-content" };
-function Zt(n, t, s, e, m, f) {
-  const a = c("tiny-button"), l = c("svg-button"), o = c("button-group"), g = c("page-general"), u = c("tiny-collapse-item"), P = c("tiny-collapse"), _ = c("plugin-setting");
-  return e.isShow ? (T(), A(_, {
+}, Lt = { class: "page-setting-content" };
+function jt(a, t, g, e, r, s) {
+  const P = p("tiny-button"), n = p("svg-button"), l = p("button-group"), u = p("tiny-collapse-item"), f = p("tiny-collapse"), d = p("plugin-setting");
+  return e.isShow ? (I(), E(d, {
     key: 0,
     title: e.state.title,
     class: "pageFolder-plugin-setting"
   }, {
-    header: y(() => [
-      r(o, null, {
-        default: y(() => [
-          r(a, {
+    header: D(() => [
+      i(l, null, {
+        default: D(() => [
+          i(P, {
             type: "primary",
             onClick: e.saveFolderSetting
           }, {
-            default: y(() => t[1] || (t[1] = [
-              ae("保存")
+            default: D(() => t[1] || (t[1] = [
+              Q("保存")
             ])),
             _: 1
           }, 8, ["onClick"]),
-          e.pageSettingState.isNew ? H("", !0) : (T(), A(l, {
+          e.pageSettingState.isNew ? A("", !0) : (I(), E(n, {
             key: 0,
             name: "delete",
             placement: "bottom",
             tips: "删除",
             onClick: e.deleteFolder
           }, null, 8, ["onClick"])),
-          r(l, {
+          i(n, {
             class: "close-plugin-setting-icon",
             name: "close",
             onClick: e.closeFolderSetting
@@ -970,22 +662,22 @@ function Zt(n, t, s, e, m, f) {
         _: 1
       })
     ]),
-    content: y(() => [
-      x("div", Yt, [
-        r(P, {
+    content: D(() => [
+      F("div", Lt, [
+        i(f, {
           modelValue: e.state.activeName,
-          "onUpdate:modelValue": t[0] || (t[0] = (D) => e.state.activeName = D)
+          "onUpdate:modelValue": t[0] || (t[0] = (b) => e.state.activeName = b)
         }, {
-          default: y(() => [
-            r(u, {
+          default: D(() => [
+            i(u, {
               title: "基本设置",
               name: "folderGeneralRef"
             }, {
-              default: y(() => [
-                r(g, {
+              default: D(() => [
+                (I(), E(xe(e.pageGeneral), {
                   ref: "folderGeneralRef",
-                  isFolder: s.isFolder
-                }, null, 8, ["isFolder"])
+                  isFolder: g.isFolder
+                }, null, 8, ["isFolder"]))
               ]),
               _: 1
             })
@@ -995,19 +687,19 @@ function Zt(n, t, s, e, m, f) {
       ])
     ]),
     _: 1
-  }, 8, ["title"])) : H("", !0);
+  }, 8, ["title"])) : A("", !0);
 }
-const $t = /* @__PURE__ */ K(Qt, [["render", Zt], ["__scopeId", "data-v-10a6e512"]]), {
-  ELEMENT_TAG: ea,
-  PAGE_STATUS: ta,
-  COMPONENT_NAME: aa
-} = Re, na = {
+const qt = /* @__PURE__ */ q(Bt, [["render", jt], ["__scopeId", "data-v-4fc61992"]]), {
+  ELEMENT_TAG: Jt,
+  PAGE_STATUS: Kt,
+  COMPONENT_NAME: Xt
+} = Be, Wt = {
   components: {
     TinySearch: nt,
     TinyTree: ot,
-    TinyCollapse: _e,
-    TinyCollapseItem: ye,
-    TinyIconSearch: dt()
+    TinyCollapse: he,
+    TinyCollapseItem: Ce,
+    TinyIconSearch: Pt()
   },
   props: {
     isFolder: {
@@ -1016,247 +708,241 @@ const $t = /* @__PURE__ */ K(Qt, [["render", Zt], ["__scopeId", "data-v-10a6e512
     }
   },
   emits: ["openSettingPanel", "add"],
-  setup(n, {
+  setup(a, {
     emit: t
   }) {
     const {
-      appInfoState: s
-    } = le(), {
-      confirm: e
-    } = Q(), {
-      initData: m,
-      pageState: f,
-      isBlock: a,
-      isSaved: l
-    } = fe(), {
-      pageSettingState: o,
-      changeTreeData: g,
+      confirm: g
+    } = W(), {
+      initData: e,
+      pageState: r,
+      isBlock: s,
+      isSaved: P
+    } = Se(), {
+      pageSettingState: n,
+      changeTreeData: l,
       isCurrentDataSame: u,
-      STATIC_PAGE_GROUP_ID: P,
-      COMMON_PAGE_GROUP_ID: _
-    } = L(), {
-      fetchPageList: D,
-      fetchPageDetail: S
-    } = ie, {
-      setBreadcrumbPage: p
-    } = Ke(), h = U([]), R = o.ROOT_ID, F = z({
+      STATIC_PAGE_GROUP_ID: f,
+      COMMON_PAGE_GROUP_ID: d
+    } = U(), {
+      fetchPageList: b,
+      fetchPageDetail: C
+    } = ue, {
+      setBreadcrumbPage: y
+    } = Qe(), m = V([]), T = n.ROOT_ID, w = () => ie(ge.GlobalService).getState().appInfo.id, N = K({
       pageSearchValue: "",
-      collapseValue: [P, _],
+      collapseValue: [f, d],
       currentNodeData: {}
-    }), Z = (i, d, b) => {
-      const N = {
-        [R]: {
-          id: R,
+    }), H = (o, c, S) => {
+      const _ = {
+        [T]: {
+          id: T,
           name: "站点根目录",
           children: []
         }
       };
-      return i.forEach((O) => {
-        N[O[b]] = O, O.parentId === R && N[R].children.push(O);
-      }), i.forEach((O) => {
-        let w = N[O[d]];
-        w && w.id !== R ? (w.children = w.children || [], w.children.push(O)) : w && w.id;
-      }), o.treeDataMapping = N, o.treeDataMapping;
-    }, X = (i) => {
-      Array.isArray(h == null ? void 0 : h.value) && Le(() => {
-        h.value.forEach((d) => {
-          d == null || d.filter(i);
+      return o.forEach((h) => {
+        _[h[S]] = h, h.parentId === T && _[T].children.push(h);
+      }), o.forEach((h) => {
+        let x = _[h[c]];
+        x && x.id !== T ? (x.children = x.children || [], x.children.push(h)) : x && x.id;
+      }), n.treeDataMapping = _, n.treeDataMapping;
+    }, J = (o) => {
+      Array.isArray(m == null ? void 0 : m.value) && Je(() => {
+        m.value.forEach((c) => {
+          c == null || c.filter(o);
         });
       });
-    }, W = async (i, d) => {
-      const b = d || await D(i), N = {
+    }, L = async (o, c) => {
+      const S = c || await b(o), _ = {
         groupName: "静态页面",
-        groupId: P,
+        groupId: f,
         data: []
-      }, O = {
+      }, h = {
         groupName: "公共页面",
-        groupId: _,
+        groupId: d,
         data: []
       };
-      b.forEach((j) => {
-        const Me = j.name ? j : {
-          ...j,
-          name: j.folderName,
+      S.forEach((G) => {
+        const oe = G.name ? G : {
+          ...G,
+          name: G.folderName,
           group: "staticPages"
-        }, ve = j.meta ? {
-          ...j,
-          ...j.meta,
-          name: j.fileName,
+        }, z = G.meta ? {
+          ...G,
+          ...G.meta,
+          name: G.fileName,
           isPage: !0,
-          isBody: j.meta.rootElement === ea.Body
-        } : Me, {
-          children: Na,
-          ...Ie
-        } = ve;
-        ve.group === "staticPages" ? N.data.push(Ie) : O.data.push(Ie);
+          isBody: G.meta.rootElement === Jt.Body
+        } : oe, {
+          children: se,
+          ...Ne
+        } = z;
+        z.group === "staticPages" ? _.data.push(Ne) : h.data.push(Ne);
       });
-      const w = Z([...N.data], "parentId", "id");
-      return N.data = w[R].children, o.pages = [N, O], X(F.pageSearchValue), o.pages;
+      const x = H([..._.data], "parentId", "id");
+      return _.data = x[T].children, n.pages = [_, h], J(N.pageSearchValue), n.pages;
     };
-    o.updateTreeData = async () => await W(s.selectedId);
-    const ge = () => {
-      f.currentVm = null, f.hoverVm = null, f.properties = {}, f.pageSchema = null;
-    }, $ = (i) => {
-      const d = new URL(window.location);
-      d.searchParams.delete("blockid"), d.searchParams.set("pageid", i), window.history.pushState({}, "", d);
-    }, pe = (i) => {
-      if (i !== 0 && !i) {
-        $(""), m({
-          componentName: aa.Page
-        }, {}), oe().layoutState.pageStatus = {
+    n.updateTreeData = async () => await L(w());
+    const de = () => {
+      r.currentVm = null, r.hoverVm = null, r.properties = {}, r.pageSchema = null;
+    }, ee = (o) => {
+      const c = new URL(window.location);
+      c.searchParams.delete("blockid"), c.searchParams.set("pageid", o), window.history.pushState({}, "", c);
+    }, me = (o) => {
+      if (o !== 0 && !o) {
+        ee(""), e({
+          componentName: Xt.Page
+        }, {}), re().layoutState.pageStatus = {
           state: "empty",
           data: {}
         };
         return;
       }
-      S(i).then((d) => {
-        $(i), q(), M(), oe().closePlugin(), oe().layoutState.pageStatus = Te(d.occupier), m(d.page_content, d);
+      C(o).then((c) => {
+        ee(o), B(), R(), re().closePlugin(), re().layoutState.pageStatus = we(c.occupier), e(c.page_content, c);
       });
-    }, ee = (i) => {
-      f.hoverVm = null, F.currentNodeData = i;
-      let d = "";
-      i.isPage && (d = (i == null ? void 0 : i.name) || ""), p([d]), ge(), pe(i.id);
-    }, ue = (i, d) => {
-      var O;
-      i.stopPropagation();
+    }, X = (o) => {
+      r.hoverVm = null, N.currentNodeData = o;
+      let c = "";
+      o.isPage && (c = (o == null ? void 0 : o.name) || ""), y([c]), de(), me(o.id);
+    }, Pe = (o, c) => {
+      var h;
+      o.stopPropagation();
       const {
-        id: b,
-        isPage: N
-      } = d.data;
-      !a() && b === ((O = F == null ? void 0 : F.currentNodeData) == null ? void 0 : O.id) || !N || (l() && u() ? ee(d.data) : e({
+        id: S,
+        isPage: _
+      } = c.data;
+      !s() && S === ((h = N == null ? void 0 : N.currentNodeData) == null ? void 0 : h.id) || !_ || (P() && u() ? X(c.data) : g({
         title: "提示",
-        message: `${a() ? "区块" : "页面"}尚未保存，是否要继续切换?`,
+        message: `${s() ? "区块" : "页面"}尚未保存，是否要继续切换?`,
         exec: () => {
-          g(o.oldParentId, o.currentPageData.parentId), Object.assign(o.currentPageData, o.currentPageDataCopy), ee(d.data);
+          l(n.oldParentId, n.currentPageData.parentId), Object.assign(n.currentPageData, n.currentPageDataCopy), X(c.data);
         }
       }));
-    }, te = (i, d, b) => {
-      var N;
-      if (i.stopPropagation(), b && d.data.isPage) {
-        const O = ((N = d.data.occupier) == null ? void 0 : N.username) || "";
-        Q().message({
-          message: `您点击的页面被${O}锁定，暂时无法编辑，请联系解锁`,
+    }, te = (o, c, S) => {
+      var _;
+      if (o.stopPropagation(), S && c.data.isPage) {
+        const h = ((_ = c.data.occupier) == null ? void 0 : _.username) || "";
+        W().message({
+          message: `您点击的页面被${h}锁定，暂时无法编辑，请联系解锁`,
           status: "info"
         });
         return;
       }
-      ce(o.currentPageData, o.currentPageDataCopy) ? t("openSettingPanel", d) : e({
+      pe(n.currentPageData, n.currentPageDataCopy) ? t("openSettingPanel", c) : g({
         title: "提示",
-        message: `当前页面或文件夹${o.currentPageData.name}尚未保存，是否要继续切换?`,
+        message: `当前页面或文件夹${n.currentPageData.name}尚未保存，是否要继续切换?`,
         exec: () => {
-          g(o.oldParentId, o.currentPageData.parentId), Object.assign(o.currentPageData, o.currentPageDataCopy), t("openSettingPanel", d);
+          l(n.oldParentId, n.currentPageData.parentId), Object.assign(n.currentPageData, n.currentPageDataCopy), t("openSettingPanel", c);
         }
       });
-    }, Ce = (i, {
-      node: d,
-      data: b
+    }, fe = (o, {
+      node: c,
+      data: S
     }) => {
-      !b.isPage && !b.children ? b.trueFolder = !0 : b.trueFolder = !1;
-      const N = Te(b.occupier).state === ta.Lock, O = N ? r(c("SvgIcon"), {
-        class: "page-edit-icon",
-        name: "locked-outline",
-        onMousedown: (w) => te(w, d, N)
-      }, null) : null;
-      return r("span", {
+      const _ = we(S.occupier).state === Kt.Lock;
+      return i("span", {
         class: "tiny-tree-node__label",
-        onMousedown: (w) => ue(w, d)
-      }, [r("span", {
-        class: "page-name-label",
-        title: d.label
-      }, [b.isPage ? r(c("SvgIcon"), {
+        onMousedown: (h) => Pe(h, c)
+      }, [S.isPage ? i(p("SvgIcon"), {
         name: "text-page-common",
         class: "icon-page"
-      }, null) : null, b.trueFolder ? r(c("SvgIcon"), {
+      }, null) : i(p("SvgIcon"), {
         name: "text-page-folder-closed",
         class: "folder-icon"
-      }, null) : null, r("span", {
+      }, null), i("span", {
         class: "label"
-      }, [d.label])]), r("span", {
+      }, [c.label]), i("span", {
         class: "icons"
-      }, [b.isPage ? O : null, b.isHome ? r("span", {
-        class: "home"
-      }, [r(c("SvgIcon"), {
+      }, [S.isPage && _ ? i(p("SvgIcon"), {
+        class: "page-edit-icon",
+        name: "locked",
+        onMousedown: (h) => te(h, c, _)
+      }, null) : null, S.isHome ? i(p("SvgIcon"), {
         class: "page-edit-icon",
         name: "text-page-home"
-      }, null)]) : null, r(c("SvgIcon"), {
+      }, null) : null, i(p("SvgIcon"), {
         name: "setting",
-        class: "setting  page-edit-icon",
-        onMousedown: (w) => te(w, d, N)
+        class: "setting page-edit-icon",
+        onMousedown: (h) => te(h, c, _)
       }, null)])]);
     };
-    Y(() => {
-      s.selectedId && W(s.selectedId);
+    Fe().subscribe({
+      topic: "app_id_changed",
+      subscriber: "page_tree_app_id_changed",
+      callback: (o) => {
+        L(o);
+      }
     });
-    const v = (i, d) => {
-      var b;
-      return i ? ((b = d.name) == null ? void 0 : b.toLowerCase().indexOf(i == null ? void 0 : i.toLowerCase())) !== -1 : !0;
-    }, C = (i) => {
-      i && h.value.push(i);
-    }, I = (i) => {
-      i.stopPropagation(), i.preventDefault(), t("add");
-    }, k = r(c("SvgIcon"), {
-      name: "text-page-folder-closed",
-      class: "folder-icon"
-    }, null), E = r(c("SvgIcon"), {
-      name: "text-page-folder",
-      class: "folder-icon"
-    }, null);
-    return {
-      createPublicPage: I,
-      state: F,
-      switchPage: ee,
-      pageSettingState: o,
-      searchPageData: X,
-      renderContent: Ce,
-      refreshPageList: W,
-      filterPageTreeData: v,
-      getPageTreeRefs: C,
-      IconFolderOpened: mt(),
-      IconFolderClosed: ft(),
-      shrinkIcon: E,
-      expandIcon: k
+    const ae = (o, c) => {
+      var S;
+      return o ? ((S = c.name) == null ? void 0 : S.toLowerCase().indexOf(o == null ? void 0 : o.toLowerCase())) !== -1 : !0;
+    }, Ie = (o) => {
+      o && m.value.push(o);
+    }, ne = (o) => {
+      o.stopPropagation(), o.preventDefault(), t("add");
+    }, v = i("span", null, null);
+    return qe(() => {
+      Fe().unsubscribe({
+        topic: "app_id_changed",
+        subscriber: "page_tree_app_id_changed"
+      });
+    }), {
+      createPublicPage: ne,
+      state: N,
+      switchPage: X,
+      pageSettingState: n,
+      searchPageData: J,
+      renderContent: fe,
+      refreshPageList: L,
+      filterPageTreeData: ae,
+      getPageTreeRefs: Ie,
+      IconFolderOpened: ft(),
+      IconFolderClosed: _t(),
+      nullIcon: v
     };
   }
-}, oa = { class: "app-manage-search" }, sa = { class: "title" }, ra = { class: "app-manage-tree" };
-function la(n, t, s, e, m, f) {
-  const a = c("tiny-icon-search"), l = c("tiny-search"), o = c("tiny-tree"), g = c("tiny-collapse-item"), u = c("tiny-collapse");
-  return T(), J(de, null, [
-    x("div", oa, [
-      r(l, {
+}, zt = { class: "app-manage-search" }, Qt = { class: "title" }, Yt = { class: "app-manage-tree" };
+function Zt(a, t, g, e, r, s) {
+  const P = p("tiny-icon-search"), n = p("tiny-search"), l = p("tiny-tree"), u = p("tiny-collapse-item"), f = p("tiny-collapse");
+  return I(), j(_e, null, [
+    F("div", zt, [
+      i(n, {
         modelValue: e.state.pageSearchValue,
         "onUpdate:modelValue": [
-          t[0] || (t[0] = (P) => e.state.pageSearchValue = P),
+          t[0] || (t[0] = (d) => e.state.pageSearchValue = d),
           e.searchPageData
         ],
         clearable: "",
         placeholder: "搜索"
       }, {
-        prefix: y(() => [
-          r(a)
+        prefix: D(() => [
+          i(P)
         ]),
         _: 1
       }, 8, ["modelValue", "onUpdate:modelValue"])
     ]),
-    r(u, {
+    i(f, {
       modelValue: e.state.collapseValue,
-      "onUpdate:modelValue": t[1] || (t[1] = (P) => e.state.collapseValue = P),
+      "onUpdate:modelValue": t[1] || (t[1] = (d) => e.state.collapseValue = d),
       class: "page-manage-collapse lowcode-scrollbar"
     }, {
-      default: y(() => [
-        (T(!0), J(de, null, Be(e.pageSettingState.pages, (P, _) => (T(), A(g, {
-          key: _,
-          name: P.groupId
+      default: D(() => [
+        (I(!0), j(_e, null, Ke(e.pageSettingState.pages, (d, b) => (I(), E(u, {
+          key: b,
+          name: d.groupId
         }, {
-          title: y(() => [
-            x("span", sa, me(P.groupName), 1)
+          title: D(() => [
+            F("span", Qt, ye(d.groupName), 1)
           ]),
-          default: y(() => [
-            x("div", ra, [
-              (T(), A(o, {
+          default: D(() => [
+            F("div", Yt, [
+              (I(), E(l, {
                 ref_for: !0,
                 ref: e.getPageTreeRefs,
                 key: e.pageSettingState.pageTreeKey,
-                data: P.data,
+                data: d.data,
                 props: {
                   children: "children",
                   label: "name"
@@ -1265,10 +951,9 @@ function la(n, t, s, e, m, f) {
                 "filter-node-method": e.filterPageTreeData,
                 "render-content": e.renderContent,
                 "expand-on-click-node": !1,
-                "shrink-icon": e.shrinkIcon,
-                "expand-icon": e.expandIcon,
+                icon: e.nullIcon,
                 "node-key": "id"
-              }, null, 8, ["data", "filter-node-method", "render-content", "shrink-icon", "expand-icon"]))
+              }, null, 8, ["data", "filter-node-method", "render-content", "icon"]))
             ])
           ]),
           _: 2
@@ -1278,19 +963,19 @@ function la(n, t, s, e, m, f) {
     }, 8, ["modelValue"])
   ], 64);
 }
-const ca = /* @__PURE__ */ K(na, [["render", la], ["__scopeId", "data-v-796a5e7e"]]), ia = {
-  getPageById: async (n) => {
-    if (n)
-      return Se(n);
+const $t = /* @__PURE__ */ q(Wt, [["render", Zt], ["__scopeId", "data-v-05bf8a1e"]]), ea = {
+  getPageById: async (a) => {
+    if (a)
+      return be(a);
   },
-  openPageSettingPanel: se
-}, ga = {
+  openPageSettingPanel: ce
+}, ta = {
   components: {
-    PageSetting: zt,
-    PluginPanel: Ze,
-    SvgButton: Pe,
-    PageFolderSetting: $t,
-    PageTree: ca
+    PageSetting: Ht,
+    PluginPanel: at,
+    SvgButton: De,
+    PageFolderSetting: qt,
+    PageTree: $t
   },
   props: {
     title: {
@@ -1300,114 +985,105 @@ const ca = /* @__PURE__ */ K(na, [["render", la], ["__scopeId", "data-v-796a5e7e
   },
   setup() {
     const {
-      appInfoState: n
-    } = le(), {
-      pageState: t
-    } = fe(), {
-      pageSettingState: s,
-      DEFAULT_PAGE: e,
-      isTemporaryPage: m,
-      initCurrentPageData: f
-    } = L(), a = U(null), l = s.ROOT_ID, o = Xe().getDocsUrl("page"), g = z({
+      pageState: a
+    } = Se(), {
+      pageSettingState: t,
+      DEFAULT_PAGE: g,
+      isTemporaryPage: e,
+      initCurrentPageData: r
+    } = U(), s = V(null), P = t.ROOT_ID, n = Ye().getDocsUrl("page"), l = K({
       isFolder: !1
-    }), u = (p) => {
-      M(), s.isNew = !0, s.currentPageData = {
-        ...e,
-        parentId: l,
+    }), u = (y) => {
+      R(), t.isNew = !0, t.currentPageData = {
+        ...g,
+        parentId: P,
         route: "",
         name: "Untitled",
         page_content: {
           lifeCycles: {}
         },
-        group: p
-      }, s.currentPageDataCopy = ne(!0, {}, s.currentPageData), g.isFolder = !1, se();
-    }, P = () => {
-      q(), s.isNew = !0, s.currentPageData = {
-        parentId: l,
+        group: y
+      }, t.currentPageDataCopy = Y(!0, {}, t.currentPageData), l.isFolder = !1, ce();
+    }, f = () => {
+      B(), t.isNew = !0, t.currentPageData = {
+        parentId: P,
         route: "",
         name: "untitled"
-      }, s.currentPageDataCopy = ne(!0, {}, s.currentPageData), g.isFolder = !0, Fe();
+      }, t.currentPageDataCopy = Y(!0, {}, t.currentPageData), l.isFolder = !0, Ve();
     };
-    Y(() => {
-      m.saved && se();
+    $(() => {
+      e.saved && ce();
     });
-    const _ = async (p) => {
-      var F;
-      g.isFolder = !p.data.isPage, s.isNew = !1;
-      const h = p.data.id !== s.currentPageData.id;
-      g.isFolder ? (h && q(), Fe()) : (h && M(), se());
-      const R = await Se((F = p.data) == null ? void 0 : F.id);
-      f(R);
+    const d = async (y) => {
+      var w;
+      l.isFolder = !y.data.isPage, t.isNew = !1;
+      const m = y.data.id !== t.currentPageData.id;
+      l.isFolder ? (m && B(), Ve()) : (m && R(), ce());
+      const T = await be((w = y.data) == null ? void 0 : w.id);
+      r(T);
     };
-    return je("openSettingPanel", _), {
-      state: g,
-      appInfoState: n,
-      pageState: t,
-      openNewPage: (p) => {
-        a.value.switchPage(p);
+    return Xe("openSettingPanel", d), {
+      state: l,
+      pageState: a,
+      openNewPage: (y) => {
+        s.value.switchPage(y);
       },
-      pageTreeRef: a,
+      pageTreeRef: s,
       pluginPanelClosed: () => {
-        q(), M();
+        B(), R();
       },
-      openSettingPanel: _,
-      createNewFolder: P,
+      openSettingPanel: d,
+      createNewFolder: f,
       createNewPage: u,
-      docsUrl: o
+      docsUrl: n
     };
   }
 };
-function pa(n, t, s, e, m, f) {
-  const a = c("svg-button"), l = c("page-tree"), o = c("plugin-panel"), g = c("page-setting"), u = c("page-folder-setting");
-  return T(), J(de, null, [
-    r(o, {
-      title: s.title,
+function aa(a, t, g, e, r, s) {
+  const P = p("svg-button"), n = p("page-tree"), l = p("plugin-panel"), u = p("page-setting"), f = p("page-folder-setting");
+  return I(), j(_e, null, [
+    i(l, {
+      title: g.title,
       onClose: e.pluginPanelClosed,
       docsUrl: e.docsUrl,
       isShowDocsIcon: !0
     }, {
-      header: y(() => [
-        r(a, {
+      header: D(() => [
+        i(P, {
           class: "add-folder-icon",
           name: "add-folder",
           placement: "bottom",
           tips: "新建文件夹",
           onClick: e.createNewFolder
         }, null, 8, ["onClick"]),
-        r(a, {
+        i(P, {
           class: "new-page-icon",
           name: "new-page",
           placement: "bottom",
           tips: "新建页面",
-          onClick: t[0] || (t[0] = (P) => e.createNewPage("staticPages"))
+          onClick: t[0] || (t[0] = (d) => e.createNewPage("staticPages"))
         })
       ]),
-      content: y(() => [
-        r(l, {
+      content: D(() => [
+        i(n, {
           ref: "pageTreeRef",
           isFolder: e.state.isFolder,
-          onAdd: t[1] || (t[1] = (P) => e.createNewPage("publicPages")),
+          onAdd: t[1] || (t[1] = (d) => e.createNewPage("publicPages")),
           onOpenSettingPanel: e.openSettingPanel
         }, null, 8, ["isFolder", "onOpenSettingPanel"])
       ]),
       _: 1
     }, 8, ["title", "onClose", "docsUrl"]),
-    r(g, {
+    i(u, {
       isFolder: e.state.isFolder,
       onOpenNewPage: e.openNewPage
     }, null, 8, ["isFolder", "onOpenNewPage"]),
-    r(u, {
+    i(f, {
       isFolder: e.state.isFolder
     }, null, 8, ["isFolder"])
   ], 64);
 }
-const ua = /* @__PURE__ */ K(ga, [["render", pa], ["__scopeId", "data-v-2467df4f"]]), da = {
-  id: "engine.plugins.appmanage",
-  title: "页面",
-  type: "plugins",
-  icon: "plugin-icon-page",
-  align: "top"
-}, ma = {
+const na = /* @__PURE__ */ q(ta, [["render", aa], ["__scopeId", "data-v-b408636b"]]), oa = {
   app: "",
   name: "",
   route: "",
@@ -1431,7 +1107,7 @@ const ua = /* @__PURE__ */ K(ga, [["render", pa], ["__scopeId", "data-v-2467df4f
   parentId: "none",
   isBody: !1,
   group: "staticPages"
-}, V = z({
+}, sa = V(null), O = K({
   currentPageDataCopy: {},
   // 记录当前页最开始的状态，当用户点击取消按钮的时候恢复到初始状态
   currentPageData: {},
@@ -1444,65 +1120,382 @@ const ua = /* @__PURE__ */ K(ga, [["render", pa], ["__scopeId", "data-v-2467df4f
   // 根节点ID
   updateTreeData: null,
   treeDataMapping: {}
-}), fa = z({
+}), ra = K({
   saved: !1
-}), Pa = () => {
-  const n = V.currentPageData || {}, t = V.currentPageDataCopy || {};
-  let s = !0;
+}), ca = () => {
+  const a = O.currentPageData || {}, t = O.currentPageDataCopy || {};
+  let g = !0;
   return Object.keys(t).some((e) => {
     if (["children", "label", "createdBy", "assets", "occupier"].includes(e))
       return !1;
     if (e === "page_content") {
-      const m = {
+      const r = {
         inputs: t[e].inputs,
         outputs: t[e].outputs,
         lifeCycles: t[e].lifeCycles
-      }, f = {
-        inputs: n[e].inputs,
-        outputs: n[e].outputs,
-        lifeCycles: n[e].lifeCycles
+      }, s = {
+        inputs: a[e].inputs,
+        outputs: a[e].outputs,
+        lifeCycles: a[e].lifeCycles
       };
-      JSON.stringify(m) !== JSON.stringify(f) && (s = !1);
+      JSON.stringify(r) !== JSON.stringify(s) && (g = !1);
     } else
-      t[e] !== n[e] && (s = !1);
-    return !s;
-  }), s;
-}, _a = (n, t) => {
-  var s, e;
-  if (n && t && n !== t) {
-    const m = V.treeDataMapping[n], f = V.treeDataMapping[t], a = V.currentPageData.id, l = (e = (s = f.children) == null ? void 0 : s.findIndex) == null ? void 0 : e.call(s, ({ id: o }) => o === a);
-    l > -1 && (f.children.splice(l, 1), m.children || (m.children = []), m.children.unshift(V.currentPageData), V.pageTreeKey++);
+      t[e] !== a[e] && (g = !1);
+    return !g;
+  }), g;
+}, la = (a, t) => {
+  var g, e;
+  if (a && t && a !== t) {
+    const r = O.treeDataMapping[a], s = O.treeDataMapping[t], P = O.currentPageData.id, n = (e = (g = s.children) == null ? void 0 : g.findIndex) == null ? void 0 : e.call(g, ({ id: l }) => l === P);
+    n > -1 && (s.children.splice(n, 1), r.children || (r.children = []), r.children.unshift(O.currentPageData), O.pageTreeKey++);
   }
-}, ya = () => V.currentPageData.page_content || {}, Sa = (n) => {
-  V.currentPageData = n, V.currentPageDataCopy = ne(!0, {}, n), V.oldParentId = n.parentId;
-}, Da = () => {
-  V.currentPageData = {}, V.currentPageDataCopy = {}, V.oldParentId = null;
-}, ha = () => !ce(V.currentPageData, V.currentPageDataCopy), Ca = 0, va = 1, Ia = () => ({
-  DEFAULT_PAGE: ma,
-  pageSettingState: V,
-  isTemporaryPage: fa,
-  isCurrentDataSame: Pa,
-  changeTreeData: _a,
-  getPageContent: ya,
-  resetPageData: Da,
-  initCurrentPageData: Sa,
-  isChangePageData: ha,
-  STATIC_PAGE_GROUP_ID: Ca,
-  COMMON_PAGE_GROUP_ID: va
-}), ba = {
+}, ia = () => O.currentPageData.page_content || {}, ga = (a) => {
+  O.currentPageData = a, O.currentPageDataCopy = Y(!0, {}, a), O.oldParentId = a.parentId;
+}, pa = () => {
+  O.currentPageData = {}, O.currentPageDataCopy = {}, O.oldParentId = null;
+}, ua = () => !pe(O.currentPageData, O.currentPageDataCopy), da = 0, ma = 1, Pa = () => ({
+  DEFAULT_PAGE: oa,
+  selectedTemplateCard: sa,
+  pageSettingState: O,
+  isTemporaryPage: ra,
+  isCurrentDataSame: ca,
+  changeTreeData: la,
+  getPageContent: ia,
+  resetPageData: pa,
+  initCurrentPageData: ga,
+  isChangePageData: ua,
+  STATIC_PAGE_GROUP_ID: da,
+  COMMON_PAGE_GROUP_ID: ma
+}), fa = {
   id: "engine.service.page",
   type: "MetaService",
-  apis: Ia(),
+  apis: Pa(),
   composable: {
-    name: We.usePage
+    name: Ze.usePage
   }
-}, ja = {
-  ...da,
-  apis: ia,
-  entry: ua,
-  metas: [ba]
+}, _a = {
+  components: {
+    TinyCheckbox: Ue
+  },
+  setup() {
+    const { pageSettingState: a, STATIC_PAGE_GROUP_ID: t } = U(), { handleRouteHomeUpdate: g } = ue, { confirm: e } = W(), r = K({
+      checked: !1,
+      selectDisable: !1
+    });
+    $(() => {
+      var u;
+      const l = !!((u = a.currentPageData) != null && u.isHome);
+      r.checked = l, r.selectDisable = l;
+    });
+    const s = le(() => {
+      let l = "暂无主页";
+      if (a.pages[t]) {
+        const f = a.pages[t].data.filter((d) => d.isHome);
+        f[0] && (l = f[0].name);
+      }
+      return l;
+    }), P = We("openSettingPanel");
+    return {
+      pageSettingState: a,
+      settingHome: () => {
+        e({
+          title: "提示",
+          type: "warning ",
+          message: "是否确定要将此页面设置为主页？您所做的任何未保存的更改都将被丢弃。",
+          exec: () => {
+            const { id: l } = a.currentPageData, u = a.ROOT_ID, f = { ...a.currentPageData };
+            f.parentId = u, f.isHome = !0, g(l, f).then(() => {
+              a.updateTreeData(), P({ data: a.currentPageData }), a.isNew = !1, Le && pt({
+                pageId: l,
+                componentsTree: f
+              }), k({ message: "主页设置成功！", type: "success" });
+            }).catch(() => {
+              k({ message: "主页设置失败！", type: "error" });
+            });
+          },
+          cancel: () => {
+            r.checked = !1;
+          }
+        });
+      },
+      homePage: s,
+      state: r
+    };
+  }
+}, ya = { class: "home" }, Sa = { class: "tip" }, Da = { class: "home-page" };
+function ha(a, t, g, e, r, s) {
+  const P = p("tiny-checkbox");
+  return I(), j("div", ya, [
+    i(P, {
+      class: "selectHome",
+      modelValue: e.state.checked,
+      "onUpdate:modelValue": t[0] || (t[0] = (n) => e.state.checked = n),
+      disabled: e.state.selectDisable,
+      onChange: e.settingHome
+    }, {
+      default: D(() => t[1] || (t[1] = [
+        Q("设为主页")
+      ])),
+      _: 1
+    }, 8, ["modelValue", "disabled", "onChange"]),
+    F("div", Sa, [
+      t[2] || (t[2] = F("span", null, "当前主页是", -1)),
+      F("span", Da, "【" + ye(e.homePage) + "】", 1)
+    ])
+  ]);
+}
+const Ca = /* @__PURE__ */ q(_a, [["render", ha], ["__scopeId", "data-v-bf1c3be4"]]), ba = {
+  components: {
+    TinyForm: st,
+    TinyFormItem: rt,
+    TinyInput: He,
+    TinySelect: ct,
+    PageHome: Ca,
+    TinyRadio: lt
+  },
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => ({})
+    },
+    isFolder: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    const {
+      pageSettingState: a,
+      changeTreeData: t,
+      STATIC_PAGE_GROUP_ID: g
+    } = U(), e = a.ROOT_ID, r = V(a.currentPageData.parentId);
+    $(() => {
+      r.value = a.oldParentId;
+    });
+    const s = le(() => {
+      let C = a.currentPageData.route || "", y = a.currentPageData.parentId;
+      for (; y !== e; ) {
+        const m = a.treeDataMapping[y];
+        if (!m)
+          break;
+        C = `${m.route}/${C}`, y = m.parentId;
+      }
+      return C.startsWith("/") && (C = C.slice(1)), C;
+    }), P = {
+      name: [{
+        required: !0,
+        message: "请输入页面 ID"
+      }, {
+        pattern: yt,
+        message: "只允许包含英文字母，且为大写开头驼峰格式, 如DemoPage"
+      }, {
+        min: 3,
+        max: 25,
+        message: "长度在 3 到 25 个字符"
+      }],
+      route: [{
+        required: !0,
+        message: "请输入页面路由"
+      }, {
+        pattern: ke,
+        message: "只允许包含英文字母、数字、下横线_、中横线-、正斜杠/, 且以英文字母开头"
+      }]
+    }, n = {
+      name: [{
+        required: !0,
+        message: "请输入页面文件夹 ID"
+      }, {
+        pattern: St,
+        message: "只允许包含英文字母、数字、下横线_、中横线-, 且以英文字母开头"
+      }, {
+        min: 3,
+        max: 25,
+        message: "长度在 3 到 25 个字符"
+      }],
+      route: [{
+        required: !0,
+        message: "请输入页面文件夹路由"
+      }, {
+        pattern: ke,
+        message: "只允许包含英文字母、数字、下横线_、中横线-、正斜杠/, 且以英文字母开头"
+      }],
+      group: [{
+        required: !0,
+        message: "必须选择页面类型"
+      }]
+    }, l = (C) => {
+      const y = [];
+      return C.forEach((m) => {
+        !m.isPage && m.id !== a.currentPageData.id && (y.push(m), m.children || (m.children = []), m.children = l(m.children));
+      }), y;
+    }, u = le(() => {
+      var N;
+      const C = i(p("SvgIcon"), {
+        name: "text-page-folder-closed",
+        class: "folder-icon"
+      }, null), y = i(p("SvgIcon"), {
+        name: "text-page-folder",
+        class: "folder-icon"
+      }, null), m = ((N = a.pages[g]) == null ? void 0 : N.data) || [];
+      return {
+        data: [{
+          name: "无",
+          id: e
+        }, ...l(JSON.parse(JSON.stringify(m)))],
+        shrinkIcon: y,
+        expandIcon: C,
+        renderContent: (H, {
+          node: J,
+          data: L
+        }) => i("span", {
+          style: "display:flex"
+        }, [J.isLeaf && L.id !== e ? i(p("svg-icon"), {
+          name: "text-page-folder-closed",
+          style: "margin-right:14px"
+        }, null) : null, i("span", {
+          class: "label"
+        }, [J.label])])
+      };
+    }), f = V(null);
+    return {
+      pageRules: P,
+      folderRules: n,
+      pageSettingState: a,
+      generalForm: f,
+      validGeneralForm: () => new Promise((C, y) => {
+        f.value.validate((m) => {
+          m ? C(m) : y(m);
+        });
+      }),
+      treeFolderOp: u,
+      currentRoute: s,
+      changeParentForderId: (C) => {
+        t(C.id, r.value), r.value = C.id;
+      }
+    };
+  }
+}, va = { class: "general-config" }, Ta = { class: "tip" }, Ia = {
+  key: 0,
+  class: "text"
+}, Na = {
+  key: 1,
+  class: "route-text"
+}, Oa = { class: "text-dim" };
+function Fa(a, t, g, e, r, s) {
+  const P = p("tiny-radio"), n = p("tiny-form-item"), l = p("tiny-input"), u = p("tiny-select"), f = p("tiny-form"), d = p("page-home");
+  return I(), j("div", va, [
+    i(f, {
+      ref: "generalForm",
+      model: e.pageSettingState.currentPageData,
+      rules: g.isFolder ? e.folderRules : e.pageRules,
+      "label-width": "120px",
+      "validate-type": "text",
+      "inline-message": !0,
+      "label-align": !0,
+      "label-position": "top",
+      class: "general-config-form"
+    }, {
+      default: D(() => [
+        g.isFolder ? A("", !0) : (I(), E(n, {
+          key: 0,
+          prop: "group",
+          label: "页面类型",
+          class: "form-item-page-type"
+        }, {
+          default: D(() => [
+            i(P, {
+              modelValue: e.pageSettingState.currentPageData.group,
+              "onUpdate:modelValue": t[0] || (t[0] = (b) => e.pageSettingState.currentPageData.group = b),
+              class: "page-type-radio",
+              label: "staticPages"
+            }, {
+              default: D(() => t[5] || (t[5] = [
+                Q(" 静态页面 ")
+              ])),
+              _: 1
+            }, 8, ["modelValue"]),
+            i(P, {
+              modelValue: e.pageSettingState.currentPageData.group,
+              "onUpdate:modelValue": t[1] || (t[1] = (b) => e.pageSettingState.currentPageData.group = b),
+              class: "page-type-radio",
+              label: "publicPages"
+            }, {
+              default: D(() => t[6] || (t[6] = [
+                Q(" 公共页面 ")
+              ])),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        })),
+        i(n, {
+          prop: "name",
+          label: `${g.isFolder ? "文件夹" : "页面"}名称`
+        }, {
+          default: D(() => [
+            i(l, {
+              modelValue: e.pageSettingState.currentPageData.name,
+              "onUpdate:modelValue": t[2] || (t[2] = (b) => e.pageSettingState.currentPageData.name = b),
+              placeholder: `请设置${g.isFolder ? "文件夹" : "页面"}名称`
+            }, null, 8, ["modelValue", "placeholder"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        e.pageSettingState.currentPageData.group !== "publicPages" ? (I(), E(n, {
+          key: 1,
+          label: "父文件夹",
+          prop: "parentId"
+        }, {
+          default: D(() => [
+            i(u, {
+              modelValue: e.pageSettingState.currentPageData.parentId,
+              "onUpdate:modelValue": t[3] || (t[3] = (b) => e.pageSettingState.currentPageData.parentId = b),
+              "value-field": "id",
+              "render-type": "tree",
+              "tree-op": e.treeFolderOp,
+              "text-field": "name",
+              placeholder: "请选择父文件夹",
+              "popper-class": "parent-fold-select-dropdown",
+              onChange: e.changeParentForderId
+            }, null, 8, ["modelValue", "tree-op", "onChange"])
+          ]),
+          _: 1
+        })) : A("", !0),
+        i(n, {
+          label: "页面路由",
+          prop: "route"
+        }, {
+          default: D(() => [
+            i(l, {
+              modelValue: e.pageSettingState.currentPageData.route,
+              "onUpdate:modelValue": t[4] || (t[4] = (b) => e.pageSettingState.currentPageData.route = b),
+              placeholder: "请设置路由"
+            }, null, 8, ["modelValue"]),
+            F("div", Ta, [
+              e.pageSettingState.currentPageData.route ? (I(), j("span", Na, [
+                t[7] || (t[7] = F("span", { class: "text" }, "website.com/", -1)),
+                F("span", Oa, ye(e.currentRoute), 1)
+              ])) : (I(), j("span", Ia, "路由将以website.com开头"))
+            ])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["model", "rules"]),
+    !g.isFolder && !e.pageSettingState.isNew && e.pageSettingState.currentPageData.group !== "public" ? (I(), E(d, { key: 0 })) : A("", !0)
+  ]);
+}
+const wa = /* @__PURE__ */ q(ba, [["render", Fa], ["__scopeId", "data-v-7be2b6ba"]]), Xa = {
+  ...Z,
+  apis: ea,
+  entry: na,
+  components: {
+    PageGeneral: wa
+  },
+  metas: [fa]
 };
 export {
-  ba as PageService,
-  ja as default
+  fa as PageService,
+  Xa as default
 };