niuma-ui 2.0.4 → 2.1.0

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

@@ -35,3 +35,38 @@ export declare function resolveDrawerOverlayStyle(options?: {
     overlayOpacity?: number;
     overlayBlur?: number | string;
 }): Record<string, string> | undefined;
+/** 滑入 / 滑出时长，与样式 token 默认值一致。减少动态时退出不等待。 */
+export declare const RS_DRAWER_MOTION_IN_MS = 240;
+export declare const RS_DRAWER_MOTION_OUT_MS = 180;
+export interface RsDrawerExpose {
+    /** 请求关闭（走 beforeClose）。被拦截时返回 false。 */
+    close: (reason?: RsDrawerCloseReason) => Promise<boolean>;
+    /** 打开抽屉 */
+    openDrawer: () => void;
+    /** 把焦点移进面板（模态打开时也会自动调用） */
+    focus: () => void;
+}
+export type RsDrawerInstance = RsDrawerExpose;
+export declare function rsDrawerMotionOutMs(): number;
+/** Tab 循环用。不读布局，避免在按键路径上强制回流。 */
+export declare function listRsDrawerFocusables(root: HTMLElement): HTMLElement[];
+/**
+ * 点在面板内，或点在从面板里弹出的列表 / 菜单 / 提示 / 对话框上，不算“外部”。
+ * 另一个抽屉不算，上层抽屉仍能吃掉对下层的点击。
+ */
+export declare function isRsDrawerDismissExempt(target: EventTarget | null, content: HTMLElement | null): boolean;
+export declare function pushRsDrawerLayer(id: string): () => void;
+export declare function isTopRsDrawer(id: string): boolean;
+export declare function resetRsDrawerStack(): void;
+/**
+ * 模态抽屉锁 body 滚动，并补上滚动条宽度，避免页面横跳。
+ * 引用计数；释放函数可重复调用。无 document 时返回空操作。
+ */
+export declare function acquireRsDrawerScrollLock(): () => void;
+export declare function resetRsDrawerScrollLock(): void;
+/** 打开手势是否还按着指针。多实例共用一套监听，卸载减到 0 才摘掉。 */
+export declare function acquireRsDrawerPointerTracking(): () => void;
+export declare function rsDrawerPointersDown(): number;
+export declare function resetRsDrawerPointerTracking(): void;
+/** 单测收尾：栈、滚动锁、指针监听一起清掉。 */
+export declare function resetRsDrawerRuntime(): void;

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

@@ -55,5 +55,135 @@ function resolveDrawerOverlayStyle(options) {
 	if (dialogStyle["--rs-dialog-overlay-blur"]) style["--rs-drawer-overlay-blur"] = dialogStyle["--rs-dialog-overlay-blur"];
 	return Object.keys(style).length ? style : void 0;
 }
+function rsDrawerMotionOutMs() {
+	if (typeof window === "undefined" || typeof window.matchMedia !== "function") return 180;
+	try {
+		if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return 0;
+	} catch {
+		return 180;
+	}
+	return 180;
+}
+var FOCUSABLE_SELECTOR = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled]):not([type=\"hidden\"])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(",");
+/** Tab 循环用。不读布局，避免在按键路径上强制回流。 */
+function listRsDrawerFocusables(root) {
+	const nodes = root.querySelectorAll(FOCUSABLE_SELECTOR);
+	const out = [];
+	for (const el of nodes) {
+		if (el.closest("[hidden], [inert]")) continue;
+		if (el.getAttribute("aria-hidden") === "true") continue;
+		out.push(el);
+	}
+	return out;
+}
+var OWNED_POPUP_SELECTOR = [
+	"[role=\"listbox\"]",
+	"[role=\"menu\"]",
+	"[role=\"tooltip\"]",
+	"[data-rs-popup]",
+	".rs-dialog__content",
+	".rs-dialog__overlay"
+].join(",");
+/**
+* 点在面板内，或点在从面板里弹出的列表 / 菜单 / 提示 / 对话框上，不算“外部”。
+* 另一个抽屉不算，上层抽屉仍能吃掉对下层的点击。
+*/
+function isRsDrawerDismissExempt(target, content) {
+	if (!(target instanceof Node) || !content) return false;
+	if (content.contains(target)) return true;
+	const el = target instanceof Element ? target : target.parentElement;
+	if (!el) return false;
+	const popup = el.closest(OWNED_POPUP_SELECTOR);
+	if (!popup || popup === content || content.contains(popup)) return Boolean(popup);
+	if (popup.classList.contains("rs-drawer__content") || popup.classList.contains("rs-drawer__overlay")) return false;
+	return true;
+}
+var stack = [];
+function pushRsDrawerLayer(id) {
+	if (!stack.includes(id)) stack.push(id);
+	let released = false;
+	return () => {
+		if (released) return;
+		released = true;
+		const index = stack.indexOf(id);
+		if (index >= 0) stack.splice(index, 1);
+	};
+}
+function isTopRsDrawer(id) {
+	return stack.length > 0 && stack[stack.length - 1] === id;
+}
+var lockCount = 0;
+var prevOverflow = null;
+var prevPaddingRight = null;
+/**
+* 模态抽屉锁 body 滚动，并补上滚动条宽度，避免页面横跳。
+* 引用计数；释放函数可重复调用。无 document 时返回空操作。
+*/
+function acquireRsDrawerScrollLock() {
+	if (typeof document === "undefined" || !document.body) return () => {};
+	if (lockCount === 0) {
+		prevOverflow = document.body.style.overflow;
+		prevPaddingRight = document.body.style.paddingRight;
+		const gap = window.innerWidth - document.documentElement.clientWidth;
+		const current = Number.parseFloat(getComputedStyle(document.body).paddingRight) || 0;
+		document.body.style.overflow = "hidden";
+		if (gap > 0) document.body.style.paddingRight = `${current + gap}px`;
+	}
+	lockCount += 1;
+	let released = false;
+	return () => {
+		if (released) return;
+		released = true;
+		lockCount = Math.max(0, lockCount - 1);
+		if (lockCount === 0 && document.body) {
+			document.body.style.overflow = prevOverflow ?? "";
+			document.body.style.paddingRight = prevPaddingRight ?? "";
+			prevOverflow = null;
+			prevPaddingRight = null;
+		}
+	};
+}
+var pointerUsers = 0;
+var pointersDown = 0;
+function onDrawerPointerDown() {
+	pointersDown += 1;
+}
+function onDrawerPointerUp() {
+	pointersDown = Math.max(0, pointersDown - 1);
+}
+/** 打开手势是否还按着指针。多实例共用一套监听，卸载减到 0 才摘掉。 */
+function acquireRsDrawerPointerTracking() {
+	if (typeof window === "undefined") return () => {};
+	if (pointerUsers === 0) {
+		window.addEventListener("pointerdown", onDrawerPointerDown, true);
+		window.addEventListener("pointerup", onDrawerPointerUp, true);
+		window.addEventListener("pointercancel", onDrawerPointerUp, true);
+	}
+	pointerUsers += 1;
+	let released = false;
+	return () => {
+		if (released) return;
+		released = true;
+		pointerUsers = Math.max(0, pointerUsers - 1);
+		if (pointerUsers === 0) detachRsDrawerPointerTracking();
+	};
+}
+function detachRsDrawerPointerTracking() {
+	if (typeof window === "undefined") return;
+	window.removeEventListener("pointerdown", onDrawerPointerDown, true);
+	window.removeEventListener("pointerup", onDrawerPointerUp, true);
+	window.removeEventListener("pointercancel", onDrawerPointerUp, true);
+	pointersDown = 0;
+}
+function rsDrawerPointersDown() {
+	return pointersDown;
+}
 //#endregion
-export { RS_DRAWER_MAX_VIEWPORT_RATIO, RS_DRAWER_MIN_SIZE_PX, clampRsDrawerSize, resolveDrawerOverlayStyle, resolveRsDrawerDimensionCss, resolveRsDrawerSizeCss, resolveRsDrawerSizePx, runRsDrawerBeforeClose };
+export { RS_DRAWER_MAX_VIEWPORT_RATIO, RS_DRAWER_MIN_SIZE_PX, acquireRsDrawerPointerTracking, acquireRsDrawerScrollLock, clampRsDrawerSize, isRsDrawerDismissExempt, isTopRsDrawer, listRsDrawerFocusables, pushRsDrawerLayer, resolveDrawerOverlayStyle, resolveRsDrawerDimensionCss, resolveRsDrawerSizeCss, resolveRsDrawerSizePx, rsDrawerMotionOutMs, rsDrawerPointersDown, runRsDrawerBeforeClose };

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

@@ -1,2 +1,2 @@
 export { default as RsDropdown } from './src/RsDropdown.js';
-export type { RsDropdownContentWidth, RsDropdownItem, RsDropdownItemGroup, RsDropdownItems } from './src/dropdown-utils';
+export type { RsDropdownContentWidth, RsDropdownExpose, RsDropdownGetPopupContainer, RsDropdownInstance, RsDropdownItem, RsDropdownItemGroup, RsDropdownItemSlot, RsDropdownItems, RsDropdownPlacement, RsDropdownTone, RsDropdownTrigger, } from './src/dropdown-utils';

package/dist/components/dropdown/src/RsDropdown.css

@@ -1,14 +1,27 @@
 
-/* Dropdown 为浮层菜单，样式独立于 RsSelect 列表，对齐 RsContextMenu / 设计规范 */
 .rs-dropdown {
   display: inline-block;
-  min-width: 10rem;
+  min-width: var(--rs-dropdown-trigger-min-width);
 }
 .rs-dropdown--action {
   min-width: auto;
 }
-
-/* 自定义 #trigger：不套默认输入框铬边，由业务控制外观 */
+.rs-dropdown--ssm {
+  --rs-dropdown-trigger-height: var(--rs-control-height-ssm);
+  --rs-dropdown-item-font-size: var(--rs-font-size-xs);
+}
+.rs-dropdown--sm {
+  --rs-dropdown-trigger-height: var(--rs-control-height-sm);
+  --rs-dropdown-item-font-size: var(--rs-font-size-sm);
+}
+.rs-dropdown--md {
+  --rs-dropdown-trigger-height: var(--rs-control-height-md);
+  --rs-dropdown-item-font-size: var(--rs-font-size-sm);
+}
+.rs-dropdown--lg {
+  --rs-dropdown-trigger-height: var(--rs-control-height-lg);
+  --rs-dropdown-item-font-size: var(--rs-font-size-base);
+}
 .rs-dropdown__trigger-slot {
   display: inline-flex;
   max-width: 100%;
@@ -22,8 +35,9 @@
   cursor: pointer;
 }
 .rs-dropdown__trigger-slot[data-disabled] {
-  opacity: 0.38;
+  opacity: var(--rs-dropdown-disabled-opacity);
   cursor: not-allowed;
+  pointer-events: none;
 }
 .rs-dropdown__trigger {
   display: flex;
@@ -31,34 +45,35 @@
   justify-content: space-between;
   gap: var(--rs-space-sm);
   width: 100%;
-  min-height: var(--rs-control-height-md);
-  padding: 0 var(--rs-space-md);
-  border-radius: var(--rs-radius-sm);
-  border: 1px solid var(--rs-input-border, var(--rs-border));
-  background: var(--rs-input-bg);
-  color: var(--rs-text);
-  font-size: var(--rs-font-size-sm);
+  min-height: var(--rs-dropdown-trigger-height);
+  padding-block: 0;
+  padding-inline: var(--rs-space-md);
+  border-radius: var(--rs-dropdown-item-radius);
+  border: 1px solid var(--rs-dropdown-trigger-border);
+  background: var(--rs-dropdown-trigger-bg);
+  color: var(--rs-dropdown-fg);
+  font-size: var(--rs-dropdown-item-font-size);
   line-height: var(--rs-line-height-normal);
   cursor: pointer;
-  box-shadow: var(--rs-input-shadow, none);
+  box-shadow: var(--rs-dropdown-trigger-shadow);
   transition:
     border-color var(--rs-transition-fast),
     box-shadow var(--rs-transition-fast),
     background var(--rs-transition-fast);
 }
-.rs-dropdown__trigger:hover:not([data-disabled]) {
-  border-color: var(--rs-input-border-hover, var(--rs-border));
+.rs-dropdown__trigger:hover:not(:disabled) {
+  border-color: var(--rs-dropdown-trigger-border-hover);
 }
 .rs-dropdown__trigger:focus-visible {
   outline: none;
   border-color: var(--rs-focus-border, var(--rs-primary));
-  background: var(--rs-input-bg);
+  background: var(--rs-dropdown-trigger-bg);
   box-shadow:
-    var(--rs-input-shadow, none),
+    var(--rs-dropdown-trigger-shadow),
     0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-dropdown__trigger[data-disabled] {
-  opacity: 0.38;
+.rs-dropdown__trigger:disabled {
+  opacity: var(--rs-dropdown-disabled-opacity);
   cursor: not-allowed;
   background: var(--rs-surface-hover);
 }
@@ -74,58 +89,83 @@
   white-space: nowrap;
 }
 .rs-dropdown__label--placeholder {
-  color: var(--rs-placeholder);
+  color: var(--rs-dropdown-fg-placeholder);
 }
 .rs-dropdown__icon {
   flex-shrink: 0;
-  color: var(--rs-muted);
+  color: var(--rs-dropdown-fg-muted);
 }
 .rs-dropdown__content {
+  position: fixed;
   z-index: var(--rs-z-dropdown);
-  min-width: var(--reka-dropdown-menu-trigger-width);
-  padding: var(--rs-space-xs);
+  min-width: var(--rs-dropdown-trigger-width, var(--rs-dropdown-trigger-min-width));
+  max-height: var(--rs-dropdown-max-height);
+  padding: var(--rs-dropdown-pad);
   border-radius: var(--rs-radius);
-  border: 1px solid var(--rs-border);
-  background: var(--rs-surface-elevated);
+  border: 1px solid var(--rs-dropdown-border);
+  background: var(--rs-dropdown-bg);
   box-shadow: var(--rs-shadow);
   outline: none;
-  overflow: hidden;
+  overflow: auto;
+  overscroll-behavior: contain;
+}
+.rs-dropdown__content--fit {
+  min-width: var(--rs-dropdown-fit-min-width);
+  width: max-content;
 }
 .rs-dropdown__group + .rs-dropdown__group {
-  margin-top: var(--rs-space-md);
-  padding-top: 0;
-  border-top: 1px solid var(--rs-border-subtle);
+  margin-block-start: var(--rs-space-md);
+  padding-block-start: 0;
+  border-block-start: 1px solid var(--rs-dropdown-divider);
 }
 .rs-dropdown__group-label {
   display: block;
-  padding: 0.375rem var(--rs-space-md) 0.125rem;
+  padding-block: 0.375rem 0.125rem;
+  padding-inline: var(--rs-space-md);
   font-size: var(--rs-font-size-xs);
   font-weight: var(--rs-font-weight-semibold);
-  color: var(--rs-muted);
+  color: var(--rs-dropdown-fg-muted);
   letter-spacing: 0.04em;
   line-height: var(--rs-line-height-tight);
   user-select: none;
 }
 .rs-dropdown__group + .rs-dropdown__group .rs-dropdown__group-label {
   position: relative;
-  top: -0.55em;
-  margin-bottom: 0.125rem;
-  padding: 0 0.375rem;
+  inset-block-start: -0.55em;
+  margin-block-end: 0.125rem;
+  padding-block: 0;
+  padding-inline: 0.375rem;
   margin-inline-start: var(--rs-space-md);
   width: fit-content;
   max-width: calc(100% - var(--rs-space-md) * 2);
-  background: var(--rs-surface-elevated);
+  background: var(--rs-dropdown-bg);
   line-height: 1;
 }
+.rs-dropdown__divider {
+  display: block;
+  height: 0;
+  margin-block: var(--rs-space-xs);
+  margin-inline: var(--rs-space-sm);
+  border: 0;
+  border-block-start: 1px solid var(--rs-dropdown-divider);
+}
 .rs-dropdown__item {
   display: flex;
   align-items: center;
-  gap: var(--rs-space-sm);
-  padding: var(--rs-space-sm) var(--rs-space-md);
-  border-radius: var(--rs-radius-sm);
-  font-size: var(--rs-font-size-sm);
+  gap: var(--rs-dropdown-item-gap);
+  width: 100%;
+  min-height: var(--rs-dropdown-trigger-height);
+  padding-block: var(--rs-dropdown-item-pad-block);
+  padding-inline: var(--rs-dropdown-item-pad-inline);
+  border: 0;
+  border-radius: var(--rs-dropdown-item-radius);
+  background: transparent;
+  font: inherit;
+  font-size: var(--rs-dropdown-item-font-size);
   line-height: var(--rs-line-height-tight);
-  color: var(--rs-text);
+  color: var(--rs-dropdown-fg);
+  text-align: start;
+  text-decoration: none;
   cursor: pointer;
   outline: none;
   user-select: none;
@@ -135,7 +175,7 @@
 }
 .rs-dropdown__item-icon {
   flex-shrink: 0;
-  color: var(--rs-muted);
+  color: var(--rs-dropdown-fg-muted);
 }
 .rs-dropdown__item-label {
   flex: 1;
@@ -144,49 +184,88 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rs-dropdown__item[data-highlighted] {
-  background: var(--rs-item-hover);
-}
-.rs-dropdown__item[data-state='checked'] {
-  color: var(--rs-primary);
-  background: color-mix(in srgb, var(--rs-primary) 12%, transparent);
-}
-.rs-dropdown__item[data-disabled] {
-  opacity: 0.38;
-  cursor: not-allowed;
-}
 .rs-dropdown__item-copy {
   display: flex;
   flex-direction: column;
   gap: 1px;
   min-width: 0;
+  flex: 1;
 }
 .rs-dropdown__item-hint {
   font-size: var(--rs-font-size-xs);
-  color: var(--rs-muted);
+  color: var(--rs-dropdown-fg-muted);
   line-height: var(--rs-line-height-tight);
   white-space: normal;
   display: -webkit-box;
   -webkit-line-clamp: 2;
+  line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-.rs-dropdown__content--fit {
-  min-width: 10.5rem;
-  width: max-content;
+.rs-dropdown__item-shortcut {
+  flex-shrink: 0;
+  margin-inline-start: auto;
+  padding-block: 0;
+  padding-inline: var(--rs-space-xs);
+  border-radius: var(--rs-radius-xs);
+  border: 1px solid var(--rs-dropdown-divider);
+  font-family: var(--rs-font-mono);
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-tight);
+  color: var(--rs-dropdown-fg-muted);
+}
+.rs-dropdown__item-chevron {
+  flex-shrink: 0;
+  margin-inline-start: auto;
+  color: var(--rs-dropdown-fg-muted);
+}
+.rs-dropdown__item[data-highlighted] {
+  background: var(--rs-dropdown-item-hover);
+}
+.rs-dropdown__item:focus-visible {
+  outline: none;
+  box-shadow: inset 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}
+.rs-dropdown__item[data-state='checked'] {
+  color: var(--rs-dropdown-item-active-fg);
+  background: var(--rs-dropdown-item-active-bg);
+}
+.rs-dropdown__item--danger {
+  color: var(--rs-dropdown-danger-fg);
+}
+.rs-dropdown__item--danger[data-highlighted] {
+  background: color-mix(in srgb, var(--rs-dropdown-danger-fg) 12%, transparent);
+}
+.rs-dropdown__item[data-disabled] {
+  opacity: var(--rs-dropdown-disabled-opacity);
+  cursor: not-allowed;
 }
 .rs-dropdown__content--ssm .rs-dropdown__item {
-  min-height: 26px;
-  padding: 5px 8px;
+  min-height: var(--rs-control-height-ssm);
+  padding-block: var(--rs-space-xs);
+  padding-inline: var(--rs-space-sm);
   gap: var(--rs-space-xs);
   font-size: var(--rs-font-size-xs);
   align-items: flex-start;
 }
 .rs-dropdown__content--ssm .rs-dropdown__item-icon {
-  margin-top: 2px;
+  margin-block-start: 2px;
 }
 .rs-dropdown__content--sm .rs-dropdown__item {
-  min-height: 28px;
-  padding: 6px 10px;
+  min-height: var(--rs-control-height-sm);
+  padding-block: var(--rs-space-xs);
+  padding-inline: var(--rs-space-sm);
   font-size: var(--rs-font-size-sm);
 }
+@media (prefers-reduced-motion: reduce) {
+.rs-dropdown__trigger,
+  .rs-dropdown__item {
+    transition: none;
+}
+}
+@media (forced-colors: active) {
+.rs-dropdown__item[data-highlighted],
+  .rs-dropdown__item[data-state='checked'] {
+    outline: 2px solid Highlight;
+}
+}

package/dist/components/dropdown/src/RsDropdown.d.ts

@@ -1,5 +1,6 @@
-import { type RsDropdownContentWidth, type RsDropdownItems as RsDropdownData } from './dropdown-utils';
-import type { RsComponentSize } from '../../../theme/types';
+import { type RsComponentSize, type RsRadius } from '../../../theme/types';
+import { type RsDropdownContentWidth, type RsDropdownExpose, type RsDropdownGetPopupContainer, type RsDropdownItem, type RsDropdownItems as RsDropdownData, type RsDropdownPlacement, type RsDropdownTrigger } from './dropdown-utils';
+export type { RsDropdownContentWidth, RsDropdownExpose, RsDropdownGetPopupContainer, RsDropdownInstance, RsDropdownItem, RsDropdownItemGroup, RsDropdownItemSlot, RsDropdownItems, RsDropdownPlacement, RsDropdownTone, RsDropdownTrigger, } from './dropdown-utils';
 type __VLS_Props = {
     items: RsDropdownData;
     placeholder?: string;
@@ -8,28 +9,60 @@ type __VLS_Props = {
     showSelected?: boolean;
     /** 菜单项密度，与控件 size 对齐 */
     size?: RsComponentSize;
+    radius?: RsRadius;
     /** 菜单宽度；工具条图标按钮用 fit，避免被触发器宽度压扁 */
     contentWidth?: RsDropdownContentWidth;
+    trigger?: RsDropdownTrigger | RsDropdownTrigger[];
+    placement?: RsDropdownPlacement;
+    hideOnClick?: boolean;
+    getPopupContainer?: RsDropdownGetPopupContainer;
+    popupClassName?: string;
+    maxHeight?: number;
+    ariaLabel?: string;
+    id?: string;
+    destroyOnHide?: boolean;
 };
 type __VLS_ModelProps = {
     modelValue?: string;
+    'open'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_14: {};
+declare var __VLS_1: {}, __VLS_26: {
+    item: RsDropdownItem;
+    selected: boolean;
+    highlighted: boolean;
+}, __VLS_39: {
+    item: RsDropdownItem;
+    selected: boolean;
+    highlighted: boolean;
+};
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_14) => any;
+    trigger?: (props: typeof __VLS_1) => any;
+} & {
+    item?: (props: typeof __VLS_26) => any;
+} & {
+    item?: (props: typeof __VLS_39) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, RsDropdownExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string) => any;
     select: (value: string) => any;
     "update:modelValue": (value: string | undefined) => any;
+    openChange: (open: boolean) => any;
+    "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
     onSelect?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onOpenChange?: ((open: boolean) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: RsComponentSize;
     disabled: boolean;
+    trigger: RsDropdownTrigger | RsDropdownTrigger[];
     showSelected: boolean;
     contentWidth: RsDropdownContentWidth;
+    placement: RsDropdownPlacement;
+    hideOnClick: boolean;
+    destroyOnHide: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;