ng-cw-v12
Version:
Angular UI Component Library
72 lines (71 loc) • 2.9 kB
TypeScript
import { ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
import { Subject } from 'rxjs';
import * as i0 from "@angular/core";
export declare type NcSizeType = 'small' | 'default' | 'large';
export declare type NcFormatType = 'hex' | 'rgb';
export declare type NcThemeType = 'light' | 'dark';
export declare type NcTriggerType = 'hover' | 'click';
export declare class ColorPickerComponent implements OnInit, OnChanges {
private ele;
/** 颜色选择器尺寸 */
ncSize: NcSizeType;
/** 颜色格式 */
ncFormat: NcFormatType;
/** 主题 */
ncTheme: NcThemeType;
/** 触发方式 */
ncTrigger: NcTriggerType;
/** 颜色值 */
ncValue: string;
/** 是否显示透明度选择器 */
private _alpha;
set ncAlpha(val: boolean | string);
get ncAlpha(): boolean;
/** 是否显示棋盘格背景 */
private _checker;
set ncChecker(val: boolean | string);
get ncChecker(): boolean;
/** 是否禁用 */
private _disabled;
set ncDisabled(val: boolean | string);
get ncDisabled(): boolean;
/** 颜色值改变时触发 */
ncValueChange: EventEmitter<any>;
/** 颜色改变时触发 */
ncOnchange: EventEmitter<any>;
$ncValueChangeSubject: Subject<any>;
panelShow: boolean;
private _closeTimer;
hsv: any;
hueColor: any;
rgb: any;
alpha: number;
hexa: string;
init: boolean;
constructor(ele: ElementRef);
ngOnInit(): void;
ngOnChanges(changes: SimpleChanges): void;
bindEvent(): void;
setPanel(isExternalChange?: boolean): void;
setNcValue(isExternalChange?: boolean): void;
positionPanel(): void;
blockClick(): void;
blockHover(): void;
triggerMouseEnter(): void;
triggerMouseLeave(): void;
private cancelCloseTimer;
setHueSlider(event: any): void;
setAlpha(event: any): void;
setSaturationAndValue(event: any): void;
hsvToRgb(hue: number, saturation: number, value: number): number[];
rgbToHsv(r: number, g: number, b: number): number[];
rgbaToHexa(red: any, green: any, blue: any, alpha: any): string;
getHex(num: number): string;
hexaToRgba(color: string): any[];
rgbChange(isExternalChange?: boolean): void;
alphaChange(isExternalChange?: boolean): void;
hexChange(isExternalChange?: boolean): void;
clickOut(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "nc-color-picker", never, { "ncSize": "ncSize"; "ncFormat": "ncFormat"; "ncTheme": "ncTheme"; "ncTrigger": "ncTrigger"; "ncValue": "ncValue"; "ncAlpha": "ncAlpha"; "ncChecker": "ncChecker"; "ncDisabled": "ncDisabled"; }, { "ncValueChange": "ncValueChange"; "ncOnchange": "ncOnchange"; }, never, never>;
}