@opentiny/tiny-engine-plugin-page 1.0.4-alpha.0 → 2.0.0-alpha.2

package/dist/index.js

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