123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- import { message } from 'ant-design-vue/es'
- // import defaultSettings from '../defaultSettings';
- import themeColor from './themeColor.js'
- // let lessNodesAppended
- const colorList = [
- {
- key: '薄暮', color: '#F5222D'
- },
- {
- key: '火山', color: '#FA541C'
- },
- {
- key: '日暮', color: '#FAAD14'
- },
- {
- key: '明青', color: '#13C2C2'
- },
- {
- key: '极光绿', color: '#52C41A'
- },
- {
- key: '拂晓蓝(默认)', color: '#1890FF'
- },
- {
- key: '极客蓝', color: '#2F54EB'
- },
- {
- key: '酱紫', color: '#722ED1'
- }
- ]
- const updateTheme = newPrimaryColor => {
- console.log(newPrimaryColor,'newPrimaryColor')
- const hideMessage = message.loading('正在切换主题!', 0)
- themeColor.changeColor(newPrimaryColor).finally(t => {
- setTimeout(() => {
- hideMessage()
- })
- })
- }
- /*
- const updateTheme = primaryColor => {
- // Don't compile less in production!
- /* if (process.env.NODE_ENV === 'production') {
- return;
- } * /
- // Determine if the component is remounted
- if (!primaryColor) {
- return
- }
- const hideMessage = message.loading('正在编译主题!', 0)
- function buildIt () {
- if (!window.less) {
- return
- }
- setTimeout(() => {
- window.less
- .modifyVars({
- '@primary-color': primaryColor
- })
- .then(() => {
- hideMessage()
- })
- .catch(() => {
- message.error('Failed to update theme')
- hideMessage()
- })
- }, 200)
- }
- if (!lessNodesAppended) {
- // insert less.js and color.less
- const lessStyleNode = document.createElement('link')
- const lessConfigNode = document.createElement('script')
- const lessScriptNode = document.createElement('script')
- lessStyleNode.setAttribute('rel', 'stylesheet/less')
- lessStyleNode.setAttribute('href', '/color.less')
- lessConfigNode.innerHTML = `
- window.less = {
- async: true,
- env: 'production',
- javascriptEnabled: true
- };
- `
- lessScriptNode.src = 'https://gw.alipayobjects.com/os/lib/less.js/3.8.1/less.min.js'
- lessScriptNode.async = true
- lessScriptNode.onload = () => {
- buildIt()
- lessScriptNode.onload = null
- }
- document.body.appendChild(lessStyleNode)
- document.body.appendChild(lessConfigNode)
- document.body.appendChild(lessScriptNode)
- lessNodesAppended = true
- } else {
- buildIt()
- }
- }
- */
- const updateColorWeak = colorWeak => {
- // document.body.className = colorWeak ? 'colorWeak' : '';
- colorWeak ? document.body.classList.add('colorWeak') : document.body.classList.remove('colorWeak')
- }
- export { updateTheme, colorList, updateColorWeak }
|