savor-ui 0.3.2 → 0.3.3

package/dist/es/components/src/table/table.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -50,7 +50,10 @@ var j = /*@__PURE__*/ m({
 			setup(e) {
 				return () => e.renderFn(e.row, e.index);
 			}
-		}, j = m, M = g, N = r("table"), P = v(), F = v(0), I = v([]), L = v({}), me = v([]), he = s(() => {
+		}, j = m, M = g, N = r("table"), P = v(), F = v({
+			scrollLeft: 0,
+			maxScrollLeft: 0
+		}), I = v([]), L = v({}), me = v([]), he = s(() => {
 			let e = [];
 			if (!j.border || j.border.length === 0) return e;
 			for (let t of j.border) e.push(N.m(`border-${t}`));
@@ -150,8 +153,12 @@ var j = /*@__PURE__*/ m({
 			}
 			return t;
 		}, Se = (e) => {
-			F.value = e.target.scrollLeft;
-		}, W = s(() => (U.value, F.value, I.value, H.value, {
+			let t = e.target, n = t.scrollWidth - t.clientWidth;
+			F.value = {
+				scrollLeft: t.scrollLeft,
+				maxScrollLeft: n
+			};
+		}, W = s(() => (U.value, I.value, H.value, {
 			header: H.value.map((e, t) => e.map((e, n) => Ce(e, t, n))),
 			body: z.value.map((e, t) => U.value.map((e, t) => Ce(e, 0, t)))
 		})), Ce = (t, n, r) => {
@@ -177,42 +184,46 @@ var j = /*@__PURE__*/ m({
 				}
 			}
 			return i;
-		}, G = s(() => (U.value, F.value, z.value, H.value, {
-			header: H.value.map((e, t) => e.map((e, n) => we(e, t, n))),
-			body: z.value.map((e, t) => U.value.map((e, t) => we(e, 0, t)))
-		})), we = (e, t, n) => {
-			let r = [];
-			e.align && r.push(N.m(`align-${e.align}`)), (e.ellipsis || e.ellipsisTooltip) && r.push(N.m("ellipsis"));
-			let i = e._fixed || e.fixed, a = e;
-			if (i) {
-				r.push(N.m(`fixed-${i}`));
-				let e = !1, t = !1, o = U.value.some((e) => e.fixed === "left"), s = U.value.some((e) => e.fixed === "right"), c = P.value ? P.value.scrollWidth - P.value.clientWidth : 0;
-				if (a._isHeader) {
-					if (i === "left" && o) {
+		}, G = s(() => {
+			U.value, z.value, H.value, F.value;
+			let { scrollLeft: e, maxScrollLeft: t } = F.value;
+			return {
+				header: H.value.map((n, r) => n.map((n, i) => we(n, r, i, e, t))),
+				body: z.value.map((n, r) => U.value.map((n, r) => we(n, 0, r, e, t)))
+			};
+		}), we = (e, t, n, r = 0, i = 0) => {
+			let a = [];
+			e.align && a.push(N.m(`align-${e.align}`)), (e.ellipsis || e.ellipsisTooltip) && a.push(N.m("ellipsis"));
+			let o = e._fixed || e.fixed, s = e;
+			if (o) {
+				a.push(N.m(`fixed-${o}`));
+				let e = !1, t = !1, c = U.value.some((e) => e.fixed === "left"), l = U.value.some((e) => e.fixed === "right");
+				if (P.value && P.value.scrollWidth - P.value.clientWidth, s._isHeader) {
+					if (o === "left" && c) {
 						let t = !1;
-						if (a._lastLeafIndex !== void 0) {
+						if (s._lastLeafIndex !== void 0) {
 							let e = -1;
 							for (let t = U.value.length - 1; t >= 0; t--) if (U.value[t].fixed === "left") {
 								e = t;
 								break;
 							}
-							t = a._lastLeafIndex === e;
+							t = s._lastLeafIndex === e;
 						}
 						e = t;
 					}
-					if (i === "right" && s) {
+					if (o === "right" && l) {
 						let e = !1;
-						if (a._firstLeafIndex !== void 0) {
+						if (s._firstLeafIndex !== void 0) {
 							let t = U.value.findIndex((e) => e.fixed === "right");
-							e = a._firstLeafIndex === t;
+							e = s._firstLeafIndex === t;
 						}
 						t = e;
 					}
-				} else e = i === "left" && (n === U.value.length - 1 || U.value[n + 1] && U.value[n + 1].fixed !== "left"), t = i === "right" && (n === 0 || U.value[n - 1] && U.value[n - 1].fixed !== "right");
-				let l = P.value ? P.value.scrollLeft > 0 : !1, u = P.value ? P.value.scrollLeft < c - 1 : !1;
-				(i === "left" && e && l || i === "right" && t && u) && r.push(N.m("has-shadow"));
+				} else e = o === "left" && (n === U.value.length - 1 || U.value[n + 1] && U.value[n + 1].fixed !== "left"), t = o === "right" && (n === 0 || U.value[n - 1] && U.value[n - 1].fixed !== "right");
+				let u = r > 0, d = r < i - 1;
+				(o === "left" && e && u || o === "right" && t && d) && a.push(N.m("has-shadow"));
 			}
-			return r;
+			return a;
 		}, K = () => {
 			_(() => {
 				P.value && P.value.scrollWidth > P.value.clientWidth && (P.value.scrollLeft = 0);
@@ -293,7 +304,7 @@ var j = /*@__PURE__*/ m({
 					let a = G.value, o = t.value, s = n.value, c = e.value, l = W.value;
 					b(r, [D(N).e("header-cell"), a.header[o][s]]), S(r, "colspan", c.colspan || 1), S(r, "rowspan", c.rowspan || 1), C(r, l.header[o][s]), w(i, E(c.label));
 				}), r;
-			}, 522), (e, n) => `${t.value}-${n}-${F.value}`, 17), n;
+			}, 522), (e, n) => `${t.value}-${n}`, 17), n;
 		}, (e, t) => t, 9), y(() => b(ze, D(N).e("body"))), x(ze, null, 0), u(() => z.value, (e, t) => {
 			let n = ue();
 			return y(() => {
@@ -339,8 +350,8 @@ var j = /*@__PURE__*/ m({
 					}), x(t, 0, 0), d(() => e.value._hasChildren && n.value.treeNode, () => {
 						let t = k(), n = o(t);
 						return y(() => {
-							let r = D(N);
-							b(t, [r.e("tree-node-toggle"), { [r.is("expanded")]: e.value._expanded }]), b(n, r.e("tree-node-arrow"));
+							let r = D(N), i = e.value._expanded;
+							b(t, [r.e("tree-node-toggle"), { [r.is("expanded")]: i }]), b(n, r.e("tree-node-arrow")), C(n, { transform: i ? "rotate(90deg)" : "" });
 						}), x(n, null, 0), c(D(i)), t.$evtclick = f(() => B(e.value)), t;
 					}), y(() => w(r, " " + E(e.value[n.value.field]))), t;
 				}), () => {
@@ -355,8 +366,8 @@ var j = /*@__PURE__*/ m({
 					}), x(t, 0, 0), d(() => e.value._hasChildren && n.value.treeNode, () => {
 						let t = k(), n = o(t);
 						return y(() => {
-							let r = D(N);
-							b(t, [r.e("tree-node-toggle"), { [r.is("expanded")]: e.value._expanded }]), b(n, r.e("tree-node-arrow"));
+							let r = D(N), i = e.value._expanded;
+							b(t, [r.e("tree-node-toggle"), { [r.is("expanded")]: i }]), b(n, r.e("tree-node-arrow")), C(n, { transform: i ? "rotate(90deg)" : "" });
 						}), x(n, null, 0), c(D(i)), t.$evtclick = f(() => B(e.value)), t;
 					}), y(() => w(r, " " + E(e.value[n.value.field]))), t;
 				}, 1669), 1157)), () => d(() => n.value.render, () => c(T, {
@@ -379,8 +390,8 @@ var j = /*@__PURE__*/ m({
 					}), x(t, 0, 0), d(() => e.value._hasChildren && n.value.treeNode, () => {
 						let t = k(), n = o(t);
 						return y(() => {
-							let r = D(N);
-							b(t, [r.e("tree-node-toggle"), { [r.is("expanded")]: e.value._expanded }]), b(n, r.e("tree-node-arrow"));
+							let r = D(N), i = e.value._expanded;
+							b(t, [r.e("tree-node-toggle"), { [r.is("expanded")]: i }]), b(n, r.e("tree-node-arrow")), C(n, { transform: i ? "rotate(90deg)" : "" });
 						}), x(n, null, 0), c(D(i)), t.$evtclick = f(() => B(e.value)), t;
 					}), y(() => w(r, " " + E(e.value[n.value.field]))), t;
 				}), () => {
@@ -395,12 +406,12 @@ var j = /*@__PURE__*/ m({
 					}), x(t, 0, 0), d(() => e.value._hasChildren && n.value.treeNode, () => {
 						let t = k(), n = o(t);
 						return y(() => {
-							let r = D(N);
-							b(t, [r.e("tree-node-toggle"), { [r.is("expanded")]: e.value._expanded }]), b(n, r.e("tree-node-arrow"));
+							let r = D(N), i = e.value._expanded;
+							b(t, [r.e("tree-node-toggle"), { [r.is("expanded")]: i }]), b(n, r.e("tree-node-arrow")), C(n, { transform: i ? "rotate(90deg)" : "" });
 						}), x(n, null, 0), c(D(i)), t.$evtclick = f(() => B(e.value)), t;
 					}), y(() => w(r, " " + E(e.value[n.value.field]))), t;
 				}, 2949)), 2309), 2053), s;
-			}, 778), (e, n) => `${t.value}-${n}-${F.value}`, 17), n.$evtclick = f(() => De(e.value)), n;
+			}, 778), (e, n) => `${t.value}-${n}`, 17), n.$evtclick = f(() => De(e.value)), n;
 		}, (e, t) => e._id, 9), y(() => {
 			let e = D(N);
 			b($, [e.e("empty")]), b(Be, [{ [e.e("empty-border")]: z.value.length !== 0 && D(Fe) !== 0 }]);

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

@@ -1,13 +1,17 @@
+import { TreeNode } from './types';
 import { PublicProps, VNode, Plugin } from 'vue';
-import { FieldNamesProps, TreeNode } from './types';
 export declare const STree: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: {};
-    emit: ((event: "update:selectKeys", value: (string | number)[]) => void) & ((event: "update:checkedKeys", value: (string | number)[]) => void) & ((event: "update:indeterminateKeys", value: (string | number)[]) => void);
+    emit: (((evt: "nodeSelect", node: TreeNode) => void) & ((evt: "nodeClick", node: TreeNode) => void) & ((evt: "nodeCheck", node: TreeNode, checked: boolean) => void) & ((evt: "nodeExpand", node: TreeNode, expanded: boolean) => void)) & (((event: "update:selectKeys", value: (string | number)[]) => void) & ((event: "update:checkedKeys", value: (string | number)[]) => void) & ((event: "update:indeterminateKeys", value: (string | number)[]) => void));
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         data: any[];
-        fieldNames?: FieldNamesProps | undefined;
+        fieldNames?: {
+            label?: string;
+            key?: string;
+            children?: string;
+        } | undefined;
         defaultExpandAll?: boolean | undefined;
         defaultExpandedKeys?: (number | string)[] | undefined;
         selectable?: boolean | undefined;
@@ -19,6 +23,10 @@ export declare const STree: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setu
         multiple?: boolean | undefined;
         virtual?: boolean | undefined;
         loadMore?: ((node: TreeNode) => Promise< TreeNode[]>) | undefined;
+        onNodeSelect?: ((node: TreeNode) => any) | undefined;
+        onNodeClick?: ((node: TreeNode) => any) | undefined;
+        onNodeCheck?: ((node: TreeNode, checked: boolean) => any) | undefined;
+        onNodeExpand?: ((node: TreeNode, expanded: boolean) => any) | undefined;
         "onUpdate:selectKeys"?: ((value: (string | number)[]) => any) | undefined;
         "onUpdate:checkedKeys"?: ((value: (string | number)[]) => any) | undefined;
         "onUpdate:indeterminateKeys"?: ((value: (string | number)[]) => any) | undefined;
@@ -28,7 +36,7 @@ export declare const STree: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setu
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: ((event: "update:selectKeys", value: (string | number)[]) => void) & ((event: "update:checkedKeys", value: (string | number)[]) => void) & ((event: "update:indeterminateKeys", value: (string | number)[]) => void);
+    emit: (((evt: "nodeSelect", node: TreeNode) => void) & ((evt: "nodeClick", node: TreeNode) => void) & ((evt: "nodeCheck", node: TreeNode, checked: boolean) => void) & ((evt: "nodeExpand", node: TreeNode, expanded: boolean) => void)) & (((event: "update:selectKeys", value: (string | number)[]) => void) & ((event: "update:checkedKeys", value: (string | number)[]) => void) & ((event: "update:indeterminateKeys", value: (string | number)[]) => void));
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 }) & Plugin;

package/dist/es/components/src/tree/node.d.ts

@@ -11,6 +11,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
         checkable: boolean;
     } & {
         onSelect?: ((node: TreeNode) => any) | undefined;
+        onClick?: ((node: TreeNode) => any) | undefined;
         onToggle?: ((node: TreeNode) => any) | undefined;
         onCheck?: ((checked: boolean, node: TreeNode) => any) | undefined;
     }> & (typeof globalThis extends {
@@ -19,7 +20,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: ((evt: "select", node: TreeNode) => void) & ((evt: "toggle", node: TreeNode) => void) & ((evt: "check", checked: boolean, node: TreeNode) => void);
+    emit: ((evt: "select", node: TreeNode) => void) & ((evt: "click", node: TreeNode) => void) & ((evt: "toggle", node: TreeNode) => void) & ((evt: "check", checked: boolean, node: TreeNode) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/es/components/src/tree/node.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -24,6 +24,7 @@ var D = /*@__PURE__*/ u({
 	emits: [
 		"toggle",
 		"select",
+		"click",
 		"check"
 	],
 	setup(u, { emit: d }) {
@@ -32,7 +33,7 @@ var D = /*@__PURE__*/ u({
 		let k = (e) => {
 			O("toggle", e);
 		}, A = (e) => {
-			O("select", e);
+			O("select", e), O("click", e);
 		}, j = (e) => {
 			O("check", e, x.node);
 		}, M = E(), N = o(M), P = o(N), F = p(P, 1), I = p(F, 2);

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

@@ -1,4 +1,4 @@
-import { TreeProps } from './types';
+import { TreeNode, TreeProps } from './types';
 import { PublicProps, VNode } from 'vue';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & __VLS_PrettifyLocal<(TreeProps & {
@@ -6,6 +6,10 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
         checkedKeys?: (string | number)[];
         indeterminateKeys?: (string | number)[];
     }) & {
+        onNodeSelect?: ((node: TreeNode) => any) | undefined;
+        onNodeClick?: ((node: TreeNode) => any) | undefined;
+        onNodeCheck?: ((node: TreeNode, checked: boolean) => any) | undefined;
+        onNodeExpand?: ((node: TreeNode, expanded: boolean) => any) | undefined;
         "onUpdate:selectKeys"?: ((value: (string | number)[]) => any) | undefined;
         "onUpdate:checkedKeys"?: ((value: (string | number)[]) => any) | undefined;
         "onUpdate:indeterminateKeys"?: ((value: (string | number)[]) => any) | undefined;
@@ -15,7 +19,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: ((event: "update:selectKeys", value: (string | number)[]) => void) & ((event: "update:checkedKeys", value: (string | number)[]) => void) & ((event: "update:indeterminateKeys", value: (string | number)[]) => void);
+    emit: (((evt: "nodeSelect", node: TreeNode) => void) & ((evt: "nodeClick", node: TreeNode) => void) & ((evt: "nodeCheck", node: TreeNode, checked: boolean) => void) & ((evt: "nodeExpand", node: TreeNode, expanded: boolean) => void)) & (((event: "update:selectKeys", value: (string | number)[]) => void) & ((event: "update:checkedKeys", value: (string | number)[]) => void) & ((event: "update:indeterminateKeys", value: (string | number)[]) => void));
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/es/components/src/tree/tree.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -42,21 +42,26 @@ var b = h("<div>", 1), x = /*@__PURE__*/ s({
 		indeterminateKeys: { default: () => [] },
 		indeterminateKeysModifiers: {}
 	}),
-	emits: [
+	emits: /*@__PURE__*/ c([
+		"nodeSelect",
+		"nodeClick",
+		"nodeCheck",
+		"nodeExpand"
+	], [
 		"update:selectKeys",
 		"update:checkedKeys",
 		"update:indeterminateKeys"
-	],
-	setup(s) {
-		let c = s, h = e("tree"), x = _(s, "selectKeys"), S = u(0), C = () => D.value.length * 31, w = u([]), T = (e, t) => {
-			let { label: n, key: r, children: i } = c.fieldNames, a = (e, t) => e?.length ? e.map((e) => {
+	]),
+	setup(s, { emit: c }) {
+		let h = s, x = c, S = e("tree"), C = _(s, "selectKeys"), w = u(0), T = () => k.value.length * 31, E = u([]), D = (e, t) => {
+			let { label: n, key: r, children: i } = h.fieldNames, a = (e, t) => e?.length ? e.map((e) => {
 				let o = e[i] || [], s = {
 					label: e[n],
 					key: e[r],
 					children: [],
 					rawNode: { ...e },
 					level: t ? t.level + 1 : 0,
-					isLeaf: e.isLeaf ? e.isLeaf : c.loadMore ? !1 : !o?.length,
+					isLeaf: e.isLeaf ? e.isLeaf : h.loadMore ? !1 : !o?.length,
 					disabled: !!e.disabled,
 					parentKey: t?.key
 				};
@@ -64,11 +69,11 @@ var b = h("<div>", 1), x = /*@__PURE__*/ s({
 			}) : [];
 			return Array.isArray(e) ? a(e, t) : [];
 		};
-		y(() => c.data, (e) => {
-			w.value = T(e);
+		y(() => h.data, (e) => {
+			E.value = D(e);
 		}, { immediate: !0 });
-		let E = u([]), D = i(() => {
-			let e = E.value, t = w.value || [];
+		let O = u([]), k = i(() => {
+			let e = O.value, t = E.value || [];
 			if (t.length === 0) return [];
 			let n = [], r = [...t].reverse();
 			for (; r.length;) {
@@ -77,60 +82,63 @@ var b = h("<div>", 1), x = /*@__PURE__*/ s({
 			}
 			return n;
 		});
-		y(() => D.value, () => {
-			S.value = C();
-		}, { immediate: !0 }), y(() => c.defaultExpandedKeys, (e) => {
-			E.value = [...new Set(e)];
+		y(() => k.value, () => {
+			w.value = T();
+		}, { immediate: !0 }), y(() => h.defaultExpandedKeys, (e) => {
+			O.value = [...new Set(e)];
 		}, { immediate: !0 });
-		let O = (e) => E.value.includes(e.key), k = (e) => {
-			E.value = E.value.filter((t) => t !== e.key);
-		}, A = u(/* @__PURE__ */ new Set()), j = async (e) => {
-			if (!e.children.length && !e.isLeaf && !A.value.has(e.key)) {
-				A.value.add(e.key);
-				let t = await c.loadMore?.(e);
-				t?.length && (e.rawNode.children = t, e.children = T(t, e)), A.value.delete(e.key);
+		let A = (e) => O.value.includes(e.key), j = (e) => {
+			O.value = O.value.filter((t) => t !== e.key);
+		}, M = u(/* @__PURE__ */ new Set()), N = async (e) => {
+			if (!e.children.length && !e.isLeaf && !M.value.has(e.key)) {
+				M.value.add(e.key);
+				let t = await h.loadMore?.(e);
+				t?.length && (e.rawNode.children = t, e.children = D(t, e)), M.value.delete(e.key);
 			}
-		}, M = async (e) => {
-			E.value.push(e.key), await j(e);
-		}, N = async (e) => {
-			E.value.includes(e.key) ? k(e) : await M(e);
-		}, P = (e) => {
-			!c.selectable || e.disabled || (c.multiple ? x.value.includes(e.key) ? x.value = x.value.filter((t) => t !== e.key) : x.value = [...x.value, e.key] : x.value = [e.key]);
-		}, F = _(s, "checkedKeys"), I = _(s, "indeterminateKeys"), L = (e, t) => {
-			t.disabled || (e ? (F.value = [...F.value, t.key], I.value = I.value.filter((e) => e !== t.key)) : F.value = F.value.filter((e) => e !== t.key), t.children?.length && t.children.forEach((t) => {
-				t.disabled || L(e, t);
+		}, P = async (e) => {
+			O.value.push(e.key), await N(e);
+		}, F = async (e) => {
+			O.value.includes(e.key) ? (j(e), x("nodeExpand", e, !0)) : (await P(e), x("nodeExpand", e, !1));
+		}, I = (e) => {
+			!h.selectable || e.disabled || (h.multiple ? C.value.includes(e.key) ? C.value = C.value.filter((t) => t !== e.key) : C.value = [...C.value, e.key] : C.value = [e.key], x("nodeSelect", e));
+		}, L = _(s, "checkedKeys"), R = _(s, "indeterminateKeys"), z = (e, t) => {
+			t.disabled || (e ? (L.value = [...L.value, t.key], R.value = R.value.filter((e) => e !== t.key)) : L.value = L.value.filter((e) => e !== t.key), t.children?.length && t.children.forEach((t) => {
+				t.disabled || z(e, t);
 			}));
-		}, R = (e) => D.value.find((t) => t.key === e), z = (e) => {
+		}, B = (e) => k.value.find((t) => t.key === e), V = (e) => {
 			if (!e.disabled && e.parentKey) {
-				let t = R(e.parentKey);
+				let t = B(e.parentKey);
 				if (t) {
 					let e = !0, n = !1;
-					for (let r of t.children) F.value.includes(r.key) ? n = !0 : I.value.includes(r.key) ? (e = !1, n = !0) : e = !1;
-					e ? (F.value = [...F.value, t.key], I.value = I.value.filter((e) => e !== t.key)) : n ? (F.value = F.value.filter((e) => e !== t.key), I.value = [...I.value, t.key]) : (F.value = F.value.filter((e) => e !== t.key), I.value = I.value.filter((e) => e !== t.key)), z(t);
+					for (let r of t.children) L.value.includes(r.key) ? n = !0 : R.value.includes(r.key) ? (e = !1, n = !0) : e = !1;
+					e ? (L.value = [...L.value, t.key], R.value = R.value.filter((e) => e !== t.key)) : n ? (L.value = L.value.filter((e) => e !== t.key), R.value = [...R.value, t.key]) : (L.value = L.value.filter((e) => e !== t.key), R.value = R.value.filter((e) => e !== t.key)), V(t);
 				}
 			}
-		}, B = (e, t) => {
-			L(e, t), z(t);
+		}, H = (e, t) => {
+			z(e, t), V(t), x("nodeCheck", t, e);
+		}, U = (e) => {
+			x("nodeClick", e);
 		};
 		l(t, { slots: v() });
-		let V = b();
+		let W = b();
 		return d(() => {
-			f(V, [g(h).b()]), m(V, { height: S.value + "px" });
-		}), p(V, null, 0), a(r, {
+			f(W, [g(S).b()]), m(W, { height: w.value + "px" });
+		}), p(W, null, 0), a(r, {
 			name: "tree-list",
 			tag: "div"
-		}, () => o(() => D.value, (e) => a(n, {
+		}, () => o(() => k.value, (e) => a(n, {
 			node: () => e.value,
-			expanded: () => O(e.value),
-			onToggle: () => N,
-			loading: () => A.value.has(e.value.key),
-			onSelect: () => P,
-			selected: () => x.value.includes(e.value.key),
+			expanded: () => A(e.value),
+			onToggle: () => F,
+			loading: () => M.value.has(e.value.key),
+			onSelect: () => I,
+			selected: () => C.value.includes(e.value.key),
 			checkable: () => !!s.checkable,
-			checked: () => F.value.includes(e.value.key),
-			indeterminate: () => I.value.includes(e.value.key),
-			onCheck: () => B
-		}), (e) => e.key, 34)), V;
+			checked: () => L.value.includes(e.value.key),
+			indeterminate: () => R.value.includes(e.value.key),
+			onCheck: () => H,
+			onClick: () => U
+		}), (e) => e.key, 34)), W;
 	}
 });
 //#endregion

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

@@ -11,7 +11,11 @@ export interface TreeProps {
     /** 树节点数据 */
     data: any[];
     /** 字段名配置 */
-    fieldNames?: FieldNamesProps;
+    fieldNames?: {
+        label?: string;
+        key?: string;
+        children?: string;
+    };
     /** 是否默认展开所有节点 */
     defaultExpandAll?: boolean;
     /** 默认展开的节点键值数组 */
@@ -35,9 +39,15 @@ export interface TreeProps {
     /** 加载更多节点的回调函数 */
     loadMore?: (node: TreeNode) => Promise<TreeNode[]>;
 }
-export interface TreeEvent {
+export interface TreeEmits {
     /** 选择节点变化事件 */
-    selectChange: [keys: (string | number)[]];
+    nodeSelect: [node: TreeNode];
+    /** 节点点击事件 */
+    nodeClick: [node: TreeNode];
+    /** 节点勾选变化事件 */
+    nodeCheck: [node: TreeNode, checked: boolean];
+    /** 节点展开变化事件 */
+    nodeExpand: [node: TreeNode, expanded: boolean];
 }
 export interface TreeNode {
     /** 节点标签 */

package/dist/es/core/components.mjs

@@ -12,10 +12,10 @@ import { SBadge as f } from "../components/src/badge/index.mjs";
 import { SButton as p, SButtonGroup as m } from "../components/src/button/index.mjs";
 import { SCard as h } from "../components/src/card/index.mjs";
 import { SCarousel as g } from "../components/src/carousel/index.mjs";
-import { SCascader as _ } from "../components/src/cascader/index.mjs";
-import { SCheckbox as v, SCheckboxGroup as y } from "../components/src/checkbox/index.mjs";
-import { SCollapse as b, SCollapseItem as x } from "../components/src/collapse/index.mjs";
-import { SEmpty as S } from "../components/src/empty/index.mjs";
+import { SEmpty as _ } from "../components/src/empty/index.mjs";
+import { SCascader as v } from "../components/src/cascader/index.mjs";
+import { SCheckbox as y, SCheckboxGroup as b } from "../components/src/checkbox/index.mjs";
+import { SCollapse as x, SCollapseItem as S } from "../components/src/collapse/index.mjs";
 import { SIcon as C } from "../components/src/icon/index.mjs";
 import { STag as w } from "../components/src/tag/index.mjs";
 import { SSelect as T } from "../components/src/select/index.mjs";
@@ -69,11 +69,11 @@ var Ee = [
 	m,
 	h,
 	g,
-	_,
 	v,
 	y,
 	b,
 	x,
+	S,
 	E,
 	n,
 	D,
@@ -85,7 +85,7 @@ var Ee = [
 	M,
 	P,
 	F,
-	S,
+	_,
 	a,
 	o,
 	I,

package/dist/es/core/index.mjs

@@ -18,12 +18,12 @@ import { SBadge as y } from "../components/src/badge/index.mjs";
 import { SButton as b, SButtonGroup as x } from "../components/src/button/index.mjs";
 import { SCard as S } from "../components/src/card/index.mjs";
 import { SCarousel as C } from "../components/src/carousel/index.mjs";
-import { SCascader as w } from "../components/src/cascader/index.mjs";
-import { checkboxGroupContextKey as T } from "../components/src/checkbox/types.mjs";
-import { SCheckbox as E, SCheckboxGroup as D } from "../components/src/checkbox/index.mjs";
-import { collapseContextKey as O } from "../components/src/collapse/types.mjs";
-import { SCollapse as k, SCollapseItem as A } from "../components/src/collapse/index.mjs";
-import { SEmpty as j } from "../components/src/empty/index.mjs";
+import { SEmpty as w } from "../components/src/empty/index.mjs";
+import { SCascader as T } from "../components/src/cascader/index.mjs";
+import { checkboxGroupContextKey as E } from "../components/src/checkbox/types.mjs";
+import { SCheckbox as D, SCheckboxGroup as O } from "../components/src/checkbox/index.mjs";
+import { collapseContextKey as k } from "../components/src/collapse/types.mjs";
+import { SCollapse as A, SCollapseItem as j } from "../components/src/collapse/index.mjs";
 import { SIcon as M } from "../components/src/icon/index.mjs";
 import { STag as N } from "../components/src/tag/index.mjs";
 import { SSelect as P } from "../components/src/select/index.mjs";
@@ -81,4 +81,4 @@ import Ye from "./components.mjs";
 //#region index.ts
 var Xe = e(Ye);
 //#endregion
-export { n as SAnchor, r as SAnchorLink, _ as SAutoComplete, v as SAvatar, h as SBackTop, y as SBadge, b as SButton, x as SButtonGroup, S as SCard, C as SCarousel, w as SCascader, E as SCheckbox, D as SCheckboxGroup, k as SCollapse, A as SCollapseItem, F as SColorPicker, c as SConfigProvider, I as SDatePicker, L as SDatetimePicker, z as SDescriptions, B as SDescriptionsItem, V as SDivider, W as SDoption, H as SDrawer, G as SDropdown, K as SDsubmenu, j as SEmpty, d as SForm, f as SFormItem, q as SGalleria, Y as SGrid, X as SGridItem, M as SIcon, Q as SImage, $ as SImageGroup, ee as SImagePreview, p as SInput, te as SInputNumber, ne as SInputTag, ie as SLayout, ae as SLayoutAside, oe as SLayoutContent, se as SLayoutFooter, ce as SLayoutHeader, le as SLink, ue as SList, me as SMenu, he as SMenuGroup, ge as SMenuItem, ye as SMeterGroup, xe as SModal, Se as SPagination, Ce as SPanel, l as SPopover, we as SProgress, Ee as SRadio, De as SRadioGroup, g as SScrollbar, Oe as SSegmented, P as SSelect, ke as SSkeleton, Ae as SSpace, je as SStatistic, _e as SSubMenu, Me as SSwitch, Fe as STab, Ie as STabPane, Ne as STable, Le as STabs, N as STag, Re as SText, ze as STextarea, Ve as STimeline, He as STimelineItem, u as STooltip, We as STree, Ge as SUpload, Ke as SWaterfall, qe as SWatermark, Je as SWheel, t as anchorContextKey, m as buttonGroupContextKey, T as checkboxGroupContextKey, O as collapseContextKey, s as configProviderContextKey, Xe as default, R as descriptionsContextKey, U as dropdownContextKey, i as formContextKey, a as formItemContextKey, o as formItemStatusContextKey, J as gridContextKey, Z as imageGroupContextKey, de as menuContextKey, fe as menuLevelContextKey, Te as radioGroupContextKey, pe as subMenuContextKey, Pe as tabsContextKey, Be as timelineContextKey, Ue as treeContextKey, re as useLayer, ve as useMessage, be as useModal };
+export { n as SAnchor, r as SAnchorLink, _ as SAutoComplete, v as SAvatar, h as SBackTop, y as SBadge, b as SButton, x as SButtonGroup, S as SCard, C as SCarousel, T as SCascader, D as SCheckbox, O as SCheckboxGroup, A as SCollapse, j as SCollapseItem, F as SColorPicker, c as SConfigProvider, I as SDatePicker, L as SDatetimePicker, z as SDescriptions, B as SDescriptionsItem, V as SDivider, W as SDoption, H as SDrawer, G as SDropdown, K as SDsubmenu, w as SEmpty, d as SForm, f as SFormItem, q as SGalleria, Y as SGrid, X as SGridItem, M as SIcon, Q as SImage, $ as SImageGroup, ee as SImagePreview, p as SInput, te as SInputNumber, ne as SInputTag, ie as SLayout, ae as SLayoutAside, oe as SLayoutContent, se as SLayoutFooter, ce as SLayoutHeader, le as SLink, ue as SList, me as SMenu, he as SMenuGroup, ge as SMenuItem, ye as SMeterGroup, xe as SModal, Se as SPagination, Ce as SPanel, l as SPopover, we as SProgress, Ee as SRadio, De as SRadioGroup, g as SScrollbar, Oe as SSegmented, P as SSelect, ke as SSkeleton, Ae as SSpace, je as SStatistic, _e as SSubMenu, Me as SSwitch, Fe as STab, Ie as STabPane, Ne as STable, Le as STabs, N as STag, Re as SText, ze as STextarea, Ve as STimeline, He as STimelineItem, u as STooltip, We as STree, Ge as SUpload, Ke as SWaterfall, qe as SWatermark, Je as SWheel, t as anchorContextKey, m as buttonGroupContextKey, E as checkboxGroupContextKey, k as collapseContextKey, s as configProviderContextKey, Xe as default, R as descriptionsContextKey, U as dropdownContextKey, i as formContextKey, a as formItemContextKey, o as formItemStatusContextKey, J as gridContextKey, Z as imageGroupContextKey, de as menuContextKey, fe as menuLevelContextKey, Te as radioGroupContextKey, pe as subMenuContextKey, Pe as tabsContextKey, Be as timelineContextKey, Ue as treeContextKey, re as useLayer, ve as useMessage, be as useModal };

package/dist/es/theme/components/button.scss

@@ -77,6 +77,12 @@
       color: getCssVar("color", "text-3");
       border: 1px solid getCssVar("color", "fill-2");
       &:hover {
+        background-color: getCssVar("color", "bg-2");
+        color: getCssVar("color", "text-3");
+        border: 1px solid getCssVar("color", "fill-2");
+      }
+      &:active {
+        background-color: getCssVar("color", "bg-2");
         color: getCssVar("color", "text-3");
         border: 1px solid getCssVar("color", "fill-2");
       }
@@ -94,6 +100,17 @@
         border: 1px solid getCssVar("color", "fill-3");
         color: getCssVar("color", "text-1");
       }
+      @include when(disabled, loading) {
+        cursor: not-allowed;
+        color: getCssVar("color", "text-3");
+        background-color: transparent;
+        border: 1px solid transparent;
+        &:hover {
+          color: getCssVar("color", "text-3");
+          background-color: transparent;
+          border: 1px solid transparent;
+        }
+      }
     }
     @include this-is(link) {
       background-color: transparent;
@@ -131,11 +148,11 @@
       }
       @include when(disabled, loading) {
         cursor: not-allowed;
-        background-color: getCssVar("color", #{$type}-4);
-        border: 1px solid getCssVar("color", #{$type}-4);
+        background-color: getCssVar("color", #{$type}-3);
+        border: 1px solid getCssVar("color", #{$type}-3);
         &:hover {
-          background-color: getCssVar("color", #{$type}-4);
-          border: 1px solid getCssVar("color", #{$type}-4);
+          background-color: getCssVar("color", #{$type}-3);
+          border: 1px solid getCssVar("color", #{$type}-3);
         }
       }
       @include this-is(text) {

package/dist/es/theme/components/cascader.scss

@@ -11,6 +11,9 @@
     border: 1px solid getCssVar("color", "fill-3");
     box-shadow: getCssVar("shadow", "1");
   }
+  @include e(suffix-icon) {
+    transition: transform 0.3s getCssVar("bezier", "1");
+  }
   @include e(panel) {
     height: 100%;
     display: flex;

package/dist/es/theme/components/input.scss

@@ -24,11 +24,13 @@
         background-color: getCssVar("color", "bg-2");
         &:hover {
           background-color: getCssVar("color", "bg-2");
+          border: 1px solid getCssVar("color", "fill-3");
         }
         @include when(filled) {
           background-color: getCssVar("color", "fill-2");
           &:hover {
             background-color: getCssVar("color", "fill-2");
+            border: 1px solid getCssVar("color", "fill-2");
           }
         }
       }

package/dist/es/theme/components/menu.scss

@@ -124,6 +124,16 @@
     display: flex;
     align-items: center;
     width: 100%;
+    @include when(collapse) {
+      @include be(menu, item-title) {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      @include be(menu, item-label) {
+        display: none;
+      }
+    }
   }
   @include e(item-title) {
     height: 40px;
@@ -219,6 +229,9 @@
         }
       }
     }
+    @include be(menu, item-label) {
+      display: flex !important;
+    }
   }
   @include e(group) {
     display: flex;

package/dist/es/theme/components/table.scss

@@ -314,6 +314,7 @@
     align-items: center;
     justify-content: center;
     font-size: 16px;
+    transition: transform 0.3s;
   }
 
   @include m(ellipsis) {