@blueking/chat-x 0.0.1-beta.12 → 0.0.1-beta.13

package/dist/components/ai-buttons/tool-btn/tool-btn.vue.d.ts

@@ -1,8 +1,10 @@
+import { type TippyOptions } from 'vue-tippy';
 import type { IToolBtn } from '../../../types';
 import 'tippy.js/dist/tippy.css';
 type __VLS_Props = IToolBtn & {
     active?: boolean;
     disabled?: boolean;
+    tippyOptions?: Partial<Omit<TippyOptions, 'content' | 'getReferenceClientRect' | 'triggerTarget'>>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: (data: IToolBtn, event: MouseEvent) => any;

package/dist/components/chat-message/message-container/message-container.vue.d.ts

@@ -1,5 +1,6 @@
 import { type Message, type UserMessage, MessageRole, MessageStatus } from '../../../ag-ui/types';
 import { MessageToolsStatus } from '../../../types/tool';
+import { type MessageToolsProps } from '../../message-tools/message-tools.vue';
 import type { IToolBtn, TagSchema } from '../../../types';
 /**
  * Agent 工具操作回调类型
@@ -26,6 +27,7 @@ type __VLS_Props = {
     messages: Message[];
     messageStatus?: MessageStatus;
     messageToolsStatus?: MessageToolsStatus;
+    messageToolsTippyOptions?: MessageToolsProps['tippyOptions'];
     onAgentAction?: AgentActionCallback;
     onAgentFeedback?: AgentFeedbackCallback;
     onUserAction?: UserActionCallback;

package/dist/index.js

@@ -6801,17 +6801,17 @@ var _hoisted_1$29 = { key: 1 }, tool_btn_default = /* @__PURE__ */ defineCompone
 		id: {},
 		name: {},
 		active: { type: Boolean },
-		disabled: { type: Boolean }
+		disabled: { type: Boolean },
+		tippyOptions: {}
 	},
 	emits: ["click"],
 	setup(e, { emit: n }) {
-		let r = e, i = n, o = computed(() => ({
+		let r = e, i = n, o = computed(() => _objectSpread2(_objectSpread2({
 			content: r.description,
-			theme: "ai-chat-box",
-			onShow: () => {
-				if (r.disabled) return !1;
-			}
-		})), c = (e) => {
+			theme: "ai-chat-box"
+		}, r.tippyOptions || {}), {}, { onShow: () => {
+			if (r.disabled) return !1;
+		} })), c = (e) => {
 			r.disabled || i("click", r, e);
 		};
 		return (n, r) => withDirectives((openBlock(), createElementBlock("div", {
@@ -10583,8 +10583,13 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 				ref_for: !0
 			}, e, {
 				disabled: n.messageToolsStatus === unref(MessageToolsStatus).Disabled,
+				"tippy-options": n.tippyOptions,
 				onClick: (n) => v(e)
-			}), null, 16, ["disabled", "onClick"]))), 128))]),
+			}), null, 16, [
+				"disabled",
+				"tippy-options",
+				"onClick"
+			]))), 128))]),
 			n.updateTools.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$8)) : createCommentVNode("", !0),
 			createElementVNode("div", _hoisted_4$6, [(openBlock(!0), createElementBlock(Fragment, null, renderList(n.updateTools, (r) => (openBlock(), createElementBlock(Fragment, { key: r.id }, [["like", "unlike"].includes(r.id) ? (openBlock(), createBlock(unref(TippyComponent), mergeProps({
 				key: 0,
@@ -10608,11 +10613,13 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 					id: b(r.id),
 					active: g.value === r.id,
 					disabled: n.messageToolsStatus === unref(MessageToolsStatus).Disabled,
+					"tippy-options": n.tippyOptions,
 					onClick: (e) => v(r)
 				}), null, 16, [
 					"id",
 					"active",
 					"disabled",
+					"tippy-options",
 					"onClick"
 				])]),
 				_: 2
@@ -10621,8 +10628,13 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 				ref_for: !0
 			}, r, {
 				disabled: n.messageToolsStatus === unref(MessageToolsStatus).Disabled,
+				"tippy-options": n.tippyOptions,
 				onClick: (e) => v(r)
-			}), null, 16, ["disabled", "onClick"]))], 64))), 128))])
+			}), null, 16, [
+				"disabled",
+				"tippy-options",
+				"onClick"
+			]))], 64))), 128))])
 		], 512));
 	}
 }), _hoisted_1$11 = { class: "ai-loading-ring" }, _hoisted_2$8 = {
@@ -11180,6 +11192,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 		messages: {},
 		messageStatus: {},
 		messageToolsStatus: {},
+		messageToolsTippyOptions: {},
 		onAgentAction: {},
 		onAgentFeedback: {},
 		onUserAction: {},
@@ -11191,7 +11204,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 	}),
 	emits: /* @__PURE__ */ mergeModels(["stopStreaming"], ["update:selectedMessages"]),
 	setup(n) {
-		let r = n, i = useModel(n, "selectedMessages"), a = useTemplateRef("messageContainerRef"), o = useTemplateRef("messageContainerBottomRef"), d = ref([]), { isScrollBottom: p, toScrollBottom: m, scrollBottomHeight: g } = useContainerScrollProvider(a, o), { copy: _ } = useClipboard(), v = { appendTo: () => document.querySelector(".draggable-container-content") || document.body };
+		let r = n, i = useModel(n, "selectedMessages"), a = useTemplateRef("messageContainerRef"), o = useTemplateRef("messageContainerBottomRef"), d = ref([]), { isScrollBottom: p, toScrollBottom: m, scrollBottomHeight: g } = useContainerScrollProvider(a, o), { copy: _ } = useClipboard();
 		watchEffect(() => {
 			var e;
 			let n = [], i = [];
@@ -11252,7 +11265,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 			immediate: !0,
 			flush: "post"
 		});
-		let y = function() {
+		let v = function() {
 			var e = _asyncToGenerator(function* (e, n) {
 				var i;
 				return e.id === "copy" && (console.log("messages", n), _(n.filter((e) => e.role !== MessageRole.Reasoning).map((e) => typeof e.content == "string" ? e.content : JSON.stringify(e.content || "")).join("\n"))), (i = r.onAgentAction) == null ? void 0 : i.call(r, e, n);
@@ -11260,7 +11273,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 			return function(n, r) {
 				return e.apply(this, arguments);
 			};
-		}(), b = function() {
+		}(), y = function() {
 			var e = _asyncToGenerator(function* (e, n) {
 				var i;
 				(i = r.onUserAction) == null || i.call(r, e, n);
@@ -11268,11 +11281,11 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 			return function(n, r) {
 				return e.apply(this, arguments);
 			};
-		}(), x = (e) => {
+		}(), b = (e) => {
 			e.isHover = !0;
-		}, S = (e) => {
+		}, x = (e) => {
 			e.isHover = !1;
-		}, C = (e, n) => {
+		}, S = (e, n) => {
 			var r, a;
 			let o = e.type === MessageRole.User;
 			(r = d.value) == null || r.forEach((r, i) => {
@@ -11282,7 +11295,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 					e && (e.checked = n);
 				}
 			}), i.value = (a = d.value) == null ? void 0 : a.filter((e) => e.checked).map((e) => e.messages).flat();
-		}, T = function() {
+		}, C = function() {
 			var e = _asyncToGenerator(function* (e, n, i) {
 				var a;
 				(a = r.onUserInputConfirm) == null || a.call(r, e, n, i);
@@ -11290,7 +11303,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 			return function(n, r, i) {
 				return e.apply(this, arguments);
 			};
-		}(), E = function() {
+		}(), T = function() {
 			var e = _asyncToGenerator(function* (e, n) {
 				var i;
 				(i = r.onUserShortcutConfirm) == null || i.call(r, e, n);
@@ -11308,13 +11321,13 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 				key: o,
 				class: "message-group",
 				style: normalizeStyle({ backgroundColor: a.checked ? "#f5f7fa" : "transparent" }),
-				onMouseenter: (e) => x(a),
-				onMouseleave: (e) => S(a)
+				onMouseenter: (e) => b(a),
+				onMouseleave: (e) => x(a)
 			}, [n.enableSelection && a.type !== unref(MessageRole).Loading ? (openBlock(), createBlock(unref(Checkbox), {
 				key: o,
 				class: "message-group-checkbox",
 				"model-value": a.checked,
-				"onUpdate:modelValue": (e) => C(a, e)
+				"onUpdate:modelValue": (e) => S(a, e)
 			}, null, 8, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("", !0), createElementVNode("div", _hoisted_2, [(openBlock(!0), createElementBlock(Fragment, null, renderList(a.messages, (e, r) => renderSlot(i.$slots, "default", mergeProps({
 				key: r,
 				ref_for: !0
@@ -11325,9 +11338,9 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 				key: r,
 				message: e,
 				"message-tools-status": n.messageToolsStatus,
-				"on-action": (n) => b(n, e),
-				"on-input-confirm": (n, r) => T(e, n, r),
-				"on-shortcut-confirm": (n) => E(e, n)
+				"on-action": (n) => y(n, e),
+				"on-input-confirm": (n, r) => C(e, n, r),
+				"on-shortcut-confirm": (n) => T(e, n)
 			}, null, 8, [
 				"message",
 				"message-tools-status",
@@ -11337,8 +11350,8 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 			]))])), 128)), a.type === unref(MessageRole).Assistant && n.messageToolsStatus !== unref(MessageToolsStatus).Hidden ? (openBlock(), createBlock(message_tools_default, {
 				key: 0,
 				"message-tools-status": n.messageToolsStatus,
-				"on-action": (e) => y(e, a.messages),
-				"tippy-options": v,
+				"on-action": (e) => v(e, a.messages),
+				"tippy-options": r.messageToolsTippyOptions,
 				onFeedback: (e, n, i) => {
 					var o;
 					return (o = r.onAgentFeedback) == null ? void 0 : o.call(r, e, a.messages, n, i);
@@ -11346,6 +11359,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 			}, null, 8, [
 				"message-tools-status",
 				"on-action",
+				"tippy-options",
 				"onFeedback"
 			])) : createCommentVNode("", !0)])], 44, _hoisted_1))), 128)),
 			createElementVNode("div", {