@blocklet/pages-kit-inner-components 0.4.127 → 0.4.129

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

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