import camelCase from 'lodash-es/camelCase.js'
import split from 'lodash-es/split.js'
import size from 'lodash-es/size.js'
import get from 'lodash-es/get.js'
import isestr from 'wsemi/src/isestr.mjs'
//fs.writeFileSync('colors.json', JSON.stringify(colors), 'utf8')
let colors = { 'default': { 'red': { 'base': '#f44336', 'lighten5': '#ffebee', 'lighten4': '#ffcdd2', 'lighten3': '#ef9a9a', 'lighten2': '#e57373', 'lighten1': '#ef5350', 'darken1': '#e53935', 'darken2': '#d32f2f', 'darken3': '#c62828', 'darken4': '#b71c1c', 'accent1': '#ff8a80', 'accent2': '#ff5252', 'accent3': '#ff1744', 'accent4': '#d50000' }, 'pink': { 'base': '#e91e63', 'lighten5': '#fce4ec', 'lighten4': '#f8bbd0', 'lighten3': '#f48fb1', 'lighten2': '#f06292', 'lighten1': '#ec407a', 'darken1': '#d81b60', 'darken2': '#c2185b', 'darken3': '#ad1457', 'darken4': '#880e4f', 'accent1': '#ff80ab', 'accent2': '#ff4081', 'accent3': '#f50057', 'accent4': '#c51162' }, 'purple': { 'base': '#9c27b0', 'lighten5': '#f3e5f5', 'lighten4': '#e1bee7', 'lighten3': '#ce93d8', 'lighten2': '#ba68c8', 'lighten1': '#ab47bc', 'darken1': '#8e24aa', 'darken2': '#7b1fa2', 'darken3': '#6a1b9a', 'darken4': '#4a148c', 'accent1': '#ea80fc', 'accent2': '#e040fb', 'accent3': '#d500f9', 'accent4': '#aa00ff' }, 'deepPurple': { 'base': '#673ab7', 'lighten5': '#ede7f6', 'lighten4': '#d1c4e9', 'lighten3': '#b39ddb', 'lighten2': '#9575cd', 'lighten1': '#7e57c2', 'darken1': '#5e35b1', 'darken2': '#512da8', 'darken3': '#4527a0', 'darken4': '#311b92', 'accent1': '#b388ff', 'accent2': '#7c4dff', 'accent3': '#651fff', 'accent4': '#6200ea' }, 'indigo': { 'base': '#3f51b5', 'lighten5': '#e8eaf6', 'lighten4': '#c5cae9', 'lighten3': '#9fa8da', 'lighten2': '#7986cb', 'lighten1': '#5c6bc0', 'darken1': '#3949ab', 'darken2': '#303f9f', 'darken3': '#283593', 'darken4': '#1a237e', 'accent1': '#8c9eff', 'accent2': '#536dfe', 'accent3': '#3d5afe', 'accent4': '#304ffe' }, 'blue': { 'base': '#2196f3', 'lighten5': '#e3f2fd', 'lighten4': '#bbdefb', 'lighten3': '#90caf9', 'lighten2': '#64b5f6', 'lighten1': '#42a5f5', 'darken1': '#1e88e5', 'darken2': '#1976d2', 'darken3': '#1565c0', 'darken4': '#0d47a1', 'accent1': '#82b1ff', 'accent2': '#448aff', 'accent3': '#2979ff', 'accent4': '#2962ff' }, 'lightBlue': { 'base': '#03a9f4', 'lighten5': '#e1f5fe', 'lighten4': '#b3e5fc', 'lighten3': '#81d4fa', 'lighten2': '#4fc3f7', 'lighten1': '#29b6f6', 'darken1': '#039be5', 'darken2': '#0288d1', 'darken3': '#0277bd', 'darken4': '#01579b', 'accent1': '#80d8ff', 'accent2': '#40c4ff', 'accent3': '#00b0ff', 'accent4': '#0091ea' }, 'cyan': { 'base': '#00bcd4', 'lighten5': '#e0f7fa', 'lighten4': '#b2ebf2', 'lighten3': '#80deea', 'lighten2': '#4dd0e1', 'lighten1': '#26c6da', 'darken1': '#00acc1', 'darken2': '#0097a7', 'darken3': '#00838f', 'darken4': '#006064', 'accent1': '#84ffff', 'accent2': '#18ffff', 'accent3': '#00e5ff', 'accent4': '#00b8d4' }, 'teal': { 'base': '#009688', 'lighten5': '#e0f2f1', 'lighten4': '#b2dfdb', 'lighten3': '#80cbc4', 'lighten2': '#4db6ac', 'lighten1': '#26a69a', 'darken1': '#00897b', 'darken2': '#00796b', 'darken3': '#00695c', 'darken4': '#004d40', 'accent1': '#a7ffeb', 'accent2': '#64ffda', 'accent3': '#1de9b6', 'accent4': '#00bfa5' }, 'green': { 'base': '#4caf50', 'lighten5': '#e8f5e9', 'lighten4': '#c8e6c9', 'lighten3': '#a5d6a7', 'lighten2': '#81c784', 'lighten1': '#66bb6a', 'darken1': '#43a047', 'darken2': '#388e3c', 'darken3': '#2e7d32', 'darken4': '#1b5e20', 'accent1': '#b9f6ca', 'accent2': '#69f0ae', 'accent3': '#00e676', 'accent4': '#00c853' }, 'lightGreen': { 'base': '#8bc34a', 'lighten5': '#f1f8e9', 'lighten4': '#dcedc8', 'lighten3': '#c5e1a5', 'lighten2': '#aed581', 'lighten1': '#9ccc65', 'darken1': '#7cb342', 'darken2': '#689f38', 'darken3': '#558b2f', 'darken4': '#33691e', 'accent1': '#ccff90', 'accent2': '#b2ff59', 'accent3': '#76ff03', 'accent4': '#64dd17' }, 'lime': { 'base': '#cddc39', 'lighten5': '#f9fbe7', 'lighten4': '#f0f4c3', 'lighten3': '#e6ee9c', 'lighten2': '#dce775', 'lighten1': '#d4e157', 'darken1': '#c0ca33', 'darken2': '#afb42b', 'darken3': '#9e9d24', 'darken4': '#827717', 'accent1': '#f4ff81', 'accent2': '#eeff41', 'accent3': '#c6ff00', 'accent4': '#aeea00' }, 'yellow': { 'base': '#ffeb3b', 'lighten5': '#fffde7', 'lighten4': '#fff9c4', 'lighten3': '#fff59d', 'lighten2': '#fff176', 'lighten1': '#ffee58', 'darken1': '#fdd835', 'darken2': '#fbc02d', 'darken3': '#f9a825', 'darken4': '#f57f17', 'accent1': '#ffff8d', 'accent2': '#ffff00', 'accent3': '#ffea00', 'accent4': '#ffd600' }, 'amber': { 'base': '#ffc107', 'lighten5': '#fff8e1', 'lighten4': '#ffecb3', 'lighten3': '#ffe082', 'lighten2': '#ffd54f', 'lighten1': '#ffca28', 'darken1': '#ffb300', 'darken2': '#ffa000', 'darken3': '#ff8f00', 'darken4': '#ff6f00', 'accent1': '#ffe57f', 'accent2': '#ffd740', 'accent3': '#ffc400', 'accent4': '#ffab00' }, 'orange': { 'base': '#ff9800', 'lighten5': '#fff3e0', 'lighten4': '#ffe0b2', 'lighten3': '#ffcc80', 'lighten2': '#ffb74d', 'lighten1': '#ffa726', 'darken1': '#fb8c00', 'darken2': '#f57c00', 'darken3': '#ef6c00', 'darken4': '#e65100', 'accent1': '#ffd180', 'accent2': '#ffab40', 'accent3': '#ff9100', 'accent4': '#ff6d00' }, 'deepOrange': { 'base': '#ff5722', 'lighten5': '#fbe9e7', 'lighten4': '#ffccbc', 'lighten3': '#ffab91', 'lighten2': '#ff8a65', 'lighten1': '#ff7043', 'darken1': '#f4511e', 'darken2': '#e64a19', 'darken3': '#d84315', 'darken4': '#bf360c', 'accent1': '#ff9e80', 'accent2': '#ff6e40', 'accent3': '#ff3d00', 'accent4': '#dd2c00' }, 'brown': { 'base': '#795548', 'lighten5': '#efebe9', 'lighten4': '#d7ccc8', 'lighten3': '#bcaaa4', 'lighten2': '#a1887f', 'lighten1': '#8d6e63', 'darken1': '#6d4c41', 'darken2': '#5d4037', 'darken3': '#4e342e', 'darken4': '#3e2723' }, 'blueGrey': { 'base': '#607d8b', 'lighten5': '#eceff1', 'lighten4': '#cfd8dc', 'lighten3': '#b0bec5', 'lighten2': '#90a4ae', 'lighten1': '#78909c', 'darken1': '#546e7a', 'darken2': '#455a64', 'darken3': '#37474f', 'darken4': '#263238' }, 'grey': { 'base': '#9e9e9e', 'lighten5': '#fafafa', 'lighten4': '#f5f5f5', 'lighten3': '#eeeeee', 'lighten2': '#e0e0e0', 'lighten1': '#bdbdbd', 'darken1': '#757575', 'darken2': '#616161', 'darken3': '#424242', 'darken4': '#212121' }, 'shades': { 'black': '#000000', 'white': '#ffffff', 'transparent': 'transparent' } } }
function splitKey(c) {
//split, 'blue-grey lighten-5' => ['blue-grey', 'lighten-5']
let cc = split(c, ' ')
//check
if (size(cc) === 1) {
cc[1] = null
}
return cc
}
function getKey0(c) {
//'blue-grey' => 'blueGrey'
let key0 = c.trim()
key0 = camelCase(key0)
return key0
}
function getKey1(c) {
//'lighten-5' => 'lighten5', null => 'base'
if (!isestr(c)) {
c = 'base'
}
let key1 = c.trim()
key1 = key1.replace('-', '').trim()
return key1
}
function getHexColor(key0, key1, def) {
let hex = get(colors, `default.${key0}.${key1}`, null)
if (hex === null) {
hex = def
}
return hex
}
/**
* 轉換vuetify color為hex顏色字串
*
* @param {String} color 輸入vuetify顏色字串
* @returns {String} hex 回傳hex顏色字串
*/
function convertColor(color) {
//speed
if (color === 'white') {
return '#fff'
}
else if (color === 'black') {
return '#000'
}
else if (color === 'transparent') {
return 'rgba(0,0,0,0)'
}
//splitKey
let cc = splitKey(color)
//key0, key1
let key0 = getKey0(cc[0])
let key1 = getKey1(cc[1])
//hex
let hex = getHexColor(key0, key1, color)
//console.log('color', color, hex)
return hex
}
export default convertColor