@gientech/modual 2.2.3-fix.5 → 2.2.3-fix.6

package/src/modules/chatCompare/components/components/RenameModal.tsx

@@ -0,0 +1,86 @@
+import { BorderBottomOutlined } from "@ant-design/icons";
+import { Button, ConfigProvider, Form, Input, Modal } from "antd";
+import { useForm } from "antd/es/form/Form";
+import { useEffect } from "react";
+
+export const RenameModal = ({
+  isModalOpen,
+  handleOk,
+  handleCancel,
+  data
+}: any) => {
+  const modalStyles = {
+    header: {
+      height: "60px",
+      borderBottom: "1px solid #F0F0F0",
+      display: "flex",
+      paddingLeft: "24px",
+      alignItems: "center",
+      marginBottom: "16px"
+    },
+    title: { fontSize: "16px" },
+    body: { padding: "0 24px" },
+    mask: {},
+    footer: { marginTop: "0px", padding: "0 24px 16px 24px" },
+    content: { padding: 0 }
+  };
+  const [rename_form] = useForm();
+  useEffect(() => {
+    if (!isModalOpen) {
+      rename_form.resetFields();
+      return;
+    }
+    rename_form.setFieldValue("new_name", data?.label);
+  }, [data, isModalOpen]);
+  return (
+    <ConfigProvider
+      modal={{
+        styles: modalStyles
+      }}
+    >
+      <Modal
+        title={<div className="text-[16px]">编辑会话名称</div>}
+        closeIcon={null}
+        open={isModalOpen}
+        width={520}
+        centered
+        className="[&:[.ant-modal-content]]:bg-red"
+        footer={
+          <div className="mt-[16px] flex justify-end">
+            <Button
+              children="取消"
+              onClick={handleCancel}
+              className="mr-[8px]"
+            />
+            <Button
+              children="确认"
+              onClick={async () => {
+                try {
+                  const data = await rename_form.validateFields();
+                  handleOk("ok_rename", data);
+                } catch (e) {
+                  console.log(e);
+                  return;
+                }
+              }}
+              type="primary"
+              className="border-none"
+            />
+          </div>
+        }
+      >
+        <Form form={rename_form}>
+          <Form.Item
+            name="new_name"
+            rules={[
+              { required: true, message: "请输入" },
+              { max: 100, message: "最大字数限制100" }
+            ]}
+          >
+            <Input />
+          </Form.Item>
+        </Form>
+      </Modal>
+    </ConfigProvider>
+  );
+};

package/src/modules/chatCompare/components/components/TagCom.tsx

@@ -0,0 +1,30 @@
+import { bgColor, textColor } from './ReferenceBar';
+
+const TagCom = ({ i, item, j, clickTag }: any) => {
+  console.log('j in tag', j);
+  console.log('i in tag', i);
+  console.log('item in tag', item);
+
+  return (
+    <div
+      key={j.id}
+      style={{
+        minWidth: '16px',
+        height: '16px',
+        backgroundColor: bgColor[item.key],
+        margin: '0 4px',
+        color: textColor[item.key],
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderRadius: '2px',
+        fontSize: '12px',
+        cursor: 'pointer',
+      }}
+      onClick={() => clickTag && clickTag(i, j, item)}
+    >
+      {j.index}
+    </div>
+  );
+};
+export default TagCom;

package/src/modules/chatCompare/components/defaultStyleSet.tsx

@@ -0,0 +1,148 @@
+// 主题类型定义
+export type SizeType = 'sm' | 'md' | 'lg'
+export type FontWeightType = 'normal' | 'bold' |'thin'
+export type FontFamilyType = 'default' | 'serif' | 'mono'
+
+export interface AiChatStyles {
+  theme?: AppTheme
+  mode?: 'light' | 'dark'
+  [key: string]: any
+}
+
+export interface ThemeColors {
+  primary: string
+  secondary: string
+  success: string
+  warning: string
+  error: string
+  info?: string
+  background?: string
+  text?: string
+  border?: string
+  disabled?: string
+  disabledBackground?: string
+  disabledText: string
+  shadow?: string
+  appBackground?: string
+  [key: string]: string | undefined
+}
+
+export interface ThemeOthers {
+
+}
+
+export interface ThemeSpace {
+  sidebar?: string
+  size?: string
+  radius?: string
+  padding?: string
+  margin?: string
+  shadow?: string
+  lineHeight?: string
+  [key: string]: string | undefined
+}
+
+export interface ThemeIcons {
+  aiAvatar?: string
+  userAvatar?: string
+  pdf?: string
+  word?: string
+  image?: string
+  video?: string
+  audio?: string
+  excel?: string
+  ppt?: string
+  docx?: string
+  sheets?: string
+  pptx?: string
+  [key: string]: string | undefined
+}
+
+export interface AppTheme {
+  colors: ThemeColors
+
+  space: ThemeSpace
+  icons: ThemeIcons
+  others: ThemeOthers
+}
+
+// 默认主题实现
+export const defaultTheme: AppTheme = {
+  colors: {
+    primary: '#007bff',
+    secondary: '#6c757d',
+    success: '#008000',
+    warning: '#FFA500',
+    error: '#FF0000',
+    info: '#0000FF',
+    background: '#f8f9fa',
+    text: '#343a40',
+    border: '#dee2e6',
+    disabled: '#808080',
+    disabledBackground: '#F5F5F5',
+    disabledText: '#808080',
+    shadow: '#000000',
+    appBackground: '#fff',
+  },
+  space: {
+    sidebar: 'md',
+    size: 'md',
+    radius: 'md',
+    padding: 'md',
+    margin: 'md',
+    shadow: 'md',
+    lineHeight: 'md',
+  },
+  icons: {
+    aiAvatar: 'http://10.15.12.13:9000/dev-rag-data/header_pic/JIABINBIN00/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20231212161213.jpg',
+    userAvatar: 'http://10.15.12.13:9005/assets/nav-logo-BKaOCDqi.png',
+    pdf: 'https://ai-chat-1326151111.cos.ap-shanghai.myqcloud.com/pdf-icon.png',
+    word: 'https://ai-chat-1326151111.cos.ap-shanghai.myqcloud.com/word-icon.png',
+    image: 'https://ai-chat-1326151111.cos.ap-shanghai.myqcloud.com/image-icon.png',
+    video: 'https://ai-chat-1326151111.cos.ap-shanghai.myqcloud.com/video-icon.png',
+    audio: 'https://ai-chat-1326151111.cos.ap-shanghai.myqcloud.com/audio-icon.png',
+    excel: 'https://ai-chat-1326151111.cos.c zap-shanghai.myqcloud.com/excel-icon.png',
+    ppt: 'https://ai-chat-1326151111.cos.ap-shanghai.myqcloud.com/ppt-icon.png',
+  },
+  others: {
+    baseFontWeight: 'normal',
+  },
+}
+
+// SizeType 映射表
+export const sidebarMap = {
+  sm: '240px',
+  md: '260px',
+  lg: '280px',
+};
+export const sizeMap = {
+  sm: '12px',
+  md: '16px',
+  lg: '20px',
+};
+export const radiusMap = {
+  sm: '2px',
+  md: '4px',
+  lg: '8px',
+};
+export const paddingMap = {
+  sm: '4px',
+  md: '8px',
+  lg: '16px',
+};
+export const marginMap = {
+  sm: '4px',
+  md: '8px',
+  lg: '16px',
+};
+export const shadowMap = {
+  sm: '0 1px 2px #eee',
+  md: '0 2px 8px #ddd',
+  lg: '0 4px 16px #ccc',
+};
+export const lineHeightMap = {
+  sm: '1.2',
+  md: '1.5',
+  lg: '2',
+};
+

package/src/modules/chatCompare/components/server.ts

@@ -0,0 +1,208 @@
+import axios from 'axios';
+import { getUrlPrefix } from '../../../utils';
+import { message } from 'antd';
+
+export const getHelperlistApi = async ({ token }: { token: string }) => {
+  try {
+    const res: any = await axios.get(`${getUrlPrefix()}/qa/search/config/helper/list`, {
+      headers: { Authorization: token },
+    });
+
+    if (res?.data?.data?.length) {
+      return res.data.data;
+    } else {
+      responseError();
+      return false;
+    }
+  } catch (error) {
+    console.log('error', error);
+    responseError(error);
+  }
+};
+
+export const api_createDialogue = async ({ token, params }: { token: string; params: any }) => {
+  try {
+    const res: any = await axios.post(`${getUrlPrefix()}/qa/dialogue/create`, params, {
+      headers: { Authorization: token },
+    });
+
+    if (res?.data) {
+      return res.data;
+    } else {
+      responseError();
+      return false;
+    }
+  } catch (error) {
+    console.log('error', error);
+    responseError(error);
+  }
+};
+function responseError(error?: any) {
+  throw new Error('Response Error: ' + error);
+}
+
+export const handleFeedBack = async (
+  config: { url: string; token: string; CSRFToken?: string },
+  data: { restult: number; queryId: string },
+  cb: () => void
+) => {
+  try {
+    axios
+      .post(`${config.url}/qa/feedback`, data, {
+        headers: { Authorization: config.token, 'X-CSRF-TOKEN-IN': config.CSRFToken || '' },
+      })
+      .then(res => {
+        if (res.data.success) {
+          cb && cb();
+        }
+      });
+  } catch (error) {
+    console.log('error', error);
+  }
+};
+
+export const handleCancelFeedBack = async (
+  config: { url: string; token: string; CSRFToken?: string },
+  data: { queryId: string },
+  cb: () => void
+) => {
+  try {
+    axios
+      .delete(`${config.url}/qa/feedback/cancel?queryId=${data.queryId}`, {
+        headers: { Authorization: config.token, 'X-CSRF-TOKEN-IN': config.CSRFToken || '' },
+      })
+      .then(res => {
+        if (res.data.success) {
+          cb && cb();
+        }
+      });
+  } catch (error) {
+    console.log('error', error);
+  }
+};
+///qa/feedback/que/list
+export const getFeedbackList = (config: { url: string; token: string }, cb: (arg: any) => void) => {
+  try {
+    axios
+      .get(`${config.url}/qa/feedback/que/list`, {
+        headers: { Authorization: config.token },
+      })
+      .then(res => {
+        if (res.data.success) {
+          cb && cb(res.data.data);
+        }
+      });
+  } catch (error) {
+    console.log('error', error);
+  }
+};
+
+export const handleRename = async (
+  config: { url: string; token: string; CSRFToken?: string },
+  data: { label: string; sessionId: string },
+  cb: (arg: any) => void
+) => {
+  try {
+    axios
+      .post(`${config.url}/qa/dialogue/reName`, data, {
+        headers: { Authorization: config.token, 'X-CSRF-TOKEN-IN': config.CSRFToken || '' },
+      })
+      .then(res => {
+        if (res.data.success) {
+          cb && cb(res);
+        } else {
+          message.error('编辑名字失败');
+        }
+      })
+      .catch(res => {
+        if (res?.response?.data?.errorMsg) {
+          message.error(res.response.data.errorMsg);
+        }
+      });
+  } catch (error) {
+    console.log('error', error);
+  }
+};
+
+export const handleDeleteConversation = async (
+  config: { url: string; token: string; CSRFToken?: string },
+  data: { sessionId: string },
+  cb: (arg: any) => void
+) => {
+  try {
+    axios
+      .delete(`${config.url}/qa/dialogue/delete?sessionId=${data.sessionId}`, {
+        headers: { Authorization: config.token, 'X-CSRF-TOKEN-IN': config.CSRFToken || '' },
+      })
+      .then(res => {
+        if (res.data.success) {
+          cb && cb(res.data);
+        }
+      });
+  } catch (error) {
+    console.log('error', error);
+  }
+};
+
+// 创建会话接口
+export const handleCreateConversation = async (
+  config: { url: string; token: string; CSRFToken?: string },
+  data: { label: string; sessionId: string; sysType: string; configId: string | number },
+  cb: (res: any) => void
+) => {
+  console.log('[DEBUG] handleCreateConversation 请求', {
+    url: config.url,
+    token: config.token,
+    data,
+  });
+  try {
+    axios
+      .post(`${config.url}/qa/dialogue/create`, data, {
+        headers: { Authorization: config.token, 'X-CSRF-TOKEN-IN': config.CSRFToken || '' },
+      })
+      .then(res => {
+        if (res.data.success) {
+          cb && cb(res.data);
+        } else {
+          message.error(res.data.errorMsg || '创建会话失败');
+        }
+      })
+      .catch(res => {
+        if (res?.response?.data?.errorMsg) {
+          message.error(res.response.data.errorMsg);
+        }
+      });
+  } catch (error) {
+    console.log('error', error);
+  }
+};
+
+// 删除临时上传文件
+export const removeFilefromTempUpload = async (
+  config: { url: string; token: string; CSRFToken?: string },
+  params: { uid: string; queryId?: string },
+  cb?: (success: boolean, res?: any) => void
+) => {
+  try {
+    const { uid, queryId } = params;
+    let url = `${config.url}/index/knowledgeBase/file/deleteByUid?uid=${uid}`;
+    if (queryId) url += `&queryId=${queryId}`;
+
+    axios
+      .delete(url, {
+        headers: { Authorization: config.token, 'X-CSRF-TOKEN-IN': config.CSRFToken || '' },
+      })
+      .then(res => {
+        if (res.data.success) {
+          cb && cb(true, res);
+        } else {
+          cb && cb(false, res);
+        }
+      })
+      .catch(err => {
+        cb && cb(false, err);
+      });
+  } catch (error) {
+    cb && cb(false, error);
+  }
+};

package/src/modules/chatCompare/components/serverFn.ts

@@ -0,0 +1,172 @@
+import { message } from 'antd';
+import axios from 'axios';
+
+
+export const handleFeedBack = async (
+  config: { url: string; token: string; CSRFToken?: string },
+  data: { restult: number; queryId: string },
+  cb: () => void
+) => {
+  try {
+    axios
+      .post(`${config.url}/qa/feedback`, data, {
+        headers: { Authorization: config.token, 'X-CSRF-TOKEN-IN': config.CSRFToken || '' },
+      })
+      .then(res => {
+        if (res.data.success) {
+          cb && cb();
+        }
+      });
+  } catch (error) {
+    console.log('error', error);
+  }
+};
+
+export const handleCancelFeedBack = async (
+  config: { url: string; token: string; CSRFToken?: string },
+  data: { queryId: string },
+  cb: () => void
+) => {
+  try {
+    axios
+      .delete(`${config.url}/qa/feedback/cancel?queryId=${data.queryId}`, {
+        headers: { Authorization: config.token, 'X-CSRF-TOKEN-IN': config.CSRFToken || '' },
+      })
+      .then(res => {
+        if (res.data.success) {
+          cb && cb();
+        }
+      });
+  } catch (error) {
+    console.log('error', error);
+  }
+};
+///qa/feedback/que/list
+export const getFeedbackList = (config: { url: string; token: string }, cb: (arg: any) => void) => {
+  try {
+    axios
+      .get(`${config.url}/qa/feedback/que/list`, {
+        headers: { Authorization: config.token },
+      })
+      .then(res => {
+        if (res.data.success) {
+          cb && cb(res.data.data);
+        }
+      });
+  } catch (error) {
+    console.log('error', error);
+  }
+};
+
+export const handleRename = async (
+  config: { url: string; token: string; CSRFToken?: string },
+  data: { label: string; sessionId: string },
+  cb: (arg: any) => void
+) => {
+  try {
+    axios
+      .post(`${config.url}/qa/dialogue/reName`, data, {
+        headers: { Authorization: config.token, 'X-CSRF-TOKEN-IN': config.CSRFToken || '' },
+      })
+      .then(res => {
+        if (res.data.success) {
+          cb && cb(res);
+        } else {
+          message.error('编辑名字失败');
+        }
+      })
+      .catch(res => {
+        if (res?.response?.data?.errorMsg) {
+          message.error(res.response.data.errorMsg);
+        }
+      });
+  } catch (error) {
+    console.log('error', error);
+  }
+};
+
+export const handleDeleteConversation = async (
+  config: { url: string; token: string; CSRFToken?: string },
+  data: { sessionId: string },
+  cb: (arg: any) => void
+) => {
+  try {
+    axios
+      .delete(`${config.url}/qa/dialogue/delete?sessionId=${data.sessionId}`, {
+        headers: { Authorization: config.token, 'X-CSRF-TOKEN-IN': config.CSRFToken || ''  },
+      })
+      .then(res => {
+        if (res.data.success) {
+          cb && cb(res.data);
+        }
+      });
+  } catch (error) {
+    console.log('error', error);
+  }
+};
+
+// 创建会话接口
+export const handleCreateConversation = async (
+  config: { url: string; token: string; CSRFToken?: string },
+  data: { label: string; sessionId: string; sysType: string; configId: string|number },
+  cb: (res: any) => void
+) => {
+  console.log('[DEBUG] handleCreateConversation 请求', { url: config.url, token: config.token, data });
+  try {
+    axios
+      .post(`${config.url}/qa/dialogue/create`, data, {
+        headers: { Authorization: config.token, 'X-CSRF-TOKEN-IN': config.CSRFToken || '' },
+      })
+      .then(res => {
+        if (res.data.success) {
+          cb && cb(res.data);
+        } else {
+          message.error(res.data.errorMsg || '创建会话失败');
+        }
+      })
+      .catch(res => {
+        if (res?.response?.data?.errorMsg) {
+          message.error(res.response.data.errorMsg);
+        }
+      });
+  } catch (error) {
+    console.log('error', error);
+  }
+};
+
+// 删除临时上传文件
+export const removeFilefromTempUpload = async (
+  config: { url: string; token: string; CSRFToken?: string },
+  params: { uid: string; queryId?: string },
+  cb?: (success: boolean, res?: any) => void
+) => {
+  try {
+    const { uid, queryId } = params;
+    let url = `${config.url}/index/knowledgeBase/file/deleteByUid?uid=${uid}`;
+    if (queryId) url += `&queryId=${queryId}`;
+
+    axios
+      .delete(url, {
+        headers: { Authorization: config.token, 'X-CSRF-TOKEN-IN': config.CSRFToken || ''  },
+      })
+      .then(res => {
+
+        if (res.data.success) {
+
+          cb && cb(true, res);
+        } else {
+
+          cb && cb(false, res);
+        }
+      })
+      .catch((err) => {
+
+        cb && cb(false, err);
+      });
+  } catch (error) {
+
+    cb && cb(false, error);
+  }
+};
+
+