label-print-design/es/components/my/color-picker/my-color-picker.vue2.mjs.map

操作简单，组件丰富的一站式打印解决方案打印设计器

{"version":3,"file":"my-color-picker.vue2.mjs","sources":["../../../../../../src/components/my/color-picker/my-color-picker.vue"],"sourcesContent":["<template>\n    <my-popover\n        trigger=\"click\"\n        :disabled=\"disabled\"\n        placement=\"bottom\">\n        <template #reference>\n            <div class=\"display-flex font-style font-color\" :class=\"[{'my-icon-disabled': disabled}, 'my-color-icon']\">\n                \n                <div class=\"display-flex-column\">\n                    <slot />\n                    <div :style=\"{backgroundColor: props.modelValue}\" class=\"font-color-display\"></div>\n                </div>\n                \n                <my-icon class=\"my-style-font_arrow icon-jt-x iconfont my-color-downList-arrow\"\n                         :size=\"8\"\n                         :disabled=\"disabled\">\n                </my-icon>\n            \n            </div>\n        </template>\n        <color-picker is-widget\n                      format=\"rgb\"\n                      shape=\"circle\"\n                      :disableAlpha=\"true\"\n                      @pureColorChange=\"changeFontColor\">\n        </color-picker>\n    \n    </my-popover>\n</template>\n\n<script setup lang=\"ts\">\n// import \"vue3-colorpicker/style.css\";\n// import {ColorPicker} from \"vue3-colorpicker\";\nimport MyPopover from '@myprint/design/components/my/popover/my-popover.vue';\nimport { rgbaToHex } from '@myprint/design/utils/utils';\nimport MyIcon from '@myprint/design/components/my/icon/my-icon.vue';\n\nexport interface Props {\n    disabled?: boolean;\n    modelValue?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n    disabled: false,\n    modelValue: ''\n});\n\nconst emit = defineEmits(['update:modelValue']);\n\nfunction changeFontColor(val: any) {\n    const hexColor = rgbaToHex(val);\n    emit('update:modelValue', hexColor);\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA0CA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAKd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,SAAS,gBAAgB,GAAU,EAAA;AAC/B,MAAM,MAAA,QAAA,GAAW,UAAU,GAAG,CAAA,CAAA;AAC9B,MAAA,IAAA,CAAK,qBAAqB,QAAQ,CAAA,CAAA;AAAA,KACtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}