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

package/lib/es/chunks/{state-BcZbsEn6.js → state-C_CbKF7g.js}

@@ -8,11 +8,11 @@ import { useLocaleContext as Z } from "@arcblock/ux/lib/Locale/context";
 import H, { getYjsDoc as ee } from "@syncedstore/core";
 import { useSyncedStore as te } from "@syncedstore/react";
 import { useLocalStorageState as ne } from "ahooks";
-import { produce as C } from "immer";
+import { produce as v } from "immer";
 import oe from "js-cookie";
 import N from "lodash/debounce";
 import { customAlphabet as re } from "nanoid";
-import { createContext as se, useState as E, useRef as ce, useMemo as v, useCallback as k, useEffect as O, useContext as ie } from "react";
+import { createContext as se, useState as E, useRef as ce, useMemo as C, useCallback as k, useEffect as O, useContext as ie } from "react";
 import { useParams as ae, useNavigate as de } from "react-router-dom";
 import { IndexeddbPersistence as le } from "y-indexeddb";
 import { WebsocketProvider as ue } from "y-websocket";
@@ -68,12 +68,12 @@ function Ye({
   children: a,
   waitingSynced: f
 }) {
-  const [I, w] = E(!1), { locale: h } = Z(), S = V(), e = `${S}:MakerLocalState`, o = `${S}:${t}`, [s, r] = ne(e, {
+  const [I, w] = E(!1), { locale: h } = Z(), S = V(), e = `${S}:MakerLocalState`, o = `${S}:${t}`, [r, s] = ne(e, {
     defaultValue: {},
     listenStorageChange: !0
-  }), c = ce(s);
-  c.current = s;
-  const i = v(
+  }), c = ce(r);
+  c.current = r;
+  const i = C(
     () => H({
       dataSourceIds: [],
       dataSources: {},
@@ -87,9 +87,9 @@ function Ye({
       resources: {}
     }),
     []
-  ), d = v(() => ee(i), [i]);
-  v(() => new le(o, d), [o, d]);
-  const p = v(
+  ), d = C(() => ee(i), [i]);
+  C(() => new le(o, d), [o, d]);
+  const p = C(
     () => new ue(n, o, d, {
       params: { token: oe.get("login_token") },
       resyncInterval: 5 * 60 * 1e3
@@ -97,25 +97,25 @@ function Ye({
     [n, o, d]
   ), g = k(() => {
     p && (p.disconnect(), p.connect());
-  }, [p]), y = v(
+  }, [p]), y = C(
     () => new me(
       [d.getArray("pageIds"), d.getMap("pages"), d.getArray("supportedLocales"), d.getMap("config")],
       { doc: d }
     ),
     [d]
-  ), [j, x] = E(null), [R, $] = E(!1), [T, _] = E(void 0), G = k(async () => {
+  ), [j, x] = E(null), [R, T] = E(!1), [$, _] = E(void 0), M = k(async () => {
     if (S) {
-      $(!0);
+      T(!0);
       try {
         const l = await Ie(S);
         x(l);
       } catch (l) {
         console.error("Failed to fetch project:", l);
       } finally {
-        $(!1);
+        T(!1);
       }
     }
-  }, [S]), M = k(
+  }, [S]), G = k(
     async (l, u) => {
       var P;
       if (_(void 0), !!S) {
@@ -136,39 +136,39 @@ function Ye({
     [S, j]
   );
   O(() => {
-    S && G();
-  }, [S, G]);
-  const W = v(
+    S && M();
+  }, [S, M]);
+  const W = C(
     () => ({
       doc: d,
       state: i,
       localState: {
-        ...s,
+        ...r,
         // always use the locale from the context
         currentLocale: h
       },
-      setLocalState: (l) => r(typeof l == "function" ? (u) => l(u ?? {}) : l),
+      setLocalState: (l) => s(typeof l == "function" ? (u) => l(u ?? {}) : l),
       undoManager: y,
       projectState: {
         project: j,
         isLoadingProject: R,
-        error: T
+        error: $
       },
-      updateProject: M,
+      updateProject: G,
       forceSync: g
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       d,
       i,
-      JSON.stringify(s),
+      JSON.stringify(r),
       // resolve the problem of react warning
-      r,
+      s,
       y,
       j,
       R,
-      M,
-      T,
+      G,
+      $,
       h,
       g
     ]
@@ -179,19 +179,19 @@ function Ye({
       l.meta.set("localState", { currentPageId: u, currentLocale: P, pages: m });
     }), y.on("stack-item-popped", ({ stackItem: l }) => {
       const u = l.meta.get("localState");
-      u && r((P) => ({ ...P, ...u }));
+      u && s((P) => ({ ...P, ...u }));
     });
-  }, [y, r]), O(() => {
-    p.awareness.setLocalState(s);
-  }, [p, s]), O(() => {
+  }, [y, s]), O(() => {
+    p.awareness.setLocalState(r);
+  }, [p, r]), O(() => {
     p.once("synced", () => w(!0));
     const l = () => {
-      r((m) => ({
+      s((m) => ({
         ...m,
         networkStatus: void 0
       }));
     }, u = () => {
-      r((m) => ({
+      s((m) => ({
         ...m,
         networkStatus: "offline"
       }));
@@ -201,18 +201,18 @@ function Ye({
     return p.on("status", P), window.addEventListener("online", l), window.addEventListener("offline", u), () => {
       p.off("status", P), window.removeEventListener("online", l), window.removeEventListener("offline", u);
     };
-  }, [p, r]), f && !I ? null : /* @__PURE__ */ L(B.Provider, { value: W, children: a });
+  }, [p, s]), f && !I ? null : /* @__PURE__ */ L(B.Provider, { value: W, children: a });
 }
-const ve = () => {
+const Ce = () => {
   const n = ie(B);
   if (!n)
     throw new Error("Context is null");
-  const t = te(n.state), { setLocalState: a, localState: f } = n, I = de(), w = V(), h = v(
+  const t = te(n.state), { setLocalState: a, localState: f } = n, I = de(), w = V(), h = C(
     () => ({
       setCurrentSectionId: (e, o) => {
-        var s, r;
-        e === f.currentPageId && o === ((r = (s = f.pages) == null ? void 0 : s[e]) == null ? void 0 : r.currentSectionId) || (I(b("/admin/maker", w ?? "", "pages", e)), a(
-          (c) => C(c, (i) => {
+        var r, s;
+        e === f.currentPageId && o === ((s = (r = f.pages) == null ? void 0 : r[e]) == null ? void 0 : s.currentSectionId) || (I(b("/admin/maker", w ?? "", "pages", e)), a(
+          (c) => v(c, (i) => {
             var d;
             i.currentPageId = e, i.currentComponentId = void 0, i.customComponentPreviewerProperties = {}, o !== void 0 && (i.pages ?? (i.pages = {}), (d = i.pages)[e] ?? (d[e] = {}), i.pages[e].currentSectionId = o ?? void 0), o ? window.sessionStorage.setItem("iframe_show_id", `"${o}"`) : window.sessionStorage.removeItem("iframe_show_id");
           })
@@ -220,65 +220,72 @@ const ve = () => {
       },
       setCurrentComponentId: (e) => {
         e !== f.currentComponentId && (I(b("/admin/maker", w ?? "", "components", e)), a(
-          (o) => C(o, (s) => {
-            s.currentComponentId = e, s.customComponentPreviewerProperties = {};
+          (o) => v(o, (r) => {
+            r.currentComponentId = e, r.customComponentPreviewerProperties = {};
           })
         ));
       },
       setCurrentRouteId: ({ routeId: e, dynamicParams: o }) => {
         a(
-          (s) => C(s, (r) => {
-            r.currentRouteId = e, r.currentDynamicParams = o;
+          (r) => v(r, (s) => {
+            s.currentRouteId = e, s.currentDynamicParams = o;
           })
         );
       },
       setCustomComponentPreviewerProperties: (() => {
         const e = {}, o = N(() => {
           a(
-            (s) => C(s, (r) => {
-              r.customComponentPreviewerProperties = {
-                ...r == null ? void 0 : r.customComponentPreviewerProperties,
+            (r) => v(r, (s) => {
+              s.customComponentPreviewerProperties = {
+                ...s == null ? void 0 : s.customComponentPreviewerProperties,
                 ...e
               }, Object.keys(e).forEach((c) => delete e[c]);
             })
           );
         }, 5);
-        return (s) => {
-          Object.assign(e, s), o();
+        return (r) => {
+          Object.assign(e, r), o();
         };
       })(),
       setRouteGenerateProcess: (e) => {
         a(
-          (o) => C(o, (s) => {
-            e ? s.routeGenerateProcess = {
-              ...s.routeGenerateProcess,
+          (o) => v(o, (r) => {
+            e ? r.routeGenerateProcess = {
+              ...r.routeGenerateProcess,
               ...e
-            } : s.routeGenerateProcess = {};
+            } : r.routeGenerateProcess = {};
           })
         );
       },
       resetRouteGenerateProcess: () => {
         a(
-          (e) => C(e, (o) => {
+          (e) => v(e, (o) => {
             o.routeGenerateProcess = {
               progress: "complete"
             };
           })
         );
+      },
+      setCurrentThemeMode: (e) => {
+        a(
+          (o) => v(o, (r) => {
+            r.currentThemeMode = e;
+          })
+        );
       }
     }),
     [a, I, w]
-  ), S = v(
+  ), S = C(
     () => ({
       addPage: (e, o) => {
         var c, i, d, p, g, y;
-        const s = (e == null ? void 0 : e.id) ?? A(), r = {
+        const r = (e == null ? void 0 : e.id) ?? A(), s = {
           ...e,
-          id: s,
+          id: r,
           createdAt: (e == null ? void 0 : e.createdAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
           updatedAt: (e == null ? void 0 : e.updatedAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
           publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
-          slug: (e == null ? void 0 : e.slug) ?? `/${s}`,
+          slug: (e == null ? void 0 : e.slug) ?? `/${r}`,
           sections: (e == null ? void 0 : e.sections) ?? {},
           sectionIds: (e == null ? void 0 : e.sectionIds) ?? [],
           isPublic: (e == null ? void 0 : e.isPublic) ?? !0,
@@ -292,17 +299,17 @@ const ve = () => {
           }
         };
         return n.doc.transact(() => {
-          t.pages[r.id] = r, t.pageIds.splice(o ?? t.pageIds.length, 0, r.id);
-        }), r;
+          t.pages[s.id] = s, t.pageIds.splice(o ?? t.pageIds.length, 0, s.id);
+        }), s;
       },
       addRoute: (e, o) => {
-        const s = (e == null ? void 0 : e.id) ?? A(), r = {
+        const r = (e == null ? void 0 : e.id) ?? A(), s = {
           ...e,
-          id: s,
+          id: r,
           createdAt: (e == null ? void 0 : e.createdAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
           updatedAt: (e == null ? void 0 : e.updatedAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
           publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
-          path: (e == null ? void 0 : e.path) ?? `/${s}`,
+          path: (e == null ? void 0 : e.path) ?? `/${r}`,
           handler: (e == null ? void 0 : e.handler) ?? "Pages Kit",
           isPublic: (e == null ? void 0 : e.isPublic) ?? !0,
           params: (e == null ? void 0 : e.params) ?? [],
@@ -311,17 +318,17 @@ const ve = () => {
           dataSource: (e == null ? void 0 : e.dataSource) ?? {}
         };
         return n.doc.transact(() => {
-          t.routes ?? (t.routes = {}), t.routeIds ?? (t.routeIds = []), t.routes[r.id] = r, t.routeIds.splice(o ?? t.routeIds.length, 0, r.id);
-        }), r;
+          t.routes ?? (t.routes = {}), t.routeIds ?? (t.routeIds = []), t.routes[s.id] = s, t.routeIds.splice(o ?? t.routeIds.length, 0, s.id);
+        }), s;
       },
       deleteRoute: (e) => {
-        var s;
+        var r;
         if (!e)
           return;
-        const o = (s = t.routeIds) == null ? void 0 : s.indexOf(e);
+        const o = (r = t.routeIds) == null ? void 0 : r.indexOf(e);
         o !== void 0 && o !== -1 && n.doc.transact(() => {
-          var r, c;
-          (r = t.routeIds) == null || r.splice(o, 1), (c = t.routes) == null || delete c[e];
+          var s, c;
+          (s = t.routeIds) == null || s.splice(o, 1), (c = t.routes) == null || delete c[e];
         });
       },
       deletePage: (e) => {
@@ -331,12 +338,12 @@ const ve = () => {
         });
       },
       movePage: (e, o) => {
-        const { pageIds: s } = t, r = s.indexOf(e);
-        r >= 0 && s.splice(o, 0, ...s.splice(r, 1));
+        const { pageIds: r } = t, s = r.indexOf(e);
+        s >= 0 && r.splice(o, 0, ...r.splice(s, 1));
       },
-      addSection: (e, o, s) => {
-        const r = t.pages[e];
-        if (!r)
+      addSection: (e, o, r) => {
+        const s = t.pages[e];
+        if (!s)
           throw new Error(`Page ${e} is not exists`);
         const c = {
           ...o,
@@ -345,40 +352,40 @@ const ve = () => {
           llmConfig: o.llmConfig ?? {}
         };
         return n.doc.transact(() => {
-          r.sections[c.id] = c, r.sectionIds.splice(s ?? r.sectionIds.length, 0, c.id);
+          s.sections[c.id] = c, s.sectionIds.splice(r ?? s.sectionIds.length, 0, c.id);
         }), c;
       },
       deleteSection: (e, o) => {
-        const s = t.pages[e];
-        if (!s)
+        const r = t.pages[e];
+        if (!r)
           throw new Error(`Page ${e} is not exists`);
-        const r = s.sectionIds.indexOf(o);
-        r !== -1 && n.doc.transact(() => {
-          s.sectionIds.splice(r, 1), delete s.sections[o];
+        const s = r.sectionIds.indexOf(o);
+        s !== -1 && n.doc.transact(() => {
+          r.sectionIds.splice(s, 1), delete r.sections[o];
         });
       },
-      toggleSectionVisibility: (e, o, s) => {
-        const r = t.pages[e];
-        if (!r)
+      toggleSectionVisibility: (e, o, r) => {
+        const s = t.pages[e];
+        if (!s)
           throw new Error(`Page ${e} is not exists`);
-        const c = r.sections[o];
-        c && (c.visibility = s);
+        const c = s.sections[o];
+        c && (c.visibility = r);
       },
-      moveSection: (e, o, s) => {
-        const r = t.pages[e];
-        if (!r)
+      moveSection: (e, o, r) => {
+        const s = t.pages[e];
+        if (!s)
           throw new Error(`Page ${e} is not exists`);
-        const { sectionIds: c } = r, i = c.indexOf(o);
-        i >= 0 && c.splice(s, 0, ...c.splice(i, 1));
+        const { sectionIds: c } = s, i = c.indexOf(o);
+        i >= 0 && c.splice(r, 0, ...c.splice(i, 1));
       },
       addDataSource: (e) => {
-        const o = e.id ?? A(), s = {
+        const o = e.id ?? A(), r = {
           ...e ?? {},
           id: o,
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
         };
         return n.doc.transact(() => {
-          t.dataSourceIds ?? (t.dataSourceIds = []), t.dataSources ?? (t.dataSources = {}), t.dataSourceIds.push(o), t.dataSources[o] = s;
+          t.dataSourceIds ?? (t.dataSourceIds = []), t.dataSources ?? (t.dataSources = {}), t.dataSourceIds.push(o), t.dataSources[o] = r;
         }), t.dataSources[o];
       },
       deleteDataSource: (e) => {
@@ -402,15 +409,15 @@ const ve = () => {
       return e ? t.pages[e] : void 0;
     },
     get currentSection() {
-      var r, c, i;
+      var s, c, i;
       const {
         localState: { currentPageId: e, ...o }
       } = n;
       if (!e)
         return;
-      const s = (c = (r = o.pages) == null ? void 0 : r[e]) == null ? void 0 : c.currentSectionId;
-      if (s)
-        return (i = t.pages[e]) == null ? void 0 : i.sections[s];
+      const r = (c = (s = o.pages) == null ? void 0 : s[e]) == null ? void 0 : c.currentSectionId;
+      if (r)
+        return (i = t.pages[e]) == null ? void 0 : i.sections[r];
     },
     get currentRoute() {
       var o;
@@ -424,7 +431,7 @@ const ve = () => {
   const { projectId: n } = ae();
   return n ?? fe() ?? "";
 };
-function Ce(n) {
+function ve(n) {
   var f, I;
   const { resources: t } = n;
   if (!t.components)
@@ -448,16 +455,16 @@ function ge(n) {
 }
 function je(n) {
   return {
-    ...Ce(n),
+    ...ve(n),
     ...ge(n)
   };
 }
-const Ze = () => je(ve().state);
+const Ze = () => je(Ce().state);
 export {
   Ke as E,
   Ye as S,
   qe as a,
-  ve as b,
+  Ce as b,
   We as c,
   je as d,
   Xe as e,
@@ -466,7 +473,7 @@ export {
   J as h,
   Ve as i,
   ge as j,
-  Ce as k,
+  ve as k,
   fe as l,
   A as n,
   ze as t,

package/lib/es/home.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import "./chunks/state-BcZbsEn6.js";
+import "./chunks/state-C_CbKF7g.js";
 import "@arcblock/ux/lib/Locale/context";
 import "@arcblock/ux/lib/Result";
 import "@blocklet/pages-kit/builtin/page/header";
@@ -21,8 +21,8 @@ import "react-helmet";
 import "react-router-dom";
 import "react-use";
 import "ufo";
-import "./chunks/array-DudMqbtU.js";
-import { a as D, P as R, d as S, c as W, b as j, T as k, H as q } from "./chunks/home-Bqe3w7ou.js";
+import "./chunks/array-BAy40Bak.js";
+import { a as D, P as R, d as S, c as W, b as j, T as k, H as q } from "./chunks/home-DOrhBil-.js";
 export {
   D as HomeView,
   R as PageRoutes,

package/lib/es/locales.js

@@ -103,6 +103,10 @@ const t = e({
     configColor: "Config color",
     configColorMuiTheme: "Theme Color",
     configColorCustomColor: "Custom Color",
+    configColorMuiThemeInfo: "Use theme color, it will automatically adapt to the theme color and dark mode",
+    configColorMuiThemeWithAlternateColor: " (includes light and dark modes)",
+    configColorLightMode: "Light Mode",
+    configColorDarkMode: "Dark Mode",
     import: "Import",
     importDialog: {
       upload: {
@@ -584,6 +588,10 @@ const t = e({
     configColor: "设置颜色",
     configColorMuiTheme: "主题色",
     configColorCustomColor: "自定义颜色",
+    configColorMuiThemeInfo: "使用主题色会自动适应主题配色及亮暗模式",
+    configColorMuiThemeWithAlternateColor: " (包含亮/暗两种模式)",
+    configColorLightMode: "亮色模式",
+    configColorDarkMode: "暗黑模式",
     import: "导入",
     importDialog: {
       upload: {