straw-ui-vue 0.1.56 → 0.1.58

package/README.md

@@ -75,7 +75,7 @@ export default defineConfig({
 
 ```ts
 // main.ts
-import 'straw-ui-vue/variables.css'; // 主题预设变量，或使用自己的变量文件
+import 'straw-ui-vue/dist/variables.css'; // 主题预设变量，或使用自己的变量文件
 ```
 
 详细配置请参阅 [快速开始](./docs/guide/quick-start.md#unocss-配置)。

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

@@ -37,6 +37,7 @@ export declare const StTree: {
         selection: boolean;
         indent: number;
         defaultExpandedLevel: number;
+        expandParent: boolean;
         autoChange: boolean;
         deepChange: boolean;
         accordion: boolean;
@@ -76,6 +77,7 @@ export declare const StTree: {
         selection: boolean;
         indent: number;
         defaultExpandedLevel: number;
+        expandParent: boolean;
         autoChange: boolean;
         deepChange: boolean;
         accordion: boolean;
@@ -122,6 +124,7 @@ export declare const StTree: {
     selection: boolean;
     indent: number;
     defaultExpandedLevel: number;
+    expandParent: boolean;
     autoChange: boolean;
     deepChange: boolean;
     accordion: boolean;
@@ -159,6 +162,7 @@ export declare const StTree: {
             expandOnClick: boolean;
             selection: boolean;
             indent: number;
+            expandParent: boolean;
             accordion: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -187,6 +191,7 @@ export declare const StTree: {
             expandOnClick: boolean;
             selection: boolean;
             indent: number;
+            expandParent: boolean;
             accordion: boolean;
         }>;
         __isFragment?: never;
@@ -221,6 +226,7 @@ export declare const StTree: {
         expandOnClick: boolean;
         selection: boolean;
         indent: number;
+        expandParent: boolean;
         accordion: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: import('./index.ts').StTreeGroupSlots;
@@ -382,6 +388,7 @@ export declare const StTreeGroup: {
         expandOnClick: boolean;
         selection: boolean;
         indent: number;
+        expandParent: boolean;
         accordion: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -410,6 +417,7 @@ export declare const StTreeGroup: {
         expandOnClick: boolean;
         selection: boolean;
         indent: number;
+        expandParent: boolean;
         accordion: boolean;
     }>;
     __isFragment?: never;
@@ -444,6 +452,7 @@ export declare const StTreeGroup: {
     expandOnClick: boolean;
     selection: boolean;
     indent: number;
+    expandParent: boolean;
     accordion: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: import('./index.ts').StTreeGroupSlots;

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

@@ -38,6 +38,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     expandOnClick: boolean;
     selection: boolean;
     indent: number;
+    expandParent: boolean;
     accordion: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -48,6 +48,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, StTre
     selection: boolean;
     indent: number;
     defaultExpandedLevel: number;
+    expandParent: boolean;
     autoChange: boolean;
     deepChange: boolean;
     accordion: boolean;

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

@@ -11,6 +11,8 @@ export interface StTreeGroupProps {
 	accordion?: boolean;
 	/** 点击节点是否同时切换其展开/收起状态 */
 	expandOnClick?: boolean;
+	/** 选中值（含初始值）变化时自动展开其全部父级节点 */
+	expandParent?: boolean;
 	/** 子节点缩进（px） */
 	indent?: number;
 }

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

@@ -34,6 +34,8 @@ export interface StTreeProps {
 	defaultExpandedLevel?: number;
 	/** 默认展开全部层级 */
 	defaultExpandedAll?: boolean;
+	/** 选中值（含初始值）变化时自动展开其全部父级节点 */
+	expandParent?: boolean;
 	/** 当绑定值 modelValue 没有值时，是否默认选择第一个节点 */
 	autoChange?: boolean;
 	/** 当 autoChange 为 true 时，是否深度选择（选择第一个最子级节点） */

package/dist/straw-ui.js

@@ -4306,6 +4306,10 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
 			type: Boolean,
 			default: !1
 		},
+		expandParent: {
+			type: Boolean,
+			default: !1
+		},
 		indent: { default: 10 }
 	}, {
 		modelValue: {},
@@ -4344,10 +4348,23 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
 			return e.length === t.length && e.every((e, n) => e === t[n]);
 		}
 		function h(e) {
+			if (!l.expandParent || e.length < 2) return;
+			let t = e.slice(0, -1).filter((e) => !i.value.includes(e));
+			t.length !== 0 && (i.value = [...i.value, ...t]);
+		}
+		let g = !1;
+		function _() {
+			g || n.value !== void 0 && r.value[r.value.length - 1] !== n.value && (g = !0, L(() => {
+				if (g = !1, n.value === void 0 || r.value[r.value.length - 1] === n.value) return;
+				let e = f(n.value);
+				e.length !== 0 && (r.value = e, h(e));
+			}));
+		}
+		function v(e) {
 			let t = f(e);
-			n.value = e, r.value = t, l.expandOnClick && v(e).length > 0 && g(e), c("change", e, t);
+			n.value = e, r.value = t, l.expandOnClick && x(e).length > 0 && y(e), c("change", e, t);
 		}
-		function g(e) {
+		function y(e) {
 			let t = i.value.includes(e);
 			if (t) i.value = i.value.filter((t) => t !== e);
 			else {
@@ -4360,47 +4377,47 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
 			}
 			c("expand", e, !t);
 		}
-		function _(e) {
+		function b(e) {
 			let t = a.value.includes(e), n;
-			n = l.strict ? t ? x(e) : b(e) : t ? a.value.filter((t) => t !== e) : [...a.value, e];
+			n = l.strict ? t ? w(e) : C(e) : t ? a.value.filter((t) => t !== e) : [...a.value, e];
 			let r = n.map(f);
 			a.value = n, o.value = r, c("check", n, r);
 		}
-		function v(e) {
+		function x(e) {
 			let t = [];
 			for (let [n, r] of d) r === e && t.push(n);
 			return t;
 		}
-		function y(e) {
+		function S(e) {
 			let t = [];
-			for (let n of v(e)) t.push(n, ...y(n));
+			for (let n of x(e)) t.push(n, ...S(n));
 			return t;
 		}
-		function b(e) {
+		function C(e) {
 			let t = /* @__PURE__ */ new Set([
 				...a.value,
 				e,
-				...y(e)
+				...S(e)
 			]), n = d.get(e);
-			for (; n !== void 0 && v(n).every((e) => t.has(e));) t.add(n), n = d.get(n);
+			for (; n !== void 0 && x(n).every((e) => t.has(e));) t.add(n), n = d.get(n);
 			return [...t];
 		}
-		function x(e) {
-			let t = /* @__PURE__ */ new Set([e, ...y(e)]), n = d.get(e);
+		function w(e) {
+			let t = /* @__PURE__ */ new Set([e, ...S(e)]), n = d.get(e);
 			for (; n !== void 0;) t.add(n), n = d.get(n);
 			return a.value.filter((e) => !t.has(e));
 		}
-		function S(e) {
+		function T(e) {
 			let t = new Set(e);
-			for (let n of e) for (let e of y(n)) t.add(e);
+			for (let n of e) for (let e of S(n)) t.add(e);
 			let n = !0;
 			for (; n;) {
 				n = !1;
-				for (let [, e] of d) e === void 0 || t.has(e) || v(e).every((e) => t.has(e)) && (t.add(e), n = !0);
+				for (let [, e] of d) e === void 0 || t.has(e) || x(e).every((e) => t.has(e)) && (t.add(e), n = !0);
 			}
 			return [...t];
 		}
-		let C = D(() => {
+		let E = D(() => {
 			let e = /* @__PURE__ */ new Set();
 			if (!l.strict) return e;
 			let t = new Set(a.value);
@@ -4411,7 +4428,11 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
 			return e;
 		});
 		ce(() => {
-			l.strict && a.value.length > 0 && (a.value = S(a.value)), n.value !== void 0 && r.value.length === 0 && (r.value = f(n.value)), a.value.length > 0 && o.value.length === 0 && (o.value = a.value.map(f));
+			if (l.strict && a.value.length > 0 && (a.value = T(a.value)), n.value !== void 0 && r.value.length === 0) {
+				let e = f(n.value);
+				e.length > 0 && (r.value = e, h(e));
+			} else h(r.value);
+			a.value.length > 0 && o.value.length === 0 && (o.value = a.value.map(f));
 		}), X(n, (e) => {
 			if (e === r.value[r.value.length - 1]) return;
 			if (e === void 0) {
@@ -4419,10 +4440,10 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
 				return;
 			}
 			let t = f(e);
-			t.length > 0 && (r.value = t);
+			t.length > 0 && (r.value = t, h(t));
 		}), X(r, (e) => {
 			let t = e[e.length - 1];
-			n.value !== t && (n.value = t);
+			n.value !== t && (n.value = t), h(e);
 		}), X(a, (e) => {
 			if (m(e, o.value.map((e) => e[e.length - 1]))) return;
 			let t = e.map(f);
@@ -4431,24 +4452,24 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
 			let t = e.map((e) => e[e.length - 1]);
 			m(t, a.value) || (a.value = t);
 		});
-		function w(e, t) {
-			d.set(e, t);
+		function ee(e, t) {
+			d.set(e, t), _();
 		}
-		function T(e) {
+		function O(e) {
 			d.delete(e);
 		}
 		return In({
 			modelValue: n,
 			expandedKeys: i,
 			selectedKeys: a,
-			indeterminateKeys: C,
+			indeterminateKeys: E,
 			selection: _e(() => l.selection),
 			accordion: _e(() => l.accordion),
-			setSelected: h,
-			toggleExpand: g,
-			toggleChecked: _,
-			registerNode: w,
-			unregisterNode: T
+			setSelected: v,
+			toggleExpand: y,
+			toggleChecked: b,
+			registerNode: ee,
+			unregisterNode: O
 		}), (e, t) => (B(), A("div", {
 			class: R(["st-tree-group", u.value]),
 			style: z(G(s).style)
@@ -5066,6 +5087,10 @@ var Jn = ["for"], Yn = /* @__PURE__ */ F({
 			type: Boolean,
 			default: !1
 		},
+		expandParent: {
+			type: Boolean,
+			default: !0
+		},
 		autoChange: {
 			type: Boolean,
 			default: !1
@@ -5266,6 +5291,7 @@ var Jn = ["for"], Yn = /* @__PURE__ */ F({
 			"onUpdate:selectedPaths": t[4] ||= (e) => d.value = e,
 			accordion: o.accordion,
 			"expand-on-click": o.expandOnClick,
+			"expand-parent": o.expandParent,
 			selection: o.selection,
 			strict: o.strict,
 			style: z(G(r).style),
@@ -5308,6 +5334,7 @@ var Jn = ["for"], Yn = /* @__PURE__ */ F({
 			"accordion",
 			"class",
 			"expand-on-click",
+			"expand-parent",
 			"selection",
 			"strict",
 			"style"
@@ -9124,7 +9151,7 @@ var ma = /* @__PURE__ */ F({
 				className: "w-120"
 			}, {
 				variants: { fullscreen: !0 },
-				className: "inset-0 w-full! h-full!"
+				className: "inset-0 w-full! h-full! max-w-none! max-h-none!"
 			}]
 		}), u = D(() => p(l({
 			fullscreen: i.fullscreen,
@@ -22050,42 +22077,42 @@ var dh = /* @__PURE__ */ F({
 	setup(e, { expose: t, emit: n }) {
 		let r = e;
 		J();
-		let i = n, a = K(), o = Y("containerRef"), s = _e(r, "direction"), c = _e(r, "showCollapseButton"), l = _e(r, "splitterClass"), u = _e(r, "splitterStyle"), d = _e(r, "handleClass"), f = _e(r, "handleStyle"), m = _e(r, "gutterClass"), h = uh(s, c);
-		Object.assign(h, {
-			splitterClass: l,
-			splitterStyle: u,
-			handleClass: d,
-			handleStyle: f,
-			gutterClass: m
-		}), ah(h), X(() => h.activeGutter.value, (e, t) => {
-			t !== null && e === null && i("resize", h.panels.value.map((e) => ({ ...e })));
+		let i = n, a = K(), s = Y("containerRef"), c = _e(r, "direction"), l = _e(r, "showCollapseButton"), u = _e(r, "splitterClass"), d = _e(r, "splitterStyle"), f = _e(r, "handleClass"), m = _e(r, "handleStyle"), h = _e(r, "gutterClass"), g = uh(c, l);
+		Object.assign(g, {
+			splitterClass: u,
+			splitterStyle: d,
+			handleClass: f,
+			handleStyle: m,
+			gutterClass: h
+		}), ah(g), X(() => g.activeGutter.value, (e, t) => {
+			t !== null && e === null && i("resize", g.panels.value.map((e) => ({ ...e })));
 		}), ce(() => {
 			requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
-					h.initializePanelSizes(o.value);
+					g.initializePanelSizes(s.value);
 				});
-			}), window.addEventListener("resize", h.updateFlexPanelSize);
-		}), ue(() => {
-			window.removeEventListener("resize", h.updateFlexPanelSize);
+			});
+		}), o(s, () => {
+			g.updateFlexPanelSize();
 		});
-		function g() {
-			return h.panels.value.map((e) => ({ ...e }));
+		function _() {
+			return g.panels.value.map((e) => ({ ...e }));
 		}
-		function _(e, t) {
-			let n = h.panels.value.find((t) => t.id === e);
-			n && (n.size = t, n.desiredSize = t, h.updateFlexPanelSize());
+		function v(e, t) {
+			let n = g.panels.value.find((t) => t.id === e);
+			n && (n.size = t, n.desiredSize = t, g.updateFlexPanelSize());
 		}
-		function v() {
-			h.initializePanelSizes(null);
+		function y() {
+			g.initializePanelSizes(null);
 		}
 		return t({
-			getPanels: g,
-			setPanelSize: _,
-			resetSizes: v
+			getPanels: _,
+			setPanelSize: v,
+			resetSizes: y
 		}), (e, t) => (B(), A("div", {
 			ref_key: "containerRef",
-			ref: o,
-			class: R(G(p)("flex w-full h-full overflow-hidden box-border gap-0", G(h).direction.value === "horizontal" ? "flex-row" : "flex-col", G(a).class, r.splitterClass)),
+			ref: s,
+			class: R(G(p)("flex w-full h-full overflow-hidden box-border gap-0", G(g).direction.value === "horizontal" ? "flex-row" : "flex-col", G(a).class, r.splitterClass)),
 			style: z([G(a).style, r.splitterStyle])
 		}, [U(e.$slots, "default")], 6));
 	}

package/package.json

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