@cldemo/ui-kit 1.0.5 → 1.0.7

package/buildLibs/utils/Web/ClColorpicker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClColorpicker.cjs","sources":["../../../src/libs/Web/ColorPicker/color.ts","../../../src/libs/Web/ColorPicker/Palette.vue","../../../src/libs/Web/ColorPicker/Hue.vue","../../../src/libs/Web/ColorPicker/Alpha.vue","../../../src/libs/Web/ColorPicker/ItemBlock.vue","../../../src/libs/Web/ColorPicker/Preset.vue","../../../src/libs/Web/ColorPicker/Value.vue","../../../src/libs/Web/ColorPicker/Copy.vue","../../../src/libs/Web/ColorPicker/Color.vue","../../../src/libs/Web/ColorPicker/Index.vue"],"sourcesContent":["const hasOwn = (json: any, key: string) => {\n  return Object.prototype.hasOwnProperty.call(json, key)\n}\n\nconst hsv2hsl = (hue: number, sat: number, val: number) => {\n  return [\n    hue,\n    (sat * val) / ((hue = (2 - sat) * val) < 1 ? hue : 2 - hue) || 0,\n    hue / 2\n  ]\n}\n\nconst isOnePointZero = (n: unknown) => {\n  return typeof n === 'string' && n.includes('.') && Number.parseFloat(n) === 1\n}\n\nconst isPercentage = (n: unknown) => {\n  return typeof n === 'string' && n.includes('%')\n}\n\nconst bound01 = (value: number | string, max: number | string) => {\n  if (isOnePointZero(value)) value = '100%'\n\n  const processPercent = isPercentage(value)\n  value = Math.min(max as number, Math.max(0, Number.parseFloat(`${value}`)))\n\n  if (processPercent) {\n    value = Number.parseInt(`${value * (max as number)}`, 10) / 100\n  }\n\n  if (Math.abs(value - (max as number)) < 0.000001) {\n    return 1\n  }\n\n  return (value % (max as number)) / Number.parseFloat(max as string)\n}\n\nconst INT_HEX_MAP: any = { 10: 'A', 11: 'B', 12: 'C', 13: 'D', 14: 'E', 15: 'F' }\n\nconst hexOne = (value: number) => {\n  value = Math.min(Math.round(value), 255)\n  const high = Math.floor(value / 16)\n  const low = value % 16\n  return `${INT_HEX_MAP[high] || high}${INT_HEX_MAP[low] || low}`\n}\n\nconst toHex = ({ r, g, b }: any) => {\n  if (Number.isNaN(+r) || Number.isNaN(+g) || Number.isNaN(+b)) return ''\n\n  return `#${hexOne(r)}${hexOne(g)}${hexOne(b)}`\n}\n\nconst HEX_INT_MAP: any = { A: 10, B: 11, C: 12, D: 13, E: 14, F: 15 }\n\nconst parseHexChannel = (hex: string) => {\n  if (hex.length === 2) {\n    return (\n      (HEX_INT_MAP[hex[0].toUpperCase()] || +hex[0]) * 16 +\n      (HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1])\n    )\n  }\n\n  return HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1]\n}\n\nconst hsl2hsv = (hue: number, sat: number, light: number) => {\n  sat = sat / 100\n  light = light / 100\n  let smin = sat\n  const lmin = Math.max(light, 0.01)\n\n  light *= 2\n  sat *= light <= 1 ? light : 2 - light\n  smin *= lmin <= 1 ? lmin : 2 - lmin\n  const v = (light + sat) / 2\n  const sv =\n    light === 0 ? (2 * smin) / (lmin + smin) : (2 * sat) / (light + sat)\n\n  return {\n    h: hue,\n    s: sv * 100,\n    v: v * 100\n  }\n}\n\nconst rgb2hsv = (r: number | string, g: number | string, b: number | string) => {\n  r = bound01(r, 255)\n  g = bound01(g, 255)\n  b = bound01(b, 255)\n\n  const max = Math.max(r, g, b)\n  const min = Math.min(r, g, b)\n  let h = 0\n  const v = max\n\n  const d = max - min\n  const s = max === 0 ? 0 : d / max\n\n  if (max === min) {\n    h = 0\n  } else {\n    switch (max) {\n      case r: {\n        h = (g - b) / d + (g < b ? 6 : 0)\n        break\n      }\n      case g: {\n        h = (b - r) / d + 2\n        break\n      }\n      case b: {\n        h = (r - g) / d + 4\n        break\n      }\n    }\n    h /= 6\n  }\n\n  return { h: h * 360, s: s * 100, v: v * 100 }\n}\n\nconst hsv2rgb = (h: number | string, s: number | string, v: number | string) => {\n  h = bound01(h, 360) * 6\n  s = bound01(s, 100)\n  v = bound01(v, 100)\n\n  const i = Math.floor(h)\n  const f = h - i\n  const p = v * (1 - s)\n  const q = v * (1 - f * s)\n  const t = v * (1 - (1 - f) * s)\n  const mod = i % 6\n  const r = [v, q, p, p, t, v][mod]\n  const g = [t, v, v, q, p, p][mod]\n  const b = [p, p, t, v, v, q][mod]\n\n  return {\n    r: Math.round(r * 255),\n    g: Math.round(g * 255),\n    b: Math.round(b * 255)\n  }\n}\n\nexport interface Options {\n  enableAlpha: boolean\n  format: string\n  value?: string\n}\n\nexport default class Color {\n  private _hue = 0\n  private _saturation = 100\n  private _value = 100\n  private _alpha = 100\n  public enableAlpha = false\n  public format = 'hex'\n  public value = ''\n  public selected?: boolean\n\n  constructor(options?: Options) {\n    options = options || ({} as Options)\n\n    for (const option in options) {\n      if (hasOwn(options, option)) {\n        ;(this as any)[option] = options[option as keyof Options]\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      return\n    }\n\n    ;(this as any)[`_${prop}`] = value\n    this.doOnChange()\n  }\n\n  get(prop: string) {\n    if (prop === 'alpha') {\n      return Math.floor((this as any)[`_${prop}`])\n    }\n    return (this as any)[`_${prop}`]\n  }\n\n  toRgb() {\n    return hsv2rgb(this._hue, this._saturation, this._value)\n  }\n\n  fromString(value: string) {\n    const tempInfo: any = this._convertValueInfo(value)\n    if (!tempInfo) return\n    this._hue = tempInfo.hue\n    this._saturation = tempInfo.saturation\n    this._value = tempInfo.value\n    this._alpha = tempInfo.alpha\n    this.doOnChange()\n  }\n\n  compare(color: any) {\n    return (\n      Math.abs(color._hue - this._hue) < 2 &&\n      Math.abs(color._saturation - this._saturation) < 1 &&\n      Math.abs(color._value - this._value) < 1 &&\n      Math.abs(color._alpha - this._alpha) < 1\n    )\n  }\n\n  doOnChange() {\n    const { _hue: hue, _saturation: saturation, _value: value, _alpha: alpha, format } = this\n    const tempInfo = { hue, saturation, value, alpha }\n    let newValue = this._convertFormat(format, tempInfo)\n    if (newValue.length === 0) {\n      newValue = this._getValueRGB(tempInfo)\n    }\n    this.value = newValue\n  }\n\n  checkValue(value: string) {\n    let isCheck = false\n    let format = ''\n    if (/^rgb\\(/.test(value)) {\n      format = '^[rR][gG][Bb][\\\\(]([\\\\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?)[\\\\s]*,){2}[\\\\s]*(2[0-4]\\\\d|25[0-5]|[01]?\\\\d\\\\d?)[\\\\s]*[\\\\)]{1}$'\n    } else if (/^rgba\\(/.test(value)) {\n      format = '^[rR][gG][Bb][Aa][\\\\(]([\\\\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?)[\\\\s]*,){3}[\\\\s]*(1|1.0|0|0.[0-9])[\\\\s]*[\\\\)]{1}$'\n    } else if (/^#/.test(value)) {\n      format = '^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$'\n    } else if (/^hsl\\(/.test(value)) {\n      format = '^[hH][Ss][Ll][\\\\(]([\\\\s]*(2[0-9][0-9]|360|3[0-5][0-9]|[01]?[0-9][0-9]?)[\\\\s]*,)([\\\\s]*((100|[0-9][0-9]?)%|0)[\\\\s]*,)([\\\\s]*((100|[0-9][0-9]?)%|0)[\\\\s]*)[\\\\)]$'\n    } else if (/^hsla\\(/.test(value)) {\n      format = '^[hH][Ss][Ll][Aa][\\\\(]([\\\\s]*(2[0-9][0-9]|360|3[0-5][0-9]|[01]?[0-9][0-9]?)[\\\\s]*,)([\\\\s]*((100|[0-9][0-9]?)%|0)[\\\\s]*,){2}([\\\\s]*(1|1.0|0|0.[0-9])[\\\\s]*)[\\\\)]$'\n    } else if (/^hsv\\(/.test(value)) {\n      format = '^[hH][Ss][Vv][\\\\(]([\\\\s]*(2[0-9][0-9]|360|3[0-5][0-9]|[01]?[0-9][0-9]?)[\\\\s]*,)([\\\\s]*((100|[0-9][0-9]?)%|0)[\\\\s]*,)([\\\\s]*((100|[0-9][0-9]?)%|0)[\\\\s]*)[\\\\)]$'\n    } else if (/^hsla\\(/.test(value)) {\n      format = '^[hH][Ss][Vv][Aa][\\\\(]([\\\\s]*(2[0-9][0-9]|360|3[0-5][0-9]|[01]?[0-9][0-9]?)[\\\\s]*,)([\\\\s]*((100|[0-9][0-9]?)%|0)[\\\\s]*,){2}([\\\\s]*(1|1.0|0|0.[0-9])[\\\\s]*)[\\\\)]$'\n    }\n    if (format.length > 0) {\n      const reg = new RegExp(format)\n      isCheck = value.match(reg) !== null\n    }\n    return isCheck\n  }\n\n  getValueFormat(value: string, format: string) {\n    const tempInfo: any = this._convertValueInfo(value)\n    if (!tempInfo) return value\n    const newValue = this._convertFormat(format, tempInfo)\n    return newValue\n  }\n\n  private _convertValueInfo(value: string) {\n    let newHue = 0\n    let newSaturation = 100\n    let newValue = 100\n    let newAlpha = 100\n    if (value) {\n      let hsv: any\n      if (value.includes('hsl')) {\n        const parts = value\n          .replace(/hsla|hsl|\\(|\\)/gm, '')\n          .split(/\\s|,/g)\n          .filter((val) => val !== '')\n          .map((val, index) =>\n            index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10)\n          )\n\n        if (parts.length === 4) {\n          newAlpha = Number.parseFloat(parts[3].toString())\n          newAlpha = newAlpha > 1 ? 1 : newAlpha\n          newAlpha = newAlpha * 100\n        } else if (parts.length === 3) {\n          newAlpha = 100\n        }\n        if (parts.length >= 3) {\n          hsv = hsl2hsv(parts[0], parts[1], parts[2])\n        }\n      } else if (value.includes('hsv')) {\n        const parts = value\n          .replace(/hsva|hsv|\\(|\\)/gm, '')\n          .split(/\\s|,/g)\n          .filter((val) => val !== '')\n          .map((val, index) =>\n            index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10)\n          )\n\n        if (parts.length === 4) {\n          newAlpha = Number.parseFloat(parts[3].toString())\n          newAlpha = newAlpha > 1 ? 1 : newAlpha\n          newAlpha = newAlpha * 100\n        } else if (parts.length === 3) {\n          newAlpha = 100\n        }\n        if (parts.length >= 3) {\n          hsv = { h: parts[0], s: parts[1], v: parts[2] }\n        }\n      } else if (value.includes('rgb')) {\n        const parts = value\n          .replace(/rgba|rgb|\\(|\\)/gm, '')\n          .split(/\\s|,/g)\n          .filter((val) => val !== '')\n          .map((val, index) =>\n            index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10)\n          )\n\n        if (parts.length === 4) {\n          newAlpha = Number.parseFloat(parts[3].toString())\n          newAlpha = newAlpha > 1 ? 1 : newAlpha\n          newAlpha = newAlpha * 100\n        } else if (parts.length === 3) {\n          newAlpha = 100\n        }\n        if (parts.length >= 3) {\n          hsv = rgb2hsv(parts[0], parts[1], parts[2])\n        }\n      } else if (value.includes('#')) {\n        const hex = value.replace('#', '').trim()\n        if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(hex))\n          return\n        let r, g, b\n\n        if (hex.length === 3) {\n          r = parseHexChannel(hex[0] + hex[0])\n          g = parseHexChannel(hex[1] + hex[1])\n          b = parseHexChannel(hex[2] + hex[2])\n        } else if (hex.length === 6 || hex.length === 8) {\n          r = parseHexChannel(hex.slice(0, 2))\n          g = parseHexChannel(hex.slice(2, 4))\n          b = parseHexChannel(hex.slice(4, 6))\n        }\n\n        if (hex.length === 8) {\n          newAlpha = parseHexChannel(hex.slice(6)) / 255\n          newAlpha = newAlpha > 1 ? 1 : newAlpha\n          newAlpha = newAlpha * 100\n        } else if (hex.length === 3 || hex.length === 6) {\n          newAlpha = 100\n        }\n        hsv = rgb2hsv(r, g, b)\n      }\n\n      if (hsv) {\n        newHue = Math.max(0, Math.min(360, hsv.h))\n        newSaturation = Math.max(0, Math.min(100, hsv.s))\n        newValue = Math.max(0, Math.min(100, hsv.v))\n      }\n    }\n    return {\n      hue: newHue,\n      saturation: newSaturation,\n      value: newValue,\n      alpha: newAlpha\n    }\n  }\n\n  private _convertFormat(format: string, info: any) {\n    let value = ''\n    switch (format) {\n      case 'hsl': {\n        value = this._getValueHSL(info)\n        break\n      }\n      case 'hsv': {\n        value = this._getValueHSV(info)\n        break\n      }\n      case 'rgb': {\n        value = this._getValueRGB(info)\n        break\n      }\n      case 'hex': {\n        value = this._getValueHEX(info)\n      }\n    }\n    return value\n  }\n\n  private _isShowAlpha(alpha: number) {\n    return alpha !== 100\n  }\n\n  private _getValueHSL(info: any) {\n    const alpha = Math.floor(info.alpha)\n    const isShowAlpha = this._isShowAlpha(info.alpha)\n    const hsl = hsv2hsl(info.hue, info.saturation / 100, info.value / 100)\n    const v1 = Math.round(info.hue)\n    const v2 = Math.round(hsl[1] * 100)\n    const v3 = Math.round(hsl[2] * 100)\n    const value = isShowAlpha\n      ? `hsla(${v1}, ${v2}%, ${v3}%, ${alpha / 100})`\n      : `hsl(${v1}, ${v2}%, ${v3}%)`\n    return value\n  }\n\n  private _getValueHSV(info: any) {\n    const alpha = Math.floor(info.alpha)\n    const isShowAlpha = this._isShowAlpha(alpha)\n    const v1 = Math.round(info.hue)\n    const v2 = Math.round(info.saturation)\n    const v3 = Math.round(info.value)\n    const value = isShowAlpha\n      ? `hsva(${v1}, ${v2}%, ${v3}%, ${alpha / 100})`\n      : `hsv(${v1}, ${v2}%, ${v3}%)`\n    return value\n  }\n\n  private _getValueHEX(info: any) {\n    const alpha = Math.floor(info.alpha)\n    const isShowAlpha = this._isShowAlpha(alpha)\n    const value = isShowAlpha\n      ? `${toHex(hsv2rgb(info.hue, info.saturation, info.value))}${hexOne((alpha * 255) / 100)}`\n      : toHex(hsv2rgb(info.hue, info.saturation, info.value))\n    return value\n  }\n\n  private _getValueRGB(info: any) {\n    const alpha = Math.floor(info.alpha)\n    const isShowAlpha = this._isShowAlpha(alpha)\n    const { r, g, b } = hsv2rgb(info.hue, info.saturation, info.value)\n    const value = isShowAlpha\n      ? `rgba(${r}, ${g}, ${b}, ${this.get('alpha') / 100})`\n      : `rgb(${r}, ${g}, ${b})`\n    return value\n  }\n}\n","<template>\n  <div\n    ref=\"refElTopParent\"\n    class=\"colorPicker-palette\"\n    :style=\"{\n      backgroundColor: optBase.background\n    }\"\n  >\n    <div class=\"colorPicker-palette-white\"></div>\n    <div class=\"colorPicker-palette-black\"></div>\n    <div\n      class=\"colorPicker-palette-btn\"\n      :style=\"{\n        top: optBase.btnTop + 'px',\n        left: optBase.btnLeft + 'px'\n      }\"\n    >\n      <div></div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, nextTick, watch, computed, ref, reactive } from 'vue'\nimport { Drag as DragEvent } from '../../Common/Element/Event/index'\nimport type Color from './color'\n\ndefineOptions({ name: 'ClColorpickerPalette' })\n\nconst props = defineProps({\n  color: {\n    type: Object as () => Color,\n    required: true\n  }\n})\n\nconst refElTopParent: any = ref(null)\n\nconst optBase: any = reactive({\n  background: 'hsl(0, 100%, 50%)',\n  btnLeft: 0,\n  btnTop: 0\n})\n\nconst optColor = computed(() => {\n  const hue = props.color.get('hue')\n  const value = props.color.get('value')\n  return { hue, value }\n})\n\nconst _drag = (_e: any, clientXYInfo: any) => {\n  const elTop = refElTopParent.value\n  const rect = elTop.getBoundingClientRect()\n  let left = clientXYInfo.clientX - rect.left\n  let top = clientXYInfo.clientY - rect.top\n  left = Math.max(0, left)\n  left = Math.min(left, rect.width)\n  top = Math.max(0, top)\n  top = Math.min(top, rect.height)\n  optBase.btnLeft = left\n  optBase.btnTop = top\n  props.color.set({\n    saturation: (left / rect.width) * 100,\n    value: 100 - (top / rect.height) * 100\n  })\n}\n\nconst _update = () => {\n  const elTop = refElTopParent.value\n  const saturation = props.color.get('saturation')\n  const value = props.color.get('value')\n  const { clientWidth, clientHeight } = elTop\n  optBase.btnLeft = (saturation * clientWidth) / 100\n  optBase.btnTop = ((100 - value) * clientHeight) / 100\n  optBase.background = `hsl(${props.color.get('hue')}, 100%, 50%)`\n}\n\nconst _initMain = () => {\n  const dragConfig = {\n    ing: (e: any, clientXYInfo: any) => {\n      _drag(e, clientXYInfo)\n    },\n    end: (e: any, clientXYInfo: any) => {\n      _drag(e, clientXYInfo)\n    }\n  }\n  new DragEvent(refElTopParent.value, dragConfig)\n  _update()\n}\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nwatch(\n  () => optColor.value,\n  () => {\n    _update()\n  }\n)\n</script>\n\n<style>\n.colorPicker-palette {\n    position: relative;\n    width: 280px;\n    height: 180px;\n    cursor: pointer;\n}\n.colorPicker-palette-white,\n.colorPicker-palette-black {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n}\n.colorPicker-palette-white {\n    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));\n}\n.colorPicker-palette-black {\n    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));\n}\n.colorPicker-palette-btn {\n    position: absolute;\n}\n.colorPicker-palette-btn > div {\n    width: 8px;\n    height: 8px;\n    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px #0000004d, 0 0 1px 2px #0006;\n    border-radius: 50%;\n    transform: translate(-4px, -4px);\n}\n</style>\n","<template>\n  <div\n    ref=\"refElTopParent\"\n    class=\"colorPicker-hue\"\n  >\n    <div\n      ref=\"refElContainer\"\n      class=\"colorPicker-hue-container\"\n      @click=\"onClickContainer\"\n    ></div>\n    <div\n      ref=\"refElBtn\"\n      class=\"colorPicker-hue-btn\"\n      :style=\"{\n        top: optBase.btnTop + 'px'\n      }\"\n    ></div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, nextTick, watch, computed, ref, reactive } from 'vue'\nimport CommonElement from '../../Common/Element/index'\nimport { Drag as DragEvent } from '../../Common/Element/Event/index'\nimport type Color from './color'\n\ndefineOptions({ name: 'ClColorpickerHue' })\n\nconst props = defineProps({\n  color: {\n    type: Object as () => Color,\n    required: true\n  }\n})\n\nconst refElTopParent: any = ref(null)\nconst refElContainer: any = ref(null)\nconst refElBtn: any = ref(null)\n\nconst optBase = reactive({\n  btnTop: 0\n})\n\nconst optColor = computed(() => {\n  return props.color.get('hue')\n})\n\nconst _drag = (_e: any, clientXYInfo: any) => {\n  const elTop = refElTopParent.value\n  const rect = elTop.getBoundingClientRect()\n  let top = clientXYInfo.clientY - rect.top\n  top = Math.max(0, top)\n  top = Math.min(top, rect.height)\n  const hue = Math.round((top / rect.height) * 360)\n  props.color.set('hue', hue)\n}\n\nconst _getBtnTop = () => {\n  const elTop = refElTopParent.value\n  const hue = props.color.get('hue')\n  return Math.round((hue * elTop.offsetHeight) / 360)\n}\n\nconst _update = () => {\n  optBase.btnTop = _getBtnTop()\n}\n\nconst _initMain = () => {\n  const dragConfig = {\n    ing: (e: any, clientXYInfo: any) => {\n      _drag(e, clientXYInfo)\n    },\n    end: (e: any, clientXYInfo: any) => {\n      _drag(e, clientXYInfo)\n    }\n  }\n  new DragEvent(refElContainer.value, dragConfig)\n  new DragEvent(refElBtn.value, dragConfig)\n  _update()\n}\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nwatch(\n  () => optColor.value,\n  () => {\n    _update()\n  }\n)\n\nconst onClickContainer = (e: any) => {\n  const target = e.target\n  if (target !== refElBtn.value) {\n    const clientXYInfo = CommonElement.getClientXY(e)\n    _drag(e, clientXYInfo)\n  }\n}\n</script>\n\n<style>\n.colorPicker-hue {\n    position: relative;\n    box-sizing: border-box;\n    width: 12px;\n    height: 180px;\n    padding: 2px 0;\n    background-color: red;\n}\n.colorPicker-hue-container {\n    position: relative;\n    height: 100%;\n    background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n}\n.colorPicker-hue-btn {\n    position: absolute;\n    cursor: pointer;\n    box-sizing: border-box;\n    left: 0;\n    top: 0;\n    background: #fff;\n    box-shadow: 0 0 2px #0009;\n    z-index: 1;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    transform: translate(-2px, -8px);\n}\n</style>\n","<template>\n  <div\n    ref=\"refElTopParent\"\n    class=\"colorPicker-alpha\"\n  >\n    <div\n      ref=\"refElContainer\"\n      class=\"colorPicker-alpha-container\"\n      :style=\"{\n        background: optBase.background\n      }\"\n      @click=\"onClickContainer\"\n    ></div>\n    <div\n      ref=\"refElBtn\"\n      class=\"colorPicker-alpha-btn\"\n      :style=\"{\n        left: optBase.btnLeft + 'px'\n      }\"\n    ></div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, nextTick, watch, computed, reactive, ref } from 'vue'\nimport CommonElement from '../../Common/Element/index'\nimport { Drag as DragEvent } from '../../Common/Element/Event/index'\nimport type Color from './color'\n\ndefineOptions({ name: 'ClColorpickerAlpha' })\n\nconst props = defineProps({\n  color: {\n    type: Object as () => Color,\n    required: true\n  }\n})\n\nconst refElTopParent: any = ref(null)\nconst refElContainer: any = ref(null)\nconst refElBtn: any = ref(null)\n\nconst optBase: any = reactive({\n  background: null,\n  btnLeft: 0\n})\n\nconst optColor = computed(() => {\n  return props.color.get('alpha')\n})\n\nconst _drag = (_e: any, clientXYInfo: any) => {\n  const elTop = refElTopParent.value\n  const rect = elTop.getBoundingClientRect()\n  let left = clientXYInfo.clientX - rect.left\n  left = Math.max(0, left)\n  left = Math.min(left, rect.width)\n  const alpha = Math.round((left / rect.width) * 100)\n  props.color.set('alpha', alpha)\n}\n\nconst _getBtnLeft = () => {\n  const elTop = refElTopParent.value\n  const alpha = props.color.get('alpha')\n  return Math.round((alpha * elTop.offsetWidth) / 100)\n}\n\nconst _getBackground = () => {\n  if (props.color && props.color.value) {\n    const { r, g, b } = props.color.toRgb()\n    return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`\n  }\n  return null\n}\n\nconst _update = () => {\n  optBase.btnLeft = _getBtnLeft()\n  optBase.background = _getBackground()\n}\n\nconst _initMain = () => {\n  const dragConfig = {\n    ing: (e: any, clientXYInfo: any) => {\n      _drag(e, clientXYInfo)\n    },\n    end: (e: any, clientXYInfo: any) => {\n      _drag(e, clientXYInfo)\n    }\n  }\n  new DragEvent(refElContainer.value, dragConfig)\n  new DragEvent(refElBtn.value, dragConfig)\n  _update()\n}\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nwatch(\n  () => optColor.value,\n  () => {\n    _update()\n  }\n)\n\nwatch(\n  () => props.color.value,\n  () => {\n    _update()\n  }\n)\n\nconst onClickContainer = (e: any) => {\n  const target = e.target\n  if (target !== refElBtn.value) {\n    const clientXYInfo = CommonElement.getClientXY(e)\n    _drag(e, clientXYInfo)\n  }\n}\n</script>\n\n<style>\n.colorPicker-alpha {\n    position: relative;\n    box-sizing: border-box;\n    width: 280px;\n    height: 12px;\n    background-image: linear-gradient(45deg, rgb(204, 204, 204) 25%, rgba(0, 0, 0, 0) 25%),\n        linear-gradient(135deg, rgb(204, 204, 204) 25%, rgba(0, 0, 0, 0) 25%),\n        linear-gradient(45deg, rgba(0, 0, 0, 0) 75%, rgb(204, 204, 204) 75%),\n        linear-gradient(135deg, rgba(0, 0, 0, 0) 75%, rgb(204, 204, 204) 75%);\n    background-size: 12px 12px;\n    background-position: 0 0, 6px 0, 6px -6px, 0 6px;\n}\n.colorPicker-alpha-container {\n    position: relative;\n    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);\n    height: 100%;\n}\n.colorPicker-alpha-btn {\n    position: absolute;\n    cursor: pointer;\n    box-sizing: border-box;\n    left: 0;\n    top: 0;\n    background: #fff;\n    box-shadow: 0 0 2px #0009;\n    z-index: 1;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    transform: translate(-8px, -2px);\n}\n</style>\n","<template>\n  <div\n    :class=\"clsParent\"\n    @click=\"onClick\"\n  >\n    <div class=\"colorPicker-bgAlpha\"></div>\n    <div :style=\"{ background: color }\"></div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport CommonBase from '../../Common/base'\n\ndefineOptions({ name: 'ClColorpickerItemblock' })\n\nconst props = defineProps({\n  className: String,\n  color: String\n})\n\nconst emit = defineEmits<{\n  (e: 'onClick', color: string): void\n}>()\n\nconst clsParent = computed(() => {\n  let cls = 'colorPicker-itemBlock '\n  const { className } = props\n  if (className && !CommonBase.isEmpty(className)) {\n    cls += className\n  }\n  return cls\n})\n\nconst onClick = () => {\n  emit('onClick', props.color || '')\n}\n</script>\n\n<style>\n.colorPicker-itemBlock {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    cursor: pointer;\n}\n.colorPicker-itemBlock > div {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 3px;\n    border: 1px solid #e9e9e9;\n}\n.colorPicker-bgAlpha {\n    background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACdJREFUKFNjPHP19n8GJGCspYLMZWCkg4L///+juOHstTuobqC9AgCYGinl3vgvfQAAAABJRU5ErkJggg==\");\n}\n</style>\n","<template>\n  <div class=\"colorPicker-preset\">\n    <ul>\n      <li\n        v-for=\"(info, cbIndex) in optList\"\n        :key=\"`${optBase.keyIndex}-${cbIndex}`\"\n      >\n        <cl-colorpicker-itemblock\n          :color=\"info\"\n          @onClick=\"onClickQuick\"\n        ></cl-colorpicker-itemblock>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, reactive, ref } from 'vue'\nimport CommonBase from '../../Common/base'\nimport ClColorpickerItemblock from './ItemBlock.vue'\n\ndefineOptions({ name: 'ClColorpickerPreset' })\n\nconst emit = defineEmits<{\n  (e: 'onClick', value: string): void\n}>()\n\nconst optBase = reactive({\n  keyIndex: `ColorpickerPreset-${CommonBase.getRandom(8)}`\n})\n\nconst optList = ref([])\n\nconst _initMain = () => {\n  const list: any = [\n    '#000000',\n    '#ffffff',\n    '#f44336',\n    '#E91E63',\n    '#9c27b0',\n    '#673AB7',\n    '#3F51B5',\n    '#2196F3',\n    '#03A9F4',\n    '#00BCD4',\n    '#009688',\n    '#4CAF50',\n    '#8BC34A',\n    '#CDDC39',\n    '#FFEB3B',\n    '#FFC107',\n    '#FF9800',\n    '#FF5722',\n    '#795548',\n    '#9E9E9E',\n    '#607D8B',\n    'rgba(255, 69, 0, 0.68)',\n    'rgba(31, 147, 255, 0.73)',\n    'rgba(0, 0, 0, 0)'\n  ]\n  optList.value = list\n}\n\nonMounted(() => {\n  _initMain()\n})\n\nconst onClickQuick = (color: string) => {\n  emit('onClick', color)\n}\n</script>\n\n<style>\n.colorPicker-preset {\n    position: relative;\n    margin-top: 12px;\n    padding: 8px 8px 0;\n    border-top: 1px solid #e9e9e9;\n}\n.colorPicker-preset > ul {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n}\n.colorPicker-preset > ul > li {\n    position: relative;\n    width: 16px;\n    height: 16px;\n    margin-right: 10px;\n    margin-top: 5px;\n    border-radius: 3px;\n    box-sizing: border-box;\n    display: inline-block;\n    transition: all 0.3s;\n    cursor: pointer;\n}\n.colorPicker-preset > ul > li:nth-child(12n) {\n    margin-right: 0;\n}\n.colorPicker-preset > ul > li:hover {\n    transform: scale(1.4);\n}\n</style>\n","<template>\n  <div class=\"colorPicker-value\">\n    <div>\n      <div\n        v-if=\"optBase.type === 'hex'\"\n        class=\"colorPicker-hex\"\n      >\n        <div>\n          <cl-input\n            v-model:value=\"optInputHex\"\n            :isClean=\"false\"\n            @onChange=\"onChangeHex\"\n          ></cl-input>\n          <div class=\"colorPicker-value-lable\">十六进制</div>\n        </div>\n      </div>\n      <div\n        v-else-if=\"optBase.type === 'rgb'\"\n        class=\"colorPicker-rgb\"\n      >\n        <div>\n          <cl-input\n            v-model:value=\"optInputRgb.r\"\n            :isClean=\"false\"\n            @onChange=\"onChangeRgb\"\n          ></cl-input>\n          <div class=\"colorPicker-value-lable\">R</div>\n        </div>\n        <div>\n          <cl-input\n            v-model:value=\"optInputRgb.g\"\n            :isClean=\"false\"\n            @onChange=\"onChangeRgb\"\n          ></cl-input>\n          <div class=\"colorPicker-value-lable\">G</div>\n        </div>\n        <div>\n          <cl-input\n            v-model:value=\"optInputRgb.b\"\n            :isClean=\"false\"\n            @onChange=\"onChangeRgb\"\n          ></cl-input>\n          <div class=\"colorPicker-value-lable\">B</div>\n        </div>\n        <div>\n          <cl-input\n            v-model:value=\"optInputRgb.a\"\n            :isClean=\"false\"\n            @onChange=\"onChangeRgb\"\n          ></cl-input>\n          <div class=\"colorPicker-value-lable\">A</div>\n        </div>\n      </div>\n      <div\n        v-else-if=\"optBase.type === 'hsl'\"\n        class=\"colorPicker-hsl\"\n      >\n        <div>\n          <cl-input\n            v-model:value=\"optInputHsl.h\"\n            :isClean=\"false\"\n            @onChange=\"onChangeHsl\"\n          ></cl-input>\n          <div class=\"colorPicker-value-lable\">H</div>\n        </div>\n        <div>\n          <cl-input\n            v-model:value=\"optInputHsl.s\"\n            :isClean=\"false\"\n            @onChange=\"onChangeHsl\"\n          ></cl-input>\n          <div class=\"colorPicker-value-lable\">S</div>\n        </div>\n        <div>\n          <cl-input\n            v-model:value=\"optInputHsl.l\"\n            :isClean=\"false\"\n            @onChange=\"onChangeHsl\"\n          ></cl-input>\n          <div class=\"colorPicker-value-lable\">L</div>\n        </div>\n        <div>\n          <cl-input\n            v-model:value=\"optInputHsl.a\"\n            :isClean=\"false\"\n            @onChange=\"onChangeHsl\"\n          ></cl-input>\n          <div class=\"colorPicker-value-lable\">A</div>\n        </div>\n      </div>\n      <div\n        v-else-if=\"optBase.type === 'hsv'\"\n        class=\"colorPicker-hsv\"\n      >\n        <div>\n          <cl-input\n            v-model:value=\"optInputHsv.h\"\n            :isClean=\"false\"\n            @onChange=\"onChangeHsv\"\n          ></cl-input>\n          <div class=\"colorPicker-value-lable\">H</div>\n        </div>\n        <div>\n          <cl-input\n            v-model:value=\"optInputHsv.s\"\n            :isClean=\"false\"\n            @onChange=\"onChangeHsv\"\n          ></cl-input>\n          <div class=\"colorPicker-value-lable\">S</div>\n        </div>\n        <div>\n          <cl-input\n            v-model:value=\"optInputHsv.v\"\n            :isClean=\"false\"\n            @onChange=\"onChangeHsv\"\n          ></cl-input>\n          <div class=\"colorPicker-value-lable\">V</div>\n        </div>\n        <div>\n          <cl-input\n            v-model:value=\"optInputHsv.a\"\n            :isClean=\"false\"\n            @onChange=\"onChangeHsv\"\n          ></cl-input>\n          <div class=\"colorPicker-value-lable\">A</div>\n        </div>\n      </div>\n      <template v-else></template>\n    </div>\n    <div>\n      <i\n        class=\"clIconFont clIcon-caret-up\"\n        @click=\"onClickUp\"\n      ></i>\n      <i\n        class=\"clIconFont clIcon-caret-down\"\n        @click=\"onClickDown\"\n      ></i>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, nextTick, watch, computed, reactive, ref } from 'vue'\nimport type Color from './color'\nimport ClInput from '../../Element/Input/Index.vue'\nimport CommonBase from '../../Common/base'\n\ndefineOptions({ name: 'ClColorpickerValue' })\n\nconst props = defineProps({\n  color: {\n    type: Object as () => Color,\n    required: true\n  }\n})\n\nconst emit = defineEmits<{\n  (e: 'onChangeType', type: string): void\n}>()\n\nconst optBase = reactive({\n  type: 'hex',\n  hex: '',\n  rgb: '',\n  hsl: '',\n  hsv: ''\n})\n\nconst optInputHex = ref('')\nconst optInputRgb = reactive({\n  r: '',\n  g: '',\n  b: '',\n  a: ''\n})\nconst optInputHsl = reactive({\n  h: '',\n  s: '',\n  l: '',\n  a: ''\n})\nconst optInputHsv = reactive({\n  h: '',\n  s: '',\n  v: '',\n  a: ''\n})\n\nconst _pageData = {\n  typeList: ['hex', 'rgb', 'hsl', 'hsv']\n}\n\nconst optColor = computed(() => {\n  return props.color.value\n})\n\nconst _splitValue = (value: string) => {\n  const temp = value.substring(value.indexOf('(') + 1, value.indexOf(')'))\n  const arr = temp.split(',').map((v: string) => CommonBase.trim(v))\n  if (arr.length === 3) {\n    arr.push('1')\n  }\n  return arr\n}\n\nconst _initValue = (v?: string, type?: string) => {\n  const newV = v || optColor.value\n  const { color } = props\n  const hex = type === 'hex' ? newV : color.getValueFormat(newV, 'hex')\n  const rgb = color.getValueFormat(newV, 'rgb')\n  const hsl = color.getValueFormat(newV, 'hsl')\n  const hsv = color.getValueFormat(newV, 'hsv')\n\n  optBase.hex = hex\n  optBase.rgb = rgb\n  optBase.hsl = hsl\n  optBase.hsv = hsv\n\n  nextTick(() => {\n    optInputHex.value = hex\n\n    const arrRgb = _splitValue(rgb)\n    optInputRgb.r = arrRgb[0]\n    optInputRgb.g = arrRgb[1]\n    optInputRgb.b = arrRgb[2]\n    optInputRgb.a = arrRgb[3]\n\n    const arrHsl = _splitValue(hsl)\n    optInputHsl.h = arrHsl[0]\n    optInputHsl.s = arrHsl[1]\n    optInputHsl.l = arrHsl[2]\n    optInputHsl.a = arrHsl[3]\n\n    const arrHsv = _splitValue(hsv)\n    optInputHsv.h = arrHsv[0]\n    optInputHsv.s = arrHsv[1]\n    optInputHsv.v = arrHsv[2]\n    optInputHsv.a = arrHsv[3]\n  })\n}\n\nconst _changeType = (num: number) => {\n  let inx = _pageData.typeList.indexOf(optBase.type)\n  inx += num\n  const len = _pageData.typeList.length\n  if (inx < 0) {\n    inx = len - 1\n  } else if (inx >= len) {\n    inx = 0\n  }\n  const type = _pageData.typeList[inx]\n  optBase.type = type\n  emit('onChangeType', type)\n}\n\nconst _changeInput = (type: string) => {\n  let value = ''\n  switch (type) {\n    case 'hex': {\n      if (optInputHex.value.length > 0) {\n        value = optInputHex.value\n      }\n      break\n    }\n    case 'rgb': {\n      if (\n        optInputRgb.r.length > 0 &&\n        optInputRgb.g.length > 0 &&\n        optInputRgb.b.length > 0 &&\n        optInputRgb.a.length > 0\n      ) {\n        value = `rgba(${optInputRgb.r}, ${optInputRgb.g}, ${optInputRgb.b},${optInputRgb.a})`\n      }\n      break\n    }\n    case 'hsl': {\n      if (\n        optInputHsl.h.length > 0 &&\n        optInputHsl.s.length > 0 &&\n        optInputHsl.l.length > 0 &&\n        optInputHsl.a.length > 0\n      ) {\n        value = `hsla(${optInputHsl.h}, ${optInputHsl.s}, ${optInputHsl.l},${optInputHsl.a})`\n      }\n      break\n    }\n    case 'hsv': {\n      if (\n        optInputHsv.h.length > 0 &&\n        optInputHsv.s.length > 0 &&\n        optInputHsv.v.length > 0 &&\n        optInputHsv.a.length > 0\n      ) {\n        value = `hsva(${optInputHsv.h}, ${optInputHsv.s}, ${optInputHsv.v},${optInputHsv.a})`\n      }\n      break\n    }\n  }\n  if (value.length > 0 && props.color.checkValue(value)) {\n    const newValue = props.color.getValueFormat(value, type)\n    if (value !== newValue) {\n      _initValue(value, type)\n      nextTick(() => {\n        props.color.fromString(value)\n      })\n      emit('onChangeType', type)\n    }\n  }\n}\n\nconst _initMain = () => {\n  _initValue()\n}\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nwatch(\n  () => optColor.value,\n  (newValue) => {\n    const newValueRgb = props.color.getValueFormat(newValue, 'rgb')\n    if (optBase.rgb !== newValueRgb) {\n      _initValue()\n    }\n  }\n)\n\nconst onChangeHex = () => {\n  _changeInput('hex')\n}\n\nconst onChangeRgb = () => {\n  _changeInput('rgb')\n}\n\nconst onChangeHsl = () => {\n  _changeInput('hsl')\n}\n\nconst onChangeHsv = () => {\n  _changeInput('hsv')\n}\n\nconst onClickUp = () => {\n  _changeType(-1)\n}\n\nconst onClickDown = () => {\n  _changeType(1)\n}\n\nconst setType = (type: string) => {\n  optBase.type = type\n}\n\ndefineExpose({\n  setType\n})\n</script>\n\n<style>\n.colorPicker-value {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: space-between;\n    cursor: default;\n}\n.colorPicker-value > div:first-child {\n    flex: 1;\n}\n.colorPicker-value > div:last-child {\n    margin-top: 5px;\n    margin-left: 5px;\n    width: 30px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n.colorPicker-value .panel-input {\n    width: auto !important;\n}\n.colorPicker-value .panel-input .form-control {\n    height: 26px;\n    line-height: 26px;\n    padding: 2px;\n    font-size: 12px;\n    text-align: center;\n}\n.colorPicker-value-lable {\n    color: #80868a;\n    margin-top: 5px;\n    text-align: center;\n}\n.colorPicker-value > div:first-child > div {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n}\n.colorPicker-value > div:first-child > div > div {\n    width: 50px;\n    margin-right: 10px;\n}\n.colorPicker-value > div:first-child > div > div:last-child {\n    margin-right: 0;\n}\n.colorPicker-value > div:first-child > div.colorPicker-hex > div {\n    width: 100%;\n}\n.colorPicker-value > div:last-child:hover {\n    background-color: #d5d5d5;\n    border-radius: 5px;\n    transition: all 0.3s;\n}\n.colorPicker-value > div:last-child > i {\n    font-size: 16px;\n    cursor: pointer;\n}\n.colorPicker-value > div:last-child > i:hover {\n    color: #1088f0;\n    transition: all 0.3s;\n}\n</style>\n","<template>\n  <div\n    :class=\"clsParent\"\n    @mouseenter=\"onHoverIn\"\n    @mouseleave=\"onHoverOut\"\n  >\n    <slot></slot>\n    <div\n      v-if=\"optIsShowIcon\"\n      class=\"colorPicker-copy-icon\"\n    >\n      <cl-clipboard :textLabel=\"getTxtCallback ? getTxtCallback() : (color || '')\"></cl-clipboard>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, useSlots } from 'vue'\nimport CommonBase from '../../Common/base'\nimport ClClipboard from '../../Element/Clipboard/Index.vue'\n\ndefineOptions({ name: 'ClColorpickerCopy' })\n\nconst props = defineProps({\n  className: String,\n  color: String,\n  getTxtCallback: Function\n})\n\nconst slots = useSlots()\n\nconst optBase = reactive({\n  isHover: false\n})\n\nconst isUseSlots = computed(() => {\n  return !CommonBase.isUndefined(slots.default)\n})\n\nconst optIsShowIcon = computed(() => {\n  let isShow = false\n  if (isUseSlots.value) {\n    isShow = optBase.isHover\n  } else {\n    isShow = true\n  }\n  return isShow\n})\n\nconst clsParent = computed(() => {\n  const clsTemp: any = {\n    'colorPicker-copy': true,\n    'colorPicker-copy-hover': optBase.isHover\n  }\n  const { className } = props\n  if (className && !CommonBase.isEmpty(className)) {\n    className.split(' ').forEach((cls: string) => {\n      if (!CommonBase.isEmpty(cls)) {\n        clsTemp[cls] = true\n      }\n    })\n  }\n  return clsTemp\n})\n\nconst onHoverIn = () => {\n  if (isUseSlots.value) {\n    optBase.isHover = true\n  }\n}\n\nconst onHoverOut = () => {\n  if (isUseSlots.value) {\n    optBase.isHover = false\n  }\n}\n</script>\n\n<style>\n.colorPicker-copy {\n    position: relative;\n}\n.colorPicker-copy-hover > .colorPicker-copy-icon {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    background-color: rgba(79, 79, 79, 0.8);\n    border-radius: 50%;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n}\n</style>\n","<template>\n  <div class=\"colorPicker-wrapper\">\n    <div class=\"colorPicker-container\">\n      <div>\n        <cl-colorpicker-palette :color=\"optColor\"></cl-colorpicker-palette>\n        <cl-colorpicker-hue :color=\"optColor\"></cl-colorpicker-hue>\n      </div>\n      <div v-if=\"isAlpha\">\n        <cl-colorpicker-alpha :color=\"optColor\"></cl-colorpicker-alpha>\n        <div></div>\n      </div>\n    </div>\n    <div\n      v-if=\"isFormat\"\n      class=\"colorPicker-format\"\n    >\n      <div class=\"colorPicker-format-show\">\n        <cl-colorpicker-copy\n          className=\"colorPicker-tipCurrent\"\n          :getTxtCallback=\"onGetCopyTxt\"\n        >\n          <cl-colorpicker-itemblock :color=\"optColor.value\"></cl-colorpicker-itemblock>\n        </cl-colorpicker-copy>\n      </div>\n      <cl-colorpicker-value\n        ref=\"refElColorValue\"\n        :color=\"optColor\"\n        @onChangeType=\"onChangeFormatType\"\n      ></cl-colorpicker-value>\n    </div>\n    <div\n      v-if=\"isOperate\"\n      class=\"colorPicker-operate\"\n    >\n      <div ref=\"refElColorResult\">{{ optBase.colorResult }}</div>\n      <div>\n        <div @click=\"onRestore\">\n          <i\n            class=\"clIconFont clIcon-restore\"\n            :title=\"optPageLanguage.restore\"\n          ></i>\n        </div>\n        <div @click=\"onClear\">\n          <i\n            class=\"clIconFont clIcon-clear\"\n            :title=\"optPageLanguage.clearEmpty\"\n          ></i>\n        </div>\n        <cl-colorpicker-copy :color=\"optBase.colorResult\"></cl-colorpicker-copy>\n        <div\n          v-if=\"isDropdown\"\n          @click=\"onSubmit\"\n        >\n          <i\n            class=\"clIconFont clIcon-check\"\n            :title=\"optPageLanguage.submit\"\n          ></i>\n        </div>\n      </div>\n    </div>\n    <cl-colorpicker-preset\n      v-if=\"isPreset\"\n      @onClick=\"onQuick\"\n    ></cl-colorpicker-preset>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, nextTick, watch, reactive, ref } from 'vue'\nimport CommonBase from '../../Common/base'\nimport Color from './color'\nimport ClColorpickerPalette from './Palette.vue'\nimport ClColorpickerHue from './Hue.vue'\nimport ClColorpickerAlpha from './Alpha.vue'\nimport ClColorpickerPreset from './Preset.vue'\nimport ClColorpickerValue from './Value.vue'\nimport ClColorpickerItemblock from './ItemBlock.vue'\nimport ClColorpickerCopy from './Copy.vue'\nimport useLanguage from '../../Use/language'\n\ndefineOptions({ name: 'ClColorpickerBase' })\n\nconst props = defineProps({\n  value: String,\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  isAlpha: {\n    type: Boolean,\n    default: true\n  },\n  isFormat: {\n    type: Boolean,\n    default: true\n  },\n  isOperate: {\n    type: Boolean,\n    default: true\n  },\n  isPreset: {\n    type: Boolean,\n    default: true\n  },\n  isDropdown: {\n    type: Boolean,\n    default: true\n  }\n})\n\nconst emit = defineEmits<{\n  (e: 'onChange', value: string): void\n  (e: 'onSubmit'): void\n  (e: 'onInit'): void\n}>()\n\nconst { optPageLanguage, getPageLanguage } = useLanguage()\ngetPageLanguage('common')\n\nconst refElColorResult: any = ref(null)\nconst refElColorValue: any = ref(null)\n\nconst optBase = reactive({\n  isShowColorResult: false,\n  colorResult: '',\n  formatShow: 'hex'\n})\n\nconst optColor = reactive(\n  new Color({\n    value: props.value,\n    format: '',\n    enableAlpha: true\n  })\n) as Color\n\nconst _pageData = {\n  isColorChangeResult: true\n}\n\nconst _getFormatInit = () => {\n  const alpha = optColor.get('alpha')\n  return alpha.toString() === '100' ? 'hex' : 'rgb'\n}\n\nconst _initColorResult = (color?: string, isEmit = true) => {\n  let newColor = ''\n  if (color && !CommonBase.isEmpty(color) && optBase.isShowColorResult) {\n    newColor = optColor.getValueFormat(color, optBase.formatShow)\n  }\n  optBase.colorResult = newColor\n  if (isEmit) {\n    emit('onChange', newColor)\n  }\n}\n\nconst _initValue = (value?: string) => {\n  if (value && !CommonBase.isEmpty(value)) {\n    optBase.isShowColorResult = true\n    optColor.fromString(value)\n  } else {\n    optBase.isShowColorResult = false\n    _pageData.isColorChangeResult = false\n    _initColorResult('', false)\n    optColor.fromString('')\n    nextTick(() => {\n      _pageData.isColorChangeResult = true\n    })\n  }\n}\n\nconst _initMain = () => {\n  const { value } = props\n  _initValue(value)\n  emit('onInit')\n}\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nwatch(\n  () => props.value,\n  (newValue) => {\n    _initValue(newValue)\n  }\n)\n\nwatch(\n  () => optColor.value,\n  (newValue) => {\n    if (CommonBase.isEmpty(props.value)) {\n      optBase.isShowColorResult = true\n    }\n    if (_pageData.isColorChangeResult) {\n      _initColorResult(newValue)\n    }\n    _pageData.isColorChangeResult = true\n  }\n)\n\nconst onGetCopyTxt = () => {\n  return optColor.getValueFormat(optColor.value, optBase.formatShow)\n}\n\nconst onQuick = (color: string) => {\n  optColor.fromString(color)\n}\n\nconst onChangeFormatType = (type: string) => {\n  optBase.formatShow = type\n  _initColorResult(optColor.value, false)\n}\n\nconst onRestore = () => {\n  const value = props.value || ''\n  optBase.isShowColorResult = !CommonBase.isEmpty(value)\n  _initColorResult(value)\n  _pageData.isColorChangeResult = false\n  optColor.fromString(value)\n}\n\nconst onClear = () => {\n  const value = ''\n  _pageData.isColorChangeResult = false\n  _initColorResult(value)\n  optColor.fromString(value)\n}\n\nconst onSubmit = () => {\n  emit('onSubmit')\n}\n\nconst getValue = () => {\n  let value = optBase.colorResult\n  if (value.length > 0) {\n    const format = _getFormatInit()\n    value = optColor.getValueFormat(value, format)\n  }\n  return value\n}\n\nconst setValue = (value: string) => {\n  _initValue(value)\n}\n\nconst initValueType = () => {\n  const type = _getFormatInit()\n  optBase.formatShow = type\n  if (refElColorValue.value) {\n    refElColorValue.value.setType(type)\n  }\n}\n\ndefineExpose({\n  getValue,\n  setValue,\n  initValueType\n})\n</script>\n\n<style>\n.colorPicker-wrapper {\n    position: relative;\n    width: 100%;\n    padding-bottom: 10px;\n}\n.colorPicker-container {\n    padding: 8px 0 0 8px;\n}\n.colorPicker-container > div {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n}\n.colorPicker-container > div:last-child {\n    margin-top: 10px;\n}\n.colorPicker-container > div:first-child {\n    margin-top: 0;\n}\n.colorPicker-container > div > div:last-child {\n    margin-left: 10px;\n}\n\n.colorPicker-format {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 12px 0 0 8px;\n}\n.colorPicker-format-show {\n    width: 45px;\n    text-align: center;\n}\n.colorPicker-value {\n    flex: 1;\n}\n.colorPicker-tipCurrent {\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    margin: 0 auto;\n}\n.colorPicker-tipCurrent > div {\n    border-radius: 50%;\n}\n.colorPicker-tipCurrent > .colorPicker-itemBlock > div {\n    border-radius: 50%;\n    border-width: 0;\n}\n.colorPicker-format + .colorPicker-operate {\n    padding-top: 0;\n}\n.colorPicker-operate {\n    padding: 12px 3px 0 8px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n}\n.colorPicker-operate > div:first-child {\n    font-size: 12px;\n    color: #80868a;\n    padding: 4px 8px;\n    cursor: default;\n    border: 1px solid #e9e9e9;\n    border-radius: 4px;\n    min-width: 100px;\n}\n.colorPicker-operate > div:first-child:empty {\n    width: 100px;\n    height: 28px;\n}\n.colorPicker-operate > div:last-child {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n}\n.colorPicker-operate > div:last-child > div {\n    border-radius: 50%;\n    width: 24px;\n    height: 24px;\n    cursor: pointer;\n    transition: all 0.3s;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n}\n.colorPicker-operate > div:last-child > div:last-child {\n    margin-right: 0;\n}\n.colorPicker-operate > div:last-child > div:hover {\n    background: #bbbbbb;\n    color: #ffffff;\n}\n.colorPicker-operate > div:last-child > div > i {\n    transition: font-size 0.3s;\n    font-size: 14px;\n}\n.colorPicker-operate > div:last-child > div:hover > i {\n    font-size: 16px;\n}\n\n.colorPicker-operate .colorPicker-copy .panel-clipboard > .clipboard-btn {\n    color: #314659;\n}\n.colorPicker-operate .colorPicker-copy .panel-clipboard > .clipboard-btn > i {\n    transition: font-size 0.3s;\n    font-size: 14px;\n}\n.colorPicker-operate > div:last-child > .colorPicker-copy:hover .panel-clipboard > .clipboard-btn {\n    color: #ffffff;\n}\n.colorPicker-operate > div:last-child > .colorPicker-copy:hover .panel-clipboard > .clipboard-btn > i {\n    font-size: 16px;\n}\n.colorPicker-operate .colorPicker-copy .panel-clipboard {\n    width: 24px;\n    height: 24px;\n}\n.colorPicker-operate .colorPicker-copy .clipboard-operate-result {\n    border-radius: 50%;\n}\n\n.colorPicker-format + .colorPicker-preset {\n    margin-top: 6px;\n}\n.colorPicker-operate + .colorPicker-preset {\n    margin-top: 8px;\n}\n</style>\n","<template>\n  <cl-dropdownlayer-popup\n    v-if=\"isDropdown\"\n    ref=\"refElDropdownLayer\"\n    :classParent=\"clsParent\"\n    classDropDown=\"colorPicker-dropdown\"\n    :isUseDropdownArrow=\"true\"\n    @onChangeOpen=\"onDropDownOpenToggle\"\n    @onOpenComplete=\"onDropDownOpenComplete\"\n  >\n    <template v-slot:label>\n      <div class=\"colorpicker-dropdown-text\">\n        <div class=\"colorPicker-bgAlpha\"></div>\n        <div :style=\"{ 'background-color': optBase.dropdownTextValue }\"></div>\n        <div class=\"colorpicker-dropdown-arrow\"><i class=\"clIconFont clIcon-angle-down\"></i></div>\n      </div>\n    </template>\n    <template v-slot:dropdown>\n      <cl-colorpicker-base\n        v-if=\"optBase.isInitShow\"\n        ref=\"refElColorpicker\"\n        :value=\"optBase.currentValue\"\n        :isAlpha=\"isAlpha\"\n        :isFormat=\"isFormat\"\n        :isOperate=\"isOperate\"\n        :isPreset=\"isPreset\"\n        :isDropdown=\"isDropdown\"\n        @onChange=\"onChangeColor\"\n        @onSubmit=\"onSubmit\"\n        @onInit=\"onInitComplete\"\n      ></cl-colorpicker-base>\n    </template>\n  </cl-dropdownlayer-popup>\n  <div\n    v-else\n    :class=\"clsParent\"\n  >\n    <cl-colorpicker-base\n      v-if=\"optBase.isInitShow\"\n      ref=\"refElColorpicker\"\n      :value=\"optBase.currentValue\"\n      :disabled=\"disabled\"\n      :isAlpha=\"isAlpha\"\n      :isFormat=\"isFormat\"\n      :isOperate=\"isOperate\"\n      :isPreset=\"isPreset\"\n      :isDropdown=\"isDropdown\"\n      @onChange=\"onChangeColor\"\n      @onSubmit=\"onSubmit\"\n      @onInit=\"onInitComplete\"\n    ></cl-colorpicker-base>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, nextTick, watch, computed, reactive, ref } from 'vue'\nimport CommonBase from '../../Common/base'\nimport ClDropdownlayerPopup from '../DropdownLayer/Popup.vue'\nimport ClColorpickerBase from './Color.vue'\n\ndefineOptions({ name: 'ClColorpicker' })\n\nconst props = defineProps({\n  value: String,\n  className: String,\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  isAlpha: {\n    type: Boolean,\n    default: true\n  },\n  isFormat: {\n    type: Boolean,\n    default: true\n  },\n  isOperate: {\n    type: Boolean,\n    default: true\n  },\n  isPreset: {\n    type: Boolean,\n    default: true\n  },\n  isDropdown: {\n    type: Boolean,\n    default: true\n  }\n})\n\nconst emit = defineEmits<{\n  (e: 'update:value', value: string): void\n  (e: 'onChange', value: string): void\n  (e: 'onInit'): void\n}>()\n\nconst refElDropdownLayer: any = ref(null)\nconst refElColorpicker: any = ref(null)\n\nconst optBase = reactive({\n  isInitShow: !props.isDropdown,\n  dropdownTextValue: '',\n  currentValue: ''\n})\n\nconst _pageData = {\n  lastValue: ''\n}\n\nconst clsParent = computed(() => {\n  let cls = 'panel-colorPicker '\n  const { className } = props\n  if (className && !CommonBase.isEmpty(className)) {\n    cls += className\n  }\n  return cls\n})\n\nconst _emitChange = () => {\n  const value = optBase.currentValue\n  let isChange = false\n  if (props.isDropdown) {\n    isChange = value !== _pageData.lastValue\n  } else {\n    isChange = true\n  }\n  if (isChange) {\n    _pageData.lastValue = value\n    emit('update:value', value)\n    emit('onChange', value)\n  }\n}\n\nconst _initDropdownText = (value?: string) => {\n  let newValue = 'transparent'\n  if (value && !CommonBase.isEmpty(value)) {\n    newValue = value\n  }\n  optBase.dropdownTextValue = newValue\n}\n\nconst _initValue = (value?: string) => {\n  const newValue = value || ''\n  _pageData.lastValue = newValue\n  if (!props.isDropdown) {\n    optBase.currentValue = newValue\n  }\n  _initDropdownText(newValue)\n}\n\nconst _setCloseValue = () => {\n  const value = refElColorpicker.value.getValue()\n  optBase.dropdownTextValue = value\n  optBase.currentValue = value\n  _emitChange()\n}\n\nconst _initMain = () => {\n  _initValue(props.value)\n}\n\nwatch(\n  () => props.value,\n  (newValue) => {\n    _initValue(newValue)\n  }\n)\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nconst onInitComplete = () => {\n}\n\nconst onDropDownOpenToggle = (value: boolean) => {\n  if (!props.disabled) {\n    if (value) {\n      if (refElColorpicker.value) {\n        refElColorpicker.value.initValueType()\n      }\n    } else {\n      if (props.isOperate) {\n        if (\n          optBase.currentValue !== refElColorpicker.value.getValue() &&\n          optBase.currentValue === _pageData.lastValue\n        ) {\n          refElColorpicker.value.setValue(_pageData.lastValue)\n        }\n      } else {\n        _setCloseValue()\n      }\n    }\n  }\n}\n\nconst onDropDownOpenComplete = () => {\n  optBase.isInitShow = true\n  optBase.currentValue = _pageData.lastValue\n}\n\nconst onChangeColor = () => {\n  if (!props.isDropdown) {\n    _setCloseValue()\n  }\n}\n\nconst onSubmit = () => {\n  _setCloseValue()\n  if (props.isDropdown && refElDropdownLayer.value) {\n    refElDropdownLayer.value.setOpen(false)\n  }\n}\n\nconst getValue = () => {\n  const value = optBase.currentValue\n  return value\n}\n\nconst getValueData = () => {\n  const value = optBase.currentValue\n  return { value }\n}\n\nconst setValue = (value: string) => {\n  _initValue(value)\n}\n\ndefineExpose({\n  getValue,\n  getValueData,\n  setValue\n})\n</script>\n\n<style>\n.panel-colorPicker {\n    position: relative;\n    width: 320px;\n}\n.panel-colorPicker.panel-dropdownLayer {\n    display: inline-block;\n    width: auto;\n}\n.panel-colorPicker > .dropdownLayer-text {\n    height: 32px;\n    width: 32px;\n    padding: 2px;\n    border-radius: 4px;\n    border: 1px solid #cfcfcf;\n}\n.colorpicker-dropdown-text {\n    position: relative;\n    height: 100%;\n    width: 100%;\n}\n.colorpicker-dropdown-text > div {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 4px;\n}\n.colorpicker-dropdown-text > .colorpicker-dropdown-arrow {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    color: #ffffff;\n}\n.colorpicker-dropdown-text > .colorpicker-dropdown-arrow i {\n    transition: transform 0.2s ease-in-out;\n}\n.panel-colorPicker > .dropdownLayer-text-open .colorpicker-dropdown-arrow i {\n    transform: rotate(-180deg);\n}\n.panel-colorPicker.panel-dropdownLayer > .colorPicker-dropdown {\n    width: 320px;\n}\n.panel-colorPicker > .colorPicker-dropdown .colorPicker-container {\n    padding: 10px 0 0 10px;\n}\n</style>\n"],"names":["hasOwn","json","key","hsv2hsl","hue","sat","val","isOnePointZero","n","isPercentage","bound01","value","max","processPercent","INT_HEX_MAP","hexOne","high","low","toHex","g","b","HEX_INT_MAP","parseHexChannel","hex","hsl2hsv","light","smin","lmin","v","sv","rgb2hsv","min","h","d","s","hsv2rgb","i","f","p","q","t","mod","r","Color","options","option","prop","tempInfo","color","saturation","alpha","format","newValue","isCheck","reg","newHue","newSaturation","newAlpha","hsv","parts","index","info","isShowAlpha","hsl","v1","v2","v3","props","__props","refElTopParent","ref","optBase","reactive","optColor","computed","_drag","_e","clientXYInfo","rect","left","top","_update","elTop","clientWidth","clientHeight","_initMain","dragConfig","e","DragEvent","onMounted","nextTick","watch","_createElementBlock","_normalizeStyle","_createElementVNode","refElContainer","refElBtn","_getBtnTop","onClickContainer","CommonElement","_getBtnLeft","_getBackground","emit","__emit","clsParent","cls","className","CommonBase","onClick","optList","list","onClickQuick","_openBlock","_hoisted_1","_Fragment","_renderList","cbIndex","_createVNode","ClColorpickerItemblock","optInputHex","optInputRgb","optInputHsl","optInputHsv","_pageData","_splitValue","arr","_initValue","type","newV","rgb","arrRgb","arrHsl","arrHsv","_changeType","num","inx","len","_changeInput","newValueRgb","onChangeHex","onChangeRgb","onChangeHsl","onChangeHsv","onClickUp","onClickDown","__expose","_hoisted_2","ClInput","$event","_cache","_hoisted_3","_hoisted_4","_hoisted_5","slots","useSlots","isUseSlots","optIsShowIcon","isShow","clsTemp","onHoverIn","onHoverOut","_renderSlot","_ctx","ClClipboard","optPageLanguage","getPageLanguage","useLanguage","refElColorResult","refElColorValue","_getFormatInit","_initColorResult","isEmit","newColor","onGetCopyTxt","onQuick","onChangeFormatType","onRestore","onClear","onSubmit","ClColorpickerPalette","ClColorpickerHue","ClColorpickerAlpha","ClColorpickerCopy","ClColorpickerValue","_hoisted_6","_toDisplayString","_unref","_createBlock","ClColorpickerPreset","refElDropdownLayer","refElColorpicker","_emitChange","isChange","_initDropdownText","_setCloseValue","onInitComplete","onDropDownOpenToggle","onDropDownOpenComplete","onChangeColor","ClDropdownlayerPopup","ClColorpickerBase"],"mappings":"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"}

package/buildLibs/utils/Web/ClColorpicker.css

@@ -1 +0,0 @@
-.colorPicker-palette{position:relative;width:280px;height:180px;cursor:pointer}.colorPicker-palette-white,.colorPicker-palette-black{position:absolute;inset:0}.colorPicker-palette-white{background:linear-gradient(to right,#fff,#fff0)}.colorPicker-palette-black{background:linear-gradient(to top,#000,#0000)}.colorPicker-palette-btn{position:absolute}.colorPicker-palette-btn>div{width:8px;height:8px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(-4px,-4px)}.colorPicker-hue{position:relative;box-sizing:border-box;width:12px;height:180px;padding:2px 0;background-color:red}.colorPicker-hue-container{position:relative;height:100%;background:linear-gradient(to bottom,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.colorPicker-hue-btn{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;background:#fff;box-shadow:0 0 2px #0009;z-index:1;width:16px;height:16px;border-radius:50%;transform:translate(-2px,-8px)}.colorPicker-alpha{position:relative;box-sizing:border-box;width:280px;height:12px;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(135deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(135deg,#0000 75%,#ccc 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0 6px}.colorPicker-alpha-container{position:relative;background:linear-gradient(to right,#fff0,#fff);height:100%}.colorPicker-alpha-btn{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;background:#fff;box-shadow:0 0 2px #0009;z-index:1;width:16px;height:16px;border-radius:50%;transform:translate(-8px,-2px)}.colorPicker-itemBlock{position:relative;width:100%;height:100%;cursor:pointer}.colorPicker-itemBlock>div{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px;border:1px solid #e9e9e9}.colorPicker-bgAlpha{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACdJREFUKFNjPHP19n8GJGCspYLMZWCkg4L///+juOHstTuobqC9AgCYGinl3vgvfQAAAABJRU5ErkJggg==)}.colorPicker-preset{position:relative;margin-top:12px;padding:8px 8px 0;border-top:1px solid #e9e9e9}.colorPicker-preset>ul{padding:0;margin:0;list-style:none}.colorPicker-preset>ul>li{position:relative;width:16px;height:16px;margin-right:10px;margin-top:5px;border-radius:3px;box-sizing:border-box;display:inline-block;transition:all .3s;cursor:pointer}.colorPicker-preset>ul>li:nth-child(12n){margin-right:0}.colorPicker-preset>ul>li:hover{transform:scale(1.4)}.colorPicker-value{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;cursor:default}.colorPicker-value>div:first-child{flex:1}.colorPicker-value>div:last-child{margin-top:5px;margin-left:5px;width:30px;display:flex;flex-direction:column;align-items:center}.colorPicker-value .panel-input{width:auto!important}.colorPicker-value .panel-input .form-control{height:26px;line-height:26px;padding:2px;font-size:12px;text-align:center}.colorPicker-value-lable{color:#80868a;margin-top:5px;text-align:center}.colorPicker-value>div:first-child>div{display:flex;flex-direction:row;align-items:center}.colorPicker-value>div:first-child>div>div{width:50px;margin-right:10px}.colorPicker-value>div:first-child>div>div:last-child{margin-right:0}.colorPicker-value>div:first-child>div.colorPicker-hex>div{width:100%}.colorPicker-value>div:last-child:hover{background-color:#d5d5d5;border-radius:5px;transition:all .3s}.colorPicker-value>div:last-child>i{font-size:16px;cursor:pointer}.colorPicker-value>div:last-child>i:hover{color:#1088f0;transition:all .3s}.colorPicker-copy{position:relative}.colorPicker-copy-hover>.colorPicker-copy-icon{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:#4f4f4fcc;border-radius:50%;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer}.colorPicker-wrapper{position:relative;width:100%;padding-bottom:10px}.colorPicker-container{padding:8px 0 0 8px}.colorPicker-container>div{display:flex;flex-direction:row;align-items:flex-start}.colorPicker-container>div:last-child{margin-top:10px}.colorPicker-container>div:first-child{margin-top:0}.colorPicker-container>div>div:last-child{margin-left:10px}.colorPicker-format{display:flex;flex-direction:row;align-items:flex-start;padding:12px 0 0 8px}.colorPicker-format-show{width:45px;text-align:center}.colorPicker-value{flex:1}.colorPicker-tipCurrent{width:26px;height:26px;border-radius:50%;margin:0 auto}.colorPicker-tipCurrent>div{border-radius:50%}.colorPicker-tipCurrent>.colorPicker-itemBlock>div{border-radius:50%;border-width:0}.colorPicker-format+.colorPicker-operate{padding-top:0}.colorPicker-operate{padding:12px 3px 0 8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.colorPicker-operate>div:first-child{font-size:12px;color:#80868a;padding:4px 8px;cursor:default;border:1px solid #e9e9e9;border-radius:4px;min-width:100px}.colorPicker-operate>div:first-child:empty{width:100px;height:28px}.colorPicker-operate>div:last-child{display:flex;flex-direction:row;align-items:center}.colorPicker-operate>div:last-child>div{border-radius:50%;width:24px;height:24px;cursor:pointer;transition:all .3s;display:flex;flex-direction:row;align-items:center;justify-content:center}.colorPicker-operate>div:last-child>div:last-child{margin-right:0}.colorPicker-operate>div:last-child>div:hover{background:#bbb;color:#fff}.colorPicker-operate>div:last-child>div>i{transition:font-size .3s;font-size:14px}.colorPicker-operate>div:last-child>div:hover>i{font-size:16px}.colorPicker-operate .colorPicker-copy .panel-clipboard>.clipboard-btn{color:#314659}.colorPicker-operate .colorPicker-copy .panel-clipboard>.clipboard-btn>i{transition:font-size .3s;font-size:14px}.colorPicker-operate>div:last-child>.colorPicker-copy:hover .panel-clipboard>.clipboard-btn{color:#fff}.colorPicker-operate>div:last-child>.colorPicker-copy:hover .panel-clipboard>.clipboard-btn>i{font-size:16px}.colorPicker-operate .colorPicker-copy .panel-clipboard{width:24px;height:24px}.colorPicker-operate .colorPicker-copy .clipboard-operate-result{border-radius:50%}.colorPicker-format+.colorPicker-preset{margin-top:6px}.colorPicker-operate+.colorPicker-preset{margin-top:8px}.panel-colorPicker{position:relative;width:320px}.panel-colorPicker.panel-dropdownLayer{display:inline-block;width:auto}.panel-colorPicker>.dropdownLayer-text{height:32px;width:32px;padding:2px;border-radius:4px;border:1px solid #cfcfcf}.colorpicker-dropdown-text{position:relative;height:100%;width:100%}.colorpicker-dropdown-text>div{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px}.colorpicker-dropdown-text>.colorpicker-dropdown-arrow{display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:10;color:#fff}.colorpicker-dropdown-text>.colorpicker-dropdown-arrow i{transition:transform .2s ease-in-out}.panel-colorPicker>.dropdownLayer-text-open .colorpicker-dropdown-arrow i{transform:rotate(-180deg)}.panel-colorPicker.panel-dropdownLayer>.colorPicker-dropdown{width:320px}.panel-colorPicker>.colorPicker-dropdown .colorPicker-container{padding:10px 0 0 10px}

package/buildLibs/utils/Web/ClColorpicker.d.ts

@@ -1,3 +0,0 @@
-import type { DefineComponent } from 'vue'
-declare const _default: DefineComponent<object, object, any>
-export default _default