@lobehub/chat 1.143.1 → 1.143.3

package/.github/workflows/claude-issue-triage.yml

@@ -30,7 +30,7 @@ jobs:
           github_token: ${{ secrets.GH_TOKEN }}
           allowed_non_write_users: "*"
           claude_code_oauth_token: ${{ secrets.CLAUDE_CODE_OAUTH_TOKEN }}
-          claude_args: "--allowed-tools Bash(gh *),Read"
+          claude_args: '--allowed-tools "Bash(gh *),Read"'
           prompt: |
             You're an issue triage assistant for GitHub issues. Your task is to analyze issues, apply appropriate labels, and mention the responsible team member.
 

package/.github/workflows/claude-translator.yml

@@ -44,7 +44,7 @@ jobs:
           github_token: ${{ secrets.GH_TOKEN }}
           allowed_non_write_users: "*"
           claude_code_oauth_token: ${{ secrets.CLAUDE_CODE_OAUTH_TOKEN }}
-          claude_args: "--allowed-tools Bash(gh issue:*),Bash(gh api:repos/*/issues:*),Bash(gh api:repos/*/pulls/*/reviews/*),Bash(gh api:repos/*/pulls/comments/*)"
+          claude_args: '--allowed-tools "Bash(gh issue:*),Bash(gh api:repos/*/issues:*),Bash(gh api:repos/*/pulls/*/reviews/*),Bash(gh api:repos/*/pulls/comments/*)"'
           prompt: |
             You are a multilingual translation assistant. You need to respond to the following four types of GitHub Webhook events:
 

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 1.143.3](https://github.com/lobehub/lobe-chat/compare/v1.143.2...v1.143.3)
+
+<sup>Released on **2026-01-25**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Correct claude_args quoting to prevent shell-quote parsing errors.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Correct claude_args quoting to prevent shell-quote parsing errors, closes [#10790](https://github.com/lobehub/lobe-chat/issues/10790) [#10789](https://github.com/lobehub/lobe-chat/issues/10789) ([cf197e6](https://github.com/lobehub/lobe-chat/commit/cf197e6))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.143.2](https://github.com/lobehub/lobe-chat/compare/v1.143.1...v1.143.2)
+
+<sup>Released on **2025-12-04**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix React CVE.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix React CVE, closes [#10592](https://github.com/lobehub/lobe-chat/issues/10592) ([20809b5](https://github.com/lobehub/lobe-chat/commit/20809b5))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.143.1](https://github.com/lobehub/lobe-chat/compare/v1.143.0...v1.143.1)
 
 <sup>Released on **2025-12-02**</sup>

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Correct claude_args quoting to prevent shell-quote parsing errors."
+      ]
+    },
+    "date": "2026-01-25",
+    "version": "1.143.3"
+  },
+  {
+    "children": {
+      "fixes": [
+        "Fix React CVE."
+      ]
+    },
+    "date": "2025-12-04",
+    "version": "1.143.2"
+  },
   {
     "children": {
       "fixes": [

package/locales/ar/common.json

@@ -286,6 +286,11 @@
   "officialSite": "الموقع الرسمي",
   "ok": "موافق",
   "password": "كلمة المرور",
+  "phLaunch": {
+    "action": "اذهب إلى الدعم",
+    "body": "نحن نُطلق LobeChat على Product Hunt! إذا أعجبك LobeChat، صوّت لنا وادعمنا!",
+    "title": "LobeChat يتم إطلاقه على Product Hunt!"
+  },
   "pin": "تثبيت في الأعلى",
   "pinOff": "إلغاء التثبيت",
   "privacy": "سياسة الخصوصية",

package/locales/bg-BG/common.json

@@ -286,6 +286,11 @@
   "officialSite": "Официален сайт",
   "ok": "Добре",
   "password": "Парола",
+  "phLaunch": {
+    "action": "Отидете на страницата за подкрепа",
+    "body": "Стартираме в Product Hunt! Ако харесвате LobeChat, подкрепете ни с вашия глас!",
+    "title": "LobeChat стартира в Product Hunt!"
+  },
   "pin": "Закачи",
   "pinOff": "Откачи",
   "privacy": "Политика за поверителност",

package/locales/de-DE/common.json

@@ -286,6 +286,11 @@
   "officialSite": "Offizielle Website",
   "ok": "OK",
   "password": "Passwort",
+  "phLaunch": {
+    "action": "Zur Unterstützung",
+    "body": "Wir starten gerade auf Product Hunt! Wenn dir LobeChat gefällt, gib uns bitte deine Stimme!",
+    "title": "LobeChat startet jetzt auf Product Hunt!"
+  },
   "pin": "Anheften",
   "pinOff": "Anheften aufheben",
   "privacy": "Datenschutzrichtlinie",

package/locales/en-US/common.json

@@ -286,6 +286,11 @@
   "officialSite": "Official Website",
   "ok": "OK",
   "password": "Password",
+  "phLaunch": {
+    "action": "Support Us",
+    "body": "Your support means a lot to us!",
+    "title": "We are on Product Hunt!"
+  },
   "pin": "Pin",
   "pinOff": "Unpin",
   "privacy": "Privacy Policy",

package/locales/es-ES/common.json

@@ -286,6 +286,11 @@
   "officialSite": "Sitio oficial",
   "ok": "Aceptar",
   "password": "Contraseña",
+  "phLaunch": {
+    "action": "Ir a apoyar",
+    "body": "¡Estamos lanzando en Product Hunt! Si te gusta LobeChat, ¡vota por nosotros!",
+    "title": "¡LobeChat se lanza en Product Hunt!"
+  },
   "pin": "Fijar",
   "pinOff": "Quitar fijación",
   "privacy": "Política de privacidad",

package/locales/fa-IR/common.json

@@ -286,6 +286,11 @@
   "officialSite": "وب‌سایت رسمی",
   "ok": "تأیید",
   "password": "رمز عبور",
+  "phLaunch": {
+    "action": "رفتن به صفحه پشتیبانی",
+    "body": "ما در Product Hunt راه‌اندازی شده‌ایم! اگر LobeChat را دوست دارید، لطفاً به ما رأی دهید و حمایت کنید!",
+    "title": "LobeChat در Product Hunt راه‌اندازی شد!"
+  },
   "pin": "سنجاق کردن",
   "pinOff": "لغو سنجاق کردن",
   "privacy": "سیاست حفظ حریم خصوصی",

package/locales/fr-FR/common.json

@@ -286,6 +286,11 @@
   "officialSite": "Site officiel",
   "ok": "OK",
   "password": "Mot de passe",
+  "phLaunch": {
+    "action": "Aller au soutien",
+    "body": "Nous lançons LobeChat sur Product Hunt ! Si vous aimez LobeChat, votez pour nous soutenir !",
+    "title": "LobeChat est lancé sur Product Hunt !"
+  },
   "pin": "Épingler",
   "pinOff": "Désactiver l'épinglage",
   "privacy": "Politique de confidentialité",

package/locales/it-IT/common.json

@@ -286,6 +286,11 @@
   "officialSite": "Sito ufficiale",
   "ok": "OK",
   "password": "Password",
+  "phLaunch": {
+    "action": "Vai al supporto",
+    "body": "Stiamo lanciando su Product Hunt! Se ti piace LobeChat, votaci e supportaci!",
+    "title": "LobeChat è ora su Product Hunt!"
+  },
   "pin": "Fissa in alto",
   "pinOff": "Annulla fissaggio",
   "privacy": "Informativa sulla privacy",

package/locales/ja-JP/common.json

@@ -286,6 +286,11 @@
   "officialSite": "公式サイト",
   "ok": "OK",
   "password": "パスワード",
+  "phLaunch": {
+    "action": "サポートする",
+    "body": "私たちは現在 Product Hunt で公開中です！LobeChat を気に入っていただけたら、ぜひ投票をお願いします！",
+    "title": "LobeChat が Product Hunt に登場！"
+  },
   "pin": "ピン留め",
   "pinOff": "ピン留め解除",
   "privacy": "プライバシーポリシー",

package/locales/ko-KR/common.json

@@ -286,6 +286,11 @@
   "officialSite": "공식 웹사이트",
   "ok": "확인",
   "password": "비밀번호",
+  "phLaunch": {
+    "action": "지원하러 가기",
+    "body": "우리는 지금 Product Hunt에 출시되었습니다! LobeChat이 마음에 드신다면 투표로 응원해 주세요!",
+    "title": "LobeChat이 Product Hunt에 출시되었습니다!"
+  },
   "pin": "상단 고정",
   "pinOff": "고정 해제",
   "privacy": "개인정보 보호정책",

package/locales/nl-NL/common.json

@@ -286,6 +286,11 @@
   "officialSite": "Officiële website",
   "ok": "Oké",
   "password": "Wachtwoord",
+  "phLaunch": {
+    "action": "Ga naar ondersteuning",
+    "body": "We lanceren op Product Hunt! Als je LobeChat leuk vindt, stem dan op ons!",
+    "title": "LobeChat lanceert op Product Hunt!"
+  },
   "pin": "Vastzetten",
   "pinOff": "Vastzetten uitschakelen",
   "privacy": "Privacybeleid",

package/locales/pl-PL/common.json

@@ -286,6 +286,11 @@
   "officialSite": "Oficjalna strona internetowa",
   "ok": "OK",
   "password": "Hasło",
+  "phLaunch": {
+    "action": "Przejdź do wsparcia",
+    "body": "Właśnie debiutujemy na Product Hunt! Jeśli podoba Ci się LobeChat, zagłosuj na nas!",
+    "title": "LobeChat debiutuje na Product Hunt!"
+  },
   "pin": "Przypnij",
   "pinOff": "Odepnij",
   "privacy": "Polityka prywatności",

package/locales/pt-BR/common.json

@@ -286,6 +286,11 @@
   "officialSite": "Site Oficial",
   "ok": "OK",
   "password": "Senha",
+  "phLaunch": {
+    "action": "Apoie-nos",
+    "body": "Estamos lançando no Product Hunt! Se você gosta do LobeChat, vote em nós!",
+    "title": "LobeChat está sendo lançado no Product Hunt!"
+  },
   "pin": "Fixar",
   "pinOff": "Desafixar",
   "privacy": "Política de Privacidade",

package/locales/ru-RU/common.json

@@ -286,6 +286,11 @@
   "officialSite": "Официальный сайт",
   "ok": "ОК",
   "password": "Пароль",
+  "phLaunch": {
+    "action": "Перейти к поддержке",
+    "body": "Мы запускаемся на Product Hunt! Если вам нравится LobeChat, проголосуйте за нас!",
+    "title": "LobeChat запускается на Product Hunt!"
+  },
   "pin": "Закрепить",
   "pinOff": "Открепить",
   "privacy": "Политика конфиденциальности",

package/locales/tr-TR/common.json

@@ -286,6 +286,11 @@
   "officialSite": "Resmi Site",
   "ok": "Tamam",
   "password": "Password",
+  "phLaunch": {
+    "action": "Destekle",
+    "body": "Product Hunt'ta yayındayız! LobeChat'i beğendiyseniz, bize oy vererek destek olun!",
+    "title": "LobeChat, Product Hunt'ta yayında!"
+  },
   "pin": "Pin",
   "pinOff": "Unpin",
   "privacy": "Gizlilik Politikası",

package/locales/vi-VN/common.json

@@ -286,6 +286,11 @@
   "officialSite": "Trang web chính thức",
   "ok": "Đồng ý",
   "password": "Mật khẩu",
+  "phLaunch": {
+    "action": "Truy cập để ủng hộ",
+    "body": "Chúng tôi đang ra mắt trên Product Hunt! Nếu bạn yêu thích LobeChat, hãy bình chọn ủng hộ chúng tôi!",
+    "title": "LobeChat đang ra mắt trên Product Hunt!"
+  },
   "pin": "Ghim",
   "pinOff": "Bỏ ghim",
   "privacy": "Chính sách bảo mật",

package/locales/zh-CN/common.json

@@ -286,6 +286,11 @@
   "officialSite": "官方网站",
   "ok": "确定",
   "password": "密码",
+  "phLaunch": {
+    "action": "前往支持",
+    "body": "我们正在 Product Hunt 上发布！如果你喜欢 LobeChat，请给我们投票支持！",
+    "title": "LobeChat 正在 Product Hunt 上发布！"
+  },
   "pin": "置顶",
   "pinOff": "取消置顶",
   "privacy": "隐私政策",

package/locales/zh-TW/common.json

@@ -286,6 +286,11 @@
   "officialSite": "官方網站",
   "ok": "確定",
   "password": "密碼",
+  "phLaunch": {
+    "action": "前往支持",
+    "body": "我們正在 Product Hunt 上發布！如果你喜歡 LobeChat，請為我們投票支持！",
+    "title": "LobeChat 正在 Product Hunt 上發布！"
+  },
   "pin": "置頂",
   "pinOff": "取消置頂",
   "privacy": "隱私政策",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.143.1",
+  "version": "1.143.3",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",
@@ -33,12 +33,12 @@
     "prebuild": "tsx scripts/prebuild.mts && npm run lint",
     "build": "cross-env NODE_OPTIONS=--max-old-space-size=6144 next build",
     "postbuild": "npm run build-sitemap && npm run build-migrate-db",
-    "build-migrate-db": "bun run db:migrate",
-    "build-sitemap": "tsx ./scripts/buildSitemapIndex/index.ts",
     "build:analyze": "NODE_OPTIONS=--max-old-space-size=6144 ANALYZE=true next build",
     "build:docker": "npm run prebuild && NODE_OPTIONS=--max-old-space-size=6144 DOCKER=true next build && npm run build-sitemap",
     "prebuild:electron": "cross-env NEXT_PUBLIC_IS_DESKTOP_APP=1 tsx scripts/prebuild.mts",
     "build:electron": "cross-env NODE_OPTIONS=--max-old-space-size=6144 NEXT_PUBLIC_IS_DESKTOP_APP=1 NEXT_PUBLIC_SERVICE_MODE=server next build",
+    "build-migrate-db": "bun run db:migrate",
+    "build-sitemap": "tsx ./scripts/buildSitemapIndex/index.ts",
     "clean:node_modules": "bash -lc 'set -e; echo \"Removing all node_modules...\"; rm -rf node_modules; pnpm -r exec rm -rf node_modules; rm -rf apps/desktop/node_modules; echo \"All node_modules removed.\"'",
     "db:generate": "drizzle-kit generate && npm run db:generate-client && npm run workflow:dbml",
     "db:generate-client": "tsx ./scripts/migrateClientDB/compile-migrations.ts",
@@ -79,11 +79,11 @@
     "start": "next start -p 3210",
     "stylelint": "stylelint \"src/**/*.{js,jsx,ts,tsx}\" --fix",
     "test": "npm run test-app && npm run test-server",
-    "test-app": "vitest run",
-    "test-app:coverage": "vitest --coverage --silent='passed-only'",
     "test:e2e": "pnpm --filter @lobechat/e2e-tests test",
     "test:e2e:smoke": "pnpm --filter @lobechat/e2e-tests test:smoke",
     "test:update": "vitest -u",
+    "test-app": "vitest run",
+    "test-app:coverage": "vitest --coverage --silent='passed-only'",
     "type-check": "tsgo --noEmit",
     "webhook:ngrok": "ngrok http http://localhost:3011",
     "workflow:cdn": "tsx ./scripts/cdnWorkflow/index.ts",
@@ -173,7 +173,7 @@
     "@lobehub/market-sdk": "^0.22.7",
     "@lobehub/tts": "^2.0.1",
     "@lobehub/ui": "^2.13.2",
-    "@modelcontextprotocol/sdk": "^1.20.0",
+    "@modelcontextprotocol/sdk": "1.23.0",
     "@neondatabase/serverless": "^1.0.2",
     "@next/third-parties": "^15.5.4",
     "@opentelemetry/exporter-jaeger": "^2.1.0",
@@ -236,7 +236,7 @@
     "model-bank": "workspace:*",
     "modern-screenshot": "^4.6.6",
     "nanoid": "^5.1.6",
-    "next": "~15.3.5",
+    "next": "~15.3.6",
     "next-auth": "5.0.0-beta.30",
     "next-mdx-remote": "^5.0.0",
     "nextjs-toploader": "^3.9.17",
@@ -262,9 +262,9 @@
     "pwa-install-handler": "^2.6.3",
     "query-string": "^9.3.1",
     "random-words": "^2.0.1",
-    "react": "^19.2.0",
+    "react": "^19.2.1",
     "react-confetti": "^6.4.0",
-    "react-dom": "^19.2.0",
+    "react-dom": "^19.2.1",
     "react-fast-marquee": "^1.6.5",
     "react-hotkeys-hook": "^5.1.0",
     "react-i18next": "^15.7.4",

package/src/app/[variants]/(main)/_layout/Desktop/SideBar/BottomActions.tsx

@@ -8,6 +8,8 @@ import { Flexbox } from 'react-layout-kit';
 import { GITHUB } from '@/const/url';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 
+import PHLaunch from './PHLaunch';
+
 const ICON_SIZE: ActionIconProps['size'] = {
   blockSize: 36,
   size: 20,
@@ -39,6 +41,7 @@ const BottomActions = memo(() => {
           tooltipProps={{ placement: 'right' }}
         />
       </Link>
+      <PHLaunch />
     </Flexbox>
   );
 });

package/src/app/[variants]/(main)/_layout/Desktop/SideBar/PHLaunch.tsx

@@ -0,0 +1,148 @@
+'use client';
+
+import { ActionIcon, ActionIconProps } from '@lobehub/ui';
+import { Button, Popover } from 'antd';
+import { createStyles } from 'antd-style';
+import { Rocket, X } from 'lucide-react';
+import { memo, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import { useGlobalStore } from '@/store/global';
+
+const PH_LAUNCH_URL = 'https://lobe.li/ph';
+const PH_IMAGE_URL = 'https://hub-apac-1.lobeobjects.space/og/lobehub-ph.png';
+
+// Configure the date range for showing the PH launch card
+const PH_START_DATE = new Date('2026-01-27T08:00:00Z');
+const PH_END_DATE = new Date('2026-02-01T00:00:00Z');
+
+const useStyles = createStyles(({ css, token }) => ({
+  action: css`
+    margin-block-start: 12px;
+  `,
+  body: css`
+    font-size: 14px;
+    color: ${token.colorTextSecondary};
+  `,
+  card: css`
+    position: relative;
+    overflow: hidden;
+    width: 280px;
+    border-radius: 8px;
+  `,
+  closeButton: css`
+    position: absolute;
+    inset-block-start: 8px;
+    inset-inline-end: 8px;
+  `,
+  content: css`
+    padding: 12px;
+  `,
+  image: css`
+    overflow: hidden;
+    width: 100%;
+    height: auto;
+    border-block-end: 1px solid ${token.colorBorderSecondary};
+  `,
+  title: css`
+    font-size: 16px;
+    font-weight: 600;
+    color: ${token.colorText};
+  `,
+}));
+
+const ICON_SIZE: ActionIconProps['size'] = {
+  blockSize: 36,
+  size: 20,
+  strokeWidth: 1.5,
+};
+
+const PHLaunch = memo(() => {
+  const { t } = useTranslation('common');
+  const { styles } = useStyles();
+  const [open, setOpen] = useState(false);
+
+  const [hidePHLaunch, updateSystemStatus] = useGlobalStore((s) => [
+    s.status.hidePHLaunch,
+    s.updateSystemStatus,
+  ]);
+
+  const isWithinDateRange = useMemo(() => {
+    const now = new Date();
+    return now >= PH_START_DATE && now <= PH_END_DATE;
+  }, []);
+
+  // Auto open the popover if user hasn't seen it yet
+  useEffect(() => {
+    if (!hidePHLaunch && isWithinDateRange) {
+      // Small delay to ensure the component is mounted
+      const timer = setTimeout(() => {
+        setOpen(true);
+      }, 1000);
+      return () => clearTimeout(timer);
+    }
+  }, [hidePHLaunch, isWithinDateRange]);
+
+  const handleClose = () => {
+    setOpen(false);
+    updateSystemStatus({ hidePHLaunch: true });
+  };
+
+  const handleAction = () => {
+    window.open(PH_LAUNCH_URL, '_blank');
+    handleClose();
+  };
+
+  // Don't render if outside the date range
+  if (!isWithinDateRange) return null;
+
+  const content = (
+    <Flexbox className={styles.card}>
+      <ActionIcon
+        className={styles.closeButton}
+        icon={X}
+        onClick={handleClose}
+        size={{ blockSize: 24, size: 14 }}
+      />
+      <div className={styles.image}>
+        <img
+          alt="LobeChat Product Hunt Launch"
+          height="100%"
+          src={PH_IMAGE_URL}
+          style={{ objectFit: 'cover' }}
+          width="100%"
+        />
+      </div>
+      <Flexbox className={styles.content} gap={4}>
+        <div className={styles.title}>{t('phLaunch.title')}</div>
+        <div className={styles.body}>{t('phLaunch.body')}</div>
+        <Button block className={styles.action} onClick={handleAction} size="small" type="primary">
+          {t('phLaunch.action')}
+        </Button>
+      </Flexbox>
+    </Flexbox>
+  );
+
+  return (
+    <Popover
+      arrow={false}
+      content={content}
+      onOpenChange={setOpen}
+      open={open}
+      placement="rightBottom"
+      styles={{ body: { padding: 0 } }}
+      trigger="click"
+    >
+      <ActionIcon
+        icon={Rocket}
+        onClick={() => setOpen(!open)}
+        size={ICON_SIZE}
+        title="Product Hunt"
+        tooltipProps={{ placement: 'right' }}
+      />
+    </Popover>
+  );
+});
+
+export default PHLaunch;

package/src/locales/default/common.ts

@@ -289,6 +289,11 @@ export default {
   officialSite: '官方网站',
   ok: '确定',
   password: '密码',
+  phLaunch: {
+    action: '前往支持',
+    body: '我们正在 Product Hunt 上发布！如果你喜欢 LobeChat，请给我们投票支持！',
+    title: 'LobeChat 正在 Product Hunt 上发布！',
+  },
   pin: '置顶',
   pinOff: '取消置顶',
   privacy: '隐私政策',

package/src/store/global/initialState.ts

@@ -60,6 +60,7 @@ export interface SystemStatus {
   fileManagerViewMode?: 'list' | 'masonry';
   filePanelWidth: number;
   hideGemini2_5FlashImagePreviewChineseWarning?: boolean;
+  hidePHLaunch?: boolean;
   hidePWAInstaller?: boolean;
   hideThreadLimitAlert?: boolean;
   imagePanelWidth: number;
@@ -129,6 +130,7 @@ export const INITIAL_STATUS = {
   fileManagerViewMode: 'list' as const,
   filePanelWidth: 320,
   hideGemini2_5FlashImagePreviewChineseWarning: false,
+  hidePHLaunch: false,
   hidePWAInstaller: false,
   hideThreadLimitAlert: false,
   imagePanelWidth: 320,

package/src/tools/dalle/Render/index.tsx

@@ -30,18 +30,20 @@ const DallE = memo<BuiltinRenderProps<DallEImageItem[]>>(({ content, messageId }
       {/* 没想好工具条的作用 */}
       {/*<ToolBar content={content} messageId={messageId} />*/}
       <PreviewGroup
-        preview={{
-          // 切换图片时设置
-          onChange: (current: number) => {
-            currentRef.current = current;
-          },
-          // 点击预览显示时设置
+        preview={
+          {
+            // 切换图片时设置
+            onChange: (current: number) => {
+              currentRef.current = current;
+            },
+            // 点击预览显示时设置
 
-          onVisibleChange: (visible: boolean, _prevVisible: boolean, current: number) => {
-            currentRef.current = current;
-          },
-          toolbarAddon: <ActionIcon color={'#fff'} icon={Download} onClick={handleDownload} />,
-        }}
+            onVisibleChange: (visible: boolean, _prevVisible: boolean, current: number) => {
+              currentRef.current = current;
+            },
+            toolbarAddon: <ActionIcon color={'#fff'} icon={Download} onClick={handleDownload} />,
+          } as any
+        }
       >
         <GalleyGrid items={content.map((c) => ({ ...c, messageId }))} renderItem={ImageItem} />
       </PreviewGroup>