@blocklet/pages-kit-inner-components 0.6.30 → 0.6.32

package/lib/es/chunks/{state-DSo43FAB.js → state-DRjnlQY_.js}

@@ -1,29 +1,29 @@
 import { jsx as K } from "react/jsx-runtime";
-import { joinURL as N, withQuery as V } from "ufo";
+import { joinURL as k, withQuery as V } from "ufo";
 import { createAxios as z } from "@blocklet/js-sdk";
 import Q from "lodash/isEmpty";
 import * as X from "yaml";
 import { useLocaleContext as q } from "@arcblock/ux/lib/Locale/context";
-import { nextId as M } from "@blocklet/pages-kit/utils/common";
+import { nextId as E } from "@blocklet/pages-kit/utils/common";
 import { getPageTemplateModel as Y } from "@blocklet/pages-kit/utils/page-model";
 import "@mui/material";
 import Z, { getYjsDoc as H } from "@syncedstore/core";
 import { useSyncedStore as ee } from "@syncedstore/react";
 import { useLocalStorageState as te } from "ahooks";
 import { produce as L } from "immer";
-import J from "lodash/cloneDeep";
-import T from "lodash/debounce";
-import { createContext as oe, useState as R, useRef as ne, useMemo as y, useCallback as _, useEffect as D, useContext as re } from "react";
+import T from "lodash/cloneDeep";
+import G from "lodash/debounce";
+import { createContext as oe, useState as D, useRef as ne, useMemo as y, useCallback as $, useEffect as _, useContext as re } from "react";
 import { useParams as se, useNavigate as ce } from "react-router-dom";
 import { IndexeddbPersistence as ie } from "y-indexeddb";
 import { WebsocketProvider as ae } from "y-websocket";
 import { UndoManager as de } from "yjs";
 import "@blocklet/pages-kit/types";
 function le() {
-  const { pathname: n } = window.location, p = n.match(/\/admin\/(maker|previewer)\/([^/]+)/)?.[2], l = window.__PROJECT_ID__;
-  if (!p && !l)
+  const { pathname: n } = window.location, f = n.match(/\/admin\/(maker|previewer)\/([^/]+)/)?.[2], l = window.__PROJECT_ID__;
+  if (!f && !l)
     throw new Error("Unable to get projectId from pathname");
-  return p || l;
+  return f || l;
 }
 function Ue(n) {
   return `${n}:pages:version`;
@@ -31,41 +31,41 @@ function Ue(n) {
 function Fe(n, o) {
   return o === "yaml" ? Q(n) ? "" : X.stringify(n, { indent: 2 }) : o === "json" ? JSON.parse(JSON.stringify(n || {})) : o === "array" ? JSON.parse(JSON.stringify(n || [])) : n;
 }
-const $ = window.blocklet?.prefix || "/", G = z({
+const J = window.blocklet?.prefix || "/", B = z({
   timeout: 200 * 1e3
-}), ue = window.location.protocol === "https:" ? "wss" : "ws", We = (n) => N(`${ue}://${window.location.hostname}`, $, `api/${n}/ws/pages`), pe = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
-blocklet?.componentMountPoints.find((n) => n.did === pe)?.mountPoint || N($, "/image-bin");
+}), ue = window.location.protocol === "https:" ? "wss" : "ws", We = (n) => k(`${ue}://${window.location.hostname}`, J, `api/${n}/ws/pages`), pe = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
+blocklet?.componentMountPoints.find((n) => n.did === pe)?.mountPoint || k(J, "/image-bin");
 function Ke(n) {
-  return n && !/^(https?:\/\/|\/)/.test(n) ? window.location.origin + N($, "uploads", n) : n;
+  return n && !/^(https?:\/\/|\/)/.test(n) ? window.location.origin + k(J, "uploads", n) : n;
 }
 const fe = window.innerWidth <= 750;
-function Ve(n, o, p) {
+function Ve(n, o, f) {
   if (!n || /\.gif/.test(n)) return n;
-  const l = (fe ? o / 1.5 : o) * (p === "quality" ? 1.5 : 1);
+  const l = (fe ? o / 1.5 : o) * (f === "quality" ? 1.5 : 1);
   return ge(n, { imageFilter: "resize", w: l, f: "webp" });
 }
 function ge(n, o) {
   return !n || !o ? n : V(n, o);
 }
 async function me(n) {
-  return G.get(`/api/projects/${n}`).then((o) => o.data);
+  return B.get(`/api/projects/${n}`).then((o) => o.data);
 }
 async function Se(n) {
-  return G.post(`/api/projects/${n.id}/update`, n).then((o) => o.data);
+  return B.post(`/api/projects/${n.id}/update`, n).then((o) => o.data);
 }
-const Pe = 500, B = oe(null);
+const Pe = 500, U = oe(null);
 function ze({
   url: n,
   name: o,
-  children: p,
+  children: f,
   waitingSynced: l
 }) {
-  const [w, g] = R(!1), { locale: u } = q(), m = U(), C = `${m}:MakerLocalState`, e = `${m}:${o}`, [t, s] = te(C, {
+  const [w, g] = D(!1), { locale: u } = q(), m = F(), O = `${m}:MakerLocalState`, e = `${m}:${o}`, [t, s] = te(O, {
     defaultValue: {},
     listenStorageChange: !0
   }), r = ne(t);
   r.current = t;
-  const i = y(
+  const a = y(
     () => Z({
       dataSourceIds: [],
       dataSources: {},
@@ -79,17 +79,17 @@ function ze({
       resources: {}
     }),
     []
-  ), c = y(() => H(i), [i]);
+  ), c = y(() => H(a), [a]);
   y(() => new ie(e, c), [e, c]);
-  const a = y(
+  const i = y(
     () => new ae(n, e, c, {
       params: {},
       resyncInterval: 5 * 60 * 1e3
     }),
     [n, e, c]
-  ), d = _(() => {
-    a && (a.disconnect(), a.connect());
-  }, [a]), S = y(
+  ), d = $(() => {
+    i && (i.disconnect(), i.connect());
+  }, [i]), S = y(
     () => new de(
       [
         c.getArray("pageIds"),
@@ -104,110 +104,110 @@ function ze({
       { doc: c }
     ),
     [c]
-  ), [v, b] = R(null), [x, A] = R(!1), [O, E] = R(void 0), j = _(async () => {
+  ), [h, C] = D(null), [M, N] = D(!1), [x, A] = D(void 0), b = $(async () => {
     if (m) {
-      A(!0);
+      N(!0);
       try {
-        const f = await me(m);
-        b(f);
-      } catch (f) {
-        console.error("Failed to fetch project:", f);
+        const p = await me(m);
+        C(p);
+      } catch (p) {
+        console.error("Failed to fetch project:", p);
       } finally {
-        A(!1);
+        N(!1);
       }
     }
-  }, [m]), k = _(
-    async (f, P) => {
-      if (E(void 0), !!m) {
-        P?.optimisticUpdate && v && b((I) => ({
+  }, [m]), j = $(
+    async (p, P) => {
+      if (A(void 0), !!m) {
+        P?.optimisticUpdate && h && C((I) => ({
           ...I,
-          ...f
+          ...p
         }));
         try {
           const I = await Se({
-            ...f
+            ...p
           });
-          b(I);
+          C(I);
         } catch (I) {
-          console.error("Failed to update project:", I), P?.optimisticUpdate && b(v), E(I?.response?.data);
+          console.error("Failed to update project:", I), P?.optimisticUpdate && C(h), A(I?.response?.data);
         }
       }
     },
-    [m, v]
+    [m, h]
   );
-  D(() => {
-    m && j();
-  }, [m, j]);
-  const W = y(
+  _(() => {
+    m && b();
+  }, [m, b]);
+  const R = y(
     () => ({
       doc: c,
-      state: i,
+      state: a,
       localState: {
         ...t,
         // always use the locale from the context
         currentLocale: u
       },
-      setLocalState: (f) => s(typeof f == "function" ? (P) => f(P ?? {}) : f),
+      setLocalState: (p) => s(typeof p == "function" ? (P) => p(P ?? {}) : p),
       undoManager: S,
       projectState: {
-        project: v,
-        isLoadingProject: x,
-        error: O
+        project: h,
+        isLoadingProject: M,
+        error: x
       },
-      updateProject: k,
+      updateProject: j,
       forceSync: d
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       c,
-      i,
+      a,
       JSON.stringify(t),
       // resolve the problem of react warning
       s,
       S,
-      v,
+      h,
+      M,
+      j,
       x,
-      k,
-      O,
       u,
       d
     ]
   );
-  return D(() => {
-    S.on("stack-item-added", ({ stackItem: f }) => {
-      const { currentPageId: P, currentLocale: I, pages: h } = r.current;
-      f.meta.set("localState", { currentPageId: P, currentLocale: I, pages: h });
-    }), S.on("stack-item-popped", ({ stackItem: f }) => {
-      const P = f.meta.get("localState");
+  return _(() => {
+    S.on("stack-item-added", ({ stackItem: p }) => {
+      const { currentPageId: P, currentLocale: I, pages: v } = r.current;
+      p.meta.set("localState", { currentPageId: P, currentLocale: I, pages: v });
+    }), S.on("stack-item-popped", ({ stackItem: p }) => {
+      const P = p.meta.get("localState");
       P && s((I) => ({ ...I, ...P }));
     });
-  }, [S, s]), D(() => {
-    a.awareness.setLocalState(t);
-  }, [a, t]), D(() => {
-    a.once("synced", () => g(!0));
-    const f = () => {
-      s((h) => ({
-        ...h,
+  }, [S, s]), _(() => {
+    i.awareness.setLocalState(t);
+  }, [i, t]), _(() => {
+    i.once("synced", () => g(!0));
+    const p = () => {
+      s((v) => ({
+        ...v,
         networkStatus: void 0
       }));
     }, P = () => {
-      s((h) => ({
-        ...h,
+      s((v) => ({
+        ...v,
         networkStatus: "offline"
       }));
-    }, I = T(({ status: h }) => {
-      h === "connected" ? f() : h === "disconnected" && P();
+    }, I = G(({ status: v }) => {
+      v === "connected" ? p() : v === "disconnected" && P();
     }, Pe);
-    return a.on("status", I), window.addEventListener("online", f), window.addEventListener("offline", P), () => {
-      a.off("status", I), window.removeEventListener("online", f), window.removeEventListener("offline", P);
+    return i.on("status", I), window.addEventListener("online", p), window.addEventListener("offline", P), () => {
+      i.off("status", I), window.removeEventListener("online", p), window.removeEventListener("offline", P);
     };
-  }, [a, s]), l && !w ? null : /* @__PURE__ */ K(B.Provider, { value: W, children: p });
+  }, [i, s]), l && !w ? null : /* @__PURE__ */ K(U.Provider, { value: R, children: f });
 }
 const Ie = () => {
-  const n = re(B);
+  const n = re(U);
   if (!n)
     throw new Error("Context is null");
-  const o = ee(n.state), { setLocalState: p, localState: l } = n, w = ce(), g = U(), u = y(
+  const o = ee(n.state), { setLocalState: f, localState: l } = n, w = ce(), g = F(), u = y(
     () => ({
       get currentPage() {
         const {
@@ -237,8 +237,8 @@ const Ie = () => {
         const r = o.pages[e]?.dataSource?.[s];
         if (!r)
           return;
-        const { currentLocale: i } = this.currentLocaleMap;
-        return i ? r[i] : void 0;
+        const { currentLocale: a } = this.currentLocaleMap;
+        return a ? r[a] : void 0;
       },
       get currentSectionPropertiesWithFallback() {
         const {
@@ -252,13 +252,13 @@ const Ie = () => {
         const r = o.pages[e]?.dataSource?.[s];
         if (!r)
           return;
-        const { currentLocale: i, defaultLocale: c, fallbackLocale: a } = this.currentLocaleMap;
-        if (i && r[i])
-          return r[i];
-        if (c && r[c])
-          return r[c];
+        const { currentLocale: a, defaultLocale: c, fallbackLocale: i } = this.currentLocaleMap;
         if (a && r[a])
           return r[a];
+        if (c && r[c])
+          return r[c];
+        if (i && r[i])
+          return r[i];
       },
       get currentLocaleMap() {
         const {
@@ -290,21 +290,21 @@ const Ie = () => {
   ), m = y(
     () => ({
       setCurrentSectionId: (e, t) => {
-        e === l.currentPageId && t === l.pages?.[e]?.currentSectionId || (w(N("/admin/maker", g ?? "", "pages", e)), p(
+        e === l.currentPageId && t === l.pages?.[e]?.currentSectionId || (w(k("/admin/maker", g ?? "", "pages", e)), f(
           (s) => L(s, (r) => {
             r.currentPageId = e, r.currentComponentId = void 0, t !== void 0 && (r.pages ??= {}, r.pages[e] ??= {}, r.pages[e].currentSectionId = t ?? void 0), t ? window.sessionStorage.setItem("iframe_show_id", `"${t}"`) : window.sessionStorage.removeItem("iframe_show_id");
           })
         ));
       },
       setCurrentComponentId: (e) => {
-        e !== l.currentComponentId && (w(N("/admin/maker", g ?? "", "components", e)), p(
+        e !== l.currentComponentId && (w(k("/admin/maker", g ?? "", "components", e)), f(
           (t) => L(t, (s) => {
             s.currentComponentId = e;
           })
         ));
       },
       setCurrentRouteId: ({ routeId: e, dynamicParams: t }) => {
-        p(
+        f(
           (s) => L(s, (r) => {
             r.currentRouteId = e, r.currentDynamicParams = t;
           })
@@ -314,23 +314,23 @@ const Ie = () => {
       setCustomComponentPreviewerProperties: (() => {
         const e = {};
         let t = "";
-        const s = T(() => {
-          p(
-            (r) => L(r, (i) => {
-              i.customComponentPreviewerProperties ??= {}, i.customComponentPreviewerProperties[t] = {
-                ...i.customComponentPreviewerProperties[t],
-                ...J(e[t])
+        const s = G(() => {
+          f(
+            (r) => L(r, (a) => {
+              a.customComponentPreviewerProperties ??= {}, a.customComponentPreviewerProperties[t] = {
+                ...a.customComponentPreviewerProperties[t],
+                ...T(e[t])
               }, delete e[t];
             })
           );
         }, 5);
-        return (r, i) => {
+        return (r, a) => {
           const c = e[r] ?? {};
-          Object.assign(c, i), e[r] = c, t = r, s();
+          Object.assign(c, a), e[r] = c, t = r, s();
         };
       })(),
       setRouteGenerateProcess: (e) => {
-        p(
+        f(
           (t) => L(t, (s) => {
             e ? s.routeGenerateProcess = {
               ...s.routeGenerateProcess,
@@ -340,7 +340,7 @@ const Ie = () => {
         );
       },
       resetRouteGenerateProcess: () => {
-        p(
+        f(
           (e) => L(e, (t) => {
             t.routeGenerateProcess = {
               progress: "complete"
@@ -349,11 +349,11 @@ const Ie = () => {
         );
       }
     }),
-    [p, w, g, u]
-  ), C = y(
+    [f, w, g, u]
+  ), O = y(
     () => ({
       addPage: (e, t) => {
-        const s = e?.id ?? M(), r = {
+        const s = e?.id ?? E(), r = {
           ...e,
           id: s,
           createdAt: e?.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
@@ -377,7 +377,7 @@ const Ie = () => {
         }), r;
       },
       addRoute: (e, t) => {
-        const s = e?.id ?? M(), r = {
+        const s = e?.id ?? E(), r = {
           ...e,
           id: s,
           createdAt: e?.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
@@ -414,22 +414,22 @@ const Ie = () => {
         r >= 0 && s.splice(t, 0, ...s.splice(r, 1));
       },
       addSection: (e, t, s, r) => {
-        const i = o.pages[e];
-        if (!i)
+        const a = o.pages[e];
+        if (!a)
           throw new Error(`Page ${e} is not exists`);
         const c = {
           ...t,
-          id: t.id ?? M(),
+          id: t.id ?? E(),
           isTemplateSection: t.isTemplateSection ?? !0,
           llmConfig: t.llmConfig ?? {}
-        }, a = J(c.locales);
+        }, i = T(c.locales);
         return delete c.locales, n.doc.transact(() => {
           if (r && r.component === "layout-block") {
             const d = u.currentPageModel?.getComponentById(r.id);
             d && (d.model.sections ??= {}, d.model.sections[c.id] = c, d.model.sectionIds ??= [], d.model.sectionIds.push(c.id));
           } else
-            i.sections[c.id] = c, i.sectionIds.splice(s ?? i.sectionIds.length, 0, c.id);
-          a && (i.dataSource ??= {}, i.dataSource[c.id] = a);
+            a.sections[c.id] = c, a.sectionIds.splice(s ?? a.sectionIds.length, 0, c.id);
+          i && (a.dataSource ??= {}, a.dataSource[c.id] = i);
         }), c;
       },
       deleteSection: (e, t) => {
@@ -437,19 +437,19 @@ const Ie = () => {
         if (!s)
           throw new Error(`Page ${e} is not exists`);
         n.doc.transact(() => {
-          const r = [], i = u.currentPageModel?.getComponentById(t), c = i?.parent;
-          if (i && (r.push(i.model.id, ...i.all().map((a) => a.model.id)), c?.model.component === "layout-block")) {
-            const a = c.model.sectionIds?.indexOf(t);
-            a !== void 0 && a !== -1 && (c.model.sectionIds?.splice(a, 1), delete c.model.sections?.[t]), c.model.config?.gridSettings && Object.keys(c.model.config.gridSettings).forEach((d) => {
+          const r = [], a = u.currentPageModel?.getComponentById(t), c = a?.parent;
+          if (a && (r.push(a.model.id, ...a.all().map((i) => i.model.id)), c?.model.component === "layout-block")) {
+            const i = c.model.sectionIds?.indexOf(t);
+            i !== void 0 && i !== -1 && (c.model.sectionIds?.splice(i, 1), delete c.model.sections?.[t]), c.model.config?.gridSettings && Object.keys(c.model.config.gridSettings).forEach((d) => {
               try {
                 delete c.model.config.gridSettings[d]?.[t];
               } catch {
               }
             }), c.model.config?.backgroundSectionId === t && (c.model.config.backgroundSectionId = void 0);
           }
-          r.forEach((a) => {
-            const d = s.sectionIds.indexOf(a);
-            d !== -1 && s.sectionIds.splice(d, 1), s.sections[a] && delete s.sections[a], s.dataSource?.[a] && delete s.dataSource?.[a];
+          r.forEach((i) => {
+            const d = s.sectionIds.indexOf(i);
+            d !== -1 && s.sectionIds.splice(d, 1), s.sections[i] && delete s.sections[i], s.dataSource?.[i] && delete s.dataSource?.[i];
           });
         });
       },
@@ -462,18 +462,18 @@ const Ie = () => {
       toggleSectionVisibility: (e, t, s) => {
         if (!o.pages[e])
           throw new Error(`Page ${e} is not exists`);
-        const i = u.currentPageModel?.getComponentById(t)?.model;
-        i && (i.visibility = s);
+        const a = u.currentPageModel?.getComponentById(t)?.model;
+        a && (a.visibility = s);
       },
       moveSection: (e, t, s, r) => {
         if (!o.pages[e])
           throw new Error(`Page ${e} is not exists`);
         if (r && r !== t) {
-          const c = u.currentPageModel?.getComponentById(t), a = u.currentPageModel?.getComponentById(r), d = c?.parent, S = a?.parent;
+          const c = u.currentPageModel?.getComponentById(t), i = u.currentPageModel?.getComponentById(r), d = c?.parent, S = i?.parent;
           S && d && S?.model?.id === d?.model?.id ? n.doc.transact(() => {
-            d.model.sectionIds.splice(c.getIndex(), 1), d.model.sectionIds.splice(a.getIndex(), 0, t);
+            d.model.sectionIds.splice(c.getIndex(), 1), d.model.sectionIds.splice(i.getIndex(), 0, t);
           }) : S && d && S?.model?.id !== d?.model?.id && t !== r && !c?.model?.sectionIds?.includes(r) && n.doc.transact(() => {
-            S.model.sections[t] = JSON.parse(JSON.stringify(c.model)), S.model.sectionIds.splice(a.getIndex(), 0, t), d.model.sectionIds.splice(c.getIndex(), 1), delete d.model.sections[t];
+            S.model.sections[t] = JSON.parse(JSON.stringify(c.model)), S.model.sectionIds.splice(i.getIndex(), 0, t), d.model.sectionIds.splice(c.getIndex(), 1), delete d.model.sections[t];
           });
         }
       },
@@ -483,30 +483,33 @@ const Ie = () => {
         const r = u.currentPageModel?.getComponentById(t);
         if (!r?.model)
           throw new Error(`Section ${t} is not exists`);
-        const i = JSON.parse(JSON.stringify(r.model)), c = F(i), a = c.id, d = r?.parent;
+        const a = JSON.parse(JSON.stringify(r.model)), c = W(a), i = c.id, d = r?.parent;
         if (d) {
-          if (d.model.sections[a] = c, d.model.sectionIds.push(a), u.currentPage?.dataSource?.[t] && (u.currentPage.dataSource[a] = JSON.parse(
+          if (d.model.sections[i] = c, d.model.sectionIds.push(i), u.currentPage?.dataSource?.[t] && (u.currentPage.dataSource[i] = JSON.parse(
             JSON.stringify(u.currentPage.dataSource[t])
           ), c.component === "layout-block")) {
-            const S = (v, b) => {
-              v?.forEach((x, A) => {
-                const O = b?.[A];
-                if (O && u.currentPage?.dataSource) {
-                  const E = u.currentPage.dataSource[O];
-                  E && (u.currentPage.dataSource[x] = JSON.parse(JSON.stringify(E)));
-                  const j = c.sections?.[x], k = i.sections?.[O];
-                  j?.component === "layout-block" && j.sectionIds && k?.sectionIds && S(j.sectionIds, k.sectionIds);
+            const S = (h, C) => {
+              const M = h.sectionIds, N = C.sectionIds;
+              M?.forEach((x, A) => {
+                const b = N?.[A];
+                if (b) {
+                  if (b && u.currentPage?.dataSource) {
+                    const p = u.currentPage.dataSource[b];
+                    p && (u.currentPage.dataSource[x] = JSON.parse(JSON.stringify(p)));
+                  }
+                  const j = h.sections?.[x], R = C?.sections?.[b];
+                  j?.component === "layout-block" && j.sectionIds && R?.sectionIds && S(j, R);
                 }
               });
             };
-            c.sectionIds && i.sectionIds && S(c.sectionIds, i.sectionIds);
+            c.sectionIds && a.sectionIds && S(c, a);
           }
-          m.setCurrentSectionId(e, a);
+          m.setCurrentSectionId(e, i);
         }
         return c;
       },
       addDataSource: (e) => {
-        const t = e.id ?? M(), s = {
+        const t = e.id ?? E(), s = {
           ...e ?? {},
           id: t,
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
@@ -527,11 +530,11 @@ const Ie = () => {
   return {
     ...n,
     state: o,
-    actions: C,
+    actions: O,
     localActions: m,
     ...u
   };
-}, U = () => {
+}, F = () => {
   const { projectId: n } = se();
   return n ?? le() ?? "";
 }, Qe = () => window.__PROJECT_SLUG__ ?? "";
@@ -539,13 +542,13 @@ function we(n) {
   const { resources: o } = n;
   if (!o.components)
     return {};
-  const p = {};
+  const f = {};
   return window?.blocklet?.componentMountPoints?.forEach((l) => {
-    p[l.did] = l;
+    f[l.did] = l;
   }), Object.fromEntries(
     Object.entries(o.components).map(([l, { blockletId: w, component: g }]) => [
       l,
-      { data: g, blockletId: w, blockletTitle: p[w]?.title || w }
+      { data: g, blockletId: w, blockletTitle: f[w]?.title || w }
     ])
   );
 }
@@ -560,17 +563,17 @@ function he(n) {
   };
 }
 const Xe = () => he(Ie().state);
-function F(n) {
-  const o = JSON.parse(JSON.stringify(n)), p = M();
+function W(n) {
+  const o = JSON.parse(JSON.stringify(n)), f = E();
   if (o.component === "layout-block") {
     const l = { ...o.config ?? {} }, w = o.sectionIds?.map((g) => {
-      const u = o.sections?.[g], m = F(o.sections?.[g]), C = m.id;
+      const u = o.sections?.[g], m = W(o.sections?.[g]), O = m.id;
       return u?.id === o.config?.backgroundSectionId && (l.backgroundSectionId = m.id), o.config?.gridSettings && Object.keys(o.config.gridSettings).forEach((e) => {
         l.gridSettings[e] = {
           ...l.gridSettings[e] ?? {},
-          [C]: {
+          [O]: {
             ...o.config?.gridSettings?.[e]?.[g],
-            id: C
+            id: O
           }
         }, delete o.config?.gridSettings?.[e]?.[g];
       }), m;
@@ -579,7 +582,7 @@ function F(n) {
   }
   return {
     ...o,
-    id: p
+    id: f
   };
 }
 export {
@@ -592,10 +595,10 @@ export {
   Ke as f,
   We as g,
   Xe as h,
-  G as i,
+  B as i,
   ye as j,
   we as k,
   le as l,
   Fe as t,
-  U as u
+  F as u
 };

package/lib/es/home.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import "./chunks/state-DSo43FAB.js";
+import "./chunks/state-DRjnlQY_.js";
 import "@arcblock/ux/lib/Locale/context";
 import "@arcblock/ux/lib/Result";
 import "@arcblock/ux/lib/Theme";
@@ -21,8 +21,8 @@ import "react-helmet";
 import "react-router-dom";
 import "react-use";
 import "ufo";
-import "./chunks/index-BB4iH1hV.js";
-import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-geXez-Pe.js";
+import "./chunks/index-DOEiNkBX.js";
+import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-DK0hbr0h.js";
 import "./chunks/session-C72Dq8zg.js";
 export {
   R as HomeView,

package/lib/es/setting.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as v, Fragment as F } from "react/jsx-runtime";
 import { Box as P, Alert as Xe, Typography as T, TextField as z, Stack as k, FormLabel as ee, TableContainer as Ze, Paper as G, Table as Ne, TableHead as je, TableRow as re, TableCell as te, TableBody as ze, Button as E, IconButton as Y, FormControlLabel as ge, Switch as Ve, InputAdornment as $, alpha as ae, Tooltip as _, buttonClasses as er, Dialog as ye, DialogTitle as Re, DialogContent as Ee, DialogActions as Ae, Checkbox as rr, Autocomplete as Te, MenuItem as ce, Collapse as tr, Divider as nr, Popper as ir } from "@mui/material";
-import { t as xe, f as ne, a as oe, h as ve } from "./chunks/state-DSo43FAB.js";
+import { t as xe, f as ne, a as oe, h as ve } from "./chunks/state-DRjnlQY_.js";
 import q from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
 import { CodeEditor as Ce } from "@blocklet/code-editor";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.6.30",
+  "version": "0.6.32",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -203,8 +203,8 @@
     "yaml": "^2.5.0",
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
-    "@blocklet/pages-kit-block-studio": "^0.6.30",
-    "@blocklet/pages-kit": "^0.6.30"
+    "@blocklet/pages-kit-block-studio": "^0.6.32",
+    "@blocklet/pages-kit": "^0.6.32"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",