xdesign-vue-next/lib/color-picker/panel/header.d.ts

XDesign Component for vue-next

import { PropType } from 'vue';
import { TdColorModes } from '../interfaces';
declare const _default: import("vue").DefineComponent<{
    mode: {
        type: PropType<TdColorModes>;
        default: string;
    };
    togglePopup: {
        type: FunctionConstructor;
    };
    onModeChange: {
        type: FunctionConstructor;
        default: () => () => void;
    };
    clearable: BooleanConstructor;
    closeBtn: {
        type: PropType<string | boolean | ((h: typeof import("vue").h) => import("../..").SlotReturnValue)>;
        default: string | boolean | ((h: typeof import("vue").h) => import("../..").SlotReturnValue);
    };
    colorModes: {
        type: PropType<("monochrome" | "linear-gradient")[]>;
        default: () => string[];
    };
    disabled: BooleanConstructor;
    enableAlpha: BooleanConstructor;
    enableMultipleGradient: {
        type: BooleanConstructor;
        default: boolean;
    };
    format: {
        type: PropType<"RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS">;
        default: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
        validator(val: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS"): boolean;
    };
    inputProps: {
        type: PropType<import("../..").TdInputProps>;
    };
    multiple: BooleanConstructor;
    popupProps: {
        type: PropType<import("../..").TdPopupProps>;
    };
    recentColors: {
        type: PropType<boolean | string[]>;
        default: any;
    };
    defaultRecentColors: {
        type: PropType<boolean | string[]>;
        default: () => boolean | string[];
    };
    selectInputProps: {
        type: PropType<import("../..").TdSelectInputProps>;
    };
    showPrimaryColorPreview: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: PropType<import("../..").SizeEnum>;
        default: import("../..").SizeEnum;
        validator(val: import("../..").SizeEnum): boolean;
    };
    swatchColors: {
        type: PropType<string[]>;
    };
    value: {
        type: StringConstructor;
        default: any;
    };
    modelValue: {
        type: StringConstructor;
        default: any;
    };
    defaultValue: {
        type: StringConstructor;
        default: string;
    };
    onChange: PropType<(value: string, context: {
        color: import("..").ColorObject;
        trigger: import("..").ColorPickerChangeTrigger;
    }) => void>;
    onPaletteBarChange: PropType<(context: {
        color: import("..").ColorObject;
    }) => void>;
    onRecentColorsChange: PropType<(value: string[]) => void>;
}, {
    baseClassName: import("vue").ComputedRef<string>;
    modeValue: import("vue").Ref<TdColorModes>;
    handleModeChange: (v: string) => any;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    mode: {
        type: PropType<TdColorModes>;
        default: string;
    };
    togglePopup: {
        type: FunctionConstructor;
    };
    onModeChange: {
        type: FunctionConstructor;
        default: () => () => void;
    };
    clearable: BooleanConstructor;
    closeBtn: {
        type: PropType<string | boolean | ((h: typeof import("vue").h) => import("../..").SlotReturnValue)>;
        default: string | boolean | ((h: typeof import("vue").h) => import("../..").SlotReturnValue);
    };
    colorModes: {
        type: PropType<("monochrome" | "linear-gradient")[]>;
        default: () => string[];
    };
    disabled: BooleanConstructor;
    enableAlpha: BooleanConstructor;
    enableMultipleGradient: {
        type: BooleanConstructor;
        default: boolean;
    };
    format: {
        type: PropType<"RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS">;
        default: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
        validator(val: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS"): boolean;
    };
    inputProps: {
        type: PropType<import("../..").TdInputProps>;
    };
    multiple: BooleanConstructor;
    popupProps: {
        type: PropType<import("../..").TdPopupProps>;
    };
    recentColors: {
        type: PropType<boolean | string[]>;
        default: any;
    };
    defaultRecentColors: {
        type: PropType<boolean | string[]>;
        default: () => boolean | string[];
    };
    selectInputProps: {
        type: PropType<import("../..").TdSelectInputProps>;
    };
    showPrimaryColorPreview: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: PropType<import("../..").SizeEnum>;
        default: import("../..").SizeEnum;
        validator(val: import("../..").SizeEnum): boolean;
    };
    swatchColors: {
        type: PropType<string[]>;
    };
    value: {
        type: StringConstructor;
        default: any;
    };
    modelValue: {
        type: StringConstructor;
        default: any;
    };
    defaultValue: {
        type: StringConstructor;
        default: string;
    };
    onChange: PropType<(value: string, context: {
        color: import("..").ColorObject;
        trigger: import("..").ColorPickerChangeTrigger;
    }) => void>;
    onPaletteBarChange: PropType<(context: {
        color: import("..").ColorObject;
    }) => void>;
    onRecentColorsChange: PropType<(value: string[]) => void>;
}>>, {
    value: string;
    disabled: boolean;
    multiple: boolean;
    size: import("../..").SizeEnum;
    mode: TdColorModes;
    format: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
    modelValue: string;
    defaultValue: string;
    clearable: boolean;
    closeBtn: string | boolean | ((h: typeof import("vue").h) => import("../..").SlotReturnValue);
    colorModes: ("monochrome" | "linear-gradient")[];
    recentColors: boolean | string[];
    defaultRecentColors: boolean | string[];
    onModeChange: Function;
    enableAlpha: boolean;
    enableMultipleGradient: boolean;
    showPrimaryColorPreview: boolean;
}, {}>;
export default _default;