| | |
|---|
| | | 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) => { |
|---|
