niuma-ui 1.3.9 → 2.0.0

package/dist/components/RsDialog.impl.js

@@ -1,414 +0,0 @@
-import { useRsI18n } from "../composables/useRsI18n.js";
-import RsButton_default from "./RsButton.js";
-import { DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "./reka.js";
-import { dialogViewportSize } from "./dialog-viewport.js";
-import { isRsDialogWidthPreset, resolveDialogOverlayStyle, resolveRsDialogCssWidth, resolveRsDialogWidthPx, runRsDialogBeforeClose } from "./dialog-utils.js";
-import { useRsDialogWindow } from "./dialog-window.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, toRef, unref, useAttrs, useModel, useSlots, watch, withCtx, withModifiers } from "vue";
-//#region src/components/RsDialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["onPointerdown"];
-var _hoisted_2 = { class: "rs-dialog__heading" };
-var _hoisted_3 = { class: "rs-dialog__actions" };
-var _hoisted_4 = ["aria-busy"];
-var _hoisted_5 = {
-	key: 1,
-	class: "rs-dialog__body-placeholder"
-};
-var _hoisted_6 = {
-	key: 1,
-	class: "rs-dialog__footer"
-};
-var RsDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "RsDialog",
-	props: /*@__PURE__*/ mergeModels({
-		title: { default: "" },
-		description: {},
-		width: { default: "md" },
-		height: {},
-		tone: { default: "default" },
-		layout: { default: "window" },
-		draggable: {
-			type: Boolean,
-			default: false
-		},
-		resizable: {
-			type: Boolean,
-			default: true
-		},
-		fullscreenable: {
-			type: Boolean,
-			default: true
-		},
-		modal: {
-			type: Boolean,
-			default: true
-		},
-		showOverlay: {
-			type: Boolean,
-			default: false
-		},
-		overlayOpacity: {},
-		overlayBlur: {},
-		showClose: {
-			type: Boolean,
-			default: true
-		},
-		closeOnOverlayClick: {
-			type: Boolean,
-			default: false
-		},
-		closeOnEsc: {
-			type: Boolean,
-			default: true
-		},
-		teleportTo: { type: [String, Boolean] },
-		deferBodyMount: { type: Boolean },
-		boundsTransition: {
-			type: Boolean,
-			default: false
-		},
-		beforeClose: {},
-		showFooter: {
-			type: Boolean,
-			default: false
-		},
-		showCancel: {
-			type: Boolean,
-			default: true
-		},
-		showConfirm: {
-			type: Boolean,
-			default: true
-		},
-		cancelText: {},
-		confirmText: {},
-		confirmLoading: {
-			type: Boolean,
-			default: false
-		},
-		confirmVariant: { default: "primary" },
-		autoCloseOnConfirm: {
-			type: Boolean,
-			default: false
-		}
-	}, {
-		"open": {
-			type: Boolean,
-			default: false
-		},
-		"openModifiers": {}
-	}),
-	emits: /*@__PURE__*/ mergeModels([
-		"openChange",
-		"afterOpen",
-		"afterClose",
-		"confirm",
-		"cancel"
-	], ["update:open"]),
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const open = useModel(__props, "open");
-		const props = __props;
-		const emit = __emit;
-		const attrs = useAttrs();
-		const slots = useSlots();
-		const { t } = useRsI18n();
-		const isCompactLayout = computed(() => props.layout === "form" || props.layout === "confirm");
-		const isWindowLayout = computed(() => !isCompactLayout.value);
-		const enableDraggable = computed(() => props.draggable && isWindowLayout.value);
-		const enableResizable = computed(() => props.resizable && isWindowLayout.value);
-		const deferBodyMount = computed(() => props.deferBodyMount ?? isWindowLayout.value);
-		const overlayStyle = computed(() => resolveDialogOverlayStyle({
-			overlayOpacity: props.overlayOpacity,
-			overlayBlur: props.overlayBlur
-		}));
-		const widthPreset = computed(() => isRsDialogWidthPreset(props.width) ? props.width : "md");
-		const initialWidthPx = computed(() => resolveRsDialogWidthPx(props.width));
-		const initialHeightPx = computed(() => props.height == null || props.height === "" ? void 0 : resolveRsDialogWidthPx(props.height, dialogViewportSize().height));
-		const customCssWidth = computed(() => resolveRsDialogCssWidth(props.width));
-		const bodyReady = ref(false);
-		const closing = ref(false);
-		let pendingCloseReason = "programmatic";
-		let bodyMountFrameOuter = 0;
-		let bodyMountFrameInner = 0;
-		let afterOpenTimer = 0;
-		function resetBodyMount() {
-			if (bodyMountFrameOuter) {
-				cancelAnimationFrame(bodyMountFrameOuter);
-				bodyMountFrameOuter = 0;
-			}
-			if (bodyMountFrameInner) {
-				cancelAnimationFrame(bodyMountFrameInner);
-				bodyMountFrameInner = 0;
-			}
-			bodyReady.value = false;
-		}
-		function scheduleBodyMount() {
-			resetBodyMount();
-			bodyMountFrameOuter = requestAnimationFrame(() => {
-				bodyMountFrameOuter = 0;
-				bodyMountFrameInner = requestAnimationFrame(() => {
-					bodyMountFrameInner = 0;
-					if (open.value) bodyReady.value = true;
-				});
-			});
-		}
-		watch([open, deferBodyMount], ([isOpen, defer]) => {
-			if (!isOpen || !defer) {
-				resetBodyMount();
-				if (isOpen) bodyReady.value = true;
-				return;
-			}
-			scheduleBodyMount();
-		}, { immediate: true });
-		function clearAfterOpenTimer() {
-			if (!afterOpenTimer) return;
-			window.clearTimeout(afterOpenTimer);
-			afterOpenTimer = 0;
-		}
-		function queueAfterOpen() {
-			clearAfterOpenTimer();
-			afterOpenTimer = window.setTimeout(() => {
-				afterOpenTimer = 0;
-				if (open.value) emit("afterOpen");
-			}, 230);
-		}
-		watch(open, (isOpen, wasOpen) => {
-			if (isOpen && !wasOpen) {
-				emit("openChange", true);
-				queueAfterOpen();
-				return;
-			}
-			if (!isOpen && wasOpen) {
-				emit("openChange", false);
-				if (!closing.value) emit("afterClose", "programmatic");
-			}
-		});
-		onMounted(() => {});
-		onBeforeUnmount(() => {
-			resetBodyMount();
-			clearAfterOpenTimer();
-		});
-		const showBodyContent = computed(() => !deferBodyMount.value || bodyReady.value);
-		const showBuiltinFooter = computed(() => props.showFooter && !slots.footer && (props.showCancel || props.showConfirm));
-		const resolvedTitle = computed(() => {
-			return props.title?.trim() || " ";
-		});
-		const contentClass = computed(() => {
-			const presetClass = isRsDialogWidthPreset(props.width) ? `rs-dialog__content--${props.width}` : "rs-dialog__content--custom-width";
-			return [
-				isCompactLayout.value ? "rs-dialog__content--form" : "rs-dialog__content--window",
-				props.layout === "confirm" ? "rs-dialog__content--confirm" : void 0,
-				presetClass,
-				`rs-dialog__content--tone-${props.tone}`,
-				{
-					"rs-dialog__content--fullscreen": isFullscreen.value,
-					"rs-dialog__content--draggable": enableDraggable.value,
-					"rs-dialog__content--bounds-transition": boundsTransitionEnabled.value
-				}
-			];
-		});
-		const contentStyle = computed(() => {
-			const base = isWindowLayout.value ? dialogStyle.value : void 0;
-			if (isWindowLayout.value) return base;
-			const cssW = customCssWidth.value;
-			if (!cssW) return base;
-			return {
-				...base ?? {},
-				maxWidth: cssW
-			};
-		});
-		async function requestClose(reason) {
-			if (!open.value || closing.value) return false;
-			closing.value = true;
-			pendingCloseReason = reason;
-			try {
-				if (!await runRsDialogBeforeClose(props.beforeClose, reason)) return false;
-				open.value = false;
-				await nextTick();
-				emit("afterClose", reason);
-				return true;
-			} finally {
-				closing.value = false;
-			}
-		}
-		/** DialogRoot 受控更新：打开直通；关闭统一走 beforeClose */
-		async function onUpdateOpen(next) {
-			if (next) {
-				open.value = true;
-				return;
-			}
-			await requestClose(pendingCloseReason);
-			pendingCloseReason = "programmatic";
-		}
-		function onEscapeKeyDown(event) {
-			if (!props.closeOnEsc || props.confirmLoading) {
-				event.preventDefault();
-				return;
-			}
-			pendingCloseReason = "escape";
-		}
-		/** 是否因外部交互关闭：与 modal 无关；非模态仍允许背后操作，仅控制是否 dismiss。 */
-		function onPointerDownOutside(event) {
-			if (!props.closeOnOverlayClick || props.confirmLoading) {
-				event.preventDefault();
-				return;
-			}
-			pendingCloseReason = "overlay";
-		}
-		function onInteractOutside(event) {
-			if (!props.closeOnOverlayClick || props.confirmLoading) {
-				event.preventDefault();
-				return;
-			}
-			pendingCloseReason = "overlay";
-		}
-		async function onHeaderCloseClick() {
-			await requestClose("close");
-		}
-		async function onBuiltinCancel() {
-			emit("cancel");
-			await requestClose("cancel");
-		}
-		async function onBuiltinConfirm() {
-			emit("confirm");
-			if (props.autoCloseOnConfirm) await requestClose("confirm");
-		}
-		const { isFullscreen, boundsTransitionEnabled, dialogStyle, resizeHandles, setPanelEl, toggleFullscreen, onHeaderPointerDown, onResizePointerDown } = useRsDialogWindow({
-			open,
-			widthPreset,
-			initialWidth: initialWidthPx,
-			initialHeight: initialHeightPx,
-			draggable: enableDraggable,
-			resizable: enableResizable,
-			compact: isCompactLayout,
-			boundsTransition: toRef(props, "boundsTransition")
-		});
-		/**
-		* 全屏时跳出业务挂载点，挂到默认 portal（通常 body），
-		* 还原后仍回到 props.teleportTo，以保留页签内浮层的生命周期绑定。
-		*/
-		const resolvedTeleportTo = computed(() => {
-			if (isFullscreen.value && props.teleportTo !== false) return;
-			return props.teleportTo;
-		});
-		const contentRef = ref(null);
-		watch(contentRef, (inst) => {
-			if (!inst) {
-				setPanelEl(null);
-				return;
-			}
-			const el = inst instanceof HTMLElement ? inst : inst.$el ?? null;
-			setPanelEl(el instanceof HTMLElement ? el : null);
-		}, { flush: "post" });
-		__expose({
-			/** 请求关闭（走 beforeClose） */
-			close: (reason = "programmatic") => requestClose(reason),
-			/** 打开对话框 */
-			openDialog: () => {
-				open.value = true;
-			}
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogRoot), {
-				open: open.value,
-				modal: __props.modal,
-				"onUpdate:open": onUpdateOpen
-			}, {
-				default: withCtx(() => [createVNode(unref(DialogPortal), {
-					disabled: resolvedTeleportTo.value === false,
-					to: resolvedTeleportTo.value === false ? void 0 : resolvedTeleportTo.value
-				}, {
-					default: withCtx(() => [__props.showOverlay ? (openBlock(), createBlock(unref(DialogOverlay), {
-						key: 0,
-						class: "rs-dialog__overlay rs-motion-reduce",
-						style: normalizeStyle(overlayStyle.value)
-					}, null, 8, ["style"])) : createCommentVNode("", true), createVNode(unref(DialogContent), mergeProps({
-						ref_key: "contentRef",
-						ref: contentRef
-					}, unref(attrs), {
-						class: ["rs-dialog__content rs-motion-reduce", contentClass.value],
-						style: contentStyle.value,
-						onPointerDownOutside,
-						onInteractOutside,
-						onEscapeKeyDown
-					}), {
-						default: withCtx(() => [
-							enableResizable.value && !unref(isFullscreen) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(resizeHandles), (handle) => {
-								return openBlock(), createElementBlock("div", {
-									key: handle,
-									class: normalizeClass(["rs-dialog__resize-handle", `rs-dialog__resize-handle--${handle}`]),
-									"aria-hidden": true,
-									onPointerdown: withModifiers(($event) => unref(onResizePointerDown)(handle, $event), ["stop"])
-								}, null, 42, _hoisted_1);
-							}), 128)) : createCommentVNode("", true),
-							createElementVNode("header", {
-								class: "rs-dialog__header",
-								onPointerdown: _cache[0] || (_cache[0] = (...args) => unref(onHeaderPointerDown) && unref(onHeaderPointerDown)(...args))
-							}, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", _hoisted_2, [createVNode(unref(DialogTitle), { class: "rs-dialog__title" }, {
-								default: withCtx(() => [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(resolvedTitle.value), 1)])]),
-								_: 3
-							}), createVNode(unref(DialogDescription), { class: normalizeClass(["rs-dialog__description", { "rs-dialog__description--sr-only": !__props.description && !_ctx.$slots.description }]) }, {
-								default: withCtx(() => [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description || resolvedTitle.value), 1)])]),
-								_: 3
-							}, 8, ["class"])])]), createElementVNode("div", _hoisted_3, [__props.fullscreenable && isWindowLayout.value ? (openBlock(), createBlock(RsButton_default, {
-								key: 0,
-								variant: "ghost",
-								size: "sm",
-								"icon-only": "",
-								icon: unref(isFullscreen) ? "minimize-2" : "maximize-2",
-								tooltip: unref(isFullscreen) ? unref(t)("dialog.restore") : unref(t)("dialog.fullscreen"),
-								onClick: unref(toggleFullscreen)
-							}, null, 8, [
-								"icon",
-								"tooltip",
-								"onClick"
-							])) : createCommentVNode("", true), __props.showClose ? (openBlock(), createBlock(RsButton_default, {
-								key: 1,
-								variant: "ghost",
-								size: "sm",
-								"icon-only": "",
-								icon: "x",
-								disabled: __props.confirmLoading,
-								tooltip: unref(t)("dialog.close"),
-								onClick: onHeaderCloseClick
-							}, null, 8, ["disabled", "tooltip"])) : createCommentVNode("", true)])], 32),
-							createElementVNode("div", {
-								class: "rs-dialog__body",
-								"aria-busy": deferBodyMount.value && !bodyReady.value ? "true" : void 0
-							}, [showBodyContent.value ? renderSlot(_ctx.$slots, "body", {}, void 0, void 0, 0) : (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "body-placeholder")]))], 8, _hoisted_4),
-							_ctx.$slots.footer || showBuiltinFooter.value ? (openBlock(), createElementBlock("footer", _hoisted_6, [renderSlot(_ctx.$slots, "footer", {
-								confirmLoading: __props.confirmLoading,
-								onConfirm: onBuiltinConfirm,
-								onCancel: onBuiltinCancel
-							}, () => [showBuiltinFooter.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.showCancel ? (openBlock(), createBlock(RsButton_default, {
-								key: 0,
-								variant: "default",
-								size: "sm",
-								disabled: __props.confirmLoading,
-								onClick: onBuiltinCancel
-							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelText ?? unref(t)("common.cancel")), 1)]),
-								_: 1
-							}, 8, ["disabled"])) : createCommentVNode("", true), __props.showConfirm ? (openBlock(), createBlock(RsButton_default, {
-								key: 1,
-								variant: __props.confirmVariant,
-								size: "sm",
-								loading: __props.confirmLoading,
-								onClick: onBuiltinConfirm
-							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmText ?? unref(t)("common.confirm")), 1)]),
-								_: 1
-							}, 8, ["variant", "loading"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)])])) : createCommentVNode("", true)
-						]),
-						_: 3
-					}, 16, ["class", "style"])]),
-					_: 3
-				}, 8, ["disabled", "to"])]),
-				_: 3
-			}, 8, ["open", "modal"]);
-		};
-	}
-});
-//#endregion
-export { RsDialog_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsDialog.js

@@ -1,7 +0,0 @@
-import './RsDialog.css'
-import RsDialog_vue_vue_type_script_setup_true_lang_default from "./RsDialog.impl.js";
-
-//#region src/components/RsDialog.vue
-var RsDialog_default = RsDialog_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { RsDialog_default as default };

package/dist/components/RsDivider.css

@@ -1,51 +0,0 @@
-
-.rs-divider[data-v-7140d491] {
-  flex-shrink: 0;
-  box-sizing: border-box;
-  border: 0;
-  background: transparent;
-}
-.rs-divider--horizontal[data-v-7140d491] {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  margin: var(--rs-space-md) 0;
-}
-.rs-divider--horizontal[data-v-7140d491]:not(.rs-divider--with-label)::before {
-  content: '';
-  display: block;
-  width: 100%;
-  border-top: 1px solid var(--rs-border);
-}
-.rs-divider--horizontal.rs-divider--dashed[data-v-7140d491]:not(.rs-divider--with-label)::before {
-  border-top-style: dashed;
-}
-.rs-divider--horizontal.rs-divider--with-label[data-v-7140d491]::before,
-.rs-divider--horizontal.rs-divider--with-label[data-v-7140d491]::after {
-  content: '';
-  flex: 1 1 auto;
-  border-top: 1px solid var(--rs-border);
-}
-.rs-divider--horizontal.rs-divider--dashed.rs-divider--with-label[data-v-7140d491]::before,
-.rs-divider--horizontal.rs-divider--dashed.rs-divider--with-label[data-v-7140d491]::after {
-  border-top-style: dashed;
-}
-.rs-divider__label[data-v-7140d491] {
-  flex-shrink: 0;
-  padding: 0 var(--rs-space-md);
-  font-size: var(--rs-font-size-xs);
-  color: var(--rs-muted);
-  white-space: nowrap;
-}
-.rs-divider--vertical[data-v-7140d491] {
-  display: inline-block;
-  align-self: stretch;
-  width: 0;
-  min-height: 1em;
-  margin: 0 var(--rs-space-md);
-  border-left: 1px solid var(--rs-border);
-  vertical-align: middle;
-}
-.rs-divider--vertical.rs-divider--dashed[data-v-7140d491] {
-  border-left-style: dashed;
-}

package/dist/components/RsDivider.impl.js

@@ -1,31 +0,0 @@
-import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
-//#region src/components/RsDivider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-orientation"];
-var _hoisted_2 = {
-	key: 0,
-	class: "rs-divider__label"
-};
-var RsDivider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "RsDivider",
-	props: {
-		orientation: { default: "horizontal" },
-		dashed: {
-			type: Boolean,
-			default: false
-		}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(["rs-divider", [`rs-divider--${__props.orientation}`, {
-					"rs-divider--dashed": __props.dashed,
-					"rs-divider--with-label": _ctx.$slots.default
-				}]]),
-				role: "separator",
-				"aria-orientation": __props.orientation
-			}, [_ctx.$slots.default && __props.orientation === "horizontal" ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : createCommentVNode("", true)], 10, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { RsDivider_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsDivider.js

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

package/dist/components/RsDrawer.d.ts

@@ -1,104 +0,0 @@
-import { type RsDrawerBeforeClose, type RsDrawerCloseReason, type RsDrawerDimension, type RsDrawerSide, type RsDrawerSize } from './drawer-utils';
-type __VLS_Props = {
-    /** 标题文案；也可用 `#header` 插槽 */
-    title?: string;
-    description?: string;
-    side?: RsDrawerSide;
-    /** 预设尺寸；与 width/height 同时存在时自定义优先 */
-    size?: RsDrawerSize;
-    /** 左右抽屉自定义宽度（覆盖 size） */
-    width?: RsDrawerDimension;
-    /** 上下抽屉自定义高度（覆盖 size） */
-    height?: RsDrawerDimension;
-    /**
-     * 内边缘拖拽改尺寸。full 始终不可拖。
-     * 控制台 / 帮助栏等侧栏场景建议保持开启。
-     */
-    resizable?: boolean;
-    /** 可拖下限（px / CSS）；默认 256px */
-    minSize?: RsDrawerDimension;
-    /** 可拖上限（px / CSS）；默认视口 90% */
-    maxSize?: RsDrawerDimension;
-    /**
-     * 是否模态：锁焦点并拦截背后交互。
-     * 未显式传入时跟随 showOverlay（有遮罩=模态，无遮罩=非模态）。
-     */
-    modal?: boolean;
-    /** 是否渲染遮罩（与 modal / closeOnOverlayClick 解耦） */
-    showOverlay?: boolean;
-    /**
-     * 遮罩不透明度 0–1；覆盖主题默认。
-     * 例：0.08 最浅、0.35 适中、0.55 较深。
-     */
-    overlayOpacity?: number;
-    /** 遮罩模糊；number 为 px */
-    overlayBlur?: number | string;
-    showClose?: boolean;
-    /**
-     * 点击抽屉外是否关闭（含无遮罩时的 interact-outside）。
-     * 与 modal 独立：非模态也可保持打开。
-     */
-    closeOnOverlayClick?: boolean;
-    /** 按 Esc 是否关闭；默认 true */
-    closeOnEsc?: boolean;
-    /**
-     * DialogPortal 挂载目标
-     * - string / HTMLElement：Teleport 到指定节点（容器需 position:relative）
-     * - false：禁用 Teleport，就地渲染
-     * - undefined：走 Reka 默认（通常为 body）
-     */
-    teleportTo?: string | HTMLElement | false;
-    /** 关闭前钩子；返回 false 可阻止关闭（支持 async） */
-    beforeClose?: RsDrawerBeforeClose;
-};
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_34: {}, __VLS_67: {}, __VLS_69: {};
-type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_34) => any;
-} & {
-    default?: (props: typeof __VLS_67) => any;
-} & {
-    footer?: (props: typeof __VLS_69) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    /** 请求关闭（走 beforeClose） */
-    close: (reason?: RsDrawerCloseReason) => Promise<boolean>;
-    /** 打开抽屉 */
-    openDrawer: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    resize: (size: number) => any;
-    "update:open": (value: boolean) => any;
-    openChange: (open: boolean) => any;
-    afterOpen: () => any;
-    afterClose: (reason: import("./dialog-utils").RsDialogCloseReason) => any;
-    "update:width": (value: number) => any;
-    "update:height": (value: number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onResize?: ((size: number) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onOpenChange?: ((open: boolean) => any) | undefined;
-    onAfterOpen?: (() => any) | undefined;
-    onAfterClose?: ((reason: import("./dialog-utils").RsDialogCloseReason) => any) | undefined;
-    "onUpdate:width"?: ((value: number) => any) | undefined;
-    "onUpdate:height"?: ((value: number) => any) | undefined;
-}>, {
-    title: string;
-    size: RsDrawerSize;
-    side: RsDrawerSide;
-    resizable: boolean;
-    showOverlay: boolean;
-    showClose: boolean;
-    closeOnOverlayClick: boolean;
-    closeOnEsc: boolean;
-}, {}, {}, {}, 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;
-    };
-};