| 1 |
- {"version":3,"file":"predefine.mjs","sources":["../../../../../../../packages/components/color-picker-panel/src/components/predefine.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div :class=\"ns.e('colors')\">\n <div\n v-for=\"(item, index) in rgbaColors\"\n :key=\"colors[index]\"\n :class=\"[\n ns.e('color-selector'),\n ns.is('alpha', item.get('alpha') < 100),\n { selected: item.selected },\n ]\"\n @click=\"handleSelect(index)\"\n >\n <div :style=\"{ backgroundColor: item.value }\" />\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, watch, watchEffect } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { colorPickerPanelContextKey } from '../color-picker-panel'\nimport Color from '../utils/color'\n\nimport type { PropType, Ref } from 'vue'\n\nexport default defineComponent({\n props: {\n colors: {\n type: Array as PropType<string[]>,\n required: true,\n },\n color: {\n type: Object as PropType<Color>,\n required: true,\n },\n enableAlpha: {\n type: Boolean,\n required: true,\n },\n disabled: Boolean,\n },\n setup(props) {\n const ns = useNamespace('color-predefine')\n const { currentColor } = inject(colorPickerPanelContextKey)!\n\n const rgbaColors = ref(parseColors(props.colors, props.color)) as Ref<\n Color[]\n >\n\n watch(\n () => currentColor.value,\n (val) => {\n const color = new Color({\n value: val,\n })\n\n rgbaColors.value.forEach((item) => {\n item.selected = color.compare(item)\n })\n }\n )\n\n watchEffect(() => {\n rgbaColors.value = parseColors(props.colors, props.color)\n })\n\n function handleSelect(index: number) {\n if (props.disabled) return\n props.color.fromString(props.colors[index])\n }\n\n function parseColors(colors: string[], color: Color) {\n return colors.map((value) => {\n const c = new Color({\n value,\n })\n c.selected = c.compare(color)\n return c\n })\n }\n return {\n rgbaColors,\n handleSelect,\n ns,\n }\n },\n})\n</script>\n"],"names":["_createElementVNode","_normalizeClass","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeStyle"],"mappings":";;;;;;AA2BA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA;AAAA,MACN,IAAM,EAAA,KAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,IACA,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,MAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,IACA,WAAa,EAAA;AAAA,MACX,IAAM,EAAA,OAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,IACA,QAAU,EAAA,OAAA;AAAA,GACZ;AAAA,EACA,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAA,GAAK,aAAa,iBAAiB,CAAA,CAAA;AACzC,IAAA,MAAM,EAAE,YAAA,EAAiB,GAAA,MAAA,CAAO,0BAA0B,CAAA,CAAA;AAE1D,IAAA,MAAM,aAAa,GAAI,CAAA,WAAA,CAAY,MAAM,MAAQ,EAAA,KAAA,CAAM,KAAK,CAAC,CAAA,CAAA;AAI7D,IAAA,KAAA,CAAA,MAAA,YAAA,CAAA,KAAA,EAAA,CAAA,GAAA,KAAA;AAAA,MACE,MAAM,KAAa,GAAA,IAAA,KAAA,CAAA;AAAA,QACV,KAAA,EAAA,GAAA;AACP,OAAM,CAAA,CAAA;AAAkB,MAAA,UACf,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,IAAA,KAAA;AAAA,QACT,IAAC,CAAA,QAAA,GAAA,KAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;AAED,OAAW,CAAA,CAAA;AACT,KAAK,CAAA,CAAA;AAA6B,IAAA,WACnC,CAAA,MAAA;AAAA,MACH,UAAA,CAAA,KAAA,GAAA,WAAA,CAAA,KAAA,CAAA,MAAA,EAAA,KAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAEA,IAAA,SAAA,YAAkB,CAAA,KAAA,EAAA;AAChB,MAAA,IAAA,KAAA,CAAA,QAAmB;AAAqC,QACzD,OAAA;AAED,MAAA,KAAA,CAAA,gBAAqC,CAAA,KAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACnC,KAAA;AACA,IAAA,SAAY,WAAA,CAAA,MAAiB,EAAA,KAAA,EAAA;AAAa,MAC5C,OAAA,MAAA,CAAA,GAAA,CAAA,CAAA,KAAA,KAAA;AAEA,QAAS,MAAA,CAAA,GAAA,IAAA;AACP,UAAO,KAAA;AACL,SAAM,CAAA,CAAA;AAAc,QAClB,CAAA,CAAA,QAAA,GAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,QACF,OAAC,CAAA,CAAA;AACD,OAAE,CAAA,CAAA;AACF,KAAO;AAAA,IAAA,OACR;AAAA,MACH,UAAA;AACA,MAAO,YAAA;AAAA,MACL,EAAA;AAAA,KACA,CAAA;AAAA,GACA;AAAA,CACF,CAAA,CAAA;AAEJ,SAAC,WAAA,CAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;;;AAvFC,GAAA,EAAA;AAAA,IAeMA,kBAAA,CAAA,KAAA,EAAA;AAAA,MAAA,KAAA,EAAAC,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA;AAAA,KAfA,EAAA;AAAW,OAAAC,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA,CAAAC,QAAA,EAAA,IAAA,EAAAC,UAAA,CAAA,IAAA,CAAA,UAAA,EAAA,CAAA,IAAA,EAAA,KAAA,KAAA;;AACf,UAAA,GAAA,EAAA,IAAA,CAAA,MAAA,CAAA,KAAA,CAAA;AAAA,UAaM,KAAA,EAAAJ,cAAA,CAAA;AAAA,YAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,gBAAA,CAAA;AAAA,YAbA,IAAA,CAAK,EAAE,CAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,GAAA,CAAG,OAAC,CAAA,GAAA,GAAA,CAAA;AAAA,YAAA,EAAA,QAAA,EAAA,IAAA,CAAA,QAAA,EAAA;;AACf,UAAA,OAAA,EAAA,CAAA,MAAA,KAAA,IAAA,CAAA,YAAA,CAAA,KAAA,CAAA;AAAA,SAWM,EAAA;AAAA,UAAAD,kBAAA,CAAA,KAAA,EAAA;AAAA,YAVoB,KAAA,EAAAM,cAAA,CAAA,EAAA,eAAL,EAAA,IAAA,CAAA,KAAA,EAAA,CAAA;;AAUf,SATH,EAAA,EAAA,EAAA,CAAA;AAAiB,OAAA,CAAA,EAAA,GAAA,CAAA;AACZ,KAAA,EAAA,CAAA,CAAA;AAAkB,GAAA,EAAA,CAAA,CAAA,CAAA;AAAqD,CAAA;gCAKvE,wBAAe,CAAK,QAAA,EAAA,WAAA,CAAA,EAAA,CAAA,QAAA,EAAA,eAAA,CAAA,CAAA,CAAA;;;;"}
|
