savor-ui 0.0.1

package/dist/es/components/src/meter-group/types.d.ts

@@ -0,0 +1,41 @@
+import { VNode } from 'vue';
+export interface MeterGroupProps {
+    /** 数据列表 */
+    data: MeterFieldProps[];
+    /** 高度（横向时可用）
+     * @default 8
+     */
+    height?: string | number;
+    /** 宽度（纵向时可用）
+     * @default 8
+     */
+    width?: string | number;
+    /** 是否垂直布局 */
+    vertical?: boolean;
+    /** 是否反转垂直布局 */
+    reverse?: boolean;
+    /** 标签位置（垂直为：left/right，水平为：top/bottom）
+     * @default bottom
+     */
+    labelPosition?: 'top' | 'bottom' | 'left' | 'right';
+    /** 标签对齐方式
+     * @default start
+     */
+    labelAlign?: 'center' | 'start' | 'end';
+}
+export interface MeterGroupSlots {
+    /** 数据项 */
+    item: (props: {
+        item: MeterFieldProps;
+    }) => any;
+}
+export interface MeterFieldProps {
+    /** 标签 */
+    label: string;
+    /** 颜色 */
+    color?: string;
+    /** 值 */
+    value: number;
+    /** 图标 */
+    icon?: VNode;
+}

package/dist/es/components/src/modal/index.d.ts

@@ -0,0 +1,107 @@
+import { useModal } from './method';
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { ModalProps, ModalSlots } from './types';
+export declare const SModal: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ModalProps & {
+        modelValue?: boolean;
+    }> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+        onConfirm?: ((done: (status: boolean) => void) => any) | undefined;
+    }>, {
+        handleClose: () => void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        close: () => any;
+        "update:modelValue": (value: boolean) => any;
+        opened: () => any;
+        closed: () => any;
+        confirm: (done: (status: boolean) => void) => any;
+    }, PublicProps, {
+        footer: boolean;
+        header: boolean;
+        width: string | number;
+        mask: boolean;
+        center: boolean;
+        offset: number;
+        destroyOnClose: boolean;
+        to: string | HTMLElement;
+        closeOnEsc: boolean;
+        minWidth: number;
+        minHeight: number;
+        closable: boolean;
+        closeOnOverlayClick: boolean;
+        fullable: boolean;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ModalProps & {
+        modelValue?: boolean;
+    }> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+        onConfirm?: ((done: (status: boolean) => void) => any) | undefined;
+    }>, {
+        handleClose: () => void;
+    }, {}, {}, {}, {
+        footer: boolean;
+        header: boolean;
+        width: string | number;
+        mask: boolean;
+        center: boolean;
+        offset: number;
+        destroyOnClose: boolean;
+        to: string | HTMLElement;
+        closeOnEsc: boolean;
+        minWidth: number;
+        minHeight: number;
+        closable: boolean;
+        closeOnOverlayClick: boolean;
+        fullable: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< ModalProps & {
+    modelValue?: boolean;
+}> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    onConfirm?: ((done: (status: boolean) => void) => any) | undefined;
+}>, {
+    handleClose: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: () => any;
+    "update:modelValue": (value: boolean) => any;
+    opened: () => any;
+    closed: () => any;
+    confirm: (done: (status: boolean) => void) => any;
+}, string, {
+    footer: boolean;
+    header: boolean;
+    width: string | number;
+    mask: boolean;
+    center: boolean;
+    offset: number;
+    destroyOnClose: boolean;
+    to: string | HTMLElement;
+    closeOnEsc: boolean;
+    minWidth: number;
+    minHeight: number;
+    closable: boolean;
+    closeOnOverlayClick: boolean;
+    fullable: boolean;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: ModalSlots;
+}) & Plugin;
+export { useModal };
+export * from './types';

package/dist/es/components/src/modal/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import t from "./modal.vue.mjs";
+import "./method.mjs";
+//#region ../components/src/modal/index.ts
+var n = e(t);
+//#endregion
+export { n as SModal };

package/dist/es/components/src/modal/method.d.ts

@@ -0,0 +1,2 @@
+import { ModalExpose } from './types';
+export declare const useModal: () => ModalExpose;

package/dist/es/components/src/modal/method.mjs

@@ -0,0 +1,35 @@
+import e from "./modal.vue.mjs";
+import { getCurrentInstance as t, h as n, render as r } from "vue";
+//#region ../components/src/modal/method.ts
+var i = null, a = null, o = () => {
+	let o = t().appContext, s = (t = {}) => {
+		c(), a = document.createElement("div"), document.body.appendChild(a);
+		let s = n(e, {
+			...t,
+			modelValue: !0,
+			onClose: () => {
+				t.close?.();
+			},
+			onClosed: () => {
+				t.closed?.(), l();
+			},
+			onOpened: () => {
+				t.opened?.();
+			},
+			onConfirm: (e) => {
+				t.confirm ? t.confirm(e) : e(!0);
+			}
+		});
+		s.appContext = o, r(s, a), i = s;
+	}, c = () => {
+		i && i.component?.exposed?.handleClose();
+	}, l = () => {
+		a && (r(null, a), document.body.removeChild(a)), i = null, a = null;
+	};
+	return {
+		open: s,
+		close: c
+	};
+};
+//#endregion
+export { o as useModal };

package/dist/es/components/src/modal/modal.d.ts

@@ -0,0 +1,46 @@
+import { ModalProps, ModalSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = ModalSlots;
+type __VLS_Props = ModalProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
+    handleClose: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: () => any;
+    "update:modelValue": (value: boolean) => any;
+    opened: () => any;
+    closed: () => any;
+    confirm: (done: (status: boolean) => void) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    onConfirm?: ((done: (status: boolean) => void) => any) | undefined;
+}>, {
+    footer: boolean;
+    header: boolean;
+    width: string | number;
+    mask: boolean;
+    center: boolean;
+    offset: number;
+    destroyOnClose: boolean;
+    to: string | HTMLElement;
+    closeOnEsc: boolean;
+    minWidth: number;
+    minHeight: number;
+    closable: boolean;
+    closeOnOverlayClick: boolean;
+    fullable: boolean;
+}, {}, {}, {}, string, 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;
+    };
+};

package/dist/es/components/src/modal/modal.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./modal.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/modal/modal.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/modal/modal.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,315 @@
+import { getSize as e } from "../../../utils/src/tool.mjs";
+import "../../../utils/index.mjs";
+import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
+import { useResizeObserver as n } from "../../../hooks/src/use-resize-observer.mjs";
+import { useScrollHidden as r } from "../../../hooks/src/use-scroll-hidden.mjs";
+import { useZIndex as i } from "../../../hooks/src/use-zIndex.mjs";
+import "../../../hooks/index.mjs";
+import a from "../../../icons/src/close.vue.mjs";
+import o from "../../../icons/src/fullscreen-exit.vue.mjs";
+import s from "../../../icons/src/fullscreen.vue.mjs";
+import "../../../icons/index.mjs";
+import { SScrollbar as c } from "../scrollbar/index.mjs";
+import { SButton as l } from "../button/index.mjs";
+import u from "../_comp/OpacityTransition.vue.mjs";
+import d from "../_comp/ScaleTransition.vue.mjs";
+import { Fragment as f, Teleport as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, guardReactiveProps as ee, mergeModels as S, nextTick as C, normalizeClass as w, normalizeProps as te, normalizeStyle as T, onUnmounted as ne, openBlock as E, ref as D, renderList as re, renderSlot as O, toDisplayString as k, unref as A, useModel as ie, useTemplateRef as ae, vShow as j, watch as M, withCtx as N, withDirectives as P } from "vue";
+//#region ../components/src/modal/modal.vue?vue&type=script&setup=true&lang.ts
+var oe = {
+	key: 2,
+	style: {
+		flex: "1",
+		overflow: "hidden",
+		display: "flex",
+		"flex-direction": "column"
+	}
+}, se = ["onMousedown"], F = /* @__PURE__ */ x({
+	name: "SModal",
+	__name: "modal",
+	props: /* @__PURE__ */ S({
+		modelValue: { type: Boolean },
+		width: { default: "320px" },
+		height: {},
+		minWidth: { default: 80 },
+		minHeight: { default: 80 },
+		maxWidth: {},
+		maxHeight: {},
+		title: {},
+		fullscreen: { type: Boolean },
+		fullable: {
+			type: Boolean,
+			default: !0
+		},
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnOverlayClick: {
+			type: Boolean,
+			default: !0
+		},
+		destroyOnClose: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnEsc: {
+			type: Boolean,
+			default: !0
+		},
+		content: {},
+		contentStyle: {},
+		renderToBody: { type: Boolean },
+		className: {},
+		btnReverse: { type: Boolean },
+		header: {
+			type: Boolean,
+			default: !0
+		},
+		footer: {
+			type: Boolean,
+			default: !0
+		},
+		mask: {
+			type: Boolean,
+			default: !0
+		},
+		to: { default: "body" },
+		draggable: { type: Boolean },
+		resizable: { type: Boolean },
+		modalStyle: {},
+		maskStyle: {},
+		center: {
+			type: Boolean,
+			default: !0
+		},
+		offset: { default: 120 },
+		scrollContent: { type: Boolean },
+		scrollbarProps: {},
+		confirm: {},
+		close: {},
+		closed: {},
+		opened: {}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ S([
+		"close",
+		"closed",
+		"opened",
+		"confirm"
+	], ["update:modelValue"]),
+	setup(x, { expose: S, emit: F }) {
+		let I = x, L = F, R = t("modal"), { lockScroll: ce, unlockScroll: le } = r(), { nextZIndex: ue } = i(), z = D(0), B = ae("modalRef"), V = ie(x, "modelValue"), H = D(!1), U = D(!1), W = D(!1), G = D(!1), K = D(0), q = D(0), J = D(0), Y = D(0), X = D(!1), Z = m(() => typeof I.to == "string" ? document.querySelector(I.to) || document.body : I.to);
+		n(Z, () => {
+			ye();
+		});
+		let de = m(() => ({
+			zIndex: z.value,
+			position: I.to === "body" ? "fixed" : "absolute"
+		})), fe = m(() => {
+			if (W.value) return {};
+			let t = Z.value.clientHeight;
+			return {
+				width: J.value ? `${J.value}px` : e(I.width),
+				height: Y.value ? `${Y.value}px` : e(I.height),
+				top: `${K.value}px`,
+				left: `${q.value}px`,
+				maxHeight: `${t - 40}px`,
+				...I.modalStyle
+			};
+		}), pe = () => {
+			L("opened");
+		}, me = () => {
+			U.value = !1, G.value = !1, L("closed"), C(le);
+		}, he = () => {
+			I.closeOnOverlayClick && Q();
+		}, ge = (e) => {
+			e ? V.value = !1 : G.value = !1;
+		}, _e = () => {
+			G.value = !0, L("confirm", ge);
+		}, Q = () => {
+			V.value = !1, L("close");
+		}, ve = () => {
+			W.value = !W.value;
+		};
+		M(() => I.fullscreen, (e) => W.value = e, { immediate: !0 });
+		let $ = (e) => {
+			e.key === "Escape" && I.closeOnEsc && H.value && Q();
+		}, ye = async () => {
+			if (await C(), !B.value || X.value) return;
+			let e = Z.value, t = B.value;
+			I.center ? K.value = Math.max(0, (e.clientHeight - t.offsetHeight) / 2) : K.value = I.offset, q.value = Math.max(0, (e.clientWidth - t.offsetWidth) / 2);
+		};
+		function be(e) {
+			if (W.value || !B.value || !I.draggable) return;
+			e.preventDefault();
+			let { clientX: t, clientY: n } = e, r = B.value, i = Z.value, a = r.offsetLeft, o = r.offsetTop, s = (e) => {
+				e.preventDefault();
+				let s = e.clientX - t, c = e.clientY - n, l = i.clientWidth - r.offsetWidth, u = i.clientHeight - r.offsetHeight;
+				q.value = Math.max(0, Math.min(a + s, l)), K.value = Math.max(0, Math.min(o + c, u)), X.value = !0;
+			}, c = () => {
+				document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", c);
+			};
+			document.addEventListener("mousemove", s), document.addEventListener("mouseup", c);
+		}
+		M(() => V.value, async (e) => {
+			e ? (z.value = ue(), ce(), U.value = !0, await C(), H.value = !0, ye()) : H.value = !1;
+		}, { immediate: !0 }), M(H, (e) => {
+			document.removeEventListener("keydown", $), e && document.addEventListener("keydown", $);
+		});
+		let xe = [
+			{ direction: "top-left" },
+			{ direction: "top" },
+			{ direction: "top-right" },
+			{ direction: "bottom-left" },
+			{ direction: "bottom" },
+			{ direction: "bottom-right" },
+			{ direction: "left" },
+			{ direction: "right" }
+		], Se = (e, t) => {
+			if (W.value || !B.value || !I.resizable) return;
+			e.preventDefault();
+			let { clientX: n, clientY: r } = e, i = B.value, a = {
+				w: i.offsetWidth,
+				h: i.offsetHeight,
+				l: i.offsetLeft,
+				t: i.offsetTop
+			}, o = (e) => {
+				let i = e.clientX - n, o = e.clientY - r, { w: s, h: c, l, t: u } = a;
+				switch (t) {
+					case "left":
+						s = a.w - i, l = a.l + i;
+						break;
+					case "right":
+						s = a.w + i;
+						break;
+					case "top":
+						c = a.h - o, u = a.t + o;
+						break;
+					case "bottom":
+						c = a.h + o;
+						break;
+					case "top-left":
+						s = a.w - i, c = a.h - o, l = a.l + i, u = a.t + o;
+						break;
+					case "top-right":
+						s = a.w + i, c = a.h - o, u = a.t + o;
+						break;
+					case "bottom-left":
+						s = a.w - i, c = a.h + o, l = a.l + i;
+						break;
+					case "bottom-right":
+						s = a.w + i, c = a.h + o;
+						break;
+				}
+				let d = Math.max(s, I.minWidth), f = Math.max(c, I.minHeight), p = l, m = u;
+				I.maxWidth && (d = Math.min(d, I.maxWidth)), I.maxHeight && (f = Math.min(f, I.maxHeight));
+				let h = window.innerWidth, g = window.innerHeight;
+				p = Math.max(p, 0), m = Math.max(m, 0), d = Math.min(d, h - p), f = Math.min(f, g - m), J.value = d, Y.value = f, q.value = p, K.value = m;
+			}, s = () => {
+				document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", s);
+			};
+			document.addEventListener("mousemove", o), document.addEventListener("mouseup", s);
+		};
+		return ne(() => {
+			document.removeEventListener("keydown", $), le();
+		}), S({ handleClose: Q }), (e, t) => (E(), h(p, {
+			to: x.to,
+			defer: ""
+		}, [P(v("div", {
+			class: w([A(R).e("container")]),
+			style: T(de.value)
+		}, [b(u, null, {
+			default: N(() => [x.mask && H.value ? (E(), _("div", {
+				key: 0,
+				style: T(x.maskStyle),
+				class: w([A(R).e("mask")]),
+				onClick: he
+			}, null, 6)) : g("", !0)]),
+			_: 1
+		}), v("div", { class: w([A(R).e("wrapper")]) }, [b(d, {
+			onAfterLeave: me,
+			onAfterEnter: pe
+		}, {
+			default: N(() => [P(v("div", {
+				class: w([
+					A(R).b(),
+					A(R).is("drag", x.draggable),
+					A(R).is("fullscreen", W.value)
+				]),
+				style: T(fe.value),
+				ref_key: "modalRef",
+				ref: B
+			}, [
+				x.header ? (E(), _("div", {
+					key: 0,
+					class: w([A(R).e("header")]),
+					onMousedown: be
+				}, [v("div", { class: w([A(R).e("title")]) }, [O(e.$slots, "header", {}, () => [y(k(x.title), 1)])], 2), v("div", { class: w([A(R).e("header-icon")]) }, [x.fullable ? (E(), h(A(l), {
+					key: 0,
+					circle: "",
+					text: "",
+					size: "small",
+					onClick: ve
+				}, {
+					icon: N(() => [W.value ? (E(), h(A(o), { key: 0 })) : (E(), h(A(s), { key: 1 }))]),
+					_: 1
+				})) : g("", !0), x.closable ? (E(), h(A(l), {
+					key: 1,
+					circle: "",
+					text: "",
+					size: "small",
+					onClick: Q
+				}, {
+					icon: N(() => [b(A(a))]),
+					_: 1
+				})) : g("", !0)], 2)], 34)) : g("", !0),
+				x.scrollContent ? (E(), _("div", oe, [b(A(c), te(ee({
+					padding: "20px",
+					...x.scrollbarProps
+				})), {
+					default: N(() => [O(e.$slots, "default", {}, () => [y(k(x.content), 1)])]),
+					_: 3
+				}, 16)])) : (E(), _("div", {
+					key: 1,
+					class: w([A(R).e("body")]),
+					style: T(x.contentStyle)
+				}, [O(e.$slots, "default", {}, () => [y(k(x.content), 1)])], 6)),
+				x.footer ? (E(), _("div", {
+					key: 3,
+					class: w([A(R).e("footer")])
+				}, [O(e.$slots, "footer", {}, () => [x.btnReverse ? (E(), _(f, { key: 0 }, [b(A(l), {
+					label: "确定",
+					loading: G.value,
+					type: "primary",
+					onClick: _e
+				}, null, 8, ["loading"]), b(A(l), {
+					label: "取消",
+					secondary: "",
+					onClick: Q
+				})], 64)) : (E(), _(f, { key: 1 }, [b(A(l), {
+					label: "取消",
+					secondary: "",
+					onClick: Q
+				}), b(A(l), {
+					label: "确定",
+					loading: G.value,
+					type: "primary",
+					onClick: _e
+				}, null, 8, ["loading"])], 64))])], 2)) : g("", !0),
+				x.resizable && !W.value ? (E(), _(f, { key: 4 }, re(xe, (e) => v("div", {
+					key: e.direction,
+					class: w([A(R).e(`resize-${e.direction}`)]),
+					onMousedown: (t) => Se(t, e.direction)
+				}, null, 42, se)), 64)) : g("", !0)
+			], 6), [[j, H.value]])]),
+			_: 3
+		})], 2)], 6), [[j, U.value]])], 8, ["to"]));
+	}
+});
+//#endregion
+export { F as default };

package/dist/es/components/src/modal/types.d.ts

@@ -0,0 +1,102 @@
+import { VNode } from 'vue';
+import { ScrollbarProps } from '../scrollbar';
+export interface ModalProps {
+    /** 弹窗是否可见(v-model) */
+    modelValue?: boolean;
+    /** 弹窗宽度 */
+    width?: string | number;
+    /** 弹窗高度 */
+    height?: string | number;
+    /** 缩放时，弹窗的最小宽度 */
+    minWidth?: number;
+    /** 缩放时，弹窗的最小高度 */
+    minHeight?: number;
+    /** 缩放时，弹窗的最大宽度 */
+    maxWidth?: number;
+    /** 缩放时，弹窗的最大高度 */
+    maxHeight?: number;
+    /** 弹窗标题 */
+    title?: string;
+    /** 是否全屏 */
+    fullscreen?: boolean;
+    /** 是否显示全屏按钮 */
+    fullable?: boolean;
+    /** 是否显示关闭按钮 */
+    closable?: boolean;
+    /** 是否点击遮罩关闭弹窗 */
+    closeOnOverlayClick?: boolean;
+    /** 关闭后销毁 */
+    destroyOnClose?: boolean;
+    /** 是否按 ESC 键关闭弹窗 */
+    closeOnEsc?: boolean;
+    /** 弹窗内容 */
+    content?: string | VNode;
+    /** 弹窗内容自定义样式 */
+    contentStyle?: Record<string, string>;
+    /** 是否渲染到 body 元素 */
+    renderToBody?: boolean;
+    /** 弹窗自定义类名 */
+    className?: string;
+    /** 是否反转按钮顺序 */
+    btnReverse?: boolean;
+    /** 是否显示弹窗头 */
+    header?: boolean;
+    /** 是否显示弹窗脚 */
+    footer?: boolean;
+    /** 是否显示弹窗遮罩 */
+    mask?: boolean;
+    /** 弹窗挂载元素 */
+    to?: string | HTMLElement;
+    /** 是否开启拖动弹窗 */
+    draggable?: boolean;
+    /** 是否开启缩放弹窗 */
+    resizable?: boolean;
+    /** 弹窗自定义样式 */
+    modalStyle?: Record<string, string>;
+    /** 弹窗遮罩自定义样式 */
+    maskStyle?: Record<string, string>;
+    /** 是否居中显示弹窗
+     * @default true
+     */
+    center?: boolean;
+    /** 弹窗偏移量
+     * @default 120
+     */
+    offset?: number;
+    /** 是否使用滚动容器 */
+    scrollContent?: boolean;
+    /** 滚动容器属性 */
+    scrollbarProps?: ScrollbarProps;
+    /** 弹窗确认事件,需调用 done 函数关闭弹窗 */
+    confirm?: (done: (status: boolean) => void) => void;
+    /** 弹窗关闭事件 */
+    close?: () => void;
+    /** 弹窗关闭事件 */
+    closed?: () => void;
+    /** 弹窗打开事件 */
+    opened?: () => void;
+}
+export interface ModalEmits {
+    /** 弹窗关闭事件 */
+    close: [];
+    /** 弹窗关闭事件 */
+    closed: [];
+    /** 弹窗打开事件 */
+    opened: [];
+    /** 弹窗确认事件,需调用 done 函数关闭弹窗 */
+    confirm: [done: (status: boolean) => void];
+}
+export interface ModalSlots {
+    /** 弹窗内容 */
+    default: () => any;
+    /** 弹窗标题 */
+    header: () => any;
+    /** 弹窗底部内容 */
+    footer: () => any;
+}
+export interface ModalExpose {
+    /** 打开弹窗 */
+    open: (options: ModalProps) => void;
+    /** 关闭弹窗 */
+    close: () => void;
+}