You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.2 KiB
52 lines
1.2 KiB
/* eslint-disable class-methods-use-this */
|
|
import type { ColorGenInput } from '@rc-component/color-picker';
|
|
import { Color as RcColor } from '@rc-component/color-picker';
|
|
|
|
export const toHexFormat = (value?: string, alpha?: boolean) =>
|
|
value?.replace(/[^\w/]/gi, '').slice(0, alpha ? 8 : 6) || '';
|
|
|
|
export const getHex = (value?: string, alpha?: boolean) => (value ? toHexFormat(value, alpha) : '');
|
|
|
|
export interface Color
|
|
extends Pick<
|
|
RcColor,
|
|
'toHsb' | 'toHsbString' | 'toHex' | 'toHexString' | 'toRgb' | 'toRgbString'
|
|
> {}
|
|
|
|
export class ColorFactory {
|
|
/** Original Color object */
|
|
private metaColor: RcColor;
|
|
|
|
constructor(color: ColorGenInput<Color>) {
|
|
this.metaColor = new RcColor(color as ColorGenInput);
|
|
if (!color) {
|
|
this.metaColor.setAlpha(0);
|
|
}
|
|
}
|
|
|
|
toHsb() {
|
|
return this.metaColor.toHsb();
|
|
}
|
|
|
|
toHsbString() {
|
|
return this.metaColor.toHsbString();
|
|
}
|
|
|
|
toHex() {
|
|
return getHex(this.toHexString(), this.metaColor.getAlpha() < 1);
|
|
}
|
|
|
|
toHexString() {
|
|
return this.metaColor.getAlpha() === 1
|
|
? this.metaColor.toHexString()
|
|
: this.metaColor.toHex8String();
|
|
}
|
|
|
|
toRgb() {
|
|
return this.metaColor.toRgb();
|
|
}
|
|
|
|
toRgbString() {
|
|
return this.metaColor.toRgbString();
|
|
}
|
|
}
|
|
|