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

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

@@ -0,0 +1,324 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+export type TBreadcrumbItem = Readonly<{
+    id: string;
+    label: string;
+    disabled?: boolean;
+}>;
+export type TBreadcrumbSelectPayload = Readonly<{
+    item: TBreadcrumbItem;
+    index: number;
+}>;
+export declare const TKeyHint: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    combo: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    comboStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+}>, () => 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;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    combo: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    comboStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+}>> & Readonly<{}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    w: number;
+    zIndex: number;
+    comboStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;
+export declare const TBreadcrumb: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    items: {
+        type: PropType<readonly TBreadcrumbItem[]>;
+        required: true;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            bold: boolean;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (_payload: TBreadcrumbSelectPayload) => 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;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    items: {
+        type: PropType<readonly TBreadcrumbItem[]>;
+        required: true;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            bold: boolean;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>> & Readonly<{
+    onSelect?: ((_payload: Readonly<{
+        item: Readonly<{
+            id: string;
+            label: string;
+            disabled?: boolean;
+        }>;
+        index: number;
+    }>) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: number;
+    separator: string;
+    activeStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    disabledStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;
+export declare const TStatusBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    left: {
+        type: StringConstructor;
+        default: string;
+    };
+    center: {
+        type: StringConstructor;
+        default: string;
+    };
+    right: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+}>, () => 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;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    left: {
+        type: StringConstructor;
+        default: string;
+    };
+    center: {
+        type: StringConstructor;
+        default: string;
+    };
+    right: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+}>> & Readonly<{}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: number;
+    center: string;
+    left: string;
+    right: string;
+}, {}>;

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

@@ -0,0 +1,366 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+export type TContextMenuItem = Readonly<{
+    id: string;
+    label: string;
+    disabled?: boolean;
+    shortcut?: string;
+    data?: unknown;
+}>;
+export type TContextMenuSelectPayload = Readonly<{
+    item: TContextMenuItem;
+    index: number;
+}>;
+export declare const TContextMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    /** Caller-owned x position; no viewport clamp or flip placement is applied. */
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** Caller-owned y position; no viewport clamp or flip placement is applied. */
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    items: {
+        type: PropType<readonly TContextMenuItem[]>;
+        required: true;
+    };
+    selectedIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    closeOnOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (_value: boolean) => true;
+    "update:selectedIndex": (_index: number) => true;
+    select: (_payload: TContextMenuSelectPayload) => true;
+    close: () => true;
+}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    /** Caller-owned x position; no viewport clamp or flip placement is applied. */
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** Caller-owned y position; no viewport clamp or flip placement is applied. */
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    items: {
+        type: PropType<readonly TContextMenuItem[]>;
+        required: true;
+    };
+    selectedIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    closeOnOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>> & Readonly<{
+    onSelect?: ((_payload: Readonly<{
+        item: Readonly<{
+            id: string;
+            label: string;
+            disabled?: boolean;
+            shortcut?: string;
+            data?: unknown;
+        }>;
+        index: number;
+    }>) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
+    "onUpdate:selectedIndex"?: ((_index: number) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    w: number;
+    zIndex: number;
+    selectedIndex: number;
+    activeStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    disabledStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    closeOnOutside: boolean;
+}, {}>;
+export declare const TPopover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    /** Caller-owned x position; no viewport clamp or flip placement is applied. */
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** Caller-owned y position; no viewport clamp or flip placement is applied. */
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    contentStyle: {
+        type: PropType<Style>;
+        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<{
+    modelValue: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    /** Caller-owned x position; no viewport clamp or flip placement is applied. */
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** Caller-owned y position; no viewport clamp or flip placement is applied. */
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    contentStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    title: string;
+    zIndex: number;
+    contentStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    content: string;
+}, {}>;
+export declare const TTooltip: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    style: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+}>, () => 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<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    style: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+}>> & Readonly<{}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    w: number;
+    zIndex: number;
+    modelValue: boolean;
+}, {}>;