@simon_he/vue-tui 1.0.1 → 1.1.0

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

@@ -343,8 +343,8 @@ export declare const TSpinner: import("vue").DefineComponent<import("vue").Extra
     label: string;
     w: number;
     zIndex: number;
-    running: boolean;
     frames: readonly string[];
+    running: boolean;
     frameIndex: number;
 }, {}>;
 export declare const TBadge: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

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

@@ -0,0 +1,389 @@
+import type { TFlexAlign, TFlexAlignContent, TFlexDirection, TFlexJustify, TFlexMeasure, TFlexSize } from "../layout/flex.js";
+import type { PropType, VNode } from "vue";
+export type { TFlexAlign, TFlexAlignContent, TFlexDirection, TFlexItemSlotProps, TFlexJustify, TFlexMeasure, TFlexMeasureConstraints, TFlexMeasureResult, TFlexSize, } from "../layout/flex.js";
+export declare const TFlexItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    grow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shrink: {
+        type: NumberConstructor;
+        default: number;
+    };
+    basis: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    w: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    width: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    h: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    height: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    minWidth: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    minHeight: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    maxWidth: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    maxHeight: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    measure: {
+        type: PropType<TFlexMeasure>;
+        default: undefined;
+    };
+    order: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    margin: {
+        type: NumberConstructor;
+        default: number;
+    };
+    marginX: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    marginY: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    marginTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    marginRight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    marginBottom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    marginLeft: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    alignSelf: {
+        type: PropType<TFlexAlign>;
+        default: undefined;
+    };
+}>, () => 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<{
+    grow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shrink: {
+        type: NumberConstructor;
+        default: number;
+    };
+    basis: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    w: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    width: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    h: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    height: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    minWidth: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    minHeight: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    maxWidth: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    maxHeight: {
+        type: PropType<TFlexSize>;
+        default: undefined;
+    };
+    measure: {
+        type: PropType<TFlexMeasure>;
+        default: undefined;
+    };
+    order: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    margin: {
+        type: NumberConstructor;
+        default: number;
+    };
+    marginX: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    marginY: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    marginTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    marginRight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    marginBottom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    marginLeft: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    alignSelf: {
+        type: PropType<TFlexAlign>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    width: TFlexSize;
+    w: TFlexSize;
+    h: TFlexSize;
+    zIndex: number;
+    measure: TFlexMeasure;
+    height: TFlexSize;
+    order: number;
+    minWidth: TFlexSize;
+    maxWidth: TFlexSize;
+    minHeight: TFlexSize;
+    maxHeight: TFlexSize;
+    grow: number;
+    shrink: number;
+    basis: TFlexSize;
+    marginTop: number;
+    marginRight: number;
+    marginBottom: number;
+    marginLeft: number;
+    alignSelf: TFlexAlign;
+    margin: number;
+    marginX: number;
+    marginY: number;
+}, {}>;
+export declare const TFlex: 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;
+    };
+    direction: {
+        type: PropType<TFlexDirection>;
+        default: string;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    rowGap: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    columnGap: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    padding: {
+        type: NumberConstructor;
+        default: number;
+    };
+    paddingX: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    paddingY: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    paddingTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    paddingRight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    paddingBottom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    paddingLeft: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    alignItems: {
+        type: PropType<TFlexAlign>;
+        default: string;
+    };
+    justifyContent: {
+        type: PropType<TFlexJustify>;
+        default: string;
+    };
+    alignContent: {
+        type: PropType<TFlexAlignContent>;
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => 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;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    direction: {
+        type: PropType<TFlexDirection>;
+        default: string;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    rowGap: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    columnGap: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    padding: {
+        type: NumberConstructor;
+        default: number;
+    };
+    paddingX: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    paddingY: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    paddingTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    paddingRight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    paddingBottom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    paddingLeft: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    alignItems: {
+        type: PropType<TFlexAlign>;
+        default: string;
+    };
+    justifyContent: {
+        type: PropType<TFlexJustify>;
+        default: string;
+    };
+    alignContent: {
+        type: PropType<TFlexAlignContent>;
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    zIndex: number;
+    padding: number;
+    wrap: boolean;
+    direction: TFlexDirection;
+    paddingX: number;
+    paddingY: number;
+    gap: number;
+    alignItems: TFlexAlign;
+    justifyContent: TFlexJustify;
+    alignContent: TFlexAlignContent;
+    rowGap: number;
+    columnGap: number;
+    paddingTop: number;
+    paddingRight: number;
+    paddingBottom: number;
+    paddingLeft: number;
+}, {}>;

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

@@ -580,6 +580,7 @@ export declare const TSlider: import("vue").DefineComponent<import("vue").Extrac
     }>;
     disabled: boolean;
     zIndex: number;
+    min: number;
     modelValue: number;
     activeStyle: Readonly<{
         fg?: string;
@@ -601,7 +602,6 @@ export declare const TSlider: import("vue").DefineComponent<import("vue").Extrac
         inverse?: boolean;
         href?: string;
     }>;
-    min: number;
     step: number;
 }, {}>;
 export declare const TFormField: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -745,7 +745,7 @@ export declare const TFormField: import("vue").DefineComponent<import("vue").Ext
     error: string;
     zIndex: number;
     required: boolean;
-    labelStyle: Readonly<{
+    errorStyle: Readonly<{
         fg?: string;
         bg?: string;
         bold?: boolean;
@@ -755,7 +755,7 @@ export declare const TFormField: import("vue").DefineComponent<import("vue").Ext
         inverse?: boolean;
         href?: string;
     }>;
-    helpStyle: Readonly<{
+    labelStyle: Readonly<{
         fg?: string;
         bg?: string;
         bold?: boolean;
@@ -765,7 +765,7 @@ export declare const TFormField: import("vue").DefineComponent<import("vue").Ext
         inverse?: boolean;
         href?: string;
     }>;
-    errorStyle: Readonly<{
+    helpStyle: Readonly<{
         fg?: string;
         bg?: string;
         bold?: boolean;

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

@@ -209,7 +209,7 @@ export declare const TLogSearchBar: import("vue").DefineComponent<import("vue").
     zIndex: number;
     focusable: boolean;
     placeholder: string;
-    inputStyle: Readonly<{
+    errorStyle: Readonly<{
         fg?: string;
         bg?: string;
         bold?: boolean;
@@ -219,7 +219,7 @@ export declare const TLogSearchBar: import("vue").DefineComponent<import("vue").
         inverse?: boolean;
         href?: string;
     }>;
-    activeStyle: Readonly<{
+    inputStyle: Readonly<{
         fg?: string;
         bg?: string;
         bold?: boolean;
@@ -229,7 +229,7 @@ export declare const TLogSearchBar: import("vue").DefineComponent<import("vue").
         inverse?: boolean;
         href?: string;
     }>;
-    errorStyle: Readonly<{
+    activeStyle: Readonly<{
         fg?: string;
         bg?: string;
         bold?: boolean;

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

@@ -128,7 +128,7 @@ export declare const TLogSearchPager: import("vue").DefineComponent<import("vue"
         status: TLogViewSearchState["status"];
         error?: TLogViewSearchError | null;
     }> | null;
-    activeStyle: Readonly<{
+    errorStyle: Readonly<{
         fg?: string;
         bg?: string;
         bold?: boolean;
@@ -138,7 +138,7 @@ export declare const TLogSearchPager: import("vue").DefineComponent<import("vue"
         inverse?: boolean;
         href?: string;
     }>;
-    errorStyle: Readonly<{
+    activeStyle: Readonly<{
         fg?: string;
         bg?: string;
         bold?: boolean;

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

@@ -1,6 +1,8 @@
 import type { PropType } from "vue";
 import type { Style } from "../../core/types.js";
+import type { Rect } from "../../events/manager/types.js";
 import { type TuiMarkdownThemeOverrides } from "../markdown/theme.js";
+import type { TuiMarkdownImageActionPayload, TuiMarkdownImageResolver, TuiMarkdownLinkActionPayload, TuiMarkdownMathActionPayload } from "../markdown/types.js";
 export declare const TMarkdownText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     x: {
         type: NumberConstructor;
@@ -50,9 +52,53 @@ export declare const TMarkdownText: import("vue").DefineComponent<import("vue").
         type: PropType<TuiMarkdownThemeOverrides>;
         default: undefined;
     };
+    imageRenderer: {
+        type: PropType<TuiMarkdownImageResolver>;
+        default: undefined;
+    };
+    imageMinWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imageMaxWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imageMinHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imageMaxHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imagePreserveAspectRatio: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mathActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    linkActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageOcclusionRects: {
+        type: PropType<readonly Rect[]>;
+        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<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    imageAction: (_payload: TuiMarkdownImageActionPayload) => true;
+    mathAction: (_payload: TuiMarkdownMathActionPayload) => true;
+    linkAction: (_payload: TuiMarkdownLinkActionPayload) => true;
+}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
     x: {
         type: NumberConstructor;
         required: true;
@@ -101,7 +147,104 @@ export declare const TMarkdownText: import("vue").DefineComponent<import("vue").
         type: PropType<TuiMarkdownThemeOverrides>;
         default: undefined;
     };
-}>> & Readonly<{}>, {
+    imageRenderer: {
+        type: PropType<TuiMarkdownImageResolver>;
+        default: undefined;
+    };
+    imageMinWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imageMaxWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imageMinHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imageMaxHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imagePreserveAspectRatio: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mathActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    linkActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageOcclusionRects: {
+        type: PropType<readonly Rect[]>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onMathAction?: ((_payload: Readonly<{
+        math: Readonly<{
+            source: string;
+            raw: string;
+            rendered: boolean;
+        }>;
+        rect: Readonly<{
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+        }>;
+        cellX: number;
+        cellY: number;
+        rowIndex: number;
+        segmentIndex: number;
+    }>) => any) | undefined;
+    onImageAction?: ((_payload: Readonly<{
+        image: Readonly<{
+            kind: "image";
+            src: string;
+            alt?: string;
+            mime?: string;
+            base64?: string;
+            originalBase64?: string;
+            originalMime?: string;
+            naturalWidth?: number;
+            naturalHeight?: number;
+            displayWidth?: number;
+            displayHeight?: number;
+        }>;
+        rect: Readonly<{
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+        }>;
+        cellX: number;
+        cellY: number;
+        rowIndex: number;
+        segmentIndex: number;
+    }>) => any) | undefined;
+    onLinkAction?: ((_payload: Readonly<{
+        href: string;
+        text: string;
+        rect: Readonly<{
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+        }>;
+        cellX: number;
+        cellY: number;
+        rowIndex: number;
+        segmentIndex: number;
+    }>) => any) | undefined;
+}>, {
     style: Readonly<{
         fg?: string;
         bg?: string;
@@ -115,8 +258,9 @@ export declare const TMarkdownText: import("vue").DefineComponent<import("vue").
     h: number;
     zIndex: number;
     clear: boolean;
-    customHtmlTags: readonly string[];
     final: boolean;
+    streaming: boolean;
+    customHtmlTags: readonly string[];
     theme: Readonly<Partial<{
         heading: readonly Partial<Style>[];
         strong: Partial<Style>;
@@ -130,5 +274,19 @@ export declare const TMarkdownText: import("vue").DefineComponent<import("vue").
         thematicBreak: Partial<Style>;
         html: Partial<Style>;
     }>>;
-    streaming: boolean;
+    imageRenderer: TuiMarkdownImageResolver;
+    imageMinWidth: number;
+    imageMaxWidth: number;
+    imageMinHeight: number;
+    imageMaxHeight: number;
+    imagePreserveAspectRatio: boolean;
+    imageActions: boolean;
+    mathActions: boolean;
+    linkActions: boolean;
+    imageOcclusionRects: readonly Readonly<{
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }>[];
 }, {}>;