@simon_he/vue-tui 0.0.8 → 1.0.0

package/dist/vue/components/TLogScrollbar.d.ts

@@ -0,0 +1,236 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+import type { TLogViewScrollMetrics } from "./TLogView.js";
+export type TLogScrollbarMetrics = TLogViewScrollMetrics;
+export type TLogScrollbarScrollToPayload = number;
+export type TLogScrollbarScrollByPayload = number;
+export type TLogScrollbarMarker = Readonly<{
+    id?: string | number;
+    visualRow: number;
+    current?: boolean;
+    estimated?: boolean;
+    payload?: unknown;
+}>;
+export type TLogScrollbarMarkerClickPayload = Readonly<{
+    marker: TLogScrollbarMarker;
+    markerIndex: number;
+    visualRow: number;
+    cellX: number;
+    cellY: number;
+}>;
+export declare const TLogScrollbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    metrics: {
+        type: PropType<TLogScrollbarMetrics | null>;
+        default: null;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    thumbStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    trackStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    measuringStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    markers: {
+        type: PropType<readonly TLogScrollbarMarker[]>;
+        default: () => never[];
+    };
+    markerStyle: {
+        type: PropType<Style>;
+        default: () => {
+            fg: string;
+        };
+    };
+    currentMarkerStyle: {
+        type: PropType<Style>;
+        default: () => {
+            fg: string;
+            bold: boolean;
+        };
+    };
+    showMarkers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showArrows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scrollTo" | "scrollBy" | "markerClick")[], "scrollTo" | "scrollBy" | "markerClick", (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    metrics: {
+        type: PropType<TLogScrollbarMetrics | null>;
+        default: null;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    thumbStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    trackStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    measuringStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    markers: {
+        type: PropType<readonly TLogScrollbarMarker[]>;
+        default: () => never[];
+    };
+    markerStyle: {
+        type: PropType<Style>;
+        default: () => {
+            fg: string;
+        };
+    };
+    currentMarkerStyle: {
+        type: PropType<Style>;
+        default: () => {
+            fg: string;
+            bold: boolean;
+        };
+    };
+    showMarkers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showArrows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onScrollTo?: ((...args: any[]) => any) | undefined;
+    onScrollBy?: ((...args: any[]) => any) | undefined;
+    onMarkerClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: number;
+    markerStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    markers: readonly Readonly<{
+        id?: string | number;
+        visualRow: number;
+        current?: boolean;
+        estimated?: boolean;
+        payload?: unknown;
+    }>[];
+    metrics: Readonly<{
+        scrollTop: number;
+        maxScrollTop: number;
+        viewportRows: number;
+        lineCount: number;
+        firstLineIndex: number;
+        estimatedVisualRowCount: number;
+        visualRowCount: number;
+        measuredVisualRowCount: number;
+        measuredLineCount: number;
+        visualIndexStatus: import("../log/types.js").TLogViewVisualIndexStatus;
+        atTop: boolean;
+        atBottom: boolean;
+    }> | null;
+    thumbStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    trackStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    measuringStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    currentMarkerStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    showMarkers: boolean;
+    showArrows: boolean;
+}, {}>;

package/dist/vue/components/TLogSearchBar.d.ts

@@ -0,0 +1,267 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+import type { TLogViewSearchError } from "./TLogView.js";
+export type TLogSearchBarMode = "text" | "regex";
+export type TLogSearchBarState = Readonly<{
+    query: string;
+    mode: TLogSearchBarMode;
+    caseSensitive: boolean;
+    wholeWord: boolean;
+    status: "idle" | "scanning" | "done" | "error";
+    matchCount: number;
+    currentMatchIndex: number;
+    error?: TLogViewSearchError | null;
+}>;
+export type TLogSearchBarUpdatePayload = Readonly<{
+    query: string;
+    mode: TLogSearchBarMode;
+    caseSensitive: boolean;
+    wholeWord: boolean;
+}>;
+export type TLogSearchBarNavigatePayload = Readonly<{
+    direction: "previous" | "next";
+}>;
+export declare const TLogSearchBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    state: {
+        type: PropType<TLogSearchBarState>;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    inputStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    errorStyle: {
+        type: PropType<Style>;
+        default: () => {
+            fg: string;
+            bold: boolean;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+    toggleStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showModeToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCaseToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showWholeWordToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showNavigation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "focus" | "blur" | "update" | "clear" | "update:query" | "previous" | "next" | "update:mode" | "update:caseSensitive" | "update:wholeWord")[], "keydown" | "focus" | "blur" | "update" | "clear" | "update:query" | "previous" | "next" | "update:mode" | "update:caseSensitive" | "update:wholeWord", (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    state: {
+        type: PropType<TLogSearchBarState>;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    inputStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    errorStyle: {
+        type: PropType<Style>;
+        default: () => {
+            fg: string;
+            bold: boolean;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+    toggleStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showModeToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCaseToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showWholeWordToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showNavigation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    "onUpdate:query"?: ((...args: any[]) => any) | undefined;
+    onUpdate?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onPrevious?: ((...args: any[]) => any) | undefined;
+    onNext?: ((...args: any[]) => any) | undefined;
+    "onUpdate:mode"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:caseSensitive"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:wholeWord"?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: number;
+    focusable: boolean;
+    placeholder: string;
+    inputStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    activeStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    errorStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    disabledStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    toggleStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    showModeToggle: boolean;
+    showCaseToggle: boolean;
+    showWholeWordToggle: boolean;
+    showCount: boolean;
+    showNavigation: boolean;
+}, {}>;

package/dist/vue/components/TLogSearchPager.d.ts

@@ -0,0 +1,162 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+import type { TLogViewSearchError, TLogViewSearchState } from "./TLogView.js";
+export type TLogSearchPagerState = Readonly<{
+    page: number;
+    pageCount: number;
+    matchCount: number;
+    status: TLogViewSearchState["status"];
+    error?: TLogViewSearchError | null;
+}>;
+export type TLogSearchPagerPageChangePayload = Readonly<{
+    page: number;
+}>;
+export declare const TLogSearchPager: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    state: {
+        type: PropType<TLogSearchPagerState | null>;
+        default: null;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+    errorStyle: {
+        type: PropType<Style>;
+        default: () => {
+            fg: string;
+            bold: boolean;
+        };
+    };
+    showCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("previousPage" | "nextPage" | "pageChange")[], "previousPage" | "nextPage" | "pageChange", (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    state: {
+        type: PropType<TLogSearchPagerState | null>;
+        default: null;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+    errorStyle: {
+        type: PropType<Style>;
+        default: () => {
+            fg: string;
+            bold: boolean;
+        };
+    };
+    showCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onPreviousPage?: ((...args: any[]) => any) | undefined;
+    onNextPage?: ((...args: any[]) => any) | undefined;
+    onPageChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: number;
+    state: Readonly<{
+        page: number;
+        pageCount: number;
+        matchCount: number;
+        status: TLogViewSearchState["status"];
+        error?: TLogViewSearchError | null;
+    }> | null;
+    activeStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    errorStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    disabledStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    showCount: boolean;
+}, {}>;