@creatorsn/vfluent3 0.3.51 → 0.3.52

package/dist/types/packages/color-picker/index.d.ts

@@ -7,9 +7,13 @@ export declare const FvColorPicker: import("../../types/plugins/component-plugin
             readonly disabled?: boolean | undefined;
             readonly lang?: string | undefined;
             readonly foreground?: string | undefined;
+            readonly showValueSlider?: boolean | undefined;
+            readonly showSaturationSlider?: boolean | undefined;
+            readonly showAlphaSlider?: boolean | undefined;
+            readonly hideFields?: boolean | undefined;
             readonly modelValue?: string | undefined;
         };
-        $emit: (event: "update:modelValue", ...args: any[]) => void;
+        $emit: (event: "update:modelValue" | "color-info", ...args: any[]) => void;
     }, {
         colorModeOptions: {
             key: string;
@@ -52,6 +56,7 @@ export declare const FvColorPicker: import("../../types/plugins/component-plugin
     }, {
         $theme(): string;
         computedColorPickerClass(): string[];
+        hasVisibleControls(): any;
         computedColorPickerStyle(): {
             '--fv-color-picker--color-list': string;
             '--fv-color-picker--color': string;
@@ -103,6 +108,22 @@ export declare const FvColorPicker: import("../../types/plugins/component-plugin
         withSyncLock(task: any): void;
         syncRGBFields(clr: any): void;
         syncText(clr: any, emit?: boolean): void;
+        buildColorInfo(clr: any): {
+            hex: any;
+            rgba: {
+                r: any;
+                g: any;
+                b: any;
+                a: number;
+            };
+            hsla: {
+                h: number;
+                s: number;
+                l: number;
+                a: number;
+            };
+        };
+        emitColorChange(clr: any): void;
         syncStateFields(clr: any): void;
         syncPointerFromState(): void;
         syncValueSliderFromState(): void;
@@ -141,9 +162,13 @@ export declare const FvColorPicker: import("../../types/plugins/component-plugin
             readonly disabled?: boolean | undefined;
             readonly lang?: string | undefined;
             readonly foreground?: string | undefined;
+            readonly showValueSlider?: boolean | undefined;
+            readonly showSaturationSlider?: boolean | undefined;
+            readonly showAlphaSlider?: boolean | undefined;
+            readonly hideFields?: boolean | undefined;
             readonly modelValue?: string | undefined;
         };
-        $emit: (event: "update:modelValue", ...args: any[]) => void;
+        $emit: (event: "update:modelValue" | "color-info", ...args: any[]) => void;
     }, {
         colorModeOptions: {
             key: string;
@@ -186,6 +211,7 @@ export declare const FvColorPicker: import("../../types/plugins/component-plugin
     }, {
         $theme(): string;
         computedColorPickerClass(): string[];
+        hasVisibleControls(): any;
         computedColorPickerStyle(): {
             '--fv-color-picker--color-list': string;
             '--fv-color-picker--color': string;
@@ -237,6 +263,22 @@ export declare const FvColorPicker: import("../../types/plugins/component-plugin
         withSyncLock(task: any): void;
         syncRGBFields(clr: any): void;
         syncText(clr: any, emit?: boolean): void;
+        buildColorInfo(clr: any): {
+            hex: any;
+            rgba: {
+                r: any;
+                g: any;
+                b: any;
+                a: number;
+            };
+            hsla: {
+                h: number;
+                s: number;
+                l: number;
+                a: number;
+            };
+        };
+        emitColorChange(clr: any): void;
         syncStateFields(clr: any): void;
         syncPointerFromState(): void;
         syncValueSliderFromState(): void;
@@ -272,9 +314,13 @@ export declare const FvColorPicker: import("../../types/plugins/component-plugin
         readonly disabled?: boolean | undefined;
         readonly lang?: string | undefined;
         readonly foreground?: string | undefined;
+        readonly showValueSlider?: boolean | undefined;
+        readonly showSaturationSlider?: boolean | undefined;
+        readonly showAlphaSlider?: boolean | undefined;
+        readonly hideFields?: boolean | undefined;
         readonly modelValue?: string | undefined;
     };
-    $emit: (event: "update:modelValue", ...args: any[]) => void;
+    $emit: (event: "update:modelValue" | "color-info", ...args: any[]) => void;
 }, {
     colorModeOptions: {
         key: string;
@@ -317,6 +363,7 @@ export declare const FvColorPicker: import("../../types/plugins/component-plugin
 }, {
     $theme(): string;
     computedColorPickerClass(): string[];
+    hasVisibleControls(): any;
     computedColorPickerStyle(): {
         '--fv-color-picker--color-list': string;
         '--fv-color-picker--color': string;
@@ -368,6 +415,22 @@ export declare const FvColorPicker: import("../../types/plugins/component-plugin
     withSyncLock(task: any): void;
     syncRGBFields(clr: any): void;
     syncText(clr: any, emit?: boolean): void;
+    buildColorInfo(clr: any): {
+        hex: any;
+        rgba: {
+            r: any;
+            g: any;
+            b: any;
+            a: number;
+        };
+        hsla: {
+            h: number;
+            s: number;
+            l: number;
+            a: number;
+        };
+    };
+    emitColorChange(clr: any): void;
     syncStateFields(clr: any): void;
     syncPointerFromState(): void;
     syncValueSliderFromState(): void;

package/dist/types/packages/color-picker/source/index.vue.d.ts

@@ -6,9 +6,13 @@ declare const _default: {
             readonly disabled?: boolean | undefined;
             readonly lang?: string | undefined;
             readonly foreground?: string | undefined;
+            readonly showValueSlider?: boolean | undefined;
+            readonly showSaturationSlider?: boolean | undefined;
+            readonly showAlphaSlider?: boolean | undefined;
+            readonly hideFields?: boolean | undefined;
             readonly modelValue?: string | undefined;
         };
-        $emit: (event: "update:modelValue", ...args: any[]) => void;
+        $emit: (event: "update:modelValue" | "color-info", ...args: any[]) => void;
     }, {
         colorModeOptions: {
             key: string;
@@ -51,6 +55,7 @@ declare const _default: {
     }, {
         $theme(): string;
         computedColorPickerClass(): string[];
+        hasVisibleControls(): any;
         computedColorPickerStyle(): {
             '--fv-color-picker--color-list': string;
             '--fv-color-picker--color': string;
@@ -102,6 +107,22 @@ declare const _default: {
         withSyncLock(task: any): void;
         syncRGBFields(clr: any): void;
         syncText(clr: any, emit?: boolean): void;
+        buildColorInfo(clr: any): {
+            hex: any;
+            rgba: {
+                r: any;
+                g: any;
+                b: any;
+                a: number;
+            };
+            hsla: {
+                h: number;
+                s: number;
+                l: number;
+                a: number;
+            };
+        };
+        emitColorChange(clr: any): void;
         syncStateFields(clr: any): void;
         syncPointerFromState(): void;
         syncValueSliderFromState(): void;
@@ -140,9 +161,13 @@ declare const _default: {
             readonly disabled?: boolean | undefined;
             readonly lang?: string | undefined;
             readonly foreground?: string | undefined;
+            readonly showValueSlider?: boolean | undefined;
+            readonly showSaturationSlider?: boolean | undefined;
+            readonly showAlphaSlider?: boolean | undefined;
+            readonly hideFields?: boolean | undefined;
             readonly modelValue?: string | undefined;
         };
-        $emit: (event: "update:modelValue", ...args: any[]) => void;
+        $emit: (event: "update:modelValue" | "color-info", ...args: any[]) => void;
     }, {
         colorModeOptions: {
             key: string;
@@ -185,6 +210,7 @@ declare const _default: {
     }, {
         $theme(): string;
         computedColorPickerClass(): string[];
+        hasVisibleControls(): any;
         computedColorPickerStyle(): {
             '--fv-color-picker--color-list': string;
             '--fv-color-picker--color': string;
@@ -236,6 +262,22 @@ declare const _default: {
         withSyncLock(task: any): void;
         syncRGBFields(clr: any): void;
         syncText(clr: any, emit?: boolean): void;
+        buildColorInfo(clr: any): {
+            hex: any;
+            rgba: {
+                r: any;
+                g: any;
+                b: any;
+                a: number;
+            };
+            hsla: {
+                h: number;
+                s: number;
+                l: number;
+                a: number;
+            };
+        };
+        emitColorChange(clr: any): void;
         syncStateFields(clr: any): void;
         syncPointerFromState(): void;
         syncValueSliderFromState(): void;
@@ -271,9 +313,13 @@ declare const _default: {
         readonly disabled?: boolean | undefined;
         readonly lang?: string | undefined;
         readonly foreground?: string | undefined;
+        readonly showValueSlider?: boolean | undefined;
+        readonly showSaturationSlider?: boolean | undefined;
+        readonly showAlphaSlider?: boolean | undefined;
+        readonly hideFields?: boolean | undefined;
         readonly modelValue?: string | undefined;
     };
-    $emit: (event: "update:modelValue", ...args: any[]) => void;
+    $emit: (event: "update:modelValue" | "color-info", ...args: any[]) => void;
 }, {
     colorModeOptions: {
         key: string;
@@ -316,6 +362,7 @@ declare const _default: {
 }, {
     $theme(): string;
     computedColorPickerClass(): string[];
+    hasVisibleControls(): any;
     computedColorPickerStyle(): {
         '--fv-color-picker--color-list': string;
         '--fv-color-picker--color': string;
@@ -367,6 +414,22 @@ declare const _default: {
     withSyncLock(task: any): void;
     syncRGBFields(clr: any): void;
     syncText(clr: any, emit?: boolean): void;
+    buildColorInfo(clr: any): {
+        hex: any;
+        rgba: {
+            r: any;
+            g: any;
+            b: any;
+            a: number;
+        };
+        hsla: {
+            h: number;
+            s: number;
+            l: number;
+            a: number;
+        };
+    };
+    emitColorChange(clr: any): void;
     syncStateFields(clr: any): void;
     syncPointerFromState(): void;
     syncValueSliderFromState(): void;

package/dist/types/packages/index.d.ts

@@ -46,6 +46,7 @@ export * from "./search-box";
 export * from "./shimmer";
 export * from "./slider";
 export * from "./swipe-control";
+export * from "./tab-view";
 export * from "./table-view";
 export * from "./table-view-cell-base";
 export * from "./table-view-head-base";
@@ -105,6 +106,7 @@ import SearchBox from "./search-box";
 import Shimmer from "./shimmer";
 import Slider from "./slider";
 import SwipeControl from "./swipe-control";
+import TabView from "./tab-view";
 import TableView from "./table-view";
 import TableViewCellBase from "./table-view-cell-base";
 import TableViewHeadBase from "./table-view-head-base";
@@ -165,6 +167,7 @@ declare module 'vue' {
         FvShimmer: typeof Shimmer;
         FvSlider: typeof Slider;
         FvSwipeControl: typeof SwipeControl;
+        FvTabView: typeof TabView;
         FvTableView: typeof TableView;
         FvTableViewCellBase: typeof TableViewCellBase;
         FvTableViewHeadBase: typeof TableViewHeadBase;

package/dist/types/packages/tab-view/index.d.ts

@@ -0,0 +1,290 @@
+import "./style";
+export declare const FvTabView: import("../../types/plugins/component-plugin").ComponentPlugin<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {
+        $props: {
+            readonly fontSize?: number | undefined;
+            readonly background?: string | undefined;
+            readonly borderRadius?: number | undefined;
+            readonly padding?: string | undefined;
+            readonly theme?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly lang?: string | undefined;
+            readonly modelValue?: (() => null) | undefined;
+            readonly foreground?: string | undefined;
+            readonly hoverBackground?: string | undefined;
+            readonly itemHeight?: number | undefined;
+            readonly draggable?: boolean | undefined;
+            readonly items?: {
+                name: string;
+            }[] | undefined;
+            readonly choosenForeground?: string | undefined;
+            readonly itemWidth?: number | undefined;
+            readonly chooseBackground?: string | undefined;
+            readonly activeBackground?: string | undefined;
+            readonly imgBorderRadius?: number | undefined;
+            readonly closable?: boolean | undefined;
+            readonly showAddButton?: boolean | undefined;
+            readonly addButtonIcon?: string | undefined;
+            readonly addButtonBackground?: string | undefined;
+            readonly addButtonForeground?: string | undefined;
+            readonly closeButtonIcon?: string | undefined;
+            readonly closeIconSize?: number | undefined;
+            readonly closeButtonForeground?: string | undefined;
+            readonly overflowMode?: string | undefined;
+        };
+        $emit: (event: "add" | "change" | "close" | "update:modelValue" | "update:items" | "reorder", ...args: any[]) => void;
+    }, {
+        thisItems: never[];
+        thisValue: null;
+        itemKeySeed: number;
+        dragState: {
+            dragKey: null;
+            dragIndex: number;
+            dropKey: null;
+            dropPosition: string;
+        };
+    }, {
+        isDisabled(): boolean;
+        $theme(): string;
+        normalizedOverflowMode(): "scroll" | "shrink";
+        overflowClass(): string;
+        tabItemSizeStyle(): {
+            width: any;
+            minWidth: string;
+            maxWidth: string;
+            flex: string;
+        } | {
+            width: any;
+            minWidth: any;
+            maxWidth: any;
+            flex?: undefined;
+        };
+    }, {
+        itemsInit(): void;
+        generateItemKey(item: any): string;
+        findCurrentValue(): void;
+        defaultItemInit(): void;
+        sameItem(a: any, b: any): boolean;
+        itemClick(item: any): void;
+        tabDraggable(item: any): any;
+        tabClosable(item: any): any;
+        handleDragStart(event: any, index: any, item: any): void;
+        handleDragOver(event: any, index: any, item: any): void;
+        handleDrop(event: any, index: any, item: any): void;
+        canDrop(index: any, item: any): boolean;
+        computeDropPosition(event: any): "after" | "before";
+        reorderItems(targetIndex: any, dropPosition: any): void;
+        addClick(event: any): void;
+        closeItem(event: any, index: any, item: any): void;
+        isDragging(item: any): boolean;
+        isDropPosition(item: any, position: any): boolean;
+        itemImage(item: any): any;
+        itemTitle(item: any): any;
+        isURL(url: any): boolean;
+        publicItem(item: any): any;
+        publicItems(items?: any[]): any[];
+        eqal(item: any): boolean;
+        valueTrigger(val: any): any;
+        formatSize(value: any): any;
+        clearDragState(): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, {
+        $props: {
+            readonly fontSize?: number | undefined;
+            readonly background?: string | undefined;
+            readonly borderRadius?: number | undefined;
+            readonly padding?: string | undefined;
+            readonly theme?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly lang?: string | undefined;
+            readonly modelValue?: (() => null) | undefined;
+            readonly foreground?: string | undefined;
+            readonly hoverBackground?: string | undefined;
+            readonly itemHeight?: number | undefined;
+            readonly draggable?: boolean | undefined;
+            readonly items?: {
+                name: string;
+            }[] | undefined;
+            readonly choosenForeground?: string | undefined;
+            readonly itemWidth?: number | undefined;
+            readonly chooseBackground?: string | undefined;
+            readonly activeBackground?: string | undefined;
+            readonly imgBorderRadius?: number | undefined;
+            readonly closable?: boolean | undefined;
+            readonly showAddButton?: boolean | undefined;
+            readonly addButtonIcon?: string | undefined;
+            readonly addButtonBackground?: string | undefined;
+            readonly addButtonForeground?: string | undefined;
+            readonly closeButtonIcon?: string | undefined;
+            readonly closeIconSize?: number | undefined;
+            readonly closeButtonForeground?: string | undefined;
+            readonly overflowMode?: string | undefined;
+        };
+        $emit: (event: "add" | "change" | "close" | "update:modelValue" | "update:items" | "reorder", ...args: any[]) => void;
+    }, {
+        thisItems: never[];
+        thisValue: null;
+        itemKeySeed: number;
+        dragState: {
+            dragKey: null;
+            dragIndex: number;
+            dropKey: null;
+            dropPosition: string;
+        };
+    }, {
+        isDisabled(): boolean;
+        $theme(): string;
+        normalizedOverflowMode(): "scroll" | "shrink";
+        overflowClass(): string;
+        tabItemSizeStyle(): {
+            width: any;
+            minWidth: string;
+            maxWidth: string;
+            flex: string;
+        } | {
+            width: any;
+            minWidth: any;
+            maxWidth: any;
+            flex?: undefined;
+        };
+    }, {
+        itemsInit(): void;
+        generateItemKey(item: any): string;
+        findCurrentValue(): void;
+        defaultItemInit(): void;
+        sameItem(a: any, b: any): boolean;
+        itemClick(item: any): void;
+        tabDraggable(item: any): any;
+        tabClosable(item: any): any;
+        handleDragStart(event: any, index: any, item: any): void;
+        handleDragOver(event: any, index: any, item: any): void;
+        handleDrop(event: any, index: any, item: any): void;
+        canDrop(index: any, item: any): boolean;
+        computeDropPosition(event: any): "after" | "before";
+        reorderItems(targetIndex: any, dropPosition: any): void;
+        addClick(event: any): void;
+        closeItem(event: any, index: any, item: any): void;
+        isDragging(item: any): boolean;
+        isDropPosition(item: any, position: any): boolean;
+        itemImage(item: any): any;
+        itemTitle(item: any): any;
+        isURL(url: any): boolean;
+        publicItem(item: any): any;
+        publicItems(items?: any[]): any[];
+        eqal(item: any): boolean;
+        valueTrigger(val: any): any;
+        formatSize(value: any): any;
+        clearDragState(): void;
+    }, {}>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
+    $props: {
+        readonly fontSize?: number | undefined;
+        readonly background?: string | undefined;
+        readonly borderRadius?: number | undefined;
+        readonly padding?: string | undefined;
+        readonly theme?: string | undefined;
+        readonly disabled?: boolean | undefined;
+        readonly lang?: string | undefined;
+        readonly modelValue?: (() => null) | undefined;
+        readonly foreground?: string | undefined;
+        readonly hoverBackground?: string | undefined;
+        readonly itemHeight?: number | undefined;
+        readonly draggable?: boolean | undefined;
+        readonly items?: {
+            name: string;
+        }[] | undefined;
+        readonly choosenForeground?: string | undefined;
+        readonly itemWidth?: number | undefined;
+        readonly chooseBackground?: string | undefined;
+        readonly activeBackground?: string | undefined;
+        readonly imgBorderRadius?: number | undefined;
+        readonly closable?: boolean | undefined;
+        readonly showAddButton?: boolean | undefined;
+        readonly addButtonIcon?: string | undefined;
+        readonly addButtonBackground?: string | undefined;
+        readonly addButtonForeground?: string | undefined;
+        readonly closeButtonIcon?: string | undefined;
+        readonly closeIconSize?: number | undefined;
+        readonly closeButtonForeground?: string | undefined;
+        readonly overflowMode?: string | undefined;
+    };
+    $emit: (event: "add" | "change" | "close" | "update:modelValue" | "update:items" | "reorder", ...args: any[]) => void;
+}, {
+    thisItems: never[];
+    thisValue: null;
+    itemKeySeed: number;
+    dragState: {
+        dragKey: null;
+        dragIndex: number;
+        dropKey: null;
+        dropPosition: string;
+    };
+}, {
+    isDisabled(): boolean;
+    $theme(): string;
+    normalizedOverflowMode(): "scroll" | "shrink";
+    overflowClass(): string;
+    tabItemSizeStyle(): {
+        width: any;
+        minWidth: string;
+        maxWidth: string;
+        flex: string;
+    } | {
+        width: any;
+        minWidth: any;
+        maxWidth: any;
+        flex?: undefined;
+    };
+}, {
+    itemsInit(): void;
+    generateItemKey(item: any): string;
+    findCurrentValue(): void;
+    defaultItemInit(): void;
+    sameItem(a: any, b: any): boolean;
+    itemClick(item: any): void;
+    tabDraggable(item: any): any;
+    tabClosable(item: any): any;
+    handleDragStart(event: any, index: any, item: any): void;
+    handleDragOver(event: any, index: any, item: any): void;
+    handleDrop(event: any, index: any, item: any): void;
+    canDrop(index: any, item: any): boolean;
+    computeDropPosition(event: any): "after" | "before";
+    reorderItems(targetIndex: any, dropPosition: any): void;
+    addClick(event: any): void;
+    closeItem(event: any, index: any, item: any): void;
+    isDragging(item: any): boolean;
+    isDropPosition(item: any, position: any): boolean;
+    itemImage(item: any): any;
+    itemTitle(item: any): any;
+    isURL(url: any): boolean;
+    publicItem(item: any): any;
+    publicItems(items?: any[]): any[];
+    eqal(item: any): boolean;
+    valueTrigger(val: any): any;
+    formatSize(value: any): any;
+    clearDragState(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        item: (_: {
+            item: never;
+            index: number;
+            eqal: (item: any) => boolean;
+            valueTrigger: (val: any) => any;
+        }) => any;
+        'close-button': (_: {
+            item: never;
+            index: number;
+        }) => any;
+        'add-button': (_: {}) => any;
+    };
+})>;
+export default FvTabView;