ensis-ui 0.0.0-stage → 3.0.0

package/dist/components/log/src/RsLogRow.css

@@ -0,0 +1,152 @@
+
+.rs-log__row[data-v-a8e6725e] {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--rs-space-sm);
+  box-sizing: border-box;
+  padding-inline: var(--rs-space-md);
+  position: relative;
+  white-space: nowrap;
+  color: var(--rs-log-row-fg, var(--rs-log-fg, var(--rs-text-primary)));
+}
+.rs-log__row--fill[data-v-a8e6725e] {
+  min-height: 100%;
+}
+.rs-log__row--wrap[data-v-a8e6725e] {
+  height: auto;
+  max-height: none;
+  min-height: 0;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  padding-block: var(--rs-space-xs);
+}
+.rs-log__row--zebra.rs-log__row--odd[data-v-a8e6725e] {
+  background: var(--rs-log-stripe, transparent);
+}
+.rs-log__row.rs-log__row--active[data-v-a8e6725e] {
+  background: var(--rs-log-active-bg, color-mix(in srgb, var(--rs-primary) 12%, var(--rs-log-bg, transparent)));
+}
+.rs-log__row--active[data-v-a8e6725e]::before {
+  content: '';
+  position: absolute;
+  inset-inline-start: 0;
+  inset-block: 0;
+  width: var(--rs-log-accent-width, 0.125rem);
+  background: var(--rs-log-accent, var(--rs-primary));
+  pointer-events: none;
+}
+.rs-log__marker[data-v-a8e6725e] {
+  flex-shrink: 0;
+  width: var(--rs-log-marker-width, 0.2rem);
+  align-self: stretch;
+  min-height: 0.9em;
+  margin-block: 0.2rem;
+  border-radius: var(--rs-radius-full);
+  background: currentColor;
+  user-select: none;
+}
+.rs-log__no[data-v-a8e6725e],
+.rs-log__time[data-v-a8e6725e] {
+  flex-shrink: 0;
+  color: var(--rs-log-muted, var(--rs-text-secondary));
+  font-variant-numeric: tabular-nums;
+  unicode-bidi: isolate;
+  user-select: none;
+}
+.rs-log__level[data-v-a8e6725e] {
+  flex-shrink: 0;
+  min-inline-size: var(--rs-log-level-min, 3.6rem);
+  font-weight: var(--rs-font-weight-semibold);
+  letter-spacing: 0.02em;
+  unicode-bidi: isolate;
+  user-select: none;
+}
+.rs-log__text[data-v-a8e6725e] {
+  min-width: 0;
+  flex: 1;
+  font-weight: inherit;
+  unicode-bidi: plaintext;
+  user-select: text;
+}
+.rs-log__row--wrap .rs-log__text[data-v-a8e6725e] {
+  overflow: visible;
+  height: auto;
+  min-height: 0;
+}
+.rs-log__row:not(.rs-log__row--wrap) .rs-log__text[data-v-a8e6725e] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.rs-log__hit[data-v-a8e6725e] {
+  padding: 0 0.1em;
+  background: var(--rs-log-hit-bg);
+  color: var(--rs-log-hit-fg);
+  font: inherit;
+}
+.rs-log__sr-only[data-v-a8e6725e] {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.rs-log__row--plain[data-v-a8e6725e] {
+  --rs-log-row-fg: var(--rs-log-fg);
+  font-weight: var(--rs-font-weight-regular);
+}
+.rs-log__row--trace[data-v-a8e6725e] {
+  --rs-log-row-fg: var(--rs-log-trace);
+  font-weight: var(--rs-font-weight-regular);
+}
+.rs-log__row--debug[data-v-a8e6725e] {
+  --rs-log-row-fg: var(--rs-log-debug);
+  font-weight: var(--rs-font-weight-regular);
+}
+.rs-log__row--info[data-v-a8e6725e] {
+  --rs-log-row-fg: var(--rs-log-info);
+  font-weight: var(--rs-font-weight-medium);
+}
+.rs-log__row--notice[data-v-a8e6725e] {
+  --rs-log-row-fg: var(--rs-log-notice);
+  font-weight: var(--rs-font-weight-medium);
+}
+.rs-log__row--success[data-v-a8e6725e] {
+  --rs-log-row-fg: var(--rs-log-success);
+  font-weight: var(--rs-font-weight-medium);
+}
+.rs-log__row--warn[data-v-a8e6725e] {
+  --rs-log-row-fg: var(--rs-log-warn);
+  font-weight: var(--rs-font-weight-semibold);
+}
+.rs-log__row--error[data-v-a8e6725e] {
+  --rs-log-row-fg: var(--rs-log-error);
+  font-weight: var(--rs-font-weight-bold);
+}
+.rs-log__row--fatal[data-v-a8e6725e] {
+  --rs-log-row-fg: var(--rs-log-fatal);
+  font-weight: var(--rs-font-weight-bold);
+}
+@media (forced-colors: active) {
+.rs-log__row[data-v-a8e6725e] {
+    color: CanvasText;
+}
+.rs-log__marker[data-v-a8e6725e] {
+    background: ButtonText;
+}
+.rs-log__hit[data-v-a8e6725e] {
+    background: Highlight;
+    color: HighlightText;
+}
+.rs-log__row--active[data-v-a8e6725e] {
+    outline: var(--rs-focus-ring-width, 2px) solid Highlight;
+    outline-offset: calc(var(--rs-focus-ring-width, 2px) * -1);
+}
+.rs-log__row--active[data-v-a8e6725e]::before {
+    background: Highlight;
+}
+}

package/dist/components/log/src/RsLogRow.d.ts

@@ -0,0 +1,35 @@
+import { type RsNormalizedLogLine } from './log-utils';
+type __VLS_Props = {
+    item: RsNormalizedLogLine;
+    index: number;
+    active: boolean;
+    zebra: boolean;
+    wrap: boolean;
+    fill: boolean;
+    showLineNo: boolean;
+    showTime: boolean;
+    showLevel: boolean;
+    search: string;
+};
+declare var __VLS_1: {
+    item: RsNormalizedLogLine;
+    index: number;
+    levelLabel: string;
+    parts: import("./log-utils").RsLogHighlightPart[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/log/src/RsLogRow.impl.js

@@ -0,0 +1,91 @@
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import { splitLogHighlight } from "./log-utils.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString } from "vue";
+//#region src/components/log/src/RsLogRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label", "data-log-index"];
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-log__no"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "rs-log__time"
+};
+var _hoisted_4 = {
+	key: 2,
+	class: "rs-log__level"
+};
+var _hoisted_5 = {
+	key: 3,
+	class: "rs-log__sr-only"
+};
+var _hoisted_6 = { class: "rs-log__text" };
+var _hoisted_7 = {
+	key: 0,
+	class: "rs-log__hit"
+};
+var RsLogRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsLogRow",
+	__name: "RsLogRow",
+	props: {
+		item: {},
+		index: {},
+		active: { type: Boolean },
+		zebra: { type: Boolean },
+		wrap: { type: Boolean },
+		fill: { type: Boolean },
+		showLineNo: { type: Boolean },
+		showTime: { type: Boolean },
+		showLevel: { type: Boolean },
+		search: {}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useRsI18n();
+		const visible = computed(() => props.item.plain || props.item.text);
+		const parts = computed(() => splitLogHighlight(visible.value, props.search));
+		const levelLabel = computed(() => t(`log.level.${props.item.level}`, props.item.level));
+		const rowLabel = computed(() => {
+			const bits = [levelLabel.value];
+			if (props.showLineNo) bits.push(t("log.lineNo", "Line {n}", { n: props.item.seq }));
+			if (props.item.time) bits.push(props.item.time);
+			bits.push(visible.value);
+			return bits.filter(Boolean).join(", ");
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["rs-log__row", [`rs-log__row--${__props.item.level}`, {
+					"rs-log__row--odd": __props.index % 2 === 1,
+					"rs-log__row--zebra": __props.zebra,
+					"rs-log__row--active": __props.active,
+					"rs-log__row--wrap": __props.wrap,
+					"rs-log__row--fill": __props.fill
+				}]]),
+				role: "listitem",
+				"aria-label": rowLabel.value,
+				"data-log-index": __props.index,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("select"))
+			}, [
+				_cache[1] || (_cache[1] = createElementVNode("span", {
+					class: "rs-log__marker",
+					"aria-hidden": "true"
+				}, null, -1)),
+				__props.showLineNo ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.item.seq), 1)) : createCommentVNode("", true),
+				__props.showTime && __props.item.time ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.item.time), 1)) : createCommentVNode("", true),
+				__props.showLevel && __props.item.level !== "plain" ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(levelLabel.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(levelLabel.value), 1)),
+				renderSlot(_ctx.$slots, "default", {
+					item: __props.item,
+					index: __props.index,
+					levelLabel: levelLabel.value,
+					parts: parts.value
+				}, () => [createElementVNode("span", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(parts.value, (part, partIndex) => {
+					return openBlock(), createElementBlock(Fragment, { key: partIndex }, [part.hit ? (openBlock(), createElementBlock("mark", _hoisted_7, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+				}), 128))])], true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsLogRow_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/log/src/RsLogRow.js

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

package/dist/components/log/src/log-utils.d.ts

@@ -0,0 +1,113 @@
+/** 展示与过滤用的级别。success 是 UI 结果，不是 RFC 严重级别。 */
+export type RsLogLevel = 'trace' | 'debug' | 'info' | 'notice' | 'success' | 'warn' | 'error' | 'fatal' | 'plain';
+/** 数字严重级别的标尺。auto：0–7 当 syslog，更大当 OTel。 */
+export type RsLogSeverityScale = 'syslog' | 'otel' | 'auto';
+/** 调用方补充的成功 / 失败等标识。字符串按拉丁词边界匹配（中日韩按子串），也可传 RegExp。 */
+export type RsLogMarker = string | RegExp;
+/** 未写 level 时，在内置扫描之后用这些标识给正文上色。默认不启用。 */
+export type RsLogInferMarkers = {
+    [K in Exclude<RsLogLevel, 'plain'>]?: readonly RsLogMarker[];
+};
+export type InferLogLevelOptions = {
+    markers?: RsLogInferMarkers;
+};
+/** 一条结构化日志。level 缺省时可由 infer / severity 得出。 */
+export type RsLogLine = {
+    id?: string | number;
+    text: string;
+    /** 规范级别或别名（warning / critical…），由 parseRsLogLevel 收口 */
+    level?: string;
+    /** RFC 5424 0–7 或 OTel 1–24；未写 level 时参与解析 */
+    severity?: number;
+    time?: string | number | Date;
+};
+export type RsLogLineInput = string | RsLogLine;
+/** 渲染用的归一化行。key 稳定，供虚拟列表复用。 */
+export type RsNormalizedLogLine = {
+    key: string;
+    /** 源文本，保留 ANSI，供宿主再处理。 */
+    text: string;
+    /** 去掉 ANSI 后的可见正文。没有转义时与 text 是同一字符串。 */
+    plain: string;
+    level: RsLogLevel;
+    time?: string;
+    /** 裁剪后的 1-based 序号 */
+    seq: number;
+    /** RFC 5424 Severity，plain 为 null */
+    syslog: number | null;
+    /** OpenTelemetry severity number，plain 为 null */
+    otel: number | null;
+};
+export declare const RS_LOG_LEVELS: readonly RsLogLevel[];
+/** 可过滤的级别（不含 plain）。 */
+export declare const RS_LOG_FILTER_LEVELS: readonly RsLogLevel[];
+export declare function isRsLogLevel(value: unknown): value is RsLogLevel;
+/** RFC 5424 Severity（0–7）。plain 返回 null。 */
+export declare function syslogSeverityOf(level: RsLogLevel): number | null;
+/** OpenTelemetry severity number。plain 返回 null。 */
+export declare function otelSeverityOf(level: RsLogLevel): number | null;
+/**
+ * 把别名、syslog 0–7、OTel 1–24 收成规范级别。
+ * 无法识别时返回 undefined，由调用方决定是否再推断。
+ */
+export declare function parseRsLogLevel(value: unknown, scale?: RsLogSeverityScale): RsLogLevel | undefined;
+/** 把任意输入收成日志行数组：字符串按行拆，对象原样保留。 */
+export declare function asLogLineInputs(input: string | RsLogLineInput | RsLogLineInput[]): RsLogLineInput[];
+/** 拆成行。统一 CRLF；去掉末尾空行，避免 textarea 尾巴多一行。 */
+export declare function splitLogText(text: string): string[];
+/**
+ * 从一行正文推断语义色。
+ * 1. [error] / [ok] 等方括号级别（别名走 parseRsLogLevel）
+ * 2. 行首级别词，如 ERROR: / WARN
+ * 3. 工具链行首：BUILD SUCCESS / BUILD FAILURE / Exception in thread / panic:
+ * 4. 调用方 markers：成功 / 失败等产品标识（默认不扫）
+ * 行上已有 level / severity 时不会走到这里。
+ */
+export declare function inferLogLevel(text: string, options?: InferLogLevelOptions): RsLogLevel;
+export declare function stripLogAnsi(text: string): string;
+/** 能解析的瞬间走 Intl；已是展示串则原样保留。 */
+export declare function formatLogTime(value: string | number | Date | undefined, locale?: string, options?: Intl.DateTimeFormatOptions): string | undefined;
+export type NormalizeLogLinesOptions = {
+    inferLevel?: boolean;
+    /** 传给 inferLogLevel 的成功 / 失败等标识。inferLevel 为 false 时不使用。 */
+    inferMarkers?: RsLogInferMarkers;
+    maxLines?: number;
+    severityScale?: RsLogSeverityScale;
+    locale?: string;
+    timeFormat?: Intl.DateTimeFormatOptions;
+};
+/** 把 string / 行对象收成渲染结构。inferLevel 默认开。 */
+export declare function normalizeLogLines(source: string | RsLogLineInput[] | undefined | null, options?: NormalizeLogLinesOptions): RsNormalizedLogLine[];
+/** 把一行收成可写回 v-model 的结构（字符串保持字符串）。 */
+export declare function toLogLineInput(input: RsLogLineInput): RsLogLineInput;
+export declare function joinLogLines(lines: Array<{
+    text: string;
+}>): string;
+export declare function clampLogCount<T>(items: T[], maxLines?: number): T[];
+export declare function filterLogLines(lines: RsNormalizedLogLine[], options?: {
+    levels?: readonly RsLogLevel[];
+    search?: string;
+    /** 传入后按该 locale 折叠大小写（土耳其 I 与 i 不同）。 */
+    locale?: string;
+    /** 本地化级别名。传入后「错误 / Error」也能命中。 */
+    levelText?: (level: RsLogLevel) => string;
+}): RsNormalizedLogLine[];
+export type RsLogHighlightPart = {
+    text: string;
+    hit: boolean;
+};
+/** 按查询切开正文，供搜索高亮。大小写不敏感。 */
+export declare function splitLogHighlight(text: string, query: string): RsLogHighlightPart[];
+export declare function resolveLogLive(live?: boolean | 'off' | 'polite' | 'assertive'): 'off' | 'polite' | 'assertive';
+export declare function countDroppedLines(total: number, maxLines?: number): number;
+export type RsLogCopySource = 'selection' | 'line' | 'visible' | 'all';
+/** 复制优先级：选区 > 全文 > 当前行 > 可见行（含搜索过滤结果）。 */
+export declare function resolveLogCopyText(options: {
+    selection?: string;
+    activeText?: string;
+    visibleTexts: string[];
+    allTexts?: string[];
+}): {
+    text: string;
+    source: RsLogCopySource;
+};