niuma-ui 2.0.4 → 2.1.0

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

@@ -1,5 +1,5 @@
 
-.rs-log[data-v-03a9ca4b] {
+.rs-log[data-v-69545db7] {
   display: flex;
   flex-direction: column;
   min-height: 0;
@@ -7,154 +7,96 @@
   border: 1px solid var(--rs-log-border, var(--rs-border));
   border-radius: var(--rs-log-radius, var(--rs-radius-sm));
   background: var(--rs-log-bg, var(--rs-surface));
-  color: var(--rs-log-fg, var(--rs-text));
+  color: var(--rs-log-fg, var(--rs-text-primary));
   font-family: var(--rs-log-font-family, var(--rs-font-mono));
   font-size: var(--rs-log-font-size, var(--rs-font-size-xs));
-  line-height: 1.45;
-  height: var(--rs-log-box-height, 280px);
+  line-height: var(--rs-log-line-height, 1.45);
+  height: var(--rs-log-box-height);
 }
-.rs-log__chrome[data-v-03a9ca4b] {
+.rs-log__chrome[data-v-69545db7] {
   display: flex;
   flex-wrap: wrap;
-  gap: 0.45rem;
+  gap: var(--rs-space-sm);
   align-items: center;
-  padding: 0.4rem 0.55rem;
+  padding-block: var(--rs-space-xs);
+  padding-inline: var(--rs-space-sm);
   border-bottom: 1px solid var(--rs-log-border, var(--rs-border));
-  background: color-mix(in srgb, var(--rs-log-bg, var(--rs-surface)) 88%, var(--rs-surface-hover));
+  background: var(--rs-log-chrome-bg, color-mix(in srgb, var(--rs-log-bg, var(--rs-surface)) 88%, var(--rs-surface-hover)));
 }
-.rs-log__search[data-v-03a9ca4b] {
-  min-width: 10rem;
+.rs-log__search[data-v-69545db7] {
+  min-inline-size: 10rem;
   flex: 1 1 12rem;
 }
-.rs-log__copy[data-v-03a9ca4b] {
+.rs-log__matches[data-v-69545db7] {
+  margin: 0;
+  color: var(--rs-log-muted, var(--rs-text-secondary));
+  font-size: var(--rs-font-size-xs);
+  font-variant-numeric: tabular-nums;
+}
+.rs-log__copy[data-v-69545db7] {
   flex-shrink: 0;
   margin-inline-start: auto;
 }
-.rs-log__filters[data-v-03a9ca4b] {
+.rs-log__filters[data-v-69545db7] {
   display: flex;
   flex-wrap: wrap;
-  gap: 0.3rem;
+  gap: var(--rs-space-xs);
   margin: 0;
   padding: 0;
   border: 0;
   min-inline-size: 0;
 }
-.rs-log__chip[data-v-03a9ca4b] {
+.rs-log__chip[data-v-69545db7] {
   margin: 0;
-  padding: 0.1rem 0.4rem;
+  padding-block: 0.1rem;
+  padding-inline: var(--rs-space-xs);
   border: 1px solid var(--rs-log-border, var(--rs-border));
   border-radius: var(--rs-radius-sm);
   background: transparent;
-  color: var(--rs-log-muted, var(--rs-text-muted));
+  color: var(--rs-log-muted, var(--rs-text-secondary));
   font: inherit;
   font-size: var(--rs-font-size-xs);
   cursor: pointer;
 }
-.rs-log__chip--on[data-v-03a9ca4b] {
-  color: var(--rs-log-fg, var(--rs-text));
-  border-color: color-mix(in srgb, var(--rs-primary) 45%, var(--rs-log-border, var(--rs-border)));
-  background: color-mix(in srgb, var(--rs-primary) 14%, transparent);
+.rs-log__chip[data-v-69545db7]:focus-visible {
+  outline: var(--rs-focus-ring-width, 2px) solid var(--rs-focus-border);
+  outline-offset: 1px;
+}
+.rs-log__chip--on[data-v-69545db7] {
+  color: var(--rs-log-fg, var(--rs-text-primary));
+  border-color: var(--rs-log-chip-on-border, color-mix(in srgb, var(--rs-primary) 45%, var(--rs-log-border, var(--rs-border))));
+  background: var(--rs-log-chip-on-bg, color-mix(in srgb, var(--rs-primary) 14%, transparent));
 }
-.rs-log__viewport[data-v-03a9ca4b] {
+.rs-log__viewport[data-v-69545db7] {
+  position: relative;
   display: flex;
   flex-direction: column;
   flex: 1;
   min-height: 0;
   outline: none;
 }
-.rs-log__viewport[data-v-03a9ca4b]:focus-visible {
+.rs-log__viewport[data-v-69545db7]:focus-visible {
   box-shadow: inset 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-border);
 }
-.rs-log__list[data-v-03a9ca4b],
-.rs-log__plain[data-v-03a9ca4b] {
+.rs-log__list[data-v-69545db7],
+.rs-log__plain[data-v-69545db7] {
   flex: 1;
   min-height: 0;
   border: 0;
   background: transparent;
 }
-.rs-log__plain[data-v-03a9ca4b] {
+.rs-log__plain[data-v-69545db7] {
   overflow: auto;
 }
-.rs-log__row[data-v-03a9ca4b] {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.55rem;
-  box-sizing: border-box;
-  padding: 0 0.7rem;
-  white-space: nowrap;
-  color: var(--rs-log-row-fg, var(--rs-log-fg));
-}
-.rs-log:not(.rs-log--wrap) .rs-log__list .rs-log__row[data-v-03a9ca4b] {
-  min-height: 100%;
-}
-.rs-log--wrap .rs-log__plain[data-v-03a9ca4b] {
+.rs-log--wrap .rs-log__plain[data-v-69545db7] {
   display: block;
 }
-.rs-log--wrap .rs-log__row[data-v-03a9ca4b] {
-  height: auto;
-  max-height: none;
-  min-height: 0;
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-  word-break: break-word;
-  padding-block: 0.25rem;
-}
-.rs-log--zebra .rs-log__row--odd[data-v-03a9ca4b] {
-  background: var(--rs-log-stripe, transparent);
-}
-.rs-log__row--active[data-v-03a9ca4b] {
-  background: color-mix(in srgb, var(--rs-primary) 12%, var(--rs-log-bg, transparent));
-  box-shadow: inset 2px 0 0 var(--rs-primary);
-}
-.rs-log__marker[data-v-03a9ca4b] {
-  flex-shrink: 0;
-  width: 0.2rem;
-  align-self: stretch;
-  min-height: 0.9em;
-  margin-block: 0.2rem;
-  border-radius: 99px;
-  background: currentColor;
-  user-select: none;
-}
-.rs-log__no[data-v-03a9ca4b],
-.rs-log__time[data-v-03a9ca4b] {
-  flex-shrink: 0;
-  color: var(--rs-log-muted, var(--rs-text-muted));
-  font-variant-numeric: tabular-nums;
-  unicode-bidi: isolate;
-  user-select: none;
-}
-.rs-log__level[data-v-03a9ca4b] {
-  flex-shrink: 0;
-  min-width: 3.6rem;
-  font-weight: var(--rs-font-weight-semibold);
-  letter-spacing: 0.02em;
-  unicode-bidi: isolate;
-  user-select: none;
-}
-.rs-log__text[data-v-03a9ca4b] {
-  min-width: 0;
-  flex: 1;
-  font-weight: inherit;
-  unicode-bidi: plaintext;
-  user-select: text;
-}
-.rs-log--wrap .rs-log__text[data-v-03a9ca4b] {
-  overflow: visible;
-  height: auto;
-  min-height: 0;
-}
-.rs-log:not(.rs-log--wrap) .rs-log__text[data-v-03a9ca4b] {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.rs-log__hit[data-v-03a9ca4b] {
-  padding: 0 0.1em;
-  background: var(--rs-log-hit-bg);
-  color: var(--rs-log-hit-fg);
-  font: inherit;
+.rs-log__jump[data-v-69545db7] {
+  position: absolute;
+  inset-inline-end: var(--rs-space-sm);
+  inset-block-end: var(--rs-space-sm);
 }
-.rs-log__sr-only[data-v-03a9ca4b] {
+.rs-log__sr-only[data-v-69545db7] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -165,48 +107,14 @@
   white-space: nowrap;
   border: 0;
 }
-.rs-log__row--plain[data-v-03a9ca4b] {
-  --rs-log-row-fg: var(--rs-log-fg);
-  font-weight: var(--rs-font-weight-regular);
-}
-.rs-log__row--trace[data-v-03a9ca4b] {
-  --rs-log-row-fg: var(--rs-log-trace);
-  font-weight: var(--rs-font-weight-regular);
-}
-.rs-log__row--debug[data-v-03a9ca4b] {
-  --rs-log-row-fg: var(--rs-log-debug);
-  font-weight: var(--rs-font-weight-regular);
-}
-.rs-log__row--info[data-v-03a9ca4b],
-.rs-log__row--notice[data-v-03a9ca4b] {
-  --rs-log-row-fg: var(--rs-log-info);
-  font-weight: var(--rs-font-weight-medium);
-}
-.rs-log__row--notice[data-v-03a9ca4b] {
-  --rs-log-row-fg: var(--rs-log-notice);
-}
-.rs-log__row--success[data-v-03a9ca4b] {
-  --rs-log-row-fg: var(--rs-log-success);
-  font-weight: var(--rs-font-weight-medium);
-}
-.rs-log__row--warn[data-v-03a9ca4b] {
-  --rs-log-row-fg: var(--rs-log-warn);
-  font-weight: var(--rs-font-weight-semibold);
-}
-.rs-log__row--error[data-v-03a9ca4b] {
-  --rs-log-row-fg: var(--rs-log-error);
-  font-weight: var(--rs-font-weight-bold);
-}
-.rs-log__row--fatal[data-v-03a9ca4b] {
-  --rs-log-row-fg: var(--rs-log-fatal);
-  font-weight: var(--rs-font-weight-bold);
-}
 @media (forced-colors: active) {
-.rs-log__marker[data-v-03a9ca4b] {
-    background: ButtonText;
-}
-.rs-log__row--active[data-v-03a9ca4b] {
-    outline: 2px solid Highlight;
-    outline-offset: -2px;
+.rs-log[data-v-69545db7] {
+    background: Canvas;
+    color: CanvasText;
+    border-color: ButtonText;
+}
+.rs-log__viewport[data-v-69545db7]:focus-visible,
+  .rs-log__chip[data-v-69545db7]:focus-visible {
+    outline: var(--rs-focus-ring-width, 2px) solid Highlight;
 }
 }

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

@@ -1,5 +1,5 @@
 import type { RsRadius } from '../../../theme/types';
-import { type RsLogCopySource, type RsLogHighlightPart, type RsLogInferMarkers, type RsLogLevel, type RsLogLine, type RsLogLineInput, type RsLogSeverityScale, type RsNormalizedLogLine } from './log-utils';
+import { type RsLogCopySource, type RsLogInferMarkers, type RsLogLevel, type RsLogLine, type RsLogLineInput, type RsLogSeverityScale, type RsNormalizedLogLine } from './log-utils';
 export type { RsLogLevel, RsLogLine, RsLogLineInput, RsNormalizedLogLine };
 export interface RsLogExpose {
     append: (input: string | RsLogLineInput | RsLogLineInput[]) => void;
@@ -43,6 +43,7 @@ type __VLS_Props = {
     dir?: 'ltr' | 'rtl' | 'auto';
     severityScale?: RsLogSeverityScale;
     timeFormat?: Intl.DateTimeFormatOptions;
+    id?: string;
 };
 type __VLS_ModelProps = {
     'lines'?: string | RsLogLineInput[];
@@ -50,25 +51,25 @@ type __VLS_ModelProps = {
     'levels'?: RsLogLevel[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {}, __VLS_15: {}, __VLS_33: {
+declare var __VLS_1: {}, __VLS_15: {}, __VLS_42: {
     item: RsNormalizedLogLine;
     index: number;
     levelLabel: string;
-    parts: RsLogHighlightPart[];
-}, __VLS_35: {
+    parts: import("./log-utils").RsLogHighlightPart[];
+}, __VLS_53: {
     item: RsNormalizedLogLine;
     index: number;
     levelLabel: string;
-    parts: RsLogHighlightPart[];
+    parts: import("./log-utils").RsLogHighlightPart[];
 };
 type __VLS_Slots = {} & {
     toolbar?: (props: typeof __VLS_1) => any;
 } & {
     empty?: (props: typeof __VLS_15) => any;
 } & {
-    row?: (props: typeof __VLS_33) => any;
+    row?: (props: typeof __VLS_42) => any;
 } & {
-    row?: (props: typeof __VLS_35) => any;
+    row?: (props: typeof __VLS_53) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, RsLogExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     copy: (payload: {
@@ -99,21 +100,21 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, RsLog
 }>, {
     dir: "ltr" | "rtl" | "auto";
     height: number | string;
+    wrap: boolean;
     virtual: boolean | "auto";
     overscan: number;
-    wrap: boolean;
     itemSize: number;
-    follow: boolean;
+    zebra: boolean;
+    showLineNo: boolean;
     showTime: boolean;
     showLevel: boolean;
+    follow: boolean;
     inferLevel: boolean;
-    zebra: boolean;
     live: RsLogLive;
     busy: boolean;
     showSearch: boolean;
     showCopy: boolean;
     showFilter: boolean;
-    showLineNo: boolean;
     severityScale: RsLogSeverityScale;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;