@blocklet/pages-kit-inner-components 0.4.99 → 0.4.101

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

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

package/lib/es/chunks/{publish-button-BY10Od4q.js → publish-button-OwaTBakj.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as p, Fragment as H } from "react/jsx-runtime";
-import { u as R, l as J, f as q, P as G } from "./state-CYDNg8EG.js";
+import { u as R, m as J, c as q, P as G } from "./state-DsXKwImw.js";
 import { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
 import I from "@arcblock/ux/lib/Toast";
 import { Warning as F, Sync as Q, VisibilityOff as U } from "@mui/icons-material";
@@ -9,7 +9,8 @@ import { produce as oe } from "immer";
 import N from "lodash/difference";
 import { useState as D, useMemo as j, useCallback as L, forwardRef as se, useImperativeHandle as le, useEffect as ce } from "react";
 import { useAsync as ae } from "react-use";
-import { p as de, g as ue, L as me } from "./home-Cclj5ETj.js";
+import { L as de } from "./home-BBfstt15.js";
+import { p as ue, g as me } from "./array-C85JziT_.js";
 function ge(r) {
   const [a, y] = D(!1);
   return /* @__PURE__ */ e(
@@ -122,7 +123,7 @@ function he() {
   );
   return { dialog: y, showDialog: d, closeDialog: n };
 }
-const Ie = se(({ mode: r, state: a }, y) => {
+const je = se(({ mode: r, state: a }, y) => {
   const { t: n } = V(), [d, g] = D(!1), { dialog: u, showDialog: T } = he(), h = R(), f = L(
     (P) => {
       let t = [];
@@ -150,7 +151,7 @@ const Ie = se(({ mode: r, state: a }, y) => {
           }
           localStorage.setItem(q(h ?? ""), String((/* @__PURE__ */ new Date()).getTime())), g(!0);
           try {
-            await de({ mode: r, pages: t }), I.success(n("maker.publishSuccessMessage"));
+            await ue({ mode: r, pages: t }), I.success(n("maker.publishSuccessMessage"));
           } catch (m) {
             throw I.error(m.message), m;
           } finally {
@@ -192,7 +193,7 @@ function fe({
 }) {
   const { t: d, locale: g } = V(), [u, T] = D(!1), [h, f] = D(
     () => n ? Object.fromEntries(n.map((i) => [i, !0])) : {}
-  ), { loading: w, error: P, value: t } = ae(() => ue({ mode: a }), [a]);
+  ), { loading: w, error: P, value: t } = ae(() => me({ mode: a }), [a]);
   if (P)
     throw P;
   const k = j(() => JSON.parse(JSON.stringify(r.pageIds)).sort((l, b) => {
@@ -223,7 +224,7 @@ function fe({
   }, [h]);
   return ce(() => {
     y(u ? null : Object.keys(h));
-  }, [u, h, y]), w ? /* @__PURE__ */ e(me, { sx: { my: 4 } }) : /* @__PURE__ */ p(te, { disablePadding: !0, sx: { maxWidth: 500 }, children: [
+  }, [u, h, y]), w ? /* @__PURE__ */ e(de, { sx: { my: 4 } }) : /* @__PURE__ */ p(te, { disablePadding: !0, sx: { maxWidth: 500 }, children: [
     /* @__PURE__ */ e(S, { sx: { position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, disablePadding: !0, children: /* @__PURE__ */ p(O, { onClick: A, dense: !0, children: [
       /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(W, { edge: "start", checked: u, tabIndex: -1 }) }),
       /* @__PURE__ */ e(C, { primary: d("common.all") })
@@ -277,5 +278,5 @@ function fe({
   ] });
 }
 export {
-  Ie as default
+  je as default
 };