@blocklet/pages-kit-inner-components 0.4.116 → 0.4.118

package/lib/es/chunks/home-47HCvpbj.js

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