@simon_he/vue-tui 0.0.8 → 1.0.0

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

@@ -0,0 +1,200 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+export type TTreeNode = Readonly<{
+    id: string;
+    label: string;
+    children?: readonly TTreeNode[];
+    disabled?: boolean;
+    data?: unknown;
+}>;
+export type TTreeSelectPayload = Readonly<{
+    node: TTreeNode;
+    id: string;
+}>;
+export type TTreeTogglePayload = Readonly<{
+    node: TTreeNode;
+    id: string;
+    expanded: boolean;
+}>;
+export declare const TTree: 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;
+    };
+    nodes: {
+        type: PropType<readonly TTreeNode[]>;
+        required: true;
+    };
+    expandedIds: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
+    selectedId: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    selectedStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectableParents: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:expandedIds": (_ids: string[]) => true;
+    "update:selectedId": (_id: string) => true;
+    select: (_payload: TTreeSelectPayload) => true;
+    toggle: (_payload: TTreeTogglePayload) => 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;
+    };
+    nodes: {
+        type: PropType<readonly TTreeNode[]>;
+        required: true;
+    };
+    expandedIds: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
+    selectedId: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    selectedStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectableParents: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onSelect?: ((_payload: Readonly<{
+        node: Readonly<{
+            id: string;
+            label: string;
+            children?: readonly Readonly</*elided*/ any>[];
+            disabled?: boolean;
+            data?: unknown;
+        }>;
+        id: string;
+    }>) => any) | undefined;
+    onToggle?: ((_payload: Readonly<{
+        node: Readonly<{
+            id: string;
+            label: string;
+            children?: readonly Readonly</*elided*/ any>[];
+            disabled?: boolean;
+            data?: unknown;
+        }>;
+        id: string;
+        expanded: boolean;
+    }>) => any) | undefined;
+    "onUpdate:expandedIds"?: ((_ids: string[]) => any) | undefined;
+    "onUpdate:selectedId"?: ((_id: string) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: number;
+    selectedStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    indent: number;
+    disabledStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    expandedIds: readonly string[];
+    selectedId: string;
+    selectableParents: boolean;
+}, {}>;

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

@@ -0,0 +1,344 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+import type { TUserMessageSegment } from "../agent/view-models.js";
+export declare const TUserMessageView: 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;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    prefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    meta: {
+        type: StringConstructor;
+        default: string;
+    };
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    topBlank: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bottomBlank: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    segments: {
+        type: PropType<readonly TUserMessageSegment[]>;
+        default: () => never[];
+    };
+    style: {
+        type: PropType<Style>;
+        default: () => Readonly<{
+            fg?: string;
+            bg?: string;
+            bold?: boolean;
+            dim?: boolean;
+            italic?: boolean;
+            underline?: boolean;
+            inverse?: boolean;
+            href?: string;
+        }>;
+    };
+    headerStyle: {
+        type: PropType<Style>;
+        default: () => Readonly<{
+            fg?: string;
+            bg?: string;
+            bold?: boolean;
+            dim?: boolean;
+            italic?: boolean;
+            underline?: boolean;
+            inverse?: boolean;
+            href?: string;
+        }>;
+    };
+    prefixStyle: {
+        type: PropType<Style>;
+        default: () => Readonly<{
+            fg?: string;
+            bg?: string;
+            bold?: boolean;
+            dim?: boolean;
+            italic?: boolean;
+            underline?: boolean;
+            inverse?: boolean;
+            href?: string;
+        }>;
+    };
+    labelStyle: {
+        type: PropType<Style>;
+        default: () => Readonly<{
+            fg?: string;
+            bg?: string;
+            bold?: boolean;
+            dim?: boolean;
+            italic?: boolean;
+            underline?: boolean;
+            inverse?: boolean;
+            href?: string;
+        }>;
+    };
+    contentStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    segmentStyle: {
+        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, {}, 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;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    prefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    meta: {
+        type: StringConstructor;
+        default: string;
+    };
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    topBlank: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bottomBlank: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    segments: {
+        type: PropType<readonly TUserMessageSegment[]>;
+        default: () => never[];
+    };
+    style: {
+        type: PropType<Style>;
+        default: () => Readonly<{
+            fg?: string;
+            bg?: string;
+            bold?: boolean;
+            dim?: boolean;
+            italic?: boolean;
+            underline?: boolean;
+            inverse?: boolean;
+            href?: string;
+        }>;
+    };
+    headerStyle: {
+        type: PropType<Style>;
+        default: () => Readonly<{
+            fg?: string;
+            bg?: string;
+            bold?: boolean;
+            dim?: boolean;
+            italic?: boolean;
+            underline?: boolean;
+            inverse?: boolean;
+            href?: string;
+        }>;
+    };
+    prefixStyle: {
+        type: PropType<Style>;
+        default: () => Readonly<{
+            fg?: string;
+            bg?: string;
+            bold?: boolean;
+            dim?: boolean;
+            italic?: boolean;
+            underline?: boolean;
+            inverse?: boolean;
+            href?: string;
+        }>;
+    };
+    labelStyle: {
+        type: PropType<Style>;
+        default: () => Readonly<{
+            fg?: string;
+            bg?: string;
+            bold?: boolean;
+            dim?: boolean;
+            italic?: boolean;
+            underline?: boolean;
+            inverse?: boolean;
+            href?: string;
+        }>;
+    };
+    contentStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    segmentStyle: {
+        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<{}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    label: string;
+    meta: string;
+    segments: readonly Readonly<{
+        start: number;
+        end: number;
+        href?: string;
+        style?: Style;
+        meta?: unknown;
+    }>[];
+    h: number;
+    zIndex: number;
+    focusable: boolean;
+    selectable: boolean;
+    contentStyle: 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;
+    }>;
+    prefix: string;
+    indent: number;
+    topBlank: boolean;
+    bottomBlank: boolean;
+    prefixStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    labelStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    segmentStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;

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

@@ -0,0 +1,127 @@
+import type { PropType } from "vue";
+export declare const TView: 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;
+    };
+    scrollX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollY: {
+        type: NumberConstructor;
+        default: number;
+    };
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    selectionScrollBy: {
+        type: PropType<(deltaRows: number) => boolean | void>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "dblclick" | "pointerdown" | "pointerup" | "pointermove" | "pointerenter" | "pointerleave" | "wheel" | "keydown" | "keyup" | "focus" | "blur" | "clickCapture" | "dblclickCapture" | "pointerdownCapture" | "pointerupCapture" | "pointermoveCapture" | "pointerenterCapture" | "pointerleaveCapture" | "wheelCapture" | "keydownCapture" | "keyupCapture" | "focusCapture" | "blurCapture")[], "click" | "dblclick" | "pointerdown" | "pointerup" | "pointermove" | "pointerenter" | "pointerleave" | "wheel" | "keydown" | "keyup" | "focus" | "blur" | "clickCapture" | "dblclickCapture" | "pointerdownCapture" | "pointerupCapture" | "pointermoveCapture" | "pointerenterCapture" | "pointerleaveCapture" | "wheelCapture" | "keydownCapture" | "keyupCapture" | "focusCapture" | "blurCapture", (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;
+    };
+    scrollX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollY: {
+        type: NumberConstructor;
+        default: number;
+    };
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    selectionScrollBy: {
+        type: PropType<(deltaRows: number) => boolean | void>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onPointerenter?: ((...args: any[]) => any) | undefined;
+    onPointerleave?: ((...args: any[]) => any) | undefined;
+    onPointerenterCapture?: ((...args: any[]) => any) | undefined;
+    onPointerleaveCapture?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onDblclick?: ((...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;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClickCapture?: ((...args: any[]) => any) | undefined;
+    onDblclickCapture?: ((...args: any[]) => any) | undefined;
+    onPointerdownCapture?: ((...args: any[]) => any) | undefined;
+    onPointerupCapture?: ((...args: any[]) => any) | undefined;
+    onPointermoveCapture?: ((...args: any[]) => any) | undefined;
+    onWheelCapture?: ((...args: any[]) => any) | undefined;
+    onKeydownCapture?: ((...args: any[]) => any) | undefined;
+    onKeyupCapture?: ((...args: any[]) => any) | undefined;
+    onFocusCapture?: ((...args: any[]) => any) | undefined;
+    onBlurCapture?: ((...args: any[]) => any) | undefined;
+}>, {
+    zIndex: number;
+    focusable: boolean;
+    selectable: boolean;
+    selectionScrollBy: (deltaRows: number) => boolean | void;
+    scrollX: number;
+    scrollY: number;
+    autoFocus: boolean;
+}, {}>;