fix(runtime-dom): undefined cssvars should not be bound to the element

baiwusanyu-c · baiwusanyu-c · commit d070ab678f89 · 2023-12-19T17:38:47.000+08:00
diff --git a/packages/runtime-dom/src/helpers/useCssVars.ts b/packages/runtime-dom/src/helpers/useCssVars.ts
@@ -82,8 +82,10 @@ function setVarsOnNode(el: Node, vars: Record<string, string>) {
     const style = (el as HTMLElement).style
     let cssText = ''
     for (const key in vars) {
-      style.setProperty(`--${key}`, vars[key])
-      cssText += `--${key}: ${vars[key]};`
+      if(vars[key]){
+        style.setProperty(`--${key}`, vars[key])
+        cssText += `--${key}: ${vars[key]};`
+     }
     }
     ;(style as any)[CSS_VAR_TEXT] = cssText
   }

Original file line number	Diff line number	Diff line change
`@@ -82,8 +82,10 @@ function setVarsOnNode(el: Node, vars: Record<string, string>) {`
`82`	`82`	`const style = (el as HTMLElement).style`
`83`	`83`	`let cssText = ''`
`84`	`84`	`for (const key in vars) {`
`85`		- style.setProperty(`--${key}`, vars[key])
`86`		- cssText += `--${key}: ${vars[key]};`
	`85`	`+ if(vars[key]){`
	`86`	+ style.setProperty(`--${key}`, vars[key])
	`87`	+ cssText += `--${key}: ${vars[key]};`
	`88`	`+ }`
`87`	`89`	`}`
`88`	`90`	`;(style as any)[CSS_VAR_TEXT] = cssText`
`89`	`91`	`}`