straw-ui-vue 0.1.62 → 0.1.63

package/dist/components/st-tree/types/st-tree-group-checkbox.d.ts

@@ -1,5 +1,16 @@
+import type { ClassValue, StyleValue } from 'vue';
+
 /** 树多选框组件属性接口 */
-export interface StTreeGroupCheckboxProps {}
+export interface StTreeGroupCheckboxProps {
+	/** 多选框盒子类名 */
+	boxClass?: ClassValue;
+	/** 多选框盒子样式 */
+	boxStyle?: StyleValue;
+	/** 多选框图标类名 */
+	coreClass?: ClassValue;
+	/** 多选框图标样式 */
+	coreStyle?: StyleValue;
+}
 
 /** 树多选框组件插槽接口 */
 export interface StTreeGroupCheckboxSlots {}
@@ -10,4 +21,4 @@ export interface StTreeGroupCheckboxEmits {
 	change: [event: MouseEvent];
 }
 
-export {};
+export {};

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

@@ -21,6 +21,42 @@ export interface StTreeNodeProps {
 	labelClass?: ClassValue;
 	/** 标签样式 */
 	labelStyle?: StyleValue;
+	/** 节点行类名 */
+	nodeClass?: ClassValue;
+	/** 节点行样式 */
+	nodeStyle?: StyleValue;
+	/** 箭头外层附加区类名 */
+	arrowAddonClass?: ClassValue;
+	/** 箭头外层附加区样式 */
+	arrowAddonStyle?: StyleValue;
+	/** 多选框外层附加区类名 */
+	checkboxAddonClass?: ClassValue;
+	/** 多选框外层附加区样式 */
+	checkboxAddonStyle?: StyleValue;
+	/** 多选框类名 */
+	checkboxClass?: ClassValue;
+	/** 多选框样式 */
+	checkboxStyle?: StyleValue;
+	/** 多选框盒子类名 */
+	checkboxBoxClass?: ClassValue;
+	/** 多选框盒子样式 */
+	checkboxBoxStyle?: StyleValue;
+	/** 多选框图标类名 */
+	checkboxCoreClass?: ClassValue;
+	/** 多选框图标样式 */
+	checkboxCoreStyle?: StyleValue;
+	/** 操作区外层附加区类名 */
+	actionAddonClass?: ClassValue;
+	/** 操作区外层附加区样式 */
+	actionAddonStyle?: StyleValue;
+	/** 子节点容器类名 */
+	childrenClass?: ClassValue;
+	/** 子节点容器样式 */
+	childrenStyle?: StyleValue;
+	/** 子组容器类名 */
+	subGroupClass?: ClassValue;
+	/** 子组容器样式 */
+	subGroupStyle?: StyleValue;
 }
 
 /** 树内部递归渲染器插槽接口 */

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

@@ -56,6 +56,42 @@ export interface StTreeProps {
 	labelClass?: ClassValue;
 	/** 标签 style */
 	labelStyle?: StyleValue;
+	/** 节点行 class */
+	nodeClass?: ClassValue;
+	/** 节点行 style */
+	nodeStyle?: StyleValue;
+	/** 箭头外层附加区 class */
+	arrowAddonClass?: ClassValue;
+	/** 箭头外层附加区 style */
+	arrowAddonStyle?: StyleValue;
+	/** 多选框外层附加区 class */
+	checkboxAddonClass?: ClassValue;
+	/** 多选框外层附加区 style */
+	checkboxAddonStyle?: StyleValue;
+	/** 多选框 class */
+	checkboxClass?: ClassValue;
+	/** 多选框 style */
+	checkboxStyle?: StyleValue;
+	/** 多选框盒子 class */
+	checkboxBoxClass?: ClassValue;
+	/** 多选框盒子 style */
+	checkboxBoxStyle?: StyleValue;
+	/** 多选框图标 class */
+	checkboxCoreClass?: ClassValue;
+	/** 多选框图标 style */
+	checkboxCoreStyle?: StyleValue;
+	/** 操作区外层附加区 class */
+	actionAddonClass?: ClassValue;
+	/** 操作区外层附加区 style */
+	actionAddonStyle?: StyleValue;
+	/** 子节点容器 class */
+	childrenClass?: ClassValue;
+	/** 子节点容器 style */
+	childrenStyle?: StyleValue;
+	/** 子组容器 class */
+	subGroupClass?: ClassValue;
+	/** 子组容器 style */
+	subGroupStyle?: StyleValue;
 }
 /** 树组件插槽接口 */
 export interface StTreeSlots {

package/dist/straw-ui.js

@@ -4502,23 +4502,23 @@ var En = ["data-index"], Dn = /* @__PURE__ */ I({
 	setup(e, { emit: t }) {
 		let n = J();
 		X();
-		let r = e, i = Vn(), a = Un(), o = O(() => a ? i?.modelValue.value === a.value.value : !1), s = O(() => r.disabled || (a?.disabled.value ?? !1)), c = d({
+		let r = e, i = Vn(), a = Un(), o = O(() => a ? i?.modelValue.value === a.value.value : !1), s = O(() => !a || i?.selection.value ? !1 : i?.modelValue.value === a.value.value), c = O(() => !a || !i?.selection.value ? !1 : i?.selectedKeys?.value.includes(a.value.value) ?? !1), u = O(() => r.disabled || (a?.disabled.value ?? !1)), f = d({
 			base: "flex items-center gap-default rounded",
 			variants: { selected: {
 				true: "bg-primary/10 text-primary",
 				false: "text-foreground hover:bg-accent"
 			} }
-		}), u = O(() => l(c({ selected: o.value }), n.class)), f = O(() => {
+		}), p = O(() => l(f({ selected: o.value }), s.value && "is-active", c.value && "is-checked", n.class)), m = O(() => {
 			let e = a?.indentOffset.value ?? 0;
 			return [n.style, { paddingLeft: e > 0 ? `${e}px` : void 0 }];
 		});
-		function p() {
-			a && !s.value && i?.setSelected(a.value.value);
+		function h() {
+			a && !u.value && i?.setSelected(a.value.value);
 		}
 		return (e, t) => (H(), j("div", {
-			class: B(["st-tree-group-node", u.value]),
-			style: V(f.value),
-			onClick: p
+			class: B(["st-tree-group-node", p.value]),
+			style: V(m.value),
+			onClick: h
 		}, [G(e.$slots, "default")], 6));
 	}
 }), Kn = /* @__PURE__ */ I({
@@ -4787,34 +4787,72 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 	name: "StTreeGroupCheckbox",
 	inheritAttrs: !1,
 	__name: "st-tree-group-checkbox",
+	props: {
+		boxClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		boxStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		coreClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		coreStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
 	emits: ["change"],
 	setup(e, { emit: t }) {
 		let n = J();
 		X();
-		let r = t, i = Vn(), a = Un(), o = O(() => a?.value.value), s = O(() => a?.disabled.value ?? !1), c = O(() => i?.indeterminateKeys.value.has(o.value) ?? !1), l = O({
-			get: () => i?.selectedKeys.value.includes(o.value) ? o.value : !1,
+		let r = t, i = e, a = Vn(), o = Un(), s = O(() => o?.value.value), c = O(() => o?.disabled.value ?? !1), l = O(() => a?.indeterminateKeys.value.has(s.value) ?? !1), u = O({
+			get: () => a?.selectedKeys.value.includes(s.value) ? s.value : !1,
 			set: () => {
-				a && i?.toggleChecked(a.value.value);
+				o && a?.toggleChecked(o.value.value);
 			}
 		});
-		function u(e) {
+		function d(e) {
 			r("change", e);
 		}
 		return (e, t) => (H(), j("span", {
 			class: "st-tree-group-checkbox inline-flex",
 			onClick: t[1] ||= Te(() => {}, ["stop"])
 		}, [F(tr, {
-			modelValue: l.value,
-			"onUpdate:modelValue": t[0] ||= (e) => l.value = e,
+			modelValue: u.value,
+			"onUpdate:modelValue": t[0] ||= (e) => u.value = e,
+			"box-class": i.boxClass,
+			"box-style": i.boxStyle,
 			class: B(q(n).class),
-			disabled: s.value,
-			indeterminate: c.value,
+			"core-class": i.coreClass,
+			"core-style": i.coreStyle,
+			disabled: c.value,
+			indeterminate: l.value,
 			style: V(q(n).style),
-			"true-value": o.value,
-			onChange: u
+			"true-value": s.value,
+			onChange: d
 		}, null, 8, [
 			"modelValue",
+			"box-class",
+			"box-style",
 			"class",
+			"core-class",
+			"core-style",
 			"disabled",
 			"indeterminate",
 			"style",
@@ -4907,6 +4945,132 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			String,
 			Object,
 			Array
+		] },
+		nodeClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		nodeStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		arrowAddonClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		arrowAddonStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxAddonClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxAddonStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxBoxClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxBoxStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxCoreClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxCoreStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		actionAddonClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		actionAddonStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		childrenClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		childrenStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		subGroupClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		subGroupStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
 		] }
 	},
 	setup(e, { emit: t }) {
@@ -4914,18 +5078,24 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 		return (e, t) => {
 			let r = pe("st-tree-node", !0);
 			return H(), k(ar, {
+				class: B(a.subGroupClass),
 				disabled: m.value,
 				indent: a.indent,
+				style: V(a.subGroupStyle),
 				value: o.value
 			}, {
 				default: $(() => [F(Gn, {
-					class: B(["st-tree-node", q(n).class]),
+					class: B(["st-tree-node", [a.nodeClass, q(n).class]]),
 					disabled: m.value,
-					style: V(q(n).style),
+					style: V([a.nodeStyle, q(n).style]),
 					value: o.value
 				}, {
 					default: $(() => [
-						F(nn, { align: "inline-start" }, {
+						F(nn, {
+							class: B(["st-tree-arrow-addon", a.arrowAddonClass]),
+							style: V(a.arrowAddonStyle),
+							align: "inline-start"
+						}, {
 							default: $(() => [F(Kn, {
 								class: B(a.arrowClass),
 								style: V(a.arrowStyle)
@@ -4934,14 +5104,30 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 								_: 3
 							}, 8, ["class", "style"])]),
 							_: 3
-						}),
+						}, 8, ["class", "style"]),
 						l.value ? (H(), k(nn, {
 							key: 0,
+							class: B(["st-tree-checkbox-addon", a.checkboxAddonClass]),
+							style: V(a.checkboxAddonStyle),
 							align: "inline-start"
 						}, {
-							default: $(() => [F(nr)]),
+							default: $(() => [F(nr, {
+								"box-class": a.checkboxBoxClass,
+								"box-style": a.checkboxBoxStyle,
+								class: B(a.checkboxClass),
+								"core-class": a.checkboxCoreClass,
+								"core-style": a.checkboxCoreStyle,
+								style: V(a.checkboxStyle)
+							}, null, 8, [
+								"box-class",
+								"box-style",
+								"class",
+								"core-class",
+								"core-style",
+								"style"
+							])]),
 							_: 1
-						})) : A("", !0),
+						}, 8, ["class", "style"])) : A("", !0),
 						F(qn, {
 							class: B(a.labelClass),
 							style: V(a.labelStyle)
@@ -4951,11 +5137,13 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 						}, 8, ["class", "style"]),
 						u.value ? (H(), k(nn, {
 							key: 1,
+							class: B(["st-tree-action-addon", a.actionAddonClass]),
+							style: V(a.actionAddonStyle),
 							align: "inline-end"
 						}, {
 							default: $(() => [G(e.$slots, "action", { item: a.node })]),
 							_: 3
-						})) : A("", !0)
+						}, 8, ["class", "style"])) : A("", !0)
 					]),
 					_: 3
 				}, 8, [
@@ -4963,7 +5151,11 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 					"disabled",
 					"style",
 					"value"
-				]), p.value ? (H(), k(ir, { key: 0 }, {
+				]), p.value ? (H(), k(ir, {
+					key: 0,
+					class: B(a.childrenClass),
+					style: V(a.childrenStyle)
+				}, {
 					default: $(() => [(H(!0), j(E, null, W(c.value, (t) => (H(), k(r, R({ ref_for: !0 }, a, {
 						key: t[a.valueKey],
 						node: t
@@ -4972,11 +5164,13 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 						fn: $((n) => [G(e.$slots, t, R({ ref_for: !0 }, n))])
 					}))]), 1040, ["node"]))), 128))]),
 					_: 3
-				})) : A("", !0)]),
+				}, 8, ["class", "style"])) : A("", !0)]),
 				_: 3
 			}, 8, [
+				"class",
 				"disabled",
 				"indent",
+				"style",
 				"value"
 			]);
 		};
@@ -5152,6 +5346,132 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			String,
 			Object,
 			Array
+		] },
+		nodeClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		nodeStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		arrowAddonClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		arrowAddonStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxAddonClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxAddonStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxBoxClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxBoxStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxCoreClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxCoreStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		actionAddonClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		actionAddonStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		childrenClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		childrenStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		subGroupClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		subGroupStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
 		] }
 	}, {
 		modelValue: {},
@@ -5315,7 +5635,25 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			default: $(() => [x.value.length > 0 ? (H(!0), j(E, { key: 0 }, W(x.value, (t) => (H(), k(or, {
 				"arrow-class": o.arrowClass,
 				"arrow-style": o.arrowStyle,
+				"action-addon-class": o.actionAddonClass,
+				"action-addon-style": o.actionAddonStyle,
+				"arrow-addon-class": o.arrowAddonClass,
+				"arrow-addon-style": o.arrowAddonStyle,
+				"checkbox-addon-class": o.checkboxAddonClass,
+				"checkbox-addon-style": o.checkboxAddonStyle,
+				"checkbox-box-class": o.checkboxBoxClass,
+				"checkbox-box-style": o.checkboxBoxStyle,
+				"checkbox-class": o.checkboxClass,
+				"checkbox-core-class": o.checkboxCoreClass,
+				"checkbox-core-style": o.checkboxCoreStyle,
+				"checkbox-style": o.checkboxStyle,
+				"children-class": o.childrenClass,
 				"children-key": o.childrenKey,
+				"children-style": o.childrenStyle,
+				"node-class": o.nodeClass,
+				"node-style": o.nodeStyle,
+				"sub-group-class": o.subGroupClass,
+				"sub-group-style": o.subGroupStyle,
 				indent: o.indent,
 				key: g(t),
 				"label-class": o.labelClass,
@@ -5326,17 +5664,7 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			}, N({ _: 2 }, [W(h.value, (t) => ({
 				name: t,
 				fn: $((n) => [G(e.$slots, t, R({ ref_for: !0 }, n))])
-			}))]), 1032, [
-				"arrow-class",
-				"arrow-style",
-				"children-key",
-				"indent",
-				"label-class",
-				"label-key",
-				"label-style",
-				"node",
-				"value-key"
-			]))), 128)) : i.empty ? G(e.$slots, "empty", {}, void 0, void 0, 1) : (H(), k(ur, { key: 2 }))]),
+			}))]), 1032, /* @__PURE__ */ "arrow-class.arrow-style.action-addon-class.action-addon-style.arrow-addon-class.arrow-addon-style.checkbox-addon-class.checkbox-addon-style.checkbox-box-class.checkbox-box-style.checkbox-class.checkbox-core-class.checkbox-core-style.checkbox-style.children-class.children-key.children-style.node-class.node-style.sub-group-class.sub-group-style.indent.label-class.label-key.label-style.node.value-key".split(".")))), 128)) : i.empty ? G(e.$slots, "empty", {}, void 0, void 0, 1) : (H(), k(ur, { key: 2 }))]),
 			_: 3
 		}, 8, [
 			"modelValue",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "straw-ui-vue",
-	"version": "0.1.62",
+	"version": "0.1.63",
 	"type": "module",
 	"main": "./dist/straw-ui.js",
 	"module": "./dist/straw-ui.js",