@blocklet/pages-kit-inner-components 0.6.38 → 0.6.39

package/lib/es/chunks/home-1FD52b5s.js

@@ -1,623 +0,0 @@
-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 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 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 D, useMediaQuery as be } from "@mui/material";
-import { useReactive as J, useScroll as ye } from "ahooks";
-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 { u as Te, S as je, P as Re, a as Me, B as Oe, g as Ee } from "./index-DBTbT9nm.js";
-import Ae from "@blocklet/ui-react/lib/Footer";
-import "webfontloader";
-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(), { 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(
-    w,
-    {
-      ...t,
-      sx: [
-        {
-          display: "flex",
-          flex: 1,
-          height: "100%",
-          alignItems: "center",
-          justifyContent: "center"
-        },
-        ...Array.isArray(t.sx) ? t.sx : [t.sx]
-      ],
-      children: /* @__PURE__ */ e(ge, { size: 30 })
-    }
-  );
-}
-function De(t) {
-  return /* @__PURE__ */ e(Ne, { ...t });
-}
-const Ne = E(w)`
-  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;
-`, He = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;
-function ze({
-  titleFontFamily: t,
-  descriptionFontFamily: o
-}) {
-  const r = Y()?.typography?.fontFamily;
-  T(() => {
-  }, [t, o]);
-  const a = `${r}, ${He}`;
-  return /* @__PURE__ */ e(
-    q,
-    {
-      styles: K`
-        #app {
-          font-family: ${a};
-
-          .page-kit-section__title {
-            font-family: ${a};
-          }
-
-          .page-kit-section__description {
-            font-family: ${a};
-          }
-        }
-      `
-    }
-  );
-}
-function N(t) {
-  return t != null;
-}
-function wt() {
-  const [t] = ee(), { session: o } = Be(), l = Le("owner", "admin", "pagesEditor", "member"), r = P(() => {
-    const n = t.get("mode");
-    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 Ue({ mode: t }) {
-  if (t !== "draft") {
-    const o = window.__PAGE_STATE__;
-    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(_, { mode: t, state: o }) });
-}
-const We = X(() => import("./publish-button-Dd-8JzPl.js")), Ve = X(() => import("./draft-data-mNAXJMtq.js"));
-function Ge({
-  mode: t,
-  children: o
-}) {
-  const r = document.querySelector('meta[property="pages:version"]')?.content, a = z(), n = P(() => {
-    if (r === "{{pagesPublishedAt}}") {
-      const c = localStorage.getItem(ie(a ?? ""));
-      return Number(c) ? Number(c) : (/* @__PURE__ */ new Date()).getTime();
-    }
-    return Number(r);
-  }, [r]), { loading: m, value: i } = te(() => Ee({ mode: t, version: n }), [t, n]);
-  return m ? /* @__PURE__ */ e($e, {}) : i ? o({ state: i }) : null;
-}
-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: 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 s = u[d];
-    return s && {
-      id: s.id,
-      path: k("/", m || n || "", s.slug)
-    };
-  }).filter(N) : y.map((d) => {
-    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(We, { ref: { current: null }, mode: "production", state: o }) })
-  ), d);
-  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 s = p?.[d];
-        if (!s || !s.displayTemplateId) return null;
-        const B = u[s.displayTemplateId];
-        if (!B) return null;
-        let L = [];
-        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((F) => {
-          const $ = F.paramOptionIds.join("-");
-          return /* @__PURE__ */ e(
-            C,
-            {
-              path: k(":projectIdOrSlug?", F.path),
-              element: /* @__PURE__ */ e(
-                H,
-                {
-                  mode: t,
-                  components: b,
-                  page: B,
-                  locale: g,
-                  defaultLocale: x,
-                  headerAddons: j,
-                  state: o,
-                  pageData: s.dataSource?.pathDataMappings?.[$]?.dataCache?.[g || x || "en"]
-                }
-              )
-            },
-            $
-          );
-        })), L.push(
-          /* @__PURE__ */ e(
-            C,
-            {
-              path: k(":projectIdOrSlug?", s.path),
-              element: /* @__PURE__ */ e(
-                H,
-                {
-                  mode: t,
-                  components: b,
-                  page: B,
-                  locale: g,
-                  defaultLocale: x,
-                  headerAddons: j,
-                  state: o,
-                  pageData: s.dataSource?.pathDataMappings?.[s.id]?.dataCache?.[g || x || "en"]
-                }
-              )
-            },
-            s.id
-          )
-        ), L;
-      }),
-      h.map((d) => {
-        const s = u[d];
-        return s ? /* @__PURE__ */ e(
-          C,
-          {
-            path: k(":projectIdOrSlug?", s.slug),
-            element: /* @__PURE__ */ e(
-              O,
-              {
-                mode: t,
-                components: b,
-                page: s,
-                locale: g,
-                defaultLocale: x,
-                headerAddons: j
-              }
-            )
-          },
-          s.id
-        ) : null;
-      }),
-      S.pages && Object.values(S.pages).map(({ blockletId: d, page: s }) => /* @__PURE__ */ e(
-        C,
-        {
-          path: k("/", `@${d}`, s.slug),
-          element: /* @__PURE__ */ e(
-            O,
-            {
-              mode: t,
-              components: b,
-              page: s,
-              locale: g,
-              defaultLocale: x,
-              headerAddons: j
-            }
-          )
-        },
-        s.id
-      )),
-      /* @__PURE__ */ e(
-        C,
-        {
-          path: "*",
-          element: /* @__PURE__ */ e(
-            w,
-            {
-              sx: {
-                width: "100vw",
-                height: "100vh",
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center"
-              },
-              children: /* @__PURE__ */ e(
-                V,
-                {
-                  status: 404,
-                  extra: /* @__PURE__ */ e(ne, { href: "/", children: l("common.back") }),
-                  sx: {
-                    bgcolor: "transparent",
-                    width: "100%",
-                    height: "100%"
-                  }
-                }
-              )
-            }
-          )
-        }
-      )
-    ] }),
-    t !== "production" && !i && /* @__PURE__ */ e(De, { sx: { bgcolor: "info.light" }, children: t }),
-    /* @__PURE__ */ e(ze, {})
-  ] });
-}
-function H({
-  mode: t,
-  pageData: o,
-  components: l,
-  page: r,
-  locale: a,
-  defaultLocale: n,
-  headerAddons: m,
-  state: i
-}) {
-  const c = J({
-    page: null
-  });
-  T(() => {
-    const u = r || 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 && (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: a,
-      defaultLocale: n,
-      headerAddons: m
-    }
-  ) : null;
-}
-function St({
-  mode: t,
-  state: o,
-  path: l,
-  pageData: r
-}) {
-  const { t: a, locale: n } = W(), {
-    pages: m,
-    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(
-    () => 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 = M(b) : f.page = null;
-  }, [u, y]);
-  const x = Z(void 0);
-  if (T(() => {
-    Q(r, x.current) || r && f.page && (G(f.page, o, p, r), x.current = M(r));
-  }, [{}]), !u && !y?.page)
-    return /* @__PURE__ */ e(
-      w,
-      {
-        sx: {
-          width: "100vw",
-          height: "100vh",
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center"
-        },
-        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(
-    O,
-    {
-      mode: t,
-      components: S,
-      page: f.page,
-      locale: p,
-      defaultLocale: c
-    }
-  ) : null;
-}
-function O({
-  mode: t,
-  components: o,
-  page: l,
-  locale: r,
-  defaultLocale: a,
-  headerAddons: n
-}) {
-  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 v = n?.(g) ?? g;
-      return v = x.addons?.(v) ?? v, v;
-    },
-    [x.addons, n]
-  ), b = P(
-    () => i.header?.translucent ? Ke : oe,
-    [i.header?.translucent]
-  );
-  return /* @__PURE__ */ R(Me, { page: l, defaultLocale: a, currentLocale: r, children: [
-    /* @__PURE__ */ e(
-      q,
-      {
-        styles: K`
-          body {
-            background-color: ${m(
-          !i.backgroundColor || i.backgroundColor === "transparent" ? "background.default" : i.backgroundColor
-        )} !important;
-          }
-        `
-      }
-    ),
-    /* @__PURE__ */ e(
-      b,
-      {
-        hideNavMenu: !!i.header?.hideNavMenus,
-        translucentTextColor: i.header?.translucentTextColor,
-        ...y ? { logo: y } : {},
-        ...p ? { brand: p } : {},
-        ...f ? { description: f } : {},
-        className: me(i.header?.sticky && "sticky", "page-header"),
-        maxWidth: !1,
-        addons: S
-      }
-    ),
-    /* @__PURE__ */ e(Ie, {}),
-    /* @__PURE__ */ R(we, { children: [
-      /* @__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: h }),
-      /* @__PURE__ */ e("meta", { property: "twitter:title", content: c }),
-      /* @__PURE__ */ e("meta", { name: "description", content: h })
-    ] }),
-    /* @__PURE__ */ e(
-      fe,
-      {
-        className: "PageView-root",
-        sx: {
-          flexGrow: 1,
-          // 第一个 .BlockBase-root 的 pt 为 0
-          "& .BlockBase-root:first-child": {
-            pt: "0 !important"
-          }
-        },
-        children: l.sectionIds.map((g) => {
-          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: v.component,
-              mode: t,
-              section: v,
-              config: {
-                ...ve(I) ? A : I,
-                locale: r,
-                dev: t === "draft" ? {
-                  mode: t,
-                  components: o,
-                  defaultLocale: a
-                } : {
-                  mode: t,
-                  defaultLocale: a
-                  // 用于 fallback 的 locale
-                }
-              },
-              page: l
-            },
-            g
-          ) }, g);
-        })
-      }
-    ),
-    !i.footer?.hidden && /* @__PURE__ */ e(Fe, {})
-  ] });
-}
-const oe = E(de)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;
-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((i) => {
-      fetch(m).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(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 Ke({
-  logo: t,
-  translucentTextColor: o,
-  ...l
-}) {
-  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
-    };
-  }, [i, 800, n.palette.text.primary, o]), { backgroundOpacity: h, textColor: u, isReversed: y } = c;
-  return /* @__PURE__ */ e(
-    oe,
-    {
-      logo: /* @__PURE__ */ e(qe, { logo: t }),
-      ...l,
-      sx: {
-        // 基础布局和定位
-        position: "fixed !important",
-        top: 0,
-        left: 0,
-        right: 0,
-        zIndex: n.zIndex.appBar,
-        // 确保在顶层
-        backgroundColor: "transparent !important",
-        // 主元素始终透明
-        // 使用伪元素作为背景层
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          zIndex: -1,
-          // 置于内容下方
-          // 背景样式（颜色和模糊）是固定的
-          backgroundColor: D(n.palette.background.default, h),
-          backdropFilter: h >= 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: `${u} !important`
-          // 使用 inherit 来同步颜色
-        },
-        ".header-logo, .header-menu": {
-          color: `${u} !important`
-        },
-        "& .navmenu--horizontal": {
-          bgcolor: "transparent !important"
-        },
-        ".header-addons  *": {
-          borderColor: `${u} !important`
-        },
-        // --- Logo 反色效果 ---
-        // filter 也是一个较昂贵的属性，但其影响远小于背景色的重绘
-        // 这里的逻辑保持不变，但可以考虑是否有更优的方案（如提供两个颜色的 Logo）
-        ".header-logo > div": {
-          // 暗黑模式不做反转
-          filter: m ? "unset" : `invert(${y ? 1 : 0})`,
-          transition: "filter 0.3s ease-in-out"
-        }
-      }
-    }
-  );
-}
-const ne = E(he)``;
-export {
-  wt as H,
-  $e as L,
-  _ as P,
-  Ke as T,
-  Ue as a,
-  H as b,
-  St as c,
-  O as d
-};