Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-03-12 13:29:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix validation

Browse Source
This commit is contained in:
Red Adaya 2024-04-15 20:03:07 +08:00
parent 567e5b662c
commit 85886afeb4
1 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/common/elements/termstyleblock.tsx
View File

@ -55,11 +55,6 @@ class TermStyleBlock extends React.Component<{
return element.style.color !== "";
}
isValidTermCSSVariable(key) {
const cssVarName = `--term-${key}`;
return VALID_CSS_VARIABLES.includes(cssVarName);
}
camelCaseToKebabCase(str) {
return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
}
@ -75,10 +70,10 @@ class TermStyleBlock extends React.Component<{
return null;
}
const styleProperties = Object.entries(theme)
// .filter(([key, value]) => {
// const cssVarName = `--term-${this.camelCaseToKebabCase(key)}`;
// return this.isValidTermCSSVariable(cssVarName) && this.isValidCSSColor(value);
// })
.filter(([key, value]) => {
const cssVarName = `--term-${this.camelCaseToKebabCase(key)}`;
return VALID_CSS_VARIABLES.includes(cssVarName) && this.isValidCSSColor(value);
})
.map(([key, value]) => `--term-${key}: ${value};`)
.join(" ");
@ -90,8 +85,10 @@ class TermStyleBlock extends React.Component<{
render() {
const styleRules = this.getStyleRules();
return styleRules ? <style>{styleRules}</style> : null;
if (!styleRules) {
return null;
}
return <style>{styleRules}</style>;
}
}