straw-ui-vue 0.1.0

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

@@ -0,0 +1,200 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "../st-input/st-input.vue.js";
+import n from "../st-popover/st-popover.vue.js";
+import { Fragment as r, computed as i, createBlock as ee, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createVNode as te, defineComponent as l, mergeModels as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as ne, useAttrs as v, useModel as y, useSlots as re, withCtx as b } from "vue";
+//#region src/components/st-select/st-select.vue?vue&type=script&setup=true&lang.ts
+var ie = { class: "st-select__dropdown max-h-60 w-full overflow-auto px-1 py-1.5" }, x = { class: "st-select__group-label px-3 py-2 text-xs font-semibold text-muted-foreground" }, S = ["onClick"], C = { class: "flex-1 truncate text-foreground" }, w = {
+	key: 0,
+	class: "st-select__check text-primary"
+}, T = ["onClick"], E = { class: "flex-1 truncate text-foreground" }, D = {
+	key: 0,
+	class: "st-select__check text-primary"
+}, O = {
+	key: 1,
+	class: "st-select__empty px-3 py-2 text-center text-muted-foreground"
+}, k = /*@__PURE__*/ l({
+	name: "StSelect",
+	inheritAttrs: !1,
+	__name: "st-select",
+	props: /*@__PURE__*/ u({
+		list: { default: () => [] },
+		labelKey: { default: "label" },
+		valueKey: { default: "value" },
+		placeholder: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		filterable: {
+			type: Boolean,
+			default: !1
+		},
+		group: {
+			type: Boolean,
+			default: !1
+		},
+		popoverClass: { default: "" },
+		popoverStyle: { default: "" }
+	}, {
+		modelValue: { default: void 0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ u([
+		"update:modelValue",
+		"change",
+		"clear",
+		"visibleChange",
+		"removeTag",
+		"filter"
+	], ["update:modelValue"]),
+	setup(l, { expose: u, emit: k }) {
+		re();
+		let A = v(), j = l, M = k, N = y(l, "modelValue"), P = m(null), ae = m(null), F = m(!1), I = m(""), L = m(!1), R = m(!1), z = m(0), B = (e) => String(e.label), V = (e) => e.value, H = (e, t) => e[t], U = i(() => j.list.map((e) => {
+			if (typeof e == "object" && e) {
+				let t = e, n = H(t, j.labelKey), r = H(t, j.valueKey);
+				return {
+					label: String(n ?? ""),
+					value: r,
+					disabled: e.disabled,
+					children: e.children
+				};
+			}
+			return {
+				label: String(e),
+				value: e
+			};
+		})), W = i(() => {
+			if (!j.group) return U.value;
+			let e = [];
+			return U.value.forEach((t) => {
+				t.children && t.children.length > 0 && e.push(...t.children);
+			}), e;
+		}), G = i(() => {
+			if (!j.filterable || !I.value) return j.group ? W.value : U.value;
+			let e = I.value.toLowerCase();
+			return (j.group ? W.value : U.value).filter((t) => t.label.toLowerCase().includes(e));
+		}), K = i(() => {
+			if (!j.group) return [];
+			if (!j.filterable || !I.value) return U.value.filter((e) => e.children && e.children.length > 0).map((e) => ({
+				label: e.label,
+				children: e.children
+			}));
+			let e = I.value.toLowerCase();
+			return U.value.filter((e) => e.children && e.children.length > 0).map((t) => ({
+				label: t.label,
+				children: t.children.filter((t) => t.label.toLowerCase().includes(e))
+			})).filter((e) => e.children.length > 0);
+		}), q = i(() => {
+			if (!j.multiple || !Array.isArray(N.value)) return [];
+			let e = N.value, t = j.group ? W.value : U.value;
+			return e.map((e) => {
+				let n = t.find((t) => t.value === e);
+				return n ? n.label : "";
+			}).filter((e) => e !== "");
+		}), J = i(() => {
+			if (j.multiple || N.value === void 0) return "";
+			let e = (j.group ? W.value : U.value).find((e) => e.value === N.value);
+			return e ? e.label : "";
+		}), Y = (e) => j.multiple && Array.isArray(N.value) ? N.value.includes(e.value) : N.value === e.value, oe = i(() => e("st-select", A.class, { "st-select--focused": F.value })), X = i(() => e("st-select__arrow", "inline-flex items-center transition-transform duration-200", { "rotate-180": F.value })), se = i(() => !j.clearable || j.disabled ? !1 : j.multiple ? Array.isArray(N.value) && N.value.length > 0 && R.value : N.value !== void 0 && N.value !== null && R.value), ce = i(() => j.filterable && L.value && !j.multiple ? I.value : j.multiple ? q.value.join(",") : J.value), le = i(() => j.filterable && L.value && !j.multiple ? J.value || j.placeholder || "请选择" : (j.multiple ? q.value.length > 0 : J.value) ? "" : j.placeholder || "请选择"), ue = i(() => j.popoverStyle ? j.popoverStyle : z.value > 0 ? { width: `${z.value}px` } : {}), Z = (t) => e("st-select__option", "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", {
+			"st-select__option--selected bg-accent": Y(t),
+			"st-select__option--disabled cursor-not-allowed opacity-50": t.disabled
+		}), Q = (e) => {
+			if (!e.disabled) if (j.multiple) {
+				let t = Array.isArray(N.value) ? [...N.value] : [], n = t.indexOf(e.value);
+				n > -1 ? t.splice(n, 1) : t.push(e.value), N.value = t, M("change", t);
+			} else N.value = e.value, M("change", e.value), F.value = !1, I.value = "";
+		}, $ = () => {
+			j.disabled || (N.value, N.value = j.multiple ? [] : void 0, M("clear"), M("change", j.multiple ? [] : void 0));
+		}, de = () => {
+			R.value = !0;
+		}, fe = () => {
+			R.value = !1;
+		}, pe = (e) => {
+			M("filter", e.target.value);
+		}, me = (e) => {
+			j.filterable && L.value && (I.value = String(e));
+		}, he = (e) => {
+			M("visibleChange", e), e ? (P.value && (z.value = P.value.$el.getBoundingClientRect().width), j.filterable && !j.multiple && (L.value = !0)) : (L.value = !1, I.value = "");
+		};
+		return u({
+			focus: () => {
+				P.value?.focus();
+			},
+			blur: () => {
+				P.value?.blur();
+			},
+			clear: () => {
+				$();
+			}
+		}), (e, i) => (p(), ee(n, {
+			ref_key: "popoverRef",
+			ref: ae,
+			visible: F.value,
+			"onUpdate:visible": i[0] ||= (e) => F.value = e,
+			disabled: j.disabled,
+			"show-arrow": !1,
+			class: d(j.popoverClass),
+			style: f(ue.value),
+			placement: "bottom-left",
+			trigger: "click",
+			onVisibleChange: he
+		}, {
+			trigger: b(() => [te(t, {
+				ref_key: "selectRef",
+				ref: P,
+				class: d(oe.value),
+				style: f(ne(A).style),
+				clearable: se.value,
+				disabled: j.disabled,
+				placeholder: le.value,
+				readonly: !j.filterable,
+				"model-value": ce.value,
+				onClear: $,
+				onInput: pe,
+				"onUpdate:modelValue": me,
+				onMouseenter: de,
+				onMouseleave: fe
+			}, c({
+				suffix: b(() => [s("span", { class: d(X.value) }, [...i[1] ||= [s("i", { class: "i-ri-arrow-down-s-line" }, null, -1)]], 2)]),
+				_: 2
+			}, [e.$slots.prefix ? {
+				name: "prefix",
+				fn: b(() => [g(e.$slots, "prefix")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"class",
+				"style",
+				"clearable",
+				"disabled",
+				"placeholder",
+				"readonly",
+				"model-value"
+			])]),
+			content: b(() => [s("div", ie, [G.value.length > 0 ? (p(), o(r, { key: 0 }, [j.group ? (p(!0), o(r, { key: 0 }, h(K.value, (e) => (p(), o(r, { key: e.label }, [s("div", x, _(e.label), 1), (p(!0), o(r, null, h(e.children, (e) => (p(), o("div", {
+				key: V(e),
+				class: d(Z(e)),
+				onClick: (t) => Q(e)
+			}, [s("span", C, _(B(e)), 1), Y(e) ? (p(), o("span", w, [...i[2] ||= [s("i", { class: "i-ri-check-line" }, null, -1)]])) : a("", !0)], 10, S))), 128))], 64))), 128)) : (p(!0), o(r, { key: 1 }, h(G.value, (e) => (p(), o("div", {
+				key: V(e),
+				class: d(Z(e)),
+				onClick: (t) => Q(e)
+			}, [s("span", E, _(B(e)), 1), Y(e) ? (p(), o("span", D, [...i[3] ||= [s("i", { class: "i-ri-check-line" }, null, -1)]])) : a("", !0)], 10, T))), 128))], 64)) : (p(), o(r, { key: 1 }, [e.$slots.empty ? g(e.$slots, "empty", { key: 0 }) : (p(), o("div", O, "暂无数据"))], 64))])]),
+			_: 3
+		}, 8, [
+			"visible",
+			"disabled",
+			"class",
+			"style"
+		]));
+	}
+});
+//#endregion
+export { k as default };

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

@@ -0,0 +1,85 @@
+/**
+ * Select 选项数据结构
+ */
+export interface SelectOption {
+	/** 显示文本 */
+	label: string;
+	/** 选项值 */
+	value: string | number;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 子选项列表（用于分组） */
+	children?: SelectOption[];
+}
+
+/**
+ * Select 组件属性接口
+ */
+export interface SelectProps {
+	/** 选项列表 */
+	list?: SelectOption[];
+	/** 显示文本的字段名 */
+	labelKey?: string;
+	/** 值的字段名 */
+	valueKey?: string;
+	/** 占位符文本 */
+	placeholder?: string;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 是否可清空 */
+	clearable?: boolean;
+	/** 是否多选 */
+	multiple?: boolean;
+	/** 是否可筛选 */
+	filterable?: boolean;
+	/** 是否分组 */
+	group?: boolean;
+	/** popover 下拉菜单的类名 */
+	popoverClass?: string;
+	/** popover 下拉菜单的样式 */
+	popoverStyle?: string | Record<string, string>;
+}
+
+/**
+ * Select 组件事件接口
+ */
+export interface SelectEmits {
+	/** 更新绑定值事件 */
+	'update:modelValue': [value: string | number | (string | number)[] | undefined];
+	/** 值改变事件 */
+	change: [value: string | number | (string | number)[] | undefined];
+	/** 清空事件 */
+	clear: [];
+	/** 下拉菜单显示状态改变事件 */
+	visibleChange: [visible: boolean];
+	/** 移除标签事件（多选模式） */
+	removeTag: [value: string | number];
+	/** 筛选事件 */
+	filter: [value: string];
+}
+
+/**
+ * Select 组件插槽接口
+ */
+export interface SelectSlots {
+	/** 默认插槽 */
+	default?: () => unknown;
+	/** 空状态插槽 */
+	empty?: () => unknown;
+	/** 前缀插槽 */
+	prefix?: () => unknown;
+}
+
+/**
+ * Select 暴露的方法接口
+ */
+export interface SelectExpose {
+	/** 聚焦方法 */
+	focus: () => void;
+	/** 失焦方法 */
+	blur: () => void;
+	/** 清空方法 */
+	clear: () => void;
+}
+
+export {};

package/dist/components/st-select.cjs

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

package/dist/components/st-select.js

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

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

@@ -0,0 +1,63 @@
+export declare const StSidebar: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").StSidebarProps> & Readonly<{}>, import("./types.d.ts").StSidebarExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").StSidebarProps> & Readonly<{}>, import("./types.d.ts").StSidebarExpose, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").StSidebarProps> & Readonly<{}>, import("./types.d.ts").StSidebarExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: import("./types.d.ts").StSidebarSlots;
+    })>>, {}, {}, 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").StSidebarProps> & Readonly<{}>, import("./types.d.ts").StSidebarExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").StSidebarProps> & Readonly<{}>, import("./types.d.ts").StSidebarExpose, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").StSidebarProps> & Readonly<{}>, import("./types.d.ts").StSidebarExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: import("./types.d.ts").StSidebarSlots;
+    })>>, {}, {}, 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").StSidebarProps> & Readonly<{}>, import("./types.d.ts").StSidebarExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").StSidebarProps> & Readonly<{}>, import("./types.d.ts").StSidebarExpose, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").StSidebarProps> & Readonly<{}>, import("./types.d.ts").StSidebarExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./types.d.ts").StSidebarSlots;
+})>>, {}, {}, 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 StSidebar;
+export type * from './types.d.ts';

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

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

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

@@ -0,0 +1,11 @@
+import type { StSidebarExpose, StSidebarProps, StSidebarSlots } from './types.d.ts';
+type __VLS_Slots = StSidebarSlots;
+declare const __VLS_base: import("vue").DefineComponent<StSidebarProps, StSidebarExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StSidebarProps> & Readonly<{}>, {}, {}, {}, {}, 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-sidebar/st-sidebar.vue.js

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

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

@@ -0,0 +1 @@
+const e=require("../../utils/cn.cjs");let t=require("vue");var n=[`onClick`],r=[`innerHTML`],i={key:1},a=(0,t.defineComponent)({inheritAttrs:!1,__name:`st-sidebar`,setup(a,{expose:o}){let s=(0,t.useAttrs)(),c=(0,t.useTemplateRef)(`navRef`),l=(0,t.useTemplateRef)(`contentRef`),u=new Map,d=new Map,f=(0,t.ref)([]),p=(0,t.ref)(null),m=null,h=(0,t.computed)(()=>e.cn(`st-sidebar`,`flex h-full overflow-hidden`,s.class)),g=e.cn(`st-sidebar__nav`,`w-50 min-w-0 flex-shrink-0`,`overflow-y-auto px-1 py-1.5`,`border-r border-border`,`bg-sidebar`),_=e.cn(`st-sidebar__content`,`flex-1 min-w-0`,`overflow-y-auto`,`scrollbar-thin scrollbar-thumb-scrollbar scrollbar-track-transparent`),v=t=>e.cn(`st-sidebar__nav-item`,`relative flex items-center gap-2`,`px-3 py-1.25`,`rounded-radius`,`cursor-pointer select-none whitespace-nowrap`,`transition-colors duration-100`,`text-3.25 leading-5 text-foreground`,`hover:bg-accent`,{"st-sidebar__nav-item--active bg-accent text-foreground font-semibold before:content-empty before:absolute before:left-0 before:top-1 before:bottom-1 before:w-0.75 before:bg-primary before:rounded-radius":p.value===t});function y(e,t){t instanceof HTMLElement?d.set(e,t):d.delete(e)}function b(){f.value=[...u.values()]}function x(){if(l.value){m=new IntersectionObserver(e=>{let t=[];for(let n of e)if(n.isIntersecting){for(let[e,r]of u)if(r.el===n.target){t.push({id:e,ratio:n.intersectionRatio});break}}t.length>0&&(t.sort((e,t)=>t.ratio-e.ratio),p.value=t[0].id)},{root:l.value,rootMargin:`0px 0px -60% 0px`,threshold:[0,.25,.5]});for(let[,e]of u)m.observe(e.el)}}function S(e){u.set(e.id,e),m&&m.observe(e.el),b(),!p.value&&f.value.length===1&&(p.value=e.id)}function C(e){let t=u.get(e);t&&m&&m.unobserve(t.el),u.delete(e),d.delete(e),b(),p.value===e&&(p.value=f.value[0]?.id??null)}function w(e,t){let n=u.get(e);n&&(n.label=t,b())}function T(e){let t=u.get(e);t&&(t.el.scrollIntoView({behavior:`smooth`,block:`start`}),p.value=e)}function E(){if(!p.value||!c.value)return;let e=d.get(p.value);e&&e.scrollIntoView({behavior:`smooth`,block:`nearest`})}return(0,t.watch)(p,()=>{(0,t.nextTick)(()=>{E()})}),(0,t.provide)(`sidebarContext`,{registerItem:S,unregisterItem:C,updateItemLabel:w,activeId:p,scrollToItem:T}),(0,t.onMounted)(()=>{x()}),(0,t.onBeforeUnmount)(()=>{m&&=(m.disconnect(),null)}),o({scrollToItem:T,activeId:p}),(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(h.value),style:(0,t.normalizeStyle)((0,t.unref)(s).style)},[(0,t.createElementVNode)(`aside`,{ref_key:`navRef`,ref:c,class:(0,t.normalizeClass)((0,t.unref)(g))},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(f.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e.id,ref_for:!0,ref:t=>y(e.id,t),class:(0,t.normalizeClass)(v(e.id)),onClick:t=>T(e.id)},[e.labelHtml?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,innerHTML:e.labelHtml},null,8,r)):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,i,(0,t.toDisplayString)(e.label),1))],10,n))),128))],2),(0,t.createElementVNode)(`main`,{ref_key:`contentRef`,ref:l,class:(0,t.normalizeClass)((0,t.unref)(_))},[(0,t.renderSlot)(e.$slots,`default`)],2)],6))}});exports.default=a;

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

@@ -0,0 +1,108 @@
+import { cn as e } from "../../utils/cn.js";
+import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, nextTick as o, normalizeClass as s, normalizeStyle as c, onBeforeUnmount as l, onMounted as u, openBlock as d, provide as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, useTemplateRef as y, watch as b } from "vue";
+//#region src/components/st-sidebar/st-sidebar.vue?vue&type=script&setup=true&lang.ts
+var x = ["onClick"], S = ["innerHTML"], C = { key: 1 }, w = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "st-sidebar",
+	setup(a, { expose: w }) {
+		let T = v(), E = y("navRef"), D = y("contentRef"), O = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map(), A = p([]), j = p(null), M = null, N = n(() => e("st-sidebar", "flex h-full overflow-hidden", T.class)), P = e("st-sidebar__nav", "w-50 min-w-0 flex-shrink-0", "overflow-y-auto px-1 py-1.5", "border-r border-border", "bg-sidebar"), F = e("st-sidebar__content", "flex-1 min-w-0", "overflow-y-auto", "scrollbar-thin scrollbar-thumb-scrollbar scrollbar-track-transparent"), I = (t) => e("st-sidebar__nav-item", "relative flex items-center gap-2", "px-3 py-1.25", "rounded-radius", "cursor-pointer select-none whitespace-nowrap", "transition-colors duration-100", "text-3.25 leading-5 text-foreground", "hover:bg-accent", { "st-sidebar__nav-item--active bg-accent text-foreground font-semibold before:content-empty before:absolute before:left-0 before:top-1 before:bottom-1 before:w-0.75 before:bg-primary before:rounded-radius": j.value === t });
+		function L(e, t) {
+			t instanceof HTMLElement ? k.set(e, t) : k.delete(e);
+		}
+		function R() {
+			A.value = [...O.values()];
+		}
+		function z() {
+			if (D.value) {
+				M = new IntersectionObserver((e) => {
+					let t = [];
+					for (let n of e) if (n.isIntersecting) {
+						for (let [e, r] of O) if (r.el === n.target) {
+							t.push({
+								id: e,
+								ratio: n.intersectionRatio
+							});
+							break;
+						}
+					}
+					t.length > 0 && (t.sort((e, t) => t.ratio - e.ratio), j.value = t[0].id);
+				}, {
+					root: D.value,
+					rootMargin: "0px 0px -60% 0px",
+					threshold: [
+						0,
+						.25,
+						.5
+					]
+				});
+				for (let [, e] of O) M.observe(e.el);
+			}
+		}
+		function B(e) {
+			O.set(e.id, e), M && M.observe(e.el), R(), !j.value && A.value.length === 1 && (j.value = e.id);
+		}
+		function V(e) {
+			let t = O.get(e);
+			t && M && M.unobserve(t.el), O.delete(e), k.delete(e), R(), j.value === e && (j.value = A.value[0]?.id ?? null);
+		}
+		function H(e, t) {
+			let n = O.get(e);
+			n && (n.label = t, R());
+		}
+		function U(e) {
+			let t = O.get(e);
+			t && (t.el.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			}), j.value = e);
+		}
+		function W() {
+			if (!j.value || !E.value) return;
+			let e = k.get(j.value);
+			e && e.scrollIntoView({
+				behavior: "smooth",
+				block: "nearest"
+			});
+		}
+		return b(j, () => {
+			o(() => {
+				W();
+			});
+		}), f("sidebarContext", {
+			registerItem: B,
+			unregisterItem: V,
+			updateItemLabel: H,
+			activeId: j,
+			scrollToItem: U
+		}), u(() => {
+			z();
+		}), l(() => {
+			M &&= (M.disconnect(), null);
+		}), w({
+			scrollToItem: U,
+			activeId: j
+		}), (e, n) => (d(), r("div", {
+			class: s(N.value),
+			style: c(_(T).style)
+		}, [i("aside", {
+			ref_key: "navRef",
+			ref: E,
+			class: s(_(P))
+		}, [(d(!0), r(t, null, m(A.value, (e) => (d(), r("div", {
+			key: e.id,
+			ref_for: !0,
+			ref: (t) => L(e.id, t),
+			class: s(I(e.id)),
+			onClick: (t) => U(e.id)
+		}, [e.labelHtml ? (d(), r("span", {
+			key: 0,
+			innerHTML: e.labelHtml
+		}, null, 8, S)) : (d(), r("span", C, g(e.label), 1))], 10, x))), 128))], 2), i("main", {
+			ref_key: "contentRef",
+			ref: D,
+			class: s(_(F))
+		}, [h(e.$slots, "default")], 2)], 6));
+	}
+});
+//#endregion
+export { w as default };

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

@@ -0,0 +1,56 @@
+import type { Ref } from 'vue';
+
+/**
+ * 侧边栏项信息
+ */
+export interface StSidebarItemInfo {
+	/** 项唯一标识 */
+	id: string;
+	/** 项标签文本 */
+	label: string;
+	/** 项标签HTML内容 */
+	labelHtml: string;
+	/** 项DOM元素 */
+	el: HTMLElement;
+}
+
+/**
+ * 侧边栏上下文
+ */
+export interface StSidebarContext {
+	/** 注册侧边栏项 */
+	registerItem: (info: StSidebarItemInfo) => void;
+	/** 注销侧边栏项 */
+	unregisterItem: (id: string) => void;
+	/** 更新侧边栏项标签 */
+	updateItemLabel: (id: string, label: string) => void;
+	/** 当前激活项ID */
+	activeId: Ref<string | null>;
+	/** 滚动到指定项 */
+	scrollToItem: (id: string) => void;
+}
+
+/**
+ * 侧边栏组件属性
+ */
+export interface StSidebarProps {}
+
+/**
+ * 侧边栏组件插槽类型
+ */
+export interface StSidebarSlots {
+	/** 默认插槽 */
+	default?: () => unknown;
+}
+
+/**
+ * 侧边栏组件暴露方法
+ */
+export interface StSidebarExpose {
+	/** 滚动到指定项 */
+	scrollToItem: (id: string) => void;
+	/** 当前激活项ID */
+	activeId: Ref<string | null>;
+}
+
+export {};

package/dist/components/st-sidebar-item/index.d.ts

@@ -0,0 +1,63 @@
+export declare const StSidebarItem: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").StSidebarItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").StSidebarItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").StSidebarItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: import("./types.d.ts").StSidebarItemSlots;
+    })>>, {}, {}, 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").StSidebarItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").StSidebarItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").StSidebarItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: import("./types.d.ts").StSidebarItemSlots;
+    })>>, {}, {}, 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").StSidebarItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").StSidebarItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").StSidebarItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./types.d.ts").StSidebarItemSlots;
+})>>, {}, {}, 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 StSidebarItem;
+export type * from './types.d.ts';

package/dist/components/st-sidebar-item/st-sidebar-item.vue.cjs

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

package/dist/components/st-sidebar-item/st-sidebar-item.vue.d.ts

@@ -0,0 +1,11 @@
+import type { StSidebarItemProps, StSidebarItemSlots } from './types.d.ts';
+type __VLS_Slots = StSidebarItemSlots;
+declare const __VLS_base: import("vue").DefineComponent<StSidebarItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StSidebarItemProps> & Readonly<{}>, {}, {}, {}, {}, 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-sidebar-item/st-sidebar-item.vue.js

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

package/dist/components/st-sidebar-item/st-sidebar-item.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("../../utils/cn.cjs");let t=require("vue");var n=(0,t.defineComponent)({inheritAttrs:!1,__name:`st-sidebar-item`,props:{label:{}},setup(n){let r=n,i=(0,t.useAttrs)(),a=`sidebar-item-${Math.random().toString(36).slice(2,9)}`,o=(0,t.useTemplateRef)(`labelExtractRef`),s=(0,t.useTemplateRef)(`contentRef`),c=(0,t.inject)(`sidebarContext`,null),l=e.cn(`st-sidebar-item`,`scroll-mt-0`),u=e.cn(`st-sidebar-item__content`);return(0,t.onMounted)(async()=>{if(await(0,t.nextTick)(),!c||!s.value)return;let e=r.label??``,n=o.value?.innerHTML??``;c.registerItem({id:a,label:e,labelHtml:n,el:s.value})}),(0,t.onUnmounted)(()=>{c?.unregisterItem(a)}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{id:a,class:(0,t.normalizeClass)((0,t.unref)(e.cn)((0,t.unref)(l),(0,t.unref)(i).class)),style:(0,t.normalizeStyle)((0,t.unref)(i).style)},[(0,t.createElementVNode)(`div`,{ref_key:`labelExtractRef`,ref:o,"aria-hidden":`true`,class:`hidden`},[(0,t.renderSlot)(n.$slots,`label`)],512),(0,t.createElementVNode)(`div`,{ref_key:`contentRef`,ref:s,class:(0,t.normalizeClass)((0,t.unref)(u))},[(0,t.renderSlot)(n.$slots,`default`)],2)],6))}});exports.default=n;