@astryx-vue/core 0.4.0 → 0.5.0

package/dist/{Table-BcrrylMX.js → Table-B2bj8INX.js}

@@ -1,22 +1,22 @@
-import { t as _sfc_main$15 } from "./VisuallyHidden-C7NN3VEP.js";
-import { t as _sfc_main$16 } from "./Button-ONOoHdkg.js";
+import { t as _sfc_main$15 } from "./Icon-Dosui-zD.js";
+import { t as _sfc_main$16 } from "./VisuallyHidden-C7NN3VEP.js";
+import { t as _sfc_main$17 } from "./Button-bxKFDhhg.js";
 import { n as useLayerTeleportTarget } from "./useLayerMountTarget-BmZyeKWE.js";
 import { n as firstCharacter } from "./characters-wTnzjkkR.js";
-import { s as useAstryxMessages } from "./context-DWfi56sq.js";
-import { n as useCollator } from "./locale-CabGJlGp.js";
+import { s as useAstryxMessages } from "./context-CVUee2tp.js";
+import { n as useCollator } from "./locale-D4DoSjrL.js";
 import { t as useScrollableArea } from "./useScrollableArea-BE8b3qm7.js";
-import { t as _sfc_main$17 } from "./Tooltip-sAM8i1eO.js";
+import { t as _sfc_main$18 } from "./Tooltip-sAM8i1eO.js";
 import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
-import { t as _sfc_main$18 } from "./Icon-KDnUyY7f.js";
-import { t as _sfc_main$19 } from "./CheckboxInput-DJHCbwgC.js";
-import { t as _sfc_main$20 } from "./Popover-78dFjTb9.js";
-import { t as _sfc_main$21 } from "./DateInput-BjLdmYor.js";
-import { t as _sfc_main$22 } from "./MultiSelector-DuVatmq5.js";
-import { t as _sfc_main$23 } from "./NumberInput-B0vzOg3N.js";
-import { t as _sfc_main$24 } from "./Pagination-Bfe12018.js";
-import { t as _sfc_main$25 } from "./Selector-CPISLzp7.js";
-import { t as _sfc_main$26 } from "./TextInput-CI96einV.js";
-import { t as _sfc_main$27 } from "./Toolbar-C0pMWL4S.js";
+import { t as _sfc_main$19 } from "./CheckboxInput-CMtJ0qXQ.js";
+import { t as _sfc_main$20 } from "./Popover-Dmpyfb45.js";
+import { t as _sfc_main$21 } from "./DateInput-BfR_bV-E.js";
+import { t as _sfc_main$22 } from "./MultiSelector-V_VrLRdF.js";
+import { t as _sfc_main$23 } from "./NumberInput-C8iCWQih.js";
+import { t as _sfc_main$24 } from "./Pagination-DfsCrTIx.js";
+import { t as _sfc_main$25 } from "./Selector-PBkInp3I.js";
+import { t as _sfc_main$26 } from "./TextInput-Ciy-VyBn.js";
+import { t as _sfc_main$27 } from "./Toolbar-DKld_COt.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, h, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, toValue, unref, useAttrs, watch, withCtx, withModifiers } from "vue";
 import "../styles/layer.css";
 import "../styles/table.css";
@@ -723,7 +723,7 @@ const _sfc_main$14 = /*@__PURE__*/ defineComponent({
 				"aria-expanded": __props.expanded ? "true" : "false",
 				"aria-label": __props.expanded ? unref(messages).table.collapseRow : unref(messages).table.expandRow,
 				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("toggle"), ["stop"]))
-			}, [createElementVNode("span", { class: normalizeClass(["astryx-table__chevron-icon", { "is-expanded": __props.expanded }]) }, [createVNode(_sfc_main$18, {
+			}, [createElementVNode("span", { class: normalizeClass(["astryx-table__chevron-icon", { "is-expanded": __props.expanded }]) }, [createVNode(_sfc_main$15, {
 				icon: "chevronRight",
 				size: "xsm"
 			})], 2)], 8, _hoisted_1$11);
@@ -779,8 +779,13 @@ function useTableRowExpansion(config) {
 			};
 		},
 		cellPatch({ column, row, kind }) {
-			if (kind !== "body" || row == null || column.key !== "__expansion") return column.key === "__expansion" ? { class: "astryx-table__expansion" } : null;
-			return { class: "astryx-table__expansion" };
+			const isExpansionColumn = column.key === EXPANSION_COLUMN_KEY;
+			const hasMenu = kind === "body" && row != null && (toValue(config).getIsItemExpandable?.(row) ?? true);
+			if (!isExpansionColumn && !hasMenu) return null;
+			return {
+				class: isExpansionColumn ? "astryx-table__expansion" : void 0,
+				attrs: hasMenu ? { "data-row-menu": "" } : void 0
+			};
 		}
 	};
 }
@@ -842,18 +847,18 @@ const SEMANTIC_ICON = {
 	error: "error"
 };
 function statusMark(status) {
-	if (status.status != null) return h(_sfc_main$18, {
+	if (status.status != null) return h(_sfc_main$15, {
 		icon: SEMANTIC_ICON[status.status],
 		size: "xsm",
 		color: status.status
 	});
 	if (status.icon) {
 		const named = NAMED_ICON_COLOR[status.color];
-		return status.icon.includes(":") ? h(_sfc_main$18, {
+		return status.icon.includes(":") ? h(_sfc_main$15, {
 			name: status.icon,
 			size: "xsm",
 			color: named ?? "inherit"
-		}) : h(_sfc_main$18, {
+		}) : h(_sfc_main$15, {
 			icon: status.icon,
 			size: "xsm",
 			color: named ?? "inherit"
@@ -878,7 +883,7 @@ function useTableRowStatus(config) {
 				const status = toValue(config).getStatus(item);
 				if (status == null) return null;
 				const customColor = status.status == null && status.icon != null && NAMED_ICON_COLOR[status.color] == null ? status.color : void 0;
-				return h(_sfc_main$17, { content: status.label }, { default: () => h("span", {
+				return h(_sfc_main$18, { content: status.label }, { default: () => h("span", {
 					"class": "astryx-table__status",
 					"role": "img",
 					"aria-label": status.label,
@@ -1011,7 +1016,7 @@ function sortKeyOf(column) {
 	return column.sortable.sortKey ?? column.key;
 }
 function headerLabel(column) {
-	return column.header ?? column.key;
+	return typeof column.header === "string" && column.header !== "" ? column.header : column.key;
 }
 function nextDirection(current, allowUnsorted) {
 	if (current == null) return "ascending";
@@ -1166,7 +1171,7 @@ function useTableStickyColumns(config) {
 function selectColumn() {
 	return {
 		key: SELECT_COLUMN_KEY,
-		width: pixel(48),
+		width: pixel(36),
 		headerHidden: true,
 		resizable: false
 	};
@@ -1213,7 +1218,7 @@ const _sfc_main$13 = /*@__PURE__*/ defineComponent({
 				"aria-expanded": __props.expanded ? "true" : "false",
 				"aria-label": __props.expanded ? unref(messages).table.collapseRow : unref(messages).table.expandRow,
 				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("toggle"), ["stop"]))
-			}, [createElementVNode("span", { class: normalizeClass(["astryx-table__chevron-icon", { "is-expanded": __props.expanded }]) }, [createVNode(_sfc_main$18, {
+			}, [createElementVNode("span", { class: normalizeClass(["astryx-table__chevron-icon", { "is-expanded": __props.expanded }]) }, [createVNode(_sfc_main$15, {
 				icon: "chevronRight",
 				size: "xsm"
 			})], 2)], 8, _hoisted_1$10)) : (openBlock(), createElementBlock("span", _hoisted_2$3)), createElementVNode("span", _hoisted_3$3, [renderSlot(_ctx.$slots, "default")])], 4);
@@ -1338,7 +1343,7 @@ function useTableTreeData(config) {
 					if (allExpanded) current.onCollapseAll?.();
 					else current.onExpandAll?.();
 				}
-			}, [h("span", { class: ["astryx-table__chevron-icon", allExpanded ? "is-expanded" : void 0] }, [h(_sfc_main$18, {
+			}, [h("span", { class: ["astryx-table__chevron-icon", allExpanded ? "is-expanded" : void 0] }, [h(_sfc_main$15, {
 				icon: "chevronRight",
 				size: "xsm"
 			})])]) };
@@ -1794,7 +1799,7 @@ const _sfc_main$12 = /*@__PURE__*/ defineComponent({
 					"label",
 					"placeholder",
 					"options"
-				])), createElementVNode("div", _hoisted_4$2, [createVNode(_sfc_main$16, {
+				])), createElementVNode("div", _hoisted_4$2, [createVNode(_sfc_main$17, {
 					variant: "ghost",
 					size: "sm",
 					label: unref(messages).table.reset,
@@ -1805,7 +1810,7 @@ const _sfc_main$12 = /*@__PURE__*/ defineComponent({
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(messages).table.reset), 1)]),
 					_: 1
-				}, 8, ["label"]), createVNode(_sfc_main$16, {
+				}, 8, ["label"]), createVNode(_sfc_main$17, {
 					variant: "primary",
 					size: "sm",
 					label: unref(messages).table.apply,
@@ -1819,7 +1824,7 @@ const _sfc_main$12 = /*@__PURE__*/ defineComponent({
 					class: "astryx-table__filter-trigger",
 					"aria-label": __props.filter.field.label,
 					"data-active": hasValue.value || void 0
-				}, [createVNode(_sfc_main$18, {
+				}, [createVNode(_sfc_main$15, {
 					icon: "funnel",
 					size: "xsm",
 					color: hasValue.value ? "accent" : "secondary"
@@ -1863,7 +1868,7 @@ const _sfc_main$11 = /*@__PURE__*/ defineComponent({
 				"aria-expanded": __props.collapsed ? "false" : "true",
 				"aria-label": __props.collapsed ? unref(messages).table.expandGroup(__props.groupKey) : unref(messages).table.collapseGroup(__props.groupKey),
 				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("toggle"), ["stop"]))
-			}, [createElementVNode("span", { class: normalizeClass(["astryx-table__chevron-icon", { "is-expanded": !__props.collapsed }]) }, [createVNode(_sfc_main$18, {
+			}, [createElementVNode("span", { class: normalizeClass(["astryx-table__chevron-icon", { "is-expanded": !__props.collapsed }]) }, [createVNode(_sfc_main$15, {
 				icon: "chevronRight",
 				size: "sm"
 			})], 2)], 8, _hoisted_2$1), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("span", _hoisted_3$1, [createTextVNode(toDisplayString(__props.groupKey) + " ", 1), createElementVNode("span", _hoisted_4$1, "(" + toDisplayString(__props.count) + ")", 1)])])], 8, _hoisted_1$8);
@@ -1959,7 +1964,7 @@ const _sfc_main$10 = /*@__PURE__*/ defineComponent({
 					onClick: ($event) => choose(item),
 					onFocusin: ($event) => active.value = index,
 					onMouseenter: ($event) => active.value = index
-				}, [item.icon ? (openBlock(), createBlock(_sfc_main$18, {
+				}, [item.icon ? (openBlock(), createBlock(_sfc_main$15, {
 					key: 0,
 					icon: item.icon,
 					size: "xsm"
@@ -2186,14 +2191,12 @@ const _hoisted_5 = [
 	"aria-label",
 	"onClick"
 ];
-const _hoisted_6 = { key: 1 };
-const _hoisted_7 = ["data-active"];
-const _hoisted_8 = {
+const _hoisted_6 = ["data-active"];
+const _hoisted_7 = {
 	key: 2,
 	class: "astryx-table__sort-rank"
 };
-const _hoisted_9 = { key: 2 };
-const _hoisted_10 = [
+const _hoisted_8 = [
 	"aria-label",
 	"aria-valuenow",
 	"aria-valuemin",
@@ -2201,9 +2204,9 @@ const _hoisted_10 = [
 	"onPointerdown",
 	"onKeydown"
 ];
-const _hoisted_11 = { key: 0 };
-const _hoisted_12 = ["colspan"];
-const _hoisted_13 = [
+const _hoisted_9 = { key: 0 };
+const _hoisted_10 = ["colspan"];
+const _hoisted_11 = [
 	"aria-selected",
 	"aria-rowindex",
 	"onBlur",
@@ -2213,10 +2216,10 @@ const _hoisted_13 = [
 	"onMouseenter",
 	"onMouseleave"
 ];
-const _hoisted_14 = ["colspan"];
-const _hoisted_15 = ["data-column", "data-align"];
-const _hoisted_16 = ["data-variant"];
-const _hoisted_17 = ["colspan"];
+const _hoisted_12 = ["colspan"];
+const _hoisted_13 = ["data-column", "data-align"];
+const _hoisted_14 = ["data-variant"];
+const _hoisted_15 = ["colspan"];
 const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "TableData",
@@ -2243,8 +2246,21 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 		const menu = ref(null);
 		const scrollStyle = computed(() => splitStyleMinWidth(attrs.style).style);
 		const resolvedColumns = computed(() => props.plugins.reduce((columns, plugin) => plugin.transformColumns?.(columns) ?? columns, [...props.columns]));
-		const widths = computed(() => resolveColumnWidths(resolvedColumns.value));
 		const selection = computed(() => props.plugins.find((plugin) => plugin.selection)?.selection);
+		/**
+		* 选择列的宽度可以被插件的 `widthFor` 改（原版靠 `transformColumns` 改选择列宽）。
+		* 它和别的列一起进 `resolveColumnWidths`，所以表头、数据格和表格最小宽度读到同一个值。
+		*/
+		const selectionColumn = computed(() => {
+			const base = selectColumn();
+			const override = props.plugins.map((plugin) => plugin.widthFor?.(base)).find((value) => value != null);
+			return override == null ? base : {
+				...base,
+				width: pixel(override)
+			};
+		});
+		const layoutColumns = computed(() => selection.value ? [selectionColumn.value, ...resolvedColumns.value] : resolvedColumns.value);
+		const widths = computed(() => resolveColumnWidths(layoutColumns.value));
 		const canResize = computed(() => props.plugins.some((plugin) => plugin.onColumnResizeEnd));
 		/**
 		* 一列参与拖动改宽的方式。第一个给出结果的插件说了算。
@@ -2270,7 +2286,6 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 			resizeColumnLabel: (header) => messages.value.table.resizeColumn(header)
 		});
 		const tableStyle = computed(() => ({ minWidth: resolveTableMinWidth(splitStyleMinWidth(attrs.style).minWidth, widths.value.tableMinWidth) }));
-		const layoutColumns = computed(() => selection.value ? [selectColumn(), ...resolvedColumns.value] : resolvedColumns.value);
 		const columnCount = computed(() => layoutColumns.value.length);
 		const trackRows = computed(() => props.rowCount != null || props.rowIndexStart != null);
 		const ariaRowCount = computed(() => {
@@ -2289,6 +2304,14 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 		onBeforeUnmount(() => {
 			bindScroll(null);
 		});
+		/** 列头的纯文本形态：函数式列头没有纯文本，可访问名称回退到 key。 */
+		function headerText(column) {
+			return typeof column.header === "string" && column.header !== "" ? column.header : column.key;
+		}
+		/** 列头内容：字符串直接显示，函数按函数式组件渲染。 */
+		function HeaderContent(props) {
+			return typeof props.column.header === "function" ? props.column.header() : h("span", null, headerText(props.column));
+		}
 		function styleFor(column) {
 			const base = { ...widths.value.columns.get(column.key)?.style ?? {} };
 			const override = props.plugins.map((plugin) => plugin.widthFor?.(column)).find((value) => value != null) ?? resizeContributions.value.get(column.key)?.currentWidth;
@@ -2397,8 +2420,19 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 				items
 			};
 		}
+		/** 选择列的格子：宽度来自布局里的选择列，再叠加插件的补丁。 */
 		function selectCellPatch(kind, row) {
-			return mergeCell(selectColumn(), row, kind);
+			const patch = mergeCell(selectionColumn.value, row, kind);
+			const width = widths.value.columns.get(selectionColumn.value.key)?.style.width;
+			return {
+				...patch,
+				style: {
+					width,
+					minWidth: width,
+					maxWidth: width,
+					...patch.style
+				}
+			};
 		}
 		function isSelected(row) {
 			return selection.value?.isSelected(row) === true;
@@ -2423,6 +2457,7 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 					}), 128)),
 					createElementVNode("table", {
 						class: "astryx-table",
+						"data-layout": "fixed",
 						"data-density": __props.density,
 						"data-dividers": __props.dividers,
 						"data-striped": __props.isStriped || void 0,
@@ -2466,22 +2501,28 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 									"aria-label": sortFor(column)?.label,
 									onClick: ($event) => sortFor(column)?.onClick($event)
 								}, [
-									column.headerHidden ? (openBlock(), createBlock(_sfc_main$15, { key: 0 }, {
-										default: withCtx(() => [createTextVNode(toDisplayString(column.header ?? column.key), 1)]),
+									column.headerHidden ? (openBlock(), createBlock(_sfc_main$16, { key: 0 }, {
+										default: withCtx(() => [createTextVNode(toDisplayString(headerText(column)), 1)]),
 										_: 2
-									}, 1024)) : (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(column.header ?? column.key), 1)),
+									}, 1024)) : (openBlock(), createBlock(HeaderContent, {
+										key: 1,
+										column
+									}, null, 8, ["column"])),
 									createElementVNode("span", {
 										class: "astryx-table__sort-icon",
 										"data-active": sortFor(column)?.direction != null || void 0
-									}, [createVNode(_sfc_main$18, {
+									}, [createVNode(_sfc_main$15, {
 										icon: sortFor(column)?.direction === "descending" ? "arrowDown" : "arrowUp",
 										size: "sm"
-									}, null, 8, ["icon"])], 8, _hoisted_7),
-									sortFor(column)?.rank ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(sortFor(column)?.rank), 1)) : createCommentVNode("v-if", true)
-								], 8, _hoisted_5)) : column.headerHidden ? (openBlock(), createBlock(_sfc_main$15, { key: 1 }, {
-									default: withCtx(() => [createTextVNode(toDisplayString(column.header ?? column.key), 1)]),
+									}, null, 8, ["icon"])], 8, _hoisted_6),
+									sortFor(column)?.rank ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(sortFor(column)?.rank), 1)) : createCommentVNode("v-if", true)
+								], 8, _hoisted_5)) : column.headerHidden ? (openBlock(), createBlock(_sfc_main$16, { key: 1 }, {
+									default: withCtx(() => [createTextVNode(toDisplayString(headerText(column)), 1)]),
 									_: 2
-								}, 1024)) : (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(column.header ?? column.key), 1)),
+								}, 1024)) : (openBlock(), createBlock(HeaderContent, {
+									key: 2,
+									column
+								}, null, 8, ["column"])),
 								filterAt(column, "line") ? (openBlock(), createBlock(_sfc_main$12, {
 									key: 3,
 									filter: filterAt(column, "line")
@@ -2503,12 +2544,12 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 								tabindex: "0",
 								onPointerdown: ($event) => unref(startResize)($event, column),
 								onKeydown: ($event) => unref(onResizeKeydown)($event, column)
-							}, null, 40, _hoisted_10)) : createCommentVNode("v-if", true)
+							}, null, 40, _hoisted_8)) : createCommentVNode("v-if", true)
 						], 16, _hoisted_2);
-					}), 128))])]), createElementVNode("tbody", null, [__props.rows.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_11, [createElementVNode("td", {
+					}), 128))])]), createElementVNode("tbody", null, [__props.rows.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_9, [createElementVNode("td", {
 						class: "astryx-table__empty",
 						colspan: columnCount.value
-					}, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref(messages).table.noData), 1)])], 8, _hoisted_12)])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, (entry) => {
+					}, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref(messages).table.noData), 1)])], 8, _hoisted_10)])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, (entry) => {
 						return openBlock(), createElementBlock(Fragment, { key: entry.key }, [createElementVNode("tr", mergeProps({
 							ref_for: true,
 							ref: entry.ref,
@@ -2544,7 +2585,7 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 							"collapsed",
 							"custom",
 							"onToggle"
-						])], 8, _hoisted_14)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [selection.value && !entry.patch.suppressSelection ? (openBlock(), createElementBlock("td", mergeProps({
+						])], 8, _hoisted_12)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [selection.value && !entry.patch.suppressSelection ? (openBlock(), createElementBlock("td", mergeProps({
 							key: 0,
 							class: ["astryx-table__select", selectCellPatch("body", entry.row).class]
 						}, { ref_for: true }, selectCellPatch("body", entry.row).attrs, { style: selectCellPatch("body", entry.row).style }), [selection.value.isSelectable?.(entry.row) !== false ? (openBlock(), createBlock(_sfc_main$19, {
@@ -2574,8 +2615,8 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 								"column",
 								"row",
 								"index"
-							])], 16, _hoisted_15);
-						}), 128))], 64))], 16, _hoisted_13), entry.patch.panel ? (openBlock(), createElementBlock("tr", {
+							])], 16, _hoisted_13);
+						}), 128))], 64))], 16, _hoisted_11), entry.patch.panel ? (openBlock(), createElementBlock("tr", {
 							key: 0,
 							"data-expansion-panel": "",
 							class: "astryx-table__panel-row",
@@ -2583,7 +2624,7 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 						}, [createElementVNode("td", {
 							class: "astryx-table__panel",
 							colspan: columnCount.value
-						}, [createVNode(unref(RenderFn), { render: entry.patch.panel.render }, null, 8, ["render"])], 8, _hoisted_17)], 8, _hoisted_16)) : createCommentVNode("v-if", true)], 64);
+						}, [createVNode(unref(RenderFn), { render: entry.patch.panel.render }, null, 8, ["render"])], 8, _hoisted_15)], 8, _hoisted_14)) : createCommentVNode("v-if", true)], 64);
 					}), 128))])], 12, _hoisted_1$5),
 					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.plugins.filter((item) => item.below), (plugin, index) => {
 						return openBlock(), createBlock(unref(PluginFooter), {
@@ -2846,8 +2887,6 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const resolvedLabel = computed(() => props.label ?? messages.value.table.bulkActionsLabel);
 		const resolvedClearLabel = computed(() => props.clearLabel ?? messages.value.table.clearAll);
 		const resolvedCountLabel = computed(() => messages.value.table.selectedCount(effectiveCount.value));
-		/** Toolbar 只有透明和弱化底，表面色这一档由本组件的类补上。 */
-		const toolbarVariant = computed(() => props.variant === "muted" ? "muted" : "transparent");
 		function clearSelection() {
 			props.selection?.clearSelection();
 			emit("clear");
@@ -2855,12 +2894,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		return (_ctx, _cache) => {
 			return isVisible.value ? (openBlock(), createBlock(_sfc_main$27, {
 				key: 0,
-				class: normalizeClass(["astryx-table-selection-toolbar", { "astryx-table-selection-toolbar--section": __props.variant === "section" }]),
+				class: "astryx-table-selection-toolbar",
 				label: resolvedLabel.value,
 				size: __props.size,
-				variant: toolbarVariant.value
+				variant: __props.variant
 			}, createSlots({
-				end: withCtx(() => [createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "label", { count: effectiveCount.value }, () => [createTextVNode(toDisplayString(resolvedCountLabel.value), 1)])]), createVNode(_sfc_main$16, {
+				end: withCtx(() => [createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "label", { count: effectiveCount.value }, () => [createTextVNode(toDisplayString(resolvedCountLabel.value), 1)])]), createVNode(_sfc_main$17, {
 					class: "astryx-table-selection-toolbar__clear",
 					label: resolvedClearLabel.value,
 					size: __props.size,
@@ -2873,7 +2912,6 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				fn: withCtx(() => [renderSlot(_ctx.$slots, "start", {}, () => [renderSlot(_ctx.$slots, "default")])]),
 				key: "0"
 			} : void 0]), 1032, [
-				"class",
 				"label",
 				"size",
 				"variant"

package/dist/Text/index.d.ts

@@ -1,3 +1,3 @@
-import { a as TextProps, c as TextType, d as TextWrap, i as TextJustify, l as TextWeight, n as TextColor, o as TextSize, r as TextDisplay, s as TextTruncateTooltip, t as TextAs, u as TextWordBreak } from "../types-Ckih2YJi.js";
-import { t as _default } from "../index-pNtfr-RW.js";
+import { a as TextProps, c as TextType, d as TextWrap, i as TextJustify, l as TextWeight, n as TextColor, o as TextSize, r as TextDisplay, s as TextTruncateTooltip, t as TextAs, u as TextWordBreak } from "../types-BymI5mmm.js";
+import { t as _default } from "../index-BbArm3_c.js";
 export { _default as Text, type TextAs, type TextColor, type TextDisplay, type TextJustify, type TextProps, type TextSize, type TextTruncateTooltip, type TextType, type TextWeight, type TextWordBreak, type TextWrap };

package/dist/Text/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Text-CmTOgYXf.js";
+import { t as _sfc_main } from "../Text-D5Cc7BMp.js";
 export { _sfc_main as Text };

package/dist/{Text-CmTOgYXf.js → Text-D5Cc7BMp.js}

@@ -9,7 +9,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	props: {
 		type: { default: "body" },
 		size: {},
-		color: { default: "primary" },
+		color: { default: void 0 },
 		weight: {},
 		textWrap: {},
 		wordBreak: {},
@@ -30,6 +30,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props) {
 		const props = __props;
+		/** 没写 color 时按 type 取默认色：supporting 是 secondary，其余 primary，inherit 保持 inherit。 */
+		const color = computed(() => props.color ?? (props.type === "supporting" ? "secondary" : "primary"));
 		const weight = computed(() => props.weight === "normal" ? "regular" : props.weight);
 		const isBlock = computed(() => props.display === "block" || props.maxLines > 0 || props.hasCapsize);
 		const wordBreak = computed(() => props.wordBreak ?? (props.maxLines === 1 ? "break-all" : props.maxLines > 1 ? "break-word" : void 0));
@@ -40,7 +42,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			"astryx-text",
 			`astryx-text--type-${props.type}`,
 			props.size && `astryx-text--size-${props.size}`,
-			`astryx-text--color-${props.color}`,
+			`astryx-text--color-${color.value}`,
 			weight.value && `astryx-text--weight-${weight.value}`,
 			props.textWrap && `astryx-text--wrap-${props.textWrap}`,
 			wordBreak.value && `astryx-text--word-${wordBreak.value}`,

package/dist/TextArea/index.d.ts

@@ -1,2 +1,2 @@
-import { Ct as TextAreaSlots, Et as TextAreaWrap, St as TextAreaSize, Tt as TextAreaStatusType, _t as TextAreaChangeAction, bt as TextAreaProps, gt as _default, vt as TextAreaChangeEvent, wt as TextAreaStatus, xt as TextAreaResize, yt as TextAreaEmits } from "../index-CpNlPLBF.js";
+import { Ct as TextAreaSlots, Et as TextAreaWrap, St as TextAreaSize, Tt as TextAreaStatusType, _t as TextAreaChangeAction, bt as TextAreaProps, gt as _default, vt as TextAreaChangeEvent, wt as TextAreaStatus, xt as TextAreaResize, yt as TextAreaEmits } from "../index-DDUqIVGW.js";
 export { _default as TextArea, type TextAreaChangeAction, type TextAreaChangeEvent, type TextAreaEmits, type TextAreaProps, type TextAreaResize, type TextAreaSize, type TextAreaSlots, type TextAreaStatus, type TextAreaStatusType, type TextAreaWrap };

package/dist/TextArea/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../TextArea-DA9CCG_J.js";
+import { t as _sfc_main } from "../TextArea-Dxl4UuIg.js";
 export { _sfc_main as TextArea };

package/dist/{TextArea-DA9CCG_J.js → TextArea-Dxl4UuIg.js}

@@ -1,15 +1,16 @@
-import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
-import { n as useButtonTooltip, r as _sfc_main$2 } from "./Button-ONOoHdkg.js";
-import { t as _sfc_main$3 } from "./ButtonTooltip-CNKOQHYR.js";
+import { t as _sfc_main$1 } from "./Icon-Dosui-zD.js";
+import { t as _sfc_main$2 } from "./VisuallyHidden-C7NN3VEP.js";
+import { n as useButtonTooltip, r as _sfc_main$3 } from "./Button-bxKFDhhg.js";
+import { t as _sfc_main$4 } from "./ButtonTooltip-CNKOQHYR.js";
 import { t as characterCount } from "./characters-wTnzjkkR.js";
 import { t as useAnnounce } from "./announce-B210eJVf.js";
 import { t as useInputContainer } from "./useInputContainer-CLcYrby4.js";
-import { t as _sfc_main$4 } from "./FieldInfoTip-gxsnfkZw.js";
-import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as _sfc_main$5 } from "./FieldInfoTip-DRXvsWkr.js";
+import { s as useAstryxMessages } from "./context-CVUee2tp.js";
 import { i as useAriaRequired } from "./context-Cfml4jaK.js";
-import { t as _sfc_main$5 } from "./Field--OEsLBfE.js";
+import { t as _sfc_main$6 } from "./Field-ff-Jmtg1.js";
 import { t as useFieldPartStyling } from "./fieldParts--SyRZVQG.js";
-import { t as _sfc_main$6 } from "./InputClearButton-CwXPan8c.js";
+import { t as _sfc_main$7 } from "./InputClearButton-DKnC8sst.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useAttrs, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/text-area.css";
 //#region src/TextArea/useTextAreaAction.ts
@@ -318,7 +319,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
-				createVNode(_sfc_main$5, {
+				createVNode(_sfc_main$6, {
 					label: __props.label,
 					"input-id": inputId.value,
 					description: __props.description,
@@ -386,20 +387,25 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							key: 1,
 							class: "astryx-text-area-count",
 							"data-over": isOverLimit.value || void 0
-						}, toDisplayString(valueLength.value) + " / " + toDisplayString(limit.value), 9, _hoisted_4)) : createCommentVNode("v-if", true),
+						}, [isOverLimit.value ? (openBlock(), createBlock(_sfc_main$1, {
+							key: 0,
+							icon: "warning",
+							size: "sm",
+							"aria-hidden": "true"
+						})) : createCommentVNode("v-if", true), createTextVNode(toDisplayString(valueLength.value) + " / " + toDisplayString(limit.value), 1)], 8, _hoisted_4)) : createCommentVNode("v-if", true),
 						_ctx.$slots.end ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "end")])) : createCommentVNode("v-if", true),
-						__props.hasClear && unref(action).value.value && !__props.isDisabled && !__props.isReadOnly ? (openBlock(), createBlock(_sfc_main$6, {
+						__props.hasClear && unref(action).value.value && !__props.isDisabled && !__props.isReadOnly ? (openBlock(), createBlock(_sfc_main$7, {
 							key: 3,
 							class: "astryx-text-area-clear-button",
 							label: resolvedClearLabel.value,
 							onClick: clear
 						}, null, 8, ["label"])) : createCommentVNode("v-if", true),
-						busy.value ? (openBlock(), createBlock(_sfc_main$2, {
+						busy.value ? (openBlock(), createBlock(_sfc_main$3, {
 							key: 4,
 							class: "astryx-text-area-spinner",
 							label: __props.loadingLabel
 						}, null, 8, ["label"])) : createCommentVNode("v-if", true),
-						__props.status?.message && __props.statusVariant === "tooltip" ? (openBlock(), createBlock(_sfc_main$4, {
+						__props.status?.message && __props.statusVariant === "tooltip" ? (openBlock(), createBlock(_sfc_main$5, {
 							key: 5,
 							text: __props.status.message,
 							type: __props.status.type
@@ -428,14 +434,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"class",
 					"style"
 				]),
-				showsDisabledMessage.value ? (openBlock(), createBlock(_sfc_main$1, {
+				showsDisabledMessage.value ? (openBlock(), createBlock(_sfc_main$2, {
 					key: 0,
 					id: disabledDescriptionId
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(__props.disabledMessage), 1)]),
 					_: 1
 				})) : createCommentVNode("v-if", true),
-				showsDisabledMessage.value ? (openBlock(), createBlock(_sfc_main$3, {
+				showsDisabledMessage.value ? (openBlock(), createBlock(_sfc_main$4, {
 					key: 1,
 					id: disabledTooltipId,
 					anchor: container.value,

package/dist/TextInput/index.d.ts

@@ -1,2 +1,2 @@
-import { ct as TextInputChangeEvent, dt as TextInputSize, ft as TextInputSlots, ht as TextInputType, lt as TextInputEmits, mt as TextInputStatusType, ot as _default, pt as TextInputStatus, st as TextInputChangeAction, ut as TextInputProps } from "../index-CpNlPLBF.js";
+import { ct as TextInputChangeEvent, dt as TextInputSize, ft as TextInputSlots, ht as TextInputType, lt as TextInputEmits, mt as TextInputStatusType, ot as _default, pt as TextInputStatus, st as TextInputChangeAction, ut as TextInputProps } from "../index-DDUqIVGW.js";
 export { _default as TextInput, type TextInputChangeAction, type TextInputChangeEvent, type TextInputEmits, type TextInputProps, type TextInputSize, type TextInputSlots, type TextInputStatus, type TextInputStatusType, type TextInputType };

package/dist/TextInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../TextInput-CI96einV.js";
+import { t as _sfc_main } from "../TextInput-Ciy-VyBn.js";
 export { _sfc_main as TextInput };

package/dist/{TextInput-CI96einV.js → TextInput-Ciy-VyBn.js}

@@ -1,13 +1,13 @@
 import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
-import { n as useButtonTooltip, r as _sfc_main$2 } from "./Button-ONOoHdkg.js";
+import { n as useButtonTooltip, r as _sfc_main$2 } from "./Button-bxKFDhhg.js";
 import { t as _sfc_main$3 } from "./ButtonTooltip-CNKOQHYR.js";
 import { t as useInputContainer } from "./useInputContainer-CLcYrby4.js";
-import { t as useInputStatusIcon } from "./useInputStatusIcon-DAE7PExr.js";
-import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as useInputStatusIcon } from "./useInputStatusIcon-yj_rY6TQ.js";
+import { s as useAstryxMessages } from "./context-CVUee2tp.js";
 import { i as useAriaRequired } from "./context-Cfml4jaK.js";
-import { t as _sfc_main$4 } from "./Field--OEsLBfE.js";
+import { t as _sfc_main$4 } from "./Field-ff-Jmtg1.js";
 import { t as useFieldPartStyling } from "./fieldParts--SyRZVQG.js";
-import { t as _sfc_main$5 } from "./InputClearButton-CwXPan8c.js";
+import { t as _sfc_main$5 } from "./InputClearButton-DKnC8sst.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useAttrs, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/text-input.css";
 //#region src/TextInput/useTextInputAction.ts

package/dist/Theme/index.js

@@ -1,3 +1,3 @@
-import { a as neutralTheme, c as expandMotionScale, d as WIDTH_BREAKPOINT_NAMES, i as isDefinedTheme, l as expandColorScale, n as _sfc_main$1, o as expandTypeScale, r as defineTheme, s as expandRadiusScale, t as useMediaTheme, u as DEFAULT_WIDTH_BREAKPOINTS } from "../Theme-BbDT8B_C.js";
-import { a as normalizeTokenName, l as DATA_TOKEN_DEFAULTS, n as useTheme, t as _sfc_main } from "../MediaTheme-DlLqYhDy.js";
+import { a as neutralTheme, c as expandMotionScale, d as WIDTH_BREAKPOINT_NAMES, i as isDefinedTheme, l as expandColorScale, n as _sfc_main$1, o as expandTypeScale, r as defineTheme, s as expandRadiusScale, t as useMediaTheme, u as DEFAULT_WIDTH_BREAKPOINTS } from "../Theme-BpgmIGCo.js";
+import { a as normalizeTokenName, l as DATA_TOKEN_DEFAULTS, n as useTheme, t as _sfc_main } from "../MediaTheme-p2hOnZaR.js";
 export { DATA_TOKEN_DEFAULTS, DEFAULT_WIDTH_BREAKPOINTS, _sfc_main as MediaTheme, _sfc_main$1 as Theme, WIDTH_BREAKPOINT_NAMES, defineTheme, expandColorScale, expandMotionScale, expandRadiusScale, expandTypeScale, isDefinedTheme, neutralTheme, normalizeTokenName, useMediaTheme, useTheme };

package/dist/{Theme-BbDT8B_C.js → Theme-BpgmIGCo.js}

@@ -1,7 +1,7 @@
 import { n as themeContextKey, r as themeNestingKey, t as mediaThemeKey } from "./context-Cws_tXTr.js";
 import { a as syntaxThemeStyle } from "./syntaxTheme-R7xnu5x5.js";
 import { t as syntaxThemeKey } from "./syntaxContext-DmIfNNtb.js";
-import { a as normalizeTokenName, c as parseColor, i as isPortableTokenName, o as prefixTokenReferences, r as bridgeComponentTokens, s as contrastRatio } from "./MediaTheme-DlLqYhDy.js";
+import { a as normalizeTokenName, c as parseColor, i as isPortableTokenName, o as prefixTokenReferences, r as bridgeComponentTokens, s as contrastRatio } from "./MediaTheme-p2hOnZaR.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, h, inject, markRaw, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, renderSlot, unref, useAttrs, useTemplateRef, watch } from "vue";
 import "../styles/theme.css";
 //#region src/Theme/adaptationTypes.ts

package/dist/Thumbnail/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Thumbnail-B2ZAY59J.js";
+import { t as _sfc_main } from "../Thumbnail-DnWOc0od.js";
 export { _sfc_main as Thumbnail };