@blocklet/pages-kit-inner-components 0.4.124 → 0.4.126

package/lib/es/chunks/{home-DIJ8xaUb.js → home-CSX7cAwr.js}

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as O } from "react/jsx-runtime";
-import { d as W, e as ce, g as le, u as ue, c as me } from "./state-DCRhzAYq.js";
-import { useLocaleContext as G } from "@arcblock/ux/lib/Locale/context";
+import { d as G, e as ce, g as le, u as ue, c as me } from "./state-DCRhzAYq.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";
@@ -10,17 +10,17 @@ 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 } from "ahooks";
-import we from "isomorphic-dompurify";
+import { useReactive as Z, useScroll as we } from "ahooks";
+import Se from "isomorphic-dompurify";
 import _ from "lodash/cloneDeep";
-import Se from "lodash/isEmpty";
+import ke from "lodash/isEmpty";
 import F from "lodash/isEqual";
-import { useEffect as $, useContext as ke, lazy as ee, useMemo as P, useRef as te, Suspense as Pe, useState as xe } from "react";
-import { Helmet as Ce } from "react-helmet";
-import { useSearchParams as oe, Routes as Re, Route as j, Navigate as Me, ScrollRestoration as Ee } from "react-router-dom";
-import { useWindowScroll as Te, useAsync as ne } from "react-use";
-import { joinURL as I } from "ufo";
-import { S as je, n as Ie, P as $e, a as Be, B as Ne, g as Oe } from "./array-CUVFSUuJ.js";
+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-CUVFSUuJ.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";
@@ -38,9 +38,9 @@ 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(We, { ...e });
+  return /* @__PURE__ */ t(Ge, { ...e });
 }
-const We = re(B)`
+const Ge = re(B)`
   position: fixed;
   left: 0;
   top: 0;
@@ -51,7 +51,7 @@ const We = re(B)`
   opacity: 0.7;
   transform: translateX(-23%) translateY(70%) rotate(-45deg);
   pointer-events: none;
-`, Ge = (e) => new Promise((o, n) => {
+`, We = (e) => new Promise((o, n) => {
   (e == null ? void 0 : e.length) > 0 ? He.load({
     google: {
       families: e
@@ -73,7 +73,7 @@ function qe({
   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 Ge([l]), z[l] = !0);
+        z[l] || (await We([l]), z[l] = !0);
       } catch (a) {
         console.error(a);
       }
@@ -99,9 +99,9 @@ function qe({
     }
   );
 }
-const { SessionProvider: jt, SessionContext: Je, SessionConsumer: It, withSession: $t } = De();
+const { SessionProvider: Tt, SessionContext: Je, SessionConsumer: jt, withSession: $t } = De();
 function L() {
-  return ke(Je);
+  return Pe(Je);
 }
 function Ke(...e) {
   var n;
@@ -116,7 +116,7 @@ function Qe(...e) {
 function Bt() {
   const [e] = oe(), { session: o } = L(), n = Qe("owner", "admin", "pagesEditor", "member"), s = P(() => {
     const r = e.get("mode");
-    return je.includes(r) ? r : "production";
+    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;
 }
@@ -142,7 +142,7 @@ function Ze({
   return l ? /* @__PURE__ */ t(Ve, {}) : a ? o({ state: a }) : null;
 }
 function D({ mode: e, state: o }) {
-  const { t: n, locale: s } = G(), [i] = oe(), r = i.get("hiddenBadge") === "true", l = i.get("showPublish") === "true", {
+  const { t: n, locale: s } = W(), [i] = oe(), r = i.get("hiddenBadge") === "true", l = i.get("showPublish") === "true", {
     pageIds: a,
     pages: c,
     routeIds: g,
@@ -150,7 +150,7 @@ function D({ mode: e, state: o }) {
     supportedLocales: m,
     config: { defaultLocale: h },
     resources: b
-  } = o, y = W(o), v = P(
+  } = 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(
@@ -158,25 +158,25 @@ function D({ mode: e, state: o }) {
       const u = c[p];
       return u && {
         id: u.id,
-        path: I("/", v || "", u.slug, e !== "production" ? `?mode=${e}` : "")
+        path: j("/", v || "", u.slug, e !== "production" ? `?mode=${e}` : "")
       };
-    }).filter(Ie),
+    }).filter(je),
     [a, c, v, e]
   ), S = ([...p]) => (e !== "production" && l && p.unshift(
-    /* @__PURE__ */ t(Pe, { fallback: /* @__PURE__ */ t("div", {}), children: /* @__PURE__ */ t(et, { mode: "production", state: o }) })
+    /* @__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(Re, { children: [
-      f && /* @__PURE__ */ t(j, { index: !0, element: /* @__PURE__ */ t(Me, { to: I("/", v || "", f.slug) }) }),
+    /* @__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, M, E;
+        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(
-          j,
+          T,
           {
-            path: I(":projectIdOrSlug?", u.path),
+            path: j(":projectIdOrSlug?", u.path),
             element: /* @__PURE__ */ t(
               Fe,
               {
@@ -187,7 +187,7 @@ function D({ mode: e, state: o }) {
                 defaultLocale: h,
                 headerAddons: S,
                 state: o,
-                pageData: (E = (M = (R = (C = u.dataSource) == null ? void 0 : C.pathDataMappings) == null ? void 0 : R[u.id]) == null ? void 0 : M.dataCache) == null ? void 0 : E[v || h || "en"]
+                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"]
               }
             )
           },
@@ -197,9 +197,9 @@ function D({ mode: e, state: o }) {
       a.map((p) => {
         const u = c[p];
         return u ? /* @__PURE__ */ t(
-          j,
+          T,
           {
-            path: I(":projectIdOrSlug?", u.slug),
+            path: j(":projectIdOrSlug?", u.slug),
             element: /* @__PURE__ */ t(
               A,
               {
@@ -216,9 +216,9 @@ function D({ mode: e, state: o }) {
         ) : null;
       }),
       b.pages && Object.values(b.pages).map(({ blockletId: p, page: u }) => /* @__PURE__ */ t(
-        j,
+        T,
         {
-          path: I("/", `@${p}`, u.slug),
+          path: j("/", `@${p}`, u.slug),
           element: /* @__PURE__ */ t(
             A,
             {
@@ -234,7 +234,7 @@ function D({ mode: e, state: o }) {
         u.id
       )),
       /* @__PURE__ */ t(
-        j,
+        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") }) }) })
@@ -283,7 +283,7 @@ function Nt({
   path: n,
   pageData: s
 }) {
-  const { t: i, locale: r } = G(), {
+  const { t: i, locale: r } = W(), {
     pages: l,
     supportedLocales: a,
     config: { defaultLocale: c },
@@ -303,7 +303,7 @@ function Nt({
     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 = W(o);
+  const v = G(o);
   return b.page ? /* @__PURE__ */ t(
     A,
     {
@@ -323,12 +323,12 @@ function A({
   defaultLocale: i,
   headerAddons: r
 }) {
-  var N, S, p, u, x, C, R, M, E;
+  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 T;
+      var I;
       let w = (r == null ? void 0 : r(k)) ?? k;
-      return w = ((T = y.addons) == null ? void 0 : T.call(y, w)) ?? w, w;
+      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;
@@ -353,13 +353,13 @@ function A({
         ...m ? { logo: m } : {},
         ...h ? { brand: h } : {},
         ...b ? { description: b } : {},
-        className: K(((M = a.header) == null ? void 0 : M.sticky) && "sticky", "page-header"),
+        className: K(((E = a.header) == null ? void 0 : E.sticky) && "sticky", "page-header"),
         maxWidth: !1,
         addons: v
       }
     ),
-    /* @__PURE__ */ t(Ee, {}),
-    /* @__PURE__ */ O(Ce, { children: [
+    /* @__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 }),
@@ -385,7 +385,7 @@ function A({
           var U, V;
           const w = n.sections[k];
           if (!w || w.visibility === "hidden") return null;
-          const T = (U = w.locales) == null ? void 0 : U[s], ae = ((V = w.locales) == null ? void 0 : V[i]) ?? {};
+          const I = (U = w.locales) == null ? void 0 : U[s], ae = ((V = w.locales) == null ? void 0 : V[i]) ?? {};
           return /* @__PURE__ */ t(
             Ne,
             {
@@ -394,7 +394,7 @@ function A({
               mode: e,
               section: w,
               config: {
-                ...Se(T) ? ae : T,
+                ...ke(I) ? ae : I,
                 locale: s,
                 dev: e === "draft" ? {
                   mode: e,
@@ -408,17 +408,17 @@ function A({
         })
       }
     ),
-    !((E = a.footer) != null && E.hidden) && /* @__PURE__ */ t(Ue, {})
+    !((M = a.footer) != null && M.hidden) && /* @__PURE__ */ t(Ue, {})
   ] });
 }
-const et = ee(() => import("./publish-button-LDqfGwdd.js")), se = Y(ge)`
+const et = ee(() => import("./publish-button-B2tZwJP0.js")), se = Y(ge)`
   &.sticky {
     position: sticky;
     top: 0;
   }
 `;
 function tt({ logo: e }) {
-  const [o, n] = xe(), s = ve((r) => r.breakpoints.down("sm")), { value: i } = ne(() => {
+  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",
@@ -438,7 +438,7 @@ function tt({ logo: e }) {
   if (e)
     return e;
   if (o)
-    return /* @__PURE__ */ t(B, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: we.sanitize(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");
@@ -452,7 +452,7 @@ function ot({
   translucentTextColor: o,
   ...n
 }) {
-  const { y: s } = Te();
+  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);

package/lib/es/chunks/{publish-button-LDqfGwdd.js → publish-button-B2tZwJP0.js}

@@ -9,7 +9,7 @@ import { produce as oe } from "immer";
 import N from "lodash/difference";
 import { useState as D, useMemo as L, useCallback as P, forwardRef as se, useImperativeHandle as le, useEffect as ae } from "react";
 import { useAsync as ce } from "react-use";
-import { L as de } from "./home-DIJ8xaUb.js";
+import { L as de } from "./home-CSX7cAwr.js";
 import { p as ue, g as me } from "./array-CUVFSUuJ.js";
 function pe(r) {
   const [m, h] = D(!1);