@bidding-group/ai-chat 1.0.3 → 1.0.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.
- package/dist/ai-chat.css +1 -1
- package/dist/ai-chat.js +54 -54
- package/dist/ai-chat.umd.cjs +2 -2
- package/package.json +1 -1
package/dist/ai-chat.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ai-chat-float .float-btn[data-v-fc7be81c]{width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;transition:all .3s ease;color:#fff}.ai-chat-float .float-btn.is-active[data-v-fc7be81c]{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 2px 8px #667eea4d}.ai-chat-float .float-btn[data-v-fc7be81c]:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea80}.ai-chat-float .float-btn[data-v-fc7be81c]:active{transform:scale(.95)}.ai-chat-float.is-mobile .float-btn[data-v-fc7be81c]{width:56px;height:56px}.message-item[data-v-
|
|
1
|
+
.ai-chat-float .float-btn[data-v-fc7be81c]{width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;transition:all .3s ease;color:#fff}.ai-chat-float .float-btn.is-active[data-v-fc7be81c]{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 2px 8px #667eea4d}.ai-chat-float .float-btn[data-v-fc7be81c]:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea80}.ai-chat-float .float-btn[data-v-fc7be81c]:active{transform:scale(.95)}.ai-chat-float.is-mobile .float-btn[data-v-fc7be81c]{width:56px;height:56px}.message-item[data-v-f5d45b2e]{display:flex;gap:12px;margin-bottom:16px;padding:0 12px}.message-item.user[data-v-f5d45b2e]{flex-direction:row-reverse}.message-item.user .content[data-v-f5d45b2e]{align-items:flex-end}.message-item.user .content .text[data-v-f5d45b2e]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-item.user .avatar[data-v-f5d45b2e]{background:#667eea}.message-item.assistant .avatar[data-v-f5d45b2e]{background:#10a37f}.message-item .avatar[data-v-f5d45b2e]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.message-item .content[data-v-f5d45b2e]{display:flex;flex-direction:column;max-width:80%}.message-item .content .message-images[data-v-f5d45b2e]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.message-item .content .message-images .message-image[data-v-f5d45b2e]{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover}.message-item .content .text[data-v-f5d45b2e]{padding:12px 16px;background:#f5f5f5;border-radius:12px;line-height:1.6;word-break:break-word}.message-item .content .text[data-v-f5d45b2e] .code-block{background:#1e1e1e;color:#d4d4d4;padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0;font-family:Consolas,monospace;font-size:13px}.message-item .content .text[data-v-f5d45b2e] .inline-code{background:#0000001a;padding:2px 6px;border-radius:4px;font-family:Consolas,monospace;font-size:13px}.message-item .content .reasoning-section[data-v-f5d45b2e]{margin-bottom:8px;border-radius:8px;background:#fafafa;border-left:3px solid #e0e0e0;overflow:hidden}.message-item .content .reasoning-section .reasoning-toggle[data-v-f5d45b2e]{display:flex;align-items:center;gap:4px;padding:8px 12px;cursor:pointer;font-size:12px;color:#888;-webkit-user-select:none;user-select:none}.message-item .content .reasoning-section .reasoning-toggle[data-v-f5d45b2e]:hover{color:#555}.message-item .content .reasoning-section .reasoning-body[data-v-f5d45b2e]{padding:0 12px 10px;font-size:13px;color:#666;line-height:1.6;word-break:break-word}.message-item .content .loading-placeholder[data-v-f5d45b2e]{padding:12px 16px;background:#f5f5f5;border-radius:12px;color:#999;font-style:italic}.message-item .content .time[data-v-f5d45b2e]{font-size:12px;color:#999;margin-top:4px}.slide-enter-active[data-v-fde82f0b],.slide-leave-active[data-v-fde82f0b]{transition:transform .3s ease}.slide-enter-from[data-v-fde82f0b],.slide-leave-to[data-v-fde82f0b]{transform:translate(100%)}.fade-enter-active[data-v-fde82f0b],.fade-leave-active[data-v-fde82f0b]{transition:opacity .2s}.fade-enter-from[data-v-fde82f0b],.fade-leave-to[data-v-fde82f0b]{opacity:0}.ai-panel-overlay[data-v-fde82f0b]{position:fixed;inset:0;background:#0000001a;z-index:1999}.ai-chat-panel[data-v-fde82f0b]{position:fixed;top:0;right:0;height:100vh;background:#fff;box-shadow:-4px 0 24px #0000001f;z-index:2000;display:flex;flex-direction:row;transition:width .3s ease}.ai-chat-panel.full-screen[data-v-fde82f0b]{width:100%!important;box-shadow:none}.ai-chat-panel.full-screen .resize-handle[data-v-fde82f0b]{display:none}.ai-chat-panel.is-mobile[data-v-fde82f0b]{left:0;width:100%}.resize-handle[data-v-fde82f0b]{position:relative;width:6px;height:100%;cursor:ew-resize;display:flex;align-items:center;justify-content:center;transition:background .2s}.resize-handle[data-v-fde82f0b]:hover{background:#667eea1a}.resize-handle:hover .resize-bar[data-v-fde82f0b]{background:#667eea}.resize-handle .resize-bar[data-v-fde82f0b]{width:3px;height:40px;background:#ddd;border-radius:2px;transition:background .2s}.resize-handle .width-tooltip[data-v-fde82f0b]{position:absolute;top:50%;left:20px;transform:translateY(-50%);padding:4px 8px;background:#000c;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;pointer-events:none}.panel-container[data-v-fde82f0b]{flex:1;display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-fde82f0b]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee;background:#fafafa}.panel-header .header-left[data-v-fde82f0b]{display:flex;align-items:center;gap:12px}.panel-header .header-left .title[data-v-fde82f0b]{font-size:16px;font-weight:600;color:#333}.panel-header .header-left .token-usage[data-v-fde82f0b]{font-size:12px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:10px;cursor:help}.panel-header .header-left .token-usage .limit-warning[data-v-fde82f0b]{color:#f56c6c;font-weight:500}.panel-header .header-left .preset-btns[data-v-fde82f0b]{display:flex;gap:4px}.panel-header .header-right[data-v-fde82f0b]{display:flex;align-items:center;gap:8px}.chat-container[data-v-fde82f0b]{flex:1;display:flex;flex-direction:column;overflow:hidden}.session-list[data-v-fde82f0b]{height:100%;padding:16px}.session-list .session-header[data-v-fde82f0b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:500}.session-list .session-item[data-v-fde82f0b]{padding:12px;border-radius:8px;cursor:pointer;margin-bottom:8px;background:#f5f5f5;transition:all .2s}.session-list .session-item[data-v-fde82f0b]:hover{background:#e8e8e8}.session-list .session-item.active[data-v-fde82f0b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.session-list .session-item.active .session-meta[data-v-fde82f0b]{color:#fffc}.session-list .session-item .session-title[data-v-fde82f0b]{font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-list .session-item .session-meta[data-v-fde82f0b]{font-size:12px;color:#999;display:flex;justify-content:space-between;align-items:center}.session-list .session-load-more[data-v-fde82f0b]{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 0;font-size:12px;color:#aaa}.session-list .session-load-more.session-no-more[data-v-fde82f0b]{color:#ccc}.session-list .session-load-more .el-icon[data-v-fde82f0b]{font-size:14px}.messages-area[data-v-fde82f0b]{flex:1;overflow:hidden}.messages-area .messages-content[data-v-fde82f0b]{padding:16px 0;min-height:100%}.pending-images[data-v-fde82f0b]{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px;border-top:1px solid #f0f0f0}.pending-images .pending-image-wrap[data-v-fde82f0b]{position:relative}.pending-images .pending-image-wrap .pending-image[data-v-fde82f0b]{width:60px;height:60px;object-fit:cover;border-radius:6px}.pending-images .pending-image-wrap .image-index[data-v-fde82f0b]{position:absolute;top:4px;left:4px;padding:2px 6px;background:#0009;color:#fff;font-size:11px;border-radius:10px}.pending-images .pending-image-wrap .remove-img[data-v-fde82f0b]{position:absolute;top:-8px;right:-8px;padding:2px}.typing-indicator[data-v-fde82f0b]{display:flex;gap:4px;padding:12px 60px}.typing-indicator span[data-v-fde82f0b]{width:8px;height:8px;background:#667eea;border-radius:50%;animation:typing-fde82f0b 1.4s infinite}.typing-indicator span[data-v-fde82f0b]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-fde82f0b]:nth-child(3){animation-delay:.4s}@keyframes typing-fde82f0b{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.input-area[data-v-fde82f0b]{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #eee;background:#fff;align-items:flex-end}.input-area[data-v-fde82f0b] .el-textarea__inner{border-radius:20px;padding:8px 16px}.ai-disclaimer[data-v-fde82f0b]{text-align:center;font-size:11px;color:#bbb;padding:4px 0 6px;background:#fff}@media(max-width:767px){.panel-header[data-v-fde82f0b]{padding:10px 12px}.panel-header .header-left[data-v-fde82f0b]{gap:8px}.panel-header .header-left .title[data-v-fde82f0b]{font-size:14px}.panel-header .header-left .preset-btns[data-v-fde82f0b]{display:none}.panel-header .header-right[data-v-fde82f0b]{gap:4px}.panel-header .header-right .el-button[data-v-fde82f0b]{padding:4px}.input-area[data-v-fde82f0b]{padding:8px 12px}.input-area[data-v-fde82f0b] .el-textarea__inner{padding:6px 12px}}[data-v-fde82f0b] .el-tooltip__popper{z-index:3000!important}.cgs-ai-chat-root[data-v-4f2a75e5]{position:fixed;z-index:9999}
|
package/dist/ai-chat.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as q, ref as E, computed as w, onMounted as Ce, onUnmounted as Ie, resolveComponent as z, openBlock as a, createElementBlock as
|
|
1
|
+
import { defineComponent as q, ref as E, computed as w, onMounted as Ce, onUnmounted as Ie, resolveComponent as z, openBlock as a, createElementBlock as u, normalizeStyle as Ae, normalizeClass as N, createVNode as i, withCtx as c, createElementVNode as g, unref as r, createBlock as V, Fragment as F, renderList as G, createCommentVNode as A, resolveDynamicComponent as Be, withDirectives as Ge, vShow as qe, toDisplayString as W, watch as we, nextTick as ne, Transition as ie, withModifiers as oe, createTextVNode as ae, withKeys as Ke } from "vue";
|
|
2
2
|
import { ChatDotRound as Ye, Monitor as Ze, User as Qe, ArrowDown as et, ArrowRight as tt, Grid as st, Menu as nt, FullScreen as it, Plus as ot, Close as Se, Loading as at, List as lt, Promotion as rt } from "@element-plus/icons-vue";
|
|
3
3
|
import { defineStore as ct } from "pinia";
|
|
4
4
|
import { ElScrollbar as ye, ElMessage as O } from "element-plus";
|
|
@@ -15,8 +15,8 @@ function ut(t) {
|
|
|
15
15
|
try {
|
|
16
16
|
const e = t.split(".");
|
|
17
17
|
if (e.length !== 3) return null;
|
|
18
|
-
const
|
|
19
|
-
atob(
|
|
18
|
+
const d = e[1].replace(/-/g, "+").replace(/_/g, "/"), l = decodeURIComponent(
|
|
19
|
+
atob(d).split("").map((o) => "%" + ("00" + o.charCodeAt(0).toString(16)).slice(-2)).join("")
|
|
20
20
|
);
|
|
21
21
|
return JSON.parse(l, (o, m) => typeof m == "number" && !Number.isSafeInteger(m) ? String(m) : m);
|
|
22
22
|
} catch {
|
|
@@ -24,21 +24,21 @@ function ut(t) {
|
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
function Me(t) {
|
|
27
|
-
const e = ce(),
|
|
27
|
+
const e = ce(), d = { ...t };
|
|
28
28
|
if (e.getToken) {
|
|
29
29
|
const l = e.getToken();
|
|
30
30
|
if (l) {
|
|
31
|
-
|
|
31
|
+
d["x-access-token"] = l;
|
|
32
32
|
const o = ut(l);
|
|
33
|
-
o && (o.details_user_id && (
|
|
33
|
+
o && (o.details_user_id && (d.details_user_id = String(o.details_user_id)), o.details_username && (d.details_username = String(o.details_username)), o.details_tenant_id && (d.details_tenant_id = String(o.details_tenant_id)), o.details_app_id && (d.details_app_id = String(o.details_app_id)));
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
|
-
return
|
|
36
|
+
return d;
|
|
37
37
|
}
|
|
38
|
-
async function X(t, e,
|
|
38
|
+
async function X(t, e, d) {
|
|
39
39
|
const l = ce(), o = Me({ "Content-Type": "application/json" });
|
|
40
|
-
let m =
|
|
41
|
-
|
|
40
|
+
let m = d;
|
|
41
|
+
d && typeof d == "object" ? (m = { ...d }, !m.tenantId && l.getTenantId && (m.tenantId = l.getTenantId()), !m.appId && l.getAppId && (m.appId = l.getAppId())) : (t === "POST" || t === "PUT") && !d && (m = {}, l.getTenantId && (m.tenantId = l.getTenantId()), l.getAppId && (m.appId = l.getAppId()));
|
|
42
42
|
const h = await fetch(`${l.baseUrl}${e}`, {
|
|
43
43
|
method: t,
|
|
44
44
|
headers: o,
|
|
@@ -59,11 +59,11 @@ const gt = () => X("POST", "/session/create"), Te = (t) => X("POST", "/session/p
|
|
|
59
59
|
total: e?.total ?? 0
|
|
60
60
|
})), mt = (t) => X("GET", `/session/${t}/messages`), ht = (t) => X("DELETE", `/session/${t}`), ft = () => X("GET", "/usage/today");
|
|
61
61
|
async function pt(t) {
|
|
62
|
-
const e = ce(),
|
|
62
|
+
const e = ce(), d = Me({ "Content-Type": "application/json" }), l = { ...t };
|
|
63
63
|
!l.tenantId && e.getTenantId && (l.tenantId = e.getTenantId()), !l.appId && e.getAppId && (l.appId = e.getAppId());
|
|
64
64
|
const o = await fetch(`${e.baseUrl}/chat/stream`, {
|
|
65
65
|
method: "POST",
|
|
66
|
-
headers:
|
|
66
|
+
headers: d,
|
|
67
67
|
body: JSON.stringify(l),
|
|
68
68
|
signal: t.signal
|
|
69
69
|
});
|
|
@@ -204,8 +204,8 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
204
204
|
this.messages = [];
|
|
205
205
|
},
|
|
206
206
|
setPanelWidth(t) {
|
|
207
|
-
const
|
|
208
|
-
this.panelWidth = Math.max(320, Math.min(
|
|
207
|
+
const d = Math.floor(window.innerWidth * 0.9);
|
|
208
|
+
this.panelWidth = Math.max(320, Math.min(d, t)), this.isFullScreen = !1, this._persist();
|
|
209
209
|
},
|
|
210
210
|
toggleFullScreen() {
|
|
211
211
|
this.isFullScreen = !this.isFullScreen, this._persist();
|
|
@@ -242,7 +242,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
242
242
|
}), kt = /* @__PURE__ */ q({
|
|
243
243
|
__name: "AiChatFloat",
|
|
244
244
|
setup(t) {
|
|
245
|
-
const e = de(),
|
|
245
|
+
const e = de(), d = () => e.toggleVisible(), l = E(!1), o = () => {
|
|
246
246
|
l.value = window.innerWidth < 768;
|
|
247
247
|
}, m = w(() => l.value ? {
|
|
248
248
|
position: "fixed",
|
|
@@ -262,10 +262,10 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
262
262
|
window.removeEventListener("resize", o);
|
|
263
263
|
}), (h, P) => {
|
|
264
264
|
const v = z("el-icon"), L = z("el-tooltip");
|
|
265
|
-
return a(),
|
|
265
|
+
return a(), u("div", {
|
|
266
266
|
class: N(["ai-chat-float", { "is-mobile": l.value }]),
|
|
267
267
|
style: Ae(m.value),
|
|
268
|
-
onClick:
|
|
268
|
+
onClick: d
|
|
269
269
|
}, [
|
|
270
270
|
i(L, {
|
|
271
271
|
content: "AI助手",
|
|
@@ -290,10 +290,10 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
290
290
|
};
|
|
291
291
|
}
|
|
292
292
|
}), K = (t, e) => {
|
|
293
|
-
const
|
|
293
|
+
const d = t.__vccOpts || t;
|
|
294
294
|
for (const [l, o] of e)
|
|
295
|
-
|
|
296
|
-
return
|
|
295
|
+
d[l] = o;
|
|
296
|
+
return d;
|
|
297
297
|
}, $e = /* @__PURE__ */ K(kt, [["__scopeId", "data-v-fc7be81c"]]), wt = { class: "avatar" }, St = { class: "content" }, yt = {
|
|
298
298
|
key: 0,
|
|
299
299
|
class: "message-images"
|
|
@@ -312,8 +312,8 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
312
312
|
message: {}
|
|
313
313
|
},
|
|
314
314
|
setup(t) {
|
|
315
|
-
const e = t,
|
|
316
|
-
get: () =>
|
|
315
|
+
const e = t, d = de(), l = E(!1), o = w({
|
|
316
|
+
get: () => d.sending ? !0 : l.value,
|
|
317
317
|
set: (k) => {
|
|
318
318
|
l.value = k;
|
|
319
319
|
}
|
|
@@ -334,7 +334,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
334
334
|
const L = (k) => k ? new Date(k).toLocaleTimeString("zh-CN", { hour: "2-digit", minute: "2-digit" }) : "";
|
|
335
335
|
return (k, S) => {
|
|
336
336
|
const C = z("el-icon");
|
|
337
|
-
return a(),
|
|
337
|
+
return a(), u("div", {
|
|
338
338
|
class: N(["message-item", [t.message.role]])
|
|
339
339
|
}, [
|
|
340
340
|
g("div", wt, [
|
|
@@ -357,25 +357,25 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
357
357
|
}))
|
|
358
358
|
]),
|
|
359
359
|
g("div", St, [
|
|
360
|
-
t.message.role === "user" ? (a(),
|
|
361
|
-
t.message.images && t.message.images.length > 0 ? (a(),
|
|
362
|
-
(a(!0),
|
|
360
|
+
t.message.role === "user" ? (a(), u(F, { key: 0 }, [
|
|
361
|
+
t.message.images && t.message.images.length > 0 ? (a(), u("div", yt, [
|
|
362
|
+
(a(!0), u(F, null, G(t.message.images, (f, M) => (a(), u("img", {
|
|
363
363
|
key: M,
|
|
364
364
|
src: f,
|
|
365
365
|
class: "message-image",
|
|
366
366
|
alt: "图片"
|
|
367
367
|
}, null, 8, Tt))), 128))
|
|
368
368
|
])) : A("", !0),
|
|
369
|
-
t.message.content && t.message.content !== "[图片]" ? (a(),
|
|
369
|
+
t.message.content && t.message.content !== "[图片]" ? (a(), u("div", {
|
|
370
370
|
key: 1,
|
|
371
371
|
class: "text",
|
|
372
372
|
innerHTML: P.value
|
|
373
373
|
}, null, 8, bt)) : A("", !0)
|
|
374
|
-
], 64)) : (a(),
|
|
375
|
-
t.message.reasoningContent ? (a(),
|
|
374
|
+
], 64)) : (a(), u(F, { key: 1 }, [
|
|
375
|
+
t.message.reasoningContent ? (a(), u("div", Ct, [
|
|
376
376
|
g("div", {
|
|
377
377
|
class: "reasoning-toggle",
|
|
378
|
-
onClick: S[0] || (S[0] = (f) => o.value = !o.value)
|
|
378
|
+
onClick: S[0] || (S[0] = (f) => !r(d).sending && (o.value = !o.value))
|
|
379
379
|
}, [
|
|
380
380
|
i(C, { size: 14 }, {
|
|
381
381
|
default: c(() => [
|
|
@@ -392,18 +392,18 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
392
392
|
[qe, o.value]
|
|
393
393
|
])
|
|
394
394
|
])) : A("", !0),
|
|
395
|
-
t.message.content ? (a(),
|
|
395
|
+
t.message.content ? (a(), u("div", {
|
|
396
396
|
key: 1,
|
|
397
397
|
class: "text",
|
|
398
398
|
innerHTML: P.value
|
|
399
|
-
}, null, 8, At)) : t.message.reasoningContent ? (a(),
|
|
399
|
+
}, null, 8, At)) : t.message.reasoningContent ? (a(), u("div", Mt, "正在组织回答...")) : (a(), u("div", Et, "正在思考..."))
|
|
400
400
|
], 64)),
|
|
401
401
|
g("div", $t, W(L(t.message.createTime)), 1)
|
|
402
402
|
])
|
|
403
403
|
], 2);
|
|
404
404
|
};
|
|
405
405
|
}
|
|
406
|
-
}), Lt = /* @__PURE__ */ K(xt, [["__scopeId", "data-v-
|
|
406
|
+
}), Lt = /* @__PURE__ */ K(xt, [["__scopeId", "data-v-f5d45b2e"]]), Rt = {
|
|
407
407
|
key: 0,
|
|
408
408
|
class: "width-tooltip"
|
|
409
409
|
}, Pt = { class: "panel-container" }, Ut = { class: "panel-header" }, Wt = { class: "header-left" }, zt = {
|
|
@@ -431,7 +431,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
431
431
|
__name: "AiChatDrawer",
|
|
432
432
|
setup(t) {
|
|
433
433
|
const e = de();
|
|
434
|
-
let
|
|
434
|
+
let d = new AbortController();
|
|
435
435
|
const l = w({
|
|
436
436
|
get: () => e.visible,
|
|
437
437
|
set: (s) => e.setVisible(s)
|
|
@@ -504,7 +504,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
504
504
|
}, pe = async () => {
|
|
505
505
|
const s = S.value.trim(), n = [...f.value];
|
|
506
506
|
if (!s && n.length === 0 || e.sending) return;
|
|
507
|
-
S.value = "", f.value = [], e.setSending(!0),
|
|
507
|
+
S.value = "", f.value = [], e.setSending(!0), d = new AbortController();
|
|
508
508
|
let p = e.currentSessionId;
|
|
509
509
|
if (!p) {
|
|
510
510
|
if (p = await e.createSession(), !p) {
|
|
@@ -535,7 +535,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
535
535
|
sessionId: p,
|
|
536
536
|
message: s || "[图片]",
|
|
537
537
|
images: n.length > 0 ? n : void 0,
|
|
538
|
-
signal:
|
|
538
|
+
signal: d.signal
|
|
539
539
|
})).body?.getReader(), _ = new TextDecoder();
|
|
540
540
|
if (U) {
|
|
541
541
|
let x = "";
|
|
@@ -585,18 +585,18 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
585
585
|
return Ce(() => {
|
|
586
586
|
window.addEventListener("resize", ue), P();
|
|
587
587
|
}), Ie(() => {
|
|
588
|
-
|
|
588
|
+
d.abort(), window.removeEventListener("resize", ue), document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", ee), document.removeEventListener("touchmove", Q), document.removeEventListener("touchend", te), b && cancelAnimationFrame(b);
|
|
589
589
|
}), (s, n) => {
|
|
590
590
|
const p = z("el-tooltip"), y = z("el-icon"), T = z("el-button"), R = z("el-empty"), U = z("el-input");
|
|
591
|
-
return a(),
|
|
591
|
+
return a(), u(F, null, [
|
|
592
592
|
i(ie, { name: "slide" }, {
|
|
593
593
|
default: c(() => [
|
|
594
|
-
l.value ? (a(),
|
|
594
|
+
l.value ? (a(), u("div", {
|
|
595
595
|
key: 0,
|
|
596
596
|
class: N(["ai-chat-panel", { "full-screen": m.value, "is-mobile": h.value }]),
|
|
597
597
|
style: Ae(v.value)
|
|
598
598
|
}, [
|
|
599
|
-
h.value ? A("", !0) : (a(),
|
|
599
|
+
h.value ? A("", !0) : (a(), u("div", {
|
|
600
600
|
key: 0,
|
|
601
601
|
class: "resize-handle",
|
|
602
602
|
onMousedown: We,
|
|
@@ -605,7 +605,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
605
605
|
n[5] || (n[5] = g("div", { class: "resize-bar" }, null, -1)),
|
|
606
606
|
i(ie, { name: "fade" }, {
|
|
607
607
|
default: c(() => [
|
|
608
|
-
D.value ? (a(),
|
|
608
|
+
D.value ? (a(), u("div", Rt, W(Math.round(o.value)) + "px ", 1)) : A("", !0)
|
|
609
609
|
]),
|
|
610
610
|
_: 1
|
|
611
611
|
})
|
|
@@ -614,7 +614,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
614
614
|
g("div", Ut, [
|
|
615
615
|
g("div", Wt, [
|
|
616
616
|
n[6] || (n[6] = g("span", { class: "title" }, "AI助手", -1)),
|
|
617
|
-
r(e).tokenUsage ? (a(),
|
|
617
|
+
r(e).tokenUsage ? (a(), u("div", zt, [
|
|
618
618
|
i(p, {
|
|
619
619
|
content: k.value,
|
|
620
620
|
placement: "bottom"
|
|
@@ -627,7 +627,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
627
627
|
_: 1
|
|
628
628
|
}, 8, ["content"])
|
|
629
629
|
])) : A("", !0),
|
|
630
|
-
h.value ? A("", !0) : (a(),
|
|
630
|
+
h.value ? A("", !0) : (a(), u("div", Ft, [
|
|
631
631
|
i(p, {
|
|
632
632
|
content: Pe.value,
|
|
633
633
|
placement: "bottom"
|
|
@@ -737,7 +737,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
737
737
|
])
|
|
738
738
|
]),
|
|
739
739
|
g("div", Ht, [
|
|
740
|
-
C.value ? (a(),
|
|
740
|
+
C.value ? (a(), u("div", Ot, [
|
|
741
741
|
g("div", Nt, [
|
|
742
742
|
n[9] || (n[9] = g("span", null, "历史对话", -1)),
|
|
743
743
|
i(T, {
|
|
@@ -759,7 +759,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
759
759
|
onScroll: Ne
|
|
760
760
|
}, {
|
|
761
761
|
default: c(() => [
|
|
762
|
-
(a(!0),
|
|
762
|
+
(a(!0), u(F, null, G(r(e).sessions, (_) => (a(), u("div", {
|
|
763
763
|
key: _.id,
|
|
764
764
|
class: N(["session-item", { active: _.id === r(e).currentSessionId }]),
|
|
765
765
|
onClick: (x) => Xe(_)
|
|
@@ -789,7 +789,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
789
789
|
}, 8, ["onClick"])
|
|
790
790
|
])
|
|
791
791
|
], 10, Vt))), 128)),
|
|
792
|
-
r(e).sessionLoadingMore ? (a(),
|
|
792
|
+
r(e).sessionLoadingMore ? (a(), u("div", Jt, [
|
|
793
793
|
i(y, { class: "is-loading" }, {
|
|
794
794
|
default: c(() => [
|
|
795
795
|
i(r(at))
|
|
@@ -797,7 +797,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
797
797
|
_: 1
|
|
798
798
|
}),
|
|
799
799
|
n[11] || (n[11] = g("span", null, "加载中...", -1))
|
|
800
|
-
])) : r(e).sessions.length > 0 && !r(e).sessionHasMore ? (a(),
|
|
800
|
+
])) : r(e).sessions.length > 0 && !r(e).sessionHasMore ? (a(), u("div", Bt, " 共 " + W(r(e).sessionTotal) + " 条对话 ", 1)) : A("", !0),
|
|
801
801
|
r(e).sessions.length === 0 ? (a(), V(R, {
|
|
802
802
|
key: 2,
|
|
803
803
|
description: "暂无历史对话"
|
|
@@ -805,7 +805,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
805
805
|
]),
|
|
806
806
|
_: 1
|
|
807
807
|
}, 8, ["height"])
|
|
808
|
-
])) : (a(),
|
|
808
|
+
])) : (a(), u(F, { key: 1 }, [
|
|
809
809
|
g("div", Gt, [
|
|
810
810
|
i(r(ye), {
|
|
811
811
|
ref_key: "scrollbarRef",
|
|
@@ -814,11 +814,11 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
814
814
|
}, {
|
|
815
815
|
default: c(() => [
|
|
816
816
|
g("div", qt, [
|
|
817
|
-
(a(!0),
|
|
817
|
+
(a(!0), u(F, null, G(r(e).messages, (_, x) => (a(), V(Lt, {
|
|
818
818
|
key: x,
|
|
819
819
|
message: _
|
|
820
820
|
}, null, 8, ["message"]))), 128)),
|
|
821
|
-
r(e).sending ? (a(),
|
|
821
|
+
r(e).sending ? (a(), u("div", Kt, [...n[12] || (n[12] = [
|
|
822
822
|
g("span", null, null, -1),
|
|
823
823
|
g("span", null, null, -1),
|
|
824
824
|
g("span", null, null, -1)
|
|
@@ -828,8 +828,8 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
828
828
|
_: 1
|
|
829
829
|
}, 512)
|
|
830
830
|
]),
|
|
831
|
-
f.value.length > 0 ? (a(),
|
|
832
|
-
(a(!0),
|
|
831
|
+
f.value.length > 0 ? (a(), u("div", Yt, [
|
|
832
|
+
(a(!0), u(F, null, G(f.value, (_, x) => (a(), u("div", {
|
|
833
833
|
key: x,
|
|
834
834
|
class: "pending-image-wrap"
|
|
835
835
|
}, [
|
|
@@ -906,7 +906,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
906
906
|
}),
|
|
907
907
|
i(ie, { name: "fade" }, {
|
|
908
908
|
default: c(() => [
|
|
909
|
-
l.value ? (a(),
|
|
909
|
+
l.value ? (a(), u("div", {
|
|
910
910
|
key: 0,
|
|
911
911
|
class: "ai-panel-overlay",
|
|
912
912
|
onClick: fe
|
|
@@ -920,7 +920,7 @@ const be = 15, le = vt(), de = ct("cgs-ai-chat", {
|
|
|
920
920
|
}), xe = /* @__PURE__ */ K(is, [["__scopeId", "data-v-fde82f0b"]]), os = { class: "cgs-ai-chat-root" }, as = /* @__PURE__ */ q({
|
|
921
921
|
__name: "AiChat",
|
|
922
922
|
setup(t) {
|
|
923
|
-
return (e,
|
|
923
|
+
return (e, d) => (a(), u("div", os, [
|
|
924
924
|
i($e),
|
|
925
925
|
i(xe)
|
|
926
926
|
]));
|
package/dist/ai-chat.umd.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(_,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@element-plus/icons-vue"),require("pinia"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","@element-plus/icons-vue","pinia","element-plus"],e):(_=typeof globalThis<"u"?globalThis:_||self,e(_.AiChat={},_.Vue,_.ElementPlusIconsVue,_.Pinia,_.ElementPlus))})(this,(function(_,e,w,de,B){"use strict";let P=null;function me(s){P=s}function F(){if(!P)throw new Error("[@cgs/ai-chat] 插件未安装，请先调用 app.use(AiChat, options)");return P}function ge(s){try{const t=s.split(".");if(t.length!==3)return null;const r=t[1].replace(/-/g,"+").replace(/_/g,"/"),i=decodeURIComponent(atob(r).split("").map(a=>"%"+("00"+a.charCodeAt(0).toString(16)).slice(-2)).join(""));return JSON.parse(i,(a,l)=>typeof l=="number"&&!Number.isSafeInteger(l)?String(l):l)}catch{return null}}function Y(s){const t=F(),r={...s};if(t.getToken){const i=t.getToken();if(i){r["x-access-token"]=i;const a=ge(i);a&&(a.details_user_id&&(r.details_user_id=String(a.details_user_id)),a.details_username&&(r.details_username=String(a.details_username)),a.details_tenant_id&&(r.details_tenant_id=String(a.details_tenant_id)),a.details_app_id&&(r.details_app_id=String(a.details_app_id)))}}return r}async function $(s,t,r){const i=F(),a=Y({"Content-Type":"application/json"});let l=r;r&&typeof r=="object"?(l={...r},!l.tenantId&&i.getTenantId&&(l.tenantId=i.getTenantId()),!l.appId&&i.getAppId&&(l.appId=i.getAppId())):(s==="POST"||s==="PUT")&&!r&&(l={},i.getTenantId&&(l.tenantId=i.getTenantId()),i.getAppId&&(l.appId=i.getAppId()));const c=await fetch(`${i.baseUrl}${t}`,{method:s,headers:a,body:l!==void 0?JSON.stringify(l):void 0}),M=await c.text(),g=JSON.parse(M,(V,p)=>typeof p=="number"&&!Number.isSafeInteger(p)?String(p):p);if(!c.ok){const V=g?.msg||g?.message||g?.detail||"";throw new Error(`HTTP ${c.status}: ${t}${V?` — ${V}`:""}`)}if(g?.code===401)throw new Error(`AUTH_EXPIRED:${g.msg||"认证失败，请重新登录"}`);if(g?.code&&g.code!==200&&g.code!==0)throw new Error(`${g.msg||g.message||"请求失败"} (code: ${g.code})`);return g.data}const he=()=>$("POST","/session/create"),Z=s=>$("POST","/session/page",s).then(t=>({list:t?.records??[],total:t?.total??0})),pe=s=>$("GET",`/session/${s}/messages`),fe=s=>$("DELETE",`/session/${s}`),ke=()=>$("GET","/usage/today");async function ue(s){const t=F(),r=Y({"Content-Type":"application/json"}),i={...s};!i.tenantId&&t.getTenantId&&(i.tenantId=t.getTenantId()),!i.appId&&t.getAppId&&(i.appId=t.getAppId());const a=await fetch(`${t.baseUrl}/chat/stream`,{method:"POST",headers:r,body:JSON.stringify(i),signal:s.signal});if(!a.ok)throw new Error(`流式请求失败: HTTP ${a.status}`);const l=a.clone();try{const c=await l.json();if(c?.code===401)throw new Error(`AUTH_EXPIRED:${c.msg||"认证失败，请重新登录"}`);if(c?.code&&c.code!==200&&c.code!==0)throw new Error(`${c.msg||"请求失败"} (code: ${c.code})`)}catch(c){if(c instanceof Error&&c.message.startsWith("AUTH_EXPIRED:"))throw c}return a}const Q="cgs-ai-chat-state";function _e(){try{const s=localStorage.getItem(Q);return s?JSON.parse(s):{}}catch{return{}}}function we(s){try{localStorage.setItem(Q,JSON.stringify({currentSessionId:s.currentSessionId,panelWidth:s.panelWidth,isFullScreen:s.isFullScreen}))}catch{}}const v=15,D=_e(),L=de.defineStore("cgs-ai-chat",{state:()=>({visible:!1,currentSessionId:D.currentSessionId??null,sessions:[],sessionPage:1,sessionTotal:0,sessionLoadingMore:!1,messages:[],loading:!1,sending:!1,panelWidth:D.panelWidth??(typeof window<"u"?Math.max(320,Math.round(window.innerWidth*.25)):420),isFullScreen:D.isFullScreen??!1,tokenUsage:null}),actions:{toggleVisible(){this.visible=!this.visible},setVisible(s){this.visible=s},setCurrentSession(s,t=!0){this.currentSessionId=s,this._persist(),this.messages=[],s&&t&&this.loadMessages(s)},addMessage(s){this.messages.push(s)},updateLastAssistantMessage(s){for(let t=this.messages.length-1;t>=0;t--)if(this.messages[t].role==="assistant"){this.messages[t]={...this.messages[t],content:(this.messages[t].content||"")+s};break}},updateLastAssistantReasoning(s){for(let t=this.messages.length-1;t>=0;t--)if(this.messages[t].role==="assistant"){this.messages[t]={...this.messages[t],reasoningContent:(this.messages[t].reasoningContent||"")+s};break}},async loadSessions(){this.loading=!0,this.sessionPage=1;try{const s=await Z({pageNum:1,pageSize:v});this.sessions=s.list,this.sessionTotal=s.total}finally{this.loading=!1}},async loadMoreSessions(){if(!(this.sessionLoadingMore||this.sessions.length>=this.sessionTotal)){this.sessionLoadingMore=!0;try{const s=this.sessionPage+1,t=await Z({pageNum:s,pageSize:v});this.sessions=[...this.sessions,...t.list],this.sessionTotal=t.total,this.sessionPage=s}finally{this.sessionLoadingMore=!1}}},async loadMessages(s){this.loading=!0;try{const t=await pe(s);this.currentSessionId===s&&(this.messages=t)}finally{this.loading=!1}},async createSession(){try{const s=await he();return await this.loadSessions(),s}catch(s){return console.error("[@cgs/ai-chat] 创建会话失败",s),null}},async deleteSession(s){try{await fe(s),await this.loadSessions(),this.currentSessionId===s&&(this.currentSessionId=null,this.messages=[],this._persist())}catch(t){console.error("[@cgs/ai-chat] 删除会话失败",t)}},setSending(s){this.sending=s},clearMessages(){this.messages=[]},setPanelWidth(s){const r=Math.floor(window.innerWidth*.9);this.panelWidth=Math.max(320,Math.min(r,s)),this.isFullScreen=!1,this._persist()},toggleFullScreen(){this.isFullScreen=!this.isFullScreen,this._persist()},async loadTokenUsage(){try{this.tokenUsage=await ke()}catch(s){console.error("[@cgs/ai-chat] 加载 Token 用量失败",s)}},updateTokenUsage(s){this.tokenUsage&&(this.tokenUsage.usedTokens+=s,this.tokenUsage.limitTokens>0&&(this.tokenUsage.remainingTokens=Math.max(0,this.tokenUsage.limitTokens-this.tokenUsage.usedTokens),this.tokenUsage.limitReached=this.tokenUsage.remainingTokens<=0),this.tokenUsage.requestCount++)},_persist(){we(this.$state)}},getters:{isVisible:s=>s.visible,getCurrentSessionId:s=>s.currentSessionId,getSessions:s=>s.sessions,getMessages:s=>s.messages,isLoading:s=>s.loading,isSending:s=>s.sending,sessionHasMore:s=>s.sessions.length<s.sessionTotal}}),Se=e.defineComponent({__name:"AiChatFloat",setup(s){const t=L(),r=()=>t.toggleVisible(),i=e.ref(!1),a=()=>{i.value=window.innerWidth<768},l=e.computed(()=>i.value?{position:"fixed",right:"50%",bottom:"24px",transform:"translateX(50%)",zIndex:"999"}:{position:"fixed",right:"24px",bottom:"80px",zIndex:"999"});return e.onMounted(()=>{a(),window.addEventListener("resize",a)}),e.onUnmounted(()=>{window.removeEventListener("resize",a)}),(c,M)=>{const g=e.resolveComponent("el-icon"),V=e.resolveComponent("el-tooltip");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ai-chat-float",{"is-mobile":i.value}]),style:e.normalizeStyle(l.value),onClick:r},[e.createVNode(V,{content:"AI助手",placement:"left","show-after":300},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["float-btn",{"is-active":e.unref(t).visible}])},[e.createVNode(g,{size:24},{default:e.withCtx(()=>[e.createVNode(e.unref(w.ChatDotRound))]),_:1})],2)]),_:1})],6)}}}),R=(s,t)=>{const r=s.__vccOpts||s;for(const[i,a]of t)r[i]=a;return r},H=R(Se,[["__scopeId","data-v-fc7be81c"]]),Ce={class:"avatar"},ye={class:"content"},Ee={key:0,class:"message-images"},Ne=["src"],Te=["innerHTML"],Ve={key:0,class:"reasoning-section"},xe=["innerHTML"],Be=["innerHTML"],Me={key:2,class:"loading-placeholder"},be={key:3,class:"loading-placeholder"},Ae={class:"time"},ee=R(e.defineComponent({__name:"AiChatMessage",props:{message:{}},setup(s){const t=s,r=L(),i=e.ref(!1),a=e.computed({get:()=>r.sending?!0:i.value,set:p=>{i.value=p}});function l(p){if(!p)return"";const f=[],C=E=>{const N=f.length;return f.push(E),`\0PH${N}\0`};let d=p;return d=d.replace(/```(\w*)\n([\s\S]*?)```/g,(E,N,I)=>C(`<pre class="code-block"><code>${g(I)}</code></pre>`)),d=d.replace(/`([^`]+)`/g,(E,N)=>C(`<code class="inline-code">${g(N)}</code>`)),d=d.replace(/\*\*(.+?)\*\*/g,(E,N)=>C(`<strong>${g(N)}</strong>`)),d=g(d),d=d.replace(/\n/g,"<br>"),d=d.replace(/\x00PH(\d+)\x00/g,(E,N)=>f[parseInt(N)]),d}const c=e.computed(()=>l(t.message.reasoningContent||"")),M=e.computed(()=>l(t.message.content||""));function g(p){return p.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}const V=p=>p?new Date(p).toLocaleTimeString("zh-CN",{hour:"2-digit",minute:"2-digit"}):"";return(p,f)=>{const C=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["message-item",[s.message.role]])},[e.createElementVNode("div",Ce,[s.message.role==="assistant"?(e.openBlock(),e.createBlock(C,{key:0,size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(w.Monitor))]),_:1})):(e.openBlock(),e.createBlock(C,{key:1,size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(w.User))]),_:1}))]),e.createElementVNode("div",ye,[s.message.role==="user"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.message.images&&s.message.images.length>0?(e.openBlock(),e.createElementBlock("div",Ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.message.images,(d,E)=>(e.openBlock(),e.createElementBlock("img",{key:E,src:d,class:"message-image",alt:"图片"},null,8,Ne))),128))])):e.createCommentVNode("",!0),s.message.content&&s.message.content!=="[图片]"?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text",innerHTML:M.value},null,8,Te)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s.message.reasoningContent?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("div",{class:"reasoning-toggle",onClick:f[0]||(f[0]=d=>a.value=!a.value)},[e.createVNode(C,{size:14},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value?e.unref(w.ArrowDown):e.unref(w.ArrowRight))))]),_:1}),f[1]||(f[1]=e.createElementVNode("span",null,"AI 思考过程",-1))]),e.withDirectives(e.createElementVNode("div",{class:"reasoning-body",innerHTML:c.value},null,8,xe),[[e.vShow,a.value]])])):e.createCommentVNode("",!0),s.message.content?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text",innerHTML:M.value},null,8,Be)):s.message.reasoningContent?(e.openBlock(),e.createElementBlock("div",Me,"正在组织回答...")):(e.openBlock(),e.createElementBlock("div",be,"正在思考..."))],64)),e.createElementVNode("div",Ae,e.toDisplayString(V(s.message.createTime)),1)])],2)}}}),[["__scopeId","data-v-ee95845e"]]),Ie={key:0,class:"width-tooltip"},$e={class:"panel-container"},Le={class:"panel-header"},Re={class:"header-left"},Ue={key:0,class:"token-usage"},ze={key:1,class:"preset-btns"},We={class:"header-right"},Pe={class:"chat-container"},Fe={key:0,class:"session-list"},De={class:"session-header"},He=["onClick"],Oe={class:"session-title"},Xe={class:"session-meta"},je={key:0,class:"session-load-more"},qe={key:1,class:"session-load-more session-no-more"},Je={class:"messages-area"},Ge={class:"messages-content"},Ke={key:0,class:"typing-indicator"},Ye={key:0,class:"pending-images"},Ze={class:"image-index"},Qe=["src"],ve={class:"input-area"},et=4,tt=.25,st=.38,O=R(e.defineComponent({__name:"AiChatDrawer",setup(s){const t=L();let r=new AbortController;const i=e.computed({get:()=>t.visible,set:n=>t.setVisible(n)}),a=e.computed(()=>t.panelWidth),l=e.computed(()=>t.isFullScreen),c=e.ref(!1),M=()=>{c.value=window.innerWidth<768},g=e.computed(()=>c.value?{width:"100%"}:l.value?{width:"100%"}:{width:`${a.value}px`}),V=e.computed(()=>{const n=t.tokenUsage;return n?n.limitTokens===0?`${n.usedTokens} tokens`:`${n.usedTokens}/${n.limitTokens}`:""}),p=e.computed(()=>{const n=t.tokenUsage;return n?n.limitTokens===0?`今日已使用 ${n.usedTokens} tokens（不限制）`:n.limitReached?"今日配额已用完，请明天再试":`今日已使用 ${n.usedTokens}/${n.limitTokens} tokens，剩余 ${n.remainingTokens}`:""}),f=e.ref(""),C=e.ref(!1),d=e.ref([]),E=e.ref(),N=e.ref(),I=e.ref(window.innerWidth),te=()=>{I.value=window.innerWidth,M()},se=e.computed(()=>c.value?window.innerWidth:Math.max(320,Math.round(I.value*tt))),ne=e.computed(()=>c.value?window.innerWidth:Math.max(420,Math.round(I.value*st))),X=e.computed(()=>a.value/I.value),it=e.computed(()=>!l.value&&X.value<=.3),rt=e.computed(()=>!l.value&&X.value>.3&&X.value<=.45),lt=e.computed(()=>`窄 (${se.value}px)`),ct=e.computed(()=>`宽 (${ne.value}px)`),A=e.ref(!1),U=e.ref(0),z=e.ref(0);let S=null;const dt=n=>{A.value=!0,U.value=n.clientX,z.value=a.value,document.addEventListener("mousemove",j),document.addEventListener("mouseup",J),document.body.style.cursor="ew-resize",document.body.style.userSelect="none"},mt=n=>{n.touches.length===1&&(A.value=!0,U.value=n.touches[0].clientX,z.value=a.value,document.addEventListener("touchmove",q),document.addEventListener("touchend",G))},j=n=>{A.value&&(S&&cancelAnimationFrame(S),S=requestAnimationFrame(()=>{const o=z.value+(U.value-n.clientX),m=Math.max(320,Math.min(window.innerWidth/2,o));t.setPanelWidth(m)}))},q=n=>{!A.value||n.touches.length!==1||(S&&cancelAnimationFrame(S),S=requestAnimationFrame(()=>{const o=z.value+(U.value-n.touches[0].clientX),m=Math.max(320,Math.min(window.innerWidth/2,o));t.setPanelWidth(m)}))},J=()=>{A.value=!1,S&&(cancelAnimationFrame(S),S=null),document.removeEventListener("mousemove",j),document.removeEventListener("mouseup",J),document.body.style.cursor="",document.body.style.userSelect=""},G=()=>{A.value=!1,S&&(cancelAnimationFrame(S),S=null),document.removeEventListener("touchmove",q),document.removeEventListener("touchend",G)},oe=n=>t.setPanelWidth(n),gt=()=>t.toggleFullScreen(),ae=()=>t.setVisible(!1),ht=async n=>{const o=n.clipboardData?.items;if(o)for(let m=0;m<o.length;m++){const k=o[m];if(k.type.startsWith("image/")){if(n.preventDefault(),d.value.length>=et){B.ElMessage.warning("最多只能上传4张图片");return}const u=k.getAsFile();if(u){const x=await pt(u);d.value.push(x)}}}},pt=n=>new Promise(o=>{const m=new FileReader;m.onload=k=>o(k.target.result),m.readAsDataURL(n)}),ft=n=>n?.length>30?n.substring(0,30)+"...":n,kt=({scrollTop:n})=>{const o=N.value?.wrapRef;o&&n+o.clientHeight>=o.scrollHeight-150&&t.loadMoreSessions()},K=()=>{E.value?.wrapRef&&(E.value.wrapRef.scrollTop=E.value.wrapRef.scrollHeight)};e.watch(()=>t.messages.length,()=>e.nextTick(K)),e.watch(i,n=>{n&&(t.currentSessionId||t.loadSessions(),t.loadTokenUsage())});const ut=async()=>{const n=await t.createSession();n?(t.setCurrentSession(n,!1),C.value=!1):B.ElMessage.error("创建对话失败，请检查网络或重新登录")},_t=n=>{t.setCurrentSession(n.id),C.value=!1},wt=async n=>{await t.deleteSession(n)},ie=async()=>{const n=f.value.trim(),o=[...d.value];if(!n&&o.length===0||t.sending)return;f.value="",d.value=[],t.setSending(!0),r=new AbortController;let m=t.currentSessionId;if(!m){if(m=await t.createSession(),!m){t.setSending(!1),f.value=n,d.value=o,B.ElMessage.error("创建对话失败，请检查网络或重新登录");return}t.setCurrentSession(m,!1)}const k={id:Date.now(),sessionId:m,role:"user",content:n||"[图片]",images:o.length>0?o:void 0,createTime:new Date().toISOString()};t.addMessage(k);const u={id:Date.now()+1,sessionId:m,role:"assistant",content:"",createTime:new Date().toISOString()};t.addMessage(u);try{const b=(await ue({sessionId:m,message:n||"[图片]",images:o.length>0?o:void 0,signal:r.signal})).body?.getReader(),h=new TextDecoder;if(b){let T="";for(;;){const{done:re,value:St}=await b.read();if(re)break;T+=h.decode(St,{stream:!0});const le=T.split(`
|
|
2
|
-
`);T=le.pop()??"";let ce="";for(const W of le)if(W.startsWith("event:"))ce=W.slice(6).trim();else if(W.startsWith("data:"))try{const y=JSON.parse(W.slice(5).trim());if(ce==="error"||y.error){t.updateLastAssistantMessage(y.error||"服务异常，请重试。"),B.ElMessage.error(y.error||"服务异常，请重试");break}y.done||(y.reasoningContent&&(t.updateLastAssistantReasoning(y.reasoningContent),e.nextTick(K)),y.content&&(t.updateLastAssistantMessage(y.content),e.nextTick(K))),y.sessionId&&!t.currentSessionId&&t.setCurrentSession(y.sessionId),y.done&&y.usage&&t.updateTokenUsage(y.usage.totalTokens)}catch{}}}}catch(x){if(x.name==="AbortError")console.log("[@cgs/ai-chat] 请求已取消");else if(x.message?.startsWith("AUTH_EXPIRED:")){const
|
|
1
|
+
(function(_,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@element-plus/icons-vue"),require("pinia"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","@element-plus/icons-vue","pinia","element-plus"],e):(_=typeof globalThis<"u"?globalThis:_||self,e(_.AiChat={},_.Vue,_.ElementPlusIconsVue,_.Pinia,_.ElementPlus))})(this,(function(_,e,w,de,B){"use strict";let P=null;function me(s){P=s}function F(){if(!P)throw new Error("[@cgs/ai-chat] 插件未安装，请先调用 app.use(AiChat, options)");return P}function ge(s){try{const t=s.split(".");if(t.length!==3)return null;const r=t[1].replace(/-/g,"+").replace(/_/g,"/"),i=decodeURIComponent(atob(r).split("").map(a=>"%"+("00"+a.charCodeAt(0).toString(16)).slice(-2)).join(""));return JSON.parse(i,(a,l)=>typeof l=="number"&&!Number.isSafeInteger(l)?String(l):l)}catch{return null}}function Y(s){const t=F(),r={...s};if(t.getToken){const i=t.getToken();if(i){r["x-access-token"]=i;const a=ge(i);a&&(a.details_user_id&&(r.details_user_id=String(a.details_user_id)),a.details_username&&(r.details_username=String(a.details_username)),a.details_tenant_id&&(r.details_tenant_id=String(a.details_tenant_id)),a.details_app_id&&(r.details_app_id=String(a.details_app_id)))}}return r}async function $(s,t,r){const i=F(),a=Y({"Content-Type":"application/json"});let l=r;r&&typeof r=="object"?(l={...r},!l.tenantId&&i.getTenantId&&(l.tenantId=i.getTenantId()),!l.appId&&i.getAppId&&(l.appId=i.getAppId())):(s==="POST"||s==="PUT")&&!r&&(l={},i.getTenantId&&(l.tenantId=i.getTenantId()),i.getAppId&&(l.appId=i.getAppId()));const c=await fetch(`${i.baseUrl}${t}`,{method:s,headers:a,body:l!==void 0?JSON.stringify(l):void 0}),b=await c.text(),g=JSON.parse(b,(V,p)=>typeof p=="number"&&!Number.isSafeInteger(p)?String(p):p);if(!c.ok){const V=g?.msg||g?.message||g?.detail||"";throw new Error(`HTTP ${c.status}: ${t}${V?` — ${V}`:""}`)}if(g?.code===401)throw new Error(`AUTH_EXPIRED:${g.msg||"认证失败，请重新登录"}`);if(g?.code&&g.code!==200&&g.code!==0)throw new Error(`${g.msg||g.message||"请求失败"} (code: ${g.code})`);return g.data}const he=()=>$("POST","/session/create"),Z=s=>$("POST","/session/page",s).then(t=>({list:t?.records??[],total:t?.total??0})),pe=s=>$("GET",`/session/${s}/messages`),fe=s=>$("DELETE",`/session/${s}`),ke=()=>$("GET","/usage/today");async function ue(s){const t=F(),r=Y({"Content-Type":"application/json"}),i={...s};!i.tenantId&&t.getTenantId&&(i.tenantId=t.getTenantId()),!i.appId&&t.getAppId&&(i.appId=t.getAppId());const a=await fetch(`${t.baseUrl}/chat/stream`,{method:"POST",headers:r,body:JSON.stringify(i),signal:s.signal});if(!a.ok)throw new Error(`流式请求失败: HTTP ${a.status}`);const l=a.clone();try{const c=await l.json();if(c?.code===401)throw new Error(`AUTH_EXPIRED:${c.msg||"认证失败，请重新登录"}`);if(c?.code&&c.code!==200&&c.code!==0)throw new Error(`${c.msg||"请求失败"} (code: ${c.code})`)}catch(c){if(c instanceof Error&&c.message.startsWith("AUTH_EXPIRED:"))throw c}return a}const Q="cgs-ai-chat-state";function _e(){try{const s=localStorage.getItem(Q);return s?JSON.parse(s):{}}catch{return{}}}function we(s){try{localStorage.setItem(Q,JSON.stringify({currentSessionId:s.currentSessionId,panelWidth:s.panelWidth,isFullScreen:s.isFullScreen}))}catch{}}const v=15,D=_e(),L=de.defineStore("cgs-ai-chat",{state:()=>({visible:!1,currentSessionId:D.currentSessionId??null,sessions:[],sessionPage:1,sessionTotal:0,sessionLoadingMore:!1,messages:[],loading:!1,sending:!1,panelWidth:D.panelWidth??(typeof window<"u"?Math.max(320,Math.round(window.innerWidth*.25)):420),isFullScreen:D.isFullScreen??!1,tokenUsage:null}),actions:{toggleVisible(){this.visible=!this.visible},setVisible(s){this.visible=s},setCurrentSession(s,t=!0){this.currentSessionId=s,this._persist(),this.messages=[],s&&t&&this.loadMessages(s)},addMessage(s){this.messages.push(s)},updateLastAssistantMessage(s){for(let t=this.messages.length-1;t>=0;t--)if(this.messages[t].role==="assistant"){this.messages[t]={...this.messages[t],content:(this.messages[t].content||"")+s};break}},updateLastAssistantReasoning(s){for(let t=this.messages.length-1;t>=0;t--)if(this.messages[t].role==="assistant"){this.messages[t]={...this.messages[t],reasoningContent:(this.messages[t].reasoningContent||"")+s};break}},async loadSessions(){this.loading=!0,this.sessionPage=1;try{const s=await Z({pageNum:1,pageSize:v});this.sessions=s.list,this.sessionTotal=s.total}finally{this.loading=!1}},async loadMoreSessions(){if(!(this.sessionLoadingMore||this.sessions.length>=this.sessionTotal)){this.sessionLoadingMore=!0;try{const s=this.sessionPage+1,t=await Z({pageNum:s,pageSize:v});this.sessions=[...this.sessions,...t.list],this.sessionTotal=t.total,this.sessionPage=s}finally{this.sessionLoadingMore=!1}}},async loadMessages(s){this.loading=!0;try{const t=await pe(s);this.currentSessionId===s&&(this.messages=t)}finally{this.loading=!1}},async createSession(){try{const s=await he();return await this.loadSessions(),s}catch(s){return console.error("[@cgs/ai-chat] 创建会话失败",s),null}},async deleteSession(s){try{await fe(s),await this.loadSessions(),this.currentSessionId===s&&(this.currentSessionId=null,this.messages=[],this._persist())}catch(t){console.error("[@cgs/ai-chat] 删除会话失败",t)}},setSending(s){this.sending=s},clearMessages(){this.messages=[]},setPanelWidth(s){const r=Math.floor(window.innerWidth*.9);this.panelWidth=Math.max(320,Math.min(r,s)),this.isFullScreen=!1,this._persist()},toggleFullScreen(){this.isFullScreen=!this.isFullScreen,this._persist()},async loadTokenUsage(){try{this.tokenUsage=await ke()}catch(s){console.error("[@cgs/ai-chat] 加载 Token 用量失败",s)}},updateTokenUsage(s){this.tokenUsage&&(this.tokenUsage.usedTokens+=s,this.tokenUsage.limitTokens>0&&(this.tokenUsage.remainingTokens=Math.max(0,this.tokenUsage.limitTokens-this.tokenUsage.usedTokens),this.tokenUsage.limitReached=this.tokenUsage.remainingTokens<=0),this.tokenUsage.requestCount++)},_persist(){we(this.$state)}},getters:{isVisible:s=>s.visible,getCurrentSessionId:s=>s.currentSessionId,getSessions:s=>s.sessions,getMessages:s=>s.messages,isLoading:s=>s.loading,isSending:s=>s.sending,sessionHasMore:s=>s.sessions.length<s.sessionTotal}}),Se=e.defineComponent({__name:"AiChatFloat",setup(s){const t=L(),r=()=>t.toggleVisible(),i=e.ref(!1),a=()=>{i.value=window.innerWidth<768},l=e.computed(()=>i.value?{position:"fixed",right:"50%",bottom:"24px",transform:"translateX(50%)",zIndex:"999"}:{position:"fixed",right:"24px",bottom:"80px",zIndex:"999"});return e.onMounted(()=>{a(),window.addEventListener("resize",a)}),e.onUnmounted(()=>{window.removeEventListener("resize",a)}),(c,b)=>{const g=e.resolveComponent("el-icon"),V=e.resolveComponent("el-tooltip");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ai-chat-float",{"is-mobile":i.value}]),style:e.normalizeStyle(l.value),onClick:r},[e.createVNode(V,{content:"AI助手",placement:"left","show-after":300},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["float-btn",{"is-active":e.unref(t).visible}])},[e.createVNode(g,{size:24},{default:e.withCtx(()=>[e.createVNode(e.unref(w.ChatDotRound))]),_:1})],2)]),_:1})],6)}}}),R=(s,t)=>{const r=s.__vccOpts||s;for(const[i,a]of t)r[i]=a;return r},H=R(Se,[["__scopeId","data-v-fc7be81c"]]),Ce={class:"avatar"},ye={class:"content"},Ee={key:0,class:"message-images"},Ne=["src"],Te=["innerHTML"],Ve={key:0,class:"reasoning-section"},xe=["innerHTML"],Be=["innerHTML"],be={key:2,class:"loading-placeholder"},Me={key:3,class:"loading-placeholder"},Ae={class:"time"},ee=R(e.defineComponent({__name:"AiChatMessage",props:{message:{}},setup(s){const t=s,r=L(),i=e.ref(!1),a=e.computed({get:()=>r.sending?!0:i.value,set:p=>{i.value=p}});function l(p){if(!p)return"";const f=[],C=E=>{const N=f.length;return f.push(E),`\0PH${N}\0`};let d=p;return d=d.replace(/```(\w*)\n([\s\S]*?)```/g,(E,N,I)=>C(`<pre class="code-block"><code>${g(I)}</code></pre>`)),d=d.replace(/`([^`]+)`/g,(E,N)=>C(`<code class="inline-code">${g(N)}</code>`)),d=d.replace(/\*\*(.+?)\*\*/g,(E,N)=>C(`<strong>${g(N)}</strong>`)),d=g(d),d=d.replace(/\n/g,"<br>"),d=d.replace(/\x00PH(\d+)\x00/g,(E,N)=>f[parseInt(N)]),d}const c=e.computed(()=>l(t.message.reasoningContent||"")),b=e.computed(()=>l(t.message.content||""));function g(p){return p.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}const V=p=>p?new Date(p).toLocaleTimeString("zh-CN",{hour:"2-digit",minute:"2-digit"}):"";return(p,f)=>{const C=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["message-item",[s.message.role]])},[e.createElementVNode("div",Ce,[s.message.role==="assistant"?(e.openBlock(),e.createBlock(C,{key:0,size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(w.Monitor))]),_:1})):(e.openBlock(),e.createBlock(C,{key:1,size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(w.User))]),_:1}))]),e.createElementVNode("div",ye,[s.message.role==="user"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.message.images&&s.message.images.length>0?(e.openBlock(),e.createElementBlock("div",Ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.message.images,(d,E)=>(e.openBlock(),e.createElementBlock("img",{key:E,src:d,class:"message-image",alt:"图片"},null,8,Ne))),128))])):e.createCommentVNode("",!0),s.message.content&&s.message.content!=="[图片]"?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text",innerHTML:b.value},null,8,Te)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s.message.reasoningContent?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("div",{class:"reasoning-toggle",onClick:f[0]||(f[0]=d=>!e.unref(r).sending&&(a.value=!a.value))},[e.createVNode(C,{size:14},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value?e.unref(w.ArrowDown):e.unref(w.ArrowRight))))]),_:1}),f[1]||(f[1]=e.createElementVNode("span",null,"AI 思考过程",-1))]),e.withDirectives(e.createElementVNode("div",{class:"reasoning-body",innerHTML:c.value},null,8,xe),[[e.vShow,a.value]])])):e.createCommentVNode("",!0),s.message.content?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text",innerHTML:b.value},null,8,Be)):s.message.reasoningContent?(e.openBlock(),e.createElementBlock("div",be,"正在组织回答...")):(e.openBlock(),e.createElementBlock("div",Me,"正在思考..."))],64)),e.createElementVNode("div",Ae,e.toDisplayString(V(s.message.createTime)),1)])],2)}}}),[["__scopeId","data-v-f5d45b2e"]]),Ie={key:0,class:"width-tooltip"},$e={class:"panel-container"},Le={class:"panel-header"},Re={class:"header-left"},Ue={key:0,class:"token-usage"},ze={key:1,class:"preset-btns"},We={class:"header-right"},Pe={class:"chat-container"},Fe={key:0,class:"session-list"},De={class:"session-header"},He=["onClick"],Oe={class:"session-title"},Xe={class:"session-meta"},je={key:0,class:"session-load-more"},qe={key:1,class:"session-load-more session-no-more"},Je={class:"messages-area"},Ge={class:"messages-content"},Ke={key:0,class:"typing-indicator"},Ye={key:0,class:"pending-images"},Ze={class:"image-index"},Qe=["src"],ve={class:"input-area"},et=4,tt=.25,st=.38,O=R(e.defineComponent({__name:"AiChatDrawer",setup(s){const t=L();let r=new AbortController;const i=e.computed({get:()=>t.visible,set:n=>t.setVisible(n)}),a=e.computed(()=>t.panelWidth),l=e.computed(()=>t.isFullScreen),c=e.ref(!1),b=()=>{c.value=window.innerWidth<768},g=e.computed(()=>c.value?{width:"100%"}:l.value?{width:"100%"}:{width:`${a.value}px`}),V=e.computed(()=>{const n=t.tokenUsage;return n?n.limitTokens===0?`${n.usedTokens} tokens`:`${n.usedTokens}/${n.limitTokens}`:""}),p=e.computed(()=>{const n=t.tokenUsage;return n?n.limitTokens===0?`今日已使用 ${n.usedTokens} tokens（不限制）`:n.limitReached?"今日配额已用完，请明天再试":`今日已使用 ${n.usedTokens}/${n.limitTokens} tokens，剩余 ${n.remainingTokens}`:""}),f=e.ref(""),C=e.ref(!1),d=e.ref([]),E=e.ref(),N=e.ref(),I=e.ref(window.innerWidth),te=()=>{I.value=window.innerWidth,b()},se=e.computed(()=>c.value?window.innerWidth:Math.max(320,Math.round(I.value*tt))),ne=e.computed(()=>c.value?window.innerWidth:Math.max(420,Math.round(I.value*st))),X=e.computed(()=>a.value/I.value),it=e.computed(()=>!l.value&&X.value<=.3),rt=e.computed(()=>!l.value&&X.value>.3&&X.value<=.45),lt=e.computed(()=>`窄 (${se.value}px)`),ct=e.computed(()=>`宽 (${ne.value}px)`),A=e.ref(!1),U=e.ref(0),z=e.ref(0);let S=null;const dt=n=>{A.value=!0,U.value=n.clientX,z.value=a.value,document.addEventListener("mousemove",j),document.addEventListener("mouseup",J),document.body.style.cursor="ew-resize",document.body.style.userSelect="none"},mt=n=>{n.touches.length===1&&(A.value=!0,U.value=n.touches[0].clientX,z.value=a.value,document.addEventListener("touchmove",q),document.addEventListener("touchend",G))},j=n=>{A.value&&(S&&cancelAnimationFrame(S),S=requestAnimationFrame(()=>{const o=z.value+(U.value-n.clientX),m=Math.max(320,Math.min(window.innerWidth/2,o));t.setPanelWidth(m)}))},q=n=>{!A.value||n.touches.length!==1||(S&&cancelAnimationFrame(S),S=requestAnimationFrame(()=>{const o=z.value+(U.value-n.touches[0].clientX),m=Math.max(320,Math.min(window.innerWidth/2,o));t.setPanelWidth(m)}))},J=()=>{A.value=!1,S&&(cancelAnimationFrame(S),S=null),document.removeEventListener("mousemove",j),document.removeEventListener("mouseup",J),document.body.style.cursor="",document.body.style.userSelect=""},G=()=>{A.value=!1,S&&(cancelAnimationFrame(S),S=null),document.removeEventListener("touchmove",q),document.removeEventListener("touchend",G)},oe=n=>t.setPanelWidth(n),gt=()=>t.toggleFullScreen(),ae=()=>t.setVisible(!1),ht=async n=>{const o=n.clipboardData?.items;if(o)for(let m=0;m<o.length;m++){const k=o[m];if(k.type.startsWith("image/")){if(n.preventDefault(),d.value.length>=et){B.ElMessage.warning("最多只能上传4张图片");return}const u=k.getAsFile();if(u){const x=await pt(u);d.value.push(x)}}}},pt=n=>new Promise(o=>{const m=new FileReader;m.onload=k=>o(k.target.result),m.readAsDataURL(n)}),ft=n=>n?.length>30?n.substring(0,30)+"...":n,kt=({scrollTop:n})=>{const o=N.value?.wrapRef;o&&n+o.clientHeight>=o.scrollHeight-150&&t.loadMoreSessions()},K=()=>{E.value?.wrapRef&&(E.value.wrapRef.scrollTop=E.value.wrapRef.scrollHeight)};e.watch(()=>t.messages.length,()=>e.nextTick(K)),e.watch(i,n=>{n&&(t.currentSessionId||t.loadSessions(),t.loadTokenUsage())});const ut=async()=>{const n=await t.createSession();n?(t.setCurrentSession(n,!1),C.value=!1):B.ElMessage.error("创建对话失败，请检查网络或重新登录")},_t=n=>{t.setCurrentSession(n.id),C.value=!1},wt=async n=>{await t.deleteSession(n)},ie=async()=>{const n=f.value.trim(),o=[...d.value];if(!n&&o.length===0||t.sending)return;f.value="",d.value=[],t.setSending(!0),r=new AbortController;let m=t.currentSessionId;if(!m){if(m=await t.createSession(),!m){t.setSending(!1),f.value=n,d.value=o,B.ElMessage.error("创建对话失败，请检查网络或重新登录");return}t.setCurrentSession(m,!1)}const k={id:Date.now(),sessionId:m,role:"user",content:n||"[图片]",images:o.length>0?o:void 0,createTime:new Date().toISOString()};t.addMessage(k);const u={id:Date.now()+1,sessionId:m,role:"assistant",content:"",createTime:new Date().toISOString()};t.addMessage(u);try{const M=(await ue({sessionId:m,message:n||"[图片]",images:o.length>0?o:void 0,signal:r.signal})).body?.getReader(),h=new TextDecoder;if(M){let T="";for(;;){const{done:re,value:St}=await M.read();if(re)break;T+=h.decode(St,{stream:!0});const le=T.split(`
|
|
2
|
+
`);T=le.pop()??"";let ce="";for(const W of le)if(W.startsWith("event:"))ce=W.slice(6).trim();else if(W.startsWith("data:"))try{const y=JSON.parse(W.slice(5).trim());if(ce==="error"||y.error){t.updateLastAssistantMessage(y.error||"服务异常，请重试。"),B.ElMessage.error(y.error||"服务异常，请重试");break}y.done||(y.reasoningContent&&(t.updateLastAssistantReasoning(y.reasoningContent),e.nextTick(K)),y.content&&(t.updateLastAssistantMessage(y.content),e.nextTick(K))),y.sessionId&&!t.currentSessionId&&t.setCurrentSession(y.sessionId),y.done&&y.usage&&t.updateTokenUsage(y.usage.totalTokens)}catch{}}}}catch(x){if(x.name==="AbortError")console.log("[@cgs/ai-chat] 请求已取消");else if(x.message?.startsWith("AUTH_EXPIRED:")){const M=x.message.replace("AUTH_EXPIRED:","");console.error("[@cgs/ai-chat] 认证过期",M),t.updateLastAssistantMessage(`认证失败：${M}`),B.ElMessage.error({message:M,duration:5e3,showClose:!0})}else console.error("[@cgs/ai-chat] 发送消息失败",x),t.updateLastAssistantMessage("抱歉，发生了错误，请重试。"),B.ElMessage.error({message:"消息发送失败，请检查网络连接",duration:3e3,showClose:!0})}finally{t.setSending(!1),t.loadSessions()}};return e.onMounted(()=>{window.addEventListener("resize",te),b()}),e.onUnmounted(()=>{r.abort(),window.removeEventListener("resize",te),document.removeEventListener("mousemove",j),document.removeEventListener("mouseup",J),document.removeEventListener("touchmove",q),document.removeEventListener("touchend",G),S&&cancelAnimationFrame(S)}),(n,o)=>{const m=e.resolveComponent("el-tooltip"),k=e.resolveComponent("el-icon"),u=e.resolveComponent("el-button"),x=e.resolveComponent("el-empty"),M=e.resolveComponent("el-input");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,{name:"slide"},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["ai-chat-panel",{"full-screen":l.value,"is-mobile":c.value}]),style:e.normalizeStyle(g.value)},[c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"resize-handle",onMousedown:dt,onTouchstart:e.withModifiers(mt,["prevent"])},[o[5]||(o[5]=e.createElementVNode("div",{class:"resize-bar"},null,-1)),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[A.value?(e.openBlock(),e.createElementBlock("div",Ie,e.toDisplayString(Math.round(a.value))+"px ",1)):e.createCommentVNode("",!0)]),_:1})],32)),e.createElementVNode("div",$e,[e.createElementVNode("div",Le,[e.createElementVNode("div",Re,[o[6]||(o[6]=e.createElementVNode("span",{class:"title"},"AI助手",-1)),e.unref(t).tokenUsage?(e.openBlock(),e.createElementBlock("div",Ue,[e.createVNode(m,{content:p.value,placement:"bottom"},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass({"limit-warning":e.unref(t).tokenUsage.limitReached})},e.toDisplayString(V.value),3)]),_:1},8,["content"])])):e.createCommentVNode("",!0),c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ze,[e.createVNode(m,{content:lt.value,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(u,{size:"small",type:it.value?"primary":"default",link:"",onClick:o[0]||(o[0]=h=>oe(se.value))},{default:e.withCtx(()=>[e.createVNode(k,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.Grid))]),_:1})]),_:1},8,["type"])]),_:1},8,["content"]),e.createVNode(m,{content:ct.value,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(u,{size:"small",type:rt.value?"primary":"default",link:"",onClick:o[1]||(o[1]=h=>oe(ne.value))},{default:e.withCtx(()=>[e.createVNode(k,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.Menu))]),_:1})]),_:1},8,["type"])]),_:1},8,["content"]),e.createVNode(m,{content:l.value?"退出全屏":"全屏",placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(u,{size:"small",type:l.value?"primary":"default",link:"",onClick:gt},{default:e.withCtx(()=>[e.createVNode(k,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.FullScreen))]),_:1})]),_:1},8,["type"])]),_:1},8,["content"])]))]),e.createElementVNode("div",We,[e.createVNode(u,{type:"primary",link:"",onClick:ut},{default:e.withCtx(()=>[e.createVNode(k,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.Plus))]),_:1}),o[7]||(o[7]=e.createTextVNode("新对话 ",-1))]),_:1}),e.createVNode(u,{type:"default",link:"",onClick:ae},{default:e.withCtx(()=>[e.createVNode(k,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.Close))]),_:1})]),_:1})])]),e.createElementVNode("div",Pe,[C.value?(e.openBlock(),e.createElementBlock("div",Fe,[e.createElementVNode("div",De,[o[9]||(o[9]=e.createElementVNode("span",null,"历史对话",-1)),e.createVNode(u,{type:"primary",link:"",size:"small",onClick:o[2]||(o[2]=h=>C.value=!1)},{default:e.withCtx(()=>[...o[8]||(o[8]=[e.createTextVNode("返回聊天",-1)])]),_:1})]),e.createVNode(e.unref(B.ElScrollbar),{ref_key:"sessionScrollbarRef",ref:N,height:(c.value,"calc(100vh - 200px)"),onScroll:kt},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).sessions,h=>(e.openBlock(),e.createElementBlock("div",{key:h.id,class:e.normalizeClass(["session-item",{active:h.id===e.unref(t).currentSessionId}]),onClick:T=>_t(h)},[e.createVNode(m,{content:h.title,placement:"left","show-after":500},{default:e.withCtx(()=>[e.createElementVNode("div",Oe,e.toDisplayString(ft(h.title)),1)]),_:2},1032,["content"]),e.createElementVNode("div",Xe,[e.createElementVNode("span",null,e.toDisplayString(h.messageCount)+"条消息",1),e.createVNode(u,{type:"danger",link:"",size:"small",onClick:e.withModifiers(T=>wt(h.id),["stop"])},{default:e.withCtx(()=>[...o[10]||(o[10]=[e.createTextVNode("删除",-1)])]),_:1},8,["onClick"])])],10,He))),128)),e.unref(t).sessionLoadingMore?(e.openBlock(),e.createElementBlock("div",je,[e.createVNode(k,{class:"is-loading"},{default:e.withCtx(()=>[e.createVNode(e.unref(w.Loading))]),_:1}),o[11]||(o[11]=e.createElementVNode("span",null,"加载中...",-1))])):e.unref(t).sessions.length>0&&!e.unref(t).sessionHasMore?(e.openBlock(),e.createElementBlock("div",qe," 共 "+e.toDisplayString(e.unref(t).sessionTotal)+" 条对话 ",1)):e.createCommentVNode("",!0),e.unref(t).sessions.length===0?(e.openBlock(),e.createBlock(x,{key:2,description:"暂无历史对话"})):e.createCommentVNode("",!0)]),_:1},8,["height"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",Je,[e.createVNode(e.unref(B.ElScrollbar),{ref_key:"scrollbarRef",ref:E,height:"100%"},{default:e.withCtx(()=>[e.createElementVNode("div",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).messages,(h,T)=>(e.openBlock(),e.createBlock(ee,{key:T,message:h},null,8,["message"]))),128)),e.unref(t).sending?(e.openBlock(),e.createElementBlock("div",Ke,[...o[12]||(o[12]=[e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,null,-1)])])):e.createCommentVNode("",!0)])]),_:1},512)]),d.value.length>0?(e.openBlock(),e.createElementBlock("div",Ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(h,T)=>(e.openBlock(),e.createElementBlock("div",{key:T,class:"pending-image-wrap"},[e.createElementVNode("div",Ze,e.toDisplayString(T+1)+"/"+e.toDisplayString(d.value.length),1),e.createElementVNode("img",{src:h,class:"pending-image",alt:"待发送图片"},null,8,Qe),e.createVNode(u,{type:"danger",circle:"",size:"small",class:"remove-img",onClick:re=>d.value.splice(T,1)},{default:e.withCtx(()=>[e.createVNode(k,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.Close))]),_:1})]),_:1},8,["onClick"])]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",ve,[e.createVNode(u,{type:"primary",link:"",onClick:o[3]||(o[3]=h=>C.value=!0)},{default:e.withCtx(()=>[e.createVNode(k,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.List))]),_:1})]),_:1}),e.createVNode(M,{modelValue:f.value,"onUpdate:modelValue":o[4]||(o[4]=h=>f.value=h),type:"textarea",rows:2,maxlength:"2000","show-word-limit":"",placeholder:"输入消息... (Enter 发送，Shift+Enter 换行，Ctrl+V 粘贴截图)",resize:"none",disabled:e.unref(t).sending||e.unref(t).tokenUsage?.limitReached,onKeydown:e.withKeys(e.withModifiers(ie,["exact","prevent"]),["enter"]),onPaste:ht},null,8,["modelValue","disabled","onKeydown"]),e.createVNode(u,{type:"primary",icon:e.unref(w.Promotion),circle:"",loading:e.unref(t).sending,disabled:!f.value.trim()&&d.value.length===0||e.unref(t).sending||e.unref(t).tokenUsage?.limitReached,onClick:ie},null,8,["icon","loading","disabled"])]),o[13]||(o[13]=e.createElementVNode("div",{class:"ai-disclaimer"},"内容由AI生成，请仔细甄别",-1))],64))])])],6)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"ai-panel-overlay",onClick:ae})):e.createCommentVNode("",!0)]),_:1})],64)}}}),[["__scopeId","data-v-fde82f0b"]]),nt={class:"cgs-ai-chat-root"},ot=R(e.defineComponent({__name:"AiChat",setup(s){return(t,r)=>(e.openBlock(),e.createElementBlock("div",nt,[e.createVNode(H),e.createVNode(O)]))}}),[["__scopeId","data-v-4f2a75e5"]]),at={install(s,t){t?.baseUrl||console.warn("[@cgs/ai-chat] 警告：未提供 baseUrl，组件可能无法正常工作"),me(t),s.component("AiChat",ot),s.component("AiChatFloat",H),s.component("AiChatDrawer",O)}};_.AiChatDrawer=O,_.AiChatFloat=H,_.AiChatMessage=ee,_.default=at,_.useAiStore=L,Object.defineProperties(_,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|