@cldemo/ui-kit 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClColorpicker.js","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","r","g","b","HEX_INT_MAP","parseHexChannel","hex","hsl2hsv","light","smin","lmin","v","sv","rgb2hsv","min","h","d","s","hsv2rgb","i","f","p","q","mod","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/ClCropperPreview.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("vue"),a=require("../Shared/base-iCmnU-fv.js"),B=require("../Shared/Index.vue_vue_type_script_setup_true_lang-SO7WBNgE.js"),g=require("../Element/ClButton.cjs"),f=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BSTGdmJD.js"),k=require("../Shared/Index.vue_vue_type_script_setup_true_lang-D5cJAhwe.js"),E={class:"box-flex"},_=t.defineComponent({name:"ClCropperPreview",__name:"Index",props:{className:String,previewImageUrl:String,coverImageUrl:String,width:{type:Number,default:400},height:{type:Number,default:400},widthPreview:Number,heightPreview:Number,previewShape:{type:String,default:"square"},isCenterBox:{type:Boolean,default:!0},isShowUploadBtn:{type:Boolean,default:!0},getCropperImageUrl:Function,saveImageBase64:Function},emits:["onInitCoverImage"],setup(l,{expose:u,emit:v}){const i=l,C=v,s=t.ref(null),n=t.reactive({isEmptyPrevieUrl:!1,isEmptyCoverUrl:!1,isInitCover:!1,isAgainCropper:!1,coverImageUrlOriginal:""}),h=t.computed(()=>{const{width:r,widthPreview:e}=i;let o;return e&&!a.CommonBase.isEmpty(e)?o=e:o=r,o}),I=t.computed(()=>{const{height:r,heightPreview:e}=i;let o;return e&&!a.CommonBase.isEmpty(e)?o=e:o=r,o}),d=t.computed(()=>{const{className:r}=i,e={"panel-cropperPreview":!0};return r&&!a.CommonBase.isEmpty(r)&&r.split(" ").forEach(o=>{a.CommonBase.isEmpty(o)||(e[o]=!0)}),e}),m=()=>{const{previewImageUrl:r}=i,e=a.CommonBase.isEmpty(r);n.isEmptyPrevieUrl=e,n.isAgainCropper=e},p=()=>{const{coverImageUrl:r}=i,e=a.CommonBase.isEmpty(r);n.isEmptyCoverUrl=e,n.coverImageUrlOriginal=e?"":r},w=()=>{m(),p()};t.onMounted(()=>{t.nextTick(()=>{w()})}),t.watch(()=>i.previewImageUrl,()=>{m()}),t.watch(()=>i.coverImageUrl,()=>{p()});const U=r=>{r&&C("onInitCoverImage")},y=(r,e)=>{a.CommonBase.getBase64ByFile(r).then(o=>{n.isAgainCropper=!0,n.coverImageUrlOriginal=o})};return u({getValue:async()=>s.value?await s.value.getImageBase64().then(e=>e):"",getCropperUrl:async r=>{let e="";if(s.value&&i.getCropperImageUrl)e=await i.getCropperImageUrl(s.value,r);else{const{previewImageUrl:o,coverImageUrl:c}=i;e=a.CommonBase.isEmpty(o)?c:o}return e},getCoverUrlOriginal:async r=>{let e="";const{coverImageUrlOriginal:o}=n;if(o.substring(0,5)==="data:"&&i.saveImageBase64){const c=await i.saveImageBase64(o,r);e=c.success?c.imageUrl:""}else/^(http|https):\/\/[^\s]+$/.test(o)&&(e=o);return e}}),(r,e)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(d.value)},[t.createElementVNode("div",E,[n.isEmptyPrevieUrl?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[n.isAgainCropper?(t.openBlock(),t.createBlock(g,{key:0,className:"m-b-5 w-120 m-r-10",icon:"clIconFont clIcon-reply",label:"返回",color:"transparent",onOnClick:e[0]||(e[0]=o=>n.isAgainCropper=!1)})):n.isEmptyCoverUrl?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(g,{key:1,className:"m-b-5 w-120",icon:"clIconFont clIcon-cropper",label:"重新裁切",color:"transparent",onOnClick:e[1]||(e[1]=o=>n.isAgainCropper=!0)}))],64)),l.isShowUploadBtn&&(n.isAgainCropper||n.isEmptyCoverUrl)?(t.openBlock(),t.createBlock(f._sfc_main,{key:1,className:"m-b-5",theme:"button",checkFormat:"jpg,png",buttonIcon:"clIconFont clIcon-upload-cloud",buttonColor:"white",buttonLabel:"选择图片",isShowUploadResult:!1,isShowUploadIng:!1,onOnChange:y})):t.createCommentVNode("",!0)]),!n.isEmptyPrevieUrl&&!n.isAgainCropper?(t.openBlock(),t.createBlock(k._sfc_main,{key:0,type:"image",list:[{value:l.previewImageUrl||"",imgUrl:"",label:""}],width:h.value,height:I.value},null,8,["list","width","height"])):n.coverImageUrlOriginal.length>0?(t.openBlock(),t.createBlock(B._sfc_main,{key:1,ref_key:"refElCropper",ref:s,previewShape:l.previewShape,isCenterBox:l.isCenterBox,src:n.coverImageUrlOriginal,width:l.width,height:l.height,isModal:!1,isShowUpload:!1,onOnImgLoad:U},null,8,["previewShape","isCenterBox","src","width","height"])):t.createCommentVNode("",!0)],2))}});module.exports=_;
+//# sourceMappingURL=ClCropperPreview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClCropperPreview.cjs","sources":["../../../src/libs/Web/CropperPreview/Index.vue"],"sourcesContent":["<template>\n  <div :class=\"clsParent\">\n    <div class=\"box-flex\">\n      <template v-if=\"!optBase.isEmptyPrevieUrl\">\n        <ClButton\n          v-if=\"optBase.isAgainCropper\"\n          className=\"m-b-5 w-120 m-r-10\"\n          icon=\"clIconFont clIcon-reply\"\n          label=\"返回\"\n          color=\"transparent\"\n          @onClick=\"optBase.isAgainCropper = false\"\n        ></ClButton>\n        <ClButton\n          v-else-if=\"!optBase.isEmptyCoverUrl\"\n          className=\"m-b-5 w-120\"\n          icon=\"clIconFont clIcon-cropper\"\n          label=\"重新裁切\"\n          color=\"transparent\"\n          @onClick=\"optBase.isAgainCropper = true\"\n        ></ClButton>\n      </template>\n      <ClFileupload\n        v-if=\"isShowUploadBtn && (optBase.isAgainCropper || optBase.isEmptyCoverUrl)\"\n        className=\"m-b-5\"\n        theme=\"button\"\n        checkFormat=\"jpg,png\"\n        buttonIcon=\"clIconFont clIcon-upload-cloud\"\n        buttonColor=\"white\"\n        buttonLabel=\"选择图片\"\n        :isShowUploadResult=\"false\"\n        :isShowUploadIng=\"false\"\n        @onChange=\"onChangeFile\"\n      ></ClFileupload>\n    </div>\n    <ClPreviewexample\n      v-if=\"!optBase.isEmptyPrevieUrl && !optBase.isAgainCropper\"\n      type=\"image\"\n      :list=\"[{ value: previewImageUrl || '', imgUrl: '', label: '' }]\"\n      :width=\"optPreviewWidth\"\n      :height=\"optPreviewHeight\"\n    ></ClPreviewexample>\n    <ClCropper\n      v-else-if=\"optBase.coverImageUrlOriginal.length > 0\"\n      ref=\"refElCropper\"\n      :previewShape=\"previewShape\"\n      :isCenterBox=\"isCenterBox\"\n      :src=\"optBase.coverImageUrlOriginal\"\n      :width=\"width\"\n      :height=\"height\"\n      :isModal=\"false\"\n      :isShowUpload=\"false\"\n      @onImgLoad=\"onInitCoverImgLoad\"\n    ></ClCropper>\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 ClCropper from '../../Element/Cropper/Index.vue'\nimport ClButton from '../../Element/Button/Index.vue'\nimport ClFileupload from '../FileUpload/Index.vue'\nimport ClPreviewexample from '../PreviewExample/Index.vue'\nimport './index.css'\n\ndefineOptions({ name: 'ClCropperPreview' })\n\nconst props = defineProps({\n  className: String,\n  previewImageUrl: String,\n  coverImageUrl: String,\n  width: {\n    type: Number,\n    default: 400\n  },\n  height: {\n    type: Number,\n    default: 400\n  },\n  widthPreview: Number,\n  heightPreview: Number,\n  previewShape: {\n    type: String,\n    default: 'square' // square | round\n  },\n  isCenterBox: {\n    type: Boolean,\n    default: true\n  },\n  isShowUploadBtn: {\n    type: Boolean,\n    default: true\n  },\n  getCropperImageUrl: Function,\n  saveImageBase64: Function\n})\n\nconst emit = defineEmits<{\n  (e: 'onInitCoverImage'): void\n}>()\n\nconst refElCropper: any = ref(null)\n\nconst optBase: any = reactive({\n  isEmptyPrevieUrl: false,\n  isEmptyCoverUrl: false,\n  isInitCover: false,\n  isAgainCropper: false,\n  coverImageUrlOriginal: ''\n})\n\nconst optPreviewWidth = computed(() => {\n  const { width, widthPreview } = props\n  let w: any\n  if (widthPreview && !CommonBase.isEmpty(widthPreview)) {\n    w = widthPreview\n  } else {\n    w = width\n  }\n  return w\n})\n\nconst optPreviewHeight = computed(() => {\n  const { height, heightPreview } = props\n  let h: any\n  if (heightPreview && !CommonBase.isEmpty(heightPreview)) {\n    h = heightPreview\n  } else {\n    h = height\n  }\n  return h\n})\n\nconst clsParent = computed(() => {\n  const { className } = props\n  const clsTemp: any = {\n    'panel-cropperPreview': true\n  }\n  if (className && !CommonBase.isEmpty(className)) {\n    className.split(' ').forEach((c: string) => {\n      if (!CommonBase.isEmpty(c)) {\n        clsTemp[c] = true\n      }\n    })\n  }\n  return clsTemp\n})\n\nconst _initPreviewImageUrl = () => {\n  const { previewImageUrl } = props\n  const isEmptyPrevieUrl: boolean = CommonBase.isEmpty(previewImageUrl)\n  optBase.isEmptyPrevieUrl = isEmptyPrevieUrl\n  optBase.isAgainCropper = isEmptyPrevieUrl\n}\n\nconst _initCoverImageUrl = () => {\n  const { coverImageUrl } = props\n  const isEmptyCoverUrl: boolean = CommonBase.isEmpty(coverImageUrl)\n  optBase.isEmptyCoverUrl = isEmptyCoverUrl\n  optBase.coverImageUrlOriginal = isEmptyCoverUrl ? '' : coverImageUrl\n}\n\nconst _initMain = () => {\n  _initPreviewImageUrl()\n  _initCoverImageUrl()\n}\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nwatch(\n  () => props.previewImageUrl,\n  () => {\n    _initPreviewImageUrl()\n  }\n)\n\nwatch(\n  () => props.coverImageUrl,\n  () => {\n    _initCoverImageUrl()\n  }\n)\n\nconst onInitCoverImgLoad = (isSuccess: boolean) => {\n  if (isSuccess) {\n    emit('onInitCoverImage')\n  }\n}\n\nconst onChangeFile = (fileValue: any, _fileExt: any) => {\n  CommonBase.getBase64ByFile(fileValue).then((result: any) => {\n    optBase.isAgainCropper = true\n    optBase.coverImageUrlOriginal = result\n  })\n}\n\nconst getValue = async () => {\n  const base64 = refElCropper.value\n    ? await refElCropper.value.getImageBase64().then((base64: any) => base64)\n    : ''\n  return base64\n}\n\nconst getCropperUrl = async (type: string) => {\n  let url: any = ''\n  if (refElCropper.value && props.getCropperImageUrl) {\n    url = await props.getCropperImageUrl(refElCropper.value, type)\n  } else {\n    const { previewImageUrl, coverImageUrl } = props\n    url = !CommonBase.isEmpty(previewImageUrl) ? previewImageUrl : coverImageUrl\n  }\n  return url\n}\n\nconst getCoverUrlOriginal = async (type: string) => {\n  let url = ''\n  const { coverImageUrlOriginal } = optBase\n  if (coverImageUrlOriginal.substring(0, 5) === 'data:' && props.saveImageBase64) {\n    const res = await props.saveImageBase64(coverImageUrlOriginal, type)\n    url = res.success ? res.imageUrl : ''\n  } else {\n    if (/^(http|https):\\/\\/[^\\s]+$/.test(coverImageUrlOriginal)) {\n      url = coverImageUrlOriginal\n    }\n  }\n  return url\n}\n\ndefineExpose({\n  getValue,\n  getCropperUrl,\n  getCoverUrlOriginal\n})\n</script>\n"],"names":["props","__props","emit","__emit","refElCropper","ref","optBase","reactive","optPreviewWidth","computed","width","widthPreview","w","CommonBase","optPreviewHeight","height","heightPreview","h","clsParent","className","clsTemp","c","_initPreviewImageUrl","previewImageUrl","isEmptyPrevieUrl","_initCoverImageUrl","coverImageUrl","isEmptyCoverUrl","_initMain","onMounted","nextTick","watch","onInitCoverImgLoad","isSuccess","onChangeFile","fileValue","_fileExt","result","__expose","base64","type","url","coverImageUrlOriginal","res","_createElementBlock","_createElementVNode","_hoisted_1","_Fragment","_createBlock","ClButton","_cache","$event","ClFileupload","ClPreviewexample","ClCropper"],"mappings":"+zBAmEA,MAAMA,EAAQC,EA8BRC,EAAOC,EAIPC,EAAoBC,EAAAA,IAAI,IAAI,EAE5BC,EAAeC,EAAAA,SAAS,CAC5B,iBAAkB,GAClB,gBAAiB,GACjB,YAAa,GACb,eAAgB,GAChB,sBAAuB,EAAA,CACxB,EAEKC,EAAkBC,EAAAA,SAAS,IAAM,CACrC,KAAM,CAAE,MAAAC,EAAO,aAAAC,CAAA,EAAiBX,EAChC,IAAIY,EACJ,OAAID,GAAgB,CAACE,EAAAA,WAAW,QAAQF,CAAY,EAClDC,EAAID,EAEJC,EAAIF,EAECE,CACT,CAAC,EAEKE,EAAmBL,EAAAA,SAAS,IAAM,CACtC,KAAM,CAAE,OAAAM,EAAQ,cAAAC,CAAA,EAAkBhB,EAClC,IAAIiB,EACJ,OAAID,GAAiB,CAACH,EAAAA,WAAW,QAAQG,CAAa,EACpDC,EAAID,EAEJC,EAAIF,EAECE,CACT,CAAC,EAEKC,EAAYT,EAAAA,SAAS,IAAM,CAC/B,KAAM,CAAE,UAAAU,GAAcnB,EAChBoB,EAAe,CACnB,uBAAwB,EAAA,EAE1B,OAAID,GAAa,CAACN,EAAAA,WAAW,QAAQM,CAAS,GAC5CA,EAAU,MAAM,GAAG,EAAE,QAASE,GAAc,CACrCR,EAAAA,WAAW,QAAQQ,CAAC,IACvBD,EAAQC,CAAC,EAAI,GAEjB,CAAC,EAEID,CACT,CAAC,EAEKE,EAAuB,IAAM,CACjC,KAAM,CAAE,gBAAAC,GAAoBvB,EACtBwB,EAA4BX,EAAAA,WAAW,QAAQU,CAAe,EACpEjB,EAAQ,iBAAmBkB,EAC3BlB,EAAQ,eAAiBkB,CAC3B,EAEMC,EAAqB,IAAM,CAC/B,KAAM,CAAE,cAAAC,GAAkB1B,EACpB2B,EAA2Bd,EAAAA,WAAW,QAAQa,CAAa,EACjEpB,EAAQ,gBAAkBqB,EAC1BrB,EAAQ,sBAAwBqB,EAAkB,GAAKD,CACzD,EAEME,EAAY,IAAM,CACtBN,EAAA,EACAG,EAAA,CACF,EAEAI,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbF,EAAA,CACF,CAAC,CACH,CAAC,EAEDG,EAAAA,MACE,IAAM/B,EAAM,gBACZ,IAAM,CACJsB,EAAA,CACF,CAAA,EAGFS,EAAAA,MACE,IAAM/B,EAAM,cACZ,IAAM,CACJyB,EAAA,CACF,CAAA,EAGF,MAAMO,EAAsBC,GAAuB,CAC7CA,GACF/B,EAAK,kBAAkB,CAE3B,EAEMgC,EAAe,CAACC,EAAgBC,IAAkB,CACtDvB,EAAAA,WAAW,gBAAgBsB,CAAS,EAAE,KAAME,GAAgB,CAC1D/B,EAAQ,eAAiB,GACzBA,EAAQ,sBAAwB+B,CAClC,CAAC,CACH,EAkCA,OAAAC,EAAa,CACX,SAjCe,SACAlC,EAAa,MACxB,MAAMA,EAAa,MAAM,eAAA,EAAiB,KAAMmC,GAAgBA,CAAM,EACtE,GA+BJ,cA3BoB,MAAOC,GAAiB,CAC5C,IAAIC,EAAW,GACf,GAAIrC,EAAa,OAASJ,EAAM,mBAC9ByC,EAAM,MAAMzC,EAAM,mBAAmBI,EAAa,MAAOoC,CAAI,MACxD,CACL,KAAM,CAAE,gBAAAjB,EAAiB,cAAAG,CAAA,EAAkB1B,EAC3CyC,EAAO5B,EAAAA,WAAW,QAAQU,CAAe,EAAsBG,EAAlBH,CAC/C,CACA,OAAOkB,CACT,EAmBE,oBAjB0B,MAAOD,GAAiB,CAClD,IAAIC,EAAM,GACV,KAAM,CAAE,sBAAAC,GAA0BpC,EAClC,GAAIoC,EAAsB,UAAU,EAAG,CAAC,IAAM,SAAW1C,EAAM,gBAAiB,CAC9E,MAAM2C,EAAM,MAAM3C,EAAM,gBAAgB0C,EAAuBF,CAAI,EACnEC,EAAME,EAAI,QAAUA,EAAI,SAAW,EACrC,KACM,4BAA4B,KAAKD,CAAqB,IACxDD,EAAMC,GAGV,OAAOD,CACT,CAKE,CACD,wBA3OCG,EAAAA,mBAoDM,MAAA,CApDA,uBAAO1B,EAAA,KAAS,CAAA,GACpB2B,EAAAA,mBA+BM,MA/BNC,EA+BM,CA9BaxC,EAAQ,4DAAzBsC,EAAAA,mBAiBWG,WAAA,CAAA,IAAA,GAAA,CAfDzC,EAAQ,8BADhB0C,EAAAA,YAOYC,EAAA,OALV,UAAU,qBACV,KAAK,0BACL,MAAM,KACN,MAAM,cACL,UAAOC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAE7C,EAAQ,eAAc,GAAA,IAGpBA,EAAQ,2DADtB0C,EAAAA,YAOYC,EAAA,OALV,UAAU,cACV,KAAK,4BACL,MAAM,OACN,MAAM,cACL,UAAOC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAE7C,EAAQ,eAAc,GAAA,UAI5BL,EAAA,kBAAoBK,EAAQ,gBAAkBA,EAAQ,gCAD9D0C,EAAAA,YAWgBI,YAAA,OATd,UAAU,QACV,MAAM,SACN,YAAY,UACZ,WAAW,iCACX,YAAY,QACZ,YAAY,OACX,mBAAoB,GACpB,gBAAiB,GACjB,WAAUlB,CAAA,kCAIN,CAAA5B,EAAQ,kBAAgB,CAAKA,EAAQ,8BAD9C0C,EAAAA,YAMoBK,YAAA,OAJlB,KAAK,QACJ,aAAgBpD,EAAA,iBAAe,GAAA,OAAA,GAAA,MAAA,GAAA,EAC/B,MAAOO,EAAA,MACP,OAAQM,EAAA,KAAA,qCAGER,EAAQ,sBAAsB,OAAM,iBADjD0C,EAAAA,YAWaM,EAAAA,UAAA,eATP,eAAJ,IAAIlD,EACH,aAAcH,EAAA,aACd,YAAaA,EAAA,YACb,IAAKK,EAAQ,sBACb,MAAOL,EAAA,MACP,OAAQA,EAAA,OACR,QAAS,GACT,aAAc,GACd,YAAW+B,CAAA"}

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

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

package/buildLibs/utils/Web/ClCropperPreview.js

@@ -0,0 +1,175 @@
+import { defineComponent as k, ref as S, reactive as x, computed as g, onMounted as O, nextTick as N, watch as h, openBlock as l, createElementBlock as C, normalizeClass as F, createElementVNode as A, Fragment as _, createBlock as m, createCommentVNode as c } from "vue";
+import { C as a } from "../Shared/base-PQGakkrl.js";
+import { _ as $ } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DpxHzkjC.js";
+import f from "../Element/ClButton.js";
+import { _ as V } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BvGrVSSF.js";
+import { _ as L } from "../Shared/Index.vue_vue_type_script_setup_true_lang-AhjUdZHr.js";
+const M = { class: "box-flex" }, J = /* @__PURE__ */ k({
+  name: "ClCropperPreview",
+  __name: "Index",
+  props: {
+    className: String,
+    previewImageUrl: String,
+    coverImageUrl: String,
+    width: {
+      type: Number,
+      default: 400
+    },
+    height: {
+      type: Number,
+      default: 400
+    },
+    widthPreview: Number,
+    heightPreview: Number,
+    previewShape: {
+      type: String,
+      default: "square"
+      // square | round
+    },
+    isCenterBox: {
+      type: Boolean,
+      default: !0
+    },
+    isShowUploadBtn: {
+      type: Boolean,
+      default: !0
+    },
+    getCropperImageUrl: Function,
+    saveImageBase64: Function
+  },
+  emits: ["onInitCoverImage"],
+  setup(n, { expose: I, emit: U }) {
+    const o = n, w = U, s = S(null), i = x({
+      isEmptyPrevieUrl: !1,
+      isEmptyCoverUrl: !1,
+      isInitCover: !1,
+      isAgainCropper: !1,
+      coverImageUrlOriginal: ""
+    }), d = g(() => {
+      const { width: r, widthPreview: e } = o;
+      let t;
+      return e && !a.isEmpty(e) ? t = e : t = r, t;
+    }), y = g(() => {
+      const { height: r, heightPreview: e } = o;
+      let t;
+      return e && !a.isEmpty(e) ? t = e : t = r, t;
+    }), E = g(() => {
+      const { className: r } = o, e = {
+        "panel-cropperPreview": !0
+      };
+      return r && !a.isEmpty(r) && r.split(" ").forEach((t) => {
+        a.isEmpty(t) || (e[t] = !0);
+      }), e;
+    }), v = () => {
+      const { previewImageUrl: r } = o, e = a.isEmpty(r);
+      i.isEmptyPrevieUrl = e, i.isAgainCropper = e;
+    }, u = () => {
+      const { coverImageUrl: r } = o, e = a.isEmpty(r);
+      i.isEmptyCoverUrl = e, i.coverImageUrlOriginal = e ? "" : r;
+    }, B = () => {
+      v(), u();
+    };
+    O(() => {
+      N(() => {
+        B();
+      });
+    }), h(
+      () => o.previewImageUrl,
+      () => {
+        v();
+      }
+    ), h(
+      () => o.coverImageUrl,
+      () => {
+        u();
+      }
+    );
+    const b = (r) => {
+      r && w("onInitCoverImage");
+    }, P = (r, e) => {
+      a.getBase64ByFile(r).then((t) => {
+        i.isAgainCropper = !0, i.coverImageUrlOriginal = t;
+      });
+    };
+    return I({
+      getValue: async () => s.value ? await s.value.getImageBase64().then((e) => e) : "",
+      getCropperUrl: async (r) => {
+        let e = "";
+        if (s.value && o.getCropperImageUrl)
+          e = await o.getCropperImageUrl(s.value, r);
+        else {
+          const { previewImageUrl: t, coverImageUrl: p } = o;
+          e = a.isEmpty(t) ? p : t;
+        }
+        return e;
+      },
+      getCoverUrlOriginal: async (r) => {
+        let e = "";
+        const { coverImageUrlOriginal: t } = i;
+        if (t.substring(0, 5) === "data:" && o.saveImageBase64) {
+          const p = await o.saveImageBase64(t, r);
+          e = p.success ? p.imageUrl : "";
+        } else
+          /^(http|https):\/\/[^\s]+$/.test(t) && (e = t);
+        return e;
+      }
+    }), (r, e) => (l(), C("div", {
+      class: F(E.value)
+    }, [
+      A("div", M, [
+        i.isEmptyPrevieUrl ? c("", !0) : (l(), C(_, { key: 0 }, [
+          i.isAgainCropper ? (l(), m(f, {
+            key: 0,
+            className: "m-b-5 w-120 m-r-10",
+            icon: "clIconFont clIcon-reply",
+            label: "返回",
+            color: "transparent",
+            onOnClick: e[0] || (e[0] = (t) => i.isAgainCropper = !1)
+          })) : i.isEmptyCoverUrl ? c("", !0) : (l(), m(f, {
+            key: 1,
+            className: "m-b-5 w-120",
+            icon: "clIconFont clIcon-cropper",
+            label: "重新裁切",
+            color: "transparent",
+            onOnClick: e[1] || (e[1] = (t) => i.isAgainCropper = !0)
+          }))
+        ], 64)),
+        n.isShowUploadBtn && (i.isAgainCropper || i.isEmptyCoverUrl) ? (l(), m(V, {
+          key: 1,
+          className: "m-b-5",
+          theme: "button",
+          checkFormat: "jpg,png",
+          buttonIcon: "clIconFont clIcon-upload-cloud",
+          buttonColor: "white",
+          buttonLabel: "选择图片",
+          isShowUploadResult: !1,
+          isShowUploadIng: !1,
+          onOnChange: P
+        })) : c("", !0)
+      ]),
+      !i.isEmptyPrevieUrl && !i.isAgainCropper ? (l(), m(L, {
+        key: 0,
+        type: "image",
+        list: [{ value: n.previewImageUrl || "", imgUrl: "", label: "" }],
+        width: d.value,
+        height: y.value
+      }, null, 8, ["list", "width", "height"])) : i.coverImageUrlOriginal.length > 0 ? (l(), m($, {
+        key: 1,
+        ref_key: "refElCropper",
+        ref: s,
+        previewShape: n.previewShape,
+        isCenterBox: n.isCenterBox,
+        src: i.coverImageUrlOriginal,
+        width: n.width,
+        height: n.height,
+        isModal: !1,
+        isShowUpload: !1,
+        onOnImgLoad: b
+      }, null, 8, ["previewShape", "isCenterBox", "src", "width", "height"])) : c("", !0)
+    ], 2));
+  }
+});
+export {
+  J as default
+};
+//# sourceMappingURL=ClCropperPreview.js.map

package/buildLibs/utils/Web/ClCropperPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClCropperPreview.js","sources":["../../../src/libs/Web/CropperPreview/Index.vue"],"sourcesContent":["<template>\n  <div :class=\"clsParent\">\n    <div class=\"box-flex\">\n      <template v-if=\"!optBase.isEmptyPrevieUrl\">\n        <ClButton\n          v-if=\"optBase.isAgainCropper\"\n          className=\"m-b-5 w-120 m-r-10\"\n          icon=\"clIconFont clIcon-reply\"\n          label=\"返回\"\n          color=\"transparent\"\n          @onClick=\"optBase.isAgainCropper = false\"\n        ></ClButton>\n        <ClButton\n          v-else-if=\"!optBase.isEmptyCoverUrl\"\n          className=\"m-b-5 w-120\"\n          icon=\"clIconFont clIcon-cropper\"\n          label=\"重新裁切\"\n          color=\"transparent\"\n          @onClick=\"optBase.isAgainCropper = true\"\n        ></ClButton>\n      </template>\n      <ClFileupload\n        v-if=\"isShowUploadBtn && (optBase.isAgainCropper || optBase.isEmptyCoverUrl)\"\n        className=\"m-b-5\"\n        theme=\"button\"\n        checkFormat=\"jpg,png\"\n        buttonIcon=\"clIconFont clIcon-upload-cloud\"\n        buttonColor=\"white\"\n        buttonLabel=\"选择图片\"\n        :isShowUploadResult=\"false\"\n        :isShowUploadIng=\"false\"\n        @onChange=\"onChangeFile\"\n      ></ClFileupload>\n    </div>\n    <ClPreviewexample\n      v-if=\"!optBase.isEmptyPrevieUrl && !optBase.isAgainCropper\"\n      type=\"image\"\n      :list=\"[{ value: previewImageUrl || '', imgUrl: '', label: '' }]\"\n      :width=\"optPreviewWidth\"\n      :height=\"optPreviewHeight\"\n    ></ClPreviewexample>\n    <ClCropper\n      v-else-if=\"optBase.coverImageUrlOriginal.length > 0\"\n      ref=\"refElCropper\"\n      :previewShape=\"previewShape\"\n      :isCenterBox=\"isCenterBox\"\n      :src=\"optBase.coverImageUrlOriginal\"\n      :width=\"width\"\n      :height=\"height\"\n      :isModal=\"false\"\n      :isShowUpload=\"false\"\n      @onImgLoad=\"onInitCoverImgLoad\"\n    ></ClCropper>\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 ClCropper from '../../Element/Cropper/Index.vue'\nimport ClButton from '../../Element/Button/Index.vue'\nimport ClFileupload from '../FileUpload/Index.vue'\nimport ClPreviewexample from '../PreviewExample/Index.vue'\nimport './index.css'\n\ndefineOptions({ name: 'ClCropperPreview' })\n\nconst props = defineProps({\n  className: String,\n  previewImageUrl: String,\n  coverImageUrl: String,\n  width: {\n    type: Number,\n    default: 400\n  },\n  height: {\n    type: Number,\n    default: 400\n  },\n  widthPreview: Number,\n  heightPreview: Number,\n  previewShape: {\n    type: String,\n    default: 'square' // square | round\n  },\n  isCenterBox: {\n    type: Boolean,\n    default: true\n  },\n  isShowUploadBtn: {\n    type: Boolean,\n    default: true\n  },\n  getCropperImageUrl: Function,\n  saveImageBase64: Function\n})\n\nconst emit = defineEmits<{\n  (e: 'onInitCoverImage'): void\n}>()\n\nconst refElCropper: any = ref(null)\n\nconst optBase: any = reactive({\n  isEmptyPrevieUrl: false,\n  isEmptyCoverUrl: false,\n  isInitCover: false,\n  isAgainCropper: false,\n  coverImageUrlOriginal: ''\n})\n\nconst optPreviewWidth = computed(() => {\n  const { width, widthPreview } = props\n  let w: any\n  if (widthPreview && !CommonBase.isEmpty(widthPreview)) {\n    w = widthPreview\n  } else {\n    w = width\n  }\n  return w\n})\n\nconst optPreviewHeight = computed(() => {\n  const { height, heightPreview } = props\n  let h: any\n  if (heightPreview && !CommonBase.isEmpty(heightPreview)) {\n    h = heightPreview\n  } else {\n    h = height\n  }\n  return h\n})\n\nconst clsParent = computed(() => {\n  const { className } = props\n  const clsTemp: any = {\n    'panel-cropperPreview': true\n  }\n  if (className && !CommonBase.isEmpty(className)) {\n    className.split(' ').forEach((c: string) => {\n      if (!CommonBase.isEmpty(c)) {\n        clsTemp[c] = true\n      }\n    })\n  }\n  return clsTemp\n})\n\nconst _initPreviewImageUrl = () => {\n  const { previewImageUrl } = props\n  const isEmptyPrevieUrl: boolean = CommonBase.isEmpty(previewImageUrl)\n  optBase.isEmptyPrevieUrl = isEmptyPrevieUrl\n  optBase.isAgainCropper = isEmptyPrevieUrl\n}\n\nconst _initCoverImageUrl = () => {\n  const { coverImageUrl } = props\n  const isEmptyCoverUrl: boolean = CommonBase.isEmpty(coverImageUrl)\n  optBase.isEmptyCoverUrl = isEmptyCoverUrl\n  optBase.coverImageUrlOriginal = isEmptyCoverUrl ? '' : coverImageUrl\n}\n\nconst _initMain = () => {\n  _initPreviewImageUrl()\n  _initCoverImageUrl()\n}\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nwatch(\n  () => props.previewImageUrl,\n  () => {\n    _initPreviewImageUrl()\n  }\n)\n\nwatch(\n  () => props.coverImageUrl,\n  () => {\n    _initCoverImageUrl()\n  }\n)\n\nconst onInitCoverImgLoad = (isSuccess: boolean) => {\n  if (isSuccess) {\n    emit('onInitCoverImage')\n  }\n}\n\nconst onChangeFile = (fileValue: any, _fileExt: any) => {\n  CommonBase.getBase64ByFile(fileValue).then((result: any) => {\n    optBase.isAgainCropper = true\n    optBase.coverImageUrlOriginal = result\n  })\n}\n\nconst getValue = async () => {\n  const base64 = refElCropper.value\n    ? await refElCropper.value.getImageBase64().then((base64: any) => base64)\n    : ''\n  return base64\n}\n\nconst getCropperUrl = async (type: string) => {\n  let url: any = ''\n  if (refElCropper.value && props.getCropperImageUrl) {\n    url = await props.getCropperImageUrl(refElCropper.value, type)\n  } else {\n    const { previewImageUrl, coverImageUrl } = props\n    url = !CommonBase.isEmpty(previewImageUrl) ? previewImageUrl : coverImageUrl\n  }\n  return url\n}\n\nconst getCoverUrlOriginal = async (type: string) => {\n  let url = ''\n  const { coverImageUrlOriginal } = optBase\n  if (coverImageUrlOriginal.substring(0, 5) === 'data:' && props.saveImageBase64) {\n    const res = await props.saveImageBase64(coverImageUrlOriginal, type)\n    url = res.success ? res.imageUrl : ''\n  } else {\n    if (/^(http|https):\\/\\/[^\\s]+$/.test(coverImageUrlOriginal)) {\n      url = coverImageUrlOriginal\n    }\n  }\n  return url\n}\n\ndefineExpose({\n  getValue,\n  getCropperUrl,\n  getCoverUrlOriginal\n})\n</script>\n"],"names":["props","__props","emit","__emit","refElCropper","ref","optBase","reactive","optPreviewWidth","computed","width","widthPreview","w","CommonBase","optPreviewHeight","height","heightPreview","h","clsParent","className","clsTemp","c","_initPreviewImageUrl","previewImageUrl","isEmptyPrevieUrl","_initCoverImageUrl","coverImageUrl","isEmptyCoverUrl","_initMain","onMounted","nextTick","watch","onInitCoverImgLoad","isSuccess","onChangeFile","fileValue","_fileExt","result","__expose","base64","type","url","coverImageUrlOriginal","res","_createElementBlock","_createElementVNode","_hoisted_1","_Fragment","_createBlock","ClButton","_cache","$event","ClFileupload","ClPreviewexample","ClCropper"],"mappings":"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"}