niuma-ui 1.3.0 → 1.3.2

package/dist/components/RsLog.impl.js

@@ -0,0 +1,619 @@
+import { useRsI18n } from "../composables/useRsI18n.js";
+import { rsRadiusCss, useResolvedRsRadius } from "./resolve-radius.js";
+import RsButton_default from "./RsButton.js";
+import RsInput_default from "./RsInput.js";
+import RsEmpty_default from "./RsEmpty.js";
+import { copyTextToClipboard } from "../utils/rs-clipboard.js";
+import RsVirtualList_default from "./RsVirtualList.js";
+import { RS_LOG_FILTER_LEVELS, asLogLineInputs, clampLogCount, countDroppedLines, filterLogLines, joinLogLines, normalizeLogLines, resolveLogCopyText, resolveLogLive, splitLogHighlight, splitLogText, toLogLineInput } from "./log-utils.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel, useSlots, watch, withCtx } from "vue";
+//#region src/components/RsLog.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["dir"];
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-log__chrome"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "rs-log__filters"
+};
+var _hoisted_4 = { class: "rs-log__sr-only" };
+var _hoisted_5 = ["aria-pressed", "onClick"];
+var _hoisted_6 = ["aria-live"];
+var _hoisted_7 = ["aria-label", "aria-busy"];
+var _hoisted_8 = [
+	"aria-label",
+	"data-log-index",
+	"onClick"
+];
+var _hoisted_9 = {
+	key: 0,
+	class: "rs-log__no"
+};
+var _hoisted_10 = {
+	key: 1,
+	class: "rs-log__time"
+};
+var _hoisted_11 = {
+	key: 2,
+	class: "rs-log__level"
+};
+var _hoisted_12 = {
+	key: 3,
+	class: "rs-log__sr-only"
+};
+var _hoisted_13 = { class: "rs-log__text" };
+var _hoisted_14 = {
+	key: 0,
+	class: "rs-log__hit"
+};
+var _hoisted_15 = [
+	"aria-label",
+	"data-log-index",
+	"onClick"
+];
+var _hoisted_16 = {
+	key: 0,
+	class: "rs-log__no"
+};
+var _hoisted_17 = {
+	key: 1,
+	class: "rs-log__time"
+};
+var _hoisted_18 = {
+	key: 2,
+	class: "rs-log__level"
+};
+var _hoisted_19 = {
+	key: 3,
+	class: "rs-log__sr-only"
+};
+var _hoisted_20 = { class: "rs-log__text" };
+var _hoisted_21 = {
+	key: 0,
+	class: "rs-log__hit"
+};
+var RsLog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsLog",
+	props: /*@__PURE__*/ mergeModels({
+		text: {},
+		height: { default: 280 },
+		itemSize: { default: 0 },
+		overscan: { default: 8 },
+		follow: {
+			type: Boolean,
+			default: true
+		},
+		wrap: {
+			type: Boolean,
+			default: false
+		},
+		showTime: {
+			type: Boolean,
+			default: false
+		},
+		showLevel: {
+			type: Boolean,
+			default: true
+		},
+		inferLevel: {
+			type: Boolean,
+			default: true
+		},
+		inferMarkers: {},
+		maxLines: {},
+		zebra: {
+			type: Boolean,
+			default: true
+		},
+		emptyText: {},
+		radius: {},
+		ariaLabel: {},
+		live: {
+			type: [Boolean, String],
+			default: "off"
+		},
+		busy: {
+			type: Boolean,
+			default: false
+		},
+		showSearch: {
+			type: Boolean,
+			default: true
+		},
+		showCopy: {
+			type: Boolean,
+			default: true
+		},
+		showFilter: {
+			type: Boolean,
+			default: false
+		},
+		showLineNo: {
+			type: Boolean,
+			default: false
+		},
+		virtual: {
+			type: [Boolean, String],
+			default: "auto"
+		},
+		dir: { default: "ltr" },
+		severityScale: { default: "auto" },
+		timeFormat: {}
+	}, {
+		"lines": { default: "" },
+		"linesModifiers": {},
+		"search": { default: "" },
+		"searchModifiers": {},
+		"levels": { default: () => [] },
+		"levelsModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"followChange",
+		"overflow",
+		"copy"
+	], [
+		"update:lines",
+		"update:search",
+		"update:levels"
+	]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const { t, locale } = useRsI18n();
+		const slots = useSlots();
+		const lines = useModel(__props, "lines");
+		const search = useModel(__props, "search");
+		const filterLevels = useModel(__props, "levels");
+		const props = __props;
+		const rootRef = ref(null);
+		const searchRef = ref(null);
+		const viewportRef = ref(null);
+		const plainRef = ref(null);
+		const copied = ref(false);
+		let copiedTimer = 0;
+		const listRef = ref(null);
+		const stuckToBottom = ref(true);
+		const activeIndex = ref(-1);
+		const announcement = ref("");
+		const resolvedRadius = useResolvedRsRadius(() => props.radius, "sm");
+		const liveMode = computed(() => resolveLogLive(props.live));
+		const useVirtual = computed(() => {
+			if (props.virtual === "auto") return !props.wrap;
+			return props.virtual;
+		});
+		const resolvedItemSize = computed(() => {
+			if (props.itemSize > 0) return props.itemSize;
+			if (props.wrap) return 48;
+			return 24;
+		});
+		const source = computed(() => {
+			if (lines.value !== "" && lines.value != null) return lines.value;
+			return props.text ?? "";
+		});
+		const rawCount = computed(() => {
+			const src = source.value;
+			return typeof src === "string" ? splitLogText(src).length : src.length;
+		});
+		const resolvedLines = computed(() => normalizeLogLines(source.value, {
+			inferLevel: props.inferLevel,
+			inferMarkers: props.inferMarkers,
+			maxLines: props.maxLines,
+			severityScale: props.severityScale,
+			locale: locale.value,
+			timeFormat: props.timeFormat
+		}));
+		const displayLines = computed(() => filterLogLines(resolvedLines.value, {
+			levels: filterLevels.value,
+			search: search.value
+		}));
+		const emptyLabel = computed(() => props.emptyText || t("log.empty", "No log output"));
+		const regionLabel = computed(() => props.ariaLabel || t("log.label", "Log"));
+		const hasChrome = computed(() => props.showSearch || props.showCopy || props.showFilter || Boolean(slots.toolbar));
+		const copyTip = computed(() => {
+			if (copied.value) return t("log.copied", "Copied");
+			return t("log.copy", "Copy");
+		});
+		const rootStyle = computed(() => ({
+			"--rs-log-radius": rsRadiusCss(resolvedRadius.value),
+			"--rs-log-box-height": typeof props.height === "number" ? `${props.height}px` : props.height
+		}));
+		function levelLabel(level) {
+			return t(`log.level.${level}`, level);
+		}
+		function rowLabel(item) {
+			const parts = [levelLabel(item.level)];
+			if (props.showLineNo) parts.push(t("log.lineNo", "Line {n}", { n: item.seq }));
+			if (item.time) parts.push(item.time);
+			parts.push(item.text);
+			return parts.filter(Boolean).join(", ");
+		}
+		function highlightParts(text) {
+			return splitLogHighlight(text, search.value);
+		}
+		function writeLines(next) {
+			lines.value = typeof next === "string" ? next : clampLogCount(next, props.maxLines);
+		}
+		function append(input) {
+			const added = asLogLineInputs(input).map(toLogLineInput);
+			if (added.length === 0) return;
+			const current = lines.value;
+			if (typeof current === "string" || current == null) {
+				const chunk = added.map((item) => typeof item === "string" ? item : item.text).join("\n");
+				const base = typeof current === "string" ? current : "";
+				writeLines(joinLogLines(normalizeLogLines(base ? `${base}\n${chunk}` : chunk, {
+					inferLevel: false,
+					maxLines: props.maxLines
+				})));
+				return;
+			}
+			writeLines([...current, ...added]);
+		}
+		function clear() {
+			writeLines(typeof lines.value === "string" ? "" : []);
+			activeIndex.value = -1;
+		}
+		function scrollPlain(top) {
+			const el = plainRef.value;
+			if (!el) return;
+			el.scrollTop = top;
+		}
+		function scrollToBottom() {
+			setStuck(true);
+			const last = displayLines.value.length - 1;
+			if (last < 0) return;
+			activeIndex.value = last;
+			if (useVirtual.value) {
+				listRef.value?.scrollToIndex(last, "end");
+				return;
+			}
+			nextTick(() => {
+				const el = plainRef.value;
+				if (el) scrollPlain(el.scrollHeight);
+			});
+		}
+		function scrollToTop() {
+			setStuck(false);
+			activeIndex.value = displayLines.value.length > 0 ? 0 : -1;
+			if (useVirtual.value) {
+				listRef.value?.scrollToIndex(0, "start");
+				return;
+			}
+			scrollPlain(0);
+		}
+		function readDomSelection() {
+			const sel = typeof document === "undefined" ? null : document.getSelection();
+			if (!sel || sel.isCollapsed) return "";
+			const text = sel.toString();
+			if (!text.trim()) return "";
+			const root = rootRef.value;
+			const node = sel.anchorNode;
+			if (root && node && !root.contains(node)) return "";
+			return text;
+		}
+		function markCopied() {
+			copied.value = true;
+			if (copiedTimer) window.clearTimeout(copiedTimer);
+			copiedTimer = window.setTimeout(() => {
+				copied.value = false;
+				copiedTimer = 0;
+			}, 1500);
+		}
+		async function writeCopy(text, source) {
+			if (!text) return false;
+			const ok = await copyTextToClipboard(text);
+			if (ok) {
+				markCopied();
+				emit("copy", {
+					text,
+					source
+				});
+			}
+			return ok;
+		}
+		async function copy() {
+			const resolved = resolveLogCopyText({
+				selection: readDomSelection(),
+				visibleTexts: displayLines.value.map((line) => line.text),
+				allTexts: resolvedLines.value.map((line) => line.text)
+			});
+			return writeCopy(resolved.text, resolved.source);
+		}
+		async function copyAll() {
+			return writeCopy(joinLogLines(resolvedLines.value), "all");
+		}
+		function focusSearch() {
+			const input = searchRef.value?.querySelector("input");
+			input?.focus();
+			input?.select();
+		}
+		function getLines() {
+			return resolvedLines.value;
+		}
+		function getVisibleLines() {
+			return displayLines.value;
+		}
+		function focus() {
+			viewportRef.value?.focus();
+		}
+		function setStuck(next) {
+			if (stuckToBottom.value === next) return;
+			stuckToBottom.value = next;
+			emit("followChange", next);
+		}
+		function onListScroll(event) {
+			const el = event.target;
+			if (!(el instanceof HTMLElement)) return;
+			setStuck(el.scrollHeight - el.scrollTop - el.clientHeight < 28);
+		}
+		function isTypingTarget(target) {
+			if (!(target instanceof HTMLElement)) return false;
+			return Boolean(target.closest("input, textarea, select, [contenteditable=\"true\"]"));
+		}
+		function moveActive(delta) {
+			const max = displayLines.value.length - 1;
+			if (max < 0) return;
+			const current = activeIndex.value;
+			const next = current < 0 ? delta >= 0 ? 0 : max : Math.min(max, Math.max(0, current + delta));
+			activeIndex.value = next;
+			setStuck(next >= max);
+			if (useVirtual.value) {
+				listRef.value?.scrollToIndex(next, "nearest");
+				return;
+			}
+			const row = plainRef.value?.querySelector(`[data-log-index="${next}"]`);
+			if (typeof row?.scrollIntoView === "function") row.scrollIntoView({ block: "nearest" });
+		}
+		function isSearchShortcut(event) {
+			return (event.ctrlKey || event.metaKey) && !event.altKey && event.key.toLowerCase() === "f";
+		}
+		function isCopyShortcut(event) {
+			return (event.ctrlKey || event.metaKey) && !event.altKey && event.key.toLowerCase() === "c";
+		}
+		function onRootKeydown(event) {
+			if (isSearchShortcut(event) && props.showSearch) {
+				event.preventDefault();
+				focusSearch();
+				return;
+			}
+			if (isCopyShortcut(event) && !isTypingTarget(event.target)) {
+				if (readDomSelection()) return;
+				event.preventDefault();
+				copy();
+			}
+		}
+		function onViewportKeydown(event) {
+			if (isSearchShortcut(event) || isCopyShortcut(event)) return;
+			if (isTypingTarget(event.target)) return;
+			if (displayLines.value.length - 1 < 0) return;
+			const page = 10;
+			if (event.key === "ArrowDown") {
+				event.preventDefault();
+				moveActive(1);
+				return;
+			}
+			if (event.key === "ArrowUp") {
+				event.preventDefault();
+				moveActive(-1);
+				return;
+			}
+			if (event.key === "Home") {
+				event.preventDefault();
+				moveActive(-displayLines.value.length);
+				return;
+			}
+			if (event.key === "End") {
+				event.preventDefault();
+				moveActive(displayLines.value.length);
+				return;
+			}
+			if (event.key === "PageDown") {
+				event.preventDefault();
+				moveActive(page);
+				return;
+			}
+			if (event.key === "PageUp") {
+				event.preventDefault();
+				moveActive(-10);
+				return;
+			}
+		}
+		function toggleLevel(level) {
+			const current = filterLevels.value ?? [];
+			filterLevels.value = current.includes(level) ? current.filter((item) => item !== level) : [...current, level];
+		}
+		function onRowClick(index) {
+			activeIndex.value = index;
+		}
+		watch(() => displayLines.value.length, async (count, prev) => {
+			const delta = count - (prev ?? 0);
+			if (liveMode.value !== "off" && delta > 0) announcement.value = t("log.newLines", "{count} new lines", { count: delta });
+			if (!props.follow || delta <= 0 || !stuckToBottom.value) return;
+			await nextTick();
+			scrollToBottom();
+		});
+		watch(() => countDroppedLines(rawCount.value, props.maxLines), (dropped, prev) => {
+			if (dropped <= (prev ?? 0)) return;
+			emit("overflow", {
+				dropped,
+				kept: resolvedLines.value.length
+			});
+		});
+		onUnmounted(() => {
+			if (copiedTimer) window.clearTimeout(copiedTimer);
+		});
+		__expose({
+			append,
+			clear,
+			scrollToBottom,
+			scrollToTop,
+			copy,
+			copyAll,
+			getLines,
+			getVisibleLines,
+			focus,
+			focusSearch
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(["rs-log", {
+					"rs-log--wrap": __props.wrap,
+					"rs-log--zebra": __props.zebra,
+					"rs-log--chrome": hasChrome.value
+				}]),
+				style: normalizeStyle(rootStyle.value),
+				dir: __props.dir,
+				onKeydown: onRootKeydown
+			}, [
+				hasChrome.value ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "toolbar", {}, () => [
+					__props.showSearch ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						ref_key: "searchRef",
+						ref: searchRef,
+						class: "rs-log__search"
+					}, [createVNode(RsInput_default, {
+						modelValue: search.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+						type: "search",
+						size: "sm",
+						clearable: "",
+						placeholder: unref(t)("log.searchPlaceholder", "Filter lines…"),
+						"aria-label": unref(t)("log.search", "Search logs")
+					}, null, 8, [
+						"modelValue",
+						"placeholder",
+						"aria-label"
+					])], 512)) : createCommentVNode("", true),
+					__props.showFilter ? (openBlock(), createElementBlock("fieldset", _hoisted_3, [createElementVNode("legend", _hoisted_4, toDisplayString(unref(t)("log.filter", "Filter levels")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(RS_LOG_FILTER_LEVELS), (level) => {
+						return openBlock(), createElementBlock("button", {
+							key: level,
+							type: "button",
+							class: normalizeClass(["rs-log__chip", [`rs-log__chip--${level}`, { "rs-log__chip--on": filterLevels.value.includes(level) }]]),
+							"aria-pressed": filterLevels.value.includes(level),
+							onClick: ($event) => toggleLevel(level)
+						}, toDisplayString(levelLabel(level)), 11, _hoisted_5);
+					}), 128))])) : createCommentVNode("", true),
+					__props.showCopy ? (openBlock(), createBlock(RsButton_default, {
+						key: 2,
+						class: "rs-log__copy",
+						variant: "ghost",
+						size: "sm",
+						icon: "copy",
+						"icon-only": "",
+						"aria-label": copyTip.value,
+						tooltip: copyTip.value,
+						disabled: displayLines.value.length === 0,
+						onClick: _cache[1] || (_cache[1] = ($event) => void copy())
+					}, null, 8, [
+						"aria-label",
+						"tooltip",
+						"disabled"
+					])) : createCommentVNode("", true)
+				], true)])) : createCommentVNode("", true),
+				liveMode.value !== "off" ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "rs-log__sr-only",
+					"aria-live": liveMode.value,
+					"aria-atomic": "true"
+				}, toDisplayString(announcement.value), 9, _hoisted_6)) : createCommentVNode("", true),
+				createElementVNode("div", {
+					ref_key: "viewportRef",
+					ref: viewportRef,
+					class: "rs-log__viewport",
+					role: "region",
+					tabindex: "0",
+					"aria-label": regionLabel.value,
+					"aria-busy": __props.busy ? "true" : void 0,
+					onKeydown: onViewportKeydown
+				}, [displayLines.value.length === 0 ? renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(RsEmpty_default, {
+					fill: "",
+					description: emptyLabel.value
+				}, null, 8, ["description"])], true, 0) : useVirtual.value ? (openBlock(), createBlock(RsVirtualList_default, {
+					key: 1,
+					ref_key: "listRef",
+					ref: listRef,
+					class: "rs-log__list",
+					role: "list",
+					items: displayLines.value,
+					"item-size": resolvedItemSize.value,
+					height: 0,
+					overscan: __props.overscan,
+					"active-index": activeIndex.value < 0 ? null : activeIndex.value,
+					radius: "none",
+					onScroll: onListScroll
+				}, {
+					default: withCtx(({ item, index }) => [createElementVNode("div", {
+						class: normalizeClass(["rs-log__row", [`rs-log__row--${item.level}`, {
+							"rs-log__row--odd": index % 2 === 1,
+							"rs-log__row--active": index === activeIndex.value
+						}]]),
+						role: "listitem",
+						"aria-label": rowLabel(item),
+						"data-log-index": index,
+						onClick: ($event) => onRowClick(index)
+					}, [
+						_cache[2] || (_cache[2] = createElementVNode("span", {
+							class: "rs-log__marker",
+							"aria-hidden": "true"
+						}, null, -1)),
+						__props.showLineNo ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(item.seq), 1)) : createCommentVNode("", true),
+						__props.showTime && item.time ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(item.time), 1)) : createCommentVNode("", true),
+						__props.showLevel && item.level !== "plain" ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(levelLabel(item.level)), 1)) : (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(levelLabel(item.level)), 1)),
+						renderSlot(_ctx.$slots, "row", {
+							item,
+							index,
+							levelLabel: levelLabel(item.level),
+							parts: highlightParts(item.text)
+						}, () => [createElementVNode("span", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(highlightParts(item.text), (part, partIndex) => {
+							return openBlock(), createElementBlock(Fragment, { key: partIndex }, [part.hit ? (openBlock(), createElementBlock("mark", _hoisted_14, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+						}), 128))])], true)
+					], 10, _hoisted_8)]),
+					_: 3
+				}, 8, [
+					"items",
+					"item-size",
+					"overscan",
+					"active-index"
+				])) : (openBlock(), createElementBlock("div", {
+					key: 2,
+					ref_key: "plainRef",
+					ref: plainRef,
+					class: "rs-log__plain",
+					role: "list",
+					onScroll: onListScroll
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(displayLines.value, (item, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: item.key,
+						class: normalizeClass(["rs-log__row", [`rs-log__row--${item.level}`, {
+							"rs-log__row--odd": index % 2 === 1,
+							"rs-log__row--active": index === activeIndex.value
+						}]]),
+						role: "listitem",
+						"aria-label": rowLabel(item),
+						"data-log-index": index,
+						onClick: ($event) => onRowClick(index)
+					}, [
+						_cache[3] || (_cache[3] = createElementVNode("span", {
+							class: "rs-log__marker",
+							"aria-hidden": "true"
+						}, null, -1)),
+						__props.showLineNo ? (openBlock(), createElementBlock("span", _hoisted_16, toDisplayString(item.seq), 1)) : createCommentVNode("", true),
+						__props.showTime && item.time ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(item.time), 1)) : createCommentVNode("", true),
+						__props.showLevel && item.level !== "plain" ? (openBlock(), createElementBlock("span", _hoisted_18, toDisplayString(levelLabel(item.level)), 1)) : (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString(levelLabel(item.level)), 1)),
+						renderSlot(_ctx.$slots, "row", {
+							item,
+							index,
+							levelLabel: levelLabel(item.level),
+							parts: highlightParts(item.text)
+						}, () => [createElementVNode("span", _hoisted_20, [(openBlock(true), createElementBlock(Fragment, null, renderList(highlightParts(item.text), (part, partIndex) => {
+							return openBlock(), createElementBlock(Fragment, { key: partIndex }, [part.hit ? (openBlock(), createElementBlock("mark", _hoisted_21, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+						}), 128))])], true)
+					], 10, _hoisted_15);
+				}), 128))], 544))], 40, _hoisted_7)
+			], 46, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsLog_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsLog.js

@@ -0,0 +1,8 @@
+import './RsLog.css'
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+import RsLog_vue_vue_type_script_setup_true_lang_default from "./RsLog.impl.js";
+
+//#region src/components/RsLog.vue
+var RsLog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-292b0834"]]);
+//#endregion
+export { RsLog_default as default };

package/dist/components/RsTable.impl.js

@@ -106,6 +106,7 @@ var RsTable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		cellTooltip: { type: Boolean },
 		cellTooltipDelay: {},
 		headerTooltip: { type: Boolean },
+		cellFocus: {},
 		editable: { type: Boolean },
 		editTrigger: {},
 		editGutter: { type: Boolean },
@@ -599,7 +600,7 @@ var RsTable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				}, [createElementVNode("table", mergeProps({
 					ref_key: "tableRef",
 					ref: tableRef,
-					class: "rs-table__table",
+					class: ["rs-table__table", `rs-table__table--cell-focus-${__props.cellFocus}`],
 					style: unref(tableInlineStyle)
 				}, unref(tableA11y), {
 					onKeydown: _cache[0] || (_cache[0] = (...args) => unref(onShellKeydown) && unref(onShellKeydown)(...args)),