@blocklet/pages-kit-inner-components 0.6.24 → 0.6.25

package/lib/es/chunks/{home-8eDa8KD4.js → home-BjesPkW0.js}

@@ -2,15 +2,15 @@ import { jsx as e, jsxs as R } from "react/jsx-runtime";
 import { u as z, c as U, d as re, e as ae, f as se, b as ie } from "./state-DSo43FAB.js";
 import { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
 import G from "@arcblock/ux/lib/Result";
-import { styled as M, useTheme as ce } from "@arcblock/ux/lib/Theme";
-import { useHeaderState as le } from "@blocklet/pages-kit/builtin/page/header";
+import { styled as M, useTheme as le } from "@arcblock/ux/lib/Theme";
+import { useHeaderState as ce } from "@blocklet/pages-kit/builtin/page/header";
 import { useColorConvert as ue } from "@blocklet/pages-kit/contexts/color";
 import { setPageDataSource as W } from "@blocklet/pages-kit/utils/data-source";
 import { generateParamCombinations as pe } from "@blocklet/pages-kit/utils/route";
 import de from "@blocklet/ui-react/lib/Header";
 import { cx as me } from "@emotion/css";
 import { Global as q, css as K } from "@emotion/react";
-import { Box as C, CircularProgress as ge, useTheme as Y, Button as he, Stack as fe, alpha as D, useMediaQuery as be } from "@mui/material";
+import { Box as k, CircularProgress as ge, useTheme as Y, Button as he, Stack as fe, alpha as D, useMediaQuery as be } from "@mui/material";
 import { useReactive as J, useScroll as ye } from "ahooks";
 import ve from "isomorphic-dompurify";
 import O from "lodash/cloneDeep";
@@ -18,26 +18,26 @@ import xe from "lodash/isEmpty";
 import Q from "lodash/isEqual";
 import { useEffect as T, lazy as X, useMemo as P, useRef as Z, Suspense as Pe, useState as we } from "react";
 import { Helmet as ke } from "react-helmet";
-import { useSearchParams as ee, Routes as Se, Route as S, Navigate as Ce, ScrollRestoration as Ie } from "react-router-dom";
+import { useSearchParams as ee, Routes as Se, Route as C, Navigate as Ce, ScrollRestoration as Ie } from "react-router-dom";
 import { useAsync as te } from "react-use";
 import { joinURL as w } from "ufo";
-import { S as Te, P as je, a as Re, B as Oe, g as Ee } from "./index-MrU6URFS.js";
+import { S as Te, P as je, a as Re, B as Oe, g as Ee } from "./index-CAKG1D4b.js";
 import Me from "@blocklet/ui-react/lib/Footer";
 import "webfontloader";
 import { u as Ae, a as Be } from "./session-C72Dq8zg.js";
-const Le = M(C)`
+const Le = M(k)`
   display: contents;
   & > div > div > .MuiContainer-root {
     max-width: unset;
   }
 `;
 function Fe({ meta: t, ...o }) {
-  const c = ce();
-  return /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(Me, { ...o, meta: t, theme: c || {} }) });
+  const l = le();
+  return /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(Me, { ...o, meta: t, theme: l || {} }) });
 }
 function _e(t) {
   return /* @__PURE__ */ e(
-    C,
+    k,
     {
       ...t,
       sx: [
@@ -57,7 +57,7 @@ function _e(t) {
 function $e(t) {
   return /* @__PURE__ */ e(De, { ...t });
 }
-const De = M(C)`
+const De = M(k)`
   position: fixed;
   left: 0;
   top: 0;
@@ -101,46 +101,46 @@ function N(t) {
   return t != null;
 }
 function wt() {
-  const [t] = ee(), { session: o } = Ae(), c = Be("owner", "admin", "pagesEditor", "member"), r = P(() => {
+  const [t] = ee(), { session: o } = Ae(), l = Be("owner", "admin", "pagesEditor", "member"), r = P(() => {
     const n = t.get("mode");
     return Te.includes(n) ? n : "production";
-  }, [t]), s = r === "production" ? r : o.user ? c ? r : "production" : null;
+  }, [t]), s = r === "production" ? r : o.user ? l ? r : "production" : null;
   return s ? /* @__PURE__ */ e(ze, { mode: s }) : null;
 }
 function ze({ mode: t }) {
   if (t !== "draft") {
     const o = window.__PAGE_STATE__;
-    return o ? /* @__PURE__ */ e(F, { mode: t, state: o }) : /* @__PURE__ */ e(Ge, { mode: t, children: ({ state: c }) => /* @__PURE__ */ e(F, { mode: t, state: c }) });
+    return o ? /* @__PURE__ */ e(F, { mode: t, state: o }) : /* @__PURE__ */ e(Ge, { mode: t, children: ({ state: l }) => /* @__PURE__ */ e(F, { mode: t, state: l }) });
   }
   return /* @__PURE__ */ e(Ve, { children: ({ state: o }) => /* @__PURE__ */ e(F, { mode: t, state: o }) });
 }
-const Ue = X(() => import("./publish-button-CaPZ_kmc.js")), Ve = X(() => import("./draft-data-CpCuyq4R.js"));
+const Ue = X(() => import("./publish-button-_fKcOj1f.js")), Ve = X(() => import("./draft-data-CpCuyq4R.js"));
 function Ge({
   mode: t,
   children: o
 }) {
   const r = document.querySelector('meta[property="pages:version"]')?.content, s = z(), n = P(() => {
     if (r === "{{pagesPublishedAt}}") {
-      const l = localStorage.getItem(ie(s ?? ""));
-      return Number(l) ? Number(l) : (/* @__PURE__ */ new Date()).getTime();
+      const c = localStorage.getItem(ie(s ?? ""));
+      return Number(c) ? Number(c) : (/* @__PURE__ */ new Date()).getTime();
     }
     return Number(r);
   }, [r]), { loading: d, value: i } = te(() => Ee({ mode: t, version: n }), [t, n]);
   return d ? /* @__PURE__ */ e(_e, {}) : i ? o({ state: i }) : null;
 }
 function F({ mode: t, state: o }) {
-  const { t: c, locale: r } = V(), [s] = ee(), n = z(), d = re(), i = s.get("hiddenBadge") === "true", l = s.get("showPublish") === "true", {
-    pageIds: g,
+  const { t: l, locale: r } = V(), [s] = ee(), n = z(), d = re(), i = s.get("hiddenBadge") === "true", c = s.get("showPublish") === "true", {
+    pageIds: h,
     pages: u,
     routeIds: p,
     routes: b,
     supportedLocales: y,
     config: { defaultLocale: v },
-    resources: k
-  } = o, f = U(o), h = P(
+    resources: S
+  } = o, f = U(o), g = P(
     () => y?.some((m) => m.locale === r) ? r : void 0,
     [r, y]
-  ), I = Object.values(b || {}).find((m) => m?.path === "/") || Object.values(u).find((m) => m?.slug === "/") ? void 0 : Object.values(u)[0], A = P(() => t === "production" ? g.map((m) => {
+  ), I = Object.values(b || {}).find((m) => m?.path === "/") || Object.values(u).find((m) => m?.slug === "/") ? void 0 : Object.values(u)[0], A = P(() => t === "production" ? h.map((m) => {
     const a = u[m];
     return a && {
       id: a.id,
@@ -152,12 +152,12 @@ function F({ mode: t, state: o }) {
       id: a.id,
       path: w("/", d || n || "", a.path, `?mode=${t}&showPublish=true`)
     } : null;
-  }).filter(N), [g, u, t, b, p, n, d]), j = ([...m]) => (t !== "production" && l && m.unshift(
+  }).filter(N), [h, u, t, b, p, n, d]), j = ([...m]) => (t !== "production" && c && m.unshift(
     /* @__PURE__ */ e(Pe, { fallback: /* @__PURE__ */ e("div", {}), children: /* @__PURE__ */ e(Ue, { ref: { current: null }, mode: "production", state: o }) })
   ), m);
   return /* @__PURE__ */ R(je, { value: { pages: A }, children: [
     /* @__PURE__ */ R(Se, { children: [
-      I && /* @__PURE__ */ e(S, { index: !0, element: /* @__PURE__ */ e(Ce, { to: w("/", h || "", I.slug) }) }),
+      I && /* @__PURE__ */ e(C, { index: !0, element: /* @__PURE__ */ e(Ce, { to: w("/", g || "", I.slug) }) }),
       p?.map((m) => {
         const a = b?.[m];
         if (!a || !a.displayTemplateId) return null;
@@ -176,7 +176,7 @@ function F({ mode: t, state: o }) {
         })?.map((_) => {
           const $ = _.paramOptionIds.join("-");
           return /* @__PURE__ */ e(
-            S,
+            C,
             {
               path: w(":projectIdOrSlug?", _.path),
               element: /* @__PURE__ */ e(
@@ -185,11 +185,11 @@ function F({ mode: t, state: o }) {
                   mode: t,
                   components: f,
                   page: B,
-                  locale: h,
+                  locale: g,
                   defaultLocale: v,
                   headerAddons: j,
                   state: o,
-                  pageData: a.dataSource?.pathDataMappings?.[$]?.dataCache?.[h || v || "en"]
+                  pageData: a.dataSource?.pathDataMappings?.[$]?.dataCache?.[g || v || "en"]
                 }
               )
             },
@@ -197,7 +197,7 @@ function F({ mode: t, state: o }) {
           );
         })), L.push(
           /* @__PURE__ */ e(
-            S,
+            C,
             {
               path: w(":projectIdOrSlug?", a.path),
               element: /* @__PURE__ */ e(
@@ -206,11 +206,11 @@ function F({ mode: t, state: o }) {
                   mode: t,
                   components: f,
                   page: B,
-                  locale: h,
+                  locale: g,
                   defaultLocale: v,
                   headerAddons: j,
                   state: o,
-                  pageData: a.dataSource?.pathDataMappings?.[a.id]?.dataCache?.[h || v || "en"]
+                  pageData: a.dataSource?.pathDataMappings?.[a.id]?.dataCache?.[g || v || "en"]
                 }
               )
             },
@@ -218,10 +218,10 @@ function F({ mode: t, state: o }) {
           )
         ), L;
       }),
-      g.map((m) => {
+      h.map((m) => {
         const a = u[m];
         return a ? /* @__PURE__ */ e(
-          S,
+          C,
           {
             path: w(":projectIdOrSlug?", a.slug),
             element: /* @__PURE__ */ e(
@@ -230,7 +230,7 @@ function F({ mode: t, state: o }) {
                 mode: t,
                 components: f,
                 page: a,
-                locale: h,
+                locale: g,
                 defaultLocale: v,
                 headerAddons: j
               }
@@ -239,8 +239,8 @@ function F({ mode: t, state: o }) {
           a.id
         ) : null;
       }),
-      k.pages && Object.values(k.pages).map(({ blockletId: m, page: a }) => /* @__PURE__ */ e(
-        S,
+      S.pages && Object.values(S.pages).map(({ blockletId: m, page: a }) => /* @__PURE__ */ e(
+        C,
         {
           path: w("/", `@${m}`, a.slug),
           element: /* @__PURE__ */ e(
@@ -249,7 +249,7 @@ function F({ mode: t, state: o }) {
               mode: t,
               components: f,
               page: a,
-              locale: h,
+              locale: g,
               defaultLocale: v,
               headerAddons: j
             }
@@ -258,11 +258,11 @@ function F({ mode: t, state: o }) {
         a.id
       )),
       /* @__PURE__ */ e(
-        S,
+        C,
         {
           path: "*",
           element: /* @__PURE__ */ e(
-            C,
+            k,
             {
               sx: {
                 width: "100vw",
@@ -275,7 +275,7 @@ function F({ mode: t, state: o }) {
                 G,
                 {
                   status: 404,
-                  extra: /* @__PURE__ */ e(ne, { href: "/", children: c("common.back") }),
+                  extra: /* @__PURE__ */ e(ne, { href: "/", children: l("common.back") }),
                   sx: {
                     bgcolor: "transparent",
                     width: "100%",
@@ -295,29 +295,29 @@ function F({ mode: t, state: o }) {
 function H({
   mode: t,
   pageData: o,
-  components: c,
+  components: l,
   page: r,
   locale: s,
   defaultLocale: n,
   headerAddons: d,
   state: i
 }) {
-  const l = J({
+  const c = J({
     page: null
   });
   T(() => {
     const u = r || null;
-    u ? l.page = O(u) : l.page = null;
-  }, [r, JSON.stringify(r), l]);
-  const g = Z(void 0);
+    u ? c.page = O(u) : c.page = null;
+  }, [r, JSON.stringify(r), c]);
+  const h = Z(void 0);
   return T(() => {
-    Q(o, g.current) || o && l.page && (W(l.page, i, s, o), g.current = O(o));
-  }, [l.page, o, s, i]), l.page ? /* @__PURE__ */ e(
+    Q(o, h.current) || o && c.page && (W(c.page, i, s, o), h.current = O(o));
+  }, [c.page, o, s, i]), c.page ? /* @__PURE__ */ e(
     E,
     {
       mode: t,
-      components: c,
-      page: l.page,
+      components: l,
+      page: c.page,
       locale: s,
       defaultLocale: n,
       headerAddons: d
@@ -327,15 +327,15 @@ function H({
 function kt({
   mode: t,
   state: o,
-  path: c,
+  path: l,
   pageData: r
 }) {
   const { t: s, locale: n } = V(), {
     pages: d,
     supportedLocales: i,
-    config: { defaultLocale: l },
-    resources: g
-  } = o, u = Object.values(d).find((f) => f?.slug === c), p = Object.values(g.pages || {}).find((f) => f.page.slug === c), b = P(
+    config: { defaultLocale: c },
+    resources: h
+  } = o, u = Object.values(d).find((f) => f?.slug === l), p = Object.values(h.pages || {}).find((f) => f.page.slug === l), b = P(
     () => i?.some((f) => f.locale === n) ? n : void 0,
     [n, i]
   ), y = J({
@@ -350,7 +350,7 @@ function kt({
     Q(r, v.current) || r && y.page && (W(y.page, o, b, r), v.current = O(r));
   }, [{}]), !u && !p?.page)
     return /* @__PURE__ */ e(
-      C,
+      k,
       {
         sx: {
           width: "100vw",
@@ -362,29 +362,29 @@ function kt({
         children: /* @__PURE__ */ e(G, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ e(ne, { href: "/", children: s("common.back") }) })
       }
     );
-  const k = U(o);
+  const S = U(o);
   return y.page ? /* @__PURE__ */ e(
     E,
     {
       mode: t,
-      components: k,
+      components: S,
       page: y.page,
       locale: b,
-      defaultLocale: l
+      defaultLocale: c
     }
   ) : null;
 }
 function E({
   mode: t,
   components: o,
-  page: c,
+  page: l,
   locale: r,
   defaultLocale: s,
   headerAddons: n
 }) {
-  const d = ue(), i = c.locales?.[r] ?? c.locales?.[s] ?? {}, l = i.title || window.blocklet?.appName, g = i.description || window.blocklet?.appDescription, u = ae(se(i.image), 540), { logo: p, brand: b, description: y, ...v } = le(), k = P(
-    () => (h) => {
-      let x = n?.(h) ?? h;
+  const d = ue(), i = l.locales?.[r] ?? l.locales?.[s] ?? {}, c = i.title || window.blocklet?.appName, h = i.description || window.blocklet?.appDescription, u = ae(se(i.image), 540), { logo: p, brand: b, description: y, ...v } = ce(), S = P(
+    () => (g) => {
+      let x = n?.(g) ?? g;
       return x = v.addons?.(x) ?? x, x;
     },
     [v.addons, n]
@@ -392,7 +392,7 @@ function E({
     () => i.header?.translucent ? qe : oe,
     [i.header?.translucent]
   );
-  return /* @__PURE__ */ R(Re, { page: c, defaultLocale: s, currentLocale: r, children: [
+  return /* @__PURE__ */ R(Re, { page: l, defaultLocale: s, currentLocale: r, children: [
     /* @__PURE__ */ e(
       q,
       {
@@ -415,20 +415,20 @@ function E({
         ...y ? { description: y } : {},
         className: me(i.header?.sticky && "sticky", "page-header"),
         maxWidth: !1,
-        addons: k
+        addons: S
       }
     ),
     /* @__PURE__ */ e(Ie, {}),
     /* @__PURE__ */ R(ke, { children: [
-      /* @__PURE__ */ e("title", { children: l }),
-      /* @__PURE__ */ e("meta", { name: "og:title", content: l }),
-      /* @__PURE__ */ e("meta", { name: "og:description", content: g }),
+      /* @__PURE__ */ e("title", { children: c }),
+      /* @__PURE__ */ e("meta", { name: "og:title", content: c }),
+      /* @__PURE__ */ e("meta", { name: "og:description", content: h }),
       /* @__PURE__ */ e("meta", { name: "og:image", content: u }),
       /* @__PURE__ */ e("meta", { name: "twitter:image:src", content: u }),
       /* @__PURE__ */ e("meta", { name: "twitter:image", content: u }),
-      /* @__PURE__ */ e("meta", { property: "twitter:description", content: g }),
-      /* @__PURE__ */ e("meta", { property: "twitter:title", content: l }),
-      /* @__PURE__ */ e("meta", { name: "description", content: g })
+      /* @__PURE__ */ e("meta", { property: "twitter:description", content: h }),
+      /* @__PURE__ */ e("meta", { property: "twitter:title", content: c }),
+      /* @__PURE__ */ e("meta", { name: "description", content: h })
     ] }),
     /* @__PURE__ */ e(
       fe,
@@ -441,14 +441,14 @@ function E({
             pt: "0 !important"
           }
         },
-        children: c.sectionIds.map((h) => {
-          const x = c.sections[h];
+        children: l.sectionIds.map((g) => {
+          const x = l.sections[g];
           if (!x || x.visibility === "hidden") return null;
-          const I = c.dataSource?.[h]?.[r], A = c.dataSource?.[h]?.[s] ?? {};
-          return /* @__PURE__ */ e(
+          const I = l.dataSource?.[g]?.[r], A = l.dataSource?.[g]?.[s] ?? {};
+          return /* @__PURE__ */ e(k, { sx: { position: "relative" }, children: /* @__PURE__ */ e(
             Oe,
             {
-              id: h,
+              id: g,
               type: x.component,
               mode: t,
               section: x,
@@ -465,10 +465,10 @@ function E({
                   // 用于 fallback 的 locale
                 }
               },
-              page: c
+              page: l
             },
-            h
-          );
+            g
+          ) }, g);
         })
       }
     ),
@@ -482,7 +482,7 @@ const oe = M(de)`
   }
 `;
 function We({ logo: t }) {
-  const [o, c] = we(), r = be((n) => n.breakpoints.down("sm")), { value: s } = te(() => {
+  const [o, l] = we(), r = be((n) => n.breakpoints.down("sm")), { value: s } = te(() => {
     const n = new URL(
       r ? window?.blocklet?.appLogo || "/.well-known/service/blocklet/logo" : window?.blocklet?.appLogoRect || "/.well-known/service/blocklet/logo-rect",
       window.location.origin
@@ -490,17 +490,17 @@ function We({ logo: t }) {
     n.searchParams.delete("imageFilter"), n.searchParams.delete("f");
     const d = n.toString();
     return new Promise((i) => {
-      fetch(d).then((l) => {
-        l.headers.get("content-type")?.includes("svg") && l.text().then((u) => {
-          c(u), i(null);
-        }), i(l.url);
+      fetch(d).then((c) => {
+        c.headers.get("content-type")?.includes("svg") && c.text().then((u) => {
+          l(u), i(null);
+        }), i(c.url);
       });
     });
   }, [r]);
   if (t)
     return t;
   if (o)
-    return /* @__PURE__ */ e(C, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: ve.sanitize(o) } });
+    return /* @__PURE__ */ e(k, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: ve.sanitize(o) } });
   if (s) {
     const n = new URL(s);
     n.searchParams.set("imageFilter", "convert"), n.searchParams.set("f", "png"), n.searchParams.set("h", "80");
@@ -512,7 +512,7 @@ function We({ logo: t }) {
 function qe({
   logo: t,
   translucentTextColor: o,
-  ...c
+  ...l
 }) {
   const s = ye(document.getElementById("app"), (p) => p.top < 1200), n = Y(), d = Math.min(s?.top ?? 0, 800), i = P(() => {
     let p = Math.min(d / 800, 1), b = "";
@@ -521,12 +521,12 @@ function qe({
       textColor: b,
       isReversed: p < 0.7
     };
-  }, [d, 800, n.palette.text.primary, o]), { backgroundOpacity: l, textColor: g, isReversed: u } = i;
+  }, [d, 800, n.palette.text.primary, o]), { backgroundOpacity: c, textColor: h, isReversed: u } = i;
   return /* @__PURE__ */ e(
     oe,
     {
       logo: /* @__PURE__ */ e(We, { logo: t }),
-      ...c,
+      ...l,
       sx: {
         // 基础布局和定位
         position: "fixed !important",
@@ -548,8 +548,8 @@ function qe({
           zIndex: -1,
           // 置于内容下方
           // 背景样式（颜色和模糊）是固定的
-          backgroundColor: D(n.palette.background.default, l),
-          backdropFilter: l >= 0.6 ? "blur(10px)" : "blur(0px)",
+          backgroundColor: D(n.palette.background.default, c),
+          backdropFilter: c >= 0.6 ? "blur(10px)" : "blur(0px)",
           // **性能关键**: 只对 opacity 进行动画
           // opacity: backgroundOpacity,
           // 让 CSS 平滑地处理透明度变化
@@ -561,11 +561,11 @@ function qe({
         transition: "color 0.3s ease-in-out",
         // 覆盖子组件的颜色，使其继承父级的 `color`
         ".navmenu-root>.navmenu-sub>span,\n          .navmenu-root>.navmenu-item,\n          .header-addons>button,\n          .header-addons>a,\n          .header-addons>div>button": {
-          color: `${g} !important`
+          color: `${h} !important`
           // 使用 inherit 来同步颜色
         },
         ".header-logo": {
-          color: `${g} !important`
+          color: `${h} !important`
         },
         "& .navmenu--horizontal": {
           bgcolor: "transparent !important"