@blocklet/pages-kit-inner-components 0.5.40 → 0.5.42

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

@@ -1,532 +0,0 @@
-import { jsx as e, jsxs as $ } from "react/jsx-runtime";
-import { u as Q, d as X, e as fe, f as he, g as be, c as ye } from "./state-BzwEX9VC.js";
-import { useLocaleContext as Y } from "@arcblock/ux/lib/Locale/context";
-import Z from "@arcblock/ux/lib/Result";
-import { useHeaderState as ve } from "@blocklet/pages-kit/builtin/page/header";
-import { useColorConvert as we } from "@blocklet/pages-kit/contexts/color";
-import { setPageDataSource as ee } from "@blocklet/pages-kit/utils/data-source";
-import { generateParamCombinations as Pe } from "@blocklet/pages-kit/utils/route";
-import xe from "@blocklet/ui-react/lib/Header";
-import { cx as te } from "@emotion/css";
-import { Global as oe, css as ne } from "@emotion/react";
-import re from "@emotion/styled";
-import { Box as _, CircularProgress as Se, useTheme as ae, Button as ke, Stack as Ce, alpha as q, useMediaQuery as je } from "@mui/material";
-import { useReactive as se, useScroll as Ie } from "ahooks";
-import Re from "isomorphic-dompurify";
-import A from "lodash/cloneDeep";
-import Ee from "lodash/isEmpty";
-import ie from "lodash/isEqual";
-import { useEffect as N, lazy as le, useMemo as T, useRef as ce, Suspense as Te, useState as Me } from "react";
-import { Helmet as Oe } from "react-helmet";
-import { useSearchParams as ue, Routes as Be, Route as E, Navigate as Fe, ScrollRestoration as Ne } from "react-router-dom";
-import { useAsync as pe } from "react-use";
-import { joinURL as k } from "ufo";
-import { S as _e, n as K, P as De, a as Le, B as $e, g as Ae } from "./array-D34Qpnhk.js";
-import { styled as me, useTheme as He } from "@arcblock/ux/lib/Theme";
-import Ue from "@blocklet/ui-react/lib/Footer";
-import "webfontloader";
-import { u as Ve, a as ze } from "./session-CVblGhSp.js";
-const Ge = me(Ue, { shouldForwardProp: (t) => !!t })`
-  & > div > .MuiContainer-root {
-    max-width: unset;
-  }
-`;
-function We({ meta: t, ...n }) {
-  const a = He();
-  return /* @__PURE__ */ e(Ge, { ...n, meta: t, theme: a || {} });
-}
-function qe(t) {
-  return /* @__PURE__ */ e(_, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ e(Se, { size: 30 }) });
-}
-function Ke(t) {
-  return /* @__PURE__ */ e(Je, { ...t });
-}
-const Je = me(_)`
-  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;
-`, Qe = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;
-function Xe({
-  titleFontFamily: t,
-  descriptionFontFamily: n
-}) {
-  var o;
-  const a = ae(), s = (o = a == null ? void 0 : a.typography) == null ? void 0 : o.fontFamily;
-  N(() => {
-  }, [t, n]);
-  const i = `${s}, ${Qe}`;
-  return /* @__PURE__ */ e(
-    oe,
-    {
-      styles: ne`
-        #app {
-          font-family: ${i};
-
-          .page-kit-section__title {
-            font-family: ${i};
-          }
-
-          .page-kit-section__description {
-            font-family: ${i};
-          }
-        }
-      `
-    }
-  );
-}
-function Ot() {
-  const [t] = ue(), { session: n } = Ve(), a = ze("owner", "admin", "pagesEditor", "member"), s = T(() => {
-    const o = t.get("mode");
-    return _e.includes(o) ? o : "production";
-  }, [t]), i = s === "production" ? s : n.user ? a ? s : "production" : null;
-  return i ? /* @__PURE__ */ e(Ye, { mode: i }) : null;
-}
-function Ye({ mode: t }) {
-  if (t !== "draft") {
-    const n = window.__PAGE_STATE__;
-    return n ? /* @__PURE__ */ e(V, { mode: t, state: n }) : /* @__PURE__ */ e(et, { mode: t, children: ({ state: a }) => /* @__PURE__ */ e(V, { mode: t, state: a }) });
-  }
-  return /* @__PURE__ */ e(Ze, { children: ({ state: n }) => /* @__PURE__ */ e(V, { mode: t, state: n }) });
-}
-const Ze = le(() => import("./draft-data-B5kzDvTI.js"));
-function et({
-  mode: t,
-  children: n
-}) {
-  const a = document.querySelector('meta[property="pages:version"]'), s = a == null ? void 0 : a.content, i = Q(), o = T(() => {
-    if (s === "{{pagesPublishedAt}}") {
-      const u = localStorage.getItem(ye(i ?? ""));
-      return Number(u) ? Number(u) : (/* @__PURE__ */ new Date()).getTime();
-    }
-    return Number(s);
-  }, [s]), { loading: m, value: l } = pe(() => Ae({ mode: t, version: o }), [t, o]);
-  return m ? /* @__PURE__ */ e(qe, {}) : l ? n({ state: l }) : null;
-}
-function V({ mode: t, state: n }) {
-  const { t: a, locale: s } = Y(), [i] = ue(), o = Q(), m = fe(), l = i.get("hiddenBadge") === "true", u = i.get("showPublish") === "true", {
-    pageIds: f,
-    pages: p,
-    routeIds: d,
-    routes: h,
-    supportedLocales: b,
-    config: { defaultLocale: y },
-    resources: C
-  } = n, g = X(n), P = T(
-    () => b != null && b.some((c) => c.locale === s) ? s : void 0,
-    [s, b]
-  ), M = Object.values(h || {}).find((c) => (c == null ? void 0 : c.path) === "/") || Object.values(p).find((c) => (c == null ? void 0 : c.slug) === "/") ? void 0 : Object.values(p)[0], D = T(() => t === "production" ? f.map((c) => {
-    const r = p[c];
-    return r && {
-      id: r.id,
-      path: k("/", m || o || "", r.slug)
-    };
-  }).filter(K) : d.map((c) => {
-    const r = h[c];
-    return r ? {
-      id: r.id,
-      path: k("/", m || o || "", r.path, `?mode=${t}&showPublish=true`)
-    } : null;
-  }).filter(K), [f, p, t, h, d, o, m]), S = ([...c]) => (t !== "production" && u && c.unshift(
-    /* @__PURE__ */ e(Te, { fallback: /* @__PURE__ */ e("div", {}), children: /* @__PURE__ */ e(tt, { mode: "production", state: n }) })
-  ), c);
-  return /* @__PURE__ */ $(De, { value: { pages: D }, children: [
-    /* @__PURE__ */ $(Be, { children: [
-      M && /* @__PURE__ */ e(E, { index: !0, element: /* @__PURE__ */ e(Fe, { to: k("/", P || "", M.slug) }) }),
-      d == null ? void 0 : d.map((c) => {
-        var w, v, x, L;
-        const r = h == null ? void 0 : h[c];
-        if (!r || !r.displayTemplateId) return null;
-        const j = p[r.displayTemplateId];
-        if (!j) return null;
-        let I = [];
-        if (r.params && r.params.length > 0) {
-          const R = Pe({
-            basePath: r.path,
-            params: r.params,
-            routeId: r.id,
-            paramsOptions: r.paramsOptions,
-            currentIndex: 0,
-            currentParams: [],
-            currentOptionIds: [],
-            result: []
-          });
-          I = R == null ? void 0 : R.map((O) => {
-            var F, z, G, W;
-            const B = O.paramOptionIds.join("-");
-            return /* @__PURE__ */ e(
-              E,
-              {
-                path: k(":projectIdOrSlug?", O.path),
-                element: /* @__PURE__ */ e(
-                  J,
-                  {
-                    mode: t,
-                    components: g,
-                    page: j,
-                    locale: P,
-                    defaultLocale: y,
-                    headerAddons: S,
-                    state: n,
-                    pageData: (W = (G = (z = (F = r.dataSource) == null ? void 0 : F.pathDataMappings) == null ? void 0 : z[B]) == null ? void 0 : G.dataCache) == null ? void 0 : W[P || y || "en"]
-                  }
-                )
-              },
-              B
-            );
-          });
-        }
-        return I.push(
-          /* @__PURE__ */ e(
-            E,
-            {
-              path: k(":projectIdOrSlug?", r.path),
-              element: /* @__PURE__ */ e(
-                J,
-                {
-                  mode: t,
-                  components: g,
-                  page: j,
-                  locale: P,
-                  defaultLocale: y,
-                  headerAddons: S,
-                  state: n,
-                  pageData: (L = (x = (v = (w = r.dataSource) == null ? void 0 : w.pathDataMappings) == null ? void 0 : v[r.id]) == null ? void 0 : x.dataCache) == null ? void 0 : L[P || y || "en"]
-                }
-              )
-            },
-            r.id
-          )
-        ), I;
-      }),
-      f.map((c) => {
-        const r = p[c];
-        return r ? /* @__PURE__ */ e(
-          E,
-          {
-            path: k(":projectIdOrSlug?", r.slug),
-            element: /* @__PURE__ */ e(
-              H,
-              {
-                mode: t,
-                components: g,
-                page: r,
-                locale: P,
-                defaultLocale: y,
-                headerAddons: S
-              }
-            )
-          },
-          r.id
-        ) : null;
-      }),
-      C.pages && Object.values(C.pages).map(({ blockletId: c, page: r }) => /* @__PURE__ */ e(
-        E,
-        {
-          path: k("/", `@${c}`, r.slug),
-          element: /* @__PURE__ */ e(
-            H,
-            {
-              mode: t,
-              components: g,
-              page: r,
-              locale: P,
-              defaultLocale: y,
-              headerAddons: S
-            }
-          )
-        },
-        r.id
-      )),
-      /* @__PURE__ */ e(
-        E,
-        {
-          path: "*",
-          element: /* @__PURE__ */ e(_, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(
-            Z,
-            {
-              status: 404,
-              extra: /* @__PURE__ */ e(ge, { href: "/", children: a("common.back") }),
-              sx: {
-                bgcolor: "transparent",
-                width: "100%",
-                height: "100%"
-              }
-            }
-          ) })
-        }
-      )
-    ] }),
-    t !== "production" && !l && /* @__PURE__ */ e(Ke, { sx: { bgcolor: "info.light" }, children: t }),
-    /* @__PURE__ */ e(Xe, {})
-  ] });
-}
-function J({
-  mode: t,
-  pageData: n,
-  components: a,
-  page: s,
-  locale: i,
-  defaultLocale: o,
-  headerAddons: m,
-  state: l
-}) {
-  const u = se({
-    page: null
-  });
-  N(() => {
-    const p = s || null;
-    p ? u.page = A(p) : u.page = null;
-  }, [s, JSON.stringify(s), u]);
-  const f = ce();
-  return N(() => {
-    ie(n, f.current) || n && u.page && (ee(u.page, l, i, n), f.current = A(n));
-  }, [u.page, n, i, l]), u.page ? /* @__PURE__ */ e(
-    H,
-    {
-      mode: t,
-      components: a,
-      page: u.page,
-      locale: i,
-      defaultLocale: o,
-      headerAddons: m
-    }
-  ) : null;
-}
-function Bt({
-  mode: t,
-  state: n,
-  path: a,
-  pageData: s
-}) {
-  const { t: i, locale: o } = Y(), {
-    pages: m,
-    supportedLocales: l,
-    config: { defaultLocale: u },
-    resources: f
-  } = n, p = Object.values(m).find((g) => (g == null ? void 0 : g.slug) === a), d = Object.values(f.pages || {}).find((g) => g.page.slug === a), h = T(
-    () => l != null && l.some((g) => g.locale === o) ? o : void 0,
-    [o, l]
-  ), b = se({
-    page: null
-  });
-  N(() => {
-    const g = p || (d == null ? void 0 : d.page) || null;
-    g ? b.page = A(g) : b.page = null;
-  }, [p, d]);
-  const y = ce();
-  if (N(() => {
-    ie(s, y.current) || s && b.page && (ee(b.page, n, h, s), y.current = A(s));
-  }, [{}]), !p && !(d != null && d.page))
-    return /* @__PURE__ */ e(_, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(Z, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ e(ge, { href: "/", children: i("common.back") }) }) });
-  const C = X(n);
-  return b.page ? /* @__PURE__ */ e(
-    H,
-    {
-      mode: t,
-      components: C,
-      page: b.page,
-      locale: h,
-      defaultLocale: u
-    }
-  ) : null;
-}
-function H({
-  mode: t,
-  components: n,
-  page: a,
-  locale: s,
-  defaultLocale: i,
-  headerAddons: o
-}) {
-  var P, U, M, D, S, c, r, j, I;
-  const m = we(), l = ((P = a.locales) == null ? void 0 : P[s]) ?? ((U = a.locales) == null ? void 0 : U[i]) ?? {}, u = l.title || ((M = window.blocklet) == null ? void 0 : M.appName), f = l.description || ((D = window.blocklet) == null ? void 0 : D.appDescription), p = he(be(l.image), 540), { logo: d, brand: h, description: b, ...y } = ve(), C = T(
-    () => (w) => {
-      var x;
-      let v = (o == null ? void 0 : o(w)) ?? w;
-      return v = ((x = y.addons) == null ? void 0 : x.call(y, v)) ?? v, v;
-    },
-    [y.addons, o]
-  ), g = (S = l.header) != null && S.translucent ? nt : de;
-  return /* @__PURE__ */ $(Le, { page: a, defaultLocale: i, currentLocale: s, children: [
-    /* @__PURE__ */ e(
-      oe,
-      {
-        styles: ne`
-          body {
-            background-color: ${m(
-          !l.backgroundColor || l.backgroundColor === "transparent" ? "background.default" : l.backgroundColor
-        )} !important;
-          }
-        `
-      }
-    ),
-    /* @__PURE__ */ e(
-      g,
-      {
-        hideNavMenu: !!((c = l.header) != null && c.hideNavMenus),
-        translucentTextColor: (r = l.header) == null ? void 0 : r.translucentTextColor,
-        ...d ? { logo: d } : {},
-        ...h ? { brand: h } : {},
-        ...b ? { description: b } : {},
-        className: te(((j = l.header) == null ? void 0 : j.sticky) && "sticky", "page-header"),
-        maxWidth: !1,
-        addons: C
-      }
-    ),
-    /* @__PURE__ */ e(Ne, {}),
-    /* @__PURE__ */ $(Oe, { children: [
-      /* @__PURE__ */ e("title", { children: u }),
-      /* @__PURE__ */ e("meta", { name: "og:title", content: u }),
-      /* @__PURE__ */ e("meta", { name: "og:description", content: f }),
-      /* @__PURE__ */ e("meta", { name: "og:image", content: p }),
-      /* @__PURE__ */ e("meta", { name: "twitter:image:src", content: p }),
-      /* @__PURE__ */ e("meta", { name: "twitter:image", content: p }),
-      /* @__PURE__ */ e("meta", { property: "twitter:description", content: f }),
-      /* @__PURE__ */ e("meta", { property: "twitter:title", content: u }),
-      /* @__PURE__ */ e("meta", { name: "description", content: f })
-    ] }),
-    /* @__PURE__ */ e(
-      Ce,
-      {
-        flexGrow: 1,
-        className: "PageView-root",
-        sx: {
-          // 第一个 .BlockBase-root 的 pt 为 0
-          "& .BlockBase-root:first-child": {
-            pt: "0 !important"
-          }
-        },
-        children: a.sectionIds.map((w) => {
-          var R, O, B, F;
-          const v = a.sections[w];
-          if (!v || v.visibility === "hidden") return null;
-          const x = (O = (R = a.dataSource) == null ? void 0 : R[w]) == null ? void 0 : O[s], L = ((F = (B = a.dataSource) == null ? void 0 : B[w]) == null ? void 0 : F[i]) ?? {};
-          return /* @__PURE__ */ e(
-            $e,
-            {
-              id: w,
-              type: v.component,
-              mode: t,
-              section: v,
-              config: {
-                ...Ee(x) ? L : x,
-                locale: s,
-                dev: t === "draft" ? {
-                  mode: t,
-                  components: n,
-                  defaultLocale: i
-                } : {
-                  mode: t,
-                  defaultLocale: i
-                  // 用于 fallback 的 locale
-                }
-              },
-              page: a
-            },
-            w
-          );
-        })
-      }
-    ),
-    !((I = l.footer) != null && I.hidden) && /* @__PURE__ */ e(We, {})
-  ] });
-}
-const tt = le(() => import("./publish-button-CvQPEUZl.js")), de = re(xe)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;
-function ot({ logo: t }) {
-  const [n, a] = Me(), s = je((o) => o.breakpoints.down("sm")), { value: i } = pe(() => {
-    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 m = o.toString();
-    return new Promise((f) => {
-      fetch(m).then((p) => {
-        const d = p.headers.get("content-type");
-        d != null && d.includes("svg") && p.text().then((h) => {
-          a(h), f(null);
-        }), f(p.url);
-      });
-    });
-  }, [s]);
-  if (t)
-    return t;
-  if (n)
-    return /* @__PURE__ */ e(_, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Re.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 m = o.toString();
-    return /* @__PURE__ */ e("img", { src: m, alt: "logo" });
-  }
-  return null;
-}
-function nt({
-  logo: t,
-  translucentTextColor: n,
-  ...a
-}) {
-  const { top: s = 0 } = Ie(() => document.getElementById("app")) || {}, i = ae();
-  let o = Math.min(s / 800, 1), m = "";
-  return o > 0.1 ? (o = Math.max(o, 0.6), m = q(i.palette.text.primary, o)) : m = n || "#EEEEEE", /* @__PURE__ */ e(
-    de,
-    {
-      logo: /* @__PURE__ */ e(ot, { logo: t }),
-      ...a,
-      className: te(o <= 0.7 && "reverse-color"),
-      style: {
-        backgroundColor: q(i.palette.background.default, o),
-        // @ts-ignore
-        "--logo-invert": o <= 0.7 ? 1 - o / 6 : 1 - o
-      },
-      sx: {
-        backdropFilter: o >= 0.6 ? "blur(10px)" : "blur(0px)",
-        transition: "all 0.3s ease",
-        position: "fixed !important",
-        left: 0,
-        top: 0,
-        right: 0,
-        bgcolor: "transparent",
-        "&.reverse-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: `${m} !important`
-          }
-        },
-        "& .navmenu--horizontal": {
-          bgcolor: "transparent !important"
-        },
-        ".header-logo > div": {
-          filter: "invert(var(--logo-invert))"
-        },
-        ".header-logo": {
-          color: m
-        }
-      }
-    }
-  );
-}
-const ge = re(ke)``;
-export {
-  Ot as H,
-  qe as L,
-  V as P,
-  nt as T,
-  Ye as a,
-  J as b,
-  Bt as c,
-  H as d
-};