@simon_he/vue-tui 0.0.8 → 1.0.0

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

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

@@ -0,0 +1,244 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+export type TTabsItem = Readonly<{
+    key: string;
+    label: string;
+    badge?: string | number;
+    disabled?: boolean;
+}>;
+export declare const TTabs: 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 TTabsItem[]>;
+        required: true;
+    };
+    activeKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    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").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:activeKey": (_key: string) => true;
+    change: (_item: TTabsItem) => 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 TTabsItem[]>;
+        required: true;
+    };
+    activeKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>> & Readonly<{
+    onChange?: ((_item: Readonly<{
+        key: string;
+        label: string;
+        badge?: string | number;
+        disabled?: boolean;
+    }>) => any) | undefined;
+    "onUpdate:activeKey"?: ((_key: string) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: 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;
+    }>;
+}, {}>;
+export type TSplitPaneDirection = "horizontal" | "vertical";
+export type TSplitPaneRect = Readonly<{
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}>;
+export declare const TSplitPane: 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;
+    };
+    direction: {
+        type: PropType<TSplitPaneDirection>;
+        default: string;
+    };
+    sizes: {
+        type: PropType<readonly number[]>;
+        required: true;
+    };
+    minSizes: {
+        type: PropType<readonly number[]>;
+        default: () => never[];
+    };
+    separatorStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:sizes": (_sizes: number[]) => true;
+    resize: (_sizes: number[]) => 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;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    direction: {
+        type: PropType<TSplitPaneDirection>;
+        default: string;
+    };
+    sizes: {
+        type: PropType<readonly number[]>;
+        required: true;
+    };
+    minSizes: {
+        type: PropType<readonly number[]>;
+        default: () => never[];
+    };
+    separatorStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>> & Readonly<{
+    onResize?: ((_sizes: number[]) => any) | undefined;
+    "onUpdate:sizes"?: ((_sizes: number[]) => any) | undefined;
+}>, {
+    zIndex: number;
+    direction: TSplitPaneDirection;
+    minSizes: readonly number[];
+    separatorStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;