@opentiny/tiny-engine-plugin-page 1.0.1

package/dist/index.js

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