@simon_he/vue-tui 0.0.8 → 1.0.0

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

@@ -0,0 +1,213 @@
+import type { PropType } from "vue";
+import type { PathPickerProvider } from "../../core/path-provider-types.js";
+import type { PathPickMode } from "../../core/path-suggest.js";
+import type { Style } from "../../core/types.js";
+export declare const TPathPicker: 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;
+    };
+    workspace: {
+        type: StringConstructor;
+        required: true;
+    };
+    mode: {
+        type: PropType<PathPickMode>;
+        default: string;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    inputStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    matchStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxSuggestions: {
+        type: NumberConstructor;
+        default: number;
+    };
+    provider: {
+        type: PropType<PathPickerProvider>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "focus" | "blur" | "select" | "invalid" | "update:modelValue")[], "keydown" | "focus" | "blur" | "select" | "invalid" | "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;
+    };
+    workspace: {
+        type: StringConstructor;
+        required: true;
+    };
+    mode: {
+        type: PropType<PathPickMode>;
+        default: string;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    inputStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    matchStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxSuggestions: {
+        type: NumberConstructor;
+        default: number;
+    };
+    provider: {
+        type: PropType<PathPickerProvider>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onInvalid?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    mode: PathPickMode;
+    showHidden: boolean;
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: number;
+    autoFocus: boolean;
+    placeholder: string;
+    matchStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    provider: Readonly<{
+        listDir: (absDir: string) => Promise<import("../../cli.js").FsDirEntry[]>;
+        stat: (absPath: string) => Promise<import("../../cli.js").FsStat>;
+        suggest?: (info: Readonly<{
+            workspaceAbs: string;
+            input: string;
+            mode: PathPickMode;
+            max: number;
+            showHidden?: boolean;
+            maxDepth?: number;
+            gitignore?: "blocking" | "nonBlocking";
+        }>) => Promise<import("../../cli.js").SuggestPathsResult>;
+        resolvePath?: (workspaceAbs: string, input: string) => string | Promise<string>;
+    }>;
+    inputStyle: 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;
+    }>;
+    maxSuggestions: number;
+}, {}>;

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

@@ -0,0 +1,16 @@
+import type { PropType } from "vue";
+export declare const TRenderLayer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    zIndex: {
+        type: PropType<number>;
+        default: number;
+    };
+}>, () => 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<{
+    zIndex: {
+        type: PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    zIndex: number;
+}, {}>;

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

@@ -0,0 +1,17 @@
+import type { PropType } from "vue";
+import type { TerminalRenderPlane } from "../../core/render-plane.js";
+export declare const TRenderPlane: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    plane: {
+        type: PropType<TerminalRenderPlane>;
+        default: string;
+    };
+}>, () => 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<{
+    plane: {
+        type: PropType<TerminalRenderPlane>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    plane: "default" | "transcript" | "chrome" | "overlay";
+}, {}>;

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

@@ -0,0 +1,335 @@
+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?: "option" | "separator" | "group";
+    label: string;
+    value?: unknown;
+    disabled?: boolean;
+    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[];
+    labels: string[];
+    values: unknown[];
+}>;
+export type TSelectMultipleEmitMode = "label" | "value" | "index" | "both";
+export type TSelectModelValue = unknown;
+export type TSelectValueMode = "index" | "value" | "option";
+export type TSelectOptionProvider = (query: string, ctx: {
+    signal: AbortSignal;
+}) => Promise<readonly SelectOption[]>;
+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<readonly SelectOption[]>;
+        default: () => never[];
+    };
+    optionProvider: {
+        type: PropType<TSelectOptionProvider>;
+        default: undefined;
+    };
+    query: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<TSelectModelValue>;
+        default: TSelectModelValue;
+    };
+    valueMode: {
+        type: PropType<TSelectValueMode>;
+        default: string;
+    };
+    activeIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    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;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    typeahead: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorText: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxVisible: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "focus" | "blur" | "change" | "close" | "update:modelValue" | "confirm" | "update:activeIndex" | "update:query" | "loadError")[], "keydown" | "focus" | "blur" | "change" | "close" | "update:modelValue" | "confirm" | "update:activeIndex" | "update:query" | "loadError", (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<readonly SelectOption[]>;
+        default: () => never[];
+    };
+    optionProvider: {
+        type: PropType<TSelectOptionProvider>;
+        default: undefined;
+    };
+    query: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<TSelectModelValue>;
+        default: TSelectModelValue;
+    };
+    valueMode: {
+        type: PropType<TSelectValueMode>;
+        default: string;
+    };
+    activeIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    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;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    typeahead: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorText: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxVisible: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>> & 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;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:activeIndex"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:query"?: ((...args: any[]) => any) | undefined;
+    onLoadError?: ((...args: any[]) => any) | undefined;
+}>, {
+    query: string;
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: number;
+    autoFocus: boolean;
+    modelValue: unknown;
+    closeOnBlur: boolean;
+    highlightStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    options: readonly SelectOption[];
+    optionProvider: TSelectOptionProvider;
+    valueMode: TSelectValueMode;
+    activeIndex: number;
+    multiple: boolean;
+    multipleEmit: TSelectMultipleEmitMode;
+    matchStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    highlightMatchStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    searchable: boolean;
+    typeahead: boolean;
+    debounce: number;
+    emptyText: string;
+    loading: boolean;
+    loadingText: string;
+    errorText: string;
+    maxVisible: number;
+}, {}>;
+export {};