niuma-ui 1.1.12 → 1.2.0

package/dist/components/RsTerminal.impl.js

@@ -0,0 +1,525 @@
+import { useRsI18n } from "../composables/useRsI18n.js";
+import RsLoading_default from "./RsLoading.js";
+import RsContextMenu_default from "./RsContextMenu.js";
+import { beginClipboardPrefetch, copyTextToClipboard, readClipboardText } from "../utils/rs-clipboard.js";
+import { readTerminalFontFamily, readTerminalFontSizePx, readTerminalFontWeight, readTerminalFontWeightBold } from "../theme/css-token.js";
+import { containsTuiRefreshSequence, mergeTerminalTheme, prepareTerminalForPtyWrite, resolveTerminalTheme, terminalShortcutLabel } from "./terminal-utils.js";
+import { attachWheelScrollGuard, isAlternateTerminalBuffer } from "./terminal-wheel.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, nextTick, onBeforeUnmount, onMounted, openBlock, ref, toDisplayString, watch, withCtx } from "vue";
+import { FitAddon } from "@xterm/addon-fit";
+import { Terminal } from "@xterm/xterm";
+import "@xterm/xterm/css/xterm.css";
+//#region src/components/RsTerminal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "rs-terminal__overlay"
+};
+/** 单元格高度倍率（xterm options.lineHeight）。中文比 Canvas 测的西文高，1 会裁到下一行。 */
+var TERMINAL_LINE_HEIGHT = 1.2;
+/** 令牌缺省字号；仅在挂载前（含 SSR）占位，挂载后由 syncResolvedFontSize 换成实测值。 */
+var FALLBACK_FONT_SIZE_PX = 14;
+var RsTerminal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "RsTerminal",
+	props: {
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		overlay: { default: "" },
+		inputEnabled: {
+			type: Boolean,
+			default: true
+		},
+		cursorBlink: {
+			type: Boolean,
+			default: true
+		},
+		fontFamily: {},
+		fontSize: {},
+		fontWeight: {},
+		fontWeightBold: {},
+		allowTransparency: {
+			type: Boolean,
+			default: false
+		},
+		themeMode: { default: "auto" },
+		theme: { default: () => ({}) },
+		contextMenu: {
+			type: Boolean,
+			default: true
+		},
+		showAskAi: {
+			type: Boolean,
+			default: false
+		},
+		rightClickSelectsWord: {
+			type: Boolean,
+			default: true
+		},
+		shortcuts: {
+			type: Boolean,
+			default: true
+		},
+		scrollback: { default: 5e3 },
+		convertEol: {
+			type: Boolean,
+			default: false
+		},
+		zebraStripes: {
+			type: Boolean,
+			default: true
+		},
+		wheelScrollModifier: { default: "none" },
+		snapViewportOnTuiWrite: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: [
+		"ready",
+		"data",
+		"resize",
+		"action",
+		"askAi",
+		"selectionChange"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useRsI18n();
+		const hostEl = ref(null);
+		const terminalReady = ref(false);
+		const hasSelection = ref(false);
+		/** 右键菜单打开瞬间的选区快照（capture 阶段，早于 xterm word-select） */
+		const menuSelectionSnapshot = ref("");
+		const resolvedThemeMode = ref(resolveTerminalTheme(props.themeMode));
+		/** fit 后量一次真实行高，避免亚像素漂移；非每帧更新 */
+		const zebraRowStepPx = ref(null);
+		/** 令牌字号的实测缓存：读 CSS 变量是 DOM 操作，不能放进 computed */
+		const resolvedFontSizePx = ref(props.fontSize ?? FALLBACK_FONT_SIZE_PX);
+		const showLoading = computed(() => !terminalReady.value || props.loading);
+		function asTerminalFontWeight(value) {
+			return value;
+		}
+		function resolveTerminalFontFamily() {
+			return props.fontFamily || readTerminalFontFamily(hostEl.value);
+		}
+		function resolveTerminalFontSize() {
+			return props.fontSize ?? readTerminalFontSizePx(hostEl.value);
+		}
+		function resolveTerminalFontWeight() {
+			return props.fontWeight ?? asTerminalFontWeight(readTerminalFontWeight(hostEl.value));
+		}
+		function resolveTerminalFontWeightBold() {
+			return props.fontWeightBold ?? asTerminalFontWeight(readTerminalFontWeightBold(hostEl.value));
+		}
+		function syncResolvedFontSize() {
+			resolvedFontSizePx.value = resolveTerminalFontSize();
+		}
+		const zebraStyle = computed(() => {
+			if (!props.zebraStripes) return;
+			const fontSize = resolvedFontSizePx.value;
+			const step = zebraRowStepPx.value ?? fontSize * TERMINAL_LINE_HEIGHT;
+			return {
+				"--rs-terminal-font-size": `${fontSize}px`,
+				"--rs-terminal-line-height": String(TERMINAL_LINE_HEIGHT),
+				"--rs-terminal-zebra-step": `${step}px`
+			};
+		});
+		const contextMenuItems = computed(() => {
+			const items = [
+				{
+					key: "copy",
+					label: t("terminal.copy", "Copy"),
+					icon: "copy",
+					shortcut: terminalShortcutLabel("C"),
+					disabled: false
+				},
+				{
+					key: "paste",
+					label: t("terminal.paste", "Paste"),
+					icon: "clipboard-paste",
+					shortcut: terminalShortcutLabel("V")
+				},
+				{
+					key: "selectAll",
+					label: t("terminal.selectAll", "Select All"),
+					icon: "square-mouse-pointer",
+					shortcut: terminalShortcutLabel("A")
+				}
+			];
+			if (props.showAskAi) items.push({
+				key: "sep-ai",
+				label: "",
+				separator: true
+			}, {
+				key: "askAi",
+				label: t("terminal.askAi", "Ask AI"),
+				icon: "bot",
+				disabled: !hasSelection.value && !menuSelectionSnapshot.value
+			});
+			items.push({
+				key: "sep-1",
+				label: "",
+				separator: true
+			}, {
+				key: "clear",
+				label: t("terminal.clear", "Clear Terminal"),
+				icon: "eraser",
+				shortcut: terminalShortcutLabel("K"),
+				danger: true
+			});
+			return items;
+		});
+		let terminal = null;
+		let fitAddon = null;
+		let resizeObserver = null;
+		let themeObserver = null;
+		let detachWheelGuard = null;
+		let lastGeometry = {
+			cols: 0,
+			rows: 0
+		};
+		let fitRaf = 0;
+		let didInitialFit = false;
+		function resolveAllowTransparency() {
+			return props.allowTransparency || props.zebraStripes;
+		}
+		function buildXtermTheme() {
+			return mergeTerminalTheme(resolvedThemeMode.value, props.theme);
+		}
+		function applyThemeToTerminal() {
+			if (!terminal) return;
+			terminal.options.theme = buildXtermTheme();
+		}
+		function syncZebraRowStepFromDom() {
+			zebraRowStepPx.value = null;
+			if (!props.zebraStripes || !hostEl.value) return;
+			const height = hostEl.value.querySelector(".xterm-rows > div, .xterm-row")?.offsetHeight ?? 0;
+			if (height > 0) zebraRowStepPx.value = height;
+		}
+		function attachWheelGuard() {
+			detachWheelGuard?.();
+			detachWheelGuard = null;
+			if (!hostEl.value || props.wheelScrollModifier === "none") return;
+			detachWheelGuard = attachWheelScrollGuard(hostEl.value, {
+				modifier: () => props.wheelScrollModifier,
+				inputEnabled: () => props.inputEnabled,
+				isAlternateBuffer: () => isAlternateTerminalBuffer(terminal),
+				onArrowKeys: (data) => {
+					if (props.inputEnabled) emit("data", data);
+				}
+			});
+		}
+		function refreshResolvedTheme() {
+			resolvedThemeMode.value = resolveTerminalTheme(props.themeMode);
+			applyThemeToTerminal();
+		}
+		function currentGeometry() {
+			if (!terminal) return null;
+			return {
+				cols: terminal.cols || 80,
+				rows: terminal.rows || 24
+			};
+		}
+		async function rafTwice() {
+			await new Promise((resolve) => {
+				requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+			});
+		}
+		function emitResizeIfChanged() {
+			const geometry = currentGeometry();
+			if (!geometry) return;
+			if (geometry.cols === lastGeometry.cols && geometry.rows === lastGeometry.rows) return;
+			lastGeometry = geometry;
+			emit("resize", geometry);
+		}
+		async function fit() {
+			if (!fitAddon || !terminal || !hostEl.value) return;
+			const { clientWidth, clientHeight } = hostEl.value;
+			if (clientWidth <= 0 || clientHeight <= 0) return;
+			if (!didInitialFit) {
+				if (typeof document !== "undefined" && document.fonts?.ready) await document.fonts.ready;
+				await nextTick();
+				await rafTwice();
+			}
+			if (!fitAddon || !terminal) return;
+			try {
+				fitAddon.fit();
+			} catch {
+				return;
+			}
+			didInitialFit = true;
+			emitResizeIfChanged();
+			syncZebraRowStepFromDom();
+			syncResolvedFontSize();
+		}
+		function scheduleFit() {
+			if (fitRaf) return;
+			fitRaf = requestAnimationFrame(() => {
+				fitRaf = 0;
+				fit();
+			});
+		}
+		function write(data) {
+			const term = terminal;
+			if (!term) return;
+			if (props.snapViewportOnTuiWrite && containsTuiRefreshSequence(data)) prepareTerminalForPtyWrite(term, data);
+			term.write(data);
+		}
+		function clear() {
+			terminal?.clear();
+			terminal?.clearSelection();
+			syncSelectionState();
+		}
+		function focus() {
+			terminal?.focus();
+		}
+		function getSelectionText() {
+			return String(terminal?.getSelection?.() ?? "");
+		}
+		function syncSelectionState() {
+			hasSelection.value = Boolean(terminal?.hasSelection());
+			emit("selectionChange", getSelectionText());
+		}
+		/** 优先活选区；若被右键 word-select / 失焦冲掉，则回退菜单快照。 */
+		function resolveMenuSelectionText() {
+			const live = getSelectionText().trim();
+			const snap = menuSelectionSnapshot.value.trim();
+			if (live && (!snap || live.length >= snap.length)) return live;
+			return snap;
+		}
+		async function copySelection() {
+			const text = resolveMenuSelectionText();
+			if (!text) return;
+			if (await copyTextToClipboard(text)) emit("action", "copy");
+		}
+		async function pasteFromClipboard() {
+			if (!terminal || !props.inputEnabled) return;
+			terminal.focus();
+			const textarea = terminal.element?.querySelector("textarea");
+			if (textarea instanceof HTMLTextAreaElement) textarea.focus();
+			const text = await readClipboardText();
+			if (!text) return;
+			terminal.paste(text);
+			emit("action", "paste");
+		}
+		function onTerminalContextMenu() {
+			beginClipboardPrefetch();
+			const existing = getSelectionText().trim();
+			if (existing) {
+				menuSelectionSnapshot.value = existing;
+				hasSelection.value = true;
+			} else menuSelectionSnapshot.value = "";
+			nextTick(() => {
+				syncSelectionState();
+				const after = getSelectionText().trim();
+				if (after && (!menuSelectionSnapshot.value || after.length > menuSelectionSnapshot.value.length)) menuSelectionSnapshot.value = after;
+				if (menuSelectionSnapshot.value) hasSelection.value = true;
+			});
+		}
+		function selectAll() {
+			terminal?.selectAll();
+			syncSelectionState();
+			emit("action", "selectAll");
+		}
+		function clearTerminal() {
+			clear();
+			emit("action", "clear");
+		}
+		async function runTerminalAction(action) {
+			if (action === "copy") {
+				await copySelection();
+				return;
+			}
+			if (action === "paste") {
+				await pasteFromClipboard();
+				return;
+			}
+			if (action === "selectAll") {
+				selectAll();
+				return;
+			}
+			if (action === "clear") {
+				clearTerminal();
+				return;
+			}
+			if (action === "askAi") {
+				const text = resolveMenuSelectionText();
+				emit("askAi", text);
+				emit("action", "askAi");
+			}
+		}
+		function onContextMenuSelect(key) {
+			runTerminalAction(key);
+		}
+		function attachShortcuts() {
+			if (!terminal) return;
+			terminal.attachCustomKeyEventHandler((event) => {
+				if (!props.shortcuts || event.type !== "keydown") return true;
+				if (!(event.metaKey || event.ctrlKey)) return true;
+				const key = event.key.toLowerCase();
+				if (key === "c" && terminal?.hasSelection()) {
+					event.preventDefault();
+					event.stopPropagation();
+					copySelection();
+					return false;
+				}
+				if (key === "v") {
+					event.preventDefault();
+					event.stopPropagation();
+					pasteFromClipboard();
+					return false;
+				}
+				if (key === "a") {
+					event.preventDefault();
+					event.stopPropagation();
+					selectAll();
+					return false;
+				}
+				if (key === "k") {
+					event.preventDefault();
+					event.stopPropagation();
+					clearTerminal();
+					return false;
+				}
+				return true;
+			});
+		}
+		watch(() => [
+			props.fontFamily,
+			props.fontSize,
+			props.fontWeight,
+			props.fontWeightBold
+		], () => {
+			if (!terminal) return;
+			terminal.options.fontFamily = resolveTerminalFontFamily();
+			terminal.options.fontSize = resolveTerminalFontSize();
+			terminal.options.fontWeight = resolveTerminalFontWeight();
+			terminal.options.fontWeightBold = resolveTerminalFontWeightBold();
+			fit();
+		});
+		watch(() => props.cursorBlink, (value) => {
+			if (terminal) terminal.options.cursorBlink = value;
+		});
+		watch(() => props.convertEol, (value) => {
+			if (terminal) terminal.options.convertEol = value;
+		});
+		watch(() => props.scrollback, (value) => {
+			if (terminal) terminal.options.scrollback = value;
+		});
+		watch(() => props.rightClickSelectsWord, (value) => {
+			if (terminal) terminal.options.rightClickSelectsWord = value;
+		});
+		watch(() => [props.allowTransparency, props.zebraStripes], () => {
+			if (!terminal) return;
+			terminal.options.allowTransparency = resolveAllowTransparency();
+			fit();
+		});
+		watch(() => [props.themeMode, props.theme], refreshResolvedTheme, { deep: true });
+		watch(() => props.wheelScrollModifier, attachWheelGuard);
+		onMounted(async () => {
+			if (!hostEl.value) return;
+			refreshResolvedTheme();
+			terminal = new Terminal({
+				cursorBlink: props.cursorBlink,
+				fontFamily: resolveTerminalFontFamily(),
+				fontSize: resolveTerminalFontSize(),
+				fontWeight: resolveTerminalFontWeight(),
+				fontWeightBold: resolveTerminalFontWeightBold(),
+				lineHeight: TERMINAL_LINE_HEIGHT,
+				letterSpacing: 0,
+				allowTransparency: resolveAllowTransparency(),
+				drawBoldTextInBrightColors: true,
+				scrollback: props.scrollback,
+				convertEol: props.convertEol,
+				rightClickSelectsWord: props.rightClickSelectsWord,
+				theme: buildXtermTheme()
+			});
+			fitAddon = new FitAddon();
+			terminal.loadAddon(fitAddon);
+			terminal.open(hostEl.value);
+			terminal.onData((data) => {
+				if (props.inputEnabled) emit("data", data);
+			});
+			terminal.onSelectionChange(() => {
+				syncSelectionState();
+			});
+			attachShortcuts();
+			await nextTick();
+			attachWheelGuard();
+			terminalReady.value = true;
+			await fit();
+			emit("ready");
+			resizeObserver = new ResizeObserver(() => {
+				scheduleFit();
+			});
+			resizeObserver.observe(hostEl.value);
+			themeObserver = new MutationObserver(() => {
+				if (props.themeMode === "auto") refreshResolvedTheme();
+			});
+			themeObserver.observe(document.documentElement, {
+				attributes: true,
+				attributeFilter: ["data-rs-theme"]
+			});
+		});
+		onBeforeUnmount(() => {
+			themeObserver?.disconnect();
+			themeObserver = null;
+			resizeObserver?.disconnect();
+			resizeObserver = null;
+			detachWheelGuard?.();
+			detachWheelGuard = null;
+			if (fitRaf) {
+				cancelAnimationFrame(fitRaf);
+				fitRaf = 0;
+			}
+			terminal?.dispose();
+			terminal = null;
+			fitAddon = null;
+			didInitialFit = false;
+		});
+		__expose({
+			write,
+			clear,
+			focus,
+			fit,
+			copySelection,
+			pasteFromClipboard,
+			selectAll,
+			getSelection: getSelectionText,
+			hasSelection: () => hasSelection.value,
+			getGeometry: currentGeometry,
+			getTerminal: () => terminal
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(RsContextMenu_default, {
+				disabled: !__props.contextMenu,
+				items: contextMenuItems.value,
+				onSelect: onContextMenuSelect
+			}, {
+				default: withCtx(() => [createElementVNode("section", mergeProps(_ctx.$attrs, {
+					class: ["rs-terminal", { "rs-terminal--zebra": __props.zebraStripes }],
+					style: zebraStyle.value,
+					onClick: focus,
+					onContextmenuCapture: onTerminalContextMenu
+				}), [
+					createElementVNode("div", {
+						ref_key: "hostEl",
+						ref: hostEl,
+						class: "rs-terminal__host"
+					}, null, 512),
+					showLoading.value ? (openBlock(), createBlock(RsLoading_default, {
+						key: 0,
+						class: "rs-terminal__loading"
+					})) : createCommentVNode("", true),
+					__props.overlay ? (openBlock(), createElementBlock("output", _hoisted_1, toDisplayString(__props.overlay), 1)) : createCommentVNode("", true)
+				], 16)]),
+				_: 1
+			}, 8, ["disabled", "items"]);
+		};
+	}
+});
+//#endregion
+export { RsTerminal_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsTerminal.js

@@ -0,0 +1,8 @@
+import './RsTerminal.css'
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+import RsTerminal_vue_vue_type_script_setup_true_lang_default from "./RsTerminal.impl.js";
+
+//#region src/components/RsTerminal.vue
+var RsTerminal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTerminal_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-67905bea"]]);
+//#endregion
+export { RsTerminal_default as default };

package/dist/components/RsTimePicker-1.css

@@ -0,0 +1,98 @@
+
+.rs-time-picker__content {
+  z-index: var(--rs-z-dropdown);
+  padding: 0.75rem;
+  border: 1px solid var(--rs-border);
+  border-radius: var(--rs-radius);
+  background: var(--rs-surface-elevated);
+  box-shadow: var(--rs-shadow-lg);
+  outline: none;
+  width: min(18rem, calc(100vw - 2rem));
+}
+.rs-time-picker__content--range {
+  width: min(28rem, calc(100vw - 2rem));
+}
+/* 嵌套在日期时间面板内：须高于 .rs-date-picker__content（modal+2），否则时间列被日历遮挡 */
+.rs-time-picker__content--embedded {
+  z-index: calc(var(--rs-z-modal) + 3);
+}
+.rs-time-picker__panel {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rs-space-sm);
+}
+.rs-time-picker__range-grid {
+  display: grid;
+  gap: 0.75rem;
+}
+@media (min-width: 40rem) {
+.rs-time-picker__range-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+}
+.rs-time-picker__range-pane {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: var(--rs-space-sm);
+  padding: 0.5rem;
+  border: 1px solid var(--rs-border-subtle);
+  border-radius: var(--rs-radius-sm);
+  background: color-mix(in srgb, var(--rs-surface) 72%, transparent);
+}
+.rs-time-picker__pane-title {
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-semibold);
+  color: var(--rs-muted);
+}
+.rs-time-picker__footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--rs-space-sm);
+  margin-top: var(--rs-space-xs);
+  padding-top: 0.75rem;
+  border-top: 1px solid var(--rs-border-subtle);
+}
+.rs-time-picker__link {
+  border: 0;
+  background: transparent;
+  color: var(--rs-primary);
+  font-size: var(--rs-font-size-xs);
+  cursor: pointer;
+}
+.rs-time-picker__link:hover {
+  text-decoration: underline;
+}
+.rs-time-picker__actions {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+}
+.rs-time-picker__ghost,
+.rs-time-picker__confirm {
+  border: 0;
+  border-radius: var(--rs-radius-sm);
+  padding: 0.375rem 0.625rem;
+  font-size: var(--rs-font-size-xs);
+  cursor: pointer;
+}
+.rs-time-picker__ghost {
+  background: transparent;
+  color: var(--rs-muted);
+}
+.rs-time-picker__ghost:hover {
+  background: var(--rs-surface-hover);
+  color: var(--rs-text);
+}
+.rs-time-picker__confirm {
+  background: var(--rs-primary);
+  color: var(--rs-primary-foreground);
+}
+.rs-time-picker__confirm:hover:not(:disabled) {
+  opacity: 0.92;
+}
+.rs-time-picker__confirm:disabled {
+  opacity: 0.38;
+  cursor: not-allowed;
+}