@simon_he/vue-tui 0.0.8 → 1.0.0

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

@@ -0,0 +1,238 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+export type TLogLinkPanelItem = Readonly<{
+    visibleIndex: number;
+    href: string;
+    text: string;
+    absoluteLineIndex: number;
+    index: number;
+    startCell: number;
+    endCell: number;
+    current?: boolean;
+}>;
+export type TLogLinksPanelSelectPayload = Readonly<{
+    visibleIndex: number;
+    item: TLogLinkPanelItem;
+}>;
+export type TLogLinksPanelActivatePayload = Readonly<{
+    visibleIndex: number;
+    item: TLogLinkPanelItem;
+}>;
+export type TLogLinksPanelActiveChangePayload = Readonly<{
+    activeIndex: number;
+    item: TLogLinkPanelItem | null;
+}>;
+export declare const TLogLinksPanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    links: {
+        type: PropType<readonly TLogLinkPanelItem[]>;
+        default: () => never[];
+    };
+    activeIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    currentStyle: {
+        type: PropType<Style>;
+        default: () => {
+            bold: boolean;
+        };
+    };
+    hrefStyle: {
+        type: PropType<Style>;
+        default: () => {
+            underline: boolean;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+    showLineNumbers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHref: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    focusable: {
+        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" | "select" | "activeChange" | "activate")[], "keydown" | "focus" | "blur" | "select" | "activeChange" | "activate", (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;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    links: {
+        type: PropType<readonly TLogLinkPanelItem[]>;
+        default: () => never[];
+    };
+    activeIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    currentStyle: {
+        type: PropType<Style>;
+        default: () => {
+            bold: boolean;
+        };
+    };
+    hrefStyle: {
+        type: PropType<Style>;
+        default: () => {
+            underline: boolean;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+    showLineNumbers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHref: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onActivate?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onActiveChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    links: readonly Readonly<{
+        visibleIndex: number;
+        href: string;
+        text: string;
+        absoluteLineIndex: number;
+        index: number;
+        startCell: number;
+        endCell: number;
+        current?: boolean;
+    }>[];
+    zIndex: number;
+    focusable: boolean;
+    activeIndex: number;
+    activeStyle: 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;
+    }>;
+    currentStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    showLineNumbers: boolean;
+    hrefStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    showHref: boolean;
+}, {}>;

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

@@ -0,0 +1,263 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+import type { TLogViewScrollMetrics } from "./TLogView.js";
+export type TLogMinimapMetrics = TLogViewScrollMetrics;
+export type TLogMinimapMarker = Readonly<{
+    id?: string | number;
+    visualRow: number;
+    current?: boolean;
+    estimated?: boolean;
+    payload?: unknown;
+}>;
+export type TLogMinimapDensityBucket = Readonly<{
+    startVisualRow: number;
+    endVisualRow: number;
+    value: number;
+}>;
+export type TLogMinimapClickPayload = Readonly<{
+    visualRow: number;
+    cellX: number;
+    cellY: number;
+}>;
+export type TLogMinimapMarkerClickPayload = Readonly<{
+    marker: TLogMinimapMarker;
+    markerIndex: number;
+    visualRow: number;
+    cellX: number;
+    cellY: number;
+}>;
+export declare const TLogMinimap: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    metrics: {
+        type: PropType<TLogMinimapMetrics | null>;
+        default: null;
+    };
+    markers: {
+        type: PropType<readonly TLogMinimapMarker[]>;
+        default: () => never[];
+    };
+    density: {
+        type: PropType<readonly TLogMinimapDensityBucket[]>;
+        default: () => never[];
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    densityStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    markerStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    currentMarkerStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    viewportStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    estimatedStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    showMarkers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDensity: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showViewport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scrollTo" | "markerClick")[], "scrollTo" | "markerClick", (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;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    metrics: {
+        type: PropType<TLogMinimapMetrics | null>;
+        default: null;
+    };
+    markers: {
+        type: PropType<readonly TLogMinimapMarker[]>;
+        default: () => never[];
+    };
+    density: {
+        type: PropType<readonly TLogMinimapDensityBucket[]>;
+        default: () => never[];
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    densityStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    markerStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    currentMarkerStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    viewportStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    estimatedStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    showMarkers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDensity: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showViewport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onScrollTo?: ((...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;
+    currentMarkerStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    showMarkers: boolean;
+    density: readonly Readonly<{
+        startVisualRow: number;
+        endVisualRow: number;
+        value: number;
+    }>[];
+    densityStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    viewportStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    estimatedStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    showDensity: boolean;
+    showViewport: boolean;
+}, {}>;