@simon_he/vue-tui 1.0.1 → 1.1.1

package/dist/{TSelect-HzILuti9.js → TSelect-CiyMvwl-.js}

@@ -1,8 +1,9 @@
-import { getPlaneTerminal } from "./create-terminal-C2oiWFJU.js";
-import { charCellWidth, hasEncodedControl } from "./hyperlink-Bn02UXJb.js";
-import { DialogContextKey, EventZIndexContextKey, ImeAnchorContextKey, LayoutContextKey, RenderPlaneContextKey, RenderStackKey, TInputPluginsContextKey, TerminalContextKey, forEachTextCellSegment, graphemeRangeAt, hasTextWidthAsciiFastPath, intersectRect, padEndByCells$1 as padEndByCells, repeatChar, sanitizeInlineText, sanitizeTextBlock, sliceByCells, sliceByCellsRange, spaces, textCellWidth$1 as textCellWidth, translateRect, useLayout, useRenderNode, useRenderStack, useTerminal, useTerminalNode, useVisibility, withTextWidthProvider, wrapByCells } from "./wheel-scroll-vBRaQ7p-.js";
-import { TView } from "./linkify-D_gzn9Xq.js";
-import { isAbsolutePath, normalizeNewlines, normalizePath, resolvePath } from "./path-mnSgEpCm.js";
+import { getPlaneTerminal } from "./create-terminal-DXuZ2fci.js";
+import { charCellWidth } from "./width-GqllnV8C.js";
+import { hasEncodedControl } from "./hyperlink-B35-O-cW.js";
+import { DialogContextKey, EventZIndexContextKey, ImeAnchorContextKey, LayoutContextKey, RenderPlaneContextKey, RenderStackKey, TInputPluginsContextKey, TerminalContextKey, forEachTextCellSegment, graphemeRangeAt, hasTextWidthAsciiFastPath, intersectRect, padEndByCells$1 as padEndByCells, repeatChar, sanitizeInlineText, sanitizeTextBlock, sliceByCells, sliceByCellsRange, spaces, textCellWidth$1 as textCellWidth, translateRect, useLayout, useRenderNode, useRenderStack, useTerminal, useTerminalNode, useVisibility, withTextWidthProvider, wrapByCells } from "./rect-Ng-3eKzF.js";
+import { TView, mergeStyle } from "./linkify-CuuquMQT.js";
+import { isAbsolutePath, normalizeNewlines, normalizePath, resolvePath } from "./path-BI9W15Zt.js";
 import { computed, defineComponent, h, inject, nextTick, onBeforeUnmount, onMounted, provide, ref, shallowReactive, shallowRef, watch, watchEffect } from "vue";
 
 //#region src/vue/components/TRenderPlane.ts
@@ -204,7 +205,7 @@ const TBox = defineComponent({
 					const max = Math.max(0, w - 4);
 					const safe = sanitizeInlineText(props.title);
 					const title = sliceByCells(safe, max);
-					const ts = titleStyle ?? (style.bg ? { bg: style.bg } : {});
+					const ts = titleStyle ?? style;
 					terminal.write(` ${title} `, {
 						x: x0 + 1,
 						y: y0,
@@ -332,7 +333,7 @@ const TBox = defineComponent({
 
 //#endregion
 //#region src/vue/overlay.ts
-function clamp$5(n, min, max) {
+function clamp$4(n, min, max) {
 	return Math.max(min, Math.min(max, n));
 }
 function cellCount(value) {
@@ -439,8 +440,8 @@ function resolveOverlayPlacement(opts) {
 		x,
 		y
 	} : {
-		x: clamp$5(x, 0, maxX),
-		y: clamp$5(y, 0, maxY)
+		x: clamp$4(x, 0, maxX),
+		y: clamp$4(y, 0, maxY)
 	};
 }
 function createOverlayFocusStack() {
@@ -624,7 +625,7 @@ const TText = defineComponent({
 
 //#endregion
 //#region src/vue/components/TDialog.ts
-function clamp$4(n, min, max) {
+function clamp$3(n, min, max) {
 	return Math.max(min, Math.min(max, n));
 }
 function computePosition(opts) {
@@ -824,7 +825,7 @@ const DialogSurface = defineComponent({
 		}
 	},
 	setup(props) {
-		const { events, scheduler } = useTerminal();
+		const { events, scheduler, defaultStyle } = useTerminal();
 		const layout = useLayout();
 		const cols = computed(() => layout.clipRect?.w ?? 0);
 		const rows = computed(() => layout.clipRect?.h ?? 0);
@@ -1091,7 +1092,15 @@ const DialogSurface = defineComponent({
 				padding: props.padding,
 				border: true
 			});
-			const contentStyle = props.contentStyle ?? props.style;
+			const dialogStyle = props.style && props.style.bg == null && defaultStyle.value.bg != null ? {
+				...props.style,
+				bg: defaultStyle.value.bg
+			} : props.style;
+			const rawContentStyle = props.contentStyle ?? dialogStyle;
+			const contentStyle = rawContentStyle && rawContentStyle.bg == null && defaultStyle.value.bg != null ? {
+				...rawContentStyle,
+				bg: defaultStyle.value.bg
+			} : rawContentStyle;
 			const dialogBox = h(TView, {
 				x,
 				y,
@@ -1116,7 +1125,7 @@ const DialogSurface = defineComponent({
 				clear: true,
 				title: props.title,
 				padding: props.padding,
-				style: props.style,
+				style: dialogStyle,
 				titleStyle: props.titleStyle
 			}, () => [h(TText, {
 				x: 0,
@@ -1244,7 +1253,7 @@ const TDialog = defineComponent({
 		"confirm"
 	],
 	setup(props, { emit, slots }) {
-		const { runtime, events, scheduler } = useTerminal();
+		const { runtime, events, scheduler, defaultStyle } = useTerminal();
 		const layout = useLayout();
 		const cols = computed(() => layout.clipRect?.w ?? 0);
 		const rows = computed(() => layout.clipRect?.h ?? 0);
@@ -1425,7 +1434,7 @@ const TDialog = defineComponent({
 						const isDanger = b.kind === "danger";
 						const isAccent = b.kind === "accent";
 						const isMuted = b.kind === "muted";
-						const baseBg = b.style?.bg ?? props.contentStyle?.bg ?? props.style?.bg;
+						const baseBg = b.style?.bg ?? props.contentStyle?.bg ?? props.style?.bg ?? defaultStyle.value.bg;
 						const variantStyle = b.style ?? (isPrimary ? { bold: true } : isDanger ? { bold: true } : isAccent ? { underline: true } : isMuted ? { dim: true } : {});
 						const style = {
 							...variantStyle,
@@ -1547,7 +1556,7 @@ const TDialog = defineComponent({
 		}
 		watch(() => props.modelValue, (next, prev) => {
 			if (next && !prev) captureRestoreFocus();
-			if (next && !prev) selectedButtonIndex.value = clamp$4(defaultButtonIndex(), 0, Math.max(0, props.buttons.length - 1));
+			if (next && !prev) selectedButtonIndex.value = clamp$3(defaultButtonIndex(), 0, Math.max(0, props.buttons.length - 1));
 			if (!prev || next) return;
 			const closeAlreadyEmitted = skipNextCloseEmit.value;
 			skipNextCloseEmit.value = false;
@@ -1848,7 +1857,7 @@ function mentionChipStyle(baseStyle, _absPath, _fsKind) {
 
 //#endregion
 //#region src/vue/components/input/utils/inlineText.ts
-function clamp$3(n, min, max) {
+function clamp$2(n, min, max) {
 	return Math.max(min, Math.min(max, n));
 }
 function isAscii(text) {
@@ -1910,7 +1919,7 @@ function mentionLabelAt(mentions, mentionIndex) {
 }
 function countTokens(value, token, endIndex = value.length) {
 	let count = 0;
-	const limit = clamp$3(endIndex, 0, value.length);
+	const limit = clamp$2(endIndex, 0, value.length);
 	for (let i = 0; i < limit; i++) if (value[i] === token) count++;
 	return count;
 }
@@ -1925,8 +1934,8 @@ function nextInlineBoundary(value, multilineToken, mentionToken, start, end) {
 	return next;
 }
 function forEachInlineUnit(value, multilineToken, mentionToken, multilineTexts, mentions, start, end, cb) {
-	const safeStart = clamp$3(start, 0, value.length);
-	const safeEnd = clamp$3(end, safeStart, value.length);
+	const safeStart = clamp$2(start, 0, value.length);
+	const safeEnd = clamp$2(end, safeStart, value.length);
 	let tokenIndex = countMultilineTokens$1(value, multilineToken, safeStart);
 	let mentionIndex = countMentionTokens$1(value, mentionToken, safeStart);
 	for (let i = safeStart; i < safeEnd;) {
@@ -2009,8 +2018,8 @@ function mentionIndexAt$1(value, mentionToken, index) {
 	return countMentionTokens$1(value, mentionToken, index);
 }
 function textCellWidthInline(value, multilineToken, mentionToken, multilineTexts, mentions, start, end) {
-	const safeStart = clamp$3(start, 0, value.length);
-	const safeEnd = clamp$3(end, safeStart, value.length);
+	const safeStart = clamp$2(start, 0, value.length);
+	const safeEnd = clamp$2(end, safeStart, value.length);
 	let cells = 0;
 	forEachInlineUnit(value, multilineToken, mentionToken, multilineTexts, mentions, 0, safeEnd, (unit) => {
 		if (unit.end > safeStart) cells += unit.cells;
@@ -2118,7 +2127,7 @@ function wrapToLinesFirstWidthInline$1(value, multilineToken, mentionToken, mult
 	}];
 }
 function indexToWrappedCellColFirstWidthInline$1(value, multilineToken, mentionToken, multilineTexts, mentions, index, firstWidth, width) {
-	const safe = clamp$3(index, 0, value.length);
+	const safe = clamp$2(index, 0, value.length);
 	const lines = wrapToLinesFirstWidthInline$1(value, multilineToken, mentionToken, multilineTexts, mentions, firstWidth, width);
 	for (let i = 0; i < lines.length; i++) {
 		const info = lines[i];
@@ -2139,7 +2148,7 @@ function indexToWrappedCellColFirstWidthInline$1(value, multilineToken, mentionT
 	};
 }
 function indexToLineCellColInline$1(value, multilineToken, mentionToken, multilineTexts, mentions, index) {
-	const safe = clamp$3(index, 0, value.length);
+	const safe = clamp$2(index, 0, value.length);
 	const lines = computeLines$1(value);
 	for (let i = 0; i < lines.length; i++) {
 		const info = lines[i];
@@ -2315,7 +2324,7 @@ function buildInlineSelectionSegments(value, displayValue, multilineTexts, menti
 
 //#endregion
 //#region src/vue/components/input/utils/primitives.ts
-function clamp$2(n, min, max) {
+function clamp$1(n, min, max) {
 	return Math.max(min, Math.min(max, n));
 }
 function isWhitespace(ch) {
@@ -2328,7 +2337,7 @@ function isWordChar(ch) {
 //#endregion
 //#region src/vue/components/input/utils/wordNavigation.ts
 function findWordLeft(text, index) {
-	let i = clamp$2(index, 0, text.length);
+	let i = clamp$1(index, 0, text.length);
 	if (i === 0) return 0;
 	while (i > 0 && isWhitespace(text[i - 1])) i--;
 	if (i === 0) return 0;
@@ -2342,7 +2351,7 @@ function findWordLeft(text, index) {
 	return i;
 }
 function findWordRight(text, index) {
-	let i = clamp$2(index, 0, text.length);
+	let i = clamp$1(index, 0, text.length);
 	if (i >= text.length) return text.length;
 	while (i < text.length && isWhitespace(text[i])) i++;
 	if (i >= text.length) return text.length;
@@ -2357,7 +2366,7 @@ function findWordRight(text, index) {
 }
 function tokenRangeAt(value, index) {
 	if (!value) return null;
-	let i = clamp$2(index, 0, value.length);
+	let i = clamp$1(index, 0, value.length);
 	if (i === value.length) i = value.length - 1;
 	if (i < 0) return null;
 	const ch0 = value[i];
@@ -2406,7 +2415,7 @@ function computeLines(value) {
 	return computeLines$1(value);
 }
 function indexToLineCellCol(value, index) {
-	const safe = clamp$2(index, 0, value.length);
+	const safe = clamp$1(index, 0, value.length);
 	const lines = computeLines(value);
 	for (let i = 0; i < lines.length; i++) {
 		const info = lines[i];
@@ -2670,7 +2679,7 @@ const TInput = defineComponent({
 		function measureContent(r) {
 			const wAll = Math.max(0, Math.floor(r.w));
 			const hAll = Math.max(0, Math.floor(r.h));
-			const padX = clamp$2(PADDING_X, 0, Math.floor(wAll / 2));
+			const padX = clamp$1(PADDING_X, 0, Math.floor(wAll / 2));
 			const w = Math.max(0, wAll - padX * 2);
 			return {
 				wAll,
@@ -2772,8 +2781,8 @@ const TInput = defineComponent({
 				cursor.value = nextLen;
 				anchor.value = null;
 			} else {
-				cursor.value = clamp$2(cursor.value, 0, nextLen);
-				if (anchor.value != null) anchor.value = clamp$2(anchor.value, 0, nextLen);
+				cursor.value = clamp$1(cursor.value, 0, nextLen);
+				if (anchor.value != null) anchor.value = clamp$1(anchor.value, 0, nextLen);
 			}
 			if (composing.value && next !== prev) {
 				compositionBlocked.value = true;
@@ -2895,10 +2904,10 @@ const TInput = defineComponent({
 		});
 		const useCompositionEnd = typeof document !== "undefined";
 		function getComposedTextAndCursor(value) {
-			const baseCursor = clamp$2(cursor.value, 0, value.length);
+			const baseCursor = clamp$1(cursor.value, 0, value.length);
 			if (composing.value && compositionText.value) {
 				const text = `${value.slice(0, baseCursor)}${compositionText.value}${value.slice(baseCursor)}`;
-				const cursorIndex = useCompositionEnd ? clamp$2(baseCursor + compositionText.value.length, 0, text.length) : baseCursor;
+				const cursorIndex = useCompositionEnd ? clamp$1(baseCursor + compositionText.value.length, 0, text.length) : baseCursor;
 				return {
 					text,
 					cursor: cursorIndex
@@ -2928,9 +2937,9 @@ const TInput = defineComponent({
 					else if (col > scrollX.value + viewW - 1) scrollX.value = Math.max(0, col - (viewW - 1));
 				}
 				const maxTop = Math.max(0, lines.length - height);
-				scrollY.value = clamp$2(scrollY.value, 0, maxTop);
+				scrollY.value = clamp$1(scrollY.value, 0, maxTop);
 				if (line < scrollY.value) scrollY.value = line;
-				else if (line > scrollY.value + height - 1) scrollY.value = clamp$2(line - (height - 1), 0, maxTop);
+				else if (line > scrollY.value + height - 1) scrollY.value = clamp$1(line - (height - 1), 0, maxTop);
 			});
 		}
 		function computeImeAnchorCell() {
@@ -2952,8 +2961,8 @@ const TInput = defineComponent({
 				const pos = wrap ? indexToWrappedCellColFirstWidthInline(cursorText, props.multilineTexts, props.mentions, composed.cursor, firstWidth, width) : indexToLineCellColInline(cursorText, props.multilineTexts, props.mentions, composed.cursor);
 				const cx0 = pos.col - offX;
 				const cy = pos.line - offY;
-				const cx = clamp$2(cx0, 0, Math.max(0, width - 1));
-				const cyClamped = clamp$2(cy, 0, Math.max(0, r.h - 1));
+				const cx = clamp$1(cx0, 0, Math.max(0, width - 1));
+				const cyClamped = clamp$1(cy, 0, Math.max(0, r.h - 1));
 				return {
 					cellX: r.x + padX + cx,
 					cellY: r.y + cyClamped
@@ -2981,8 +2990,8 @@ const TInput = defineComponent({
 				const r = absRect.value;
 				const { w: contentW, padX } = measureContent(r);
 				const width = Math.max(1, contentW);
-				const localX = clamp$2(cellX - (r.x + padX), 0, Math.max(0, contentW - 1));
-				const localY = clamp$2(cellY - r.y, 0, Math.max(0, r.h - 1));
+				const localX = clamp$1(cellX - (r.x + padX), 0, Math.max(0, contentW - 1));
+				const localY = clamp$1(cellY - r.y, 0, Math.max(0, r.h - 1));
 				const value = getValue();
 				const wrap = wrapMode.value;
 				const xText = localX;
@@ -2991,14 +3000,14 @@ const TInput = defineComponent({
 				let hit = null;
 				if (wrap) {
 					const lines = wrapToLinesFirstWidthInline(value, props.multilineTexts, props.mentions, firstWidth, width);
-					const line = clamp$2(scrollY.value + localY, 0, lines.length - 1);
+					const line = clamp$1(scrollY.value + localY, 0, lines.length - 1);
 					const col = xText;
 					const hit2 = wrappedCellColToIndexInline(value, props.multilineTexts, props.mentions, lines[line], col);
 					next = hit2.index;
 					hit = hit2.hit;
 				} else {
 					const lines = computeLines(value);
-					const line = clamp$2(scrollY.value + localY, 0, lines.length - 1);
+					const line = clamp$1(scrollY.value + localY, 0, lines.length - 1);
 					const col = scrollX.value + xText;
 					const info = lines[line];
 					const hit2 = lineCellColToIndexInline(value, props.multilineTexts, props.mentions, info.start, info.end, col);
@@ -3028,7 +3037,7 @@ const TInput = defineComponent({
 		}
 		function applyEdit(nextValue, nextCursor, commit = false) {
 			withInputWidth(() => {
-				const c = clamp$2(nextCursor, 0, nextValue.length);
+				const c = clamp$1(nextCursor, 0, nextValue.length);
 				cursor.value = c;
 				anchor.value = null;
 				composing.value = false;
@@ -3058,7 +3067,7 @@ const TInput = defineComponent({
 				if (extend) {
 					if (anchor.value == null) anchor.value = prev;
 				} else anchor.value = null;
-				cursor.value = clamp$2(nextCursor, 0, value.length);
+				cursor.value = clamp$1(nextCursor, 0, value.length);
 				if (wrapMode.value) {
 					const { w: contentW } = measureContent(absRect.value);
 					const w = Math.max(1, contentW);
@@ -3962,7 +3971,7 @@ const TInput = defineComponent({
 					anchor.value = null;
 				}
 				hasFocusedOnce.value = true;
-				cursor.value = clamp$2(cursor.value, 0, valueLen);
+				cursor.value = clamp$1(cursor.value, 0, valueLen);
 				ensureCursorVisible();
 				syncImeAnchorNow();
 				startBlink();
@@ -4352,8 +4361,8 @@ const TInput = defineComponent({
 					const cx0 = pos.col - offX;
 					const cy = pos.line - offY;
 					if (imeAnchor && focused.value) {
-						const cx = clamp$2(cx0, 0, Math.max(0, width - 1));
-						const cyClamped = clamp$2(cy, 0, Math.max(0, r.h - 1));
+						const cx = clamp$1(cx0, 0, Math.max(0, width - 1));
+						const cyClamped = clamp$1(cy, 0, Math.max(0, r.h - 1));
 						imeAnchor.value = {
 							cellX: r.x + padX + cx,
 							cellY: r.y + cyClamped,
@@ -4396,35 +4405,6 @@ const TInput = defineComponent({
 	}
 });
 
-//#endregion
-//#region src/vue/components/simple-utils.ts
-function clamp$1(n, min, max) {
-	return Math.max(min, Math.min(max, n));
-}
-function mergeStyle(...styles) {
-	const out = {};
-	for (const style of styles) {
-		if (!style) continue;
-		Object.assign(out, style);
-	}
-	return out;
-}
-function fitCellText(value, width, align = "left") {
-	const w = Math.max(0, Math.floor(width));
-	if (w <= 0) return "";
-	const text = sliceByCells(sanitizeInlineText(String(value ?? "")), w);
-	if (align === "right") {
-		const cells = textCellWidth(text);
-		return `${" ".repeat(Math.max(0, w - cells))}${text}`;
-	}
-	return padEndByCells(text, w);
-}
-function repeatToCells(ch, width) {
-	const w = Math.max(0, Math.floor(width));
-	if (w <= 0) return "";
-	return ch.repeat(w);
-}
-
 //#endregion
 //#region src/vue/components/TCommandPalette.ts
 function computeCommandPaletteMatchRanges(text, query) {
@@ -5910,14 +5890,13 @@ const TSelect = defineComponent({
 					const optDetailStyle = getOptionDetailStyle(opt);
 					const rowDetailStyle = {
 						...rowBase,
-						...optDetailStyle ?? {},
-						dim: true
+						dim: true,
+						...optDetailStyle ?? {}
 					};
 					const optHighlightDetailStyle = getOptionHighlightDetailStyle(opt);
 					const rowHighlightDetailStyle = {
 						...rowHighlightBase,
-						...optHighlightDetailStyle ?? {},
-						dim: true
+						...optHighlightDetailStyle ?? {}
 					};
 					const optAccentStyle = getOptionAccentStyle(opt);
 					const rowAccentStyle = optAccentStyle ? {
@@ -6135,4 +6114,4 @@ const TSelect = defineComponent({
 });
 
 //#endregion
-export { TBox, TCommandPalette, TDialog, TInput, TRenderPlane, TSelect, TText, clamp$1 as clamp, clamp$2 as clamp$1, computeCommandPaletteMatchRanges, createOverlayFocusStack, fitCellText, isCommitMention, isWhitespace, mentionChipStyle, mergeStyle, padEndByCells$1 as padEndByCells, repeatToCells, resolveOverlayPlacement, sliceByCellsWindow, textCellWidth$1 as textCellWidth };
+export { TBox, TCommandPalette, TDialog, TInput, TRenderPlane, TSelect, TText, clamp$1, computeCommandPaletteMatchRanges, createOverlayFocusStack, isCommitMention, isWhitespace, mentionChipStyle, padEndByCells$1 as padEndByCells, resolveOverlayPlacement, sliceByCellsWindow, textCellWidth$1 as textCellWidth };