@simon_he/vue-tui 0.0.8 → 1.0.0

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

@@ -0,0 +1,384 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+export type TToolCallStatus = "pending" | "running" | "success" | "error" | "warning" | "neutral";
+export type TToolCallViewSegmentRole = "marker" | "status" | "separator" | "title" | "suffix" | "preview-prefix" | "preview";
+export type TToolCallViewSegment = Readonly<{
+    role: TToolCallViewSegmentRole;
+    x: number;
+    text: string;
+    cells: number;
+    style: Style;
+}>;
+export type TToolCallViewStyles = Readonly<{
+    base: Style;
+    header: Style;
+    marker: Style;
+    status: Style;
+    title: Style;
+    suffix: Style;
+    preview: Style;
+}>;
+export type TToolCallViewSlotProps = Readonly<{
+    x: number;
+    y: number;
+    w: number;
+    collapsed: boolean;
+    nested: boolean;
+    selected: boolean;
+    status: TToolCallStatus;
+    marker: string;
+    statusDot: string;
+    title: string;
+    suffix: string;
+    preview: string;
+    previewPrefix: string;
+    segments: readonly TToolCallViewSegment[];
+    styles: TToolCallViewStyles;
+}>;
+export declare const TToolCallView: 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;
+        required: true;
+    };
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    status: {
+        type: PropType<TToolCallStatus>;
+        default: string;
+    };
+    suffix: {
+        type: StringConstructor;
+        default: string;
+    };
+    preview: {
+        type: StringConstructor;
+        default: string;
+    };
+    nested: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    markerCollapsed: {
+        type: StringConstructor;
+        default: string;
+    };
+    markerExpanded: {
+        type: StringConstructor;
+        default: string;
+    };
+    statusDot: {
+        type: StringConstructor;
+        default: string;
+    };
+    previewPrefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    mutedStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    headerStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    collapsedStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    expandedStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    markerStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    statusStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    titleStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    suffixStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    previewStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    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;
+        required: true;
+    };
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    status: {
+        type: PropType<TToolCallStatus>;
+        default: string;
+    };
+    suffix: {
+        type: StringConstructor;
+        default: string;
+    };
+    preview: {
+        type: StringConstructor;
+        default: string;
+    };
+    nested: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    markerCollapsed: {
+        type: StringConstructor;
+        default: string;
+    };
+    markerExpanded: {
+        type: StringConstructor;
+        default: string;
+    };
+    statusDot: {
+        type: StringConstructor;
+        default: string;
+    };
+    previewPrefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    mutedStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    headerStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    collapsedStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    expandedStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    markerStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    statusStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    titleStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    suffixStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    previewStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    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;
+    }>;
+    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;
+    }>;
+    status: TToolCallStatus;
+    suffix: string;
+    preview: string;
+    collapsed: boolean;
+    nested: boolean;
+    selected: boolean;
+    markerCollapsed: string;
+    markerExpanded: string;
+    statusDot: string;
+    previewPrefix: string;
+    mutedStyle: 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;
+    }>;
+    collapsedStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    expandedStyle: 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;
+    }>;
+    statusStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    suffixStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    previewStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;

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

@@ -0,0 +1,221 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+import type { TTranscriptDataSource } from "../transcript/types.js";
+type RowScrollMode = "off" | "unsafe-full-row";
+export declare const TTranscriptView: 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;
+    };
+    source: {
+        type: PropType<TTranscriptDataSource>;
+        required: true;
+    };
+    version: {
+        type: NumberConstructor;
+        required: true;
+    };
+    scrollTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultScrollTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autoStickToBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    hoverStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    focusStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wheelScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboardRegions: {
+        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, ("scroll" | "update:scrollTop" | "rowClick" | "actionClick" | "linkClick" | "foldToggle" | "toolClick" | "hoverRegion")[], "scroll" | "update:scrollTop" | "rowClick" | "actionClick" | "linkClick" | "foldToggle" | "toolClick" | "hoverRegion", (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;
+    };
+    source: {
+        type: PropType<TTranscriptDataSource>;
+        required: true;
+    };
+    version: {
+        type: NumberConstructor;
+        required: true;
+    };
+    scrollTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultScrollTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autoStickToBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    hoverStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    focusStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wheelScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboardRegions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowScrollMode: {
+        type: PropType<RowScrollMode>;
+        default: string;
+    };
+}>> & Readonly<{
+    onLinkClick?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((...args: any[]) => any) | undefined;
+    "onUpdate:scrollTop"?: ((...args: any[]) => any) | undefined;
+    onRowClick?: ((...args: any[]) => any) | undefined;
+    onActionClick?: ((...args: any[]) => any) | undefined;
+    onFoldToggle?: ((...args: any[]) => any) | undefined;
+    onToolClick?: ((...args: any[]) => any) | undefined;
+    onHoverRegion?: ((...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;
+    wrap: boolean;
+    autoFocus: boolean;
+    rowScrollMode: RowScrollMode;
+    scrollTop: number;
+    wheelScroll: boolean;
+    hoverStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    focusStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    defaultScrollTop: number;
+    autoStickToBottom: boolean;
+    keyboardRegions: boolean;
+}, {}>;
+export {};

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

@@ -0,0 +1,83 @@
+import type { PropType } from "vue";
+type TransitionHook = (ctx: {
+    phase: "enter" | "leave";
+    progress: number;
+}) => void | Promise<void>;
+export declare const TTransition: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    show: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    beforeEnter: {
+        type: PropType<TransitionHook>;
+        default: undefined;
+    };
+    enter: {
+        type: PropType<TransitionHook>;
+        default: undefined;
+    };
+    afterEnter: {
+        type: PropType<TransitionHook>;
+        default: undefined;
+    };
+    beforeLeave: {
+        type: PropType<TransitionHook>;
+        default: undefined;
+    };
+    leave: {
+        type: PropType<TransitionHook>;
+        default: undefined;
+    };
+    afterLeave: {
+        type: PropType<TransitionHook>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    show: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    beforeEnter: {
+        type: PropType<TransitionHook>;
+        default: undefined;
+    };
+    enter: {
+        type: PropType<TransitionHook>;
+        default: undefined;
+    };
+    afterEnter: {
+        type: PropType<TransitionHook>;
+        default: undefined;
+    };
+    beforeLeave: {
+        type: PropType<TransitionHook>;
+        default: undefined;
+    };
+    leave: {
+        type: PropType<TransitionHook>;
+        default: undefined;
+    };
+    afterLeave: {
+        type: PropType<TransitionHook>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    enter: TransitionHook;
+    leave: TransitionHook;
+    duration: number;
+    beforeEnter: TransitionHook;
+    afterEnter: TransitionHook;
+    beforeLeave: TransitionHook;
+    afterLeave: TransitionHook;
+}, {}>;
+export {};