straw-ui-vue 0.1.0

package/dist/components/st-menu/index.d.ts

@@ -0,0 +1,217 @@
+export declare const StMenu: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            list: import("./types.d.ts").MenuItem[];
+            placement?: import("./types.d.ts").MenuPlacement;
+            trigger?: import("./types.d.ts").MenuTrigger;
+        }> & Readonly<{
+            onSelect?: (item: import("./types.d.ts").MenuItem) => any;
+        }>, import("./types.d.ts").MenuExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            select: (item: import("./types.d.ts").MenuItem) => any;
+        }, import("vue").PublicProps, {
+            trigger: import("./types.d.ts").MenuTrigger;
+            placement: import("./types.d.ts").MenuPlacement;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            list: import("./types.d.ts").MenuItem[];
+            placement?: import("./types.d.ts").MenuPlacement;
+            trigger?: import("./types.d.ts").MenuTrigger;
+        }> & Readonly<{
+            onSelect?: (item: import("./types.d.ts").MenuItem) => any;
+        }>, import("./types.d.ts").MenuExpose, {}, {}, {}, {
+            trigger: import("./types.d.ts").MenuTrigger;
+            placement: import("./types.d.ts").MenuPlacement;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        list: import("./types.d.ts").MenuItem[];
+        placement?: import("./types.d.ts").MenuPlacement;
+        trigger?: import("./types.d.ts").MenuTrigger;
+    }> & Readonly<{
+        onSelect?: (item: import("./types.d.ts").MenuItem) => any;
+    }>, import("./types.d.ts").MenuExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        select: (item: import("./types.d.ts").MenuItem) => any;
+    }, string, {
+        trigger: import("./types.d.ts").MenuTrigger;
+        placement: import("./types.d.ts").MenuPlacement;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        [x: string]: any;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            list: import("./types.d.ts").MenuItem[];
+            placement?: import("./types.d.ts").MenuPlacement;
+            trigger?: import("./types.d.ts").MenuTrigger;
+        }> & Readonly<{
+            onSelect?: (item: import("./types.d.ts").MenuItem) => any;
+        }>, import("./types.d.ts").MenuExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            select: (item: import("./types.d.ts").MenuItem) => any;
+        }, import("vue").PublicProps, {
+            trigger: import("./types.d.ts").MenuTrigger;
+            placement: import("./types.d.ts").MenuPlacement;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            list: import("./types.d.ts").MenuItem[];
+            placement?: import("./types.d.ts").MenuPlacement;
+            trigger?: import("./types.d.ts").MenuTrigger;
+        }> & Readonly<{
+            onSelect?: (item: import("./types.d.ts").MenuItem) => any;
+        }>, import("./types.d.ts").MenuExpose, {}, {}, {}, {
+            trigger: import("./types.d.ts").MenuTrigger;
+            placement: import("./types.d.ts").MenuPlacement;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        list: import("./types.d.ts").MenuItem[];
+        placement?: import("./types.d.ts").MenuPlacement;
+        trigger?: import("./types.d.ts").MenuTrigger;
+    }> & Readonly<{
+        onSelect?: (item: import("./types.d.ts").MenuItem) => any;
+    }>, import("./types.d.ts").MenuExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        select: (item: import("./types.d.ts").MenuItem) => any;
+    }, string, {
+        trigger: import("./types.d.ts").MenuTrigger;
+        placement: import("./types.d.ts").MenuPlacement;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, {
+        [x: string]: any;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+        list: import("./types.d.ts").MenuItem[];
+        placement?: import("./types.d.ts").MenuPlacement;
+        trigger?: import("./types.d.ts").MenuTrigger;
+    }> & Readonly<{
+        onSelect?: (item: import("./types.d.ts").MenuItem) => any;
+    }>, import("./types.d.ts").MenuExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        select: (item: import("./types.d.ts").MenuItem) => any;
+    }, import("vue").PublicProps, {
+        trigger: import("./types.d.ts").MenuTrigger;
+        placement: import("./types.d.ts").MenuPlacement;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        list: import("./types.d.ts").MenuItem[];
+        placement?: import("./types.d.ts").MenuPlacement;
+        trigger?: import("./types.d.ts").MenuTrigger;
+    }> & Readonly<{
+        onSelect?: (item: import("./types.d.ts").MenuItem) => any;
+    }>, import("./types.d.ts").MenuExpose, {}, {}, {}, {
+        trigger: import("./types.d.ts").MenuTrigger;
+        placement: import("./types.d.ts").MenuPlacement;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    list: import("./types.d.ts").MenuItem[];
+    placement?: import("./types.d.ts").MenuPlacement;
+    trigger?: import("./types.d.ts").MenuTrigger;
+}> & Readonly<{
+    onSelect?: (item: import("./types.d.ts").MenuItem) => any;
+}>, import("./types.d.ts").MenuExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: import("./types.d.ts").MenuItem) => any;
+}, string, {
+    trigger: import("./types.d.ts").MenuTrigger;
+    placement: import("./types.d.ts").MenuPlacement;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+})>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    [x: string]: any;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & (import("vue").VNodeProps & (import("vue").AllowedComponentProps & (import("vue").ComponentCustomProps & import("vue").Plugin)));
+export declare const StMenuNode: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<import("vue").DefineComponent<{
+        item: import("./types.d.ts").MenuItem;
+        depth?: number;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        select: (item: import("./types.d.ts").MenuItem) => any;
+    }, string, import("vue").PublicProps, Readonly<{
+        item: import("./types.d.ts").MenuItem;
+        depth?: number;
+    }> & Readonly<{
+        onSelect?: (item: import("./types.d.ts").MenuItem) => any;
+    }>, {
+        depth: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        [x: string]: any;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<import("vue").DefineComponent<{
+        item: import("./types.d.ts").MenuItem;
+        depth?: number;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        select: (item: import("./types.d.ts").MenuItem) => any;
+    }, string, import("vue").PublicProps, Readonly<{
+        item: import("./types.d.ts").MenuItem;
+        depth?: number;
+    }> & Readonly<{
+        onSelect?: (item: import("./types.d.ts").MenuItem) => any;
+    }>, {
+        depth: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, {
+        [x: string]: any;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").DefineComponent<{
+    item: import("./types.d.ts").MenuItem;
+    depth?: number;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: import("./types.d.ts").MenuItem) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    item: import("./types.d.ts").MenuItem;
+    depth?: number;
+}> & Readonly<{
+    onSelect?: (item: import("./types.d.ts").MenuItem) => any;
+}>, {
+    depth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    [x: string]: any;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & (import("vue").VNodeProps & (import("vue").AllowedComponentProps & (import("vue").ComponentCustomProps & import("vue").Plugin)));
+export default StMenu;
+export type * from './types.d.ts';

package/dist/components/st-menu/st-menu-node.vue.cjs

@@ -0,0 +1 @@
+var e=require("./st-menu-node.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/st-menu/st-menu-node.vue.d.ts

@@ -0,0 +1,14 @@
+import type { MenuItem } from './types.d.ts';
+type __VLS_Props = {
+    item: MenuItem;
+    depth?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: MenuItem) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (item: MenuItem) => any;
+}>, {
+    depth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/st-menu/st-menu-node.vue.js

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

package/dist/components/st-menu/st-menu-node.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("../../utils/cn.cjs"),t=require("../st-popover/st-popover.vue.cjs");let n=require("vue");var r={key:0,class:`h-px my-1 mx-2 bg-border`},i={key:1,class:`block`},a={key:0,class:`px-3 pt-1.5 pb-0.5 text-2.5 font-semibold tracking-wide uppercase text-muted-foreground select-none`},o={class:`flex items-center gap-2 px-3 py-1.25 rounded-radius cursor-pointer transition-colors duration-100 select-none whitespace-nowrap text-3.25 leading-5 text-foreground hover:bg-accent`},s={key:0,class:`inline-flex items-center justify-center w-4.5 h-4.5 text-4 flex-shrink-0`},c={class:`flex-1 min-w-0 min-h-0 truncate`},l={key:1,class:`text-3 text-muted-foreground ml-3 flex-shrink-0`},u={class:`flex items-center gap-2 px-3 py-1.25 rounded-radius cursor-pointer transition-colors duration-100 select-none whitespace-nowrap text-3.25 leading-5 text-foreground hover:bg-accent`},d={key:0,class:`inline-flex items-center justify-center w-4.5 h-4.5 text-4 flex-shrink-0`},f={class:`flex-1 min-w-0 min-h-0 truncate`},p={key:1,class:`text-3 text-muted-foreground ml-3 flex-shrink-0`},m=(0,n.defineComponent)({name:`StMenuNode`,inheritAttrs:!1,__name:`st-menu-node`,props:{item:{},depth:{default:0}},emits:[`select`],setup(m,{emit:h}){let g=(0,n.useAttrs)(),_=m,v=h,y=(0,n.inject)(`st-menu-hide`,()=>{}),b=(0,n.inject)(`st-menu-has-icon`,(0,n.ref)(!1)),x=(0,n.computed)(()=>!!(_.item.children&&_.item.children.length>0));(0,n.provide)(`st-menu-has-icon`,(0,n.computed)(()=>{if(!x.value)return!1;for(let e of _.item.children??[])if(e.type!==`divider`){if(e.type===`group`){for(let t of e.children??[])if(t.icon)return!0}else if(e.icon)return!0}return!1}));let S=(0,n.computed)(()=>e.cn(`relative rounded-radius`,`block`,{"opacity-40 cursor-not-allowed":_.item.disabled},g.class)),C=(0,n.computed)(()=>[`min-w-35`,`max-w-80`,`p-1`,`backdrop-blur-16`]);function w(){_.item.disabled||(_.item.action&&_.item.action(),v(`select`,_.item),y())}function T(e){v(`select`,e)}return(e,h)=>{let g=(0,n.resolveComponent)(`StMenuNode`,!0);return m.item.type===`divider`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,r)):m.item.type===`group`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,i,[m.item.label?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,(0,n.toDisplayString)(m.item.label),1)):(0,n.createCommentVNode)(``,!0),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(m.item.children??[],(e,t)=>((0,n.openBlock)(),(0,n.createBlock)(g,{key:e.key??t,depth:m.depth+1,item:e,onSelect:T},null,8,[`depth`,`item`]))),128))])):x.value?((0,n.openBlock)(),(0,n.createBlock)(t.default,{key:2,class:(0,n.normalizeClass)(C.value),"close-delay":200,"open-delay":150,"show-arrow":!1,"trigger-class":`block`,placement:`right-top`,trigger:`hover`},{trigger:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)(S.value)},[(0,n.createElementVNode)(`div`,o,[(0,n.unref)(b)?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,s,[m.item.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:0,class:(0,n.normalizeClass)(m.item.icon)},null,2)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,c,(0,n.toDisplayString)(m.item.label),1),m.item.shortcut?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,(0,n.toDisplayString)(m.item.shortcut),1)):(0,n.createCommentVNode)(``,!0),h[0]||=(0,n.createElementVNode)(`span`,{class:`inline-flex items-center justify-center w-4 h-4 text-3.5 flex-shrink-0 ml-auto opacity-50`},[(0,n.createElementVNode)(`span`,{class:`i-ri-arrow-right-s-line`})],-1)])],2)]),content:(0,n.withCtx)(()=>[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(m.item.children,(e,t)=>((0,n.openBlock)(),(0,n.createBlock)(g,{key:e.key??t,depth:m.depth+1,item:e,onSelect:T},null,8,[`depth`,`item`]))),128))]),_:1},8,[`class`])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:3,class:(0,n.normalizeClass)(S.value),onClick:w},[(0,n.createElementVNode)(`div`,u,[(0,n.unref)(b)?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[m.item.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:0,class:(0,n.normalizeClass)(m.item.icon)},null,2)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,f,(0,n.toDisplayString)(m.item.label),1),m.item.shortcut?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,p,(0,n.toDisplayString)(m.item.shortcut),1)):(0,n.createCommentVNode)(``,!0)])],2))}}});exports.default=m;

package/dist/components/st-menu/st-menu-node.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,107 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "../st-popover/st-popover.vue.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, inject as l, normalizeClass as u, openBlock as d, provide as f, ref as p, renderList as m, resolveComponent as h, toDisplayString as g, unref as _, useAttrs as v, withCtx as y } from "vue";
+//#region src/components/st-menu/st-menu-node.vue?vue&type=script&setup=true&lang.ts
+var b = {
+	key: 0,
+	class: "h-px my-1 mx-2 bg-border"
+}, x = {
+	key: 1,
+	class: "block"
+}, S = {
+	key: 0,
+	class: "px-3 pt-1.5 pb-0.5 text-2.5 font-semibold tracking-wide uppercase text-muted-foreground select-none"
+}, C = { class: "flex items-center gap-2 px-3 py-1.25 rounded-radius cursor-pointer transition-colors duration-100 select-none whitespace-nowrap text-3.25 leading-5 text-foreground hover:bg-accent" }, w = {
+	key: 0,
+	class: "inline-flex items-center justify-center w-4.5 h-4.5 text-4 flex-shrink-0"
+}, T = { class: "flex-1 min-w-0 min-h-0 truncate" }, E = {
+	key: 1,
+	class: "text-3 text-muted-foreground ml-3 flex-shrink-0"
+}, D = { class: "flex items-center gap-2 px-3 py-1.25 rounded-radius cursor-pointer transition-colors duration-100 select-none whitespace-nowrap text-3.25 leading-5 text-foreground hover:bg-accent" }, O = {
+	key: 0,
+	class: "inline-flex items-center justify-center w-4.5 h-4.5 text-4 flex-shrink-0"
+}, k = { class: "flex-1 min-w-0 min-h-0 truncate" }, A = {
+	key: 1,
+	class: "text-3 text-muted-foreground ml-3 flex-shrink-0"
+}, j = /*@__PURE__*/ c({
+	name: "StMenuNode",
+	inheritAttrs: !1,
+	__name: "st-menu-node",
+	props: {
+		item: {},
+		depth: { default: 0 }
+	},
+	emits: ["select"],
+	setup(c, { emit: j }) {
+		let M = v(), N = c, P = j, F = l("st-menu-hide", () => {}), I = l("st-menu-has-icon", p(!1)), L = r(() => !!(N.item.children && N.item.children.length > 0));
+		f("st-menu-has-icon", r(() => {
+			if (!L.value) return !1;
+			for (let e of N.item.children ?? []) if (e.type !== "divider") {
+				if (e.type === "group") {
+					for (let t of e.children ?? []) if (t.icon) return !0;
+				} else if (e.icon) return !0;
+			}
+			return !1;
+		}));
+		let R = r(() => e("relative rounded-radius", "block", { "opacity-40 cursor-not-allowed": N.item.disabled }, M.class)), z = r(() => [
+			"min-w-35",
+			"max-w-80",
+			"p-1",
+			"backdrop-blur-16"
+		]);
+		function B() {
+			N.item.disabled || (N.item.action && N.item.action(), P("select", N.item), F());
+		}
+		function V(e) {
+			P("select", e);
+		}
+		return (e, r) => {
+			let l = h("StMenuNode", !0);
+			return c.item.type === "divider" ? (d(), o("div", b)) : c.item.type === "group" ? (d(), o("div", x, [c.item.label ? (d(), o("div", S, g(c.item.label), 1)) : a("", !0), (d(!0), o(n, null, m(c.item.children ?? [], (e, t) => (d(), i(l, {
+				key: e.key ?? t,
+				depth: c.depth + 1,
+				item: e,
+				onSelect: V
+			}, null, 8, ["depth", "item"]))), 128))])) : L.value ? (d(), i(t, {
+				key: 2,
+				class: u(z.value),
+				"close-delay": 200,
+				"open-delay": 150,
+				"show-arrow": !1,
+				"trigger-class": "block",
+				placement: "right-top",
+				trigger: "hover"
+			}, {
+				trigger: y(() => [s("div", { class: u(R.value) }, [s("div", C, [
+					_(I) ? (d(), o("span", w, [c.item.icon ? (d(), o("span", {
+						key: 0,
+						class: u(c.item.icon)
+					}, null, 2)) : a("", !0)])) : a("", !0),
+					s("span", T, g(c.item.label), 1),
+					c.item.shortcut ? (d(), o("span", E, g(c.item.shortcut), 1)) : a("", !0),
+					r[0] ||= s("span", { class: "inline-flex items-center justify-center w-4 h-4 text-3.5 flex-shrink-0 ml-auto opacity-50" }, [s("span", { class: "i-ri-arrow-right-s-line" })], -1)
+				])], 2)]),
+				content: y(() => [(d(!0), o(n, null, m(c.item.children, (e, t) => (d(), i(l, {
+					key: e.key ?? t,
+					depth: c.depth + 1,
+					item: e,
+					onSelect: V
+				}, null, 8, ["depth", "item"]))), 128))]),
+				_: 1
+			}, 8, ["class"])) : (d(), o("div", {
+				key: 3,
+				class: u(R.value),
+				onClick: B
+			}, [s("div", D, [
+				_(I) ? (d(), o("span", O, [c.item.icon ? (d(), o("span", {
+					key: 0,
+					class: u(c.item.icon)
+				}, null, 2)) : a("", !0)])) : a("", !0),
+				s("span", k, g(c.item.label), 1),
+				c.item.shortcut ? (d(), o("span", A, g(c.item.shortcut), 1)) : a("", !0)
+			])], 2));
+		};
+	}
+});
+//#endregion
+export { j as default };

package/dist/components/st-menu/st-menu.vue.cjs

@@ -0,0 +1 @@
+var e=require("./st-menu.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/st-menu/st-menu.vue.d.ts

@@ -0,0 +1,26 @@
+import type { MenuExpose, MenuItem, MenuPlacement, MenuTrigger } from './types.d.ts';
+type __VLS_Props = {
+    list: MenuItem[];
+    placement?: MenuPlacement;
+    trigger?: MenuTrigger;
+};
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, MenuExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: MenuItem) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (item: MenuItem) => any;
+}>, {
+    trigger: MenuTrigger;
+    placement: MenuPlacement;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/components/st-menu/st-menu.vue.js

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

package/dist/components/st-menu/st-menu.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("../../utils/cn.cjs"),t=require("../st-popover/st-popover.vue.cjs"),n=require("./st-menu-node.vue.cjs");let r=require("vue");var i=(0,r.defineComponent)({name:`StMenu`,inheritAttrs:!1,__name:`st-menu`,props:{list:{},placement:{default:`bottom`},trigger:{default:`click`}},emits:[`select`],setup(i,{expose:a,emit:o}){let s=(0,r.useAttrs)(),c=new Set;function l(e){for(let t of c)t!==e&&t()}function u(e){for(let t of e)if(t.type!==`divider`){if(t.type===`group`){if(u(t.children??[]))return!0}else if(t.icon)return!0}return!1}function d(e){return{top:`top-left`,bottom:`bottom-left`,left:`left-top`,right:`right-top`}[e]}let f=i,p=o,m=(0,r.ref)(null);function h(){m.value?.hide(),c.delete(h)}(0,r.provide)(`st-menu-hide`,h),(0,r.provide)(`st-menu-has-icon`,(0,r.computed)(()=>u(f.list)));let g=(0,r.computed)(()=>e.cn([`min-w-35`,`max-w-80`,`p-1`,`rounded-radius`,`bg-popover`,`backdrop-blur-16`,`border`,`border-border`,`shadow-lg`],s.class)),_=(0,r.computed)(()=>f.trigger),v=(0,r.computed)(()=>d(f.placement));function y(e){l(h),m.value?.show(e),c.add(h)}function b(e){p(`select`,e),h()}return a({show:y,hide:h}),(e,a)=>((0,r.openBlock)(),(0,r.createBlock)(t.default,{ref_key:`popoverRef`,ref:m,trigger:_.value,placement:v.value,"show-arrow":!1},{trigger:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`default`)]),content:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)(g.value),style:(0,r.normalizeStyle)((0,r.unref)(s).style),onClick:a[0]||=(0,r.withModifiers)(()=>{},[`stop`]),onContextmenu:a[1]||=(0,r.withModifiers)(()=>{},[`prevent`])},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(i.list,(e,t)=>((0,r.openBlock)(),(0,r.createBlock)(n.default,{key:e.key??t,depth:0,item:e,onSelect:b},null,8,[`item`]))),128))],38)]),_:3},8,[`trigger`,`placement`]))}});exports.default=i;

package/dist/components/st-menu/st-menu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,86 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "../st-popover/st-popover.vue.js";
+import n from "./st-menu-node.vue.js";
+import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, provide as f, ref as p, renderList as m, renderSlot as h, unref as g, useAttrs as _, withCtx as v, withModifiers as y } from "vue";
+//#region src/components/st-menu/st-menu.vue?vue&type=script&setup=true&lang.ts
+var b = /*@__PURE__*/ c({
+	name: "StMenu",
+	inheritAttrs: !1,
+	__name: "st-menu",
+	props: {
+		list: {},
+		placement: { default: "bottom" },
+		trigger: { default: "click" }
+	},
+	emits: ["select"],
+	setup(c, { expose: b, emit: x }) {
+		let S = _(), C = /* @__PURE__ */ new Set();
+		function w(e) {
+			for (let t of C) t !== e && t();
+		}
+		function T(e) {
+			for (let t of e) if (t.type !== "divider") {
+				if (t.type === "group") {
+					if (T(t.children ?? [])) return !0;
+				} else if (t.icon) return !0;
+			}
+			return !1;
+		}
+		function E(e) {
+			return {
+				top: "top-left",
+				bottom: "bottom-left",
+				left: "left-top",
+				right: "right-top"
+			}[e];
+		}
+		let D = c, O = x, k = p(null);
+		function A() {
+			k.value?.hide(), C.delete(A);
+		}
+		f("st-menu-hide", A), f("st-menu-has-icon", i(() => T(D.list)));
+		let j = i(() => e([
+			"min-w-35",
+			"max-w-80",
+			"p-1",
+			"rounded-radius",
+			"bg-popover",
+			"backdrop-blur-16",
+			"border",
+			"border-border",
+			"shadow-lg"
+		], S.class)), M = i(() => D.trigger), N = i(() => E(D.placement));
+		function P(e) {
+			w(A), k.value?.show(e), C.add(A);
+		}
+		function F(e) {
+			O("select", e), A();
+		}
+		return b({
+			show: P,
+			hide: A
+		}), (e, i) => (d(), a(t, {
+			ref_key: "popoverRef",
+			ref: k,
+			trigger: M.value,
+			placement: N.value,
+			"show-arrow": !1
+		}, {
+			trigger: v(() => [h(e.$slots, "default")]),
+			content: v(() => [s("div", {
+				class: l(j.value),
+				style: u(g(S).style),
+				onClick: i[0] ||= y(() => {}, ["stop"]),
+				onContextmenu: i[1] ||= y(() => {}, ["prevent"])
+			}, [(d(!0), o(r, null, m(c.list, (e, t) => (d(), a(n, {
+				key: e.key ?? t,
+				depth: 0,
+				item: e,
+				onSelect: F
+			}, null, 8, ["item"]))), 128))], 38)]),
+			_: 3
+		}, 8, ["trigger", "placement"]));
+	}
+});
+//#endregion
+export { b as default };

package/dist/components/st-menu/types.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Menu 菜单弹出方向类型
+ */
+export type MenuPlacement = 'top' | 'bottom' | 'left' | 'right';
+
+/**
+ * Menu 菜单触发方式类型
+ */
+export type MenuTrigger = 'click' | 'contextmenu';
+
+/**
+ * Menu 菜单项类型
+ */
+export type MenuItemType = 'item' | 'divider' | 'group';
+
+/**
+ * Menu 菜单项接口
+ */
+export interface MenuItem {
+	/** 唯一标识 */
+	key?: string | number;
+	/** 显示标签 */
+	label?: string;
+	/** 图标类名 */
+	icon?: string;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 点击回调函数 */
+	action?: () => void | Promise<void>;
+	/** 子菜单项 */
+	children?: MenuItem[];
+	/** 菜单项类型 */
+	type?: MenuItemType;
+	/** 快捷键提示 */
+	shortcut?: string;
+}
+
+/**
+ * Menu 组件属性接口
+ */
+export interface MenuProps {
+	/** 菜单项列表 */
+	list: MenuItem[];
+	/** 弹出方向 */
+	placement?: MenuPlacement;
+	/** 触发方式 */
+	trigger?: MenuTrigger;
+}
+
+/**
+ * Menu 组件事件接口
+ */
+export interface MenuEmits {
+	select: [item: MenuItem];
+}
+
+/**
+ * Menu 组件暴露的方法接口
+ */
+export interface MenuExpose {
+	show: (e?: MouseEvent) => void;
+	hide: () => void;
+}
+
+/**
+ * MenuNode 组件属性接口
+ */
+export interface MenuNodeProps {
+	/** 菜单项 */
+	item: MenuItem;
+	/** 嵌套深度 */
+	depth?: number;
+}
+
+/**
+ * MenuNode 组件事件接口
+ */
+export interface MenuNodeEmits {
+	select: [item: MenuItem];
+}
+
+export {};

package/dist/components/st-menu.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../utils/with-install.cjs"),t=require("./st-menu/st-menu-node.vue.cjs"),n=require("./st-menu/st-menu.vue.cjs");var r=e.withInstall(n.default),i=e.withInstall(t.default);exports.StMenu=r,exports.default=r,exports.StMenuNode=i;

package/dist/components/st-menu.js

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../utils/with-install.js";
+import t from "./st-menu/st-menu-node.vue.js";
+import n from "./st-menu/st-menu.vue.js";
+//#region src/components/st-menu/index.ts
+var r = e(n), i = e(t);
+//#endregion
+export { r as StMenu, r as default, i as StMenuNode };