niuma-ui 1.1.12 → 1.2.0

package/dist/components/RsTag.impl.js

@@ -0,0 +1,70 @@
+import { useRsI18n } from "../composables/useRsI18n.js";
+import RsIcon_default from "./RsIcon.js";
+import { useResolvedRsComponentSize } from "./resolve-size.js";
+import { rsRadiusCss, useResolvedRsRadius } from "./resolve-radius.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+//#region src/components/RsTag.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "rs-tag__content" };
+var _hoisted_2 = ["disabled", "aria-label"];
+var RsTag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsTag",
+	props: {
+		variant: { default: "default" },
+		closable: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		round: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		radius: {}
+	},
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useRsI18n();
+		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		const resolvedRadius = useResolvedRsRadius(() => props.round ? "full" : props.radius, "sm");
+		const rootClass = computed(() => [
+			"rs-tag",
+			`rs-tag--${props.variant}`,
+			`rs-tag--${resolvedSize.value}`,
+			{
+				"rs-tag--closable": props.closable,
+				"rs-tag--disabled": props.disabled,
+				"rs-tag--round": props.round || resolvedRadius.value === "full"
+			}
+		]);
+		const rootStyle = computed(() => ({ "--rs-tag-radius": rsRadiusCss(resolvedRadius.value) }));
+		function onClose(event) {
+			if (props.disabled) return;
+			event.stopPropagation();
+			emit("close", event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass(rootClass.value),
+				style: normalizeStyle(rootStyle.value)
+			}, [createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), __props.closable ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				type: "button",
+				class: "rs-tag__close",
+				disabled: __props.disabled,
+				"aria-label": unref(t)("tag.close"),
+				onClick: onClose
+			}, [createVNode(RsIcon_default, {
+				name: "x",
+				size: 12
+			})], 8, _hoisted_2)) : createCommentVNode("", true)], 6);
+		};
+	}
+});
+//#endregion
+export { RsTag_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsTag.js

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

package/dist/components/RsTerminal.css

@@ -0,0 +1,119 @@
+
+.rs-terminal[data-v-67905bea] {
+  position: relative;
+  height: 100%;
+  min-height: 0;
+  /* 作为 flex/grid 项时，xterm 行盒的固有宽度不得撑开轨道，
+     否则容器收窄后列数降不下来、行尾字符会被 overflow 裁掉。 */
+  min-width: 0;
+  border: 1px solid var(--rs-terminal-border);
+  border-radius: var(--rs-radius-md);
+  background: var(--rs-terminal-shell-bg, var(--rs-terminal-bg));
+  color: var(--rs-terminal-fg);
+  box-shadow:
+    inset 0 1px 0 color-mix(in srgb, var(--rs-terminal-fg) 5%, transparent),
+    inset 0 0 0 1px color-mix(in srgb, var(--rs-terminal-fg) 4%, transparent),
+    0 1px 3px color-mix(in srgb, #000 32%, transparent);
+  overflow: hidden;
+}
+[data-rs-theme='light'] .rs-terminal[data-v-67905bea] {
+  box-shadow:
+    inset 0 1px 0 color-mix(in srgb, #fff 80%, transparent),
+    inset 0 0 0 1px color-mix(in srgb, #000 4%, transparent),
+    0 1px 4px color-mix(in srgb, #000 8%, transparent);
+}
+.rs-terminal__host[data-v-67905bea] {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  /* FitAddon 取整余量露底时，与单元格同色（勿用 shell 灰底） */
+  background: var(--rs-terminal-bg);
+}
+.rs-terminal__loading[data-v-67905bea],
+.rs-terminal__overlay[data-v-67905bea] {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.rs-terminal__overlay[data-v-67905bea] {
+  padding: var(--rs-space-lg);
+  color: color-mix(in srgb, var(--rs-terminal-fg) 92%, #fff 8%);
+  background: color-mix(in srgb, var(--rs-terminal-bg) 84%, transparent);
+  text-align: center;
+  pointer-events: none;
+  font-family: var(--rs-font-mono);
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-regular);
+  line-height: var(--rs-line-height-normal);
+}
+
+/*
+ * letter-spacing 必须在终端内归零：宿主应用常在祖先上设负字距（NiuMa 的 .nm-app 是 -0.011em）。
+ * 它会继承进 xterm 隐藏的字宽测量元素（.xterm-helpers 下的 WidthCache），使 offsetWidth 量到的
+ * 字形比实际渲染窄；而 CharSizeService 走 canvas measureText 不受 CSS 影响、单元格宽是准的。
+ * DOM 渲染器于是按 `cellWidth - 测量值` 给每个字符补正字距，行盒却仍是 cols × cellWidth，
+ * 逐列累积后整行溢出十几到几十像素，被行盒的 overflow:hidden 切掉行尾几个字符。
+ */
+.rs-terminal[data-v-67905bea] .xterm {
+  width: 100%;
+  height: 100%;
+  line-height: normal;
+  letter-spacing: normal;
+}
+
+/*
+ * xterm 6 官方仍给空的 .xterm-viewport 写 overflow-y:scroll + 背景 #000。
+ * 真正滚动的是 .xterm-scrollable-element；空层滚动条会挡住最后一列。
+ */
+.rs-terminal[data-v-67905bea] .xterm .xterm-viewport {
+  overflow: hidden;
+  background-color: transparent;
+}
+
+/*
+ * xterm 兜底的滑块是占满 14px 轨道的直角块，配色取终端前景色 20% 不透明度，与 RsScrollbar
+ * 的圆角胶囊不一致。轨道宽度由 overviewRuler.width 决定，改它会给每个终端实例多建一块
+ * overview ruler 画布，因此只重绘滑块：热区仍是 14px，靠透明边框内缩出 10px 可见胶囊。
+ */
+.rs-terminal[data-v-67905bea] .xterm-scrollable-element > .scrollbar > .slider {
+  box-sizing: border-box;
+  border: var(--rs-scrollbar-padding, 2px) solid transparent;
+  border-radius: var(--rs-radius-full);
+  background-color: color-mix(in srgb, var(--rs-muted) 60%, transparent);
+  background-clip: padding-box;
+  transition: background-color var(--rs-transition-fast);
+}
+.rs-terminal[data-v-67905bea] .xterm-scrollable-element > .scrollbar > .slider:hover {
+  background-color: color-mix(in srgb, var(--rs-primary) 40%, var(--rs-muted));
+}
+.rs-terminal[data-v-67905bea] .xterm-scrollable-element > .scrollbar > .slider.active {
+  background-color: color-mix(in srgb, var(--rs-primary) 55%, var(--rs-muted));
+}
+.rs-terminal--zebra[data-v-67905bea] .xterm-rows,
+.rs-terminal--zebra[data-v-67905bea] .xterm-rows > div,
+.rs-terminal--zebra[data-v-67905bea] .xterm-row {
+  background-color: transparent !important;
+}
+.rs-terminal--zebra[data-v-67905bea] .xterm-scrollable-element {
+  background-color: transparent !important;
+  background-image: repeating-linear-gradient(
+    to bottom,
+    var(--rs-terminal-bg) 0,
+    var(--rs-terminal-bg) var(--rs-terminal-zebra-step, 1lh),
+    var(--rs-terminal-row-stripe) var(--rs-terminal-zebra-step, 1lh),
+    var(--rs-terminal-row-stripe) calc(var(--rs-terminal-zebra-step, 1lh) * 2)
+  );
+  background-attachment: local;
+}
+.rs-terminal--zebra[data-v-67905bea] .xterm-screen {
+  background-color: transparent !important;
+}
+.rs-terminal[data-v-67905bea] .xterm-fg-257 {
+  color: var(--rs-terminal-bg) !important;
+}
+.rs-terminal[data-v-67905bea] .xterm-bg-257 {
+  background-color: var(--rs-terminal-fg) !important;
+}

package/dist/components/RsTerminal.d.ts

@@ -0,0 +1,85 @@
+import type { ITheme } from '@xterm/xterm';
+import '@xterm/xterm/css/xterm.css';
+import { type RsTerminalAction, type RsTerminalExpose, type RsTerminalThemeMode } from './terminal-utils';
+import { type RsTerminalWheelScrollModifier } from './terminal-wheel';
+type RsTerminalFontWeight = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+type __VLS_Props = {
+    loading?: boolean;
+    overlay?: string;
+    inputEnabled?: boolean;
+    cursorBlink?: boolean;
+    /** 缺省读取 `--rs-terminal-font-family` / `--rs-font-mono` */
+    fontFamily?: string;
+    /** 缺省读取 `--rs-terminal-font-size`（对齐 `--rs-font-size-sm`） */
+    fontSize?: number;
+    /** 缺省读取 `--rs-terminal-font-weight` */
+    fontWeight?: RsTerminalFontWeight;
+    /** 缺省读取 `--rs-terminal-font-weight-bold` */
+    fontWeightBold?: RsTerminalFontWeight;
+    allowTransparency?: boolean;
+    /** auto 跟随 data-rs-theme；也可强制 light / dark */
+    themeMode?: RsTerminalThemeMode;
+    /** 覆盖内置调色板中的部分 token */
+    theme?: Partial<ITheme>;
+    contextMenu?: boolean;
+    /** 右键菜单是否展示「询问 AI」（仅 emit，业务侧自行处理） */
+    showAskAi?: boolean;
+    /**
+     * 右键是否自动选中光标下单词。
+     * SSH/vim/less 等 TUI 场景建议 false，避免冲掉用户已拖选的大段文本。
+     */
+    rightClickSelectsWord?: boolean;
+    shortcuts?: boolean;
+    scrollback?: number;
+    /** 将裸 \\n 当作换行；PTY/SSH 建议 false，避免破坏 ncurses(top/vim) */
+    convertEol?: boolean;
+    /** 奇数行斑马纹底色，提升长日志可读性 */
+    zebraStripes?: boolean;
+    /**
+     * none：滚轮始终翻 scrollback。
+     * shift：普通 shell 翻 scrollback；仅 vim/top 等备用屏把滚轮转成方向键。
+     */
+    wheelScrollModifier?: RsTerminalWheelScrollModifier;
+    /** TUI 全屏刷新时若视口不在底部，自动滚回底部（修复 top 表头丢失） */
+    snapViewportOnTuiWrite?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, RsTerminalExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    data: (data: string) => any;
+    resize: (payload: {
+        cols: number;
+        rows: number;
+    }) => any;
+    selectionChange: (text: string) => any;
+    ready: () => any;
+    askAi: (text: string) => any;
+    action: (action: RsTerminalAction) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onData?: ((data: string) => any) | undefined;
+    onResize?: ((payload: {
+        cols: number;
+        rows: number;
+    }) => any) | undefined;
+    onSelectionChange?: ((text: string) => any) | undefined;
+    onReady?: (() => any) | undefined;
+    onAskAi?: ((text: string) => any) | undefined;
+    onAction?: ((action: RsTerminalAction) => any) | undefined;
+}>, {
+    theme: Partial<ITheme>;
+    loading: boolean;
+    overlay: string;
+    contextMenu: boolean;
+    shortcuts: boolean;
+    inputEnabled: boolean;
+    cursorBlink: boolean;
+    allowTransparency: boolean;
+    themeMode: RsTerminalThemeMode;
+    showAskAi: boolean;
+    rightClickSelectsWord: boolean;
+    scrollback: number;
+    convertEol: boolean;
+    zebraStripes: boolean;
+    wheelScrollModifier: RsTerminalWheelScrollModifier;
+    snapViewportOnTuiWrite: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;