| | |
| | | immediate: true
|
| | | },
|
| | | async theme(val) {
|
| | | await this.setTheme(val)
|
| | | }
|
| | | },
|
| | | created() {
|
| | | if(this.defaultTheme !== ORIGINAL_THEME) {
|
| | | this.setTheme(this.defaultTheme)
|
| | | }
|
| | | },
|
| | |
|
| | | methods: {
|
| | | async setTheme(val) {
|
| | | const oldVal = this.chalk ? this.theme : ORIGINAL_THEME
|
| | | if (typeof val !== 'string') return
|
| | | const themeCluster = this.getThemeCluster(val.replace('#', ''))
|
| | | const originalCluster = this.getThemeCluster(oldVal.replace('#', ''))
|
| | | console.log(themeCluster, originalCluster)
|
| | |
|
| | | const $message = this.$message({
|
| | | message: ' Compiling the theme',
|
| | | customClass: 'theme-message',
|
| | | type: 'success',
|
| | | duration: 0,
|
| | | iconClass: 'el-icon-loading'
|
| | | })
|
| | |
|
| | | const getHandler = (variable, id) => {
|
| | | return () => {
|
| | |
| | | })
|
| | |
|
| | | this.$emit('change', val)
|
| | | },
|
| | |
|
| | | $message.close()
|
| | | }
|
| | | },
|
| | |
|
| | | methods: {
|
| | | updateStyle(style, oldCluster, newCluster) {
|
| | | let newStyle = style
|
| | | oldCluster.forEach((color, index) => {
|