niuma-ui 1.3.8 → 2.0.0

package/dist/components/terminal/src/terminal-utils.js

@@ -0,0 +1,255 @@
+import { readDocumentTheme } from "../../code-editor/src/code-editor-utils.js";
+//#region src/components/terminal/src/terminal-utils.ts
+var TERMINAL_CSS_KEYS = [
+	["background", "--rs-terminal-bg"],
+	["foreground", "--rs-terminal-fg"],
+	["cursor", "--rs-terminal-cursor"],
+	["cursorAccent", "--rs-terminal-cursor-accent"],
+	["selectionBackground", "--rs-terminal-selection-bg"],
+	["selectionForeground", "--rs-terminal-selection-fg"],
+	["black", "--rs-terminal-ansi-black"],
+	["red", "--rs-terminal-ansi-red"],
+	["green", "--rs-terminal-ansi-green"],
+	["yellow", "--rs-terminal-ansi-yellow"],
+	["blue", "--rs-terminal-ansi-blue"],
+	["magenta", "--rs-terminal-ansi-magenta"],
+	["cyan", "--rs-terminal-ansi-cyan"],
+	["white", "--rs-terminal-ansi-white"],
+	["brightBlack", "--rs-terminal-ansi-bright-black"],
+	["brightRed", "--rs-terminal-ansi-bright-red"],
+	["brightGreen", "--rs-terminal-ansi-bright-green"],
+	["brightYellow", "--rs-terminal-ansi-bright-yellow"],
+	["brightBlue", "--rs-terminal-ansi-bright-blue"],
+	["brightMagenta", "--rs-terminal-ansi-bright-magenta"],
+	["brightCyan", "--rs-terminal-ansi-bright-cyan"],
+	["brightWhite", "--rs-terminal-ansi-bright-white"]
+];
+var themeProbeCache = /* @__PURE__ */ new Map();
+function channelToHex(raw) {
+	const value = raw.endsWith("%") ? Math.round(Number(raw.slice(0, -1)) / 100 * 255) : Math.round(Number(raw));
+	if (!Number.isFinite(value)) return null;
+	return Math.max(0, Math.min(255, value)).toString(16).padStart(2, "0");
+}
+function parseRgbChannels(value) {
+	if (!value.toLowerCase().startsWith("rgb")) return null;
+	const open = value.indexOf("(");
+	const close = value.indexOf(")", open + 1);
+	if (open === -1 || close === -1) return null;
+	const parts = value.slice(open + 1, close).replaceAll("/", " ").replaceAll(",", " ").trim().split(/\s+/).filter(Boolean);
+	if (parts.length < 3) return null;
+	const r = channelToHex(parts[0]);
+	const g = channelToHex(parts[1]);
+	const b = channelToHex(parts[2]);
+	if (!r || !g || !b) return null;
+	return [
+		r,
+		g,
+		b
+	];
+}
+/** 将 CSS 颜色规范为 #RRGGBB（支持 hex 与 computed rgb） */
+function normalizeTerminalHexColor(value) {
+	const trimmed = value.trim();
+	if (!trimmed) return null;
+	if (/^#[0-9a-fA-F]{6}$/.test(trimmed)) return trimmed.toLowerCase();
+	if (/^#[0-9a-fA-F]{3}$/.test(trimmed)) {
+		const [, r, g, b] = trimmed;
+		return `#${r}${r}${g}${g}${b}${b}`.toLowerCase();
+	}
+	const rgb = parseRgbChannels(trimmed);
+	if (!rgb) return null;
+	return `#${rgb[0]}${rgb[1]}${rgb[2]}`;
+}
+/** 将 lab()/color() 等现代 CSS 色值转为 xterm 可解析的 #RRGGBB */
+function resolveCssColorForXterm(value) {
+	const direct = normalizeTerminalHexColor(value);
+	if (direct) return direct;
+	if (typeof document === "undefined") return null;
+	const canvas = document.createElement("canvas");
+	canvas.width = 1;
+	canvas.height = 1;
+	const ctx = canvas.getContext("2d", { willReadFrequently: true });
+	if (!ctx) return null;
+	try {
+		ctx.fillStyle = "#000000";
+		ctx.fillStyle = value;
+		if (typeof ctx.fillStyle !== "string") return null;
+		ctx.fillRect(0, 0, 1, 1);
+		const [r, g, b, a] = ctx.getImageData(0, 0, 1, 1).data;
+		if (a === 0) return null;
+		return `#${[
+			r,
+			g,
+			b
+		].map((c) => c.toString(16).padStart(2, "0")).join("")}`;
+	} catch {
+		return null;
+	}
+}
+var BACKGROUND_THEME_KEYS = /* @__PURE__ */ new Set(["background", "selectionBackground"]);
+function readResolvedCssColor(cssVar, source, asBackground) {
+	const probe = document.createElement("span");
+	probe.style.cssText = "position:absolute;visibility:hidden;pointer-events:none";
+	if (asBackground) probe.style.backgroundColor = `var(${cssVar})`;
+	else probe.style.color = `var(${cssVar})`;
+	source.appendChild(probe);
+	const computed = getComputedStyle(probe);
+	const raw = asBackground ? computed.backgroundColor : computed.color;
+	probe.remove();
+	return raw;
+}
+function themeProbeElement(mode) {
+	const cached = themeProbeCache.get(mode);
+	if (cached) return cached;
+	const probe = document.createElement("div");
+	probe.dataset.rsTheme = mode;
+	probe.style.cssText = "position:absolute;visibility:hidden;pointer-events:none";
+	document.body.appendChild(probe);
+	themeProbeCache.set(mode, probe);
+	return probe;
+}
+function themeSourceElement(mode) {
+	if (document.documentElement.dataset.rsTheme === mode) return document.documentElement;
+	return themeProbeElement(mode);
+}
+/** 从全局 `--rs-terminal-*` token 构建 xterm 调色板（须已加载 styles.css） */
+function readTerminalThemeFromCss(mode) {
+	if (typeof document === "undefined" || typeof getComputedStyle === "undefined") return {};
+	const source = themeSourceElement(mode);
+	const theme = {};
+	for (const [key, cssVar] of TERMINAL_CSS_KEYS) {
+		const value = resolveCssColorForXterm(readResolvedCssColor(cssVar, source, BACKGROUND_THEME_KEYS.has(key)));
+		if (value) theme[key] = value;
+	}
+	return theme;
+}
+function resolveTerminalTheme(mode = "auto") {
+	return mode === "auto" ? readDocumentTheme() : mode;
+}
+function getTerminalThemePalette(mode) {
+	return readTerminalThemeFromCss(mode);
+}
+function mergeTerminalTheme(mode, overrides) {
+	return {
+		...readTerminalThemeFromCss(mode),
+		...overrides
+	};
+}
+/** PTY 输出是否含终端控制序列（ESC / CSI），此类数据不应批量延迟。 */
+function containsEscapeSequence(data) {
+	return data.includes("\x1B") || data.includes("›");
+}
+var TUI_REFRESH_PATTERN = /\x1b\[[0-9;]*[Hf]|\x1b\[2J|\x1b\[\?1049[hl]|\x1b\[\?47[hl]|\x1b\[1049[hl]/;
+/** 检测 ncurses/vim/top 等全屏刷新常用的光标定位与清屏序列 */
+function containsTuiRefreshSequence(data) {
+	return TUI_REFRESH_PATTERN.test(data);
+}
+var FULL_SCREEN_CLEAR_PATTERN = /\x1b\[[0-9;]*2J|\x1b\[[0-9;]*3J/;
+var ALT_SCREEN_ENTER_PATTERN = /\x1b\[\?1049h|\x1b\[\?47h|\x1b\[1049h/;
+var DEFAULT_TERMINAL_SCROLLBAR_PX = 14;
+/** 读取 xterm 当前 CSS 单元格尺寸（与 FitAddon 同一套私有 dimensions）。 */
+function readXtermCssCellSize(terminal) {
+	const cell = terminal._core?._renderService?.dimensions?.css?.cell;
+	if (!cell || cell.width < 1 || cell.height < 1) return null;
+	return {
+		width: cell.width,
+		height: cell.height
+	};
+}
+/**
+* 用宿主 client 宽高算行列，避开 FitAddon 对 computed `height: 100%` 走 parseInt 的偏差。
+* 偏差时 PTY 会停在默认 80×24，`top` 按 1 就只画二十来行 CPU。
+*/
+function proposeTerminalGeometry(hostWidth, hostHeight, cellWidth, cellHeight, scrollbarWidth = DEFAULT_TERMINAL_SCROLLBAR_PX) {
+	if (hostWidth <= 0 || hostHeight <= 0 || cellWidth < 1 || cellHeight < 1) return null;
+	return {
+		cols: Math.max(2, Math.floor((hostWidth - scrollbarWidth) / cellWidth)),
+		rows: Math.max(1, Math.floor(hostHeight / cellHeight))
+	};
+}
+/** 进入备用屏（smcup），top/vim 全屏时常走这条 */
+function containsAltScreenEnter(data) {
+	return ALT_SCREEN_ENTER_PATTERN.test(data);
+}
+/** 全屏清屏（top/vim 新一轮绘制常见） */
+function containsFullScreenClear(data) {
+	return FULL_SCREEN_CLEAR_PATTERN.test(data);
+}
+/**
+* 在本地解析层重置滚动边距等模式（不发给 PTY）。
+* 仅在全屏清屏等明确「新一轮绘制」时调用，避免打断进行中的 TUI 光标位置。
+*/
+function resetLocalTerminalModes(terminal) {
+	terminal.write("\x1B[r");
+}
+function snapTerminalViewportToBottom(terminal) {
+	terminal.scrollToBottom();
+}
+/**
+* 是否要在写入前校正视口。
+* 只认清屏 / 进备用屏 / 已在备用屏且视口不在底部；普通 `\x1b[H` 不碰，以免把用户翻的 scrollback 拽回去。
+*/
+function needsPtyWriteViewportPrep(data, terminal) {
+	if (containsFullScreenClear(data) || containsAltScreenEnter(data)) return true;
+	if (terminal.buffer.active.type !== "alternate") return false;
+	return containsTuiRefreshSequence(data) && terminal.buffer.active.viewportY < terminal.buffer.active.baseY;
+}
+/** 处理 PTY 写入前的视口/模式准备（不移动写入光标，避免输入错位） */
+function prepareTerminalForPtyWrite(terminal, data) {
+	if (containsFullScreenClear(data)) {
+		resetLocalTerminalModes(terminal);
+		snapTerminalViewportToBottom(terminal);
+		return;
+	}
+	if (containsAltScreenEnter(data)) {
+		snapTerminalViewportToBottom(terminal);
+		return;
+	}
+	const buffer = terminal.buffer.active;
+	if (buffer.viewportY < buffer.baseY) snapTerminalViewportToBottom(terminal);
+}
+function isMacPlatform() {
+	if (typeof navigator === "undefined") return false;
+	return /Mac|iPhone|iPad|iPod/.test(navigator.platform);
+}
+/** 菜单/文档展示的修饰键标签 */
+function terminalShortcutLabel(key) {
+	return isMacPlatform() ? `⌘${key}` : `Ctrl+${key}`;
+}
+/** ANSI 16 色演示文本 */
+function buildAnsiColorDemo() {
+	const names = [
+		"black",
+		"red",
+		"green",
+		"yellow",
+		"blue",
+		"magenta",
+		"cyan",
+		"white"
+	];
+	const rows = [0, 1].map((row) => {
+		const base = row === 0 ? 30 : 90;
+		let line = "";
+		for (let i = 0; i < 8; i += 1) line += `\x1b[${base + i}m ${names[i].padEnd(8)} \x1b[0m`;
+		return line;
+	});
+	let gradient = "";
+	for (let i = 16; i < 52; i += 1) gradient += `\x1b[48;5;${i}m \x1b[0m`;
+	return `${[
+		"\x1B[1mANSI 16 colors\x1B[0m",
+		...rows,
+		"",
+		"\x1B[1mStyles\x1B[0m  \x1B[1mbold\x1B[0m  \x1B[3mitalic\x1B[0m  \x1B[4munderline\x1B[0m  \x1B[9mstrikethrough\x1B[0m",
+		"",
+		"\x1B[38;5;196m256-color\x1B[0m sample:",
+		gradient,
+		"",
+		"\x1B[1mls --color symlink\x1B[0m",
+		`  23 Apr  1  2024 \x1b[01;36mbusiness-logs -> /wmsdata/business-logs/\x1b[0m`,
+		`  23 Apr  1  2024 \x1b[01;36;40mbusiness-logs -> /wmsdata/business-logs/\x1b[0m`,
+		`  23 Apr  1  2024 \x1b[40;31;01mbusiness-logs -> /wmsdata/business-logs/\x1b[0m`
+	].join("\r\n")}\r\n`;
+}
+//#endregion
+export { buildAnsiColorDemo, containsAltScreenEnter, containsEscapeSequence, containsFullScreenClear, containsTuiRefreshSequence, getTerminalThemePalette, isMacPlatform, mergeTerminalTheme, needsPtyWriteViewportPrep, normalizeTerminalHexColor, prepareTerminalForPtyWrite, proposeTerminalGeometry, readTerminalThemeFromCss, readXtermCssCellSize, resetLocalTerminalModes, resolveCssColorForXterm, resolveTerminalTheme, snapTerminalViewportToBottom, terminalShortcutLabel };

package/dist/components/terminal/src/terminal-wheel.js

@@ -0,0 +1,42 @@
+//#region src/components/terminal/src/terminal-wheel.ts
+function isAlternateTerminalBuffer(terminal) {
+	return terminal?.buffer.active.type === "alternate";
+}
+/**
+* shift：仅全屏 TUI（备用屏，vim/top/less）把滚轮转成方向键；
+* 普通 shell 必须滚 scrollback，否则 bash/zsh 会当成历史命令。
+*/
+function shouldConvertWheelToArrowKeys(options) {
+	if (options.shiftKey || options.modifier === "none") return false;
+	return options.alternateBuffer;
+}
+/**
+* 滚轮策略：shell 里滚历史缓冲；仅备用屏才把滚轮发给 PTY。
+* 按住 Shift 时始终原生滚动。
+*/
+function attachWheelScrollGuard(hostEl, options) {
+	const viewport = hostEl.querySelector(".xterm-scrollable-element") ?? hostEl.querySelector(".xterm-viewport");
+	if (!viewport) return () => void 0;
+	const handler = (ev) => {
+		if (!shouldConvertWheelToArrowKeys({
+			modifier: options.modifier(),
+			shiftKey: ev.shiftKey,
+			alternateBuffer: options.isAlternateBuffer?.() ?? false
+		})) return;
+		ev.preventDefault();
+		ev.stopImmediatePropagation();
+		if (!options.inputEnabled() || ev.deltaY === 0) return;
+		const steps = Math.min(5, Math.max(1, Math.round(Math.abs(ev.deltaY) / 40)));
+		const seq = ev.deltaY > 0 ? "\x1B[B" : "\x1B[A";
+		options.onArrowKeys(seq.repeat(steps));
+	};
+	viewport.addEventListener("wheel", handler, {
+		capture: true,
+		passive: false
+	});
+	return () => {
+		viewport.removeEventListener("wheel", handler, { capture: true });
+	};
+}
+//#endregion
+export { attachWheelScrollGuard, isAlternateTerminalBuffer, shouldConvertWheelToArrowKeys };

package/dist/components/textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RsTextarea } from './src/RsTextarea.js';
+export type { RsTextareaAutosize, RsTextareaExpose, RsTextareaInstance, RsTextareaResize, } from './src/RsTextarea.js';

package/dist/components/textarea/src/RsTextarea.css

@@ -0,0 +1,126 @@
+
+.rs-textarea[data-v-8043cc1b] {
+  width: 100%;
+}
+.rs-textarea__shell[data-v-8043cc1b] {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  border: 1px solid var(--rs-input-border, var(--rs-border));
+  border-radius: var(--rs-input-radius, var(--rs-radius-sm));
+  background: var(--rs-input-bg);
+  box-shadow: var(--rs-input-shadow, none);
+  transition:
+    border-color var(--rs-transition-fast),
+    box-shadow var(--rs-transition-fast);
+}
+.rs-textarea__shell[data-v-8043cc1b]:hover:not(.is-disabled):not(.is-readonly):not(:focus-within) {
+  border-color: var(--rs-input-border-hover, var(--rs-border));
+}
+.rs-textarea__shell[data-v-8043cc1b]:focus-within {
+  border-color: var(--rs-focus-border, var(--rs-primary));
+  box-shadow:
+    var(--rs-input-shadow, none),
+    0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}
+.rs-textarea__shell.is-invalid[data-v-8043cc1b] {
+  border-color: var(--rs-danger);
+}
+.rs-textarea__shell.is-invalid[data-v-8043cc1b]:focus-within {
+  box-shadow:
+    var(--rs-input-shadow, none),
+    0 0 0 var(--rs-focus-ring-width, 2px) color-mix(in srgb, var(--rs-danger) 14%, transparent);
+}
+.rs-textarea__shell.is-disabled[data-v-8043cc1b] {
+  opacity: 0.38;
+  cursor: not-allowed;
+  background: var(--rs-surface-hover);
+}
+.rs-textarea__shell.is-readonly[data-v-8043cc1b] {
+  background: var(--rs-surface-hover);
+}
+.rs-textarea__control[data-v-8043cc1b] {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 4.5rem;
+  padding: 0.55rem 0.75rem;
+  border: 0;
+  outline: none;
+  background: transparent;
+  color: var(--rs-text);
+  font: inherit;
+  font-size: var(--rs-font-size-sm);
+  line-height: 1.5;
+}
+.rs-textarea__shell.is-autosize .rs-textarea__control[data-v-8043cc1b] {
+  min-height: 0;
+}
+.rs-textarea__shell.has-count .rs-textarea__control[data-v-8043cc1b] {
+  padding-bottom: 1.55rem;
+}
+.rs-textarea__shell.has-clear .rs-textarea__control[data-v-8043cc1b] {
+  padding-right: 1.85rem;
+}
+.rs-input-field--sm .rs-textarea__control[data-v-8043cc1b] {
+  min-height: 3.5rem;
+  padding: 0.4rem 0.6rem;
+  font-size: var(--rs-font-size-xs);
+}
+.rs-input-field--sm .rs-textarea__shell.has-count .rs-textarea__control[data-v-8043cc1b] {
+  padding-bottom: 1.4rem;
+}
+.rs-input-field--lg .rs-textarea__control[data-v-8043cc1b] {
+  min-height: 5.5rem;
+  padding: 0.7rem 0.9rem;
+}
+.rs-textarea__control[data-v-8043cc1b]::placeholder {
+  color: var(--rs-placeholder);
+}
+.rs-textarea__control[data-v-8043cc1b]:disabled {
+  cursor: not-allowed;
+}
+.rs-textarea__control[data-v-8043cc1b]:read-only {
+  cursor: default;
+}
+.rs-textarea__clear[data-v-8043cc1b] {
+  position: absolute;
+  top: 0.45rem;
+  right: 0.45rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  padding: 0;
+  border: none;
+  border-radius: var(--rs-radius-xs);
+  background: transparent;
+  color: var(--rs-muted);
+  cursor: pointer;
+  transition:
+    color var(--rs-transition-fast),
+    background var(--rs-transition-fast);
+}
+.rs-textarea__clear[data-v-8043cc1b]:hover {
+  color: var(--rs-text);
+  background: var(--rs-item-hover);
+}
+.rs-textarea__count[data-v-8043cc1b] {
+  position: absolute;
+  right: 0.65rem;
+  bottom: 0.3rem;
+  margin: 0;
+  pointer-events: none;
+  font-size: var(--rs-font-size-xs);
+  font-variant-numeric: tabular-nums;
+  line-height: 1;
+  color: var(--rs-muted);
+}
+.rs-textarea__count.is-limit[data-v-8043cc1b] {
+  color: var(--rs-danger);
+}
+.rs-field--label-left .rs-textarea[data-v-8043cc1b] {
+  grid-column: 2;
+  min-width: 0;
+}

package/dist/components/textarea/src/RsTextarea.d.ts

@@ -0,0 +1,114 @@
+import type { RsComponentSize, RsRadius } from '../../../theme/types';
+import { type RsFormLabelPosition } from '../../form/src/form-utils';
+import { type RsFormRuleTrigger } from '../../form/src/form-rules';
+import type { RsInputRule, RsInputValidateTrigger } from '../../input/src/input-rules';
+/** 原生 resize；autosize 开启时强制 none，与 Element Plus 一致。 */
+export type RsTextareaResize = 'none' | 'horizontal' | 'vertical' | 'both';
+/**
+ * 自适应高度。true 从 rows 起往下长；对象可锁 minRows / maxRows。
+ * 对齐 Ant Design autoSize、Element Plus autosize。
+ */
+export type RsTextareaAutosize = boolean | {
+    minRows?: number;
+    maxRows?: number;
+};
+/**
+ * RsTextarea 模板 ref 请用此类型。
+ * 不要写 InstanceType<typeof RsTextarea>：组件实例类型过深，vue-tsc 会报 Excessive stack depth。
+ */
+export interface RsTextareaExpose {
+    validate: (trigger?: RsFormRuleTrigger) => Promise<boolean>;
+    clearValidation: () => void;
+    setValue: (value: unknown) => void;
+    setError: (message: string) => void;
+    focus: () => void;
+    blur: () => void;
+}
+/** 模板 ref 实例：expose + 根节点 */
+export type RsTextareaInstance = RsTextareaExpose & {
+    $el: HTMLElement;
+};
+type __VLS_Props = {
+    id?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    invalid?: boolean;
+    errorMessage?: string;
+    size?: RsComponentSize;
+    radius?: RsRadius;
+    rows?: number;
+    resize?: RsTextareaResize;
+    /** true 或 { minRows, maxRows }；开启后不可拖拽改高 */
+    autosize?: RsTextareaAutosize;
+    rule?: RsInputRule;
+    validator?: (value: string) => boolean | string;
+    required?: boolean;
+    validateTrigger?: RsInputValidateTrigger;
+    name?: string;
+    minlength?: number;
+    maxlength?: number;
+    showCount?: boolean;
+    clearable?: boolean;
+    showValidateMessage?: boolean;
+    label?: string;
+    hint?: string;
+    labelPosition?: RsFormLabelPosition;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_6: {
+    value: string;
+    count: number;
+    maxlength: number | undefined;
+}, __VLS_8: {
+    message: string;
+};
+type __VLS_Slots = {} & {
+    count?: (props: typeof __VLS_6) => any;
+} & {
+    error?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, RsTextareaExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
+    clear: () => any;
+    "update:modelValue": (value: string) => any;
+    validate: (payload: {
+        valid: boolean;
+        message?: string;
+    }) => any;
+    pressEnter: (event: KeyboardEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onValidate?: ((payload: {
+        valid: boolean;
+        message?: string;
+    }) => any) | undefined;
+    onPressEnter?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    invalid: boolean;
+    resize: RsTextareaResize;
+    required: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    validateTrigger: RsInputValidateTrigger;
+    clearable: boolean;
+    showCount: boolean;
+    showValidateMessage: boolean;
+    rows: number;
+    autosize: RsTextareaAutosize;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};