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

package/src/examples/chat/components/DrawerGraphPreview.tsx

@@ -1,78 +0,0 @@
-import axios from 'axios';
-import { useEffect, useMemo, useState } from 'react';
-import { rag_dev_server } from '../../../utils/testconfigs';
-import '@mxmweb/nodegraph/style.css';
-import { KnowledgeGraphPreview, registerPreviewViewer } from '@mxmweb/nodegraph';
-registerPreviewViewer();
-
-const DrawerGraphPreview = ({ curFileInfo, onClose }: { curFileInfo: any; onClose: any }) => {
-  const [config, setConfig] = useState({
-    title: '',
-    subtitle: '',
-    backgroundColor: '#f8f9fa',
-    showGrid: true,
-    showLegend: false,
-    showTooltip: true,
-    showFullscreen: false,
-    showMinimap: false,
-  });
-  const [graphList, setGraphList] = useState<any>({ nodeList: [], edgeList: [] });
-  const getGraphData = async (curFileInfo: any) => {
-    if (!curFileInfo?.id || !curFileInfo?.cyphers || !curFileInfo?.fetchUrl) return;
-    try {
-      const { cyphers, fetchUrl, id } = curFileInfo || {};
-      const res = await axios.post(
-        fetchUrl,
-        {
-          cyphers: ['match (n:`疾病`)-[e]-(m) where id(n) == "疾病上睑下垂" return n,e,m;'],
-          ontologyId: id,
-        },
-        {
-          headers: { Authorization: rag_dev_server.token },
-        }
-      );
-      console.log('getGraphData res', res);
-      setGraphList(res?.data || {});
-    } catch (error) {
-      console.log('error', error);
-    }
-  };
-  //const { getToken } = useAppPassport();
-  useEffect(() => {
-    getGraphData(curFileInfo);
-  }, [curFileInfo]);
-
-  useEffect(() => {
-    console.log('graphList', graphList);
-  }, [graphList]);
-  return (
-    <div>
-      <div className="h-[52px] leading-[52px] font-bold text-[16px] px-[15px] overflow-hidden border-t-none border-l-none border-b-[1px] border-solid border-[rgb(222,226,230)]">
-        {curFileInfo?.name || '图谱预览'}
-      </div>
-      <div
-        className="w-full h-[calc(100vh-52)]"
-        style={{ width: '100%', height: 'calc(100vh - 52px)' }}
-      >
-        <KnowledgeGraphPreview
-          data={graphList}
-          layout={{ type: 'force', linkDistance: 190 }}
-          title={config.title}
-          subtitle={config.subtitle}
-          backgroundColor={config.backgroundColor}
-          showGrid={config.showGrid}
-          showLegend={config.showLegend}
-          showTooltip={config.showTooltip}
-          showFullscreen={config.showFullscreen}
-          showMinimap={config.showMinimap}
-          customPlugins={{}}
-          onReady={(graph: any) => {
-            console.log('KnowledgeGraphPreview ready:', graph);
-          }}
-        />
-      </div>
-    </div>
-  );
-};
-
-export default DrawerGraphPreview;

package/src/examples/chat/index.tsx

@@ -1,171 +0,0 @@
-import React, { useState } from 'react';
-import withGientechChatAdopter from '../../modules/chat';
-import { Icon } from '@mxmweb/zui';
-import { rag_dev_server } from '../../utils/testconfigs';
-
-const defaultToken = rag_dev_server.token;
-const defaultUrl = rag_dev_server.url;
-//PDF Worker 未注册。请在应用入口处调用 registerPDFWorker() 注册 Worker。 示例：import { registerPDFWorker } from "@mxmweb/fviewer"; registerPDFWorker("/worker/pdf.worker.min.js"); 注意：Worker 文件路径需要根据实际部署情况调整。
-import { registerPDFWorker } from '@mxmweb/fviewer';
-registerPDFWorker('/worker/pdf.worker.min.js');
-
-const mockSenderConfig = {
-  actions: [],
-  // 文件上传限制配置
-  upload_number_limit: 10, // 最多上传10个文件
-  upload_size_limit: 50 * 1024 * 1024, // 文件总大小限制为50MB
-  upload_limit_message: '文件数量超过限制，单次上传限制最多10个文件，总体积不超过50mb',
-  // 默认提示会根据配置的数量和大小自动生成，例如：
-  // "文件数量超过限制，最多只能上传 10 个文件，当前已有 X 个文件"
-  // "文件总大小 XXX 超过限制 50MB，当前已有文件大小：XXX"
-};
-
-const GientechChat = withGientechChatAdopter();
-
-export default function Preview() {
-  const [token] = useState(defaultToken);
-  const [url] = useState(defaultUrl);
-  const [open, setOpen] = useState(false);
-  const [drawerType, setDrawerType] = useState<string>('graphPreview');
-  const [curFileInfo, setCurFileInfo] = useState<any>({});
-
-  // 在组件内部定义 parsedStyles，以便使用 JSX 格式的图标
-  const parsedStyles = {
-    theme: {
-      colors: {
-        primary: '#4E6EF2',
-        secondary: '#6c757d',
-        success: '#008000',
-        warning: '#FFA500',
-        error: '#FF0000',
-        info: '#0000FF',
-        background: '#ffff',
-        text: '#000000',
-        border: '#dee2e6',
-        disabled: '#808080',
-        disabledBackground: '#F5F5F5',
-        disabledText: '#808080',
-        shadow: '#000000',
-        appBackground: '#fff',
-        listBackground: '#f9f9f9',
-        dashboardBackground: '#ffffff',
-        sidebarBg: 'transparent',
-        itemBg: 'transparent',
-        itemHoverBg: '#f0f4ff',
-        activeItemBg: 'linear-gradient(#E3ECFF, #EEEBFF)',
-        activeItemText: '#1D2129',
-        itemText: '#333',
-        groupBg: 'transparent',
-        groupText: '#333',
-        groupBorder: '#dee2e6',
-      },
-      space: {
-        sidebar: 'md',
-        size: 'md',
-        radius: 'md',
-        padding: 'md',
-        margin: 'md',
-        shadow: 'md',
-        lineHeight: 'md',
-      },
-      icons: {
-        aiAvatar: '/icons/sheets.png',
-        userAvatar:
-          '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',
-        // 使用 zui-icon 图标（rag/xxx 格式）
-        pdf: <Icon type="rag/pdf" size={18} />,
-        docx: <Icon type="rag/word" size={18} />,
-        doc: <Icon type="rag/word" size={18} />,
-        image: <Icon type="rag/pic" size={18} />,
-        sheets: <Icon type="rag/excel" size={18} />,
-        excel: <Icon type="rag/excel" size={18} />,
-        xls: <Icon type="rag/excel" size={18} />,
-        xlsx: <Icon type="rag/excel" size={18} />,
-        csv: <Icon type="rag/csv" size={18} />,
-        pptx: <Icon type="rag/ppt" size={18} />,
-        ppt: <Icon type="rag/ppt" size={18} />,
-        txt: <Icon type="rag/txt" size={18} />,
-        md: <Icon type="rag/txt" size={18} />,
-        html: <Icon type="rag/url" size={18} />,
-        htm: <Icon type="rag/url" size={18} />,
-        json: <Icon type="rag/json" size={18} />,
-        // 保留其他图标配置（如果存在）
-        video: '/icons/video.png',
-        audio: '/icons/audio.png',
-      },
-      others: {
-        baseFontWeight: 'normal',
-      },
-    },
-  };
-  return (
-    <div className="w-screen h-screen relative overflow-hidden">
-      {/* 演示：侧栏折叠/展开开关（调用层触发全局事件） */}
-
-      <GientechChat
-        token={token}
-        // sidebar={[]}
-        CustomComponents={{
-          LogoBox: null,
-        }}
-        locale="ja"
-        messages={{
-          welcome: {
-            title: 'ようこそ',
-            description: 'これはテストです',
-          },
-        }}
-        senderConfig={mockSenderConfig}
-        appLoadingConfig={{
-          // title: '"睿思"智能会话助手',
-          subtitle: '让智能对话更简单',
-        }}
-        url={url}
-        styles={parsedStyles}
-        eventsEmit={(eventName, data) => {
-          console.log('事件触发:', eventName, data);
-          setCurFileInfo(data);
-          setOpen(true);
-          return;
-          switch (eventName) {
-            case 'graph_reference:click':
-              if (!data) return;
-
-              setCurFileInfo(data);
-              setOpen(true);
-              break;
-            case 'conversations:delete_icon_clicked':
-              const label = data.data?.label || '未命名会话';
-              if (window.confirm(`确定要删除会话「${label}」吗？删除后无法恢复。`)) {
-                data
-                  .async_deleteConversation()
-                  .then(() => {
-                    data.fn_removeItemFromList();
-                  })
-                  .catch(() => {
-                    // 删除失败
-                  });
-              }
-              break;
-            case 'conversations:rename_icon_clicked':
-              const oldLabel = data.data?.label || '未命名会话';
-              const newLabel = window.prompt(`请输入新的会话名称（原名：${oldLabel}）：`, oldLabel);
-              if (newLabel && newLabel !== oldLabel) {
-                data
-                  .async_renameConversation(newLabel)
-                  .then(() => {
-                    data.fn_renameItemInList(newLabel);
-                  })
-                  .catch(() => {
-                    // 重命名失败
-                  });
-              }
-          }
-        }}
-        productLogo={undefined} // Logo 图片文件不存在，设置为 undefined
-        scrollOld={false}
-        disclaimer="内容由AI生成，仅供参考，不代表本公司观点。"
-      />
-    </div>
-  );
-}

package/src/examples/chatCompare/icons/rag_think.svg

@@ -1,8 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.73633 1.57642C2.53848 0.774265 3.74473 0.714862 4.87207 1.03052C6.02182 1.35245 7.24885 2.09683 8.3125 3.1604C9.37624 4.22414 10.1204 5.45195 10.4424 6.60181C10.758 7.72909 10.6986 8.93446 9.89648 9.73657C9.09439 10.5387 7.88901 10.5981 6.76172 10.2825C5.61186 9.96051 4.38405 9.21632 3.32031 8.15259C2.25674 7.08894 1.51236 5.86191 1.19043 4.71216C0.874775 3.58481 0.934176 2.37857 1.73633 1.57642Z" stroke="#4E6EF2" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.76172 5.41479C7.88883 5.09929 9.09442 5.15888 9.89648 5.96069C10.6986 6.76284 10.758 7.96909 10.4424 9.09644C10.1204 10.2462 9.37617 11.4732 8.3125 12.5369C7.24882 13.6005 6.02187 14.3448 4.87207 14.6667C3.74472 14.9824 2.53848 14.923 1.73633 14.1208C0.934528 13.3188 0.874922 12.1132 1.19043 10.9861C1.51239 9.83623 2.25659 8.60841 3.32031 7.54468C4.38405 6.48096 5.61186 5.73675 6.76172 5.41479Z" stroke="#4E6EF2" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.1282 1.03052C12.2553 0.715012 13.4609 0.774612 14.263 1.57642C15.0651 2.37857 15.1246 3.58481 14.8089 4.71216C14.4869 5.86196 13.7427 7.08892 12.679 8.15259C11.6153 9.21627 10.3884 9.96048 9.23859 10.2825C8.11124 10.5981 6.90499 10.5387 6.10284 9.73657C5.30106 8.9345 5.24144 7.72892 5.55695 6.60181C5.8789 5.45195 6.62311 4.22414 7.68683 3.1604C8.75056 2.09668 9.97838 1.35248 11.1282 1.03052Z" stroke="#4E6EF2" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.10284 5.96069C6.90499 5.15855 8.11124 5.09914 9.23859 5.41479C10.3883 5.73673 11.6154 6.48111 12.679 7.54468C13.7427 8.60841 14.4869 9.83623 14.8089 10.9861C15.1245 12.1134 15.0651 13.3188 14.263 14.1208C13.4609 14.9229 12.2555 14.9823 11.1282 14.6667C9.97838 14.3448 8.75055 13.6006 7.68683 12.5369C6.62325 11.4732 5.87888 10.2462 5.55695 9.09644C5.24129 7.96909 5.3007 6.76284 6.10284 5.96069Z" stroke="#4E6EF2" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
-
-

package/src/examples/chatCompare/icons/wenda_lianwangsousuo.svg

@@ -1,9 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 14.6666C11.6819 14.6666 14.6667 11.6819 14.6667 7.99998C14.6667 4.31808 11.6819 1.33331 8 1.33331C4.3181 1.33331 1.33334 4.31808 1.33334 7.99998C1.33334 11.6819 4.3181 14.6666 8 14.6666Z" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M1.33334 8H14.6667" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 14.6666C9.47277 14.6666 10.6667 11.6819 10.6667 7.99998C10.6667 4.31808 9.47277 1.33331 8 1.33331C6.52724 1.33331 5.33334 4.31808 5.33334 7.99998C5.33334 11.6819 6.52724 14.6666 8 14.6666Z" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M3.28597 3.38068C4.4924 4.58711 6.15907 5.33331 8 5.33331C9.84097 5.33331 11.5076 4.58711 12.7141 3.38068" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.7141 12.6193C11.5076 11.4129 9.84097 10.6667 8 10.6667C6.15907 10.6667 4.4924 11.4129 3.28597 12.6193" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
-
-

package/src/examples/chatCompare/index.tsx

@@ -1,154 +0,0 @@
-import ChatCompareComponent from '../../modules/chatCompare';
-import { rag_dev_server } from '../../utils/testconfigs';
-import '../../style.css';
-import { Paperclip } from 'lucide-react';
-import NetSearchIcon from './icons/wenda_lianwangsousuo.svg?react';
-import RagThinkIcon from './icons/rag_think.svg?react';
-import { Icon } from '@mxmweb/zui';
-import { registerPDFWorker } from '@mxmweb/fviewer';
-registerPDFWorker('/worker/pdf.worker.min.js');
-const defaultToken = rag_dev_server.token;
-const parsedStyles = {
-  theme: {
-    colors: {
-      primary: '#4E6EF2',
-      secondary: '#6c757d',
-      success: '#008000',
-      warning: '#FFA500',
-      error: '#FF0000',
-      info: '#0000FF',
-      background: '#ffff',
-      text: '#000000',
-      border: '#dee2e6',
-      disabled: '#808080',
-      disabledBackground: '#F5F5F5',
-      disabledText: '#808080',
-      shadow: '#000000',
-      appBackground: '#fff',
-      listBackground: '#f9f9f9',
-      dashboardBackground: '#ffffff',
-      sidebarBg: 'transparent',
-      itemBg: 'transparent',
-      itemHoverBg: '#f0f4ff',
-      activeItemBg: 'linear-gradient(#E3ECFF, #EEEBFF)',
-      activeItemText: '#1D2129',
-      itemText: '#333',
-      groupBg: 'transparent',
-      groupText: '#333',
-      groupBorder: '#dee2e6',
-    },
-    space: {
-      sidebar: 'md',
-      size: 'md',
-      radius: 'md',
-      padding: 'md',
-      margin: 'md',
-      shadow: 'md',
-      lineHeight: 'md',
-    },
-    icons: {
-      aiAvatar: '/icons/answerAwartar.png',
-      userAvatar: '/icons/questionAwartar.png',
-      // 使用 zui-icon 图标（rag/xxx 格式）
-      pdf: <Icon type="rag/pdf" size={18} />,
-      docx: <Icon type="rag/word" size={18} />,
-      doc: <Icon type="rag/word" size={18} />,
-      image: <Icon type="rag/pic" size={18} />,
-      sheets: <Icon type="rag/excel" size={18} />,
-      excel: <Icon type="rag/excel" size={18} />,
-      xls: <Icon type="rag/excel" size={18} />,
-      xlsx: <Icon type="rag/excel" size={18} />,
-      csv: <Icon type="rag/csv" size={18} />,
-      pptx: <Icon type="rag/ppt" size={18} />,
-      ppt: <Icon type="rag/ppt" size={18} />,
-      txt: <Icon type="rag/txt" size={18} />,
-      md: <Icon type="rag/txt" size={18} />,
-      html: <Icon type="rag/url" size={18} />,
-      htm: <Icon type="rag/url" size={18} />,
-      json: <Icon type="rag/json" size={18} />,
-      // 保留其他图标配置（如果存在）
-      video: '/icons/video.png',
-      audio: '/icons/audio.png',
-    },
-    others: {
-      baseFontWeight: 'normal',
-    },
-  },
-};
-const ChatCompare = () => {
-  return (
-    <div className="w-full h-full bg-amber-50">
-      <ChatCompareComponent
-        token={defaultToken}
-        styles={parsedStyles}
-        senderConfig={{
-          // 文件大小限制（字节数），例如：100MB = 100 * 1024 * 1024
-          upload_size_limit: 50 * 1024 * 1024,
-
-          // 文件数量限制
-          upload_number_limit: 10,
-
-          // 允许的文件类型列表
-          // 支持扩展名（如 'pdf', 'docx', 'jpg'）
-          // 支持 MIME 类型（如 'image/*', 'application/pdf'）
-          upload_file_type_limit: [
-            'ppt',
-            'pptx',
-            'doc',
-            'docx',
-            'xlsx',
-            'csv',
-            'pdf',
-            'text',
-            'html',
-            'jpg',
-            'jpeg',
-            'md',
-            'json',
-            'png',
-          ],
-
-          // 自定义错误提示信息（可选）
-          upload_limit_message: '文件不符合上传要求，请检查后重试',
-          actions: [
-            {
-              name: 'upload',
-              icon: <Paperclip color="#4E5969" size={20} />,
-              // badgeCount: 0,
-              tip: `最多上传10个文件（每个最大 50 MB），支持单次或批量上传ppt(x)、doc(x)、xlsx、csv、pdf、text、html、jp(e)g、md、json、png等文件`,
-            },
-          ],
-          switchs: [
-            {
-              label: '联网搜索',
-              name: 'netSearch',
-              type: 'switch',
-              defaultValue: false,
-              enabled: true,
-              icon: (
-                <NetSearchIcon
-                  width={16}
-                  height={16}
-                  className="aichat-netsearch-icon"
-                  style={{ color: '#4B8CF7' }}
-                />
-              ),
-            },
-
-            {
-              label: '深度思考',
-              name: 'reasoning',
-              type: 'switch',
-              defaultValue: true,
-              enabled: true,
-              icon: <RagThinkIcon width={16} height={16} />,
-            },
-          ],
-        }}
-        viewLimit={10}
-        disclaimer="内容由AI生成，仅供参考，不代表本公司观点。"
-      />
-    </div>
-  );
-};
-export default ChatCompare;