【调整】调整ColorPicker注释风格

pull/221/head
俞宝山 2024-06-08 02:08:09 +08:00
parent f7b2349e32
commit aad7cafe03
1 changed files with 2 additions and 20 deletions

View File

@ -10,20 +10,16 @@
import tool from '@/utils/tool'
const emit = defineEmits(['update:value'])
const props = defineProps({
value: {
type: String,
default: '#1677FF'
}
})
const id = tool.snowyUuid()
const forceResize = () => {
window.dispatchEvent(new Event('resize'))
}
const update = (val) => {
showTxt(val)
emit('update:value', val)
@ -37,18 +33,12 @@
if (currentColor) {
currentColor.textContent = val
}
//
currentColor.style.color = changeTextColor(currentColor.style.backgroundColor)
}
/**
* 改变文字颜色
* @param backgroundColor 背景色
*/
// backgroundColor
const changeTextColor = (backgroundColor) => {
const backgroundHexColor = backgroundColor.length > 7 ? convertRGBToHex(backgroundColor) : backgroundColor
let hex = backgroundHexColor
// # ,
if (hex.startsWith('#')) {
@ -61,22 +51,16 @@
if (hex.length !== 6) {
throw new Error('Invalid background color.' + backgroundHexColor)
}
const r = parseInt(hex.slice(0, 2), 16)
const g = parseInt(hex.slice(2, 4), 16)
const b = parseInt(hex.slice(4, 6), 16)
if ([r, g, b].some((x) => Number.isNaN(x))) {
throw new Error('Invalid background color.' + backgroundHexColor)
}
return r * 0.299 + g * 0.587 + b * 0.114 > 186 ? '#000' : '#fff'
}
const toHex = (x) => ('0' + parseInt(x).toString(16)).slice(-2)
/**
* RGB 转换为 HEX
* @param rgb RGB 颜色
*/
// RGB HEX
const convertRGBToHex = (rgb) => {
const bg = rgb.match(/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/)
// 6
@ -90,11 +74,9 @@
<style lang="less">
.snowy-color-picker {
width: 100%;
.vc-color-wrap {
width: 100%;
}
.current-color {
padding: 0 10px;
}