zj-plugin-intelligent 1.2.1-beta.2 → 1.2.1-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -557,7 +557,7 @@ eval("/* WEBPACK VAR INJECTION */(function(global) {/*!\n * The buffer module fr
|
|
|
557
557
|
/***/ (function(module, exports, __webpack_require__) {
|
|
558
558
|
|
|
559
559
|
"use strict";
|
|
560
|
-
eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n__webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.array.push.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.constructor.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.filter.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.find.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.map.js\");\nvar _apichat = __webpack_require__(/*! @lib/api/apichat */ \"./src/lib/api/apichat.js\");\nvar _markdownIt = _interopRequireDefault(__webpack_require__(/*! markdown-it */ \"./node_modules/_markdown-it@14.1.0@markdown-it/index.mjs\"));\nvar _html2canvas = _interopRequireDefault(__webpack_require__(/*! html2canvas */ \"./node_modules/_html2canvas@1.4.1@html2canvas/dist/html2canvas.js\"));\nvar _cookie = __webpack_require__(/*! @lib/utils/cookie.js */ \"./src/lib/utils/cookie.js\");\nconst marked = new _markdownIt.default();\nvar _default = exports.default = {\n name: 'ChatMain',\n props: {\n Ak: {\n type: String,\n default: ''\n },\n Sk: {\n type: String,\n default: ''\n },\n imAccount: {\n type: String,\n default: ''\n },\n isShow: {\n default: false,\n type: Boolean\n }\n },\n data() {\n return {\n agentList: [],\n currentAgent: '',\n currentAgentDesc: '',\n sessionsLoaded: false,\n searchKeyword: '',\n agentSuggestions: [],\n showAgentSuggestions: false,\n sessionList: [],\n activeSessionId: '',\n messages: [],\n loadingMore: false,\n sending: false,\n waitTimer: null,\n waitSeconds: 0,\n canceling: false,\n msgPage: 1,\n msgMaxPage: 1,\n msgTotal: 0,\n inputText: '',\n eventSource: null,\n showToolInfo: false,\n showDownBtn: false,\n // 控制向下箭头显隐\n lastScrollTop: 0,\n scrollTimer: null,\n // 滚动防抖（新增）\n showAgentSelect: true,\n _scrollTimer: null\n };\n },\n created() {\n if (this.Ak || this.Sk) {\n (0, _apichat.setApiAuth)(this.Ak, this.Sk, this.imAccount);\n }\n this.loadAgents();\n this.loadSessions();\n },\n mounted() {},\n computed: {\n waitClass() {\n if (this.waitSeconds > 15) return 'wait-15';\n if (this.waitSeconds > 10) return 'wait-10';\n if (this.waitSeconds > 5) return 'wait-5';\n return '';\n },\n filteredSessions() {\n if (!this.searchKeyword) return this.sessionList;\n const kw = this.searchKeyword.toLowerCase();\n return this.sessionList.filter(s => {\n const name = (s.agentName || s.agentCode || '').toLowerCase();\n return name.includes(kw);\n });\n },\n currentAgentName() {\n if (!this.currentAgent) return '';\n const a = this.agentList.find(x => x.agentCode === this.currentAgent);\n return a ? a.agentName || a.agentCode : this.currentAgent;\n }\n },\n watch: {\n searchKeyword(val) {\n if (this.searchTimer) clearTimeout(this.searchTimer);\n if (!val.trim()) {\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n return;\n }\n this.searchTimer = setTimeout(() => {\n (0, _apichat.getChatAgents)(val.trim()).then(list => {\n this.agentSuggestions = list || [];\n this.showAgentSuggestions = this.agentSuggestions.length > 0;\n }).catch(() => {\n this.agentSuggestions = [];\n });\n }, 300);\n }\n // ak: {\n // handler(newVal) {\n // setApiAuth(newVal, this.sk)\n // },\n // immediate: true\n // },\n // sk: {\n // handler(newVal) {\n // setApiAuth(this.ak, newVal)\n // },\n // immediate: true\n // }\n },\n methods: {\n // 获取右侧头像样式（根据当前智能体在左侧列表中的位置决定颜色）\n getChatAvatarStyle(agent) {\n const _agent = this.agentList.find(x => x.agentCode === agent);\n // 如果有网络图片，返回背景图样式\n if (agent.avatar) {\n return {\n backgroundImage: `url(${agent.avatar})`,\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat'\n };\n }\n\n // 没有网络图片时，根据智能体在 agentList 中的索引位置决定颜色\n if (this.sessionList) {\n // 找到当前智能体在列表中的索引\n const index = this.sessionList.findIndex(item => item.agentCode === agent);\n console.log(index, 'indexindexindexindex');\n if (index !== -1) {\n // 根据索引计算颜色类（4色循环）\n const colorIndex = index % 4 + 1;\n return {\n background: this.getGradientByColorIndex(colorIndex)\n };\n }\n }\n\n // 默认返回蓝色渐变\n return {\n background: 'linear-gradient(135deg, #1677ff, #4096ff)'\n };\n },\n // 根据颜色索引获取对应的渐变色\n getGradientByColorIndex(index) {\n const gradients = {\n 1: 'linear-gradient(135deg, #1677ff, #4096ff)',\n 2: 'linear-gradient(135deg, #52c41a, #73d13d)',\n 3: 'linear-gradient(135deg, #fa8c16, #ffa940)',\n 4: 'linear-gradient(135deg, #722ed1, #b37feb)'\n };\n return gradients[index] || gradients[1];\n },\n selectAgent(agentItem) {\n this.showAgentSelect = false;\n this.currentAgent = agentItem.agentCode;\n this.currentAgentName = agentItem.agentName;\n // 查找历史会话\n const existSession = this.sessionList.find(s => s.agentCode === agentItem.agentCode);\n if (existSession) {\n this.activeSessionId = existSession.id;\n this.switchSession(existSession);\n } else {\n this.createNewSession(agentItem.agentCode);\n }\n },\n createNewSession(agentCode) {\n // 你原有新建会话逻辑\n },\n // 检测是否滚动到底部，控制向下箭头显示隐藏\n checkScrollBottom(forceShowWhenNotBottom = false) {\n const el = this.$refs.messagesRef;\n if (!el) {\n this.showDownBtn = false;\n return;\n }\n const {\n scrollHeight,\n scrollTop,\n clientHeight\n } = el;\n const remain = scrollHeight - scrollTop - clientHeight;\n const atBottom = remain <= 80;\n if (atBottom) {\n this.showDownBtn = false;\n } else if (this.sending && scrollTop >= this.lastScrollTop && !forceShowWhenNotBottom) {\n // 发送AI回答时，如果用户没有主动向上滚动，就不要显示下箭头闪烁\n this.showDownBtn = false;\n } else {\n this.showDownBtn = true;\n }\n this.lastScrollTop = scrollTop;\n },\n // 固定最小高度：单行不撑开，超出才增高\n autoResizeTextarea() {\n const ta = this.$refs.taRef;\n if (!ta) return;\n // 基准单行高度\n const baseH = 32;\n ta.style.height = `${baseH}px`;\n // 内容真实高度\n const realH = ta.scrollHeight;\n // 只有内容高度>基准才撑开，否则保持初始高度\n if (realH > baseH) {\n ta.style.height = `${Math.min(realH, 180)}px`;\n }\n this.$nextTick(() => {\n this.checkScrollBottom(true);\n });\n },\n // Shift+Enter换行\n newLine() {\n const ta = this.$refs.taRef;\n const start = ta.selectionStart;\n const end = ta.selectionEnd;\n this.inputText = this.inputText.slice(0, start) + '\\n' + this.inputText.slice(end);\n this.$nextTick(() => {\n ta.selectionStart = ta.selectionEnd = start + 1;\n this.autoResizeTextarea();\n });\n },\n clearWaitTimer() {\n if (this.waitTimer) {\n clearInterval(this.waitTimer);\n this.waitTimer = null;\n }\n },\n loadAgents() {\n (0, _apichat.getChatAgents)().then(list => {\n this.agentList = list || [];\n // if (this.agentList.length > 0 && !this.currentAgent) {\n // const first = this.agentList[0]\n // this.currentAgent = first.agentCode\n // this.currentAgentDesc = first.description || ''\n // }\n }).catch(() => {});\n },\n loadSessions() {\n (0, _apichat.getSessionList)().then(list => {\n if (!this.activeSessionId) {\n this.sessionList = list || [];\n if (this.sessionList.length > 0) {\n this.switchSession(this.sessionList[0]);\n }\n if (this.sessionList.length === 0) {\n this.showAgentSelect = true;\n }\n } else {\n this.sessionList = list || [];\n }\n }).catch(() => {});\n },\n onSearchClear() {\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n },\n startChatWithAgent(agent) {\n console.log('选择了助手', agent.agentCode, this.currentAgent);\n if (agent.agentCode == this.currentAgent) {\n this.searchKeyword = '';\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n return;\n }\n this.currentAgent = agent.agentCode;\n this.currentAgentDesc = agent.description || '';\n this.searchKeyword = '';\n this.agentSuggestions = [];\n this.messages = [];\n this.showAgentSuggestions = false;\n this.showAgentSelect = false;\n const existing = this.sessionList.find(s => s.agentCode === agent.agentCode);\n if (existing) {\n this.switchSession(existing);\n } else {\n this.handleNewSession();\n }\n },\n handleNewSession() {\n if (!this.currentAgent) return;\n if (this.activeSessionId) this.closeOldSession();\n (0, _apichat.startSession)(this.currentAgent).then(res => {\n this.activeSessionId = res.sessionId || '';\n this.loadSessions();\n const agent = this.agentList.find(a => a.agentCode === this.currentAgent);\n if (agent) this.addWelcomeMessage(agent);\n }).catch(() => {});\n },\n async switchSession(s) {\n if (this.sending) {\n this.$message.warning('AI正在生成内容，暂时请不要切换对话');\n return;\n }\n this.showAgentSelect = false;\n if (this.activeSessionId === s.sessionId) return;\n this.activeSessionId = s.sessionId;\n this.currentAgent = s.agentCode;\n const agent = this.agentList.find(a => a.agentCode === s.agentCode);\n this.currentAgentDesc = agent ? agent.description || '' : '';\n this.msgPage = 1;\n this.msgTotal = 0;\n (0, _apichat.syncToken)((0, _cookie.getToken)(), s.sessionId);\n try {\n const res = await (0, _apichat.getSessionMessages)(s.sessionId, 1, 10);\n const list = Array.isArray(res) ? res : res.list || [];\n this.msgTotal = res.total || list.length;\n this.msgPage = 1;\n const asAsc = (list || []).slice().reverse();\n this.messages = asAsc.map(m => ({\n role: m.role,\n content: m.content || '',\n thinking: m.thinking || '',\n toolCalls: [],\n agentName: m.role === 'assistant' ? s.agentName || '' : '',\n createTime: m.createTime || null,\n _key: m.createTime ? 'msg_' + m.createTime : 'msg_' + Date.now() + '_' + Math.random()\n }));\n if (this.messages.length === 0 && agent) this.addWelcomeMessage(agent);\n await this.$nextTick();\n this.$nextTick(() => {\n this.scrollToBottomOnce();\n this.checkScrollBottom();\n });\n } catch (e) {\n this.messages = [];\n }\n },\n loadMoreMessages() {\n const nextPage = this.msgPage + 1;\n const maxPage = Math.ceil(this.msgTotal / 10);\n if (nextPage > maxPage) {\n this.loadingMore = false;\n return;\n }\n (0, _apichat.getSessionMessages)(this.activeSessionId, nextPage, 10).then(res => {\n const list = Array.isArray(res) ? res : res.list || [];\n this.msgPage = nextPage;\n const asAsc = (list || []).slice().reverse();\n const prepend = asAsc.map(m => ({\n role: m.role,\n content: m.content || '',\n thinking: m.thinking || '',\n toolCalls: [],\n agentName: '',\n createTime: m.createTime || null,\n _key: m.createTime ? 'msg_' + m.createTime : 'msg_' + Date.now() + '_' + Math.random()\n }));\n const container = this.$refs.messagesRef;\n const oldScrollHeight = container ? container.scrollHeight : 0;\n const oldScrollTop = container ? container.scrollTop : 0;\n this.messages = [...prepend, ...this.messages];\n this.$nextTick(() => {\n if (container) {\n container.scrollTop = oldScrollTop + (container.scrollHeight - oldScrollHeight);\n }\n this.loadingMore = false;\n });\n }).catch(() => {\n this.loadingMore = false;\n });\n },\n onScrollMessages() {\n const container = this.$refs.messagesRef;\n if (!container || this.loadingMore) return;\n const isAtBottom = container.scrollTop + container.clientHeight >= container.scrollHeight - 100;\n this.checkScrollBottom();\n if (isAtBottom) return;\n if (container.scrollTop < 50 && this.msgPage < Math.ceil(this.msgTotal / 10)) {\n this.loadingMore = true;\n this.loadMoreMessages();\n }\n },\n handleDeleteSession(s) {\n this.$confirm(`确认删除「${s.agentName || s.agentCode}」的会话？`, '提示', {\n type: 'warning'\n }).then(() => {\n (0, _apichat.deleteSession)(s.sessionId).then(() => {\n if (this.activeSessionId === s.sessionId) {\n this.activeSessionId = '';\n this.messages = [];\n this.showAgentSelect = true;\n this.currentAgent = '';\n this.currentAgentDesc = '';\n }\n this.loadSessions();\n });\n }).catch(() => {});\n },\n closeOldSession() {},\n onAgentChange(code) {\n const agent = this.agentList.find(a => a.agentCode === code);\n this.currentAgentDesc = agent ? agent.description || '' : '';\n this.handleNewSession();\n },\n addWelcomeMessage(agent) {\n if (!agent) return;\n const name = agent.agentName || '助手';\n const _agent = this.agentList.find(x => x.agentCode === this.currentAgent);\n let _content = _agent.greeting || `你好！我是 **${name}**，有什么可以帮你的吗？`;\n this.messages.push({\n role: 'assistant',\n content: _content,\n thinking: '',\n agentName: name,\n _key: 'welcome_' + Date.now()\n });\n },\n async sendMessage() {\n const text = this.inputText.trim();\n if (!text || this.sending) return;\n if (!this.activeSessionId) {\n await (0, _apichat.startSession)(this.currentAgent).then(res => {\n this.activeSessionId = res.sessionId || '';\n this.loadSessions();\n });\n if (!this.activeSessionId) return;\n }\n this.inputText = '';\n const ta = this.$refs.taRef;\n if (ta) {\n ta.style.height = '32px'; // 强制恢复初始高度\n }\n this.showDownBtn = false;\n this.messages.push({\n role: 'user',\n content: text,\n createTime: new Date().toISOString(),\n _key: 'user_' + Date.now() + '_' + Math.random()\n });\n const agentName = this.currentAgentName;\n const msgIdx = this.messages.push({\n role: 'assistant',\n content: '',\n thinking: '',\n loading: true,\n toolCalls: [],\n agentName,\n createTime: new Date().toISOString(),\n _key: 'asst_' + Date.now() + '_' + Math.random()\n }) - 1;\n this.scrollToBottom(true);\n this.sending = true;\n this.waitSeconds = 0;\n if (this.waitTimer) clearInterval(this.waitTimer);\n this.waitTimer = setInterval(() => {\n this.waitSeconds++;\n }, 1000);\n let thinkingBuffer = '';\n let finalContent = '';\n let answerBuffer = '';\n let thinkDisplayed = 0;\n let typeTimer = null;\n typeTimer = setInterval(() => {\n if (!this.messages[msgIdx]) return;\n if (thinkDisplayed < thinkingBuffer.length) {\n thinkDisplayed += 50;\n if (thinkDisplayed > thinkingBuffer.length) thinkDisplayed = thinkingBuffer.length;\n this.messages[msgIdx].thinking = thinkingBuffer.substring(0, thinkDisplayed);\n this.scrollToBottom();\n } else if (finalContent && !this.messages[msgIdx].content) {\n clearInterval(typeTimer);\n typeTimer = null;\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n this.sending = false;\n this.clearWaitTimer();\n this.scrollToBottom();\n this.loadSessions();\n }\n }, 30);\n const url = (0, _apichat.createStreamUrl)(this.activeSessionId, text);\n if (this.eventSource) {\n this.eventSource.close();\n }\n this.eventSource = new EventSource(url);\n const es = this.eventSource;\n es.addEventListener('reasoning', e => {\n if (e.data) {\n const clean = e.data.replace(/([a-zA-Z]+)([\\u4e00-\\u9fff])/g, '$1 $2').replace(/([\\u4e00-\\u9fff])([a-zA-Z]+)/g, '$1 $2');\n thinkingBuffer += clean;\n }\n });\n es.addEventListener('reasoning_result', e => {\n if (e.data) {\n thinkingBuffer = e.data;\n }\n });\n es.addEventListener('answer', e => {\n if (e.data) {\n answerBuffer += e.data;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content += e.data;\n this.scrollToBottom();\n }\n }\n });\n es.addEventListener('tool_result', e => {\n if (e.data && this.messages[msgIdx]) {\n if (!this.messages[msgIdx].toolCalls) this.messages[msgIdx].toolCalls = [];\n this.messages[msgIdx].toolCalls.push(e.data);\n this.scrollToBottom();\n }\n });\n es.addEventListener('agent_result', e => {\n finalContent = e.data || '';\n es.close();\n this.eventSource = null;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n }\n this.sending = false;\n this.clearWaitTimer();\n if (typeTimer) {\n clearInterval(typeTimer);\n typeTimer = null;\n }\n this.scrollToBottom();\n this.loadSessions();\n });\n es.onerror = err => {\n console.log('[SSE] onerror', err);\n if (thinkingBuffer.length > 0 && !finalContent) finalContent = thinkingBuffer;\n if (!finalContent) finalContent = '❌ 连接中断';\n es.close();\n this.eventSource = null;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n }\n this.sending = false;\n this.clearWaitTimer();\n if (typeTimer) {\n clearInterval(typeTimer);\n typeTimer = null;\n }\n this.scrollToBottom();\n };\n },\n stopAgent() {\n if (this.eventSource) {\n this.eventSource.close();\n this.eventSource = null;\n }\n if (this.activeSessionId) {\n (0, _apichat.stopStream)(this.activeSessionId).catch(() => {});\n }\n if (this.messages.length > 0) {\n const last = this.messages[this.messages.length - 1];\n if (last && last.loading) {\n last.content = last.content || last.thinking || '⏹ 已停止';\n last.loading = false;\n }\n }\n this.sending = false;\n this.clearWaitTimer();\n },\n copyText(content) {\n if (!content) return;\n navigator.clipboard.writeText(content.replace(/<[^>]+>/g, '')).then(() => {\n this.$message({\n message: '已复制到剪贴板',\n type: 'success',\n duration: 1500\n });\n }).catch(() => {\n this.$message({\n message: '复制失败',\n type: 'error',\n duration: 2000\n });\n });\n },\n copyAsImage(content) {\n if (!content) return;\n // 创建临时容器渲染 Markdown\n const div = document.createElement('div');\n div.className = 'copy-image-render';\n div.style.cssText = 'position:fixed;left:-9999px;top:0;width:600px;padding:20px;background:#fff;font-size:14px;line-height:1.6;color:#333;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;';\n div.innerHTML = this.renderMarkdown(content);\n document.body.appendChild(div);\n this.$message({\n message: '正在生成图片...',\n type: 'info',\n duration: 2000\n });\n (0, _html2canvas.default)(div, {\n scale: 2,\n useCORS: true,\n backgroundColor: '#ffffff'\n }).then(canvas => {\n canvas.toBlob(blob => {\n if (blob) {\n navigator.clipboard.write([new ClipboardItem({\n 'image/png': blob\n })]).then(() => {\n this.$message({\n message: '图片已复制到剪贴板',\n type: 'success',\n duration: 1500\n });\n }).catch(() => {\n this.$message({\n message: '复制图片失败',\n type: 'error',\n duration: 2000\n });\n });\n }\n }, 'image/png');\n }).catch(() => {\n this.$message({\n message: '生成图片失败',\n type: 'error',\n duration: 2000\n });\n }).finally(() => {\n document.body.removeChild(div);\n });\n },\n formatTime(t) {\n if (!t) return '';\n const d = new Date(t.replace(' ', 'T'));\n const now = new Date();\n const diff = (now - d) / 1000;\n if (diff < 60) return '刚刚';\n if (diff < 3600) return Math.floor(diff / 60) + '分钟前';\n if (diff < 86400) return Math.floor(diff / 3600) + '小时前';\n return d.getMonth() + 1 + '/' + d.getDate();\n },\n getInitial(name) {\n if (!name) return '?';\n return name.charAt(0);\n },\n renderMarkdown(text) {\n if (!text) return '';\n try {\n return marked.render(text);\n } catch {\n return text;\n }\n },\n scrollToTop() {\n const el = this.$refs.messagesRef;\n if (el) el.scrollTop = 0;\n },\n scrollToBottom(force = false) {\n if (this.showDownBtn && !force) return;\n this.$nextTick(() => {\n const el = this.$refs.messagesRef;\n if (el) {\n el.scrollTop = el.scrollHeight;\n this.lastScrollTop = el.scrollTop;\n this.showDownBtn = false; // 滚动到底部后立刻隐藏箭头\n }\n });\n },\n scrollToBottomOnce() {\n // 清理旧定时器，防止任何泄漏\n clearTimeout(this._scrollTimer);\n this.$nextTick(() => {\n let retry = 0;\n const maxRetry = 6; // 重试6次，足够覆盖所有渲染延迟\n\n const tryScroll = () => {\n var _this$$refs;\n const el = (_this$$refs = this.$refs) === null || _this$$refs === void 0 ? void 0 : _this$$refs.messagesRef;\n if (!el) {\n this._scrollTimer = setTimeout(tryScroll, 50);\n return;\n }\n\n // 临时禁用平滑滚动，立即跳到底部\n const originalScrollBehavior = el.style.scrollBehavior;\n el.style.scrollBehavior = 'auto';\n el.scrollTop = el.scrollHeight - el.clientHeight;\n el.style.scrollBehavior = originalScrollBehavior;\n this.showDownBtn = false;\n };\n tryScroll();\n });\n }\n },\n beforeDestroy() {\n clearTimeout(this._scrollTimer);\n }\n};\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
560
|
+
eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n__webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.array.push.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.constructor.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.filter.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.find.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.map.js\");\nvar _apichat = __webpack_require__(/*! @lib/api/apichat */ \"./src/lib/api/apichat.js\");\nvar _markdownIt = _interopRequireDefault(__webpack_require__(/*! markdown-it */ \"./node_modules/_markdown-it@14.1.0@markdown-it/index.mjs\"));\nvar _html2canvas = _interopRequireDefault(__webpack_require__(/*! html2canvas */ \"./node_modules/_html2canvas@1.4.1@html2canvas/dist/html2canvas.js\"));\nvar _cookie = __webpack_require__(/*! @lib/utils/cookie.js */ \"./src/lib/utils/cookie.js\");\nconst marked = new _markdownIt.default();\nvar _default = exports.default = {\n name: 'ChatMain',\n props: {\n Ak: {\n type: String,\n default: ''\n },\n Sk: {\n type: String,\n default: ''\n },\n imAccount: {\n type: String,\n default: ''\n },\n isIntelShow: {\n default: false,\n type: Boolean\n }\n },\n data() {\n return {\n agentList: [],\n currentAgent: '',\n currentAgentDesc: '',\n sessionsLoaded: false,\n searchKeyword: '',\n agentSuggestions: [],\n showAgentSuggestions: false,\n sessionList: [],\n activeSessionId: '',\n messages: [],\n loadingMore: false,\n sending: false,\n waitTimer: null,\n waitSeconds: 0,\n canceling: false,\n msgPage: 1,\n msgMaxPage: 1,\n msgTotal: 0,\n inputText: '',\n eventSource: null,\n showToolInfo: false,\n showDownBtn: false,\n // 控制向下箭头显隐\n lastScrollTop: 0,\n scrollTimer: null,\n // 滚动防抖（新增）\n showAgentSelect: true,\n _scrollTimer: null\n };\n },\n created() {\n if (this.Ak || this.Sk) {\n (0, _apichat.setApiAuth)(this.Ak, this.Sk, this.imAccount);\n }\n this.loadAgents();\n this.loadSessions();\n },\n mounted() {},\n computed: {\n waitClass() {\n if (this.waitSeconds > 15) return 'wait-15';\n if (this.waitSeconds > 10) return 'wait-10';\n if (this.waitSeconds > 5) return 'wait-5';\n return '';\n },\n filteredSessions() {\n if (!this.searchKeyword) return this.sessionList;\n const kw = this.searchKeyword.toLowerCase();\n return this.sessionList.filter(s => {\n const name = (s.agentName || s.agentCode || '').toLowerCase();\n return name.includes(kw);\n });\n },\n currentAgentName() {\n if (!this.currentAgent) return '';\n const a = this.agentList.find(x => x.agentCode === this.currentAgent);\n return a ? a.agentName || a.agentCode : this.currentAgent;\n }\n },\n watch: {\n searchKeyword(val) {\n if (this.searchTimer) clearTimeout(this.searchTimer);\n if (!val.trim()) {\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n return;\n }\n this.searchTimer = setTimeout(() => {\n (0, _apichat.getChatAgents)(val.trim()).then(list => {\n this.agentSuggestions = list || [];\n this.showAgentSuggestions = this.agentSuggestions.length > 0;\n }).catch(() => {\n this.agentSuggestions = [];\n });\n }, 300);\n }\n // ak: {\n // handler(newVal) {\n // setApiAuth(newVal, this.sk)\n // },\n // immediate: true\n // },\n // sk: {\n // handler(newVal) {\n // setApiAuth(this.ak, newVal)\n // },\n // immediate: true\n // }\n },\n methods: {\n // 获取右侧头像样式（根据当前智能体在左侧列表中的位置决定颜色）\n getChatAvatarStyle(agent) {\n const _agent = this.agentList.find(x => x.agentCode === agent);\n // 如果有网络图片，返回背景图样式\n if (agent.avatar) {\n return {\n backgroundImage: `url(${agent.avatar})`,\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat'\n };\n }\n\n // 没有网络图片时，根据智能体在 agentList 中的索引位置决定颜色\n if (this.sessionList) {\n // 找到当前智能体在列表中的索引\n const index = this.sessionList.findIndex(item => item.agentCode === agent);\n console.log(index, 'indexindexindexindex');\n if (index !== -1) {\n // 根据索引计算颜色类（4色循环）\n const colorIndex = index % 4 + 1;\n return {\n background: this.getGradientByColorIndex(colorIndex)\n };\n }\n }\n\n // 默认返回蓝色渐变\n return {\n background: 'linear-gradient(135deg, #1677ff, #4096ff)'\n };\n },\n // 根据颜色索引获取对应的渐变色\n getGradientByColorIndex(index) {\n const gradients = {\n 1: 'linear-gradient(135deg, #1677ff, #4096ff)',\n 2: 'linear-gradient(135deg, #52c41a, #73d13d)',\n 3: 'linear-gradient(135deg, #fa8c16, #ffa940)',\n 4: 'linear-gradient(135deg, #722ed1, #b37feb)'\n };\n return gradients[index] || gradients[1];\n },\n selectAgent(agentItem) {\n this.showAgentSelect = false;\n this.currentAgent = agentItem.agentCode;\n this.currentAgentName = agentItem.agentName;\n // 查找历史会话\n const existSession = this.sessionList.find(s => s.agentCode === agentItem.agentCode);\n if (existSession) {\n this.activeSessionId = existSession.id;\n this.switchSession(existSession);\n } else {\n this.createNewSession(agentItem.agentCode);\n }\n },\n createNewSession(agentCode) {\n // 你原有新建会话逻辑\n },\n // 检测是否滚动到底部，控制向下箭头显示隐藏\n checkScrollBottom(forceShowWhenNotBottom = false) {\n const el = this.$refs.messagesRef;\n if (!el) {\n this.showDownBtn = false;\n return;\n }\n const {\n scrollHeight,\n scrollTop,\n clientHeight\n } = el;\n const remain = scrollHeight - scrollTop - clientHeight;\n const atBottom = remain <= 80;\n if (atBottom) {\n this.showDownBtn = false;\n } else if (this.sending && scrollTop >= this.lastScrollTop && !forceShowWhenNotBottom) {\n // 发送AI回答时，如果用户没有主动向上滚动，就不要显示下箭头闪烁\n this.showDownBtn = false;\n } else {\n this.showDownBtn = true;\n }\n this.lastScrollTop = scrollTop;\n },\n // 固定最小高度：单行不撑开，超出才增高\n autoResizeTextarea() {\n const ta = this.$refs.taRef;\n if (!ta) return;\n // 基准单行高度\n const baseH = 32;\n ta.style.height = `${baseH}px`;\n // 内容真实高度\n const realH = ta.scrollHeight;\n // 只有内容高度>基准才撑开，否则保持初始高度\n if (realH > baseH) {\n ta.style.height = `${Math.min(realH, 180)}px`;\n }\n this.$nextTick(() => {\n this.checkScrollBottom(true);\n });\n },\n // Shift+Enter换行\n newLine() {\n const ta = this.$refs.taRef;\n const start = ta.selectionStart;\n const end = ta.selectionEnd;\n this.inputText = this.inputText.slice(0, start) + '\\n' + this.inputText.slice(end);\n this.$nextTick(() => {\n ta.selectionStart = ta.selectionEnd = start + 1;\n this.autoResizeTextarea();\n });\n },\n clearWaitTimer() {\n if (this.waitTimer) {\n clearInterval(this.waitTimer);\n this.waitTimer = null;\n }\n },\n loadAgents() {\n (0, _apichat.getChatAgents)().then(list => {\n this.agentList = list || [];\n // if (this.agentList.length > 0 && !this.currentAgent) {\n // const first = this.agentList[0]\n // this.currentAgent = first.agentCode\n // this.currentAgentDesc = first.description || ''\n // }\n }).catch(() => {});\n },\n loadSessions() {\n (0, _apichat.getSessionList)().then(list => {\n if (!this.activeSessionId) {\n this.sessionList = list || [];\n if (this.sessionList.length > 0) {\n this.switchSession(this.sessionList[0]);\n }\n if (this.sessionList.length === 0) {\n this.showAgentSelect = true;\n }\n } else {\n this.sessionList = list || [];\n }\n }).catch(() => {});\n },\n onSearchClear() {\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n },\n startChatWithAgent(agent) {\n console.log('选择了助手', agent.agentCode, this.currentAgent);\n if (agent.agentCode == this.currentAgent) {\n this.searchKeyword = '';\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n return;\n }\n this.currentAgent = agent.agentCode;\n this.currentAgentDesc = agent.description || '';\n this.searchKeyword = '';\n this.agentSuggestions = [];\n this.messages = [];\n this.showAgentSuggestions = false;\n this.showAgentSelect = false;\n const existing = this.sessionList.find(s => s.agentCode === agent.agentCode);\n if (existing) {\n this.switchSession(existing);\n } else {\n this.handleNewSession();\n }\n },\n handleNewSession() {\n if (!this.currentAgent) return;\n if (this.activeSessionId) this.closeOldSession();\n (0, _apichat.startSession)(this.currentAgent).then(res => {\n this.activeSessionId = res.sessionId || '';\n this.loadSessions();\n const agent = this.agentList.find(a => a.agentCode === this.currentAgent);\n if (agent) this.addWelcomeMessage(agent);\n }).catch(() => {});\n },\n async switchSession(s) {\n if (this.sending) {\n this.$message.warning('AI正在生成内容，暂时请不要切换对话');\n return;\n }\n this.showAgentSelect = false;\n if (this.activeSessionId === s.sessionId) return;\n this.activeSessionId = s.sessionId;\n this.currentAgent = s.agentCode;\n const agent = this.agentList.find(a => a.agentCode === s.agentCode);\n this.currentAgentDesc = agent ? agent.description || '' : '';\n this.msgPage = 1;\n this.msgTotal = 0;\n (0, _apichat.syncToken)((0, _cookie.getToken)(), s.sessionId);\n try {\n const res = await (0, _apichat.getSessionMessages)(s.sessionId, 1, 10);\n const list = Array.isArray(res) ? res : res.list || [];\n this.msgTotal = res.total || list.length;\n this.msgPage = 1;\n const asAsc = (list || []).slice().reverse();\n this.messages = asAsc.map(m => ({\n role: m.role,\n content: m.content || '',\n thinking: m.thinking || '',\n toolCalls: [],\n agentName: m.role === 'assistant' ? s.agentName || '' : '',\n createTime: m.createTime || null,\n _key: m.createTime ? 'msg_' + m.createTime : 'msg_' + Date.now() + '_' + Math.random()\n }));\n if (this.messages.length === 0 && agent) this.addWelcomeMessage(agent);\n await this.$nextTick();\n this.$nextTick(() => {\n this.scrollToBottomOnce();\n this.checkScrollBottom();\n });\n } catch (e) {\n this.messages = [];\n }\n },\n loadMoreMessages() {\n const nextPage = this.msgPage + 1;\n const maxPage = Math.ceil(this.msgTotal / 10);\n if (nextPage > maxPage) {\n this.loadingMore = false;\n return;\n }\n (0, _apichat.getSessionMessages)(this.activeSessionId, nextPage, 10).then(res => {\n const list = Array.isArray(res) ? res : res.list || [];\n this.msgPage = nextPage;\n const asAsc = (list || []).slice().reverse();\n const prepend = asAsc.map(m => ({\n role: m.role,\n content: m.content || '',\n thinking: m.thinking || '',\n toolCalls: [],\n agentName: '',\n createTime: m.createTime || null,\n _key: m.createTime ? 'msg_' + m.createTime : 'msg_' + Date.now() + '_' + Math.random()\n }));\n const container = this.$refs.messagesRef;\n const oldScrollHeight = container ? container.scrollHeight : 0;\n const oldScrollTop = container ? container.scrollTop : 0;\n this.messages = [...prepend, ...this.messages];\n this.$nextTick(() => {\n if (container) {\n container.scrollTop = oldScrollTop + (container.scrollHeight - oldScrollHeight);\n }\n this.loadingMore = false;\n });\n }).catch(() => {\n this.loadingMore = false;\n });\n },\n onScrollMessages() {\n const container = this.$refs.messagesRef;\n if (!container || this.loadingMore) return;\n const isAtBottom = container.scrollTop + container.clientHeight >= container.scrollHeight - 100;\n this.checkScrollBottom();\n if (isAtBottom) return;\n if (container.scrollTop < 50 && this.msgPage < Math.ceil(this.msgTotal / 10)) {\n this.loadingMore = true;\n this.loadMoreMessages();\n }\n },\n handleDeleteSession(s) {\n this.$confirm(`确认删除「${s.agentName || s.agentCode}」的会话？`, '提示', {\n type: 'warning'\n }).then(() => {\n (0, _apichat.deleteSession)(s.sessionId).then(() => {\n if (this.activeSessionId === s.sessionId) {\n this.activeSessionId = '';\n this.messages = [];\n this.showAgentSelect = true;\n this.currentAgent = '';\n this.currentAgentDesc = '';\n }\n this.loadSessions();\n });\n }).catch(() => {});\n },\n closeOldSession() {},\n onAgentChange(code) {\n const agent = this.agentList.find(a => a.agentCode === code);\n this.currentAgentDesc = agent ? agent.description || '' : '';\n this.handleNewSession();\n },\n addWelcomeMessage(agent) {\n if (!agent) return;\n const name = agent.agentName || '助手';\n const _agent = this.agentList.find(x => x.agentCode === this.currentAgent);\n let _content = _agent.greeting || `你好！我是 **${name}**，有什么可以帮你的吗？`;\n this.messages.push({\n role: 'assistant',\n content: _content,\n thinking: '',\n agentName: name,\n _key: 'welcome_' + Date.now()\n });\n },\n async sendMessage() {\n const text = this.inputText.trim();\n if (!text || this.sending) return;\n if (!this.activeSessionId) {\n await (0, _apichat.startSession)(this.currentAgent).then(res => {\n this.activeSessionId = res.sessionId || '';\n this.loadSessions();\n });\n if (!this.activeSessionId) return;\n }\n this.inputText = '';\n const ta = this.$refs.taRef;\n if (ta) {\n ta.style.height = '32px'; // 强制恢复初始高度\n }\n this.showDownBtn = false;\n this.messages.push({\n role: 'user',\n content: text,\n createTime: new Date().toISOString(),\n _key: 'user_' + Date.now() + '_' + Math.random()\n });\n const agentName = this.currentAgentName;\n const msgIdx = this.messages.push({\n role: 'assistant',\n content: '',\n thinking: '',\n loading: true,\n toolCalls: [],\n agentName,\n createTime: new Date().toISOString(),\n _key: 'asst_' + Date.now() + '_' + Math.random()\n }) - 1;\n this.scrollToBottom(true);\n this.sending = true;\n this.waitSeconds = 0;\n if (this.waitTimer) clearInterval(this.waitTimer);\n this.waitTimer = setInterval(() => {\n this.waitSeconds++;\n }, 1000);\n let thinkingBuffer = '';\n let finalContent = '';\n let answerBuffer = '';\n let thinkDisplayed = 0;\n let typeTimer = null;\n typeTimer = setInterval(() => {\n if (!this.messages[msgIdx]) return;\n if (thinkDisplayed < thinkingBuffer.length) {\n thinkDisplayed += 50;\n if (thinkDisplayed > thinkingBuffer.length) thinkDisplayed = thinkingBuffer.length;\n this.messages[msgIdx].thinking = thinkingBuffer.substring(0, thinkDisplayed);\n this.scrollToBottom();\n } else if (finalContent && !this.messages[msgIdx].content) {\n clearInterval(typeTimer);\n typeTimer = null;\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n this.sending = false;\n this.clearWaitTimer();\n this.scrollToBottom();\n this.loadSessions();\n }\n }, 30);\n const url = (0, _apichat.createStreamUrl)(this.activeSessionId, text);\n if (this.eventSource) {\n this.eventSource.close();\n }\n this.eventSource = new EventSource(url);\n const es = this.eventSource;\n es.addEventListener('reasoning', e => {\n if (e.data) {\n const clean = e.data.replace(/([a-zA-Z]+)([\\u4e00-\\u9fff])/g, '$1 $2').replace(/([\\u4e00-\\u9fff])([a-zA-Z]+)/g, '$1 $2');\n thinkingBuffer += clean;\n }\n });\n es.addEventListener('reasoning_result', e => {\n if (e.data) {\n thinkingBuffer = e.data;\n }\n });\n es.addEventListener('answer', e => {\n if (e.data) {\n answerBuffer += e.data;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content += e.data;\n this.scrollToBottom();\n }\n }\n });\n es.addEventListener('tool_result', e => {\n if (e.data && this.messages[msgIdx]) {\n if (!this.messages[msgIdx].toolCalls) this.messages[msgIdx].toolCalls = [];\n this.messages[msgIdx].toolCalls.push(e.data);\n this.scrollToBottom();\n }\n });\n es.addEventListener('agent_result', e => {\n finalContent = e.data || '';\n es.close();\n this.eventSource = null;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n }\n this.sending = false;\n this.clearWaitTimer();\n if (typeTimer) {\n clearInterval(typeTimer);\n typeTimer = null;\n }\n this.scrollToBottom();\n this.loadSessions();\n });\n es.onerror = err => {\n console.log('[SSE] onerror', err);\n if (thinkingBuffer.length > 0 && !finalContent) finalContent = thinkingBuffer;\n if (!finalContent) finalContent = '❌ 连接中断';\n es.close();\n this.eventSource = null;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n }\n this.sending = false;\n this.clearWaitTimer();\n if (typeTimer) {\n clearInterval(typeTimer);\n typeTimer = null;\n }\n this.scrollToBottom();\n };\n },\n stopAgent() {\n if (this.eventSource) {\n this.eventSource.close();\n this.eventSource = null;\n }\n if (this.activeSessionId) {\n (0, _apichat.stopStream)(this.activeSessionId).catch(() => {});\n }\n if (this.messages.length > 0) {\n const last = this.messages[this.messages.length - 1];\n if (last && last.loading) {\n last.content = last.content || last.thinking || '⏹ 已停止';\n last.loading = false;\n }\n }\n this.sending = false;\n this.clearWaitTimer();\n },\n copyText(content) {\n if (!content) return;\n navigator.clipboard.writeText(content.replace(/<[^>]+>/g, '')).then(() => {\n this.$message({\n message: '已复制到剪贴板',\n type: 'success',\n duration: 1500\n });\n }).catch(() => {\n this.$message({\n message: '复制失败',\n type: 'error',\n duration: 2000\n });\n });\n },\n copyAsImage(content) {\n if (!content) return;\n // 创建临时容器渲染 Markdown\n const div = document.createElement('div');\n div.className = 'copy-image-render';\n div.style.cssText = 'position:fixed;left:-9999px;top:0;width:600px;padding:20px;background:#fff;font-size:14px;line-height:1.6;color:#333;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;';\n div.innerHTML = this.renderMarkdown(content);\n document.body.appendChild(div);\n this.$message({\n message: '正在生成图片...',\n type: 'info',\n duration: 2000\n });\n (0, _html2canvas.default)(div, {\n scale: 2,\n useCORS: true,\n backgroundColor: '#ffffff'\n }).then(canvas => {\n canvas.toBlob(blob => {\n if (blob) {\n navigator.clipboard.write([new ClipboardItem({\n 'image/png': blob\n })]).then(() => {\n this.$message({\n message: '图片已复制到剪贴板',\n type: 'success',\n duration: 1500\n });\n }).catch(() => {\n this.$message({\n message: '复制图片失败',\n type: 'error',\n duration: 2000\n });\n });\n }\n }, 'image/png');\n }).catch(() => {\n this.$message({\n message: '生成图片失败',\n type: 'error',\n duration: 2000\n });\n }).finally(() => {\n document.body.removeChild(div);\n });\n },\n formatTime(t) {\n if (!t) return '';\n const d = new Date(t.replace(' ', 'T'));\n const now = new Date();\n const diff = (now - d) / 1000;\n if (diff < 60) return '刚刚';\n if (diff < 3600) return Math.floor(diff / 60) + '分钟前';\n if (diff < 86400) return Math.floor(diff / 3600) + '小时前';\n return d.getMonth() + 1 + '/' + d.getDate();\n },\n getInitial(name) {\n if (!name) return '?';\n return name.charAt(0);\n },\n renderMarkdown(text) {\n if (!text) return '';\n try {\n return marked.render(text);\n } catch {\n return text;\n }\n },\n scrollToTop() {\n const el = this.$refs.messagesRef;\n if (el) el.scrollTop = 0;\n },\n scrollToBottom(force = false) {\n if (this.showDownBtn && !force) return;\n this.$nextTick(() => {\n const el = this.$refs.messagesRef;\n if (el) {\n el.scrollTop = el.scrollHeight;\n this.lastScrollTop = el.scrollTop;\n this.showDownBtn = false; // 滚动到底部后立刻隐藏箭头\n }\n });\n },\n scrollToBottomOnce() {\n // 清理旧定时器，防止任何泄漏\n clearTimeout(this._scrollTimer);\n this.$nextTick(() => {\n let retry = 0;\n const maxRetry = 6; // 重试6次，足够覆盖所有渲染延迟\n\n const tryScroll = () => {\n var _this$$refs;\n const el = (_this$$refs = this.$refs) === null || _this$$refs === void 0 ? void 0 : _this$$refs.messagesRef;\n if (!el) {\n this._scrollTimer = setTimeout(tryScroll, 50);\n return;\n }\n\n // 临时禁用平滑滚动，立即跳到底部\n const originalScrollBehavior = el.style.scrollBehavior;\n el.style.scrollBehavior = 'auto';\n el.scrollTop = el.scrollHeight - el.clientHeight;\n el.style.scrollBehavior = originalScrollBehavior;\n this.showDownBtn = false;\n };\n tryScroll();\n });\n }\n },\n beforeDestroy() {\n clearTimeout(this._scrollTimer);\n }\n};\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
561
561
|
|
|
562
562
|
/***/ }),
|
|
563
563
|
|
|
@@ -569,7 +569,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@
|
|
|
569
569
|
/***/ (function(module, exports, __webpack_require__) {
|
|
570
570
|
|
|
571
571
|
"use strict";
|
|
572
|
-
eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireWildcard.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireWildcard.js\").default;\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _index = _interopRequireDefault(__webpack_require__(/*! @lib/components/chatMain/index.vue */ \"./src/lib/components/chatMain/index.vue\"));\nvar _spiderHack = __webpack_require__(/*! @lib/utils/spiderHack.js */ \"./src/lib/utils/spiderHack.js\");\nvar _cookie = __webpack_require__(/*! @lib/utils/cookie.js */ \"./src/lib/utils/cookie.js\");\nvar _package = _interopRequireDefault(__webpack_require__(/*! ../../../package.json */ \"./package.json\"));\nvar kfStore = _interopRequireWildcard(__webpack_require__(/*! @lib/store/utils.js */ \"./src/lib/store/utils.js\"));\nvar AiStore = _interopRequireWildcard(__webpack_require__(/*! @lib/store/utils */ \"./src/lib/store/utils.js\"));\n// 初始化连接\n// import { openIM, closeIM } from '@lib/socket/socket.js'\n// 工具\n// import { getOperationSys, getBrowser } from '@lib/utils/index.js'\n// import { insertAmap } from '@lib/utils/amap.js'\nvar _default = exports.default = {\n name: 'ZjkjIntelligent',\n components: {\n ChatMain: _index.default\n },\n provide() {\n return {\n superCtrl: this.superControl\n };\n },\n props: {\n imAccount: {\n type: [String, Object],\n // default: '201912241122274' // zl\n // default: '202012221604445' // ly\n // default: '201911121106061' // zlm\n // default: '202004121438164' // hrc\n default: \"202007091611352\" //wkk\n },\n
|
|
572
|
+
eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireWildcard.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireWildcard.js\").default;\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _index = _interopRequireDefault(__webpack_require__(/*! @lib/components/chatMain/index.vue */ \"./src/lib/components/chatMain/index.vue\"));\nvar _spiderHack = __webpack_require__(/*! @lib/utils/spiderHack.js */ \"./src/lib/utils/spiderHack.js\");\nvar _cookie = __webpack_require__(/*! @lib/utils/cookie.js */ \"./src/lib/utils/cookie.js\");\nvar _package = _interopRequireDefault(__webpack_require__(/*! ../../../package.json */ \"./package.json\"));\nvar kfStore = _interopRequireWildcard(__webpack_require__(/*! @lib/store/utils.js */ \"./src/lib/store/utils.js\"));\nvar AiStore = _interopRequireWildcard(__webpack_require__(/*! @lib/store/utils */ \"./src/lib/store/utils.js\"));\n// 初始化连接\n// import { openIM, closeIM } from '@lib/socket/socket.js'\n// 工具\n// import { getOperationSys, getBrowser } from '@lib/utils/index.js'\n// import { insertAmap } from '@lib/utils/amap.js'\nvar _default = exports.default = {\n name: 'ZjkjIntelligent',\n components: {\n ChatMain: _index.default\n },\n provide() {\n return {\n superCtrl: this.superControl\n };\n },\n props: {\n imAccount: {\n type: [String, Object],\n // default: '201912241122274' // zl\n // default: '202012221604445' // ly\n // default: '201911121106061' // zlm\n // default: '202004121438164' // hrc\n default: \"202007091611352\" //wkk\n },\n isIntelShow: {\n default: false,\n type: Boolean\n },\n chatImToken: {\n type: [String, Function]\n },\n platformType: {\n type: String\n },\n selectActive: {\n type: String\n },\n Ak: {\n type: String,\n default: ''\n },\n Sk: {\n type: String,\n default: ''\n }\n },\n data() {\n return {\n imUser: {},\n // 传入的用户参数\n env: '',\n // 传入的当前环境\n title: 'Ai助理',\n //传入默认标题\n zIndex: 2000,\n userInfo: {\n launchPage: '',\n terminalSource: '',\n ipAddress: ''\n },\n visiable: true,\n // 显示隐藏\n showChat: false,\n // 显示聊天窗口\n addClass: false,\n // 添加class\n isFullScreen: false,\n // 是否全屏\n onClose: null,\n // 关闭回调\n errorType: 0,\n // 错误参数\n superControl: {\n priviewUrl: '',\n // 预览图片url\n privieShow: false,\n // 预览组件显示异常\n showEmoji: false // 显示表情版面\n },\n version: _package.default.version\n };\n },\n computed: {\n valideParams() {\n return {\n env: this.env,\n im: this.imUser\n };\n }\n },\n watch: {\n imAccount: {\n handler: function (val) {\n debugger;\n if (val) {\n AiStore.commit('SET_ACCOUNT', val);\n }\n },\n immediate: true\n },\n visiable(newVal) {\n if (newVal && !this.showChat) {\n this.setParams();\n }\n },\n showChat(newVal) {\n if (newVal) {\n setTimeout(() => {\n this.addClass = true;\n }, 100);\n } else {\n this.addClass = false;\n }\n }\n },\n methods: {\n // 验证参数\n validate() {\n if (!this.imUser.accountId) {\n this.errorType = 1;\n return false;\n } else if (!this.env) {\n this.errorType = 3;\n return false;\n }\n return true;\n },\n loadScript() {\n // insertAmap() // 加载amap\n (0, _spiderHack.loadSpider)(); // 加载spider\n },\n // 设置用户参数\n setUserParams() {\n // this.userInfo.launchPage = window.location.href\n // this.userInfo.terminalSource = getOperationSys() + '-' + getBrowser()\n this.userInfo.token = (0, _cookie.getToken)();\n kfStore.commit('SET_CURR_ENV', this.env); // 存储传入环境变量\n this.loadScript();\n // openIM(this.userInfo) // 建立会话\n },\n registComp() {\n this.$nextTick(() => {});\n },\n setParams() {\n if (!this.validate()) return;\n this.showChat = true;\n this.setUserParams();\n window.addEventListener('beforeunload', e => {\n this.close();\n });\n },\n // 点击工具栏按钮\n toolbarClick(data) {\n switch (data.type) {\n case 'mini':\n this.close(true);\n break;\n case 'zoom':\n this.isFullScreen = data.isFull;\n break;\n case 'close':\n this.close(false);\n break;\n }\n },\n // 关闭窗口\n close(isMinimized) {\n if (isMinimized) {\n this.onClose(isMinimized);\n } else {\n this.showChat = false;\n // closeIM(true)\n setTimeout(() => {\n this.doDestroy();\n }, 200);\n }\n },\n // 销毁\n doDestroy() {\n if (typeof this.onClose === 'function') {\n this.onClose();\n }\n this.$destroy(true);\n this.$el.parentNode.removeChild(this.$el);\n }\n }\n};\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/layout/main.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
573
573
|
|
|
574
574
|
/***/ }),
|
|
575
575
|
|
|
@@ -581,7 +581,7 @@ eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! ./node_modules/_
|
|
|
581
581
|
/***/ (function(module, exports, __webpack_require__) {
|
|
582
582
|
|
|
583
583
|
"use strict";
|
|
584
|
-
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.staticRenderFns = exports.render = void 0;\nvar render = exports.render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"chat-layout\"\n }, [_c(\"div\", {\n staticClass: \"chat-sidebar\"\n }, [!_vm.isShow ? _c(\"div\", {\n staticClass: \"sidebar-header\"\n }, [_c(\"span\", {\n staticClass: \"sidebar-title\"\n }, [_vm._v(\"AI助理(内测版)\")])]) : _vm._e(), _c(\"div\", {\n staticClass: \"sidebar-search\"\n }, [_c(\"el-input\", {\n attrs: {\n size: \"small\",\n placeholder: \"搜索助手...\",\n \"prefix-icon\": \"el-icon-search\",\n clearable: \"\"\n },\n on: {\n clear: _vm.onSearchClear\n },\n model: {\n value: _vm.searchKeyword,\n callback: function ($$v) {\n _vm.searchKeyword = $$v;\n },\n expression: \"searchKeyword\"\n }\n }), _vm.showAgentSuggestions && _vm.agentSuggestions.length > 0 && _vm.searchKeyword ? _c(\"div\", {\n staticClass: \"search-suggestions\"\n }, _vm._l(_vm.agentSuggestions, function (a) {\n return _c(\"div\", {\n key: a.agentCode,\n staticClass: \"suggestion-item\",\n on: {\n click: function ($event) {\n return _vm.startChatWithAgent(a);\n }\n }\n }, [_c(\"span\", {\n staticClass: \"suggestion-avatar\"\n }, [_vm._v(_vm._s(_vm.getInitial(a.agentName || a.agentCode)))]), _c(\"span\", {\n staticClass: \"suggestion-name\"\n }, [_vm._v(_vm._s(a.agentName || a.agentCode))]), _c(\"span\", {\n staticClass: \"suggestion-desc\"\n }, [_vm._v(_vm._s(a.description ? a.description.substring(0, 30) : \"\"))])]);\n }), 0) : _vm._e()], 1), _vm.filteredSessions.length > 0 ? _c(\"div\", {\n staticClass: \"sidebar-list\"\n }, _vm._l(_vm.filteredSessions, function (s) {\n return _c(\"div\", {\n key: s.sessionId,\n staticClass: \"session-item\",\n class: {\n active: s.sessionId === _vm.activeSessionId\n },\n on: {\n click: function ($event) {\n return _vm.switchSession(s);\n }\n }\n }, [_c(\"div\", {\n staticClass: \"session-avatar\"\n }, [_vm._v(_vm._s(_vm.getInitial(s.agentName || s.agentCode)))]), _c(\"div\", {\n staticClass: \"session-info\"\n }, [_c(\"div\", {\n staticClass: \"session-agent\"\n }, [_vm._v(_vm._s(s.agentName || s.agentCode))]), _c(\"div\", {\n staticClass: \"session-preview\"\n }, [_vm._v(_vm._s(s.lastContent || \"空会话\"))])]), _c(\"div\", {\n staticClass: \"session-time\"\n }, [_vm._v(_vm._s(_vm.formatTime(s.lastTime || s.lastTime)))]), _c(\"el-button\", {\n staticClass: \"session-delete\",\n attrs: {\n type: \"text\",\n size: \"mini\",\n icon: \"el-icon-delete\"\n },\n on: {\n click: function ($event) {\n $event.stopPropagation();\n return _vm.handleDeleteSession(s);\n }\n }\n })], 1);\n }), 0) : _c(\"div\", {\n staticClass: \"sidebar-empty\"\n }, [_c(\"div\", {\n staticClass: \"empty-icon\"\n }, [_vm._v(\"💬\")]), _c(\"div\", [_vm._v(_vm._s(_vm.searchKeyword ? \"没有匹配的会话\" : \"暂无会话\"))]), _c(\"div\", {\n staticClass: \"empty-hint\"\n }, [_vm._v(_vm._s(_vm.searchKeyword ? \"试试其他关键词\" : \"选择助手开始对话\"))])])]), _vm.showAgentSelect ? _c(\"div\", {\n staticClass: \"agent-selector\"\n }, [_c(\"div\", {\n staticClass: \"agent-wrap\"\n }, [_vm._m(0), _c(\"div\", {\n staticClass: \"agent-list\"\n }, _vm._l(_vm.agentList, function (item) {\n return _c(\"div\", {\n key: item.agentCode,\n staticClass: \"agent-item\",\n on: {\n click: function ($event) {\n return _vm.startChatWithAgent(item);\n }\n }\n }, [_c(\"div\", {\n staticClass: \"agent-avatar-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"agent-list-avatar\",\n class: {\n \"has-agent-img\": item.avatar\n },\n style: item.avatar ? {\n backgroundImage: \"url(\" + item.avatar + \")\"\n } : {}\n }, [!item.avatar ? [_vm._v(_vm._s(_vm.getInitial(item.agentName || item.agentCode)))] : _vm._e()], 2)]), _c(\"div\", {\n staticClass: \"agent-info-content\"\n }, [_c(\"div\", {\n staticClass: \"name\"\n }, [_vm._v(_vm._s(item.agentName))]), _c(\"div\", {\n staticClass: \"desc\"\n }, [_vm._v(_vm._s(item.description))])])]);\n }), 0)])]) : _c(\"div\", {\n staticClass: \"chat-main\"\n }, [_c(\"div\", {\n staticClass: \"chat-header\"\n }, [_c(\"div\", {\n staticClass: \"header-left\"\n }, [_vm.currentAgent && (_vm.activeSessionId || _vm.messages.length > 0) ? _c(\"div\", {\n staticClass: \"agent-info\"\n }, [_c(\"div\", {\n staticClass: \"chat-agent-avatar-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"chat-agent-avatar\",\n class: {\n \"has-chat-agent-img\": _vm.currentAgent.avatar\n },\n style: _vm.getChatAvatarStyle(_vm.currentAgent)\n }, [!_vm.currentAgent.avatar ? [_vm._v(_vm._s(_vm.getInitial(_vm.currentAgentName)))] : _vm._e()], 2)]), _c(\"div\", {\n staticClass: \"agent-text\"\n }, [_c(\"div\", {\n staticClass: \"agent-name\"\n }, [_vm._v(_vm._s(_vm.currentAgentName))]), _c(\"div\", {\n staticClass: \"agent-desc\"\n }, [_vm._v(_vm._s(_vm.currentAgentDesc))])])]) : _c(\"div\", {\n staticClass: \"agent-info\"\n }, [_vm._m(1)])])]), _c(\"div\", {\n ref: \"messagesRef\",\n staticClass: \"chat-body\",\n on: {\n scroll: _vm.onScrollMessages\n }\n }, [!_vm.activeSessionId ? _c(\"div\", {\n staticClass: \"welcome welcome-default\"\n }, [_c(\"div\", {\n staticClass: \"welcome-icon\"\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 48 48\",\n width: \"64\",\n height: \"64\"\n }\n }, [_c(\"path\", {\n attrs: {\n fill: \"#e6f4ff\",\n d: \"M40 22c-2.21 0-4 1.79-4 4v10H12c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h24c2.21 0 4 1.79 4 4v8z\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M36 8c-2.21 0-4 1.79-4 4v18H8c-2.21 0-4-1.79-4-4V12c0-2.21 1.79-4 4-4h28z\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"20\",\n cy: \"28\",\n r: \"3\",\n fill: \"#fff\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"28\",\n cy: \"28\",\n r: \"3\",\n fill: \"#fff\"\n }\n })])]), _c(\"div\", {\n staticClass: \"welcome-title\"\n }, [_vm._v(\"欢迎使用 AI 助手\")]), _c(\"div\", {\n staticClass: \"welcome-text\"\n }, [_vm._v(\"从左侧选择一个会话，或搜索助手开始新的对话\")])]) : _vm.messages.length === 0 ? _c(\"div\", {\n staticClass: \"welcome\"\n }, [_c(\"div\", {\n staticClass: \"welcome-icon\"\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 48 48\",\n width: \"48\",\n height: \"48\"\n }\n }, [_c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M40 22c-2.21 0-4 1.79-4 4v10H12c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h24c2.21 0 4 1.79 4 4v8z\",\n opacity: \".6\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M36 8c-2.21 0-4 1.79-4 4v18H8c-2.21 0-4-1.79-4-4V12c0-2.21 1.79-4 4-4h28z\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"20\",\n cy: \"28\",\n r: \"2\",\n fill: \"#fff\",\n opacity: \".8\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"28\",\n cy: \"28\",\n r: \"2\",\n fill: \"#fff\",\n opacity: \".8\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#fff\",\n d: \"M18 32c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm8 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"\n }\n })])]), _c(\"div\", {\n staticClass: \"welcome-text\"\n }, [_vm._v(\"开始对话吧\")])]) : _vm._e(), _vm._l(_vm.messages, function (m) {\n return _c(\"div\", {\n key: m.id,\n staticClass: \"msg-row\",\n class: m.role\n }, [_c(\"div\", {\n staticClass: \"msg-main\"\n }, [m.role === \"assistant\" ? _c(\"div\", {\n staticClass: \"msg-avatar\",\n class: {\n \"has-chat-agent-img\": _vm.currentAgent.avatar\n },\n style: _vm.getChatAvatarStyle(_vm.currentAgent)\n }, [!_vm.currentAgent.avatar ? [_vm._v(_vm._s(_vm.getInitial(_vm.currentAgentName)))] : _vm._e()], 2) : _c(\"div\", {\n staticClass: \"msg-avatar user\"\n }, [_vm._v(\"我\")]), _c(\"div\", {\n staticClass: \"msg-content\"\n }, [m.role === \"assistant\" && m.agentName ? _c(\"div\", {\n staticClass: \"msg-agent-label\"\n }, [_vm._v(_vm._s(m.agentName))]) : _vm._e(), _c(\"div\", {\n staticClass: \"bubble\",\n class: m.role\n }, [m.thinking ? _c(\"details\", {\n staticClass: \"thinking-details\",\n attrs: {\n open: \"\"\n }\n }, [_c(\"summary\", {\n staticClass: \"thinking-summary\"\n }, [_vm._v(\"💭 思考过程\")]), _c(\"div\", {\n staticClass: \"thinking-body\",\n domProps: {\n innerHTML: _vm._s(_vm.renderMarkdown(m.thinking))\n }\n })]) : _vm._e(), m.content ? _c(\"div\", {\n staticClass: \"final-content\",\n domProps: {\n innerHTML: _vm._s(_vm.renderMarkdown(m.content))\n }\n }) : _vm._e(), _c(\"div\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showToolInfo && m.toolCalls && m.toolCalls.length,\n expression: \"showToolInfo && m.toolCalls && m.toolCalls.length\"\n }],\n staticClass: \"tool-calls\"\n }, _vm._l(m.toolCalls, function (tc, ti) {\n return _c(\"div\", {\n key: ti,\n staticClass: \"tool-item\"\n }, [_c(\"span\", {\n staticClass: \"tool-badge\"\n }, [_vm._v(\"工具返回\")]), _c(\"pre\", [_vm._v(_vm._s(tc.substring(0, 300)) + _vm._s(tc.length > 300 ? \"...\" : \"\"))])]);\n }), 0), m.loading ? _c(\"div\", {\n staticClass: \"typing\",\n class: _vm.waitClass\n }, [_c(\"span\", {\n staticClass: \"phrase\"\n }, [_vm._v(\"思考中\")]), _vm._m(2, true)]) : _vm._e()]), m.role === \"assistant\" && m.content && !m.loading ? _c(\"div\", {\n staticClass: \"msg-actions\"\n }, [_c(\"span\", {\n staticClass: \"action-btn\",\n attrs: {\n title: \"复制\"\n },\n on: {\n click: function ($event) {\n return _vm.copyText(m.content);\n }\n }\n }, [_vm._v(\"📋 复制\")]), _c(\"span\", {\n staticClass: \"action-btn\",\n attrs: {\n title: \"复制为图片\"\n },\n on: {\n click: function ($event) {\n return _vm.copyAsImage(m.content);\n }\n }\n }, [_vm._v(\"🖼 复制为图片\")])]) : _vm._e(), m.createTime ? _c(\"div\", {\n staticClass: \"msg-time\"\n }, [_vm._v(_vm._s(_vm.formatTime(m.createTime)))]) : _vm._e()])])]);\n })], 2), _c(\"div\", {\n staticClass: \"chat-footer\"\n }, [_c(\"div\", {\n staticClass: \"input-area\"\n }, [_c(\"textarea\", {\n directives: [{\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.inputText,\n expression: \"inputText\"\n }],\n ref: \"taRef\",\n staticClass: \"chat-textarea\",\n attrs: {\n placeholder: \"输入消息，Enter 发送，Shift+Enter 换行\",\n disabled: _vm.sending\n },\n domProps: {\n value: _vm.inputText\n },\n on: {\n input: [function ($event) {\n if ($event.target.composing) return;\n _vm.inputText = $event.target.value;\n }, _vm.autoResizeTextarea],\n keydown: [function ($event) {\n if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n if ($event.ctrlKey || $event.shiftKey || $event.altKey || $event.metaKey) return null;\n $event.preventDefault();\n return _vm.sendMessage.apply(null, arguments);\n }, function ($event) {\n if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n if (!$event.shiftKey) return null;\n return _vm.newLine.apply(null, arguments);\n }]\n }\n }), _c(\"button\", {\n staticClass: \"send-btn\",\n class: {\n active: _vm.inputText.trim()\n },\n attrs: {\n disabled: _vm.sending || !_vm.inputText.trim()\n },\n on: {\n click: _vm.sendMessage\n }\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 24 24\",\n width: \"20\",\n height: \"20\",\n fill: \"currentColor\"\n }\n }, [_c(\"path\", {\n attrs: {\n d: \"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\n }\n })])]), _vm.sending ? _c(\"button\", {\n staticClass: \"stop-btn\",\n on: {\n click: _vm.stopAgent\n }\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 24 24\",\n width: \"18\",\n height: \"18\",\n fill: \"currentColor\"\n }\n }, [_c(\"rect\", {\n attrs: {\n x: \"6\",\n y: \"6\",\n width: \"12\",\n height: \"12\",\n rx: \"2\"\n }\n })])]) : _vm._e(), _vm.showDownBtn ? _c(\"div\", {\n staticClass: \"scroll-bottom-wrap\"\n }, [_c(\"div\", {\n staticClass: \"scroll-bottom-btn\",\n on: {\n click: function ($event) {\n return _vm.scrollToBottom(true);\n }\n }\n }, [_vm.sending ? _c(\"div\", {\n staticClass: \"loading-circle\"\n }) : _vm._e(), _c(\"i\", {\n staticClass: \"el-icon-arrow-down\"\n })])]) : _vm._e()])])])]);\n};\nvar staticRenderFns = exports.staticRenderFns = [function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"agent-title\"\n }, [_c(\"h2\", [_vm._v(\"选择智能助手开始对话\")])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"agent-text\"\n }, [_c(\"div\", {\n staticClass: \"agent-name\",\n staticStyle: {\n color: \"#bbb\"\n }\n }, [_vm._v(\"请选择助手\")])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"span\", {\n staticClass: \"dots\"\n }, [_c(\"span\"), _c(\"span\"), _c(\"span\")]);\n}];\nrender._withStripped = true;\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%224b66220e-vue-loader-template%22%7D!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
584
|
+
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.staticRenderFns = exports.render = void 0;\nvar render = exports.render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"chat-layout\"\n }, [_c(\"div\", {\n staticClass: \"chat-sidebar\"\n }, [!_vm.isIntelShow ? _c(\"div\", {\n staticClass: \"sidebar-header\"\n }, [_c(\"span\", {\n staticClass: \"sidebar-title\"\n }, [_vm._v(\"AI助理(内测版)\")])]) : _vm._e(), _c(\"div\", {\n staticClass: \"sidebar-search\"\n }, [_c(\"el-input\", {\n attrs: {\n size: \"small\",\n placeholder: \"搜索助手...\",\n \"prefix-icon\": \"el-icon-search\",\n clearable: \"\"\n },\n on: {\n clear: _vm.onSearchClear\n },\n model: {\n value: _vm.searchKeyword,\n callback: function ($$v) {\n _vm.searchKeyword = $$v;\n },\n expression: \"searchKeyword\"\n }\n }), _vm.showAgentSuggestions && _vm.agentSuggestions.length > 0 && _vm.searchKeyword ? _c(\"div\", {\n staticClass: \"search-suggestions\"\n }, _vm._l(_vm.agentSuggestions, function (a) {\n return _c(\"div\", {\n key: a.agentCode,\n staticClass: \"suggestion-item\",\n on: {\n click: function ($event) {\n return _vm.startChatWithAgent(a);\n }\n }\n }, [_c(\"span\", {\n staticClass: \"suggestion-avatar\"\n }, [_vm._v(_vm._s(_vm.getInitial(a.agentName || a.agentCode)))]), _c(\"span\", {\n staticClass: \"suggestion-name\"\n }, [_vm._v(_vm._s(a.agentName || a.agentCode))]), _c(\"span\", {\n staticClass: \"suggestion-desc\"\n }, [_vm._v(_vm._s(a.description ? a.description.substring(0, 30) : \"\"))])]);\n }), 0) : _vm._e()], 1), _vm.filteredSessions.length > 0 ? _c(\"div\", {\n staticClass: \"sidebar-list\"\n }, _vm._l(_vm.filteredSessions, function (s) {\n return _c(\"div\", {\n key: s.sessionId,\n staticClass: \"session-item\",\n class: {\n active: s.sessionId === _vm.activeSessionId\n },\n on: {\n click: function ($event) {\n return _vm.switchSession(s);\n }\n }\n }, [_c(\"div\", {\n staticClass: \"session-avatar\"\n }, [_vm._v(_vm._s(_vm.getInitial(s.agentName || s.agentCode)))]), _c(\"div\", {\n staticClass: \"session-info\"\n }, [_c(\"div\", {\n staticClass: \"session-agent\"\n }, [_vm._v(_vm._s(s.agentName || s.agentCode))]), _c(\"div\", {\n staticClass: \"session-preview\"\n }, [_vm._v(_vm._s(s.lastContent || \"空会话\"))])]), _c(\"div\", {\n staticClass: \"session-time\"\n }, [_vm._v(_vm._s(_vm.formatTime(s.lastTime || s.lastTime)))]), _c(\"el-button\", {\n staticClass: \"session-delete\",\n attrs: {\n type: \"text\",\n size: \"mini\",\n icon: \"el-icon-delete\"\n },\n on: {\n click: function ($event) {\n $event.stopPropagation();\n return _vm.handleDeleteSession(s);\n }\n }\n })], 1);\n }), 0) : _c(\"div\", {\n staticClass: \"sidebar-empty\"\n }, [_c(\"div\", {\n staticClass: \"empty-icon\"\n }, [_vm._v(\"💬\")]), _c(\"div\", [_vm._v(_vm._s(_vm.searchKeyword ? \"没有匹配的会话\" : \"暂无会话\"))]), _c(\"div\", {\n staticClass: \"empty-hint\"\n }, [_vm._v(_vm._s(_vm.searchKeyword ? \"试试其他关键词\" : \"选择助手开始对话\"))])])]), _vm.showAgentSelect ? _c(\"div\", {\n staticClass: \"agent-selector\"\n }, [_c(\"div\", {\n staticClass: \"agent-wrap\"\n }, [_vm._m(0), _c(\"div\", {\n staticClass: \"agent-list\"\n }, _vm._l(_vm.agentList, function (item) {\n return _c(\"div\", {\n key: item.agentCode,\n staticClass: \"agent-item\",\n on: {\n click: function ($event) {\n return _vm.startChatWithAgent(item);\n }\n }\n }, [_c(\"div\", {\n staticClass: \"agent-avatar-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"agent-list-avatar\",\n class: {\n \"has-agent-img\": item.avatar\n },\n style: item.avatar ? {\n backgroundImage: \"url(\" + item.avatar + \")\"\n } : {}\n }, [!item.avatar ? [_vm._v(_vm._s(_vm.getInitial(item.agentName || item.agentCode)))] : _vm._e()], 2)]), _c(\"div\", {\n staticClass: \"agent-info-content\"\n }, [_c(\"div\", {\n staticClass: \"name\"\n }, [_vm._v(_vm._s(item.agentName))]), _c(\"div\", {\n staticClass: \"desc\"\n }, [_vm._v(_vm._s(item.description))])])]);\n }), 0)])]) : _c(\"div\", {\n staticClass: \"chat-main\"\n }, [_c(\"div\", {\n staticClass: \"chat-header\"\n }, [_c(\"div\", {\n staticClass: \"header-left\"\n }, [_vm.currentAgent && (_vm.activeSessionId || _vm.messages.length > 0) ? _c(\"div\", {\n staticClass: \"agent-info\"\n }, [_c(\"div\", {\n staticClass: \"chat-agent-avatar-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"chat-agent-avatar\",\n class: {\n \"has-chat-agent-img\": _vm.currentAgent.avatar\n },\n style: _vm.getChatAvatarStyle(_vm.currentAgent)\n }, [!_vm.currentAgent.avatar ? [_vm._v(_vm._s(_vm.getInitial(_vm.currentAgentName)))] : _vm._e()], 2)]), _c(\"div\", {\n staticClass: \"agent-text\"\n }, [_c(\"div\", {\n staticClass: \"agent-name\"\n }, [_vm._v(_vm._s(_vm.currentAgentName))]), _c(\"div\", {\n staticClass: \"agent-desc\"\n }, [_vm._v(_vm._s(_vm.currentAgentDesc))])])]) : _c(\"div\", {\n staticClass: \"agent-info\"\n }, [_vm._m(1)])])]), _c(\"div\", {\n ref: \"messagesRef\",\n staticClass: \"chat-body\",\n on: {\n scroll: _vm.onScrollMessages\n }\n }, [!_vm.activeSessionId ? _c(\"div\", {\n staticClass: \"welcome welcome-default\"\n }, [_c(\"div\", {\n staticClass: \"welcome-icon\"\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 48 48\",\n width: \"64\",\n height: \"64\"\n }\n }, [_c(\"path\", {\n attrs: {\n fill: \"#e6f4ff\",\n d: \"M40 22c-2.21 0-4 1.79-4 4v10H12c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h24c2.21 0 4 1.79 4 4v8z\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M36 8c-2.21 0-4 1.79-4 4v18H8c-2.21 0-4-1.79-4-4V12c0-2.21 1.79-4 4-4h28z\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"20\",\n cy: \"28\",\n r: \"3\",\n fill: \"#fff\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"28\",\n cy: \"28\",\n r: \"3\",\n fill: \"#fff\"\n }\n })])]), _c(\"div\", {\n staticClass: \"welcome-title\"\n }, [_vm._v(\"欢迎使用 AI 助手\")]), _c(\"div\", {\n staticClass: \"welcome-text\"\n }, [_vm._v(\"从左侧选择一个会话，或搜索助手开始新的对话\")])]) : _vm.messages.length === 0 ? _c(\"div\", {\n staticClass: \"welcome\"\n }, [_c(\"div\", {\n staticClass: \"welcome-icon\"\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 48 48\",\n width: \"48\",\n height: \"48\"\n }\n }, [_c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M40 22c-2.21 0-4 1.79-4 4v10H12c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h24c2.21 0 4 1.79 4 4v8z\",\n opacity: \".6\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M36 8c-2.21 0-4 1.79-4 4v18H8c-2.21 0-4-1.79-4-4V12c0-2.21 1.79-4 4-4h28z\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"20\",\n cy: \"28\",\n r: \"2\",\n fill: \"#fff\",\n opacity: \".8\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"28\",\n cy: \"28\",\n r: \"2\",\n fill: \"#fff\",\n opacity: \".8\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#fff\",\n d: \"M18 32c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm8 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"\n }\n })])]), _c(\"div\", {\n staticClass: \"welcome-text\"\n }, [_vm._v(\"开始对话吧\")])]) : _vm._e(), _vm._l(_vm.messages, function (m) {\n return _c(\"div\", {\n key: m.id,\n staticClass: \"msg-row\",\n class: m.role\n }, [_c(\"div\", {\n staticClass: \"msg-main\"\n }, [m.role === \"assistant\" ? _c(\"div\", {\n staticClass: \"msg-avatar\",\n class: {\n \"has-chat-agent-img\": _vm.currentAgent.avatar\n },\n style: _vm.getChatAvatarStyle(_vm.currentAgent)\n }, [!_vm.currentAgent.avatar ? [_vm._v(_vm._s(_vm.getInitial(_vm.currentAgentName)))] : _vm._e()], 2) : _c(\"div\", {\n staticClass: \"msg-avatar user\"\n }, [_vm._v(\"我\")]), _c(\"div\", {\n staticClass: \"msg-content\"\n }, [m.role === \"assistant\" && m.agentName ? _c(\"div\", {\n staticClass: \"msg-agent-label\"\n }, [_vm._v(_vm._s(m.agentName))]) : _vm._e(), _c(\"div\", {\n staticClass: \"bubble\",\n class: m.role\n }, [m.thinking ? _c(\"details\", {\n staticClass: \"thinking-details\",\n attrs: {\n open: \"\"\n }\n }, [_c(\"summary\", {\n staticClass: \"thinking-summary\"\n }, [_vm._v(\"💭 思考过程\")]), _c(\"div\", {\n staticClass: \"thinking-body\",\n domProps: {\n innerHTML: _vm._s(_vm.renderMarkdown(m.thinking))\n }\n })]) : _vm._e(), m.content ? _c(\"div\", {\n staticClass: \"final-content\",\n domProps: {\n innerHTML: _vm._s(_vm.renderMarkdown(m.content))\n }\n }) : _vm._e(), _c(\"div\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showToolInfo && m.toolCalls && m.toolCalls.length,\n expression: \"showToolInfo && m.toolCalls && m.toolCalls.length\"\n }],\n staticClass: \"tool-calls\"\n }, _vm._l(m.toolCalls, function (tc, ti) {\n return _c(\"div\", {\n key: ti,\n staticClass: \"tool-item\"\n }, [_c(\"span\", {\n staticClass: \"tool-badge\"\n }, [_vm._v(\"工具返回\")]), _c(\"pre\", [_vm._v(_vm._s(tc.substring(0, 300)) + _vm._s(tc.length > 300 ? \"...\" : \"\"))])]);\n }), 0), m.loading ? _c(\"div\", {\n staticClass: \"typing\",\n class: _vm.waitClass\n }, [_c(\"span\", {\n staticClass: \"phrase\"\n }, [_vm._v(\"思考中\")]), _vm._m(2, true)]) : _vm._e()]), m.role === \"assistant\" && m.content && !m.loading ? _c(\"div\", {\n staticClass: \"msg-actions\"\n }, [_c(\"span\", {\n staticClass: \"action-btn\",\n attrs: {\n title: \"复制\"\n },\n on: {\n click: function ($event) {\n return _vm.copyText(m.content);\n }\n }\n }, [_vm._v(\"📋 复制\")]), _c(\"span\", {\n staticClass: \"action-btn\",\n attrs: {\n title: \"复制为图片\"\n },\n on: {\n click: function ($event) {\n return _vm.copyAsImage(m.content);\n }\n }\n }, [_vm._v(\"🖼 复制为图片\")])]) : _vm._e(), m.createTime ? _c(\"div\", {\n staticClass: \"msg-time\"\n }, [_vm._v(_vm._s(_vm.formatTime(m.createTime)))]) : _vm._e()])])]);\n })], 2), _c(\"div\", {\n staticClass: \"chat-footer\"\n }, [_c(\"div\", {\n staticClass: \"input-area\"\n }, [_c(\"textarea\", {\n directives: [{\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.inputText,\n expression: \"inputText\"\n }],\n ref: \"taRef\",\n staticClass: \"chat-textarea\",\n attrs: {\n placeholder: \"输入消息，Enter 发送，Shift+Enter 换行\",\n disabled: _vm.sending\n },\n domProps: {\n value: _vm.inputText\n },\n on: {\n input: [function ($event) {\n if ($event.target.composing) return;\n _vm.inputText = $event.target.value;\n }, _vm.autoResizeTextarea],\n keydown: [function ($event) {\n if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n if ($event.ctrlKey || $event.shiftKey || $event.altKey || $event.metaKey) return null;\n $event.preventDefault();\n return _vm.sendMessage.apply(null, arguments);\n }, function ($event) {\n if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n if (!$event.shiftKey) return null;\n return _vm.newLine.apply(null, arguments);\n }]\n }\n }), _c(\"button\", {\n staticClass: \"send-btn\",\n class: {\n active: _vm.inputText.trim()\n },\n attrs: {\n disabled: _vm.sending || !_vm.inputText.trim()\n },\n on: {\n click: _vm.sendMessage\n }\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 24 24\",\n width: \"20\",\n height: \"20\",\n fill: \"currentColor\"\n }\n }, [_c(\"path\", {\n attrs: {\n d: \"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\n }\n })])]), _vm.sending ? _c(\"button\", {\n staticClass: \"stop-btn\",\n on: {\n click: _vm.stopAgent\n }\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 24 24\",\n width: \"18\",\n height: \"18\",\n fill: \"currentColor\"\n }\n }, [_c(\"rect\", {\n attrs: {\n x: \"6\",\n y: \"6\",\n width: \"12\",\n height: \"12\",\n rx: \"2\"\n }\n })])]) : _vm._e(), _vm.showDownBtn ? _c(\"div\", {\n staticClass: \"scroll-bottom-wrap\"\n }, [_c(\"div\", {\n staticClass: \"scroll-bottom-btn\",\n on: {\n click: function ($event) {\n return _vm.scrollToBottom(true);\n }\n }\n }, [_vm.sending ? _c(\"div\", {\n staticClass: \"loading-circle\"\n }) : _vm._e(), _c(\"i\", {\n staticClass: \"el-icon-arrow-down\"\n })])]) : _vm._e()])])])]);\n};\nvar staticRenderFns = exports.staticRenderFns = [function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"agent-title\"\n }, [_c(\"h2\", [_vm._v(\"选择智能助手开始对话\")])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"agent-text\"\n }, [_c(\"div\", {\n staticClass: \"agent-name\",\n staticStyle: {\n color: \"#bbb\"\n }\n }, [_vm._v(\"请选择助手\")])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"span\", {\n staticClass: \"dots\"\n }, [_c(\"span\"), _c(\"span\"), _c(\"span\")]);\n}];\nrender._withStripped = true;\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%224b66220e-vue-loader-template%22%7D!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
585
585
|
|
|
586
586
|
/***/ }),
|
|
587
587
|
|
|
@@ -593,7 +593,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n
|
|
|
593
593
|
/***/ (function(module, exports, __webpack_require__) {
|
|
594
594
|
|
|
595
595
|
"use strict";
|
|
596
|
-
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.staticRenderFns = exports.render = void 0;\nvar render = exports.render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"zjkf__root zjkf-body zjkf-scrollbar zjkf-common-e-ui\"\n }, [_c(\"div\", {\n ref: \"clientRef\",\n staticClass: \"zjkf__wrapper\",\n style: {\n \"z-index\": _vm.zIndex\n }\n }, [_c(\"transition\", {\n attrs: {\n name: \"zjkf-slide-in\"\n }\n }, [_c(\"chat-main\", {\n attrs: {\n title: _vm.title,\n Ak: _vm.Ak,\n Sk: _vm.Sk,\n imAccount: _vm.imAccount\n },\n on: {\n handle: _vm.toolbarClick\n }\n })], 1)], 1)]);\n};\nvar staticRenderFns = exports.staticRenderFns = [];\nrender._withStripped = true;\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/layout/main.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%224b66220e-vue-loader-template%22%7D!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
596
|
+
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.staticRenderFns = exports.render = void 0;\nvar render = exports.render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"zjkf__root zjkf-body zjkf-scrollbar zjkf-common-e-ui\"\n }, [_c(\"div\", {\n ref: \"clientRef\",\n staticClass: \"zjkf__wrapper\",\n style: {\n \"z-index\": _vm.zIndex\n }\n }, [_c(\"transition\", {\n attrs: {\n name: \"zjkf-slide-in\"\n }\n }, [_c(\"chat-main\", {\n attrs: {\n isIntelShow: _vm.isIntelShow,\n title: _vm.title,\n Ak: _vm.Ak,\n Sk: _vm.Sk,\n imAccount: _vm.imAccount\n },\n on: {\n handle: _vm.toolbarClick\n }\n })], 1)], 1)]);\n};\nvar staticRenderFns = exports.staticRenderFns = [];\nrender._withStripped = true;\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/layout/main.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%224b66220e-vue-loader-template%22%7D!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
597
597
|
|
|
598
598
|
/***/ }),
|
|
599
599
|
|
|
@@ -3692,7 +3692,7 @@ eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn th
|
|
|
3692
3692
|
/*! exports provided: name, version, main, private, scripts, dependencies, devDependencies, browserslist, directories, keywords, license, default */
|
|
3693
3693
|
/***/ (function(module) {
|
|
3694
3694
|
|
|
3695
|
-
eval("module.exports = JSON.parse(\"{\\\"name\\\":\\\"zj-plugin-intelligent\\\",\\\"version\\\":\\\"1.2.1-beta.
|
|
3695
|
+
eval("module.exports = JSON.parse(\"{\\\"name\\\":\\\"zj-plugin-intelligent\\\",\\\"version\\\":\\\"1.2.1-beta.4\\\",\\\"main\\\":\\\"lib/ZjPluginIntelligent.umd.min.js\\\",\\\"private\\\":false,\\\"scripts\\\":{\\\"serve\\\":\\\"vue-cli-service serve\\\",\\\"build\\\":\\\"vue-cli-service build\\\",\\\"lib\\\":\\\"vue-cli-service build --target lib --name ZjPluginIntelligent --dest lib src/lib/index.js\\\",\\\"lib:test\\\":\\\"vue-cli-service build --mode test --target lib --name ZjPluginIntelligent --dest lib src/lib/index.js\\\"},\\\"dependencies\\\":{\\\"html2canvas\\\":\\\"^1.4.1\\\",\\\"markdown-it\\\":\\\"^14.1.0\\\"},\\\"devDependencies\\\":{\\\"@babel/preset-env\\\":\\\"^7.14.9\\\",\\\"@vue/cli-plugin-babel\\\":\\\"~4.5.0\\\",\\\"@vue/cli-plugin-eslint\\\":\\\"^4.5.13\\\",\\\"@vue/cli-plugin-vuex\\\":\\\"~4.5.0\\\",\\\"@vue/cli-service\\\":\\\"~4.5.0\\\",\\\"axios\\\":\\\"^0.27.2\\\",\\\"babel-eslint\\\":\\\"^10.1.0\\\",\\\"babel-plugin-component\\\":\\\"^1.1.1\\\",\\\"compression-webpack-plugin\\\":\\\"^6.0.3\\\",\\\"core-js\\\":\\\"^3.6.5\\\",\\\"element-ui\\\":\\\"^2.15.4\\\",\\\"eslint\\\":\\\"^7.30.0\\\",\\\"eslint-plugin-vue\\\":\\\"^7.13.0\\\",\\\"js-cookie\\\":\\\"^2.2.1\\\",\\\"node-sass\\\":\\\"^4.12.0\\\",\\\"obs-upload\\\":\\\"^1.0.4-alpha.0\\\",\\\"reconnecting-websocket\\\":\\\"^4.4.0\\\",\\\"sass-loader\\\":\\\"^8.0.2\\\",\\\"snowflake-id\\\":\\\"^1.1.0\\\",\\\"vue\\\":\\\"^2.6.11\\\",\\\"vue-template-compiler\\\":\\\"^2.6.11\\\",\\\"vuex\\\":\\\"^3.4.0\\\",\\\"pako\\\":\\\"^2.1.0\\\",\\\"webpack-bundle-analyzer\\\":\\\"^4.4.2\\\"},\\\"browserslist\\\":[\\\"> 1%\\\",\\\"last 2 versions\\\",\\\"not dead\\\"],\\\"directories\\\":{\\\"lib\\\":\\\"lib\\\"},\\\"keywords\\\":[],\\\"license\\\":\\\"ISC\\\"}\");\n\n//# sourceURL=webpack://ZjPluginIntelligent/./package.json?");
|
|
3696
3696
|
|
|
3697
3697
|
/***/ }),
|
|
3698
3698
|
|
|
@@ -566,7 +566,7 @@ eval("/* WEBPACK VAR INJECTION */(function(global) {/*!\n * The buffer module fr
|
|
|
566
566
|
/***/ (function(module, exports, __webpack_require__) {
|
|
567
567
|
|
|
568
568
|
"use strict";
|
|
569
|
-
eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n__webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.array.push.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.constructor.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.filter.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.find.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.map.js\");\nvar _apichat = __webpack_require__(/*! @lib/api/apichat */ \"./src/lib/api/apichat.js\");\nvar _markdownIt = _interopRequireDefault(__webpack_require__(/*! markdown-it */ \"./node_modules/_markdown-it@14.1.0@markdown-it/index.mjs\"));\nvar _html2canvas = _interopRequireDefault(__webpack_require__(/*! html2canvas */ \"./node_modules/_html2canvas@1.4.1@html2canvas/dist/html2canvas.js\"));\nvar _cookie = __webpack_require__(/*! @lib/utils/cookie.js */ \"./src/lib/utils/cookie.js\");\nconst marked = new _markdownIt.default();\nvar _default = exports.default = {\n name: 'ChatMain',\n props: {\n Ak: {\n type: String,\n default: ''\n },\n Sk: {\n type: String,\n default: ''\n },\n imAccount: {\n type: String,\n default: ''\n },\n isShow: {\n default: false,\n type: Boolean\n }\n },\n data() {\n return {\n agentList: [],\n currentAgent: '',\n currentAgentDesc: '',\n sessionsLoaded: false,\n searchKeyword: '',\n agentSuggestions: [],\n showAgentSuggestions: false,\n sessionList: [],\n activeSessionId: '',\n messages: [],\n loadingMore: false,\n sending: false,\n waitTimer: null,\n waitSeconds: 0,\n canceling: false,\n msgPage: 1,\n msgMaxPage: 1,\n msgTotal: 0,\n inputText: '',\n eventSource: null,\n showToolInfo: false,\n showDownBtn: false,\n // 控制向下箭头显隐\n lastScrollTop: 0,\n scrollTimer: null,\n // 滚动防抖（新增）\n showAgentSelect: true,\n _scrollTimer: null\n };\n },\n created() {\n if (this.Ak || this.Sk) {\n (0, _apichat.setApiAuth)(this.Ak, this.Sk, this.imAccount);\n }\n this.loadAgents();\n this.loadSessions();\n },\n mounted() {},\n computed: {\n waitClass() {\n if (this.waitSeconds > 15) return 'wait-15';\n if (this.waitSeconds > 10) return 'wait-10';\n if (this.waitSeconds > 5) return 'wait-5';\n return '';\n },\n filteredSessions() {\n if (!this.searchKeyword) return this.sessionList;\n const kw = this.searchKeyword.toLowerCase();\n return this.sessionList.filter(s => {\n const name = (s.agentName || s.agentCode || '').toLowerCase();\n return name.includes(kw);\n });\n },\n currentAgentName() {\n if (!this.currentAgent) return '';\n const a = this.agentList.find(x => x.agentCode === this.currentAgent);\n return a ? a.agentName || a.agentCode : this.currentAgent;\n }\n },\n watch: {\n searchKeyword(val) {\n if (this.searchTimer) clearTimeout(this.searchTimer);\n if (!val.trim()) {\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n return;\n }\n this.searchTimer = setTimeout(() => {\n (0, _apichat.getChatAgents)(val.trim()).then(list => {\n this.agentSuggestions = list || [];\n this.showAgentSuggestions = this.agentSuggestions.length > 0;\n }).catch(() => {\n this.agentSuggestions = [];\n });\n }, 300);\n }\n // ak: {\n // handler(newVal) {\n // setApiAuth(newVal, this.sk)\n // },\n // immediate: true\n // },\n // sk: {\n // handler(newVal) {\n // setApiAuth(this.ak, newVal)\n // },\n // immediate: true\n // }\n },\n methods: {\n // 获取右侧头像样式（根据当前智能体在左侧列表中的位置决定颜色）\n getChatAvatarStyle(agent) {\n const _agent = this.agentList.find(x => x.agentCode === agent);\n // 如果有网络图片，返回背景图样式\n if (agent.avatar) {\n return {\n backgroundImage: `url(${agent.avatar})`,\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat'\n };\n }\n\n // 没有网络图片时，根据智能体在 agentList 中的索引位置决定颜色\n if (this.sessionList) {\n // 找到当前智能体在列表中的索引\n const index = this.sessionList.findIndex(item => item.agentCode === agent);\n console.log(index, 'indexindexindexindex');\n if (index !== -1) {\n // 根据索引计算颜色类（4色循环）\n const colorIndex = index % 4 + 1;\n return {\n background: this.getGradientByColorIndex(colorIndex)\n };\n }\n }\n\n // 默认返回蓝色渐变\n return {\n background: 'linear-gradient(135deg, #1677ff, #4096ff)'\n };\n },\n // 根据颜色索引获取对应的渐变色\n getGradientByColorIndex(index) {\n const gradients = {\n 1: 'linear-gradient(135deg, #1677ff, #4096ff)',\n 2: 'linear-gradient(135deg, #52c41a, #73d13d)',\n 3: 'linear-gradient(135deg, #fa8c16, #ffa940)',\n 4: 'linear-gradient(135deg, #722ed1, #b37feb)'\n };\n return gradients[index] || gradients[1];\n },\n selectAgent(agentItem) {\n this.showAgentSelect = false;\n this.currentAgent = agentItem.agentCode;\n this.currentAgentName = agentItem.agentName;\n // 查找历史会话\n const existSession = this.sessionList.find(s => s.agentCode === agentItem.agentCode);\n if (existSession) {\n this.activeSessionId = existSession.id;\n this.switchSession(existSession);\n } else {\n this.createNewSession(agentItem.agentCode);\n }\n },\n createNewSession(agentCode) {\n // 你原有新建会话逻辑\n },\n // 检测是否滚动到底部，控制向下箭头显示隐藏\n checkScrollBottom(forceShowWhenNotBottom = false) {\n const el = this.$refs.messagesRef;\n if (!el) {\n this.showDownBtn = false;\n return;\n }\n const {\n scrollHeight,\n scrollTop,\n clientHeight\n } = el;\n const remain = scrollHeight - scrollTop - clientHeight;\n const atBottom = remain <= 80;\n if (atBottom) {\n this.showDownBtn = false;\n } else if (this.sending && scrollTop >= this.lastScrollTop && !forceShowWhenNotBottom) {\n // 发送AI回答时，如果用户没有主动向上滚动，就不要显示下箭头闪烁\n this.showDownBtn = false;\n } else {\n this.showDownBtn = true;\n }\n this.lastScrollTop = scrollTop;\n },\n // 固定最小高度：单行不撑开，超出才增高\n autoResizeTextarea() {\n const ta = this.$refs.taRef;\n if (!ta) return;\n // 基准单行高度\n const baseH = 32;\n ta.style.height = `${baseH}px`;\n // 内容真实高度\n const realH = ta.scrollHeight;\n // 只有内容高度>基准才撑开，否则保持初始高度\n if (realH > baseH) {\n ta.style.height = `${Math.min(realH, 180)}px`;\n }\n this.$nextTick(() => {\n this.checkScrollBottom(true);\n });\n },\n // Shift+Enter换行\n newLine() {\n const ta = this.$refs.taRef;\n const start = ta.selectionStart;\n const end = ta.selectionEnd;\n this.inputText = this.inputText.slice(0, start) + '\\n' + this.inputText.slice(end);\n this.$nextTick(() => {\n ta.selectionStart = ta.selectionEnd = start + 1;\n this.autoResizeTextarea();\n });\n },\n clearWaitTimer() {\n if (this.waitTimer) {\n clearInterval(this.waitTimer);\n this.waitTimer = null;\n }\n },\n loadAgents() {\n (0, _apichat.getChatAgents)().then(list => {\n this.agentList = list || [];\n // if (this.agentList.length > 0 && !this.currentAgent) {\n // const first = this.agentList[0]\n // this.currentAgent = first.agentCode\n // this.currentAgentDesc = first.description || ''\n // }\n }).catch(() => {});\n },\n loadSessions() {\n (0, _apichat.getSessionList)().then(list => {\n if (!this.activeSessionId) {\n this.sessionList = list || [];\n if (this.sessionList.length > 0) {\n this.switchSession(this.sessionList[0]);\n }\n if (this.sessionList.length === 0) {\n this.showAgentSelect = true;\n }\n } else {\n this.sessionList = list || [];\n }\n }).catch(() => {});\n },\n onSearchClear() {\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n },\n startChatWithAgent(agent) {\n console.log('选择了助手', agent.agentCode, this.currentAgent);\n if (agent.agentCode == this.currentAgent) {\n this.searchKeyword = '';\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n return;\n }\n this.currentAgent = agent.agentCode;\n this.currentAgentDesc = agent.description || '';\n this.searchKeyword = '';\n this.agentSuggestions = [];\n this.messages = [];\n this.showAgentSuggestions = false;\n this.showAgentSelect = false;\n const existing = this.sessionList.find(s => s.agentCode === agent.agentCode);\n if (existing) {\n this.switchSession(existing);\n } else {\n this.handleNewSession();\n }\n },\n handleNewSession() {\n if (!this.currentAgent) return;\n if (this.activeSessionId) this.closeOldSession();\n (0, _apichat.startSession)(this.currentAgent).then(res => {\n this.activeSessionId = res.sessionId || '';\n this.loadSessions();\n const agent = this.agentList.find(a => a.agentCode === this.currentAgent);\n if (agent) this.addWelcomeMessage(agent);\n }).catch(() => {});\n },\n async switchSession(s) {\n if (this.sending) {\n this.$message.warning('AI正在生成内容，暂时请不要切换对话');\n return;\n }\n this.showAgentSelect = false;\n if (this.activeSessionId === s.sessionId) return;\n this.activeSessionId = s.sessionId;\n this.currentAgent = s.agentCode;\n const agent = this.agentList.find(a => a.agentCode === s.agentCode);\n this.currentAgentDesc = agent ? agent.description || '' : '';\n this.msgPage = 1;\n this.msgTotal = 0;\n (0, _apichat.syncToken)((0, _cookie.getToken)(), s.sessionId);\n try {\n const res = await (0, _apichat.getSessionMessages)(s.sessionId, 1, 10);\n const list = Array.isArray(res) ? res : res.list || [];\n this.msgTotal = res.total || list.length;\n this.msgPage = 1;\n const asAsc = (list || []).slice().reverse();\n this.messages = asAsc.map(m => ({\n role: m.role,\n content: m.content || '',\n thinking: m.thinking || '',\n toolCalls: [],\n agentName: m.role === 'assistant' ? s.agentName || '' : '',\n createTime: m.createTime || null,\n _key: m.createTime ? 'msg_' + m.createTime : 'msg_' + Date.now() + '_' + Math.random()\n }));\n if (this.messages.length === 0 && agent) this.addWelcomeMessage(agent);\n await this.$nextTick();\n this.$nextTick(() => {\n this.scrollToBottomOnce();\n this.checkScrollBottom();\n });\n } catch (e) {\n this.messages = [];\n }\n },\n loadMoreMessages() {\n const nextPage = this.msgPage + 1;\n const maxPage = Math.ceil(this.msgTotal / 10);\n if (nextPage > maxPage) {\n this.loadingMore = false;\n return;\n }\n (0, _apichat.getSessionMessages)(this.activeSessionId, nextPage, 10).then(res => {\n const list = Array.isArray(res) ? res : res.list || [];\n this.msgPage = nextPage;\n const asAsc = (list || []).slice().reverse();\n const prepend = asAsc.map(m => ({\n role: m.role,\n content: m.content || '',\n thinking: m.thinking || '',\n toolCalls: [],\n agentName: '',\n createTime: m.createTime || null,\n _key: m.createTime ? 'msg_' + m.createTime : 'msg_' + Date.now() + '_' + Math.random()\n }));\n const container = this.$refs.messagesRef;\n const oldScrollHeight = container ? container.scrollHeight : 0;\n const oldScrollTop = container ? container.scrollTop : 0;\n this.messages = [...prepend, ...this.messages];\n this.$nextTick(() => {\n if (container) {\n container.scrollTop = oldScrollTop + (container.scrollHeight - oldScrollHeight);\n }\n this.loadingMore = false;\n });\n }).catch(() => {\n this.loadingMore = false;\n });\n },\n onScrollMessages() {\n const container = this.$refs.messagesRef;\n if (!container || this.loadingMore) return;\n const isAtBottom = container.scrollTop + container.clientHeight >= container.scrollHeight - 100;\n this.checkScrollBottom();\n if (isAtBottom) return;\n if (container.scrollTop < 50 && this.msgPage < Math.ceil(this.msgTotal / 10)) {\n this.loadingMore = true;\n this.loadMoreMessages();\n }\n },\n handleDeleteSession(s) {\n this.$confirm(`确认删除「${s.agentName || s.agentCode}」的会话？`, '提示', {\n type: 'warning'\n }).then(() => {\n (0, _apichat.deleteSession)(s.sessionId).then(() => {\n if (this.activeSessionId === s.sessionId) {\n this.activeSessionId = '';\n this.messages = [];\n this.showAgentSelect = true;\n this.currentAgent = '';\n this.currentAgentDesc = '';\n }\n this.loadSessions();\n });\n }).catch(() => {});\n },\n closeOldSession() {},\n onAgentChange(code) {\n const agent = this.agentList.find(a => a.agentCode === code);\n this.currentAgentDesc = agent ? agent.description || '' : '';\n this.handleNewSession();\n },\n addWelcomeMessage(agent) {\n if (!agent) return;\n const name = agent.agentName || '助手';\n const _agent = this.agentList.find(x => x.agentCode === this.currentAgent);\n let _content = _agent.greeting || `你好！我是 **${name}**，有什么可以帮你的吗？`;\n this.messages.push({\n role: 'assistant',\n content: _content,\n thinking: '',\n agentName: name,\n _key: 'welcome_' + Date.now()\n });\n },\n async sendMessage() {\n const text = this.inputText.trim();\n if (!text || this.sending) return;\n if (!this.activeSessionId) {\n await (0, _apichat.startSession)(this.currentAgent).then(res => {\n this.activeSessionId = res.sessionId || '';\n this.loadSessions();\n });\n if (!this.activeSessionId) return;\n }\n this.inputText = '';\n const ta = this.$refs.taRef;\n if (ta) {\n ta.style.height = '32px'; // 强制恢复初始高度\n }\n this.showDownBtn = false;\n this.messages.push({\n role: 'user',\n content: text,\n createTime: new Date().toISOString(),\n _key: 'user_' + Date.now() + '_' + Math.random()\n });\n const agentName = this.currentAgentName;\n const msgIdx = this.messages.push({\n role: 'assistant',\n content: '',\n thinking: '',\n loading: true,\n toolCalls: [],\n agentName,\n createTime: new Date().toISOString(),\n _key: 'asst_' + Date.now() + '_' + Math.random()\n }) - 1;\n this.scrollToBottom(true);\n this.sending = true;\n this.waitSeconds = 0;\n if (this.waitTimer) clearInterval(this.waitTimer);\n this.waitTimer = setInterval(() => {\n this.waitSeconds++;\n }, 1000);\n let thinkingBuffer = '';\n let finalContent = '';\n let answerBuffer = '';\n let thinkDisplayed = 0;\n let typeTimer = null;\n typeTimer = setInterval(() => {\n if (!this.messages[msgIdx]) return;\n if (thinkDisplayed < thinkingBuffer.length) {\n thinkDisplayed += 50;\n if (thinkDisplayed > thinkingBuffer.length) thinkDisplayed = thinkingBuffer.length;\n this.messages[msgIdx].thinking = thinkingBuffer.substring(0, thinkDisplayed);\n this.scrollToBottom();\n } else if (finalContent && !this.messages[msgIdx].content) {\n clearInterval(typeTimer);\n typeTimer = null;\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n this.sending = false;\n this.clearWaitTimer();\n this.scrollToBottom();\n this.loadSessions();\n }\n }, 30);\n const url = (0, _apichat.createStreamUrl)(this.activeSessionId, text);\n if (this.eventSource) {\n this.eventSource.close();\n }\n this.eventSource = new EventSource(url);\n const es = this.eventSource;\n es.addEventListener('reasoning', e => {\n if (e.data) {\n const clean = e.data.replace(/([a-zA-Z]+)([\\u4e00-\\u9fff])/g, '$1 $2').replace(/([\\u4e00-\\u9fff])([a-zA-Z]+)/g, '$1 $2');\n thinkingBuffer += clean;\n }\n });\n es.addEventListener('reasoning_result', e => {\n if (e.data) {\n thinkingBuffer = e.data;\n }\n });\n es.addEventListener('answer', e => {\n if (e.data) {\n answerBuffer += e.data;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content += e.data;\n this.scrollToBottom();\n }\n }\n });\n es.addEventListener('tool_result', e => {\n if (e.data && this.messages[msgIdx]) {\n if (!this.messages[msgIdx].toolCalls) this.messages[msgIdx].toolCalls = [];\n this.messages[msgIdx].toolCalls.push(e.data);\n this.scrollToBottom();\n }\n });\n es.addEventListener('agent_result', e => {\n finalContent = e.data || '';\n es.close();\n this.eventSource = null;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n }\n this.sending = false;\n this.clearWaitTimer();\n if (typeTimer) {\n clearInterval(typeTimer);\n typeTimer = null;\n }\n this.scrollToBottom();\n this.loadSessions();\n });\n es.onerror = err => {\n console.log('[SSE] onerror', err);\n if (thinkingBuffer.length > 0 && !finalContent) finalContent = thinkingBuffer;\n if (!finalContent) finalContent = '❌ 连接中断';\n es.close();\n this.eventSource = null;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n }\n this.sending = false;\n this.clearWaitTimer();\n if (typeTimer) {\n clearInterval(typeTimer);\n typeTimer = null;\n }\n this.scrollToBottom();\n };\n },\n stopAgent() {\n if (this.eventSource) {\n this.eventSource.close();\n this.eventSource = null;\n }\n if (this.activeSessionId) {\n (0, _apichat.stopStream)(this.activeSessionId).catch(() => {});\n }\n if (this.messages.length > 0) {\n const last = this.messages[this.messages.length - 1];\n if (last && last.loading) {\n last.content = last.content || last.thinking || '⏹ 已停止';\n last.loading = false;\n }\n }\n this.sending = false;\n this.clearWaitTimer();\n },\n copyText(content) {\n if (!content) return;\n navigator.clipboard.writeText(content.replace(/<[^>]+>/g, '')).then(() => {\n this.$message({\n message: '已复制到剪贴板',\n type: 'success',\n duration: 1500\n });\n }).catch(() => {\n this.$message({\n message: '复制失败',\n type: 'error',\n duration: 2000\n });\n });\n },\n copyAsImage(content) {\n if (!content) return;\n // 创建临时容器渲染 Markdown\n const div = document.createElement('div');\n div.className = 'copy-image-render';\n div.style.cssText = 'position:fixed;left:-9999px;top:0;width:600px;padding:20px;background:#fff;font-size:14px;line-height:1.6;color:#333;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;';\n div.innerHTML = this.renderMarkdown(content);\n document.body.appendChild(div);\n this.$message({\n message: '正在生成图片...',\n type: 'info',\n duration: 2000\n });\n (0, _html2canvas.default)(div, {\n scale: 2,\n useCORS: true,\n backgroundColor: '#ffffff'\n }).then(canvas => {\n canvas.toBlob(blob => {\n if (blob) {\n navigator.clipboard.write([new ClipboardItem({\n 'image/png': blob\n })]).then(() => {\n this.$message({\n message: '图片已复制到剪贴板',\n type: 'success',\n duration: 1500\n });\n }).catch(() => {\n this.$message({\n message: '复制图片失败',\n type: 'error',\n duration: 2000\n });\n });\n }\n }, 'image/png');\n }).catch(() => {\n this.$message({\n message: '生成图片失败',\n type: 'error',\n duration: 2000\n });\n }).finally(() => {\n document.body.removeChild(div);\n });\n },\n formatTime(t) {\n if (!t) return '';\n const d = new Date(t.replace(' ', 'T'));\n const now = new Date();\n const diff = (now - d) / 1000;\n if (diff < 60) return '刚刚';\n if (diff < 3600) return Math.floor(diff / 60) + '分钟前';\n if (diff < 86400) return Math.floor(diff / 3600) + '小时前';\n return d.getMonth() + 1 + '/' + d.getDate();\n },\n getInitial(name) {\n if (!name) return '?';\n return name.charAt(0);\n },\n renderMarkdown(text) {\n if (!text) return '';\n try {\n return marked.render(text);\n } catch {\n return text;\n }\n },\n scrollToTop() {\n const el = this.$refs.messagesRef;\n if (el) el.scrollTop = 0;\n },\n scrollToBottom(force = false) {\n if (this.showDownBtn && !force) return;\n this.$nextTick(() => {\n const el = this.$refs.messagesRef;\n if (el) {\n el.scrollTop = el.scrollHeight;\n this.lastScrollTop = el.scrollTop;\n this.showDownBtn = false; // 滚动到底部后立刻隐藏箭头\n }\n });\n },\n scrollToBottomOnce() {\n // 清理旧定时器，防止任何泄漏\n clearTimeout(this._scrollTimer);\n this.$nextTick(() => {\n let retry = 0;\n const maxRetry = 6; // 重试6次，足够覆盖所有渲染延迟\n\n const tryScroll = () => {\n var _this$$refs;\n const el = (_this$$refs = this.$refs) === null || _this$$refs === void 0 ? void 0 : _this$$refs.messagesRef;\n if (!el) {\n this._scrollTimer = setTimeout(tryScroll, 50);\n return;\n }\n\n // 临时禁用平滑滚动，立即跳到底部\n const originalScrollBehavior = el.style.scrollBehavior;\n el.style.scrollBehavior = 'auto';\n el.scrollTop = el.scrollHeight - el.clientHeight;\n el.style.scrollBehavior = originalScrollBehavior;\n this.showDownBtn = false;\n };\n tryScroll();\n });\n }\n },\n beforeDestroy() {\n clearTimeout(this._scrollTimer);\n }\n};\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
569
|
+
eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n__webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.array.push.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.constructor.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.filter.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.find.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.map.js\");\nvar _apichat = __webpack_require__(/*! @lib/api/apichat */ \"./src/lib/api/apichat.js\");\nvar _markdownIt = _interopRequireDefault(__webpack_require__(/*! markdown-it */ \"./node_modules/_markdown-it@14.1.0@markdown-it/index.mjs\"));\nvar _html2canvas = _interopRequireDefault(__webpack_require__(/*! html2canvas */ \"./node_modules/_html2canvas@1.4.1@html2canvas/dist/html2canvas.js\"));\nvar _cookie = __webpack_require__(/*! @lib/utils/cookie.js */ \"./src/lib/utils/cookie.js\");\nconst marked = new _markdownIt.default();\nvar _default = exports.default = {\n name: 'ChatMain',\n props: {\n Ak: {\n type: String,\n default: ''\n },\n Sk: {\n type: String,\n default: ''\n },\n imAccount: {\n type: String,\n default: ''\n },\n isIntelShow: {\n default: false,\n type: Boolean\n }\n },\n data() {\n return {\n agentList: [],\n currentAgent: '',\n currentAgentDesc: '',\n sessionsLoaded: false,\n searchKeyword: '',\n agentSuggestions: [],\n showAgentSuggestions: false,\n sessionList: [],\n activeSessionId: '',\n messages: [],\n loadingMore: false,\n sending: false,\n waitTimer: null,\n waitSeconds: 0,\n canceling: false,\n msgPage: 1,\n msgMaxPage: 1,\n msgTotal: 0,\n inputText: '',\n eventSource: null,\n showToolInfo: false,\n showDownBtn: false,\n // 控制向下箭头显隐\n lastScrollTop: 0,\n scrollTimer: null,\n // 滚动防抖（新增）\n showAgentSelect: true,\n _scrollTimer: null\n };\n },\n created() {\n if (this.Ak || this.Sk) {\n (0, _apichat.setApiAuth)(this.Ak, this.Sk, this.imAccount);\n }\n this.loadAgents();\n this.loadSessions();\n },\n mounted() {},\n computed: {\n waitClass() {\n if (this.waitSeconds > 15) return 'wait-15';\n if (this.waitSeconds > 10) return 'wait-10';\n if (this.waitSeconds > 5) return 'wait-5';\n return '';\n },\n filteredSessions() {\n if (!this.searchKeyword) return this.sessionList;\n const kw = this.searchKeyword.toLowerCase();\n return this.sessionList.filter(s => {\n const name = (s.agentName || s.agentCode || '').toLowerCase();\n return name.includes(kw);\n });\n },\n currentAgentName() {\n if (!this.currentAgent) return '';\n const a = this.agentList.find(x => x.agentCode === this.currentAgent);\n return a ? a.agentName || a.agentCode : this.currentAgent;\n }\n },\n watch: {\n searchKeyword(val) {\n if (this.searchTimer) clearTimeout(this.searchTimer);\n if (!val.trim()) {\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n return;\n }\n this.searchTimer = setTimeout(() => {\n (0, _apichat.getChatAgents)(val.trim()).then(list => {\n this.agentSuggestions = list || [];\n this.showAgentSuggestions = this.agentSuggestions.length > 0;\n }).catch(() => {\n this.agentSuggestions = [];\n });\n }, 300);\n }\n // ak: {\n // handler(newVal) {\n // setApiAuth(newVal, this.sk)\n // },\n // immediate: true\n // },\n // sk: {\n // handler(newVal) {\n // setApiAuth(this.ak, newVal)\n // },\n // immediate: true\n // }\n },\n methods: {\n // 获取右侧头像样式（根据当前智能体在左侧列表中的位置决定颜色）\n getChatAvatarStyle(agent) {\n const _agent = this.agentList.find(x => x.agentCode === agent);\n // 如果有网络图片，返回背景图样式\n if (agent.avatar) {\n return {\n backgroundImage: `url(${agent.avatar})`,\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat'\n };\n }\n\n // 没有网络图片时，根据智能体在 agentList 中的索引位置决定颜色\n if (this.sessionList) {\n // 找到当前智能体在列表中的索引\n const index = this.sessionList.findIndex(item => item.agentCode === agent);\n console.log(index, 'indexindexindexindex');\n if (index !== -1) {\n // 根据索引计算颜色类（4色循环）\n const colorIndex = index % 4 + 1;\n return {\n background: this.getGradientByColorIndex(colorIndex)\n };\n }\n }\n\n // 默认返回蓝色渐变\n return {\n background: 'linear-gradient(135deg, #1677ff, #4096ff)'\n };\n },\n // 根据颜色索引获取对应的渐变色\n getGradientByColorIndex(index) {\n const gradients = {\n 1: 'linear-gradient(135deg, #1677ff, #4096ff)',\n 2: 'linear-gradient(135deg, #52c41a, #73d13d)',\n 3: 'linear-gradient(135deg, #fa8c16, #ffa940)',\n 4: 'linear-gradient(135deg, #722ed1, #b37feb)'\n };\n return gradients[index] || gradients[1];\n },\n selectAgent(agentItem) {\n this.showAgentSelect = false;\n this.currentAgent = agentItem.agentCode;\n this.currentAgentName = agentItem.agentName;\n // 查找历史会话\n const existSession = this.sessionList.find(s => s.agentCode === agentItem.agentCode);\n if (existSession) {\n this.activeSessionId = existSession.id;\n this.switchSession(existSession);\n } else {\n this.createNewSession(agentItem.agentCode);\n }\n },\n createNewSession(agentCode) {\n // 你原有新建会话逻辑\n },\n // 检测是否滚动到底部，控制向下箭头显示隐藏\n checkScrollBottom(forceShowWhenNotBottom = false) {\n const el = this.$refs.messagesRef;\n if (!el) {\n this.showDownBtn = false;\n return;\n }\n const {\n scrollHeight,\n scrollTop,\n clientHeight\n } = el;\n const remain = scrollHeight - scrollTop - clientHeight;\n const atBottom = remain <= 80;\n if (atBottom) {\n this.showDownBtn = false;\n } else if (this.sending && scrollTop >= this.lastScrollTop && !forceShowWhenNotBottom) {\n // 发送AI回答时，如果用户没有主动向上滚动，就不要显示下箭头闪烁\n this.showDownBtn = false;\n } else {\n this.showDownBtn = true;\n }\n this.lastScrollTop = scrollTop;\n },\n // 固定最小高度：单行不撑开，超出才增高\n autoResizeTextarea() {\n const ta = this.$refs.taRef;\n if (!ta) return;\n // 基准单行高度\n const baseH = 32;\n ta.style.height = `${baseH}px`;\n // 内容真实高度\n const realH = ta.scrollHeight;\n // 只有内容高度>基准才撑开，否则保持初始高度\n if (realH > baseH) {\n ta.style.height = `${Math.min(realH, 180)}px`;\n }\n this.$nextTick(() => {\n this.checkScrollBottom(true);\n });\n },\n // Shift+Enter换行\n newLine() {\n const ta = this.$refs.taRef;\n const start = ta.selectionStart;\n const end = ta.selectionEnd;\n this.inputText = this.inputText.slice(0, start) + '\\n' + this.inputText.slice(end);\n this.$nextTick(() => {\n ta.selectionStart = ta.selectionEnd = start + 1;\n this.autoResizeTextarea();\n });\n },\n clearWaitTimer() {\n if (this.waitTimer) {\n clearInterval(this.waitTimer);\n this.waitTimer = null;\n }\n },\n loadAgents() {\n (0, _apichat.getChatAgents)().then(list => {\n this.agentList = list || [];\n // if (this.agentList.length > 0 && !this.currentAgent) {\n // const first = this.agentList[0]\n // this.currentAgent = first.agentCode\n // this.currentAgentDesc = first.description || ''\n // }\n }).catch(() => {});\n },\n loadSessions() {\n (0, _apichat.getSessionList)().then(list => {\n if (!this.activeSessionId) {\n this.sessionList = list || [];\n if (this.sessionList.length > 0) {\n this.switchSession(this.sessionList[0]);\n }\n if (this.sessionList.length === 0) {\n this.showAgentSelect = true;\n }\n } else {\n this.sessionList = list || [];\n }\n }).catch(() => {});\n },\n onSearchClear() {\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n },\n startChatWithAgent(agent) {\n console.log('选择了助手', agent.agentCode, this.currentAgent);\n if (agent.agentCode == this.currentAgent) {\n this.searchKeyword = '';\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n return;\n }\n this.currentAgent = agent.agentCode;\n this.currentAgentDesc = agent.description || '';\n this.searchKeyword = '';\n this.agentSuggestions = [];\n this.messages = [];\n this.showAgentSuggestions = false;\n this.showAgentSelect = false;\n const existing = this.sessionList.find(s => s.agentCode === agent.agentCode);\n if (existing) {\n this.switchSession(existing);\n } else {\n this.handleNewSession();\n }\n },\n handleNewSession() {\n if (!this.currentAgent) return;\n if (this.activeSessionId) this.closeOldSession();\n (0, _apichat.startSession)(this.currentAgent).then(res => {\n this.activeSessionId = res.sessionId || '';\n this.loadSessions();\n const agent = this.agentList.find(a => a.agentCode === this.currentAgent);\n if (agent) this.addWelcomeMessage(agent);\n }).catch(() => {});\n },\n async switchSession(s) {\n if (this.sending) {\n this.$message.warning('AI正在生成内容，暂时请不要切换对话');\n return;\n }\n this.showAgentSelect = false;\n if (this.activeSessionId === s.sessionId) return;\n this.activeSessionId = s.sessionId;\n this.currentAgent = s.agentCode;\n const agent = this.agentList.find(a => a.agentCode === s.agentCode);\n this.currentAgentDesc = agent ? agent.description || '' : '';\n this.msgPage = 1;\n this.msgTotal = 0;\n (0, _apichat.syncToken)((0, _cookie.getToken)(), s.sessionId);\n try {\n const res = await (0, _apichat.getSessionMessages)(s.sessionId, 1, 10);\n const list = Array.isArray(res) ? res : res.list || [];\n this.msgTotal = res.total || list.length;\n this.msgPage = 1;\n const asAsc = (list || []).slice().reverse();\n this.messages = asAsc.map(m => ({\n role: m.role,\n content: m.content || '',\n thinking: m.thinking || '',\n toolCalls: [],\n agentName: m.role === 'assistant' ? s.agentName || '' : '',\n createTime: m.createTime || null,\n _key: m.createTime ? 'msg_' + m.createTime : 'msg_' + Date.now() + '_' + Math.random()\n }));\n if (this.messages.length === 0 && agent) this.addWelcomeMessage(agent);\n await this.$nextTick();\n this.$nextTick(() => {\n this.scrollToBottomOnce();\n this.checkScrollBottom();\n });\n } catch (e) {\n this.messages = [];\n }\n },\n loadMoreMessages() {\n const nextPage = this.msgPage + 1;\n const maxPage = Math.ceil(this.msgTotal / 10);\n if (nextPage > maxPage) {\n this.loadingMore = false;\n return;\n }\n (0, _apichat.getSessionMessages)(this.activeSessionId, nextPage, 10).then(res => {\n const list = Array.isArray(res) ? res : res.list || [];\n this.msgPage = nextPage;\n const asAsc = (list || []).slice().reverse();\n const prepend = asAsc.map(m => ({\n role: m.role,\n content: m.content || '',\n thinking: m.thinking || '',\n toolCalls: [],\n agentName: '',\n createTime: m.createTime || null,\n _key: m.createTime ? 'msg_' + m.createTime : 'msg_' + Date.now() + '_' + Math.random()\n }));\n const container = this.$refs.messagesRef;\n const oldScrollHeight = container ? container.scrollHeight : 0;\n const oldScrollTop = container ? container.scrollTop : 0;\n this.messages = [...prepend, ...this.messages];\n this.$nextTick(() => {\n if (container) {\n container.scrollTop = oldScrollTop + (container.scrollHeight - oldScrollHeight);\n }\n this.loadingMore = false;\n });\n }).catch(() => {\n this.loadingMore = false;\n });\n },\n onScrollMessages() {\n const container = this.$refs.messagesRef;\n if (!container || this.loadingMore) return;\n const isAtBottom = container.scrollTop + container.clientHeight >= container.scrollHeight - 100;\n this.checkScrollBottom();\n if (isAtBottom) return;\n if (container.scrollTop < 50 && this.msgPage < Math.ceil(this.msgTotal / 10)) {\n this.loadingMore = true;\n this.loadMoreMessages();\n }\n },\n handleDeleteSession(s) {\n this.$confirm(`确认删除「${s.agentName || s.agentCode}」的会话？`, '提示', {\n type: 'warning'\n }).then(() => {\n (0, _apichat.deleteSession)(s.sessionId).then(() => {\n if (this.activeSessionId === s.sessionId) {\n this.activeSessionId = '';\n this.messages = [];\n this.showAgentSelect = true;\n this.currentAgent = '';\n this.currentAgentDesc = '';\n }\n this.loadSessions();\n });\n }).catch(() => {});\n },\n closeOldSession() {},\n onAgentChange(code) {\n const agent = this.agentList.find(a => a.agentCode === code);\n this.currentAgentDesc = agent ? agent.description || '' : '';\n this.handleNewSession();\n },\n addWelcomeMessage(agent) {\n if (!agent) return;\n const name = agent.agentName || '助手';\n const _agent = this.agentList.find(x => x.agentCode === this.currentAgent);\n let _content = _agent.greeting || `你好！我是 **${name}**，有什么可以帮你的吗？`;\n this.messages.push({\n role: 'assistant',\n content: _content,\n thinking: '',\n agentName: name,\n _key: 'welcome_' + Date.now()\n });\n },\n async sendMessage() {\n const text = this.inputText.trim();\n if (!text || this.sending) return;\n if (!this.activeSessionId) {\n await (0, _apichat.startSession)(this.currentAgent).then(res => {\n this.activeSessionId = res.sessionId || '';\n this.loadSessions();\n });\n if (!this.activeSessionId) return;\n }\n this.inputText = '';\n const ta = this.$refs.taRef;\n if (ta) {\n ta.style.height = '32px'; // 强制恢复初始高度\n }\n this.showDownBtn = false;\n this.messages.push({\n role: 'user',\n content: text,\n createTime: new Date().toISOString(),\n _key: 'user_' + Date.now() + '_' + Math.random()\n });\n const agentName = this.currentAgentName;\n const msgIdx = this.messages.push({\n role: 'assistant',\n content: '',\n thinking: '',\n loading: true,\n toolCalls: [],\n agentName,\n createTime: new Date().toISOString(),\n _key: 'asst_' + Date.now() + '_' + Math.random()\n }) - 1;\n this.scrollToBottom(true);\n this.sending = true;\n this.waitSeconds = 0;\n if (this.waitTimer) clearInterval(this.waitTimer);\n this.waitTimer = setInterval(() => {\n this.waitSeconds++;\n }, 1000);\n let thinkingBuffer = '';\n let finalContent = '';\n let answerBuffer = '';\n let thinkDisplayed = 0;\n let typeTimer = null;\n typeTimer = setInterval(() => {\n if (!this.messages[msgIdx]) return;\n if (thinkDisplayed < thinkingBuffer.length) {\n thinkDisplayed += 50;\n if (thinkDisplayed > thinkingBuffer.length) thinkDisplayed = thinkingBuffer.length;\n this.messages[msgIdx].thinking = thinkingBuffer.substring(0, thinkDisplayed);\n this.scrollToBottom();\n } else if (finalContent && !this.messages[msgIdx].content) {\n clearInterval(typeTimer);\n typeTimer = null;\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n this.sending = false;\n this.clearWaitTimer();\n this.scrollToBottom();\n this.loadSessions();\n }\n }, 30);\n const url = (0, _apichat.createStreamUrl)(this.activeSessionId, text);\n if (this.eventSource) {\n this.eventSource.close();\n }\n this.eventSource = new EventSource(url);\n const es = this.eventSource;\n es.addEventListener('reasoning', e => {\n if (e.data) {\n const clean = e.data.replace(/([a-zA-Z]+)([\\u4e00-\\u9fff])/g, '$1 $2').replace(/([\\u4e00-\\u9fff])([a-zA-Z]+)/g, '$1 $2');\n thinkingBuffer += clean;\n }\n });\n es.addEventListener('reasoning_result', e => {\n if (e.data) {\n thinkingBuffer = e.data;\n }\n });\n es.addEventListener('answer', e => {\n if (e.data) {\n answerBuffer += e.data;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content += e.data;\n this.scrollToBottom();\n }\n }\n });\n es.addEventListener('tool_result', e => {\n if (e.data && this.messages[msgIdx]) {\n if (!this.messages[msgIdx].toolCalls) this.messages[msgIdx].toolCalls = [];\n this.messages[msgIdx].toolCalls.push(e.data);\n this.scrollToBottom();\n }\n });\n es.addEventListener('agent_result', e => {\n finalContent = e.data || '';\n es.close();\n this.eventSource = null;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n }\n this.sending = false;\n this.clearWaitTimer();\n if (typeTimer) {\n clearInterval(typeTimer);\n typeTimer = null;\n }\n this.scrollToBottom();\n this.loadSessions();\n });\n es.onerror = err => {\n console.log('[SSE] onerror', err);\n if (thinkingBuffer.length > 0 && !finalContent) finalContent = thinkingBuffer;\n if (!finalContent) finalContent = '❌ 连接中断';\n es.close();\n this.eventSource = null;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n }\n this.sending = false;\n this.clearWaitTimer();\n if (typeTimer) {\n clearInterval(typeTimer);\n typeTimer = null;\n }\n this.scrollToBottom();\n };\n },\n stopAgent() {\n if (this.eventSource) {\n this.eventSource.close();\n this.eventSource = null;\n }\n if (this.activeSessionId) {\n (0, _apichat.stopStream)(this.activeSessionId).catch(() => {});\n }\n if (this.messages.length > 0) {\n const last = this.messages[this.messages.length - 1];\n if (last && last.loading) {\n last.content = last.content || last.thinking || '⏹ 已停止';\n last.loading = false;\n }\n }\n this.sending = false;\n this.clearWaitTimer();\n },\n copyText(content) {\n if (!content) return;\n navigator.clipboard.writeText(content.replace(/<[^>]+>/g, '')).then(() => {\n this.$message({\n message: '已复制到剪贴板',\n type: 'success',\n duration: 1500\n });\n }).catch(() => {\n this.$message({\n message: '复制失败',\n type: 'error',\n duration: 2000\n });\n });\n },\n copyAsImage(content) {\n if (!content) return;\n // 创建临时容器渲染 Markdown\n const div = document.createElement('div');\n div.className = 'copy-image-render';\n div.style.cssText = 'position:fixed;left:-9999px;top:0;width:600px;padding:20px;background:#fff;font-size:14px;line-height:1.6;color:#333;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;';\n div.innerHTML = this.renderMarkdown(content);\n document.body.appendChild(div);\n this.$message({\n message: '正在生成图片...',\n type: 'info',\n duration: 2000\n });\n (0, _html2canvas.default)(div, {\n scale: 2,\n useCORS: true,\n backgroundColor: '#ffffff'\n }).then(canvas => {\n canvas.toBlob(blob => {\n if (blob) {\n navigator.clipboard.write([new ClipboardItem({\n 'image/png': blob\n })]).then(() => {\n this.$message({\n message: '图片已复制到剪贴板',\n type: 'success',\n duration: 1500\n });\n }).catch(() => {\n this.$message({\n message: '复制图片失败',\n type: 'error',\n duration: 2000\n });\n });\n }\n }, 'image/png');\n }).catch(() => {\n this.$message({\n message: '生成图片失败',\n type: 'error',\n duration: 2000\n });\n }).finally(() => {\n document.body.removeChild(div);\n });\n },\n formatTime(t) {\n if (!t) return '';\n const d = new Date(t.replace(' ', 'T'));\n const now = new Date();\n const diff = (now - d) / 1000;\n if (diff < 60) return '刚刚';\n if (diff < 3600) return Math.floor(diff / 60) + '分钟前';\n if (diff < 86400) return Math.floor(diff / 3600) + '小时前';\n return d.getMonth() + 1 + '/' + d.getDate();\n },\n getInitial(name) {\n if (!name) return '?';\n return name.charAt(0);\n },\n renderMarkdown(text) {\n if (!text) return '';\n try {\n return marked.render(text);\n } catch {\n return text;\n }\n },\n scrollToTop() {\n const el = this.$refs.messagesRef;\n if (el) el.scrollTop = 0;\n },\n scrollToBottom(force = false) {\n if (this.showDownBtn && !force) return;\n this.$nextTick(() => {\n const el = this.$refs.messagesRef;\n if (el) {\n el.scrollTop = el.scrollHeight;\n this.lastScrollTop = el.scrollTop;\n this.showDownBtn = false; // 滚动到底部后立刻隐藏箭头\n }\n });\n },\n scrollToBottomOnce() {\n // 清理旧定时器，防止任何泄漏\n clearTimeout(this._scrollTimer);\n this.$nextTick(() => {\n let retry = 0;\n const maxRetry = 6; // 重试6次，足够覆盖所有渲染延迟\n\n const tryScroll = () => {\n var _this$$refs;\n const el = (_this$$refs = this.$refs) === null || _this$$refs === void 0 ? void 0 : _this$$refs.messagesRef;\n if (!el) {\n this._scrollTimer = setTimeout(tryScroll, 50);\n return;\n }\n\n // 临时禁用平滑滚动，立即跳到底部\n const originalScrollBehavior = el.style.scrollBehavior;\n el.style.scrollBehavior = 'auto';\n el.scrollTop = el.scrollHeight - el.clientHeight;\n el.style.scrollBehavior = originalScrollBehavior;\n this.showDownBtn = false;\n };\n tryScroll();\n });\n }\n },\n beforeDestroy() {\n clearTimeout(this._scrollTimer);\n }\n};\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
570
570
|
|
|
571
571
|
/***/ }),
|
|
572
572
|
|
|
@@ -578,7 +578,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@
|
|
|
578
578
|
/***/ (function(module, exports, __webpack_require__) {
|
|
579
579
|
|
|
580
580
|
"use strict";
|
|
581
|
-
eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireWildcard.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireWildcard.js\").default;\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _index = _interopRequireDefault(__webpack_require__(/*! @lib/components/chatMain/index.vue */ \"./src/lib/components/chatMain/index.vue\"));\nvar _spiderHack = __webpack_require__(/*! @lib/utils/spiderHack.js */ \"./src/lib/utils/spiderHack.js\");\nvar _cookie = __webpack_require__(/*! @lib/utils/cookie.js */ \"./src/lib/utils/cookie.js\");\nvar _package = _interopRequireDefault(__webpack_require__(/*! ../../../package.json */ \"./package.json\"));\nvar kfStore = _interopRequireWildcard(__webpack_require__(/*! @lib/store/utils.js */ \"./src/lib/store/utils.js\"));\nvar AiStore = _interopRequireWildcard(__webpack_require__(/*! @lib/store/utils */ \"./src/lib/store/utils.js\"));\n// 初始化连接\n// import { openIM, closeIM } from '@lib/socket/socket.js'\n// 工具\n// import { getOperationSys, getBrowser } from '@lib/utils/index.js'\n// import { insertAmap } from '@lib/utils/amap.js'\nvar _default = exports.default = {\n name: 'ZjkjIntelligent',\n components: {\n ChatMain: _index.default\n },\n provide() {\n return {\n superCtrl: this.superControl\n };\n },\n props: {\n imAccount: {\n type: [String, Object],\n // default: '201912241122274' // zl\n // default: '202012221604445' // ly\n // default: '201911121106061' // zlm\n // default: '202004121438164' // hrc\n default: \"202007091611352\" //wkk\n },\n
|
|
581
|
+
eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireWildcard.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireWildcard.js\").default;\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _index = _interopRequireDefault(__webpack_require__(/*! @lib/components/chatMain/index.vue */ \"./src/lib/components/chatMain/index.vue\"));\nvar _spiderHack = __webpack_require__(/*! @lib/utils/spiderHack.js */ \"./src/lib/utils/spiderHack.js\");\nvar _cookie = __webpack_require__(/*! @lib/utils/cookie.js */ \"./src/lib/utils/cookie.js\");\nvar _package = _interopRequireDefault(__webpack_require__(/*! ../../../package.json */ \"./package.json\"));\nvar kfStore = _interopRequireWildcard(__webpack_require__(/*! @lib/store/utils.js */ \"./src/lib/store/utils.js\"));\nvar AiStore = _interopRequireWildcard(__webpack_require__(/*! @lib/store/utils */ \"./src/lib/store/utils.js\"));\n// 初始化连接\n// import { openIM, closeIM } from '@lib/socket/socket.js'\n// 工具\n// import { getOperationSys, getBrowser } from '@lib/utils/index.js'\n// import { insertAmap } from '@lib/utils/amap.js'\nvar _default = exports.default = {\n name: 'ZjkjIntelligent',\n components: {\n ChatMain: _index.default\n },\n provide() {\n return {\n superCtrl: this.superControl\n };\n },\n props: {\n imAccount: {\n type: [String, Object],\n // default: '201912241122274' // zl\n // default: '202012221604445' // ly\n // default: '201911121106061' // zlm\n // default: '202004121438164' // hrc\n default: \"202007091611352\" //wkk\n },\n isIntelShow: {\n default: false,\n type: Boolean\n },\n chatImToken: {\n type: [String, Function]\n },\n platformType: {\n type: String\n },\n selectActive: {\n type: String\n },\n Ak: {\n type: String,\n default: ''\n },\n Sk: {\n type: String,\n default: ''\n }\n },\n data() {\n return {\n imUser: {},\n // 传入的用户参数\n env: '',\n // 传入的当前环境\n title: 'Ai助理',\n //传入默认标题\n zIndex: 2000,\n userInfo: {\n launchPage: '',\n terminalSource: '',\n ipAddress: ''\n },\n visiable: true,\n // 显示隐藏\n showChat: false,\n // 显示聊天窗口\n addClass: false,\n // 添加class\n isFullScreen: false,\n // 是否全屏\n onClose: null,\n // 关闭回调\n errorType: 0,\n // 错误参数\n superControl: {\n priviewUrl: '',\n // 预览图片url\n privieShow: false,\n // 预览组件显示异常\n showEmoji: false // 显示表情版面\n },\n version: _package.default.version\n };\n },\n computed: {\n valideParams() {\n return {\n env: this.env,\n im: this.imUser\n };\n }\n },\n watch: {\n imAccount: {\n handler: function (val) {\n debugger;\n if (val) {\n AiStore.commit('SET_ACCOUNT', val);\n }\n },\n immediate: true\n },\n visiable(newVal) {\n if (newVal && !this.showChat) {\n this.setParams();\n }\n },\n showChat(newVal) {\n if (newVal) {\n setTimeout(() => {\n this.addClass = true;\n }, 100);\n } else {\n this.addClass = false;\n }\n }\n },\n methods: {\n // 验证参数\n validate() {\n if (!this.imUser.accountId) {\n this.errorType = 1;\n return false;\n } else if (!this.env) {\n this.errorType = 3;\n return false;\n }\n return true;\n },\n loadScript() {\n // insertAmap() // 加载amap\n (0, _spiderHack.loadSpider)(); // 加载spider\n },\n // 设置用户参数\n setUserParams() {\n // this.userInfo.launchPage = window.location.href\n // this.userInfo.terminalSource = getOperationSys() + '-' + getBrowser()\n this.userInfo.token = (0, _cookie.getToken)();\n kfStore.commit('SET_CURR_ENV', this.env); // 存储传入环境变量\n this.loadScript();\n // openIM(this.userInfo) // 建立会话\n },\n registComp() {\n this.$nextTick(() => {});\n },\n setParams() {\n if (!this.validate()) return;\n this.showChat = true;\n this.setUserParams();\n window.addEventListener('beforeunload', e => {\n this.close();\n });\n },\n // 点击工具栏按钮\n toolbarClick(data) {\n switch (data.type) {\n case 'mini':\n this.close(true);\n break;\n case 'zoom':\n this.isFullScreen = data.isFull;\n break;\n case 'close':\n this.close(false);\n break;\n }\n },\n // 关闭窗口\n close(isMinimized) {\n if (isMinimized) {\n this.onClose(isMinimized);\n } else {\n this.showChat = false;\n // closeIM(true)\n setTimeout(() => {\n this.doDestroy();\n }, 200);\n }\n },\n // 销毁\n doDestroy() {\n if (typeof this.onClose === 'function') {\n this.onClose();\n }\n this.$destroy(true);\n this.$el.parentNode.removeChild(this.$el);\n }\n }\n};\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/layout/main.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
582
582
|
|
|
583
583
|
/***/ }),
|
|
584
584
|
|
|
@@ -590,7 +590,7 @@ eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! ./node_modules/_
|
|
|
590
590
|
/***/ (function(module, exports, __webpack_require__) {
|
|
591
591
|
|
|
592
592
|
"use strict";
|
|
593
|
-
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.staticRenderFns = exports.render = void 0;\nvar render = exports.render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"chat-layout\"\n }, [_c(\"div\", {\n staticClass: \"chat-sidebar\"\n }, [!_vm.isShow ? _c(\"div\", {\n staticClass: \"sidebar-header\"\n }, [_c(\"span\", {\n staticClass: \"sidebar-title\"\n }, [_vm._v(\"AI助理(内测版)\")])]) : _vm._e(), _c(\"div\", {\n staticClass: \"sidebar-search\"\n }, [_c(\"el-input\", {\n attrs: {\n size: \"small\",\n placeholder: \"搜索助手...\",\n \"prefix-icon\": \"el-icon-search\",\n clearable: \"\"\n },\n on: {\n clear: _vm.onSearchClear\n },\n model: {\n value: _vm.searchKeyword,\n callback: function ($$v) {\n _vm.searchKeyword = $$v;\n },\n expression: \"searchKeyword\"\n }\n }), _vm.showAgentSuggestions && _vm.agentSuggestions.length > 0 && _vm.searchKeyword ? _c(\"div\", {\n staticClass: \"search-suggestions\"\n }, _vm._l(_vm.agentSuggestions, function (a) {\n return _c(\"div\", {\n key: a.agentCode,\n staticClass: \"suggestion-item\",\n on: {\n click: function ($event) {\n return _vm.startChatWithAgent(a);\n }\n }\n }, [_c(\"span\", {\n staticClass: \"suggestion-avatar\"\n }, [_vm._v(_vm._s(_vm.getInitial(a.agentName || a.agentCode)))]), _c(\"span\", {\n staticClass: \"suggestion-name\"\n }, [_vm._v(_vm._s(a.agentName || a.agentCode))]), _c(\"span\", {\n staticClass: \"suggestion-desc\"\n }, [_vm._v(_vm._s(a.description ? a.description.substring(0, 30) : \"\"))])]);\n }), 0) : _vm._e()], 1), _vm.filteredSessions.length > 0 ? _c(\"div\", {\n staticClass: \"sidebar-list\"\n }, _vm._l(_vm.filteredSessions, function (s) {\n return _c(\"div\", {\n key: s.sessionId,\n staticClass: \"session-item\",\n class: {\n active: s.sessionId === _vm.activeSessionId\n },\n on: {\n click: function ($event) {\n return _vm.switchSession(s);\n }\n }\n }, [_c(\"div\", {\n staticClass: \"session-avatar\"\n }, [_vm._v(_vm._s(_vm.getInitial(s.agentName || s.agentCode)))]), _c(\"div\", {\n staticClass: \"session-info\"\n }, [_c(\"div\", {\n staticClass: \"session-agent\"\n }, [_vm._v(_vm._s(s.agentName || s.agentCode))]), _c(\"div\", {\n staticClass: \"session-preview\"\n }, [_vm._v(_vm._s(s.lastContent || \"空会话\"))])]), _c(\"div\", {\n staticClass: \"session-time\"\n }, [_vm._v(_vm._s(_vm.formatTime(s.lastTime || s.lastTime)))]), _c(\"el-button\", {\n staticClass: \"session-delete\",\n attrs: {\n type: \"text\",\n size: \"mini\",\n icon: \"el-icon-delete\"\n },\n on: {\n click: function ($event) {\n $event.stopPropagation();\n return _vm.handleDeleteSession(s);\n }\n }\n })], 1);\n }), 0) : _c(\"div\", {\n staticClass: \"sidebar-empty\"\n }, [_c(\"div\", {\n staticClass: \"empty-icon\"\n }, [_vm._v(\"💬\")]), _c(\"div\", [_vm._v(_vm._s(_vm.searchKeyword ? \"没有匹配的会话\" : \"暂无会话\"))]), _c(\"div\", {\n staticClass: \"empty-hint\"\n }, [_vm._v(_vm._s(_vm.searchKeyword ? \"试试其他关键词\" : \"选择助手开始对话\"))])])]), _vm.showAgentSelect ? _c(\"div\", {\n staticClass: \"agent-selector\"\n }, [_c(\"div\", {\n staticClass: \"agent-wrap\"\n }, [_vm._m(0), _c(\"div\", {\n staticClass: \"agent-list\"\n }, _vm._l(_vm.agentList, function (item) {\n return _c(\"div\", {\n key: item.agentCode,\n staticClass: \"agent-item\",\n on: {\n click: function ($event) {\n return _vm.startChatWithAgent(item);\n }\n }\n }, [_c(\"div\", {\n staticClass: \"agent-avatar-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"agent-list-avatar\",\n class: {\n \"has-agent-img\": item.avatar\n },\n style: item.avatar ? {\n backgroundImage: \"url(\" + item.avatar + \")\"\n } : {}\n }, [!item.avatar ? [_vm._v(_vm._s(_vm.getInitial(item.agentName || item.agentCode)))] : _vm._e()], 2)]), _c(\"div\", {\n staticClass: \"agent-info-content\"\n }, [_c(\"div\", {\n staticClass: \"name\"\n }, [_vm._v(_vm._s(item.agentName))]), _c(\"div\", {\n staticClass: \"desc\"\n }, [_vm._v(_vm._s(item.description))])])]);\n }), 0)])]) : _c(\"div\", {\n staticClass: \"chat-main\"\n }, [_c(\"div\", {\n staticClass: \"chat-header\"\n }, [_c(\"div\", {\n staticClass: \"header-left\"\n }, [_vm.currentAgent && (_vm.activeSessionId || _vm.messages.length > 0) ? _c(\"div\", {\n staticClass: \"agent-info\"\n }, [_c(\"div\", {\n staticClass: \"chat-agent-avatar-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"chat-agent-avatar\",\n class: {\n \"has-chat-agent-img\": _vm.currentAgent.avatar\n },\n style: _vm.getChatAvatarStyle(_vm.currentAgent)\n }, [!_vm.currentAgent.avatar ? [_vm._v(_vm._s(_vm.getInitial(_vm.currentAgentName)))] : _vm._e()], 2)]), _c(\"div\", {\n staticClass: \"agent-text\"\n }, [_c(\"div\", {\n staticClass: \"agent-name\"\n }, [_vm._v(_vm._s(_vm.currentAgentName))]), _c(\"div\", {\n staticClass: \"agent-desc\"\n }, [_vm._v(_vm._s(_vm.currentAgentDesc))])])]) : _c(\"div\", {\n staticClass: \"agent-info\"\n }, [_vm._m(1)])])]), _c(\"div\", {\n ref: \"messagesRef\",\n staticClass: \"chat-body\",\n on: {\n scroll: _vm.onScrollMessages\n }\n }, [!_vm.activeSessionId ? _c(\"div\", {\n staticClass: \"welcome welcome-default\"\n }, [_c(\"div\", {\n staticClass: \"welcome-icon\"\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 48 48\",\n width: \"64\",\n height: \"64\"\n }\n }, [_c(\"path\", {\n attrs: {\n fill: \"#e6f4ff\",\n d: \"M40 22c-2.21 0-4 1.79-4 4v10H12c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h24c2.21 0 4 1.79 4 4v8z\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M36 8c-2.21 0-4 1.79-4 4v18H8c-2.21 0-4-1.79-4-4V12c0-2.21 1.79-4 4-4h28z\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"20\",\n cy: \"28\",\n r: \"3\",\n fill: \"#fff\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"28\",\n cy: \"28\",\n r: \"3\",\n fill: \"#fff\"\n }\n })])]), _c(\"div\", {\n staticClass: \"welcome-title\"\n }, [_vm._v(\"欢迎使用 AI 助手\")]), _c(\"div\", {\n staticClass: \"welcome-text\"\n }, [_vm._v(\"从左侧选择一个会话，或搜索助手开始新的对话\")])]) : _vm.messages.length === 0 ? _c(\"div\", {\n staticClass: \"welcome\"\n }, [_c(\"div\", {\n staticClass: \"welcome-icon\"\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 48 48\",\n width: \"48\",\n height: \"48\"\n }\n }, [_c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M40 22c-2.21 0-4 1.79-4 4v10H12c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h24c2.21 0 4 1.79 4 4v8z\",\n opacity: \".6\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M36 8c-2.21 0-4 1.79-4 4v18H8c-2.21 0-4-1.79-4-4V12c0-2.21 1.79-4 4-4h28z\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"20\",\n cy: \"28\",\n r: \"2\",\n fill: \"#fff\",\n opacity: \".8\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"28\",\n cy: \"28\",\n r: \"2\",\n fill: \"#fff\",\n opacity: \".8\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#fff\",\n d: \"M18 32c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm8 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"\n }\n })])]), _c(\"div\", {\n staticClass: \"welcome-text\"\n }, [_vm._v(\"开始对话吧\")])]) : _vm._e(), _vm._l(_vm.messages, function (m) {\n return _c(\"div\", {\n key: m.id,\n staticClass: \"msg-row\",\n class: m.role\n }, [_c(\"div\", {\n staticClass: \"msg-main\"\n }, [m.role === \"assistant\" ? _c(\"div\", {\n staticClass: \"msg-avatar\",\n class: {\n \"has-chat-agent-img\": _vm.currentAgent.avatar\n },\n style: _vm.getChatAvatarStyle(_vm.currentAgent)\n }, [!_vm.currentAgent.avatar ? [_vm._v(_vm._s(_vm.getInitial(_vm.currentAgentName)))] : _vm._e()], 2) : _c(\"div\", {\n staticClass: \"msg-avatar user\"\n }, [_vm._v(\"我\")]), _c(\"div\", {\n staticClass: \"msg-content\"\n }, [m.role === \"assistant\" && m.agentName ? _c(\"div\", {\n staticClass: \"msg-agent-label\"\n }, [_vm._v(_vm._s(m.agentName))]) : _vm._e(), _c(\"div\", {\n staticClass: \"bubble\",\n class: m.role\n }, [m.thinking ? _c(\"details\", {\n staticClass: \"thinking-details\",\n attrs: {\n open: \"\"\n }\n }, [_c(\"summary\", {\n staticClass: \"thinking-summary\"\n }, [_vm._v(\"💭 思考过程\")]), _c(\"div\", {\n staticClass: \"thinking-body\",\n domProps: {\n innerHTML: _vm._s(_vm.renderMarkdown(m.thinking))\n }\n })]) : _vm._e(), m.content ? _c(\"div\", {\n staticClass: \"final-content\",\n domProps: {\n innerHTML: _vm._s(_vm.renderMarkdown(m.content))\n }\n }) : _vm._e(), _c(\"div\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showToolInfo && m.toolCalls && m.toolCalls.length,\n expression: \"showToolInfo && m.toolCalls && m.toolCalls.length\"\n }],\n staticClass: \"tool-calls\"\n }, _vm._l(m.toolCalls, function (tc, ti) {\n return _c(\"div\", {\n key: ti,\n staticClass: \"tool-item\"\n }, [_c(\"span\", {\n staticClass: \"tool-badge\"\n }, [_vm._v(\"工具返回\")]), _c(\"pre\", [_vm._v(_vm._s(tc.substring(0, 300)) + _vm._s(tc.length > 300 ? \"...\" : \"\"))])]);\n }), 0), m.loading ? _c(\"div\", {\n staticClass: \"typing\",\n class: _vm.waitClass\n }, [_c(\"span\", {\n staticClass: \"phrase\"\n }, [_vm._v(\"思考中\")]), _vm._m(2, true)]) : _vm._e()]), m.role === \"assistant\" && m.content && !m.loading ? _c(\"div\", {\n staticClass: \"msg-actions\"\n }, [_c(\"span\", {\n staticClass: \"action-btn\",\n attrs: {\n title: \"复制\"\n },\n on: {\n click: function ($event) {\n return _vm.copyText(m.content);\n }\n }\n }, [_vm._v(\"📋 复制\")]), _c(\"span\", {\n staticClass: \"action-btn\",\n attrs: {\n title: \"复制为图片\"\n },\n on: {\n click: function ($event) {\n return _vm.copyAsImage(m.content);\n }\n }\n }, [_vm._v(\"🖼 复制为图片\")])]) : _vm._e(), m.createTime ? _c(\"div\", {\n staticClass: \"msg-time\"\n }, [_vm._v(_vm._s(_vm.formatTime(m.createTime)))]) : _vm._e()])])]);\n })], 2), _c(\"div\", {\n staticClass: \"chat-footer\"\n }, [_c(\"div\", {\n staticClass: \"input-area\"\n }, [_c(\"textarea\", {\n directives: [{\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.inputText,\n expression: \"inputText\"\n }],\n ref: \"taRef\",\n staticClass: \"chat-textarea\",\n attrs: {\n placeholder: \"输入消息，Enter 发送，Shift+Enter 换行\",\n disabled: _vm.sending\n },\n domProps: {\n value: _vm.inputText\n },\n on: {\n input: [function ($event) {\n if ($event.target.composing) return;\n _vm.inputText = $event.target.value;\n }, _vm.autoResizeTextarea],\n keydown: [function ($event) {\n if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n if ($event.ctrlKey || $event.shiftKey || $event.altKey || $event.metaKey) return null;\n $event.preventDefault();\n return _vm.sendMessage.apply(null, arguments);\n }, function ($event) {\n if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n if (!$event.shiftKey) return null;\n return _vm.newLine.apply(null, arguments);\n }]\n }\n }), _c(\"button\", {\n staticClass: \"send-btn\",\n class: {\n active: _vm.inputText.trim()\n },\n attrs: {\n disabled: _vm.sending || !_vm.inputText.trim()\n },\n on: {\n click: _vm.sendMessage\n }\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 24 24\",\n width: \"20\",\n height: \"20\",\n fill: \"currentColor\"\n }\n }, [_c(\"path\", {\n attrs: {\n d: \"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\n }\n })])]), _vm.sending ? _c(\"button\", {\n staticClass: \"stop-btn\",\n on: {\n click: _vm.stopAgent\n }\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 24 24\",\n width: \"18\",\n height: \"18\",\n fill: \"currentColor\"\n }\n }, [_c(\"rect\", {\n attrs: {\n x: \"6\",\n y: \"6\",\n width: \"12\",\n height: \"12\",\n rx: \"2\"\n }\n })])]) : _vm._e(), _vm.showDownBtn ? _c(\"div\", {\n staticClass: \"scroll-bottom-wrap\"\n }, [_c(\"div\", {\n staticClass: \"scroll-bottom-btn\",\n on: {\n click: function ($event) {\n return _vm.scrollToBottom(true);\n }\n }\n }, [_vm.sending ? _c(\"div\", {\n staticClass: \"loading-circle\"\n }) : _vm._e(), _c(\"i\", {\n staticClass: \"el-icon-arrow-down\"\n })])]) : _vm._e()])])])]);\n};\nvar staticRenderFns = exports.staticRenderFns = [function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"agent-title\"\n }, [_c(\"h2\", [_vm._v(\"选择智能助手开始对话\")])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"agent-text\"\n }, [_c(\"div\", {\n staticClass: \"agent-name\",\n staticStyle: {\n color: \"#bbb\"\n }\n }, [_vm._v(\"请选择助手\")])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"span\", {\n staticClass: \"dots\"\n }, [_c(\"span\"), _c(\"span\"), _c(\"span\")]);\n}];\nrender._withStripped = true;\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%224b66220e-vue-loader-template%22%7D!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
593
|
+
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.staticRenderFns = exports.render = void 0;\nvar render = exports.render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"chat-layout\"\n }, [_c(\"div\", {\n staticClass: \"chat-sidebar\"\n }, [!_vm.isIntelShow ? _c(\"div\", {\n staticClass: \"sidebar-header\"\n }, [_c(\"span\", {\n staticClass: \"sidebar-title\"\n }, [_vm._v(\"AI助理(内测版)\")])]) : _vm._e(), _c(\"div\", {\n staticClass: \"sidebar-search\"\n }, [_c(\"el-input\", {\n attrs: {\n size: \"small\",\n placeholder: \"搜索助手...\",\n \"prefix-icon\": \"el-icon-search\",\n clearable: \"\"\n },\n on: {\n clear: _vm.onSearchClear\n },\n model: {\n value: _vm.searchKeyword,\n callback: function ($$v) {\n _vm.searchKeyword = $$v;\n },\n expression: \"searchKeyword\"\n }\n }), _vm.showAgentSuggestions && _vm.agentSuggestions.length > 0 && _vm.searchKeyword ? _c(\"div\", {\n staticClass: \"search-suggestions\"\n }, _vm._l(_vm.agentSuggestions, function (a) {\n return _c(\"div\", {\n key: a.agentCode,\n staticClass: \"suggestion-item\",\n on: {\n click: function ($event) {\n return _vm.startChatWithAgent(a);\n }\n }\n }, [_c(\"span\", {\n staticClass: \"suggestion-avatar\"\n }, [_vm._v(_vm._s(_vm.getInitial(a.agentName || a.agentCode)))]), _c(\"span\", {\n staticClass: \"suggestion-name\"\n }, [_vm._v(_vm._s(a.agentName || a.agentCode))]), _c(\"span\", {\n staticClass: \"suggestion-desc\"\n }, [_vm._v(_vm._s(a.description ? a.description.substring(0, 30) : \"\"))])]);\n }), 0) : _vm._e()], 1), _vm.filteredSessions.length > 0 ? _c(\"div\", {\n staticClass: \"sidebar-list\"\n }, _vm._l(_vm.filteredSessions, function (s) {\n return _c(\"div\", {\n key: s.sessionId,\n staticClass: \"session-item\",\n class: {\n active: s.sessionId === _vm.activeSessionId\n },\n on: {\n click: function ($event) {\n return _vm.switchSession(s);\n }\n }\n }, [_c(\"div\", {\n staticClass: \"session-avatar\"\n }, [_vm._v(_vm._s(_vm.getInitial(s.agentName || s.agentCode)))]), _c(\"div\", {\n staticClass: \"session-info\"\n }, [_c(\"div\", {\n staticClass: \"session-agent\"\n }, [_vm._v(_vm._s(s.agentName || s.agentCode))]), _c(\"div\", {\n staticClass: \"session-preview\"\n }, [_vm._v(_vm._s(s.lastContent || \"空会话\"))])]), _c(\"div\", {\n staticClass: \"session-time\"\n }, [_vm._v(_vm._s(_vm.formatTime(s.lastTime || s.lastTime)))]), _c(\"el-button\", {\n staticClass: \"session-delete\",\n attrs: {\n type: \"text\",\n size: \"mini\",\n icon: \"el-icon-delete\"\n },\n on: {\n click: function ($event) {\n $event.stopPropagation();\n return _vm.handleDeleteSession(s);\n }\n }\n })], 1);\n }), 0) : _c(\"div\", {\n staticClass: \"sidebar-empty\"\n }, [_c(\"div\", {\n staticClass: \"empty-icon\"\n }, [_vm._v(\"💬\")]), _c(\"div\", [_vm._v(_vm._s(_vm.searchKeyword ? \"没有匹配的会话\" : \"暂无会话\"))]), _c(\"div\", {\n staticClass: \"empty-hint\"\n }, [_vm._v(_vm._s(_vm.searchKeyword ? \"试试其他关键词\" : \"选择助手开始对话\"))])])]), _vm.showAgentSelect ? _c(\"div\", {\n staticClass: \"agent-selector\"\n }, [_c(\"div\", {\n staticClass: \"agent-wrap\"\n }, [_vm._m(0), _c(\"div\", {\n staticClass: \"agent-list\"\n }, _vm._l(_vm.agentList, function (item) {\n return _c(\"div\", {\n key: item.agentCode,\n staticClass: \"agent-item\",\n on: {\n click: function ($event) {\n return _vm.startChatWithAgent(item);\n }\n }\n }, [_c(\"div\", {\n staticClass: \"agent-avatar-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"agent-list-avatar\",\n class: {\n \"has-agent-img\": item.avatar\n },\n style: item.avatar ? {\n backgroundImage: \"url(\" + item.avatar + \")\"\n } : {}\n }, [!item.avatar ? [_vm._v(_vm._s(_vm.getInitial(item.agentName || item.agentCode)))] : _vm._e()], 2)]), _c(\"div\", {\n staticClass: \"agent-info-content\"\n }, [_c(\"div\", {\n staticClass: \"name\"\n }, [_vm._v(_vm._s(item.agentName))]), _c(\"div\", {\n staticClass: \"desc\"\n }, [_vm._v(_vm._s(item.description))])])]);\n }), 0)])]) : _c(\"div\", {\n staticClass: \"chat-main\"\n }, [_c(\"div\", {\n staticClass: \"chat-header\"\n }, [_c(\"div\", {\n staticClass: \"header-left\"\n }, [_vm.currentAgent && (_vm.activeSessionId || _vm.messages.length > 0) ? _c(\"div\", {\n staticClass: \"agent-info\"\n }, [_c(\"div\", {\n staticClass: \"chat-agent-avatar-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"chat-agent-avatar\",\n class: {\n \"has-chat-agent-img\": _vm.currentAgent.avatar\n },\n style: _vm.getChatAvatarStyle(_vm.currentAgent)\n }, [!_vm.currentAgent.avatar ? [_vm._v(_vm._s(_vm.getInitial(_vm.currentAgentName)))] : _vm._e()], 2)]), _c(\"div\", {\n staticClass: \"agent-text\"\n }, [_c(\"div\", {\n staticClass: \"agent-name\"\n }, [_vm._v(_vm._s(_vm.currentAgentName))]), _c(\"div\", {\n staticClass: \"agent-desc\"\n }, [_vm._v(_vm._s(_vm.currentAgentDesc))])])]) : _c(\"div\", {\n staticClass: \"agent-info\"\n }, [_vm._m(1)])])]), _c(\"div\", {\n ref: \"messagesRef\",\n staticClass: \"chat-body\",\n on: {\n scroll: _vm.onScrollMessages\n }\n }, [!_vm.activeSessionId ? _c(\"div\", {\n staticClass: \"welcome welcome-default\"\n }, [_c(\"div\", {\n staticClass: \"welcome-icon\"\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 48 48\",\n width: \"64\",\n height: \"64\"\n }\n }, [_c(\"path\", {\n attrs: {\n fill: \"#e6f4ff\",\n d: \"M40 22c-2.21 0-4 1.79-4 4v10H12c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h24c2.21 0 4 1.79 4 4v8z\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M36 8c-2.21 0-4 1.79-4 4v18H8c-2.21 0-4-1.79-4-4V12c0-2.21 1.79-4 4-4h28z\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"20\",\n cy: \"28\",\n r: \"3\",\n fill: \"#fff\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"28\",\n cy: \"28\",\n r: \"3\",\n fill: \"#fff\"\n }\n })])]), _c(\"div\", {\n staticClass: \"welcome-title\"\n }, [_vm._v(\"欢迎使用 AI 助手\")]), _c(\"div\", {\n staticClass: \"welcome-text\"\n }, [_vm._v(\"从左侧选择一个会话，或搜索助手开始新的对话\")])]) : _vm.messages.length === 0 ? _c(\"div\", {\n staticClass: \"welcome\"\n }, [_c(\"div\", {\n staticClass: \"welcome-icon\"\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 48 48\",\n width: \"48\",\n height: \"48\"\n }\n }, [_c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M40 22c-2.21 0-4 1.79-4 4v10H12c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h24c2.21 0 4 1.79 4 4v8z\",\n opacity: \".6\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M36 8c-2.21 0-4 1.79-4 4v18H8c-2.21 0-4-1.79-4-4V12c0-2.21 1.79-4 4-4h28z\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"20\",\n cy: \"28\",\n r: \"2\",\n fill: \"#fff\",\n opacity: \".8\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"28\",\n cy: \"28\",\n r: \"2\",\n fill: \"#fff\",\n opacity: \".8\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#fff\",\n d: \"M18 32c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm8 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"\n }\n })])]), _c(\"div\", {\n staticClass: \"welcome-text\"\n }, [_vm._v(\"开始对话吧\")])]) : _vm._e(), _vm._l(_vm.messages, function (m) {\n return _c(\"div\", {\n key: m.id,\n staticClass: \"msg-row\",\n class: m.role\n }, [_c(\"div\", {\n staticClass: \"msg-main\"\n }, [m.role === \"assistant\" ? _c(\"div\", {\n staticClass: \"msg-avatar\",\n class: {\n \"has-chat-agent-img\": _vm.currentAgent.avatar\n },\n style: _vm.getChatAvatarStyle(_vm.currentAgent)\n }, [!_vm.currentAgent.avatar ? [_vm._v(_vm._s(_vm.getInitial(_vm.currentAgentName)))] : _vm._e()], 2) : _c(\"div\", {\n staticClass: \"msg-avatar user\"\n }, [_vm._v(\"我\")]), _c(\"div\", {\n staticClass: \"msg-content\"\n }, [m.role === \"assistant\" && m.agentName ? _c(\"div\", {\n staticClass: \"msg-agent-label\"\n }, [_vm._v(_vm._s(m.agentName))]) : _vm._e(), _c(\"div\", {\n staticClass: \"bubble\",\n class: m.role\n }, [m.thinking ? _c(\"details\", {\n staticClass: \"thinking-details\",\n attrs: {\n open: \"\"\n }\n }, [_c(\"summary\", {\n staticClass: \"thinking-summary\"\n }, [_vm._v(\"💭 思考过程\")]), _c(\"div\", {\n staticClass: \"thinking-body\",\n domProps: {\n innerHTML: _vm._s(_vm.renderMarkdown(m.thinking))\n }\n })]) : _vm._e(), m.content ? _c(\"div\", {\n staticClass: \"final-content\",\n domProps: {\n innerHTML: _vm._s(_vm.renderMarkdown(m.content))\n }\n }) : _vm._e(), _c(\"div\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showToolInfo && m.toolCalls && m.toolCalls.length,\n expression: \"showToolInfo && m.toolCalls && m.toolCalls.length\"\n }],\n staticClass: \"tool-calls\"\n }, _vm._l(m.toolCalls, function (tc, ti) {\n return _c(\"div\", {\n key: ti,\n staticClass: \"tool-item\"\n }, [_c(\"span\", {\n staticClass: \"tool-badge\"\n }, [_vm._v(\"工具返回\")]), _c(\"pre\", [_vm._v(_vm._s(tc.substring(0, 300)) + _vm._s(tc.length > 300 ? \"...\" : \"\"))])]);\n }), 0), m.loading ? _c(\"div\", {\n staticClass: \"typing\",\n class: _vm.waitClass\n }, [_c(\"span\", {\n staticClass: \"phrase\"\n }, [_vm._v(\"思考中\")]), _vm._m(2, true)]) : _vm._e()]), m.role === \"assistant\" && m.content && !m.loading ? _c(\"div\", {\n staticClass: \"msg-actions\"\n }, [_c(\"span\", {\n staticClass: \"action-btn\",\n attrs: {\n title: \"复制\"\n },\n on: {\n click: function ($event) {\n return _vm.copyText(m.content);\n }\n }\n }, [_vm._v(\"📋 复制\")]), _c(\"span\", {\n staticClass: \"action-btn\",\n attrs: {\n title: \"复制为图片\"\n },\n on: {\n click: function ($event) {\n return _vm.copyAsImage(m.content);\n }\n }\n }, [_vm._v(\"🖼 复制为图片\")])]) : _vm._e(), m.createTime ? _c(\"div\", {\n staticClass: \"msg-time\"\n }, [_vm._v(_vm._s(_vm.formatTime(m.createTime)))]) : _vm._e()])])]);\n })], 2), _c(\"div\", {\n staticClass: \"chat-footer\"\n }, [_c(\"div\", {\n staticClass: \"input-area\"\n }, [_c(\"textarea\", {\n directives: [{\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.inputText,\n expression: \"inputText\"\n }],\n ref: \"taRef\",\n staticClass: \"chat-textarea\",\n attrs: {\n placeholder: \"输入消息，Enter 发送，Shift+Enter 换行\",\n disabled: _vm.sending\n },\n domProps: {\n value: _vm.inputText\n },\n on: {\n input: [function ($event) {\n if ($event.target.composing) return;\n _vm.inputText = $event.target.value;\n }, _vm.autoResizeTextarea],\n keydown: [function ($event) {\n if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n if ($event.ctrlKey || $event.shiftKey || $event.altKey || $event.metaKey) return null;\n $event.preventDefault();\n return _vm.sendMessage.apply(null, arguments);\n }, function ($event) {\n if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n if (!$event.shiftKey) return null;\n return _vm.newLine.apply(null, arguments);\n }]\n }\n }), _c(\"button\", {\n staticClass: \"send-btn\",\n class: {\n active: _vm.inputText.trim()\n },\n attrs: {\n disabled: _vm.sending || !_vm.inputText.trim()\n },\n on: {\n click: _vm.sendMessage\n }\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 24 24\",\n width: \"20\",\n height: \"20\",\n fill: \"currentColor\"\n }\n }, [_c(\"path\", {\n attrs: {\n d: \"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\n }\n })])]), _vm.sending ? _c(\"button\", {\n staticClass: \"stop-btn\",\n on: {\n click: _vm.stopAgent\n }\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 24 24\",\n width: \"18\",\n height: \"18\",\n fill: \"currentColor\"\n }\n }, [_c(\"rect\", {\n attrs: {\n x: \"6\",\n y: \"6\",\n width: \"12\",\n height: \"12\",\n rx: \"2\"\n }\n })])]) : _vm._e(), _vm.showDownBtn ? _c(\"div\", {\n staticClass: \"scroll-bottom-wrap\"\n }, [_c(\"div\", {\n staticClass: \"scroll-bottom-btn\",\n on: {\n click: function ($event) {\n return _vm.scrollToBottom(true);\n }\n }\n }, [_vm.sending ? _c(\"div\", {\n staticClass: \"loading-circle\"\n }) : _vm._e(), _c(\"i\", {\n staticClass: \"el-icon-arrow-down\"\n })])]) : _vm._e()])])])]);\n};\nvar staticRenderFns = exports.staticRenderFns = [function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"agent-title\"\n }, [_c(\"h2\", [_vm._v(\"选择智能助手开始对话\")])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"agent-text\"\n }, [_c(\"div\", {\n staticClass: \"agent-name\",\n staticStyle: {\n color: \"#bbb\"\n }\n }, [_vm._v(\"请选择助手\")])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"span\", {\n staticClass: \"dots\"\n }, [_c(\"span\"), _c(\"span\"), _c(\"span\")]);\n}];\nrender._withStripped = true;\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%224b66220e-vue-loader-template%22%7D!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
594
594
|
|
|
595
595
|
/***/ }),
|
|
596
596
|
|
|
@@ -602,7 +602,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n
|
|
|
602
602
|
/***/ (function(module, exports, __webpack_require__) {
|
|
603
603
|
|
|
604
604
|
"use strict";
|
|
605
|
-
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.staticRenderFns = exports.render = void 0;\nvar render = exports.render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"zjkf__root zjkf-body zjkf-scrollbar zjkf-common-e-ui\"\n }, [_c(\"div\", {\n ref: \"clientRef\",\n staticClass: \"zjkf__wrapper\",\n style: {\n \"z-index\": _vm.zIndex\n }\n }, [_c(\"transition\", {\n attrs: {\n name: \"zjkf-slide-in\"\n }\n }, [_c(\"chat-main\", {\n attrs: {\n title: _vm.title,\n Ak: _vm.Ak,\n Sk: _vm.Sk,\n imAccount: _vm.imAccount\n },\n on: {\n handle: _vm.toolbarClick\n }\n })], 1)], 1)]);\n};\nvar staticRenderFns = exports.staticRenderFns = [];\nrender._withStripped = true;\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/layout/main.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%224b66220e-vue-loader-template%22%7D!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
605
|
+
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.staticRenderFns = exports.render = void 0;\nvar render = exports.render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"zjkf__root zjkf-body zjkf-scrollbar zjkf-common-e-ui\"\n }, [_c(\"div\", {\n ref: \"clientRef\",\n staticClass: \"zjkf__wrapper\",\n style: {\n \"z-index\": _vm.zIndex\n }\n }, [_c(\"transition\", {\n attrs: {\n name: \"zjkf-slide-in\"\n }\n }, [_c(\"chat-main\", {\n attrs: {\n isIntelShow: _vm.isIntelShow,\n title: _vm.title,\n Ak: _vm.Ak,\n Sk: _vm.Sk,\n imAccount: _vm.imAccount\n },\n on: {\n handle: _vm.toolbarClick\n }\n })], 1)], 1)]);\n};\nvar staticRenderFns = exports.staticRenderFns = [];\nrender._withStripped = true;\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/layout/main.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%224b66220e-vue-loader-template%22%7D!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
606
606
|
|
|
607
607
|
/***/ }),
|
|
608
608
|
|
|
@@ -3701,7 +3701,7 @@ eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn th
|
|
|
3701
3701
|
/*! exports provided: name, version, main, private, scripts, dependencies, devDependencies, browserslist, directories, keywords, license, default */
|
|
3702
3702
|
/***/ (function(module) {
|
|
3703
3703
|
|
|
3704
|
-
eval("module.exports = JSON.parse(\"{\\\"name\\\":\\\"zj-plugin-intelligent\\\",\\\"version\\\":\\\"1.2.1-beta.
|
|
3704
|
+
eval("module.exports = JSON.parse(\"{\\\"name\\\":\\\"zj-plugin-intelligent\\\",\\\"version\\\":\\\"1.2.1-beta.4\\\",\\\"main\\\":\\\"lib/ZjPluginIntelligent.umd.min.js\\\",\\\"private\\\":false,\\\"scripts\\\":{\\\"serve\\\":\\\"vue-cli-service serve\\\",\\\"build\\\":\\\"vue-cli-service build\\\",\\\"lib\\\":\\\"vue-cli-service build --target lib --name ZjPluginIntelligent --dest lib src/lib/index.js\\\",\\\"lib:test\\\":\\\"vue-cli-service build --mode test --target lib --name ZjPluginIntelligent --dest lib src/lib/index.js\\\"},\\\"dependencies\\\":{\\\"html2canvas\\\":\\\"^1.4.1\\\",\\\"markdown-it\\\":\\\"^14.1.0\\\"},\\\"devDependencies\\\":{\\\"@babel/preset-env\\\":\\\"^7.14.9\\\",\\\"@vue/cli-plugin-babel\\\":\\\"~4.5.0\\\",\\\"@vue/cli-plugin-eslint\\\":\\\"^4.5.13\\\",\\\"@vue/cli-plugin-vuex\\\":\\\"~4.5.0\\\",\\\"@vue/cli-service\\\":\\\"~4.5.0\\\",\\\"axios\\\":\\\"^0.27.2\\\",\\\"babel-eslint\\\":\\\"^10.1.0\\\",\\\"babel-plugin-component\\\":\\\"^1.1.1\\\",\\\"compression-webpack-plugin\\\":\\\"^6.0.3\\\",\\\"core-js\\\":\\\"^3.6.5\\\",\\\"element-ui\\\":\\\"^2.15.4\\\",\\\"eslint\\\":\\\"^7.30.0\\\",\\\"eslint-plugin-vue\\\":\\\"^7.13.0\\\",\\\"js-cookie\\\":\\\"^2.2.1\\\",\\\"node-sass\\\":\\\"^4.12.0\\\",\\\"obs-upload\\\":\\\"^1.0.4-alpha.0\\\",\\\"reconnecting-websocket\\\":\\\"^4.4.0\\\",\\\"sass-loader\\\":\\\"^8.0.2\\\",\\\"snowflake-id\\\":\\\"^1.1.0\\\",\\\"vue\\\":\\\"^2.6.11\\\",\\\"vue-template-compiler\\\":\\\"^2.6.11\\\",\\\"vuex\\\":\\\"^3.4.0\\\",\\\"pako\\\":\\\"^2.1.0\\\",\\\"webpack-bundle-analyzer\\\":\\\"^4.4.2\\\"},\\\"browserslist\\\":[\\\"> 1%\\\",\\\"last 2 versions\\\",\\\"not dead\\\"],\\\"directories\\\":{\\\"lib\\\":\\\"lib\\\"},\\\"keywords\\\":[],\\\"license\\\":\\\"ISC\\\"}\");\n\n//# sourceURL=webpack://ZjPluginIntelligent/./package.json?");
|
|
3705
3705
|
|
|
3706
3706
|
/***/ }),
|
|
3707
3707
|
|
|
@@ -566,7 +566,7 @@ eval("/* WEBPACK VAR INJECTION */(function(global) {/*!\n * The buffer module fr
|
|
|
566
566
|
/***/ (function(module, exports, __webpack_require__) {
|
|
567
567
|
|
|
568
568
|
"use strict";
|
|
569
|
-
eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n__webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.array.push.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.constructor.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.filter.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.find.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.map.js\");\nvar _apichat = __webpack_require__(/*! @lib/api/apichat */ \"./src/lib/api/apichat.js\");\nvar _markdownIt = _interopRequireDefault(__webpack_require__(/*! markdown-it */ \"./node_modules/_markdown-it@14.1.0@markdown-it/index.mjs\"));\nvar _html2canvas = _interopRequireDefault(__webpack_require__(/*! html2canvas */ \"./node_modules/_html2canvas@1.4.1@html2canvas/dist/html2canvas.js\"));\nvar _cookie = __webpack_require__(/*! @lib/utils/cookie.js */ \"./src/lib/utils/cookie.js\");\nconst marked = new _markdownIt.default();\nvar _default = exports.default = {\n name: 'ChatMain',\n props: {\n Ak: {\n type: String,\n default: ''\n },\n Sk: {\n type: String,\n default: ''\n },\n imAccount: {\n type: String,\n default: ''\n },\n isShow: {\n default: false,\n type: Boolean\n }\n },\n data() {\n return {\n agentList: [],\n currentAgent: '',\n currentAgentDesc: '',\n sessionsLoaded: false,\n searchKeyword: '',\n agentSuggestions: [],\n showAgentSuggestions: false,\n sessionList: [],\n activeSessionId: '',\n messages: [],\n loadingMore: false,\n sending: false,\n waitTimer: null,\n waitSeconds: 0,\n canceling: false,\n msgPage: 1,\n msgMaxPage: 1,\n msgTotal: 0,\n inputText: '',\n eventSource: null,\n showToolInfo: false,\n showDownBtn: false,\n // 控制向下箭头显隐\n lastScrollTop: 0,\n scrollTimer: null,\n // 滚动防抖（新增）\n showAgentSelect: true,\n _scrollTimer: null\n };\n },\n created() {\n if (this.Ak || this.Sk) {\n (0, _apichat.setApiAuth)(this.Ak, this.Sk, this.imAccount);\n }\n this.loadAgents();\n this.loadSessions();\n },\n mounted() {},\n computed: {\n waitClass() {\n if (this.waitSeconds > 15) return 'wait-15';\n if (this.waitSeconds > 10) return 'wait-10';\n if (this.waitSeconds > 5) return 'wait-5';\n return '';\n },\n filteredSessions() {\n if (!this.searchKeyword) return this.sessionList;\n const kw = this.searchKeyword.toLowerCase();\n return this.sessionList.filter(s => {\n const name = (s.agentName || s.agentCode || '').toLowerCase();\n return name.includes(kw);\n });\n },\n currentAgentName() {\n if (!this.currentAgent) return '';\n const a = this.agentList.find(x => x.agentCode === this.currentAgent);\n return a ? a.agentName || a.agentCode : this.currentAgent;\n }\n },\n watch: {\n searchKeyword(val) {\n if (this.searchTimer) clearTimeout(this.searchTimer);\n if (!val.trim()) {\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n return;\n }\n this.searchTimer = setTimeout(() => {\n (0, _apichat.getChatAgents)(val.trim()).then(list => {\n this.agentSuggestions = list || [];\n this.showAgentSuggestions = this.agentSuggestions.length > 0;\n }).catch(() => {\n this.agentSuggestions = [];\n });\n }, 300);\n }\n // ak: {\n // handler(newVal) {\n // setApiAuth(newVal, this.sk)\n // },\n // immediate: true\n // },\n // sk: {\n // handler(newVal) {\n // setApiAuth(this.ak, newVal)\n // },\n // immediate: true\n // }\n },\n methods: {\n // 获取右侧头像样式（根据当前智能体在左侧列表中的位置决定颜色）\n getChatAvatarStyle(agent) {\n const _agent = this.agentList.find(x => x.agentCode === agent);\n // 如果有网络图片，返回背景图样式\n if (agent.avatar) {\n return {\n backgroundImage: `url(${agent.avatar})`,\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat'\n };\n }\n\n // 没有网络图片时，根据智能体在 agentList 中的索引位置决定颜色\n if (this.sessionList) {\n // 找到当前智能体在列表中的索引\n const index = this.sessionList.findIndex(item => item.agentCode === agent);\n console.log(index, 'indexindexindexindex');\n if (index !== -1) {\n // 根据索引计算颜色类（4色循环）\n const colorIndex = index % 4 + 1;\n return {\n background: this.getGradientByColorIndex(colorIndex)\n };\n }\n }\n\n // 默认返回蓝色渐变\n return {\n background: 'linear-gradient(135deg, #1677ff, #4096ff)'\n };\n },\n // 根据颜色索引获取对应的渐变色\n getGradientByColorIndex(index) {\n const gradients = {\n 1: 'linear-gradient(135deg, #1677ff, #4096ff)',\n 2: 'linear-gradient(135deg, #52c41a, #73d13d)',\n 3: 'linear-gradient(135deg, #fa8c16, #ffa940)',\n 4: 'linear-gradient(135deg, #722ed1, #b37feb)'\n };\n return gradients[index] || gradients[1];\n },\n selectAgent(agentItem) {\n this.showAgentSelect = false;\n this.currentAgent = agentItem.agentCode;\n this.currentAgentName = agentItem.agentName;\n // 查找历史会话\n const existSession = this.sessionList.find(s => s.agentCode === agentItem.agentCode);\n if (existSession) {\n this.activeSessionId = existSession.id;\n this.switchSession(existSession);\n } else {\n this.createNewSession(agentItem.agentCode);\n }\n },\n createNewSession(agentCode) {\n // 你原有新建会话逻辑\n },\n // 检测是否滚动到底部，控制向下箭头显示隐藏\n checkScrollBottom(forceShowWhenNotBottom = false) {\n const el = this.$refs.messagesRef;\n if (!el) {\n this.showDownBtn = false;\n return;\n }\n const {\n scrollHeight,\n scrollTop,\n clientHeight\n } = el;\n const remain = scrollHeight - scrollTop - clientHeight;\n const atBottom = remain <= 80;\n if (atBottom) {\n this.showDownBtn = false;\n } else if (this.sending && scrollTop >= this.lastScrollTop && !forceShowWhenNotBottom) {\n // 发送AI回答时，如果用户没有主动向上滚动，就不要显示下箭头闪烁\n this.showDownBtn = false;\n } else {\n this.showDownBtn = true;\n }\n this.lastScrollTop = scrollTop;\n },\n // 固定最小高度：单行不撑开，超出才增高\n autoResizeTextarea() {\n const ta = this.$refs.taRef;\n if (!ta) return;\n // 基准单行高度\n const baseH = 32;\n ta.style.height = `${baseH}px`;\n // 内容真实高度\n const realH = ta.scrollHeight;\n // 只有内容高度>基准才撑开，否则保持初始高度\n if (realH > baseH) {\n ta.style.height = `${Math.min(realH, 180)}px`;\n }\n this.$nextTick(() => {\n this.checkScrollBottom(true);\n });\n },\n // Shift+Enter换行\n newLine() {\n const ta = this.$refs.taRef;\n const start = ta.selectionStart;\n const end = ta.selectionEnd;\n this.inputText = this.inputText.slice(0, start) + '\\n' + this.inputText.slice(end);\n this.$nextTick(() => {\n ta.selectionStart = ta.selectionEnd = start + 1;\n this.autoResizeTextarea();\n });\n },\n clearWaitTimer() {\n if (this.waitTimer) {\n clearInterval(this.waitTimer);\n this.waitTimer = null;\n }\n },\n loadAgents() {\n (0, _apichat.getChatAgents)().then(list => {\n this.agentList = list || [];\n // if (this.agentList.length > 0 && !this.currentAgent) {\n // const first = this.agentList[0]\n // this.currentAgent = first.agentCode\n // this.currentAgentDesc = first.description || ''\n // }\n }).catch(() => {});\n },\n loadSessions() {\n (0, _apichat.getSessionList)().then(list => {\n if (!this.activeSessionId) {\n this.sessionList = list || [];\n if (this.sessionList.length > 0) {\n this.switchSession(this.sessionList[0]);\n }\n if (this.sessionList.length === 0) {\n this.showAgentSelect = true;\n }\n } else {\n this.sessionList = list || [];\n }\n }).catch(() => {});\n },\n onSearchClear() {\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n },\n startChatWithAgent(agent) {\n console.log('选择了助手', agent.agentCode, this.currentAgent);\n if (agent.agentCode == this.currentAgent) {\n this.searchKeyword = '';\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n return;\n }\n this.currentAgent = agent.agentCode;\n this.currentAgentDesc = agent.description || '';\n this.searchKeyword = '';\n this.agentSuggestions = [];\n this.messages = [];\n this.showAgentSuggestions = false;\n this.showAgentSelect = false;\n const existing = this.sessionList.find(s => s.agentCode === agent.agentCode);\n if (existing) {\n this.switchSession(existing);\n } else {\n this.handleNewSession();\n }\n },\n handleNewSession() {\n if (!this.currentAgent) return;\n if (this.activeSessionId) this.closeOldSession();\n (0, _apichat.startSession)(this.currentAgent).then(res => {\n this.activeSessionId = res.sessionId || '';\n this.loadSessions();\n const agent = this.agentList.find(a => a.agentCode === this.currentAgent);\n if (agent) this.addWelcomeMessage(agent);\n }).catch(() => {});\n },\n async switchSession(s) {\n if (this.sending) {\n this.$message.warning('AI正在生成内容，暂时请不要切换对话');\n return;\n }\n this.showAgentSelect = false;\n if (this.activeSessionId === s.sessionId) return;\n this.activeSessionId = s.sessionId;\n this.currentAgent = s.agentCode;\n const agent = this.agentList.find(a => a.agentCode === s.agentCode);\n this.currentAgentDesc = agent ? agent.description || '' : '';\n this.msgPage = 1;\n this.msgTotal = 0;\n (0, _apichat.syncToken)((0, _cookie.getToken)(), s.sessionId);\n try {\n const res = await (0, _apichat.getSessionMessages)(s.sessionId, 1, 10);\n const list = Array.isArray(res) ? res : res.list || [];\n this.msgTotal = res.total || list.length;\n this.msgPage = 1;\n const asAsc = (list || []).slice().reverse();\n this.messages = asAsc.map(m => ({\n role: m.role,\n content: m.content || '',\n thinking: m.thinking || '',\n toolCalls: [],\n agentName: m.role === 'assistant' ? s.agentName || '' : '',\n createTime: m.createTime || null,\n _key: m.createTime ? 'msg_' + m.createTime : 'msg_' + Date.now() + '_' + Math.random()\n }));\n if (this.messages.length === 0 && agent) this.addWelcomeMessage(agent);\n await this.$nextTick();\n this.$nextTick(() => {\n this.scrollToBottomOnce();\n this.checkScrollBottom();\n });\n } catch (e) {\n this.messages = [];\n }\n },\n loadMoreMessages() {\n const nextPage = this.msgPage + 1;\n const maxPage = Math.ceil(this.msgTotal / 10);\n if (nextPage > maxPage) {\n this.loadingMore = false;\n return;\n }\n (0, _apichat.getSessionMessages)(this.activeSessionId, nextPage, 10).then(res => {\n const list = Array.isArray(res) ? res : res.list || [];\n this.msgPage = nextPage;\n const asAsc = (list || []).slice().reverse();\n const prepend = asAsc.map(m => ({\n role: m.role,\n content: m.content || '',\n thinking: m.thinking || '',\n toolCalls: [],\n agentName: '',\n createTime: m.createTime || null,\n _key: m.createTime ? 'msg_' + m.createTime : 'msg_' + Date.now() + '_' + Math.random()\n }));\n const container = this.$refs.messagesRef;\n const oldScrollHeight = container ? container.scrollHeight : 0;\n const oldScrollTop = container ? container.scrollTop : 0;\n this.messages = [...prepend, ...this.messages];\n this.$nextTick(() => {\n if (container) {\n container.scrollTop = oldScrollTop + (container.scrollHeight - oldScrollHeight);\n }\n this.loadingMore = false;\n });\n }).catch(() => {\n this.loadingMore = false;\n });\n },\n onScrollMessages() {\n const container = this.$refs.messagesRef;\n if (!container || this.loadingMore) return;\n const isAtBottom = container.scrollTop + container.clientHeight >= container.scrollHeight - 100;\n this.checkScrollBottom();\n if (isAtBottom) return;\n if (container.scrollTop < 50 && this.msgPage < Math.ceil(this.msgTotal / 10)) {\n this.loadingMore = true;\n this.loadMoreMessages();\n }\n },\n handleDeleteSession(s) {\n this.$confirm(`确认删除「${s.agentName || s.agentCode}」的会话？`, '提示', {\n type: 'warning'\n }).then(() => {\n (0, _apichat.deleteSession)(s.sessionId).then(() => {\n if (this.activeSessionId === s.sessionId) {\n this.activeSessionId = '';\n this.messages = [];\n this.showAgentSelect = true;\n this.currentAgent = '';\n this.currentAgentDesc = '';\n }\n this.loadSessions();\n });\n }).catch(() => {});\n },\n closeOldSession() {},\n onAgentChange(code) {\n const agent = this.agentList.find(a => a.agentCode === code);\n this.currentAgentDesc = agent ? agent.description || '' : '';\n this.handleNewSession();\n },\n addWelcomeMessage(agent) {\n if (!agent) return;\n const name = agent.agentName || '助手';\n const _agent = this.agentList.find(x => x.agentCode === this.currentAgent);\n let _content = _agent.greeting || `你好！我是 **${name}**，有什么可以帮你的吗？`;\n this.messages.push({\n role: 'assistant',\n content: _content,\n thinking: '',\n agentName: name,\n _key: 'welcome_' + Date.now()\n });\n },\n async sendMessage() {\n const text = this.inputText.trim();\n if (!text || this.sending) return;\n if (!this.activeSessionId) {\n await (0, _apichat.startSession)(this.currentAgent).then(res => {\n this.activeSessionId = res.sessionId || '';\n this.loadSessions();\n });\n if (!this.activeSessionId) return;\n }\n this.inputText = '';\n const ta = this.$refs.taRef;\n if (ta) {\n ta.style.height = '32px'; // 强制恢复初始高度\n }\n this.showDownBtn = false;\n this.messages.push({\n role: 'user',\n content: text,\n createTime: new Date().toISOString(),\n _key: 'user_' + Date.now() + '_' + Math.random()\n });\n const agentName = this.currentAgentName;\n const msgIdx = this.messages.push({\n role: 'assistant',\n content: '',\n thinking: '',\n loading: true,\n toolCalls: [],\n agentName,\n createTime: new Date().toISOString(),\n _key: 'asst_' + Date.now() + '_' + Math.random()\n }) - 1;\n this.scrollToBottom(true);\n this.sending = true;\n this.waitSeconds = 0;\n if (this.waitTimer) clearInterval(this.waitTimer);\n this.waitTimer = setInterval(() => {\n this.waitSeconds++;\n }, 1000);\n let thinkingBuffer = '';\n let finalContent = '';\n let answerBuffer = '';\n let thinkDisplayed = 0;\n let typeTimer = null;\n typeTimer = setInterval(() => {\n if (!this.messages[msgIdx]) return;\n if (thinkDisplayed < thinkingBuffer.length) {\n thinkDisplayed += 50;\n if (thinkDisplayed > thinkingBuffer.length) thinkDisplayed = thinkingBuffer.length;\n this.messages[msgIdx].thinking = thinkingBuffer.substring(0, thinkDisplayed);\n this.scrollToBottom();\n } else if (finalContent && !this.messages[msgIdx].content) {\n clearInterval(typeTimer);\n typeTimer = null;\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n this.sending = false;\n this.clearWaitTimer();\n this.scrollToBottom();\n this.loadSessions();\n }\n }, 30);\n const url = (0, _apichat.createStreamUrl)(this.activeSessionId, text);\n if (this.eventSource) {\n this.eventSource.close();\n }\n this.eventSource = new EventSource(url);\n const es = this.eventSource;\n es.addEventListener('reasoning', e => {\n if (e.data) {\n const clean = e.data.replace(/([a-zA-Z]+)([\\u4e00-\\u9fff])/g, '$1 $2').replace(/([\\u4e00-\\u9fff])([a-zA-Z]+)/g, '$1 $2');\n thinkingBuffer += clean;\n }\n });\n es.addEventListener('reasoning_result', e => {\n if (e.data) {\n thinkingBuffer = e.data;\n }\n });\n es.addEventListener('answer', e => {\n if (e.data) {\n answerBuffer += e.data;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content += e.data;\n this.scrollToBottom();\n }\n }\n });\n es.addEventListener('tool_result', e => {\n if (e.data && this.messages[msgIdx]) {\n if (!this.messages[msgIdx].toolCalls) this.messages[msgIdx].toolCalls = [];\n this.messages[msgIdx].toolCalls.push(e.data);\n this.scrollToBottom();\n }\n });\n es.addEventListener('agent_result', e => {\n finalContent = e.data || '';\n es.close();\n this.eventSource = null;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n }\n this.sending = false;\n this.clearWaitTimer();\n if (typeTimer) {\n clearInterval(typeTimer);\n typeTimer = null;\n }\n this.scrollToBottom();\n this.loadSessions();\n });\n es.onerror = err => {\n console.log('[SSE] onerror', err);\n if (thinkingBuffer.length > 0 && !finalContent) finalContent = thinkingBuffer;\n if (!finalContent) finalContent = '❌ 连接中断';\n es.close();\n this.eventSource = null;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n }\n this.sending = false;\n this.clearWaitTimer();\n if (typeTimer) {\n clearInterval(typeTimer);\n typeTimer = null;\n }\n this.scrollToBottom();\n };\n },\n stopAgent() {\n if (this.eventSource) {\n this.eventSource.close();\n this.eventSource = null;\n }\n if (this.activeSessionId) {\n (0, _apichat.stopStream)(this.activeSessionId).catch(() => {});\n }\n if (this.messages.length > 0) {\n const last = this.messages[this.messages.length - 1];\n if (last && last.loading) {\n last.content = last.content || last.thinking || '⏹ 已停止';\n last.loading = false;\n }\n }\n this.sending = false;\n this.clearWaitTimer();\n },\n copyText(content) {\n if (!content) return;\n navigator.clipboard.writeText(content.replace(/<[^>]+>/g, '')).then(() => {\n this.$message({\n message: '已复制到剪贴板',\n type: 'success',\n duration: 1500\n });\n }).catch(() => {\n this.$message({\n message: '复制失败',\n type: 'error',\n duration: 2000\n });\n });\n },\n copyAsImage(content) {\n if (!content) return;\n // 创建临时容器渲染 Markdown\n const div = document.createElement('div');\n div.className = 'copy-image-render';\n div.style.cssText = 'position:fixed;left:-9999px;top:0;width:600px;padding:20px;background:#fff;font-size:14px;line-height:1.6;color:#333;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;';\n div.innerHTML = this.renderMarkdown(content);\n document.body.appendChild(div);\n this.$message({\n message: '正在生成图片...',\n type: 'info',\n duration: 2000\n });\n (0, _html2canvas.default)(div, {\n scale: 2,\n useCORS: true,\n backgroundColor: '#ffffff'\n }).then(canvas => {\n canvas.toBlob(blob => {\n if (blob) {\n navigator.clipboard.write([new ClipboardItem({\n 'image/png': blob\n })]).then(() => {\n this.$message({\n message: '图片已复制到剪贴板',\n type: 'success',\n duration: 1500\n });\n }).catch(() => {\n this.$message({\n message: '复制图片失败',\n type: 'error',\n duration: 2000\n });\n });\n }\n }, 'image/png');\n }).catch(() => {\n this.$message({\n message: '生成图片失败',\n type: 'error',\n duration: 2000\n });\n }).finally(() => {\n document.body.removeChild(div);\n });\n },\n formatTime(t) {\n if (!t) return '';\n const d = new Date(t.replace(' ', 'T'));\n const now = new Date();\n const diff = (now - d) / 1000;\n if (diff < 60) return '刚刚';\n if (diff < 3600) return Math.floor(diff / 60) + '分钟前';\n if (diff < 86400) return Math.floor(diff / 3600) + '小时前';\n return d.getMonth() + 1 + '/' + d.getDate();\n },\n getInitial(name) {\n if (!name) return '?';\n return name.charAt(0);\n },\n renderMarkdown(text) {\n if (!text) return '';\n try {\n return marked.render(text);\n } catch {\n return text;\n }\n },\n scrollToTop() {\n const el = this.$refs.messagesRef;\n if (el) el.scrollTop = 0;\n },\n scrollToBottom(force = false) {\n if (this.showDownBtn && !force) return;\n this.$nextTick(() => {\n const el = this.$refs.messagesRef;\n if (el) {\n el.scrollTop = el.scrollHeight;\n this.lastScrollTop = el.scrollTop;\n this.showDownBtn = false; // 滚动到底部后立刻隐藏箭头\n }\n });\n },\n scrollToBottomOnce() {\n // 清理旧定时器，防止任何泄漏\n clearTimeout(this._scrollTimer);\n this.$nextTick(() => {\n let retry = 0;\n const maxRetry = 6; // 重试6次，足够覆盖所有渲染延迟\n\n const tryScroll = () => {\n var _this$$refs;\n const el = (_this$$refs = this.$refs) === null || _this$$refs === void 0 ? void 0 : _this$$refs.messagesRef;\n if (!el) {\n this._scrollTimer = setTimeout(tryScroll, 50);\n return;\n }\n\n // 临时禁用平滑滚动，立即跳到底部\n const originalScrollBehavior = el.style.scrollBehavior;\n el.style.scrollBehavior = 'auto';\n el.scrollTop = el.scrollHeight - el.clientHeight;\n el.style.scrollBehavior = originalScrollBehavior;\n this.showDownBtn = false;\n };\n tryScroll();\n });\n }\n },\n beforeDestroy() {\n clearTimeout(this._scrollTimer);\n }\n};\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
569
|
+
eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n__webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.array.push.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.constructor.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.filter.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.find.js\");\n__webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/_core-js@3.45.1@core-js/modules/es.iterator.map.js\");\nvar _apichat = __webpack_require__(/*! @lib/api/apichat */ \"./src/lib/api/apichat.js\");\nvar _markdownIt = _interopRequireDefault(__webpack_require__(/*! markdown-it */ \"./node_modules/_markdown-it@14.1.0@markdown-it/index.mjs\"));\nvar _html2canvas = _interopRequireDefault(__webpack_require__(/*! html2canvas */ \"./node_modules/_html2canvas@1.4.1@html2canvas/dist/html2canvas.js\"));\nvar _cookie = __webpack_require__(/*! @lib/utils/cookie.js */ \"./src/lib/utils/cookie.js\");\nconst marked = new _markdownIt.default();\nvar _default = exports.default = {\n name: 'ChatMain',\n props: {\n Ak: {\n type: String,\n default: ''\n },\n Sk: {\n type: String,\n default: ''\n },\n imAccount: {\n type: String,\n default: ''\n },\n isIntelShow: {\n default: false,\n type: Boolean\n }\n },\n data() {\n return {\n agentList: [],\n currentAgent: '',\n currentAgentDesc: '',\n sessionsLoaded: false,\n searchKeyword: '',\n agentSuggestions: [],\n showAgentSuggestions: false,\n sessionList: [],\n activeSessionId: '',\n messages: [],\n loadingMore: false,\n sending: false,\n waitTimer: null,\n waitSeconds: 0,\n canceling: false,\n msgPage: 1,\n msgMaxPage: 1,\n msgTotal: 0,\n inputText: '',\n eventSource: null,\n showToolInfo: false,\n showDownBtn: false,\n // 控制向下箭头显隐\n lastScrollTop: 0,\n scrollTimer: null,\n // 滚动防抖（新增）\n showAgentSelect: true,\n _scrollTimer: null\n };\n },\n created() {\n if (this.Ak || this.Sk) {\n (0, _apichat.setApiAuth)(this.Ak, this.Sk, this.imAccount);\n }\n this.loadAgents();\n this.loadSessions();\n },\n mounted() {},\n computed: {\n waitClass() {\n if (this.waitSeconds > 15) return 'wait-15';\n if (this.waitSeconds > 10) return 'wait-10';\n if (this.waitSeconds > 5) return 'wait-5';\n return '';\n },\n filteredSessions() {\n if (!this.searchKeyword) return this.sessionList;\n const kw = this.searchKeyword.toLowerCase();\n return this.sessionList.filter(s => {\n const name = (s.agentName || s.agentCode || '').toLowerCase();\n return name.includes(kw);\n });\n },\n currentAgentName() {\n if (!this.currentAgent) return '';\n const a = this.agentList.find(x => x.agentCode === this.currentAgent);\n return a ? a.agentName || a.agentCode : this.currentAgent;\n }\n },\n watch: {\n searchKeyword(val) {\n if (this.searchTimer) clearTimeout(this.searchTimer);\n if (!val.trim()) {\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n return;\n }\n this.searchTimer = setTimeout(() => {\n (0, _apichat.getChatAgents)(val.trim()).then(list => {\n this.agentSuggestions = list || [];\n this.showAgentSuggestions = this.agentSuggestions.length > 0;\n }).catch(() => {\n this.agentSuggestions = [];\n });\n }, 300);\n }\n // ak: {\n // handler(newVal) {\n // setApiAuth(newVal, this.sk)\n // },\n // immediate: true\n // },\n // sk: {\n // handler(newVal) {\n // setApiAuth(this.ak, newVal)\n // },\n // immediate: true\n // }\n },\n methods: {\n // 获取右侧头像样式（根据当前智能体在左侧列表中的位置决定颜色）\n getChatAvatarStyle(agent) {\n const _agent = this.agentList.find(x => x.agentCode === agent);\n // 如果有网络图片，返回背景图样式\n if (agent.avatar) {\n return {\n backgroundImage: `url(${agent.avatar})`,\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat'\n };\n }\n\n // 没有网络图片时，根据智能体在 agentList 中的索引位置决定颜色\n if (this.sessionList) {\n // 找到当前智能体在列表中的索引\n const index = this.sessionList.findIndex(item => item.agentCode === agent);\n console.log(index, 'indexindexindexindex');\n if (index !== -1) {\n // 根据索引计算颜色类（4色循环）\n const colorIndex = index % 4 + 1;\n return {\n background: this.getGradientByColorIndex(colorIndex)\n };\n }\n }\n\n // 默认返回蓝色渐变\n return {\n background: 'linear-gradient(135deg, #1677ff, #4096ff)'\n };\n },\n // 根据颜色索引获取对应的渐变色\n getGradientByColorIndex(index) {\n const gradients = {\n 1: 'linear-gradient(135deg, #1677ff, #4096ff)',\n 2: 'linear-gradient(135deg, #52c41a, #73d13d)',\n 3: 'linear-gradient(135deg, #fa8c16, #ffa940)',\n 4: 'linear-gradient(135deg, #722ed1, #b37feb)'\n };\n return gradients[index] || gradients[1];\n },\n selectAgent(agentItem) {\n this.showAgentSelect = false;\n this.currentAgent = agentItem.agentCode;\n this.currentAgentName = agentItem.agentName;\n // 查找历史会话\n const existSession = this.sessionList.find(s => s.agentCode === agentItem.agentCode);\n if (existSession) {\n this.activeSessionId = existSession.id;\n this.switchSession(existSession);\n } else {\n this.createNewSession(agentItem.agentCode);\n }\n },\n createNewSession(agentCode) {\n // 你原有新建会话逻辑\n },\n // 检测是否滚动到底部，控制向下箭头显示隐藏\n checkScrollBottom(forceShowWhenNotBottom = false) {\n const el = this.$refs.messagesRef;\n if (!el) {\n this.showDownBtn = false;\n return;\n }\n const {\n scrollHeight,\n scrollTop,\n clientHeight\n } = el;\n const remain = scrollHeight - scrollTop - clientHeight;\n const atBottom = remain <= 80;\n if (atBottom) {\n this.showDownBtn = false;\n } else if (this.sending && scrollTop >= this.lastScrollTop && !forceShowWhenNotBottom) {\n // 发送AI回答时，如果用户没有主动向上滚动，就不要显示下箭头闪烁\n this.showDownBtn = false;\n } else {\n this.showDownBtn = true;\n }\n this.lastScrollTop = scrollTop;\n },\n // 固定最小高度：单行不撑开，超出才增高\n autoResizeTextarea() {\n const ta = this.$refs.taRef;\n if (!ta) return;\n // 基准单行高度\n const baseH = 32;\n ta.style.height = `${baseH}px`;\n // 内容真实高度\n const realH = ta.scrollHeight;\n // 只有内容高度>基准才撑开，否则保持初始高度\n if (realH > baseH) {\n ta.style.height = `${Math.min(realH, 180)}px`;\n }\n this.$nextTick(() => {\n this.checkScrollBottom(true);\n });\n },\n // Shift+Enter换行\n newLine() {\n const ta = this.$refs.taRef;\n const start = ta.selectionStart;\n const end = ta.selectionEnd;\n this.inputText = this.inputText.slice(0, start) + '\\n' + this.inputText.slice(end);\n this.$nextTick(() => {\n ta.selectionStart = ta.selectionEnd = start + 1;\n this.autoResizeTextarea();\n });\n },\n clearWaitTimer() {\n if (this.waitTimer) {\n clearInterval(this.waitTimer);\n this.waitTimer = null;\n }\n },\n loadAgents() {\n (0, _apichat.getChatAgents)().then(list => {\n this.agentList = list || [];\n // if (this.agentList.length > 0 && !this.currentAgent) {\n // const first = this.agentList[0]\n // this.currentAgent = first.agentCode\n // this.currentAgentDesc = first.description || ''\n // }\n }).catch(() => {});\n },\n loadSessions() {\n (0, _apichat.getSessionList)().then(list => {\n if (!this.activeSessionId) {\n this.sessionList = list || [];\n if (this.sessionList.length > 0) {\n this.switchSession(this.sessionList[0]);\n }\n if (this.sessionList.length === 0) {\n this.showAgentSelect = true;\n }\n } else {\n this.sessionList = list || [];\n }\n }).catch(() => {});\n },\n onSearchClear() {\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n },\n startChatWithAgent(agent) {\n console.log('选择了助手', agent.agentCode, this.currentAgent);\n if (agent.agentCode == this.currentAgent) {\n this.searchKeyword = '';\n this.agentSuggestions = [];\n this.showAgentSuggestions = false;\n return;\n }\n this.currentAgent = agent.agentCode;\n this.currentAgentDesc = agent.description || '';\n this.searchKeyword = '';\n this.agentSuggestions = [];\n this.messages = [];\n this.showAgentSuggestions = false;\n this.showAgentSelect = false;\n const existing = this.sessionList.find(s => s.agentCode === agent.agentCode);\n if (existing) {\n this.switchSession(existing);\n } else {\n this.handleNewSession();\n }\n },\n handleNewSession() {\n if (!this.currentAgent) return;\n if (this.activeSessionId) this.closeOldSession();\n (0, _apichat.startSession)(this.currentAgent).then(res => {\n this.activeSessionId = res.sessionId || '';\n this.loadSessions();\n const agent = this.agentList.find(a => a.agentCode === this.currentAgent);\n if (agent) this.addWelcomeMessage(agent);\n }).catch(() => {});\n },\n async switchSession(s) {\n if (this.sending) {\n this.$message.warning('AI正在生成内容，暂时请不要切换对话');\n return;\n }\n this.showAgentSelect = false;\n if (this.activeSessionId === s.sessionId) return;\n this.activeSessionId = s.sessionId;\n this.currentAgent = s.agentCode;\n const agent = this.agentList.find(a => a.agentCode === s.agentCode);\n this.currentAgentDesc = agent ? agent.description || '' : '';\n this.msgPage = 1;\n this.msgTotal = 0;\n (0, _apichat.syncToken)((0, _cookie.getToken)(), s.sessionId);\n try {\n const res = await (0, _apichat.getSessionMessages)(s.sessionId, 1, 10);\n const list = Array.isArray(res) ? res : res.list || [];\n this.msgTotal = res.total || list.length;\n this.msgPage = 1;\n const asAsc = (list || []).slice().reverse();\n this.messages = asAsc.map(m => ({\n role: m.role,\n content: m.content || '',\n thinking: m.thinking || '',\n toolCalls: [],\n agentName: m.role === 'assistant' ? s.agentName || '' : '',\n createTime: m.createTime || null,\n _key: m.createTime ? 'msg_' + m.createTime : 'msg_' + Date.now() + '_' + Math.random()\n }));\n if (this.messages.length === 0 && agent) this.addWelcomeMessage(agent);\n await this.$nextTick();\n this.$nextTick(() => {\n this.scrollToBottomOnce();\n this.checkScrollBottom();\n });\n } catch (e) {\n this.messages = [];\n }\n },\n loadMoreMessages() {\n const nextPage = this.msgPage + 1;\n const maxPage = Math.ceil(this.msgTotal / 10);\n if (nextPage > maxPage) {\n this.loadingMore = false;\n return;\n }\n (0, _apichat.getSessionMessages)(this.activeSessionId, nextPage, 10).then(res => {\n const list = Array.isArray(res) ? res : res.list || [];\n this.msgPage = nextPage;\n const asAsc = (list || []).slice().reverse();\n const prepend = asAsc.map(m => ({\n role: m.role,\n content: m.content || '',\n thinking: m.thinking || '',\n toolCalls: [],\n agentName: '',\n createTime: m.createTime || null,\n _key: m.createTime ? 'msg_' + m.createTime : 'msg_' + Date.now() + '_' + Math.random()\n }));\n const container = this.$refs.messagesRef;\n const oldScrollHeight = container ? container.scrollHeight : 0;\n const oldScrollTop = container ? container.scrollTop : 0;\n this.messages = [...prepend, ...this.messages];\n this.$nextTick(() => {\n if (container) {\n container.scrollTop = oldScrollTop + (container.scrollHeight - oldScrollHeight);\n }\n this.loadingMore = false;\n });\n }).catch(() => {\n this.loadingMore = false;\n });\n },\n onScrollMessages() {\n const container = this.$refs.messagesRef;\n if (!container || this.loadingMore) return;\n const isAtBottom = container.scrollTop + container.clientHeight >= container.scrollHeight - 100;\n this.checkScrollBottom();\n if (isAtBottom) return;\n if (container.scrollTop < 50 && this.msgPage < Math.ceil(this.msgTotal / 10)) {\n this.loadingMore = true;\n this.loadMoreMessages();\n }\n },\n handleDeleteSession(s) {\n this.$confirm(`确认删除「${s.agentName || s.agentCode}」的会话？`, '提示', {\n type: 'warning'\n }).then(() => {\n (0, _apichat.deleteSession)(s.sessionId).then(() => {\n if (this.activeSessionId === s.sessionId) {\n this.activeSessionId = '';\n this.messages = [];\n this.showAgentSelect = true;\n this.currentAgent = '';\n this.currentAgentDesc = '';\n }\n this.loadSessions();\n });\n }).catch(() => {});\n },\n closeOldSession() {},\n onAgentChange(code) {\n const agent = this.agentList.find(a => a.agentCode === code);\n this.currentAgentDesc = agent ? agent.description || '' : '';\n this.handleNewSession();\n },\n addWelcomeMessage(agent) {\n if (!agent) return;\n const name = agent.agentName || '助手';\n const _agent = this.agentList.find(x => x.agentCode === this.currentAgent);\n let _content = _agent.greeting || `你好！我是 **${name}**，有什么可以帮你的吗？`;\n this.messages.push({\n role: 'assistant',\n content: _content,\n thinking: '',\n agentName: name,\n _key: 'welcome_' + Date.now()\n });\n },\n async sendMessage() {\n const text = this.inputText.trim();\n if (!text || this.sending) return;\n if (!this.activeSessionId) {\n await (0, _apichat.startSession)(this.currentAgent).then(res => {\n this.activeSessionId = res.sessionId || '';\n this.loadSessions();\n });\n if (!this.activeSessionId) return;\n }\n this.inputText = '';\n const ta = this.$refs.taRef;\n if (ta) {\n ta.style.height = '32px'; // 强制恢复初始高度\n }\n this.showDownBtn = false;\n this.messages.push({\n role: 'user',\n content: text,\n createTime: new Date().toISOString(),\n _key: 'user_' + Date.now() + '_' + Math.random()\n });\n const agentName = this.currentAgentName;\n const msgIdx = this.messages.push({\n role: 'assistant',\n content: '',\n thinking: '',\n loading: true,\n toolCalls: [],\n agentName,\n createTime: new Date().toISOString(),\n _key: 'asst_' + Date.now() + '_' + Math.random()\n }) - 1;\n this.scrollToBottom(true);\n this.sending = true;\n this.waitSeconds = 0;\n if (this.waitTimer) clearInterval(this.waitTimer);\n this.waitTimer = setInterval(() => {\n this.waitSeconds++;\n }, 1000);\n let thinkingBuffer = '';\n let finalContent = '';\n let answerBuffer = '';\n let thinkDisplayed = 0;\n let typeTimer = null;\n typeTimer = setInterval(() => {\n if (!this.messages[msgIdx]) return;\n if (thinkDisplayed < thinkingBuffer.length) {\n thinkDisplayed += 50;\n if (thinkDisplayed > thinkingBuffer.length) thinkDisplayed = thinkingBuffer.length;\n this.messages[msgIdx].thinking = thinkingBuffer.substring(0, thinkDisplayed);\n this.scrollToBottom();\n } else if (finalContent && !this.messages[msgIdx].content) {\n clearInterval(typeTimer);\n typeTimer = null;\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n this.sending = false;\n this.clearWaitTimer();\n this.scrollToBottom();\n this.loadSessions();\n }\n }, 30);\n const url = (0, _apichat.createStreamUrl)(this.activeSessionId, text);\n if (this.eventSource) {\n this.eventSource.close();\n }\n this.eventSource = new EventSource(url);\n const es = this.eventSource;\n es.addEventListener('reasoning', e => {\n if (e.data) {\n const clean = e.data.replace(/([a-zA-Z]+)([\\u4e00-\\u9fff])/g, '$1 $2').replace(/([\\u4e00-\\u9fff])([a-zA-Z]+)/g, '$1 $2');\n thinkingBuffer += clean;\n }\n });\n es.addEventListener('reasoning_result', e => {\n if (e.data) {\n thinkingBuffer = e.data;\n }\n });\n es.addEventListener('answer', e => {\n if (e.data) {\n answerBuffer += e.data;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content += e.data;\n this.scrollToBottom();\n }\n }\n });\n es.addEventListener('tool_result', e => {\n if (e.data && this.messages[msgIdx]) {\n if (!this.messages[msgIdx].toolCalls) this.messages[msgIdx].toolCalls = [];\n this.messages[msgIdx].toolCalls.push(e.data);\n this.scrollToBottom();\n }\n });\n es.addEventListener('agent_result', e => {\n finalContent = e.data || '';\n es.close();\n this.eventSource = null;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n }\n this.sending = false;\n this.clearWaitTimer();\n if (typeTimer) {\n clearInterval(typeTimer);\n typeTimer = null;\n }\n this.scrollToBottom();\n this.loadSessions();\n });\n es.onerror = err => {\n console.log('[SSE] onerror', err);\n if (thinkingBuffer.length > 0 && !finalContent) finalContent = thinkingBuffer;\n if (!finalContent) finalContent = '❌ 连接中断';\n es.close();\n this.eventSource = null;\n if (this.messages[msgIdx]) {\n this.messages[msgIdx].content = finalContent;\n this.messages[msgIdx].thinking = thinkingBuffer;\n this.messages[msgIdx].loading = false;\n }\n this.sending = false;\n this.clearWaitTimer();\n if (typeTimer) {\n clearInterval(typeTimer);\n typeTimer = null;\n }\n this.scrollToBottom();\n };\n },\n stopAgent() {\n if (this.eventSource) {\n this.eventSource.close();\n this.eventSource = null;\n }\n if (this.activeSessionId) {\n (0, _apichat.stopStream)(this.activeSessionId).catch(() => {});\n }\n if (this.messages.length > 0) {\n const last = this.messages[this.messages.length - 1];\n if (last && last.loading) {\n last.content = last.content || last.thinking || '⏹ 已停止';\n last.loading = false;\n }\n }\n this.sending = false;\n this.clearWaitTimer();\n },\n copyText(content) {\n if (!content) return;\n navigator.clipboard.writeText(content.replace(/<[^>]+>/g, '')).then(() => {\n this.$message({\n message: '已复制到剪贴板',\n type: 'success',\n duration: 1500\n });\n }).catch(() => {\n this.$message({\n message: '复制失败',\n type: 'error',\n duration: 2000\n });\n });\n },\n copyAsImage(content) {\n if (!content) return;\n // 创建临时容器渲染 Markdown\n const div = document.createElement('div');\n div.className = 'copy-image-render';\n div.style.cssText = 'position:fixed;left:-9999px;top:0;width:600px;padding:20px;background:#fff;font-size:14px;line-height:1.6;color:#333;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;';\n div.innerHTML = this.renderMarkdown(content);\n document.body.appendChild(div);\n this.$message({\n message: '正在生成图片...',\n type: 'info',\n duration: 2000\n });\n (0, _html2canvas.default)(div, {\n scale: 2,\n useCORS: true,\n backgroundColor: '#ffffff'\n }).then(canvas => {\n canvas.toBlob(blob => {\n if (blob) {\n navigator.clipboard.write([new ClipboardItem({\n 'image/png': blob\n })]).then(() => {\n this.$message({\n message: '图片已复制到剪贴板',\n type: 'success',\n duration: 1500\n });\n }).catch(() => {\n this.$message({\n message: '复制图片失败',\n type: 'error',\n duration: 2000\n });\n });\n }\n }, 'image/png');\n }).catch(() => {\n this.$message({\n message: '生成图片失败',\n type: 'error',\n duration: 2000\n });\n }).finally(() => {\n document.body.removeChild(div);\n });\n },\n formatTime(t) {\n if (!t) return '';\n const d = new Date(t.replace(' ', 'T'));\n const now = new Date();\n const diff = (now - d) / 1000;\n if (diff < 60) return '刚刚';\n if (diff < 3600) return Math.floor(diff / 60) + '分钟前';\n if (diff < 86400) return Math.floor(diff / 3600) + '小时前';\n return d.getMonth() + 1 + '/' + d.getDate();\n },\n getInitial(name) {\n if (!name) return '?';\n return name.charAt(0);\n },\n renderMarkdown(text) {\n if (!text) return '';\n try {\n return marked.render(text);\n } catch {\n return text;\n }\n },\n scrollToTop() {\n const el = this.$refs.messagesRef;\n if (el) el.scrollTop = 0;\n },\n scrollToBottom(force = false) {\n if (this.showDownBtn && !force) return;\n this.$nextTick(() => {\n const el = this.$refs.messagesRef;\n if (el) {\n el.scrollTop = el.scrollHeight;\n this.lastScrollTop = el.scrollTop;\n this.showDownBtn = false; // 滚动到底部后立刻隐藏箭头\n }\n });\n },\n scrollToBottomOnce() {\n // 清理旧定时器，防止任何泄漏\n clearTimeout(this._scrollTimer);\n this.$nextTick(() => {\n let retry = 0;\n const maxRetry = 6; // 重试6次，足够覆盖所有渲染延迟\n\n const tryScroll = () => {\n var _this$$refs;\n const el = (_this$$refs = this.$refs) === null || _this$$refs === void 0 ? void 0 : _this$$refs.messagesRef;\n if (!el) {\n this._scrollTimer = setTimeout(tryScroll, 50);\n return;\n }\n\n // 临时禁用平滑滚动，立即跳到底部\n const originalScrollBehavior = el.style.scrollBehavior;\n el.style.scrollBehavior = 'auto';\n el.scrollTop = el.scrollHeight - el.clientHeight;\n el.style.scrollBehavior = originalScrollBehavior;\n this.showDownBtn = false;\n };\n tryScroll();\n });\n }\n },\n beforeDestroy() {\n clearTimeout(this._scrollTimer);\n }\n};\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
570
570
|
|
|
571
571
|
/***/ }),
|
|
572
572
|
|
|
@@ -578,7 +578,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@
|
|
|
578
578
|
/***/ (function(module, exports, __webpack_require__) {
|
|
579
579
|
|
|
580
580
|
"use strict";
|
|
581
|
-
eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireWildcard.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireWildcard.js\").default;\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _index = _interopRequireDefault(__webpack_require__(/*! @lib/components/chatMain/index.vue */ \"./src/lib/components/chatMain/index.vue\"));\nvar _spiderHack = __webpack_require__(/*! @lib/utils/spiderHack.js */ \"./src/lib/utils/spiderHack.js\");\nvar _cookie = __webpack_require__(/*! @lib/utils/cookie.js */ \"./src/lib/utils/cookie.js\");\nvar _package = _interopRequireDefault(__webpack_require__(/*! ../../../package.json */ \"./package.json\"));\nvar kfStore = _interopRequireWildcard(__webpack_require__(/*! @lib/store/utils.js */ \"./src/lib/store/utils.js\"));\nvar AiStore = _interopRequireWildcard(__webpack_require__(/*! @lib/store/utils */ \"./src/lib/store/utils.js\"));\n// 初始化连接\n// import { openIM, closeIM } from '@lib/socket/socket.js'\n// 工具\n// import { getOperationSys, getBrowser } from '@lib/utils/index.js'\n// import { insertAmap } from '@lib/utils/amap.js'\nvar _default = exports.default = {\n name: 'ZjkjIntelligent',\n components: {\n ChatMain: _index.default\n },\n provide() {\n return {\n superCtrl: this.superControl\n };\n },\n props: {\n imAccount: {\n type: [String, Object],\n // default: '201912241122274' // zl\n // default: '202012221604445' // ly\n // default: '201911121106061' // zlm\n // default: '202004121438164' // hrc\n default: \"202007091611352\" //wkk\n },\n
|
|
581
|
+
eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireWildcard.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireWildcard.js\").default;\nvar _interopRequireDefault = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js */ \"./node_modules/_@babel_runtime@7.28.4@@babel/runtime/helpers/interopRequireDefault.js\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _index = _interopRequireDefault(__webpack_require__(/*! @lib/components/chatMain/index.vue */ \"./src/lib/components/chatMain/index.vue\"));\nvar _spiderHack = __webpack_require__(/*! @lib/utils/spiderHack.js */ \"./src/lib/utils/spiderHack.js\");\nvar _cookie = __webpack_require__(/*! @lib/utils/cookie.js */ \"./src/lib/utils/cookie.js\");\nvar _package = _interopRequireDefault(__webpack_require__(/*! ../../../package.json */ \"./package.json\"));\nvar kfStore = _interopRequireWildcard(__webpack_require__(/*! @lib/store/utils.js */ \"./src/lib/store/utils.js\"));\nvar AiStore = _interopRequireWildcard(__webpack_require__(/*! @lib/store/utils */ \"./src/lib/store/utils.js\"));\n// 初始化连接\n// import { openIM, closeIM } from '@lib/socket/socket.js'\n// 工具\n// import { getOperationSys, getBrowser } from '@lib/utils/index.js'\n// import { insertAmap } from '@lib/utils/amap.js'\nvar _default = exports.default = {\n name: 'ZjkjIntelligent',\n components: {\n ChatMain: _index.default\n },\n provide() {\n return {\n superCtrl: this.superControl\n };\n },\n props: {\n imAccount: {\n type: [String, Object],\n // default: '201912241122274' // zl\n // default: '202012221604445' // ly\n // default: '201911121106061' // zlm\n // default: '202004121438164' // hrc\n default: \"202007091611352\" //wkk\n },\n isIntelShow: {\n default: false,\n type: Boolean\n },\n chatImToken: {\n type: [String, Function]\n },\n platformType: {\n type: String\n },\n selectActive: {\n type: String\n },\n Ak: {\n type: String,\n default: ''\n },\n Sk: {\n type: String,\n default: ''\n }\n },\n data() {\n return {\n imUser: {},\n // 传入的用户参数\n env: '',\n // 传入的当前环境\n title: 'Ai助理',\n //传入默认标题\n zIndex: 2000,\n userInfo: {\n launchPage: '',\n terminalSource: '',\n ipAddress: ''\n },\n visiable: true,\n // 显示隐藏\n showChat: false,\n // 显示聊天窗口\n addClass: false,\n // 添加class\n isFullScreen: false,\n // 是否全屏\n onClose: null,\n // 关闭回调\n errorType: 0,\n // 错误参数\n superControl: {\n priviewUrl: '',\n // 预览图片url\n privieShow: false,\n // 预览组件显示异常\n showEmoji: false // 显示表情版面\n },\n version: _package.default.version\n };\n },\n computed: {\n valideParams() {\n return {\n env: this.env,\n im: this.imUser\n };\n }\n },\n watch: {\n imAccount: {\n handler: function (val) {\n debugger;\n if (val) {\n AiStore.commit('SET_ACCOUNT', val);\n }\n },\n immediate: true\n },\n visiable(newVal) {\n if (newVal && !this.showChat) {\n this.setParams();\n }\n },\n showChat(newVal) {\n if (newVal) {\n setTimeout(() => {\n this.addClass = true;\n }, 100);\n } else {\n this.addClass = false;\n }\n }\n },\n methods: {\n // 验证参数\n validate() {\n if (!this.imUser.accountId) {\n this.errorType = 1;\n return false;\n } else if (!this.env) {\n this.errorType = 3;\n return false;\n }\n return true;\n },\n loadScript() {\n // insertAmap() // 加载amap\n (0, _spiderHack.loadSpider)(); // 加载spider\n },\n // 设置用户参数\n setUserParams() {\n // this.userInfo.launchPage = window.location.href\n // this.userInfo.terminalSource = getOperationSys() + '-' + getBrowser()\n this.userInfo.token = (0, _cookie.getToken)();\n kfStore.commit('SET_CURR_ENV', this.env); // 存储传入环境变量\n this.loadScript();\n // openIM(this.userInfo) // 建立会话\n },\n registComp() {\n this.$nextTick(() => {});\n },\n setParams() {\n if (!this.validate()) return;\n this.showChat = true;\n this.setUserParams();\n window.addEventListener('beforeunload', e => {\n this.close();\n });\n },\n // 点击工具栏按钮\n toolbarClick(data) {\n switch (data.type) {\n case 'mini':\n this.close(true);\n break;\n case 'zoom':\n this.isFullScreen = data.isFull;\n break;\n case 'close':\n this.close(false);\n break;\n }\n },\n // 关闭窗口\n close(isMinimized) {\n if (isMinimized) {\n this.onClose(isMinimized);\n } else {\n this.showChat = false;\n // closeIM(true)\n setTimeout(() => {\n this.doDestroy();\n }, 200);\n }\n },\n // 销毁\n doDestroy() {\n if (typeof this.onClose === 'function') {\n this.onClose();\n }\n this.$destroy(true);\n this.$el.parentNode.removeChild(this.$el);\n }\n }\n};\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/layout/main.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
582
582
|
|
|
583
583
|
/***/ }),
|
|
584
584
|
|
|
@@ -590,7 +590,7 @@ eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! ./node_modules/_
|
|
|
590
590
|
/***/ (function(module, exports, __webpack_require__) {
|
|
591
591
|
|
|
592
592
|
"use strict";
|
|
593
|
-
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.staticRenderFns = exports.render = void 0;\nvar render = exports.render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"chat-layout\"\n }, [_c(\"div\", {\n staticClass: \"chat-sidebar\"\n }, [!_vm.isShow ? _c(\"div\", {\n staticClass: \"sidebar-header\"\n }, [_c(\"span\", {\n staticClass: \"sidebar-title\"\n }, [_vm._v(\"AI助理(内测版)\")])]) : _vm._e(), _c(\"div\", {\n staticClass: \"sidebar-search\"\n }, [_c(\"el-input\", {\n attrs: {\n size: \"small\",\n placeholder: \"搜索助手...\",\n \"prefix-icon\": \"el-icon-search\",\n clearable: \"\"\n },\n on: {\n clear: _vm.onSearchClear\n },\n model: {\n value: _vm.searchKeyword,\n callback: function ($$v) {\n _vm.searchKeyword = $$v;\n },\n expression: \"searchKeyword\"\n }\n }), _vm.showAgentSuggestions && _vm.agentSuggestions.length > 0 && _vm.searchKeyword ? _c(\"div\", {\n staticClass: \"search-suggestions\"\n }, _vm._l(_vm.agentSuggestions, function (a) {\n return _c(\"div\", {\n key: a.agentCode,\n staticClass: \"suggestion-item\",\n on: {\n click: function ($event) {\n return _vm.startChatWithAgent(a);\n }\n }\n }, [_c(\"span\", {\n staticClass: \"suggestion-avatar\"\n }, [_vm._v(_vm._s(_vm.getInitial(a.agentName || a.agentCode)))]), _c(\"span\", {\n staticClass: \"suggestion-name\"\n }, [_vm._v(_vm._s(a.agentName || a.agentCode))]), _c(\"span\", {\n staticClass: \"suggestion-desc\"\n }, [_vm._v(_vm._s(a.description ? a.description.substring(0, 30) : \"\"))])]);\n }), 0) : _vm._e()], 1), _vm.filteredSessions.length > 0 ? _c(\"div\", {\n staticClass: \"sidebar-list\"\n }, _vm._l(_vm.filteredSessions, function (s) {\n return _c(\"div\", {\n key: s.sessionId,\n staticClass: \"session-item\",\n class: {\n active: s.sessionId === _vm.activeSessionId\n },\n on: {\n click: function ($event) {\n return _vm.switchSession(s);\n }\n }\n }, [_c(\"div\", {\n staticClass: \"session-avatar\"\n }, [_vm._v(_vm._s(_vm.getInitial(s.agentName || s.agentCode)))]), _c(\"div\", {\n staticClass: \"session-info\"\n }, [_c(\"div\", {\n staticClass: \"session-agent\"\n }, [_vm._v(_vm._s(s.agentName || s.agentCode))]), _c(\"div\", {\n staticClass: \"session-preview\"\n }, [_vm._v(_vm._s(s.lastContent || \"空会话\"))])]), _c(\"div\", {\n staticClass: \"session-time\"\n }, [_vm._v(_vm._s(_vm.formatTime(s.lastTime || s.lastTime)))]), _c(\"el-button\", {\n staticClass: \"session-delete\",\n attrs: {\n type: \"text\",\n size: \"mini\",\n icon: \"el-icon-delete\"\n },\n on: {\n click: function ($event) {\n $event.stopPropagation();\n return _vm.handleDeleteSession(s);\n }\n }\n })], 1);\n }), 0) : _c(\"div\", {\n staticClass: \"sidebar-empty\"\n }, [_c(\"div\", {\n staticClass: \"empty-icon\"\n }, [_vm._v(\"💬\")]), _c(\"div\", [_vm._v(_vm._s(_vm.searchKeyword ? \"没有匹配的会话\" : \"暂无会话\"))]), _c(\"div\", {\n staticClass: \"empty-hint\"\n }, [_vm._v(_vm._s(_vm.searchKeyword ? \"试试其他关键词\" : \"选择助手开始对话\"))])])]), _vm.showAgentSelect ? _c(\"div\", {\n staticClass: \"agent-selector\"\n }, [_c(\"div\", {\n staticClass: \"agent-wrap\"\n }, [_vm._m(0), _c(\"div\", {\n staticClass: \"agent-list\"\n }, _vm._l(_vm.agentList, function (item) {\n return _c(\"div\", {\n key: item.agentCode,\n staticClass: \"agent-item\",\n on: {\n click: function ($event) {\n return _vm.startChatWithAgent(item);\n }\n }\n }, [_c(\"div\", {\n staticClass: \"agent-avatar-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"agent-list-avatar\",\n class: {\n \"has-agent-img\": item.avatar\n },\n style: item.avatar ? {\n backgroundImage: \"url(\" + item.avatar + \")\"\n } : {}\n }, [!item.avatar ? [_vm._v(_vm._s(_vm.getInitial(item.agentName || item.agentCode)))] : _vm._e()], 2)]), _c(\"div\", {\n staticClass: \"agent-info-content\"\n }, [_c(\"div\", {\n staticClass: \"name\"\n }, [_vm._v(_vm._s(item.agentName))]), _c(\"div\", {\n staticClass: \"desc\"\n }, [_vm._v(_vm._s(item.description))])])]);\n }), 0)])]) : _c(\"div\", {\n staticClass: \"chat-main\"\n }, [_c(\"div\", {\n staticClass: \"chat-header\"\n }, [_c(\"div\", {\n staticClass: \"header-left\"\n }, [_vm.currentAgent && (_vm.activeSessionId || _vm.messages.length > 0) ? _c(\"div\", {\n staticClass: \"agent-info\"\n }, [_c(\"div\", {\n staticClass: \"chat-agent-avatar-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"chat-agent-avatar\",\n class: {\n \"has-chat-agent-img\": _vm.currentAgent.avatar\n },\n style: _vm.getChatAvatarStyle(_vm.currentAgent)\n }, [!_vm.currentAgent.avatar ? [_vm._v(_vm._s(_vm.getInitial(_vm.currentAgentName)))] : _vm._e()], 2)]), _c(\"div\", {\n staticClass: \"agent-text\"\n }, [_c(\"div\", {\n staticClass: \"agent-name\"\n }, [_vm._v(_vm._s(_vm.currentAgentName))]), _c(\"div\", {\n staticClass: \"agent-desc\"\n }, [_vm._v(_vm._s(_vm.currentAgentDesc))])])]) : _c(\"div\", {\n staticClass: \"agent-info\"\n }, [_vm._m(1)])])]), _c(\"div\", {\n ref: \"messagesRef\",\n staticClass: \"chat-body\",\n on: {\n scroll: _vm.onScrollMessages\n }\n }, [!_vm.activeSessionId ? _c(\"div\", {\n staticClass: \"welcome welcome-default\"\n }, [_c(\"div\", {\n staticClass: \"welcome-icon\"\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 48 48\",\n width: \"64\",\n height: \"64\"\n }\n }, [_c(\"path\", {\n attrs: {\n fill: \"#e6f4ff\",\n d: \"M40 22c-2.21 0-4 1.79-4 4v10H12c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h24c2.21 0 4 1.79 4 4v8z\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M36 8c-2.21 0-4 1.79-4 4v18H8c-2.21 0-4-1.79-4-4V12c0-2.21 1.79-4 4-4h28z\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"20\",\n cy: \"28\",\n r: \"3\",\n fill: \"#fff\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"28\",\n cy: \"28\",\n r: \"3\",\n fill: \"#fff\"\n }\n })])]), _c(\"div\", {\n staticClass: \"welcome-title\"\n }, [_vm._v(\"欢迎使用 AI 助手\")]), _c(\"div\", {\n staticClass: \"welcome-text\"\n }, [_vm._v(\"从左侧选择一个会话，或搜索助手开始新的对话\")])]) : _vm.messages.length === 0 ? _c(\"div\", {\n staticClass: \"welcome\"\n }, [_c(\"div\", {\n staticClass: \"welcome-icon\"\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 48 48\",\n width: \"48\",\n height: \"48\"\n }\n }, [_c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M40 22c-2.21 0-4 1.79-4 4v10H12c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h24c2.21 0 4 1.79 4 4v8z\",\n opacity: \".6\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M36 8c-2.21 0-4 1.79-4 4v18H8c-2.21 0-4-1.79-4-4V12c0-2.21 1.79-4 4-4h28z\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"20\",\n cy: \"28\",\n r: \"2\",\n fill: \"#fff\",\n opacity: \".8\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"28\",\n cy: \"28\",\n r: \"2\",\n fill: \"#fff\",\n opacity: \".8\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#fff\",\n d: \"M18 32c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm8 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"\n }\n })])]), _c(\"div\", {\n staticClass: \"welcome-text\"\n }, [_vm._v(\"开始对话吧\")])]) : _vm._e(), _vm._l(_vm.messages, function (m) {\n return _c(\"div\", {\n key: m.id,\n staticClass: \"msg-row\",\n class: m.role\n }, [_c(\"div\", {\n staticClass: \"msg-main\"\n }, [m.role === \"assistant\" ? _c(\"div\", {\n staticClass: \"msg-avatar\",\n class: {\n \"has-chat-agent-img\": _vm.currentAgent.avatar\n },\n style: _vm.getChatAvatarStyle(_vm.currentAgent)\n }, [!_vm.currentAgent.avatar ? [_vm._v(_vm._s(_vm.getInitial(_vm.currentAgentName)))] : _vm._e()], 2) : _c(\"div\", {\n staticClass: \"msg-avatar user\"\n }, [_vm._v(\"我\")]), _c(\"div\", {\n staticClass: \"msg-content\"\n }, [m.role === \"assistant\" && m.agentName ? _c(\"div\", {\n staticClass: \"msg-agent-label\"\n }, [_vm._v(_vm._s(m.agentName))]) : _vm._e(), _c(\"div\", {\n staticClass: \"bubble\",\n class: m.role\n }, [m.thinking ? _c(\"details\", {\n staticClass: \"thinking-details\",\n attrs: {\n open: \"\"\n }\n }, [_c(\"summary\", {\n staticClass: \"thinking-summary\"\n }, [_vm._v(\"💭 思考过程\")]), _c(\"div\", {\n staticClass: \"thinking-body\",\n domProps: {\n innerHTML: _vm._s(_vm.renderMarkdown(m.thinking))\n }\n })]) : _vm._e(), m.content ? _c(\"div\", {\n staticClass: \"final-content\",\n domProps: {\n innerHTML: _vm._s(_vm.renderMarkdown(m.content))\n }\n }) : _vm._e(), _c(\"div\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showToolInfo && m.toolCalls && m.toolCalls.length,\n expression: \"showToolInfo && m.toolCalls && m.toolCalls.length\"\n }],\n staticClass: \"tool-calls\"\n }, _vm._l(m.toolCalls, function (tc, ti) {\n return _c(\"div\", {\n key: ti,\n staticClass: \"tool-item\"\n }, [_c(\"span\", {\n staticClass: \"tool-badge\"\n }, [_vm._v(\"工具返回\")]), _c(\"pre\", [_vm._v(_vm._s(tc.substring(0, 300)) + _vm._s(tc.length > 300 ? \"...\" : \"\"))])]);\n }), 0), m.loading ? _c(\"div\", {\n staticClass: \"typing\",\n class: _vm.waitClass\n }, [_c(\"span\", {\n staticClass: \"phrase\"\n }, [_vm._v(\"思考中\")]), _vm._m(2, true)]) : _vm._e()]), m.role === \"assistant\" && m.content && !m.loading ? _c(\"div\", {\n staticClass: \"msg-actions\"\n }, [_c(\"span\", {\n staticClass: \"action-btn\",\n attrs: {\n title: \"复制\"\n },\n on: {\n click: function ($event) {\n return _vm.copyText(m.content);\n }\n }\n }, [_vm._v(\"📋 复制\")]), _c(\"span\", {\n staticClass: \"action-btn\",\n attrs: {\n title: \"复制为图片\"\n },\n on: {\n click: function ($event) {\n return _vm.copyAsImage(m.content);\n }\n }\n }, [_vm._v(\"🖼 复制为图片\")])]) : _vm._e(), m.createTime ? _c(\"div\", {\n staticClass: \"msg-time\"\n }, [_vm._v(_vm._s(_vm.formatTime(m.createTime)))]) : _vm._e()])])]);\n })], 2), _c(\"div\", {\n staticClass: \"chat-footer\"\n }, [_c(\"div\", {\n staticClass: \"input-area\"\n }, [_c(\"textarea\", {\n directives: [{\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.inputText,\n expression: \"inputText\"\n }],\n ref: \"taRef\",\n staticClass: \"chat-textarea\",\n attrs: {\n placeholder: \"输入消息，Enter 发送，Shift+Enter 换行\",\n disabled: _vm.sending\n },\n domProps: {\n value: _vm.inputText\n },\n on: {\n input: [function ($event) {\n if ($event.target.composing) return;\n _vm.inputText = $event.target.value;\n }, _vm.autoResizeTextarea],\n keydown: [function ($event) {\n if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n if ($event.ctrlKey || $event.shiftKey || $event.altKey || $event.metaKey) return null;\n $event.preventDefault();\n return _vm.sendMessage.apply(null, arguments);\n }, function ($event) {\n if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n if (!$event.shiftKey) return null;\n return _vm.newLine.apply(null, arguments);\n }]\n }\n }), _c(\"button\", {\n staticClass: \"send-btn\",\n class: {\n active: _vm.inputText.trim()\n },\n attrs: {\n disabled: _vm.sending || !_vm.inputText.trim()\n },\n on: {\n click: _vm.sendMessage\n }\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 24 24\",\n width: \"20\",\n height: \"20\",\n fill: \"currentColor\"\n }\n }, [_c(\"path\", {\n attrs: {\n d: \"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\n }\n })])]), _vm.sending ? _c(\"button\", {\n staticClass: \"stop-btn\",\n on: {\n click: _vm.stopAgent\n }\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 24 24\",\n width: \"18\",\n height: \"18\",\n fill: \"currentColor\"\n }\n }, [_c(\"rect\", {\n attrs: {\n x: \"6\",\n y: \"6\",\n width: \"12\",\n height: \"12\",\n rx: \"2\"\n }\n })])]) : _vm._e(), _vm.showDownBtn ? _c(\"div\", {\n staticClass: \"scroll-bottom-wrap\"\n }, [_c(\"div\", {\n staticClass: \"scroll-bottom-btn\",\n on: {\n click: function ($event) {\n return _vm.scrollToBottom(true);\n }\n }\n }, [_vm.sending ? _c(\"div\", {\n staticClass: \"loading-circle\"\n }) : _vm._e(), _c(\"i\", {\n staticClass: \"el-icon-arrow-down\"\n })])]) : _vm._e()])])])]);\n};\nvar staticRenderFns = exports.staticRenderFns = [function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"agent-title\"\n }, [_c(\"h2\", [_vm._v(\"选择智能助手开始对话\")])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"agent-text\"\n }, [_c(\"div\", {\n staticClass: \"agent-name\",\n staticStyle: {\n color: \"#bbb\"\n }\n }, [_vm._v(\"请选择助手\")])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"span\", {\n staticClass: \"dots\"\n }, [_c(\"span\"), _c(\"span\"), _c(\"span\")]);\n}];\nrender._withStripped = true;\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%224b66220e-vue-loader-template%22%7D!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
593
|
+
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.staticRenderFns = exports.render = void 0;\nvar render = exports.render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"chat-layout\"\n }, [_c(\"div\", {\n staticClass: \"chat-sidebar\"\n }, [!_vm.isIntelShow ? _c(\"div\", {\n staticClass: \"sidebar-header\"\n }, [_c(\"span\", {\n staticClass: \"sidebar-title\"\n }, [_vm._v(\"AI助理(内测版)\")])]) : _vm._e(), _c(\"div\", {\n staticClass: \"sidebar-search\"\n }, [_c(\"el-input\", {\n attrs: {\n size: \"small\",\n placeholder: \"搜索助手...\",\n \"prefix-icon\": \"el-icon-search\",\n clearable: \"\"\n },\n on: {\n clear: _vm.onSearchClear\n },\n model: {\n value: _vm.searchKeyword,\n callback: function ($$v) {\n _vm.searchKeyword = $$v;\n },\n expression: \"searchKeyword\"\n }\n }), _vm.showAgentSuggestions && _vm.agentSuggestions.length > 0 && _vm.searchKeyword ? _c(\"div\", {\n staticClass: \"search-suggestions\"\n }, _vm._l(_vm.agentSuggestions, function (a) {\n return _c(\"div\", {\n key: a.agentCode,\n staticClass: \"suggestion-item\",\n on: {\n click: function ($event) {\n return _vm.startChatWithAgent(a);\n }\n }\n }, [_c(\"span\", {\n staticClass: \"suggestion-avatar\"\n }, [_vm._v(_vm._s(_vm.getInitial(a.agentName || a.agentCode)))]), _c(\"span\", {\n staticClass: \"suggestion-name\"\n }, [_vm._v(_vm._s(a.agentName || a.agentCode))]), _c(\"span\", {\n staticClass: \"suggestion-desc\"\n }, [_vm._v(_vm._s(a.description ? a.description.substring(0, 30) : \"\"))])]);\n }), 0) : _vm._e()], 1), _vm.filteredSessions.length > 0 ? _c(\"div\", {\n staticClass: \"sidebar-list\"\n }, _vm._l(_vm.filteredSessions, function (s) {\n return _c(\"div\", {\n key: s.sessionId,\n staticClass: \"session-item\",\n class: {\n active: s.sessionId === _vm.activeSessionId\n },\n on: {\n click: function ($event) {\n return _vm.switchSession(s);\n }\n }\n }, [_c(\"div\", {\n staticClass: \"session-avatar\"\n }, [_vm._v(_vm._s(_vm.getInitial(s.agentName || s.agentCode)))]), _c(\"div\", {\n staticClass: \"session-info\"\n }, [_c(\"div\", {\n staticClass: \"session-agent\"\n }, [_vm._v(_vm._s(s.agentName || s.agentCode))]), _c(\"div\", {\n staticClass: \"session-preview\"\n }, [_vm._v(_vm._s(s.lastContent || \"空会话\"))])]), _c(\"div\", {\n staticClass: \"session-time\"\n }, [_vm._v(_vm._s(_vm.formatTime(s.lastTime || s.lastTime)))]), _c(\"el-button\", {\n staticClass: \"session-delete\",\n attrs: {\n type: \"text\",\n size: \"mini\",\n icon: \"el-icon-delete\"\n },\n on: {\n click: function ($event) {\n $event.stopPropagation();\n return _vm.handleDeleteSession(s);\n }\n }\n })], 1);\n }), 0) : _c(\"div\", {\n staticClass: \"sidebar-empty\"\n }, [_c(\"div\", {\n staticClass: \"empty-icon\"\n }, [_vm._v(\"💬\")]), _c(\"div\", [_vm._v(_vm._s(_vm.searchKeyword ? \"没有匹配的会话\" : \"暂无会话\"))]), _c(\"div\", {\n staticClass: \"empty-hint\"\n }, [_vm._v(_vm._s(_vm.searchKeyword ? \"试试其他关键词\" : \"选择助手开始对话\"))])])]), _vm.showAgentSelect ? _c(\"div\", {\n staticClass: \"agent-selector\"\n }, [_c(\"div\", {\n staticClass: \"agent-wrap\"\n }, [_vm._m(0), _c(\"div\", {\n staticClass: \"agent-list\"\n }, _vm._l(_vm.agentList, function (item) {\n return _c(\"div\", {\n key: item.agentCode,\n staticClass: \"agent-item\",\n on: {\n click: function ($event) {\n return _vm.startChatWithAgent(item);\n }\n }\n }, [_c(\"div\", {\n staticClass: \"agent-avatar-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"agent-list-avatar\",\n class: {\n \"has-agent-img\": item.avatar\n },\n style: item.avatar ? {\n backgroundImage: \"url(\" + item.avatar + \")\"\n } : {}\n }, [!item.avatar ? [_vm._v(_vm._s(_vm.getInitial(item.agentName || item.agentCode)))] : _vm._e()], 2)]), _c(\"div\", {\n staticClass: \"agent-info-content\"\n }, [_c(\"div\", {\n staticClass: \"name\"\n }, [_vm._v(_vm._s(item.agentName))]), _c(\"div\", {\n staticClass: \"desc\"\n }, [_vm._v(_vm._s(item.description))])])]);\n }), 0)])]) : _c(\"div\", {\n staticClass: \"chat-main\"\n }, [_c(\"div\", {\n staticClass: \"chat-header\"\n }, [_c(\"div\", {\n staticClass: \"header-left\"\n }, [_vm.currentAgent && (_vm.activeSessionId || _vm.messages.length > 0) ? _c(\"div\", {\n staticClass: \"agent-info\"\n }, [_c(\"div\", {\n staticClass: \"chat-agent-avatar-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"chat-agent-avatar\",\n class: {\n \"has-chat-agent-img\": _vm.currentAgent.avatar\n },\n style: _vm.getChatAvatarStyle(_vm.currentAgent)\n }, [!_vm.currentAgent.avatar ? [_vm._v(_vm._s(_vm.getInitial(_vm.currentAgentName)))] : _vm._e()], 2)]), _c(\"div\", {\n staticClass: \"agent-text\"\n }, [_c(\"div\", {\n staticClass: \"agent-name\"\n }, [_vm._v(_vm._s(_vm.currentAgentName))]), _c(\"div\", {\n staticClass: \"agent-desc\"\n }, [_vm._v(_vm._s(_vm.currentAgentDesc))])])]) : _c(\"div\", {\n staticClass: \"agent-info\"\n }, [_vm._m(1)])])]), _c(\"div\", {\n ref: \"messagesRef\",\n staticClass: \"chat-body\",\n on: {\n scroll: _vm.onScrollMessages\n }\n }, [!_vm.activeSessionId ? _c(\"div\", {\n staticClass: \"welcome welcome-default\"\n }, [_c(\"div\", {\n staticClass: \"welcome-icon\"\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 48 48\",\n width: \"64\",\n height: \"64\"\n }\n }, [_c(\"path\", {\n attrs: {\n fill: \"#e6f4ff\",\n d: \"M40 22c-2.21 0-4 1.79-4 4v10H12c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h24c2.21 0 4 1.79 4 4v8z\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M36 8c-2.21 0-4 1.79-4 4v18H8c-2.21 0-4-1.79-4-4V12c0-2.21 1.79-4 4-4h28z\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"20\",\n cy: \"28\",\n r: \"3\",\n fill: \"#fff\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"28\",\n cy: \"28\",\n r: \"3\",\n fill: \"#fff\"\n }\n })])]), _c(\"div\", {\n staticClass: \"welcome-title\"\n }, [_vm._v(\"欢迎使用 AI 助手\")]), _c(\"div\", {\n staticClass: \"welcome-text\"\n }, [_vm._v(\"从左侧选择一个会话，或搜索助手开始新的对话\")])]) : _vm.messages.length === 0 ? _c(\"div\", {\n staticClass: \"welcome\"\n }, [_c(\"div\", {\n staticClass: \"welcome-icon\"\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 48 48\",\n width: \"48\",\n height: \"48\"\n }\n }, [_c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M40 22c-2.21 0-4 1.79-4 4v10H12c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h24c2.21 0 4 1.79 4 4v8z\",\n opacity: \".6\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#1677ff\",\n d: \"M36 8c-2.21 0-4 1.79-4 4v18H8c-2.21 0-4-1.79-4-4V12c0-2.21 1.79-4 4-4h28z\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"20\",\n cy: \"28\",\n r: \"2\",\n fill: \"#fff\",\n opacity: \".8\"\n }\n }), _c(\"circle\", {\n attrs: {\n cx: \"28\",\n cy: \"28\",\n r: \"2\",\n fill: \"#fff\",\n opacity: \".8\"\n }\n }), _c(\"path\", {\n attrs: {\n fill: \"#fff\",\n d: \"M18 32c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm8 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"\n }\n })])]), _c(\"div\", {\n staticClass: \"welcome-text\"\n }, [_vm._v(\"开始对话吧\")])]) : _vm._e(), _vm._l(_vm.messages, function (m) {\n return _c(\"div\", {\n key: m.id,\n staticClass: \"msg-row\",\n class: m.role\n }, [_c(\"div\", {\n staticClass: \"msg-main\"\n }, [m.role === \"assistant\" ? _c(\"div\", {\n staticClass: \"msg-avatar\",\n class: {\n \"has-chat-agent-img\": _vm.currentAgent.avatar\n },\n style: _vm.getChatAvatarStyle(_vm.currentAgent)\n }, [!_vm.currentAgent.avatar ? [_vm._v(_vm._s(_vm.getInitial(_vm.currentAgentName)))] : _vm._e()], 2) : _c(\"div\", {\n staticClass: \"msg-avatar user\"\n }, [_vm._v(\"我\")]), _c(\"div\", {\n staticClass: \"msg-content\"\n }, [m.role === \"assistant\" && m.agentName ? _c(\"div\", {\n staticClass: \"msg-agent-label\"\n }, [_vm._v(_vm._s(m.agentName))]) : _vm._e(), _c(\"div\", {\n staticClass: \"bubble\",\n class: m.role\n }, [m.thinking ? _c(\"details\", {\n staticClass: \"thinking-details\",\n attrs: {\n open: \"\"\n }\n }, [_c(\"summary\", {\n staticClass: \"thinking-summary\"\n }, [_vm._v(\"💭 思考过程\")]), _c(\"div\", {\n staticClass: \"thinking-body\",\n domProps: {\n innerHTML: _vm._s(_vm.renderMarkdown(m.thinking))\n }\n })]) : _vm._e(), m.content ? _c(\"div\", {\n staticClass: \"final-content\",\n domProps: {\n innerHTML: _vm._s(_vm.renderMarkdown(m.content))\n }\n }) : _vm._e(), _c(\"div\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showToolInfo && m.toolCalls && m.toolCalls.length,\n expression: \"showToolInfo && m.toolCalls && m.toolCalls.length\"\n }],\n staticClass: \"tool-calls\"\n }, _vm._l(m.toolCalls, function (tc, ti) {\n return _c(\"div\", {\n key: ti,\n staticClass: \"tool-item\"\n }, [_c(\"span\", {\n staticClass: \"tool-badge\"\n }, [_vm._v(\"工具返回\")]), _c(\"pre\", [_vm._v(_vm._s(tc.substring(0, 300)) + _vm._s(tc.length > 300 ? \"...\" : \"\"))])]);\n }), 0), m.loading ? _c(\"div\", {\n staticClass: \"typing\",\n class: _vm.waitClass\n }, [_c(\"span\", {\n staticClass: \"phrase\"\n }, [_vm._v(\"思考中\")]), _vm._m(2, true)]) : _vm._e()]), m.role === \"assistant\" && m.content && !m.loading ? _c(\"div\", {\n staticClass: \"msg-actions\"\n }, [_c(\"span\", {\n staticClass: \"action-btn\",\n attrs: {\n title: \"复制\"\n },\n on: {\n click: function ($event) {\n return _vm.copyText(m.content);\n }\n }\n }, [_vm._v(\"📋 复制\")]), _c(\"span\", {\n staticClass: \"action-btn\",\n attrs: {\n title: \"复制为图片\"\n },\n on: {\n click: function ($event) {\n return _vm.copyAsImage(m.content);\n }\n }\n }, [_vm._v(\"🖼 复制为图片\")])]) : _vm._e(), m.createTime ? _c(\"div\", {\n staticClass: \"msg-time\"\n }, [_vm._v(_vm._s(_vm.formatTime(m.createTime)))]) : _vm._e()])])]);\n })], 2), _c(\"div\", {\n staticClass: \"chat-footer\"\n }, [_c(\"div\", {\n staticClass: \"input-area\"\n }, [_c(\"textarea\", {\n directives: [{\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.inputText,\n expression: \"inputText\"\n }],\n ref: \"taRef\",\n staticClass: \"chat-textarea\",\n attrs: {\n placeholder: \"输入消息，Enter 发送，Shift+Enter 换行\",\n disabled: _vm.sending\n },\n domProps: {\n value: _vm.inputText\n },\n on: {\n input: [function ($event) {\n if ($event.target.composing) return;\n _vm.inputText = $event.target.value;\n }, _vm.autoResizeTextarea],\n keydown: [function ($event) {\n if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n if ($event.ctrlKey || $event.shiftKey || $event.altKey || $event.metaKey) return null;\n $event.preventDefault();\n return _vm.sendMessage.apply(null, arguments);\n }, function ($event) {\n if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n if (!$event.shiftKey) return null;\n return _vm.newLine.apply(null, arguments);\n }]\n }\n }), _c(\"button\", {\n staticClass: \"send-btn\",\n class: {\n active: _vm.inputText.trim()\n },\n attrs: {\n disabled: _vm.sending || !_vm.inputText.trim()\n },\n on: {\n click: _vm.sendMessage\n }\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 24 24\",\n width: \"20\",\n height: \"20\",\n fill: \"currentColor\"\n }\n }, [_c(\"path\", {\n attrs: {\n d: \"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\n }\n })])]), _vm.sending ? _c(\"button\", {\n staticClass: \"stop-btn\",\n on: {\n click: _vm.stopAgent\n }\n }, [_c(\"svg\", {\n attrs: {\n viewBox: \"0 0 24 24\",\n width: \"18\",\n height: \"18\",\n fill: \"currentColor\"\n }\n }, [_c(\"rect\", {\n attrs: {\n x: \"6\",\n y: \"6\",\n width: \"12\",\n height: \"12\",\n rx: \"2\"\n }\n })])]) : _vm._e(), _vm.showDownBtn ? _c(\"div\", {\n staticClass: \"scroll-bottom-wrap\"\n }, [_c(\"div\", {\n staticClass: \"scroll-bottom-btn\",\n on: {\n click: function ($event) {\n return _vm.scrollToBottom(true);\n }\n }\n }, [_vm.sending ? _c(\"div\", {\n staticClass: \"loading-circle\"\n }) : _vm._e(), _c(\"i\", {\n staticClass: \"el-icon-arrow-down\"\n })])]) : _vm._e()])])])]);\n};\nvar staticRenderFns = exports.staticRenderFns = [function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"agent-title\"\n }, [_c(\"h2\", [_vm._v(\"选择智能助手开始对话\")])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"agent-text\"\n }, [_c(\"div\", {\n staticClass: \"agent-name\",\n staticStyle: {\n color: \"#bbb\"\n }\n }, [_vm._v(\"请选择助手\")])]);\n}, function () {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"span\", {\n staticClass: \"dots\"\n }, [_c(\"span\"), _c(\"span\"), _c(\"span\")]);\n}];\nrender._withStripped = true;\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%224b66220e-vue-loader-template%22%7D!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
594
594
|
|
|
595
595
|
/***/ }),
|
|
596
596
|
|
|
@@ -602,7 +602,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n
|
|
|
602
602
|
/***/ (function(module, exports, __webpack_require__) {
|
|
603
603
|
|
|
604
604
|
"use strict";
|
|
605
|
-
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.staticRenderFns = exports.render = void 0;\nvar render = exports.render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"zjkf__root zjkf-body zjkf-scrollbar zjkf-common-e-ui\"\n }, [_c(\"div\", {\n ref: \"clientRef\",\n staticClass: \"zjkf__wrapper\",\n style: {\n \"z-index\": _vm.zIndex\n }\n }, [_c(\"transition\", {\n attrs: {\n name: \"zjkf-slide-in\"\n }\n }, [_c(\"chat-main\", {\n attrs: {\n title: _vm.title,\n Ak: _vm.Ak,\n Sk: _vm.Sk,\n imAccount: _vm.imAccount\n },\n on: {\n handle: _vm.toolbarClick\n }\n })], 1)], 1)]);\n};\nvar staticRenderFns = exports.staticRenderFns = [];\nrender._withStripped = true;\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/layout/main.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%224b66220e-vue-loader-template%22%7D!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
605
|
+
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.staticRenderFns = exports.render = void 0;\nvar render = exports.render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"zjkf__root zjkf-body zjkf-scrollbar zjkf-common-e-ui\"\n }, [_c(\"div\", {\n ref: \"clientRef\",\n staticClass: \"zjkf__wrapper\",\n style: {\n \"z-index\": _vm.zIndex\n }\n }, [_c(\"transition\", {\n attrs: {\n name: \"zjkf-slide-in\"\n }\n }, [_c(\"chat-main\", {\n attrs: {\n isIntelShow: _vm.isIntelShow,\n title: _vm.title,\n Ak: _vm.Ak,\n Sk: _vm.Sk,\n imAccount: _vm.imAccount\n },\n on: {\n handle: _vm.toolbarClick\n }\n })], 1)], 1)]);\n};\nvar staticRenderFns = exports.staticRenderFns = [];\nrender._withStripped = true;\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/layout/main.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%224b66220e-vue-loader-template%22%7D!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
606
606
|
|
|
607
607
|
/***/ }),
|
|
608
608
|
|
|
@@ -3701,7 +3701,7 @@ eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn th
|
|
|
3701
3701
|
/*! exports provided: name, version, main, private, scripts, dependencies, devDependencies, browserslist, directories, keywords, license, default */
|
|
3702
3702
|
/***/ (function(module) {
|
|
3703
3703
|
|
|
3704
|
-
eval("module.exports = JSON.parse(\"{\\\"name\\\":\\\"zj-plugin-intelligent\\\",\\\"version\\\":\\\"1.2.1-beta.
|
|
3704
|
+
eval("module.exports = JSON.parse(\"{\\\"name\\\":\\\"zj-plugin-intelligent\\\",\\\"version\\\":\\\"1.2.1-beta.4\\\",\\\"main\\\":\\\"lib/ZjPluginIntelligent.umd.min.js\\\",\\\"private\\\":false,\\\"scripts\\\":{\\\"serve\\\":\\\"vue-cli-service serve\\\",\\\"build\\\":\\\"vue-cli-service build\\\",\\\"lib\\\":\\\"vue-cli-service build --target lib --name ZjPluginIntelligent --dest lib src/lib/index.js\\\",\\\"lib:test\\\":\\\"vue-cli-service build --mode test --target lib --name ZjPluginIntelligent --dest lib src/lib/index.js\\\"},\\\"dependencies\\\":{\\\"html2canvas\\\":\\\"^1.4.1\\\",\\\"markdown-it\\\":\\\"^14.1.0\\\"},\\\"devDependencies\\\":{\\\"@babel/preset-env\\\":\\\"^7.14.9\\\",\\\"@vue/cli-plugin-babel\\\":\\\"~4.5.0\\\",\\\"@vue/cli-plugin-eslint\\\":\\\"^4.5.13\\\",\\\"@vue/cli-plugin-vuex\\\":\\\"~4.5.0\\\",\\\"@vue/cli-service\\\":\\\"~4.5.0\\\",\\\"axios\\\":\\\"^0.27.2\\\",\\\"babel-eslint\\\":\\\"^10.1.0\\\",\\\"babel-plugin-component\\\":\\\"^1.1.1\\\",\\\"compression-webpack-plugin\\\":\\\"^6.0.3\\\",\\\"core-js\\\":\\\"^3.6.5\\\",\\\"element-ui\\\":\\\"^2.15.4\\\",\\\"eslint\\\":\\\"^7.30.0\\\",\\\"eslint-plugin-vue\\\":\\\"^7.13.0\\\",\\\"js-cookie\\\":\\\"^2.2.1\\\",\\\"node-sass\\\":\\\"^4.12.0\\\",\\\"obs-upload\\\":\\\"^1.0.4-alpha.0\\\",\\\"reconnecting-websocket\\\":\\\"^4.4.0\\\",\\\"sass-loader\\\":\\\"^8.0.2\\\",\\\"snowflake-id\\\":\\\"^1.1.0\\\",\\\"vue\\\":\\\"^2.6.11\\\",\\\"vue-template-compiler\\\":\\\"^2.6.11\\\",\\\"vuex\\\":\\\"^3.4.0\\\",\\\"pako\\\":\\\"^2.1.0\\\",\\\"webpack-bundle-analyzer\\\":\\\"^4.4.2\\\"},\\\"browserslist\\\":[\\\"> 1%\\\",\\\"last 2 versions\\\",\\\"not dead\\\"],\\\"directories\\\":{\\\"lib\\\":\\\"lib\\\"},\\\"keywords\\\":[],\\\"license\\\":\\\"ISC\\\"}\");\n\n//# sourceURL=webpack://ZjPluginIntelligent/./package.json?");
|
|
3705
3705
|
|
|
3706
3706
|
/***/ }),
|
|
3707
3707
|
|