@blueking/chat-x 0.0.45-dev.1 → 0.0.46-beta.1

package/dist/composables/use-message-group.d.ts

@@ -1,5 +1,6 @@
-import type { ComputedRef, Ref, ShallowRef } from 'vue';
+import type { ComputedRef, MaybeRef, Ref, ShallowRef } from 'vue';
 import { type Message, APPROVAL_STATUS, InterruptReason, MessageContentType, MessageRole, MessageStatus } from '../ag-ui/types';
+import { RenderMode } from '../common/constants';
 import type { UserQuestionInterrupt } from '../ag-ui/types/interrupt';
 export type MessageGroup = {
     checked: boolean;
@@ -14,6 +15,7 @@ export type MessageGroup = {
 export declare const useMessageGroup: (options: {
     keyword?: ShallowRef<string>;
     messages: ComputedRef<Message[]>;
+    renderMode?: MaybeRef<RenderMode>;
     selectedUserMessages: Ref<Message[] | undefined>;
 }) => {
     messageGroups: Ref<{

package/dist/index.js

@@ -2457,7 +2457,7 @@ var Ur = () => _(Br), Wr = (() => {
 				})) == null ? !1 : s
 			});
 		}
-		((n = e.messages.value.at(-1)) == null ? void 0 : n.role) === K.User && i.push({
+		((n = e.messages.value.at(-1)) == null ? void 0 : n.role) === K.User && R(e.renderMode) !== Pt.Share && i.push({
 			messages: [{
 				role: K.Loading,
 				content: "",
@@ -8013,61 +8013,70 @@ var Fd = ["src"], Id = {
 		onResume: { type: Function }
 	},
 	setup(t) {
-		let n = t, r = mi(), i = F(!1), { questions: o, answeredCount: u, totalCount: p, completed: m, getAnswer: h, setAnswer: g, buildResolvePayload: _, buildSkipPayload: v } = Af(() => n.interrupt), y = a(() => {
+		let n = t, r = mi(), i = F(!1), { questions: u, answeredCount: p, totalCount: m, completed: h, getAnswer: g, setAnswer: _, buildResolvePayload: v, buildSkipPayload: y } = Af(() => n.interrupt), x = a(() => {
 			var e;
 			return ((e = n.interrupt.metadata) == null || (e = e.questions) == null || (e = e[0]) == null ? void 0 : e.header) || n.interrupt.message || "";
-		}), x = () => {
+		}), C = () => {
 			i.value = !i.value;
-		}, C = () => {
-			i.value && (i.value = !1);
 		}, T = () => {
+			i.value && (i.value = !1);
+		}, E = F(null), D = () => {
 			var e;
-			m.value && ((e = n.onResume) == null || e.call(n, _(), n.interrupt));
-		}, E = () => {
+			!h.value || E.value !== null || (E.value = "complete", (e = n.onResume) == null || e.call(n, v(), n.interrupt));
+		}, O = () => {
 			var e;
-			(e = n.onResume) == null || e.call(n, v(), n.interrupt);
+			E.value === null && (E.value = "skip", (e = n.onResume) == null || e.call(n, y(), n.interrupt));
 		};
 		return (t, n) => (k(), c("section", { class: S(["ai-user-question-card", { "ai-user-question-card--collapsed": i.value }]) }, [
 			l("header", {
 				class: "ai-user-question-card__header",
-				onClick: C
-			}, [l("div", Jf, [f(z(Dn), { class: "ai-user-question-card__help-icon" }), U((k(), c("span", Yf, [d(I(y.value), 1)])), [[z(_i), Y({}, z(r))]])]), l("div", Xf, [l("span", Zf, I(z(u)) + " / " + I(z(p)), 1), f(z(mn), {
+				onClick: T
+			}, [l("div", Jf, [f(z(Dn), { class: "ai-user-question-card__help-icon" }), U((k(), c("span", Yf, [d(I(x.value), 1)])), [[z(_i), Y({}, z(r))]])]), l("div", Xf, [l("span", Zf, I(z(p)) + " / " + I(z(m)), 1), f(z(mn), {
 				class: "ai-user-question-card__arrow",
 				style: w({ transform: i.value ? "rotate(180deg)" : "rotate(-90deg)" }),
-				onClick: le(x, ["stop"])
+				onClick: le(C, ["stop"])
 			}, null, 8, ["style"])])]),
-			U(l("div", Qf, [(k(!0), c(e, null, M(z(o), (e, n) => (k(), c("div", {
+			U(l("div", Qf, [(k(!0), c(e, null, M(z(u), (e, n) => (k(), c("div", {
 				key: n,
 				class: "ai-user-question-card__question"
 			}, [l("div", $f, [l("span", ep, I(n + 1) + ". " + I(e.question), 1), e.multiSelect === void 0 ? s("", !0) : (k(), c("span", tp, I(e.multiSelect ? z(W)("多选") : z(W)("单选")), 1))]), l("div", np, [N(t.$slots, "question", b({ ref_for: !0 }, {
 				question: e,
 				qIndex: n,
-				answer: z(h)(n),
-				setAnswer: (e) => z(g)(n, e),
-				confirm: T
+				answer: z(g)(n),
+				setAnswer: (e) => z(_)(n, e),
+				confirm: D
 			}), () => [f(qf, {
 				question: e,
-				onAnswer: (e) => z(g)(n, e),
-				onConfirm: T
+				onAnswer: (e) => z(_)(n, e),
+				onConfirm: D
 			}, null, 8, ["question", "onAnswer"])])])]))), 128))], 512), [[ae, !i.value]]),
 			U(l("footer", rp, [f(z(ue), {
 				class: "ai-user-question-card__complete",
-				disabled: !z(m),
+				disabled: !z(h) || E.value === "skip",
+				loading: E.value === "complete",
 				size: "small",
 				theme: "primary",
-				onClick: T
+				onClick: D
 			}, {
-				default: H(() => [f(z(kn), { class: "ai-user-question-card__enter-icon" }), d(" " + I(z(W)("完成")), 1)]),
+				default: H(() => [E.value === "complete" ? s("", !0) : (k(), o(z(kn), {
+					key: 0,
+					class: "ai-user-question-card__enter-icon"
+				})), d(" " + I(z(W)("完成")), 1)]),
 				_: 1
-			}, 8, ["disabled"]), f(z(ue), {
+			}, 8, ["disabled", "loading"]), f(z(ue), {
 				class: "ai-user-question-card__skip",
+				disabled: E.value === "complete",
+				loading: E.value === "skip",
 				size: "small",
 				text: "",
-				onClick: E
+				onClick: O
 			}, {
-				default: H(() => [f(z(An), { class: "ai-user-question-card__skip-icon" }), d(" " + I(z(W)("跳过")), 1)]),
+				default: H(() => [E.value === "skip" ? s("", !0) : (k(), o(z(An), {
+					key: 0,
+					class: "ai-user-question-card__skip-icon"
+				})), d(" " + I(z(W)("跳过")), 1)]),
 				_: 1
-			})], 512), [[ae, !i.value]])
+			}, 8, ["disabled", "loading"])], 512), [[ae, !i.value]])
 		], 2));
 	}
 }), ap = { class: "ai-delete-confirm" }, op = { class: "ai-delete-confirm__title" }, sp = { class: "ai-delete-confirm__desc" }, cp = { class: "ai-delete-confirm__actions" }, lp = /* @__PURE__ */ m({
@@ -9218,12 +9227,12 @@ var Fd = ["src"], Id = {
 		readonly: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = mi(), { copy: r } = Pr(), i = new Set([G.PENDING, G.DRAFT]), u = new Set([
+		let t = e, n = mi(), r = di(), i = a(() => r.value === Pt.Share), { copy: u } = Pr(), p = new Set([G.PENDING, G.DRAFT]), m = new Set([
 			G.ABANDONED,
 			G.CANCELLED,
 			G.EXPIRED,
 			G.REJECTED
-		]), p = a(() => {
+		]), h = a(() => {
 			var e, n;
 			return (e = (n = t.interrupt.metadata) == null ? void 0 : n.ticket) == null ? {
 				approvers: [],
@@ -9233,68 +9242,70 @@ var Fd = ["src"], Id = {
 				title: "",
 				url: ""
 			} : e;
-		}), m = a(() => i.has(p.value.status)), h = a(() => m.value ? "pending" : p.value.status), g = a(() => {
+		}), g = a(() => p.has(h.value.status)), _ = a(() => g.value ? "pending" : h.value.status), v = a(() => {
 			var e;
-			return m.value ? W("评审中") : (e = vt[p.value.status]) == null ? p.value.status : e;
-		}), _ = a(() => p.value.approvers.filter(Boolean).join("、") || W("无")), v = a(() => p.value.url || p.value.sn), y = () => {
-			p.value.url && window.open(p.value.url, "_blank", "noopener");
-		}, b = () => {
-			v.value && r(v.value);
-		}, x = () => {
+			return g.value ? W("评审中") : (e = vt[h.value.status]) == null ? h.value.status : e;
+		}), y = a(() => h.value.approvers.filter(Boolean).join("、") || W("无")), b = a(() => h.value.url || h.value.sn), x = () => {
+			h.value.url && window.open(h.value.url, "_blank", "noopener");
+		}, C = () => {
+			b.value && u(b.value);
+		}, w = F(!1), T = () => {
 			var e;
-			(e = t.onInterruptResume) == null || e.call(t, {
+			w.value || (w.value = !0, (e = t.onInterruptResume) == null || e.call(t, {
 				operation: yt.ApprovalCancel,
 				payload: { interrupt_id: t.interrupt.id }
-			}, t.interrupt);
+			}, t.interrupt));
 		};
 		return (t, r) => (k(), c("section", oh, [
 			l("header", sh, [l("div", ch, [
 				r[0] || (r[0] = l("span", { class: "ai-tool-approval-card__title-bar" }, null, -1)),
-				l("span", lh, I(p.value.title || z(W)("算法方案评审单")), 1),
+				l("span", lh, I(h.value.title || z(W)("算法方案评审单")), 1),
 				U(f(z(Wn), {
-					class: S(["ai-tool-approval-card__copy-icon", { "is-disabled": !v.value }]),
-					onClick: b
+					class: S(["ai-tool-approval-card__copy-icon", { "is-disabled": !b.value }]),
+					onClick: C
 				}, null, 8, ["class"]), [[z(Ce), Y(Y({}, z(n)), {}, {
 					content: z(W)("复制单据链接"),
 					theme: "ai-chat-box",
 					offset: [0, 8]
 				})]])
-			]), l("span", { class: S(["ai-tool-approval-card__status", `ai-tool-approval-card__status--${h.value}`]) }, [p.value.status === z(G).APPROVED ? (k(), o(z(Cn), {
+			]), l("span", { class: S(["ai-tool-approval-card__status", `ai-tool-approval-card__status--${_.value}`]) }, [h.value.status === z(G).APPROVED ? (k(), o(z(Cn), {
 				key: 0,
 				class: "ai-tool-approval-card__status-icon"
-			})) : z(u).has(p.value.status) ? (k(), o(z(Tn), {
+			})) : z(m).has(h.value.status) ? (k(), o(z(Tn), {
 				key: 1,
 				class: "ai-tool-approval-card__status-icon"
-			})) : p.value.status === z(G).REVOKED ? (k(), o(z(En), {
+			})) : h.value.status === z(G).REVOKED ? (k(), o(z(En), {
 				key: 2,
-				class: S(["ai-tool-approval-card__status-icon", { "ai-tool-approval-card__status-icon--revoked": p.value.status === z(G).REVOKED }])
+				class: S(["ai-tool-approval-card__status-icon", { "ai-tool-approval-card__status-icon--revoked": h.value.status === z(G).REVOKED }])
 			}, null, 8, ["class"])) : (k(), o(z(he), {
 				key: 3,
 				class: "ai-tool-approval-card__status-icon",
 				mode: "spin",
 				size: "mini",
 				theme: "primary"
-			})), d(" " + I(g.value), 1)], 2)]),
-			l("dl", uh, [l("div", dh, [l("dt", null, I(z(W)("单据编号")), 1), l("dd", null, I(p.value.sn || "--"), 1)]), l("div", fh, [l("dt", null, I(z(W)("提交时间")), 1), l("dd", null, I(p.value.submit_time || "--"), 1)])]),
-			l("div", ph, [f(z(wn), { class: "ai-tool-approval-card__processor-icon" }), U((k(), c("span", mh, [d(I(z(W)("当前处理人")) + "：" + I(_.value), 1)])), [[z(_i), Y({}, z(n))]])]),
+			})), d(" " + I(v.value), 1)], 2)]),
+			l("dl", uh, [l("div", dh, [l("dt", null, I(z(W)("单据编号")), 1), l("dd", null, I(h.value.sn || "--"), 1)]), l("div", fh, [l("dt", null, I(z(W)("提交时间")), 1), l("dd", null, I(h.value.submit_time || "--"), 1)])]),
+			l("div", ph, [f(z(wn), { class: "ai-tool-approval-card__processor-icon" }), U((k(), c("span", mh, [d(I(z(W)("当前处理人")) + "：" + I(y.value), 1)])), [[z(_i), Y({}, z(n))]])]),
 			l("div", hh, [f(z(ue), {
 				class: "ai-tool-approval-card__detail",
-				disabled: !p.value.url,
+				disabled: !h.value.url,
 				theme: "primary",
-				onClick: y
+				onClick: x
 			}, {
 				default: H(() => [d(I(z(W)("查看单据详情")) + " ", 1), r[1] || (r[1] = l("span", { class: "ai-tool-approval-card__detail-icon" }, null, -1))]),
 				_: 1
-			}, 8, ["disabled"]), m.value && !e.readonly ? (k(), o(z(ue), {
+			}, 8, ["disabled"]), g.value && !e.readonly ? (k(), o(z(ue), {
 				key: 0,
 				class: "ai-tool-approval-card__cancel",
+				disabled: w.value || i.value,
+				loading: w.value,
 				outline: "",
 				theme: "primary",
-				onClick: x
+				onClick: T
 			}, {
 				default: H(() => [d(I(z(W)("取消审批")), 1)]),
 				_: 1
-			})) : s("", !0)])
+			}, 8, ["disabled", "loading"])) : s("", !0)])
 		]));
 	}
 }), _h = { class: "ai-interrupt-message" }, vh = {
@@ -9715,15 +9726,15 @@ var Fd = ["src"], Id = {
 	}),
 	emits: /* @__PURE__ */ y(["stopStreaming"], ["update:selectedUserMessages"]),
 	setup(t) {
-		let n = t, r = re(t, "selectedUserMessages"), i = B("messageContainerRef"), d = B("messageContainerBottomRef"), { toScrollBottom: p, debouncedShowScrollBottomBtn: m } = Rr(i, d), { copy: h } = Pr(), g = a(() => Ot.filter((e) => n.renderMode !== Pt.Test || e.id !== "share")), _ = (e) => {
+		let n = t, r = re(t, "selectedUserMessages"), i = B("messageContainerRef"), d = B("messageContainerBottomRef"), { toScrollBottom: p, debouncedShowScrollBottomBtn: m } = Rr(i, d), { copy: h } = Pr(), g = a(() => Ot.filter((e) => n.renderMode !== Pt.Test || e.id !== "share")), _ = a(() => n.renderMode === Pt.Share ? n.messageGroups.filter((e) => e.type !== K.Loading) : n.messageGroups), v = (e) => {
 			var t;
 			let n = (t = e.messages) == null ? void 0 : t.at(-1);
 			(n == null ? void 0 : n.role) !== K.Interrupt && (e.isHover = !0);
-		}, v = (e, t) => {
+		}, y = (e, t) => {
 			var n;
 			let r = (n = t.toElement) == null ? t.relatedTarget : n;
 			r instanceof Element && r.classList.contains("ai-user-feedback") || (e.isHover = !1);
-		}, y = (e, t) => {
+		}, x = (e, t) => {
 			var i, a;
 			let o = e.type === K.User;
 			(i = n.messageGroups) == null || i.forEach((r, i) => {
@@ -9733,7 +9744,7 @@ var Fd = ["src"], Id = {
 					e && (e.checked = t);
 				}
 			}), r.value = (a = n.messageGroups) == null ? void 0 : a.filter((e) => e.checked).map((e) => e.messages).flat();
-		}, x = function() {
+		}, C = function() {
 			var e = X(function* (e, t) {
 				var r;
 				return e.id === "copy" && h(t.filter((e) => e.role !== K.Reasoning).map((e) => typeof e.content == "string" ? e.content : JSON.stringify(e.content || "")).join("\n")), (r = n.onAgentAction) == null ? void 0 : r.call(n, e, t);
@@ -9741,7 +9752,7 @@ var Fd = ["src"], Id = {
 			return function(t, n) {
 				return e.apply(this, arguments);
 			};
-		}(), C = function() {
+		}(), T = function() {
 			var e = X(function* (e, t) {
 				var r;
 				(r = n.onUserAction) == null || r.call(n, e, t);
@@ -9749,7 +9760,7 @@ var Fd = ["src"], Id = {
 			return function(t, n) {
 				return e.apply(this, arguments);
 			};
-		}(), T = function() {
+		}(), E = function() {
 			var e = X(function* (e, t, r) {
 				var i;
 				(i = n.onUserInputConfirm) == null || i.call(n, e, t, r);
@@ -9757,7 +9768,7 @@ var Fd = ["src"], Id = {
 			return function(t, n, r) {
 				return e.apply(this, arguments);
 			};
-		}(), E = function() {
+		}(), D = function() {
 			var e = X(function* (e, t) {
 				var r;
 				(r = n.onUserShortcutConfirm) == null || r.call(n, e, t);
@@ -9771,18 +9782,18 @@ var Fd = ["src"], Id = {
 			ref: i,
 			class: "ai-message-container"
 		}, [
-			(k(!0), c(e, null, M(t.messageGroups, (i, a) => (k(), c("div", {
+			(k(!0), c(e, null, M(_.value, (i, a) => (k(), c("div", {
 				id: i.uid,
 				key: a,
 				class: "message-group",
 				style: w({ backgroundColor: i.checked ? "#f5f7fa" : "transparent" }),
-				onMouseenter: (e) => _(i),
-				onMouseleave: (e) => v(i, e)
+				onMouseenter: (e) => v(i),
+				onMouseleave: (e) => y(i, e)
 			}, [N(r.$slots, "group", b({ ref_for: !0 }, { group: i }), () => [t.enableSelection && i.type !== z(K).Loading ? (k(), o(z(de), {
 				key: 0,
 				class: "message-group-checkbox",
 				"model-value": i.checked,
-				"onUpdate:modelValue": (e) => y(i, e)
+				"onUpdate:modelValue": (e) => x(i, e)
 			}, null, 8, ["model-value", "onUpdate:modelValue"])) : s("", !0), l("div", {
 				class: S(["message-group-messages", { "message-group-enabled-selection": t.renderMode === z(Pt).Share || t.enableSelection && i.type !== z(K).Loading }]),
 				style: w({ width: t.enableSelection && i.type !== z(K).Loading ? "calc(100% - 16px)" : "100%" })
@@ -9797,10 +9808,10 @@ var Fd = ["src"], Id = {
 				key: i,
 				message: e,
 				"message-tools-status": t.messageToolsStatus,
-				"on-action": (t) => C(t, e),
-				"on-input-confirm": (t, n) => T(e, t, n),
+				"on-action": (t) => T(t, e),
+				"on-input-confirm": (t, n) => E(e, t, n),
 				"on-interrupt-resume": n.onInterruptResume,
-				"on-shortcut-confirm": (t) => E(e, t),
+				"on-shortcut-confirm": (t) => D(e, t),
 				"tippy-options": t.messageToolsTippyOptions
 			}, u({ _: 2 }, [r.$slots.answeredQuestion ? {
 				name: "answeredQuestion",
@@ -9818,7 +9829,7 @@ var Fd = ["src"], Id = {
 				key: 0,
 				"message-tools": g.value,
 				"message-tools-status": t.messageToolsStatus,
-				"on-action": (e) => x(e, i.messages),
+				"on-action": (e) => C(e, i.messages),
 				style: w({ visibility: i.isHover ? "visible" : "hidden" }),
 				"tippy-options": n.messageToolsTippyOptions,
 				onFeedback: (e, t, r) => {
@@ -9846,7 +9857,7 @@ var Fd = ["src"], Id = {
 			}, {
 				icon: H(() => [f(z(yn))]),
 				_: 1
-			}, 8, ["loading", "title"]), [[ae, t.messageStatus === z(q).Streaming || t.messageStatus === z(q).StopLoading || t.messageStatus === z(q).Fetching || t.messageStatus === z(q).Pending]]), U(f(nr, {
+			}, 8, ["loading", "title"]), [[ae, t.renderMode !== z(Pt).Share && (t.messageStatus === z(q).Streaming || t.messageStatus === z(q).StopLoading || t.messageStatus === z(q).Fetching || t.messageStatus === z(q).Pending)]]), U(f(nr, {
 				title: z(W)("返回底部"),
 				onClick: z(p)
 			}, {
@@ -10124,6 +10135,7 @@ var Fd = ["src"], Id = {
 		}() }), se = F(""), ce = te([]), le = F(400), de = a(() => `calc(100% - ${le.value}px)`), { messageGroups: fe, executionGroups: pe, isShareMode: me, isAllSelected: he, onToggleShareAll: ge, onCancelShare: _e, onConfirmShare: ye, pendingApprovalTipText: be, activeUserQuestionInterrupt: Se } = ri({
 			keyword: se,
 			messages: a(() => u.messages),
+			renderMode: a(() => p.value),
 			selectedUserMessages: ce
 		});
 		V(R, (e) => {