@gientech/modual 2.0.3 → 2.0.5

package/src/modules/search/components/SimpleFileList.tsx

@@ -0,0 +1,215 @@
+import React, { useState } from 'react';
+import { Image, Checkbox, Pagination, Card, Typography } from 'antd';
+import { CaretRightOutlined, CaretDownOutlined } from '@ant-design/icons';
+import styled from 'styled-components';
+import SimpleEditor from './SimpleEditor';
+
+const { Text, Paragraph } = Typography;
+
+const FileListContainer = styled.div`
+  .file-item {
+    margin-bottom: 8px;
+    border: 1px solid #f0f0f0;
+    border-radius: 6px;
+    overflow: hidden;
+
+    &.selected {
+      border-color: #1890ff;
+      box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+    }
+  }
+
+  .file-header {
+    padding: 12px;
+    background: #fafafa;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+    &:hover {
+      background: #f5f5f5;
+    }
+  }
+
+  .file-content {
+    padding: 12px;
+    border-top: 1px solid #f0f0f0;
+  }
+
+  .file-icon {
+    width: 24px;
+    height: 24px;
+    object-fit: contain;
+  }
+
+  .file-info {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .file-name {
+    font-weight: 500;
+    margin-bottom: 4px;
+    word-break: break-all;
+  }
+
+  .file-meta {
+    color: #8c8c8c;
+    font-size: 12px;
+  }
+
+  .content-preview {
+    max-height: 200px;
+    overflow-y: auto;
+    border: 1px solid #f0f0f0;
+    border-radius: 4px;
+    padding: 8px;
+    background: #fafafa;
+  }
+`;
+
+export const FILEIMG: any = {
+  docx: '/src/assets/word.png',
+  doc: '/src/assets/word.png',
+  pdf: '/src/assets/pdf.png',
+  xls: '/src/assets/excel.png',
+  xlsx: '/src/assets/excel.png',
+  ppt: '/src/assets/ppt.png',
+  pptx: '/src/assets/ppt.png',
+  pub: '/src/assets/ppt.png',
+  txt: '/src/assets/txt.png'
+};
+
+interface FileListProps {
+  selectFile: string;
+  selectBlock: string;
+  fileList: Array<any>;
+  selectFileHandler: (fileId: string) => void;
+  selectBlockHandler: (blockId: string) => void;
+}
+
+const SimpleFileList: React.FC<FileListProps> = ({
+  fileList,
+  selectFile,
+  selectBlock,
+  selectFileHandler,
+  selectBlockHandler
+}) => {
+  const [isOpenList, setIsOpenList] = useState<boolean>(false);
+  const [checkedFileList, setCheckedFileList] = useState<Array<string>>([]);
+  const [currentPage, setCurrentPage] = useState(1);
+  const pageSize = 10;
+
+  const getFileIcon = (fileName: string) => {
+    const ext = fileName.split('.').pop()?.toLowerCase() || '';
+    return FILEIMG[ext] || '/src/assets/txt.png';
+  };
+
+  const handleFileClick = (fileId: string) => {
+    selectFileHandler(fileId);
+    setIsOpenList(!isOpenList);
+  };
+
+  const handleBlockClick = (blockId: string) => {
+    selectBlockHandler(blockId);
+  };
+
+  const handleCheckboxChange = (fileId: string, checked: boolean) => {
+    if (checked) {
+      setCheckedFileList(prev => [...prev, fileId]);
+    } else {
+      setCheckedFileList(prev => prev.filter(id => id !== fileId));
+    }
+  };
+
+  const paginatedFiles = fileList.slice(
+    (currentPage - 1) * pageSize,
+    currentPage * pageSize
+  );
+
+  return (
+    <FileListContainer>
+      {paginatedFiles.map((file: any) => (
+        <Card
+          key={file.id || file.fileId}
+          className={`file-item ${selectFile === (file.id || file.fileId) ? 'selected' : ''}`}
+          size="small"
+        >
+          <div className="file-header" onClick={() => handleFileClick(file.id || file.fileId)}>
+            <Image
+              src={getFileIcon(file.fileName || file.name)}
+              className="file-icon"
+              preview={false}
+            />
+            <div className="file-info">
+              <div className="file-name">{file.fileName || file.name}</div>
+              <div className="file-meta">
+                {file.fileSize && `${(file.fileSize / 1024).toFixed(1)}KB`}
+                {file.createTime && ` • ${new Date(file.createTime).toLocaleDateString()}`}
+              </div>
+            </div>
+            <Checkbox
+              checked={checkedFileList.includes(file.id || file.fileId)}
+              onChange={(e) => handleCheckboxChange(file.id || file.fileId, e.target.checked)}
+              onClick={(e) => e.stopPropagation()}
+            />
+            {isOpenList ? <CaretDownOutlined /> : <CaretRightOutlined />}
+          </div>
+
+          {isOpenList && selectFile === (file.id || file.fileId) && (
+            <div className="file-content">
+              {file.blocks && file.blocks.length > 0 ? (
+                file.blocks.map((block: any, index: number) => (
+                  <div
+                    key={block.id || index}
+                    className={`block-item ${selectBlock === (block.id || index.toString()) ? 'selected' : ''}`}
+                    onClick={() => handleBlockClick(block.id || index.toString())}
+                    style={{
+                      padding: '8px',
+                      margin: '4px 0',
+                      border: '1px solid #f0f0f0',
+                      borderRadius: '4px',
+                      cursor: 'pointer',
+                      backgroundColor: selectBlock === (block.id || index.toString()) ? '#e6f7ff' : '#fff'
+                    }}
+                  >
+                    <Text strong>块 {index + 1}</Text>
+                    {block.content && (
+                      <div className="content-preview">
+                        <SimpleEditor
+                          value={block.content}
+                          readOnly
+                          placeholder="无内容"
+                        />
+                      </div>
+                    )}
+                  </div>
+                ))
+              ) : (
+                <div style={{ padding: '20px', textAlign: 'center', color: '#8c8c8c' }}>
+                  暂无内容块
+                </div>
+              )}
+            </div>
+          )}
+        </Card>
+      ))}
+
+      {fileList.length > pageSize && (
+        <div style={{ marginTop: '16px', textAlign: 'center' }}>
+          <Pagination
+            current={currentPage}
+            total={fileList.length}
+            pageSize={pageSize}
+            onChange={setCurrentPage}
+            showSizeChanger={false}
+            showQuickJumper
+          />
+        </div>
+      )}
+    </FileListContainer>
+  );
+};
+
+export default SimpleFileList;

package/src/modules/search/index.tsx

@@ -0,0 +1,10 @@
+import React from "react";
+import SearchView from "./components/SearchView";
+import { useGlobalStore } from "@root/src/store/state/global";
+
+const SearchModule: React.FC = () => {
+  const token = useGlobalStore((state) => state.token);
+  return <SearchView />;
+};
+
+export default SearchModule;

package/src/modules/search/reademe.md

@@ -0,0 +1 @@
+zj, 搜索引擎模块

package/src/modules/search/servers/apis.tsx

@@ -0,0 +1,19 @@
+export const apis = {
+  dialog_create: {
+    url: "/qa/dialogue/create",
+    method: "post"
+  },
+  kb_search_start: { url: "/qa/ai/commonSearch", method: "post" },
+  kb_search_history_list: {
+    url: "/qa/ai/getQueryHistory",
+    method: "post"
+  },
+  kb_search_history_add: {
+    url: "/qa/ai/addQuery",
+    method: "post"
+  },
+  kb_search_history_delete: {
+    url: "/qa/ai/delQueryHistory",
+    method: "delete"
+  }
+};

package/src/modules/search/servers/index.ts

@@ -0,0 +1,184 @@
+import {
+  EventSourceMessage,
+  fetchEventSource
+} from "@microsoft/fetch-event-source";
+import { message } from "antd";
+import axios, { AxiosHeaderValue, AxiosInstance } from "axios";
+import { apis } from "./apis";
+import { ChatSystemType } from "../type";
+interface ServerBase<D> {
+  data: D;
+  config: {
+    url: string;
+    token?: string;
+    enableMock?: boolean;
+  };
+}
+//新的方案，hook造成初始化问题解决
+const createAxiosInstance = (url: string, token?: string, headers?: any) => {
+  const instance = axios.create({
+    baseURL: url // 替换为你的API基础URL
+  });
+
+  // 请求拦截器，附加token
+  instance.interceptors.request.use(
+    (config) => {
+      if (token) {
+        config.headers = {
+          ...config.headers,
+          ...headers
+        };
+        config.headers.Authorization = `${token}`;
+      }
+      return config;
+    },
+    (error) => {
+      return Promise.reject(error);
+    }
+  );
+
+  // 响应拦截器，可以处理响应错误或进行其他操作
+  instance.interceptors.response.use(
+    (response) => {
+      if (response.status === 401) {
+        throw new Error("令牌已经过期或没有权限查看");
+      }
+      return response.data;
+    },
+    (error) => {
+      message.error(
+        (error?.response?.data || {})?.errorMsg || "请求出错，请稍后再试"
+      );
+      return Promise.reject(error);
+    }
+  );
+
+  return instance;
+};
+
+interface TYPE_api_createDialogue
+  extends ServerBase<{
+    label: string;
+    sessionId: string;
+    assist_id: string;
+    sysType?: ChatSystemType;
+  }> {}
+export const api_createDialogue = (props: TYPE_api_createDialogue) => {
+  const { url, method } = apis.dialog_create;
+  const sysType = props.data.sysType || ChatSystemType.TEMPORARY;
+  const data = {
+    label: props.data.label,
+    sessionId: props.data.sessionId,
+    sysType: sysType,
+    configId: props.data.assist_id
+  };
+  const queryUrl = `${url}`;
+
+  const http = createAxiosInstance(props.config.url, props.config.token);
+
+  return http({
+    url: queryUrl,
+    method,
+    data
+  }).then((res) => res.data);
+};
+
+interface TYPE_api_startChat_re
+  extends ServerBase<{
+    sessionId: string;
+    queryId: string;
+    name: string;
+    lastDate: string;
+    type: string;
+    content: string;
+    configId: string;
+    audioUrl: string;
+    onMessage: (ev: EventSourceMessage) => void;
+    onError: (err: any) => number | null | undefined | void;
+    onClose: () => void;
+    signal?: AbortSignal;
+  }> {}
+
+export const api_start_kb_search = (props: TYPE_api_startChat_re) => {
+  const { url, method } = apis.kb_search_start;
+  const eventSourceUrl = `${props.config.url}${url}`;
+  const params = {
+    sessionId: props.data.sessionId,
+    queryId: props.data.queryId,
+    name: props.data.name,
+    lastDate: props.data.lastDate,
+    type: props.data.type,
+    content: props.data.content,
+    configId: props.data.configId,
+    audioUrl: props.data.audioUrl
+  };
+
+  fetchEventSource(eventSourceUrl, {
+    method: method,
+    signal: props.data.signal,
+    headers: {
+      "Content-Type": "application/json",
+      Accept: "text/event-stream",
+      Authorization: props.config.token || ""
+    },
+    openWhenHidden: true,
+    body: JSON.stringify(params),
+    onmessage: (event) => {
+      props.data.onMessage(event);
+    },
+    onerror: (error) => {
+      props.data.onError(error);
+    },
+    onclose: () => {
+      props.data.onClose();
+    }
+  });
+};
+interface TYPE_api_kbSearchHistoryList extends ServerBase<{}> {}
+export const api_kbSearchHistoryList = (
+  props: TYPE_api_kbSearchHistoryList
+) => {
+  const { url, method } = apis.kb_search_history_list;
+  const http = createAxiosInstance(props.config.url, props.config.token);
+  return http({
+    url,
+    method
+  }).then((res) => res.data);
+};
+
+interface TYPE_api_kbSearchHistoryAdd extends ServerBase<{}> {
+  data: {
+    queryContent: string;
+  };
+}
+export const api_kbSearchHistoryAdd = (props: TYPE_api_kbSearchHistoryAdd) => {
+  const { url, method } = apis.kb_search_history_add;
+  const { data, config } = props;
+  const _url = `${url}?queryContent=${data.queryContent}`;
+  const http = createAxiosInstance(config.url, config.token);
+  return http({
+    url: _url,
+    method
+  }).then((res) => res.data);
+};
+
+interface TYPE_api_kbSearcHistoryDelete extends ServerBase<{}> {
+  data: {
+    queryContent: string;
+  };
+}
+export const api_kbSearcHistoryDelete = (
+  props: TYPE_api_kbSearcHistoryDelete
+) => {
+  const { url, method } = apis.kb_search_history_delete;
+  const { data, config } = props;
+  const _url = data.queryContent
+    ? `${url}?queryContent=${data.queryContent}`
+    : url;
+  const http = createAxiosInstance(config.url, config.token);
+  return http({
+    url: _url,
+    method,
+    data
+  }).then((res) => res.data);
+};