@jboltai/tokui 0.1.0 → 0.1.2

package/dist/tokui.mjs

@@ -225,13 +225,28 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		else if (e[n] === "]" && !t) return n;
 		return -1;
 	}
-	var r = new Set(/* @__PURE__ */ "form.table.thead.tbody.card.ft.row.col.list.select.radio.code.imgs.md.textarea.tabs.tab.accordion.collapse.dialog.btngroup.picker.timeline.steps.drawer.ol.ul.i.item.think.think-chain.think-step.bubble.toolbar.badge-box.dropdown.transfer.callout.cascader.tree.tn.desc.carousel.popover.input-tag.watermark.menu.chat-input.msg-actions.tool-call.diff.quick-reply.plan.file-tree.ft-folder.terminal.sandbox.test-result.quote.toggle-group.conversations.welcome.welcome-feature.suggestions.attachments.artifact.artifact-code.artifact-preview.scroll-area.sidebar.sidebar-content.sidebar-footer.command.command-group.hover-card.hover-trigger.hover-content.resizable.canvas.canvas-content.chart.p".split("."));
-	function i(e) {
+	function r(e) {
+		let t = !1, n = 0;
+		for (let r = 0; r < e.length; r++) {
+			let i = e[r];
+			if (i === "\"") t = !t;
+			else if (!t) {
+				if (i === "[") n++;
+				else if (i === "]") {
+					if (n === 0) return r;
+					n--;
+				}
+			}
+		}
+		return -1;
+	}
+	var i = new Set(/* @__PURE__ */ "form.table.thead.tbody.card.ft.row.col.list.select.radio.code.imgs.md.textarea.tabs.tab.accordion.collapse.dialog.btngroup.picker.timeline.steps.drawer.ol.ul.i.item.think.think-chain.think-step.bubble.toolbar.badge-box.dropdown.transfer.callout.cascader.tree.tn.desc.carousel.popover.input-tag.watermark.menu.print-area.chat-input.msg-actions.tool-call.diff.quick-reply.plan.file-tree.ft-folder.terminal.sandbox.test-result.quote.toggle-group.conversations.welcome.welcome-feature.suggestions.attachments.artifact.artifact-code.artifact-preview.scroll-area.sidebar.sidebar-content.sidebar-footer.command.command-group.hover-card.hover-trigger.hover-content.resizable.canvas.canvas-content.chart.p".split("."));
+	function a(e) {
 		if (!e || e.type !== "chart") return !1;
 		var t = e.attrs || {};
 		return !!(t.d || t.tasks || t.rows || t.nodes && t.flows || t.v !== void 0 && (t.t === "gauge" || t.t === "progress"));
 	}
-	var a = new Set([
+	var o = new Set([
 		"a",
 		"_text",
 		"tag",
@@ -244,8 +259,30 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		"mark",
 		"sub",
 		"sup"
-	]), o = new Set(/* @__PURE__ */ "stripe.dis.ro.req.chk.multi.disabled.readonly.required.checked.multiple.striped.auto.plain.round.closable.bordered.open.pill.dot.leaf.inline.rounded.container.copy.regenerate.like.dislike.visible.delete.controls.open.active.collapsible.toggle.search".split("."));
-	function s(e) {
+	]), s = new Set(/* @__PURE__ */ "stripe.dis.ro.req.chk.multi.disabled.readonly.required.checked.multiple.striped.auto.plain.round.closable.bordered.open.pill.dot.leaf.inline.rounded.container.copy.regenerate.like.dislike.visible.delete.controls.open.active.collapsible.toggle.search.thumb.reset.print".split(".")), c = null;
+	function l(e) {
+		c = e;
+	}
+	function u(e) {
+		if (c) return c[e];
+		if (typeof window < "u" && window.TokUI && window.TokUI._internal) {
+			var t = window.TokUI._internal.VARIANTS;
+			return t ? t[e] : null;
+		}
+		return null;
+	}
+	var d = new Set(/* @__PURE__ */ "t.l.tx.tt.ph.u.s.n.v.w.h.clk.sub.act.mtd.dis.ro.req.chk.id.bg.fc.cap.cols.span.min.max.step.alt.target.src.name.value.pre.pos".split("."));
+	function f(e, t) {
+		for (var n = [];;) {
+			var r = t.match(/^([\s\S]*?[^\x00-\x7f])([a-zA-Z][a-zA-Z0-9]{0,6}):([\s\S]*)$/);
+			if (!r) break;
+			var i = r[2];
+			if (!d.has(i)) break;
+			n.push([e, r[1]]), e = i, t = r[3];
+		}
+		return n.push([e, t]), n;
+	}
+	function p(e) {
 		if (!e || !e.trim()) return {
 			type: "_text",
 			attrs: {},
@@ -261,19 +298,28 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		t.type = r[0];
 		let i = [];
 		for (let e = 1; e < r.length; e++) {
-			let a = r[e], s = a.indexOf(":");
-			if (s > 0) {
-				let e = a.slice(0, s);
+			let a = r[e], o = a.indexOf(":");
+			if (o > 0) {
+				let e = a.slice(0, o);
 				if (/^[a-zA-Z][a-zA-Z0-9_-]*$/.test(e)) {
-					let r = a.slice(s + 1);
-					r = r.replace(/__QUOTE(\d+)__/g, (e, t) => n[parseInt(t)]), t.attrs[e] = r;
+					let r = a.slice(o + 1);
+					r = r.replace(/__QUOTE(\d+)__/g, (e, t) => n[parseInt(t)]), /[^\x00-\x7f]/.test(r) && r.indexOf(":") !== -1 ? f(e, r).forEach(function(e) {
+						t.attrs[e[0]] = e[1];
+					}) : t.attrs[e] = r;
 				} else {
 					let e = a.replace(/__QUOTE(\d+)__/g, (e, t) => `"${n[parseInt(t)]}"`);
 					i.push(e);
 				}
 			} else {
 				let e = a.replace(/__QUOTE(\d+)__/g, (e, t) => n[parseInt(t)]);
-				if (o.has(e)) t.attrs[e] = !0;
+				if (t.attrs.v) {
+					let n = u(t.type);
+					if (n && n.has && n.has(e)) {
+						t.attrs.v = t.attrs.v + "," + e;
+						continue;
+					}
+				}
+				if (s.has(e)) t.attrs[e] = !0;
 				else {
 					let e = a.match(/^__QUOTE(\d+)__$/);
 					if (e) i.push(n[parseInt(e[1])]);
@@ -292,12 +338,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		};
 		return a[t.type] && ((t.type === "ol" || t.type === "ul") && (t.attrs.t = t.type), t.type = a[t.type]), t;
 	}
-	var c = class {
+	var m = class {
 		constructor(e, t) {
 			this.onNode = e || (() => {}), this.streaming = t && t.streaming !== !1, this.maxBuffer = t && t.maxBuffer || 1048576, this.maxDepth = t && t.maxDepth || 100, this.buffer = "", this.stack = [], this.state = "TEXT", this._totalOffset = 0, this._dslText = "", this._tagStartPos = -1;
 		}
 		reset() {
-			this.buffer = "", this.stack = [], this.state = "TEXT", this._totalOffset = 0, this._dslText = "", this._tagStartPos = -1;
+			this.buffer = "", this.stack = [], this.state = "TEXT", this._totalOffset = 0, this._dslText = "", this._tagStartPos = -1, this._lastTrPreview = "", this._trOpenKey = -2;
 		}
 		feed(e) {
 			if (this.buffer.length + e.length > this.maxBuffer && (console.warn("TokUI Parser: buffer 超过 maxBuffer (" + this.maxBuffer + ")，截断输入"), e = e.slice(0, this.maxBuffer - this.buffer.length)), this._dslText += e, this.buffer += e, this._tryParse(), this.streaming && this.state === "TEXT" && this.stack.length > 0 && !this._isRawContent() && !this.buffer.startsWith("[")) {
@@ -339,18 +385,31 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				let e = this.buffer;
 				if ((e.match(/"/g) || []).length % 2 == 1 && (/\b(d|tasks|rows|nodes|flows)\s*:\s*"[^"]*$/.test(e) ? e += "\"" : e = null), e !== null) {
 					this._lastChartPreview = this.buffer;
-					let t = s(e);
-					t.type === "chart" && i(t) && (t._streamPreview = !0, t._previewKey = this._tagStartPos, this.onNode(t));
+					let t = p(e);
+					t.type === "chart" && a(t) && (t._streamPreview = !0, t._previewKey = this._tagStartPos, this.onNode(t));
 				}
 			}
 			if (this.streaming && this.state === "TAG_OPEN" && /^(hrow|flow)\s/.test(this.buffer) && /\bv\s*:/.test(this.buffer) && this.buffer !== this._lastKidPreview) {
 				let e = this.buffer;
 				if ((e.match(/"/g) || []).length % 2 == 1 && (/\bv\s*:\s*"[^"]*$/.test(e) ? e += "\"" : e = null), e !== null) {
 					this._lastKidPreview = this.buffer;
-					let t = s(e);
+					let t = p(e);
 					(t.type === "hrow" || t.type === "flow") && (t._kidPreview = !0, this.onNode(t));
 				}
 			}
+			if (this.streaming && this.state === "TAG_OPEN" && /^tr\b/.test(this.buffer) && this.buffer !== this._lastTrPreview) {
+				let e = this.buffer;
+				if ((e.match(/"/g) || []).length % 2 == 1 && (/"[^"]*$/.test(e) ? e += "\"" : e = null), e !== null) {
+					this._lastTrPreview = this.buffer;
+					let t = p(e);
+					t.type === "tr" && (this._trOpenKey !== this._tagStartPos && (this._trOpenKey = this._tagStartPos, this.onNode({
+						type: "tr",
+						_stream: "open",
+						_trKey: this._tagStartPos,
+						attrs: t.attrs
+					})), t._stream = "preview", t._trKey = this._tagStartPos, this.onNode(t));
+				}
+			}
 		}
 		parse(e) {
 			this.reset(), this._dslText = e, this.buffer = e, this._tryParse(), this._flush();
@@ -467,28 +526,28 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						this.buffer = this.buffer.slice(1), this._totalOffset += 1, this.state = "TAG_CLOSE";
 						continue;
 					}
-					let e = n(this.buffer);
+					let e = /^tr\b/.test(this.buffer) ? r(this.buffer) : n(this.buffer);
 					if (e === -1) break;
-					let t = e, i = !0, a = this.buffer.slice(0, e), o = -1;
+					let t = e, a = !0, o = this.buffer.slice(0, e), s = -1;
 					{
 						let e = !1;
-						for (let t = 0; t < a.length; t++) {
-							let n = a[t];
+						for (let t = 0; t < o.length; t++) {
+							let n = o[t];
 							if (n === "\"") e = !e;
 							else if (n === "[" && !e) {
-								o = t;
+								s = t;
 								break;
 							}
 						}
 					}
-					if (o > 0 && !this._isRawContent()) {
-						let e = s(a.slice(0, o).trim());
-						r.has(e.type) && (t = o, i = !1);
+					if (s > 0 && !this._isRawContent()) {
+						let e = p(o.slice(0, s).trim());
+						i.has(e.type) && (t = s, a = !1);
 					}
 					let c = this.buffer.slice(0, t);
-					this.buffer = this.buffer.slice(t + +!!i);
-					let l = s(c);
-					if (i || (l._implicitOpen = !0), l._dslStart = this._tagStartPos, l._dslEnd = this._totalOffset + t + +!!i, l._dsl = this._dslText.slice(l._dslStart, l._dslEnd), this._totalOffset = l._dslEnd, this.streaming ? this._emitStreaming(l) : this._emitBuffered(l), this.state = "TEXT", !i) continue;
+					this.buffer = this.buffer.slice(t + +!!a);
+					let l = p(c);
+					if (a || (l._implicitOpen = !0), l._dslStart = this._tagStartPos, l._dslEnd = this._totalOffset + t + +!!a, l._dsl = this._dslText.slice(l._dslStart, l._dslEnd), this._totalOffset = l._dslEnd, this.streaming ? this._emitStreaming(l) : this._emitBuffered(l), this.state = "TEXT", !a) continue;
 				}
 				if (this.state === "TAG_CLOSE") {
 					let e = this.buffer.indexOf("]");
@@ -539,17 +598,19 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e._stream = "close", this.onNode(e);
 			}
 			let t = this.stack.length > 0 && this.stack[this.stack.length - 1].type === "p" ? this.stack[this.stack.length - 1] : null;
-			if (t && t.content && !a.has(e.type)) {
+			if (t && t.content && !o.has(e.type)) {
 				let e = this.stack.pop();
 				e._stream = "close", this.onNode(e);
 			}
+			e.type === "tr" && this._trOpenKey === e._dslStart && (e._stream = "finalize", e._trKey = e._dslStart);
 			let n = new Set([
 				"tn",
 				"popover",
 				"input-tag",
-				"watermark"
-			]), o = r.has(e.type) && !n.has(e.type) && e.attrs.tx, s = e.type === "tn" && e.attrs.leaf !== void 0, c = e.type === "input-tag" && e.attrs.tags, l = o || s || c, u = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart", d = i(e);
-			d && (e._previewKey = e._dslStart), r.has(e.type) && !u && !l && !d ? this.stack.length >= this.maxDepth ? (console.warn("TokUI Parser: 嵌套深度超过 maxDepth (" + this.maxDepth + ")，按自闭合处理"), this.stack.length > 0 && this.stack[this.stack.length - 1].children.push(e), this.onNode(e)) : (e._stream = "open", this.stack.push(e), this.onNode(e)) : (this.stack.length > 0 && this.stack[this.stack.length - 1].children.push(e), this.onNode(e));
+				"watermark",
+				"badge-box"
+			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, s = e.type === "tn" && e.attrs.leaf !== void 0, c = e.type === "input-tag" && e.attrs.tags, l = r || s || c, u = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart", d = a(e);
+			d && (e._previewKey = e._dslStart), i.has(e.type) && !u && !l && !d ? this.stack.length >= this.maxDepth ? (console.warn("TokUI Parser: 嵌套深度超过 maxDepth (" + this.maxDepth + ")，按自闭合处理"), this.stack.length > 0 && this.stack[this.stack.length - 1].children.push(e), this.onNode(e)) : (e._stream = "open", this.stack.push(e), this.onNode(e)) : (this.stack.length > 0 && this.stack[this.stack.length - 1].children.push(e), this.onNode(e));
 		}
 		_emitBuffered(e) {
 			if (e.type === "item") for (; this.stack.length > 0 && this.stack[this.stack.length - 1].type === "item";) {
@@ -557,7 +618,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				this.stack.length > 0 && this.stack[this.stack.length - 1].children.push(e);
 			}
 			let t = this.stack.length > 0 && this.stack[this.stack.length - 1].type === "p" ? this.stack[this.stack.length - 1] : null;
-			if (t && t.content && !a.has(e.type)) {
+			if (t && t.content && !o.has(e.type)) {
 				let e = this.stack.pop();
 				this.stack.length > 0 ? this.stack[this.stack.length - 1].children.push(e) : this.onNode(e);
 			}
@@ -565,9 +626,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				"tn",
 				"popover",
 				"input-tag",
-				"watermark"
-			]), o = r.has(e.type) && !n.has(e.type) && e.attrs.tx, s = e.type === "tn" && e.attrs.leaf !== void 0, c = e.type === "input-tag" && e.attrs.tags, l = o || s || c, u = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart", d = i(e);
-			d && (e._previewKey = e._dslStart), r.has(e.type) && !u && !l && !d ? this.stack.length >= this.maxDepth ? (console.warn("TokUI Parser: 嵌套深度超过 maxDepth (" + this.maxDepth + ")，按自闭合处理"), this.stack.length > 0 ? this.stack[this.stack.length - 1].children.push(e) : this.onNode(e)) : this.stack.push(e) : this.stack.length > 0 ? this.stack[this.stack.length - 1].children.push(e) : this.onNode(e);
+				"watermark",
+				"badge-box"
+			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, s = e.type === "tn" && e.attrs.leaf !== void 0, c = e.type === "input-tag" && e.attrs.tags, l = r || s || c, u = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart", d = a(e);
+			d && (e._previewKey = e._dslStart), i.has(e.type) && !u && !l && !d ? this.stack.length >= this.maxDepth ? (console.warn("TokUI Parser: 嵌套深度超过 maxDepth (" + this.maxDepth + ")，按自闭合处理"), this.stack.length > 0 ? this.stack[this.stack.length - 1].children.push(e) : this.onNode(e)) : this.stack.push(e) : this.stack.length > 0 ? this.stack[this.stack.length - 1].children.push(e) : this.onNode(e);
 		}
 		startStream() {
 			this.reset();
@@ -576,13 +638,63 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			this._flush();
 		}
 	};
-	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.TokUIParser = c, window.TokUI._internal.parseTag = s, window.TokUI._internal.CONTAINERS = r), t !== void 0 && t.exports && (t.exports = {
-		TokUIParser: c,
-		parseTag: s,
-		CONTAINERS: r
+	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.TokUIParser = m, window.TokUI._internal.parseTag = p, window.TokUI._internal.setVariantHints = l, window.TokUI._internal.CONTAINERS = i), t !== void 0 && t.exports && (t.exports = {
+		TokUIParser: m,
+		parseTag: p,
+		setVariantHints: l,
+		CONTAINERS: i
 	});
 })), m = /* @__PURE__ */ o(((e, t) => {
-	function n(e, t, n) {
+	function n(e) {
+		var t = e || {}, n = t.form != null && t.form !== "" ? String(t.form) : null;
+		return t.print === void 0 ? t.reset === void 0 ? t.sub !== void 0 && t.sub !== !1 && t.sub !== "" ? {
+			act: "submit",
+			formId: n,
+			handler: t.sub === !0 ? null : String(t.sub),
+			target: null,
+			trigger: !1
+		} : {
+			act: null,
+			formId: n,
+			handler: t.clk ? String(t.clk) : null,
+			target: null,
+			trigger: !1
+		} : {
+			act: "reset",
+			formId: n,
+			handler: t.reset === !0 || t.reset === "" || t.reset == null ? null : String(t.reset),
+			target: null,
+			trigger: !1
+		} : {
+			act: "print",
+			formId: n,
+			handler: null,
+			target: t.print === !0 || t.print === "" || t.print == null ? "self" : String(t.print),
+			trigger: !0
+		};
+	}
+	function r(e, t) {
+		if (!e) return null;
+		if (t) {
+			var n = e.ownerDocument && e.ownerDocument.getElementById ? e.ownerDocument : typeof document < "u" ? document : null, r = n && n.getElementById ? n.getElementById(t) : null;
+			if (r && r.tagName === "FORM") return r;
+		}
+		return e.closest ? e.closest("form") : null;
+	}
+	function i(e, t) {
+		if (!e) return null;
+		if (t && t !== "self") {
+			var n = e.ownerDocument && e.ownerDocument.getElementById ? e.ownerDocument : typeof document < "u" ? document : null;
+			return n && n.getElementById ? n.getElementById(t) : null;
+		}
+		return e.closest && (e.closest(".tokui-print-area") || e.closest(".tokui-card")) || null;
+	}
+	function a(e) {
+		if (e && typeof CustomEvent == "function" && typeof e.dispatchEvent == "function") try {
+			e.dispatchEvent(new CustomEvent("tokuireset", { bubbles: !0 }));
+		} catch {}
+	}
+	function o(e, t, n) {
 		let r = document.createElement(e);
 		return t && Object.entries(t).forEach(([e, t]) => {
 			if (t != null && !(e.startsWith("on") || e === "formaction")) {
@@ -594,7 +706,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}), n != null && (r.textContent = n), r;
 	}
-	var r = {
+	var s = {
 		img: new Set([
 			"avatar",
 			"rounded",
@@ -756,7 +868,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		cascader: new Set(["error", "success"]),
 		upload: new Set(["sm", "lg"]),
 		tree: new Set(["sm", "lg"])
-	}, i = class {
+	}, c = class {
 		constructor(e) {
 			this.registry = {}, this.eventBus = e, this.slotStack = [], this._boundElements = [], this._onError = null;
 		}
@@ -766,32 +878,32 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		onError(e) {
 			this._onError = e;
 		}
-		render(e, t, r) {
-			if ((r || 0) > 50) return console.warn("TokUI Renderer: 渲染深度超过 50，可能存在循环嵌套"), document.createTextNode("");
+		render(e, t, n) {
+			if ((n || 0) > 50) return console.warn("TokUI Renderer: 渲染深度超过 50，可能存在循环嵌套"), document.createTextNode("");
 			if (e.type === "_text") return document.createTextNode(e.content);
-			let i = this.registry[e.type];
-			if (!i) {
-				let t = n("div", {
+			let r = this.registry[e.type];
+			if (!r) {
+				let t = o("div", {
 					class: "tokui-unknown",
 					"data-tokui-type": e.type
 				});
 				return e.content && (t.textContent = e.content), t;
 			}
-			var a = this, o = r || 0;
-			let s = (t) => t.map((t) => a.render(t, e.type, o + 1));
+			var i = this, a = n || 0;
+			let s = (t) => t.map((t) => i.render(t, e.type, a + 1));
 			var c;
 			try {
-				c = i(e, s, t);
+				c = r(e, s, t);
 			} catch (t) {
-				if (console.warn("TokUI Renderer: 组件渲染异常", e.type, t), a._onError) try {
-					a._onError(e.type, t, e);
+				if (console.warn("TokUI Renderer: 组件渲染异常", e.type, t), i._onError) try {
+					i._onError(e.type, t, e);
 				} catch {}
-				var l = n("details", {
+				var l = o("details", {
 					class: "tokui-error",
 					"data-tokui-type": e.type
-				}), u = n("summary", { class: "tokui-error__summary" });
+				}), u = o("summary", { class: "tokui-error__summary" });
 				u.textContent = "[" + e.type + "] 渲染失败", l.appendChild(u);
-				var d = n("div", { class: "tokui-error__detail" });
+				var d = o("div", { class: "tokui-error__detail" });
 				d.textContent = String(t.message || t), l.appendChild(d), c = l;
 			}
 			return this._applyVariants(c, e), c && c.nodeType === 1 && e.type && e.type !== "_text" && c.setAttribute("data-tokui-tag", e.type), c;
@@ -799,13 +911,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		_applyVariants(e, t) {
 			var n = t.attrs && t.attrs.v;
 			if (!(!n || !e || e.nodeType !== 1)) {
-				var i = r[t.type];
-				if (i) {
-					var a = e._variantTarget || e;
+				var r = s[t.type];
+				if (r) {
+					var i = e._variantTarget || e;
 					n.split(",").map(function(e) {
 						return e.trim();
 					}).filter(Boolean).forEach(function(e) {
-						i.has(e) && a.classList.add("tokui-" + t.type + "--" + e);
+						r.has(e) && i.classList.add("tokui-" + t.type + "--" + e);
 					});
 				}
 			}
@@ -815,7 +927,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return n.nodeType === 1 && (n.style.animation = "tokuiFadeIn 0.3s ease"), t.appendChild(n), this.bindEvents(n), n._streamCloseHook && n._streamCloseHook(), n;
 		}
 		mountStreaming(e, t) {
-			return e._streamPreview ? this._streamChartPreview(e, t) : e._stream === "open" ? this._streamOpen(e, t) : e._stream === "close" ? this._streamClose(e) : e.type === "chart" && e._previewKey !== void 0 ? this._streamChartFinalize(e, t) : this._streamChild(e, t);
+			return e._streamPreview ? this._streamChartPreview(e, t) : e.type === "tr" && e._stream === "open" ? this._streamTrOpen(e, t) : e.type === "tr" && e._stream === "preview" ? this._streamTrPreview(e) : e.type === "tr" && e._stream === "finalize" ? this._streamTrFinalize(e, t) : e._stream === "open" ? this._streamOpen(e, t) : e._stream === "close" ? this._streamClose(e) : e.type === "chart" && e._previewKey !== void 0 ? this._streamChartFinalize(e, t) : this._streamChild(e, t);
 		}
 		_streamChartPreview(e, t) {
 			this._pendingCharts = this._pendingCharts || {};
@@ -829,34 +941,54 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			let n = e._previewKey, r = this._pendingCharts[n];
 			return r ? (r._tokuiChartUpdate && r._tokuiChartUpdate(e.attrs), delete this._pendingCharts[n], r) : this._streamChild(e, t);
 		}
+		_streamTrOpen(e, t) {
+			var n = this.slotStack.length > 0 ? this.slotStack[this.slotStack.length - 1] : null;
+			n && n.el && (e._tbodyEl = n.el);
+			var r = this.render(e, n ? n.containerType : void 0);
+			return r && r.nodeType === 1 && (r.style.animation = "tokuiFadeIn 0.3s ease"), (n ? n.slot : t).appendChild(r), this._trRegistry = this._trRegistry || {}, this._trRegistry[e._trKey] = r, r;
+		}
+		_streamTrPreview(e) {
+			this._trRegistry = this._trRegistry || {};
+			var t = this._trRegistry[e._trKey];
+			return t && t._tokuiTrReconcile && t._tokuiTrReconcile(e.content || "", !1, e.attrs), t;
+		}
+		_streamTrFinalize(e, t) {
+			this._trRegistry = this._trRegistry || {};
+			var n = this._trRegistry[e._trKey];
+			return n ? (n._tokuiTrReconcile && n._tokuiTrReconcile(e.content || "", !0, e.attrs), delete this._trRegistry[e._trKey], n) : this._streamChild(e, t);
+		}
 		_streamOpen(e, t) {
-			let n = this.render(e);
-			n.nodeType === 1 && !n.classList.contains("tokui-hover-card__content-temp") && (n.style.animation = "tokuiFadeIn 0.3s ease");
-			let r = this.slotStack.length > 0 ? this.slotStack[this.slotStack.length - 1].slot : t;
+			let n = this.slotStack.length > 0 ? this.slotStack[this.slotStack.length - 1] : null, r = this.render(e, n ? n.containerType : void 0);
+			r && r.nodeType === 1 && (r._tokuiStreamActive = !0), r.nodeType === 1 && !r.classList.contains("tokui-hover-card__content-temp") && (r.style.animation = "tokuiFadeIn 0.3s ease");
+			let i = this.slotStack.length > 0 ? this.slotStack[this.slotStack.length - 1].slot : t;
 			if (e.type === "ft" && this.slotStack.length > 0) {
 				let e = this.slotStack[this.slotStack.length - 1];
-				(e.containerType === "card" || e.containerType === "dialog" || e.containerType === "drawer") && (r = e.el);
+				(e.containerType === "card" || e.containerType === "dialog" || e.containerType === "drawer") && (i = e.el);
 			}
-			if (e.type === "tab" && n._isTab && this.slotStack.length > 0) {
+			if (e.type === "tab" && r._isTab && this.slotStack.length > 0) {
 				let t = this.slotStack[this.slotStack.length - 1];
 				if (t.containerType === "tabs" && t.el._tabId) {
-					let r = t.el, i = r._tabId, a = r._tabCount || 0, o = document.createElement("input");
-					o.type = "radio", o.name = i, o.className = "tokui-tabs-input", o.id = i + "-" + a, o.setAttribute("data-index", String(a)), a === 0 && (o.checked = !0), r.appendChild(o);
+					let n = t.el, i = n._tabId, a = n._tabCount || 0, o = document.createElement("input");
+					o.type = "radio", o.name = i, o.className = "tokui-tabs-input", o.id = i + "-" + a, o.setAttribute("data-index", String(a)), o.checked = !0, n.appendChild(o);
 					let s = document.createElement("label");
-					return s.className = "tokui-tabs-label", s.setAttribute("for", i + "-" + a), s.setAttribute("data-index", String(a)), s.setAttribute("data-tokui-tag", "tab"), s.textContent = n._tabTitle || "Tab " + (a + 1), r.appendChild(s), n.setAttribute("data-index", String(a)), r.appendChild(n), r._tabCount = a + 1, this.slotStack.push({
-						slot: n._slot || n,
-						el: n,
+					return s.className = "tokui-tabs-label", s.setAttribute("for", i + "-" + a), s.setAttribute("data-index", String(a)), s.setAttribute("data-tokui-tag", "tab"), s.textContent = r._tabTitle || "Tab " + (a + 1), n.appendChild(s), r.setAttribute("data-index", String(a)), n.appendChild(r), n._tabCount = a + 1, this.slotStack.push({
+						slot: r._slot || r,
+						el: r,
 						containerType: e.type
-					}), n;
+					}), r;
 				}
 			}
-			r.appendChild(n);
-			let i = n._slot || n;
+			if (e.type === "collapse" && this.slotStack.length > 0 && this.slotStack[this.slotStack.length - 1].containerType === "accordion") {
+				for (var a = this.slotStack[this.slotStack.length - 1].el.querySelectorAll(".tokui-collapse"), o = 0; o < a.length; o++) a[o] !== r && (a[o].removeAttribute("open"), a[o].setAttribute("aria-expanded", "false"));
+				r.setAttribute("open", ""), r.setAttribute("aria-expanded", "true");
+			}
+			i.appendChild(r);
+			let s = r._slot || r;
 			return this.slotStack.push({
-				slot: i,
-				el: n,
+				slot: s,
+				el: r,
 				containerType: e.type
-			}), n;
+			}), r;
 		}
 		_streamClose(e) {
 			for (; this.slotStack.length > 0;) {
@@ -991,12 +1123,109 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					});
 				}
 			}
+			let i = [];
+			e.hasAttribute && e.hasAttribute("data-tokui-act") && i.push(e), e.querySelectorAll("[data-tokui-act]").forEach((e) => i.push(e)), i.forEach((e) => {
+				if (e._tokuiActBound) return;
+				e._tokuiActBound = !0;
+				let n = e.getAttribute("data-tokui-act"), r = e.getAttribute("data-tokui-form");
+				var i = function(i) {
+					i && typeof i.preventDefault == "function" && i.preventDefault(), n === "submit" ? t._doSubmit(e, r) : n === "reset" ? t._doReset(e, r) : n === "print" && t._triggerPrint(e);
+				};
+				e.addEventListener("click", i), t._boundElements.push({
+					element: e,
+					listeners: [{
+						type: "click",
+						fn: i
+					}]
+				});
+			});
+		}
+		_doSubmit(e, t) {
+			var n = r(e, t);
+			if (n) {
+				var i = e.getAttribute("data-tokui-sub"), a = this._collectFormData(n);
+				if (i) {
+					var o = this.eventBus.getHandler(i);
+					o && o(a, null, n);
+				}
+			}
+		}
+		_doReset(e, t) {
+			var n = r(e, t);
+			if (n) {
+				if (typeof n.reset == "function") try {
+					n.reset();
+				} catch {}
+				a(n), n.querySelectorAll("[data-tokui-resettable]").forEach(function(e) {
+					typeof e._tokuiReset == "function" && e._tokuiReset();
+				});
+				var i = e.getAttribute("data-tokui-handler");
+				if (i) {
+					var o = this.eventBus.getHandler(i);
+					o && o(null, null, n);
+				}
+			}
+		}
+		_triggerPrint(e) {
+			var t = i(e, e.getAttribute("data-tokui-target") || "self");
+			if (t && !(typeof window > "u" || typeof document > "u" || !document.body || typeof window.print != "function")) {
+				t.classList.add("tokui-print-target"), document.body.setAttribute("data-tokui-printing", "1");
+				for (var n = [], r = document.body.children || [], a = 0; a < r.length; a++) {
+					var o = r[a];
+					o && o.nodeType === 1 && o !== t && !(o.contains && o.contains(t)) && (o.setAttribute("data-tokui-print-hidden", "1"), n.push(o));
+				}
+				for (var s = [
+					["position", "static"],
+					["transform", "none"],
+					["perspective", "none"],
+					["filter", "none"],
+					["backdrop-filter", "none"],
+					["will-change", "auto"],
+					["contain", "none"]
+				], c = [], l = t.parentNode; l && l.nodeType === 1 && l !== document.documentElement;) {
+					var u = typeof getComputedStyle == "function" ? getComputedStyle(l) : null;
+					if (u) {
+						for (var d = null, f = 0; f < s.length; f++) {
+							var p = s[f][0], m = s[f][1], h = u.getPropertyValue(p);
+							h && h !== m && h !== "normal" && (d ||= {}, d[p] = {
+								v: l.style.getPropertyValue(p),
+								p: l.style.getPropertyPriority(p)
+							}, l.style.setProperty(p, m, "important"));
+						}
+						d && c.push({
+							el: l,
+							saved: d
+						});
+					}
+					l = l.parentNode;
+				}
+				var g = !1, _ = function() {
+					if (!g) {
+						g = !0, t.classList.remove("tokui-print-target"), typeof document < "u" && document.body && document.body.removeAttribute("data-tokui-printing");
+						for (var e = 0; e < n.length; e++) n[e].removeAttribute("data-tokui-print-hidden");
+						for (var r = 0; r < c.length; r++) {
+							var i = c[r];
+							for (var a in i.saved) Object.prototype.hasOwnProperty.call(i.saved, a) && i.el.style.setProperty(a, i.saved[a].v, i.saved[a].p);
+						}
+						typeof window < "u" && typeof window.removeEventListener == "function" && window.removeEventListener("afterprint", _);
+					}
+				};
+				typeof window.addEventListener == "function" && window.addEventListener("afterprint", _);
+				try {
+					window.print();
+				} catch {}
+				setTimeout(_, 1e3);
+			}
 		}
 	};
-	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.el = n, window.TokUI._internal.VARIANTS = r, window.TokUI._internal.TokUIRenderer = i), t !== void 0 && t.exports && (t.exports = {
-		el: n,
-		TokUIRenderer: i,
-		VARIANTS: r
+	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.el = o, window.TokUI._internal.VARIANTS = s, window.TokUI._internal.TokUIRenderer = c, window.TokUI._internal.resolveButtonAction = n, window.TokUI._internal.resolveTargetForm = r, window.TokUI._internal.resolvePrintScope = i, window.TokUI._internal.broadcastTokuiReset = a), t !== void 0 && t.exports && (t.exports = {
+		el: o,
+		TokUIRenderer: c,
+		VARIANTS: s,
+		resolveButtonAction: n,
+		resolveTargetForm: r,
+		resolvePrintScope: i,
+		broadcastTokuiReset: a
 	});
 })), h = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
@@ -3671,14 +3900,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"h6"
 		].forEach((r) => {
 			e.register(r, (e) => {
-				let i = t(r, { class: `tokui-${r}` }, e.content), a = n(e.attrs.bg), o = n(e.attrs.fc), s = e.attrs.v || "";
+				let i = t(r, { class: `tokui-${r}` }, e.content || e.attrs && e.attrs.tx), a = n(e.attrs.bg), o = n(e.attrs.fc), s = e.attrs.v || "";
 				return a && (s.includes("underline") ? i.style.setProperty("--tokui-title-bg", a) : i.style.background = a), o && (i.style.color = o), i;
 			});
 		}), e.register("p", (e, n) => {
 			var r = { class: "tokui-p" };
 			e.attrs && e.attrs.id && (r.id = e.attrs.id);
-			var i = t("p", r);
-			return e.content && i.appendChild(document.createTextNode(e.content)), e.children && e.children.length && n(e.children).forEach(function(e) {
+			var i = t("p", r), a = e.content || e.attrs && e.attrs.tx;
+			return a && i.appendChild(document.createTextNode(a)), e.children && e.children.length && n(e.children).forEach(function(e) {
 				e && e.nodeType && i.appendChild(e);
 			}), i;
 		}), e.register("a", (e) => {
@@ -4115,9 +4344,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}, d;
 		}), e.register("badge-box", (e, n) => {
 			var r = e.attrs || {}, i = t("span", { class: "tokui-badge-box" });
-			e.children && e.children.length && e.children.forEach(function(e) {
-				var t = n(e);
-				t && i.appendChild(t);
+			e.children && e.children.length && n(e.children).forEach(function(e) {
+				e && i.appendChild(e);
 			});
 			var a = r.t || r.status || "error", o = a === "primary" ? "var(--tokui-primary)" : a === "success" ? "var(--tokui-success)" : a === "warning" ? "var(--tokui-warning)" : a === "info" ? "var(--tokui-info)" : "var(--tokui-danger)", s;
 			if (r.dot) s = t("sup", { class: "tokui-badge-box__dot" }), s.style.background = o;
@@ -4126,7 +4354,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				(isNaN(l) || l < 0) && (l = 0);
 				var u = l > c ? c + "+" : String(l);
 				s = t("sup", { class: "tokui-badge-box__count" }), s.textContent = u, s.style.background = o;
-			} else r.label && (s = t("sup", { class: "tokui-badge-box__text" }), s.textContent = r.label, a === "default" ? (s.style.background = "var(--tokui-stripe, #f5f5f5)", s.style.color = "var(--tokui-text-secondary, #666)") : s.style.background = o);
+			} else (r.tx || r.label) && (s = t("sup", { class: "tokui-badge-box__text" }), s.textContent = r.tx || r.label, a === "default" ? (s.style.background = "var(--tokui-stripe, #f5f5f5)", s.style.color = "var(--tokui-text-secondary, #666)") : s.style.background = o);
 			return s && i.appendChild(s), i;
 		}), e.register("skeleton", (e) => {
 			var n = e.attrs || {}, r = n.t || "text", i = parseInt(n.rows, 10) || 3, a = n.w || "", o = n.h || "", s = t("div", {
@@ -4411,7 +4639,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return s;
 		}), e.register("stat", (e) => {
 			var n = e.attrs || {}, r = n.tt || "", i = n.v || "0", a = n.pre || "", o = n.suf || "", s = n.trend || "", c = parseInt(n.anim) || 0, l = parseInt(n.dec) || 0, u = t("div", { class: "tokui-stat" });
-			if (r) {
+			if (n.id && (u.id = n.id), r) {
 				var d = t("div", { class: "tokui-stat__title" });
 				d.textContent = r, u.appendChild(d);
 			}
@@ -5659,32 +5887,61 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}), n && u.setAttribute("data-tokui-clk", n), u;
 		}
 		e.register("welcome", (e, n) => {
-			var r = e.attrs || {}, i = r.tt || "", a = r.st || "", o = t("div", { class: "tokui-welcome" });
-			if (i) {
-				var s = t("div", { class: "tokui-welcome__title" });
-				s.textContent = i, o.appendChild(s);
+			var r = e.attrs || {}, i = r.tt || "", a = r.st || "", o = r.bd ? String(r.bd).split(",") : [], s = r.hd || "", c = r.ft || "", l = t("div", { class: "tokui-welcome" });
+			if (i || a || o.length) {
+				var u = t("div", { class: "tokui-welcome__hero" });
+				if (i) {
+					var d = t("div", { class: "tokui-welcome__title" });
+					d.textContent = i, u.appendChild(d);
+				}
+				if (a) {
+					var f = t("div", { class: "tokui-welcome__subtitle" });
+					f.textContent = a, u.appendChild(f);
+				}
+				if (o.length) {
+					var p = t("div", { class: "tokui-welcome__badges" });
+					o.forEach(function(e) {
+						var n = String(e).trim();
+						if (n) {
+							var r = t("span", { class: "tokui-welcome__badge" });
+							r.textContent = n, p.appendChild(r);
+						}
+					}), u.appendChild(p);
+				}
+				l.appendChild(u);
 			}
-			if (a) {
-				var c = t("div", { class: "tokui-welcome__subtitle" });
-				c.textContent = a, o.appendChild(c);
+			if (s) {
+				var m = t("div", { class: "tokui-welcome__section" });
+				m.textContent = s, l.appendChild(m);
 			}
-			var l = t("div", { class: "tokui-welcome__grid" });
-			return n(e.children || []).forEach(function(e) {
-				e && e.nodeType && l.appendChild(e);
-			}), o.appendChild(l), o._slot = l, o._tokuiType = "welcome", o;
+			var h = t("div", { class: "tokui-welcome__grid" });
+			if (n(e.children || []).forEach(function(e) {
+				e && e.nodeType && h.appendChild(e);
+			}), l.appendChild(h), c) {
+				var g = t("div", { class: "tokui-welcome__footer" });
+				g.textContent = c, l.appendChild(g);
+			}
+			return l._slot = h, l._tokuiType = "welcome", l;
 		});
 		function x(e) {
 			var n = e.attrs || {}, r = n.tt || "", i = n.tx || "", a = n.i || "code", o = n.clk || "", s = {
 				code: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"/><polyline points=\"8 6 2 12 8 18\"/></svg>",
 				chart: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"/></svg>",
-				doc: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><polyline points=\"14 2 14 8 20 8\"/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"/></svg>"
+				doc: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><polyline points=\"14 2 14 8 20 8\"/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"/></svg>",
+				dashboard: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"8\" height=\"10\" rx=\"1\"/><rect x=\"13\" y=\"3\" width=\"8\" height=\"6\" rx=\"1\"/><rect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"/><rect x=\"3\" y=\"17\" width=\"8\" height=\"4\" rx=\"1\"/></svg>",
+				print: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 6 2 18 2 18 9\"/><path d=\"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2\"/><rect x=\"6\" y=\"14\" width=\"12\" height=\"8\" rx=\"1\"/></svg>",
+				chat: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"/></svg>",
+				table: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1\"/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/><line x1=\"9\" y1=\"10\" x2=\"9\" y2=\"20\"/></svg>",
+				form: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4\"/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"/></svg>"
 			}, c = {
 				class: ["tokui-welcome-feature", "tokui-welcome-feature--" + a].join(" "),
 				role: "button",
 				tabindex: "0",
 				"data-tokui-tag": e.type
 			};
-			o && (c["data-tokui-clk"] = o);
+			o && (c["data-tokui-clk"] = o), Object.keys(n).forEach(function(e) {
+				e.indexOf("data-") === 0 && (c[e] = n[e]);
+			});
 			var l = t("div", c), u = t("div", { class: "tokui-welcome-feature__icon" });
 			u.innerHTML = s[a] || s.code, l.appendChild(u);
 			var d = t("div", { class: "tokui-welcome-feature__body" });
@@ -5696,13 +5953,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var p = t("div", { class: "tokui-welcome-feature__desc" });
 				p.textContent = i, d.appendChild(p);
 			}
-			return l.appendChild(d), o && l.addEventListener("click", function() {
-				var e = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal.eventBus : null;
-				e && typeof e.emit == "function" && e.emit(o, {
-					title: r,
-					icon: a
-				});
-			}), l._tokuiType = "welcome-feature", l;
+			return l.appendChild(d), l._tokuiType = "welcome-feature", l;
 		}
 		e.register("welcome-feature", (e) => x(e)), e.register("feature", (e) => x(e)), e.register("attachments", (e, n) => {
 			var r = (e.attrs || {}).clk || "", i = t("div", { class: "tokui-attachments" });
@@ -5849,14 +6100,26 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}, 0), c._streamCloseHook = function() {
 				var t = (e.children || []).find(function(e) {
 					return e.type === "artifact-code";
-				}), n = t ? (t.children || []).map(function(e) {
+				}), n;
+				if (t) n = (t.children || []).map(function(e) {
 					return e.content || "";
-				}).join("") : c._artifactCode || "";
+				}).join("");
+				else {
+					n = "";
+					for (var a = c.querySelectorAll("pre"), o = 0; o < a.length; o++) if (a[o]._tokuiType === "artifact-code") {
+						var l = a[o].querySelector("code");
+						if (l) {
+							n = l.textContent || "";
+							break;
+						}
+					}
+					n ||= c._artifactCode || "";
+				}
 				s !== "text" && r[s] ? x.innerHTML = p(i(n, s)) : x.innerHTML = p(f(n)), c._artifactCode = n;
-				var a = "";
-				a = s === "html" ? n : "<pre style=\"margin:0;padding:16px;font-family:monospace;font-size:13px;white-space:pre-wrap;word-break:break-word;\">" + n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;") + "</pre>", w.setAttribute("srcdoc", a);
-				var o = c.querySelector(".tokui-artifact-preview-standalone");
-				o && o.parentNode && o.parentNode.removeChild(o);
+				var u = "";
+				u = s === "html" ? n : "<pre style=\"margin:0;padding:16px;font-family:monospace;font-size:13px;white-space:pre-wrap;word-break:break-word;\">" + n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;") + "</pre>", w.setAttribute("srcdoc", u);
+				var d = c.querySelector(".tokui-artifact-preview-standalone");
+				d && d.parentNode && d.parentNode.removeChild(d);
 			}, c;
 		}), e.register("artifact-code", (e, n) => {
 			var r = "";
@@ -6267,7 +6530,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 })), v = /* @__PURE__ */ o(((e, t) => {
 	function n(e, t) {
 		let n = t("div", {});
-		return n.style.display = "flex", n.style.gap = "6px", n.style.alignItems = "center", e.split("|").forEach((e) => {
+		return n.style.display = "inline-flex", n.style.gap = "6px", n.style.alignItems = "center", e.split("|").forEach((e) => {
 			let r = e.trim();
 			if (!r) return;
 			let i = r.split(/\s+/), a = "", o = {
@@ -6312,9 +6575,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		};
 		function o(e) {
-			var t = e.indexOf("/"), n = t > 0 ? e.slice(0, t) : e, r = t > 0 ? e.slice(t + 1).trim().toLowerCase() : "", i = n.indexOf(":");
+			var t = e.indexOf("/"), n = t > 0 ? e.slice(0, t) : e, r = t > 0 ? e.slice(t + 1) : "", i = "", a = "";
+			if (r) {
+				var o = r.split("/");
+				i = o[0].trim().toLowerCase(), a = o[1] ? o[1].trim().toLowerCase() : "";
+			}
+			var s = n.indexOf(":");
 			return {
-				name: i > 0 ? n.slice(0, i) : n,
+				name: s > 0 ? n.slice(0, s) : n,
 				align: {
 					c: "center",
 					center: "center",
@@ -6322,11 +6590,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					right: "right",
 					l: "left",
 					left: "left"
-				}[r] || ""
+				}[i] || "",
+				color: {
+					primary: "primary",
+					success: "success",
+					warning: "warning",
+					danger: "danger",
+					info: "info"
+				}[a] || ""
 			};
 		}
-		let s = [], c = [], u = 0;
-		function d(e) {
+		let s = [], c = [], u = [], d = 0, f = null;
+		function h(e) {
 			let t = e.querySelector(".tokui-chk-all");
 			if (!t) return;
 			let n = e.querySelectorAll(".tokui-chk-row"), r = e.querySelectorAll(".tokui-chk-row:checked");
@@ -6338,53 +6613,73 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				role: "table"
 			};
 			e.attrs.id && (r.id = e.attrs.id), e.attrs.stripe !== void 0 && (r.class += " tokui-table--stripe");
-			let i = t("div", { class: "tokui-table-wrapper" }), s = t("table", r);
-			(e.attrs.cap || e.attrs.caption) && s.appendChild(t("caption", {}, e.attrs.cap || e.attrs.caption));
-			let c = [], l = [], u = e.children.find((e) => e.type === "thead");
-			return u && u.attrs.cols && u.attrs.cols.split(",").forEach((e) => {
-				let t = o(e);
-				c.push(a[t.name] ? t.name : null), l.push(t.align);
-			}), e.children.forEach((e) => {
-				e._colTypes = c, e._colAligns = l;
-			}), n(e.children).forEach((e) => {
-				e && e.nodeType && s.appendChild(e);
-			}), i.appendChild(s), i._slot = s, i._tokuiType = "table", i;
+			let i = t("div", { class: "tokui-table-wrapper" }), a = t("table", r);
+			return (e.attrs.cap || e.attrs.caption) && a.appendChild(t("caption", {}, e.attrs.cap || e.attrs.caption)), f = a, n(e.children).forEach((e) => {
+				e && e.nodeType && a.appendChild(e);
+			}), i.appendChild(a), i._slot = a, i._tokuiType = "table", i;
 		}), e.register("thead", (e) => {
-			let n = t("thead", { class: "tokui-thead" }), r = t("tr", { class: "tokui-thead-row" });
-			return e.attrs.cols ? (s = [], c = [], u = 0, e.attrs.cols.split(",").forEach((e) => {
-				let n = o(e), i = n.name, l = n.align ? "tokui-col-" + n.align : "", u = { scope: "col" };
-				if (s.push(a[i] ? i : null), c.push(n.align), i === "chk") {
-					u.class = "tokui-col-chk" + (l ? " " + l : "");
-					let e = t("input", {
-						type: "checkbox",
-						class: "tokui-chk-all"
-					});
-					e.addEventListener("change", function() {
-						let t = e.closest("table");
-						t && (t.querySelectorAll(".tokui-chk-row").forEach(function(t) {
-							t.checked = e.checked;
-						}), e.indeterminate = !1);
+			let n = t("thead", { class: "tokui-thead" });
+			if (e.attrs.cols) {
+				s = [], c = [], u = [], d = 0;
+				let r = e.attrs.cols.split(";"), i = r.length - 1, l = r.map(function(e) {
+					return g(e).map(function(e) {
+						let t = o(e), n = S(t.name);
+						return {
+							text: n.text,
+							align: t.align,
+							color: t.color,
+							colspan: n.colspan || 1,
+							rowspan: n.rowspan || 1
+						};
 					});
-					let n = t("th", u);
-					n.appendChild(e), r.appendChild(n);
-					return;
-				}
-				if (i === "#") {
-					u.class = "tokui-col-seq" + (l ? " " + l : ""), r.appendChild(t("th", u, "#"));
-					return;
-				}
-				u.class = l, r.appendChild(t("th", u, i));
-			})) : e.children.forEach((e) => {
-				let n = e.attrs && e.attrs.n || "";
-				r.appendChild(t("th", {
-					scope: "col",
-					"data-tokui-tag": e.type === "tcol" ? "tcol" : null
-				}, n));
-			}), n.appendChild(r), n._slot = r, n._tokuiType = "thead", n;
+				}), p = l.length ? l[0].reduce(function(e, t) {
+					return e + t.colspan;
+				}, 0) : 0;
+				f && p > 0 && (f.style.minWidth = "calc(" + p + " * var(--tokui-table-min-col-w, 96px))");
+				let m = [];
+				l.forEach(function(e, r) {
+					let o = b(e, m, p), l = t("tr", { class: "tokui-thead-row" });
+					o.forEach(function(e) {
+						let n = e.cell, o = n.align ? "tokui-col-" + n.align : "", d = n.color ? "tokui-text--" + n.color : "", f = { scope: "col" };
+						if (e.colspan >= 2 && (f.colspan = String(e.colspan)), e.rowspan >= 2 && (f.rowspan = String(e.rowspan)), r + e.rowspan - 1 >= i) for (var p = 0; p < e.colspan; p++) c[e.col + p] = n.align || "", s[e.col + p] = a[n.text] ? n.text : null, u[e.col + p] = n.color || "";
+						if (n.text === "chk") {
+							f.class = "tokui-col-chk" + (o ? " " + o : "") + (d ? " " + d : "");
+							let e = t("input", {
+								type: "checkbox",
+								class: "tokui-chk-all"
+							});
+							e.addEventListener("change", function() {
+								let t = e.closest("table");
+								t && (t.querySelectorAll(".tokui-chk-row").forEach(function(t) {
+									t.checked = e.checked;
+								}), e.indeterminate = !1);
+							});
+							let n = t("th", f);
+							n.appendChild(e), l.appendChild(n);
+							return;
+						}
+						if (n.text === "#") {
+							f.class = "tokui-col-seq" + (o ? " " + o : "") + (d ? " " + d : ""), l.appendChild(t("th", f, "#"));
+							return;
+						}
+						f.class = (o + " " + d).trim(), l.appendChild(t("th", f, n.text));
+					}), n.appendChild(l);
+				});
+			} else {
+				let r = t("tr", { class: "tokui-thead-row" });
+				e.children.forEach((e) => {
+					let n = e.attrs && e.attrs.n || "";
+					r.appendChild(t("th", {
+						scope: "col",
+						"data-tokui-tag": e.type === "tcol" ? "tcol" : null
+					}, n));
+				}), n.appendChild(r);
+			}
+			return n._slot = n.lastChild || n, n._tokuiType = "thead", n;
 		}), e.register("tbody", (e, n) => {
-			let r = t("tbody", { class: "tokui-tbody" }), i = e._colTypes || s, a = e._colAligns || c;
-			return e.children.forEach((e) => {
-				e._colTypes = i, e._colAligns = a, e._seqNum = ++u;
+			let r = t("tbody", { class: "tokui-tbody" }), i = e._colTypes || s, a = e._colAligns || c, o = e._colColors || u;
+			return r._tokuiOccupancy = [], r._tokuiMaxCols = a.length || i.length, e.children.forEach((e) => {
+				e._colTypes = i, e._colAligns = a, e._colColors = o, e._seqNum = ++d, e._tbodyEl = r;
 			}), n(e.children).forEach((e) => {
 				e && e.nodeType && r.appendChild(e);
 			}), r.addEventListener("mousedown", function(e) {
@@ -6402,10 +6697,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					let e = Math.min(s, a), n = Math.max(s, a), r = t.checked;
 					for (let t = e; t <= n; t++) i[t].checked = r;
 				} else a >= 0 && (n.__tokuiChkAnchor = a);
-				d(n);
+				h(n);
 			}), r._slot = r, r._tokuiType = "tbody", r;
 		});
-		function f(e) {
+		function g(e) {
 			let t = [], n = "", r = !1;
 			for (let i = 0; i < e.length; i++) {
 				let a = e[i];
@@ -6413,80 +6708,185 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return t.push(n), t;
 		}
+		function _(e) {
+			return e.length > 1 && e.charAt(0) === "\"" && e.charAt(e.length - 1) === "\"" && e.indexOf("\"", 1) === e.length - 1 ? e.slice(1, -1) : e;
+		}
+		function v(e) {
+			for (var t = [], n = "", r = !1, i = 0, a = 0; a < e.length; a++) {
+				var o = e[a];
+				o === "\"" ? r = !r : r ? n += o : o === "[" ? (i++, n += o) : o === "]" ? (i--, n += o) : o === "," && i === 0 ? (t.push(n), n = "") : n += o;
+			}
+			return t.push(n), t;
+		}
+		function y(e, n) {
+			var r = { class: "tokui-td tokui-td--skeleton" }, i = n.colAligns[e];
+			i && (r.class += " tokui-col-" + i);
+			var a = t("td", r);
+			return a.appendChild(t("span", { class: "tokui-skeleton" })), a;
+		}
+		function b(e, t, n) {
+			for (var r = [], i = 0, a = 0; a < e.length; a++) {
+				for (var o = e[a], s = o.colspan || 1, c = o.rowspan || 1; i < n && t[i] > 0;) --t[i], i++;
+				r.push({
+					cell: o,
+					col: i,
+					colspan: s,
+					rowspan: c
+				});
+				for (var l = 0; l < s; l++) t[i + l] = c > 1 ? c - 1 : 0;
+				i += s;
+			}
+			for (; i < n && t[i] > 0;) --t[i], i++;
+			return r;
+		}
+		function x(e, t, n) {
+			return !t || !n ? null : b(e.map(function(e) {
+				var t = S(e);
+				return {
+					colspan: t.colspan || 1,
+					rowspan: t.rowspan || 1
+				};
+			}), n, t._tokuiMaxCols || e.length).map(function(e) {
+				return e.col;
+			});
+		}
+		function S(e) {
+			e = String(e);
+			var t = e.match(/=([cr]\d+){1,2}$/);
+			if (!t) return {
+				text: e,
+				colspan: 0,
+				rowspan: 0
+			};
+			var n = t[0], r = e.slice(0, e.length - n.length), i = 0, a = 0, o = n.match(/c(\d+)/), s = n.match(/r(\d+)/);
+			return o && (i = parseInt(o[1], 10) || 0), s && (a = parseInt(s[1], 10) || 0), {
+				text: r,
+				colspan: i,
+				rowspan: a
+			};
+		}
+		function C(e, r, a) {
+			var o = a.colTypes, s = a.colAligns, c = a.seqNum, l = a.colspanVal, u = a.cellCols && a.cellCols[r] != null ? a.cellCols[r] : r, d = { class: "tokui-td" }, f = s[u];
+			f && (d.class += " tokui-col-" + f);
+			var p = a.colColors && a.colColors[u];
+			if (p && (d.class += " tokui-text--" + p), r === 0 && l >= 2 && (d.colspan = String(l)), r > 0 && r < l) return null;
+			var m = S(e), h = m.text.trim();
+			if (m.colspan >= 2 && (d.colspan = String(m.colspan)), m.rowspan >= 2 && (d.rowspan = String(m.rowspan)), o[u] === "chk") {
+				d.class += " tokui-col-chk";
+				var g = t("td", d);
+				return g.appendChild(t("input", {
+					type: "checkbox",
+					class: "tokui-chk-row"
+				})), g;
+			}
+			if (o[u] === "#") return d.class += " tokui-col-seq", t("td", d, String(c));
+			var _ = i(h);
+			if (_) {
+				d.class += " tokui-td--inline";
+				var v = t("td", d);
+				return v.appendChild(_), v;
+			}
+			if (h.startsWith("btn:")) {
+				d.class += " tokui-col-action";
+				var y = t("td", d);
+				return y.appendChild(n(h, t)), y;
+			}
+			if (h.startsWith("tag:")) {
+				var b = t("td", d), x = h.split(/\s+/), C = "", w = { class: "tokui-tag" };
+				return x.forEach(function(e) {
+					e.startsWith("tag:") ? C = e.slice(4) : e.startsWith("t:") && (w.class += " tokui-tag--" + e.slice(2));
+				}), b.appendChild(t("span", w, C)), b;
+			}
+			if (h.startsWith("progress")) {
+				var T = t("td", d), E = h.split(/\s+/), D = 0, O = "span", k = "";
+				if (E.forEach(function(e) {
+					e.startsWith("v:") ? D = parseInt(e.slice(2)) || 0 : e.startsWith("t:") ? O = e.slice(2) : e.startsWith("status:") && (k = e.slice(7));
+				}), O === "span") {
+					var A = t("span", { class: "tokui-progress tokui-progress--span" }), j = t("span", { class: "tokui-progress__mini-bar" }), M = "tokui-progress__mini-fill";
+					k === "error" ? M += " tokui-progress--error" : D >= 80 && (M += " tokui-progress--success");
+					var N = t("span", { class: M });
+					N.style.width = D + "%", j.appendChild(N), A.appendChild(j);
+					var P = t("span", { class: "tokui-progress__span-text" });
+					P.textContent = D + "%", A.appendChild(P), T.appendChild(A);
+				}
+				return T;
+			}
+			return t("td", d, h);
+		}
+		function w(e, t) {
+			e._tokuiCellText = [], e._tokuiCellTds = [];
+			var n = "\0SKELETON\0";
+			function r(t, n) {
+				if (t) {
+					for (var r = null, i = n + 1; i < e._tokuiCellTds.length; i++) if (e._tokuiCellTds[i] && e._tokuiCellTds[i].parentNode === e) {
+						r = e._tokuiCellTds[i];
+						break;
+					}
+					r ? e.insertBefore(t, r) : e.appendChild(t);
+				}
+			}
+			return e._tokuiTrReconcile = function(i, a, o) {
+				o && o.v && String(o.v).split(",").forEach(function(t) {
+					t = t.trim(), t && e.classList.add("tokui-table-row--" + t);
+				});
+				var s = v(_(i || "")), c = t.tbodyEl && t.tbodyEl._tokuiOccupancy;
+				c && (t.cellCols = x(s, t.tbodyEl, a ? c : c.slice()));
+				for (var l = 0; l < s.length; l++) {
+					var u = s[l], d = u.trim(), f = l === s.length - 1, p = (/^\[/.test(d) || /^(btn|tag|progress)\b/.test(d)) && f && !a, m = p ? n : u;
+					if (e._tokuiCellText[l] !== m) {
+						var h = e._tokuiCellTds[l];
+						h && h.parentNode === e && e.removeChild(h);
+						var g = p ? y(l, t) : C(u, l, t);
+						r(g, l), e._tokuiCellTds[l] = g || null, e._tokuiCellText[l] = m;
+					}
+				}
+				for (var b = s.length; b < e._tokuiCellTds.length; b++) {
+					var S = e._tokuiCellTds[b];
+					S && S.parentNode === e && e.removeChild(S), e._tokuiCellTds[b] = null;
+				}
+				e._tokuiCellTds.length = s.length, e._tokuiCellText.length = s.length;
+			}, e;
+		}
 		e.register("tr", (e) => {
-			let r = t("tr", {
+			let n = t("tr", {
 				class: "tokui-table-row",
 				role: "row"
 			});
-			var a = e.attrs && e.attrs.cs ? parseInt(e.attrs.cs) : 0;
-			let o = e._colTypes || s, l = e._colAligns || c, d = e._seqNum || ++u;
+			e.attrs && e.attrs.v && String(e.attrs.v).split(",").forEach(function(e) {
+				e = e.trim(), e && n.classList.add("tokui-table-row--" + e);
+			});
+			var r = e.attrs && e.attrs.cs ? parseInt(e.attrs.cs) : 0;
+			let i = e._colTypes || s, a = {
+				colTypes: i,
+				colAligns: e._colAligns || c,
+				colColors: e._colColors || u,
+				seqNum: e._seqNum || ++d,
+				colspanVal: r,
+				tbodyEl: e._tbodyEl
+			};
+			if (e._stream === "open") return w(n, a), n;
 			if (e.content) {
-				var p = e.content;
-				p.length > 1 && p.charAt(0) === "\"" && p.charAt(p.length - 1) === "\"" && (p = p.slice(1, -1)), f(p).forEach((e, s) => {
-					let c = { class: "tokui-td" }, u = l[s];
-					if (u && (c.class += " tokui-col-" + u), s === 0 && a >= 2 && (c.colspan = String(a)), s > 0 && s < a) return;
-					let f = e.trim();
-					if (o[s] === "chk") {
-						c.class += " tokui-col-chk";
-						let e = t("td", c);
-						e.appendChild(t("input", {
-							type: "checkbox",
-							class: "tokui-chk-row"
-						})), r.appendChild(e);
-						return;
-					}
-					if (o[s] === "#") {
-						c.class += " tokui-col-seq", r.appendChild(t("td", c, String(d)));
-						return;
-					}
-					let p = i(f);
-					if (p) {
-						c.class += " tokui-td--inline";
-						let e = t("td", c);
-						e.appendChild(p), r.appendChild(e);
-						return;
-					}
-					if (f.startsWith("btn:")) {
-						c.class += " tokui-col-action";
-						let e = t("td", c);
-						e.appendChild(n(f, t)), r.appendChild(e);
-						return;
-					}
-					if (f.startsWith("tag:")) {
-						let e = t("td", c), n = f.split(/\s+/), i = "", a = { class: "tokui-tag" };
-						n.forEach((e) => {
-							e.startsWith("tag:") ? i = e.slice(4) : e.startsWith("t:") && (a.class += " tokui-tag--" + e.slice(2));
-						});
-						let o = t("span", a, i);
-						e.appendChild(o), r.appendChild(e);
-						return;
-					}
-					if (f.startsWith("progress")) {
-						let e = t("td", c), n = f.split(/\s+/), i = 0, a = "span", o = "";
-						if (n.forEach((e) => {
-							e.startsWith("v:") ? i = parseInt(e.slice(2)) || 0 : e.startsWith("t:") ? a = e.slice(2) : e.startsWith("status:") && (o = e.slice(7));
-						}), a === "span") {
-							let n = t("span", { class: "tokui-progress tokui-progress--span" }), r = t("span", { class: "tokui-progress__mini-bar" }), a = "tokui-progress__mini-fill";
-							o === "error" ? a += " tokui-progress--error" : i >= 80 && (a += " tokui-progress--success");
-							let s = t("span", { class: a });
-							s.style.width = i + "%", r.appendChild(s), n.appendChild(r);
-							let c = t("span", { class: "tokui-progress__span-text" });
-							c.textContent = i + "%", n.appendChild(c), e.appendChild(n);
-						}
-						r.appendChild(e);
-						return;
-					}
-					r.appendChild(t("td", c, f));
+				var o = _(e.content);
+				let t = v(o);
+				a.cellCols = x(t, a.tbodyEl, a.tbodyEl && a.tbodyEl._tokuiOccupancy);
+				var l = t.some(function(e) {
+					return /=([cr]\d+)/.test(e);
+				}), f = a.cellCols && a.cellCols.some(function(e, t) {
+					return e !== t;
+				}), p = o.indexOf("[tr") !== -1;
+				!l && !f && i.length > 0 && t.length !== i.length && r < 2 && console.warn("TokUI Table: tr 单元格数 " + t.length + " != 列数 " + i.length + " → 列错位。" + (p ? "⚠️ 内容含 [tr 残留，疑似 tr 未正确闭合（引号未配对/含字面 [ ] 未引号包）→ parser 标签断裂、串行。" : t.length > i.length ? "疑似单元格内含逗号未用双引号包裹（如 12,800.00、\"a,b,c\"）。" : "疑似列标题(thead cols)含逗号被切散、或该行缺格。") + "规则：tr 不要外层引号、含逗号单元格直引号包。tr 原文: " + o), t.forEach((e, t) => {
+					let r = C(e, t, a);
+					r && n.appendChild(r);
 				});
 			}
-			return r;
+			return n;
 		}), e.register("tcol", () => document.createTextNode(""));
 	}
 	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerTableComponents = r), t !== void 0 && t.exports && (t.exports = { registerTableComponents: r });
 })), y = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
-		let { el: t } = typeof l == "function" ? m() : window.TokUI._internal, n = typeof l == "function" ? _().resolveColor : window.TokUI._internal.resolveColor;
-		function r(e) {
+		let { el: t, resolveButtonAction: n } = typeof l == "function" ? m() : window.TokUI._internal, r = typeof l == "function" ? _().resolveColor : window.TokUI._internal.resolveColor;
+		function i(e) {
 			if (!e) return null;
 			var t = e.indexOf("|");
 			return t === -1 ? {
@@ -6497,7 +6897,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				variant: e.substring(t + 1)
 			};
 		}
-		function i(e) {
+		function a(e) {
 			if (!e) return null;
 			var t = e.indexOf("|"), n = t === -1 ? e : e.substring(0, t), r = t === -1 ? null : e.substring(t + 1), i = n.indexOf(":");
 			return i === -1 ? {
@@ -6510,35 +6910,35 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				variant: r
 			};
 		}
-		function a(e) {
+		function o(e) {
 			var t = e.attrs;
 			return !!(t.pre || t.app || t.prebtn || t.appbtn);
 		}
-		function o(e, n) {
-			var a = t("div", { class: "tokui-input-group" });
+		function s(e, n) {
+			var r = t("div", { class: "tokui-input-group" });
 			if (e.attrs.pre) {
-				var o = r(e.attrs.pre), s = o.variant ? "tokui-input-pre tokui-input-pre--" + o.variant : "tokui-input-pre";
-				a.appendChild(t("span", { class: s }, o.text));
+				var o = i(e.attrs.pre), s = o.variant ? "tokui-input-pre tokui-input-pre--" + o.variant : "tokui-input-pre";
+				r.appendChild(t("span", { class: s }, o.text));
 			}
 			if (e.attrs.prebtn) {
-				var o = i(e.attrs.prebtn), s = o.variant ? "tokui-input-prebtn tokui-input-prebtn--" + o.variant : "tokui-input-prebtn", c = {
+				var o = a(e.attrs.prebtn), s = o.variant ? "tokui-input-prebtn tokui-input-prebtn--" + o.variant : "tokui-input-prebtn", c = {
 					class: s,
 					type: "button"
 				};
-				o.handler && (c["data-tokui-clk"] = o.handler), a.appendChild(t("button", c, o.text));
+				o.handler && (c["data-tokui-clk"] = o.handler), r.appendChild(t("button", c, o.text));
 			}
-			if (a.appendChild(n), e.attrs.appbtn) {
-				var o = i(e.attrs.appbtn), s = o.variant ? "tokui-input-appbtn tokui-input-appbtn--" + o.variant : "tokui-input-appbtn", c = {
+			if (r.appendChild(n), e.attrs.appbtn) {
+				var o = a(e.attrs.appbtn), s = o.variant ? "tokui-input-appbtn tokui-input-appbtn--" + o.variant : "tokui-input-appbtn", c = {
 					class: s,
 					type: "button"
 				};
-				o.handler && (c["data-tokui-clk"] = o.handler), a.appendChild(t("button", c, o.text));
+				o.handler && (c["data-tokui-clk"] = o.handler), r.appendChild(t("button", c, o.text));
 			}
 			if (e.attrs.app) {
-				var o = r(e.attrs.app), s = o.variant ? "tokui-input-app tokui-input-app--" + o.variant : "tokui-input-app";
-				a.appendChild(t("span", { class: s }, o.text));
+				var o = i(e.attrs.app), s = o.variant ? "tokui-input-app tokui-input-app--" + o.variant : "tokui-input-app";
+				r.appendChild(t("span", { class: s }, o.text));
 			}
-			return a;
+			return r;
 		}
 		e.register("form", (e, n) => {
 			let r = { class: "tokui-form" };
@@ -6552,11 +6952,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e && e.nodeType && a.appendChild(e);
 			}), a._slot = a, a._tokuiType = "form", a;
 		});
-		var s = "<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/></svg>";
+		var c = "<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/></svg>";
 		e.register("input", (e) => {
 			var n = e.attrs.v ? e.attrs.v.split(",").map(function(e) {
 				return e.trim();
-			}) : [], r = n.indexOf("inline") !== -1, i = e.attrs.search !== void 0, c = e.attrs.search === "right", l = t("div", { class: r ? "tokui-field tokui-field--inline" : "tokui-field" });
+			}) : [], r = n.indexOf("inline") !== -1, i = e.attrs.search !== void 0, a = e.attrs.search === "right", l = t("div", { class: r ? "tokui-field tokui-field--inline" : "tokui-field" });
 			if (e.attrs.l) {
 				var u = { class: "tokui-label" };
 				e.attrs.id && (u.for = e.attrs.id), l.appendChild(t("label", u, e.attrs.l));
@@ -6570,13 +6970,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			e.attrs.w && (f.style.width = e.attrs.w);
 			var p = null;
 			if (i) {
-				p = t("div", { class: "tokui-search-input" }), c && p.classList.add("tokui-search-input--right");
+				p = t("div", { class: "tokui-search-input" }), a && p.classList.add("tokui-search-input--right");
 				var m = t("span", { class: "tokui-search-input__icon" });
-				m.innerHTML = s, p.appendChild(m), p.appendChild(f);
+				m.innerHTML = c, p.appendChild(m), p.appendChild(f);
 			}
 			var h = p || f;
-			if (a(e)) {
-				var g = o(e, h);
+			if (o(e)) {
+				var g = s(e, h);
 				n.indexOf("pill") !== -1 && g.classList.add("tokui-input-group--pill"), l.appendChild(g);
 			} else l.appendChild(h);
 			var _ = null;
@@ -6591,12 +6991,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var i = { class: "tokui-label" };
 				e.attrs.id && (i.for = e.attrs.id), r.appendChild(t("label", i, e.attrs.l));
 			}
-			var s = {
+			var a = {
 				class: "tokui-input",
 				type: "password"
 			};
-			e.attrs.id && (s.id = e.attrs.id), e.attrs.n ? s.name = e.attrs.n : e.attrs.id && (s.name = e.attrs.id), e.attrs.ph && (s.placeholder = e.attrs.ph), e.attrs.ml && (s.maxlength = e.attrs.ml), e.attrs.min !== void 0 && (s.min = e.attrs.min), e.attrs.max !== void 0 && (s.max = e.attrs.max), e.attrs.req !== void 0 && (s.required = "required"), e.attrs.dis !== void 0 && (s.disabled = "disabled"), e.attrs.ro !== void 0 && (s.readonly = "readonly"), e.attrs.req !== void 0 && (s["aria-required"] = "true"), e.attrs.val !== void 0 && (s.value = e.attrs.val);
-			var c = t("input", s);
+			e.attrs.id && (a.id = e.attrs.id), e.attrs.n ? a.name = e.attrs.n : e.attrs.id && (a.name = e.attrs.id), e.attrs.ph && (a.placeholder = e.attrs.ph), e.attrs.ml && (a.maxlength = e.attrs.ml), e.attrs.min !== void 0 && (a.min = e.attrs.min), e.attrs.max !== void 0 && (a.max = e.attrs.max), e.attrs.req !== void 0 && (a.required = "required"), e.attrs.dis !== void 0 && (a.disabled = "disabled"), e.attrs.ro !== void 0 && (a.readonly = "readonly"), e.attrs.req !== void 0 && (a["aria-required"] = "true"), e.attrs.val !== void 0 && (a.value = e.attrs.val);
+			var c = t("input", a);
 			e.attrs.w && (c.style.width = e.attrs.w);
 			var l = null;
 			if (e.attrs.toggle !== void 0 && !e.attrs.dis) {
@@ -6611,8 +7011,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					c.type = e ? "text" : "password", l.innerHTML = e ? u : d, l.classList.toggle("tokui-pwd-toggle--active", e);
 				});
 			}
-			if (a(e) || l) {
-				var f = o(e, c);
+			if (o(e) || l) {
+				var f = s(e, c);
 				if (l) {
 					var p = c.nextSibling;
 					p ? f.insertBefore(l, p) : f.appendChild(l);
@@ -6673,10 +7073,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				let n = { class: "tokui-label" };
 				e.attrs.id && (n.for = e.attrs.id), s.appendChild(t("label", n, e.attrs.l));
 			}
-			let l = ["tokui-picker"];
-			r && l.push("tokui-picker--multi"), i && l.push("tokui-picker--disabled");
-			let f = t("div", {
-				class: l.join(" "),
+			let c = ["tokui-picker"];
+			r && c.push("tokui-picker--multi"), i && c.push("tokui-picker--disabled");
+			let l = t("div", {
+				class: c.join(" "),
 				"data-tokui-picker": e.attrs.id || "",
 				role: "listbox",
 				"aria-expanded": "false"
@@ -6687,33 +7087,33 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 			let h = t("div", { class: "tokui-picker-control" });
 			r && e.children.forEach((e) => {
-				e.attrs && e.attrs.chk !== void 0 && h.appendChild(u(e, f, a));
+				e.attrs && e.attrs.chk !== void 0 && h.appendChild(d(e, l, a));
 			});
 			let g = {
 				class: "tokui-picker-search",
 				type: "text",
 				autocomplete: "off"
 			};
-			o && !m && (g.placeholder = o), i && (g.disabled = "disabled"), m && (g.value = m), h.appendChild(t("input", g)), h.appendChild(t("span", { class: "tokui-picker-arrow" })), f.appendChild(h);
+			o && !m && (g.placeholder = o), i && (g.disabled = "disabled"), m && (g.value = m), h.appendChild(t("input", g)), h.appendChild(t("span", { class: "tokui-picker-arrow" })), l.appendChild(h);
 			let _ = t("ul", { class: "tokui-picker-dropdown" });
 			e.children.forEach((e) => {
-				_.appendChild(c(e));
+				_.appendChild(u(e));
 			});
 			var v = t("li", { class: "tokui-picker-empty" }, "无匹配项");
-			return v.style.display = "none", _.appendChild(v), f.appendChild(_), r ? e.children.forEach((e) => {
-				e.attrs && e.attrs.chk !== void 0 && f.appendChild(t("input", {
+			return v.style.display = "none", _.appendChild(v), l.appendChild(_), r ? e.children.forEach((e) => {
+				e.attrs && e.attrs.chk !== void 0 && l.appendChild(t("input", {
 					type: "hidden",
 					name: a,
 					value: e.attrs.v || ""
 				}));
-			}) : f.appendChild(t("input", {
+			}) : l.appendChild(t("input", {
 				type: "hidden",
 				name: a,
 				value: p
-			})), s.appendChild(f), s._variantTarget = f, s._slot = _, s._tokuiType = "picker", s._streamCloseHook = function() {
+			})), s.appendChild(l), s._variantTarget = l, s._slot = _, s._tokuiType = "picker", s._streamCloseHook = function() {
 				var e = _.querySelectorAll(".tokui-picker-option--selected");
 				if (!r && e.length > 0) {
-					var n = e[0], o = f.querySelector(".tokui-picker-search"), s = f.querySelector("input[type=hidden]");
+					var n = e[0], o = l.querySelector(".tokui-picker-search"), s = l.querySelector("input[type=hidden]");
 					o && !o.value && (o.value = n.getAttribute("data-text")), s && !s.value && (s.value = n.getAttribute("data-value"));
 				}
 				r && e.length > 0 && e.forEach(function(e) {
@@ -6721,18 +7121,41 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						class: "tokui-picker-tag",
 						"data-value": r
 					}, n + " "), o = t("span", { class: "tokui-picker-tag-close" }, "×");
-					i.appendChild(o), h.insertBefore(i, h.querySelector(".tokui-picker-search")), f.appendChild(t("input", {
+					i.appendChild(o), h.insertBefore(i, h.querySelector(".tokui-picker-search")), l.appendChild(t("input", {
 						type: "hidden",
 						name: a,
 						value: r
 					}));
-				}), !i && typeof document < "u" && d(f, {
+				}), !i && typeof document < "u" && f(l, {
 					multi: r,
 					name: a
 				});
+			}, s.setAttribute("data-tokui-resettable", ""), s._tokuiReset = function() {
+				var e = l.querySelector(".tokui-picker-search"), n = l.querySelector("input[type=hidden]"), i = _.querySelectorAll(".tokui-picker-option");
+				r ? (h.querySelectorAll(".tokui-picker-tag").forEach(function(e) {
+					h.removeChild(e);
+				}), l.querySelectorAll("input[type=hidden][name=\"" + a + "\"]").forEach(function(e) {
+					l.removeChild(e);
+				}), i.forEach(function(n) {
+					var r = n.getAttribute("data-selected-initial") === "1";
+					if (n.classList.toggle("tokui-picker-option--selected", r), r) {
+						var i = n.getAttribute("data-text"), o = n.getAttribute("data-value"), s = t("span", {
+							class: "tokui-picker-tag",
+							"data-value": o
+						}, i + " ");
+						s.appendChild(t("span", { class: "tokui-picker-tag-close" }, "×")), h.insertBefore(s, e), l.appendChild(t("input", {
+							type: "hidden",
+							name: a,
+							value: o
+						}));
+					}
+				})) : (e && (e.value = m), n && (n.value = p), i.forEach(function(e) {
+					var t = !!p && e.getAttribute("data-value") === p;
+					e.classList.toggle("tokui-picker-option--selected", t);
+				}));
 			}, s;
 		});
-		function c(e) {
+		function u(e) {
 			let n = e.attrs && e.attrs.v || "", r = e.attrs && e.attrs.tx || n || e.content || "", i = e.attrs && e.attrs.chk !== void 0, a = t("li", {
 				class: "tokui-picker-option",
 				"data-value": n,
@@ -6741,16 +7164,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				role: "option",
 				"aria-selected": String(i)
 			}, r);
-			return i && a.classList.add("tokui-picker-option--selected"), a;
+			return i && a.classList.add("tokui-picker-option--selected"), i && a.setAttribute("data-selected-initial", "1"), a;
 		}
-		function u(e, n, r) {
+		function d(e, n, r) {
 			let i = e.attrs && e.attrs.tx || e.attrs && e.attrs.v || e.content || "", a = t("span", {
 				class: "tokui-picker-tag",
 				"data-value": e.attrs && e.attrs.v || e.content || ""
 			}, i + " "), o = t("span", { class: "tokui-picker-tag-close" }, "×");
 			return a.appendChild(o), a;
 		}
-		function d(e, n) {
+		function f(e, n) {
 			var r = n.multi, i = n.name, a = e.querySelector(".tokui-picker-control"), o = e.querySelector(".tokui-picker-search"), s = e.querySelector(".tokui-picker-dropdown"), c = e.querySelector(".tokui-picker-empty"), l = !1, u = -1;
 			function d() {
 				return Array.from(s.querySelectorAll(".tokui-picker-option")).filter(function(e) {
@@ -6889,10 +7312,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			e.attrs.id && (i.id = e.attrs.id);
 			let a = e.attrs.n || e.attrs.id || "radio";
 			return i._radioName = a, e.children.forEach((e) => {
-				i.appendChild(f(e, a));
+				i.appendChild(p(e, a));
 			}), r.appendChild(i), r._slot = i, r._tokuiType = "radio", r;
 		});
-		function f(e, n) {
+		function p(e, n) {
 			let r = t("label", { class: "tokui-radio-item" });
 			r.setAttribute("data-tokui-tag", "opt");
 			let i = {
@@ -6905,8 +7328,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return r.appendChild(t("span", { class: "tokui-radio-text" }, a)), r;
 		}
 		e.register("opt", (e, n, r) => {
-			if (r === "radio") return f(e, "");
-			if (r === "picker") return c(e);
+			if (r === "radio") return p(e, "");
+			if (r === "picker") return u(e);
 			let i = e.attrs ? e.attrs.v : "", a = e.attrs && e.attrs.tx || i || e.content || "";
 			return t("option", { value: i }, a);
 		}), e.register("checkbox", (e) => {
@@ -6950,9 +7373,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					s(null, e, r);
 				});
 			}
-			return r._update = function(e) {
+			r._update = function(e) {
 				e.chk === !0 || e.chk === "true" ? (o.checked = !0, a.setAttribute("aria-checked", "true")) : (e.chk === !1 || e.chk === "false") && (o.checked = !1, a.setAttribute("aria-checked", "false")), e.dis === !0 || e.dis === "true" ? o.disabled = !0 : (e.dis === !1 || e.dis === "false") && (o.disabled = !1);
-			}, n.attrs.id && (r.id = n.attrs.id), r;
+			}, n.attrs.id && (r.id = n.attrs.id);
+			var c = n.attrs.chk !== void 0;
+			return r.setAttribute("data-tokui-resettable", ""), r._tokuiReset = function() {
+				o.checked = c, a.setAttribute("aria-checked", String(c));
+			}, r;
 		}), e.register("slider", (e) => {
 			var n = parseFloat(e.attrs.min) || 0, r = parseFloat(e.attrs.max) || 100, i = parseFloat(e.attrs.step) || 1, a = parseFloat(e.attrs.v) || 0;
 			a < n && (a = n), a > r && (a = r);
@@ -6997,7 +7424,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				};
 				s.addEventListener("mousedown", g), s.addEventListener("touchstart", g, { passive: !1 });
 			}
-			return o._update = function(e) {
+			o._update = function(e) {
 				if (e.v !== void 0) {
 					var t = parseFloat(e.v) || 0;
 					isNaN(n) || (t = Math.max(n, t)), isNaN(r) || (t = Math.min(r, t)), a = t;
@@ -7005,6 +7432,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					l.style.width = i + "%", u.style.left = i + "%", d.textContent = String(a), f.value = a, u.setAttribute("aria-valuenow", String(a));
 				}
 				e.dis === !0 || e.dis === "true" ? s.classList.add("tokui-slider--disabled") : (e.dis === !1 || e.dis === "false") && s.classList.remove("tokui-slider--disabled");
+			};
+			var _ = a;
+			return o.setAttribute("data-tokui-resettable", ""), o._tokuiReset = function() {
+				a = _;
+				var e = (a - n) / (r - n) * 100;
+				l.style.width = e + "%", u.style.left = e + "%", d.textContent = String(a), f.value = a, u.setAttribute("aria-valuenow", String(a));
 			}, s._variantTarget = s, o.appendChild(s), o;
 		}), e.register("rate", (e) => {
 			var n = parseInt(e.attrs.max) || 5, r = parseInt(e.attrs.v) || 0, i = e.attrs.tx || "★", a = "☆", o = t("div", { class: "tokui-field" });
@@ -7029,7 +7462,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				d.textContent = u < r ? i : a, u < r && d.classList.add("tokui-rate__star--active"), l.push(d), s.appendChild(d);
 			}
 			var f = t("span", { class: "tokui-rate__text" });
-			return r > 0 && (f.textContent = r + "/" + n), s.appendChild(f), s.appendChild(c), e.attrs.dis === void 0 ? (s.addEventListener("mouseover", function(e) {
+			r > 0 && (f.textContent = r + "/" + n), s.appendChild(f), s.appendChild(c), e.attrs.dis === void 0 ? (s.addEventListener("mouseover", function(e) {
 				var t = e.target;
 				if (t.classList.contains("tokui-rate__star")) for (var n = parseInt(t.getAttribute("data-index")), r = 0; r < l.length; r++) l[r].textContent = r < n ? i : a, l[r].classList.toggle("tokui-rate__star--hover", r < n);
 			}), s.addEventListener("mouseout", function() {
@@ -7061,6 +7494,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					for (var t = 0; t < l.length; t++) l[t].textContent = t < r ? i : a, l[t].classList.toggle("tokui-rate__star--active", t < r), l[t].setAttribute("aria-checked", String(t < r));
 				}
 				e.dis === !0 || e.dis === "true" ? s.classList.add("tokui-rate--disabled") : (e.dis === !1 || e.dis === "false") && s.classList.remove("tokui-rate--disabled");
+			};
+			var p = r;
+			return o.setAttribute("data-tokui-resettable", ""), o._tokuiReset = function() {
+				r = p, c.value = r, f.textContent = r > 0 ? r + "/" + n : "";
+				for (var e = 0; e < l.length; e++) l[e].textContent = e < r ? i : a, l[e].classList.toggle("tokui-rate__star--active", e < r), l[e].setAttribute("aria-checked", String(e < r));
 			}, s._variantTarget = s, o.appendChild(s), o;
 		}), e.register("transfer", (e, n) => {
 			var r = t("div", { class: "tokui-field" });
@@ -7153,7 +7591,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			function b(e) {
 				var t = e.attrs && e.attrs.v || "", n = e.attrs && e.attrs.tx || t, i = e.attrs && e.attrs.chk !== void 0, a = o(t, n, r._transferOptIdx++);
-				return i ? (u._body.appendChild(a), u._items.push(a)) : (l._body.appendChild(a), l._items.push(a)), _(l), _(u), g(), a;
+				return a.setAttribute("data-tokui-init-side", i ? "right" : "left"), i ? (u._body.appendChild(a), u._items.push(a)) : (l._body.appendChild(a), l._items.push(a)), _(l), _(u), g(), a;
 			}
 			p.addEventListener("click", function() {
 				v(l, u);
@@ -7165,7 +7603,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				return b(e);
 			}, e.children && e.children.length && y(e.children), r._streamCloseHook = function() {
 				x.innerHTML = "";
-			}, r._slot = x, r._tokuiType = "transfer", i._variantTarget = i, r.appendChild(i), r;
+			}, r._slot = x, r._tokuiType = "transfer", i._variantTarget = i, r.setAttribute("data-tokui-resettable", ""), r._tokuiReset = function() {
+				l._items.concat(u._items).forEach(function(e) {
+					var t = (e.getAttribute("data-tokui-init-side") || "left") === "right" ? u : l, n = u._items.indexOf(e) === -1 ? l : u;
+					n !== t && (n._items.splice(n._items.indexOf(e), 1), t._body.appendChild(e), t._items.push(e)), e._cb && (e._cb.checked = !1);
+				}), _(l), _(u), g();
+			}, r.appendChild(i), r;
 		}), e.register("numinput", (e) => {
 			var n = parseFloat(e.attrs.min), r = parseFloat(e.attrs.max), i = parseFloat(e.attrs.step) || 1, a = parseFloat(e.attrs.v) || 0;
 			isNaN(n) || (a = Math.max(n, a)), isNaN(r) || (a = Math.min(r, a));
@@ -7209,15 +7652,19 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					isNaN(e) && (e = 0), t(e);
 				});
 			}
-			return s._update = function(e) {
+			s._update = function(e) {
 				if (e.v !== void 0) {
 					var t = parseFloat(e.v) || 0;
 					isNaN(n) || (t = Math.max(n, t)), isNaN(r) || (t = Math.min(r, t)), a = t, d.value = String(a), m.value = a;
 				}
 				e.dis === !0 || e.dis === "true" ? (d.disabled = !0, c.classList.add("tokui-numinput--disabled")) : (e.dis === !1 || e.dis === "false") && (d.disabled = !1, c.classList.remove("tokui-numinput--disabled"));
+			};
+			var h = a;
+			return s.setAttribute("data-tokui-resettable", ""), s._tokuiReset = function() {
+				a = h, d.value = String(a), d.setAttribute("value", String(a)), m.value = a;
 			}, s.appendChild(c), s._variantTarget = c, s;
 		});
-		var p = new Set([
+		var h = new Set([
 			"primary",
 			"danger",
 			"success",
@@ -7230,25 +7677,35 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"block"
 		]);
 		e.register("btn", (e) => {
-			var r = e.attrs.sub ? "submit" : "button", i = "tokui-btn";
-			e.attrs.t && p.has(e.attrs.t) && (i += " tokui-btn--" + e.attrs.t);
-			let a = {
-				class: i,
-				type: r
+			let i = n(e.attrs);
+			var a = i.act === "submit" ? "submit" : i.act === "reset" ? "reset" : "button", o = "tokui-btn";
+			e.attrs.t && h.has(e.attrs.t) && (o += " tokui-btn--" + e.attrs.t), i.act === "print" && (o += " tokui-btn--print");
+			let s = {
+				class: o,
+				type: a
 			};
-			e.attrs.clk && (a["data-tokui-clk"] = e.attrs.clk), e.attrs.sub && (a["data-tokui-sub"] = e.attrs.sub), e.attrs.id && (a.id = e.attrs.id), e.attrs.dis !== void 0 && (a.disabled = "disabled"), Object.keys(e.attrs).forEach((t) => {
-				t.startsWith("data-") && (a[t] = e.attrs[t]);
-			});
-			let o = "";
-			e.attrs.w && (o += "width:" + e.attrs.w + ";");
-			let s = n(e.attrs.bg);
-			s && (o += "background:" + s + ";");
-			let c = n(e.attrs.fc);
-			c && (o += "color:" + c + ";"), e.attrs.radius && (o += "border-radius:" + e.attrs.radius + ";"), o && (a.style = o);
-			let l = t("button", a, e.attrs.tx || e.content || "按钮");
-			return l._tokuiType = "btn", l._update = function(e) {
-				e.dis === !0 || e.dis === "true" ? l.disabled = !0 : (e.dis === !1 || e.dis === "false") && (l.disabled = !1), e.tx !== void 0 && (l.textContent = e.tx);
-			}, l;
+			i.formId && (s["data-tokui-form"] = i.formId), i.act && (s["data-tokui-act"] = i.act), i.act === "submit" && i.handler && (s["data-tokui-sub"] = i.handler), i.act === "reset" && i.handler && (s["data-tokui-handler"] = i.handler), i.act === "print" && (s["data-tokui-target"] = i.target, s["data-tokui-print-trigger"] = ""), !i.act && i.handler && (s["data-tokui-clk"] = i.handler), e.attrs.id && (s.id = e.attrs.id), e.attrs.dis !== void 0 && (s.disabled = "disabled"), Object.keys(e.attrs).forEach((t) => {
+				t.startsWith("data-") && (s[t] = e.attrs[t]);
+			});
+			let c = "";
+			e.attrs.w && (c += "width:" + e.attrs.w + ";");
+			let l = r(e.attrs.bg);
+			l && (c += "background:" + l + ";");
+			let u = r(e.attrs.fc);
+			u && (c += "color:" + u + ";"), e.attrs.radius && (c += "border-radius:" + e.attrs.radius + ";"), c && (s.style = c);
+			let d = t("button", s, e.attrs.tx || e.content || "按钮");
+			return d._tokuiType = "btn", d._update = function(e) {
+				e.dis === !0 || e.dis === "true" ? d.disabled = !0 : (e.dis === !1 || e.dis === "false") && (d.disabled = !1), e.tx !== void 0 && (d.textContent = e.tx);
+			}, d;
+		}), e.register("print-area", (e, n) => {
+			let r = { class: "tokui-print-area" };
+			e.attrs.id && (r.id = e.attrs.id);
+			let i = t("div", r);
+			e.attrs.tt && i.appendChild(t("div", { class: "tokui-print-area__title" }, e.attrs.tt));
+			let a = t("div", { class: "tokui-print-area__body" });
+			return n(e.children).forEach((e) => {
+				e && e.nodeType && a.appendChild(e);
+			}), i.appendChild(a), i._slot = a, i._tokuiType = "print-area", i;
 		}), e.register("btngroup", (e, n) => {
 			let r = { class: "tokui-btn-group" };
 			e.attrs.id && (r.id = e.attrs.id);
@@ -7392,7 +7849,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}), typeof document < "u" && document.addEventListener("click", function() {
 				v.isOpen && b();
 			}));
-			function x(t) {
+			var x = {
+				hidden: "",
+				text: ""
+			};
+			function S(t) {
 				if (v.tree = t, e.attrs.v) {
 					for (var n = String(e.attrs.v).split("/"), r = !0, i = [], a = t, o = 0; o < n.length; o++) {
 						for (var s = !1, l = 0; l < a.length; l++) if (a[l].v === n[o]) {
@@ -7406,10 +7867,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					}
 					r && i.length === n.length && (c.value = i.join(" / "), d.value = e.attrs.v);
 				}
+				x.hidden = d.value, x.text = c.value;
 			}
-			return e.children && e.children.length && x(p(e.children)), a._streamCloseHook = function() {
-				f.innerHTML = "", x(p(e.children));
-			}, a._slot = f, a._tokuiType = "cascader", a._variantTarget = o, a;
+			return e.children && e.children.length && S(p(e.children)), a._streamCloseHook = function() {
+				f.innerHTML = "", S(p(e.children));
+			}, a._slot = f, a._tokuiType = "cascader", a._variantTarget = o, a.setAttribute("data-tokui-resettable", ""), a._tokuiReset = function() {
+				d.value = x.hidden, c.value = x.text, v.isOpen && b();
+			}, a;
 		}), e.register("upload", (e) => {
 			var n = e.attrs.dis !== void 0, r = e.attrs.multi !== void 0, i = parseInt(e.attrs.max) || 0, a = e.attrs.ph || "点击或拖拽文件至此处上传", o = e.attrs.accept || "", s = t("div", { class: "tokui-field" });
 			e.attrs.l && s.appendChild(t("label", { class: "tokui-label" }, e.attrs.l)), e.attrs.id && (s.id = e.attrs.id);
@@ -7490,24 +7954,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 			})), s.appendChild(c), s._variantTarget = c, s;
 		});
-		function h(e) {
+		function g(e) {
 			if (!e) return null;
 			var t = e.match(/^(\d{4})-(\d{1,2})-(\d{1,2})/);
 			return t ? new Date(parseInt(t[1]), parseInt(t[2]) - 1, parseInt(t[3])) : null;
 		}
-		function g(e) {
+		function v(e) {
 			if (!e) return null;
 			var t = e.match(/^(\d{4})-(\d{1,2})-(\d{1,2})\s+(\d{1,2}):(\d{1,2})/);
 			return t ? new Date(parseInt(t[1]), parseInt(t[2]) - 1, parseInt(t[3]), parseInt(t[4]), parseInt(t[5])) : null;
 		}
-		function v(e, t) {
+		function y(e, t) {
 			var n = e.getFullYear(), r = e.getMonth() + 1, i = e.getDate(), a = e.getHours(), o = e.getMinutes(), s = e.getSeconds();
 			return t.replace("YYYY", String(n)).replace("MM", r < 10 ? "0" + r : String(r)).replace("DD", i < 10 ? "0" + i : String(i)).replace("HH", a < 10 ? "0" + a : String(a)).replace("mm", o < 10 ? "0" + o : String(o)).replace("ss", s < 10 ? "0" + s : String(s));
 		}
-		function y(e, t, n, r) {
+		function b(e, t, n, r) {
 			return r.replace("HH", e < 10 ? "0" + e : String(e)).replace("mm", t < 10 ? "0" + t : String(t)).replace("ss", n < 10 ? "0" + n : String(n));
 		}
-		function b(e, t) {
+		function x(e, t) {
 			var n = e.querySelector(".tokui-timepicker-column-list");
 			if (n) {
 				var r = n.querySelectorAll(".tokui-timepicker-column-item");
@@ -7516,8 +7980,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}));
 			}
 		}
-		function x(e, t) {
-			b(e, t);
+		function S(e, t) {
+			x(e, t);
 			var n = e.querySelector(".tokui-timepicker-column-list");
 			if (n) {
 				var r = n.querySelectorAll(".tokui-timepicker-column-item");
@@ -7531,7 +7995,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 			}
 		}
-		function S(e) {
+		function C(e) {
 			var t = e.querySelector(".tokui-timepicker-column-list");
 			if (!t) return 0;
 			var n = t.querySelectorAll(".tokui-timepicker-column-item");
@@ -7546,14 +8010,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var u = n[0].offsetHeight || 32, d = Math.round((t.scrollTop + (t.clientHeight || 192) / 2) / u) - 0;
 			return Math.max(0, Math.min(d, n.length - 1));
 		}
-		function C(e, n, r) {
+		function w(e, n, r) {
 			for (var i = t("div", { class: "tokui-timepicker-column" }), a = t("div", { class: "tokui-timepicker-column-list" }), o = 0; o < n; o++) {
 				var s = t("div", {
 					class: "tokui-timepicker-column-item" + (o === r ? " tokui-timepicker-column-item--selected" : ""),
 					"data-value": String(o)
 				}, o < 10 ? "0" + o : String(o));
 				s.addEventListener("click", function(e) {
-					e.stopPropagation(), x(i, parseInt(this.getAttribute("data-value"), 10));
+					e.stopPropagation(), S(i, parseInt(this.getAttribute("data-value"), 10));
 				}), a.appendChild(s);
 			}
 			i.appendChild(a);
@@ -7562,48 +8026,48 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 			return a.addEventListener("scroll", function() {
 				c || (c = 1, l(function() {
-					c = 0, b(i, S(i));
+					c = 0, x(i, C(i));
 				}));
 			}), i._label = e, i;
 		}
-		function w(e) {
-			var t = S(e);
-			b(e, t);
+		function T(e) {
+			var t = C(e);
+			x(e, t);
 			var n = e.querySelector(".tokui-timepicker-column-list").querySelectorAll(".tokui-timepicker-column-item");
 			return parseInt(n[t].getAttribute("data-value")) || 0;
 		}
-		function T(e, t) {
-			x(e, t);
+		function E(e, t) {
+			S(e, t);
 		}
-		var E = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal._datePickers = window.TokUI._internal._datePickers || /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set();
-		function D(e) {
+		var D = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal._datePickers = window.TokUI._internal._datePickers || /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set();
+		function O(e) {
 			var t = [];
-			E.forEach(function(n) {
+			D.forEach(function(n) {
 				n !== e && t.push(n);
 			}), t.forEach(function(e) {
 				try {
 					e();
 				} catch {}
-			}), E.add(e);
+			}), D.add(e);
 		}
-		function O(e) {
-			E.delete(e);
+		function k(e) {
+			D.delete(e);
 		}
-		function k() {
+		function A() {
 			var e = [];
-			E.forEach(function(t) {
+			D.forEach(function(t) {
 				e.push(t);
-			}), E.clear(), e.forEach(function(e) {
+			}), D.clear(), e.forEach(function(e) {
 				try {
 					e();
 				} catch {}
 			});
 		}
-		typeof window < "u" && !window.TokUI._internal._dateScrollBound && (window.addEventListener("scroll", k), window.TokUI._internal._dateScrollBound = !0);
-		function A() {
+		typeof window < "u" && !window.TokUI._internal._dateScrollBound && (window.addEventListener("scroll", A), window.TokUI._internal._dateScrollBound = !0);
+		function j() {
 			return typeof window < "u" && window.innerWidth ? window.innerWidth : typeof document < "u" && document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : 1024;
 		}
-		function j(e, n, r, i, a) {
+		function M(e, n, r, i, a) {
 			var o = t("div", { class: "tokui-datepicker-header" }), s = t("button", {
 				class: "tokui-datepicker-nav tokui-datepicker-nav--prev",
 				type: "button"
@@ -7660,32 +8124,32 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			u.appendChild(f);
 			var p = t("span", { class: "tokui-datepicker-icon" });
 			p.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/></svg>", u.appendChild(p), l.appendChild(u);
-			var m = t("div", { class: "tokui-datepicker-dropdown" }), g = /* @__PURE__ */ new Date(), _, y, b;
-			o && (b = h(o), b && (_ = b.getFullYear(), y = b.getMonth())), _ || (_ = g.getFullYear(), y = g.getMonth());
+			var m = t("div", { class: "tokui-datepicker-dropdown" }), h = /* @__PURE__ */ new Date(), _, v, b;
+			o && (b = g(o), b && (_ = b.getFullYear(), v = b.getMonth())), _ || (_ = h.getFullYear(), v = h.getMonth());
 			var x = t("input", { type: "hidden" });
 			n.n ? x.name = n.n : n.id && (x.name = n.id), x.value = o, l.appendChild(x);
 			function S(e, t) {
 				m.innerHTML = "";
-				var n = j(e, t, b, g, m);
+				var n = M(e, t, b, h, m);
 				n.prevBtn.addEventListener("click", function(e) {
-					e.stopPropagation(), y--, y < 0 && (y = 11, _--), S(_, y);
+					e.stopPropagation(), v--, v < 0 && (v = 11, _--), S(_, v);
 				}), n.nextBtn.addEventListener("click", function(e) {
-					e.stopPropagation(), y++, y > 11 && (y = 0, _++), S(_, y);
+					e.stopPropagation(), v++, v > 11 && (v = 0, _++), S(_, v);
 				});
 			}
-			S(_, y), m.style.display = "none", l.appendChild(m);
+			S(_, v), m.style.display = "none", l.appendChild(m);
 			var C = !1;
 			function w() {
 				if (!(r || C)) {
-					D(T), C = !0, m.style.display = "", l.classList.add("tokui-datepicker--open");
+					O(T), C = !0, m.style.display = "", l.classList.add("tokui-datepicker--open");
 					var e = u.getBoundingClientRect();
 					m.style.left = e.left + "px", m.style.top = e.bottom + 4 + "px", m.style.width = "auto";
-					var t = A();
+					var t = j();
 					e.left + m.offsetWidth > t - 8 && (m.style.left = Math.max(8, t - m.offsetWidth - 8) + "px");
 				}
 			}
 			function T() {
-				C && (C = !1, m.style.display = "none", l.classList.remove("tokui-datepicker--open"), O(T));
+				C && (C = !1, m.style.display = "none", l.classList.remove("tokui-datepicker--open"), k(T));
 			}
 			return r || (u.addEventListener("click", function(e) {
 				e.stopPropagation(), C ? T() : w();
@@ -7694,9 +8158,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var t = e.target.closest(".tokui-datepicker-day");
 				if (!(!t || t.classList.contains("tokui-datepicker-day--other"))) {
 					var r = parseInt(t.getAttribute("data-day"));
-					b = new Date(_, y, r);
-					var a = v(b, i);
-					if (f.value = a, x.value = a, T(), S(_, y), n.clk) {
+					b = new Date(_, v, r);
+					var a = y(b, i);
+					if (f.value = a, x.value = a, T(), S(_, v), n.clk) {
 						var o = typeof window < "u" && window.TokUI && window.TokUI._eventBus ? window.TokUI._eventBus.getHandler(n.clk) : null;
 						o && o({
 							value: a,
@@ -7729,35 +8193,35 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var _ = o.split(":");
 				m = parseInt(_[0]) || 0, h = parseInt(_[1]) || 0, g = parseInt(_[2]) || 0;
 			}
-			var v = t("div", { class: "tokui-timepicker-dropdown" }), b = i.indexOf("ss") !== -1 || i.indexOf("s") !== -1, x = t("div", { class: "tokui-timepicker-columns" }), S = C("时", 24, m), E = C("分", 60, h);
-			x.appendChild(S), x.appendChild(E);
-			var k = null;
-			b && (k = C("秒", 60, g), x.appendChild(k)), v.appendChild(x);
-			var j = t("div", { class: "tokui-timepicker-footer" }), M = t("button", {
+			var v = t("div", { class: "tokui-timepicker-dropdown" }), y = i.indexOf("ss") !== -1 || i.indexOf("s") !== -1, x = t("div", { class: "tokui-timepicker-columns" }), S = w("时", 24, m), C = w("分", 60, h);
+			x.appendChild(S), x.appendChild(C);
+			var D = null;
+			y && (D = w("秒", 60, g), x.appendChild(D)), v.appendChild(x);
+			var A = t("div", { class: "tokui-timepicker-footer" }), M = t("button", {
 				class: "tokui-timepicker-confirm",
 				type: "button"
 			}, "确定");
-			j.appendChild(M), v.appendChild(j);
+			A.appendChild(M), v.appendChild(A);
 			var N = t("input", { type: "hidden" });
 			n.n ? N.name = n.n : n.id && (N.name = n.id), N.value = o, l.appendChild(N), v.style.display = "none", l.appendChild(v);
 			var P = !1;
 			function F() {
 				if (!(r || P)) {
-					D(I), P = !0, v.style.display = "", l.classList.add("tokui-timepicker--open");
+					O(I), P = !0, v.style.display = "", l.classList.add("tokui-timepicker--open");
 					var e = u.getBoundingClientRect();
 					v.style.left = e.left + "px", v.style.top = e.bottom + 4 + "px", v.style.width = "auto";
-					var t = A();
-					e.left + v.offsetWidth > t - 8 && (v.style.left = Math.max(8, t - v.offsetWidth - 8) + "px"), T(S, m), T(E, h), b && k && T(k, g);
+					var t = j();
+					e.left + v.offsetWidth > t - 8 && (v.style.left = Math.max(8, t - v.offsetWidth - 8) + "px"), E(S, m), E(C, h), y && D && E(D, g);
 				}
 			}
 			function I() {
-				P && (P = !1, v.style.display = "none", l.classList.remove("tokui-timepicker--open"), O(I));
+				P && (P = !1, v.style.display = "none", l.classList.remove("tokui-timepicker--open"), k(I));
 			}
 			return r || (u.addEventListener("click", function(e) {
 				e.stopPropagation(), P ? I() : F();
 			}), M.addEventListener("click", function(e) {
-				e.stopPropagation(), m = w(S), h = w(E), b && k && (g = w(k));
-				var t = y(m, h, g, i);
+				e.stopPropagation(), m = T(S), h = T(C), y && D && (g = T(D));
+				var t = b(m, h, g, i);
 				if (f.value = t, N.value = t, I(), n.clk) {
 					var r = typeof window < "u" && window.TokUI && window.TokUI._eventBus ? window.TokUI._eventBus.getHandler(n.clk) : null;
 					r && r({
@@ -7787,21 +8251,21 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			u.appendChild(f);
 			var p = t("span", { class: "tokui-datetimepicker-icon" });
 			p.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/></svg>", u.appendChild(p), l.appendChild(u);
-			var m = /* @__PURE__ */ new Date(), _, y, b, x = 0, S = 0, E = 0;
-			o && (b = g(o) || h(o), b && (_ = b.getFullYear(), y = b.getMonth(), x = b.getHours(), S = b.getMinutes(), E = b.getSeconds())), _ || (_ = m.getFullYear(), y = m.getMonth());
-			var k = t("input", { type: "hidden" });
-			n.n ? k.name = n.n : n.id && (k.name = n.id), k.value = o, l.appendChild(k);
-			var M = t("div", { class: "tokui-datetimepicker-dropdown" }), N = t("div", { class: "tokui-datetimepicker-date" }), P = i.indexOf("ss") !== -1 || i.indexOf("s") !== -1, F = t("div", { class: "tokui-datetimepicker-time" }), I = t("div", { class: "tokui-timepicker-columns" }), L = C("时", 24, x), R = C("分", 60, S);
+			var m = /* @__PURE__ */ new Date(), h, _, b, x = 0, S = 0, C = 0;
+			o && (b = v(o) || g(o), b && (h = b.getFullYear(), _ = b.getMonth(), x = b.getHours(), S = b.getMinutes(), C = b.getSeconds())), h || (h = m.getFullYear(), _ = m.getMonth());
+			var D = t("input", { type: "hidden" });
+			n.n ? D.name = n.n : n.id && (D.name = n.id), D.value = o, l.appendChild(D);
+			var A = t("div", { class: "tokui-datetimepicker-dropdown" }), N = t("div", { class: "tokui-datetimepicker-date" }), P = i.indexOf("ss") !== -1 || i.indexOf("s") !== -1, F = t("div", { class: "tokui-datetimepicker-time" }), I = t("div", { class: "tokui-timepicker-columns" }), L = w("时", 24, x), R = w("分", 60, S);
 			I.appendChild(L), I.appendChild(R);
 			var z = null;
-			P && (z = C("秒", 60, E), I.appendChild(z)), F.appendChild(I);
+			P && (z = w("秒", 60, C), I.appendChild(z)), F.appendChild(I);
 			function B(e, t) {
 				N.innerHTML = "";
-				var n = j(e, t, b, m, N);
+				var n = M(e, t, b, m, N);
 				n.prevBtn.addEventListener("click", function(e) {
-					e.stopPropagation(), y--, y < 0 && (y = 11, _--), B(_, y);
+					e.stopPropagation(), _--, _ < 0 && (_ = 11, h--), B(h, _);
 				}), n.nextBtn.addEventListener("click", function(e) {
-					e.stopPropagation(), y++, y > 11 && (y = 0, _++), B(_, y);
+					e.stopPropagation(), _++, _ > 11 && (_ = 0, h++), B(h, _);
 				});
 			}
 			var V = t("div", { class: "tokui-datetimepicker-footer" }), H = t("button", {
@@ -7810,19 +8274,19 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}, "确定");
 			V.appendChild(H);
 			var U = t("div", { class: "tokui-datetimepicker-body" });
-			U.appendChild(N), U.appendChild(F), M.appendChild(U), M.appendChild(V), B(_, y), M.style.display = "none", l.appendChild(M);
+			U.appendChild(N), U.appendChild(F), A.appendChild(U), A.appendChild(V), B(h, _), A.style.display = "none", l.appendChild(A);
 			var W = !1;
 			function G() {
 				if (!(r || W)) {
-					D(K), W = !0, M.style.display = "", l.classList.add("tokui-datetimepicker--open");
+					O(K), W = !0, A.style.display = "", l.classList.add("tokui-datetimepicker--open");
 					var e = u.getBoundingClientRect();
-					M.style.left = e.left + "px", M.style.top = e.bottom + 4 + "px", M.style.width = "auto";
-					var t = M.offsetWidth, n = A();
-					e.left + t > n - 8 && (M.style.left = Math.max(8, n - t - 8) + "px"), T(L, x), T(R, S), P && z && T(z, E);
+					A.style.left = e.left + "px", A.style.top = e.bottom + 4 + "px", A.style.width = "auto";
+					var t = A.offsetWidth, n = j();
+					e.left + t > n - 8 && (A.style.left = Math.max(8, n - t - 8) + "px"), E(L, x), E(R, S), P && z && E(z, C);
 				}
 			}
 			function K() {
-				W && (W = !1, M.style.display = "none", l.classList.remove("tokui-datetimepicker--open"), O(K));
+				W && (W = !1, A.style.display = "none", l.classList.remove("tokui-datetimepicker--open"), k(K));
 			}
 			return r || (u.addEventListener("click", function(e) {
 				e.stopPropagation(), W ? K() : G();
@@ -7831,12 +8295,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var t = e.target.closest(".tokui-datepicker-day");
 				if (!(!t || t.classList.contains("tokui-datepicker-day--other"))) {
 					var n = parseInt(t.getAttribute("data-day"));
-					b = new Date(_, y, n), B(_, y);
+					b = new Date(h, _, n), B(h, _);
 				}
 			}), H.addEventListener("click", function(e) {
-				e.stopPropagation(), b ||= new Date(_, y, m.getDate()), x = w(L), S = w(R), P && z && (E = w(z)), b.setHours(x, S, E);
-				var t = v(b, i);
-				if (f.value = t, k.value = t, K(), n.clk) {
+				e.stopPropagation(), b ||= new Date(h, _, m.getDate()), x = T(L), S = T(R), P && z && (C = T(z)), b.setHours(x, S, C);
+				var t = y(b, i);
+				if (f.value = t, D.value = t, K(), n.clk) {
 					var r = typeof window < "u" && window.TokUI && window.TokUI._eventBus ? window.TokUI._eventBus.getHandler(n.clk) : null;
 					r && r({
 						value: t,
@@ -7956,17 +8420,21 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return c.textContent = r.tx || e.content || "", a.appendChild(c), a;
 		}
 		e.register("item", (e, n, r) => {
-			if (r === "desc") return i(e);
-			if (r === "carousel") return o(e, n);
-			if (r === "command-group") {
-				var a = typeof window < "u" && window.TokUI && window.TokUI._internal && window.TokUI._internal.buildCommandItem || null;
-				if (a) return a(e);
-			}
-			let s = t("li", { class: "tokui-list-item" });
-			var c = e.content || e.attrs && e.attrs.tx || "";
-			return c && (s.textContent = c), n(e.children || []).forEach((e) => {
-				e && e.nodeType && s.appendChild(e);
-			}), s._slot = s, s._tokuiType = "item", s;
+			var a;
+			if (r === "desc") a = i(e);
+			else if (r === "carousel") a = c(e, n);
+			else if (r === "command-group") {
+				var o = typeof window < "u" && window.TokUI && window.TokUI._internal && window.TokUI._internal.buildCommandItem || null;
+				o && (a = o(e));
+			}
+			if (!a) {
+				a = t("li", { class: "tokui-list-item" });
+				var s = e.content || e.attrs && e.attrs.tx || "";
+				s && (a.textContent = s), n(e.children || []).forEach((e) => {
+					e && e.nodeType && a.appendChild(e);
+				}), a._slot = a;
+			}
+			return a.nodeType === 1 && (a._tokuiType = "item"), a;
 		}), e.register("tabs", (e, n) => {
 			let r = t("div", {
 				class: "tokui-tabs",
@@ -7988,6 +8456,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					var t = r.querySelector("input[data-index=\"" + e.v + "\"]");
 					t && (t.checked = !0);
 				}
+			}, r._streamCloseHook = function() {
+				if (r._tokuiStreamActive) {
+					var e = r.querySelector("input[data-index=\"0\"]");
+					e && (e.checked = !0);
+				}
 			}, r;
 		});
 		function a(e, n, r, i, a) {
@@ -8030,7 +8503,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var r = t("div", { class: "tokui-accordion" });
 			return n(e.children || []).forEach((e) => {
 				e && e.nodeType && r.appendChild(e);
-			}), r._slot = r, r._tokuiType = "accordion", r;
+			}), r._slot = r, r._tokuiType = "accordion", r._streamCloseHook = function() {
+				if (r._tokuiStreamActive) for (var e = r.querySelectorAll(".tokui-collapse"), t = 0; t < e.length; t++) t === 0 ? (e[t].setAttribute("open", ""), e[t].setAttribute("aria-expanded", "true")) : (e[t].removeAttribute("open"), e[t].setAttribute("aria-expanded", "false"));
+			}, r;
 		}), e.register("collapse", (e, n) => {
 			var r = {
 				class: "tokui-collapse",
@@ -8264,19 +8739,46 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				n.textContent = e.content, a.appendChild(n);
 			}
 			return r.appendChild(a), r;
-		}), e.register("desc", (e, n) => {
+		});
+		function o(e) {
+			for (var t = e.querySelectorAll(".tokui-desc__item--last-row"), n = 0; n < t.length; n++) t[n].classList.remove("tokui-desc__item--last-row");
+			var r = e.querySelectorAll(".tokui-desc__item");
+			if (r.length) {
+				var i = r[r.length - 1];
+				if (i.getBoundingClientRect) for (var a = i.getBoundingClientRect().top, o = r.length - 1; o >= 0 && Math.abs(r[o].getBoundingClientRect().top - a) < 1; o--) r[o].classList.add("tokui-desc__item--last-row");
+			}
+		}
+		function s(e) {
+			if (typeof MutationObserver > "u") {
+				o(e);
+				return;
+			}
+			var t = new MutationObserver(function() {
+				if (!e.isConnected) {
+					t.disconnect();
+					return;
+				}
+				o(e);
+			});
+			t.observe(e, { childList: !0 });
+			var n = function() {
+				e.isConnected && o(e);
+			};
+			typeof requestAnimationFrame == "function" ? requestAnimationFrame(n) : setTimeout(n, 0);
+		}
+		e.register("desc", (e, n) => {
 			var r = e.attrs || {}, a = parseInt(r.cols) || 3, o = ["tokui-desc"];
 			r.stripe !== void 0 && o.push("tokui-desc--stripe"), r.bordered !== void 0 && o.push("tokui-desc--bordered"), (r.v === "horizontal" || r.v === "h") && o.push("tokui-desc--horizontal");
-			var s = t("div", { class: o.join(" ") });
-			s.style.setProperty("--tokui-desc-cols", String(a)), r.lw && s.style.setProperty("--tokui-desc-label-w", r.lw);
-			var c = (e.children || []).filter(function(e) {
+			var c = t("div", { class: o.join(" ") });
+			c.style.setProperty("--tokui-desc-cols", String(a)), r.lw && c.style.setProperty("--tokui-desc-label-w", r.lw);
+			var l = (e.children || []).filter(function(e) {
 				return e.type === "desc-item" || e.type === "item";
 			});
-			return c.length > 0 && c.forEach(function(e) {
-				s.appendChild(i(e, a));
-			}), s._slot = s, s._tokuiType = "desc", s;
+			return l.length > 0 && l.forEach(function(e) {
+				c.appendChild(i(e, a));
+			}), s(c), c._slot = c, c._tokuiType = "desc", c;
 		}), e.register("desc-item", (e) => i(e));
-		function o(e, n) {
+		function c(e, n) {
 			var r = e.attrs || {}, i = t("div", {
 				class: "tokui-carousel__slide",
 				"data-tokui-tag": e.type
@@ -8297,99 +8799,155 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return i;
 		}
 		e.register("carousel", (e, n) => {
-			var r = e.attrs || {}, i = { class: "tokui-carousel" };
-			r.id && (i.id = r.id), i["data-carousel"] = r.id || "carousel-" + Math.random().toString(36).slice(2, 8);
-			var a = t("div", i), s = t("div", { class: "tokui-carousel__track" }), c = (e.children || []).filter(function(e) {
+			var r = e.attrs || {}, i = r.thumb !== void 0, a = { class: "tokui-carousel" + (i ? " tokui-carousel--thumb" : "") };
+			r.id && (a.id = r.id), a["data-carousel"] = r.id || "carousel-" + Math.random().toString(36).slice(2, 8);
+			var o = t("div", a), s = t("div", { class: "tokui-carousel__viewport" }), l = t("div", { class: "tokui-carousel__track" });
+			function u(e) {
+				return e = String(e).trim(), /^\d+(\.\d+)?$/.test(e) ? e + "px" : e;
+			}
+			function d(e) {
+				var t = String(e).split(":");
+				if (t.length === 2) {
+					var n = parseFloat(t[0]), r = parseFloat(t[1]);
+					return n && r ? n / r : 0;
+				}
+				var i = parseFloat(e);
+				return i > 0 ? i : 0;
+			}
+			if (r.w && (o.style.width = u(r.w)), r.h) s.style.height = u(r.h), o.classList.add("tokui-carousel--sized");
+			else if (r.ratio) {
+				var f = d(r.ratio);
+				f && (s.style.aspectRatio = String(f), o.classList.add("tokui-carousel--sized"));
+			}
+			var p = (e.children || []).filter(function(e) {
 				return e.type === "carousel-item" || e.type === "item" || e.type === "img";
 			});
-			c.forEach(function(e) {
-				if (e.type === "carousel-item" || e.type === "item") s.appendChild(o(e, n));
+			p.forEach(function(e) {
+				if (e.type === "carousel-item" || e.type === "item") l.appendChild(c(e, n));
 				else if (e.type === "img") {
 					var r = t("div", { class: "tokui-carousel__slide" });
 					n([e]).forEach(function(e) {
 						e && e.nodeType && r.appendChild(e);
-					}), s.appendChild(r);
+					}), l.appendChild(r);
 				}
-			}), a.appendChild(s);
-			var l = t("button", {
+			}), s.appendChild(l);
+			var m = t("button", {
 				class: "tokui-carousel__arrow tokui-carousel__arrow--prev",
 				"aria-label": "上一张",
 				"data-dir": "prev"
 			});
-			l.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"/></svg>", a.appendChild(l);
-			var u = t("button", {
+			m.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"/></svg>", s.appendChild(m);
+			var h = t("button", {
 				class: "tokui-carousel__arrow tokui-carousel__arrow--next",
 				"aria-label": "下一张",
 				"data-dir": "next"
 			});
-			u.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 6 15 12 9 18\"/></svg>", a.appendChild(u);
-			for (var d = t("div", { class: "tokui-carousel__dots" }), f = c.length, p = 0; p < f; p++) {
-				var m = t("button", {
-					class: "tokui-carousel__dot" + (p === 0 ? " tokui-carousel__dot--active" : ""),
-					"aria-label": "第" + (p + 1) + "张",
-					"data-index": String(p)
+			h.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 6 15 12 9 18\"/></svg>", s.appendChild(h), o.appendChild(s);
+			var g = null, _ = null, v = !1;
+			function y() {
+				return Array.prototype.filter.call(l.children, function(e) {
+					return e && e.nodeType === 1 && /\btokui-carousel__slide\b/.test(e.className || "");
 				});
-				d.appendChild(m);
 			}
-			a.appendChild(d), a._slot = s, a._tokuiType = "carousel";
-			function h() {
-				var e = 0, t = s.querySelectorAll(":scope > .tokui-carousel__slide"), n = d.querySelectorAll(".tokui-carousel__dot"), i = null;
-				function o(r) {
-					r < 0 && (r = t.length - 1), r >= t.length && (r = 0), e = r, s.style.transform = "translateX(-" + e * 100 + "%)", n.forEach(function(t, n) {
+			function b() {
+				if (!v) {
+					var e = y();
+					e.length && (v = !0, i ? (_ = t("div", { class: "tokui-carousel__thumbs" }), e.forEach(function(e, n) {
+						var r = e.querySelector("img"), i = r ? r.getAttribute("src") : "", a = e.querySelector(".tokui-carousel__slide-title"), o = a ? (a.textContent || "").trim() : "", s = t("button", {
+							class: "tokui-carousel__thumb" + (n === 0 ? " tokui-carousel__thumb--active" : ""),
+							"aria-label": "第" + (n + 1) + "张",
+							"data-index": String(n)
+						});
+						if (i) {
+							var c = t("img", {
+								src: i,
+								alt: o
+							});
+							c.style.width = "100%", c.style.height = "100%", c.style.objectFit = "cover", s.appendChild(c);
+						} else s.textContent = String(n + 1);
+						_.appendChild(s);
+					}), o.appendChild(_)) : (g = t("div", { class: "tokui-carousel__dots" }), e.forEach(function(e, n) {
+						var r = t("button", {
+							class: "tokui-carousel__dot" + (n === 0 ? " tokui-carousel__dot--active" : ""),
+							"aria-label": "第" + (n + 1) + "张",
+							"data-index": String(n)
+						});
+						g.appendChild(r);
+					}), s.appendChild(g)));
+				}
+			}
+			o._slot = l, o._tokuiType = "carousel";
+			function x() {
+				b();
+				var e = 0, t = y(), n = g ? g.querySelectorAll(".tokui-carousel__dot") : [], i = _ ? _.querySelectorAll(".tokui-carousel__thumb") : [], a = null;
+				function s() {
+					n.forEach && n.forEach(function(t, n) {
 						n === e ? t.classList.add("tokui-carousel__dot--active") : t.classList.remove("tokui-carousel__dot--active");
+					}), i.forEach && i.forEach(function(t, n) {
+						n === e ? (t.classList.add("tokui-carousel__thumb--active"), t.scrollIntoView && t.scrollIntoView({
+							behavior: "smooth",
+							block: "nearest",
+							inline: "nearest"
+						})) : t.classList.remove("tokui-carousel__thumb--active");
 					});
 				}
-				l.addEventListener("click", function() {
-					o(e - 1), f();
-				}), u.addEventListener("click", function() {
-					o(e + 1), f();
-				}), d.addEventListener("click", function(e) {
+				function c(n) {
+					n < 0 && (n = t.length - 1), n >= t.length && (n = 0), e = n, l.style.transform = "translateX(-" + e * 100 + "%)", s();
+				}
+				m.addEventListener("click", function() {
+					c(e - 1), d();
+				}), h.addEventListener("click", function() {
+					c(e + 1), d();
+				}), g && g.addEventListener("click", function(e) {
 					var t = e.target.closest(".tokui-carousel__dot");
-					t && (o(parseInt(t.getAttribute("data-index"))), f());
+					t && (c(parseInt(t.getAttribute("data-index"))), d());
+				}), _ && _.addEventListener("click", function(e) {
+					var t = e.target.closest(".tokui-carousel__thumb");
+					t && (c(parseInt(t.getAttribute("data-index"))), d());
 				});
-				function c() {
+				function u() {
 					var t = parseInt(r.auto);
-					t && t > 0 && (i = setInterval(function() {
-						o(e + 1);
+					t && t > 0 && (a = setInterval(function() {
+						c(e + 1);
 					}, t));
 				}
-				function f() {
-					i && clearInterval(i), c();
+				function d() {
+					a && clearInterval(a), u();
 				}
-				c(), a.setAttribute("tabindex", "0"), a.addEventListener("keydown", function(t) {
-					t.key === "ArrowLeft" ? (o(e - 1), f()) : t.key === "ArrowRight" && (o(e + 1), f());
+				u(), o.setAttribute("tabindex", "0"), o.addEventListener("keydown", function(t) {
+					t.key === "ArrowLeft" ? (c(e - 1), d()) : t.key === "ArrowRight" && (c(e + 1), d());
 				});
-				var p = 0, m = 0, h = !1;
-				s.addEventListener("mousedown", function(e) {
-					h = !0, p = e.clientX, m = 0, s.style.transition = "none", f();
-				}), s.addEventListener("touchstart", function(e) {
-					h = !0, p = e.touches[0].clientX, m = 0, s.style.transition = "none", f();
+				var f = 0, p = 0, v = !1;
+				l.addEventListener("mousedown", function(e) {
+					v = !0, f = e.clientX, p = 0, l.style.transition = "none", d();
+				}), l.addEventListener("touchstart", function(e) {
+					v = !0, f = e.touches[0].clientX, p = 0, l.style.transition = "none", d();
 				}, { passive: !0 });
-				function g(t) {
-					if (h) {
-						m = t - p;
-						var n = -(e * a.offsetWidth) + m;
-						s.style.transform = "translateX(" + n + "px)";
+				function x(t) {
+					if (v) {
+						p = t - f;
+						var n = -(e * o.offsetWidth) + p;
+						l.style.transform = "translateX(" + n + "px)";
 					}
 				}
 				typeof document < "u" && document.addEventListener && (document.addEventListener("mousemove", function(e) {
-					g(e.clientX);
+					x(e.clientX);
 				}), document.addEventListener("touchmove", function(e) {
-					g(e.touches[0].clientX);
+					x(e.touches[0].clientX);
 				}, { passive: !0 }));
-				function _() {
-					if (h) {
-						h = !1, s.style.transition = "";
-						var t = a.offsetWidth * .2;
-						m < -t ? o(e + 1) : o(m > t ? e - 1 : e);
+				function S() {
+					if (v) {
+						v = !1, l.style.transition = "";
+						var t = o.offsetWidth * .2;
+						p < -t ? c(e + 1) : c(p > t ? e - 1 : e);
 					}
 				}
-				typeof document < "u" && document.addEventListener && (document.addEventListener("mouseup", _), document.addEventListener("touchend", _));
+				typeof document < "u" && document.addEventListener && (document.addEventListener("mouseup", S), document.addEventListener("touchend", S));
 			}
-			return c.length > 0 && h(), a._streamCloseHook = function() {
-				h();
-			}, a;
-		}), e.register("carousel-item", (e, t) => o(e, t)), e.register("tn", (e, n) => {
+			return p.length > 0 && x(), o._streamCloseHook = function() {
+				x();
+			}, o;
+		}), e.register("carousel-item", (e, t) => c(e, t)), e.register("tn", (e, n) => {
 			var r = e.attrs.leaf !== void 0, i = e.attrs.open !== void 0, a = e.attrs.dis !== void 0, o = t("div", {
 				class: "tokui-tree-node" + (r ? " tokui-tree-node--leaf" : "") + (i ? " tokui-tree-node--open" : "") + (a ? " tokui-tree-node--disabled" : ""),
 				role: "treeitem",
@@ -8509,23 +9067,23 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				role: "menu"
 			};
 			r.id && (o.id = r.id);
-			var c = t("div", o);
-			r.bg && c.style.setProperty("--tokui-menu-bg", r.bg), r.fc && c.style.setProperty("--tokui-menu-fc", r.fc);
-			var l = r.act || "";
+			var s = t("div", o);
+			r.bg && s.style.setProperty("--tokui-menu-bg", r.bg), r.fc && s.style.setProperty("--tokui-menu-fc", r.fc);
+			var c = r.act || "";
 			return (e.children || []).filter(function(e) {
 				return e.type === "menu-item";
 			}).forEach(function(e) {
-				var t = s(e, l);
-				c.appendChild(t);
-			}), c._slot = c, c._tokuiType = "menu", c._activeClk = l, c.addEventListener("keydown", function(e) {
+				var t = u(e, c);
+				s.appendChild(t);
+			}), s._slot = s, s._tokuiType = "menu", s._activeClk = c, s.addEventListener("keydown", function(e) {
 				var t = e.target.closest(".tokui-menu__item");
 				if (t) {
-					var n = Array.from(c.querySelectorAll(".tokui-menu__item:not(.tokui-menu__item--disabled)")), r = n.indexOf(t);
+					var n = Array.from(s.querySelectorAll(".tokui-menu__item:not(.tokui-menu__item--disabled)")), r = n.indexOf(t);
 					e.key === "ArrowDown" && r < n.length - 1 ? (e.preventDefault(), n[r + 1].focus()) : e.key === "ArrowUp" && r > 0 ? (e.preventDefault(), n[r - 1].focus()) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t.click());
 				}
-			}), c;
+			}), s;
 		});
-		function s(e, n) {
+		function u(e, n) {
 			var r = e.attrs || {}, i = ["tokui-menu__item"];
 			r.dis !== void 0 && i.push("tokui-menu__item--disabled"), n && r.clk === n && i.push("tokui-menu__item--active");
 			var a = t("div", {
@@ -8705,7 +9263,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					theme: "default",
 					streaming: !0,
 					onEvent: null
-				}, e), this.renderer = new n(i), o(this.renderer), this.parser = null, this.container = null, this.streamingContainer = null, this.options.container && typeof document < "u" && (this.container = typeof this.options.container == "string" ? document.querySelector(this.options.container) : this.options.container, a.init(this.container), this.options.theme && this.options.theme !== "default" && a.setTheme(this.options.theme)), typeof window < "u" && (window.TokUI._instance = this, window.TokUI._internal.el = r, window.TokUI.registerHandler = i.registerHandler.bind(i), window.TokUI.setTheme = a.setTheme.bind(a), window.TokUI.showNotification || (window.TokUI.showNotification = function() {}));
+				}, e), this.renderer = new n(i), o(this.renderer), this.parser = null, this.container = null, this.streamingContainer = null, this.options.container && typeof document < "u" && (this.container = typeof this.options.container == "string" ? document.querySelector(this.options.container) : this.options.container, a.init(this.container), this.options.theme && a.setTheme(this.options.theme)), typeof window < "u" && (window.TokUI._instance = this, window.TokUI._internal.el = r, window.TokUI.registerHandler = i.registerHandler.bind(i), window.TokUI.setTheme = a.setTheme.bind(a), window.TokUI.showNotification || (window.TokUI.showNotification = function() {}));
 			}
 			render(t, n) {
 				let r = n || this.container;