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

package/lib/es/chunks/{array-DudMqbtU.js → array-MChdTfwz.js}

@@ -3,7 +3,7 @@ import "@mui/icons-material";
 import { Box as b, styled as Tt, Typography as C, Container as Et, Stack as Ot, useTheme as At, createTheme as Ft, ThemeProvider as Ut, Card as Vt, CircularProgress as Dt, Grid as st, CardMedia as Ht, CardContent as Yt } from "@mui/material";
 import Jt, { createContext as xt, useMemo as W, useCallback as M, useContext as bt, Fragment as Mt, isValidElement as yt, useState as K, useEffect as E, useRef as tt } from "react";
 import G from "lodash/keyBy";
-import { e as j, g as N, E as Kt, h as et, l as ot } from "./state-BcZbsEn6.js";
+import { e as j, g as N, E as Kt, h as et, l as ot } from "./state-bs1ORWYm.js";
 import { AIForm as lt, AIFormResult as ct } from "@blocklet/ai-runtime/components";
 import { deepmerge as Gt } from "@mui/utils";
 import nt from "lodash/pick";
@@ -1512,9 +1512,6 @@ function no({
           dark: m,
           ...f,
           align: p,
-          sx: {
-            bgcolor: c === "wall" ? void 0 : m ? "grey.900" : "common.white"
-          },
           style: d === 0 && t.length > 1 ? {
             borderRadius: 0,
             marginRight: "-1px",

package/lib/es/chunks/{config-string-CNgatAMw.js → config-string-ivAnKlqs.js}

@@ -4,7 +4,7 @@ import { Icon as P } from "@iconify-icon/react";
 import { TextField as A, Stack as w, FormControlLabel as F, Switch as L, Box as j, InputAdornment as k } from "@mui/material";
 import { forwardRef as B, useState as D, useEffect as E, useImperativeHandle as U } from "react";
 import { useDebounce as V } from "react-use";
-import { g as x } from "./state-BcZbsEn6.js";
+import { g as x } from "./state-bs1ORWYm.js";
 const J = B(function({ showMarkdown: I, markdown: h, onMarkdownChange: n, showUploader: S, value: o, meta: H, onChange: l, ...a }, z) {
   const [e, c] = D("");
   E(() => {

package/lib/es/chunks/{draft-data-DB1pDB18.js → draft-data-ClUGStC_.js}

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { u as a, S as o, a as s, b as n } from "./state-BcZbsEn6.js";
+import { u as a, S as o, a as s, b as n } from "./state-bs1ORWYm.js";
 function d({ children: t }) {
   const r = a();
   return /* @__PURE__ */ e(o, { url: s(r ?? ""), name: "root", waitingSynced: !0, children: /* @__PURE__ */ e(i, { children: t }) });

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

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

package/lib/es/chunks/{publish-button-BauXdoix.js → publish-button-Dur9W9gN.js}

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as f, Fragment as le } from "react/jsx-runtime";
-import { u as ce, c as de } from "./state-BcZbsEn6.js";
+import { u as ce, c as de } from "./state-bs1ORWYm.js";
 import { useLocaleContext as U } from "@arcblock/ux/lib/Locale/context";
 import Q from "@arcblock/ux/lib/Toast";
 import { generateParamCombinations as me } from "@blocklet/pages-kit/utils/route";
@@ -10,8 +10,8 @@ import { produce as Oe } from "immer";
 import ee from "lodash/difference";
 import { useState as T, useMemo as R, useCallback as j, forwardRef as Te, useImperativeHandle as je, useEffect as W, useRef as ve } from "react";
 import { useAsync as Re } from "react-use";
-import { L as Ee } from "./home-Bqe3w7ou.js";
-import { p as ze, g as Be } from "./array-DudMqbtU.js";
+import { L as Ee } from "./home-DLCpie9E.js";
+import { p as ze, g as Be } from "./array-MChdTfwz.js";
 function Le(s) {
   const [y, w] = T(!1);
   return /* @__PURE__ */ t(