@cyberpunk-vue/components 1.14.4 → 1.14.5

package/dist/index.mjs

@@ -2370,6 +2370,10 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 		type: Boolean,
 		default: !1
 	},
+	ellipsisPosition: {
+		type: String,
+		default: "end"
+	},
 	lineClamp: {
 		type: [Number, String],
 		default: void 0
@@ -2470,73 +2474,94 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 	name: `${Q}Text`,
 	__name: "text",
 	props: Qt,
-	setup(e) {
-		let t = X(e, "text"), n = h(), r = Z("text"), i = {
+	setup(n) {
+		let i = X(n, "text"), u = h(), d = H(), f = Z("text"), p = {
 			primary: "var(--cp-color-primary)",
 			success: "var(--cp-color-success)",
 			warning: "var(--cp-color-warning)",
 			error: "var(--cp-color-error)",
 			info: "var(--cp-color-info)"
-		}, u = {
+		}, m = {
 			sm: 12,
 			md: 14,
 			lg: 16
-		}, d = a(() => {
-			let e = n?.vnode.props;
+		}, g = a(() => {
+			let e = u?.vnode.props;
 			return !!e && "size" in e;
-		}), f = a(() => {
-			let e = t.lineClamp;
+		}), _ = a(() => {
+			let e = i.lineClamp;
 			return e != null && e !== "" && e !== "none" && Number(e) > 0;
-		}), p = a(() => [
-			r.b(),
-			r.m(`level-${t.level}`),
-			r.m(`align-${t.align}`),
-			r.is("ellipsis", t.ellipsis && !f.value),
-			r.is("line-clamp", f.value),
-			r.is("underline", t.underline),
-			r.is("boxed", t.boxed),
-			r.is("dashed", t.dashed),
-			r.is("bold", t.bold),
-			r.is("italic", t.italic),
-			r.is("strikethrough", t.strikethrough),
-			r.is("glow", t.glow),
-			r.is("glow-pulse", t.glowPulse),
-			r.is("light-wave", t.lightWave),
-			r.is("marker", t.marker),
-			r.is("overlap", t.overlap),
-			r.is("typed", t.type !== "default" && !t.color),
-			r.is("custom-color", !!t.color),
-			r.is("unselectable", t.unselectable)
-		]), m = a(() => {
+		}), v = a(() => i.ellipsis && !_.value), y = a(() => i.ellipsisPosition === "start" || i.ellipsisPosition === "middle" ? i.ellipsisPosition : "end"), b = (n) => {
+			if (n == null || typeof n == "boolean") return "";
+			if (typeof n == "string" || typeof n == "number") return String(n);
+			if (Array.isArray(n)) return n.map((e) => b(e)).join("");
+			let i = n;
+			return i.type === e ? "" : i.type === r || i.type === t || typeof i.type == "string" ? b(i.children) : "";
+		}, x = () => b(d.default?.()).replace(/\s+/g, " ").trim(), C = () => v.value && y.value === "middle" && x().length > 0, T = () => {
+			let e = x();
+			if (e.length <= 8) return {
+				start: e,
+				end: ""
+			};
+			let t = Math.max(4, Math.min(16, Math.ceil(e.length * .4)));
+			return {
+				start: e.slice(0, -t),
+				end: e.slice(-t)
+			};
+		}, E = a(() => [
+			f.b(),
+			f.m(`level-${i.level}`),
+			f.m(`align-${i.align}`),
+			f.is("ellipsis", v.value),
+			v.value ? f.m(`ellipsis-${y.value}`) : "",
+			f.is("line-clamp", _.value),
+			f.is("underline", i.underline),
+			f.is("boxed", i.boxed),
+			f.is("dashed", i.dashed),
+			f.is("bold", i.bold),
+			f.is("italic", i.italic),
+			f.is("strikethrough", i.strikethrough),
+			f.is("glow", i.glow),
+			f.is("glow-pulse", i.glowPulse),
+			f.is("light-wave", i.lightWave),
+			f.is("marker", i.marker),
+			f.is("overlap", i.overlap),
+			f.is("typed", i.type !== "default" && !i.color),
+			f.is("custom-color", !!i.color),
+			f.is("unselectable", i.unselectable)
+		]), O = a(() => {
 			let e = {};
-			t.color ? e["--cp-text-color"] = t.color : t.type && t.type !== "default" && i[t.type] && (e["--cp-text-color"] = i[t.type]);
-			let n = t.level === "body" || d.value ? re(t.size, u) : "";
-			if (n && (e["--cp-text-size"] = n), f.value && (e["--cp-text-line-clamp"] = String(t.lineClamp)), t.glow && t.glowIntensity && (e["--cp-text-glow-intensity"] = `${t.glowIntensity}px`), t.marker && t.markerColor && (e["--cp-text-marker-color"] = t.markerColor), t.glowPulse && t.glowPulseDuration && (e["--cp-text-pulse-duration"] = ne(t.glowPulseDuration)), t.lightWave && t.lightWaveDuration && (e["--cp-text-wave-duration"] = ne(t.lightWaveDuration)), t.glowPulse && t.lightWave) {
-				let n = ne(t.glowPulseDuration), r = ne(t.lightWaveDuration);
-				e.animation = `${`cp-text-glow-pulse ${n} ease-in-out infinite`}, ${`cp-text-light-wave ${r} linear infinite`}`;
+			i.color ? e["--cp-text-color"] = i.color : i.type && i.type !== "default" && p[i.type] && (e["--cp-text-color"] = p[i.type]);
+			let t = i.level === "body" || g.value ? re(i.size, m) : "";
+			if (t && (e["--cp-text-size"] = t), _.value && (e["--cp-text-line-clamp"] = String(i.lineClamp)), i.glow && i.glowIntensity && (e["--cp-text-glow-intensity"] = `${i.glowIntensity}px`), i.marker && i.markerColor && (e["--cp-text-marker-color"] = i.markerColor), i.glowPulse && i.glowPulseDuration && (e["--cp-text-pulse-duration"] = ne(i.glowPulseDuration)), i.lightWave && i.lightWaveDuration && (e["--cp-text-wave-duration"] = ne(i.lightWaveDuration)), i.glowPulse && i.lightWave) {
+				let t = ne(i.glowPulseDuration), n = ne(i.lightWaveDuration);
+				e.animation = `${`cp-text-glow-pulse ${t} ease-in-out infinite`}, ${`cp-text-light-wave ${n} linear infinite`}`;
 			}
-			return t.overlap && (e["--cp-text-overlap-offset-x"] = `${t.overlapOffsetX}px`, e["--cp-text-overlap-offset-y"] = `${t.overlapOffsetY}px`, t.overlapColor && (e["--cp-text-overlap-color"] = t.overlapColor)), e;
-		}), g = a(() => [r.e("content"), t.contentClass]), _ = a(() => {
+			return i.overlap && (e["--cp-text-overlap-offset-x"] = `${i.overlapOffsetX}px`, e["--cp-text-overlap-offset-y"] = `${i.overlapOffsetY}px`, i.overlapColor && (e["--cp-text-overlap-color"] = i.overlapColor)), e;
+		}), k = a(() => [f.e("content"), i.contentClass]), A = a(() => {
 			let e = [];
-			return t.contentStyle && e.push(t.contentStyle), t.glowPulse && t.lightWave && e.push({ animation: "inherit" }), e;
+			return i.contentStyle && e.push(i.contentStyle), i.glowPulse && i.lightWave && e.push({ animation: "inherit" }), e;
 		});
-		return (e, n) => (D(), o(F(B(t).tag), {
-			class: S(p.value),
-			style: w(m.value),
-			"data-text": e.$slots.default?.({})[0]?.children || ""
+		return (e, n) => (D(), o(F(B(i).tag), {
+			class: S(E.value),
+			style: w(O.value),
+			"data-text": x()
 		}, {
 			default: K(() => [
 				e.$slots.prefix ? (D(), c("span", {
 					key: 0,
-					class: S(B(r).e("prefix"))
+					class: S(B(f).e("prefix"))
 				}, [N(e.$slots, "prefix")], 2)) : s("", !0),
 				l("span", {
-					class: S(g.value),
-					style: w(_.value)
-				}, [N(e.$slots, "default")], 6),
+					class: S(k.value),
+					style: w(A.value)
+				}, [C() ? (D(), c(t, { key: 0 }, [l("span", { class: S(B(f).e("ellipsis-middle-start")) }, L(T().start), 3), T().end ? (D(), c("span", {
+					key: 0,
+					class: S(B(f).e("ellipsis-middle-end"))
+				}, L(T().end), 3)) : s("", !0)], 64)) : N(e.$slots, "default", { key: 1 })], 6),
 				e.$slots.suffix ? (D(), c("span", {
 					key: 1,
-					class: S(B(r).e("suffix"))
+					class: S(B(f).e("suffix"))
 				}, [N(e.$slots, "suffix")], 2)) : s("", !0)
 			]),
 			_: 3
@@ -2757,6 +2782,10 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 		type: String,
 		default: ""
 	},
+	shape: {
+		type: String,
+		default: "clip"
+	},
 	download: {
 		type: Boolean,
 		default: !1
@@ -2779,55 +2808,55 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 			transform: `translate(${M.value}px, ${P.value}px) scale(${x.value}) rotate(${E.value}deg)`,
 			cursor: F.value ? "grabbing" : "grab",
 			userSelect: "none"
-		})), ne = {
+		})), ne = a(() => [m.b(), m.m(`shape-${d.shape}`)]), re = {
 			default: "var(--cp-text-secondary)",
 			primary: "var(--cp-color-primary)",
 			success: "var(--cp-color-success)",
 			warning: "var(--cp-color-warning)",
 			error: "var(--cp-color-error)",
 			info: "var(--cp-color-info)"
-		}, re = a(() => {
+		}, ie = a(() => {
 			let e = {
 				..._ ? B(_) : {},
 				zIndex: k.value
 			};
-			return e["--cp-image-preview-accent"] = d.color || ne[d.type] || ne.primary, e;
-		}), ie = () => {
+			return e["--cp-image-preview-accent"] = d.color || re[d.type] || re.primary, e;
+		}), ae = () => {
 			x.value = 1, E.value = 0, M.value = 0, P.value = 0;
-		}, ae = () => {
-			x.value = Math.min(x.value + dn, un);
 		}, Q = () => {
-			x.value = Math.max(x.value - dn, ln);
+			x.value = Math.min(x.value + dn, un);
 		}, oe = () => {
-			E.value -= 90;
+			x.value = Math.max(x.value - dn, ln);
 		}, se = () => {
+			E.value -= 90;
+		}, ce = () => {
 			E.value += 90;
-		}, ce = () => ({
+		}, le = () => ({
 			index: b.value,
 			url: H.value,
 			urlList: [...d.urlList]
-		}), le = () => {
+		}), ue = () => {
 			if (ee.value) return;
 			let e = d.infinite ? (b.value - 1 + d.urlList.length) % d.urlList.length : b.value > 0 ? b.value - 1 : b.value;
-			e !== b.value && (b.value = e, ie(), f("switch", b.value));
-		}, ue = () => {
+			e !== b.value && (b.value = e, ae(), f("switch", b.value));
+		}, pe = () => {
 			if (ee.value) return;
 			let e = d.infinite ? (b.value + 1) % d.urlList.length : b.value < d.urlList.length - 1 ? b.value + 1 : b.value;
-			e !== b.value && (b.value = e, ie(), f("switch", b.value));
-		}, pe = () => {
-			let e = ce();
-			y.value = !1, f("update:modelValue", !1), f("close", e);
+			e !== b.value && (b.value = e, ae(), f("switch", b.value));
 		}, me = () => {
-			O.value = !1;
+			let e = le();
+			y.value = !1, f("update:modelValue", !1), f("close", e);
 		}, he = () => {
 			O.value = !1;
-		}, ge = (e) => {
-			e.button === 0 && (e.preventDefault(), F.value = !0, I = e.clientX, R = e.clientY, z = M.value, V = P.value, document.addEventListener("mousemove", _e), document.addEventListener("mouseup", ve));
+		}, ge = () => {
+			O.value = !1;
 		}, _e = (e) => {
+			e.button === 0 && (e.preventDefault(), F.value = !0, I = e.clientX, R = e.clientY, z = M.value, V = P.value, document.addEventListener("mousemove", ve), document.addEventListener("mouseup", ye));
+		}, ve = (e) => {
 			F.value && (M.value = z + (e.clientX - I), P.value = V + (e.clientY - R));
-		}, ve = () => {
-			F.value = !1, document.removeEventListener("mousemove", _e), document.removeEventListener("mouseup", ve);
-		}, ye = async () => {
+		}, ye = () => {
+			F.value = !1, document.removeEventListener("mousemove", ve), document.removeEventListener("mouseup", ye);
+		}, be = async () => {
 			if (H.value) try {
 				let e = await fetch(H.value);
 				if (!e.ok) throw Error("Network response was not ok");
@@ -2840,7 +2869,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 				let t = document.createElement("a");
 				t.href = H.value, t.download = "image.png", t.target = "_blank", document.body.appendChild(t), t.click(), document.body.removeChild(t);
 			}
-		}, be = a(() => ({
+		}, xe = a(() => ({
 			scale: x.value,
 			rotate: E.value,
 			currentIndex: b.value,
@@ -2851,42 +2880,42 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 			canNext: q.value,
 			zoomMin: ln,
 			zoomMax: un,
-			zoomIn: ae,
-			zoomOut: Q,
-			rotateLeft: oe,
-			rotateRight: se,
-			resetTransform: ie,
-			prev: le,
-			next: ue,
-			close: pe,
-			download: ye
-		})), xe = (e) => {
+			zoomIn: Q,
+			zoomOut: oe,
+			rotateLeft: se,
+			rotateRight: ce,
+			resetTransform: ae,
+			prev: ue,
+			next: pe,
+			close: me,
+			download: be
+		})), $ = (e) => {
 			if (!y.value) return !1;
 			switch (e.key) {
-				case "Escape": return pe(), !0;
-				case "ArrowLeft": return le(), !0;
-				case "ArrowRight": return ue(), !0;
+				case "Escape": return me(), !0;
+				case "ArrowLeft": return ue(), !0;
+				case "ArrowRight": return pe(), !0;
 				case "ArrowUp":
 				case "+":
-				case "=": return ae(), !0;
+				case "=": return Q(), !0;
 				case "ArrowDown":
-				case "-": return Q(), !0;
+				case "-": return oe(), !0;
 				default: return !1;
 			}
-		}, $ = () => {
+		}, Se = () => {
 			j ||= Me({
 				zIndex: d.zIndex,
 				stackPriority: d.stackPriority,
-				onKeydown: xe,
+				onKeydown: $,
 				onZIndexChange: (e) => {
 					k.value = e;
 				}
 			});
-		}, Se = () => {
+		}, Ce = () => {
 			j && (j.unregister(), j = void 0, k.value = d.zIndex);
-		}, Ce = (e) => {
-			e.preventDefault(), e.deltaY < 0 ? ae() : Q();
 		}, we = (e) => {
+			e.preventDefault(), e.deltaY < 0 ? Q() : oe();
+		}, Te = (e) => {
 			if (!d.closeOnClickModal) return;
 			let t = e.target;
 			t instanceof Element && t.closest([
@@ -2895,10 +2924,10 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 				`.${m.e("arrow")}`,
 				`.${m.e("close")}`,
 				`.${m.e("counter")}`
-			].join(",")) || pe();
+			].join(",")) || me();
 		};
 		return W(() => d.modelValue, (e) => {
-			y.value = e, e ? (b.value = d.initialIndex, ie(), O.value = !0, $()) : Se();
+			y.value = e, e ? (b.value = d.initialIndex, ae(), O.value = !0, Se()) : Ce();
 		}, { immediate: !0 }), W(() => [d.zIndex, d.stackPriority], ([e, t]) => {
 			j ? j.update({
 				zIndex: e,
@@ -2907,27 +2936,27 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 		}), W(H, () => {
 			O.value = !0;
 		}), T(() => {
-			Se(), document.removeEventListener("mousemove", _e), document.removeEventListener("mouseup", ve);
+			Ce(), document.removeEventListener("mousemove", ve), document.removeEventListener("mouseup", ye);
 		}), r({
-			close: pe,
-			prev: le,
-			next: ue,
-			zoomIn: ae,
-			zoomOut: Q,
-			rotateLeft: oe,
-			rotateRight: se,
-			resetTransform: ie
+			close: me,
+			prev: ue,
+			next: pe,
+			zoomIn: Q,
+			zoomOut: oe,
+			rotateLeft: se,
+			rotateRight: ce,
+			resetTransform: ae
 		}), (e, r) => (D(), o(n, {
 			to: B(d).teleportTo,
 			disabled: !B(d).teleportTo
 		}, [p(i, { name: "cp-image-preview-fade" }, {
 			default: K(() => [y.value ? (D(), c("div", {
 				key: 0,
-				class: S(B(m).b()),
+				class: S(ne.value),
 				"data-theme": B(h),
-				style: w(re.value),
-				onClick: we,
-				onWheel: J(Ce, ["prevent"])
+				style: w(ie.value),
+				onClick: Te,
+				onWheel: J(we, ["prevent"])
 			}, [
 				p(B(Ze), {
 					class: S(B(m).e("close")),
@@ -2938,7 +2967,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 					type: B(d).type,
 					color: B(d).color,
 					title: "关闭预览 (ESC)",
-					onClick: pe
+					onClick: me
 				}, {
 					default: K(() => [...r[1] ||= [l("svg", {
 						viewBox: "0 0 24 24",
@@ -2958,7 +2987,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 					key: 0,
 					class: S([B(m).e("arrow"), B(m).bem(void 0, "arrow", "left")]),
 					title: "上一张 (←)",
-					onClick: J(le, ["stop"])
+					onClick: J(ue, ["stop"])
 				}, [p(B(Ze), {
 					variant: "ghost",
 					dimmed: "",
@@ -2987,7 +3016,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 					key: 1,
 					class: S([B(m).e("arrow"), B(m).bem(void 0, "arrow", "right")]),
 					title: "下一张 (→)",
-					onClick: J(ue, ["stop"])
+					onClick: J(pe, ["stop"])
 				}, [p(B(Ze), {
 					variant: "ghost",
 					dimmed: "",
@@ -3014,7 +3043,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 				])], 2)),
 				l("div", {
 					class: S(B(m).e("canvas")),
-					onClick: we
+					onClick: Te
 				}, [O.value ? (D(), c("div", {
 					key: 0,
 					class: S(B(m).e("loading"))
@@ -3027,14 +3056,14 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 					src: H.value,
 					style: w(Y.value),
 					draggable: "false",
-					onLoad: me,
-					onError: he,
-					onMousedown: ge
+					onLoad: he,
+					onError: ge,
+					onMousedown: _e
 				}, null, 46, cn), [[U, !O.value]])], 2),
 				l("div", {
 					class: S(B(m).e("toolbar")),
 					onClick: r[0] ||= J(() => {}, ["stop"])
-				}, [N(e.$slots, "toolbar", C(g(be.value)), () => [
+				}, [N(e.$slots, "toolbar", C(g(xe.value)), () => [
 					p(B(Ze), {
 						variant: "ghost",
 						dimmed: "",
@@ -3043,7 +3072,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 						color: B(d).color,
 						title: "缩小 (-)",
 						disabled: x.value <= ln,
-						onClick: Q
+						onClick: oe
 					}, {
 						default: K(() => [...r[4] ||= [l("svg", {
 							viewBox: "0 0 24 24",
@@ -3071,7 +3100,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 						color: B(d).color,
 						title: "放大 (+)",
 						disabled: x.value >= un,
-						onClick: ae
+						onClick: Q
 					}, {
 						default: K(() => [...r[5] ||= [l("svg", {
 							viewBox: "0 0 24 24",
@@ -3099,7 +3128,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 						type: B(d).type,
 						color: B(d).color,
 						title: "向左旋转",
-						onClick: oe
+						onClick: se
 					}, {
 						default: K(() => [...r[6] ||= [l("svg", {
 							viewBox: "0 0 24 24",
@@ -3118,7 +3147,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 						type: B(d).type,
 						color: B(d).color,
 						title: "向右旋转",
-						onClick: se
+						onClick: ce
 					}, {
 						default: K(() => [...r[7] ||= [l("svg", {
 							viewBox: "0 0 24 24",
@@ -3138,7 +3167,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 						type: B(d).type,
 						color: B(d).color,
 						title: "还原缩放与位置",
-						onClick: ie
+						onClick: ae
 					}, {
 						default: K(() => [...r[8] ||= [l("svg", {
 							viewBox: "0 0 24 24",
@@ -3163,7 +3192,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 						type: B(d).type,
 						color: B(d).color,
 						title: "下载图片",
-						onClick: ye
+						onClick: be
 					}, {
 						default: K(() => [...r[9] ||= [l("svg", {
 							viewBox: "0 0 24 24",
@@ -3184,7 +3213,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 						], -1)]]),
 						_: 1
 					}, 8, ["type", "color"])], 64)) : s("", !0),
-					N(e.$slots, "toolbar-append", C(g(be.value)))
+					N(e.$slots, "toolbar-append", C(g(xe.value)))
 				])], 2),
 				ee.value ? s("", !0) : (D(), c("div", {
 					key: 2,
@@ -3216,6 +3245,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 			teleportTo: _.value.teleportTo,
 			type: _.value.type ?? n.type,
 			color: _.value.color ?? n.color,
+			shape: _.value.shape ?? (n.shape === "circle" ? "round" : n.shape),
 			download: _.value.download ?? n.download,
 			closeOnClickModal: _.value.closeOnClickModal
 		})), C = () => {
@@ -3358,6 +3388,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 				"teleport-to": x.value.teleportTo,
 				type: x.value.type,
 				color: x.value.color,
+				shape: x.value.shape,
 				download: x.value.download,
 				"close-on-click-modal": x.value.closeOnClickModal,
 				onClose: k,
@@ -3372,6 +3403,7 @@ var Ce = [], we = 0, Te = 0, Ee = () => [...Ce].sort((e, t) => e.stackPriority =
 				"teleport-to",
 				"type",
 				"color",
+				"shape",
 				"download",
 				"close-on-click-modal"
 			])) : s("", !0)

package/dist/text/index.d.ts

@@ -41,6 +41,10 @@ export declare const CpText: import('../utils').SFCWithInstall<{
             readonly type: BooleanConstructor;
             readonly default: false;
         };
+        readonly ellipsisPosition: {
+            readonly type: import('vue').PropType<import('.').TextEllipsisPosition>;
+            readonly default: "end";
+        };
         readonly lineClamp: {
             readonly type: import('vue').PropType<number | string>;
             readonly default: undefined;
@@ -143,6 +147,7 @@ export declare const CpText: import('../utils').SFCWithInstall<{
         readonly lineClamp: string | number;
         readonly level: import('.').TextLevel;
         readonly align: import('.').TextAlign;
+        readonly ellipsisPosition: import('.').TextEllipsisPosition;
         readonly contentClass: import('.').TextContentClassValue;
         readonly contentStyle: import('vue').StyleValue;
         readonly boxed: boolean;
@@ -195,6 +200,10 @@ export declare const CpText: import('../utils').SFCWithInstall<{
             readonly type: BooleanConstructor;
             readonly default: false;
         };
+        readonly ellipsisPosition: {
+            readonly type: import('vue').PropType<import('.').TextEllipsisPosition>;
+            readonly default: "end";
+        };
         readonly lineClamp: {
             readonly type: import('vue').PropType<number | string>;
             readonly default: undefined;
@@ -297,6 +306,7 @@ export declare const CpText: import('../utils').SFCWithInstall<{
         readonly lineClamp: string | number;
         readonly level: import('.').TextLevel;
         readonly align: import('.').TextAlign;
+        readonly ellipsisPosition: import('.').TextEllipsisPosition;
         readonly contentClass: import('.').TextContentClassValue;
         readonly contentStyle: import('vue').StyleValue;
         readonly boxed: boolean;
@@ -346,6 +356,10 @@ export declare const CpText: import('../utils').SFCWithInstall<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly ellipsisPosition: {
+        readonly type: import('vue').PropType<import('.').TextEllipsisPosition>;
+        readonly default: "end";
+    };
     readonly lineClamp: {
         readonly type: import('vue').PropType<number | string>;
         readonly default: undefined;
@@ -448,6 +462,7 @@ export declare const CpText: import('../utils').SFCWithInstall<{
     readonly lineClamp: string | number;
     readonly level: import('.').TextLevel;
     readonly align: import('.').TextAlign;
+    readonly ellipsisPosition: import('.').TextEllipsisPosition;
     readonly contentClass: import('.').TextContentClassValue;
     readonly contentStyle: import('vue').StyleValue;
     readonly boxed: boolean;

package/dist/text/src/text.d.ts

@@ -35,6 +35,13 @@ export type TextLevel = 'heading' | 'subheading' | 'body' | 'secondary' | 'capti
  * - `bottom` - 底部对齐
  */
 export type TextAlign = 'top' | 'middle' | 'bottom';
+/**
+ * 单行省略位置
+ * - `end` - 末尾省略，默认行为
+ * - `start` - 开头省略，保留末尾内容
+ * - `middle` - 中间省略，保留开头和末尾内容
+ */
+export type TextEllipsisPosition = 'start' | 'middle' | 'end';
 /**
  * 渲染标签
  */
@@ -135,6 +142,17 @@ export declare const textProps: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    /**
+     * 单行省略位置
+     * 仅在 ellipsis 开启且未设置 lineClamp 时生效；middle 会对默认插槽中的纯文本进行中间分段显示
+     * @default 'end'
+     * @example `<CpText ellipsis ellipsis-position="start">很长的文字</CpText>`
+     * @example `<CpText ellipsis ellipsis-position="middle">很长的文件名或路径</CpText>`
+     */
+    readonly ellipsisPosition: {
+        readonly type: PropType<TextEllipsisPosition>;
+        readonly default: "end";
+    };
     /**
      * 多行省略行数
      * 传入数字或数字字符串后，文字本体会在指定行数后裁剪；优先级高于 ellipsis

package/dist/text/src/text.vue.d.ts

@@ -39,6 +39,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly ellipsisPosition: {
+        readonly type: import('vue').PropType<import('./text').TextEllipsisPosition>;
+        readonly default: "end";
+    };
     readonly lineClamp: {
         readonly type: import('vue').PropType<number | string>;
         readonly default: undefined;
@@ -156,6 +160,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly ellipsisPosition: {
+        readonly type: import('vue').PropType<import('./text').TextEllipsisPosition>;
+        readonly default: "end";
+    };
     readonly lineClamp: {
         readonly type: import('vue').PropType<number | string>;
         readonly default: undefined;
@@ -258,6 +266,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     readonly lineClamp: string | number;
     readonly level: import('./text').TextLevel;
     readonly align: import('./text').TextAlign;
+    readonly ellipsisPosition: import('./text').TextEllipsisPosition;
     readonly contentClass: import('./text').TextContentClassValue;
     readonly contentStyle: StyleValue;
     readonly boxed: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyberpunk-vue/components",
-  "version": "1.14.4",
+  "version": "1.14.5",
   "description": "Cyberpunk Vue components - A futuristic Vue 3 component library",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -25,9 +25,9 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "dayjs": "^1.11.20",
-    "@cyberpunk-vue/hooks": "1.14.4",
-    "@cyberpunk-vue/theme-chalk": "1.14.4",
-    "@cyberpunk-vue/constants": "1.14.4"
+    "@cyberpunk-vue/hooks": "1.14.5",
+    "@cyberpunk-vue/constants": "1.14.5",
+    "@cyberpunk-vue/theme-chalk": "1.14.5"
   },
   "author": "Juxest",
   "license": "MIT",