@simon_he/vue-tui 0.0.8 → 1.0.0

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

@@ -0,0 +1,317 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+export type TTableColumn = Readonly<{
+    key: string;
+    label?: string;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    flex?: number;
+    align?: "left" | "right";
+    style?: Style;
+    headerStyle?: Style;
+    format?: (value: unknown, row: TTableRow, index: number) => string;
+}>;
+export type TTableRow = Readonly<Record<string, unknown>>;
+export type TTableRowClickPayload = Readonly<{
+    row: TTableRow;
+    index: number;
+}>;
+export type TTableHeaderClickPayload = Readonly<{
+    column: TTableColumn;
+    index: number;
+}>;
+export type TTableRowKeydownPayload = Readonly<{
+    row: TTableRow;
+    index: number;
+    event: unknown;
+}>;
+export declare const TTable: 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;
+    };
+    columns: {
+        type: PropType<readonly TTableColumn[]>;
+        required: true;
+    };
+    /**
+     * Rows are rendered from the top of the current viewport; TTable does not own
+     * scrollTop or virtualization.
+     */
+    rows: {
+        type: PropType<readonly TTableRow[]>;
+        required: true;
+    };
+    rowKey: {
+        type: PropType<string | ((row: TTableRow, index: number) => unknown)>;
+        default: undefined;
+    };
+    selectedRowKey: {
+        type: any;
+        default: undefined;
+    };
+    selectedRowKeys: {
+        type: PropType<readonly unknown[]>;
+        default: undefined;
+    };
+    activeRowKey: {
+        type: any;
+        default: undefined;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    header: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    headerStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    borderStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    selectedStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerFocusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowFocusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    rowClick: (_payload: TTableRowClickPayload) => true;
+    headerClick: (_payload: TTableHeaderClickPayload) => true;
+    rowKeydown: (_payload: TTableRowKeydownPayload) => true;
+}, string, (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;
+    };
+    columns: {
+        type: PropType<readonly TTableColumn[]>;
+        required: true;
+    };
+    /**
+     * Rows are rendered from the top of the current viewport; TTable does not own
+     * scrollTop or virtualization.
+     */
+    rows: {
+        type: PropType<readonly TTableRow[]>;
+        required: true;
+    };
+    rowKey: {
+        type: PropType<string | ((row: TTableRow, index: number) => unknown)>;
+        default: undefined;
+    };
+    selectedRowKey: {
+        type: any;
+        default: undefined;
+    };
+    selectedRowKeys: {
+        type: PropType<readonly unknown[]>;
+        default: undefined;
+    };
+    activeRowKey: {
+        type: any;
+        default: undefined;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    header: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    headerStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    borderStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    selectedStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerFocusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowFocusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onRowClick?: ((_payload: Readonly<{
+        row: TTableRow;
+        index: number;
+    }>) => any) | undefined;
+    onHeaderClick?: ((_payload: Readonly<{
+        column: Readonly<{
+            key: string;
+            label?: string;
+            width?: number;
+            minWidth?: number;
+            maxWidth?: number;
+            flex?: number;
+            align?: "left" | "right";
+            style?: Readonly<{
+                fg?: string;
+                bg?: string;
+                bold?: boolean;
+                dim?: boolean;
+                italic?: boolean;
+                underline?: boolean;
+                inverse?: boolean;
+                href?: string;
+            }>;
+            headerStyle?: Readonly<{
+                fg?: string;
+                bg?: string;
+                bold?: boolean;
+                dim?: boolean;
+                italic?: boolean;
+                underline?: boolean;
+                inverse?: boolean;
+                href?: string;
+            }>;
+            format?: (value: unknown, row: TTableRow, index: number) => string;
+        }>;
+        index: number;
+    }>) => any) | undefined;
+    onRowKeydown?: ((_payload: Readonly<{
+        row: TTableRow;
+        index: number;
+        event: unknown;
+    }>) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    header: boolean;
+    zIndex: number;
+    border: boolean;
+    selectedStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    emptyText: string;
+    headerStyle: 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;
+    }>;
+    rowKey: string | ((row: TTableRow, index: number) => unknown);
+    borderStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    selectedRowKey: any;
+    selectedRowKeys: readonly unknown[];
+    activeRowKey: any;
+    headerFocusable: boolean;
+    rowFocusable: boolean;
+}, {}>;

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

@@ -0,0 +1,116 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+export declare const TText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    h: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    clear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Optional key that participates in render-node dependency tracking.
+     * Useful for forcing a repaint when the rendered output might change
+     * even if `value`, `style`, and geometry are unchanged (e.g. external
+     * terminal writes or higher-level virtualized row reuse).
+     */
+    depsKey: {
+        type: any;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    h: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    clear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Optional key that participates in render-node dependency tracking.
+     * Useful for forcing a repaint when the rendered output might change
+     * even if `value`, `style`, and geometry are unchanged (e.g. external
+     * terminal writes or higher-level virtualized row reuse).
+     */
+    depsKey: {
+        type: any;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    w: number;
+    h: number;
+    zIndex: number;
+    clear: boolean;
+    wrap: boolean;
+    depsKey: any;
+}, {}>;

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

@@ -0,0 +1,233 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+export declare const TThinkingView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pulseFrame: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    headerStyle: {
+        type: PropType<Style>;
+        default: () => Readonly<{
+            fg?: string;
+            bg?: string;
+            bold?: boolean;
+            dim?: boolean;
+            italic?: boolean;
+            underline?: boolean;
+            inverse?: boolean;
+            href?: string;
+        }>;
+    };
+    markerStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    titleStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    bodyStyle: {
+        type: PropType<Style>;
+        default: () => Readonly<{
+            fg?: string;
+            bg?: string;
+            bold?: boolean;
+            dim?: boolean;
+            italic?: boolean;
+            underline?: boolean;
+            inverse?: boolean;
+            href?: string;
+        }>;
+    };
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", (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;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pulseFrame: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    headerStyle: {
+        type: PropType<Style>;
+        default: () => Readonly<{
+            fg?: string;
+            bg?: string;
+            bold?: boolean;
+            dim?: boolean;
+            italic?: boolean;
+            underline?: boolean;
+            inverse?: boolean;
+            href?: string;
+        }>;
+    };
+    markerStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    titleStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    bodyStyle: {
+        type: PropType<Style>;
+        default: () => Readonly<{
+            fg?: string;
+            bg?: string;
+            bold?: boolean;
+            dim?: boolean;
+            italic?: boolean;
+            underline?: boolean;
+            inverse?: boolean;
+            href?: string;
+        }>;
+    };
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onToggle?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    title: string;
+    h: number;
+    zIndex: number;
+    focusable: boolean;
+    selectable: boolean;
+    titleStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    content: string;
+    collapsed: boolean;
+    headerStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    markerStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    pulseFrame: number | null;
+    bodyStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;