@blocklet/pages-kit-inner-components 0.4.157 → 0.4.159

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

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