straw-ui-vue 0.1.0

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

@@ -0,0 +1,62 @@
+import { cn as e } from "../../utils/cn.js";
+import { cva as t } from "../../utils/cva/index.js";
+import { computed as n, createElementBlock as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, ref as c, renderSlot as l, unref as u, useAttrs as d } from "vue";
+//#region src/components/st-toggle/st-toggle.vue?vue&type=script&setup=true&lang.ts
+var f = ["disabled", "aria-pressed"], p = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "st-toggle",
+	props: {
+		variant: { default: "default" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultPressed: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "pressed-change"],
+	setup(i, { emit: p }) {
+		let m = {
+			default: "bg-transparent text-muted-foreground",
+			outline: "bg-transparent text-muted-foreground border border-input"
+		}, h = {
+			default: "hover:bg-muted hover:text-muted-foreground",
+			outline: "hover:bg-muted hover:text-muted-foreground hover:border-muted-foreground/20"
+		}, g = {
+			default: "bg-accent text-accent-foreground",
+			outline: "bg-accent text-accent-foreground border-accent-foreground/30"
+		}, _ = i, v = p, y = d(), b = c(_.defaultPressed), x = n(() => _.modelValue === void 0 ? b.value : _.modelValue), S = n(() => _.disabled), C = t({
+			base: "inline-flex items-center justify-center rounded-radius font-default transition-all duration-150 ease-in-out outline-none select-none h-10 min-w-10 px-3 gap-2",
+			variants: {
+				variant: {
+					default: m.default,
+					outline: m.outline
+				},
+				disabled: { true: "opacity-50 cursor-not-allowed" }
+			},
+			defaultVariants: { variant: "default" }
+		}), w = n(() => e(C({
+			variant: _.variant,
+			disabled: _.disabled
+		}), !_.disabled && !x.value ? h[_.variant] : "", x.value ? g[_.variant] : "", y.class)), T = () => {
+			if (S.value) return;
+			let e = !x.value;
+			_.modelValue === void 0 && (b.value = e), v("update:modelValue", e), v("pressed-change", e);
+		};
+		return (e, t) => (s(), r("button", {
+			class: a(w.value),
+			style: o(u(y).style),
+			disabled: S.value,
+			"aria-pressed": x.value,
+			onClick: T
+		}, [l(e.$slots, "default")], 14, f));
+	}
+});
+//#endregion
+export { p as default };

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

@@ -0,0 +1,38 @@
+/**
+ * Toggle 组件变体类型
+ */
+export type ToggleVariant = 'default' | 'outline';
+
+/**
+ * Toggle 组件属性
+ */
+export interface ToggleProps {
+	/** 按钮变体类型 */
+	variant?: ToggleVariant;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 是否按下（用于 v-model） */
+	modelValue?: boolean;
+	/** 默认按下状态 */
+	defaultPressed?: boolean;
+}
+
+/**
+ * Toggle 组件插槽类型
+ */
+export interface ToggleSlots {
+	/** 默认插槽 */
+	default?: () => unknown;
+}
+
+/**
+ * Toggle 组件事件类型
+ */
+export interface ToggleEmits {
+	/** 更新 modelValue 事件 */
+	'update:modelValue': [value: boolean];
+	/** 按下状态变化事件 */
+	'pressed-change': [pressed: boolean];
+}
+
+export {};

package/dist/components/st-toggle.cjs

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

package/dist/components/st-toggle.js

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../utils/with-install.js";
+import t from "./st-toggle/st-toggle.vue.js";
+//#region src/components/st-toggle/index.ts
+var n = e(t);
+//#endregion
+export { n as StToggle, n as default };

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

@@ -0,0 +1,183 @@
+export declare const StTooltip: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").TooltipProps> & Readonly<{
+            "onUpdate:visible"?: (value: boolean) => any;
+            onVisibleChange?: (value: boolean) => any;
+        }>, import("./types.d.ts").TooltipExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:visible": (value: boolean) => any;
+            visibleChange: (value: boolean) => any;
+        }, import("vue").PublicProps, {
+            content: string;
+            disabled: boolean;
+            trigger: import("./types.d.ts").TooltipTrigger;
+            placement: import("./types.d.ts").TooltipPlacement;
+            visible: boolean;
+            offset: number;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").TooltipProps> & Readonly<{
+            "onUpdate:visible"?: (value: boolean) => any;
+            onVisibleChange?: (value: boolean) => any;
+        }>, import("./types.d.ts").TooltipExpose, {}, {}, {}, {
+            content: string;
+            disabled: boolean;
+            trigger: import("./types.d.ts").TooltipTrigger;
+            placement: import("./types.d.ts").TooltipPlacement;
+            visible: boolean;
+            offset: number;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").TooltipProps> & Readonly<{
+        "onUpdate:visible"?: (value: boolean) => any;
+        onVisibleChange?: (value: boolean) => any;
+    }>, import("./types.d.ts").TooltipExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:visible": (value: boolean) => any;
+        visibleChange: (value: boolean) => any;
+    }, string, {
+        content: string;
+        disabled: boolean;
+        trigger: import("./types.d.ts").TooltipTrigger;
+        placement: import("./types.d.ts").TooltipPlacement;
+        visible: boolean;
+        offset: number;
+    }, {}, 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;
+        } & {
+            content?: (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<import("./types.d.ts").TooltipProps> & Readonly<{
+            "onUpdate:visible"?: (value: boolean) => any;
+            onVisibleChange?: (value: boolean) => any;
+        }>, import("./types.d.ts").TooltipExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:visible": (value: boolean) => any;
+            visibleChange: (value: boolean) => any;
+        }, import("vue").PublicProps, {
+            content: string;
+            disabled: boolean;
+            trigger: import("./types.d.ts").TooltipTrigger;
+            placement: import("./types.d.ts").TooltipPlacement;
+            visible: boolean;
+            offset: number;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").TooltipProps> & Readonly<{
+            "onUpdate:visible"?: (value: boolean) => any;
+            onVisibleChange?: (value: boolean) => any;
+        }>, import("./types.d.ts").TooltipExpose, {}, {}, {}, {
+            content: string;
+            disabled: boolean;
+            trigger: import("./types.d.ts").TooltipTrigger;
+            placement: import("./types.d.ts").TooltipPlacement;
+            visible: boolean;
+            offset: number;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").TooltipProps> & Readonly<{
+        "onUpdate:visible"?: (value: boolean) => any;
+        onVisibleChange?: (value: boolean) => any;
+    }>, import("./types.d.ts").TooltipExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:visible": (value: boolean) => any;
+        visibleChange: (value: boolean) => any;
+    }, string, {
+        content: string;
+        disabled: boolean;
+        trigger: import("./types.d.ts").TooltipTrigger;
+        placement: import("./types.d.ts").TooltipPlacement;
+        visible: boolean;
+        offset: number;
+    }, {}, 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;
+        } & {
+            content?: (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<import("./types.d.ts").TooltipProps> & Readonly<{
+        "onUpdate:visible"?: (value: boolean) => any;
+        onVisibleChange?: (value: boolean) => any;
+    }>, import("./types.d.ts").TooltipExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:visible": (value: boolean) => any;
+        visibleChange: (value: boolean) => any;
+    }, import("vue").PublicProps, {
+        content: string;
+        disabled: boolean;
+        trigger: import("./types.d.ts").TooltipTrigger;
+        placement: import("./types.d.ts").TooltipPlacement;
+        visible: boolean;
+        offset: number;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").TooltipProps> & Readonly<{
+        "onUpdate:visible"?: (value: boolean) => any;
+        onVisibleChange?: (value: boolean) => any;
+    }>, import("./types.d.ts").TooltipExpose, {}, {}, {}, {
+        content: string;
+        disabled: boolean;
+        trigger: import("./types.d.ts").TooltipTrigger;
+        placement: import("./types.d.ts").TooltipPlacement;
+        visible: boolean;
+        offset: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").TooltipProps> & Readonly<{
+    "onUpdate:visible"?: (value: boolean) => any;
+    onVisibleChange?: (value: boolean) => any;
+}>, import("./types.d.ts").TooltipExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+    visibleChange: (value: boolean) => any;
+}, string, {
+    content: string;
+    disabled: boolean;
+    trigger: import("./types.d.ts").TooltipTrigger;
+    placement: import("./types.d.ts").TooltipPlacement;
+    visible: boolean;
+    offset: number;
+}, {}, 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;
+    } & {
+        content?: (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 default StTooltip;
+export type * from './types.d.ts';

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

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

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

@@ -0,0 +1,29 @@
+import type { TooltipExpose, TooltipProps } from './types.d.ts';
+declare var __VLS_13: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+} & {
+    content?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipProps, TooltipExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+    visibleChange: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
+    "onUpdate:visible"?: (value: boolean) => any;
+    onVisibleChange?: (value: boolean) => any;
+}>, {
+    content: string;
+    disabled: boolean;
+    trigger: import("./types.d.ts").TooltipTrigger;
+    placement: import("./types.d.ts").TooltipPlacement;
+    visible: boolean;
+    offset: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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-tooltip/st-tooltip.vue.js

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

package/dist/components/st-tooltip/st-tooltip.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:1},i=(0,n.defineComponent)({inheritAttrs:!1,__name:`st-tooltip`,props:{trigger:{default:`hover`},placement:{default:`top-center`},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},content:{default:``},offset:{default:8}},emits:[`update:visible`,`visibleChange`],setup(i,{expose:a,emit:o}){let s=(0,n.useAttrs)(),c=i,l=o,u=(0,n.useSlots)(),d=(0,n.ref)(null),f=(0,n.computed)(()=>!!u.content),p=e=>{l(`update:visible`,e)},m=e=>{l(`visibleChange`,e)};return a({show:()=>{d.value?.show()},hide:()=>{d.value?.hide()},toggle:()=>{d.value?.toggle()}}),(i,a)=>((0,n.openBlock)(),(0,n.createBlock)(t.default,{ref_key:`popoverRef`,ref:d,class:(0,n.normalizeClass)((0,n.unref)(e.cn)(``,(0,n.unref)(s).class)),style:(0,n.normalizeStyle)((0,n.unref)(s).style),"close-on-click-outside":c.trigger===`click`||c.trigger===`contextmenu`,"close-on-esc":!1,disabled:c.disabled,offset:c.offset,placement:c.placement,"show-arrow":!0,trigger:c.trigger,visible:c.visible,"onUpdate:visible":p,onVisibleChange:m},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(i.$slots,`default`)]),content:(0,n.withCtx)(()=>[f.value?(0,n.renderSlot)(i.$slots,`content`,{key:0}):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,r,(0,n.toDisplayString)(c.content),1))]),_:3},8,[`class`,`style`,`close-on-click-outside`,`disabled`,`offset`,`placement`,`trigger`,`visible`]))}});exports.default=i;

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

@@ -0,0 +1,71 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "../st-popover/st-popover.vue.js";
+import { computed as n, createBlock as r, createElementBlock as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, useAttrs as p, useSlots as m, withCtx as h } from "vue";
+//#region src/components/st-tooltip/st-tooltip.vue?vue&type=script&setup=true&lang.ts
+var g = { key: 1 }, _ = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "st-tooltip",
+	props: {
+		trigger: { default: "hover" },
+		placement: { default: "top-center" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		visible: {
+			type: Boolean,
+			default: void 0
+		},
+		content: { default: "" },
+		offset: { default: 8 }
+	},
+	emits: ["update:visible", "visibleChange"],
+	setup(a, { expose: _, emit: v }) {
+		let y = p(), b = a, x = v, S = m(), C = l(null), w = n(() => !!S.content), T = (e) => {
+			x("update:visible", e);
+		}, E = (e) => {
+			x("visibleChange", e);
+		};
+		return _({
+			show: () => {
+				C.value?.show();
+			},
+			hide: () => {
+				C.value?.hide();
+			},
+			toggle: () => {
+				C.value?.toggle();
+			}
+		}), (n, a) => (c(), r(t, {
+			ref_key: "popoverRef",
+			ref: C,
+			class: o(f(e)("", f(y).class)),
+			style: s(f(y).style),
+			"close-on-click-outside": b.trigger === "click" || b.trigger === "contextmenu",
+			"close-on-esc": !1,
+			disabled: b.disabled,
+			offset: b.offset,
+			placement: b.placement,
+			"show-arrow": !0,
+			trigger: b.trigger,
+			visible: b.visible,
+			"onUpdate:visible": T,
+			onVisibleChange: E
+		}, {
+			default: h(() => [u(n.$slots, "default")]),
+			content: h(() => [w.value ? u(n.$slots, "content", { key: 0 }) : (c(), i("span", g, d(b.content), 1))]),
+			_: 3
+		}, 8, [
+			"class",
+			"style",
+			"close-on-click-outside",
+			"disabled",
+			"offset",
+			"placement",
+			"trigger",
+			"visible"
+		]));
+	}
+});
+//#endregion
+export { _ as default };

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

@@ -0,0 +1,79 @@
+import type { PopoverPlacement, PopoverTrigger } from '../st-popover/types.d.ts';
+
+/**
+ * Tooltip 触发方式类型
+ * click: 点击触发
+ * focus: 聚焦触发
+ * hover: 悬停触发
+ * contextmenu: 右键菜单触发
+ */
+export type TooltipTrigger = PopoverTrigger;
+
+/**
+ * Tooltip 弹出方向类型
+ * top-left: 上方左侧对齐
+ * top-center: 上方居中对齐
+ * top-right: 上方右侧对齐
+ * bottom-left: 下方左侧对齐
+ * bottom-center: 下方居中对齐
+ * bottom-right: 下方右侧对齐
+ * left-top: 左侧顶部对齐
+ * left-center: 左侧居中对齐
+ * left-bottom: 左侧底部对齐
+ * right-top: 右侧顶部对齐
+ * right-center: 右侧居中对齐
+ * right-bottom: 右侧底部对齐
+ */
+export type TooltipPlacement = PopoverPlacement;
+
+/**
+ * Tooltip 组件属性接口
+ */
+export interface TooltipProps {
+	/** 触发方式 */
+	trigger?: TooltipTrigger;
+	/** 弹出方向 */
+	placement?: TooltipPlacement;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 是否可见 */
+	visible?: boolean;
+	/** 提示内容 */
+	content?: string;
+	/** 偏移距离 */
+	offset?: number;
+}
+
+/**
+ * Tooltip 组件事件接口
+ */
+export interface TooltipEmits {
+	/** 更新可见状态事件 */
+	'update:visible': [value: boolean];
+	/** 可见状态改变事件 */
+	visibleChange: [value: boolean];
+}
+
+/**
+ * Tooltip 组件插槽接口
+ */
+export interface TooltipSlots {
+	/** 默认插槽 */
+	default?: () => any;
+	/** 提示内容插槽 */
+	content?: () => any;
+}
+
+/**
+ * Tooltip 暴露的方法接口
+ */
+export interface TooltipExpose {
+	/** 显示提示 */
+	show: () => void;
+	/** 隐藏提示 */
+	hide: () => void;
+	/** 切换显示状态 */
+	toggle: () => void;
+}
+
+export {};

package/dist/components/st-tooltip.cjs

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

package/dist/components/st-tooltip.js

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../utils/with-install.js";
+import t from "./st-tooltip/st-tooltip.vue.js";
+//#region src/components/st-tooltip/index.ts
+var n = e(t);
+//#endregion
+export { n as StTooltip, n as default };

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

@@ -0,0 +1,114 @@
+export declare const StTree: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<import("vue").DefineComponent<{
+        list: import("./types.d.ts").TreeListItem[];
+        labelKey?: string;
+        valueKey?: string;
+        childrenKey?: string;
+        indent?: number;
+    } & {
+        modelValue?: string | number | undefined;
+        expandedKeys?: (string | number)[];
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        select: (value: string | number) => any;
+        "update:modelValue": (value: string | number) => any;
+        "update:expandedKeys": (value: (string | number)[]) => any;
+    }, string, import("vue").PublicProps, Readonly<{
+        list: import("./types.d.ts").TreeListItem[];
+        labelKey?: string;
+        valueKey?: string;
+        childrenKey?: string;
+        indent?: number;
+    } & {
+        modelValue?: string | number | undefined;
+        expandedKeys?: (string | number)[];
+    }> & Readonly<{
+        onSelect?: (value: string | number) => any;
+        "onUpdate:modelValue"?: (value: string | number) => any;
+        "onUpdate:expandedKeys"?: (value: (string | number)[]) => any;
+    }>, {
+        indent: number;
+        labelKey: string;
+        valueKey: string;
+        childrenKey: string;
+    }, {}, {}, {}, 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<{
+        list: import("./types.d.ts").TreeListItem[];
+        labelKey?: string;
+        valueKey?: string;
+        childrenKey?: string;
+        indent?: number;
+    } & {
+        modelValue?: string | number | undefined;
+        expandedKeys?: (string | number)[];
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        select: (value: string | number) => any;
+        "update:modelValue": (value: string | number) => any;
+        "update:expandedKeys": (value: (string | number)[]) => any;
+    }, string, import("vue").PublicProps, Readonly<{
+        list: import("./types.d.ts").TreeListItem[];
+        labelKey?: string;
+        valueKey?: string;
+        childrenKey?: string;
+        indent?: number;
+    } & {
+        modelValue?: string | number | undefined;
+        expandedKeys?: (string | number)[];
+    }> & Readonly<{
+        onSelect?: (value: string | number) => any;
+        "onUpdate:modelValue"?: (value: string | number) => any;
+        "onUpdate:expandedKeys"?: (value: (string | number)[]) => any;
+    }>, {
+        indent: number;
+        labelKey: string;
+        valueKey: string;
+        childrenKey: string;
+    }, {}, {}, {}, 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<{
+    list: import("./types.d.ts").TreeListItem[];
+    labelKey?: string;
+    valueKey?: string;
+    childrenKey?: string;
+    indent?: number;
+} & {
+    modelValue?: string | number | undefined;
+    expandedKeys?: (string | number)[];
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: string | number) => any;
+    "update:modelValue": (value: string | number) => any;
+    "update:expandedKeys": (value: (string | number)[]) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    list: import("./types.d.ts").TreeListItem[];
+    labelKey?: string;
+    valueKey?: string;
+    childrenKey?: string;
+    indent?: number;
+} & {
+    modelValue?: string | number | undefined;
+    expandedKeys?: (string | number)[];
+}> & Readonly<{
+    onSelect?: (value: string | number) => any;
+    "onUpdate:modelValue"?: (value: string | number) => any;
+    "onUpdate:expandedKeys"?: (value: (string | number)[]) => any;
+}>, {
+    indent: number;
+    labelKey: string;
+    valueKey: string;
+    childrenKey: string;
+}, {}, {}, {}, 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 StTree;
+export type * from './types.d.ts';

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

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

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

@@ -0,0 +1,4 @@
+import type { StTreeNodeProps } from './types.d.ts';
+declare const __VLS_export: import("vue").DefineComponent<StTreeNodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StTreeNodeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+let e=require("vue");var t={class:`flex-1 min-w-0 truncate`},n={key:0,class:`grid grid-rows-[1fr]`},r={class:`overflow-hidden`},i=(0,e.defineComponent)({inheritAttrs:!1,__name:`st-tree-node`,props:{node:{},level:{},indent:{},labelKey:{},valueKey:{},childrenKey:{},selectedValue:{},expandedKeys:{},onSelect:{type:Function},onToggle:{type:Function}},setup(i){let a=i,o=(0,e.useAttrs)();function s(e){return e[a.valueKey]}let c=(0,e.computed)(()=>s(a.node)),l=(0,e.computed)(()=>a.node[a.labelKey]),u=(0,e.computed)(()=>a.node[a.childrenKey]||[]),d=(0,e.computed)(()=>u.value.length===0),f=(0,e.computed)(()=>u.value.length>0),p=(0,e.computed)(()=>a.expandedKeys.includes(c.value)),m=(0,e.computed)(()=>a.selectedValue===c.value);function h(){a.onSelect(c.value)}function g(){d.value||a.onToggle(c.value)}return(a,c)=>{let _=(0,e.resolveComponent)(`StTreeNode`,!0);return(0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)((0,e.unref)(o).class)},[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`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":!m.value,"bg-accent":m.value}]),style:(0,e.normalizeStyle)({paddingLeft:`${i.level*i.indent+12}px`}),onClick:h},[(0,e.createElementVNode)(`span`,{class:(0,e.normalizeClass)([`flex items-center justify-center flex-shrink-0 w-4.5 h-4.5 rounded-radius color-muted-foreground transition-all duration-200 ease-in-out`,{"rotate-90":p.value,invisible:d.value,"hover:bg-accent hover:color-foreground":!d.value}]),onClick:(0,e.withModifiers)(g,[`stop`])},[...c[0]||=[(0,e.createElementVNode)(`i`,{class:`i-ri-arrow-right-s-line text-3.5`},null,-1)]],2),(0,e.createElementVNode)(`p`,t,(0,e.toDisplayString)(l.value),1)],6),(0,e.createVNode)(e.Transition,{"enter-active-class":`transition-[grid-template-rows] duration-250 ease-[var(--animate-ease-menu)]`,"enter-from-class":`!grid-rows-[0fr]`,"enter-to-class":`grid-rows-[1fr]`,"leave-active-class":`transition-[grid-template-rows] duration-200 ease-[var(--animate-ease-menu)]`,"leave-from-class":`grid-rows-[1fr]`,"leave-to-class":`!grid-rows-[0fr]`},{default:(0,e.withCtx)(()=>[f.value&&p.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,n,[(0,e.createElementVNode)(`div`,r,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(u.value,t=>((0,e.openBlock)(),(0,e.createBlock)(_,{key:s(t),"children-key":i.childrenKey,"expanded-keys":i.expandedKeys,indent:i.indent,"label-key":i.labelKey,level:i.level+1,node:t,"on-select":i.onSelect,"on-toggle":i.onToggle,"selected-value":i.selectedValue,"value-key":i.valueKey},null,8,[`children-key`,`expanded-keys`,`indent`,`label-key`,`level`,`node`,`on-select`,`on-toggle`,`selected-value`,`value-key`]))),128))])])):(0,e.createCommentVNode)(``,!0)]),_:1})],2)}}});exports.default=i;