4.7-production (#1053)

* 4.7-alpha3 (#62)

* doc

* Optimize possible null Pointers and parts of Ux

* fix: mulity index training error

* feat: doc and rename question guide

* fix ios speech input (#59)

* fix: prompt editor variables nowrap (#61)

* change openapi import in http module with curl import (#60)

* chore(ui): dataset import modal ui (#58)

* chore(ui): dataset import modal ui

* use component

* fix height

* 4.7 (#63)

* fix: claude3 image type verification failed (#1038) (#1040)

* perf: curl import modal

* doc img

* perf: adapt cohere rerank

* perf: code

* perf: input style

* doc

---------

Co-authored-by: xiaotian <dimsky@163.com>

* fix: ts

* docker deploy

* perf: prompt call

* doc

* ts

* finish ui

* perf: outlink detail ux

* perf: user schema

* fix: plugin update

* feat: get current time plugin

* fix: ts

* perf: fetch anamation

* perf: mark ux

* doc

* perf: select app ux

* fix: split text custom string conflict

* peref: inform readed

* doc

* memo flow component

* perf: version

* faq

* feat: flow max runtimes

* feat: similarity tip

* feat: auto detect file encoding

* Supports asymmetric vector model

* fix: ts

* perf: max w

* move code

* perf: hide whisper

* fix: ts

* feat: system msg modal

* perf: catch error

* perf: inform tip

* fix: inform

---------

Co-authored-by: heheer <71265218+newfish-cmyk@users.noreply.github.com>
Co-authored-by: xiaotian <dimsky@163.com>

projects/app/src/components/MyMenu/index.tsx

@@ -1,7 +1,17 @@
 import React, { useRef, useState } from 'react';
-import { Menu, MenuList, MenuItem, Box, useOutsideClick, MenuButton } from '@chakra-ui/react';
+import {
+  Menu,
+  MenuList,
+  MenuItem,
+  Box,
+  useOutsideClick,
+  MenuButton,
+  MenuItemProps
+} from '@chakra-ui/react';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 
+type MenuItemType = 'primary' | 'danger';
+
 interface Props {
   width?: number | string;
   offset?: [number, number];
@@ -11,6 +21,7 @@ interface Props {
     isActive?: boolean;
     label: string | React.ReactNode;
     icon?: string;
+    type?: MenuItemType;
     onClick: () => any;
   }[];
 }
@@ -22,15 +33,25 @@ const MyMenu = ({
   Button,
   menuList
 }: Props) => {
-  const menuItemStyles = {
+  const typeMapStyle: Record<MenuItemType, MenuItemProps> = {
+    primary: {
+      _hover: {
+        backgroundColor: 'primary.50',
+        color: 'primary.600'
+      }
+    },
+    danger: {
+      _hover: {
+        color: 'red.600',
+        background: 'red.1'
+      }
+    }
+  };
+  const menuItemStyles: MenuItemProps = {
     borderRadius: 'sm',
     py: 3,
     display: 'flex',
-    alignItems: 'center',
-    _hover: {
-      backgroundColor: 'myGray.05',
-      color: 'primary.600'
-    }
+    alignItems: 'center'
   };
   const ref = useRef<HTMLDivElement>(null);
   const closeTimer = useRef<any>();
@@ -92,6 +113,7 @@ const MyMenu = ({
             <MenuItem
               key={i}
               {...menuItemStyles}
+              {...typeMapStyle[item.type || 'primary']}
               onClick={(e) => {
                 e.stopPropagation();
                 setIsOpen(false);