@blocklet/pages-kit-inner-components 0.6.81 → 0.6.82

package/lib/es/chunks/{home-BZB9zOlO.js → home-CbYnu7ZY.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as T } from "react/jsx-runtime";
-import { u as N, c as U, d as se, e as ie, f as le, b as ce } from "./state-DNdwHwty.js";
-import { useLocaleContext as W } from "@arcblock/ux/lib/Locale/context";
-import V from "@arcblock/ux/lib/Result";
+import { u as U, c as W, d as se, e as ie, f as le, b as ce } from "./state-DNdwHwty.js";
+import { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
+import A from "@arcblock/ux/lib/Result";
 import { styled as M, useTheme as ue } from "@arcblock/ux/lib/Theme";
 import { useHeaderState as pe } from "@blocklet/pages-kit/builtin/page/header";
 import { useColorConvert as de } from "@blocklet/pages-kit/contexts/color";
@@ -10,18 +10,18 @@ import { generateParamCombinations as me } from "@blocklet/pages-kit/utils/route
 import ge from "@blocklet/ui-react/lib/Header";
 import { cx as he } from "@emotion/css";
 import { Global as q, css as K } from "@emotion/react";
-import { Box as k, CircularProgress as fe, useTheme as Y, Button as be, Stack as ye, alpha as $ } from "@mui/material";
+import { Box as k, CircularProgress as fe, useTheme as Y, Button as be, Stack as ye, alpha as D } from "@mui/material";
 import { useReactive as J, useScroll as xe } from "ahooks";
 import ve from "isomorphic-dompurify";
 import R from "lodash/cloneDeep";
 import Pe from "lodash/isEmpty";
 import Q from "lodash/isEqual";
-import { useRef as A, useEffect as C, lazy as X, useMemo as x, Suspense as ke, useState as we } from "react";
+import { useRef as B, useEffect as C, lazy as X, useMemo as x, Suspense as ke, useState as we } from "react";
 import { Helmet as Se } from "react-helmet";
 import { useSearchParams as Z, Routes as Ce, Route as S, Navigate as Ie, ScrollRestoration as Te } from "react-router-dom";
 import { useAsync as ee } from "react-use";
 import { joinURL as P } from "ufo";
-import { u as Re, S as je, i as D, P as Me, a as Oe, R as Ee, B as Le, b as te, g as Ae } from "./index-Bggolyu_.js";
+import { u as Re, S as je, i as z, P as Me, a as Oe, R as Ee, B as Le, b as te, g as Ae } from "./index-C_FZEYtF.js";
 import Be from "@blocklet/ui-react/lib/Footer";
 import "webfontloader";
 import { u as _e, a as Fe } from "./session-Dx5M-1r2.js";
@@ -32,7 +32,7 @@ const $e = M(k)`
   }
 `;
 function De({ meta: t, ...o }) {
-  const s = ue(), { getPageMetaStyle: n } = Re(), r = n();
+  const a = ue(), { getPageMetaStyle: n } = Re(), r = n();
   return /* @__PURE__ */ e(
     $e,
     {
@@ -51,7 +51,7 @@ function De({ meta: t, ...o }) {
         {
           ...o,
           meta: t,
-          theme: s || {},
+          theme: a || {},
           sx: {
             // ...getPageMetaStyle(),
           }
@@ -62,10 +62,10 @@ function De({ meta: t, ...o }) {
 }
 let ze = null;
 function He(t) {
-  const o = A(null), { type: s } = t;
+  const o = B(null), { type: a } = t;
   return C(() => {
-    s === "app" && o.current;
-  }, [s]), /* @__PURE__ */ e(
+    a === "app" && o.current;
+  }, [a]), /* @__PURE__ */ e(
     k,
     {
       ...t,
@@ -85,7 +85,7 @@ function He(t) {
         },
         ...Array.isArray(t.sx) ? t.sx : [t.sx]
       ],
-      children: s !== "app" && /* @__PURE__ */ e(fe, { size: 30 })
+      children: a !== "app" && /* @__PURE__ */ e(fe, { size: 30 })
     }
   );
 }
@@ -132,39 +132,39 @@ function Ve({
     }
   );
 }
-function z(t) {
+function H(t) {
   return t != null;
 }
 function Tt() {
-  const [t] = Z(), { session: o } = _e(), s = Fe("owner", "admin", "pagesEditor", "member"), n = x(() => {
-    const a = t.get("mode");
-    return je.includes(a) ? a : "production";
-  }, [t]), r = n === "production" ? n : o.user ? s ? n : "production" : null;
-  return r ? /* @__PURE__ */ e(Ge, { mode: r }) : null;
+  const [t] = Z(), { session: o } = _e(), a = Fe("owner", "admin", "pagesEditor", "member"), n = x(() => {
+    const r = t.get("mode");
+    return je.includes(r) ? r : "production";
+  }, [t]);
+  return n === "draft" && (!a || !o.user) ? /* @__PURE__ */ e(A, { status: "403" }) : /* @__PURE__ */ e(Ge, { mode: n });
 }
 function Ge({ mode: t }) {
   if (t !== "draft") {
     const o = window.__PAGE_STATE__;
-    return o ? /* @__PURE__ */ e(L, { mode: t, state: o }) : /* @__PURE__ */ e(Ye, { mode: t, children: ({ state: s }) => /* @__PURE__ */ e(L, { mode: t, state: s }) });
+    return o ? /* @__PURE__ */ e(L, { mode: t, state: o }) : /* @__PURE__ */ e(Ye, { mode: t, children: ({ state: a }) => /* @__PURE__ */ e(L, { mode: t, state: a }) });
   }
   return /* @__PURE__ */ e(Ke, { children: ({ state: o }) => /* @__PURE__ */ e(L, { mode: t, state: o }) });
 }
-const qe = X(() => import("./publish-button-Dm2Nce-b.js")), Ke = X(() => import("./draft-data-BOoVhbon.js"));
+const qe = X(() => import("./publish-button-ChpODI2O.js")), Ke = X(() => import("./draft-data-BOoVhbon.js"));
 function Ye({
   mode: t,
   children: o
 }) {
-  const n = document.querySelector('meta[property="pages:version"]')?.content, r = N(), a = x(() => {
+  const n = document.querySelector('meta[property="pages:version"]')?.content, r = U(), i = x(() => {
     if (n === "{{pagesPublishedAt}}") {
       const u = localStorage.getItem(ce(r ?? ""));
       return Number(u) ? Number(u) : (/* @__PURE__ */ new Date()).getTime();
     }
     return Number(n);
-  }, [n]), { loading: p, value: c } = ee(() => Ae({ mode: t, version: a }), [t, a]);
+  }, [n]), { loading: p, value: c } = ee(() => Ae({ mode: t, version: i }), [t, i]);
   return p ? /* @__PURE__ */ e(He, {}) : c ? o({ state: c }) : null;
 }
 function L({ mode: t, state: o }) {
-  const { t: s, locale: n } = W(), [r] = Z(), a = N(), p = se(), c = r.get("hiddenBadge") === "true", u = r.get("showPublish") === "true", {
+  const { t: a, locale: n } = V(), [r] = Z(), i = U(), p = se(), c = r.get("hiddenBadge") === "true", u = r.get("showPublish") === "true", {
     pageIds: d,
     pages: l,
     routeIds: f,
@@ -172,52 +172,52 @@ function L({ mode: t, state: o }) {
     supportedLocales: g,
     config: { defaultLocale: y },
     resources: w
-  } = o, b = U(o), v = x(
+  } = o, b = W(o), v = x(
     () => g?.some((h) => h.locale === n) ? n : void 0,
     [n, g]
-  ), B = Object.values(m || {}).find((h) => h?.path === "/") || Object.values(l).find((h) => h?.slug === "/") ? void 0 : Object.values(l)[0], ae = x(() => t === "production" ? d?.map((h) => {
-    const i = l[h];
-    return i && {
-      id: i.id,
-      path: P("/", p || a || "", i.slug),
+  ), _ = Object.values(m || {}).find((h) => h?.path === "/") || Object.values(l).find((h) => h?.slug === "/") ? void 0 : Object.values(l)[0], ae = x(() => t === "production" ? d?.map((h) => {
+    const s = l[h];
+    return s && {
+      id: s.id,
+      path: P("/", p || i || "", s.slug),
       // 是否通过 Link 跳转，如果有 sectionIds 和 sections ，那么认为是内部页面，则通过 Link 跳转
-      isLinkToPage: D(i)
+      isLinkToPage: z(s)
     };
-  }).filter(z) : f?.map((h) => {
-    const i = m[h];
-    return i ? {
-      id: i.id,
-      path: P("/", p || a || "", i.path, `?mode=${t}&showPublish=true`)
+  }).filter(H) : f?.map((h) => {
+    const s = m[h];
+    return s ? {
+      id: s.id,
+      path: P("/", p || i || "", s.path, `?mode=${t}&showPublish=true`)
     } : null;
-  }).filter(z), [d, l, t, m, f, a, p]), I = ([...h]) => (t !== "production" && u && h.unshift(
+  }).filter(H), [d, l, t, m, f, i, p]), I = ([...h]) => (t !== "production" && u && h.unshift(
     /* @__PURE__ */ e(ke, { fallback: /* @__PURE__ */ e("div", {}), children: /* @__PURE__ */ e(qe, { ref: { current: null }, mode: "production", state: o }) })
   ), h);
   return /* @__PURE__ */ T(Me, { value: { pages: ae }, children: [
     /* @__PURE__ */ T(Ce, { children: [
-      B && /* @__PURE__ */ e(S, { index: !0, element: /* @__PURE__ */ e(Ie, { to: P("/", v || "", B.slug) }) }),
+      _ && /* @__PURE__ */ e(S, { index: !0, element: /* @__PURE__ */ e(Ie, { to: P("/", v || "", _.slug) }) }),
       f?.map((h) => {
-        const i = m?.[h];
-        if (!i || !i.displayTemplateId) return null;
-        const O = l[i.displayTemplateId];
+        const s = m?.[h];
+        if (!s || !s.displayTemplateId) return null;
+        const O = l[s.displayTemplateId];
         if (!O) return null;
         let E = [];
-        return i.params && i.params.length > 0 && (E = me({
-          basePath: i.path,
-          params: i.params,
-          routeId: i.id,
-          paramsOptions: i.paramsOptions,
+        return s.params && s.params.length > 0 && (E = me({
+          basePath: s.path,
+          params: s.params,
+          routeId: s.id,
+          paramsOptions: s.paramsOptions,
           currentIndex: 0,
           currentParams: [],
           currentOptionIds: [],
           result: []
-        })?.map((_) => {
-          const F = _.paramOptionIds.join("-");
+        })?.map((F) => {
+          const $ = F.paramOptionIds.join("-");
           return /* @__PURE__ */ e(
             S,
             {
-              path: P(":projectIdOrSlug?", _.path),
+              path: P(":projectIdOrSlug?", F.path),
               element: /* @__PURE__ */ e(
-                H,
+                N,
                 {
                   mode: t,
                   components: b,
@@ -226,19 +226,19 @@ function L({ mode: t, state: o }) {
                   defaultLocale: y,
                   headerAddons: I,
                   state: o,
-                  pageData: i.dataSource?.pathDataMappings?.[F]?.dataCache?.[v || y || "en"]
+                  pageData: s.dataSource?.pathDataMappings?.[$]?.dataCache?.[v || y || "en"]
                 }
               )
             },
-            F
+            $
           );
         })), E.push(
           /* @__PURE__ */ e(
             S,
             {
-              path: P(":projectIdOrSlug?", i.path),
+              path: P(":projectIdOrSlug?", s.path),
               element: /* @__PURE__ */ e(
-                H,
+                N,
                 {
                   mode: t,
                   components: b,
@@ -247,52 +247,52 @@ function L({ mode: t, state: o }) {
                   defaultLocale: y,
                   headerAddons: I,
                   state: o,
-                  pageData: i.dataSource?.pathDataMappings?.[i.id]?.dataCache?.[v || y || "en"]
+                  pageData: s.dataSource?.pathDataMappings?.[s.id]?.dataCache?.[v || y || "en"]
                 }
               )
             },
-            i.id
+            s.id
           )
         ), E;
       }),
       d?.map((h) => {
-        const i = l[h];
-        return !i || !D(i) ? null : /* @__PURE__ */ e(
+        const s = l[h];
+        return !s || !z(s) ? null : /* @__PURE__ */ e(
           S,
           {
-            path: P(":projectIdOrSlug?", i.slug),
+            path: P(":projectIdOrSlug?", s.slug),
             element: /* @__PURE__ */ e(
               j,
               {
                 mode: t,
                 components: b,
-                page: i,
+                page: s,
                 locale: v,
                 defaultLocale: y,
                 headerAddons: I
               }
             )
           },
-          i.id
+          s.id
         );
       }),
-      w?.pages && Object.values(w?.pages)?.map(({ blockletId: h, page: i }) => /* @__PURE__ */ e(
+      w?.pages && Object.values(w?.pages)?.map(({ blockletId: h, page: s }) => /* @__PURE__ */ e(
         S,
         {
-          path: P("/", `@${h}`, i.slug),
+          path: P("/", `@${h}`, s.slug),
           element: /* @__PURE__ */ e(
             j,
             {
               mode: t,
               components: b,
-              page: i,
+              page: s,
               locale: v,
               defaultLocale: y,
               headerAddons: I
             }
           )
         },
-        i.id
+        s.id
       )),
       /* @__PURE__ */ e(
         S,
@@ -309,10 +309,10 @@ function L({ mode: t, state: o }) {
                 alignItems: "center"
               },
               children: /* @__PURE__ */ e(
-                V,
+                A,
                 {
                   status: 404,
-                  extra: /* @__PURE__ */ e(re, { href: "/", children: s("common.back") }),
+                  extra: /* @__PURE__ */ e(re, { href: "/", children: a("common.back") }),
                   sx: {
                     bgcolor: "transparent",
                     width: "100%",
@@ -329,13 +329,13 @@ function L({ mode: t, state: o }) {
     /* @__PURE__ */ e(Ve, {})
   ] });
 }
-function H({
+function N({
   mode: t,
   pageData: o,
-  components: s,
+  components: a,
   page: n,
   locale: r,
-  defaultLocale: a,
+  defaultLocale: i,
   headerAddons: p,
   state: c
 }) {
@@ -346,17 +346,17 @@ function H({
     const l = n || null;
     l ? u.page = R(l) : u.page = null;
   }, [n, JSON.stringify(n), u]);
-  const d = A(void 0);
+  const d = B(void 0);
   return C(() => {
     Q(o, d.current) || o && u.page && (G(u.page, c, r, o), d.current = R(o));
   }, [u.page, o, r, c]), u.page ? /* @__PURE__ */ e(
     j,
     {
       mode: t,
-      components: s,
+      components: a,
       page: u.page,
       locale: r,
-      defaultLocale: a,
+      defaultLocale: i,
       headerAddons: p
     }
   ) : null;
@@ -364,17 +364,17 @@ function H({
 function Rt({
   mode: t,
   state: o,
-  path: s,
+  path: a,
   pageData: n
 }) {
-  const { t: r, locale: a } = W(), {
+  const { t: r, locale: i } = V(), {
     pages: p,
     supportedLocales: c,
     config: { defaultLocale: u },
     resources: d
-  } = o, l = Object.values(p).find((b) => b?.slug === s), f = Object.values(d?.pages || {}).find((b) => b.page.slug === s), m = x(
-    () => c?.some((b) => b.locale === a) ? a : void 0,
-    [a, c]
+  } = o, l = Object.values(p).find((b) => b?.slug === a), f = Object.values(d?.pages || {}).find((b) => b.page.slug === a), m = x(
+    () => c?.some((b) => b.locale === i) ? i : void 0,
+    [i, c]
   ), g = J({
     page: null
   });
@@ -382,7 +382,7 @@ function Rt({
     const b = l || f?.page || null;
     b ? g.page = R(b) : g.page = null;
   }, [l, f]);
-  const y = A(void 0);
+  const y = B(void 0);
   if (C(() => {
     Q(n, y.current) || n && g.page && (G(g.page, o, m, n), y.current = R(n));
   }, [{}]), !l && !f?.page)
@@ -396,10 +396,10 @@ function Rt({
           justifyContent: "center",
           alignItems: "center"
         },
-        children: /* @__PURE__ */ e(V, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ e(re, { href: "/", children: r("common.back") }) })
+        children: /* @__PURE__ */ e(A, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ e(re, { href: "/", children: r("common.back") }) })
       }
     );
-  const w = U(o);
+  const w = W(o);
   return g.page ? /* @__PURE__ */ e(
     j,
     {
@@ -414,13 +414,13 @@ function Rt({
 function j({
   mode: t,
   components: o,
-  page: s,
+  page: a,
   locale: n,
   defaultLocale: r,
-  headerAddons: a
+  headerAddons: i
 }) {
-  const p = de(), c = s.locales?.[n] ?? s.locales?.[r] ?? {}, u = c.title || window.blocklet?.appName, d = c.description || window.blocklet?.appDescription, l = ie(le(c.image), 540);
-  return /* @__PURE__ */ T(Oe, { page: s, defaultLocale: r, currentLocale: n, children: [
+  const p = de(), c = a.locales?.[n] ?? a.locales?.[r] ?? {}, u = c.title || window.blocklet?.appName, d = c.description || window.blocklet?.appDescription, l = ie(le(c.image), 540);
+  return /* @__PURE__ */ T(Oe, { page: a, defaultLocale: r, currentLocale: n, children: [
     /* @__PURE__ */ e(
       q,
       {
@@ -433,7 +433,7 @@ function j({
         `
       }
     ),
-    /* @__PURE__ */ e(Je, { meta: c, headerAddons: a }),
+    /* @__PURE__ */ e(Je, { meta: c, headerAddons: i }),
     /* @__PURE__ */ e(Te, {}),
     /* @__PURE__ */ T(Se, { children: [
       /* @__PURE__ */ e("title", { children: u }),
@@ -459,10 +459,10 @@ function j({
           zIndex: 0
           // 确保页面内容在其他元素之上
         },
-        children: /* @__PURE__ */ e(Ee, { children: s?.sectionIds?.map((f, m) => {
-          const g = s.sections[f];
+        children: /* @__PURE__ */ e(Ee, { children: a?.sectionIds?.map((f, m) => {
+          const g = a.sections[f];
           if (!g || g.visibility === "hidden") return null;
-          const y = s.dataSource?.[f]?.[n], w = s.dataSource?.[f]?.[r] ?? {};
+          const y = a.dataSource?.[f]?.[n], w = a.dataSource?.[f]?.[r] ?? {};
           return /* @__PURE__ */ e(k, { sx: { position: "relative" }, children: /* @__PURE__ */ e(
             Le,
             {
@@ -483,7 +483,7 @@ function j({
                   // 用于 fallback 的 locale
                 }
               },
-              page: s,
+              page: a,
               renderIndex: m
             },
             f
@@ -501,12 +501,12 @@ const oe = M(ge)`
   }
 `;
 function Je({ meta: t, headerAddons: o }) {
-  const { logo: s, brand: n, description: r, ...a } = pe(), p = te(), c = x(
+  const { logo: a, brand: n, description: r, ...i } = pe(), p = te(), c = x(
     () => (d) => {
       let l = o?.(d) ?? d;
-      return l = a.addons?.(l) ?? l, l;
+      return l = i.addons?.(l) ?? l, l;
     },
-    [a.addons, o]
+    [i.addons, o]
   ), u = x(
     () => t.header?.translucent ? Qe : oe,
     [t.header?.translucent]
@@ -516,7 +516,7 @@ function Je({ meta: t, headerAddons: o }) {
     {
       hideNavMenu: !!t.header?.hideNavMenus,
       translucentTextColor: t.header?.translucentTextColor,
-      ...s ? { logo: /* @__PURE__ */ e(ne, { logo: s }) } : {},
+      ...a ? { logo: /* @__PURE__ */ e(ne, { logo: a }) } : {},
       ...n ? { brand: n } : {},
       ...r ? { description: r } : {},
       className: he(t.header?.sticky && "sticky", "page-header"),
@@ -544,17 +544,17 @@ function Je({ meta: t, headerAddons: o }) {
   );
 }
 function ne({ logo: t }) {
-  const [o, s] = we(), n = te(), { value: r } = ee(() => {
-    const a = new URL(
+  const [o, a] = we(), n = te(), { value: r } = ee(() => {
+    const i = new URL(
       n ? window?.blocklet?.appLogo || "/.well-known/service/blocklet/logo" : window?.blocklet?.appLogoRect || "/.well-known/service/blocklet/logo-rect",
       window.location.origin
     );
-    a.searchParams.delete("imageFilter"), a.searchParams.delete("f");
-    const p = a.toString();
+    i.searchParams.delete("imageFilter"), i.searchParams.delete("f");
+    const p = i.toString();
     return new Promise((c) => {
       fetch(p).then((u) => {
         u.headers.get("content-type")?.includes("svg") && u.text().then((l) => {
-          s(l), c(null);
+          a(l), c(null);
         }), c(u.url);
       });
     });
@@ -566,9 +566,9 @@ function ne({ logo: t }) {
   if (o)
     return /* @__PURE__ */ e(k, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: ve.sanitize(o) } });
   if (r) {
-    const a = new URL(r);
-    a.searchParams.set("imageFilter", "convert"), a.searchParams.set("f", "png"), a.searchParams.set("h", "80");
-    const p = a.toString();
+    const i = new URL(r);
+    i.searchParams.set("imageFilter", "convert"), i.searchParams.set("f", "png"), i.searchParams.set("h", "80");
+    const p = i.toString();
     return /* @__PURE__ */ e("img", { src: p, alt: "logo" });
   }
   return null;
@@ -576,28 +576,28 @@ function ne({ logo: t }) {
 function Qe({
   logo: t,
   translucentTextColor: o,
-  ...s
+  ...a
 }) {
-  const r = xe(document.getElementById("app"), (m) => m.top < 1200), a = Y(), p = a.palette.mode === "dark", c = Math.min(r?.top ?? 0, 800), u = x(() => {
+  const r = xe(document.getElementById("app"), (m) => m.top < 1200), i = Y(), p = i.palette.mode === "dark", c = Math.min(r?.top ?? 0, 800), u = x(() => {
     let m = Math.min(c / 800, 1), g = "";
-    return m > 0.1 ? (m = Math.max(m, 0.6), g = $(a.palette.text.primary, m)) : g = o || "#EEEEEE", {
+    return m > 0.1 ? (m = Math.max(m, 0.6), g = D(i.palette.text.primary, m)) : g = o || "#EEEEEE", {
       backgroundOpacity: m,
       textColor: g,
       isReversed: m < 0.7
     };
-  }, [c, 800, a.palette.text.primary, o]), { backgroundOpacity: d, textColor: l, isReversed: f } = u;
+  }, [c, 800, i.palette.text.primary, o]), { backgroundOpacity: d, textColor: l, isReversed: f } = u;
   return /* @__PURE__ */ e(
     oe,
     {
       logo: /* @__PURE__ */ e(ne, { logo: t }),
-      ...s,
+      ...a,
       sx: {
         // 基础布局和定位
         position: "fixed !important",
         top: 0,
         left: 0,
         right: 0,
-        zIndex: a.zIndex.appBar,
+        zIndex: i.zIndex.appBar,
         // 确保在顶层
         backgroundColor: "transparent !important",
         // 主元素始终透明
@@ -612,7 +612,7 @@ function Qe({
           zIndex: -1,
           // 置于内容下方
           // 背景样式（颜色和模糊）是固定的
-          backgroundColor: $(a.palette.background.default, d),
+          backgroundColor: D(i.palette.background.default, d),
           backdropFilter: d >= 0.6 ? "blur(10px)" : "blur(0px)",
           // **性能关键**: 只对 opacity 进行动画
           // opacity: backgroundOpacity,
@@ -656,7 +656,7 @@ export {
   L as P,
   Qe as T,
   Ge as a,
-  H as b,
+  N as b,
   Rt as c,
   j as d,
   Je as e