@antdv-next/x 1.1.2-beta.5 → 1.1.2-beta.6

package/dist/index.umd.js

@@ -48,7 +48,7 @@
 	shiki_dist_themes_vitesse_dark_mjs = __toESM(shiki_dist_themes_vitesse_dark_mjs);
 	shiki_dist_themes_vitesse_light_mjs = __toESM(shiki_dist_themes_vitesse_light_mjs);
 	//#region package.json
-	var version = "1.1.2-beta.5";
+	var version = "1.1.2-beta.6";
 	//#endregion
 	//#region components/x-provider/context.ts
 	var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -8652,38 +8652,56 @@
 				}
 				return null;
 			};
-			const handleBackspaceDelete = (event) => {
+			const handleDeleteOperation = (event, operationType) => {
 				const selection = getSelection();
-				if (!selection || !selection.isCollapsed) return false;
 				const editable = editableRef.value;
-				if (!editable) return false;
+				if (!editable || !selection || selection.rangeCount === 0) return false;
+				const range = selection.getRangeAt(0);
 				const anchorNode = selection.anchorNode;
-				const offset = selection.anchorOffset;
+				const focusOffset = selection.focusOffset;
 				if (!anchorNode || !editable.contains(anchorNode)) return false;
-				const isSlotOrSkill = (node) => {
-					if (!(node instanceof HTMLElement)) return false;
-					const info = getNodeInfo(node);
-					return !!(info?.slotKey || info?.skillKey);
-				};
-				let previous = null;
-				if (anchorNode === editable) {
-					for (let i = offset - 1; i >= 0; i--) if (isSlotOrSkill(editable.childNodes[i])) {
-						previous = editable.childNodes[i];
-						break;
+				if (anchorNode.nodeType === Node.TEXT_NODE && range) {
+					const parentElement = anchorNode.parentNode;
+					const nodeInfo = getNodeInfo(parentElement);
+					const selectedText = range.toString();
+					const textLength = anchorNode.textContent?.length ?? 0;
+					const isFullTextSelected = textLength === selectedText.length;
+					const isSingleCharAtEnd = textLength === 1 && focusOffset === 1;
+					if (nodeInfo?.slotConfig?.type === "content" && (isFullTextSelected || isSingleCharAtEnd)) {
+						event.preventDefault();
+						parentElement.innerHTML = "";
+						parentElement.innerText = "";
+						return true;
 					}
-				} else {
-					if (anchorNode.nodeType === Node.TEXT_NODE && offset > 0) return false;
-					let current = anchorNode.nodeType === Node.TEXT_NODE ? anchorNode.previousSibling : anchorNode.previousSibling;
+				}
+				const isIgnorableBoundaryNode = (node) => {
+					if (node.nodeType === Node.TEXT_NODE) return !(node.textContent ?? "");
+					if (!(node instanceof HTMLElement)) return true;
+					if (node.tagName === "BR") return true;
+					return !node.textContent;
+				};
+				const getPreviousSibling = () => {
+					if (operationType !== "backspace") return null;
+					if (anchorNode === editable) return editable.childNodes[focusOffset - 1] || null;
+					if (focusOffset !== 0) return null;
+					const outer = findOuterContainer(anchorNode);
+					return (outer && editable.contains(outer) ? outer : anchorNode.nodeType === Node.TEXT_NODE ? anchorNode : anchorNode).previousSibling;
+				};
+				const findPreviousDeletableNode = (node) => {
+					let current = node;
 					while (current) {
-						if (isSlotOrSkill(current)) {
-							previous = current;
-							break;
+						if (current instanceof HTMLElement) {
+							const nodeInfo = getNodeInfo(current);
+							if (nodeInfo?.slotKey || nodeInfo?.skillKey) return current;
 						}
+						if (!isIgnorableBoundaryNode(current)) return null;
 						current = current.previousSibling;
 					}
-				}
-				if (!previous) return false;
-				const info = getNodeInfo(previous);
+					return null;
+				};
+				const target = findPreviousDeletableNode(getPreviousSibling());
+				if (!target) return false;
+				const info = getNodeInfo(target);
 				if (info?.slotKey) {
 					event.preventDefault();
 					removeSlot(info.slotKey, event);
@@ -8698,7 +8716,7 @@
 			};
 			const onInternalKeyDown = (event) => {
 				if (senderCtx.value.onKeyDown?.(event) === false || keyLock.value || isComposing.value) return;
-				if (event.key === "Backspace" && handleBackspaceDelete(event)) return;
+				if (event.key === "Backspace" && handleDeleteOperation(event, "backspace")) return;
 				if (shouldSubmit(event)) {
 					event.preventDefault();
 					keyLock.value = true;

package/dist/package.js

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "1.1.2-beta.5";
+var version = "1.1.2-beta.6";
 //#endregion
 export { version };

package/dist/sender/components/SlotTextArea.js

@@ -495,38 +495,56 @@ var SlotTextArea_default = /* @__PURE__ */ defineComponent({
 			}
 			return null;
 		};
-		const handleBackspaceDelete = (event) => {
+		const handleDeleteOperation = (event, operationType) => {
 			const selection = getSelection();
-			if (!selection || !selection.isCollapsed) return false;
 			const editable = editableRef.value;
-			if (!editable) return false;
+			if (!editable || !selection || selection.rangeCount === 0) return false;
+			const range = selection.getRangeAt(0);
 			const anchorNode = selection.anchorNode;
-			const offset = selection.anchorOffset;
+			const focusOffset = selection.focusOffset;
 			if (!anchorNode || !editable.contains(anchorNode)) return false;
-			const isSlotOrSkill = (node) => {
-				if (!(node instanceof HTMLElement)) return false;
-				const info = getNodeInfo(node);
-				return !!(info?.slotKey || info?.skillKey);
-			};
-			let previous = null;
-			if (anchorNode === editable) {
-				for (let i = offset - 1; i >= 0; i--) if (isSlotOrSkill(editable.childNodes[i])) {
-					previous = editable.childNodes[i];
-					break;
+			if (anchorNode.nodeType === Node.TEXT_NODE && range) {
+				const parentElement = anchorNode.parentNode;
+				const nodeInfo = getNodeInfo(parentElement);
+				const selectedText = range.toString();
+				const textLength = anchorNode.textContent?.length ?? 0;
+				const isFullTextSelected = textLength === selectedText.length;
+				const isSingleCharAtEnd = textLength === 1 && focusOffset === 1;
+				if (nodeInfo?.slotConfig?.type === "content" && (isFullTextSelected || isSingleCharAtEnd)) {
+					event.preventDefault();
+					parentElement.innerHTML = "";
+					parentElement.innerText = "";
+					return true;
 				}
-			} else {
-				if (anchorNode.nodeType === Node.TEXT_NODE && offset > 0) return false;
-				let current = anchorNode.nodeType === Node.TEXT_NODE ? anchorNode.previousSibling : anchorNode.previousSibling;
+			}
+			const isIgnorableBoundaryNode = (node) => {
+				if (node.nodeType === Node.TEXT_NODE) return !(node.textContent ?? "");
+				if (!(node instanceof HTMLElement)) return true;
+				if (node.tagName === "BR") return true;
+				return !node.textContent;
+			};
+			const getPreviousSibling = () => {
+				if (operationType !== "backspace") return null;
+				if (anchorNode === editable) return editable.childNodes[focusOffset - 1] || null;
+				if (focusOffset !== 0) return null;
+				const outer = findOuterContainer(anchorNode);
+				return (outer && editable.contains(outer) ? outer : anchorNode.nodeType === Node.TEXT_NODE ? anchorNode : anchorNode).previousSibling;
+			};
+			const findPreviousDeletableNode = (node) => {
+				let current = node;
 				while (current) {
-					if (isSlotOrSkill(current)) {
-						previous = current;
-						break;
+					if (current instanceof HTMLElement) {
+						const nodeInfo = getNodeInfo(current);
+						if (nodeInfo?.slotKey || nodeInfo?.skillKey) return current;
 					}
+					if (!isIgnorableBoundaryNode(current)) return null;
 					current = current.previousSibling;
 				}
-			}
-			if (!previous) return false;
-			const info = getNodeInfo(previous);
+				return null;
+			};
+			const target = findPreviousDeletableNode(getPreviousSibling());
+			if (!target) return false;
+			const info = getNodeInfo(target);
 			if (info?.slotKey) {
 				event.preventDefault();
 				removeSlot(info.slotKey, event);
@@ -541,7 +559,7 @@ var SlotTextArea_default = /* @__PURE__ */ defineComponent({
 		};
 		const onInternalKeyDown = (event) => {
 			if (senderCtx.value.onKeyDown?.(event) === false || keyLock.value || isComposing.value) return;
-			if (event.key === "Backspace" && handleBackspaceDelete(event)) return;
+			if (event.key === "Backspace" && handleDeleteOperation(event, "backspace")) return;
 			if (shouldSubmit(event)) {
 				event.preventDefault();
 				keyLock.value = true;

package/es/antdv-next-x.esm.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunk-WQLz0Won.js";
 import { S as t, _ as n, a as r, b as i, c as a, d as o, f as s, g as c, h as l, i as u, l as d, m as f, n as p, o as m, p as h, r as g, s as _, t as v, u as y, v as b, x, y as S } from "./Serializer-y_SfSPKv.js";
 import { Comment as C, Fragment as w, Teleport as T, Text as E, Transition as D, TransitionGroup as O, cloneVNode as k, computed as A, createTextVNode as j, createVNode as M, defineComponent as N, getCurrentInstance as P, getCurrentScope as F, h as I, inject as L, isVNode as R, markRaw as ee, mergeDefaults as z, mergeProps as B, nextTick as V, onBeforeMount as te, onBeforeUnmount as H, onBeforeUpdate as ne, onMounted as re, onScopeDispose as ie, onUnmounted as ae, onUpdated as oe, provide as U, reactive as se, ref as W, render as ce, resolveDynamicComponent as le, shallowReactive as ue, shallowRef as G, toRaw as de, toRef as fe, toRefs as pe, toValue as me, triggerRef as he, unref as ge, useAttrs as _e, useId as ve, useSlots as ye, vShow as be, watch as K, watchEffect as xe, withDirectives as Se } from "vue";
 //#region package.json
-var Ce = "1.1.2-beta.5", we = "anticon", Te = {}, Ee = [
+var Ce = "1.1.2-beta.6", we = "anticon", Te = {}, Ee = [
 	"outlined",
 	"borderless",
 	"filled",
@@ -59223,39 +59223,38 @@ var YW = /* @__PURE__ */ N({
 				n = n.parentNode;
 			}
 			return null;
-		}, G = (e) => {
-			let t = L();
-			if (!t || !t.isCollapsed) return !1;
-			let n = r.value;
-			if (!n) return !1;
-			let i = t.anchorNode, a = t.anchorOffset;
-			if (!i || !n.contains(i)) return !1;
-			let o = (e) => {
-				if (!(e instanceof HTMLElement)) return !1;
-				let t = _(e);
-				return !!(t?.slotKey || t?.skillKey);
-			}, s = null;
-			if (i === n) {
-				for (let e = a - 1; e >= 0; e--) if (o(n.childNodes[e])) {
-					s = n.childNodes[e];
-					break;
-				}
-			} else {
-				if (i.nodeType === Node.TEXT_NODE && a > 0) return !1;
-				let e = (i.nodeType, Node.TEXT_NODE, i.previousSibling);
-				for (; e;) {
-					if (o(e)) {
-						s = e;
-						break;
+		}, G = (e, t) => {
+			let n = L(), i = r.value;
+			if (!i || !n || n.rangeCount === 0) return !1;
+			let a = n.getRangeAt(0), o = n.anchorNode, s = n.focusOffset;
+			if (!o || !i.contains(o)) return !1;
+			if (o.nodeType === Node.TEXT_NODE && a) {
+				let t = o.parentNode, n = _(t), r = a.toString(), i = o.textContent?.length ?? 0, c = i === r.length, l = i === 1 && s === 1;
+				if (n?.slotConfig?.type === "content" && (c || l)) return e.preventDefault(), t.innerHTML = "", t.innerText = "", !0;
+			}
+			let c = (e) => e.nodeType === Node.TEXT_NODE ? !(e.textContent ?? "") : !(e instanceof HTMLElement) || e.tagName === "BR" ? !0 : !e.textContent, l = ((e) => {
+				let t = e;
+				for (; t;) {
+					if (t instanceof HTMLElement) {
+						let e = _(t);
+						if (e?.slotKey || e?.skillKey) return t;
 					}
-					e = e.previousSibling;
+					if (!c(t)) return null;
+					t = t.previousSibling;
 				}
-			}
-			if (!s) return !1;
-			let c = _(s);
-			return c?.slotKey ? (e.preventDefault(), re(c.slotKey, e), !0) : c?.skillKey ? (e.preventDefault(), ie(!0), !0) : !1;
+				return null;
+			})((() => {
+				if (t !== "backspace") return null;
+				if (o === i) return i.childNodes[s - 1] || null;
+				if (s !== 0) return null;
+				let e = ue(o);
+				return (e && i.contains(e) ? e : (o.nodeType, Node.TEXT_NODE, o)).previousSibling;
+			})());
+			if (!l) return !1;
+			let u = _(l);
+			return u?.slotKey ? (e.preventDefault(), re(u.slotKey, e), !0) : u?.skillKey ? (e.preventDefault(), ie(!0), !0) : !1;
 		}, de = (e) => {
-			if (!(n.value.onKeyDown?.(e) === !1 || p.value || f.value) && !(e.key === "Backspace" && G(e))) {
+			if (!(n.value.onKeyDown?.(e) === !1 || p.value || f.value) && !(e.key === "Backspace" && G(e, "backspace"))) {
 				if (le(e)) {
 					e.preventDefault(), p.value = !0, n.value.triggerSend?.();
 					return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antdv-next/x",
-  "version": "1.1.2-beta.5",
+  "version": "1.1.2-beta.6",
   "license": "MIT",
   "files": [
     "dist",