fix theme selection not working
This commit is contained in:
parent
2725a0c639
commit
59d046b163
@ -73,7 +73,8 @@ export default {
|
|||||||
getExportedObject: () => this.exportedTheme
|
getExportedObject: () => this.exportedTheme
|
||||||
}),
|
}),
|
||||||
availableStyles: [],
|
availableStyles: [],
|
||||||
selected: this.$store.getters.mergedConfig.theme,
|
selected: '',
|
||||||
|
selectedTheme: this.$store.getters.mergedConfig.theme,
|
||||||
themeWarning: undefined,
|
themeWarning: undefined,
|
||||||
tempImportFile: undefined,
|
tempImportFile: undefined,
|
||||||
engineVersion: 0,
|
engineVersion: 0,
|
||||||
@ -207,7 +208,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
selectedVersion () {
|
selectedVersion () {
|
||||||
return Array.isArray(this.selected) ? 1 : 2
|
return Array.isArray(this.selectedTheme) ? 1 : 2
|
||||||
},
|
},
|
||||||
currentColors () {
|
currentColors () {
|
||||||
return Object.keys(SLOT_INHERITANCE)
|
return Object.keys(SLOT_INHERITANCE)
|
||||||
@ -744,8 +745,19 @@ export default {
|
|||||||
console.warn(e)
|
console.warn(e)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
selected () {
|
selected() {
|
||||||
|
this.selectedTheme = Object.entries(this.availableStyles).find(([k, s]) => {
|
||||||
|
if (Array.isArray(s)) {
|
||||||
|
console.log(s[0] === this.selected, this.selected)
|
||||||
|
return s[0] === this.selected
|
||||||
|
} else {
|
||||||
|
return s.name === this.selected
|
||||||
|
}
|
||||||
|
})[1]
|
||||||
|
},
|
||||||
|
selectedTheme () {
|
||||||
this.dismissWarning()
|
this.dismissWarning()
|
||||||
|
console.log(this.selectedVersion)
|
||||||
if (this.selectedVersion === 1) {
|
if (this.selectedVersion === 1) {
|
||||||
if (!this.keepRoundness) {
|
if (!this.keepRoundness) {
|
||||||
this.clearRoundness()
|
this.clearRoundness()
|
||||||
@ -762,17 +774,17 @@ export default {
|
|||||||
if (!this.keepColor) {
|
if (!this.keepColor) {
|
||||||
this.clearV1()
|
this.clearV1()
|
||||||
|
|
||||||
this.bgColorLocal = this.selected[1]
|
this.bgColorLocal = this.selectedTheme[1]
|
||||||
this.fgColorLocal = this.selected[2]
|
this.fgColorLocal = this.selectedTheme[2]
|
||||||
this.textColorLocal = this.selected[3]
|
this.textColorLocal = this.selectedTheme[3]
|
||||||
this.linkColorLocal = this.selected[4]
|
this.linkColorLocal = this.selectedTheme[4]
|
||||||
this.cRedColorLocal = this.selected[5]
|
this.cRedColorLocal = this.selectedTheme[5]
|
||||||
this.cGreenColorLocal = this.selected[6]
|
this.cGreenColorLocal = this.selectedTheme[6]
|
||||||
this.cBlueColorLocal = this.selected[7]
|
this.cBlueColorLocal = this.selectedTheme[7]
|
||||||
this.cOrangeColorLocal = this.selected[8]
|
this.cOrangeColorLocal = this.selectedTheme[8]
|
||||||
}
|
}
|
||||||
} else if (this.selectedVersion >= 2) {
|
} else if (this.selectedVersion >= 2) {
|
||||||
this.normalizeLocalState(this.selected.theme, 2, this.selected.source)
|
this.normalizeLocalState(this.selectedTheme.theme, 2, this.selectedTheme.source)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -63,7 +63,7 @@
|
|||||||
<option
|
<option
|
||||||
v-for="style in availableStyles"
|
v-for="style in availableStyles"
|
||||||
:key="style.name"
|
:key="style.name"
|
||||||
:value="style"
|
:value="style.name || style[0]"
|
||||||
:style="{
|
:style="{
|
||||||
backgroundColor: style[1] || (style.theme || style.source).colors.bg,
|
backgroundColor: style[1] || (style.theme || style.source).colors.bg,
|
||||||
color: style[3] || (style.theme || style.source).colors.text
|
color: style[3] || (style.theme || style.source).colors.text
|
||||||
|
Loading…
Reference in New Issue
Block a user