@blocklet/pages-kit-inner-components 0.6.18 → 0.6.19

package/lib/es/chunks/{publish-button-DiKDLFU8.js → publish-button-BUo0AlQd.js}

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as m, Fragment as oe } from "react/jsx-runtime";
-import { u as ae, b as le } from "./state-C3hsEhCe.js";
+import { u as ae, b as le } from "./state-DSo43FAB.js";
 import { useLocaleContext as G } from "@arcblock/ux/lib/Locale/context";
 import q from "@arcblock/ux/lib/Toast";
 import { generateParamCombinations as ce } from "@blocklet/pages-kit/utils/route";
@@ -10,8 +10,8 @@ import { produce as De } from "immer";
 import Z from "lodash/difference";
 import { useState as D, useMemo as C, useCallback as O, useImperativeHandle as Oe, useEffect as E, useRef as Ae } from "react";
 import { useAsync as je } from "react-use";
-import { L as ve } from "./home-DBc-g4K0.js";
-import { p as Ce, g as Re } from "./index-DaF8ujCZ.js";
+import { L as ve } from "./home-B1QFMvMR.js";
+import { p as Ce, g as Re } from "./index-D3m-37ll.js";
 function ze(s) {
   const [u, g] = D(!1);
   return /* @__PURE__ */ t(

package/lib/es/chunks/state-DSo43FAB.js

@@ -0,0 +1,601 @@
+import { jsx as K } from "react/jsx-runtime";
+import { joinURL as N, 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 { 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 { 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)
+    throw new Error("Unable to get projectId from pathname");
+  return p || l;
+}
+function Ue(n) {
+  return `${n}:pages:version`;
+}
+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({
+  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");
+function Ke(n) {
+  return n && !/^(https?:\/\/|\/)/.test(n) ? window.location.origin + N($, "uploads", n) : n;
+}
+const fe = window.innerWidth <= 750;
+function Ve(n, o, p) {
+  if (!n || /\.gif/.test(n)) return n;
+  const l = (fe ? o / 1.5 : o) * (p === "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);
+}
+async function Se(n) {
+  return G.post(`/api/projects/${n.id}/update`, n).then((o) => o.data);
+}
+const Pe = 500, B = oe(null);
+function ze({
+  url: n,
+  name: o,
+  children: p,
+  waitingSynced: l
+}) {
+  const [w, g] = R(!1), { locale: u } = q(), m = U(), C = `${m}:MakerLocalState`, e = `${m}:${o}`, [t, s] = te(C, {
+    defaultValue: {},
+    listenStorageChange: !0
+  }), r = ne(t);
+  r.current = t;
+  const i = y(
+    () => Z({
+      dataSourceIds: [],
+      dataSources: {},
+      pages: {},
+      pageIds: [],
+      routes: {},
+      routeIds: [],
+      components: {},
+      supportedLocales: [],
+      config: {},
+      resources: {}
+    }),
+    []
+  ), c = y(() => H(i), [i]);
+  y(() => new ie(e, c), [e, c]);
+  const a = y(
+    () => new ae(n, e, c, {
+      params: {},
+      resyncInterval: 5 * 60 * 1e3
+    }),
+    [n, e, c]
+  ), d = _(() => {
+    a && (a.disconnect(), a.connect());
+  }, [a]), S = y(
+    () => new de(
+      [
+        c.getArray("pageIds"),
+        c.getMap("pages"),
+        c.getArray("supportedLocales"),
+        c.getMap("config"),
+        c.getMap("dataSources"),
+        c.getArray("dataSourceIds"),
+        c.getArray("routeIds"),
+        c.getMap("routes")
+      ],
+      { doc: c }
+    ),
+    [c]
+  ), [v, b] = R(null), [x, A] = R(!1), [O, E] = R(void 0), j = _(async () => {
+    if (m) {
+      A(!0);
+      try {
+        const f = await me(m);
+        b(f);
+      } catch (f) {
+        console.error("Failed to fetch project:", f);
+      } finally {
+        A(!1);
+      }
+    }
+  }, [m]), k = _(
+    async (f, P) => {
+      if (E(void 0), !!m) {
+        P?.optimisticUpdate && v && b((I) => ({
+          ...I,
+          ...f
+        }));
+        try {
+          const I = await Se({
+            ...f
+          });
+          b(I);
+        } catch (I) {
+          console.error("Failed to update project:", I), P?.optimisticUpdate && b(v), E(I?.response?.data);
+        }
+      }
+    },
+    [m, v]
+  );
+  D(() => {
+    m && j();
+  }, [m, j]);
+  const W = y(
+    () => ({
+      doc: c,
+      state: i,
+      localState: {
+        ...t,
+        // always use the locale from the context
+        currentLocale: u
+      },
+      setLocalState: (f) => s(typeof f == "function" ? (P) => f(P ?? {}) : f),
+      undoManager: S,
+      projectState: {
+        project: v,
+        isLoadingProject: x,
+        error: O
+      },
+      updateProject: k,
+      forceSync: d
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      c,
+      i,
+      JSON.stringify(t),
+      // resolve the problem of react warning
+      s,
+      S,
+      v,
+      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");
+      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,
+        networkStatus: void 0
+      }));
+    }, P = () => {
+      s((h) => ({
+        ...h,
+        networkStatus: "offline"
+      }));
+    }, I = T(({ status: h }) => {
+      h === "connected" ? f() : h === "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);
+    };
+  }, [a, s]), l && !w ? null : /* @__PURE__ */ K(B.Provider, { value: W, children: p });
+}
+const Ie = () => {
+  const n = re(B);
+  if (!n)
+    throw new Error("Context is null");
+  const o = ee(n.state), { setLocalState: p, localState: l } = n, w = ce(), g = U(), u = y(
+    () => ({
+      get currentPage() {
+        const {
+          localState: { currentPageId: e }
+        } = n;
+        return e ? o.pages[e] : void 0;
+      },
+      get currentSection() {
+        const {
+          localState: { currentPageId: e, ...t }
+        } = n;
+        if (!e)
+          return;
+        const s = t.pages?.[e]?.currentSectionId;
+        if (s)
+          return o.pages[e]?.sections[s] ?? this.currentPageModel?.getComponentById(s)?.model;
+      },
+      get currentSectionProperties() {
+        const {
+          localState: { currentPageId: e, ...t }
+        } = n;
+        if (!e)
+          return;
+        const s = t.pages?.[e]?.currentSectionId;
+        if (!s)
+          return;
+        const r = o.pages[e]?.dataSource?.[s];
+        if (!r)
+          return;
+        const { currentLocale: i } = this.currentLocaleMap;
+        return i ? r[i] : void 0;
+      },
+      get currentSectionPropertiesWithFallback() {
+        const {
+          localState: { currentPageId: e, ...t }
+        } = n;
+        if (!e)
+          return;
+        const s = t.pages?.[e]?.currentSectionId;
+        if (!s)
+          return;
+        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];
+        if (a && r[a])
+          return r[a];
+      },
+      get currentLocaleMap() {
+        const {
+          localState: { currentLocale: e },
+          state: {
+            supportedLocales: t,
+            config: { defaultLocale: s }
+          }
+        } = n;
+        return {
+          currentLocale: e,
+          defaultLocale: s,
+          fallbackLocale: t?.[0]?.locale ?? "en"
+        };
+      },
+      get currentRoute() {
+        const {
+          localState: { currentRouteId: e }
+        } = n;
+        return e ? o.routes?.[e] : void 0;
+      },
+      get currentPageModel() {
+        const e = this.currentPage ?? null;
+        if (e)
+          return Y(e, !1);
+      }
+    }),
+    [JSON.stringify(l), o]
+  ), m = y(
+    () => ({
+      setCurrentSectionId: (e, t) => {
+        e === l.currentPageId && t === l.pages?.[e]?.currentSectionId || (w(N("/admin/maker", g ?? "", "pages", e)), p(
+          (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(
+          (t) => L(t, (s) => {
+            s.currentComponentId = e;
+          })
+        ));
+      },
+      setCurrentRouteId: ({ routeId: e, dynamicParams: t }) => {
+        p(
+          (s) => L(s, (r) => {
+            r.currentRouteId = e, r.currentDynamicParams = t;
+          })
+        );
+      },
+      // 本地缓存组件调试参数，避免用户切换组件后，需要重新输入
+      setCustomComponentPreviewerProperties: (() => {
+        const e = {};
+        let t = "";
+        const s = T(() => {
+          p(
+            (r) => L(r, (i) => {
+              i.customComponentPreviewerProperties ??= {}, i.customComponentPreviewerProperties[t] = {
+                ...i.customComponentPreviewerProperties[t],
+                ...J(e[t])
+              }, delete e[t];
+            })
+          );
+        }, 5);
+        return (r, i) => {
+          const c = e[r] ?? {};
+          Object.assign(c, i), e[r] = c, t = r, s();
+        };
+      })(),
+      setRouteGenerateProcess: (e) => {
+        p(
+          (t) => L(t, (s) => {
+            e ? s.routeGenerateProcess = {
+              ...s.routeGenerateProcess,
+              ...e
+            } : s.routeGenerateProcess = {};
+          })
+        );
+      },
+      resetRouteGenerateProcess: () => {
+        p(
+          (e) => L(e, (t) => {
+            t.routeGenerateProcess = {
+              progress: "complete"
+            };
+          })
+        );
+      }
+    }),
+    [p, w, g, u]
+  ), C = y(
+    () => ({
+      addPage: (e, t) => {
+        const s = e?.id ?? M(), r = {
+          ...e,
+          id: s,
+          createdAt: e?.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          updatedAt: e?.updatedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
+          slug: e?.slug ?? `/${s}`,
+          sections: e?.sections ?? {},
+          sectionIds: e?.sectionIds ?? [],
+          isPublic: e?.isPublic ?? !0,
+          templateConfig: e?.templateConfig ?? {
+            isTemplate: e?.templateConfig?.isTemplate ?? !0,
+            displayTemplateId: e?.templateConfig?.displayTemplateId ?? void 0,
+            dataSourceIds: e?.templateConfig?.dataSourceIds ?? void 0,
+            dataSourceParameters: e?.templateConfig?.dataSourceParameters ?? {},
+            enabledGenerate: e?.templateConfig?.enabledGenerate ?? !1,
+            agentId: e?.templateConfig?.agentId ?? void 0
+          }
+        };
+        return n.doc.transact(() => {
+          o.pages[r.id] = r, o.pageIds.splice(t ?? o.pageIds.length, 0, r.id);
+        }), r;
+      },
+      addRoute: (e, t) => {
+        const s = e?.id ?? M(), r = {
+          ...e,
+          id: s,
+          createdAt: e?.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          updatedAt: e?.updatedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
+          path: e?.path ?? `/${s}`,
+          handler: e?.handler ?? "Pages Kit",
+          isPublic: e?.isPublic ?? !0,
+          params: e?.params ?? [],
+          enabledGenerate: e?.enabledGenerate ?? !1,
+          displayTemplateId: e?.displayTemplateId ?? void 0,
+          dataSource: e?.dataSource ?? {}
+        };
+        return n.doc.transact(() => {
+          o.routes ??= {}, o.routeIds ??= [], o.routes[r.id] = r, o.routeIds.splice(t ?? o.routeIds.length, 0, r.id);
+        }), r;
+      },
+      deleteRoute: (e) => {
+        if (!e)
+          return;
+        const t = o.routeIds?.indexOf(e);
+        t !== void 0 && t !== -1 && n.doc.transact(() => {
+          o.routeIds?.splice(t, 1), delete o.routes?.[e];
+        });
+      },
+      deletePage: (e) => {
+        const t = o.pageIds.indexOf(e);
+        t !== -1 && n.doc.transact(() => {
+          o.pageIds.splice(t, 1), delete o.pages[e];
+        });
+      },
+      movePage: (e, t) => {
+        const { pageIds: s } = o, r = s.indexOf(e);
+        r >= 0 && s.splice(t, 0, ...s.splice(r, 1));
+      },
+      addSection: (e, t, s, r) => {
+        const i = o.pages[e];
+        if (!i)
+          throw new Error(`Page ${e} is not exists`);
+        const c = {
+          ...t,
+          id: t.id ?? M(),
+          isTemplateSection: t.isTemplateSection ?? !0,
+          llmConfig: t.llmConfig ?? {}
+        }, a = J(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);
+        }), c;
+      },
+      deleteSection: (e, t) => {
+        const s = o.pages[e];
+        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) => {
+              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];
+          });
+        });
+      },
+      lockSection: (e, t) => {
+        if (!o.pages[e])
+          throw new Error(`Page ${e} is not exists`);
+        const r = u.currentPageModel?.getComponentById(t)?.model;
+        r && (r.locked = !r.locked);
+      },
+      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);
+      },
+      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;
+          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);
+          }) : 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];
+          });
+        }
+      },
+      copySection: (e, t) => {
+        if (!o.pages[e])
+          throw new Error(`Page ${e} is not exists`);
+        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;
+        if (d) {
+          if (d.model.sections[a] = c, d.model.sectionIds.push(a), u.currentPage?.dataSource?.[t] && (u.currentPage.dataSource[a] = 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);
+                }
+              });
+            };
+            c.sectionIds && i.sectionIds && S(c.sectionIds, i.sectionIds);
+          }
+          m.setCurrentSectionId(e, a);
+        }
+        return c;
+      },
+      addDataSource: (e) => {
+        const t = e.id ?? M(), s = {
+          ...e ?? {},
+          id: t,
+          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        return n.doc.transact(() => {
+          o.dataSourceIds ??= [], o.dataSources ??= {}, o.dataSourceIds.push(t), o.dataSources[t] = s;
+        }), o.dataSources[t];
+      },
+      deleteDataSource: (e) => {
+        const t = o.dataSourceIds.indexOf(e);
+        t !== -1 && n.doc.transact(() => {
+          o.dataSourceIds.splice(t, 1), delete o.dataSources[e];
+        });
+      }
+    }),
+    [o, n.doc, u]
+  );
+  return {
+    ...n,
+    state: o,
+    actions: C,
+    localActions: m,
+    ...u
+  };
+}, U = () => {
+  const { projectId: n } = se();
+  return n ?? le() ?? "";
+}, Qe = () => window.__PROJECT_SLUG__ ?? "";
+function we(n) {
+  const { resources: o } = n;
+  if (!o.components)
+    return {};
+  const p = {};
+  return window?.blocklet?.componentMountPoints?.forEach((l) => {
+    p[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 }
+    ])
+  );
+}
+function ye(n) {
+  const { components: o } = n;
+  return o || {};
+}
+function he(n) {
+  return {
+    ...we(n),
+    ...ye(n)
+  };
+}
+const Xe = () => he(Ie().state);
+function F(n) {
+  const o = JSON.parse(JSON.stringify(n)), p = M();
+  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;
+      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.config?.gridSettings?.[e]?.[g],
+            id: C
+          }
+        }, delete o.config?.gridSettings?.[e]?.[g];
+      }), m;
+    });
+    o.sections = Object.fromEntries(w?.map((g) => [g.id, g]) ?? []), o.sectionIds = w?.map((g) => g.id) ?? [], o.config = l;
+  }
+  return {
+    ...o,
+    id: p
+  };
+}
+export {
+  ze as S,
+  Ie as a,
+  Ue as b,
+  he as c,
+  Qe as d,
+  Ve as e,
+  Ke as f,
+  We as g,
+  Xe as h,
+  G as i,
+  ye as j,
+  we as k,
+  le as l,
+  Fe as t,
+  U as u
+};

package/lib/es/home.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import "./chunks/state-C3hsEhCe.js";
+import "./chunks/state-DSo43FAB.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-DaF8ujCZ.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-DBc-g4K0.js";
+import "./chunks/index-D3m-37ll.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-B1QFMvMR.js";
 import "./chunks/session-C72Dq8zg.js";
 export {
   R as HomeView,

package/lib/es/locales.js

@@ -254,9 +254,9 @@ const t = e({
       chooseEmbed: "Choose embed",
       translateFrom: "Translate from",
       backgroundColor: "Color",
-      backgroundImage: "Image/Video",
+      backgroundImage: "Image / Video",
       customColor: "Custom color",
-      customImage: "Custom image/video",
+      customImage: "Custom image / video",
       boxed: "Nested box mode",
       bigMode: "Big title mode",
       paddingY: "Vertical Padding",
@@ -302,6 +302,11 @@ const t = e({
       mobile: "Mobile",
       desktop: "Desktop",
       columns: "Columns",
+      gap: "Gap",
+      gapHelper: "Set the gap between components",
+      gapUnit: "px",
+      padding: "Padding",
+      paddingHelper: "Set the padding of the layout",
       visualGridLayout: "Configure Grid Layout",
       dragResizeInstructions: "Drag and resize cards to set layout, you can set different layouts for desktop and mobile",
       setAsBackgroundElement: "Set as background element (cannot drag and resize)",
@@ -763,9 +768,9 @@ const t = e({
       chooseEmbed: "选择部件",
       translateFrom: "翻译来自",
       backgroundColor: "颜色",
-      backgroundImage: "图片/视频",
+      backgroundImage: "图片 / 视频",
       customColor: "自定义颜色",
-      customImage: "自定义图片/视频",
+      customImage: "自定义图片 / 视频",
       boxed: "嵌套盒子模式",
       bigMode: "大标题模式",
       paddingY: "上下内边距",
@@ -811,6 +816,10 @@ const t = e({
       mobile: "移动端",
       desktop: "桌面端",
       columns: "列数",
+      gap: "间距",
+      gapHelper: "设置组件之间的间距",
+      padding: "内边距",
+      paddingHelper: "设置布局的内边距",
       visualGridLayout: "配置网格布局",
       dragResizeInstructions: "通过调整卡片位置和大小调整布局，可以分别设置桌面端和移动端两种布局",
       setAsBackgroundElement: "设置为背景卡片（无法拖拽排序、无法设置大小）",

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 Qe, Typography as T, TextField as z, Stack as k, FormLabel as ee, TableContainer as Xe, Paper as G, Table as Oe, TableHead as Ne, TableRow as re, TableCell as te, TableBody as je, Button as E, IconButton as Y, FormControlLabel as be, Switch as ze, InputAdornment as $, alpha as ae, Tooltip as _, buttonClasses as Ze, Dialog as ge, DialogTitle as Ve, DialogContent as Re, DialogActions as Ee, Checkbox as er, Autocomplete as Ae, MenuItem as ce, Collapse as rr, Divider as tr, Popper as nr } from "@mui/material";
-import { t as ye, f as ne, a as oe, h as xe } from "./chunks/state-C3hsEhCe.js";
+import { t as ye, f as ne, a as oe, h as xe } from "./chunks/state-DSo43FAB.js";
 import q from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
 import { CodeEditor as ve } from "@blocklet/code-editor";