@simon_he/vue-tui 0.0.8 → 1.0.0

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

@@ -0,0 +1,182 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+export type RowScrollMode = "off" | "unsafe-full-row";
+export declare const TVirtualList: 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;
+    };
+    itemCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+    itemVersion: {
+        type: NumberConstructor;
+        required: true;
+    };
+    getItem: {
+        type: PropType<(index: number) => unknown>;
+        required: true;
+    };
+    renderItem: {
+        type: PropType<(item: unknown, index: number) => unknown>;
+        default: undefined;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectionText: {
+        type: PropType<(item: unknown, index: number) => string>;
+        default: undefined;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowScrollMode: {
+        type: PropType<RowScrollMode>;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "focus" | "blur" | "change" | "scroll" | "update:modelValue" | "update:scrollTop" | "itemClick")[], "keydown" | "focus" | "blur" | "change" | "scroll" | "update:modelValue" | "update:scrollTop" | "itemClick", (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;
+    };
+    itemCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+    itemVersion: {
+        type: NumberConstructor;
+        required: true;
+    };
+    getItem: {
+        type: PropType<(index: number) => unknown>;
+        required: true;
+    };
+    renderItem: {
+        type: PropType<(item: unknown, index: number) => unknown>;
+        default: undefined;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectionText: {
+        type: PropType<(item: unknown, index: number) => string>;
+        default: undefined;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowScrollMode: {
+        type: PropType<RowScrollMode>;
+        default: string;
+    };
+}>> & Readonly<{
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:scrollTop"?: ((...args: any[]) => any) | undefined;
+    onItemClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: number;
+    selectable: boolean;
+    autoFocus: boolean;
+    modelValue: number;
+    rowScrollMode: RowScrollMode;
+    renderItem: (item: unknown, index: number) => unknown;
+    scrollTop: number;
+    activeStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    selectionText: (item: unknown, index: number) => string;
+}, {}>;

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

@@ -0,0 +1,168 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+import { type TuiMarkdownThemeOverrides } from "../markdown/theme.js";
+import type { TuiMarkdownBlock } from "../markdown/types.js";
+export declare const TVirtualMarkdown: 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;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    blocks: {
+        type: PropType<readonly TuiMarkdownBlock[]>;
+        default: undefined;
+    };
+    scrollTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    final: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    streaming: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customHtmlTags: {
+        type: PropType<readonly string[]>;
+        default: undefined;
+    };
+    theme: {
+        type: PropType<TuiMarkdownThemeOverrides>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "focus" | "blur" | "scroll" | "update:scrollTop")[], "keydown" | "focus" | "blur" | "scroll" | "update:scrollTop", (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;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    blocks: {
+        type: PropType<readonly TuiMarkdownBlock[]>;
+        default: undefined;
+    };
+    scrollTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    final: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    streaming: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customHtmlTags: {
+        type: PropType<readonly string[]>;
+        default: undefined;
+    };
+    theme: {
+        type: PropType<TuiMarkdownThemeOverrides>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((...args: any[]) => any) | undefined;
+    "onUpdate:scrollTop"?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: number;
+    selectable: boolean;
+    autoFocus: boolean;
+    content: string;
+    scrollTop: number;
+    customHtmlTags: readonly string[];
+    final: boolean;
+    theme: Readonly<Partial<{
+        heading: readonly Partial<Style>[];
+        strong: Partial<Style>;
+        emphasis: Partial<Style>;
+        strikethrough: Partial<Style>;
+        inlineCode: Partial<Style>;
+        link: Partial<Style>;
+        blockquote: Partial<Style>;
+        listMarker: Partial<Style>;
+        codeBlock: Partial<Style>;
+        thematicBreak: Partial<Style>;
+        html: Partial<Style>;
+    }>>;
+    blocks: readonly TuiMarkdownBlock[];
+    streaming: boolean;
+}, {}>;

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

@@ -0,0 +1,247 @@
+import type { PropType, VNodeChild } from "vue";
+import type { Style, Terminal } from "../../core/types.js";
+export type TVirtualRowsRowScrollMode = "off" | "unsafe-full-row";
+export type TVirtualRowsPaintContext = Readonly<{
+    terminal: Terminal;
+    item: unknown;
+    index: number;
+    row: number;
+    x: number;
+    y: number;
+    w: number;
+    clipX: number;
+    clipY: number;
+    fullW: number;
+    scrollTop: number;
+    style: Style;
+}>;
+export type TVirtualRowsRenderNodesContext = Readonly<{
+    item: unknown;
+    index: number;
+    row: number;
+    clipX: number;
+    clipY: number;
+    fullW: number;
+    scrollTop: number;
+}>;
+export type TVirtualRowsSelectionSpanTextContext = Readonly<{
+    item: unknown;
+    index: number;
+    x0: number;
+    x1: number;
+    cols: number;
+}>;
+export type TVirtualRowsScrollMetrics = Readonly<{
+    scrollTop: number;
+    maxScrollTop: number;
+    viewportRows: number;
+    itemCount: number;
+    atTop: boolean;
+    atBottom: boolean;
+}>;
+export type TVirtualRowsScrollPayload = TVirtualRowsScrollMetrics;
+export type TVirtualRowsHandle = Readonly<{
+    scrollTo: (top: number) => void;
+    scrollBy: (delta: number) => void;
+    invalidateIndex: (index: number) => void;
+    invalidateRange: (start: number, end: number) => void;
+    refreshViewport: () => void;
+    getScrollMetrics: () => TVirtualRowsScrollMetrics;
+}>;
+export declare const TVirtualRows: 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;
+    };
+    itemCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+    itemVersion: {
+        type: NumberConstructor;
+        required: true;
+    };
+    getItem: {
+        type: PropType<(index: number) => unknown>;
+        required: true;
+    };
+    paintItem: {
+        type: PropType<(ctx: TVirtualRowsPaintContext) => void>;
+        required: true;
+    };
+    renderItemNodes: {
+        type: PropType<(ctx: TVirtualRowsRenderNodesContext) => VNodeChild>;
+        default: undefined;
+    };
+    selectionText: {
+        type: PropType<(item: unknown, index: number) => string>;
+        default: undefined;
+    };
+    selectionSpanText: {
+        type: PropType<(ctx: TVirtualRowsSelectionSpanTextContext) => string>;
+        default: undefined;
+    };
+    scrollTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wheelScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowScrollMode: {
+        type: PropType<TVirtualRowsRowScrollMode>;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "contextmenu" | "pointerdown" | "pointerup" | "pointermove" | "pointerleave" | "wheel" | "keydown" | "focus" | "blur" | "scroll" | "clickCapture" | "contextmenuCapture" | "pointerdownCapture" | "pointerupCapture" | "pointermoveCapture" | "update:scrollTop" | "itemClick")[], "click" | "contextmenu" | "pointerdown" | "pointerup" | "pointermove" | "pointerleave" | "wheel" | "keydown" | "focus" | "blur" | "scroll" | "clickCapture" | "contextmenuCapture" | "pointerdownCapture" | "pointerupCapture" | "pointermoveCapture" | "update:scrollTop" | "itemClick", (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;
+    };
+    itemCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+    itemVersion: {
+        type: NumberConstructor;
+        required: true;
+    };
+    getItem: {
+        type: PropType<(index: number) => unknown>;
+        required: true;
+    };
+    paintItem: {
+        type: PropType<(ctx: TVirtualRowsPaintContext) => void>;
+        required: true;
+    };
+    renderItemNodes: {
+        type: PropType<(ctx: TVirtualRowsRenderNodesContext) => VNodeChild>;
+        default: undefined;
+    };
+    selectionText: {
+        type: PropType<(item: unknown, index: number) => string>;
+        default: undefined;
+    };
+    selectionSpanText: {
+        type: PropType<(ctx: TVirtualRowsSelectionSpanTextContext) => string>;
+        default: undefined;
+    };
+    scrollTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wheelScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowScrollMode: {
+        type: PropType<TVirtualRowsRowScrollMode>;
+        default: string;
+    };
+}>> & Readonly<{
+    onPointerleave?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onContextmenu?: ((...args: any[]) => any) | undefined;
+    onPointerdown?: ((...args: any[]) => any) | undefined;
+    onPointerup?: ((...args: any[]) => any) | undefined;
+    onPointermove?: ((...args: any[]) => any) | undefined;
+    onWheel?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((...args: any[]) => any) | undefined;
+    onClickCapture?: ((...args: any[]) => any) | undefined;
+    onPointerdownCapture?: ((...args: any[]) => any) | undefined;
+    onPointerupCapture?: ((...args: any[]) => any) | undefined;
+    onPointermoveCapture?: ((...args: any[]) => any) | undefined;
+    "onUpdate:scrollTop"?: ((...args: any[]) => any) | undefined;
+    onItemClick?: ((...args: any[]) => any) | undefined;
+    onContextmenuCapture?: ((...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;
+    selectable: boolean;
+    autoFocus: boolean;
+    rowScrollMode: TVirtualRowsRowScrollMode;
+    scrollTop: number;
+    selectionText: (item: unknown, index: number) => string;
+    renderItemNodes: (ctx: TVirtualRowsRenderNodesContext) => VNodeChild;
+    selectionSpanText: (ctx: TVirtualRowsSelectionSpanTextContext) => string;
+    wheelScroll: boolean;
+}, {}>;