vue-launchers/lib/launcher/src/utilsStyle/style.d.ts

launcher

import { PickCreateComponentType } from '../packages/index.d';
import { EditCanvasConfigType } from '../chartStore/modules/chartEditStore/chartEditStore.d';
import { CustomColorsType } from '../settings/chartThemes/index';
type StylesType = PickCreateComponentType<'styles'>;
export declare const animationsClass: (animations: string[]) => string;
export declare const getFilterStyle: (styles?: StylesType | EditCanvasConfigType) => {
    opacity?: undefined;
    filter?: undefined;
} | {
    opacity: number;
    filter: string;
};
export declare const getTransformStyle: (styles: StylesType) => {
    transform: string;
};
export declare const getBlendModeStyle: (styles: StylesType) => {
    'mix-blend-mode'?: undefined;
} | {
    'mix-blend-mode': string;
};
/**
 * * hsla 转换
 * @param color 颜色
 * @param alpha 默认1
 * @returns
 */
export declare function alpha(color: string, alpha?: number): any;
/**
 * * 颜色透明
 * rgba(10, 10, 10, 0.8) -> rgba(10, 10, 10, 0.4)
 * @param color 颜色
 * @param concentration 0~1 浓度
 * @returns
 */
export declare function fade(color: string, fade: number): any;
/**
 * * 颜色变亮
 * hsl(100, 50%, 10%) -> hsl(100, 50%, 50%)
 * @param color 颜色
 * @param concentration 0~1 浓度
 * @returns
 */
export declare function lighten(color: string, concentration: number): any;
/**
 * * 颜色变暗
 * hsl(100, 50%, 50%) -> hsl(100, 50%, 25%)
 * @param color 颜色
 * @param concentration 0~1 浓度
 * @returns
 */
export declare function darken(color: string, concentration: number): any;
/**
 * * hsl 转成16进制
 * @param hsl
 * @returns
 */
export declare function hslToHexa(hslString: string): string;
export declare function hslToHex(hslString: string): string;
/**
 * * 修改主题色
 * @param themeName 主题名称
 * @returns
 */
export declare const setHtmlTheme: (themeName?: string) => void;
/**
 * * 合并基础颜色和自定义颜色
 * @param chartDefaultColors
 * @param customColor
 * @returns
 */
export declare const colorCustomMerge: (customColor?: CustomColorsType[]) => {
    dark: {
        color: string[];
        name: string;
    };
    customed: {
        color: string[];
        name: string;
    };
    macarons: {
        color: string[];
        name: string;
    };
    walden: {
        color: string[];
        name: string;
    };
    purplePassion: {
        color: string[];
        name: string;
    };
    vintage: {
        color: string[];
        name: string;
    };
    chalk: {
        color: string[];
        name: string;
    };
    westeros: {
        color: string[];
        name: string;
    };
    wonderland: {
        color: string[];
        name: string;
    };
    essos: {
        color: string[];
        name: string;
    };
    shine: {
        color: string[];
        name: string;
    };
    roma: {
        color: string[];
        name: string;
    };
};
/**
 * * 合并基础渐变颜色和自定义渐变颜色
 * @param customColor
 */
export declare const colorGradientCustomMerge: (customColor?: CustomColorsType[]) => {
    dark: string[];
    customed: string[];
    macarons: string[];
    walden: string[];
    purplePassion: string[];
    vintage: string[];
    /**
     * * 颜色变亮
     * hsl(100, 50%, 10%) -> hsl(100, 50%, 50%)
     * @param color 颜色
     * @param concentration 0~1 浓度
     * @returns
     */
    chalk: string[];
    westeros: string[];
    wonderland: string[];
    essos: string[];
    shine: string[];
    roma: string[];
};
export {};