@blocklet/pages-kit-inner-components 0.5.29 → 0.5.31

package/lib/es/locales.js

@@ -39,7 +39,8 @@ const t = e({
     topToggle: {
       sitemap: "Sitemap",
       data: "Data Source",
-      page: "Page Templates"
+      template: "Templates",
+      page: "Pages"
     },
     dataSourceEmpty: 'No data sources yet, click "Add" button to create',
     selectDataSource: "Please select a data source from the list",
@@ -86,6 +87,14 @@ const t = e({
     }
   },
   maker: {
+    sections: {
+      empty: "No Sections",
+      emptySubItems: "No Sub Sections"
+    },
+    layoutBlock: {
+      draftPlaceholder: `Use grid to arrange sections layout \r
+( this tip only show in draft mode)`
+    },
     pageTitle: "Pages Editor",
     save: "Save",
     publish: "Publish",
@@ -96,6 +105,7 @@ const t = e({
     publishSuccessMessage: "Published",
     importSuccessMessage: "Imported successfully",
     preview: "Preview",
+    pagePreview: "Preview",
     livePreview: "Live Preview",
     production: "Production",
     draft: "Draft",
@@ -148,7 +158,9 @@ const t = e({
       addPage: "Create Page",
       createResource: "Create Resource",
       addResource: "Add Resource from Store",
-      pages: "Page Templates",
+      pages: "Pages",
+      template: "Templates",
+      sections: "Sections",
       deleteTitle: "Delete {name} page?",
       deleteSectionTitle: "Delete {name} section?",
       empty: "No pages",
@@ -285,7 +297,14 @@ const t = e({
       llmPropertyDescribe: "Description for AI",
       loading: "Loading...",
       componentNotFound: "Component not found",
-      templateName: "Template Name"
+      templateName: "Template Name",
+      mobile: "Mobile",
+      desktop: "Desktop",
+      columns: "Columns",
+      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)",
+      setAsNormalElement: "Set as normal element (can drag and resize)"
     },
     siteMap: {
       routes: "Routes",
@@ -528,7 +547,8 @@ const t = e({
     topToggle: {
       sitemap: "站点地图",
       data: "数据源",
-      page: "页面模板"
+      template: "模板",
+      page: "页面"
     },
     dataSourceEmpty: '暂无数据源，点击"添加"按钮创建',
     selectDataSource: "请选择左侧的数据源进行操作",
@@ -575,6 +595,14 @@ const t = e({
     }
   },
   maker: {
+    sections: {
+      empty: "暂无卡片",
+      emptySubItems: "暂无子卡片"
+    },
+    layoutBlock: {
+      draftPlaceholder: `使用网格布局对卡片进行排版 \r
+ (此提示仅在草稿模式下显示)`
+    },
     pageTitle: "页面编辑器",
     save: "保存",
     publish: "发布",
@@ -585,6 +613,7 @@ const t = e({
     publishSuccessMessage: "发布成功",
     importSuccessMessage: "导入成功",
     preview: "预览",
+    pagePreview: "页面预览",
     livePreview: "实时预览",
     production: "正式版",
     draft: "草稿",
@@ -637,7 +666,9 @@ const t = e({
       addPage: "创建页面",
       createResource: "创建资源",
       addResource: "从商店添加资源",
-      pages: "页面模板",
+      pages: "页面",
+      template: "模板",
+      sections: "卡片",
       deleteTitle: "删除 {name} 页面？",
       deleteSectionTitle: "删除 {name} 卡片？",
       empty: "暂无页面",
@@ -774,7 +805,14 @@ const t = e({
       llmPropertyDescribe: "AI提示描述",
       loading: "加载中...",
       componentNotFound: "未找到组件",
-      templateName: "模板名称"
+      templateName: "模板名称",
+      mobile: "移动端",
+      desktop: "桌面端",
+      columns: "列数",
+      visualGridLayout: "配置网格布局",
+      dragResizeInstructions: "通过调整卡片位置和大小调整布局，可以分别设置桌面端和移动端两种布局",
+      setAsBackgroundElement: "设置为背景卡片（无法拖拽排序、无法设置大小）",
+      setAsNormalElement: "设置为普通卡片（可拖拽排序、可设置大小）"
     },
     siteMap: {
       routes: "路由列表",

package/lib/es/project-html.js

@@ -1,11 +1,11 @@
 import N from "@arcblock/did-auth-storage-nedb";
-import i, { getBlockletJs as H } from "@blocklet/sdk/lib/config";
+import l, { getBlockletJs as H } from "@blocklet/sdk/lib/config";
 import O from "@blocklet/sdk/lib/service/auth";
 import R from "@blocklet/sdk/lib/wallet";
 import J from "@blocklet/sdk/lib/wallet-authenticator";
 import z from "@blocklet/sdk/lib/wallet-handler";
 import G, { resolve as x } from "path";
-import { l as T, g as Y } from "./chunks/site-state-BB9-Tm4i.js";
+import { l as T, g as Y } from "./chunks/site-state-DEduMTrY.js";
 import { createSnapshotMiddleware as Q } from "@arcblock/crawler-middleware";
 import { PreloadComponentScriptModule as V } from "@blocklet/pages-kit/types";
 import { isMuiColorKey as X } from "@blocklet/pages-kit/utils/common";
@@ -48,10 +48,10 @@ const re = new J();
 new z({
   authenticator: re,
   tokenStorage: new N({
-    dbPath: G.join(i.env.dataDir, "auth.db")
+    dbPath: G.join(l.env.dataDir, "auth.db")
   })
 });
-const ce = new O(), se = async () => {
+const ce = new O(), ie = async () => {
   try {
     const o = j.get("blockletInfo");
     if (o)
@@ -61,7 +61,7 @@ const ce = new O(), se = async () => {
   } catch {
     return null;
   }
-}, ie = ["/assets/"];
+}, se = ["/assets/"];
 function Pe({
   app: o,
   viteDevServer: t,
@@ -84,49 +84,50 @@ function Pe({
       return;
     }
     _();
-  }), i.env.preferences.snapkitEnabled && i.env.preferences.snapkitEndpoint && i.env.SNAP_KIT_ACCESS_KEY && h.use(
+  }), l.env.preferences.snapkitEnabled && l.env.preferences.snapkitEndpoint && l.env.SNAP_KIT_ACCESS_KEY && h.use(
     Q({
-      endpoint: i.env.preferences.snapkitEndpoint,
-      accessKey: i.env.SNAP_KIT_ACCESS_KEY,
-      cacheMax: i.env.preferences.snapkitCacheSize || 100
+      endpoint: l.env.preferences.snapkitEndpoint,
+      accessKey: l.env.SNAP_KIT_ACCESS_KEY,
+      cacheMax: l.env.preferences.snapkitCacheSize || 100
     })
   ), h.get("/:path(*)?", async (n, k, _) => {
     var E, P, A;
-    if (ie.some((s) => {
-      var p;
-      return (p = n.path) == null ? void 0 : p.startsWith(s);
+    if (se.some((s) => {
+      var m;
+      return (m = n.path) == null ? void 0 : m.startsWith(s);
     })) {
       _();
       return;
     }
     const y = performance.now(), C = () => Math.round(performance.now() - y), D = "production";
-    let c, u, b = d;
+    let c, u, S = d;
     if (n.path.startsWith("/pages")) {
-      const s = n.params.lang, p = n.cookies.nf_lang, v = /* @__PURE__ */ new Set([...i.env.languages.map((w) => w.code)]);
-      let g = (s && v.has(s) ? s : void 0) || (v.has(p) ? p : void 0) || [...v][0];
+      const s = n.params.lang, m = n.cookies.nf_lang, b = /* @__PURE__ */ new Set([...l.env.languages.map((w) => w.code)]);
+      let g = (s && b.has(s) ? s : void 0) || (b.has(m) ? m : void 0) || [...b][0];
       if ((!g || !((E = e.supportedLocales) != null && E.find((w) => w.locale === g))) && (g = ((A = (P = e.supportedLocales) == null ? void 0 : P[0]) == null ? void 0 : A.locale) || ""), g) {
         const w = [];
-        Object.values(e.pages).forEach((l) => {
-          const B = Object.values((l == null ? void 0 : l.sections) ?? {}).filter(
-            (m) => {
-              var S;
-              return m.component === "custom-component" && ((S = m.config) == null ? void 0 : S.componentId);
+        Object.values(e.pages).forEach((i) => {
+          const B = Object.values((i == null ? void 0 : i.sections) ?? {}).filter(
+            (p) => {
+              var v;
+              return p.component === "custom-component" && ((v = p.config) == null ? void 0 : v.componentId);
             }
-          ).map((m) => {
-            var S, $;
+          ).map((p) => {
+            var v, $;
             return {
-              id: m.id,
-              componentId: m.config.componentId,
-              useCache: m.config.useCache,
-              cacheDuration: m.config.cacheDuration,
-              properties: ($ = (S = m.locales) == null ? void 0 : S[g]) == null ? void 0 : $.properties
+              id: p.id,
+              componentId: p.config.componentId,
+              useCache: p.config.useCache,
+              cacheDuration: p.config.cacheDuration,
+              properties: ($ = (v = i == null ? void 0 : i.dataSource) == null ? void 0 : v[p.id]) == null ? void 0 : $[g]
+              //  ?? i.locales?.[respectLocale!]?.properties,
             };
           });
           w.push(...B);
         });
-        const U = new Promise((l) => {
+        const U = new Promise((i) => {
           setTimeout(() => {
-            l({});
+            i({});
           }, 90 * 1e3);
         });
         try {
@@ -139,32 +140,32 @@ function Pe({
               locale: g,
               instances: w,
               module: V.UMD_FN
-            }).then((l) => {
-              l && (u = Z(l));
+            }).then((i) => {
+              i && (u = Z(i));
             })
           ]);
-        } catch (l) {
-          T.warn("getPreloadComponents timeout in promise race, skip inject html elements", l);
+        } catch (i) {
+          T.warn("getPreloadComponents timeout in promise race, skip inject html elements", i);
         }
       }
     }
     try {
-      const s = (c == null ? void 0 : c.title) || i.env.appName, p = (c == null ? void 0 : c.description) || i.env.appDescription, v = oe(W(i.env.appUrl, "/.well-known/service/blocklet/og.png"), {
+      const s = (c == null ? void 0 : c.title) || l.env.appName, m = (c == null ? void 0 : c.description) || l.env.appDescription, b = oe(W(l.env.appUrl, "/.well-known/service/blocklet/og.png"), {
         title: s,
-        description: p
+        description: m
       });
-      b = te.render(d, {
+      S = te.render(d, {
         ogTitle: s,
-        ogDescription: p,
-        ogImage: le(c == null ? void 0 : c.image) || v,
+        ogDescription: m,
+        ogImage: le(c == null ? void 0 : c.image) || b,
         pagesPublishedAt: (e == null ? void 0 : e.config.publishedAt) || (/* @__PURE__ */ new Date()).getTime()
       });
     } catch {
     }
-    const r = e == null ? void 0 : e.config.fontFamily, K = n.query.mode === "draft" || n.url.includes("preview"), f = M.load(b);
+    const r = e == null ? void 0 : e.config.fontFamily, K = n.query.mode === "draft" || n.url.includes("preview"), f = M.load(S);
     let a = c == null ? void 0 : c.backgroundColor;
     if (a && X(a)) {
-      const s = await se();
+      const s = await ie();
       a = ee(
         s,
         // 目前 dark 和 light 还是前端行为，后端通过 从 light 中获取
@@ -200,12 +201,12 @@ function Pe({
       const s = M.load(n.cachedHtml);
       f("body").html(s("body").html() || "");
     }
-    b = f.html(), k.send(b), T.info(`[html] render: ${n.path}, ${C()}ms`), f.root().children().remove(), b = null, c = null, u = null;
+    S = f.html(), k.send(S), T.info(`[html] render: ${n.path}, ${C()}ms`), f.root().children().remove(), S = null, c = null, u = null;
   }), o.use(h);
 }
 function le(o) {
   const t = q("image-bin");
-  return t && o && !/^(https?:\/\/|\/)/.test(o) ? i.env.appUrl + W(t, "uploads", o) : o;
+  return t && o && !/^(https?:\/\/|\/)/.test(o) ? l.env.appUrl + W(t, "uploads", o) : o;
 }
 export {
   Pe as default

package/lib/es/resources.js

@@ -1,4 +1,4 @@
-import { P as S, i as b, a as M, l as x, C as J, R as X, S as N, t as W, b as G } from "./chunks/site-state-BB9-Tm4i.js";
+import { P as S, i as b, a as M, l as x, C as J, R as X, S as N, t as W, b as G } from "./chunks/site-state-DEduMTrY.js";
 import { AsyncLocalStorage as K } from "async_hooks";
 import { Router as Y } from "express";
 import d from "fs";
@@ -9,16 +9,16 @@ import C, { join as z } from "path";
 import D from "@blocklet/sdk/lib/middlewares/auth";
 import { getResourceExportDir as H } from "@blocklet/sdk/lib/component";
 new K();
-const Q = async (e, t, o) => {
+const Q = async (o, t, e) => {
   var n, s, r, i;
   try {
-    const { projectId: a } = e.params;
+    const { projectId: a } = o.params;
     if (!a)
-      return o();
+      return e();
     const m = await S.findByPk(a);
     if (!m)
       return t == null ? void 0 : t.status(404).json({ error: "Project not found" });
-    const y = (n = e.user) == null ? void 0 : n.did, w = ((s = e.user) == null ? void 0 : s.role) || "UNKNOWN_ROLE";
+    const y = (n = o.user) == null ? void 0 : n.did, w = ((s = o.user) == null ? void 0 : s.role) || "UNKNOWN_ROLE";
     if (!y)
       return t == null ? void 0 : t.status(401).json({ error: "Authentication required" });
     if (b()) {
@@ -27,75 +27,75 @@ const Q = async (e, t, o) => {
         return t == null ? void 0 : t.status(403).json({ error: "No permission to access this project in multi-tenant mode" });
     } else if (!["owner", "admin", "pagesEditor"].includes(w))
       return t == null ? void 0 : t.status(403).json({ error: "No permission to access this project in single-tenant mode" });
-    e.project = m, e.projectId = a, o();
+    o.project = m, o.projectId = a, e();
   } catch (a) {
     x.error("Project middleware error:", a), t == null || t.status(500).json({ error: "Internal server error" });
   }
 };
-function T(e, t) {
-  return new Promise((o, n) => {
-    const s = d.createReadStream(e), r = d.createWriteStream(t);
-    s.on("error", n), r.on("error", n), r.on("finish", o), s.pipe(r);
+function B(o, t) {
+  return new Promise((e, n) => {
+    const s = d.createReadStream(o), r = d.createWriteStream(t);
+    s.on("error", n), r.on("error", n), r.on("finish", e), s.pipe(r);
   });
 }
-async function B(e, t) {
+async function T(o, t) {
   await d.promises.mkdir(t, { recursive: !0 });
-  const o = await d.promises.readdir(e, { withFileTypes: !0 });
-  for (const n of o) {
-    const s = C.join(e, n.name), r = C.join(t, n.name);
-    n.isDirectory() ? await B(s, r) : await T(s, r);
+  const e = await d.promises.readdir(o, { withFileTypes: !0 });
+  for (const n of e) {
+    const s = C.join(o, n.name), r = C.join(t, n.name);
+    n.isDirectory() ? await T(s, r) : await B(s, r);
   }
 }
-async function V(e, t) {
-  (await d.promises.stat(e)).isDirectory() ? await B(e, t) : await T(e, t);
+async function V(o, t) {
+  (await d.promises.stat(o)).isDirectory() ? await T(o, t) : await B(o, t);
 }
-const h = (e, t, o) => b() ? D()(e, t, o) : D({ roles: ["owner", "admin", "pagesEditor"] })(e, t, o), Z = (e, t) => {
-  const o = H({ projectId: e, releaseId: t });
-  return z(o, J, X);
-}, O = Y(), L = "@page", U = "@component", I = ":", E = "ALL", F = "@project", k = ({ pageId: e, projectId: t }) => [L, t, e].join(I), q = (e) => {
-  const [t, o, n] = e.split(I);
-  if (t === L) return { pageId: n, projectId: o };
-}, v = ({ componentId: e, projectId: t }) => [U, t, e].join(I), tt = (e) => {
-  const [t, o, n] = e.split(I);
-  if (t === U) return { componentId: n, projectId: o };
-}, et = (e) => [F, e].join(I), ot = (e) => {
-  const [t, o] = e.split(I);
-  if (t === F) return o;
-}, rt = (e) => {
+const h = (o, t, e) => b() ? D()(o, t, e) : D({ roles: ["owner", "admin", "pagesEditor"] })(o, t, e), Z = (o, t) => {
+  const e = H({ projectId: o, releaseId: t });
+  return z(e, J, X);
+}, O = Y(), L = "@page", U = "@component", I = ":", E = "ALL", F = "@project", k = ({ pageId: o, projectId: t }) => [L, t, o].join(I), q = (o) => {
+  const [t, e, n] = o.split(I);
+  if (t === L) return { pageId: n, projectId: e };
+}, v = ({ componentId: o, projectId: t }) => [U, t, o].join(I), tt = (o) => {
+  const [t, e, n] = o.split(I);
+  if (t === U) return { componentId: n, projectId: e };
+}, ot = (o) => [F, o].join(I), et = (o) => {
+  const [t, e] = o.split(I);
+  if (t === F) return e;
+}, rt = (o) => {
   try {
-    return JSON.parse(e);
+    return JSON.parse(o);
   } catch {
   }
   return {};
 };
-async function A(e) {
-  const t = await N.shared(e).getState("production"), o = await S.findByPk(e), n = t.pageIds.map((r) => {
+async function A(o) {
+  const t = await N.getStateByProjectId(o, "production"), e = await S.findByPk(o), n = t.pageIds.map((r) => {
     const i = t.pages[r];
     if (i)
-      return { id: k({ pageId: r, projectId: e }), name: i.slug };
+      return { id: k({ pageId: r, projectId: o }), name: i.slug };
   }).filter(Boolean), s = $(Object.values(t.components), (r) => r.index).map(({ data: r }) => ({
-    id: v({ componentId: r.id, projectId: e }),
+    id: v({ componentId: r.id, projectId: o }),
     name: r.name || r.id
   }));
   return {
-    id: et(e),
-    name: (o == null ? void 0 : o.name) || "Unnamed Project",
+    id: ot(o),
+    name: (e == null ? void 0 : e.name) || "Unnamed Project",
     children: [
-      { id: k({ pageId: E, projectId: e }), name: "Pages", children: n },
+      { id: k({ pageId: E, projectId: o }), name: "Pages", children: n },
       {
-        id: v({ componentId: E, projectId: e }),
+        id: v({ componentId: E, projectId: o }),
         name: "Components",
         children: s
       }
     ]
   };
 }
-O.get("/resources", h, async (e, t) => {
-  const { projectId: o } = rt(e.query.resourcesParams);
-  if (o) {
-    e.params = { ...e.params, projectId: o }, await Q(e, t, () => {
+O.get("/resources", h, async (o, t) => {
+  const { projectId: e } = rt(o.query.resourcesParams);
+  if (e) {
+    o.params = { ...o.params, projectId: e }, await Q(o, t, () => {
     });
-    const r = await A(o);
+    const r = await A(e);
     t.json({ resources: [r] });
     return;
   }
@@ -113,10 +113,10 @@ const nt = g.object({
   resources: g.array().items(g.string()).required(),
   locale: g.string().allow("")
 });
-O.post("/resources", h, async (e, t) => {
-  const { resources: o, projectId: n, releaseId: s } = await nt.validateAsync(e.body), r = "production", i = [], a = [];
-  for (const c of o) {
-    if (ot(c))
+O.post("/resources", h, async (o, t) => {
+  const { resources: e, projectId: n, releaseId: s } = await nt.validateAsync(o.body), r = "production", i = [], a = [];
+  for (const c of e) {
+    if (et(c))
       continue;
     const { pageId: l, projectId: f } = q(c) || {};
     if (l)
@@ -135,7 +135,7 @@ O.post("/resources", h, async (e, t) => {
   const m = _(i, "projectId"), y = _(a, "projectId"), w = /* @__PURE__ */ new Set([...Object.keys(m), ...Object.keys(y)]), P = Z(n, s);
   d.rmSync(P, { recursive: !0, force: !0 }), d.mkdirSync(P, { recursive: !0 });
   for (const c of w) {
-    const l = await N.shared(c).getState(r), f = m[c], u = y[c], p = f == null ? void 0 : f.map((j) => j.pageId), R = u == null ? void 0 : u.map((j) => j.componentId);
+    const l = await N.getStateByProjectId(c, r), f = m[c], u = y[c], p = f == null ? void 0 : f.map((j) => j.pageId), R = u == null ? void 0 : u.map((j) => j.componentId);
     if (p != null && p.length || R != null && R.length) {
       const j = await W(l, {
         exportAssets: !0,
@@ -151,8 +151,8 @@ O.post("/resources", h, async (e, t) => {
   }
   t.json({});
 });
-O.get("/all-resources", h, async (e, t) => {
-  const { states: o } = await G(), n = o == null ? void 0 : o.map((s) => {
+O.get("/all-resources", h, async (o, t) => {
+  const { states: e } = await G(), n = e == null ? void 0 : e.map((s) => {
     const r = {
       blockletId: s.blockletId,
       blockletTitle: s.blockletTitle,

package/lib/es/setting.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as O, Fragment as X } from "react/jsx-runtime";
-import { t as ve, g as Te, b as ce, E as ot, n as Ke, h as xe } from "./chunks/state-D5BnGunt.js";
+import { t as ve, g as Te, b as ce, E as ot, n as Ke, h as xe } from "./chunks/state-C02ZI8vz.js";
 import de from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as C } from "@arcblock/ux/lib/Locale/context";
 import { CodeEditor as ge } from "@blocklet/code-editor";
@@ -12,7 +12,7 @@ import A from "lodash/sortBy";
 import { useCallback as D, useMemo as ne, useRef as J, useId as gt, useEffect as $, useState as Q } from "react";
 import { useUpdate as _e } from "react-use";
 import { ColorItem as Pt, ConfigColorDialog as wt } from "@blocklet/pages-kit/builtin/color-picker";
-import { C as kt } from "./chunks/config-string-CNLg1EYu.js";
+import { C as kt } from "./chunks/config-string-DutyRoOh.js";
 import we from "lodash/isEmpty";
 import He from "lodash/set";
 import * as fe from "yaml";

package/lib/es/site-state.js

@@ -1,4 +1,4 @@
-import { q as j, o as q, p as v, S as B, r as L, s as U, u as h, b as y, w as z, v as C, n as F, t as G, x as J } from "./chunks/site-state-BB9-Tm4i.js";
+import { q as j, o as q, p as v, S as B, r as L, s as U, u as h, b as y, w as z, v as C, n as F, t as G, x as J } from "./chunks/site-state-DEduMTrY.js";
 import "@blocklet/pages-kit/utils/property";
 import "@blocklet/pages-kit/utils/route";
 import "@blocklet/sdk/lib/component";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.5.29",
+  "version": "0.5.31",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -71,22 +71,22 @@
   "dependencies": {
     "@arcblock/did-auth": "^1.20.11",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@arcblock/did-connect": "^2.13.52",
-    "@arcblock/react-hooks": "^2.13.52",
-    "@arcblock/ux": "^2.13.52",
+    "@arcblock/did-connect": "^2.13.57",
+    "@arcblock/react-hooks": "^2.13.57",
+    "@arcblock/ux": "^2.13.57",
     "@blocklet/ai-kit": "^0.1.78",
     "@blocklet/ai-runtime": "^0.4.271",
     "@blocklet/code-editor": "^0.4.271",
-    "@blocklet/embed": "^0.2.4",
+    "@blocklet/embed": "^0.2.5",
     "@blocklet/js-sdk": "^1.16.43",
     "@blocklet/logger": "1.16.36",
     "@blocklet/quickjs": "^0.4.271",
     "@blocklet/sdk": "^1.16.43",
     "@blocklet/studio-ui": "^0.4.271",
     "@blocklet/tracker": "^1.16.43",
-    "@blocklet/ui-react": "^2.13.52",
-    "@blocklet/uploader": "^0.1.93",
-    "@blocklet/uploader-server": "^0.1.99",
+    "@blocklet/ui-react": "^2.13.57",
+    "@blocklet/uploader": "^0.1.95",
+    "@blocklet/uploader-server": "^0.1.100",
     "@emotion/cache": "^11.13.1",
     "@emotion/css": "^11.13.0",
     "@emotion/react": "^11.13.0",
@@ -204,8 +204,8 @@
     "yaml": "^2.5.0",
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
-    "@blocklet/pages-kit": "^0.5.29",
-    "@blocklet/pages-kit-block-studio": "^0.5.29"
+    "@blocklet/pages-kit-block-studio": "^0.5.31",
+    "@blocklet/pages-kit": "^0.5.31"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",