@creatorsn/vfluent3 0.3.49 → 0.3.52

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

@@ -1,143 +1,461 @@
 import "./style";
 export declare const FvColorPicker: import("../../types/plugins/component-plugin").ComponentPlugin<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: StringConstructor[];
-        };
-        foreground: {
-            type: StringConstructor[];
-            default: string;
-        };
-        type: {
-            type: StringConstructor[];
-            default: string;
-        };
-        theme: {
-            type: StringConstructor;
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        lang: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:modelValue'(val: string): boolean;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: StringConstructor[];
-        };
-        foreground: {
-            type: StringConstructor[];
-            default: string;
-        };
-        type: {
-            type: StringConstructor[];
-            default: string;
-        };
-        theme: {
-            type: StringConstructor;
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        lang: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {
+        $props: {
+            readonly theme?: string | undefined;
+            readonly type?: string | undefined;
+            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" | "color-info", ...args: any[]) => void;
+    }, {
+        colorModeOptions: {
+            key: string;
+            text: string;
+        }[];
+        colorMode: {
+            key: string;
+            text: string;
+        };
+        color: string;
+        r: string;
+        g: string;
+        b: string;
+        h: string;
+        s: string;
+        v: string;
+        alpha: string;
+        syncLock: boolean;
+        hueValue: number;
+        pointerSaturationValue: number;
+        paletteSaturationValue: number;
+        brightnessValue: number;
+        alphaValue: number;
+        colorObj: import("../../utils/common").Color;
+        colorLeft: number;
+        colorTop: number;
+        colorValueLeft: number;
+        colorSaturationLeft: number;
+        colorAlphaLeft: number;
+        baseColorList: import("../../utils/common").Color[];
+        colorList: import("../../utils/common").Color[];
+        updateCoordsThrottled: undefined;
+        updateValueThrottled: undefined;
+        updateSaturationThrottled: undefined;
+        updateAlphaThrottled: undefined;
+        colorAreaMouseMoveEvent: undefined;
+        colorValueMouseMoveEvent: undefined;
+        colorSaturationMouseMoveEvent: undefined;
+        colorAlphaMouseMoveEvent: undefined;
     }, {
-        theme: string;
-        type: string;
-        disabled: boolean;
-        lang: string;
-        foreground: string;
-    }, true, {}, {}, {
+        $theme(): string;
+        computedColorPickerClass(): string[];
+        hasVisibleControls(): any;
+        computedColorPickerStyle(): {
+            '--fv-color-picker--color-list': string;
+            '--fv-color-picker--color': string;
+            '--fv-color-picker--color-alpha': string;
+            '--fv-color-picker--color-value': string;
+            '--fv-color-picker--color-saturation-empty': string;
+            '--fv-color-picker--color-saturation-full': string;
+            '--fv-color-picker--pointer-left': string;
+            '--fv-color-picker--pointer-top': string;
+            '--fv-color-picker--color-value-left': string;
+            '--fv-color-picker--color-saturation-left': string;
+            '--fv-color-picker--color-alpha-left': string;
+            '--fv-color-picker--color-value-empty': string;
+        };
+        colorListStr(): string;
+        computedText: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedR: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedG: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedB: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedH: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedS: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedV: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedAlpha: {
+            get(): string;
+            set(val: any): void;
+        };
+    }, {
+        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;
+        syncSaturationSliderFromState(): void;
+        syncAlphaSliderFromState(): void;
+        syncColorList(): void;
+        buildColorFromState(): import("../../utils/common").Color;
+        commitState(syncPointer?: boolean, emit?: boolean): void;
+        syncFromColor(clr: any, syncPointer?: boolean, emit?: boolean): void;
+        syncHSV(clr: any): void;
+        syncAlpha(clr: any): void;
+        handleUpdateCoords(mouse: any): void;
+        mousemoveEvent(mouse: any): void;
+        onMousedown(mouse: any): void;
+        handleUpdateValue(mouse: any): void;
+        valueMousemoveEvent(mouse: any): void;
+        onValueMouseDown(mouse: any): void;
+        handleUpdateSaturation(mouse: any): void;
+        saturationMousemoveEvent(mouse: any): void;
+        onSaturationMouseDown(mouse: any): void;
+        applyPaletteSaturation(number: any, emit?: boolean): void;
+        handleUpdateAlpha(mouse: any): void;
+        alphaMousemoveEvent(mouse: any): void;
+        onAlphaMouseDown(mouse: any): 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<{
-        modelValue: {
-            type: StringConstructor[];
-        };
-        foreground: {
-            type: StringConstructor[];
-            default: string;
-        };
-        type: {
-            type: StringConstructor[];
-            default: string;
-        };
-        theme: {
-            type: StringConstructor;
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        lang: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-    }, {}, {}, {}, {}, {
-        theme: string;
-        type: string;
-        disabled: boolean;
-        lang: string;
-        foreground: string;
-    }>;
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, {
+        $props: {
+            readonly theme?: string | undefined;
+            readonly type?: string | undefined;
+            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" | "color-info", ...args: any[]) => void;
+    }, {
+        colorModeOptions: {
+            key: string;
+            text: string;
+        }[];
+        colorMode: {
+            key: string;
+            text: string;
+        };
+        color: string;
+        r: string;
+        g: string;
+        b: string;
+        h: string;
+        s: string;
+        v: string;
+        alpha: string;
+        syncLock: boolean;
+        hueValue: number;
+        pointerSaturationValue: number;
+        paletteSaturationValue: number;
+        brightnessValue: number;
+        alphaValue: number;
+        colorObj: import("../../utils/common").Color;
+        colorLeft: number;
+        colorTop: number;
+        colorValueLeft: number;
+        colorSaturationLeft: number;
+        colorAlphaLeft: number;
+        baseColorList: import("../../utils/common").Color[];
+        colorList: import("../../utils/common").Color[];
+        updateCoordsThrottled: undefined;
+        updateValueThrottled: undefined;
+        updateSaturationThrottled: undefined;
+        updateAlphaThrottled: undefined;
+        colorAreaMouseMoveEvent: undefined;
+        colorValueMouseMoveEvent: undefined;
+        colorSaturationMouseMoveEvent: undefined;
+        colorAlphaMouseMoveEvent: undefined;
+    }, {
+        $theme(): string;
+        computedColorPickerClass(): string[];
+        hasVisibleControls(): any;
+        computedColorPickerStyle(): {
+            '--fv-color-picker--color-list': string;
+            '--fv-color-picker--color': string;
+            '--fv-color-picker--color-alpha': string;
+            '--fv-color-picker--color-value': string;
+            '--fv-color-picker--color-saturation-empty': string;
+            '--fv-color-picker--color-saturation-full': string;
+            '--fv-color-picker--pointer-left': string;
+            '--fv-color-picker--pointer-top': string;
+            '--fv-color-picker--color-value-left': string;
+            '--fv-color-picker--color-saturation-left': string;
+            '--fv-color-picker--color-alpha-left': string;
+            '--fv-color-picker--color-value-empty': string;
+        };
+        colorListStr(): string;
+        computedText: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedR: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedG: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedB: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedH: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedS: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedV: {
+            get(): string;
+            set(val: any): void;
+        };
+        computedAlpha: {
+            get(): string;
+            set(val: any): void;
+        };
+    }, {
+        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;
+        syncSaturationSliderFromState(): void;
+        syncAlphaSliderFromState(): void;
+        syncColorList(): void;
+        buildColorFromState(): import("../../utils/common").Color;
+        commitState(syncPointer?: boolean, emit?: boolean): void;
+        syncFromColor(clr: any, syncPointer?: boolean, emit?: boolean): void;
+        syncHSV(clr: any): void;
+        syncAlpha(clr: any): void;
+        handleUpdateCoords(mouse: any): void;
+        mousemoveEvent(mouse: any): void;
+        onMousedown(mouse: any): void;
+        handleUpdateValue(mouse: any): void;
+        valueMousemoveEvent(mouse: any): void;
+        onValueMouseDown(mouse: any): void;
+        handleUpdateSaturation(mouse: any): void;
+        saturationMousemoveEvent(mouse: any): void;
+        onSaturationMouseDown(mouse: any): void;
+        applyPaletteSaturation(number: any, emit?: boolean): void;
+        handleUpdateAlpha(mouse: any): void;
+        alphaMousemoveEvent(mouse: any): void;
+        onAlphaMouseDown(mouse: any): void;
+    }, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: StringConstructor[];
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
+    $props: {
+        readonly theme?: string | undefined;
+        readonly type?: string | undefined;
+        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" | "color-info", ...args: any[]) => void;
+}, {
+    colorModeOptions: {
+        key: string;
+        text: string;
+    }[];
+    colorMode: {
+        key: string;
+        text: string;
+    };
+    color: string;
+    r: string;
+    g: string;
+    b: string;
+    h: string;
+    s: string;
+    v: string;
+    alpha: string;
+    syncLock: boolean;
+    hueValue: number;
+    pointerSaturationValue: number;
+    paletteSaturationValue: number;
+    brightnessValue: number;
+    alphaValue: number;
+    colorObj: import("../../utils/common").Color;
+    colorLeft: number;
+    colorTop: number;
+    colorValueLeft: number;
+    colorSaturationLeft: number;
+    colorAlphaLeft: number;
+    baseColorList: import("../../utils/common").Color[];
+    colorList: import("../../utils/common").Color[];
+    updateCoordsThrottled: undefined;
+    updateValueThrottled: undefined;
+    updateSaturationThrottled: undefined;
+    updateAlphaThrottled: undefined;
+    colorAreaMouseMoveEvent: undefined;
+    colorValueMouseMoveEvent: undefined;
+    colorSaturationMouseMoveEvent: undefined;
+    colorAlphaMouseMoveEvent: undefined;
+}, {
+    $theme(): string;
+    computedColorPickerClass(): string[];
+    hasVisibleControls(): any;
+    computedColorPickerStyle(): {
+        '--fv-color-picker--color-list': string;
+        '--fv-color-picker--color': string;
+        '--fv-color-picker--color-alpha': string;
+        '--fv-color-picker--color-value': string;
+        '--fv-color-picker--color-saturation-empty': string;
+        '--fv-color-picker--color-saturation-full': string;
+        '--fv-color-picker--pointer-left': string;
+        '--fv-color-picker--pointer-top': string;
+        '--fv-color-picker--color-value-left': string;
+        '--fv-color-picker--color-saturation-left': string;
+        '--fv-color-picker--color-alpha-left': string;
+        '--fv-color-picker--color-value-empty': string;
+    };
+    colorListStr(): string;
+    computedText: {
+        get(): string;
+        set(val: any): void;
+    };
+    computedR: {
+        get(): string;
+        set(val: any): void;
     };
-    foreground: {
-        type: StringConstructor[];
-        default: string;
+    computedG: {
+        get(): string;
+        set(val: any): void;
     };
-    type: {
-        type: StringConstructor[];
-        default: string;
+    computedB: {
+        get(): string;
+        set(val: any): void;
     };
-    theme: {
-        type: StringConstructor;
-        default: string;
+    computedH: {
+        get(): string;
+        set(val: any): void;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    computedS: {
+        get(): string;
+        set(val: any): void;
     };
-    lang: {
-        type: StringConstructor;
-        default: string;
+    computedV: {
+        get(): string;
+        set(val: any): void;
+    };
+    computedAlpha: {
+        get(): string;
+        set(val: any): void;
+    };
+}, {
+    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;
+        };
     };
-}>> & {
-    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue'(val: string): boolean;
-}, string, {
-    theme: string;
-    type: string;
-    disabled: boolean;
-    lang: string;
-    foreground: string;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    emitColorChange(clr: any): void;
+    syncStateFields(clr: any): void;
+    syncPointerFromState(): void;
+    syncValueSliderFromState(): void;
+    syncSaturationSliderFromState(): void;
+    syncAlphaSliderFromState(): void;
+    syncColorList(): void;
+    buildColorFromState(): import("../../utils/common").Color;
+    commitState(syncPointer?: boolean, emit?: boolean): void;
+    syncFromColor(clr: any, syncPointer?: boolean, emit?: boolean): void;
+    syncHSV(clr: any): void;
+    syncAlpha(clr: any): void;
+    handleUpdateCoords(mouse: any): void;
+    mousemoveEvent(mouse: any): void;
+    onMousedown(mouse: any): void;
+    handleUpdateValue(mouse: any): void;
+    valueMousemoveEvent(mouse: any): void;
+    onValueMouseDown(mouse: any): void;
+    handleUpdateSaturation(mouse: any): void;
+    saturationMousemoveEvent(mouse: any): void;
+    onSaturationMouseDown(mouse: any): void;
+    applyPaletteSaturation(number: any, emit?: boolean): void;
+    handleUpdateAlpha(mouse: any): void;
+    alphaMousemoveEvent(mouse: any): void;
+    onAlphaMouseDown(mouse: any): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {};
 })>;
 export default FvColorPicker;