@simon_he/vue-tui 0.0.7 → 1.0.0-rc.0

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

@@ -0,0 +1,215 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+type TextHighlightRange = Readonly<{
+    start: number;
+    end: number;
+}>;
+type TextAccentSegment = Readonly<{
+    start: number;
+    end: number;
+    style?: Style;
+    highlightStyle?: Style;
+}>;
+export type SelectOptionWithStyle = Readonly<{
+    kind?: "separator";
+    label: string;
+    detail?: string;
+    style?: Style;
+    highlightStyle?: Style;
+    detailStyle?: Style;
+    highlightDetailStyle?: Style;
+    labelHighlightRanges?: readonly TextHighlightRange[];
+    detailHighlightRanges?: readonly TextHighlightRange[];
+    labelAccentRanges?: readonly TextHighlightRange[];
+    detailAccentRanges?: readonly TextHighlightRange[];
+    detailAccentSegments?: readonly TextAccentSegment[];
+    accentStyle?: Style;
+    highlightAccentStyle?: Style;
+}>;
+export type SelectOption = string | SelectOptionWithStyle;
+export type TSelectMultipleChangePayload = Readonly<{
+    indices: number[];
+    values: string[];
+}>;
+export type TSelectMultipleEmitMode = "value" | "index" | "both";
+export declare const TSelect: 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;
+    };
+    options: {
+        type: PropType<SelectOption[]>;
+        required: true;
+    };
+    modelValue: {
+        type: PropType<number | number[]>;
+        default: number;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multipleEmit: {
+        type: PropType<TSelectMultipleEmitMode>;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    highlightStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    matchStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    highlightMatchStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "keydown" | "blur" | "change" | "focus" | "update:modelValue" | "confirm")[], "close" | "keydown" | "blur" | "change" | "focus" | "update:modelValue" | "confirm", (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;
+    };
+    options: {
+        type: PropType<SelectOption[]>;
+        required: true;
+    };
+    modelValue: {
+        type: PropType<number | number[]>;
+        default: number;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multipleEmit: {
+        type: PropType<TSelectMultipleEmitMode>;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    highlightStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    matchStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    highlightMatchStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: number;
+    modelValue: number | number[];
+    autoFocus: boolean;
+    matchStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    closeOnBlur: boolean;
+    highlightStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    multiple: boolean;
+    multipleEmit: TSelectMultipleEmitMode;
+    highlightMatchStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;
+export {};

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<{}>, {
+    h: number;
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    w: number;
+    zIndex: number;
+    clear: boolean;
+    wrap: boolean;
+    depsKey: any;
+}, {}>;

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 {};

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, ("keydown" | "keyup" | "pointerdown" | "pointerup" | "pointermove" | "click" | "dblclick" | "wheel" | "blur" | "focus" | "pointerenter" | "pointerleave" | "clickCapture" | "dblclickCapture" | "pointerdownCapture" | "pointerupCapture" | "pointermoveCapture" | "pointerenterCapture" | "pointerleaveCapture" | "wheelCapture" | "keydownCapture" | "keyupCapture" | "focusCapture" | "blurCapture")[], "keydown" | "keyup" | "pointerdown" | "pointerup" | "pointermove" | "click" | "dblclick" | "wheel" | "blur" | "focus" | "pointerenter" | "pointerleave" | "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<{
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onPointerdown?: ((...args: any[]) => any) | undefined;
+    onPointerup?: ((...args: any[]) => any) | undefined;
+    onPointermove?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onDblclick?: ((...args: any[]) => any) | undefined;
+    onWheel?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onPointerenter?: ((...args: any[]) => any) | undefined;
+    onPointerleave?: ((...args: any[]) => any) | undefined;
+    onPointerenterCapture?: ((...args: any[]) => any) | undefined;
+    onPointerleaveCapture?: ((...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;
+    autoFocus: boolean;
+    scrollX: number;
+    scrollY: number;
+}, {}>;