@blocklet/pages-kit-inner-components 0.6.103 → 0.6.105

package/lib/es/chunks/{home-DVTVPkSm.js → home-DajDpGXA.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as T } from "react/jsx-runtime";
-import { u as U, c as W, d as se, e as ie, f as le, b as ce } from "./state-DNdwHwty.js";
+import { u as U, c as W, d as se, e as ie, f as le, b as ce } from "./state-qDCrgEMQ.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";
@@ -10,44 +10,44 @@ 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 D } from "@mui/material";
-import { useReactive as J, useScroll as xe } from "ahooks";
-import ve from "isomorphic-dompurify";
+import { Box as k, CircularProgress as fe, useTheme as Y, Button as be, Stack as ye, alpha as $ } from "@mui/material";
+import { useReactive as Q, useDeepCompareEffect as xe, useScroll as ve } from "ahooks";
+import Pe from "isomorphic-dompurify";
 import R from "lodash/cloneDeep";
-import Pe from "lodash/isEmpty";
-import Q from "lodash/isEqual";
-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 ke from "lodash/isEmpty";
+import X from "lodash/isEqual";
+import { useRef as B, useEffect as C, lazy as J, useMemo as x, Suspense as we, useState as Se } from "react";
+import { Helmet as Ce } from "react-helmet";
+import { useSearchParams as Z, Routes as Ie, Route as S, Navigate as Te, ScrollRestoration as Re } 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 z, P as Me, a as Oe, R as Ee, B as Le, b as te, g as Ae } from "./index-DENjTU8O.js";
-import Be from "@blocklet/ui-react/lib/Footer";
+import { u as je, S as Me, i as z, P as Ee, a as Le, R as Oe, B as Ae, b as te, g as Be } from "./index-BpP1FqET.js";
+import _e from "@blocklet/ui-react/lib/Footer";
 import "webfontloader";
-import { u as _e, a as Fe } from "./session-Dx5M-1r2.js";
+import { u as De, a as Fe } from "./session-Dx5M-1r2.js";
 const $e = M(k)`
   display: contents;
   & > div > div > .MuiContainer-root {
     max-width: unset;
   }
 `;
-function De({ meta: t, ...o }) {
-  const a = ue(), { getPageMetaStyle: n } = Re(), r = n();
+function ze({ meta: t, ...o }) {
+  const a = ue(), { getPageMetaStyle: r } = je(), n = r();
   return /* @__PURE__ */ e(
     $e,
     {
       sx: {
         ".blocklet__footer .MuiContainer-root": {
-          ...r.maxWidth && {
-            maxWidth: r.maxWidth
+          ...n.maxWidth && {
+            maxWidth: n.maxWidth
           },
-          ...r.px && {
-            px: r.px
+          ...n.px && {
+            px: n.px
           }
         }
       },
       children: /* @__PURE__ */ e(
-        Be,
+        _e,
         {
           ...o,
           meta: t,
@@ -60,8 +60,8 @@ function De({ meta: t, ...o }) {
     }
   );
 }
-let ze = null;
-function He(t) {
+let He = null;
+function Ne(t) {
   const o = B(null), { type: a } = t;
   return C(() => {
     a === "app" && o.current;
@@ -89,10 +89,10 @@ function He(t) {
     }
   );
 }
-function Ne(t) {
-  return /* @__PURE__ */ e(Ue, { ...t });
+function Ue(t) {
+  return /* @__PURE__ */ e(We, { ...t });
 }
-const Ue = M(k)`
+const We = M(k)`
   position: fixed;
   left: 0;
   top: 0;
@@ -103,29 +103,29 @@ const Ue = M(k)`
   opacity: 0.7;
   transform: translateX(-23%) translateY(70%) rotate(-45deg);
   pointer-events: none;
-`, We = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+`, Ve = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
     sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;
-function Ve({
+function Ge({
   titleFontFamily: t,
   descriptionFontFamily: o
 }) {
-  const n = Y()?.typography?.fontFamily;
+  const r = Y()?.typography?.fontFamily;
   C(() => {
   }, [t, o]);
-  const r = `${n}, ${We}`;
+  const n = `${r}, ${Ve}`;
   return /* @__PURE__ */ e(
     q,
     {
       styles: K`
         #app {
-          font-family: ${r};
+          font-family: ${n};
 
           .page-kit-section__title {
-            font-family: ${r};
+            font-family: ${n};
           }
 
           .page-kit-section__description {
-            font-family: ${r};
+            font-family: ${n};
           }
         }
       `
@@ -135,36 +135,36 @@ function Ve({
 function H(t) {
   return t != null;
 }
-function Tt() {
-  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";
+function Rt() {
+  const [t] = Z(), { session: o } = De(), a = Fe("owner", "admin", "pagesEditor", "member"), r = x(() => {
+    const n = t.get("mode");
+    return Me.includes(n) ? n : "production";
   }, [t]);
-  return n === "draft" && (!a || !o.user) ? /* @__PURE__ */ e(A, { status: "403" }) : /* @__PURE__ */ e(Ge, { mode: n });
+  return r === "draft" && (!a || !o.user) ? /* @__PURE__ */ e(A, { status: "403" }) : /* @__PURE__ */ e(qe, { mode: r });
 }
-function Ge({ mode: t }) {
+function qe({ 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: a }) => /* @__PURE__ */ e(L, { mode: t, state: a }) });
+    return o ? /* @__PURE__ */ e(O, { mode: t, state: o }) : /* @__PURE__ */ e(Qe, { mode: t, children: ({ state: a }) => /* @__PURE__ */ e(O, { mode: t, state: a }) });
   }
-  return /* @__PURE__ */ e(Ke, { children: ({ state: o }) => /* @__PURE__ */ e(L, { mode: t, state: o }) });
+  return /* @__PURE__ */ e(Ye, { children: ({ state: o }) => /* @__PURE__ */ e(O, { mode: t, state: o }) });
 }
-const qe = X(() => import("./publish-button-BVcMw8Fh.js")), Ke = X(() => import("./draft-data-BOoVhbon.js"));
-function Ye({
+const Ke = J(() => import("./publish-button-8kEbdc0k.js")), Ye = J(() => import("./draft-data-DRdPzuGm.js"));
+function Qe({
   mode: t,
   children: o
 }) {
-  const n = document.querySelector('meta[property="pages:version"]')?.content, r = U(), i = x(() => {
-    if (n === "{{pagesPublishedAt}}") {
-      const u = localStorage.getItem(ce(r ?? ""));
+  const r = document.querySelector('meta[property="pages:version"]')?.content, n = U(), i = x(() => {
+    if (r === "{{pagesPublishedAt}}") {
+      const u = localStorage.getItem(ce(n ?? ""));
       return Number(u) ? Number(u) : (/* @__PURE__ */ new Date()).getTime();
     }
-    return Number(n);
-  }, [n]), { loading: p, value: c } = ee(() => Ae({ mode: t, version: i }), [t, i]);
-  return p ? /* @__PURE__ */ e(He, {}) : c ? o({ state: c }) : null;
+    return Number(r);
+  }, [r]), { loading: p, value: c } = ee(() => Be({ mode: t, version: i }), [t, i]);
+  return p ? /* @__PURE__ */ e(Ne, {}) : c ? o({ state: c }) : null;
 }
-function L({ mode: t, state: o }) {
-  const { t: a, locale: n } = V(), [r] = Z(), i = U(), p = se(), c = r.get("hiddenBadge") === "true", u = r.get("showPublish") === "true", {
+function O({ mode: t, state: o }) {
+  const { t: a, locale: r } = V(), [n] = Z(), i = U(), p = se(), c = n.get("hiddenBadge") === "true", u = n.get("showPublish") === "true", {
     pageIds: d,
     pages: l,
     routeIds: f,
@@ -173,8 +173,8 @@ function L({ mode: t, state: o }) {
     config: { defaultLocale: y },
     resources: w
   } = o, b = W(o), v = x(
-    () => g?.some((h) => h.locale === n) ? n : void 0,
-    [n, g]
+    () => g?.some((h) => h.locale === r) ? r : void 0,
+    [r, g]
   ), _ = 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 && {
@@ -190,18 +190,18 @@ function L({ mode: t, state: o }) {
       path: P("/", p || i || "", s.path, `?mode=${t}&showPublish=true`)
     } : null;
   }).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 }) })
+    /* @__PURE__ */ e(we, { fallback: /* @__PURE__ */ e("div", {}), children: /* @__PURE__ */ e(Ke, { ref: { current: null }, mode: "production", state: o }) })
   ), h);
-  return /* @__PURE__ */ T(Me, { value: { pages: ae }, children: [
-    /* @__PURE__ */ T(Ce, { children: [
-      _ && /* @__PURE__ */ e(S, { index: !0, element: /* @__PURE__ */ e(Ie, { to: P("/", v || "", _.slug) }) }),
+  return /* @__PURE__ */ T(Ee, { value: { pages: ae }, children: [
+    /* @__PURE__ */ T(Ie, { children: [
+      _ && /* @__PURE__ */ e(S, { index: !0, element: /* @__PURE__ */ e(Te, { to: P("/", v || "", _.slug) }) }),
       f?.map((h) => {
         const s = m?.[h];
         if (!s || !s.displayTemplateId) return null;
-        const O = l[s.displayTemplateId];
-        if (!O) return null;
-        let E = [];
-        return s.params && s.params.length > 0 && (E = me({
+        const E = l[s.displayTemplateId];
+        if (!E) return null;
+        let L = [];
+        return s.params && s.params.length > 0 && (L = me({
           basePath: s.path,
           params: s.params,
           routeId: s.id,
@@ -210,29 +210,29 @@ function L({ mode: t, state: o }) {
           currentParams: [],
           currentOptionIds: [],
           result: []
-        })?.map((F) => {
-          const $ = F.paramOptionIds.join("-");
+        })?.map((D) => {
+          const F = D.paramOptionIds.join("-");
           return /* @__PURE__ */ e(
             S,
             {
-              path: P(":projectIdOrSlug?", F.path),
+              path: P(":projectIdOrSlug?", D.path),
               element: /* @__PURE__ */ e(
                 N,
                 {
                   mode: t,
                   components: b,
-                  page: O,
+                  page: E,
                   locale: v,
                   defaultLocale: y,
                   headerAddons: I,
                   state: o,
-                  pageData: s.dataSource?.pathDataMappings?.[$]?.dataCache?.[v || y || "en"]
+                  pageData: s.dataSource?.pathDataMappings?.[F]?.dataCache?.[v || y || "en"]
                 }
               )
             },
-            $
+            F
           );
-        })), E.push(
+        })), L.push(
           /* @__PURE__ */ e(
             S,
             {
@@ -242,7 +242,7 @@ function L({ mode: t, state: o }) {
                 {
                   mode: t,
                   components: b,
-                  page: O,
+                  page: E,
                   locale: v,
                   defaultLocale: y,
                   headerAddons: I,
@@ -253,7 +253,7 @@ function L({ mode: t, state: o }) {
             },
             s.id
           )
-        ), E;
+        ), L;
       }),
       d?.map((h) => {
         const s = l[h];
@@ -325,49 +325,49 @@ function L({ mode: t, state: o }) {
         }
       )
     ] }),
-    t !== "production" && !c && /* @__PURE__ */ e(Ne, { sx: { bgcolor: "info.light" }, children: t }),
-    /* @__PURE__ */ e(Ve, {})
+    t !== "production" && !c && /* @__PURE__ */ e(Ue, { sx: { bgcolor: "info.light" }, children: t }),
+    /* @__PURE__ */ e(Ge, {})
   ] });
 }
 function N({
   mode: t,
   pageData: o,
   components: a,
-  page: n,
-  locale: r,
+  page: r,
+  locale: n,
   defaultLocale: i,
   headerAddons: p,
   state: c
 }) {
-  const u = J({
+  const u = Q({
     page: null
   });
-  C(() => {
-    const l = n || null;
+  xe(() => {
+    const l = r || null;
     l ? u.page = R(l) : u.page = null;
-  }, [n, JSON.stringify(n), u]);
+  }, [r, u]);
   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(
+    X(o, d.current) || o && u.page && (G(u.page, c, n, o), d.current = R(o));
+  }, [u.page, o, n, c]), u.page ? /* @__PURE__ */ e(
     j,
     {
       mode: t,
       components: a,
       page: u.page,
-      locale: r,
+      locale: n,
       defaultLocale: i,
       headerAddons: p
     }
   ) : null;
 }
-function Rt({
+function jt({
   mode: t,
   state: o,
   path: a,
-  pageData: n
+  pageData: r
 }) {
-  const { t: r, locale: i } = V(), {
+  const { t: n, locale: i } = V(), {
     pages: p,
     supportedLocales: c,
     config: { defaultLocale: u },
@@ -375,7 +375,7 @@ function Rt({
   } = 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({
+  ), g = Q({
     page: null
   });
   C(() => {
@@ -384,7 +384,7 @@ function Rt({
   }, [l, f]);
   const y = B(void 0);
   if (C(() => {
-    Q(n, y.current) || n && g.page && (G(g.page, o, m, n), y.current = R(n));
+    X(r, y.current) || r && g.page && (G(g.page, o, m, r), y.current = R(r));
   }, [{}]), !l && !f?.page)
     return /* @__PURE__ */ e(
       k,
@@ -396,7 +396,7 @@ function Rt({
           justifyContent: "center",
           alignItems: "center"
         },
-        children: /* @__PURE__ */ e(A, { 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: n("common.back") }) })
       }
     );
   const w = W(o);
@@ -415,12 +415,12 @@ function j({
   mode: t,
   components: o,
   page: a,
-  locale: n,
-  defaultLocale: r,
+  locale: r,
+  defaultLocale: n,
   headerAddons: i
 }) {
-  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: [
+  const p = de(), c = a.locales?.[r] ?? a.locales?.[n] ?? {}, u = c.title || window.blocklet?.appName, d = c.description || window.blocklet?.appDescription, l = ie(le(c.image), 540);
+  return /* @__PURE__ */ T(Le, { page: a, defaultLocale: n, currentLocale: r, children: [
     /* @__PURE__ */ e(
       q,
       {
@@ -433,9 +433,9 @@ function j({
         `
       }
     ),
-    /* @__PURE__ */ e(Je, { meta: c, headerAddons: i }),
-    /* @__PURE__ */ e(Te, {}),
-    /* @__PURE__ */ T(Se, { children: [
+    /* @__PURE__ */ e(Xe, { meta: c, headerAddons: i }),
+    /* @__PURE__ */ e(Re, {}),
+    /* @__PURE__ */ T(Ce, { children: [
       /* @__PURE__ */ e("title", { children: u }),
       /* @__PURE__ */ e("meta", { name: "og:title", content: u }),
       /* @__PURE__ */ e("meta", { name: "og:description", content: d }),
@@ -459,27 +459,27 @@ function j({
           zIndex: 0
           // 确保页面内容在其他元素之上
         },
-        children: /* @__PURE__ */ e(Ee, { children: a?.sectionIds?.map((f, m) => {
+        children: /* @__PURE__ */ e(Oe, { children: a?.sectionIds?.map((f, m) => {
           const g = a.sections[f];
           if (!g || g.visibility === "hidden") return null;
-          const y = a.dataSource?.[f]?.[n], w = a.dataSource?.[f]?.[r] ?? {};
+          const y = a.dataSource?.[f]?.[r], w = a.dataSource?.[f]?.[n] ?? {};
           return /* @__PURE__ */ e(k, { sx: { position: "relative" }, children: /* @__PURE__ */ e(
-            Le,
+            Ae,
             {
               id: f,
               type: g.component,
               mode: t,
               section: g,
               config: {
-                ...Pe(y) ? w : y,
-                locale: n,
+                ...ke(y) ? w : y,
+                locale: r,
                 dev: t === "draft" ? {
                   mode: t,
                   components: o,
-                  defaultLocale: r
+                  defaultLocale: n
                 } : {
                   mode: t,
-                  defaultLocale: r
+                  defaultLocale: n
                   // 用于 fallback 的 locale
                 }
               },
@@ -491,7 +491,7 @@ function j({
         }) })
       }
     ),
-    !c.footer?.hidden && /* @__PURE__ */ e(De, {})
+    !c.footer?.hidden && /* @__PURE__ */ e(ze, {})
   ] });
 }
 const oe = M(ge)`
@@ -500,15 +500,15 @@ const oe = M(ge)`
     top: 0;
   }
 `;
-function Je({ meta: t, headerAddons: o }) {
-  const { logo: a, brand: n, description: r, ...i } = pe(), p = te(), c = x(
+function Xe({ meta: t, headerAddons: o }) {
+  const { logo: a, brand: r, description: n, ...i } = pe(), p = te(), c = x(
     () => (d) => {
       let l = o?.(d) ?? d;
       return l = i.addons?.(l) ?? l, l;
     },
     [i.addons, o]
   ), u = x(
-    () => t.header?.translucent ? Qe : oe,
+    () => t.header?.translucent ? Je : oe,
     [t.header?.translucent]
   );
   return /* @__PURE__ */ e(
@@ -517,8 +517,8 @@ function Je({ meta: t, headerAddons: o }) {
       hideNavMenu: !!t.header?.hideNavMenus,
       translucentTextColor: t.header?.translucentTextColor,
       ...a ? { logo: /* @__PURE__ */ e(ne, { logo: a }) } : {},
-      ...n ? { brand: n } : {},
-      ...r ? { description: r } : {},
+      ...r ? { brand: r } : {},
+      ...n ? { description: n } : {},
       className: he(t.header?.sticky && "sticky", "page-header"),
       maxWidth: !1,
       addons: c,
@@ -544,9 +544,9 @@ function Je({ meta: t, headerAddons: o }) {
   );
 }
 function ne({ logo: t }) {
-  const [o, a] = we(), n = te(), { value: r } = ee(() => {
+  const [o, a] = Se(), r = te(), { value: n } = ee(() => {
     const i = new URL(
-      n ? window?.blocklet?.appLogo || "/.well-known/service/blocklet/logo" : window?.blocklet?.appLogoRect || "/.well-known/service/blocklet/logo-rect",
+      r ? window?.blocklet?.appLogo || "/.well-known/service/blocklet/logo" : window?.blocklet?.appLogoRect || "/.well-known/service/blocklet/logo-rect",
       window.location.origin
     );
     i.searchParams.delete("imageFilter"), i.searchParams.delete("f");
@@ -558,29 +558,29 @@ function ne({ logo: t }) {
         }), c(u.url);
       });
     });
-  }, [n]);
-  if (n)
+  }, [r]);
+  if (r)
     return null;
   if (t)
     return t;
   if (o)
-    return /* @__PURE__ */ e(k, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: ve.sanitize(o) } });
-  if (r) {
-    const i = new URL(r);
+    return /* @__PURE__ */ e(k, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Pe.sanitize(o) } });
+  if (n) {
+    const i = new URL(n);
     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;
 }
-function Qe({
+function Je({
   logo: t,
   translucentTextColor: o,
   ...a
 }) {
-  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(() => {
+  const n = ve(document.getElementById("app"), (m) => m.top < 1200), i = Y(), p = i.palette.mode === "dark", c = Math.min(n?.top ?? 0, 800), u = x(() => {
     let m = Math.min(c / 800, 1), g = "";
-    return m > 0.1 ? (m = Math.max(m, 0.6), g = D(i.palette.text.primary, m)) : g = o || "#EEEEEE", {
+    return m > 0.1 ? (m = Math.max(m, 0.6), g = $(i.palette.text.primary, m)) : g = o || "#EEEEEE", {
       backgroundOpacity: m,
       textColor: g,
       isReversed: m < 0.7
@@ -612,7 +612,7 @@ function Qe({
           zIndex: -1,
           // 置于内容下方
           // 背景样式（颜色和模糊）是固定的
-          backgroundColor: D(i.palette.background.default, d),
+          backgroundColor: $(i.palette.background.default, d),
           backdropFilter: d >= 0.6 ? "blur(10px)" : "blur(0px)",
           // **性能关键**: 只对 opacity 进行动画
           // opacity: backgroundOpacity,
@@ -651,13 +651,13 @@ function Qe({
 }
 const re = M(be)``;
 export {
-  Tt as H,
-  He as L,
-  L as P,
-  Qe as T,
-  Ge as a,
+  Rt as H,
+  Ne as L,
+  O as P,
+  Je as T,
+  qe as a,
   N as b,
-  Rt as c,
+  jt as c,
   j as d,
-  Je as e
+  Xe as e
 };