niuma-ui 1.3.9 → 2.0.0

package/dist/components/table/src/table-body/RsTableColGroup.impl.js

@@ -0,0 +1,58 @@
+import { useRsTableView } from "../context/rs-table-view-context.js";
+import { Fragment, createCommentVNode, createElementBlock, defineComponent, normalizeStyle, openBlock, renderList, unref } from "vue";
+//#region src/components/table/src/table-body/RsTableColGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { key: 0 };
+var _hoisted_2 = ["data-col-key"];
+var RsTableColGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsTableColGroup",
+	setup(__props) {
+		const view = useRsTableView();
+		return (_ctx, _cache) => {
+			return unref(view).useFixedColumnLayout ? (openBlock(), createElementBlock("colgroup", _hoisted_1, [
+				unref(view).showRowDragHandle ? (openBlock(), createElementBlock("col", {
+					key: 0,
+					style: normalizeStyle({ width: `${unref(view).prefixWidths.drag}px` })
+				}, null, 4)) : createCommentVNode("", true),
+				unref(view).detailExpandable ? (openBlock(), createElementBlock("col", {
+					key: 1,
+					style: normalizeStyle({ width: `${unref(view).prefixWidths.expand}px` })
+				}, null, 4)) : createCommentVNode("", true),
+				unref(view).showSelectColumn ? (openBlock(), createElementBlock("col", {
+					key: 2,
+					style: normalizeStyle({ width: `${unref(view).prefixWidths.select}px` })
+				}, null, 4)) : createCommentVNode("", true),
+				unref(view).showEditGutterColumn ? (openBlock(), createElementBlock("col", {
+					key: 3,
+					"data-col-key": "gutter",
+					style: normalizeStyle({ width: `${unref(view).resolvedGutterWidth}px` })
+				}, null, 4)) : unref(view).showIndexColumn ? (openBlock(), createElementBlock("col", {
+					key: 4,
+					style: normalizeStyle({ width: `${unref(view).resolvedIndexWidth}px` })
+				}, null, 4)) : createCommentVNode("", true),
+				unref(view).showRowStatusColumn ? (openBlock(), createElementBlock("col", {
+					key: 5,
+					style: normalizeStyle({ width: `${unref(view).prefixWidths.status}px` })
+				}, null, 4)) : createCommentVNode("", true),
+				unref(view).columnPadLeft > 0 ? (openBlock(), createElementBlock("col", {
+					key: 6,
+					class: "rs-table__col-pad",
+					style: normalizeStyle({ width: `${unref(view).columnPadLeft}px` })
+				}, null, 4)) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(unref(view).visibleDataColumns, (column) => {
+					return openBlock(), createElementBlock("col", {
+						key: column.key,
+						"data-col-key": column.key,
+						style: normalizeStyle({ width: `${unref(view).resolvedDataColumnWidth(column.key, column.width ?? column.minWidth)}px` })
+					}, null, 12, _hoisted_2);
+				}), 128)),
+				unref(view).columnPadRight > 0 ? (openBlock(), createElementBlock("col", {
+					key: 7,
+					class: "rs-table__col-pad",
+					style: normalizeStyle({ width: `${unref(view).columnPadRight}px` })
+				}, null, 4)) : createCommentVNode("", true)
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { RsTableColGroup_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/table/src/table-body/RsTableColGroup.js

@@ -0,0 +1,5 @@
+import RsTableColGroup_vue_vue_type_script_setup_true_lang_default from "./RsTableColGroup.impl.js";
+//#region src/components/table/src/table-body/RsTableColGroup.vue
+var RsTableColGroup_default = RsTableColGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsTableColGroup_default as default };

package/dist/components/table/src/table-body/RsTableEditGutter.impl.js

@@ -0,0 +1,52 @@
+import RsIcon_default from "../../../icon/src/RsIcon.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, withModifiers } from "vue";
+//#region src/components/table/src/table-body/RsTableEditGutter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "rs-table-edit-gutter__actions"
+};
+var _hoisted_2 = ["aria-label", "title"];
+var _hoisted_3 = { class: "rs-table-edit-gutter__commit-hint" };
+var _hoisted_4 = ["aria-label", "title"];
+var RsTableEditGutter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsTableEditGutter",
+	props: {
+		lineNumber: {},
+		pending: { type: Boolean },
+		commitLabel: {},
+		commitHint: {},
+		rollbackLabel: {},
+		showRollback: { type: Boolean }
+	},
+	emits: ["commit", "rollback"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["rs-table-edit-gutter", { "rs-table-edit-gutter--pending": __props.pending }]) }, [createElementVNode("span", {
+				class: normalizeClass(["rs-table-edit-gutter__line", { "rs-table-edit-gutter__line--hidden": __props.pending }]),
+				"aria-hidden": "true"
+			}, toDisplayString(__props.lineNumber), 3), __props.pending ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("button", {
+				type: "button",
+				class: "rs-table-edit-gutter__commit",
+				"aria-label": __props.commitLabel,
+				title: __props.commitLabel,
+				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("commit"), ["stop"]))
+			}, [createVNode(RsIcon_default, {
+				name: "check",
+				size: 12
+			}), createElementVNode("span", _hoisted_3, toDisplayString(__props.commitHint ?? __props.commitLabel), 1)], 8, _hoisted_2), __props.showRollback ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				type: "button",
+				class: "rs-table-edit-gutter__rollback",
+				"aria-label": __props.rollbackLabel,
+				title: __props.rollbackLabel,
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("rollback"), ["stop"]))
+			}, [createVNode(RsIcon_default, {
+				name: "x",
+				size: 12
+			})], 8, _hoisted_4)) : createCommentVNode("", true)])) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+//#endregion
+export { RsTableEditGutter_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/table/src/table-body/RsTableEditGutter.js

@@ -0,0 +1,5 @@
+import RsTableEditGutter_vue_vue_type_script_setup_true_lang_default from "./RsTableEditGutter.impl.js";
+//#region src/components/table/src/table-body/RsTableEditGutter.vue
+var RsTableEditGutter_default = RsTableEditGutter_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsTableEditGutter_default as default };

package/dist/components/table/src/table-body/RsTableRowStatus.css

@@ -0,0 +1,30 @@
+
+.rs-table-row-status[data-v-38db43e8] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.125rem;
+}
+.rs-table-row-status__btn[data-v-38db43e8] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.375rem;
+  height: 1.375rem;
+  padding: 0;
+  border: 0;
+  border-radius: var(--rs-radius-xs);
+  background: transparent;
+  color: var(--rs-table-muted-fg);
+  cursor: pointer;
+}
+.rs-table-row-status__btn--commit[data-v-38db43e8] {
+  color: var(--rs-primary);
+}
+.rs-table-row-status__btn--commit[data-v-38db43e8]:hover {
+  background: color-mix(in srgb, var(--rs-primary) 12%, transparent);
+}
+.rs-table-row-status__btn--rollback[data-v-38db43e8]:hover {
+  background: var(--rs-surface-hover);
+  color: var(--rs-text);
+}

package/dist/components/table/src/table-body/RsTableRowStatus.impl.js

@@ -0,0 +1,44 @@
+import RsIcon_default from "../../../icon/src/RsIcon.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, withModifiers } from "vue";
+//#region src/components/table/src/table-body/RsTableRowStatus.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "rs-table-row-status"
+};
+var _hoisted_2 = ["aria-label", "title"];
+var _hoisted_3 = ["aria-label", "title"];
+var RsTableRowStatus_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsTableRowStatus",
+	props: {
+		dirty: { type: Boolean },
+		commitLabel: {},
+		rollbackLabel: {}
+	},
+	emits: ["commit", "rollback"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return __props.dirty ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("button", {
+				type: "button",
+				class: "rs-table-row-status__btn rs-table-row-status__btn--commit",
+				"aria-label": __props.commitLabel,
+				title: __props.commitLabel,
+				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("commit"), ["stop"]))
+			}, [createVNode(RsIcon_default, {
+				name: "check",
+				size: 14
+			})], 8, _hoisted_2), createElementVNode("button", {
+				type: "button",
+				class: "rs-table-row-status__btn rs-table-row-status__btn--rollback",
+				"aria-label": __props.rollbackLabel,
+				title: __props.rollbackLabel,
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("rollback"), ["stop"]))
+			}, [createVNode(RsIcon_default, {
+				name: "x",
+				size: 14
+			})], 8, _hoisted_3)])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { RsTableRowStatus_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/table/src/table-body/RsTableRowStatus.js

@@ -0,0 +1,8 @@
+import './RsTableRowStatus.css'
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import RsTableRowStatus_vue_vue_type_script_setup_true_lang_default from "./RsTableRowStatus.impl.js";
+
+//#region src/components/table/src/table-body/RsTableRowStatus.vue
+var RsTableRowStatus_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTableRowStatus_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-38db43e8"]]);
+//#endregion
+export { RsTableRowStatus_default as default };

package/dist/components/table/src/table-footer/RsTableSummaryRow.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 表格 footer 汇总行：按列渲染 summaryCells.text。
+ *
+ * 前缀列（拖拽/展开/选择/序号等）用 colspan 占位，与表体列对齐；
+ * padLeft / padRight 对齐列虚拟滚动的左右垫片。
+ */
+import type { RsTableColumn } from '../utils/table-utils';
+import type { RsTableSummaryCell } from '../utils/table-summary-utils';
+declare const __VLS_export: <T extends import("../utils/table-utils").RsTableRowData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        /** 与表体一致的展示列（通常为 displayColumns） */
+        columns: RsTableColumn<T>[];
+        /** 与 columns 按 key 对应的汇总单元格 */
+        cells: RsTableSummaryCell[];
+        /** 前缀列占位 colspan（拖拽/展开/选择/序号/状态等） */
+        prefixColspan?: number;
+        /** 列虚拟左侧垫片宽度（px） */
+        padLeft?: number;
+        /** 列虚拟右侧垫片宽度（px） */
+        padRight?: number;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/table/src/table-footer/RsTableSummaryRow.impl.js

@@ -0,0 +1,57 @@
+import { Fragment, createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString } from "vue";
+//#region src/components/table/src/table-footer/RsTableSummaryRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "rs-table__summary-row" };
+var _hoisted_2 = ["colspan"];
+var _hoisted_3 = ["data-col-key"];
+var RsTableSummaryRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsTableSummaryRow",
+	props: {
+		columns: {},
+		cells: {},
+		prefixColspan: {},
+		padLeft: {},
+		padRight: {}
+	},
+	setup(__props) {
+		/**
+		* 表格 footer 汇总行：按列渲染 summaryCells.text。
+		*
+		* 前缀列（拖拽/展开/选择/序号等）用 colspan 占位，与表体列对齐；
+		* padLeft / padRight 对齐列虚拟滚动的左右垫片。
+		*/
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tr", _hoisted_1, [
+				(__props.prefixColspan ?? 0) > 0 ? (openBlock(), createElementBlock("td", {
+					key: 0,
+					class: "rs-table__summary-cell rs-table__summary-cell--prefix",
+					colspan: __props.prefixColspan
+				}, null, 8, _hoisted_2)) : createCommentVNode("", true),
+				(__props.padLeft ?? 0) > 0 ? (openBlock(), createElementBlock("td", {
+					key: 1,
+					class: "rs-table__summary-cell rs-table__summary-cell--pad",
+					style: normalizeStyle({
+						width: `${__props.padLeft}px`,
+						minWidth: `${__props.padLeft}px`
+					})
+				}, null, 4)) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+					return openBlock(), createElementBlock("td", {
+						key: column.key,
+						class: normalizeClass(["rs-table__summary-cell", column.align ? `rs-table__summary-cell--${column.align}` : void 0]),
+						"data-col-key": column.key
+					}, toDisplayString(__props.cells.find((c) => c.key === column.key)?.text ?? ""), 11, _hoisted_3);
+				}), 128)),
+				(__props.padRight ?? 0) > 0 ? (openBlock(), createElementBlock("td", {
+					key: 2,
+					class: "rs-table__summary-cell rs-table__summary-cell--pad",
+					style: normalizeStyle({
+						width: `${__props.padRight}px`,
+						minWidth: `${__props.padRight}px`
+					})
+				}, null, 4)) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { RsTableSummaryRow_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/table/src/table-footer/RsTableSummaryRow.js

@@ -0,0 +1,5 @@
+import RsTableSummaryRow_vue_vue_type_script_setup_true_lang_default from "./RsTableSummaryRow.impl.js";
+//#region src/components/table/src/table-footer/RsTableSummaryRow.vue
+var RsTableSummaryRow_default = RsTableSummaryRow_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsTableSummaryRow_default as default };

package/dist/components/table/src/table-header/RsTableHeader.d.ts

@@ -0,0 +1,22 @@
+declare const __VLS_export: <T extends import("../utils/table-utils").RsTableRowData = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        [x: `header-${string}`]: ((props: {
+            column: import("../utils/table-utils").RsTableColumn<T>;
+        }) => any) | undefined;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/table/src/table-header/RsTableHeader.impl.js

@@ -0,0 +1,184 @@
+import RsIcon_default from "../../../icon/src/RsIcon.js";
+import { useRsTableView } from "../context/rs-table-view-context.js";
+import RsTableHeaderFilter_default from "./RsTableHeaderFilter.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref, withModifiers } from "vue";
+//#region src/components/table/src/table-header/RsTableHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { role: "row" };
+var _hoisted_2 = ["checked", "aria-label"];
+var _hoisted_3 = {
+	key: 5,
+	role: "columnheader",
+	class: "rs-table__th rs-table__th--status rs-table__cell--center"
+};
+var _hoisted_4 = [
+	"data-col-key",
+	"onDragover",
+	"onDrop"
+];
+var _hoisted_5 = ["aria-label", "onDragstart"];
+var _hoisted_6 = ["data-rs-table-header-tip"];
+var _hoisted_7 = {
+	key: 1,
+	class: "rs-table__th-label"
+};
+var _hoisted_8 = {
+	key: 1,
+	class: "rs-table__header-actions"
+};
+var _hoisted_9 = [
+	"title",
+	"aria-label",
+	"onClick"
+];
+var _hoisted_10 = {
+	key: 0,
+	class: "rs-table__sort-priority"
+};
+var _hoisted_11 = ["onMousedown"];
+var RsTableHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsTableHeader",
+	setup(__props) {
+		const view = useRsTableView();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("thead", {
+				class: "rs-table__head",
+				onPointeroverPassive: _cache[4] || (_cache[4] = ($event) => unref(view).onHeaderPointerOver($event)),
+				onPointeroutPassive: _cache[5] || (_cache[5] = ($event) => unref(view).onHeaderPointerOut($event))
+			}, [createElementVNode("tr", _hoisted_1, [
+				unref(view).showRowDragHandle ? (openBlock(), createElementBlock("th", {
+					key: 0,
+					role: "columnheader",
+					class: "rs-table__th rs-table__th--drag",
+					style: normalizeStyle(unref(view).dragLeadHeaderStyle)
+				}, null, 4)) : createCommentVNode("", true),
+				unref(view).detailExpandable ? (openBlock(), createElementBlock("th", {
+					key: 1,
+					role: "columnheader",
+					class: "rs-table__th rs-table__th--expand",
+					style: normalizeStyle(unref(view).expandLeadHeaderStyle)
+				}, null, 4)) : createCommentVNode("", true),
+				unref(view).showSelectColumn ? (openBlock(), createElementBlock("th", {
+					key: 2,
+					role: "columnheader",
+					class: "rs-table__th rs-table__th--selection",
+					style: normalizeStyle(unref(view).selectLeadHeaderStyle)
+				}, [!unref(view).isRadioSelection ? (openBlock(), createElementBlock("label", {
+					key: 0,
+					class: normalizeClass(["rs-table__checkbox", {
+						"rs-table__checkbox--checked": unref(view).selectAllState === "checked",
+						"rs-table__checkbox--indeterminate": unref(view).selectAllState === "indeterminate"
+					}])
+				}, [createElementVNode("input", {
+					type: "checkbox",
+					class: "rs-table__checkbox-input",
+					checked: unref(view).selectAllState === "checked",
+					"aria-label": unref(view).headerLabels.selectAll,
+					onChange: _cache[0] || (_cache[0] = ($event) => unref(view).onToggleSelectAll())
+				}, null, 40, _hoisted_2), _cache[6] || (_cache[6] = createElementVNode("span", {
+					class: "rs-table__checkbox-box",
+					"aria-hidden": "true"
+				}, null, -1))], 2)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true),
+				unref(view).showEditGutterColumn ? (openBlock(), createElementBlock("th", {
+					key: 3,
+					role: "columnheader",
+					class: "rs-table__th rs-table__th--gutter rs-table__cell--center",
+					style: normalizeStyle(unref(view).gutterLeadHeaderStyle)
+				}, null, 4)) : unref(view).showIndexColumn ? (openBlock(), createElementBlock("th", {
+					key: 4,
+					role: "columnheader",
+					class: "rs-table__th rs-table__th--index rs-table__cell--center",
+					style: normalizeStyle(unref(view).indexLeadHeaderStyle)
+				}, toDisplayString(unref(view).headerLabels.index), 5)) : createCommentVNode("", true),
+				unref(view).showRowStatusColumn ? (openBlock(), createElementBlock("th", _hoisted_3, toDisplayString(unref(view).headerLabels.rowStatus), 1)) : createCommentVNode("", true),
+				unref(view).columnPadLeft > 0 ? (openBlock(), createElementBlock("th", {
+					key: 6,
+					role: "presentation",
+					class: "rs-table__th rs-table__col-pad",
+					style: normalizeStyle({
+						width: `${unref(view).columnPadLeft}px`,
+						minWidth: `${unref(view).columnPadLeft}px`
+					})
+				}, null, 4)) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(unref(view).visibleDataColumns, (column) => {
+					return openBlock(), createElementBlock("th", {
+						key: column.key,
+						role: "columnheader",
+						"data-col-key": column.key,
+						class: normalizeClass(["rs-table__th", [
+							`rs-table__cell--${column.align ?? "left"}`,
+							{ "rs-table__th--sortable": column.sortable },
+							{ "rs-table__th--filterable": column.filterable },
+							{ "rs-table__cell--fixed": column.fixed },
+							{ "rs-table__th--dragging": unref(view).dragColumnKey === column.key },
+							{ "rs-table__th--drop-target": unref(view).dropColumnKey === column.key }
+						]]),
+						style: normalizeStyle(unref(view).columnHeaderStyleMap.get(column.key)),
+						onDragover: ($event) => unref(view).onColumnDragOver(column.key, $event),
+						onDrop: ($event) => unref(view).onColumnDrop(column.key, $event)
+					}, [
+						unref(view).columnDraggable ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: "rs-table__column-drag-handle",
+							draggable: "true",
+							"aria-label": unref(view).headerLabels.dragColumn,
+							onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
+							onDragstart: withModifiers(($event) => unref(view).onColumnDragStart(column.key, $event), ["stop"]),
+							onDragend: _cache[2] || (_cache[2] = withModifiers(($event) => unref(view).onColumnDragEnd(), ["stop"]))
+						}, null, 40, _hoisted_5)) : createCommentVNode("", true),
+						renderSlot(_ctx.$slots, `header-${column.key}`, { column }, () => [column.headerTip ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: "rs-table__th-label rs-table__th-label--tip",
+							"data-rs-table-header-tip": column.headerTip
+						}, toDisplayString(column.title), 9, _hoisted_6)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(column.title), 1))]),
+						column.filterable || column.sortable ? (openBlock(), createElementBlock("span", _hoisted_8, [column.filterable ? (openBlock(), createBlock(RsTableHeaderFilter_default, {
+							key: 0,
+							"model-value": unref(view).columnFilterValue(column.key),
+							"column-title": column.title,
+							"filter-label": unref(view).headerLabels.filterColumn,
+							placeholder: unref(view).headerLabels.filterPlaceholder,
+							"clear-label": unref(view).headerLabels.filterClear,
+							"apply-label": unref(view).headerLabels.filterApply,
+							active: unref(view).isColumnFilterActive(unref(view).columnFiltersState, column.key),
+							"onUpdate:modelValue": ($event) => unref(view).updateColumnFilter(column.key, $event)
+						}, null, 8, [
+							"model-value",
+							"column-title",
+							"filter-label",
+							"placeholder",
+							"clear-label",
+							"apply-label",
+							"active",
+							"onUpdate:modelValue"
+						])) : createCommentVNode("", true), column.sortable ? (openBlock(), createElementBlock("button", {
+							key: 1,
+							type: "button",
+							class: normalizeClass(["rs-table__sort", { "rs-table__sort--active": !!unref(view).sortOrderFor(column.key) }]),
+							title: column.title,
+							"aria-label": column.title,
+							onClick: withModifiers(($event) => unref(view).onHeaderClick(column), ["stop"])
+						}, [createVNode(RsIcon_default, {
+							name: unref(view).sortIconName(column.key),
+							size: "sm"
+						}, null, 8, ["name"]), unref(view).multiSort && unref(view).sortPriorityFor(column.key) > 1 ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(unref(view).sortPriorityFor(column.key)), 1)) : createCommentVNode("", true)], 10, _hoisted_9)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+						unref(view).resizable ? (openBlock(), createElementBlock("span", {
+							key: 2,
+							class: "rs-table__resize-handle",
+							onMousedown: withModifiers(($event) => unref(view).onResizeStart(column.key, $event), ["stop"]),
+							onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))
+						}, null, 40, _hoisted_11)) : createCommentVNode("", true)
+					], 46, _hoisted_4);
+				}), 128)),
+				unref(view).columnPadRight > 0 ? (openBlock(), createElementBlock("th", {
+					key: 7,
+					class: "rs-table__th rs-table__col-pad",
+					style: normalizeStyle({
+						width: `${unref(view).columnPadRight}px`,
+						minWidth: `${unref(view).columnPadRight}px`
+					})
+				}, null, 4)) : createCommentVNode("", true)
+			])], 32);
+		};
+	}
+});
+//#endregion
+export { RsTableHeader_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/table/src/table-header/RsTableHeader.js

@@ -0,0 +1,5 @@
+import RsTableHeader_vue_vue_type_script_setup_true_lang_default from "./RsTableHeader.impl.js";
+//#region src/components/table/src/table-header/RsTableHeader.vue
+var RsTableHeader_default = RsTableHeader_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsTableHeader_default as default };

package/dist/components/table/src/table-header/RsTableHeaderFilter.css

@@ -0,0 +1,24 @@
+
+.rs-table-header-filter[data-v-28f84199] {
+  overflow: visible;
+}
+.rs-table-header-filter__title[data-v-28f84199] {
+  margin: 0 0 0.5rem;
+  font-size: var(--rs-font-size-sm);
+  font-weight: var(--rs-font-weight-semibold);
+  color: var(--rs-fg);
+}
+.rs-table-header-filter__field[data-v-28f84199] {
+  overflow: visible;
+}
+/* Popover 内避免 focus ring 外扩 box-shadow 被裁切，改用 border 高亮 */
+.rs-table-header-filter__field[data-v-28f84199] .rs-input-group:focus-within {
+  box-shadow: none;
+  border-color: var(--rs-focus-border, var(--rs-primary));
+}
+.rs-table-header-filter__actions[data-v-28f84199] {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--rs-space-xs);
+  margin-top: 0.5rem;
+}

package/dist/components/table/src/table-header/RsTableHeaderFilter.impl.js

@@ -0,0 +1,102 @@
+import RsIcon_default from "../../../icon/src/RsIcon.js";
+import RsButton_default from "../../../button/src/RsButton.js";
+import RsPopover_default from "../../../popover/src/RsPopover.js";
+import RsTableCellEditor_default from "../table-body/RsTableCellEditor.js";
+import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, ref, toDisplayString, useModel, watch, withCtx, withModifiers } from "vue";
+//#region src/components/table/src/table-header/RsTableHeaderFilter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["title", "aria-label"];
+var _hoisted_2 = { class: "rs-table-header-filter" };
+var _hoisted_3 = { class: "rs-table-header-filter__title" };
+var _hoisted_4 = { class: "rs-table-header-filter__field" };
+var _hoisted_5 = { class: "rs-table-header-filter__actions" };
+var RsTableHeaderFilter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsTableHeaderFilter",
+	props: /*@__PURE__*/ mergeModels({
+		columnTitle: {},
+		filterLabel: {},
+		placeholder: {},
+		clearLabel: {},
+		applyLabel: {},
+		active: { type: Boolean }
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const open = ref(false);
+		const draft = ref(model.value);
+		watch(open, (value) => {
+			if (value) draft.value = model.value;
+		});
+		watch(model, (value) => {
+			if (!open.value) draft.value = value;
+		});
+		const ariaLabel = computed(() => props.filterLabel.replace("{title}", props.columnTitle));
+		function apply() {
+			model.value = draft.value;
+			open.value = false;
+		}
+		function clear() {
+			draft.value = "";
+			model.value = "";
+			open.value = false;
+		}
+		function onEditorEnter() {
+			apply();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(RsPopover_default, {
+				open: open.value,
+				"onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event),
+				side: "bottom",
+				align: "end",
+				width: "md",
+				"lazy-mount": ""
+			}, {
+				content: withCtx(() => [createElementVNode("div", _hoisted_2, [
+					createElementVNode("p", _hoisted_3, toDisplayString(__props.columnTitle), 1),
+					createElementVNode("div", _hoisted_4, [createVNode(RsTableCellEditor_default, {
+						modelValue: draft.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => draft.value = $event),
+						"value-type": "text",
+						variant: "field",
+						size: "sm",
+						"commit-on": "enter",
+						placeholder: __props.placeholder,
+						onCommit: onEditorEnter
+					}, null, 8, ["modelValue", "placeholder"])]),
+					createElementVNode("div", _hoisted_5, [createVNode(RsButton_default, {
+						size: "sm",
+						variant: "ghost",
+						onClick: clear
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.clearLabel), 1)]),
+						_: 1
+					}), createVNode(RsButton_default, {
+						size: "sm",
+						onClick: apply
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.applyLabel), 1)]),
+						_: 1
+					})])
+				])]),
+				default: withCtx(() => [createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(["rs-table__filter", { "rs-table__filter--active": __props.active }]),
+					title: ariaLabel.value,
+					"aria-label": ariaLabel.value,
+					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+				}, [createVNode(RsIcon_default, {
+					name: "list-filter",
+					size: "sm"
+				})], 10, _hoisted_1)]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+});
+//#endregion
+export { RsTableHeaderFilter_vue_vue_type_script_setup_true_lang_default as default };