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

package/dist/index.js

@@ -2998,14 +2998,15 @@ var _hoisted_1$33 = ["src"], shortcut_btn_default = /* @__PURE__ */ defineCompon
 	props: /* @__PURE__ */ mergeModels({
 		maxShortcutCount: { default: 3 },
 		offset: { default: 10 },
-		shortcuts: { default: () => DEFAULT_SHORTCUTS }
+		shortcuts: { default: () => DEFAULT_SHORTCUTS },
+		excludeSelectors: { default: () => [] }
 	}, {
 		visible: _objectSpread2({ type: Boolean }, { required: !0 }),
 		visibleModifiers: {}
 	}),
 	emits: /* @__PURE__ */ mergeModels(["selectShortcut", "selectionChange"], ["update:visible"]),
 	setup(r, { emit: a }) {
-		useCssVars((e) => ({ f9eb3404: unref(SELECTION_Z_INDEX) }));
+		useCssVars((e) => ({ e53ba118: unref(SELECTION_Z_INDEX) }));
 		let o = r, d = useModel(r, "visible"), p = a, m = useTemplateRef("popoverRef"), g = useTemplateRef("moreMenuRef"), _ = shallowRef({
 			x: 0,
 			y: 0
@@ -3036,7 +3037,7 @@ var _hoisted_1$33 = ["src"], shortcut_btn_default = /* @__PURE__ */ defineCompon
 			}
 		}, S = function() {
 			var e = _asyncToGenerator(function* () {
-				var e;
+				var e, n;
 				if (y.value = window.getSelection(), !y.value) {
 					let e = document.activeElement;
 					if (e) {
@@ -3044,37 +3045,49 @@ var _hoisted_1$33 = ["src"], shortcut_btn_default = /* @__PURE__ */ defineCompon
 						n && (y.value = n);
 					}
 				}
-				let n = (e = y.value) == null || (e = e.toString()) == null ? void 0 : e.trim();
-				if (!n) {
+				let r = (e = y.value) == null || (e = e.toString()) == null ? void 0 : e.trim();
+				if (!r) {
 					C();
 					return;
 				}
-				n !== v.value && p("selectionChange", n), v.value = n;
-				let r = null;
+				if (o.excludeSelectors.length > 0 && (n = y.value) != null && n.rangeCount) try {
+					let e = y.value.getRangeAt(0).commonAncestorContainer, n = e.nodeType === Node.TEXT_NODE ? e.parentNode : e;
+					for (; n && n !== document.body;) {
+						if (n instanceof Element) {
+							for (let e of o.excludeSelectors) if (n.closest(e)) {
+								C();
+								return;
+							}
+						}
+						n = n.parentNode;
+					}
+				} catch (e) {}
+				r !== v.value && p("selectionChange", r), v.value = r;
+				let i = null;
 				try {
-					var i;
-					if ((i = y.value) != null && i.rangeCount) {
-						var a;
-						let e = (a = y.value) == null ? void 0 : a.getRangeAt(0);
-						(e == null ? void 0 : e.getClientRects()).length > 0 && (r = e.getBoundingClientRect());
+					var a;
+					if ((a = y.value) != null && a.rangeCount) {
+						var s;
+						let e = (s = y.value) == null ? void 0 : s.getRangeAt(0);
+						(e == null ? void 0 : e.getClientRects()).length > 0 && (i = e.getBoundingClientRect());
 					}
 				} catch (e) {
 					C();
 					return;
 				}
-				let s = document.activeElement;
-				if (!r || r.width === 0 && r.height === 0) if (s instanceof HTMLInputElement || s instanceof HTMLTextAreaElement) r = s.getBoundingClientRect();
+				let c = document.activeElement;
+				if (!i || i.width === 0 && i.height === 0) if (c instanceof HTMLInputElement || c instanceof HTMLTextAreaElement) i = c.getBoundingClientRect();
 				else {
 					C();
 					return;
 				}
 				d.value = !0, yield nextTick();
-				let c = m.value.getBoundingClientRect(), l = window.innerWidth, u = window.innerHeight, f = r.left + r.width / 2 - c.width / 2;
-				f < 8 ? f = 8 : f + c.width > l - 8 && (f = l - c.width - 8);
-				let g, b = r.top, S = u - r.bottom, w = c.height + o.offset;
-				g = b >= w ? r.top - c.height - o.offset : S >= w ? r.bottom + o.offset : b >= S ? Math.max(8, r.top - c.height - o.offset) : Math.min(u - c.height - 8, r.bottom + o.offset), _.value = {
-					x: f,
-					y: g
+				let l = m.value.getBoundingClientRect(), u = window.innerWidth, f = window.innerHeight, g = i.left + i.width / 2 - l.width / 2;
+				g < 8 ? g = 8 : g + l.width > u - 8 && (g = u - l.width - 8);
+				let b, S = i.top, w = f - i.bottom, E = l.height + o.offset;
+				b = S >= E ? i.top - l.height - o.offset : w >= E ? i.bottom + o.offset : S >= w ? Math.max(8, i.top - l.height - o.offset) : Math.min(f - l.height - 8, i.bottom + o.offset), _.value = {
+					x: g,
+					y: b
 				};
 			});
 			return function() {
@@ -6801,17 +6814,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 +10596,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 +10626,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 +10641,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 +11205,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 		messages: {},
 		messageStatus: {},
 		messageToolsStatus: {},
+		messageToolsTippyOptions: {},
 		onAgentAction: {},
 		onAgentFeedback: {},
 		onUserAction: {},
@@ -11191,7 +11217,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 +11278,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 +11286,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 +11294,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 +11308,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 +11316,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 +11334,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 +11351,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 +11363,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 +11372,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", {