@opensumi/ide-ai-native 3.8.3-next-1741848368.0 → 3.8.3-next-1741917543.0

package/src/browser/components/mention-input/mention-item.tsx

@@ -1,24 +0,0 @@
-import cls from 'classnames';
-import * as React from 'react';
-
-import { Icon, getIcon } from '@opensumi/ide-core-browser/lib/components';
-
-import styles from './mention-input.module.less';
-import { MentionItem as MentionItemType } from './types';
-
-interface MentionItemProps {
-  item: MentionItemType;
-  isActive: boolean;
-  onClick: (item: MentionItemType) => void;
-}
-
-export const MentionItem: React.FC<MentionItemProps> = ({ item, isActive, onClick }) => (
-  <div className={`${styles.mention_item} ${isActive ? styles.active : ''}`} onClick={() => onClick(item)}>
-    <div className={styles.mention_item_left}>
-      <Icon className={cls(styles.mention_item_icon, item.icon)} />
-      <span className={styles.mention_item_text}>{item.text}</span>
-      <span className={styles.mention_item_description}>{item.description}</span>
-    </div>
-    {item.getItems && <Icon className={cls(styles.mention_item_right, getIcon('arrowright'))} />}
-  </div>
-);

package/src/browser/components/mention-input/mention-panel.tsx

@@ -1,89 +0,0 @@
-import * as React from 'react';
-
-import styles from './mention-input.module.less';
-import { MentionItem } from './mention-item';
-import { MentionItem as MentionItemType, MentionPosition } from './types';
-
-interface MentionPanelProps {
-  items: MentionItemType[];
-  activeIndex: number;
-  onSelectItem: (item: MentionItemType, isTriggerByClick?: boolean) => void;
-  position: MentionPosition;
-  filter: string;
-  visible: boolean;
-  level: number;
-  loading?: boolean;
-}
-
-export const MentionPanel: React.FC<MentionPanelProps> = ({
-  items,
-  activeIndex,
-  onSelectItem,
-  position,
-  filter,
-  visible,
-  level,
-  loading = false,
-}) => {
-  const panelRef = React.useRef<HTMLDivElement>(null);
-
-  // 当活动项改变时滚动到可见区域
-  React.useEffect(() => {
-    if (visible && panelRef.current) {
-      const activeItem = panelRef.current.querySelector(`.${styles.mention_item}.${styles.active}`);
-      if (activeItem) {
-        activeItem.scrollIntoView({ block: 'nearest' });
-      }
-    }
-  }, [activeIndex, visible]);
-
-  if (!visible) {
-    return null;
-  }
-
-  // 根据过滤条件筛选项目
-  const getFilteredItems = () => {
-    let filteredItems = items;
-
-    if (level === 0) {
-      // 一级菜单根据 @ 后面的文本过滤
-      if (filter && filter.length > 1) {
-        const searchText = filter.substring(1).toLowerCase();
-        filteredItems = items.filter((item) => item.text.toLowerCase().includes(searchText));
-      }
-    } else {
-      // 二级菜单根据 @file: 后面的文本过滤
-      if (filter && filter.length > 0) {
-        filteredItems = items.filter((item) => item.text.toLowerCase().includes(filter.toLowerCase()));
-      }
-    }
-
-    return filteredItems;
-  };
-
-  const filteredItems = getFilteredItems();
-
-  if (level === 0 && filteredItems.length === 0) {
-    return null;
-  }
-
-  return (
-    <div ref={panelRef} className={styles.mention_panel} style={{ top: position.top, left: position.left }}>
-      {loading && <div className={styles.loading_bar}></div>}
-      {items.length > 0 ? (
-        <ul className={styles.mention_list}>
-          {items.map((item, index) => (
-            <MentionItem
-              key={item.id}
-              item={item}
-              isActive={index === activeIndex}
-              onClick={() => onSelectItem(item, true)}
-            />
-          ))}
-        </ul>
-      ) : (
-        <div className={styles.no_results}>{loading ? '正在搜索...' : '无匹配结果'}</div>
-      )}
-    </div>
-  );
-};

package/src/browser/components/mention-input/types.ts

@@ -1,84 +0,0 @@
-import type { LabelService } from '@opensumi/ide-core-browser';
-import type { IWorkspaceService } from '@opensumi/ide-workspace';
-
-export interface MentionItem {
-  id: string;
-  type: string;
-  text: string;
-  value?: string;
-  description?: string;
-  contextId?: string;
-  icon?: string;
-  getHighestLevelItems?: () => MentionItem[];
-  getItems?: (searchText: string) => Promise<MentionItem[]>;
-}
-
-export interface SecondLevelMenuConfig {
-  getDefaultItems: () => MentionItem[];
-  getHighestLevelItems: () => MentionItem[];
-}
-
-export interface MentionPosition {
-  top: number;
-  left: number;
-}
-
-export interface MentionState {
-  active: boolean;
-  startPos: number | null;
-  filter: string;
-  position: MentionPosition;
-  activeIndex: number;
-  level: number; // 0: 一级菜单, 1: 二级菜单
-  parentType: string | null; // 二级菜单的父类型
-  secondLevelFilter: string; // 二级菜单的筛选文本
-  inlineSearchActive: boolean; // 是否在输入框中进行二级搜索
-  inlineSearchStartPos: number | null; // 内联搜索的起始位置
-  loading: boolean; // 加载状态
-}
-
-interface ModelOption {
-  label: string;
-  value: string;
-}
-
-export enum FooterButtonPosition {
-  LEFT = 'left',
-  RIGHT = 'right',
-}
-
-export enum MentionType {
-  FILE = 'file',
-  FOLDER = 'folder',
-  CODE = 'code',
-}
-
-interface FooterButton {
-  id: string;
-  icon: string;
-  title: string;
-  onClick?: () => void;
-  position: FooterButtonPosition;
-}
-
-export interface FooterConfig {
-  modelOptions?: ModelOption[];
-  defaultModel?: string;
-  buttons?: FooterButton[];
-  showModelSelector?: boolean;
-}
-
-export interface MentionInputProps {
-  mentionItems?: MentionItem[]; // 简化为单一菜单项配置
-  onSend?: (content: string, config?: { model: string; [key: string]: any }) => void;
-  onStop?: () => void;
-  placeholder?: string;
-  loading?: boolean;
-  onSelectionChange?: (value: string) => void;
-  footerConfig?: FooterConfig; // 新增配置项
-  mentionKeyword?: string;
-  labelService?: LabelService;
-  workspaceService?: IWorkspaceService;
-}
-
-export const MENTION_KEYWORD = '@';