@lobehub/chat 0.116.2 → 0.116.4

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 0.116.4](https://github.com/lobehub/lobe-chat/compare/v0.116.3...v0.116.4)
+
+<sup>Released on **2023-12-26**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix ShareModal.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix ShareModal ([4592515](https://github.com/lobehub/lobe-chat/commit/4592515))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 0.116.3](https://github.com/lobehub/lobe-chat/compare/v0.116.2...v0.116.3)
+
+<sup>Released on **2023-12-26**</sup>
+
+#### 💄 Styles
+
+- **misc**: Fix typo.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Fix typo ([9d329a9](https://github.com/lobehub/lobe-chat/commit/9d329a9))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.116.2](https://github.com/lobehub/lobe-chat/compare/v0.116.1...v0.116.2)
 
 <sup>Released on **2023-12-26**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.116.2",
+  "version": "0.116.4",
   "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",

package/src/app/chat/features/ChatHeader/ShareButton/Preview.tsx

@@ -1,6 +1,5 @@
 import { SiOpenai } from '@icons-pack/react-simple-icons';
 import { Avatar, ChatHeaderTitle, Logo, Markdown, Tag } from '@lobehub/ui';
-import { SegmentedProps } from 'antd';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
@@ -14,32 +13,6 @@ import PluginTag from '../../ChatHeader/PluginTag';
 import { useStyles } from './style';
 import { FieldType } from './type';
 
-export enum ImageType {
-  JPG = 'jpg',
-  PNG = 'png',
-  SVG = 'svg',
-  WEBP = 'webp',
-}
-
-export const imageTypeOptions: SegmentedProps['options'] = [
-  {
-    label: 'JPG',
-    value: ImageType.JPG,
-  },
-  {
-    label: 'PNG',
-    value: ImageType.PNG,
-  },
-  {
-    label: 'SVG',
-    value: ImageType.SVG,
-  },
-  {
-    label: 'WEBP',
-    value: ImageType.WEBP,
-  },
-];
-
 const Preview = memo<FieldType & { title?: string }>(
   ({ title, withSystemRole, withBackground, withFooter }) => {
     const [isInbox, description, avatar, backgroundColor, model, plugins, systemRole] =

package/src/app/chat/features/ChatHeader/ShareButton/ShareModal.tsx

@@ -9,14 +9,33 @@ import { FORM_STYLE } from '@/const/layoutTokens';
 import { useChatStore } from '@/store/chat';
 import { useGlobalStore } from '@/store/global';
 
-import Preview, { ImageType, imageTypeOptions } from './Preview';
-import { FieldType } from './type';
+import Preview from './Preview';
+import { FieldType, ImageType } from './type';
 
 enum Tab {
   Screenshot = 'screenshot',
   ShareGPT = 'sharegpt',
 }
 
+export const imageTypeOptions: SegmentedProps['options'] = [
+  {
+    label: 'JPG',
+    value: ImageType.JPG,
+  },
+  {
+    label: 'PNG',
+    value: ImageType.PNG,
+  },
+  {
+    label: 'SVG',
+    value: ImageType.SVG,
+  },
+  {
+    label: 'WEBP',
+    value: ImageType.WEBP,
+  },
+];
+
 const DEFAULT_FIELD_VALUE: FieldType = {
   imageType: ImageType.JPG,
   withBackground: true,
@@ -31,7 +50,7 @@ const ShareModal = memo<ModalProps>(({ onCancel, open }) => {
   const { t } = useTranslation('chat');
   const avatar = useGlobalStore((s) => s.settings.avatar);
   const [shareLoading, shareToShareGPT] = useChatStore((s) => [s.shareLoading, s.shareToShareGPT]);
-  const { loading, onDwnload, title } = useScreenshot(fieldValue.imageType);
+  const { loading, onDownload, title } = useScreenshot(fieldValue.imageType);
 
   const options: SegmentedProps['options'] = useMemo(
     () => [
@@ -57,35 +76,39 @@ const ShareModal = memo<ModalProps>(({ onCancel, open }) => {
           name: 'withSystemRole',
           valuePropName: 'checked',
         },
-        tab === Tab.Screenshot && {
+        {
           children: <Switch />,
+          hidden: tab !== Tab.Screenshot,
           label: t('shareModal.withBackground'),
           minWidth: undefined,
           name: 'withBackground',
           valuePropName: 'checked',
         },
-        tab === Tab.Screenshot && {
+        {
           children: <Switch />,
+          hidden: tab !== Tab.Screenshot,
           label: t('shareModal.withFooter'),
           minWidth: undefined,
           name: 'withFooter',
           valuePropName: 'checked',
         },
-        tab === Tab.Screenshot && {
+        {
           children: <Segmented options={imageTypeOptions} />,
+          hidden: tab !== Tab.Screenshot,
           label: t('shareModal.imageType'),
           minWidth: undefined,
           name: 'imageType',
         },
-        tab === Tab.ShareGPT && {
+        {
           children: <Switch />,
+          hidden: tab !== Tab.ShareGPT,
           label: t('shareModal.withPluginInfo'),
           minWidth: undefined,
           name: 'withPluginInfo',
           valuePropName: 'checked',
         },
-      ].filter(Boolean) as FormItemProps[],
-    [],
+      ],
+    [tab],
   );
 
   return (
@@ -95,7 +118,7 @@ const ShareModal = memo<ModalProps>(({ onCancel, open }) => {
       footer={
         <>
           {tab === Tab.Screenshot && (
-            <Button block loading={loading} onClick={onDwnload} size={'large'} type={'primary'}>
+            <Button block loading={loading} onClick={onDownload} size={'large'} type={'primary'}>
               {t('shareModal.download')}
             </Button>
           )}

package/src/app/chat/features/ChatHeader/ShareButton/useScreenshot.ts

@@ -54,7 +54,7 @@ export const useScreenshot = (imageType: ImageType) => {
 
   return {
     loading,
-    onDwnload: handleDownload,
+    onDownload: handleDownload,
     title,
   };
 };