savor-ui 0.0.1

package/dist/es/components/src/menu/sub-menu.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,120 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "../../../icons/src/down.vue.mjs";
+import n from "../../../icons/src/right.vue.mjs";
+import r from "../../../icons/src/up.vue.mjs";
+import "../../../icons/index.mjs";
+import i from "../popover/popover.vue.mjs";
+import a from "../_comp/HeightTransition.vue.mjs";
+import { menuContextKey as o, menuLevelContextKey as s, subMenuContextKey as c } from "./types.mjs";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, inject as v, normalizeClass as y, onMounted as b, openBlock as x, provide as S, ref as C, renderSlot as w, toDisplayString as T, unref as E, useTemplateRef as D, watch as O, withCtx as k } from "vue";
+//#region ../components/src/menu/sub-menu.vue?vue&type=script&setup=true&lang.ts
+var A = { key: 0 }, j = /* @__PURE__ */ _({
+	name: "SSubMenu",
+	__name: "sub-menu",
+	props: {
+		name: {},
+		title: {},
+		disabled: { type: Boolean }
+	},
+	setup(_) {
+		let j = _, M = e("menu"), N = D("subMenuRef"), P = v(o, void 0), F = v(c, void 0), I = v(s, void 0), L = I ? I.level + 1 : 1, R = C(!1), z = C(/* @__PURE__ */ new Set()), B = () => {
+			P?.collapsed.value || (R.value = !R.value, R.value ? P?.setOpenKey(j.name) : P?.removeOpenKey(j.name));
+		}, V = u(() => {
+			let e = P?.activeKey.value;
+			return e != null && z.value.has(e);
+		}), H = D("popoverRef"), U = (e) => {
+			e ? H.value?.show() : H.value?.hide();
+		}, W = () => {
+			U(!1);
+		}, G = () => {
+			(P?.isCollapsed.value || P?.mode.value === "horizontal") && (U(!0), F ? F.setActiveChildPopoverKey(j.name) : P?.setActivePopoverKey(j.name));
+		};
+		O(V, (e) => {
+			e && !R.value && (R.value = !0, P?.setOpenKey(j.name));
+		}), O(u(() => F ? F.activeChildPopoverKey.value : P?.activePopoverKey.value), (e) => {
+			(P?.isCollapsed.value || P?.mode.value === "horizontal") && e !== void 0 && e !== j.name && U(!1);
+		}), O(() => P?.openKeys.value || [], (e) => {
+			e && e.length > 0 && (R.value = e.includes(j.name));
+		}, { immediate: !0 }), b(() => {
+			N.value?.style.setProperty("--s-menu-level", `${L}`), F?.registerDescendant(j.name);
+		});
+		let K = (e) => {
+			z.value.add(e), F?.registerDescendant(e);
+		}, q = C(void 0);
+		return S(s, { level: L }), S(c, {
+			registerDescendant: K,
+			outsideClick: W,
+			activeChildPopoverKey: q,
+			setActiveChildPopoverKey: (e) => {
+				q.value = e;
+			}
+		}), (e, o) => (x(), p("div", {
+			class: y([
+				E(M).e("sub-menu"),
+				E(M).is("disabled", _.disabled),
+				E(M).is("collapse", E(P)?.isCollapsed.value)
+			]),
+			ref_key: "subMenuRef",
+			ref: N,
+			onMouseover: G
+		}, [E(P)?.isCollapsed.value || E(P)?.mode.value === "horizontal" ? (x(), d(i, {
+			key: 0,
+			manual: "",
+			placement: E(P)?.mode.value === "horizontal" ? "bottom-start" : "right-start",
+			offset: [0, 4],
+			ref_key: "popoverRef",
+			ref: H,
+			onClickOutside: W
+		}, {
+			content: k(() => [E(P)?.mode.value === "horizontal" && e.$slots.subContent ? w(e.$slots, "subContent", { key: 0 }) : (x(), p("div", {
+				key: 1,
+				class: y([E(M).e("pop-content")])
+			}, [w(e.$slots, "default")], 2))]),
+			default: k(() => [E(L) === 1 && E(P)?.mode.value === "horizontal" ? (x(), p("div", {
+				key: 0,
+				class: y([
+					E(M).e("sub-title"),
+					E(M).is("active", V.value),
+					{ [E(M).e("horizontal-sub-title")]: E(P)?.mode.value === "horizontal" }
+				])
+			}, [
+				e.$slots.icon ? (x(), p("div", {
+					key: 0,
+					class: y([E(M).e("sub-icon")])
+				}, [w(e.$slots, "icon")], 2)) : f("", !0),
+				m("div", { class: y([E(M).e("sub-label")]) }, [w(e.$slots, "title", {}, () => [h(T(_.title), 1)])], 2),
+				m("div", { class: y([E(M).e("sub-arrow")]) }, [R.value ? (x(), d(E(r), { key: 0 })) : (x(), d(E(t), { key: 1 }))], 2)
+			], 2)) : E(L) === 1 ? (x(), p("div", {
+				key: 1,
+				class: y([E(M).e("sub-title"), E(M).is("active", V.value)])
+			}, [m("div", { class: y([E(M).e("sub-icon")]) }, [w(e.$slots, "icon")], 2)], 2)) : (x(), p("div", {
+				key: 2,
+				class: y([E(M).e("sub-title"), E(M).is("active", V.value)])
+			}, [
+				e.$slots.icon ? (x(), p("div", {
+					key: 0,
+					class: y([E(M).e("sub-icon")])
+				}, [w(e.$slots, "icon")], 2)) : f("", !0),
+				m("div", { class: y([E(M).e("sub-label")]) }, [w(e.$slots, "title", {}, () => [h(T(_.title), 1)])], 2),
+				m("div", { class: y([E(M).e("sub-arrow")]) }, [g(E(n))], 2)
+			], 2))]),
+			_: 3
+		}, 8, ["placement"])) : (x(), p(l, { key: 1 }, [m("div", {
+			class: y([E(M).e("sub-title"), E(M).is("active", V.value)]),
+			onClick: B
+		}, [
+			e.$slots.icon ? (x(), p("div", {
+				key: 0,
+				class: y([E(M).e("sub-icon")])
+			}, [w(e.$slots, "icon")], 2)) : f("", !0),
+			m("div", { class: y([E(M).e("sub-label")]) }, [w(e.$slots, "title", {}, () => [h(T(_.title), 1)])], 2),
+			m("div", { class: y([E(M).e("sub-arrow")]) }, [R.value ? (x(), d(E(r), { key: 0 })) : (x(), d(E(t), { key: 1 }))], 2)
+		], 2), g(a, null, {
+			default: k(() => [R.value ? (x(), p("div", A, [m("div", { class: y([E(M).e("sub-content")]) }, [w(e.$slots, "default")], 2)])) : f("", !0)]),
+			_: 3
+		})], 64))], 34));
+	}
+});
+//#endregion
+export { j as default };

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

@@ -0,0 +1,94 @@
+import { InjectionKey, Ref } from 'vue';
+export interface MenuProps {
+    /** 菜单类型 */
+    mode?: "horizontal" | "vertical";
+    /** 是否折叠 */
+    collapsed?: boolean;
+    /** 菜单宽度 */
+    width?: string | number;
+    /** 折叠菜单宽度 */
+    collapsedWidth?: number;
+    /** 默认打开的子菜单 */
+    openKeys?: string[];
+    /** 当前选中的菜单项 */
+    selectedKey?: string;
+    /** 是否开启手风琴模式 */
+    accordion?: boolean;
+}
+export interface MenuSlots {
+    /** 默认 */
+    default?: () => any;
+}
+export interface MenuEmits {
+    /** 点击菜单项时触发 */
+    itemClick: [name: string | number, item: any];
+    /** 打开子菜单时触发 */
+    openChange: [keys: string[]];
+}
+export interface MenuItemProps {
+    /** 菜单键值 */
+    name: string | number;
+    /** 菜单标题 */
+    title?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 激活标识位置 */
+    activePosition?: "left" | "center" | "right";
+    /** 菜单项数据 */
+    item?: any;
+}
+export interface MenuItemSlots {
+    /** 默认 */
+    default?: () => any;
+    /** 自定义子菜单图标 */
+    icon?: () => any;
+    /** 自定义子菜单标题 */
+    title?: () => any;
+}
+export interface SubMenuProps {
+    /** 菜单键值 */
+    name: string | number;
+    /** 菜单标题 */
+    title?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
+export interface SubMenuSlots {
+    /** 默认 */
+    default?: () => any;
+    /** 自定义子菜单图标 */
+    icon?: () => any;
+    /** 自定义子菜单标题 */
+    title?: () => any;
+    /** 横向子菜单弹窗内容 */
+    subContent?: () => any;
+}
+export interface MenuContext {
+    collapsed: Ref<boolean>;
+    collapsedWidth: Ref<number>;
+    activeKey: Ref<string | number | undefined>;
+    itemClick: (name: string | number, item: any) => void;
+    openKeys: Ref<Array<string | number>>;
+    setOpenKey: (name: string | number) => void;
+    removeOpenKey: (name: string | number) => void;
+    isCollapsed: Ref<boolean>;
+    /** 折叠模式下当前 hover 打开 popover 的子菜单 key */
+    activePopoverKey: Ref<string | number | undefined>;
+    /** 设置折叠模式下当前 hover 打开 popover 的子菜单，同时关闭其他 */
+    setActivePopoverKey: (name: string | number) => void;
+    mode: Ref<"horizontal" | "vertical">;
+}
+export declare const menuContextKey: InjectionKey<MenuContext>;
+export interface SubMenuContext {
+    registerDescendant: (name: string | number) => void;
+    outsideClick: () => void;
+    /** 折叠模式下当前 hover 打开 popover 的直接子 SubMenu key */
+    activeChildPopoverKey: Ref<string | number | undefined>;
+    /** 设置当前 hover 打开 popover 的直接子 SubMenu，同级互斥 */
+    setActiveChildPopoverKey: (name: string | number) => void;
+}
+export declare const subMenuContextKey: InjectionKey<SubMenuContext>;
+export interface MenuLevelContext {
+    level: number;
+}
+export declare const menuLevelContextKey: InjectionKey<MenuLevelContext>;

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

@@ -0,0 +1,4 @@
+//#region ../components/src/menu/types.ts
+var e = Symbol("menuContextKey"), t = Symbol("subMenuContextKey"), n = Symbol("menuLevelContextKey");
+//#endregion
+export { e as menuContextKey, n as menuLevelContextKey, t as subMenuContextKey };

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

@@ -0,0 +1,3 @@
+import { createMessage } from './method';
+export { createMessage };
+export * from './types';

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

@@ -0,0 +1 @@
+import "./method.mjs";

package/dist/es/components/src/message/message-container.d.ts

@@ -0,0 +1,14 @@
+import { ContainerInstance } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    placement: "top" | "bottom" | "center";
+    offset?: number;
+    transition?: string;
+};
+declare const __VLS_export: DefineComponent<__VLS_Props, ContainerInstance, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    lastMessageRemoved: () => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLastMessageRemoved?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/message/message-container.vue.mjs

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

package/dist/es/components/src/message/message-container.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,72 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import { useZIndex as t } from "../../../hooks/src/use-zIndex.mjs";
+import "../../../hooks/index.mjs";
+import n from "./message.vue.mjs";
+import { Fragment as r, TransitionGroup as i, computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, unref as g, withCtx as _ } from "vue";
+//#region ../components/src/message/message-container.vue?vue&type=script&setup=true&lang.ts
+var v = /* @__PURE__ */ l({
+	__name: "message-container",
+	props: {
+		placement: {},
+		offset: {},
+		transition: {}
+	},
+	emits: ["lastMessageRemoved"],
+	setup(l, { expose: v, emit: y }) {
+		let b = e("message"), x = l, S = y, { nextZIndex: C } = t(), w = m(0), T = a(() => {
+			let e = { zIndex: w.value };
+			return x.placement === "top" ? e.top = `${x.offset}px` : x.placement === "bottom" && (e.bottom = `${x.offset}px`), e;
+		}), E = m([]), D = (e) => {
+			w.value = C(), E.value.push(e);
+		}, O = (e) => {
+			let t = E.value.findIndex((t) => t.id === e);
+			t > -1 && (E.value.splice(t, 1), E.value.length === 0 && S("lastMessageRemoved"));
+		}, k = (e) => {
+			O(e);
+		}, A = (e) => {
+			let t = e;
+			t.style.maxHeight = `${t.offsetHeight}px`, t.offsetWidth;
+		}, j = (e) => {
+			let t = e;
+			t.style.maxHeight = "0", t.offsetWidth;
+		}, M = (e) => {
+			let t = e;
+			t.style.maxHeight = "", t.style.overflow = "";
+		}, N = (e) => {
+			let t = e;
+			t.style.transition = "none";
+			let n = t.offsetHeight;
+			t.style.maxHeight = "0", t.offsetWidth, t.style.transition = "", t.style.maxHeight = `${n}px`;
+		}, P = (e) => {
+			let t = e;
+			t.style.maxHeight = "";
+		};
+		return v({
+			addMessage: D,
+			removeMessage: O,
+			getMessages: () => E.value
+		}), (e, t) => (p(), o(i, {
+			class: d([g(b).e("container"), g(b).m(`container-${l.placement}`)]),
+			name: l.transition,
+			style: f(T.value),
+			tag: "div",
+			onEnter: N,
+			onLeave: j,
+			onBeforeLeave: A,
+			onAfterLeave: M,
+			onAfterEnter: P
+		}, {
+			default: _(() => [(p(!0), s(r, null, h(E.value, (e) => (p(), s("div", {
+				key: e.id,
+				class: d([g(b).e("wrapper"), g(b).m(`wrapper-${l.placement}`)])
+			}, [c(n, u({ ref_for: !0 }, e, { onClose: (t) => k(e.id) }), null, 16, ["onClose"])], 2))), 128))]),
+			_: 1
+		}, 8, [
+			"class",
+			"name",
+			"style"
+		]));
+	}
+});
+//#endregion
+export { v as default };

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

@@ -0,0 +1,15 @@
+import { MessageOptions } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const __VLS_export: DefineComponent<MessageOptions, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: (id?: string | undefined) => any;
+}, string, PublicProps, Readonly<MessageOptions> & Readonly<{
+    onClose?: ((id?: string | undefined) => any) | undefined;
+}>, {
+    type: "default" | "primary" | "success" | "warning" | "danger" | "info";
+    hover: boolean;
+    duration: number;
+    count: number;
+    showIcon: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1,78 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "../../../icons/src/check-circle-fill.vue.mjs";
+import n from "../../../icons/src/close-circle-fill.vue.mjs";
+import r from "../../../icons/src/close.vue.mjs";
+import i from "../../../icons/src/info-circle-fill.vue.mjs";
+import a from "../../../icons/src/warning-circle-fill.vue.mjs";
+import "../../../icons/index.mjs";
+import { createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, onMounted as p, onUnmounted as m, openBlock as h, ref as g, toDisplayString as _, unref as v, watch as y } from "vue";
+//#region ../components/src/message/message.vue?vue&type=script&setup=true&lang.ts
+var b = /* @__PURE__ */ d({
+	__name: "message",
+	props: {
+		destroy: {},
+		count: { default: 0 },
+		type: { default: "default" },
+		message: {},
+		duration: { default: 3e3 },
+		showClose: { type: Boolean },
+		offset: {},
+		placement: {},
+		hover: {
+			type: Boolean,
+			default: !1
+		},
+		showIcon: {
+			type: Boolean,
+			default: !0
+		},
+		grouping: { type: Boolean },
+		id: {},
+		transition: {}
+	},
+	emits: ["close"],
+	setup(d, { emit: b }) {
+		let x = d, S = e("message"), C = b, w = g(null), T = g(!1), E = () => {
+			C("close", x.id);
+		}, D = () => {
+			w.value &&= (clearTimeout(w.value), null);
+		}, O = () => {
+			D(), x.duration !== 0 && !T.value && (w.value = window.setTimeout(() => {
+				C("close", x.id);
+			}, x.duration));
+		}, k = () => {
+			x.hover && (T.value = !0, D());
+		}, A = () => {
+			x.hover && (T.value = !1, O());
+		};
+		return p(() => {
+			O();
+		}), m(() => {
+			D();
+		}), y(() => x.count, (e, t) => {
+			e > (t || 0) && O();
+		}), (e, p) => (h(), c("div", {
+			class: f([v(S).b(), v(S).m(d.type)]),
+			onMouseenter: k,
+			onMouseleave: A
+		}, [
+			d.showIcon ? (h(), c("div", {
+				key: 0,
+				class: f([v(S).e("icon")])
+			}, [d.type === "warning" ? (h(), o(v(a), { key: 0 })) : d.type === "info" ? (h(), o(v(i), { key: 1 })) : d.type === "primary" ? (h(), o(v(i), { key: 2 })) : d.type === "success" ? (h(), o(v(t), { key: 3 })) : d.type === "danger" ? (h(), o(v(n), { key: 4 })) : s("", !0)], 2)) : s("", !0),
+			l("div", { class: f([v(S).e("content")]) }, _(d.message), 3),
+			d.showClose ? (h(), c("div", {
+				key: 1,
+				class: f([v(S).e("close")]),
+				onClick: E
+			}, [u(v(r))], 2)) : s("", !0),
+			d.grouping && d.count ? (h(), c("div", {
+				key: 2,
+				class: f([v(S).e("grouping")])
+			}, [l("span", null, _(d.count), 1)], 2)) : s("", !0)
+		], 34));
+	}
+});
+//#endregion
+export { b as default };

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

@@ -0,0 +1,7 @@
+import { MessageExpose, MessageProps } from './types';
+/**
+ * 消息提示主方法
+ * @param props 消息配置项
+ * @returns 消息实例
+ */
+export declare const createMessage: (props: MessageProps) => MessageExpose;

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

@@ -0,0 +1,50 @@
+import e from "./message-container.vue.mjs";
+import { h as t, nextTick as n, render as r } from "vue";
+//#region ../components/src/message/method.ts
+var i = null, a = null, o = [], s = 0, c = () => `message-${++s}`, l = () => i?.component?.exposed ? i.component.exposed : null, u = () => {
+	i && (r(null, document.body), i = null, a = null, o = [], s = 0);
+}, d = (s, c, d) => {
+	i && (o = l()?.getMessages() || [], r(null, document.body)), i = t(e, {
+		placement: s,
+		offset: c,
+		transition: d,
+		onLastMessageRemoved: () => {
+			setTimeout(u, 300);
+		}
+	}), r(i, document.body), a = s, n(() => {
+		let e = l();
+		e && o.length && (o.forEach((t) => e.addMessage(t)), o = []);
+	});
+}, f = (e) => {
+	let { placement: t = "top", offset: r = 8, id: o = c(), grouping: s, message: u, transition: f = "message-fade" } = e;
+	if (s && u) {
+		let e = l(), t = e?.getMessages()?.find((e) => e.message === u);
+		if (t) return t.count = (t.count || 0) + 1, {
+			id: t.id,
+			close: () => e?.removeMessage(t.id)
+		};
+	}
+	i ? t !== a && d(t, r, f) : d(t, r, f);
+	let p = () => {
+		l()?.removeMessage(o);
+	}, m = {
+		...e,
+		id: o,
+		destroy: p,
+		placement: t,
+		offset: r,
+		count: 0
+	};
+	return n(() => {
+		try {
+			l()?.addMessage(m);
+		} catch (e) {
+			console.warn("添加消息失败：", e);
+		}
+	}), {
+		id: o,
+		close: p
+	};
+};
+//#endregion
+export { f as createMessage };

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

@@ -0,0 +1,65 @@
+import { VNode } from 'vue';
+export interface MessageProps {
+    /** 消息类型
+     * @default 'info'
+     */
+    type?: "default" | "primary" | "success" | "warning" | "danger" | "info";
+    /** 消息内容
+     */
+    message?: string | VNode;
+    /** 显示时间，单位毫秒
+     * @default 3000
+     */
+    duration?: number;
+    /** 是否显示关闭按钮
+     */
+    showClose?: boolean;
+    /** 消息偏移量，单位像素
+     * @default 20
+     */
+    offset?: number;
+    /** 消息位置
+     * @default 'top'
+     */
+    placement?: "top" | "bottom" | "center";
+    /** 是否开启悬停不关闭
+     * @default false
+     */
+    hover?: boolean;
+    /** 是否显示图标
+     * @default true
+     */
+    showIcon?: boolean;
+    /** 是否开启合并相同消息
+     * @default false
+     */
+    grouping?: boolean;
+    /** 消息唯一标识
+     */
+    id?: string;
+    /** 过渡动画名称
+     * @default 'message-fade'
+     */
+    transition?: string;
+}
+export interface MessageExpose {
+    /** 实例 ID */
+    id: string;
+    /** 关闭实例 */
+    close: () => void;
+}
+export interface MessageOptions extends MessageProps {
+    destroy: () => void;
+    /** 合并相同消息的数量 */
+    count?: number;
+}
+export interface MessageItem extends MessageProps {
+    id: string;
+    destroy: () => void;
+    count?: number;
+}
+export interface ContainerInstance {
+    getMessages: () => MessageItem[];
+    addMessage: (msg: MessageItem) => void;
+    removeMessage: (id: string) => void;
+}

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

@@ -0,0 +1,33 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { MeterGroupProps, MeterGroupSlots } from './types';
+export declare const SMeterGroup: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< MeterGroupProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        width: string | number;
+        height: string | number;
+        labelAlign: "center" | "start" | "end";
+        labelPosition: "top" | "bottom" | "left" | "right";
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< MeterGroupProps> & Readonly<{}>, {}, {}, {}, {}, {
+        width: string | number;
+        height: string | number;
+        labelAlign: "center" | "start" | "end";
+        labelPosition: "top" | "bottom" | "left" | "right";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< MeterGroupProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    width: string | number;
+    height: string | number;
+    labelAlign: "center" | "start" | "end";
+    labelPosition: "top" | "bottom" | "left" | "right";
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: MeterGroupSlots;
+}) & Plugin;
+export * from './types';

package/dist/es/components/src/meter-group/index.mjs

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

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

@@ -0,0 +1,17 @@
+import { MeterGroupProps, MeterGroupSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = MeterGroupSlots;
+declare const __VLS_base: DefineComponent<MeterGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MeterGroupProps> & Readonly<{}>, {
+    width: string | number;
+    height: string | number;
+    labelAlign: "center" | "start" | "end";
+    labelPosition: "top" | "bottom" | "left" | "right";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/src/meter-group/meter-group.vue.mjs

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

package/dist/es/components/src/meter-group/meter-group.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,51 @@
+import { RenderVnode as e } from "../../../utils/src/render.mjs";
+import { getSize as t } from "../../../utils/src/tool.mjs";
+import "../../../utils/index.mjs";
+import { useNamespace as n } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { Fragment as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m } from "vue";
+//#region ../components/src/meter-group/meter-group.vue?vue&type=script&setup=true&lang.ts
+var h = /* @__PURE__ */ s({
+	name: "SMeterGroup",
+	__name: "meter-group",
+	props: {
+		data: {},
+		height: { default: "8px" },
+		width: { default: "8px" },
+		vertical: { type: Boolean },
+		reverse: { type: Boolean },
+		labelPosition: { default: "bottom" },
+		labelAlign: { default: "start" }
+	},
+	setup(s) {
+		let h = n("meter-group");
+		return (n, g) => (u(), i("div", { class: c([m(h).b(), m(h).is("vertical", s.vertical)]) }, [a("div", { class: c([m(h).e("wrapper"), { [m(h).m(`position-${s.labelPosition}`)]: s.labelPosition }]) }, [a("div", {
+			class: c([m(h).e("progress"), m(h).is("reverse", s.reverse)]),
+			style: l({
+				height: s.vertical ? "100%" : m(t)(s.height),
+				width: s.vertical ? m(t)(s.width) : "100%"
+			})
+		}, [(u(!0), i(r, null, d(s.data, (e, t) => (u(), i("div", {
+			class: c([m(h).e("value")]),
+			key: t,
+			style: l({
+				width: s.vertical ? "100%" : `${e.value}%`,
+				height: s.vertical ? `${e.value}%` : "100%",
+				backgroundColor: e.color
+			})
+		}, null, 6))), 128))], 6), a("div", { class: c([m(h).e("item"), { [m(h).m(`align-${s.labelAlign}`)]: s.labelAlign }]) }, [(u(!0), i(r, null, d(s.data, (t, r) => (u(), i("div", {
+			class: c([m(h).e("label")]),
+			key: r
+		}, [f(n.$slots, "item", { item: t }, () => [t.icon ? (u(), i("span", {
+			key: 0,
+			class: c([m(h).e("icon")]),
+			style: l({ color: t.color })
+		}, [o(m(e), { vnode: t.icon }, null, 8, ["vnode"])], 6)) : (u(), i("span", {
+			key: 1,
+			class: c([m(h).e("dot")]),
+			style: l({ backgroundColor: t.color })
+		}, null, 6)), a("span", null, p(t.label) + " (" + p(t.value) + ")%", 1)])], 2))), 128))], 2)], 2)], 2));
+	}
+});
+//#endregion
+export { h as default };