element-plus/es/components/color-picker-panel/src/utils/color.mjs.map

A Component Library for Vue 3

{"version":3,"file":"color.mjs","names":[],"sources":["../../../../../../../packages/components/color-picker-panel/src/utils/color.ts"],"sourcesContent":["import { TinyColor } from '@ctrl/tinycolor'\nimport { hasOwn } from '@element-plus/utils'\n\nimport type { ColorFormats } from '@ctrl/tinycolor'\n\ninterface ColorOptions {\n  enableAlpha: boolean\n  format: string\n  value?: string | null\n}\n\nexport default class Color {\n  private _hue = 0\n  private _saturation = 100\n  private _value = 100\n  private _alpha = 100\n  private _tiny = new TinyColor()\n  private _isValid = false\n  public enableAlpha = false\n  public format = ''\n  public value = ''\n  public selected?: boolean\n\n  constructor(options: Partial<ColorOptions> = {}) {\n    for (const option in options) {\n      if (hasOwn(options, option)) {\n        this[option] = options[option]\n      }\n    }\n    if (options.value) {\n      this.fromString(options.value)\n    } else {\n      this.doOnChange()\n    }\n  }\n\n  set(prop: { [key: string]: any } | any, value?: number) {\n    if (arguments.length === 1 && typeof prop === 'object') {\n      for (const p in prop) {\n        if (hasOwn(prop, p)) {\n          this.set(p, prop[p])\n        }\n      }\n\n      return\n    }\n    ;(this as any)[`_${prop}`] = value\n    this._isValid = true\n    this.doOnChange()\n  }\n\n  get(prop: string) {\n    if (['hue', 'saturation', 'value', 'alpha'].includes(prop)) {\n      return Math.round((this as any)[`_${prop}`])\n    }\n    return (this as any)[`_${prop}`]\n  }\n\n  toRgb() {\n    return this._isValid ? this._tiny.toRgb() : { r: 255, g: 255, b: 255, a: 0 }\n  }\n\n  fromString(value: string) {\n    const color = new TinyColor(value)\n    this._isValid = color.isValid\n    if (color.isValid) {\n      const { h, s, v, a } = color.toHsv()\n      this._hue = h\n      this._saturation = s * 100\n      this._value = v * 100\n      this._alpha = a * 100\n    } else {\n      this._hue = 0\n      this._saturation = 100\n      this._value = 100\n      this._alpha = 100\n    }\n    this.doOnChange()\n  }\n\n  clear() {\n    this._isValid = false\n    this.value = ''\n    this._hue = 0\n    this._saturation = 100\n    this._value = 100\n    this._alpha = 100\n  }\n\n  compare(color: this) {\n    const compareColor = new TinyColor({\n      h: color._hue,\n      s: color._saturation / 100,\n      v: color._value / 100,\n      a: color._alpha / 100,\n    })\n    return this._tiny.equals(compareColor)\n  }\n\n  doOnChange() {\n    const { _hue, _saturation, _value, _alpha, format, enableAlpha } = this\n    let _format = format || (enableAlpha ? 'rgb' : 'hex')\n    if (format === 'hex' && enableAlpha) {\n      _format = 'hex8'\n    }\n    this._tiny = new TinyColor({\n      h: _hue,\n      s: _saturation / 100,\n      v: _value / 100,\n      a: _alpha / 100,\n    })\n    this.value = this._isValid\n      ? this._tiny.toString(_format as ColorFormats)\n      : ''\n  }\n}\n"],"mappings":";;;;AAWA,IAAqB,QAArB,MAA2B;CAYzB,YAAY,UAAiC,EAAE,EAAE;cAXlC;qBACO;gBACL;gBACA;eACD,IAAI,WAAW;kBACZ;qBACE;gBACL;eACD;AAIb,OAAK,MAAM,UAAU,QACnB,KAAI,OAAO,SAAS,OAAO,CACzB,MAAK,UAAU,QAAQ;AAG3B,MAAI,QAAQ,MACV,MAAK,WAAW,QAAQ,MAAM;MAE9B,MAAK,YAAY;;CAIrB,IAAI,MAAoC,OAAgB;AACtD,MAAI,UAAU,WAAW,KAAK,OAAO,SAAS,UAAU;AACtD,QAAK,MAAM,KAAK,KACd,KAAI,OAAO,MAAM,EAAE,CACjB,MAAK,IAAI,GAAG,KAAK,GAAG;AAIxB;;AAED,EAAC,KAAa,IAAI,UAAU;AAC7B,OAAK,WAAW;AAChB,OAAK,YAAY;;CAGnB,IAAI,MAAc;AAChB,MAAI;GAAC;GAAO;GAAc;GAAS;GAAQ,CAAC,SAAS,KAAK,CACxD,QAAO,KAAK,MAAO,KAAa,IAAI,QAAQ;AAE9C,SAAQ,KAAa,IAAI;;CAG3B,QAAQ;AACN,SAAO,KAAK,WAAW,KAAK,MAAM,OAAO,GAAG;GAAE,GAAG;GAAK,GAAG;GAAK,GAAG;GAAK,GAAG;GAAG;;CAG9E,WAAW,OAAe;EACxB,MAAM,QAAQ,IAAI,UAAU,MAAM;AAClC,OAAK,WAAW,MAAM;AACtB,MAAI,MAAM,SAAS;GACjB,MAAM,EAAE,GAAG,GAAG,GAAG,MAAM,MAAM,OAAO;AACpC,QAAK,OAAO;AACZ,QAAK,cAAc,IAAI;AACvB,QAAK,SAAS,IAAI;AAClB,QAAK,SAAS,IAAI;SACb;AACL,QAAK,OAAO;AACZ,QAAK,cAAc;AACnB,QAAK,SAAS;AACd,QAAK,SAAS;;AAEhB,OAAK,YAAY;;CAGnB,QAAQ;AACN,OAAK,WAAW;AAChB,OAAK,QAAQ;AACb,OAAK,OAAO;AACZ,OAAK,cAAc;AACnB,OAAK,SAAS;AACd,OAAK,SAAS;;CAGhB,QAAQ,OAAa;EACnB,MAAM,eAAe,IAAI,UAAU;GACjC,GAAG,MAAM;GACT,GAAG,MAAM,cAAc;GACvB,GAAG,MAAM,SAAS;GAClB,GAAG,MAAM,SAAS;GACnB,CAAC;AACF,SAAO,KAAK,MAAM,OAAO,aAAa;;CAGxC,aAAa;EACX,MAAM,EAAE,MAAM,aAAa,QAAQ,QAAQ,QAAQ,gBAAgB;EACnE,IAAI,UAAU,WAAW,cAAc,QAAQ;AAC/C,MAAI,WAAW,SAAS,YACtB,WAAU;AAEZ,OAAK,QAAQ,IAAI,UAAU;GACzB,GAAG;GACH,GAAG,cAAc;GACjB,GAAG,SAAS;GACZ,GAAG,SAAS;GACb,CAAC;AACF,OAAK,QAAQ,KAAK,WACd,KAAK,MAAM,SAAS,QAAwB,GAC5C"}