From 331ac423ceb8df70c6f68f7a0380185cab977fee Mon Sep 17 00:00:00 2001
From: Whiskeyi <825906196@qq.com>
Date: Sat, 28 Sep 2024 13:25:34 +0800
Subject: [PATCH] feat: adjust dashboard style

---
 src/assets/styles/index.scss                  |    4 +
 src/views/board/BoardSearchView.vue           | 1095 +++++++++--------
 src/views/board/BoardView.vue                 |  127 +-
 .../components/chartBoard/ChartBoard.vue      |  410 +++---
 .../components/chatWindow/ChatWindow.vue      |  111 +-
 yarn.lock                                     |  280 ++++-
 6 files changed, 1179 insertions(+), 848 deletions(-)

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 487d89d..27858d3 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -41,6 +41,10 @@ html.dark svg {
   box-sizing: inherit;
 }
 
+* .chat-message > p {
+  margin: 0;
+}
+
 /* .no-padding {
   padding: 0px !important;
 }
diff --git a/src/views/board/BoardSearchView.vue b/src/views/board/BoardSearchView.vue
index 8c6ab1a..f32efa0 100644
--- a/src/views/board/BoardSearchView.vue
+++ b/src/views/board/BoardSearchView.vue
@@ -1,175 +1,178 @@
 <script setup>
-import { onMounted, ref } from 'vue';
-import { SendOutlined, /* RedoOutlined, LikeOutlined, DislikeOutlined, LeftOutlined, */ MessageTwoTone, DownOutlined, MenuOutlined, ArrowLeftOutlined } from '@ant-design/icons-vue';
-import { useRouter } from 'vue-router';
+import { onMounted, ref } from "vue";
+import {
+  SendOutlined,
+  /* RedoOutlined, LikeOutlined, DislikeOutlined, LeftOutlined, */ MessageTwoTone,
+  DownOutlined,
+  MenuOutlined,
+  ArrowLeftOutlined,
+} from "@ant-design/icons-vue";
+import { useRouter } from "vue-router";
 import MarkdownIt from "markdown-it";
 import VRuntimeTemplate from "vue3-runtime-template";
-import { getHistoryList } from '@/api/chat/index';
+import { getHistoryList } from "@/api/chat/index";
 import { addMessage } from "@/api/chat/index";
-import { getSourceBrief } from '@/api/dataSource';
+import { getSourceBrief } from "@/api/dataSource";
 import { useChatSSE, sendMessage } from "@/api/rag.js";
 // 使用useRouter获取路由对象
 const router = useRouter();
 const sourceId = router.currentRoute.value.query.sourceId;
 const name = router.currentRoute.value.query.name;
 const threadId = ref(router.currentRoute.value.query.threadId);
-const chatValue = ref('');
+const chatValue = ref("");
 const isDisabled = ref(false);
 let closeConnection;
 const historyList = ref([]);
-const currentMessages = ref([
-]);
+const currentMessages = ref([]);
 
 onMounted(() => {
-    // 获取历史记录
-    getHistoryList(sourceId).then((res) => {
-        threadId.value = router.currentRoute.value.query.threadId;
-        //console.log(threadId.value);
-        if (threadId.value == "") {
-            historyList.value = [];
-            historyList.value.push({
-                id: 0,
-                threadId: '',
-                title: '新对话',
-                time: new Date().toLocaleString()
-            });
-        }
-        res.data.data.forEach((item) => {
-            historyList.value.push({
-                id: item.id,
-                threadId: item.threadId,
-                title: item.summary,
-                time: item.createTime
-            });
-        });
-    });
-    // sse连接
-    if (threadId.value) {
-        const { close } = useChatSSE(handleNewMessage, threadId.value); //这个也是会话id
-        closeConnection = close;
+  // 获取历史记录
+  getHistoryList(sourceId).then((res) => {
+    threadId.value = router.currentRoute.value.query.threadId;
+    //console.log(threadId.value);
+    if (threadId.value == "") {
+      historyList.value = [];
+      historyList.value.push({
+        id: 0,
+        threadId: "",
+        title: "新对话",
+        time: new Date().toLocaleString(),
+      });
     }
-    //获取数据源简介
-    getSourceBrief(sourceId).then((res) => {
-        const { fileLibraries } = res.data.data;
-        fileLibList.value = fileLibraries;
+    res.data.data.forEach((item) => {
+      historyList.value.push({
+        id: item.id,
+        threadId: item.threadId,
+        title: item.summary,
+        time: item.createTime,
+      });
     });
+  });
+  // sse连接
+  if (threadId.value) {
+    const { close } = useChatSSE(handleNewMessage, threadId.value); //这个也是会话id
+    closeConnection = close;
+  }
+  //获取数据源简介
+  getSourceBrief(sourceId).then((res) => {
+    const { fileLibraries } = res.data.data;
+    fileLibList.value = fileLibraries;
+  });
 });
 const fileLibList = ref([]);
 
 // 更新历史记录
 const getHistoryListAction = () => {
-    getHistoryList(sourceId).then((res) => {
-        historyList.value = [];
-        res.data.data.forEach((item) => {
-            historyList.value.push({
-                id: item.id,
-                threadId: item.threadId,
-                title: item.summary,
-                time: item.createTime
-            });
-        });
+  getHistoryList(sourceId).then((res) => {
+    historyList.value = [];
+    res.data.data.forEach((item) => {
+      historyList.value.push({
+        id: item.id,
+        threadId: item.threadId,
+        title: item.summary,
+        time: item.createTime,
+      });
     });
+  });
 };
 // 用于关闭SSE连接
 const handleNewMessage = (data) => {
-    try {
-        const parsedData = JSON.parse(data);
-        if (parsedData.type === "end") {
-            if (closeConnection) {
-                closeConnection();
-            }
-        } else {
-            currentMessages.value.push({
-                text: parsedData.kwargs.content,
-                role: parsedData.kwargs.type,
-                tool_calls: parsedData.kwargs.tool_calls,
-                tool_name: parsedData.kwargs.name || "助手",
-
-            });
-        }
-    } catch (error) {
-        console.error("Error parsing or handling SSE data:", error);
-        if (closeConnection) {
-            closeConnection();
-        }
+  try {
+    const parsedData = JSON.parse(data);
+    if (parsedData.type === "end") {
+      if (closeConnection) {
+        closeConnection();
+      }
+    } else {
+      currentMessages.value.push({
+        text: parsedData.kwargs.content,
+        role: parsedData.kwargs.type,
+        tool_calls: parsedData.kwargs.tool_calls,
+        tool_name: parsedData.kwargs.name || "助手",
+      });
+    }
+  } catch (error) {
+    console.error("Error parsing or handling SSE data:", error);
+    if (closeConnection) {
+      closeConnection();
     }
+  }
 };
 const sendMsg = async () => {
-    // 如果还在连接中，直接返回
-    isDisabled.value = true;
-    // 获取会话id
-    threadId.value = router.currentRoute.value.query.threadId;
+  // 如果还在连接中，直接返回
+  isDisabled.value = true;
+  // 获取会话id
+  threadId.value = router.currentRoute.value.query.threadId;
+  // 发送消息
+  if (chatValue.value) {
+    // 如果会话id不存在，说明是新会话，请求创建会话
+    if (threadId.value == "") {
+      const message = {
+        dataSourceId: sourceId,
+        summary: chatValue.value,
+      };
+      await addMessage(message).then((res) => {
+        threadId.value = res.data.data.threadId;
+        router.push({
+          name: "BoardSearch",
+          query: { name, sourceId, threadId: threadId.value },
+        });
+        //更新历史记录
+        getHistoryListAction();
+      });
+    }
     // 发送消息
-    if (chatValue.value) {
-        // 如果会话id不存在，说明是新会话，请求创建会话
-        if (threadId.value == "") {
-            const message = {
-                dataSourceId: sourceId,
-                summary: chatValue.value,
-            };
-            await addMessage(message).then((res) => {
-                threadId.value = res.data.data.threadId;
-                router.push({
-                    name: "BoardSearch",
-                    query: { name, sourceId, threadId: threadId.value },
-                });
-                //更新历史记录
-                getHistoryListAction();
-            });
+    try {
+      const stream = await sendMessage(
+        chatValue.value,
+        threadId.value,
+        "1836456049829679106" // 定死了collection name!!!!
+      );
+      // 清空输入框
+      chatValue.value = "";
+      const reader = stream.getReader();
+      const decoder = new TextDecoder();
+      let buffer = "";
+      reader.read().then(function processText({ done, value }) {
+        if (done) {
+          console.log("Stream completed");
+          //刷新图表数据
+          /* emit("refreshChartList"); */
+          // 发送完消息后，按钮恢复可用
+          isDisabled.value = false;
+          return;
         }
-        // 发送消息
-        try {
-            const stream = await sendMessage(
-                chatValue.value,
-                threadId.value,
-                '1836456049829679106' // 定死了collection name!!!!
-            );
-            // 清空输入框
-            chatValue.value = "";
-            const reader = stream.getReader();
-            const decoder = new TextDecoder();
-            let buffer = "";
-            reader.read().then(function processText({ done, value }) {
-                if (done) {
-                    console.log("Stream completed");
-                    //刷新图表数据
-                    /* emit("refreshChartList"); */
-                    // 发送完消息后，按钮恢复可用
-                    isDisabled.value = false;
-                    return;
-                }
-                buffer += decoder.decode(value, { stream: true });
-                let parts = buffer.split("\n\n");
-                buffer = parts.pop();
-
-                for (let part of parts) {
-                    if (part.startsWith("data: ")) {
-                        const jsonText = part.slice(6);
-                        try {
-                            const data = JSON.parse(jsonText);
-                            if (data && data.kwargs) {
-                                currentMessages.value.push({
-                                    text: data.kwargs.content,
-                                    role: data.kwargs.type,
-                                    tool_calls: data.kwargs.tool_calls,
-                                    tool_name: data.kwargs.name || "助手",
-
-                                });
-                            }
-                        } catch (error) {
-                            console.error("Error parsing JSON:", error);
-                        }
-                    }
-                }
-                reader.read().then(processText);
-            });
-
-            chatValue.value = "";
-        } catch (error) {
-            isDisabled.value = false;
-            console.error("Failed to send message:", error);
+        buffer += decoder.decode(value, { stream: true });
+        let parts = buffer.split("\n\n");
+        buffer = parts.pop();
+
+        for (let part of parts) {
+          if (part.startsWith("data: ")) {
+            const jsonText = part.slice(6);
+            try {
+              const data = JSON.parse(jsonText);
+              if (data && data.kwargs) {
+                currentMessages.value.push({
+                  text: data.kwargs.content,
+                  role: data.kwargs.type,
+                  tool_calls: data.kwargs.tool_calls,
+                  tool_name: data.kwargs.name || "助手",
+                });
+              }
+            } catch (error) {
+              console.error("Error parsing JSON:", error);
+            }
+          }
         }
+        reader.read().then(processText);
+      });
+
+      chatValue.value = "";
+    } catch (error) {
+      isDisabled.value = false;
+      console.error("Failed to send message:", error);
     }
+  }
 };
 
 /* const toggleSidebar = () => {
@@ -178,550 +181,592 @@ const sendMsg = async () => {
 
 const selectedItem = ref(0);
 const selectItem = (item) => {
-    if (selectedItem.value === item) {
-        return;
-    }
-    selectedItem.value = item;
-    //异步路由跳转
-    /*     async function refreshChats() {
+  if (selectedItem.value === item) {
+    return;
+  }
+  selectedItem.value = item;
+  //异步路由跳转
+  /*     async function refreshChats() {
             await router.push({ name: 'BoardPage', query: { name, sourceId, threadId: historyList.value[item].threadId } });
             closeChat();
             refreshChats();
         } */
-    router.push({ name: 'BoardSearch', query: { name, sourceId, threadId: historyList.value[item].threadId } });
-    closeChat();
-    refreshChats();
+  router.push({
+    name: "BoardSearch",
+    query: { name, sourceId, threadId: historyList.value[item].threadId },
+  });
+  closeChat();
+  refreshChats();
 };
 //强制关闭连接
 const closeChat = () => {
-    if (closeConnection) {
-        closeConnection();
-    }
+  if (closeConnection) {
+    closeConnection();
+  }
 };
 // 刷新对话
 const refreshChats = () => {
-    currentMessages.value = [];
-    threadId.value = router.currentRoute.value.query.threadId;
-    const { close } = useChatSSE(handleNewMessage, threadId.value); //这个也是会话id
-    closeConnection = close;
+  currentMessages.value = [];
+  threadId.value = router.currentRoute.value.query.threadId;
+  const { close } = useChatSSE(handleNewMessage, threadId.value); //这个也是会话id
+  closeConnection = close;
 };
 // 动态生成路径
 const dynamicPath = (path) => {
-    return `${path}?sourceId=${sourceId}&name=${name}&threadId=${threadId.value}`;
+  return `${path}?sourceId=${sourceId}&name=${name}&threadId=${threadId.value}`;
 };
 // 点击新建对话
 const openNewConversation = () => {
-    threadId.value = router.currentRoute.value.query.threadId;
-    if (threadId.value == "") return;
-    //使用父组件的emit方法，向父组件发送消息
-    currentMessages.value = [];
-    createNewHistory();
-    router.push({ name: 'BoardSearch', query: { name, sourceId, threadId: '' } });
+  threadId.value = router.currentRoute.value.query.threadId;
+  if (threadId.value == "") return;
+  //使用父组件的emit方法，向父组件发送消息
+  currentMessages.value = [];
+  createNewHistory();
+  router.push({ name: "BoardSearch", query: { name, sourceId, threadId: "" } });
 };
 // 创建新的历史记录
 const createNewHistory = () => {
-    const temp = historyList.value;
-    historyList.value = [];
-    historyList.value.push({
-        id: 0,
-        threadId: '',
-        title: '新对话',
-        time: new Date().toLocaleString()
-    });
-    temp.forEach((item) => {
-        historyList.value.push(item);
-    });
-    selectItem(0);
+  const temp = historyList.value;
+  historyList.value = [];
+  historyList.value.push({
+    id: 0,
+    threadId: "",
+    title: "新对话",
+    time: new Date().toLocaleString(),
+  });
+  temp.forEach((item) => {
+    historyList.value.push(item);
+  });
+  selectItem(0);
 };
 const toolNameMap = {
-    get_data: "获取数据",
-    jupyter_run: "代码执行",
-    get_database_info: "获取数据源",
-    get_table_info: "获取数据库表结构",
-    execute_sql: "执行 SQL",
-    get_export_data: "获取执行记录",
-    add_chart: "添加图表",
-    rag_tool: "知识库检索"
+  get_data: "获取数据",
+  jupyter_run: "代码执行",
+  get_database_info: "获取数据源",
+  get_table_info: "获取数据库表结构",
+  execute_sql: "执行 SQL",
+  get_export_data: "获取执行记录",
+  add_chart: "添加图表",
+  rag_tool: "知识库检索",
 };
 const renderMD = (message) => {
-    const md = new MarkdownIt();
-    if (message.tool_calls && message.tool_calls.length > 0) {
-        const toolNames = message.tool_calls
-            .map((tool) => toolNameMap[tool.name] || tool.name)
-            .join(", ");
-        return `${md.render(message.text)}\n调用工具: ${toolNames}`;
-    }
-
-    //修改图片为a-image
-    md.renderer.rules.image = function (tokens, idx, /* options, env, self */) {
-        const token = tokens[idx];
-        const src = token.attrs[token.attrIndex("src")][1];
-        return `<a-image src="${src}"></a-image>`;
-    };
-
-    //修改代码为b
-    md.renderer.rules.fence = function (tokens, idx, /* options, env, self */) {
-        const token = tokens[idx];
-        const code = token.content.trim();
-        const language = token.info.trim() || "markdown";
-
-        // 将代码内容序列化为JSON字符串
-        const stringifiedCode = JSON.stringify(code);
-
-        // 转义用于HTML属性的字符串
-        const escapedCode = stringifiedCode
-            .replace(/&/g, '&amp;')
-            .replace(/</g, '&lt;')
-            .replace(/>/g, '&gt;')
-            .replace(/"/g, '&quot;')
-            .replace(/\n/g, '&#10;');
-
-        // 返回Vue组件字符串
-        return `<highlightjs  language="${language}" :code="${escapedCode}"></highlightjs>`;
-    };
-
-
-    // md.renderer.rules.code_inline = function (tokens, idx, options, env, self) {
-    //   const token = tokens[idx];
-    //   const code = token.content.trim();
-    //   return `<highlightjs language="javascript" :autodetect="false" :code="\`${code}\`"></highlightjs>`;
-    // };
-
-    let html = md.render(message.text);
-    // console.log(html);
-
-    return html;
+  const md = new MarkdownIt();
+  if (message.tool_calls && message.tool_calls.length > 0) {
+    const toolNames = message.tool_calls
+      .map((tool) => toolNameMap[tool.name] || tool.name)
+      .join(", ");
+    return `${md.render(message.text)}\n调用工具: ${toolNames}`;
+  }
+
+  //修改图片为a-image
+  md.renderer.rules.image = function (tokens, idx /* options, env, self */) {
+    const token = tokens[idx];
+    const src = token.attrs[token.attrIndex("src")][1];
+    return `<a-image src="${src}"></a-image>`;
+  };
+
+  //修改代码为b
+  md.renderer.rules.fence = function (tokens, idx /* options, env, self */) {
+    const token = tokens[idx];
+    const code = token.content.trim();
+    const language = token.info.trim() || "markdown";
+
+    // 将代码内容序列化为JSON字符串
+    const stringifiedCode = JSON.stringify(code);
+
+    // 转义用于HTML属性的字符串
+    const escapedCode = stringifiedCode
+      .replace(/&/g, "&amp;")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;")
+      .replace(/\n/g, "&#10;");
+
+    // 返回Vue组件字符串
+    return `<highlightjs  language="${language}" :code="${escapedCode}"></highlightjs>`;
+  };
+
+  // md.renderer.rules.code_inline = function (tokens, idx, options, env, self) {
+  //   const token = tokens[idx];
+  //   const code = token.content.trim();
+  //   return `<highlightjs language="javascript" :autodetect="false" :code="\`${code}\`"></highlightjs>`;
+  // };
+
+  let html = md.render(message.text);
+  // console.log(html);
+
+  return html;
 };
 </script>
 <template>
-    <div class="app-container">
-
-        <!-- 侧边栏 -->
-        <div class="sidebar">
-            <!-- 侧边栏内容 -->
-            <div class="sidebar-content">
-                <!-- 标题 -->
-                <div class="chat-window-title">
-                    <span style="font-weight: bold;font-size: 32px;">AI助手 -&nbsp;</span>
-                    <a-dropdown :trigger="['click']" class="down-outlined">
-                        <div>
-                            <span style="font-size: 21px;margin-right: 10px;">智能检索</span>
-                            <DownOutlined />
-                        </div>
-                        <template #overlay>
-                            <a-menu>
-                                <a-menu-item key="0">
-                                    <router-link :to="dynamicPath('/board')"
-                                        active-class="active-link">报表生成</router-link>
-                                </a-menu-item>
-                                <a-menu-item key="1">
-                                    <router-link :to="dynamicPath('/search')"
-                                        active-class="active-link">智能检索</router-link>
-                                </a-menu-item>
-                            </a-menu>
-                        </template>
-                    </a-dropdown>
-                </div>
-                <!-- 按钮 -->
-                <div class="new-conversation-btn" @click="openNewConversation">
-                    新建对话
-                </div>
-                <!-- 分割线 -->
-                <div class="conversation-divider"></div>
-                <!-- 历史记录 -->
-                <div class="history-chat">
-                    <div class="title" :class="{ 'hidden': isCollapsed }">历史对话</div>
-                    <!-- 列表 -->
-                    <div class="history-list" :class="{ 'hidden': isCollapsed }">
-                        <a-list :item-layout="horizontal" :dataSource="historyList">
-                            <template #renderItem="{ item, index }">
-                                <a-list-item :class="{ 'selected-item': index === selectedItem }"
-                                    @click="selectItem(index)">
-                                    <a-list-item-meta :title="item.title" :description="item.time">
-                                        <template #avatar>
-                                            <MessageTwoTone />
-                                        </template>
-                                    </a-list-item-meta>
-                                </a-list-item>
-                            </template>
-                        </a-list>
-                    </div>
-                </div>
+  <div class="app-container">
+    <!-- 侧边栏 -->
+    <div class="sidebar">
+      <!-- 侧边栏内容 -->
+      <div class="sidebar-content">
+        <!-- 标题 -->
+        <div class="chat-window-title">
+          <span style="font-weight: bold; font-size: 26px"
+            >AI助手&nbsp;-&nbsp;</span
+          >
+          <a-dropdown :trigger="['click']" class="down-outlined">
+            <div>
+              <span style="font-size: 24px; margin-right: 10px">智能检索</span>
+              <DownOutlined />
             </div>
-
-            <!-- 菜单 -->
-            <a-dropdown :trigger="['click']" class="menu-drop">
-                <menu-outlined class="board-menu" />
-                <template #overlay>
-                    <a-menu>
-                        <a-menu-item key="0">
-                            <router-link to="/dashboard">
-                                <arrow-left-outlined class="menu-icon" />
-                                <div class="menu-text">返回主页</div>
-                            </router-link>
-                        </a-menu-item>
-                        <a-menu-divider />
-                        <a-menu-item key="1">
-                            <span class="menu-icon"></span>
-                            <div class="menu-text">保存</div>
-                        </a-menu-item>
-                        <a-menu-item key="3"><span class="menu-icon"></span>
-                            <div class="menu-text">导出</div>
-                        </a-menu-item>
-                    </a-menu>
-                </template>
-            </a-dropdown>
-
+            <template #overlay>
+              <a-menu>
+                <a-menu-item key="0">
+                  <router-link
+                    :to="dynamicPath('/board')"
+                    active-class="active-link"
+                    >报表生成</router-link
+                  >
+                </a-menu-item>
+                <a-menu-item key="1">
+                  <router-link
+                    :to="dynamicPath('/search')"
+                    active-class="active-link"
+                    >智能检索</router-link
+                  >
+                </a-menu-item>
+              </a-menu>
+            </template>
+          </a-dropdown>
         </div>
-
-        <!-- 导航栏 -->
-        <div class="navigation-bar">
-            <span></span>
+        <!-- 按钮 -->
+        <div class="new-conversation-btn" @click="openNewConversation">
+          新建对话
         </div>
+        <!-- 分割线 -->
+        <div class="conversation-divider"></div>
+        <!-- 历史记录 -->
+        <div class="history-chat">
+          <div class="title" :class="{ hidden: isCollapsed }">历史对话</div>
+          <!-- 列表 -->
+          <div class="history-list" :class="{ hidden: isCollapsed }">
+            <a-list :item-layout="horizontal" :dataSource="historyList">
+              <template #renderItem="{ item, index }">
+                <a-list-item
+                  :class="{ 'selected-item': index === selectedItem }"
+                  @click="selectItem(index)"
+                >
+                  <a-list-item-meta
+                    :title="item.title"
+                    :description="item.time"
+                  >
+                    <template #avatar>
+                      <MessageTwoTone />
+                    </template>
+                  </a-list-item-meta>
+                </a-list-item>
+              </template>
+            </a-list>
+          </div>
+        </div>
+      </div>
+
+      <!-- 菜单 -->
+      <a-dropdown :trigger="['click']" class="menu-drop">
+        <menu-outlined class="board-menu" />
+        <template #overlay>
+          <a-menu>
+            <a-menu-item key="0">
+              <router-link to="/dashboard">
+                <arrow-left-outlined class="menu-icon" />
+                <div class="menu-text">返回主页</div>
+              </router-link>
+            </a-menu-item>
+            <a-menu-divider />
+            <a-menu-item key="1">
+              <span class="menu-icon"></span>
+              <div class="menu-text">保存</div>
+            </a-menu-item>
+            <a-menu-item key="3"
+              ><span class="menu-icon"></span>
+              <div class="menu-text">导出</div>
+            </a-menu-item>
+          </a-menu>
+        </template>
+      </a-dropdown>
+    </div>
 
-        <div class="chat-window">
-            <!-- 对话 -->
-            <div class="chat-window-content">
-                <div v-for="(message, index) in currentMessages" :key="index" :class="['chat-message', message.role]">
-                    <a-collapse accordion v-if="message.role == 'tool'" :bordered="false"
-                        style="background: rgb(255, 255, 255)">
-                        <a-collapse-panel :header="`${toolNameMap[message.tool_name] || message.tool_name} 调用完成`"
-                            :key="index">
-
-                            <v-runtime-template :template="renderMD(message)"></v-runtime-template>
-                        </a-collapse-panel>
-                    </a-collapse>
-                    <v-runtime-template v-else :template="renderMD(message)"></v-runtime-template>
-                </div>
-            </div>
-
-            <!-- 输入框和按钮 -->
-            <div class="chat-window-bottom">
-                <div class="chat-input">
-                    <!-- 输入框 -->
-                    <a-textarea v-model:value="chatValue" placeholder="请向AI描述您的需求...."
-                        :auto-size="{ minRows: 4, maxRows: 4 }" allow-clear :maxlength="100">
-                    </a-textarea>
-                    <div class="chat-input-right">
-                        <!-- 发送按钮 -->
-                        <SendOutlined @click="sendMsg" class="send-icon" />
-                    </div>
-                </div>
-            </div>
+    <!-- 导航栏 -->
+    <div class="navigation-bar">
+      <span></span>
+    </div>
 
+    <div class="chat-window">
+      <!-- 对话 -->
+      <div class="chat-window-content">
+        <div
+          v-for="(message, index) in currentMessages"
+          :key="index"
+          :class="['chat-message', message.role]"
+        >
+          <a-collapse
+            accordion
+            v-if="message.role == 'tool'"
+            :bordered="false"
+            style="background: rgb(255, 255, 255)"
+          >
+            <a-collapse-panel
+              :header="`${
+                toolNameMap[message.tool_name] || message.tool_name
+              } 调用完成`"
+              :key="index"
+            >
+              <v-runtime-template
+                :template="renderMD(message)"
+              ></v-runtime-template>
+            </a-collapse-panel>
+          </a-collapse>
+          <v-runtime-template
+            v-else
+            :template="renderMD(message)"
+          ></v-runtime-template>
         </div>
-
+      </div>
+
+      <!-- 输入框和按钮 -->
+      <div class="chat-window-bottom">
+        <div class="chat-input">
+          <!-- 输入框 -->
+          <a-textarea
+            v-model:value="chatValue"
+            placeholder="请向AI描述您的需求...."
+            :auto-size="{ minRows: 4, maxRows: 4 }"
+            allow-clear
+            :maxlength="100"
+          >
+          </a-textarea>
+          <div class="chat-input-right">
+            <!-- 发送按钮 -->
+            <SendOutlined @click="sendMsg" class="send-icon" />
+          </div>
+        </div>
+      </div>
     </div>
+  </div>
 </template>
 <style scoped>
 .chat-window {
-    flex: 2;
-    display: flex;
-    flex-direction: column;
-    background: linear-gradient(to bottom, #b7d8ff, #f4f9ff 15%, #f4f9ff 70%, #f5f9ff);
-    width: 100%;
-    height: calc(105vh - 60px);
-    /* 减去导航栏的高度 */
-    border-top-left-radius: 30px;
-    /* 左上角半圆弧 */
-    position: relative;
-    margin-top: 10px;
+  flex: 2;
+  display: flex;
+  flex-direction: column;
+  background: linear-gradient(
+    to bottom,
+    #b7d8ff,
+    #f4f9ff 15%,
+    #f4f9ff 70%,
+    #f5f9ff
+  );
+  width: 100%;
+  height: calc(105vh - 60px);
+  /* 减去导航栏的高度 */
+  border-top-left-radius: 30px;
+  /* 左上角半圆弧 */
+  position: relative;
+  margin-top: 10px;
 }
 
 .navigation-bar {
-    background-color: #FFFFFF;
-    height: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  background-color: #ffffff;
+  height: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .chat-window-title {
-    margin-top: -18px;
-    height: 10vh;
-    display: flex;
-    align-items: center;
-    padding: 0 20px;
+  margin-top: -18px;
+  height: 10vh;
+  display: flex;
+  align-items: center;
+  padding: 0 20px;
 }
 
 .conversation-divider {
-    height: 1px;
-    background-color: #dcdcdc;
-    width: 220px;
-    margin-top: 18px;
+  height: 1px;
+  background-color: #dcdcdc;
+  width: 220px;
+  margin-top: 18px;
 }
 
 .down-outlined {
-    font-size: 20px;
-    cursor: pointer;
+  font-size: 20px;
+  cursor: pointer;
 }
 
 .active-link {
-    font-weight: bold;
-    color: #1890ff;
+  font-weight: bold;
+  color: #1890ff;
 }
 
 .chat-window-content {
-    flex: 1;
-    padding: 20px;
-    overflow-y: auto;
-    display: flex;
-    flex-direction: column;
+  flex: 1;
+  padding: 20px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
 }
 
 .chat-message {
-    padding: 10px;
-    margin-bottom: 10px;
-    border-radius: 10px;
-    max-width: 80%;
-    font-size: 18px;
+  padding: 10px;
+  margin-bottom: 10px;
+  border-radius: 10px;
+  max-width: 80%;
+  font-size: 18px;
 }
 
 .chat-message.human {
-    background-color: #338fff;
-    align-self: flex-end;
-    color: #ffffff;
-    /* 右上曲度 */
-    border-top-right-radius: 2px;
+  background-color: #338fff;
+  align-self: flex-end;
+  color: #ffffff;
+  /* 右上曲度 */
+  border-top-right-radius: 2px;
 }
 
 .chat-message.ai {
-    background-color: #ffffff;
-    align-self: flex-start;
-    color: #3d3d3d;
-    /* 左上曲度 */
-    border-top-left-radius: 2px;
+  background-color: #ffffff;
+  align-self: flex-start;
+  color: #3d3d3d;
+  /* 左上曲度 */
+  border-top-left-radius: 2px;
 }
 
 .chat-message.tool {
-    background-color: #ffffff;
-    align-self: flex-start;
-    color: #3d3d3d;
-    padding-left: 10px;
-    /* 左上曲度 */
-    border-top-left-radius: 2px;
-    font-size: 15px;
+  background-color: #ffffff;
+  align-self: flex-start;
+  color: #3d3d3d;
+  padding-left: 10px;
+  /* 左上曲度 */
+  border-top-left-radius: 2px;
+  font-size: 15px;
 }
 
 .message-tool-bottom {
-    display: flex;
-    justify-content: space-between;
-    margin-top: 10px;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 10px;
 }
 
 .redo {
-    color: #A3A2A2;
-    cursor: pointer;
-    font-size: 12px;
-    background: #f1f7ff;
-    padding: 5px 10px;
-    border-radius: 20px;
+  color: #a3a2a2;
+  cursor: pointer;
+  font-size: 12px;
+  background: #f1f7ff;
+  padding: 5px 10px;
+  border-radius: 20px;
 }
 
 .like-or {
-    display: flex;
-    gap: 10px;
-    color: #A3A2A2;
-    font-size: 20px;
-    align-items: center;
+  display: flex;
+  gap: 10px;
+  color: #a3a2a2;
+  font-size: 20px;
+  align-items: center;
 }
 
 .chat-window-bottom {
-    min-height: 11vh;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
+  min-height: 11vh;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 .chat-input {
-    /* 居中 */
-    width: 85%;
-    margin: 0 auto;
-    display: flex;
-    /* 控制文本框和按钮之间的间距 */
-    gap: 20px;
-    border: 1px solid #d9d9d9;
-    /* 添加边框样式 */
-    border-radius: 10px;
-    /* 添加圆角 */
-    background: white;
-    margin-bottom: 35px;
+  /* 居中 */
+  width: 85%;
+  margin: 0 auto;
+  display: flex;
+  /* 控制文本框和按钮之间的间距 */
+  gap: 20px;
+  border: 1px solid #d9d9d9;
+  /* 添加边框样式 */
+  border-radius: 10px;
+  /* 添加圆角 */
+  background: white;
+  margin-bottom: 35px;
 }
 
 .chat-input:focus-within,
 .chat-input:hover {
-    /* 鼠标悬停时改变边框颜色 */
-    border: 1px solid #61a8ff;
-    /* 加阴影 */
-    box-shadow: 0 0 10px rgba(0, 0, 255, 0.1);
+  /* 鼠标悬停时改变边框颜色 */
+  border: 1px solid #61a8ff;
+  /* 加阴影 */
+  box-shadow: 0 0 10px rgba(0, 0, 255, 0.1);
 }
 
 ::v-deep .ant-input,
 ::v-deep .ant-input:focus,
 ::v-deep .ant-input:hover {
-    border: none;
-    /* 取消边框 */
-    box-shadow: none;
-    /* 取消阴影 */
-    border-radius: 10px;
+  border: none;
+  /* 取消边框 */
+  box-shadow: none;
+  /* 取消阴影 */
+  border-radius: 10px;
 }
 
 ::v-deep .ant-input-affix-wrapper {
-    border-radius: 10px;
+  border-radius: 10px;
 }
 
 .chat-input-right {
-    display: flex;
-    align-items: center;
-    margin: 0 5px;
+  display: flex;
+  align-items: center;
+  margin: 0 5px;
 }
 
 .send-icon {
-    /* 调整图标大小 */
-    font-size: 20px;
-    /* 鼠标悬停时显示为指针 */
-    cursor: pointer;
-    /* 设置图标颜色 */
-    color: #61a8ff;
-    /* 旋转 45 度 */
-    transform: rotate(-45deg);
-    /* 固定在置于底部 */
-    position: relative;
-    bottom: -30px;
+  /* 调整图标大小 */
+  font-size: 20px;
+  /* 鼠标悬停时显示为指针 */
+  cursor: pointer;
+  /* 设置图标颜色 */
+  color: #61a8ff;
+  /* 旋转 45 度 */
+  transform: rotate(-45deg);
+  /* 固定在置于底部 */
+  position: relative;
+  bottom: -30px;
 }
 
 .chat-buttons-icon {
-    color: #969595;
-    margin-right: 8px;
+  color: #969595;
+  margin-right: 8px;
 }
 
 .app-container {
-    display: flex;
-    width: 100%;
-    height: 100vh;
-    margin: 0;
-    padding: 0;
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  margin: 0;
+  padding: 0;
 }
 
 .sidebar {
-    width: 280px;
-    /* 初始宽度 */
-    background-color: white;
-    transition: width 0.3s;
+  width: 280px;
+  /* 初始宽度 */
+  background-color: white;
+  transition: width 0.3s;
 }
 
 .sidebar-content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding-top: 50px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 50px;
 }
 
 .menu-drop {
-    position: absolute;
-    top: 10px;
-    left: 10px;
+  position: absolute;
+  top: 10px;
+  left: 10px;
 }
 
 .board-menu {
-    margin-left: 10px;
-    margin-right: 10px;
+  margin-left: 10px;
+  margin-right: 10px;
 }
 
 .menu-icon {
-    /* 图标的宽度，可以根据需要调整 */
-    width: 20px;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    /* 图标和文字之间的间距 */
-    margin-right: 8px;
+  /* 图标的宽度，可以根据需要调整 */
+  width: 20px;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  /* 图标和文字之间的间距 */
+  margin-right: 8px;
 }
 
 .menu-text {
-    /* 文字的样式 */
-    display: inline-block;
+  /* 文字的样式 */
+  display: inline-block;
 }
 
 .new-conversation-btn {
-    width: 200px;
-    padding: 10px 60px;
-    background-color: #007bff;
-    color: white;
-    border-radius: 10px;
-    text-align: center;
-    cursor: pointer;
-    display: block;
+  /* width: 200px; */
+  width: calc(100% - 60px);
+  padding: 6px 0;
+  background-color: #007bff;
+  color: white;
+  border-radius: 10px;
+  text-align: center;
+  cursor: pointer;
+  display: block;
+  font-size: 16px;
+  font-weight: bold;
 }
 
 .hidden {
-    display: none;
+  display: none;
 }
 
 .history-chat {
-    margin-top: 25px;
-    height: 100%;
-    width: 100%;
-    background-color: #FFFFFF;
+  margin-top: 25px;
+  height: 100%;
+  width: 100%;
+  background-color: #ffffff;
 }
 
 .title {
-    font-size: 20px;
-    font-weight: bold;
-    padding: 20px;
-
+  font-size: 20px;
+  font-weight: bold;
+  padding: 20px;
 }
 
 .history-list {
-    height: calc(100% - 67px);
-    overflow-y: auto;
+  height: calc(100% - 67px);
+  padding: 0 12px;
+  overflow-y: auto;
 }
 
 ::v-deep .ant-list-item {
-    padding: 3px 10px;
-    margin: 2px 2px;
-    border: none;
-    cursor: pointer;
+  padding: 3px 10px;
+  margin: 2px 2px;
+  border: none;
+  cursor: pointer;
 }
 
 .selected-item {
-    /* 设置选中项的背景颜色 */
-    background-color: #ebf4ff;
-    border-radius: 5px;
+  /* 设置选中项的背景颜色 */
+  background-color: #ebf4ff;
+  border-radius: 5px;
 }
 
 ::v-deep .ant-list .ant-list-item .ant-list-item-meta {
-    margin-inline-end: 10px;
+  margin-inline-end: 10px;
 }
 
 ::v-deep .ant-list-item-meta-avatar {
-    font-size: 20px;
-    margin-inline-end: 10px;
+  font-size: 20px;
+  margin-inline-end: 10px;
 }
 
 ::v-deep .ant-list-item-meta-title {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    margin: 0;
-    font-size: 16px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin: 0;
+  font-size: 16px;
 }
 
 ::v-deep .ant-list-item-meta-description {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    margin: 0;
-    font-size: 14px;
-    color: #9A9A9A;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin: 0;
+  font-size: 14px;
+  color: #9a9a9a;
 }
 
 p {
-    margin-bottom: 0 !important;
-    margin-top: 0 !important;
-    margin-left: 2px;
-    margin-right: 2px;
-    white-space: pre-wrap;
-    word-break: break-word;
+  margin-bottom: 0 !important;
+  margin-top: 0 !important;
+  margin-left: 2px;
+  margin-right: 2px;
+  white-space: pre-wrap;
+  word-break: break-word;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index 7d650d4..acc1b94 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -60,7 +60,7 @@ const getChartsAction = () => {
     //console.log(chartList.value);
   });
   chartLorading.value = false;
-}
+};
 //获取看板列表
 const getBoardListRequest = () => {
   boardList.value = [];
@@ -141,7 +141,7 @@ const changeChartList = (index) => {
     });
   });
   console.log(chartOnBoardList.value);
-}
+};
 // 打开历史会话窗口
 const openHistoryWindow = () => {
   setTimeout(() => {
@@ -158,7 +158,6 @@ const openHistoryWindow = () => {
       chartBoardRef.value.reInitCharts();
     }
   }, 1);
-
 };
 // 打开字段数据
 const changeRawDataVisible = () => {
@@ -271,7 +270,7 @@ const refreshChartList = () => {
   if (chartListVisible.value) {
     chartListRef.value.refreshChartList();
   }
-}
+};
 const exportAllCharts = () => {
   if (chartOnBoardLorading.value) {
     chartBoardRef.value.exportAllCharts();
@@ -288,17 +287,16 @@ const exportAllCharts = () => {
           <div class="board-view">
             <!-- 顶栏 -->
             <div class="board-tab">
-              <router-link to="/dashboard">
-                <LeftOutlined class="icon-back" />
-              </router-link>
-              <ProjectTwoTone class="icon-name" />
-              <div style="font-size: 20px;">
-                {{ name }}
+              <div class="top-left">
+                <router-link to="/dashboard" class="icon-link">
+                  <LeftOutlined class="icon-back" />
+                </router-link>
+                <ProjectTwoTone class="icon-name" />
+                <div style="font-size: 18px">
+                  {{ name }}
+                </div>
               </div>
-              <div style="margin-left: auto;">
-
-                <a-button @click="saveBoard" class="buttom-right">保存</a-button>
-                <a-button type="primary" @click="exportAllCharts" class="buttom-right">导出</a-button>
+              <div class="top-right">
                 <a-dropdown :trigger="['click']">
                   <menu-outlined class="board-menu" />
                   <template #overlay>
@@ -314,7 +312,8 @@ const exportAllCharts = () => {
                         <span class="menu-icon"></span>
                         <div class="menu-text">保存</div>
                       </a-menu-item>
-                      <a-menu-item key="3" @click="exportPdf"><span class="menu-icon"></span>
+                      <a-menu-item key="3" @click="exportPdf"
+                        ><span class="menu-icon"></span>
                         <div class="menu-text">导出</div>
                       </a-menu-item>
                     </a-menu>
@@ -322,34 +321,71 @@ const exportAllCharts = () => {
                 </a-dropdown>
                 <a-tooltip>
                   <template #title>数据概览</template>
-                  <DatabaseOutlined class="right-icon" @click="changeRawDataVisible" />
+                  <DatabaseOutlined
+                    class="right-icon"
+                    @click="changeRawDataVisible"
+                  />
                 </a-tooltip>
                 <a-tooltip>
                   <template #title>已有图表</template>
-                  <BarChartOutlined class="right-icon" @click="changeChartListVisible" />
+                  <BarChartOutlined
+                    class="right-icon"
+                    @click="changeChartListVisible"
+                  />
                 </a-tooltip>
                 <a-tooltip>
                   <template #title>报表助手</template>
                   <CommentOutlined class="right-icon" @click="openChatWindow" />
                 </a-tooltip>
+                <a-button @click="saveBoard" class="button-right">保存</a-button>
+                <a-button
+                  type="primary"
+                  @click="exportAllCharts"
+                  class="button-right"
+                  >导出</a-button
+                >
               </div>
             </div>
-            <chart-board v-if="chartOnBoardLorading" ref="chartBoardRef" :chartList="chartOnBoardList"
-              :boardList="boardList" :sourceId="sourceId" @refreshBoardList="refreshBoardList"
-              :boardCurrent="boardCurrent" @changeChartList="changeChartList" />
+            <chart-board
+              v-if="chartOnBoardLorading"
+              ref="chartBoardRef"
+              :chartList="chartOnBoardList"
+              :boardList="boardList"
+              :sourceId="sourceId"
+              @refreshBoardList="refreshBoardList"
+              :boardCurrent="boardCurrent"
+              @changeChartList="changeChartList"
+            />
           </div>
         </div>
         <RawData v-if="rawDataVisible" class="raw-data" />
         <!-- 图表列表 -->
-        <ChartList v-if="chartListVisible && chartLorading" ref="chartListRef" class="chart-list" :chartList="chartList"
-          :add-to-board="addToBoard" />
+        <ChartList
+          v-if="chartListVisible && chartLorading"
+          ref="chartListRef"
+          class="chart-list"
+          :chartList="chartList"
+          :add-to-board="addToBoard"
+        />
         <!-- 历史记录 -->
-        <history-chat v-if="historyVisible" ref="historyChatRef" class="history-window" @refresh-chats="refreshChats" />
+        <history-chat
+          v-if="historyVisible"
+          ref="historyChatRef"
+          class="history-window"
+          @refresh-chats="refreshChats"
+        />
       </div>
       <!-- 对话窗口 -->
-      <ChatWindow v-if="chatWindowVisible" ref="ChatWindowRef" @open-history-window="openHistoryWindow"
-        @close-chat-window="closeChatWindow" @create-new-chat="createNewChat" @refresh-history="refreshHistory"
-        class="chat-window" @refresh-chart-list="refreshChartList" />
+      <ChatWindow
+        v-if="chatWindowVisible"
+        ref="ChatWindowRef"
+        @open-history-window="openHistoryWindow"
+        @close-chat-window="closeChatWindow"
+        @create-new-chat="createNewChat"
+        @refresh-history="refreshHistory"
+        class="chat-window"
+        @refresh-chart-list="refreshChartList"
+      />
     </div>
   </a-row>
 </template>
@@ -366,7 +402,6 @@ const exportAllCharts = () => {
   flex: 20;
   display: flex;
   height: 100%;
-
 }
 
 .container {
@@ -403,22 +438,38 @@ const exportAllCharts = () => {
   height: 6vh;
   display: flex;
   align-items: center;
+  justify-content: space-between;
   font-size: 20px;
 }
 
+.top-left {
+  display: flex;
+  align-items: center;
+}
+
+.top-right {
+  display: flex;
+  align-items: center;
+}
+
+.icon-link {
+  display: flex;
+  align-items: center;
+}
+
 .icon-back {
   margin-left: 10px;
   margin-right: 10px;
-  font-size: 15px;
+  font-size: 14px;
 }
 
 .icon-name {
   margin-right: 10px;
-  font-size: 23px;
+  font-size: 20px;
 }
 
-.buttom-right {
-  margin-right: 20px;
+.button-right {
+  margin-right: 12px;
 }
 
 ::v-deep .ant-tabs-nav {
@@ -426,7 +477,7 @@ const exportAllCharts = () => {
 }
 
 .board-tab::before {
-  content: '';
+  content: "";
   position: absolute;
   bottom: 0;
   left: 0;
@@ -436,9 +487,12 @@ const exportAllCharts = () => {
 
 .board-menu {
   margin-left: 20px;
-  margin-right: 20px;
+  margin-right: 16px;
   /* 在最后 */
   margin-left: auto;
+  font-size: 20px;
+  color: #3d3d3d;
+  opacity: 0.8;
 }
 
 .menu-icon {
@@ -455,6 +509,7 @@ const exportAllCharts = () => {
   /* 文字的样式 */
   display: inline-block;
   font-size: 12px;
+  color: #3d3d3d;
 }
 
 ::v-deep .ant-tabs .ant-tabs-content {
@@ -463,11 +518,13 @@ const exportAllCharts = () => {
 
 .right-icon {
   width: 25px;
-  font-size: 20px;
+  margin-right: 16px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  margin-right: 15px;
+  font-size: 20px;
+  color: #3d3d3d;
+  opacity: 0.8;
 }
 
 .raw-data {
diff --git a/src/views/board/components/chartBoard/ChartBoard.vue b/src/views/board/components/chartBoard/ChartBoard.vue
index 35245dd..d3f1af7 100644
--- a/src/views/board/components/chartBoard/ChartBoard.vue
+++ b/src/views/board/components/chartBoard/ChartBoard.vue
@@ -1,51 +1,62 @@
 <script setup>
-import { onMounted, defineProps, watch, ref, defineEmits, defineExpose } from 'vue'
-import { DownOutlined, PicLeftOutlined, ReconciliationOutlined, BarChartOutlined } from '@ant-design/icons-vue';
-import { addBoard } from '@/api/board';
-import ModeFirst from './components/modeFirst/ModeFirst.vue';
-import BoardCustomize from './components/customize/BoardCustomize.vue';
+import {
+  onMounted,
+  defineProps,
+  ref,
+  defineEmits,
+  defineExpose,
+} from "vue";
+import {
+  DownOutlined,
+  PicLeftOutlined,
+  ReconciliationOutlined,
+  BarChartOutlined,
+} from "@ant-design/icons-vue";
+import { addBoard } from "@/api/board";
+import ModeFirst from "./components/modeFirst/ModeFirst.vue";
+import BoardCustomize from "./components/customize/BoardCustomize.vue";
 const props = defineProps({
-    chartList: Array,
-    boardList: Array,
-    sourceId: String,
-    boardCurrent: Number,
+  chartList: Array,
+  boardList: Array,
+  sourceId: String,
+  boardCurrent: Number,
 });
 //模板
 const mode = ref(0);
 const changeMode = (item) => {
-    mode.value = item;
-}
+  mode.value = item;
+};
 const chartListToShow = ref([]);
 const mode1Ref = ref(null);
 // 定义组件的 emits
-const emit = defineEmits(['refreshBoardList']);
+const emit = defineEmits(["refreshBoardList"]);
 const leftViewVisible = ref(false);
 //打开左边视图
 const openLeftPageView = () => {
-    leftViewVisible.value = !leftViewVisible.value;
-}
+  leftViewVisible.value = !leftViewVisible.value;
+};
 const addBoardAction = () => {
-    const board = {
-        dataSourceConfigId: props.sourceId,
-    };
-    addBoard(board).then((res) => {
-        console.log(res);
-        //使用父组件的方法刷新看板列表
-        emit('refreshBoardList');
-    });
-}
+  const board = {
+    dataSourceConfigId: props.sourceId,
+  };
+  addBoard(board).then((res) => {
+    console.log(res);
+    //使用父组件的方法刷新看板列表
+    emit("refreshBoardList");
+  });
+};
 const refreshBoardList = () => {
-    emit('refreshBoardList');
-}
+  emit("refreshBoardList");
+};
 //选择看板
 const selectBoard = (index) => {
-    //修改boardCurrent
-    emit('changeChartList', index);
-    leftViewVisible.value = false;
-}
+  //修改boardCurrent
+  emit("changeChartList", index);
+  leftViewVisible.value = false;
+};
 onMounted(() => {
-    //初始化图表
-    chartListToShow.value = props.chartList;
+  //初始化图表
+  chartListToShow.value = props.chartList;
 });
 const exportAllCharts = () => {
   if (mode.value === 0) {
@@ -53,208 +64,235 @@ const exportAllCharts = () => {
   }
 };
 defineExpose({
-    reInitCharts: () => {
-        chartListToShow.value = props.chartList;
-        mode1Ref.value.initCharts();
-    },
-    clearCharts: () => {
-        chartListToShow.value = [];
-    },
-    exportAllCharts,
+  reInitCharts: () => {
+    chartListToShow.value = props.chartList;
+    mode1Ref.value.initCharts();
+  },
+  clearCharts: () => {
+    chartListToShow.value = [];
+  },
+  exportAllCharts,
 });
 </script>
 <template>
-    <div class="chart-board">
-        <div class="top-config">
-            <a-tooltip>
-                <template #title>整体视图</template>
-                <PicLeftOutlined class="buttom-item" style="margin-top: 3px;" @click="openLeftPageView" />
-            </a-tooltip>
+  <div class="chart-board">
+    <div class="top-config">
+      <div class="total-view menu-item" @click="openLeftPageView">
+        <PicLeftOutlined style="margin-right: 5px" />
+        <span>整体视图</span>
+      </div>
 
-            <a-dropdown>
-                <div class="buttom-item">
-                    <BarChartOutlined style="margin-right: 5px;margin-top: 3px;" />
-                    修改报表
-                    <down-outlined style="margin-left: 5px;margin-top: 5px;" />
-                </div>
-                <template #overlay>
-                    <a-menu>
-                        <a-menu-item style="font-size: 12px;">
-                            <a @click="addBoardAction">添加页面</a>
-                        </a-menu-item>
-                    </a-menu>
-                </template>
-            </a-dropdown>
+      <div class="menu-item">
+        <a-dropdown>
+          <div class="button-item">
+            <BarChartOutlined style="margin-right: 5px" />
+            修改报表
+            <down-outlined style="margin-left: 4px; font-size: 12px;" />
+          </div>
+          <template #overlay>
+            <a-menu>
+              <a-menu-item style="font-size: 12px">
+                <a @click="addBoardAction">添加页面</a>
+              </a-menu-item>
+            </a-menu>
+          </template>
+        </a-dropdown>
+      </div>
 
-            <!-- <div class="buttom-item">添加图表<down-outlined style="margin-left: 5px;margin-top: 5px;" /></div> -->
+      <!-- <div class="button-item">添加图表<down-outlined style="margin-left: 5px;margin-top: 5px;" /></div> -->
 
-            <a-dropdown>
-                <div class="buttom-item">
-                    <ReconciliationOutlined style="margin-right: 5px;margin-top: 3px;" />
-                    选择模板
-                    <down-outlined style="margin-left: 5px;margin-top: 5px;" />
-                </div>
-                <template #overlay>
-                    <a-menu>
-                        <a-menu-item style="font-size: 12px;">
-                            <a @click="changeMode(0)">模板1</a>
-                        </a-menu-item>
-                        <a-menu-item style="font-size: 12px;">
-                            <a @click="changeMode(1)">模板2</a>
-                        </a-menu-item>
-                        <a-menu-divider />
-                        <a-menu-item style="font-size: 12px;">
-                            <a @click="changeMode(2)">自定义模式</a>
-                        </a-menu-item>
-                    </a-menu>
-                </template>
-            </a-dropdown>
-
-        </div>
-        <div class="board-body">
-            <div class="left-view" v-if="leftViewVisible">
-                <a-list :item-layout="horizontal" :dataSource="boardList">
-                    <template #renderItem="{ item, index }">
-                        <a-list-item :class="{ 'selected-board': index === boardCurrent }" @click="selectBoard(index)">
-                            <img src="https://via.placeholder.com/50" alt="icon" class="board-image" />
-                            <div class="board-name">{{ item.name }}</div>
-                        </a-list-item>
-                    </template>
-                </a-list>
-                <!--                 <div v-for="board in boardList" v-bind:key="board.id" class="boardlist-item">
+      <div class="menu-item">
+        <a-dropdown>
+          <div class="button-item">
+            <ReconciliationOutlined style="margin-right: 5px" />
+            选择模板
+            <down-outlined style="margin-left: 4px; font-size: 12px" />
+          </div>
+          <template #overlay>
+            <a-menu>
+              <a-menu-item style="font-size: 12px">
+                <a @click="changeMode(0)">模板1</a>
+              </a-menu-item>
+              <a-menu-item style="font-size: 12px">
+                <a @click="changeMode(1)">模板2</a>
+              </a-menu-item>
+              <a-menu-divider />
+              <a-menu-item style="font-size: 12px">
+                <a @click="changeMode(2)">自定义模式</a>
+              </a-menu-item>
+            </a-menu>
+          </template>
+        </a-dropdown>
+      </div>
+    </div>
+    <div class="board-body">
+      <div class="left-view" v-if="leftViewVisible">
+        <a-list :item-layout="horizontal" :dataSource="boardList">
+          <template #renderItem="{ item, index }">
+            <a-list-item
+              :class="{ 'selected-board': index === boardCurrent }"
+              @click="selectBoard(index)"
+            >
+              <img
+                src="https://via.placeholder.com/50"
+                alt="icon"
+                class="board-image"
+              />
+              <div class="board-name">{{ item.name }}</div>
+            </a-list-item>
+          </template>
+        </a-list>
+        <!--                 <div v-for="board in boardList" v-bind:key="board.id" class="boardlist-item">
                     <img src="https://via.placeholder.com/50" alt="icon" class="board-image" />
                     <div class="board-name">{{ board.name }}</div>
                 </div> -->
-            </div>
-            <!-- 模板1 -->
-            <div class="mode-body" v-if="mode == 0">
-                <ModeFirst :chartList="chartListToShow" @refreshBoardList="refreshBoardList" ref="mode1Ref" />
-            </div>
-            <!-- 自定义 -->
-            <div class="customize-body" v-if="mode == 2">
-                <BoardCustomize :chartList="chartList" @refreshBoardList="refreshBoardList" />
-            </div>
-        </div>
+      </div>
+      <!-- 模板1 -->
+      <div class="mode-body" v-if="mode == 0">
+        <ModeFirst
+          :chartList="chartListToShow"
+          @refreshBoardList="refreshBoardList"
+          ref="mode1Ref"
+        />
+      </div>
+      <!-- 自定义 -->
+      <div class="customize-body" v-if="mode == 2">
+        <BoardCustomize
+          :chartList="chartList"
+          @refreshBoardList="refreshBoardList"
+        />
+      </div>
     </div>
+  </div>
 </template>
 <style scoped>
 .chart-board {
-    width: 100%;
-    height: 94vh;
-    /* background-color: #F4F4F4; */
-    background-color: #f4f4f7;
-    display: flex;
-    flex-direction: column;
+  width: 100%;
+  height: 94vh;
+  /* background-color: #F4F4F4; */
+  background-color: #f4f4f7;
+  display: flex;
+  flex-direction: column;
 }
 
 .top-config {
-    position: relative;
-    display: flex;
-    flex: none;
-    align-items: center;
-    width: 100%;
-    height: 40px;
-    background-color: #fff;
-    padding: 0 20px;
+  position: relative;
+  display: flex;
+  flex: none;
+  align-items: center;
+  width: 100%;
+  height: 40px;
+  background-color: #fff;
+  padding: 0 16px;
+}
+
+.total-view {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.menu-item {
+  margin-right: 18px;
 }
 
-.buttom-item {
-    display: flex;
-    align-items: center;
-    margin-right: 20px;
+.button-item {
+  font-size: 15px;
+  display: flex;
+  align-items: center;
 }
 
 .top-config::before {
-    content: '';
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    border-bottom: 1px solid rgba(5, 5, 5, 0.06);
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  border-bottom: 1px solid rgba(5, 5, 5, 0.06);
 }
 
 .board-body {
-    display: flex;
-    position: relative;
-    flex-wrap: wrap;
-    height: 100%;
-    width: 100%;
-    /* 隐藏超出区域的部分 */
-    overflow: hidden;
-    position: relative;
-    flex-direction: row;
-    /* background-image: url(../../../../assets/bg1.png); */
+  display: flex;
+  position: relative;
+  flex-wrap: wrap;
+  height: 100%;
+  width: 100%;
+  /* 隐藏超出区域的部分 */
+  overflow: hidden;
+  position: relative;
+  flex-direction: row;
+  /* background-image: url(../../../../assets/bg1.png); */
 }
 
 .left-view {
-    width: 200px;
-    height: 100%;
-    background-color: #fff;
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 10;
-    /* 提升层级 */
+  width: 240px;
+  height: 100%;
+  background-color: #fff;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
+  position: absolute;
+  top: 0;
+  left: 0;
+  /* 提升层级 */
+  z-index: 10;
+  overflow: auto;
 }
 
 ::v-deep .ant-list-item {
-    padding: 3px;
-    margin: 2px 2px;
-    border: none;
-    cursor: pointer;
+  padding: 6px;
+  margin: 4px;
+  border: none;
+  cursor: pointer;
 }
 
 .selected-board {
-    /* 设置选中项的背景颜色 */
-    background-color: #ebf4ff;
-    border-radius: 5px;
+  /* 设置选中项的背景颜色 */
+  background-color: #ebf4ff;
+  border-radius: 5px;
 }
 
 ::v-deep .ant-list .ant-list-item .ant-list-item-meta {
-    margin-inline-end: 10px;
+  margin-inline-end: 10px;
 }
 
 .board-image {
-    width: 50px;
-    height: 50px;
-    margin-right: 10px;
-    border-radius: 5px;
-    object-fit: cover;
+  width: 50px;
+  height: 50px;
+  margin-right: 10px;
+  border-radius: 5px;
+  object-fit: cover;
 }
 
 .board-name {
-    font-size: 10px;
-    font-weight: bold;
-    white-space: nowrap;
-    /* 防止文本换行 */
-    overflow: hidden;
-    /* 隐藏溢出内容 */
-    text-overflow: ellipsis;
-    /* 使用省略号表示溢出的文本 */
-    max-width: 200px;
-    /* 设置最大宽度，根据需要调整 */
+  font-size: 11px;
+  white-space: nowrap;
+  /* 防止文本换行 */
+  /* overflow: hidden; */
+  /* 隐藏溢出内容 */
+  text-overflow: ellipsis;
+  /* 使用省略号表示溢出的文本 */
+  max-width: 200px;
+  /* 设置最大宽度，根据需要调整 */
 }
 
 .mode-body {
-    display: flex;
-    flex-wrap: wrap;
-    width: 100%;
-    height: 100%;
-    overflow-y: auto;
-    overflow-x: hidden;
-    scrollbar-width: none; /* 隐藏 Firefox 的滚动条 */
-    -ms-overflow-style: none;  /* 隐藏 IE 和 Edge 的滚动条 */
-    position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  scrollbar-width: none; /* 隐藏 Firefox 的滚动条 */
+  -ms-overflow-style: none; /* 隐藏 IE 和 Edge 的滚动条 */
+  position: relative;
 }
 
 .customize-body {
-    display: flex;
-    flex-wrap: wrap;
-    height: 100%;
-    width: 100%;
-    /* 隐藏超出区域的部分 */
-    overflow: hidden;
-    position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  height: 100%;
+  width: 100%;
+  /* 隐藏超出区域的部分 */
+  overflow: hidden;
+  position: relative;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/board/components/chatWindow/ChatWindow.vue b/src/views/board/components/chatWindow/ChatWindow.vue
index 4c520d7..4e463ca 100644
--- a/src/views/board/components/chatWindow/ChatWindow.vue
+++ b/src/views/board/components/chatWindow/ChatWindow.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { ref, defineEmits, onMounted, defineExpose } from "vue";
 import { addMessage } from "@/api/chat/index";
-import { CheckOutlined,LoadingOutlined } from "@ant-design/icons-vue";
+import { CheckOutlined, LoadingOutlined } from "@ant-design/icons-vue";
 import MarkdownIt from "markdown-it";
 import VRuntimeTemplate from "vue3-runtime-template";
 import {
@@ -9,9 +9,6 @@ import {
   SendOutlined,
   ClockCircleOutlined,
   PlusCircleOutlined,
-  /*   RedoOutlined,
-    LikeOutlined,
-    DislikeOutlined, */
   DownOutlined,
 } from "@ant-design/icons-vue";
 import { useRouter } from "vue-router";
@@ -51,7 +48,6 @@ const handleNewMessage = (data) => {
         role: parsedData.kwargs.type,
         tool_calls: parsedData.kwargs.tool_calls,
         tool_name: parsedData.kwargs.name || "助手",
-
       });
     }
   } catch (error) {
@@ -122,7 +118,6 @@ const sendMsg = async () => {
                   role: data.kwargs.type,
                   tool_calls: data.kwargs.tool_calls,
                   tool_name: data.kwargs.name || "助手",
-
                 });
               }
             } catch (error) {
@@ -175,7 +170,7 @@ const createNewChat = () => {
   //使用父组件的emit方法，向父组件发送消息
   currentMessages.value = [];
   emit("create-new-chat");
-  router.push({ name: 'BoardPage', query: { name, sourceId, threadId: '' } });
+  router.push({ name: "BoardPage", query: { name, sourceId, threadId: "" } });
 };
 const toolNameMap = {
   get_data: "获取数据",
@@ -185,7 +180,7 @@ const toolNameMap = {
   execute_sql: "执行 SQL",
   get_export_data: "获取执行记录",
   add_chart: "添加图表",
-  rag_tool: "知识库检索"
+  rag_tool: "知识库检索",
 };
 const renderMD = (message) => {
   const md = new MarkdownIt();
@@ -198,14 +193,14 @@ const renderMD = (message) => {
   }
 
   //修改图片为a-image
-  md.renderer.rules.image = function (tokens, idx, /* options, env, self */) {
+  md.renderer.rules.image = function (tokens, idx /* options, env, self */) {
     const token = tokens[idx];
     const src = token.attrs[token.attrIndex("src")][1];
     return `<a-image src="${src}"></a-image>`;
   };
 
   //修改代码为b
-  md.renderer.rules.fence = function (tokens, idx, /* options, env, self */) {
+  md.renderer.rules.fence = function (tokens, idx /* options, env, self */) {
     const token = tokens[idx];
     const code = token.content.trim();
     const language = token.info.trim() || "markdown";
@@ -215,17 +210,16 @@ const renderMD = (message) => {
 
     // 转义用于HTML属性的字符串
     const escapedCode = stringifiedCode
-      .replace(/&/g, '&amp;')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;')
-      .replace(/"/g, '&quot;')
-      .replace(/\n/g, '&#10;');
+      .replace(/&/g, "&amp;")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;")
+      .replace(/\n/g, "&#10;");
 
     // 返回Vue组件字符串
     return `<highlightjs  language="${language}" :code="${escapedCode}"></highlightjs>`;
   };
 
-
   // md.renderer.rules.code_inline = function (tokens, idx, options, env, self) {
   //   const token = tokens[idx];
   //   const code = token.content.trim();
@@ -247,46 +241,63 @@ defineExpose({
   <div class="chat-window">
     <!-- 标题 -->
     <div class="chat-window-title">
-      <span style="font-weight: bold; font-size: 32px">AI助手 -&nbsp;</span>
+      <span style="font-weight: bold; font-size: 20px">AI助手&nbsp;-&nbsp;</span>
       <a-dropdown :trigger="['click']" class="down-outlined">
         <div>
-          <span style="font-size: 21px; margin-right: 10px">报表生成</span>
-          <DownOutlined />
+          <span style="font-size: 20px; margin-right: 10px">报表生成</span>
+          <DownOutlined style="font-size: 18px" />
         </div>
         <template #overlay>
           <a-menu>
             <a-menu-item key="0">
-              <router-link :to="dynamicPath('/board')" active-class="active-link">报表生成</router-link>
+              <router-link
+                :to="dynamicPath('/board')"
+                active-class="active-link"
+                >报表生成</router-link
+              >
             </a-menu-item>
             <a-menu-item key="1">
-              <router-link :to="dynamicPath('/search')" active-class="active-link">智能检索</router-link>
+              <router-link
+                :to="dynamicPath('/search')"
+                active-class="active-link"
+                >智能检索</router-link
+              >
             </a-menu-item>
           </a-menu>
         </template>
       </a-dropdown>
-      <div class="close-buttom">
+      <div class="close-button">
         <CloseOutlined @click="closeChatWindow" />
       </div>
     </div>
     <!-- 对话 -->
     <div class="chat-window-content">
-      <div v-for="(message, index) in currentMessages" :key="index" :class="['chat-message', message.role]">
-
+      <div
+        v-for="(message, index) in currentMessages"
+        :key="index"
+        :class="['chat-message', message.role]"
+      >
         <a-collapse accordion :bordered="false" v-if="message.role == 'tool'">
           <!-- style="background: rgb(255, 255, 255)"> -->
           <a-collapse-panel :key="index" :showArrow="false">
             <template #header>
-              <LoadingOutlined />
-              <CheckOutlined />
+              <LoadingOutlined style="margin-left: 4px" />
+              <CheckOutlined style="margin-left: 4px" />
               {{ toolNameMap[message.tool_name] || message.tool_name }} 调用完成
             </template>
             <!-- <div v-html="renderMD(message)" class="markdown-body"></div> -->
-            <v-runtime-template :template="renderMD(message)" style="font-size:8px"></v-runtime-template>
+            <v-runtime-template
+              :template="renderMD(message)"
+              style="font-size: 8px"
+            ></v-runtime-template>
           </a-collapse-panel>
         </a-collapse>
 
         <!-- <div v-else v-html="renderMD(message)" class="markdown-body"></div> -->
-        <v-runtime-template v-else :template="renderMD(message)"></v-runtime-template>
+        <v-runtime-template
+          v-else
+          :template="renderMD(message)"
+        ></v-runtime-template>
 
         <!-- <div
           v-if="message.role === 'ai' || message == 'tool'"
@@ -304,8 +315,13 @@ defineExpose({
     <div class="chat-window-bottom">
       <div class="chat-input">
         <!-- 输入框 -->
-        <a-textarea v-model:value="chatValue" placeholder="请向AI描述您的需求...." :auto-size="{ minRows: 4, maxRows: 4 }"
-          allow-clear :maxlength="100">
+        <a-textarea
+          v-model:value="chatValue"
+          placeholder="请向AI描述您的需求...."
+          :auto-size="{ minRows: 4, maxRows: 4 }"
+          allow-clear
+          :maxlength="100"
+        >
         </a-textarea>
         <div class="chat-input-right">
           <!-- 发送按钮 -->
@@ -341,10 +357,10 @@ defineExpose({
 }
 
 .chat-window-title {
-  height: 10vh;
+  height: 60px;
   display: flex;
   align-items: center;
-  padding: 0 20px;
+  padding: 0 16px;
 }
 
 .down-outlined {
@@ -352,9 +368,9 @@ defineExpose({
   cursor: pointer;
 }
 
-.close-buttom {
+.close-button {
   margin-left: auto;
-  font-size: 25px;
+  font-size: 18px;
   cursor: pointer;
   color: #9e9e9e;
 }
@@ -366,7 +382,7 @@ defineExpose({
 
 .chat-window-content {
   flex: 1;
-  padding: 20px;
+  padding: 16px;
   overflow-y: auto;
   overflow-x: auto;
   display: flex;
@@ -377,8 +393,7 @@ defineExpose({
 .chat-message {
   border-radius: 8px;
   max-width: 100%;
-  font-size: 18px;
-
+  font-size: 16px;
 }
 
 .chat-message.human {
@@ -460,7 +475,9 @@ defineExpose({
 }
 
 .chat-input {
-  width: 85%;
+  position: relative;
+  /* width: 100%; */
+  width: calc(100% - 32px);
   margin: 0 auto;
   display: flex;
   gap: 20px;
@@ -489,9 +506,9 @@ defineExpose({
 }
 
 .chat-input-right {
-  display: flex;
-  align-items: center;
-  margin: 0 5px;
+  position: absolute;
+  bottom: 6px;
+  right: 4px;
 }
 
 .send-icon {
@@ -500,7 +517,7 @@ defineExpose({
   color: #61a8ff;
   transform: rotate(-45deg);
   position: relative;
-  bottom: -30px;
+  z-index: 10;
 }
 
 .chat-buttons {
@@ -521,7 +538,7 @@ defineExpose({
   cursor: pointer;
   color: #969595;
   padding: 2px 12px;
-  font-size: 16px;
+  font-size: 14px;
 }
 
 .history-chat {
@@ -537,12 +554,4 @@ defineExpose({
   margin-right: 8px;
 }
 
-p {
-  margin-bottom: 0 !important;
-  margin-top: 0 !important;
-  margin-left: 2px;
-  margin-right: 2px;
-  white-space: pre-wrap;
-  word-break: break-word;
-}
 </style>
diff --git a/yarn.lock b/yarn.lock
index a7508b2..a2aecff 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -220,16 +220,6 @@
     "@antv/util" "^3.3.5"
     tslib "^2.5.3"
 
-"@antv/g@^6.0.0", "@antv/g@^6.0.5":
-  version "6.0.11"
-  resolved "https://registry.npmmirror.com/@antv/g/-/g-6.0.11.tgz"
-  integrity sha512-Ag7HPuI8Rku4oJE830M4c3WlqoJTicgbMAVNE7NIiTmFOFxuoJs+3KgzxvynDa11IZNt6ErVeEcMUsZGWKed3Q==
-  dependencies:
-    "@antv/g-camera-api" "2.0.10"
-    "@antv/g-dom-mutation-observer-api" "2.0.7"
-    "@antv/g-lite" "2.0.7"
-    "@antv/g-web-animations-api" "2.0.8"
-
 "@antv/g2@^5.2.1":
   version "5.2.1"
   resolved "https://registry.npmmirror.com/@antv/g2/-/g2-5.2.1.tgz"
@@ -258,6 +248,16 @@
     fmin "^0.0.2"
     pdfast "^0.2.0"
 
+"@antv/g@^6.0.0", "@antv/g@^6.0.5":
+  version "6.0.11"
+  resolved "https://registry.npmmirror.com/@antv/g/-/g-6.0.11.tgz"
+  integrity sha512-Ag7HPuI8Rku4oJE830M4c3WlqoJTicgbMAVNE7NIiTmFOFxuoJs+3KgzxvynDa11IZNt6ErVeEcMUsZGWKed3Q==
+  dependencies:
+    "@antv/g-camera-api" "2.0.10"
+    "@antv/g-dom-mutation-observer-api" "2.0.7"
+    "@antv/g-lite" "2.0.7"
+    "@antv/g-web-animations-api" "2.0.8"
+
 "@antv/path-util@^3.0.1":
   version "3.0.1"
   resolved "https://registry.npmmirror.com/@antv/path-util/-/path-util-3.0.1.tgz"
@@ -306,7 +306,7 @@
   resolved "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.24.9.tgz"
   integrity sha512-e701mcfApCJqMMueQI0Fb68Amflj83+dvAvHawoBpAz+GDjCIyGHzNwnefjsWJ3xiYAqqiQFoWbspGYBdb2/ng==
 
-"@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.24.6":
+"@babel/core@^7.24.6":
   version "7.24.9"
   resolved "https://registry.npmmirror.com/@babel/core/-/core-7.24.9.tgz"
   integrity sha512-5e3FI4Q3M3Pbr21+5xJwCv6ZT6KmGkI0vw3Tozy5ODAQFTIWe37iT8Cr7Ice2Ntb+M3iSKCEWMB1MBgKrW3whg==
@@ -588,6 +588,116 @@
   resolved "https://registry.npmmirror.com/@emotion/unitless/-/unitless-0.8.1.tgz"
   integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==
 
+"@esbuild/aix-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz#c7184a326533fcdf1b8ee0733e21c713b975575f"
+  integrity sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==
+
+"@esbuild/android-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz#09d9b4357780da9ea3a7dfb833a1f1ff439b4052"
+  integrity sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==
+
+"@esbuild/android-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.21.5.tgz#9b04384fb771926dfa6d7ad04324ecb2ab9b2e28"
+  integrity sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==
+
+"@esbuild/android-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.21.5.tgz#29918ec2db754cedcb6c1b04de8cd6547af6461e"
+  integrity sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==
+
+"@esbuild/darwin-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz#e495b539660e51690f3928af50a76fb0a6ccff2a"
+  integrity sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==
+
+"@esbuild/darwin-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz#c13838fa57372839abdddc91d71542ceea2e1e22"
+  integrity sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==
+
+"@esbuild/freebsd-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz#646b989aa20bf89fd071dd5dbfad69a3542e550e"
+  integrity sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==
+
+"@esbuild/freebsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz#aa615cfc80af954d3458906e38ca22c18cf5c261"
+  integrity sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==
+
+"@esbuild/linux-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz#70ac6fa14f5cb7e1f7f887bcffb680ad09922b5b"
+  integrity sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==
+
+"@esbuild/linux-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz#fc6fd11a8aca56c1f6f3894f2bea0479f8f626b9"
+  integrity sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==
+
+"@esbuild/linux-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz#3271f53b3f93e3d093d518d1649d6d68d346ede2"
+  integrity sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==
+
+"@esbuild/linux-loong64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz#ed62e04238c57026aea831c5a130b73c0f9f26df"
+  integrity sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==
+
+"@esbuild/linux-mips64el@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz#e79b8eb48bf3b106fadec1ac8240fb97b4e64cbe"
+  integrity sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==
+
+"@esbuild/linux-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz#5f2203860a143b9919d383ef7573521fb154c3e4"
+  integrity sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==
+
+"@esbuild/linux-riscv64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz#07bcafd99322d5af62f618cb9e6a9b7f4bb825dc"
+  integrity sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==
+
+"@esbuild/linux-s390x@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz#b7ccf686751d6a3e44b8627ababc8be3ef62d8de"
+  integrity sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==
+
+"@esbuild/linux-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz#6d8f0c768e070e64309af8004bb94e68ab2bb3b0"
+  integrity sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==
+
+"@esbuild/netbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz#bbe430f60d378ecb88decb219c602667387a6047"
+  integrity sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==
+
+"@esbuild/openbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz#99d1cf2937279560d2104821f5ccce220cb2af70"
+  integrity sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==
+
+"@esbuild/sunos-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz#08741512c10d529566baba837b4fe052c8f3487b"
+  integrity sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==
+
+"@esbuild/win32-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz#675b7385398411240735016144ab2e99a60fc75d"
+  integrity sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==
+
+"@esbuild/win32-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz#1bfc3ce98aa6ca9a0969e4d2af72144c59c1193b"
+  integrity sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==
+
 "@esbuild/win32-x64@0.21.5":
   version "0.21.5"
   resolved "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz"
@@ -716,6 +826,81 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
+"@rollup/rollup-android-arm-eabi@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.1.tgz#f0da481244b7d9ea15296b35f7fe39cd81157396"
+  integrity sha512-lncuC4aHicncmbORnx+dUaAgzee9cm/PbIqgWz1PpXuwc+sa1Ct83tnqUDy/GFKleLiN7ZIeytM6KJ4cAn1SxA==
+
+"@rollup/rollup-android-arm64@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.18.1.tgz#82ab3c575f4235fb647abea5e08eec6cf325964e"
+  integrity sha512-F/tkdw0WSs4ojqz5Ovrw5r9odqzFjb5LIgHdHZG65dFI1lWTWRVy32KDJLKRISHgJvqUeUhdIvy43fX41znyDg==
+
+"@rollup/rollup-darwin-arm64@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.18.1.tgz#6a530452e68a9152809ce58de1f89597632a085b"
+  integrity sha512-vk+ma8iC1ebje/ahpxpnrfVQJibTMyHdWpOGZ3JpQ7Mgn/3QNHmPq7YwjZbIE7km73dH5M1e6MRRsnEBW7v5CQ==
+
+"@rollup/rollup-darwin-x64@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.18.1.tgz#47727479f5ca292cf434d7e75af2725b724ecbc7"
+  integrity sha512-IgpzXKauRe1Tafcej9STjSSuG0Ghu/xGYH+qG6JwsAUxXrnkvNHcq/NL6nz1+jzvWAnQkuAJ4uIwGB48K9OCGA==
+
+"@rollup/rollup-linux-arm-gnueabihf@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.18.1.tgz#46193c498aa7902a8db89ac00128060320e84fef"
+  integrity sha512-P9bSiAUnSSM7EmyRK+e5wgpqai86QOSv8BwvkGjLwYuOpaeomiZWifEos517CwbG+aZl1T4clSE1YqqH2JRs+g==
+
+"@rollup/rollup-linux-arm-musleabihf@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.18.1.tgz#22d831fe239643c1d05c98906420325cee439d85"
+  integrity sha512-5RnjpACoxtS+aWOI1dURKno11d7krfpGDEn19jI8BuWmSBbUC4ytIADfROM1FZrFhQPSoP+KEa3NlEScznBTyQ==
+
+"@rollup/rollup-linux-arm64-gnu@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.18.1.tgz#19abd33695ec9d588b4a858d122631433084e4a3"
+  integrity sha512-8mwmGD668m8WaGbthrEYZ9CBmPug2QPGWxhJxh/vCgBjro5o96gL04WLlg5BA233OCWLqERy4YUzX3bJGXaJgQ==
+
+"@rollup/rollup-linux-arm64-musl@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.18.1.tgz#d60af8c0b9be424424ff96a0ba19fce65d26f6ab"
+  integrity sha512-dJX9u4r4bqInMGOAQoGYdwDP8lQiisWb9et+T84l2WXk41yEej8v2iGKodmdKimT8cTAYt0jFb+UEBxnPkbXEQ==
+
+"@rollup/rollup-linux-powerpc64le-gnu@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.18.1.tgz#b1194e5ed6d138fdde0842d126fccde74a90f457"
+  integrity sha512-V72cXdTl4EI0x6FNmho4D502sy7ed+LuVW6Ym8aI6DRQ9hQZdp5sj0a2usYOlqvFBNKQnLQGwmYnujo2HvjCxQ==
+
+"@rollup/rollup-linux-riscv64-gnu@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.18.1.tgz#f5a635c017b9bff8b856b0221fbd5c0e3373b7ec"
+  integrity sha512-f+pJih7sxoKmbjghrM2RkWo2WHUW8UbfxIQiWo5yeCaCM0TveMEuAzKJte4QskBp1TIinpnRcxkquY+4WuY/tg==
+
+"@rollup/rollup-linux-s390x-gnu@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.18.1.tgz#f1043d9f4026bf6995863cb3f8dd4732606e4baa"
+  integrity sha512-qb1hMMT3Fr/Qz1OKovCuUM11MUNLUuHeBC2DPPAWUYYUAOFWaxInaTwTQmc7Fl5La7DShTEpmYwgdt2hG+4TEg==
+
+"@rollup/rollup-linux-x64-gnu@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.18.1.tgz#1e781730be445119f06c9df5f185e193bc82c610"
+  integrity sha512-7O5u/p6oKUFYjRbZkL2FLbwsyoJAjyeXHCU3O4ndvzg2OFO2GinFPSJFGbiwFDaCFc+k7gs9CF243PwdPQFh5g==
+
+"@rollup/rollup-linux-x64-musl@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.18.1.tgz#08f12e1965d6f27d6898ff932592121cca6abc4b"
+  integrity sha512-pDLkYITdYrH/9Cv/Vlj8HppDuLMDUBmgsM0+N+xLtFd18aXgM9Nyqupb/Uw+HeidhfYg2lD6CXvz6CjoVOaKjQ==
+
+"@rollup/rollup-win32-arm64-msvc@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.18.1.tgz#4a5dcbbe7af7d41cac92b09798e7c1831da1f599"
+  integrity sha512-W2ZNI323O/8pJdBGil1oCauuCzmVd9lDmWBBqxYZcOqWD6aWqJtVBQ1dFrF4dYpZPks6F+xCZHfzG5hYlSHZ6g==
+
+"@rollup/rollup-win32-ia32-msvc@4.18.1":
+  version "4.18.1"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.18.1.tgz#075b0713de627843a73b4cf0e087c56b53e9d780"
+  integrity sha512-ELfEX1/+eGZYMaCIbK4jqLxO1gyTSOIlZr6pbC4SRYFaSIDVKOnZNMdoZ+ON0mrFDp4+H5MhwNC1H/AhE3zQLg==
+
 "@rollup/rollup-win32-x64-msvc@4.18.1":
   version "4.18.1"
   resolved "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.18.1.tgz"
@@ -828,7 +1013,7 @@
     "@vue/compiler-core" "3.4.33"
     "@vue/shared" "3.4.33"
 
-"@vue/compiler-sfc@^3.4.15", "@vue/compiler-sfc@3.4.33":
+"@vue/compiler-sfc@3.4.33", "@vue/compiler-sfc@^3.4.15":
   version "3.4.33"
   resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.4.33.tgz"
   integrity sha512-7rk7Vbkn21xMwIUpHQR4hCVejwE6nvhBOiDgoBcR03qvGqRKA7dCBSsHZhwhYUsmjlbJ7OtD5UFIyhP6BY+c8A==
@@ -899,7 +1084,7 @@ acorn-jsx@^5.3.2:
   resolved "https://registry.npmmirror.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^8.9.0:
+acorn@^8.9.0:
   version "8.12.1"
   resolved "https://registry.npmmirror.com/acorn/-/acorn-8.12.1.tgz"
   integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==
@@ -1091,7 +1276,7 @@ braces@~3.0.2:
   dependencies:
     fill-range "^7.1.1"
 
-browserslist@^4.23.1, "browserslist@>= 4.21.0":
+browserslist@^4.23.1:
   version "4.23.2"
   resolved "https://registry.npmmirror.com/browserslist/-/browserslist-4.23.2.tgz"
   integrity sha512-qkqSyistMYdxAcw+CzbZwlBy8AGmS/eEWs+sEV5TnLRGDOL+C5M2EnH6tlZyg0YoAxGJAFKh61En9BR941GnHA==
@@ -1225,7 +1410,7 @@ color-convert@^2.0.1:
   dependencies:
     color-name "~1.1.4"
 
-color-name@^1.0.0, color-name@1.1.3:
+color-name@1.1.3, color-name@^1.0.0:
   version "1.1.3"
   resolved "https://registry.npmmirror.com/color-name/-/color-name-1.1.3.tgz"
   integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
@@ -1306,14 +1491,14 @@ csstype@^3.0.8, csstype@^3.1.1, csstype@^3.1.3:
   resolved "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz"
   integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
 
-d3-array@^3.2.4, "d3-array@2.5.0 - 3":
+"d3-array@2.5.0 - 3", d3-array@^3.2.4:
   version "3.2.4"
   resolved "https://registry.npmmirror.com/d3-array/-/d3-array-3.2.4.tgz"
   integrity sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==
   dependencies:
     internmap "1 - 2"
 
-d3-color@^3.1.0, "d3-color@1 - 3":
+"d3-color@1 - 3", d3-color@^3.1.0:
   version "3.1.0"
   resolved "https://registry.npmmirror.com/d3-color/-/d3-color-3.1.0.tgz"
   integrity sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==
@@ -1693,7 +1878,7 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4
   resolved "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-"eslint@^6.0.0 || ^7.0.0 || >=8.0.0", "eslint@^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0", eslint@^8.57.0, eslint@>=6.0.0:
+eslint@^8.57.0:
   version "8.57.0"
   resolved "https://registry.npmmirror.com/eslint/-/eslint-8.57.0.tgz"
   integrity sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==
@@ -1890,6 +2075,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fsevents@~2.3.2, fsevents@~2.3.3:
+  version "2.3.3"
+  resolved "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
 function-bind@^1.1.2:
   version "1.1.2"
   resolved "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz"
@@ -1971,14 +2161,7 @@ globals@^11.1.0:
   resolved "https://registry.npmmirror.com/globals/-/globals-11.12.0.tgz"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.19.0:
-  version "13.24.0"
-  resolved "https://registry.npmmirror.com/globals/-/globals-13.24.0.tgz"
-  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
-  dependencies:
-    type-fest "^0.20.2"
-
-globals@^13.24.0:
+globals@^13.19.0, globals@^13.24.0:
   version "13.24.0"
   resolved "https://registry.npmmirror.com/globals/-/globals-13.24.0.tgz"
   integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
@@ -2063,7 +2246,7 @@ hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
   dependencies:
     function-bind "^1.1.2"
 
-highlight.js@^11.0.1, highlight.js@^11.10.0:
+highlight.js@^11.10.0:
   version "11.10.0"
   resolved "https://registry.npmmirror.com/highlight.js/-/highlight.js-11.10.0.tgz"
   integrity sha512-SYVnVFswQER+zu1laSya563s+F8VDGt7o35d4utbamowvUNLLMovFqwCLSocpZTz3MgaSRA1IbqRWZv97dtErQ==
@@ -2119,7 +2302,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@~2.0.4, inherits@2:
+inherits@2, inherits@~2.0.4:
   version "2.0.4"
   resolved "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -2838,7 +3021,7 @@ run-parallel@^1.1.9:
   dependencies:
     queue-microtask "^1.2.2"
 
-rw@^1.3.2, rw@1:
+rw@1, rw@^1.3.2:
   version "1.3.3"
   resolved "https://registry.npmmirror.com/rw/-/rw-1.3.3.tgz"
   integrity sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==
@@ -2867,7 +3050,7 @@ safe-regex-test@^1.0.3:
   resolved "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sass@*, sass@^1.77.8:
+sass@^1.77.8:
   version "1.77.8"
   resolved "https://registry.npmmirror.com/sass/-/sass-1.77.8.tgz"
   integrity sha512-4UHg6prsrycW20fqLGPShtEvo/WyHRVRHwOP4DzkUrObWoWI05QBSfzU71TVB7PFaL104TwNaHpjlWXAZbQiNQ==
@@ -2888,12 +3071,7 @@ semver@^6.3.1:
   resolved "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.3.6:
-  version "7.6.3"
-  resolved "https://registry.npmmirror.com/semver/-/semver-7.6.3.tgz"
-  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
-
-semver@^7.6.0:
+semver@^7.3.6, semver@^7.6.0:
   version "7.6.3"
   resolved "https://registry.npmmirror.com/semver/-/semver-7.6.3.tgz"
   integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
@@ -2954,7 +3132,7 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
-source-map-js@^1.2.0, "source-map-js@>=0.6.2 <2.0.0":
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.0.tgz"
   integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
@@ -2966,11 +3144,6 @@ source-map-support@^0.3.2:
   dependencies:
     source-map "0.1.32"
 
-source-map@~0.5.1:
-  version "0.5.7"
-  resolved "https://registry.npmmirror.com/source-map/-/source-map-0.5.7.tgz"
-  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
-
 source-map@0.1.32:
   version "0.1.32"
   resolved "https://registry.npmmirror.com/source-map/-/source-map-0.1.32.tgz"
@@ -2978,6 +3151,11 @@ source-map@0.1.32:
   dependencies:
     amdefine ">=0.0.4"
 
+source-map@~0.5.1:
+  version "0.5.7"
+  resolved "https://registry.npmmirror.com/source-map/-/source-map-0.5.7.tgz"
+  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
+
 stackblur-canvas@^2.0.0:
   version "2.7.0"
   resolved "https://registry.npmmirror.com/stackblur-canvas/-/stackblur-canvas-2.7.0.tgz"
@@ -3243,7 +3421,7 @@ utrie@^1.0.2:
   dependencies:
     base64-arraybuffer "^1.0.2"
 
-vite@^5.0.0, vite@^5.3.1:
+vite@^5.3.1:
   version "5.3.4"
   resolved "https://registry.npmmirror.com/vite/-/vite-5.3.4.tgz"
   integrity sha512-Cw+7zL3ZG9/NZBB8C+8QbQZmR54GwqIz+WMI4b3JgdYJvX+ny9AjJXqkGQlDXSXRP9rP0B4tbciRMOVEKulVOA==
@@ -3286,7 +3464,14 @@ vue-types@^3.0.0:
   dependencies:
     is-plain-object "3.0.1"
 
-"vue@^2.6.14 || ^3.3.0", vue@^3, vue@^3.0.0, "vue@^3.0.0-0 || ^2.6.0", vue@^3.2.0, vue@^3.2.25, vue@^3.4.29, vue@>=3.0.3, vue@>=3.2.0, vue@3.4.33:
+vue3-runtime-template@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmmirror.com/vue3-runtime-template/-/vue3-runtime-template-1.0.2.tgz"
+  integrity sha512-oquh7JFsbL9MuPqCehOufzgONVvBCmcLWCvVgBA5VreLpNGcQSmb9Bz0g9xqQ+ufdwZGQs+T111GbRyJfPYFQA==
+  dependencies:
+    vue "^3.0.0"
+
+vue@^3.0.0, vue@^3.4.29:
   version "3.4.33"
   resolved "https://registry.npmmirror.com/vue/-/vue-3.4.33.tgz"
   integrity sha512-VdMCWQOummbhctl4QFMcW6eNtXHsFyDlX60O/tsSQuCcuDOnJ1qPOhhVla65Niece7xq/P2zyZReIO5mP+LGTQ==
@@ -3297,13 +3482,6 @@ vue-types@^3.0.0:
     "@vue/server-renderer" "3.4.33"
     "@vue/shared" "3.4.33"
 
-vue3-runtime-template@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.npmmirror.com/vue3-runtime-template/-/vue3-runtime-template-1.0.2.tgz"
-  integrity sha512-oquh7JFsbL9MuPqCehOufzgONVvBCmcLWCvVgBA5VreLpNGcQSmb9Bz0g9xqQ+ufdwZGQs+T111GbRyJfPYFQA==
-  dependencies:
-    vue "^3.0.0"
-
 warning@^4.0.0:
   version "4.0.3"
   resolved "https://registry.npmmirror.com/warning/-/warning-4.0.3.tgz"
-- 
Gitee