@sdata/web-vue 3.18.0 → 3.19.0

package/es/sender/sender.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,871 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import IconClose from "../icon/icon-close/index.js";
+import { useI18n } from "../locale/index.js";
+import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
+import Tooltip from "../tooltip/index.js";
+import Button from "../button/index.js";
+import Textarea from "../textarea/index.js";
+import RichTextEditor from "../rich-text-editor/index.js";
+import { senderInjectionKey } from "./context.js";
+import IconArrowUp from "../icon/icon-arrow-up/index.js";
+import IconMute from "../icon/icon-mute/index.js";
+import IconVoice from "../icon/icon-voice/index.js";
+import { useSpeech } from "./use-speech.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, nextTick, normalizeClass, normalizeStyle, openBlock, provide, renderSlot, resolveDynamicComponent, shallowRef, toRef, unref, useAttrs, watch, withCtx } from "vue";
+import { INSERT_LINE_BREAK_COMMAND } from "lexical";
+//#region components/sender/sender.vue?vue&type=script&setup=true&lang.ts
+var sender_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "Sender",
+	inheritAttrs: false
+}), {}, {
+	__name: "sender",
+	props: {
+		modelValue: {},
+		defaultValue: { default: "" },
+		loading: { type: Boolean },
+		readonly: { type: [Boolean, String] },
+		submitType: { default: "enter" },
+		disabled: { type: Boolean },
+		slotConfig: {},
+		allowSpeech: { type: [Boolean, Object] },
+		autoSize: {
+			type: [Boolean, Object],
+			default: () => ({ maxRows: 8 })
+		},
+		skill: {},
+		placeholder: {},
+		showActions: {
+			type: Boolean,
+			default: true
+		},
+		components: {},
+		classNames: { default: () => ({}) },
+		styles: { default: () => ({}) },
+		onKeydown: {},
+		onKeyup: {}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"submit",
+		"cancel",
+		"paste",
+		"pasteFile",
+		"focus",
+		"blur"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useI18n();
+		const RenderContent = defineComponent({
+			name: "SenderRenderContent",
+			props: { content: { type: null } },
+			setup(renderProps) {
+				return () => {
+					var _renderProps$content;
+					return (_renderProps$content = renderProps.content) !== null && _renderProps$content !== void 0 ? _renderProps$content : null;
+				};
+			}
+		});
+		const CustomSlotRenderer = defineComponent({
+			name: "SenderCustomSlotRenderer",
+			props: {
+				renderer: {
+					type: Function,
+					required: true
+				},
+				value: { type: null },
+				item: {
+					type: Object,
+					required: true
+				},
+				disabled: Boolean,
+				readonly: Boolean
+			},
+			emits: { change: (_value) => true },
+			setup(renderProps, { emit: emitCustomChange }) {
+				return () => renderProps.renderer(renderProps.value, (value) => emitCustomChange("change", value), {
+					disabled: renderProps.disabled,
+					readonly: renderProps.readonly
+				}, renderProps.item);
+			}
+		});
+		const SkillTag = defineComponent({
+			name: "SenderSkillTag",
+			props: {
+				skill: {
+					type: Object,
+					required: true
+				},
+				disabled: Boolean,
+				readonly: Boolean
+			},
+			emits: { remove: (_event) => true },
+			setup(tagProps, { emit: emitRemove, slots }) {
+				const closeClass = computed(() => [`${prefixCls}-skill-tag-close`, { [`${prefixCls}-skill-tag-close-disabled`]: tagProps.disabled || tagProps.readonly || typeof tagProps.skill.closable === "object" && tagProps.skill.closable.disabled }]);
+				const tooltipProps = computed(() => typeof tagProps.skill.tooltip === "string" ? { content: tagProps.skill.tooltip } : tagProps.skill.tooltip);
+				const handleRemove = (event) => {
+					event.stopPropagation();
+					emitRemove("remove", event);
+				};
+				const handleRemoveKeydown = (event) => {
+					if (event.key !== "Enter" && event.key !== " ") return;
+					event.preventDefault();
+					event.stopPropagation();
+					emitRemove("remove", event);
+				};
+				const renderTag = () => {
+					var _slots$skillTitle, _slots$skillCloseIc;
+					return h("span", {
+						class: `${prefixCls}-skill-tag`,
+						tabindex: tagProps.skill.tooltip ? "0" : void 0
+					}, [h("span", { class: `${prefixCls}-skill-tag-text` }, [(_slots$skillTitle = slots["skill-title"]) === null || _slots$skillTitle === void 0 ? void 0 : _slots$skillTitle.call(slots, { skill: tagProps.skill })]), tagProps.skill.closable ? h("span", {
+						"class": closeClass.value,
+						"role": "button",
+						"tabindex": "0",
+						"aria-label": t("sender.removeSkill"),
+						"onClick": handleRemove,
+						"onKeydown": handleRemoveKeydown
+					}, [(_slots$skillCloseIc = slots["skill-close-icon"]) === null || _slots$skillCloseIc === void 0 ? void 0 : _slots$skillCloseIc.call(slots, { skill: tagProps.skill })]) : null]);
+				};
+				return () => tagProps.skill.tooltip ? h(Tooltip, tooltipProps.value, { default: renderTag }) : renderTag();
+			}
+		});
+		const attrs = useAttrs();
+		const instance = getCurrentInstance();
+		const prefixCls = getPrefixCls("sender");
+		const readonlyTipHoverVisible = shallowRef(false);
+		const { tipVisible: readonlyTipInteractionVisible, show: showReadonlyTip, hide: hideReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), computed(() => Boolean(props.disabled)));
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
+		const readonlyTipDisabled = computed(() => !props.readonly || props.disabled);
+		const readonlyTipVisible = computed(() => !readonlyTipDisabled.value && (readonlyTipHoverVisible.value || readonlyTipInteractionVisible.value));
+		const containerRef = shallowRef();
+		const textareaRef = shallowRef();
+		const slotInputRef = shallowRef();
+		const slotEditorReady = shallowRef(false);
+		const runtimeSlotConfig = shallowRef([]);
+		const activeSkill = shallowRef();
+		if (props.skill) activeSkill.value = props.skill;
+		const slotValue = shallowRef({
+			value: "",
+			slotConfig: [],
+			skill: props.skill
+		});
+		const innerValue = shallowRef(props.defaultValue);
+		const pendingValue = shallowRef();
+		provide(senderInjectionKey, {
+			prefixCls,
+			classNames: toRef(props, "classNames"),
+			styles: toRef(props, "styles")
+		});
+		const isControlled = computed(() => {
+			var _instance$vnode$props;
+			return Object.hasOwn((_instance$vnode$props = instance === null || instance === void 0 ? void 0 : instance.vnode.props) !== null && _instance$vnode$props !== void 0 ? _instance$vnode$props : {}, "modelValue");
+		});
+		const mergedValue = computed(() => {
+			var _props$modelValue;
+			return isControlled.value ? (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : "" : innerValue.value;
+		});
+		const isSlotMode = computed(() => props.slotConfig !== void 0 || Boolean(props.skill));
+		const inputComponent = computed(() => {
+			var _props$components$inp, _props$components;
+			return (_props$components$inp = (_props$components = props.components) === null || _props$components === void 0 ? void 0 : _props$components.input) !== null && _props$components$inp !== void 0 ? _props$components$inp : Textarea;
+		});
+		const allSlotConfig = computed(() => {
+			var _props$slotConfig, _props$slotConfig2;
+			const propKeys = new Set(((_props$slotConfig = props.slotConfig) !== null && _props$slotConfig !== void 0 ? _props$slotConfig : []).flatMap((item) => item.key ? [item.key] : []));
+			return [...(_props$slotConfig2 = props.slotConfig) !== null && _props$slotConfig2 !== void 0 ? _props$slotConfig2 : [], ...runtimeSlotConfig.value.filter((item) => !item.key || !propKeys.has(item.key))];
+		});
+		const keyedSlotConfig = computed(() => new Map(allSlotConfig.value.flatMap((item) => item.key ? [[item.key, item]] : [])));
+		const slotEditorClassNames = computed(() => ({
+			root: [
+				`${prefixCls}-input`,
+				`${prefixCls}-input-slot`,
+				props.classNames.input
+			].filter(Boolean).join(" "),
+			content: `${prefixCls}-input-slot-content`,
+			placeholder: `${prefixCls}-input-slot-placeholder`,
+			component: `${prefixCls}-slot`
+		}));
+		const slotEditorStyles = computed(() => ({ root: props.styles.input }));
+		const handleReadonlyTipVisibleChange = (visible) => {
+			readonlyTipHoverVisible.value = visible && !readonlyTipDisabled.value;
+		};
+		const handleReadonlyKeydown = (event) => {
+			const target = event.target;
+			if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) {
+				readonlyTipHoverVisible.value = false;
+				hideReadonlyTip();
+				return;
+			}
+			if (isReadonlyModificationKey(event)) showReadonlyTip();
+		};
+		const rootClass = computed(() => [
+			prefixCls,
+			`${prefixCls}-main`,
+			attrs.class,
+			props.classNames.root,
+			{ [`${prefixCls}-disabled`]: props.disabled }
+		]);
+		const toJsonValue = (value) => {
+			if (value === void 0) return null;
+			if (value === null || typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
+			try {
+				return JSON.parse(JSON.stringify(value));
+			} catch (_unused) {
+				return String(value);
+			}
+		};
+		const updateCustomSlot = (update, value) => {
+			update(toJsonValue(value));
+		};
+		const getSlotDefaultValue = (config) => {
+			var _config$value, _ref, _config$props$value, _config$props, _config$props2, _config$props$default, _config$props3;
+			if (config.type === "text") return (_config$value = config.value) !== null && _config$value !== void 0 ? _config$value : "";
+			if (config.type === "tag") return (_ref = (_config$props$value = (_config$props = config.props) === null || _config$props === void 0 ? void 0 : _config$props.value) !== null && _config$props$value !== void 0 ? _config$props$value : (_config$props2 = config.props) === null || _config$props2 === void 0 ? void 0 : _config$props2.label) !== null && _ref !== void 0 ? _ref : "";
+			return (_config$props$default = (_config$props3 = config.props) === null || _config$props3 === void 0 ? void 0 : _config$props3.defaultValue) !== null && _config$props$default !== void 0 ? _config$props$default : "";
+		};
+		const createSlotNode = (config, previousValue) => {
+			const value = toJsonValue(previousValue !== null && previousValue !== void 0 ? previousValue : getSlotDefaultValue(config));
+			if (config.type === "input" || config.type === "content") {
+				var _config$props$placeho, _config$props4;
+				return {
+					key: config.key,
+					name: "input",
+					value,
+					props: _objectSpread2({ placeholder: (_config$props$placeho = (_config$props4 = config.props) === null || _config$props4 === void 0 ? void 0 : _config$props4.placeholder) !== null && _config$props$placeho !== void 0 ? _config$props$placeho : "" }, config.type === "content" ? { class: `${prefixCls}-slot-content` } : {}),
+					textValue: String(value !== null && value !== void 0 ? value : "")
+				};
+			}
+			if (config.type === "select") {
+				var _config$props$placeho2, _config$props5, _config$props$options, _config$props6;
+				return {
+					key: config.key,
+					name: "select",
+					value,
+					props: {
+						placeholder: (_config$props$placeho2 = (_config$props5 = config.props) === null || _config$props5 === void 0 ? void 0 : _config$props5.placeholder) !== null && _config$props$placeho2 !== void 0 ? _config$props$placeho2 : "",
+						options: (_config$props$options = (_config$props6 = config.props) === null || _config$props6 === void 0 ? void 0 : _config$props6.options.map((option) => ({
+							label: option,
+							value: option
+						}))) !== null && _config$props$options !== void 0 ? _config$props$options : []
+					},
+					textValue: String(value !== null && value !== void 0 ? value : "")
+				};
+			}
+			if (config.type === "tag") {
+				var _config$props7, _config$props$value2, _config$props8;
+				const label = (_config$props7 = config.props) === null || _config$props7 === void 0 ? void 0 : _config$props7.label;
+				return {
+					key: config.key,
+					name: "tag",
+					value,
+					props: { label: typeof label === "string" || typeof label === "number" ? String(label) : String((_config$props$value2 = (_config$props8 = config.props) === null || _config$props8 === void 0 ? void 0 : _config$props8.value) !== null && _config$props$value2 !== void 0 ? _config$props$value2 : "") },
+					textValue: String(value !== null && value !== void 0 ? value : "")
+				};
+			}
+			return {
+				key: config.key,
+				name: "senderCustom",
+				value,
+				textValue: String(value !== null && value !== void 0 ? value : "")
+			};
+		};
+		const createSkillNode = () => activeSkill.value ? {
+			key: "__sender_skill__",
+			name: "senderSkill",
+			value: activeSkill.value.value,
+			textValue: ""
+		} : void 0;
+		const createSlotEditorContent = (previousContent = []) => {
+			const previousValues = new Map(previousContent.flatMap((item) => typeof item === "string" ? [] : [[item.key, item.value]]));
+			const skillNode = createSkillNode();
+			return [...skillNode ? [skillNode] : [], ...allSlotConfig.value.map((config) => {
+				var _config$value2;
+				return config.type === "text" ? (_config$value2 = config.value) !== null && _config$value2 !== void 0 ? _config$value2 : "" : createSlotNode(config, previousValues.get(config.key));
+			})];
+		};
+		function resolveSlotValue(content) {
+			const result = [];
+			const resolvedConfig = [];
+			for (const item of content) {
+				var _item$value, _config$formatResult, _config$formatResult2;
+				if (typeof item === "string") {
+					result.push(item);
+					if (item) resolvedConfig.push({
+						type: "text",
+						value: item
+					});
+					continue;
+				}
+				if (item.name === "senderSkill") continue;
+				const config = keyedSlotConfig.value.get(item.key);
+				if (!config) continue;
+				const rawValue = (_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : "";
+				result.push((_config$formatResult = (_config$formatResult2 = config.formatResult) === null || _config$formatResult2 === void 0 ? void 0 : _config$formatResult2.call(config, rawValue)) !== null && _config$formatResult !== void 0 ? _config$formatResult : String(rawValue));
+				resolvedConfig.push(_objectSpread2(_objectSpread2({}, config), {}, { value: rawValue }));
+			}
+			return {
+				value: result.join(""),
+				slotConfig: resolvedConfig,
+				skill: activeSkill.value
+			};
+		}
+		const syncSlotEditor = () => {
+			if (!slotEditorReady.value || !slotInputRef.value) return;
+			const content = createSlotEditorContent(slotInputRef.value.getContent());
+			slotInputRef.value.setContent(content, { tag: "sd-sender-slot-sync" });
+		};
+		const handleSlotEditorReady = () => {
+			slotEditorReady.value = true;
+			syncSlotEditor();
+		};
+		const handleSlotEditorChange = () => {
+			var _slotInputRef$value$g, _slotInputRef$value;
+			if (!slotEditorReady.value) return;
+			const content = (_slotInputRef$value$g = (_slotInputRef$value = slotInputRef.value) === null || _slotInputRef$value === void 0 ? void 0 : _slotInputRef$value.getContent()) !== null && _slotInputRef$value$g !== void 0 ? _slotInputRef$value$g : [];
+			if (activeSkill.value && !content.some((item) => typeof item !== "string" && item.name === "senderSkill")) activeSkill.value = void 0;
+			slotValue.value = resolveSlotValue(content);
+			handleSlotChange(slotValue.value);
+		};
+		const getCustomSlotName = (key) => `slot-${key}`;
+		const getCustomConfig = (key) => {
+			const config = keyedSlotConfig.value.get(key);
+			return (config === null || config === void 0 ? void 0 : config.type) === "custom" ? config : void 0;
+		};
+		const removeSkill = (event, remove) => {
+			var _activeSkill$value, _config$onClose;
+			if (!((_activeSkill$value = activeSkill.value) === null || _activeSkill$value === void 0 ? void 0 : _activeSkill$value.closable) || props.disabled || props.readonly) return;
+			const config = typeof activeSkill.value.closable === "object" ? activeSkill.value.closable : void 0;
+			if (config === null || config === void 0 ? void 0 : config.disabled) return;
+			activeSkill.value = void 0;
+			remove();
+			config === null || config === void 0 || (_config$onClose = config.onClose) === null || _config$onClose === void 0 || _config$onClose.call(config, event);
+		};
+		function clearSlotEditor() {
+			var _slotInputRef$value2;
+			runtimeSlotConfig.value = [];
+			activeSkill.value = props.skill;
+			const skillNode = createSkillNode();
+			(_slotInputRef$value2 = slotInputRef.value) === null || _slotInputRef$value2 === void 0 || _slotInputRef$value2.setContent(skillNode ? [skillNode] : [], { tag: "sd-sender-slot-clear" });
+		}
+		const getNormalValue = () => ({
+			value: mergedValue.value,
+			slotConfig: [],
+			skill: void 0
+		});
+		const getCurrentValue = () => isSlotMode.value ? slotValue.value : getNormalValue();
+		const setNormalValue = (value, event) => {
+			if (!isControlled.value) innerValue.value = value;
+			emit("update:modelValue", value);
+			emit("change", value, event, [], void 0);
+		};
+		const handleValueUpdate = (value) => {
+			pendingValue.value = value;
+			queueMicrotask(() => {
+				if (pendingValue.value !== value) return;
+				pendingValue.value = void 0;
+				setNormalValue(value);
+			});
+		};
+		const handleInput = (value, event) => {
+			pendingValue.value = void 0;
+			setNormalValue(value, event);
+		};
+		function handleSlotChange(value, event) {
+			emit("change", value.value, event, value.slotConfig, value.skill);
+		}
+		const submitDisabled = computed(() => !getCurrentValue().value);
+		const clearDisabled = computed(() => !getCurrentValue().value);
+		const cancelDisabled = computed(() => !props.loading);
+		const triggerSend = () => {
+			if (props.loading || props.disabled || submitDisabled.value) return;
+			const value = getCurrentValue();
+			emit("submit", value.value, value.slotConfig, value.skill);
+		};
+		const triggerClear = () => {
+			if (props.disabled || clearDisabled.value) return;
+			if (isSlotMode.value) clearSlotEditor();
+			else setNormalValue("");
+		};
+		const triggerCancel = () => {
+			if (cancelDisabled.value || props.disabled) return;
+			emit("cancel");
+		};
+		const { available: speechAvailable, recording, requesting: speechRequesting, statusText: speechStatusText, trigger: triggerSpeech } = useSpeech(toRef(props, "allowSpeech"), (transcript) => {
+			if (isSlotMode.value) {
+				var _slotInputRef$value3;
+				(_slotInputRef$value3 = slotInputRef.value) === null || _slotInputRef$value3 === void 0 || _slotInputRef$value3.insertText(transcript, { position: "end" });
+			} else setNormalValue(`${mergedValue.value} ${transcript}`);
+		});
+		const actionContext = computed(() => ({
+			send: triggerSend,
+			clear: triggerClear,
+			cancel: triggerCancel,
+			speech: () => triggerSpeech(false),
+			submitDisabled: Boolean(props.disabled || submitDisabled.value),
+			clearDisabled: Boolean(props.disabled || clearDisabled.value),
+			cancelDisabled: Boolean(props.disabled || cancelDisabled.value),
+			speechDisabled: Boolean(props.disabled || !speechAvailable.value || speechRequesting.value),
+			recording: recording.value,
+			loading: Boolean(props.loading)
+		}));
+		const shouldSubmit = (event) => {
+			if (event.isComposing || event.key !== "Enter") return false;
+			const modifierPressed = event.ctrlKey || event.altKey || event.metaKey;
+			return props.submitType === "enter" && !event.shiftKey && !modifierPressed || props.submitType === "shiftEnter" && event.shiftKey && !modifierPressed;
+		};
+		const handleKeydown = (event) => {
+			var _props$onKeydown;
+			if (((_props$onKeydown = props.onKeydown) === null || _props$onKeydown === void 0 ? void 0 : _props$onKeydown.call(props, event)) === false) return;
+			if (shouldSubmit(event)) {
+				event.preventDefault();
+				triggerSend();
+			}
+		};
+		const handleSlotKeydown = (event) => {
+			var _props$onKeydown2;
+			if (((_props$onKeydown2 = props.onKeydown) === null || _props$onKeydown2 === void 0 ? void 0 : _props$onKeydown2.call(props, event)) === false || event.isComposing || event.key !== "Enter") return;
+			const target = event.target;
+			if (target instanceof Element && target.closest(`.${prefixCls}-skill-tag`)) return;
+			const modifierPressed = event.ctrlKey || event.altKey || event.metaKey;
+			if (shouldSubmit(event)) {
+				event.preventDefault();
+				event.stopPropagation();
+				triggerSend();
+				return;
+			}
+			if (!modifierPressed) {
+				var _slotInputRef$value4;
+				event.preventDefault();
+				event.stopPropagation();
+				(_slotInputRef$value4 = slotInputRef.value) === null || _slotInputRef$value4 === void 0 || _slotInputRef$value4.dispatchCommand(INSERT_LINE_BREAK_COMMAND, void 0);
+			}
+		};
+		const handlePaste = (event) => {
+			var _event$clipboardData, _event$clipboardData2;
+			const files = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.files;
+			if (!((_event$clipboardData2 = event.clipboardData) === null || _event$clipboardData2 === void 0 ? void 0 : _event$clipboardData2.getData("text/plain")) && (files === null || files === void 0 ? void 0 : files.length)) {
+				event.preventDefault();
+				emit("pasteFile", files);
+			}
+			emit("paste", event);
+		};
+		const handleSlotPaste = (event) => {
+			var _event$clipboardData3, _event$clipboardData4;
+			const files = (_event$clipboardData3 = event.clipboardData) === null || _event$clipboardData3 === void 0 ? void 0 : _event$clipboardData3.files;
+			const text = (_event$clipboardData4 = event.clipboardData) === null || _event$clipboardData4 === void 0 ? void 0 : _event$clipboardData4.getData("text/plain");
+			handlePaste(event);
+			if (!text && (files === null || files === void 0 ? void 0 : files.length)) event.stopPropagation();
+		};
+		const getNativeTextarea = () => {
+			var _containerRef$value$q, _containerRef$value;
+			const exposed = textareaRef.value;
+			if (exposed instanceof HTMLTextAreaElement) return exposed;
+			const element = exposed === null || exposed === void 0 ? void 0 : exposed.$el;
+			if (element instanceof HTMLTextAreaElement) return element;
+			if (element instanceof Element) {
+				const textarea = element.querySelector("textarea");
+				if (textarea) return textarea;
+			}
+			return (_containerRef$value$q = (_containerRef$value = containerRef.value) === null || _containerRef$value === void 0 ? void 0 : _containerRef$value.querySelector("textarea")) !== null && _containerRef$value$q !== void 0 ? _containerRef$value$q : null;
+		};
+		const focus = (options) => {
+			var _textareaRef$value, _textareaRef$value$fo, _options$cursor;
+			if (isSlotMode.value) {
+				var _slotInputRef$value6;
+				const { cursor = "end", preventScroll = false, key } = options !== null && options !== void 0 ? options : {};
+				if (cursor === "slot") {
+					var _slotInputRef$value5, _ref2;
+					const root = (_slotInputRef$value5 = slotInputRef.value) === null || _slotInputRef$value5 === void 0 ? void 0 : _slotInputRef$value5.rootElement;
+					const selector = key ? `[data-rich-text-component-key="${CSS.escape(key)}"]` : "[data-rich-text-component]";
+					const component = root === null || root === void 0 ? void 0 : root.querySelector(selector);
+					const control = component === null || component === void 0 ? void 0 : component.querySelector("input, textarea, button, [contenteditable=\"true\"]");
+					(_ref2 = control !== null && control !== void 0 ? control : component) === null || _ref2 === void 0 || _ref2.focus({ preventScroll });
+					return;
+				}
+				(_slotInputRef$value6 = slotInputRef.value) === null || _slotInputRef$value6 === void 0 || _slotInputRef$value6.focus(void 0, {
+					preventScroll,
+					selection: cursor === "all" ? "all" : cursor
+				});
+				return;
+			}
+			const textarea = getNativeTextarea();
+			if (textarea) textarea.focus({ preventScroll: options === null || options === void 0 ? void 0 : options.preventScroll });
+			else (_textareaRef$value = textareaRef.value) === null || _textareaRef$value === void 0 || (_textareaRef$value$fo = _textareaRef$value.focus) === null || _textareaRef$value$fo === void 0 || _textareaRef$value$fo.call(_textareaRef$value);
+			if (!textarea) return;
+			const cursor = (_options$cursor = options === null || options === void 0 ? void 0 : options.cursor) !== null && _options$cursor !== void 0 ? _options$cursor : "end";
+			const position = cursor === "start" ? 0 : textarea.value.length;
+			if (cursor === "all") textarea.select();
+			else textarea.setSelectionRange(position, position);
+		};
+		const blur = () => {
+			var _slotInputRef$value7;
+			if (isSlotMode.value) (_slotInputRef$value7 = slotInputRef.value) === null || _slotInputRef$value7 === void 0 || _slotInputRef$value7.blur();
+			else {
+				var _textareaRef$value2, _textareaRef$value2$b;
+				const textarea = getNativeTextarea();
+				if (textarea) textarea.blur();
+				else (_textareaRef$value2 = textareaRef.value) === null || _textareaRef$value2 === void 0 || (_textareaRef$value2$b = _textareaRef$value2.blur) === null || _textareaRef$value2$b === void 0 || _textareaRef$value2$b.call(_textareaRef$value2);
+			}
+		};
+		const insert = (value, position = "cursor", replaceCharacters, preventScroll) => {
+			if (isSlotMode.value) {
+				if (typeof value === "string") {
+					var _slotInputRef$value8;
+					(_slotInputRef$value8 = slotInputRef.value) === null || _slotInputRef$value8 === void 0 || _slotInputRef$value8.insertText(value, {
+						position,
+						replaceCharacters
+					});
+				} else {
+					var _slotInputRef$value9;
+					runtimeSlotConfig.value = [...runtimeSlotConfig.value, ...value];
+					(_slotInputRef$value9 = slotInputRef.value) === null || _slotInputRef$value9 === void 0 || _slotInputRef$value9.insertContent(value.map((config) => {
+						var _config$value3;
+						return config.type === "text" ? (_config$value3 = config.value) !== null && _config$value3 !== void 0 ? _config$value3 : "" : createSlotNode(config);
+					}), {
+						position,
+						replaceCharacters
+					});
+				}
+				if (preventScroll) nextTick(() => focus({
+					cursor: "end",
+					preventScroll: true
+				}));
+				return;
+			}
+			const insertValue = typeof value === "string" ? value : value.map(formatSlot).join("");
+			const textarea = getNativeTextarea();
+			const current = mergedValue.value;
+			let start = position === "start" ? 0 : current.length;
+			let end = start;
+			if (position === "cursor" && textarea) {
+				start = textarea.selectionStart;
+				end = textarea.selectionEnd;
+			}
+			if (replaceCharacters && current.slice(0, start).endsWith(replaceCharacters)) start -= replaceCharacters.length;
+			setNormalValue(`${current.slice(0, start)}${insertValue}${current.slice(end)}`);
+			requestAnimationFrame(() => {
+				var _getNativeTextarea;
+				focus({ preventScroll });
+				const nextPosition = start + insertValue.length;
+				(_getNativeTextarea = getNativeTextarea()) === null || _getNativeTextarea === void 0 || _getNativeTextarea.setSelectionRange(nextPosition, nextPosition);
+			});
+		};
+		const clear = () => {
+			if (isSlotMode.value) clearSlotEditor();
+			else setNormalValue("");
+		};
+		const getValue = () => getCurrentValue();
+		watch(() => props.slotConfig, () => syncSlotEditor(), { deep: true });
+		watch(() => props.skill, (skill) => {
+			activeSkill.value = skill;
+			syncSlotEditor();
+		});
+		watch(isSlotMode, (enabled) => {
+			if (!enabled) slotEditorReady.value = false;
+		});
+		function formatSlot(slot) {
+			var _slot$value, _ref3, _slot$props$value, _slot$props, _slot$props2, _slot$props$defaultVa, _slot$props3, _slot$formatResult, _slot$formatResult2;
+			if (slot.type === "text") return (_slot$value = slot.value) !== null && _slot$value !== void 0 ? _slot$value : "";
+			if (slot.type === "tag") return String((_ref3 = (_slot$props$value = (_slot$props = slot.props) === null || _slot$props === void 0 ? void 0 : _slot$props.value) !== null && _slot$props$value !== void 0 ? _slot$props$value : (_slot$props2 = slot.props) === null || _slot$props2 === void 0 ? void 0 : _slot$props2.label) !== null && _ref3 !== void 0 ? _ref3 : "");
+			const value = (_slot$props$defaultVa = (_slot$props3 = slot.props) === null || _slot$props3 === void 0 ? void 0 : _slot$props3.defaultValue) !== null && _slot$props$defaultVa !== void 0 ? _slot$props$defaultVa : "";
+			return (_slot$formatResult = (_slot$formatResult2 = slot.formatResult) === null || _slot$formatResult2 === void 0 ? void 0 : _slot$formatResult2.call(slot, value)) !== null && _slot$formatResult !== void 0 ? _slot$formatResult : String(value);
+		}
+		const handleContentMousedown = (event) => {
+			if (event.target === event.currentTarget) {
+				event.preventDefault();
+				focus();
+			}
+		};
+		const StopLoadingIcon = defineComponent({
+			name: "SenderStopLoadingIcon",
+			inheritAttrs: false,
+			setup(_, { attrs: iconAttrs }) {
+				return () => h("svg", _objectSpread2(_objectSpread2({}, iconAttrs), {}, {
+					color: "currentColor",
+					viewBox: "0 0 1000 1000",
+					xmlns: "http://www.w3.org/2000/svg"
+				}), [
+					h("title", null, t("sender.stopGenerating")),
+					h("rect", {
+						fill: "currentColor",
+						height: 250,
+						rx: 24,
+						ry: 24,
+						width: 250,
+						x: 375,
+						y: 375
+					}),
+					h("circle", {
+						cx: 500,
+						cy: 500,
+						fill: "none",
+						r: 450,
+						stroke: "currentColor",
+						strokeWidth: 100,
+						opacity: .45
+					}),
+					h("circle", {
+						class: `${prefixCls}-loading-spinner`,
+						cx: 500,
+						cy: 500,
+						fill: "none",
+						r: 450,
+						stroke: "currentColor",
+						strokeWidth: 100,
+						strokeDasharray: "600 9999999"
+					})
+				]);
+			}
+		});
+		const RecordingIcon = defineComponent({
+			name: "SenderRecordingIcon",
+			inheritAttrs: false,
+			setup(_, { attrs: iconAttrs }) {
+				const bars = Array.from({ length: 4 }, (__, index) => h("rect", {
+					class: `${prefixCls}-recording-bar`,
+					style: { animationDelay: `${index * .2}s` },
+					fill: "currentColor",
+					rx: 70,
+					ry: 70,
+					height: 250,
+					width: 140,
+					x: index * 286.6667,
+					y: 375
+				}));
+				return () => h("svg", _objectSpread2(_objectSpread2({}, iconAttrs), {}, {
+					color: "currentColor",
+					viewBox: "0 0 1000 1000",
+					xmlns: "http://www.w3.org/2000/svg"
+				}), [h("title", null, t("sender.recording")), ...bars]);
+			}
+		});
+		__expose({
+			get inputElement() {
+				var _slotInputRef$value$r, _slotInputRef$value10;
+				return isSlotMode.value ? (_slotInputRef$value$r = (_slotInputRef$value10 = slotInputRef.value) === null || _slotInputRef$value10 === void 0 ? void 0 : _slotInputRef$value10.rootElement) !== null && _slotInputRef$value$r !== void 0 ? _slotInputRef$value$r : null : getNativeTextarea();
+			},
+			get nativeElement() {
+				var _containerRef$value2;
+				return (_containerRef$value2 = containerRef.value) !== null && _containerRef$value2 !== void 0 ? _containerRef$value2 : null;
+			},
+			focus,
+			blur,
+			insert,
+			clear,
+			getValue
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Tooltip), {
+				"popup-visible": readonlyTipVisible.value,
+				content: unref(readonlyTipText),
+				disabled: readonlyTipDisabled.value,
+				position: "top",
+				onPopupVisibleChange: handleReadonlyTipVisibleChange
+			}, {
+				default: withCtx(() => {
+					var _props$styles, _props$classNames, _props$styles2, _props$classNames2, _props$styles3, _props$classNames3, _props$styles4, _props$classNames4, _props$styles5, _props$classNames5, _props$styles6;
+					return [createElementVNode("div", mergeProps({
+						ref_key: "containerRef",
+						ref: containerRef
+					}, _ctx.$attrs, {
+						class: rootClass.value,
+						style: (_props$styles = __props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.root,
+						onClick: _cache[5] || (_cache[5] = (...args) => unref(showReadonlyTip) && unref(showReadonlyTip)(...args)),
+						onKeydownCapture: handleReadonlyKeydown
+					}), [
+						renderSlot(_ctx.$slots, "header", { actions: actionContext.value }),
+						createElementVNode("div", {
+							class: normalizeClass([`${unref(prefixCls)}-content`, (_props$classNames = __props.classNames) === null || _props$classNames === void 0 ? void 0 : _props$classNames.content]),
+							style: normalizeStyle((_props$styles2 = __props.styles) === null || _props$styles2 === void 0 ? void 0 : _props$styles2.content),
+							onMousedown: handleContentMousedown
+						}, [
+							_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
+								key: 0,
+								class: normalizeClass([`${unref(prefixCls)}-prefix`, (_props$classNames2 = __props.classNames) === null || _props$classNames2 === void 0 ? void 0 : _props$classNames2.prefix]),
+								style: normalizeStyle((_props$styles3 = __props.styles) === null || _props$styles3 === void 0 ? void 0 : _props$styles3.prefix)
+							}, [renderSlot(_ctx.$slots, "prefix", { actions: actionContext.value })], 6)) : createCommentVNode("", true),
+							isSlotMode.value ? (openBlock(), createBlock(unref(RichTextEditor), {
+								key: 1,
+								ref_key: "slotInputRef",
+								ref: slotInputRef,
+								placeholder: __props.placeholder,
+								disabled: __props.disabled,
+								readonly: Boolean(__props.readonly),
+								"auto-size": __props.autoSize,
+								"class-names": slotEditorClassNames.value,
+								styles: slotEditorStyles.value,
+								"aria-label": unref(t)("sender.messageInput"),
+								onReady: handleSlotEditorReady,
+								onChange: handleSlotEditorChange,
+								onKeydownCapture: handleSlotKeydown,
+								onKeyupCapture: __props.onKeyup,
+								onPasteCapture: handleSlotPaste,
+								onFocus: _cache[0] || (_cache[0] = ($event) => emit("focus", $event)),
+								onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event))
+							}, {
+								"node-senderSkill": withCtx(({ remove }) => [activeSkill.value ? (openBlock(), createBlock(unref(SkillTag), {
+									key: 0,
+									skill: activeSkill.value,
+									disabled: __props.disabled,
+									readonly: Boolean(__props.readonly),
+									onRemove: (event) => removeSkill(event, remove)
+								}, {
+									"skill-title": withCtx(({ skill }) => [renderSlot(_ctx.$slots, "skill-title", { skill }, () => {
+										var _skill$title;
+										return [createVNode(unref(RenderContent), { content: (_skill$title = skill.title) !== null && _skill$title !== void 0 ? _skill$title : skill.value }, null, 8, ["content"])];
+									})]),
+									"skill-close-icon": withCtx(({ skill }) => [renderSlot(_ctx.$slots, "skill-close-icon", { skill }, () => [typeof skill.closable === "object" && skill.closable.closeIcon ? (openBlock(), createBlock(unref(RenderContent), {
+										key: 0,
+										content: skill.closable.closeIcon
+									}, null, 8, ["content"])) : (openBlock(), createBlock(unref(IconClose), { key: 1 }))])]),
+									_: 3
+								}, 8, [
+									"skill",
+									"disabled",
+									"readonly",
+									"onRemove"
+								])) : createCommentVNode("", true)]),
+								"node-senderCustom": withCtx((slotProps) => {
+									var _getCustomConfig;
+									return [_ctx.$slots[getCustomSlotName(slotProps.node.key)] ? renderSlot(_ctx.$slots, getCustomSlotName(slotProps.node.key), {
+										value: slotProps.node.value,
+										item: getCustomConfig(slotProps.node.key),
+										disabled: slotProps.disabled,
+										readonly: slotProps.readonly,
+										onChange: (value) => updateCustomSlot(slotProps.update, value)
+									}, void 0, void 0, 0) : ((_getCustomConfig = getCustomConfig(slotProps.node.key)) === null || _getCustomConfig === void 0 ? void 0 : _getCustomConfig.customRender) ? (openBlock(), createBlock(unref(CustomSlotRenderer), {
+										key: 1,
+										renderer: getCustomConfig(slotProps.node.key).customRender,
+										value: slotProps.node.value,
+										item: getCustomConfig(slotProps.node.key),
+										disabled: slotProps.disabled,
+										readonly: slotProps.readonly,
+										onChange: ($event) => updateCustomSlot(slotProps.update, $event)
+									}, null, 8, [
+										"renderer",
+										"value",
+										"item",
+										"disabled",
+										"readonly",
+										"onChange"
+									])) : createCommentVNode("", true)];
+								}),
+								_: 3
+							}, 8, [
+								"placeholder",
+								"disabled",
+								"readonly",
+								"auto-size",
+								"class-names",
+								"styles",
+								"aria-label",
+								"onKeyupCapture"
+							])) : (openBlock(), createBlock(resolveDynamicComponent(inputComponent.value), {
+								key: 2,
+								ref_key: "textareaRef",
+								ref: textareaRef,
+								"model-value": mergedValue.value,
+								"default-value": __props.defaultValue,
+								placeholder: __props.placeholder,
+								disabled: __props.disabled,
+								readonly: __props.readonly,
+								"auto-size": __props.autoSize,
+								class: normalizeClass([`${unref(prefixCls)}-input`, (_props$classNames3 = __props.classNames) === null || _props$classNames3 === void 0 ? void 0 : _props$classNames3.input]),
+								style: normalizeStyle((_props$styles4 = __props.styles) === null || _props$styles4 === void 0 ? void 0 : _props$styles4.input),
+								"onUpdate:modelValue": handleValueUpdate,
+								onInput: handleInput,
+								onKeydown: handleKeydown,
+								onKeyup: __props.onKeyup,
+								onPaste: handlePaste,
+								onFocus: _cache[2] || (_cache[2] = ($event) => emit("focus", $event)),
+								onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", $event))
+							}, null, 40, [
+								"model-value",
+								"default-value",
+								"placeholder",
+								"disabled",
+								"readonly",
+								"auto-size",
+								"class",
+								"style",
+								"onKeyup"
+							])),
+							__props.showActions ? (openBlock(), createElementBlock("div", {
+								key: 3,
+								class: normalizeClass([`${unref(prefixCls)}-actions-list`, (_props$classNames4 = __props.classNames) === null || _props$classNames4 === void 0 ? void 0 : _props$classNames4.suffix]),
+								style: normalizeStyle((_props$styles5 = __props.styles) === null || _props$styles5 === void 0 ? void 0 : _props$styles5.suffix)
+							}, [renderSlot(_ctx.$slots, "suffix", { actions: actionContext.value }, () => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-actions-list-presets`) }, [__props.allowSpeech ? (openBlock(), createBlock(unref(Button), {
+								key: 0,
+								type: "text",
+								loading: unref(speechRequesting),
+								disabled: actionContext.value.speechDisabled,
+								title: unref(speechStatusText),
+								class: normalizeClass([`${unref(prefixCls)}-actions-btn`, { [`${unref(prefixCls)}-actions-btn-disabled`]: actionContext.value.speechDisabled }]),
+								"aria-label": unref(speechStatusText),
+								onClick: _cache[4] || (_cache[4] = ($event) => unref(triggerSpeech)())
+							}, {
+								icon: withCtx(() => [unref(recording) ? (openBlock(), createBlock(unref(RecordingIcon), {
+									key: 0,
+									class: normalizeClass(`${unref(prefixCls)}-actions-btn-recording-icon`)
+								}, null, 8, ["class"])) : actionContext.value.speechDisabled ? (openBlock(), createBlock(unref(IconMute), { key: 1 })) : (openBlock(), createBlock(unref(IconVoice), { key: 2 }))]),
+								_: 1
+							}, 8, [
+								"loading",
+								"disabled",
+								"title",
+								"class",
+								"aria-label"
+							])) : createCommentVNode("", true), __props.loading ? (openBlock(), createBlock(unref(Button), {
+								key: 1,
+								type: "text",
+								shape: "circle",
+								disabled: actionContext.value.cancelDisabled,
+								class: normalizeClass([`${unref(prefixCls)}-actions-btn`, `${unref(prefixCls)}-actions-btn-loading-button`]),
+								"aria-label": unref(t)("sender.stopGenerating"),
+								onClick: triggerCancel
+							}, {
+								icon: withCtx(() => [createVNode(unref(StopLoadingIcon), { class: normalizeClass(`${unref(prefixCls)}-actions-btn-loading-icon`) }, null, 8, ["class"])]),
+								_: 1
+							}, 8, [
+								"disabled",
+								"class",
+								"aria-label"
+							])) : (openBlock(), createBlock(unref(Button), {
+								key: 2,
+								type: "primary",
+								shape: "circle",
+								disabled: actionContext.value.submitDisabled,
+								class: normalizeClass([`${unref(prefixCls)}-actions-btn`, { [`${unref(prefixCls)}-actions-btn-disabled`]: actionContext.value.submitDisabled }]),
+								"aria-label": unref(t)("sender.send"),
+								onClick: triggerSend
+							}, {
+								icon: withCtx(() => [createVNode(unref(IconArrowUp))]),
+								_: 1
+							}, 8, [
+								"disabled",
+								"class",
+								"aria-label"
+							]))], 2)])], 6)) : createCommentVNode("", true)
+						], 38),
+						_ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass([`${unref(prefixCls)}-footer`, (_props$classNames5 = __props.classNames) === null || _props$classNames5 === void 0 ? void 0 : _props$classNames5.footer]),
+							style: normalizeStyle((_props$styles6 = __props.styles) === null || _props$styles6 === void 0 ? void 0 : _props$styles6.footer)
+						}, [renderSlot(_ctx.$slots, "footer", { actions: actionContext.value })], 6)) : createCommentVNode("", true)
+					], 16)];
+				}),
+				_: 3
+			}, 8, [
+				"popup-visible",
+				"content",
+				"disabled"
+			]);
+		};
+	}
+}));
+//#endregion
+export { sender_vue_vue_type_script_setup_true_lang_default as default };