niuma-ui 2.0.4 → 2.1.0

package/dist/components/toolbar/src/RsToolbar.impl.js

@@ -1,4 +1,9 @@
-import { createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, withCtx } from "vue";
+import { useRsConfigOptional } from "../../../composables/useRsConfig.js";
+import { resolveDirMode } from "../../../locale/apply.js";
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
+import { applyToolbarRovingTabindex, collectToolbarCommands, isToolbarTextField, nextToolbarIndex, resolveToolbarKeyboardDelta } from "./toolbar-utils.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, nextTick, normalizeClass, normalizeStyle, onMounted, onUpdated, openBlock, ref, renderSlot, resolveDynamicComponent, useSlots, withCtx } from "vue";
 //#region src/components/toolbar/src/RsToolbar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -13,11 +18,13 @@ var _hoisted_3 = {
 	class: "rs-toolbar__end"
 };
 var RsToolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsToolbar",
 	__name: "RsToolbar",
 	props: {
 		tag: { default: "header" },
-		size: { default: "md" },
+		size: {},
 		border: { default: "bottom" },
+		orientation: { default: "horizontal" },
 		elevated: {
 			type: Boolean,
 			default: false
@@ -26,30 +33,151 @@ var RsToolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			type: Boolean,
 			default: false
 		},
-		label: {}
+		wrap: {
+			type: Boolean,
+			default: false
+		},
+		sticky: {
+			type: Boolean,
+			default: false
+		},
+		stickyOffset: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		keyboard: {
+			type: Boolean,
+			default: true
+		},
+		loop: {
+			type: Boolean,
+			default: true
+		},
+		ariaLabel: {},
+		label: {},
+		id: {}
 	},
-	setup(__props) {
-		/** 工具栏高度密度，对应常见面板顶栏。 */
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const slots = useSlots();
+		const { t, locale } = useRsI18n();
+		const config = useRsConfigOptional();
+		const rootRef = ref(null);
+		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		const writingDir = computed(() => resolveDirMode(config?.dir.value ?? "auto", locale.value));
+		const toolbarLabel = computed(() => props.ariaLabel || props.label || t("toolbar.label"));
+		const hasStart = computed(() => Boolean(slots.start || slots.left || slots.default));
+		const hasCenter = computed(() => Boolean(slots.center));
+		const hasEnd = computed(() => Boolean(slots.end || slots.right));
+		const rootClass = computed(() => [
+			"rs-toolbar",
+			`rs-toolbar--${resolvedSize.value}`,
+			`rs-toolbar--border-${props.border}`,
+			`rs-toolbar--${props.orientation}`,
+			{
+				"rs-toolbar--elevated": props.elevated,
+				"rs-toolbar--compact": props.compact,
+				"rs-toolbar--wrap": props.wrap,
+				"rs-toolbar--sticky": props.sticky,
+				"rs-toolbar--disabled": props.disabled,
+				"rs-toolbar--has-start": hasStart.value,
+				"rs-toolbar--has-center": hasCenter.value,
+				"rs-toolbar--has-end": hasEnd.value
+			}
+		]);
+		const rootStyle = computed(() => {
+			if (props.stickyOffset == null) return void 0;
+			return { "--rs-toolbar-sticky-offset": `${props.stickyOffset}px` };
+		});
+		function commands() {
+			return collectToolbarCommands(rootRef.value);
+		}
+		function syncRoving(preferred) {
+			if (!props.keyboard || props.disabled) return;
+			applyToolbarRovingTabindex(commands(), preferred);
+		}
+		function focus() {
+			if (props.disabled) return;
+			const items = commands();
+			(applyToolbarRovingTabindex(items) ?? items[0])?.focus();
+		}
+		function blur() {
+			const root = rootRef.value;
+			const active = typeof document === "undefined" ? null : document.activeElement;
+			if (root && active instanceof HTMLElement && root.contains(active)) active.blur();
+		}
+		function onFocusIn(event) {
+			if (!props.keyboard || props.disabled) return;
+			const target = event.target;
+			if (!(target instanceof HTMLElement) || !rootRef.value?.contains(target)) return;
+			if (isToolbarTextField(target)) return;
+			if (commands().includes(target)) syncRoving(target);
+		}
+		function onKeydown(event) {
+			if (!props.keyboard || props.disabled) return;
+			if (event.altKey || event.ctrlKey || event.metaKey) return;
+			if (isToolbarTextField(event.target)) return;
+			const move = resolveToolbarKeyboardDelta(event.key, props.orientation, writingDir.value === "rtl");
+			if (move == null) return;
+			const items = commands();
+			if (!items.length) return;
+			const target = event.target;
+			const current = target instanceof HTMLElement ? items.indexOf(target) : -1;
+			if (current < 0) return;
+			event.preventDefault();
+			let next = nextToolbarIndex(current, items.length, typeof move === "number" ? move : 0, props.loop);
+			if (move === "start") next = 0;
+			if (move === "end") next = items.length - 1;
+			const el = items[next];
+			if (!el) return;
+			syncRoving(el);
+			el.focus();
+		}
+		onMounted(() => {
+			nextTick(() => syncRoving());
+		});
+		onUpdated(() => {
+			nextTick(() => syncRoving());
+		});
+		__expose({
+			focus,
+			blur
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
-				class: normalizeClass(["rs-toolbar", [
-					`rs-toolbar--${__props.size}`,
-					`rs-toolbar--border-${__props.border}`,
-					{
-						"rs-toolbar--elevated": __props.elevated,
-						"rs-toolbar--compact": __props.compact
-					}
-				]]),
+				id: __props.id,
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(rootClass.value),
+				style: normalizeStyle(rootStyle.value),
 				role: "toolbar",
-				"aria-label": __props.label
+				"aria-label": toolbarLabel.value,
+				"aria-orientation": __props.orientation,
+				"aria-disabled": __props.disabled ? "true" : void 0,
+				inert: __props.disabled || void 0,
+				onFocusin: onFocusIn,
+				onKeydown
 			}, {
 				default: withCtx(() => [
-					_ctx.$slots.left || _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "left"), renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true),
-					_ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "center")])) : createCommentVNode("", true),
-					_ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "right")])) : createCommentVNode("", true)
+					hasStart.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+						renderSlot(_ctx.$slots, "start", {}, void 0, true),
+						renderSlot(_ctx.$slots, "left", {}, void 0, true),
+						renderSlot(_ctx.$slots, "default", {}, void 0, true)
+					])) : createCommentVNode("", true),
+					hasCenter.value ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "center", {}, void 0, true)])) : createCommentVNode("", true),
+					hasEnd.value ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "end", {}, void 0, true), renderSlot(_ctx.$slots, "right", {}, void 0, true)])) : createCommentVNode("", true)
 				]),
 				_: 3
-			}, 8, ["class", "aria-label"]);
+			}, 40, [
+				"id",
+				"class",
+				"style",
+				"aria-label",
+				"aria-orientation",
+				"aria-disabled",
+				"inert"
+			]);
 		};
 	}
 });

package/dist/components/toolbar/src/RsToolbar.js

@@ -1,7 +1,8 @@
 import './RsToolbar.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
 import RsToolbar_vue_vue_type_script_setup_true_lang_default from "./RsToolbar.impl.js";
 
 //#region src/components/toolbar/src/RsToolbar.vue
-var RsToolbar_default = RsToolbar_vue_vue_type_script_setup_true_lang_default;
+var RsToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsToolbar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7b347879"]]);
 //#endregion
 export { RsToolbar_default as default };

package/dist/components/toolbar/src/toolbar-utils.d.ts

@@ -0,0 +1,20 @@
+import type { RsComponentSize } from '../../../theme/types';
+export type RsToolbarSize = RsComponentSize;
+export type RsToolbarBorder = 'bottom' | 'top' | 'both' | 'none';
+export type RsToolbarOrientation = 'horizontal' | 'vertical';
+export interface RsToolbarExpose {
+    /** 焦点落到当前命令控件；没有则落到第一项。禁用时不移动。 */
+    focus: () => void;
+    /** 焦点若在工具条内则失焦。 */
+    blur: () => void;
+}
+export type RsToolbarInstance = RsToolbarExpose & {
+    $el: HTMLElement;
+};
+export declare function isToolbarTextField(node: EventTarget | null): boolean;
+export declare function isToolbarCommand(el: Element): boolean;
+/** 收集工具条内可方向键移动的命令控件。输入框不进列表。无 window 假设。 */
+export declare function collectToolbarCommands(root: HTMLElement | null | undefined): HTMLElement[];
+export declare function nextToolbarIndex(current: number, length: number, delta: number, loop: boolean): number;
+export declare function resolveToolbarKeyboardDelta(key: string, orientation: RsToolbarOrientation, rtl: boolean): number | 'start' | 'end' | null;
+export declare function applyToolbarRovingTabindex(items: readonly HTMLElement[], active?: HTMLElement | null): HTMLElement | null;

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

@@ -0,0 +1,105 @@
+//#region src/components/toolbar/src/toolbar-utils.ts
+var COMMAND_SELECTOR = [
+	"button",
+	"a[href]",
+	"input",
+	"[role=\"button\"]",
+	"[role=\"menuitem\"]",
+	"[role=\"checkbox\"]",
+	"[role=\"radio\"]",
+	"[role=\"switch\"]",
+	"[role=\"tab\"]"
+].join(",");
+var TEXT_INPUT_TYPES = /* @__PURE__ */ new Set([
+	"text",
+	"search",
+	"email",
+	"url",
+	"tel",
+	"password",
+	"number",
+	"date",
+	"datetime-local",
+	"month",
+	"week",
+	"time",
+	"color"
+]);
+var COMMAND_INPUT_TYPES = /* @__PURE__ */ new Set([
+	"button",
+	"submit",
+	"reset",
+	"checkbox",
+	"radio"
+]);
+function isToolbarTextField(node) {
+	if (!(node instanceof Element)) return false;
+	const el = node.closest("input, textarea, select, [contenteditable=\"true\"]");
+	if (!el) return false;
+	if (el instanceof HTMLTextAreaElement || el instanceof HTMLSelectElement) return true;
+	if (el.getAttribute("contenteditable") === "true") return true;
+	if (!(el instanceof HTMLInputElement)) return false;
+	const type = (el.type || "text").toLowerCase();
+	if (COMMAND_INPUT_TYPES.has(type) || type === "hidden" || type === "file" || type === "image") return false;
+	return TEXT_INPUT_TYPES.has(type) || type === "text";
+}
+function isToolbarCommand(el) {
+	if (!(el instanceof HTMLElement)) return false;
+	if (el.closest("[inert], [hidden]")) return false;
+	if (el.getAttribute("aria-hidden") === "true") return false;
+	if (el.hasAttribute("disabled")) return false;
+	if (el.getAttribute("aria-disabled") === "true") return false;
+	if (isToolbarTextField(el)) return false;
+	const tag = el.tagName;
+	if (tag === "BUTTON") return true;
+	if (tag === "A") return el.hasAttribute("href");
+	if (tag === "INPUT") return COMMAND_INPUT_TYPES.has(el.type.toLowerCase());
+	const role = el.getAttribute("role");
+	return role === "button" || role === "menuitem" || role === "checkbox" || role === "radio" || role === "switch" || role === "tab";
+}
+function hasCommandAncestor(el, root) {
+	let current = el.parentElement;
+	while (current && current !== root) {
+		if (isToolbarCommand(current)) return true;
+		current = current.parentElement;
+	}
+	return false;
+}
+/** 收集工具条内可方向键移动的命令控件。输入框不进列表。无 window 假设。 */
+function collectToolbarCommands(root) {
+	if (!root) return [];
+	const items = [];
+	for (const node of root.querySelectorAll(COMMAND_SELECTOR)) {
+		if (!(node instanceof HTMLElement) || !isToolbarCommand(node)) continue;
+		if (hasCommandAncestor(node, root)) continue;
+		items.push(node);
+	}
+	return items;
+}
+function nextToolbarIndex(current, length, delta, loop) {
+	if (length <= 0) return -1;
+	if (current < 0) return delta > 0 ? 0 : length - 1;
+	const raw = current + delta;
+	if (loop) return (raw % length + length) % length;
+	return Math.max(0, Math.min(length - 1, raw));
+}
+function resolveToolbarKeyboardDelta(key, orientation, rtl) {
+	if (key === "Home") return "start";
+	if (key === "End") return "end";
+	if (orientation === "vertical") {
+		if (key === "ArrowDown") return 1;
+		if (key === "ArrowUp") return -1;
+		return null;
+	}
+	if (key === "ArrowRight") return rtl ? -1 : 1;
+	if (key === "ArrowLeft") return rtl ? 1 : -1;
+	return null;
+}
+function applyToolbarRovingTabindex(items, active) {
+	if (!items.length) return null;
+	const current = active && items.includes(active) ? active : items.find((el) => el.tabIndex === 0) ?? items[0] ?? null;
+	for (const el of items) el.tabIndex = el === current ? 0 : -1;
+	return current;
+}
+//#endregion
+export { applyToolbarRovingTabindex, collectToolbarCommands, isToolbarCommand, isToolbarTextField, nextToolbarIndex, resolveToolbarKeyboardDelta };

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

@@ -1,2 +1,3 @@
 export { default as RsTooltip } from './src/RsTooltip.js';
 export { default as RsTooltipProvider } from './src/RsTooltipProvider.js';
+export type { RsTooltipAlign, RsTooltipExpose, RsTooltipGetContainer, RsTooltipInstance, RsTooltipSide, } from './src/tooltip-utils';

package/dist/components/tooltip/src/RsTooltip.css

@@ -1,60 +1,138 @@
 
-.rs-tooltip__with-icon {
+.rs-tooltip[data-v-3bb6995e]:not(.rs-tooltip--icon) {
+  display: contents;
+}
+.rs-tooltip--icon[data-v-3bb6995e] {
   display: inline-flex;
   flex-wrap: nowrap;
   align-items: center;
-  gap: 0.25rem;
+  gap: var(--rs-space-xs);
   width: max-content;
   max-width: 100%;
   vertical-align: middle;
 }
-.rs-tooltip__label {
+.rs-tooltip__label[data-v-3bb6995e] {
   display: inline;
   min-width: 0;
 }
-.rs-tooltip__icon-trigger {
+.rs-tooltip__icon-trigger[data-v-3bb6995e] {
+  --rs-tooltip-icon: var(--rs-text-tertiary);
+  --rs-tooltip-icon-hover: var(--rs-text-primary);
   display: inline-flex;
   flex-shrink: 0;
   align-items: center;
   justify-content: center;
   margin: 0;
-  padding: 0;
+  padding-block: 0;
+  padding-inline: 0;
   border: none;
   background: transparent;
-  color: var(--rs-muted);
+  color: var(--rs-tooltip-icon);
   cursor: help;
   line-height: 0;
   border-radius: var(--rs-radius-full);
 }
-.rs-tooltip__icon-trigger:hover,
-.rs-tooltip__icon-trigger:focus-visible {
-  color: var(--rs-text);
+.rs-tooltip__icon-trigger[data-v-3bb6995e]:hover,
+.rs-tooltip__icon-trigger[data-v-3bb6995e]:focus-visible {
+  color: var(--rs-tooltip-icon-hover);
 }
-.rs-tooltip__icon-trigger:focus-visible {
+.rs-tooltip__icon-trigger[data-v-3bb6995e]:focus-visible {
   outline: none;
   box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-
-/* 提到 modal 之上：Dialog 内悬浮时否则会被遮挡（portal 挂 body） */
-.rs-tooltip__content {
-  z-index: calc(var(--rs-z-modal) + 2);
+.rs-tooltip__content[data-v-3bb6995e] {
+  --rs-tooltip-bg: var(--rs-surface-elevated);
+  --rs-tooltip-fg: var(--rs-text-primary);
+  --rs-tooltip-border: var(--rs-border);
+  --rs-tooltip-shadow: var(--rs-shadow-sm);
+  --rs-tooltip-radius: var(--rs-radius-sm);
+  position: fixed;
+  z-index: var(--rs-tooltip-z);
   width: max-content;
-  max-width: min(20rem, 90vw);
-  padding: 0.375rem 0.625rem;
-  border-radius: var(--rs-radius-sm);
-  border: 1px solid var(--rs-border);
-  background: var(--rs-surface-elevated);
-  color: var(--rs-text);
+  max-width: var(--rs-tooltip-max-width);
+  margin: 0;
+  padding-block: var(--rs-tooltip-pad-block);
+  padding-inline: var(--rs-tooltip-pad-inline);
+  border-radius: var(--rs-tooltip-radius);
+  border: 1px solid var(--rs-tooltip-border);
+  background: var(--rs-tooltip-bg);
+  color: var(--rs-tooltip-fg);
+  font-family: var(--rs-font-sans);
   font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-regular);
   line-height: var(--rs-line-height-tight);
-  box-shadow: var(--rs-shadow-sm);
-  overflow: hidden;
+  text-align: start;
+  box-shadow: var(--rs-tooltip-shadow);
   overflow-wrap: break-word;
+  pointer-events: none;
+  opacity: 1;
+  transition: opacity var(--rs-transition-fast);
 }
-[data-reka-popper-content-wrapper]:has(> .rs-tooltip__content) {
-  z-index: calc(var(--rs-z-modal) + 2);
+.rs-tooltip__content--interactive[data-v-3bb6995e] {
+  pointer-events: auto;
+  user-select: text;
 }
-.rs-tooltip__content--nowrap {
-  max-width: min(48rem, 90vw);
+.rs-tooltip__content--nowrap[data-v-3bb6995e] {
+  max-width: var(--rs-tooltip-max-width-nowrap);
   white-space: nowrap;
 }
+.rs-tooltip__content[data-ready='false'][data-v-3bb6995e] {
+  visibility: hidden;
+  opacity: 0;
+}
+.rs-tooltip__arrow[data-v-3bb6995e] {
+  position: absolute;
+  width: 0.5rem;
+  height: 0.5rem;
+  background: var(--rs-tooltip-bg);
+  border: 1px solid var(--rs-tooltip-border);
+  pointer-events: none;
+  transform: rotate(45deg);
+}
+.rs-tooltip__content[data-side='top'] .rs-tooltip__arrow[data-v-3bb6995e] {
+  bottom: -0.28rem;
+  inset-inline-start: calc(50% - 0.25rem);
+  border-block-start: none;
+  border-inline-start: none;
+}
+.rs-tooltip__content[data-side='bottom'] .rs-tooltip__arrow[data-v-3bb6995e] {
+  top: -0.28rem;
+  inset-inline-start: calc(50% - 0.25rem);
+  border-block-end: none;
+  border-inline-end: none;
+}
+.rs-tooltip__content[data-side='left'] .rs-tooltip__arrow[data-v-3bb6995e] {
+  inset-inline-end: -0.28rem;
+  top: calc(50% - 0.25rem);
+  border-block-end: none;
+  border-inline-start: none;
+}
+.rs-tooltip__content[data-side='right'] .rs-tooltip__arrow[data-v-3bb6995e] {
+  inset-inline-start: -0.28rem;
+  top: calc(50% - 0.25rem);
+  border-block-start: none;
+  border-inline-end: none;
+}
+.rs-tooltip__content[data-side='top'][data-align='start'] .rs-tooltip__arrow[data-v-3bb6995e],
+.rs-tooltip__content[data-side='bottom'][data-align='start'] .rs-tooltip__arrow[data-v-3bb6995e] {
+  inset-inline-start: 0.75rem;
+}
+.rs-tooltip__content[data-side='top'][data-align='end'] .rs-tooltip__arrow[data-v-3bb6995e],
+.rs-tooltip__content[data-side='bottom'][data-align='end'] .rs-tooltip__arrow[data-v-3bb6995e] {
+  inset-inline-start: auto;
+  inset-inline-end: 0.75rem;
+}
+.rs-tooltip__content[data-side='left'][data-align='start'] .rs-tooltip__arrow[data-v-3bb6995e],
+.rs-tooltip__content[data-side='right'][data-align='start'] .rs-tooltip__arrow[data-v-3bb6995e] {
+  top: 0.75rem;
+}
+.rs-tooltip__content[data-side='left'][data-align='end'] .rs-tooltip__arrow[data-v-3bb6995e],
+.rs-tooltip__content[data-side='right'][data-align='end'] .rs-tooltip__arrow[data-v-3bb6995e] {
+  top: auto;
+  bottom: 0.75rem;
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-tooltip__content[data-v-3bb6995e] {
+    transition: none;
+}
+}

package/dist/components/tooltip/src/RsTooltip.d.ts

@@ -1,43 +1,65 @@
+import { type RsTooltipAlign, type RsTooltipExpose, type RsTooltipGetContainer, type RsTooltipSide } from './tooltip-utils';
 type __VLS_Props = {
     content?: string;
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    align?: 'start' | 'center' | 'end';
+    side?: RsTooltipSide;
+    align?: RsTooltipAlign;
     sideOffset?: number;
     disabled?: boolean;
     /**
-     * 仅键盘 `:focus-visible` 时因焦点打开 tip。
-     * 默认 true：避免 Dialog/Popover 关闭回焦误开（对齐 Reka 推荐与 RsButton tooltip）。
+     * 仅键盘 :focus-visible 时因焦点打开。
+     * 不传则跟随 RsTooltipProvider，再没有则为 true。
      */
     ignoreNonKeyboardFocus?: boolean;
     /** 单行展示并按内容撑开宽度（适合集合名等标识符） */
     nowrap?: boolean;
     /**
-     * 业界表单帮助模式：标签后跟小图标，仅图标悬停出提示
-     *（对齐 Ant Design Form.Item `tooltip` / Element Plus 问号说明）。
+     * 标签后跟小图标，只在图标上悬停出提示。
+     * 对齐表单帮助：名称在图标的 aria-label，长说明在气泡。
      */
     icon?: boolean;
-    /** 后缀图标名，默认 info（问号/说明圆标；对齐表单帮助惯用） */
+    /** 后缀图标名，默认 info */
     iconName?: string;
     /** 帮助图标的无障碍名称；缺省用 content，再回退 locale `tooltip.help` */
     ariaLabel?: string;
+    /** 受控显隐。不传则组件自己管。 */
+    open?: boolean;
+    /** 覆盖 Provider 的悬停延迟（毫秒）。上限 60 秒。 */
+    delayDuration?: number;
+    /** 指针可以移进气泡选中文字。关掉则离开触发器立即收起。 */
+    interactive?: boolean;
+    /** 指向触发器的小箭头 */
+    arrow?: boolean;
+    /** 覆盖 --rs-tooltip-max-width */
+    maxWidth?: number | string;
+    /** 气泡挂载点。返回空则回到 document.body。 */
+    getContainer?: RsTooltipGetContainer;
+    /** 气泡元素 id，供 aria-describedby。不传则自动生成。 */
+    id?: string;
 };
-declare var __VLS_8: {}, __VLS_27: {}, __VLS_41: {};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_27) => any;
+    default?: (props: typeof __VLS_8) => any;
 } & {
-    content?: (props: typeof __VLS_41) => any;
+    content?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, RsTooltipExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    openChange: (open: boolean) => any;
+    "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpenChange?: ((open: boolean) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
     icon: boolean;
     disabled: boolean;
     iconName: string;
-    side: "top" | "right" | "bottom" | "left";
-    sideOffset: number;
-    align: "start" | "center" | "end";
     nowrap: boolean;
-    ignoreNonKeyboardFocus: boolean;
+    align: RsTooltipAlign;
+    side: RsTooltipSide;
+    sideOffset: number;
+    interactive: boolean;
+    arrow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;