CustomValue API: changed 'expandable' to 'closed'

Author: Guillaume Chau

src/backend/index.js

@@ -377,7 +377,6 @@ export function getCustomInstanceDetails (instance) {
       type: 'component',
       id: instance.__VUE_DEVTOOLS_UID__,
       display: getInstanceName(instance),
-      expandable: true,
       value: reduceStateList(state),
       fields: {
         abstract: true

src/devtools/components/DataField.vue

@@ -265,12 +265,20 @@ export default {
       return typeof this.field.value
     },
     isExpandableType () {
-      const value = this.field.value
-      return (typeof this.fieldOptions.expandable === 'undefined' || this.fieldOptions.expandable) &&
+      let value = this.field.value
+      if (this.valueType === 'custom') {
+        value = value._custom.value
+      }
+      const closed = this.fieldOptions.closed
+      const closedDefined = typeof closed !== 'undefined'
+      return (!closedDefined &&
         (
           Array.isArray(value) ||
-          (this.valueType === 'custom' && value._custom.expandable) ||
-          (this.valueType !== 'custom' && isPlainObject(value))
+          isPlainObject(value)
+        )) ||
+        (
+          closedDefined &&
+          !closed
         )
     },
     isEditable () {