@antdv-next/x 1.2.2 → 1.2.3

package/dist/mermaid/Mermaid.js

@@ -229,7 +229,7 @@ var XMermaid = /* @__PURE__ */ defineComponent({
 		}
 		function handleZoomIn() {
 			if (mergedRenderType.value !== RenderType.Image) return;
-			scale.value = Math.min(scale.value + .2, 3);
+			scale.value = scale.value + .2;
 		}
 		function handleZoomOut() {
 			if (mergedRenderType.value !== RenderType.Image) return;
@@ -254,11 +254,26 @@ var XMermaid = /* @__PURE__ */ defineComponent({
 			if (mergedRenderType.value !== RenderType.Image) return;
 			const svgElement = graphRef.value?.querySelector("svg");
 			if (!svgElement) return;
-			const svgString = new XMLSerializer().serializeToString(svgElement);
+			const exportSvg = svgElement.cloneNode(true);
+			exportSvg.style.removeProperty("transform");
+			exportSvg.style.removeProperty("transform-origin");
+			exportSvg.style.removeProperty("transition");
+			exportSvg.style.removeProperty("cursor");
+			const viewBox = svgElement.viewBox.baseVal;
+			let width = viewBox.width || svgElement.width.baseVal.value;
+			let height = viewBox.height || svgElement.height.baseVal.value;
+			if (!width || !height) {
+				const bounds = svgElement.getBoundingClientRect();
+				width ||= bounds.width / scale.value;
+				height ||= bounds.height / scale.value;
+			}
+			if (!width || !height) return;
+			exportSvg.setAttribute("width", `${width}`);
+			exportSvg.setAttribute("height", `${height}`);
+			const svgString = new XMLSerializer().serializeToString(exportSvg);
 			const canvas = document.createElement("canvas");
 			const ctx = canvas.getContext("2d");
 			if (!ctx) return;
-			const { width, height } = svgElement.getBoundingClientRect();
 			const dpr = globalThis.window?.devicePixelRatio || 1;
 			canvas.width = width * dpr;
 			canvas.height = height * dpr;
@@ -380,7 +395,7 @@ var XMermaid = /* @__PURE__ */ defineComponent({
 				if (now - lastTime < 16) return;
 				lastTime = now;
 				const delta = event.deltaY > 0 ? -.1 : .1;
-				scale.value = Math.max(.5, Math.min(3, scale.value + delta));
+				scale.value = Math.max(.5, scale.value + delta);
 			};
 			graphEl.addEventListener("wheel", wheelHandler, { passive: false });
 			onCleanup(() => {

package/dist/package.js

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "1.2.2";
+var version = "1.2.3";
 //#endregion
 export { version };

package/dist/sender/Sender.d.ts

@@ -1,5 +1,5 @@
 import { PropType, StyleValue, CSSProperties } from 'vue';
-import { AllowSpeech, BaseNode, NodeRender, SkillType, SlotConfigType, SubmitType } from './interface';
+import { AllowSpeech, BaseNode, NodeRender, SenderCopyInfo, SenderPasteInfo, SkillType, SlotConfigType, SubmitType } from './interface';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     prefixCls: {
         type: StringConstructor;
@@ -111,13 +111,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     onPaste: {
-        type: PropType<(event: ClipboardEvent) => void>;
+        type: PropType<(event: ClipboardEvent, info: SenderPasteInfo) => void>;
         default: undefined;
     };
     onPasteFile: {
         type: PropType<(files: FileList) => void>;
         default: undefined;
     };
+    onCopy: {
+        type: PropType<(event: ClipboardEvent, info: SenderCopyInfo) => void>;
+        default: undefined;
+    };
+    onCut: {
+        type: PropType<(event: ClipboardEvent, info: SenderCopyInfo) => void>;
+        default: undefined;
+    };
     onFocus: {
         type: PropType<(event: FocusEvent) => void>;
         default: undefined;
@@ -237,13 +245,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     onPaste: {
-        type: PropType<(event: ClipboardEvent) => void>;
+        type: PropType<(event: ClipboardEvent, info: SenderPasteInfo) => void>;
         default: undefined;
     };
     onPasteFile: {
         type: PropType<(files: FileList) => void>;
         default: undefined;
     };
+    onCopy: {
+        type: PropType<(event: ClipboardEvent, info: SenderCopyInfo) => void>;
+        default: undefined;
+    };
+    onCut: {
+        type: PropType<(event: ClipboardEvent, info: SenderCopyInfo) => void>;
+        default: undefined;
+    };
     onFocus: {
         type: PropType<(event: FocusEvent) => void>;
         default: undefined;
@@ -265,7 +281,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     styles: Record<string, CSSProperties>;
     footer: BaseNode | NodeRender;
     header: BaseNode | NodeRender;
-    onPaste: (event: ClipboardEvent) => void;
+    onCopy: (event: ClipboardEvent, info: SenderCopyInfo) => void;
+    onCut: (event: ClipboardEvent, info: SenderCopyInfo) => void;
+    onPaste: (event: ClipboardEvent, info: SenderPasteInfo) => void;
     onFocus: (event: FocusEvent) => void;
     onBlur: (event: FocusEvent) => void;
     onChange: (value: string, event?: Event, slotConfig?: SlotConfigType[], skill?: SkillType) => void;
@@ -278,7 +296,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onKeyUp: (event: KeyboardEvent) => void;
     onKeyDown: (event: KeyboardEvent) => void | false;
     skill: SkillType;
-    slotConfig: readonly SlotConfigType[];
     readOnly: boolean;
     autoSize: boolean | {
         minRows?: number;
@@ -286,6 +303,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     onCancel: () => void;
     submitType: SubmitType;
+    slotConfig: readonly SlotConfigType[];
     allowSpeech: AllowSpeech;
     onPasteFile: (files: FileList) => void;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/sender/Sender.js

@@ -4,7 +4,7 @@ import ClearButton_default from "./components/ClearButton.js";
 import LoadingButton_default from "./components/LoadingButton/index.js";
 import SendButton_default from "./components/SendButton.js";
 import { provideSenderContext } from "./context.js";
-import SlotTextArea_default from "./components/SlotTextArea.js";
+import SlotTextAreaProseMirror_default from "./components/SlotTextAreaProseMirror.js";
 import SpeechButton_default from "./components/SpeechButton/index.js";
 import TextArea_default from "./components/TextArea.js";
 import useSpeech from "./hooks/use-speech.js";
@@ -155,6 +155,14 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
+		onCopy: {
+			type: Function,
+			default: void 0
+		},
+		onCut: {
+			type: Function,
+			default: void 0
+		},
 		onFocus: {
 			type: Function,
 			default: void 0
@@ -197,7 +205,7 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 			triggerValueChange(`${mergedValue.value} ${transcript}`);
 		}, () => props.allowSpeech);
 		const triggerSend = () => {
-			if (!props.onSubmit || props.loading || submitDisabled.value) return;
+			if (!props.onSubmit || props.disabled || props.loading || submitDisabled.value) return;
 			const value = inputRef.value?.getValue?.() ?? { value: "" };
 			const slotConfig = "slotConfig" in value ? value.slotConfig : void 0;
 			const skill = "skill" in value ? value.skill : void 0;
@@ -249,6 +257,8 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 			onKeyDown: props.onKeyDown,
 			onPaste: props.onPaste,
 			onPasteFile: props.onPasteFile,
+			onCopy: props.onCopy,
+			onCut: props.onCut,
 			disabled: props.disabled,
 			readOnly: props.readOnly,
 			submitType: props.submitType,
@@ -338,7 +348,7 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 						],
 						"style": [contextConfig.value.styles?.prefix, props.styles.prefix]
 					}, [prefixNode]),
-					isSlotMode.value ? createVNode(SlotTextArea_default, { "ref": inputRef }, null) : createVNode(TextArea_default, { "ref": inputRef }, null),
+					isSlotMode.value ? createVNode(SlotTextAreaProseMirror_default, { "ref": inputRef }, null) : createVNode(TextArea_default, { "ref": inputRef }, null),
 					suffixNode && createVNode("div", {
 						"class": [
 							actionListCls,

package/dist/sender/components/ActionButton.js

@@ -1,6 +1,9 @@
-import { computed, createVNode, defineComponent, inject, mergeProps, provide } from "vue";
+import { computed, createVNode, defineComponent, inject, isVNode, mergeProps, provide } from "vue";
 import { Button } from "antdv-next";
 //#region components/sender/components/ActionButton.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 var ActionButtonContextKey = Symbol("action-button-context");
 function useActionButtonContext() {
 	return inject(ActionButtonContextKey, computed(() => ({ prefixCls: "" })));
@@ -41,7 +44,7 @@ var ActionButton = /* @__PURE__ */ defineComponent({
 			default: void 0
 		}
 	},
-	setup(props, { attrs }) {
+	setup(props, { attrs, slots }) {
 		const context = useActionButtonContext();
 		const mergedDisabled = computed(() => {
 			if (props.disabled !== void 0) return props.disabled;
@@ -70,7 +73,7 @@ var ActionButton = /* @__PURE__ */ defineComponent({
 					if (typeof handler === "function") handler();
 					attrs.onClick?.(e);
 				}
-			}), null);
+			}), _isSlot(slots) ? slots : { default: () => [slots] });
 		};
 	}
 });

package/dist/sender/components/ClearButton.js

@@ -1,12 +1,15 @@
 import ActionButton from "./ActionButton.js";
-import { createVNode, defineComponent, mergeProps } from "vue";
+import { createVNode, defineComponent, isVNode, mergeProps } from "vue";
 import { ClearOutlined } from "@antdv-next/icons";
 //#region components/sender/components/ClearButton.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 var ClearButton_default = /* @__PURE__ */ defineComponent({
 	name: "ClearButton",
 	inheritAttrs: false,
-	setup(_, { attrs }) {
-		return () => createVNode(ActionButton, mergeProps({ "icon": createVNode(ClearOutlined, null, null) }, attrs, { "action": "onClear" }), null);
+	setup(_, { attrs, slots }) {
+		return () => createVNode(ActionButton, mergeProps({ "icon": createVNode(ClearOutlined, null, null) }, attrs, { "action": "onClear" }), _isSlot(slots) ? slots : { default: () => [slots] });
 	}
 });
 //#endregion

package/dist/sender/components/LoadingButton/index.js

@@ -1,12 +1,15 @@
 import ActionButton, { useActionButtonContext } from "../ActionButton.js";
 import StopLoading_default from "./StopLoading.js";
 import { classNames } from "@v-c/util";
-import { createVNode, defineComponent, mergeProps } from "vue";
+import { createVNode, defineComponent, isVNode, mergeProps } from "vue";
 //#region components/sender/components/LoadingButton/index.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 var LoadingButton_default = /* @__PURE__ */ defineComponent({
 	name: "LoadingButton",
 	inheritAttrs: false,
-	setup(_, { attrs }) {
+	setup(_, { attrs, slots }) {
 		const context = useActionButtonContext();
 		return () => {
 			const { prefixCls } = context.value;
@@ -18,7 +21,7 @@ var LoadingButton_default = /* @__PURE__ */ defineComponent({
 			}, attrs, {
 				"class": classNames([attrs.class, `${prefixCls}-loading-button`]),
 				"action": "onCancel"
-			}), null);
+			}), _isSlot(slots) ? slots : { default: () => [slots] });
 		};
 	}
 });

package/dist/sender/components/SendButton.js

@@ -1,16 +1,19 @@
 import ActionButton from "./ActionButton.js";
-import { createVNode, defineComponent, mergeProps } from "vue";
+import { createVNode, defineComponent, isVNode, mergeProps } from "vue";
 import { ArrowUpOutlined } from "@antdv-next/icons";
 //#region components/sender/components/SendButton.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 var SendButton_default = /* @__PURE__ */ defineComponent({
 	name: "SendButton",
 	inheritAttrs: false,
-	setup(_, { attrs }) {
+	setup(_, { attrs, slots }) {
 		return () => createVNode(ActionButton, mergeProps({
 			"icon": createVNode(ArrowUpOutlined, null, null),
 			"type": "primary",
 			"shape": "circle"
-		}, attrs, { "action": "onSend" }), null);
+		}, attrs, { "action": "onSend" }), _isSlot(slots) ? slots : { default: () => [slots] });
 	}
 });
 //#endregion

package/dist/sender/components/Skill.d.ts

@@ -13,6 +13,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<() => void>;
         required: true;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     prefixCls: {
         type: StringConstructor;
@@ -26,5 +30,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<() => void>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/sender/components/Skill.js

@@ -20,6 +20,10 @@ var Skill_default = /* @__PURE__ */ defineComponent({
 		removeSkill: {
 			type: Function,
 			required: true
+		},
+		disabled: {
+			type: Boolean,
+			default: false
 		}
 	},
 	setup(props) {
@@ -28,17 +32,41 @@ var Skill_default = /* @__PURE__ */ defineComponent({
 			const closable = props.skill.closable;
 			if (!closable) return null;
 			const config = typeof closable === "boolean" ? {} : closable;
+			const disabled = !!(props.disabled || config.disabled);
 			const closeIcon = config.closeIcon ?? createVNode(CloseOutlined, { "class": `${componentCls.value}-close-icon` }, null);
 			return createVNode("div", {
-				"class": classNames([`${componentCls.value}-close`, { [`${componentCls.value}-close-disabled`]: config.disabled }]),
+				"class": classNames([`${componentCls.value}-close`, { [`${componentCls.value}-close-disabled`]: disabled }]),
 				"role": "button",
 				"aria-label": "Close skill",
-				"tabindex": 0,
+				"aria-disabled": disabled ? "true" : "false",
+				"tabindex": disabled ? -1 : 0,
 				"onClick": (event) => {
-					if (config.disabled) return;
 					event.stopPropagation();
+					if (disabled) return;
 					props.removeSkill();
 					config.onClose?.(event);
+				},
+				"onKeydown": (event) => {
+					if (disabled) return;
+					if (event.key === "Enter" || event.key === " ") {
+						event.preventDefault();
+						event.stopPropagation();
+						const closeElement = event.currentTarget;
+						if (closeElement instanceof HTMLElement) closeElement.dispatchEvent(new MouseEvent("click", {
+							bubbles: true,
+							cancelable: true,
+							view: event.view,
+							detail: 1,
+							button: 0,
+							buttons: 0,
+							clientX: 0,
+							clientY: 0,
+							ctrlKey: event.ctrlKey,
+							altKey: event.altKey,
+							shiftKey: event.shiftKey,
+							metaKey: event.metaKey
+						}));
+					}
 				}
 			}, [closeIcon]);
 		});