2019-08-10

// eslint-disable-next-line eslint-comments/disable-enable-pair

/* eslint-disable import/no-extraneous-dependencies */
import client from 'webpack-theme-color-replacer/client';
import generate from '@ant-design/colors/lib/generate';
export default {
getAntdSerials(color) {
const lightCount = 9;
const divide = 10; // 淡化(即less的tint)

let lightens = new Array(lightCount).fill(0);
lightens = lightens.map((_, i) => client.varyColor.lighten(color, i / divide));
const colorPalettes = generate(color);
return lightens.concat(colorPalettes);

},

changeColor(color) {
if (!color) {
return Promise.resolve();
}

const options = {
  // new colors array, one-to-one corresponde with `matchColors`
  newColors: this.getAntdSerials(color),

  changeUrl(cssUrl) {
    // while router is not `hash` mode, it needs absolute path
    return `/${cssUrl}`;
  },
};
return client.changer.changeColor(options, Promise);

},
};

你可能感兴趣的:(2019-08-10)