fix(types): support string type for style in VNode data (vuejs#9728)

fix vuejs#9727
kiku-jw · Jun 18, 2019 · 9b80313 · 9b80313
1 parent 1f89d36
commit 9b80313
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 2 deletions.
diff --git a/flow/vnode.js b/flow/vnode.js
@@ -42,7 +42,7 @@ declare interface VNodeData {
   staticClass?: string;
   class?: any;
   staticStyle?: { [key: string]: any };
-  style?: Array<Object> | Object;
+  style?: string | Array<Object> | Object;
   normalizedStyle?: Object;
   props?: { [key: string]: any };
   attrs?: { [key: string]: string };

diff --git a/types/test/vue-test.ts b/types/test/vue-test.ts
@@ -213,3 +213,28 @@ class Decorated extends Vue {
 
 const obj = Vue.observable({ a: 1 })
 obj.a++
+
+// VNodeData style tests.
+const ComponentWithStyleInVNodeData = Vue.extend({
+  render (h) {
+    const elementWithStyleAsString = h('div', {
+      style: 'background-color: red;'
+    });
+
+    const elementWithStyleAsObject = h('div', {
+      style: { backgroundColor: 'green' }
+    });
+
+    const elementWithStyleAsArrayOfObjects = h('div', {
+      style: [
+        { backgroundColor: 'blue' }
+      ]
+    });
+
+    return h('div', undefined, [
+      elementWithStyleAsString,
+      elementWithStyleAsObject,
+      elementWithStyleAsArrayOfObjects
+    ]);
+  }
+});
diff --git a/types/vnode.d.ts b/types/vnode.d.ts
@@ -48,7 +48,7 @@ export interface VNodeData {
   staticClass?: string;
   class?: any;
   staticStyle?: { [key: string]: any };
-  style?: object[] | object;
+  style?: string | object[] | object;
   props?: { [key: string]: any };
   attrs?: { [key: string]: any };
   domProps?: { [key: string]: any };