@simon_he/vue-tui 0.0.8 → 1.0.0

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

@@ -0,0 +1,165 @@
+import type { PropType } from "vue";
+import type { AnsiColorName, Style } from "../../core/types.js";
+export type JsonLintStatus = Readonly<{
+    state: "idle" | "success" | "error";
+    message?: string;
+    line?: number;
+    column?: number;
+}>;
+export declare function lintJsonText(input: string): JsonLintStatus;
+export declare function computeJsonIndentGuideDepths(input: string): number[];
+export declare const TJsonEditor: 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: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    showIndentGuides: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indentSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    guideColors: {
+        type: PropType<readonly AnsiColorName[]>;
+        default: () => ("redBright" | "greenBright" | "yellowBright" | "blueBright" | "magentaBright" | "cyanBright")[];
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cursorToEndOnFirstFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cursorToEndOnExternalUpdate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitOnEnter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "focus" | "blur" | "update:modelValue" | "validationError" | "undo" | "redo" | "lintChange")[], "keydown" | "focus" | "blur" | "update:modelValue" | "validationError" | "undo" | "redo" | "lintChange", (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: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    showIndentGuides: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indentSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    guideColors: {
+        type: PropType<readonly AnsiColorName[]>;
+        default: () => ("redBright" | "greenBright" | "yellowBright" | "blueBright" | "magentaBright" | "cyanBright")[];
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cursorToEndOnFirstFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cursorToEndOnExternalUpdate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitOnEnter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onValidationError?: ((...args: any[]) => any) | undefined;
+    onUndo?: ((...args: any[]) => any) | undefined;
+    onRedo?: ((...args: any[]) => any) | undefined;
+    onLintChange?: ((...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;
+    autoFocus: boolean;
+    cursorToEndOnExternalUpdate: boolean;
+    cursorToEndOnFirstFocus: boolean;
+    placeholder: string;
+    submitOnEnter: boolean;
+    showIndentGuides: boolean;
+    indentSize: number;
+    guideColors: readonly AnsiColorName[];
+}, {}>;

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

@@ -0,0 +1,239 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+import type { TerminalBaseEvent, TerminalKeyboardEvent, TerminalPointerEvent } from "../../events/manager/types.js";
+export type TLinkOpenMode = "native" | "host" | "event" | "none";
+export type TLinkModifierClick = "none" | "ctrl" | "meta" | "ctrlOrMeta";
+export type TLinkActivationSource = "click" | "key";
+export type TLinkActivatePayload = Readonly<{
+    href: string;
+    label: string;
+    source: TLinkActivationSource;
+}>;
+export type TLinkOpenPayload = Readonly<{
+    href: string;
+    label: string;
+    source: "click" | "key";
+}>;
+export type TLinkInvalidHrefPayload = Readonly<{
+    href: string;
+    reason: string;
+}>;
+export declare const TLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    h: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    href: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    hoverStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    focusStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visited: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    openMode: {
+        type: PropType<TLinkOpenMode>;
+        default: string;
+    };
+    activationKeys: {
+        type: PropType<readonly string[]>;
+        default: () => readonly string[];
+    };
+    modifierClick: {
+        type: PropType<TLinkModifierClick>;
+        default: string;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    activate: (_payload: TLinkActivatePayload) => true;
+    open: (_payload: TLinkOpenPayload) => true;
+    invalidHref: (_payload: TLinkInvalidHrefPayload) => true;
+    click: (_event: TerminalPointerEvent) => true;
+    keydown: (_event: TerminalKeyboardEvent) => true;
+    focus: (_event: TerminalBaseEvent) => true;
+    blur: (_event: TerminalBaseEvent) => 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;
+        default: undefined;
+    };
+    h: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    href: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    hoverStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    focusStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visited: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    openMode: {
+        type: PropType<TLinkOpenMode>;
+        default: string;
+    };
+    activationKeys: {
+        type: PropType<readonly string[]>;
+        default: () => readonly string[];
+    };
+    modifierClick: {
+        type: PropType<TLinkModifierClick>;
+        default: string;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((_event: TerminalPointerEvent) => any) | undefined;
+    onKeydown?: ((_event: TerminalKeyboardEvent) => any) | undefined;
+    onFocus?: ((_event: TerminalBaseEvent) => any) | undefined;
+    onBlur?: ((_event: TerminalBaseEvent) => any) | undefined;
+    onOpen?: ((_payload: Readonly<{
+        href: string;
+        label: string;
+        source: "click" | "key";
+    }>) => any) | undefined;
+    onActivate?: ((_payload: Readonly<{
+        href: string;
+        label: string;
+        source: TLinkActivationSource;
+    }>) => any) | undefined;
+    onInvalidHref?: ((_payload: Readonly<{
+        href: string;
+        reason: string;
+    }>) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    disabled: boolean;
+    label: string;
+    w: number;
+    h: number;
+    zIndex: number;
+    autoFocus: boolean;
+    activeStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    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;
+    }>;
+    visited: boolean;
+    openMode: TLinkOpenMode;
+    activationKeys: readonly string[];
+    modifierClick: TLinkModifierClick;
+}, {}>;

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

@@ -0,0 +1,141 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+import type { TLinkifyProtocol } from "../linkify.js";
+export declare const TLinkifyText: 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;
+    };
+    linkStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    clear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    protocols: {
+        type: PropType<readonly TLinkifyProtocol[]>;
+        default: undefined;
+    };
+    allowRelative: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxUrlLength: {
+        type: NumberConstructor;
+        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;
+    };
+    linkStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    clear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    protocols: {
+        type: PropType<readonly TLinkifyProtocol[]>;
+        default: undefined;
+    };
+    allowRelative: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxUrlLength: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    allowRelative: boolean;
+    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;
+    protocols: readonly TLinkifyProtocol[];
+    maxUrlLength: number;
+    linkStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;

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

@@ -0,0 +1,119 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+export declare const TList: 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;
+    };
+    items: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    itemVersion: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    style: {
+        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, ("keydown" | "focus" | "blur" | "change" | "close" | "scroll" | "update:modelValue")[], "keydown" | "focus" | "blur" | "change" | "close" | "scroll" | "update:modelValue", (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;
+    };
+    items: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    itemVersion: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: number;
+    autoFocus: boolean;
+    modelValue: number;
+    closeOnBlur: boolean;
+    itemVersion: number;
+}, {}>;