fix(components): handle null prop type, closes #1559

Author: Akryum

packages/app-backend-vue2/src/components/data.ts

@@ -155,6 +155,9 @@ function getPropType (type) {
   if (Array.isArray(type)) {
     return type.map(t => getPropType(t)).join(' or ')
   }
+  if (type == null) {
+    return 'null'
+  }
   const match = type.toString().match(fnTypeRE)
   return typeof type === 'function'
     ? (match && match[1]) || 'any'

packages/app-backend-vue3/src/components/data.ts

@@ -44,6 +44,7 @@ function processProps (instance) {
 
   for (let key in instance.props) {
     const propDefinition = propDefinitions ? propDefinitions[key] : null
+    console.log(key, propDefinition)
     key = camelize(key)
     propsData.push({
       type: 'props',
@@ -76,6 +77,9 @@ function getPropType (type) {
   if (Array.isArray(type)) {
     return type.map(t => getPropType(t)).join(' or ')
   }
+  if (type == null) {
+    return 'null'
+  }
   const match = type.toString().match(fnTypeRE)
   return typeof type === 'function'
     ? (match && match[1]) || 'any'

packages/shell-dev-vue3/src/Nested.vue

@@ -8,7 +8,7 @@ export default {
 
   props: {
     count: {
-      type: Number,
+      type: [Number, String, null],
       default: 4
     }
   },