@blocklet/pages-kit-inner-components 0.6.34 → 0.6.35

package/lib/es/chunks/{home-DK0hbr0h.js → home-CCiZOODL.js}

@@ -1,39 +1,64 @@
 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-DRjnlQY_.js";
-import { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
-import G from "@arcblock/ux/lib/Result";
-import { styled as M, useTheme as le } from "@arcblock/ux/lib/Theme";
+import { useLocaleContext as W } from "@arcblock/ux/lib/Locale/context";
+import V from "@arcblock/ux/lib/Result";
+import { styled as E, 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 { setPageDataSource as G } 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 w, CircularProgress as ge, useTheme as Y, Button as he, Stack as fe, alpha as _, useMediaQuery as be } from "@mui/material";
+import { Box as w, 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";
-import xe from "lodash/isEmpty";
+import xe from "isomorphic-dompurify";
+import M from "lodash/cloneDeep";
+import ve 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 ke } from "react";
 import { Helmet as we } from "react-helmet";
 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 k } from "ufo";
-import { S as Te, P as je, a as Re, B as Oe, g as Ee } from "./index-DOEiNkBX.js";
-import Me from "@blocklet/ui-react/lib/Footer";
+import { u as Te, S as je, P as Re, a as Me, B as Oe, g as Ee } from "./index-B6GyWmgC.js";
+import Ae from "@blocklet/ui-react/lib/Footer";
 import "webfontloader";
-import { u as Ae, a as Be } from "./session-C72Dq8zg.js";
-const Le = M(w)`
+import { u as Be, a as Le } from "./session-C72Dq8zg.js";
+const _e = E(w)`
   display: contents;
   & > div > div > .MuiContainer-root {
     max-width: unset;
   }
 `;
 function Fe({ meta: t, ...o }) {
-  const l = le();
-  return /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(Me, { ...o, meta: t, theme: l || {} }) });
+  const l = le(), { getPageMetaStyle: r } = Te(), a = r();
+  return /* @__PURE__ */ e(
+    _e,
+    {
+      sx: {
+        ".blocklet__footer .MuiContainer-root": {
+          ...a.maxWidth && {
+            maxWidth: a.maxWidth
+          },
+          ...a.px && {
+            px: a.px
+          }
+        }
+      },
+      children: /* @__PURE__ */ e(
+        Ae,
+        {
+          ...o,
+          meta: t,
+          theme: l || {},
+          sx: {
+            // ...getPageMetaStyle(),
+          }
+        }
+      )
+    }
+  );
 }
 function $e(t) {
   return /* @__PURE__ */ e(
@@ -55,9 +80,9 @@ function $e(t) {
   );
 }
 function De(t) {
-  return /* @__PURE__ */ e(_e, { ...t });
+  return /* @__PURE__ */ e(Ne, { ...t });
 }
-const _e = M(w)`
+const Ne = E(w)`
   position: fixed;
   left: 0;
   top: 0;
@@ -68,29 +93,29 @@ const _e = M(w)`
   opacity: 0.7;
   transform: translateX(-23%) translateY(70%) rotate(-45deg);
   pointer-events: none;
-`, Ne = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+`, He = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
     sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;
-function He({
+function ze({
   titleFontFamily: t,
   descriptionFontFamily: o
 }) {
   const r = Y()?.typography?.fontFamily;
   T(() => {
   }, [t, o]);
-  const i = `${r}, ${Ne}`;
+  const a = `${r}, ${He}`;
   return /* @__PURE__ */ e(
     q,
     {
       styles: K`
         #app {
-          font-family: ${i};
+          font-family: ${a};
 
           .page-kit-section__title {
-            font-family: ${i};
+            font-family: ${a};
           }
 
           .page-kit-section__description {
-            font-family: ${i};
+            font-family: ${a};
           }
         }
       `
@@ -100,85 +125,85 @@ function He({
 function N(t) {
   return t != null;
 }
-function kt() {
-  const [t] = ee(), { session: o } = Ae(), l = Be("owner", "admin", "pagesEditor", "member"), r = P(() => {
+function wt() {
+  const [t] = ee(), { session: o } = Be(), l = Le("owner", "admin", "pagesEditor", "member"), r = P(() => {
     const n = t.get("mode");
-    return Te.includes(n) ? n : "production";
-  }, [t]), i = r === "production" ? r : o.user ? l ? r : "production" : null;
-  return i ? /* @__PURE__ */ e(ze, { mode: i }) : null;
+    return je.includes(n) ? n : "production";
+  }, [t]), a = r === "production" ? r : o.user ? l ? r : "production" : null;
+  return a ? /* @__PURE__ */ e(Ue, { mode: a }) : null;
 }
-function ze({ mode: t }) {
+function Ue({ 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: l }) => /* @__PURE__ */ e(F, { mode: t, state: l }) });
+    return o ? /* @__PURE__ */ e(_, { mode: t, state: o }) : /* @__PURE__ */ e(Ge, { mode: t, children: ({ state: l }) => /* @__PURE__ */ e(_, { mode: t, state: l }) });
   }
-  return /* @__PURE__ */ e(Ve, { children: ({ state: o }) => /* @__PURE__ */ e(F, { mode: t, state: o }) });
+  return /* @__PURE__ */ e(Ve, { children: ({ state: o }) => /* @__PURE__ */ e(_, { mode: t, state: o }) });
 }
-const Ue = X(() => import("./publish-button-C6Ixf5NB.js")), Ve = X(() => import("./draft-data-mNAXJMtq.js"));
+const We = X(() => import("./publish-button-BTcQPSRb.js")), Ve = X(() => import("./draft-data-mNAXJMtq.js"));
 function Ge({
   mode: t,
   children: o
 }) {
-  const r = document.querySelector('meta[property="pages:version"]')?.content, i = z(), n = P(() => {
+  const r = document.querySelector('meta[property="pages:version"]')?.content, a = z(), n = P(() => {
     if (r === "{{pagesPublishedAt}}") {
-      const c = localStorage.getItem(ie(i ?? ""));
+      const c = localStorage.getItem(ie(a ?? ""));
       return Number(c) ? Number(c) : (/* @__PURE__ */ new Date()).getTime();
     }
     return Number(r);
-  }, [r]), { loading: m, value: s } = te(() => Ee({ mode: t, version: n }), [t, n]);
-  return m ? /* @__PURE__ */ e($e, {}) : s ? o({ state: s }) : null;
+  }, [r]), { loading: m, value: i } = te(() => Ee({ mode: t, version: n }), [t, n]);
+  return m ? /* @__PURE__ */ e($e, {}) : i ? o({ state: i }) : null;
 }
-function F({ mode: t, state: o }) {
-  const { t: l, locale: r } = V(), [i] = ee(), n = z(), m = re(), s = i.get("hiddenBadge") === "true", c = i.get("showPublish") === "true", {
+function _({ mode: t, state: o }) {
+  const { t: l, locale: r } = W(), [a] = ee(), n = z(), m = re(), i = a.get("hiddenBadge") === "true", c = a.get("showPublish") === "true", {
     pageIds: h,
     pages: u,
     routeIds: y,
     routes: p,
     supportedLocales: f,
-    config: { defaultLocale: v },
+    config: { defaultLocale: x },
     resources: S
   } = o, b = U(o), g = P(
     () => f?.some((d) => d.locale === r) ? r : void 0,
     [r, f]
   ), I = Object.values(p || {}).find((d) => d?.path === "/") || Object.values(u).find((d) => d?.slug === "/") ? void 0 : Object.values(u)[0], A = P(() => t === "production" ? h.map((d) => {
-    const a = u[d];
-    return a && {
-      id: a.id,
-      path: k("/", m || n || "", a.slug)
+    const s = u[d];
+    return s && {
+      id: s.id,
+      path: k("/", m || n || "", s.slug)
     };
   }).filter(N) : y.map((d) => {
-    const a = p[d];
-    return a ? {
-      id: a.id,
-      path: k("/", m || n || "", a.path, `?mode=${t}&showPublish=true`)
+    const s = p[d];
+    return s ? {
+      id: s.id,
+      path: k("/", m || n || "", s.path, `?mode=${t}&showPublish=true`)
     } : null;
   }).filter(N), [h, u, t, p, y, n, m]), j = ([...d]) => (t !== "production" && c && d.unshift(
-    /* @__PURE__ */ e(Pe, { fallback: /* @__PURE__ */ e("div", {}), children: /* @__PURE__ */ e(Ue, { ref: { current: null }, mode: "production", state: o }) })
+    /* @__PURE__ */ e(Pe, { fallback: /* @__PURE__ */ e("div", {}), children: /* @__PURE__ */ e(We, { ref: { current: null }, mode: "production", state: o }) })
   ), d);
-  return /* @__PURE__ */ R(je, { value: { pages: A }, children: [
+  return /* @__PURE__ */ R(Re, { value: { pages: A }, children: [
     /* @__PURE__ */ R(Se, { children: [
       I && /* @__PURE__ */ e(C, { index: !0, element: /* @__PURE__ */ e(Ce, { to: k("/", g || "", I.slug) }) }),
       y?.map((d) => {
-        const a = p?.[d];
-        if (!a || !a.displayTemplateId) return null;
-        const B = u[a.displayTemplateId];
+        const s = p?.[d];
+        if (!s || !s.displayTemplateId) return null;
+        const B = u[s.displayTemplateId];
         if (!B) return null;
         let L = [];
-        return a.params && a.params.length > 0 && (L = pe({
-          basePath: a.path,
-          params: a.params,
-          routeId: a.id,
-          paramsOptions: a.paramsOptions,
+        return s.params && s.params.length > 0 && (L = pe({
+          basePath: s.path,
+          params: s.params,
+          routeId: s.id,
+          paramsOptions: s.paramsOptions,
           currentIndex: 0,
           currentParams: [],
           currentOptionIds: [],
           result: []
-        })?.map(($) => {
-          const D = $.paramOptionIds.join("-");
+        })?.map((F) => {
+          const $ = F.paramOptionIds.join("-");
           return /* @__PURE__ */ e(
             C,
             {
-              path: k(":projectIdOrSlug?", $.path),
+              path: k(":projectIdOrSlug?", F.path),
               element: /* @__PURE__ */ e(
                 H,
                 {
@@ -186,20 +211,20 @@ function F({ mode: t, state: o }) {
                   components: b,
                   page: B,
                   locale: g,
-                  defaultLocale: v,
+                  defaultLocale: x,
                   headerAddons: j,
                   state: o,
-                  pageData: a.dataSource?.pathDataMappings?.[D]?.dataCache?.[g || v || "en"]
+                  pageData: s.dataSource?.pathDataMappings?.[$]?.dataCache?.[g || x || "en"]
                 }
               )
             },
-            D
+            $
           );
         })), L.push(
           /* @__PURE__ */ e(
             C,
             {
-              path: k(":projectIdOrSlug?", a.path),
+              path: k(":projectIdOrSlug?", s.path),
               element: /* @__PURE__ */ e(
                 H,
                 {
@@ -207,55 +232,55 @@ function F({ mode: t, state: o }) {
                   components: b,
                   page: B,
                   locale: g,
-                  defaultLocale: v,
+                  defaultLocale: x,
                   headerAddons: j,
                   state: o,
-                  pageData: a.dataSource?.pathDataMappings?.[a.id]?.dataCache?.[g || v || "en"]
+                  pageData: s.dataSource?.pathDataMappings?.[s.id]?.dataCache?.[g || x || "en"]
                 }
               )
             },
-            a.id
+            s.id
           )
         ), L;
       }),
       h.map((d) => {
-        const a = u[d];
-        return a ? /* @__PURE__ */ e(
+        const s = u[d];
+        return s ? /* @__PURE__ */ e(
           C,
           {
-            path: k(":projectIdOrSlug?", a.slug),
+            path: k(":projectIdOrSlug?", s.slug),
             element: /* @__PURE__ */ e(
-              E,
+              O,
               {
                 mode: t,
                 components: b,
-                page: a,
+                page: s,
                 locale: g,
-                defaultLocale: v,
+                defaultLocale: x,
                 headerAddons: j
               }
             )
           },
-          a.id
+          s.id
         ) : null;
       }),
-      S.pages && Object.values(S.pages).map(({ blockletId: d, page: a }) => /* @__PURE__ */ e(
+      S.pages && Object.values(S.pages).map(({ blockletId: d, page: s }) => /* @__PURE__ */ e(
         C,
         {
-          path: k("/", `@${d}`, a.slug),
+          path: k("/", `@${d}`, s.slug),
           element: /* @__PURE__ */ e(
-            E,
+            O,
             {
               mode: t,
               components: b,
-              page: a,
+              page: s,
               locale: g,
-              defaultLocale: v,
+              defaultLocale: x,
               headerAddons: j
             }
           )
         },
-        a.id
+        s.id
       )),
       /* @__PURE__ */ e(
         C,
@@ -272,7 +297,7 @@ function F({ mode: t, state: o }) {
                 alignItems: "center"
               },
               children: /* @__PURE__ */ e(
-                G,
+                V,
                 {
                   status: 404,
                   extra: /* @__PURE__ */ e(ne, { href: "/", children: l("common.back") }),
@@ -288,8 +313,8 @@ function F({ mode: t, state: o }) {
         }
       )
     ] }),
-    t !== "production" && !s && /* @__PURE__ */ e(De, { sx: { bgcolor: "info.light" }, children: t }),
-    /* @__PURE__ */ e(He, {})
+    t !== "production" && !i && /* @__PURE__ */ e(De, { sx: { bgcolor: "info.light" }, children: t }),
+    /* @__PURE__ */ e(ze, {})
   ] });
 }
 function H({
@@ -297,57 +322,57 @@ function H({
   pageData: o,
   components: l,
   page: r,
-  locale: i,
+  locale: a,
   defaultLocale: n,
   headerAddons: m,
-  state: s
+  state: i
 }) {
   const c = J({
     page: null
   });
   T(() => {
     const u = r || null;
-    u ? c.page = O(u) : c.page = null;
+    u ? c.page = M(u) : c.page = null;
   }, [r, JSON.stringify(r), c]);
   const h = Z(void 0);
   return T(() => {
-    Q(o, h.current) || o && c.page && (W(c.page, s, i, o), h.current = O(o));
-  }, [c.page, o, i, s]), c.page ? /* @__PURE__ */ e(
-    E,
+    Q(o, h.current) || o && c.page && (G(c.page, i, a, o), h.current = M(o));
+  }, [c.page, o, a, i]), c.page ? /* @__PURE__ */ e(
+    O,
     {
       mode: t,
       components: l,
       page: c.page,
-      locale: i,
+      locale: a,
       defaultLocale: n,
       headerAddons: m
     }
   ) : null;
 }
-function wt({
+function St({
   mode: t,
   state: o,
   path: l,
   pageData: r
 }) {
-  const { t: i, locale: n } = V(), {
+  const { t: a, locale: n } = W(), {
     pages: m,
-    supportedLocales: s,
+    supportedLocales: i,
     config: { defaultLocale: c },
     resources: h
   } = o, u = Object.values(m).find((b) => b?.slug === l), y = Object.values(h.pages || {}).find((b) => b.page.slug === l), p = P(
-    () => s?.some((b) => b.locale === n) ? n : void 0,
-    [n, s]
+    () => i?.some((b) => b.locale === n) ? n : void 0,
+    [n, i]
   ), f = J({
     page: null
   });
   T(() => {
     const b = u || y?.page || null;
-    b ? f.page = O(b) : f.page = null;
+    b ? f.page = M(b) : f.page = null;
   }, [u, y]);
-  const v = Z(void 0);
+  const x = Z(void 0);
   if (T(() => {
-    Q(r, v.current) || r && f.page && (W(f.page, o, p, r), v.current = O(r));
+    Q(r, x.current) || r && f.page && (G(f.page, o, p, r), x.current = M(r));
   }, [{}]), !u && !y?.page)
     return /* @__PURE__ */ e(
       w,
@@ -359,12 +384,12 @@ function wt({
           justifyContent: "center",
           alignItems: "center"
         },
-        children: /* @__PURE__ */ e(G, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ e(ne, { href: "/", children: i("common.back") }) })
+        children: /* @__PURE__ */ e(V, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ e(ne, { href: "/", children: a("common.back") }) })
       }
     );
   const S = U(o);
   return f.page ? /* @__PURE__ */ e(
-    E,
+    O,
     {
       mode: t,
       components: S,
@@ -374,32 +399,32 @@ function wt({
     }
   ) : null;
 }
-function E({
+function O({
   mode: t,
   components: o,
   page: l,
   locale: r,
-  defaultLocale: i,
+  defaultLocale: a,
   headerAddons: n
 }) {
-  const m = ue(), s = l.locales?.[r] ?? l.locales?.[i] ?? {}, c = s.title || window.blocklet?.appName, h = s.description || window.blocklet?.appDescription, u = ae(se(s.image), 540), { logo: y, brand: p, description: f, ...v } = ce(), S = P(
+  const m = ue(), i = l.locales?.[r] ?? l.locales?.[a] ?? {}, c = i.title || window.blocklet?.appName, h = i.description || window.blocklet?.appDescription, u = ae(se(i.image), 540), { logo: y, brand: p, description: f, ...x } = ce(), S = P(
     () => (g) => {
-      let x = n?.(g) ?? g;
-      return x = v.addons?.(x) ?? x, x;
+      let v = n?.(g) ?? g;
+      return v = x.addons?.(v) ?? v, v;
     },
-    [v.addons, n]
+    [x.addons, n]
   ), b = P(
-    () => s.header?.translucent ? qe : oe,
-    [s.header?.translucent]
+    () => i.header?.translucent ? Ke : oe,
+    [i.header?.translucent]
   );
-  return /* @__PURE__ */ R(Re, { page: l, defaultLocale: i, currentLocale: r, children: [
+  return /* @__PURE__ */ R(Me, { page: l, defaultLocale: a, currentLocale: r, children: [
     /* @__PURE__ */ e(
       q,
       {
         styles: K`
           body {
             background-color: ${m(
-          !s.backgroundColor || s.backgroundColor === "transparent" ? "background.default" : s.backgroundColor
+          !i.backgroundColor || i.backgroundColor === "transparent" ? "background.default" : i.backgroundColor
         )} !important;
           }
         `
@@ -408,12 +433,12 @@ function E({
     /* @__PURE__ */ e(
       b,
       {
-        hideNavMenu: !!s.header?.hideNavMenus,
-        translucentTextColor: s.header?.translucentTextColor,
+        hideNavMenu: !!i.header?.hideNavMenus,
+        translucentTextColor: i.header?.translucentTextColor,
         ...y ? { logo: y } : {},
         ...p ? { brand: p } : {},
         ...f ? { description: f } : {},
-        className: me(s.header?.sticky && "sticky", "page-header"),
+        className: me(i.header?.sticky && "sticky", "page-header"),
         maxWidth: !1,
         addons: S
       }
@@ -442,26 +467,26 @@ function E({
           }
         },
         children: l.sectionIds.map((g) => {
-          const x = l.sections[g];
-          if (!x || x.visibility === "hidden") return null;
-          const I = l.dataSource?.[g]?.[r], A = l.dataSource?.[g]?.[i] ?? {};
+          const v = l.sections[g];
+          if (!v || v.visibility === "hidden") return null;
+          const I = l.dataSource?.[g]?.[r], A = l.dataSource?.[g]?.[a] ?? {};
           return /* @__PURE__ */ e(w, { sx: { position: "relative" }, children: /* @__PURE__ */ e(
             Oe,
             {
               id: g,
-              type: x.component,
+              type: v.component,
               mode: t,
-              section: x,
+              section: v,
               config: {
-                ...xe(I) ? A : I,
+                ...ve(I) ? A : I,
                 locale: r,
                 dev: t === "draft" ? {
                   mode: t,
                   components: o,
-                  defaultLocale: i
+                  defaultLocale: a
                 } : {
                   mode: t,
-                  defaultLocale: i
+                  defaultLocale: a
                   // 用于 fallback 的 locale
                 }
               },
@@ -472,60 +497,60 @@ function E({
         })
       }
     ),
-    !s.footer?.hidden && /* @__PURE__ */ e(Fe, {})
+    !i.footer?.hidden && /* @__PURE__ */ e(Fe, {})
   ] });
 }
-const oe = M(de)`
+const oe = E(de)`
   &.sticky {
     position: sticky;
     top: 0;
   }
 `;
-function We({ logo: t }) {
-  const [o, l] = ke(), r = be((n) => n.breakpoints.down("sm")), { value: i } = te(() => {
+function qe({ logo: t }) {
+  const [o, l] = ke(), r = be((n) => n.breakpoints.down("sm")), { value: a } = 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
     );
     n.searchParams.delete("imageFilter"), n.searchParams.delete("f");
     const m = n.toString();
-    return new Promise((s) => {
+    return new Promise((i) => {
       fetch(m).then((c) => {
         c.headers.get("content-type")?.includes("svg") && c.text().then((u) => {
-          l(u), s(null);
-        }), s(c.url);
+          l(u), i(null);
+        }), i(c.url);
       });
     });
   }, [r]);
   if (t)
     return t;
   if (o)
-    return /* @__PURE__ */ e(w, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: ve.sanitize(o) } });
-  if (i) {
-    const n = new URL(i);
+    return /* @__PURE__ */ e(w, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: xe.sanitize(o) } });
+  if (a) {
+    const n = new URL(a);
     n.searchParams.set("imageFilter", "convert"), n.searchParams.set("f", "png"), n.searchParams.set("h", "80");
     const m = n.toString();
     return /* @__PURE__ */ e("img", { src: m, alt: "logo" });
   }
   return null;
 }
-function qe({
+function Ke({
   logo: t,
   translucentTextColor: o,
   ...l
 }) {
-  const i = ye(document.getElementById("app"), (p) => p.top < 1200), n = Y(), m = n.palette.mode === "dark", s = Math.min(i?.top ?? 0, 800), c = P(() => {
-    let p = Math.min(s / 800, 1), f = "";
-    return p > 0.1 ? (p = Math.max(p, 0.6), f = _(n.palette.text.primary, p)) : f = o || "#EEEEEE", {
+  const a = ye(document.getElementById("app"), (p) => p.top < 1200), n = Y(), m = n.palette.mode === "dark", i = Math.min(a?.top ?? 0, 800), c = P(() => {
+    let p = Math.min(i / 800, 1), f = "";
+    return p > 0.1 ? (p = Math.max(p, 0.6), f = D(n.palette.text.primary, p)) : f = o || "#EEEEEE", {
       backgroundOpacity: p,
       textColor: f,
       isReversed: p < 0.7
     };
-  }, [s, 800, n.palette.text.primary, o]), { backgroundOpacity: h, textColor: u, isReversed: y } = c;
+  }, [i, 800, n.palette.text.primary, o]), { backgroundOpacity: h, textColor: u, isReversed: y } = c;
   return /* @__PURE__ */ e(
     oe,
     {
-      logo: /* @__PURE__ */ e(We, { logo: t }),
+      logo: /* @__PURE__ */ e(qe, { logo: t }),
       ...l,
       sx: {
         // 基础布局和定位
@@ -548,7 +573,7 @@ function qe({
           zIndex: -1,
           // 置于内容下方
           // 背景样式（颜色和模糊）是固定的
-          backgroundColor: _(n.palette.background.default, h),
+          backgroundColor: D(n.palette.background.default, h),
           backdropFilter: h >= 0.6 ? "blur(10px)" : "blur(0px)",
           // **性能关键**: 只对 opacity 进行动画
           // opacity: backgroundOpacity,
@@ -585,14 +610,14 @@ function qe({
     }
   );
 }
-const ne = M(he)``;
+const ne = E(he)``;
 export {
-  kt as H,
+  wt as H,
   $e as L,
-  F as P,
-  qe as T,
-  ze as a,
+  _ as P,
+  Ke as T,
+  Ue as a,
   H as b,
-  wt as c,
-  E as d
+  St as c,
+  O as d
 };

package/lib/es/chunks/{index-DOEiNkBX.js → index-B6GyWmgC.js}

@@ -3025,5 +3025,6 @@ export {
   Oi as a,
   Xi as b,
   Zi as g,
-  qi as p
+  qi as p,
+  ne as u
 };

package/lib/es/chunks/{publish-button-C6Ixf5NB.js → publish-button-BTcQPSRb.js}

@@ -10,8 +10,8 @@ import { produce as De } from "immer";
 import Z from "lodash/difference";
 import { useState as D, useMemo as C, useCallback as O, useImperativeHandle as Oe, useEffect as E, useRef as Ae } from "react";
 import { useAsync as je } from "react-use";
-import { L as ve } from "./home-DK0hbr0h.js";
-import { p as Ce, g as Re } from "./index-DOEiNkBX.js";
+import { L as ve } from "./home-CCiZOODL.js";
+import { p as Ce, g as Re } from "./index-B6GyWmgC.js";
 function ze(s) {
   const [u, g] = D(!1);
   return /* @__PURE__ */ t(