UNPKG

ivue-material-plus

Version:

A high quality UI components Library with Vue.js

1 lines 3.46 kB
{"version":3,"file":"colorable.mjs","sources":["../../../../../src/utils/mixins/colorable.ts"],"sourcesContent":["import { isCssColor } from '../../utils/helpers';\r\n\r\ntype Style = {\r\n style?: any;\r\n class?: any;\r\n};\r\n\r\nexport const colorable = ({ textColor = '#ffffff' }) => {\r\n // 设置背景颜色\r\n const setBackgroundColor = (\r\n color: string | any[],\r\n data: Style = {}\r\n ): Style => {\r\n // 是否是数组\r\n if (Array.isArray(color)) {\r\n data.style = {\r\n background: `linear-gradient(135deg,${color[0]} 0%, ${color[1]} 100%)`,\r\n color: textColor,\r\n };\r\n } else if (isCssColor(color)) {\r\n data.style = {\r\n ...data.style,\r\n 'background-color': `${color}`,\r\n 'border-color': `${color}`,\r\n color: textColor,\r\n };\r\n } else if (color) {\r\n data.class = {\r\n ...data.class,\r\n [color]: true,\r\n };\r\n }\r\n\r\n return data;\r\n };\r\n\r\n // 设置文字颜色\r\n const setTextColor = (color: string | string[], data: any = {}): Style => {\r\n // 是否是数组\r\n if (Array.isArray(color)) {\r\n data.style = {\r\n ...data.style,\r\n background: `linear-gradient(135deg,${color[0]} 0%, ${color[1]} 100%)`,\r\n color: `${color[0]}`,\r\n };\r\n } else if (isCssColor(color)) {\r\n data.style = {\r\n ...data.style,\r\n color: `${color}`,\r\n };\r\n } else if (color) {\r\n const [colorName] = color.toString().trim().split(' ', 2);\r\n\r\n data.class = {\r\n ...data.class,\r\n [colorName + '--text']: true,\r\n };\r\n }\r\n\r\n return data;\r\n };\r\n\r\n return {\r\n setBackgroundColor,\r\n setTextColor,\r\n };\r\n};\r\n"],"names":[],"mappings":";;AAOO,MAAM,SAAY,GAAA,CAAC,EAAE,SAAA,GAAY,WAAgB,KAAA;AAEtD,EAAA,MAAM,kBAAqB,GAAA,CACzB,KACA,EAAA,IAAA,GAAc,EACJ,KAAA;AAEV,IAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AACxB,MAAA,IAAA,CAAK,KAAQ,GAAA;AAAA,QACX,UAAY,EAAA,CAAA,uBAAA,EAA0B,KAAM,CAAA,CAAA,CAAA,CAAA,KAAA,EAAU,KAAM,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA;AAAA,QAC5D,KAAO,EAAA,SAAA;AAAA,OACT,CAAA;AAAA,KACF,MAAA,IAAW,UAAW,CAAA,KAAK,CAAG,EAAA;AAC5B,MAAA,IAAA,CAAK,KAAQ,GAAA;AAAA,QACX,GAAG,IAAK,CAAA,KAAA;AAAA,QACR,oBAAoB,CAAG,EAAA,KAAA,CAAA,CAAA;AAAA,QACvB,gBAAgB,CAAG,EAAA,KAAA,CAAA,CAAA;AAAA,QACnB,KAAO,EAAA,SAAA;AAAA,OACT,CAAA;AAAA,eACS,KAAO,EAAA;AAChB,MAAA,IAAA,CAAK,KAAQ,GAAA;AAAA,QACX,GAAG,IAAK,CAAA,KAAA;AAAA,QACR,CAAC,KAAQ,GAAA,IAAA;AAAA,OACX,CAAA;AAAA,KACF;AAEA,IAAO,OAAA,IAAA,CAAA;AAAA,GACT,CAAA;AAGA,EAAA,MAAM,YAAe,GAAA,CAAC,KAA0B,EAAA,IAAA,GAAY,EAAc,KAAA;AAExE,IAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AACxB,MAAA,IAAA,CAAK,KAAQ,GAAA;AAAA,QACX,GAAG,IAAK,CAAA,KAAA;AAAA,QACR,UAAY,EAAA,CAAA,uBAAA,EAA0B,KAAM,CAAA,CAAA,CAAA,CAAA,KAAA,EAAU,KAAM,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA;AAAA,QAC5D,KAAA,EAAO,GAAG,KAAM,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OAClB,CAAA;AAAA,KACF,MAAA,IAAW,UAAW,CAAA,KAAK,CAAG,EAAA;AAC5B,MAAA,IAAA,CAAK,KAAQ,GAAA;AAAA,QACX,GAAG,IAAK,CAAA,KAAA;AAAA,QACR,OAAO,CAAG,EAAA,KAAA,CAAA,CAAA;AAAA,OACZ,CAAA;AAAA,eACS,KAAO,EAAA;AAChB,MAAM,MAAA,CAAC,SAAS,CAAA,GAAI,KAAM,CAAA,QAAA,GAAW,IAAK,EAAA,CAAE,KAAM,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AAExD,MAAA,IAAA,CAAK,KAAQ,GAAA;AAAA,QACX,GAAG,IAAK,CAAA,KAAA;AAAA,QACR,CAAC,YAAY,QAAW,GAAA,IAAA;AAAA,OAC1B,CAAA;AAAA,KACF;AAEA,IAAO,OAAA,IAAA,CAAA;AAAA,GACT,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,kBAAA;AAAA,IACA,YAAA;AAAA,GACF,CAAA;AACF;;;;"}