@blocklet/pages-kit-inner-components 0.5.56 → 0.6.0

package/lib/es/chunks/config-string-WMpFf-7V.js

@@ -1,88 +0,0 @@
-import { jsx as r, jsxs as p, Fragment as v } from "react/jsx-runtime";
-import { getImageSize as b, getVideoSize as g, UploaderButton as y } from "@blocklet/pages-kit/builtin/uploader";
-import { Icon as P } from "@iconify-icon/react";
-import { TextField as A, Stack as w, FormControlLabel as F, Switch as L, Box as j, InputAdornment as k } from "@mui/material";
-import { forwardRef as B, useState as D, useEffect as E, useImperativeHandle as U } from "react";
-import { useDebounce as V } from "react-use";
-import { g as x } from "./state-l--dTdHq.js";
-const J = B(function({ showMarkdown: I, markdown: h, onMarkdownChange: n, showUploader: S, value: o, meta: H, onChange: l, ...a }, z) {
-  const [e, c] = D("");
-  E(() => {
-    c(o || "");
-  }, [o, c]);
-  const s = async () => {
-    if (e !== o) {
-      const t = x(e);
-      if (!t) {
-        l(e, void 0);
-        return;
-      }
-      const i = await b(t).catch(() => g(t)).catch(() => {
-      });
-      l(e, { ...i, filename: e });
-    }
-  };
-  V(
-    () => {
-      e !== o && l(e);
-    },
-    300,
-    [e]
-  ), U(z, () => ({
-    submit: s
-  }));
-  const f = {};
-  return S && (f.InputProps = {
-    sx: { pr: 0 },
-    endAdornment: /* @__PURE__ */ r(k, { position: "end", sx: { mx: 0.5 }, children: /* @__PURE__ */ r(
-      y,
-      {
-        onChange: async ({ response: t }) => {
-          var d;
-          const i = (d = t == null ? void 0 : t.data) == null ? void 0 : d.filename, m = x(i) || "";
-          let u = {};
-          m && (u = await b(m).catch(() => g(m)).catch(() => {
-          })), l(i, {
-            ...u,
-            filename: i
-          });
-        }
-      }
-    ) })
-  }), /* @__PURE__ */ r(
-    A,
-    {
-      size: "small",
-      fullWidth: !0,
-      ...a,
-      label: /* @__PURE__ */ p(w, { direction: "row", spacing: 1, alignItems: "center", children: [
-        a.label,
-        I && /* @__PURE__ */ p(v, { children: [
-          " (",
-          /* @__PURE__ */ r(
-            F,
-            {
-              checked: h,
-              label: /* @__PURE__ */ r(j, { component: P, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
-              labelPlacement: "start",
-              control: /* @__PURE__ */ r(L, { size: "small" }),
-              sx: { ml: 0.25, pr: 1 },
-              onChange: (t, i) => n == null ? void 0 : n(i)
-            }
-          ),
-          ")"
-        ] })
-      ] }),
-      InputLabelProps: { shrink: !0, ...a.InputLabelProps },
-      value: e,
-      onChange: (t) => c(t.target.value),
-      ...f,
-      onKeyDown: (t) => {
-        t.keyCode !== 229 && t.key === "Enter" && s();
-      }
-    }
-  );
-});
-export {
-  J as C
-};

package/lib/es/chunks/home-PDsc59QG.js

@@ -1,566 +0,0 @@
-import { jsx as t, jsxs as N } from "react/jsx-runtime";
-import { u as J, d as Q, e as gt, f as ft, g as ht, c as bt } from "./state-l--dTdHq.js";
-import { useLocaleContext as X } from "@arcblock/ux/lib/Locale/context";
-import Z from "@arcblock/ux/lib/Result";
-import { useHeaderState as yt } from "@blocklet/pages-kit/builtin/page/header";
-import { useColorConvert as vt } from "@blocklet/pages-kit/contexts/color";
-import { setPageDataSource as tt } from "@blocklet/pages-kit/utils/data-source";
-import { generateParamCombinations as wt } from "@blocklet/pages-kit/utils/route";
-import xt from "@blocklet/ui-react/lib/Header";
-import { cx as kt } from "@emotion/css";
-import { Global as et, css as ot } from "@emotion/react";
-import nt from "@emotion/styled";
-import { Box as _, CircularProgress as Pt, useTheme as rt, Button as St, Stack as Ct, alpha as q, useMediaQuery as It } from "@mui/material";
-import { useReactive as at, useScroll as jt } from "ahooks";
-import Rt from "isomorphic-dompurify";
-import A from "lodash/cloneDeep";
-import Tt from "lodash/isEmpty";
-import st from "lodash/isEqual";
-import { useEffect as $, lazy as it, useMemo as P, useRef as lt, Suspense as Ot, useState as Et } from "react";
-import { Helmet as Mt } from "react-helmet";
-import { useSearchParams as ct, Routes as Bt, Route as O, Navigate as Ft, ScrollRestoration as $t } from "react-router-dom";
-import { useAsync as ut } from "react-use";
-import { joinURL as C } from "ufo";
-import { S as _t, n as K, P as Dt, a as Lt, B as Nt, g as At } from "./array-c6HYTLze.js";
-import { styled as pt, useTheme as Ht } from "@arcblock/ux/lib/Theme";
-import zt from "@blocklet/ui-react/lib/Footer";
-import "webfontloader";
-import { u as Ut, a as Vt } from "./session-CVblGhSp.js";
-const Gt = pt(zt, { shouldForwardProp: (e) => !!e })`
-  & > div > .MuiContainer-root {
-    max-width: unset;
-  }
-`;
-function Wt({ meta: e, ...n }) {
-  const a = Ht();
-  return /* @__PURE__ */ t(Gt, { ...n, meta: e, theme: a || {} });
-}
-function qt(e) {
-  return /* @__PURE__ */ t(_, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...e, children: /* @__PURE__ */ t(Pt, { size: 30 }) });
-}
-function Kt(e) {
-  return /* @__PURE__ */ t(Yt, { ...e });
-}
-const Yt = pt(_)`
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 999999999999;
-  width: 80px;
-  font-size: 12px;
-  text-align: center;
-  opacity: 0.7;
-  transform: translateX(-23%) translateY(70%) rotate(-45deg);
-  pointer-events: none;
-`, Jt = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;
-function Qt({
-  titleFontFamily: e,
-  descriptionFontFamily: n
-}) {
-  var o;
-  const a = rt(), s = (o = a == null ? void 0 : a.typography) == null ? void 0 : o.fontFamily;
-  $(() => {
-  }, [e, n]);
-  const i = `${s}, ${Jt}`;
-  return /* @__PURE__ */ t(
-    et,
-    {
-      styles: ot`
-        #app {
-          font-family: ${i};
-
-          .page-kit-section__title {
-            font-family: ${i};
-          }
-
-          .page-kit-section__description {
-            font-family: ${i};
-          }
-        }
-      `
-    }
-  );
-}
-function Me() {
-  const [e] = ct(), { session: n } = Ut(), a = Vt("owner", "admin", "pagesEditor", "member"), s = P(() => {
-    const o = e.get("mode");
-    return _t.includes(o) ? o : "production";
-  }, [e]), i = s === "production" ? s : n.user ? a ? s : "production" : null;
-  return i ? /* @__PURE__ */ t(Xt, { mode: i }) : null;
-}
-function Xt({ mode: e }) {
-  if (e !== "draft") {
-    const n = window.__PAGE_STATE__;
-    return n ? /* @__PURE__ */ t(U, { mode: e, state: n }) : /* @__PURE__ */ t(te, { mode: e, children: ({ state: a }) => /* @__PURE__ */ t(U, { mode: e, state: a }) });
-  }
-  return /* @__PURE__ */ t(Zt, { children: ({ state: n }) => /* @__PURE__ */ t(U, { mode: e, state: n }) });
-}
-const Zt = it(() => import("./draft-data-CWM--ooz.js"));
-function te({
-  mode: e,
-  children: n
-}) {
-  const a = document.querySelector('meta[property="pages:version"]'), s = a == null ? void 0 : a.content, i = J(), o = P(() => {
-    if (s === "{{pagesPublishedAt}}") {
-      const u = localStorage.getItem(bt(i ?? ""));
-      return Number(u) ? Number(u) : (/* @__PURE__ */ new Date()).getTime();
-    }
-    return Number(s);
-  }, [s]), { loading: d, value: l } = ut(() => At({ mode: e, version: o }), [e, o]);
-  return d ? /* @__PURE__ */ t(qt, {}) : l ? n({ state: l }) : null;
-}
-function U({ mode: e, state: n }) {
-  const { t: a, locale: s } = X(), [i] = ct(), o = J(), d = gt(), l = i.get("hiddenBadge") === "true", u = i.get("showPublish") === "true", {
-    pageIds: g,
-    pages: m,
-    routeIds: c,
-    routes: f,
-    supportedLocales: b,
-    config: { defaultLocale: y },
-    resources: I
-  } = n, h = Q(n), x = P(
-    () => b != null && b.some((p) => p.locale === s) ? s : void 0,
-    [s, b]
-  ), E = Object.values(f || {}).find((p) => (p == null ? void 0 : p.path) === "/") || Object.values(m).find((p) => (p == null ? void 0 : p.slug) === "/") ? void 0 : Object.values(m)[0], D = P(() => e === "production" ? g.map((p) => {
-    const r = m[p];
-    return r && {
-      id: r.id,
-      path: C("/", d || o || "", r.slug)
-    };
-  }).filter(K) : c.map((p) => {
-    const r = f[p];
-    return r ? {
-      id: r.id,
-      path: C("/", d || o || "", r.path, `?mode=${e}&showPublish=true`)
-    } : null;
-  }).filter(K), [g, m, e, f, c, o, d]), S = ([...p]) => (e !== "production" && u && p.unshift(
-    /* @__PURE__ */ t(Ot, { fallback: /* @__PURE__ */ t("div", {}), children: /* @__PURE__ */ t(ee, { mode: "production", state: n }) })
-  ), p);
-  return /* @__PURE__ */ N(Dt, { value: { pages: D }, children: [
-    /* @__PURE__ */ N(Bt, { children: [
-      E && /* @__PURE__ */ t(O, { index: !0, element: /* @__PURE__ */ t(Ft, { to: C("/", x || "", E.slug) }) }),
-      c == null ? void 0 : c.map((p) => {
-        var v, w, k, L;
-        const r = f == null ? void 0 : f[p];
-        if (!r || !r.displayTemplateId) return null;
-        const j = m[r.displayTemplateId];
-        if (!j) return null;
-        let R = [];
-        if (r.params && r.params.length > 0) {
-          const T = wt({
-            basePath: r.path,
-            params: r.params,
-            routeId: r.id,
-            paramsOptions: r.paramsOptions,
-            currentIndex: 0,
-            currentParams: [],
-            currentOptionIds: [],
-            result: []
-          });
-          R = T == null ? void 0 : T.map((M) => {
-            var F, V, G, W;
-            const B = M.paramOptionIds.join("-");
-            return /* @__PURE__ */ t(
-              O,
-              {
-                path: C(":projectIdOrSlug?", M.path),
-                element: /* @__PURE__ */ t(
-                  Y,
-                  {
-                    mode: e,
-                    components: h,
-                    page: j,
-                    locale: x,
-                    defaultLocale: y,
-                    headerAddons: S,
-                    state: n,
-                    pageData: (W = (G = (V = (F = r.dataSource) == null ? void 0 : F.pathDataMappings) == null ? void 0 : V[B]) == null ? void 0 : G.dataCache) == null ? void 0 : W[x || y || "en"]
-                  }
-                )
-              },
-              B
-            );
-          });
-        }
-        return R.push(
-          /* @__PURE__ */ t(
-            O,
-            {
-              path: C(":projectIdOrSlug?", r.path),
-              element: /* @__PURE__ */ t(
-                Y,
-                {
-                  mode: e,
-                  components: h,
-                  page: j,
-                  locale: x,
-                  defaultLocale: y,
-                  headerAddons: S,
-                  state: n,
-                  pageData: (L = (k = (w = (v = r.dataSource) == null ? void 0 : v.pathDataMappings) == null ? void 0 : w[r.id]) == null ? void 0 : k.dataCache) == null ? void 0 : L[x || y || "en"]
-                }
-              )
-            },
-            r.id
-          )
-        ), R;
-      }),
-      g.map((p) => {
-        const r = m[p];
-        return r ? /* @__PURE__ */ t(
-          O,
-          {
-            path: C(":projectIdOrSlug?", r.slug),
-            element: /* @__PURE__ */ t(
-              H,
-              {
-                mode: e,
-                components: h,
-                page: r,
-                locale: x,
-                defaultLocale: y,
-                headerAddons: S
-              }
-            )
-          },
-          r.id
-        ) : null;
-      }),
-      I.pages && Object.values(I.pages).map(({ blockletId: p, page: r }) => /* @__PURE__ */ t(
-        O,
-        {
-          path: C("/", `@${p}`, r.slug),
-          element: /* @__PURE__ */ t(
-            H,
-            {
-              mode: e,
-              components: h,
-              page: r,
-              locale: x,
-              defaultLocale: y,
-              headerAddons: S
-            }
-          )
-        },
-        r.id
-      )),
-      /* @__PURE__ */ t(
-        O,
-        {
-          path: "*",
-          element: /* @__PURE__ */ t(_, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ t(
-            Z,
-            {
-              status: 404,
-              extra: /* @__PURE__ */ t(dt, { href: "/", children: a("common.back") }),
-              sx: {
-                bgcolor: "transparent",
-                width: "100%",
-                height: "100%"
-              }
-            }
-          ) })
-        }
-      )
-    ] }),
-    e !== "production" && !l && /* @__PURE__ */ t(Kt, { sx: { bgcolor: "info.light" }, children: e }),
-    /* @__PURE__ */ t(Qt, {})
-  ] });
-}
-function Y({
-  mode: e,
-  pageData: n,
-  components: a,
-  page: s,
-  locale: i,
-  defaultLocale: o,
-  headerAddons: d,
-  state: l
-}) {
-  const u = at({
-    page: null
-  });
-  $(() => {
-    const m = s || null;
-    m ? u.page = A(m) : u.page = null;
-  }, [s, JSON.stringify(s), u]);
-  const g = lt();
-  return $(() => {
-    st(n, g.current) || n && u.page && (tt(u.page, l, i, n), g.current = A(n));
-  }, [u.page, n, i, l]), u.page ? /* @__PURE__ */ t(
-    H,
-    {
-      mode: e,
-      components: a,
-      page: u.page,
-      locale: i,
-      defaultLocale: o,
-      headerAddons: d
-    }
-  ) : null;
-}
-function Be({
-  mode: e,
-  state: n,
-  path: a,
-  pageData: s
-}) {
-  const { t: i, locale: o } = X(), {
-    pages: d,
-    supportedLocales: l,
-    config: { defaultLocale: u },
-    resources: g
-  } = n, m = Object.values(d).find((h) => (h == null ? void 0 : h.slug) === a), c = Object.values(g.pages || {}).find((h) => h.page.slug === a), f = P(
-    () => l != null && l.some((h) => h.locale === o) ? o : void 0,
-    [o, l]
-  ), b = at({
-    page: null
-  });
-  $(() => {
-    const h = m || (c == null ? void 0 : c.page) || null;
-    h ? b.page = A(h) : b.page = null;
-  }, [m, c]);
-  const y = lt();
-  if ($(() => {
-    st(s, y.current) || s && b.page && (tt(b.page, n, f, s), y.current = A(s));
-  }, [{}]), !m && !(c != null && c.page))
-    return /* @__PURE__ */ t(_, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ t(Z, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ t(dt, { href: "/", children: i("common.back") }) }) });
-  const I = Q(n);
-  return b.page ? /* @__PURE__ */ t(
-    H,
-    {
-      mode: e,
-      components: I,
-      page: b.page,
-      locale: f,
-      defaultLocale: u
-    }
-  ) : null;
-}
-function H({
-  mode: e,
-  components: n,
-  page: a,
-  locale: s,
-  defaultLocale: i,
-  headerAddons: o
-}) {
-  var x, z, E, D, S, p, r, j, R;
-  const d = vt(), l = ((x = a.locales) == null ? void 0 : x[s]) ?? ((z = a.locales) == null ? void 0 : z[i]) ?? {}, u = l.title || ((E = window.blocklet) == null ? void 0 : E.appName), g = l.description || ((D = window.blocklet) == null ? void 0 : D.appDescription), m = ft(ht(l.image), 540), { logo: c, brand: f, description: b, ...y } = yt(), I = P(
-    () => (v) => {
-      var k;
-      let w = (o == null ? void 0 : o(v)) ?? v;
-      return w = ((k = y.addons) == null ? void 0 : k.call(y, w)) ?? w, w;
-    },
-    [y.addons, o]
-  ), h = P(
-    () => {
-      var v;
-      return (v = l.header) != null && v.translucent ? ne : mt;
-    },
-    [(S = l.header) == null ? void 0 : S.translucent]
-  );
-  return /* @__PURE__ */ N(Lt, { page: a, defaultLocale: i, currentLocale: s, children: [
-    /* @__PURE__ */ t(
-      et,
-      {
-        styles: ot`
-          body {
-            background-color: ${d(
-          !l.backgroundColor || l.backgroundColor === "transparent" ? "background.default" : l.backgroundColor
-        )} !important;
-          }
-        `
-      }
-    ),
-    /* @__PURE__ */ t(
-      h,
-      {
-        hideNavMenu: !!((p = l.header) != null && p.hideNavMenus),
-        translucentTextColor: (r = l.header) == null ? void 0 : r.translucentTextColor,
-        ...c ? { logo: c } : {},
-        ...f ? { brand: f } : {},
-        ...b ? { description: b } : {},
-        className: kt(((j = l.header) == null ? void 0 : j.sticky) && "sticky", "page-header"),
-        maxWidth: !1,
-        addons: I
-      }
-    ),
-    /* @__PURE__ */ t($t, {}),
-    /* @__PURE__ */ N(Mt, { children: [
-      /* @__PURE__ */ t("title", { children: u }),
-      /* @__PURE__ */ t("meta", { name: "og:title", content: u }),
-      /* @__PURE__ */ t("meta", { name: "og:description", content: g }),
-      /* @__PURE__ */ t("meta", { name: "og:image", content: m }),
-      /* @__PURE__ */ t("meta", { name: "twitter:image:src", content: m }),
-      /* @__PURE__ */ t("meta", { name: "twitter:image", content: m }),
-      /* @__PURE__ */ t("meta", { property: "twitter:description", content: g }),
-      /* @__PURE__ */ t("meta", { property: "twitter:title", content: u }),
-      /* @__PURE__ */ t("meta", { name: "description", content: g })
-    ] }),
-    /* @__PURE__ */ t(
-      Ct,
-      {
-        flexGrow: 1,
-        className: "PageView-root",
-        sx: {
-          // 第一个 .BlockBase-root 的 pt 为 0
-          "& .BlockBase-root:first-child": {
-            pt: "0 !important"
-          }
-        },
-        children: a.sectionIds.map((v) => {
-          var T, M, B, F;
-          const w = a.sections[v];
-          if (!w || w.visibility === "hidden") return null;
-          const k = (M = (T = a.dataSource) == null ? void 0 : T[v]) == null ? void 0 : M[s], L = ((F = (B = a.dataSource) == null ? void 0 : B[v]) == null ? void 0 : F[i]) ?? {};
-          return /* @__PURE__ */ t(
-            Nt,
-            {
-              id: v,
-              type: w.component,
-              mode: e,
-              section: w,
-              config: {
-                ...Tt(k) ? L : k,
-                locale: s,
-                dev: e === "draft" ? {
-                  mode: e,
-                  components: n,
-                  defaultLocale: i
-                } : {
-                  mode: e,
-                  defaultLocale: i
-                  // 用于 fallback 的 locale
-                }
-              },
-              page: a
-            },
-            v
-          );
-        })
-      }
-    ),
-    !((R = l.footer) != null && R.hidden) && /* @__PURE__ */ t(Wt, {})
-  ] });
-}
-const ee = it(() => import("./publish-button-Ds7OBvxV.js")), mt = nt(xt)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;
-function oe({ logo: e }) {
-  const [n, a] = Et(), s = It((o) => o.breakpoints.down("sm")), { value: i } = ut(() => {
-    var l, u;
-    const o = new URL(
-      s ? ((l = window == null ? void 0 : window.blocklet) == null ? void 0 : l.appLogo) || "/.well-known/service/blocklet/logo" : ((u = window == null ? void 0 : window.blocklet) == null ? void 0 : u.appLogoRect) || "/.well-known/service/blocklet/logo-rect",
-      window.location.origin
-    );
-    o.searchParams.delete("imageFilter"), o.searchParams.delete("f");
-    const d = o.toString();
-    return new Promise((g) => {
-      fetch(d).then((m) => {
-        const c = m.headers.get("content-type");
-        c != null && c.includes("svg") && m.text().then((f) => {
-          a(f), g(null);
-        }), g(m.url);
-      });
-    });
-  }, [s]);
-  if (e)
-    return e;
-  if (n)
-    return /* @__PURE__ */ t(_, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Rt.sanitize(n) } });
-  if (i) {
-    const o = new URL(i);
-    o.searchParams.set("imageFilter", "convert"), o.searchParams.set("f", "png"), o.searchParams.set("h", "80");
-    const d = o.toString();
-    return /* @__PURE__ */ t("img", { src: d, alt: "logo" });
-  }
-  return null;
-}
-function ne({
-  logo: e,
-  translucentTextColor: n,
-  ...a
-}) {
-  const i = jt(document.getElementById("app"), (c) => c.top < 1200), o = rt(), d = Math.min((i == null ? void 0 : i.top) ?? 0, 800), l = P(() => {
-    let c = Math.min(d / 800, 1), f = "";
-    return c > 0.1 ? (c = Math.max(c, 0.6), f = q(o.palette.text.primary, c)) : f = n || "#EEEEEE", {
-      backgroundOpacity: c,
-      textColor: f,
-      isReversed: c < 0.7
-    };
-  }, [d, 800, o.palette.text.primary, n]), { backgroundOpacity: u, textColor: g, isReversed: m } = l;
-  return /* @__PURE__ */ t(
-    mt,
-    {
-      logo: /* @__PURE__ */ t(oe, { logo: e }),
-      ...a,
-      sx: {
-        // 基础布局和定位
-        position: "fixed !important",
-        top: 0,
-        left: 0,
-        right: 0,
-        zIndex: o.zIndex.appBar,
-        // 确保在顶层
-        backgroundColor: "transparent !important",
-        // 主元素始终透明
-        // 使用伪元素作为背景层
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          zIndex: -1,
-          // 置于内容下方
-          // 背景样式（颜色和模糊）是固定的
-          backgroundColor: q(o.palette.background.default, u),
-          backdropFilter: u >= 0.6 ? "blur(10px)" : "blur(0px)",
-          // **性能关键**: 只对 opacity 进行动画
-          // opacity: backgroundOpacity,
-          // 让 CSS 平滑地处理透明度变化
-          transition: "backgroundColor 0.3s ease-in-out"
-        },
-        // --- 文字和图标颜色过渡 ---
-        // 直接为 Header 内所有相关元素设置颜色和过渡
-        // color: textColor,
-        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`
-          // 使用 inherit 来同步颜色
-        },
-        ".header-logo": {
-          color: `${g} !important`
-        },
-        "& .navmenu--horizontal": {
-          bgcolor: "transparent !important"
-        },
-        // --- Logo 反色效果 ---
-        // filter 也是一个较昂贵的属性，但其影响远小于背景色的重绘
-        // 这里的逻辑保持不变，但可以考虑是否有更优的方案（如提供两个颜色的 Logo）
-        ".header-logo > div": {
-          filter: `invert(${m ? 1 : 0})`,
-          transition: "filter 0.3s ease-in-out"
-        }
-      }
-    }
-  );
-}
-const dt = nt(St)``;
-export {
-  Me as H,
-  qt as L,
-  U as P,
-  ne as T,
-  Xt as a,
-  Y as b,
-  Be as c,
-  H as d
-};