savor-ui 0.0.1

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

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

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

@@ -0,0 +1,190 @@
+import { getSize as e } from "../../../utils/src/tool.mjs";
+import "../../../utils/index.mjs";
+import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
+import { useScrollHidden as n } from "../../../hooks/src/use-scroll-hidden.mjs";
+import { useZIndex as r } from "../../../hooks/src/use-zIndex.mjs";
+import "../../../hooks/index.mjs";
+import i from "../../../icons/src/close.vue.mjs";
+import "../../../icons/index.mjs";
+import a from "../scrollbar/scrollbar.vue.mjs";
+import ee from "../button/button.vue.mjs";
+import o from "../_comp/OpacityTransition.vue.mjs";
+import s from "../_comp/SideTransition.vue.mjs";
+import { Teleport as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, mergeModels as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeProps as te, normalizeStyle as b, onMounted as ne, onUnmounted as re, openBlock as x, ref as S, renderSlot as C, toDisplayString as ie, unref as w, useModel as ae, vShow as T, watch as E, withCtx as D, withDirectives as O } from "vue";
+//#region ../components/src/drawer/drawer.vue?vue&type=script&setup=true&lang.ts
+var k = /* @__PURE__ */ h({
+	name: "SDrawer",
+	__name: "drawer",
+	props: /* @__PURE__ */ g({
+		closeOnEsc: {
+			type: Boolean,
+			default: !0
+		},
+		width: { default: "30%" },
+		height: { default: "30%" },
+		mask: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnMask: {
+			type: Boolean,
+			default: !0
+		},
+		maxWidth: { default: "100%" },
+		maxHeight: { default: "100%" },
+		minWidth: { default: "100px" },
+		minHeight: { default: "80px" },
+		placement: { default: "right" },
+		resizable: { type: Boolean },
+		to: { default: "body" },
+		header: {},
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		bodyStyle: {},
+		bodyScroll: { type: Boolean },
+		scrollbarProps: {},
+		push: { type: Boolean },
+		drawerStyle: {},
+		maskStyle: {}
+	}, {
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		visibleModifiers: {}
+	}),
+	emits: /* @__PURE__ */ g([
+		"esc",
+		"maskClick",
+		"open",
+		"opened",
+		"close",
+		"closed"
+	], ["update:visible"]),
+	setup(h, { emit: g }) {
+		let k = h, A = g, j = t("drawer"), { nextZIndex: oe } = r(), M = S(0), { lockScroll: N, unlockScroll: P } = n(), F = ae(h, "visible"), I = S(!1), L = S(!1), R = S(!1), z = S(""), B = S("");
+		z.value = e(k.width), B.value = e(k.height);
+		let V = l(() => ({
+			zIndex: M.value,
+			position: k.to === "body" ? "fixed" : "absolute"
+		})), H = l(() => {
+			let e = { ...k.drawerStyle };
+			return (k.placement === "left" || k.placement === "right") && (e.width = z.value), (k.placement === "top" || k.placement === "bottom") && (e.height = B.value), e;
+		}), U = () => {
+			A("opened");
+		}, W = () => {
+			L.value = !1, A("closed"), v(() => {
+				Z.value && (Z.value.style.transition = "", Z.value.style.transform = ""), P();
+			});
+		}, G = () => {
+			F.value = !1, A("close");
+		}, se = () => {
+			k.closeOnMask && (G(), A("maskClick"));
+		}, ce = (e) => {
+			e.preventDefault(), R.value = !0;
+		}, K = (e) => {
+			if (R.value) {
+				if (k.placement === "right" && (z.value = X(window.innerWidth - e.clientX, k.minWidth, k.maxWidth, !0), $(z.value, !0)), k.placement === "left") {
+					let t = e.clientX;
+					z.value = X(t, k.minWidth, k.maxWidth, !0), $(z.value, !0);
+				}
+				if (k.placement === "bottom" && (B.value = X(window.innerHeight - e.clientY, k.minHeight, k.maxHeight, !1), $(B.value, !0)), k.placement === "top") {
+					let t = e.clientY;
+					B.value = X(t, k.minHeight, k.maxHeight, !1), $(B.value, !0);
+				}
+			}
+		}, q = () => {
+			R.value &&= !1;
+		}, J = (e) => {
+			e.key === "Escape" && k.closeOnEsc && F.value && (G(), A("esc"));
+		}, le = (e) => {
+			let t = String(e).trim().match(/^(\d*\.?\d+)(.*)$/);
+			return t ? {
+				num: parseFloat(t[1]),
+				unit: t[2] || "px"
+			} : {
+				num: 0,
+				unit: "px"
+			};
+		}, Y = (e, t) => {
+			let { num: n, unit: r } = le(e), i = t ? window.innerWidth : window.innerHeight;
+			switch (r) {
+				case "%":
+				case "vw":
+				case "vh": return i * n / 100;
+				case "rem": return n * parseFloat(getComputedStyle(document.documentElement).fontSize);
+				default: return n;
+			}
+		}, X = (e, t, n, r) => {
+			let i = Y(t, r), a = Y(n, r);
+			return Math.max(i, Math.min(e, a)) + "px";
+		}, Z = S(null), Q = () => {
+			k.to === "body" ? Z.value = document.querySelector("#app") : k.to instanceof HTMLElement ? Z.value = k.to : typeof k.to == "string" && (Z.value = document.querySelector(k.to));
+		}, $ = (e, t) => {
+			k.push && Z.value && (t ? (Z.value.style.transition = "transform 0.3s var(--s-bezier-out)", k.placement === "left" ? Z.value.style.transform = `translateX(${e})` : k.placement === "right" ? Z.value.style.transform = `translateX(-${e})` : k.placement === "top" ? Z.value.style.transform = `translateY(${e})` : k.placement === "bottom" && (Z.value.style.transform = `translateY(-${e})`)) : (Z.value.style.transition = "transform 0.3s var(--s-bezier-in)", Z.value.style.transform = "translate(0,0)"));
+		};
+		return E(() => k.to, Q), E(() => F.value, (e) => {
+			e ? (M.value = oe(), N(), L.value = !0, v(() => {
+				I.value = !0, k.placement === "left" || k.placement === "right" ? $(H.value.width, !0) : (k.placement === "top" || k.placement === "bottom") && $(H.value.height, !0), k.closeOnEsc && (document.removeEventListener("keydown", J), document.addEventListener("keydown", J)), A("open");
+			})) : (I.value = !1, document.removeEventListener("keydown", J), $("0", !1));
+		}, { immediate: !0 }), E(() => k.resizable, (e) => {
+			e ? (window.addEventListener("mousemove", K), window.addEventListener("mouseup", q)) : (window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q));
+		}, { immediate: !0 }), ne(() => {
+			Q();
+		}), re(() => {
+			document.removeEventListener("keydown", J), window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q);
+		}), (e, t) => (x(), u(c, {
+			to: h.to,
+			defer: ""
+		}, [O(p("div", {
+			class: y([w(j).e("container")]),
+			ref: "drawerContainerRef",
+			style: b(V.value)
+		}, [m(o, null, {
+			default: D(() => [h.mask && I.value ? (x(), f("div", {
+				key: 0,
+				class: y([w(j).e("mask")]),
+				style: b(h.maskStyle),
+				onClick: se
+			}, null, 6)) : d("", !0)]),
+			_: 1
+		}), m(s, {
+			placement: h.placement,
+			onAfterLeave: W,
+			onAfterEnter: U
+		}, {
+			default: D(() => [O(p("div", {
+				class: y([w(j).b(), w(j).m(h.placement)]),
+				style: b(H.value)
+			}, [h.resizable ? (x(), f("div", {
+				key: 0,
+				class: y([w(j).e("trigger"), w(j).is("dragging", R.value)]),
+				onMousedown: ce
+			}, null, 34)) : d("", !0), p("div", { class: y([w(j).e("wrapper")]) }, [
+				p("div", { class: y([w(j).e("header")]) }, [C(e.$slots, "header", {}, () => [p("div", { class: y([w(j).e("title")]) }, ie(h.header), 3)]), h.closable ? (x(), u(ee, {
+					key: 0,
+					circle: "",
+					text: "",
+					size: "small",
+					onClick: G
+				}, {
+					icon: D(() => [m(w(i))]),
+					_: 1
+				})) : d("", !0)], 2),
+				p("div", { class: y([w(j).e("body")]) }, [h.bodyScroll ? (x(), u(a, te(_({ key: 0 }, { ...h.scrollbarProps })), {
+					default: D(() => [p("div", { class: y([w(j).e("content")]) }, [C(e.$slots, "default")], 2)]),
+					_: 3
+				}, 16)) : (x(), f("div", {
+					key: 1,
+					class: y([w(j).e("content")])
+				}, [C(e.$slots, "default")], 2))], 2),
+				p("div", { class: y([w(j).e("footer")]) }, [C(e.$slots, "footer")], 2)
+			], 2)], 6), [[T, I.value]])]),
+			_: 3
+		}, 8, ["placement"])], 6), [[T, L.value]])], 8, ["to"]));
+	}
+});
+//#endregion
+export { k as default };

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

@@ -0,0 +1,103 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { DrawerProps, DrawerSlots } from './types';
+export declare const SDrawer: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DrawerProps & {
+        visible?: boolean;
+    }> & Readonly<{
+        onClose?: (() => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        onEsc?: (() => any) | undefined;
+        onMaskClick?: (() => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        close: () => any;
+        open: () => any;
+        esc: () => any;
+        maskClick: () => any;
+        opened: () => any;
+        closed: () => any;
+        "update:visible": (value: boolean) => any;
+    }, PublicProps, {
+        width: string | number;
+        height: string | number;
+        mask: boolean;
+        placement: "top" | "bottom" | "left" | "right";
+        to: string | HTMLElement;
+        maxHeight: string | number;
+        closeOnEsc: boolean;
+        closeOnMask: boolean;
+        maxWidth: string | number;
+        minWidth: string | number;
+        minHeight: string | number;
+        closable: boolean;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< DrawerProps & {
+        visible?: boolean;
+    }> & Readonly<{
+        onClose?: (() => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        onEsc?: (() => any) | undefined;
+        onMaskClick?: (() => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        width: string | number;
+        height: string | number;
+        mask: boolean;
+        placement: "top" | "bottom" | "left" | "right";
+        to: string | HTMLElement;
+        maxHeight: string | number;
+        closeOnEsc: boolean;
+        closeOnMask: boolean;
+        maxWidth: string | number;
+        minWidth: string | number;
+        minHeight: string | number;
+        closable: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< DrawerProps & {
+    visible?: boolean;
+}> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onEsc?: (() => any) | undefined;
+    onMaskClick?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: () => any;
+    open: () => any;
+    esc: () => any;
+    maskClick: () => any;
+    opened: () => any;
+    closed: () => any;
+    "update:visible": (value: boolean) => any;
+}, string, {
+    width: string | number;
+    height: string | number;
+    mask: boolean;
+    placement: "top" | "bottom" | "left" | "right";
+    to: string | HTMLElement;
+    maxHeight: string | number;
+    closeOnEsc: boolean;
+    closeOnMask: boolean;
+    maxWidth: string | number;
+    minWidth: string | number;
+    minHeight: string | number;
+    closable: boolean;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: DrawerSlots;
+}) & Plugin;
+export * from './types';

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

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

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

@@ -0,0 +1,65 @@
+import { ScrollbarProps } from '../scrollbar';
+export interface DrawerProps {
+    /** 是否按ESC键关闭 */
+    closeOnEsc?: boolean;
+    /** 抽屉宽度，在left和right时生效 */
+    width?: string | number;
+    /** 抽屉高度，在top和bottom时生效 */
+    height?: string | number;
+    /** 是否显示遮罩 */
+    mask?: boolean;
+    /** 是否点击遮罩关闭 */
+    closeOnMask?: boolean;
+    /** 拖拽时的最大宽度 */
+    maxWidth?: string | number;
+    /** 拖拽时的最大高度 */
+    maxHeight?: string | number;
+    /** 拖拽时的最小宽度 */
+    minWidth?: string | number;
+    /** 拖拽时的最小高度 */
+    minHeight?: string | number;
+    /** 抽屉位置 */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    /** 是否可调整大小 */
+    resizable?: boolean;
+    /** 挂载容器 */
+    to?: string | HTMLElement;
+    /** 标题 */
+    header?: string;
+    /** 是否显示关闭按钮 */
+    closable?: boolean;
+    /** body样式 */
+    bodyStyle?: Record<string, string>;
+    /** body滚动容器 */
+    bodyScroll?: boolean;
+    /** 滚动条属性 */
+    scrollbarProps?: ScrollbarProps;
+    /** 是否推送其他内容 */
+    push?: boolean;
+    /** 抽屉自定义样式 */
+    drawerStyle?: Record<string, string>;
+    /** 抽屉遮罩自定义样式 */
+    maskStyle?: Record<string, string>;
+}
+export interface DrawerSlots {
+    /** 默认插槽 */
+    default?: () => any;
+    /** 标题 */
+    header?: () => any;
+    /** 底部 */
+    footer?: () => any;
+}
+export interface DrawerEmits {
+    /** 触发esc */
+    esc: [];
+    /** 点击遮罩 */
+    maskClick: [];
+    /** 打开 */
+    open: [];
+    /** 打开动画结束 */
+    opened: [];
+    /** 关闭 */
+    close: [];
+    /** 关闭动画结束 */
+    closed: [];
+}

package/dist/es/components/src/dropdown/doption.d.ts

@@ -0,0 +1,12 @@
+import { DroptionProps, DroptionSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = DroptionSlots;
+declare const __VLS_base: DefineComponent<DroptionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DroptionProps> & Readonly<{}>, {}, {}, {}, {}, 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/dropdown/doption.vue.mjs

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

package/dist/es/components/src/dropdown/doption.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,36 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import { useRipple as t } from "../../../hooks/src/use-ripple.mjs";
+import "../../../hooks/index.mjs";
+import { dropdownContextKey as n } from "./types.mjs";
+import { createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, inject as c, normalizeClass as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, useTemplateRef as m } from "vue";
+//#region ../components/src/dropdown/doption.vue?vue&type=script&setup=true&lang.ts
+var h = /* @__PURE__ */ s({
+	name: "SDoption",
+	__name: "doption",
+	props: { title: {} },
+	setup(s) {
+		let h = e("droption"), g = m("droptionRef");
+		t(g);
+		let _ = c(n, void 0), v = () => {
+			_?.itemClick?.();
+		};
+		return (e, t) => (u(), i("div", {
+			class: l([p(h).b()]),
+			onClick: v,
+			ref_key: "droptionRef",
+			ref: g
+		}, [
+			e.$slots.icon ? (u(), i("div", {
+				key: 0,
+				class: l([p(h).e("icon")])
+			}, [d(e.$slots, "icon")], 2)) : r("", !0),
+			a("div", { class: l([p(h).e("title")]) }, [d(e.$slots, "default", {}, () => [o(f(s.title), 1)])], 2),
+			e.$slots.extra ? (u(), i("div", {
+				key: 1,
+				class: l([p(h).e("extra")])
+			}, [d(e.$slots, "extra")], 2)) : r("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { h as default };

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

@@ -0,0 +1,12 @@
+import { DropdownProps, DropdownSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = DropdownSlots;
+declare const __VLS_base: DefineComponent<DropdownProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DropdownProps> & Readonly<{}>, {}, {}, {}, {}, 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/dropdown/dropdown.vue.mjs

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

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

@@ -0,0 +1,31 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { SPopover as t } from "../popover/index.mjs";
+import { dropdownContextKey as n } from "./types.mjs";
+import { createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, openBlock as l, provide as u, renderSlot as d, unref as f, useTemplateRef as p, withCtx as m } from "vue";
+//#region ../components/src/dropdown/dropdown.vue?vue&type=script&setup=true&lang.ts
+var h = /* @__PURE__ */ o({
+	name: "SDropdown",
+	__name: "dropdown",
+	props: { popoverProps: {} },
+	setup(o) {
+		let h = e("dropdown"), g = p("popoverRef");
+		return u(n, { itemClick: () => {
+			g.value?.hide();
+		} }), (e, n) => (l(), r("div", { class: c([f(h).b()]) }, [a(f(t), s({
+			ref_key: "popoverRef",
+			ref: g
+		}, {
+			trigger: "click",
+			placement: o.popoverProps?.trigger === "contextmenu" ? "bottom-start" : "bottom",
+			alignPoint: o.popoverProps?.trigger === "contextmenu",
+			...o.popoverProps
+		}), {
+			content: m(() => [i("div", { class: c(f(h).e("list")) }, [d(e.$slots, "content")], 2)]),
+			default: m(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16)], 2));
+	}
+});
+//#endregion
+export { h as default };

package/dist/es/components/src/dropdown/dsubmenu.d.ts

@@ -0,0 +1,12 @@
+import { DsubmenuProps, DsubmenuSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = DsubmenuSlots;
+declare const __VLS_base: DefineComponent<DsubmenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DsubmenuProps> & Readonly<{}>, {}, {}, {}, {}, 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/dropdown/dsubmenu.vue.mjs

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

package/dist/es/components/src/dropdown/dsubmenu.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,48 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import { useRipple as t } from "../../../hooks/src/use-ripple.mjs";
+import "../../../hooks/index.mjs";
+import n from "../../../icons/src/right.vue.mjs";
+import "../../../icons/index.mjs";
+import { SPopover as r } from "../popover/index.mjs";
+import { dropdownContextKey as i } from "./types.mjs";
+import { createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, inject as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, useTemplateRef as y, withCtx as b } from "vue";
+//#region ../components/src/dropdown/dsubmenu.vue?vue&type=script&setup=true&lang.ts
+var x = /* @__PURE__ */ u({
+	name: "SDsubmenu",
+	__name: "dsubmenu",
+	props: {
+		title: {},
+		popoverProps: {}
+	},
+	setup(u) {
+		let x = e("dsubmenu"), S = y("dsubmenuRef");
+		t(S);
+		let C = f(i, void 0), w = () => {
+			C?.itemClick?.();
+		};
+		return (e, t) => (h(), o("div", { class: p([v(x).b()]) }, [l(v(r), m(d({
+			teleportBody: !1,
+			trigger: "hover",
+			placement: "right-start",
+			...u.popoverProps
+		})), {
+			content: b(() => [s("div", { class: p(v(x).e("list")) }, [g(e.$slots, "content")], 2)]),
+			default: b(() => [s("div", {
+				class: p(v(x).e("item")),
+				onClick: w,
+				ref_key: "dsubmenuRef",
+				ref: S
+			}, [
+				e.$slots.icon ? (h(), o("div", {
+					key: 0,
+					class: p([v(x).e("icon")])
+				}, [g(e.$slots, "icon")], 2)) : a("", !0),
+				s("div", { class: p([v(x).e("title")]) }, [g(e.$slots, "title", {}, () => [c(_(u.title), 1)])], 2),
+				s("div", { class: p([v(x).e("arrow")]) }, [l(v(n))], 2)
+			], 2)]),
+			_: 3
+		}, 16)], 2));
+	}
+});
+//#endregion
+export { x as default };

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

@@ -0,0 +1,48 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { DropdownProps, DropdownSlots, DroptionProps, DroptionSlots, DsubmenuProps, DsubmenuSlots } from './types';
+export declare const SDropdown: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DropdownProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< DropdownProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< DropdownProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: DropdownSlots;
+}) & Plugin;
+export declare const SDoption: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DroptionProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< DroptionProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< DroptionProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: DroptionSlots;
+}) & Plugin;
+export declare const SDsubmenu: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DsubmenuProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< DsubmenuProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< DsubmenuProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: DsubmenuSlots;
+}) & Plugin;
+export * from './types';

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

@@ -0,0 +1,10 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import "./types.mjs";
+import t from "./doption.vue.mjs";
+import n from "./dropdown.vue.mjs";
+import r from "./dsubmenu.vue.mjs";
+//#region ../components/src/dropdown/index.ts
+var i = e(n), a = e(t), o = e(r);
+//#endregion
+export { a as SDoption, i as SDropdown, o as SDsubmenu };

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

@@ -0,0 +1,44 @@
+import { InjectionKey } from 'vue';
+import { PopoverProps } from '../popover';
+export interface DropdownProps {
+    /** 弹出层属性 [PopoverProps](/components/feedback/popover#popover-props)*/
+    popoverProps?: PopoverProps;
+}
+export interface DropdownSlots {
+    /** 默认 */
+    default?: () => any;
+    /** 内容 */
+    content?: () => any;
+}
+export interface DroptionProps {
+    /** 标题 */
+    title?: string;
+}
+export interface DroptionSlots {
+    /** 默认 */
+    default?: () => any;
+    /** 图标 */
+    icon?: () => any;
+    /** 额外内容 */
+    extra?: () => any;
+}
+export interface DsubmenuProps {
+    /** 标题 */
+    title?: string;
+    /** 弹出层属性 [PopoverProps](/components/feedback/popover#popover-props)*/
+    popoverProps?: PopoverProps;
+}
+export interface DsubmenuSlots {
+    /** 默认 */
+    default?: () => any;
+    /** 图标 */
+    icon?: () => any;
+    /** 标题 */
+    title?: () => any;
+    /** 内容 */
+    content?: () => any;
+}
+export interface DropdownContext {
+    itemClick: () => void;
+}
+export declare const dropdownContextKey: InjectionKey<DropdownContext>;

package/dist/es/components/src/dropdown/types.mjs

@@ -0,0 +1,4 @@
+//#region ../components/src/dropdown/types.ts
+var e = Symbol("dropdownContextKey");
+//#endregion
+export { e as dropdownContextKey };