@next-bricks/data-view 0.9.4 → 0.10.0

package/dist/types.json

@@ -3,145 +3,172 @@
     "properties": [
       {
         "name": "radius",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
       },
       {
         "name": "strokeWidth",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
       },
       {
         "name": "description",
-        "types": {
-          "type": "union",
-          "types": [
-            {
-              "type": "keyword",
-              "value": "string"
-            }
-          ]
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
         }
       },
       {
         "name": "value",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
       },
       {
         "name": "fontSize",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
       }
-    ]
+    ],
+    "events": [],
+    "methods": []
   },
-  "data-view.modern-style-page-title": {
+  "data-view.modern-style-component-title": {
     "properties": [
       {
-        "name": "pageTitle",
-        "types": {
+        "name": "hideLeftComponent",
+        "annotation": {
           "type": "keyword",
-          "value": "string"
+          "value": "boolean"
         }
       },
       {
-        "name": "description",
-        "types": {
+        "name": "hideRightComponent",
+        "annotation": {
           "type": "keyword",
-          "value": "string"
+          "value": "boolean"
         }
       },
       {
-        "name": "backgroundStyle",
-        "types": {
-          "type": "reference",
-          "typeName": "CSSProperties"
+        "name": "componentTitle",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
         }
       },
       {
-        "name": "leftRoundStyle",
-        "types": {
+        "name": "titleTextStyle",
+        "annotation": {
           "type": "reference",
-          "typeName": "CSSProperties"
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
+          }
         }
       },
       {
-        "name": "rightRoundStyle",
-        "types": {
-          "type": "reference",
-          "typeName": "CSSProperties"
+        "name": "squareColor",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "CSSProperties"
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "color"
+          }
         }
       }
-    ]
+    ],
+    "events": [],
+    "methods": []
   },
-  "data-view.modern-style-component-title": {
+  "data-view.modern-style-page-title": {
     "properties": [
       {
-        "name": "hideLeftComponent"
-      },
-      {
-        "name": "hideRightComponent"
+        "name": "pageTitle",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
       },
       {
-        "name": "componentTitle",
-        "types": {
+        "name": "description",
+        "annotation": {
           "type": "keyword",
           "value": "string"
         }
       },
       {
-        "name": "titleTextStyle",
-        "types": {
+        "name": "backgroundStyle",
+        "annotation": {
           "type": "reference",
-          "typeName": "CSSProperties"
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
+          }
         }
       },
       {
-        "name": "squareColor",
-        "types": {
-          "type": "indexedAccess",
-          "objectType": {
-            "type": "reference",
-            "typeName": "CSSProperties"
-          },
-          "indexType": {
-            "type": "literal",
-            "value": "color"
+        "name": "leftRoundStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
+          }
+        }
+      },
+      {
+        "name": "rightRoundStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
           }
         }
       }
-    ]
+    ],
+    "events": [],
+    "methods": []
   },
   "data-view.tabs-drawer": {
     "properties": [
       {
         "name": "tabList",
-        "types": {
+        "annotation": {
           "type": "array",
           "elementType": {
             "type": "reference",
-            "typeName": "TabItem"
+            "typeName": {
+              "type": "identifier",
+              "name": "TabItem"
+            }
           }
         }
       },
       {
         "name": "activeKey",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "string"
         }
       },
       {
         "name": "width",
-        "types": {
+        "annotation": {
           "type": "union",
           "types": [
             {
@@ -157,114 +184,154 @@
       },
       {
         "name": "drawerStyle",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "qualified": {
+          "typeName": {
             "type": "qualifiedName",
             "left": {
               "type": "identifier",
-              "value": "React"
+              "name": "React"
             },
             "right": {
               "type": "identifier",
-              "value": "CSSProperties"
+              "name": "CSSProperties"
             }
           }
         }
       },
       {
         "name": "bodyStyle",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "qualified": {
+          "typeName": {
             "type": "qualifiedName",
             "left": {
               "type": "identifier",
-              "value": "React"
+              "name": "React"
             },
             "right": {
               "type": "identifier",
-              "value": "CSSProperties"
+              "name": "CSSProperties"
             }
           }
         }
       },
       {
         "name": "zIndex",
-        "types": {
-          "type": "union",
-          "types": [
-            {
-              "type": "keyword",
-              "value": "number"
-            }
-          ]
+        "annotation": {
+          "type": "keyword",
+          "value": "number"
         }
       },
       {
         "name": "visible",
-        "types": {
-          "type": "union",
-          "types": [
-            {
-              "type": "keyword",
-              "value": "boolean"
-            }
-          ]
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
         }
       }
     ],
     "events": [
       {
-        "name": "open"
+        "name": "open",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "void"
+          }
+        }
       },
       {
-        "name": "close"
+        "name": "close",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "void"
+          }
+        }
       },
       {
         "name": "tab.change",
-        "types": {
-          "type": "keyword",
-          "value": "string"
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "string"
+          }
         }
       }
     ],
+    "methods": [
+      {
+        "name": "open",
+        "params": [],
+        "returns": {}
+      },
+      {
+        "name": "close",
+        "params": [],
+        "returns": {}
+      }
+    ],
     "types": [
       {
-        "name": "TabItem",
         "type": "interface",
-        "annotation": [
+        "name": "TabItem",
+        "body": [
           {
             "type": "propertySignature",
-            "name": "icon",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "icon"
+            },
+            "annotation": {
               "type": "reference",
-              "typeName": "GeneralIconProps"
-            }
+              "typeName": {
+                "type": "identifier",
+                "name": "GeneralIconProps"
+              }
+            },
+            "computed": false,
+            "description": "菜单标题对应的图标。"
           },
           {
             "type": "propertySignature",
-            "name": "key",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "key"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "computed": false,
+            "description": "唯一标识"
           },
           {
             "type": "propertySignature",
-            "name": "title",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "title"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "optional": true,
+            "computed": false,
+            "description": "菜单标题。"
           },
           {
             "type": "propertySignature",
-            "name": "tooltip",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "tooltip"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "optional": true,
+            "computed": false
           }
         ]
       }
@@ -274,113 +341,136 @@
     "properties": [
       {
         "name": "value",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
       },
       {
         "name": "batteryWidth",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
       },
       {
         "name": "batteryHeight",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
       },
       {
         "name": "thresholdColors",
-        "types": {
+        "annotation": {
           "type": "array",
           "elementType": {
             "type": "reference",
-            "typeName": "ThresholdColor"
+            "typeName": {
+              "type": "identifier",
+              "name": "ThresholdColor"
+            }
           }
         }
       },
       {
         "name": "thresholdValue",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
       }
     ],
+    "events": [],
+    "methods": [],
     "types": [
       {
-        "name": "ThresholdColor",
         "type": "interface",
-        "annotation": [
+        "name": "ThresholdColor",
+        "body": [
           {
             "type": "propertySignature",
-            "name": "color",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "color"
+            },
+            "annotation": {
               "type": "indexedAccess",
               "objectType": {
                 "type": "reference",
-                "qualified": {
+                "typeName": {
                   "type": "qualifiedName",
                   "left": {
                     "type": "identifier",
-                    "value": "React"
+                    "name": "React"
                   },
                   "right": {
                     "type": "identifier",
-                    "value": "CSSProperties"
+                    "name": "CSSProperties"
                   }
                 }
               },
               "indexType": {
-                "type": "literal",
+                "type": "jsLiteral",
                 "value": "color"
               }
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "startValue",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "startValue"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "number"
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "endValue",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "endValue"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "number"
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "headerColor",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "headerColor"
+            },
+            "annotation": {
               "type": "indexedAccess",
               "objectType": {
                 "type": "reference",
-                "qualified": {
+                "typeName": {
                   "type": "qualifiedName",
                   "left": {
                     "type": "identifier",
-                    "value": "React"
+                    "name": "React"
                   },
                   "right": {
                     "type": "identifier",
-                    "value": "CSSProperties"
+                    "name": "CSSProperties"
                   }
                 }
               },
               "indexType": {
-                "type": "literal",
+                "type": "jsLiteral",
                 "value": "color"
               }
-            }
+            },
+            "optional": true,
+            "computed": false,
+            "description": "电池头的颜色，默认取 color，color为渐变色，需要单独配置头部颜色，请使用该属性"
           }
         ]
       }
@@ -390,26 +480,34 @@
     "properties": [
       {
         "name": "options",
-        "types": {
+        "annotation": {
           "type": "array",
           "elementType": {
             "type": "typeLiteral",
             "members": [
               {
                 "type": "propertySignature",
-                "name": "label",
-                "property": {
+                "key": {
+                  "type": "identifier",
+                  "name": "label"
+                },
+                "annotation": {
                   "type": "keyword",
                   "value": "string"
-                }
+                },
+                "computed": false
               },
               {
                 "type": "propertySignature",
-                "name": "value",
-                "property": {
+                "key": {
+                  "type": "identifier",
+                  "name": "value"
+                },
+                "annotation": {
                   "type": "keyword",
                   "value": "string"
-                }
+                },
+                "computed": false
               }
             ]
           }
@@ -417,21 +515,21 @@
       },
       {
         "name": "value",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "string"
         }
       },
       {
         "name": "placeholder",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "string"
         }
       },
       {
         "name": "allowClear",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "boolean"
         }
@@ -440,119 +538,139 @@
     "events": [
       {
         "name": "value.change",
-        "types": {
-          "type": "keyword",
-          "value": "string"
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "string"
+          }
         }
       }
-    ]
+    ],
+    "methods": []
   },
   "data-view.particle-animation": {
     "properties": [
       {
         "name": "colors",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "typeName": "ColorType"
+          "typeName": {
+            "type": "identifier",
+            "name": "ColorType"
+          }
         }
       },
       {
         "name": "containerStyle",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "qualified": {
+          "typeName": {
             "type": "qualifiedName",
             "left": {
               "type": "identifier",
-              "value": "React"
+              "name": "React"
             },
             "right": {
               "type": "identifier",
-              "value": "CSSProperties"
+              "name": "CSSProperties"
             }
           }
         }
       }
     ],
+    "events": [],
+    "methods": [],
     "types": [
       {
-        "name": "ColorType",
         "type": "interface",
-        "annotation": [
+        "name": "ColorType",
+        "body": [
           {
             "type": "propertySignature",
-            "name": "startColor",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "startColor"
+            },
+            "annotation": {
               "type": "indexedAccess",
               "objectType": {
                 "type": "reference",
-                "qualified": {
+                "typeName": {
                   "type": "qualifiedName",
                   "left": {
                     "type": "identifier",
-                    "value": "React"
+                    "name": "React"
                   },
                   "right": {
                     "type": "identifier",
-                    "value": "CSSProperties"
+                    "name": "CSSProperties"
                   }
                 }
               },
               "indexType": {
-                "type": "literal",
+                "type": "jsLiteral",
                 "value": "color"
               }
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "middleColor",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "middleColor"
+            },
+            "annotation": {
               "type": "indexedAccess",
               "objectType": {
                 "type": "reference",
-                "qualified": {
+                "typeName": {
                   "type": "qualifiedName",
                   "left": {
                     "type": "identifier",
-                    "value": "React"
+                    "name": "React"
                   },
                   "right": {
                     "type": "identifier",
-                    "value": "CSSProperties"
+                    "name": "CSSProperties"
                   }
                 }
               },
               "indexType": {
-                "type": "literal",
+                "type": "jsLiteral",
                 "value": "color"
               }
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "endColor",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "endColor"
+            },
+            "annotation": {
               "type": "indexedAccess",
               "objectType": {
                 "type": "reference",
-                "qualified": {
+                "typeName": {
                   "type": "qualifiedName",
                   "left": {
                     "type": "identifier",
-                    "value": "React"
+                    "name": "React"
                   },
                   "right": {
                     "type": "identifier",
-                    "value": "CSSProperties"
+                    "name": "CSSProperties"
                   }
                 }
               },
               "indexType": {
-                "type": "literal",
+                "type": "jsLiteral",
                 "value": "color"
               }
-            }
+            },
+            "computed": false
           }
         ]
       }
@@ -562,15 +680,15 @@
     "properties": [
       {
         "name": "status",
-        "types": {
+        "annotation": {
           "type": "union",
           "types": [
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "normal"
             },
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "warning"
             }
           ]
@@ -578,76 +696,74 @@
       },
       {
         "name": "cardTitle",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "string"
         }
       },
       {
         "name": "description",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "string"
         }
       }
-    ]
+    ],
+    "events": [],
+    "methods": []
   },
   "data-view.app-wall-system-card": {
     "properties": [
       {
         "name": "status",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "typeName": "StatusType"
+          "typeName": {
+            "type": "identifier",
+            "name": "StatusType"
+          }
         }
       },
       {
         "name": "cardTitle",
-        "types": {
-          "type": "union",
-          "types": [
-            {
-              "type": "keyword",
-              "value": "string"
-            }
-          ]
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
         }
       },
       {
         "name": "itemList",
-        "types": {
+        "annotation": {
           "type": "array",
           "elementType": {
             "type": "reference",
-            "typeName": "DescriptionItem"
+            "typeName": {
+              "type": "identifier",
+              "name": "DescriptionItem"
+            }
           }
         }
       },
       {
         "name": "buttonName",
-        "types": {
-          "type": "union",
-          "types": [
-            {
-              "type": "keyword",
-              "value": "string"
-            }
-          ]
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
         }
       },
       {
         "name": "containerStyle",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "qualified": {
+          "typeName": {
             "type": "qualifiedName",
             "left": {
               "type": "identifier",
-              "value": "React"
+              "name": "React"
             },
             "right": {
               "type": "identifier",
-              "value": "CSSProperties"
+              "name": "CSSProperties"
             }
           }
         }
@@ -655,46 +771,61 @@
     ],
     "events": [
       {
-        "name": "button-click"
+        "name": "button-click",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "void"
+          }
+        }
       }
     ],
+    "methods": [],
     "types": [
       {
-        "name": "StatusType",
         "type": "typeAlias",
+        "name": "StatusType",
         "annotation": {
           "type": "union",
           "types": [
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "normal"
             },
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "warning"
             }
           ]
         }
       },
       {
-        "name": "DescriptionItem",
         "type": "interface",
-        "annotation": [
+        "name": "DescriptionItem",
+        "body": [
           {
             "type": "propertySignature",
-            "name": "key",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "key"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "value",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "value"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "computed": false
           }
         ]
       }
@@ -704,60 +835,64 @@
     "properties": [
       {
         "name": "lightColor",
-        "types": {
+        "annotation": {
           "type": "union",
           "types": [
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "blue"
             },
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "purple"
             }
           ]
         }
       }
-    ]
+    ],
+    "events": [],
+    "methods": []
   },
   "data-view.cabinet-button": {
     "properties": [
       {
         "name": "buttonStyle",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "qualified": {
+          "typeName": {
             "type": "qualifiedName",
             "left": {
               "type": "identifier",
-              "value": "React"
+              "name": "React"
             },
             "right": {
               "type": "identifier",
-              "value": "CSSProperties"
+              "name": "CSSProperties"
             }
           }
         }
       }
-    ]
+    ],
+    "events": [],
+    "methods": []
   },
   "data-view.cabinet-node": {
     "properties": [
       {
         "name": "type",
-        "types": {
+        "annotation": {
           "type": "union",
           "types": [
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "container-group"
             },
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "physical-machine"
             },
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "virtual-machine"
             }
           ]
@@ -765,22 +900,22 @@
       },
       {
         "name": "nodeTitle",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "string"
         }
       },
       {
         "name": "status",
-        "types": {
+        "annotation": {
           "type": "union",
           "types": [
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "active"
             },
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "faded"
             }
           ]
@@ -788,52 +923,59 @@
       },
       {
         "name": "isAlert",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "boolean"
         }
       }
-    ]
+    ],
+    "events": [],
+    "methods": []
   },
   "data-view.cabinet-app-layer": {
     "properties": [
       {
         "name": "appTitle",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "string"
         }
       },
       {
         "name": "status",
-        "types": {
+        "annotation": {
           "type": "union",
           "types": [
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "active"
             },
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "faded"
             }
           ]
         }
       }
-    ]
+    ],
+    "events": [],
+    "methods": []
   },
   "data-view.cabinet-graph": {
     "properties": [
       {
         "name": "dataSource",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "typeName": "AppData"
+          "typeName": {
+            "type": "identifier",
+            "name": "AppData"
+          }
         }
       },
       {
         "name": "activeKey",
-        "types": {
+        "annotation": {
           "type": "union",
           "types": [
             {
@@ -852,7 +994,7 @@
       },
       {
         "name": "hiddenCloseBtn",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "boolean"
         }
@@ -860,228 +1002,324 @@
     ],
     "events": [
       {
-        "name": "close.button.click"
+        "name": "close.button.click",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "void"
+          }
+        }
       },
       {
         "name": "cabinet.click",
-        "types": {
-          "type": "typeLiteral",
-          "members": [
-            {
-              "type": "propertySignature",
-              "name": "type",
-              "property": {
-                "type": "reference",
-                "typeName": "ChangeType"
-              }
-            },
-            {
-              "type": "propertySignature",
-              "name": "data",
-              "property": {
-                "type": "reference",
-                "typeName": "Record",
-                "typeParameters": [
-                  {
-                    "type": "keyword",
-                    "value": "string"
+        "detail": {
+          "annotation": {
+            "type": "typeLiteral",
+            "members": [
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "type"
+                },
+                "annotation": {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "ChangeType"
+                  }
+                },
+                "computed": false
+              },
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "data"
+                },
+                "annotation": {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "Record"
                   },
-                  {
-                    "type": "keyword",
-                    "value": "any"
+                  "typeParameters": {
+                    "type": "typeParameterInstantiation",
+                    "params": [
+                      {
+                        "type": "keyword",
+                        "value": "string"
+                      },
+                      {
+                        "type": "keyword",
+                        "value": "any"
+                      }
+                    ]
                   }
-                ]
+                },
+                "computed": false
               }
-            }
-          ]
+            ]
+          }
         }
       },
       {
         "name": "cabinet.dbclick",
-        "types": {
-          "type": "typeLiteral",
-          "members": [
-            {
-              "type": "propertySignature",
-              "name": "type",
-              "property": {
-                "type": "reference",
-                "typeName": "ChangeType"
-              }
-            },
-            {
-              "type": "propertySignature",
-              "name": "data",
-              "property": {
-                "type": "reference",
-                "typeName": "Record",
-                "typeParameters": [
-                  {
-                    "type": "keyword",
-                    "value": "string"
+        "detail": {
+          "annotation": {
+            "type": "typeLiteral",
+            "members": [
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "type"
+                },
+                "annotation": {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "ChangeType"
+                  }
+                },
+                "computed": false
+              },
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "data"
+                },
+                "annotation": {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "Record"
                   },
-                  {
-                    "type": "keyword",
-                    "value": "any"
+                  "typeParameters": {
+                    "type": "typeParameterInstantiation",
+                    "params": [
+                      {
+                        "type": "keyword",
+                        "value": "string"
+                      },
+                      {
+                        "type": "keyword",
+                        "value": "any"
+                      }
+                    ]
                   }
-                ]
+                },
+                "computed": false
               }
-            }
-          ]
+            ]
+          }
         }
       }
     ],
+    "methods": [],
     "types": [
       {
-        "name": "AppData",
         "type": "interface",
-        "annotation": [
+        "name": "AppData",
+        "body": [
           {
             "type": "propertySignature",
-            "name": "appName",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "appName"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "key",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "key"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "clusters",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "clusters"
+            },
+            "annotation": {
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "typeName": "Clusters"
+                "typeName": {
+                  "type": "identifier",
+                  "name": "Clusters"
+                }
               }
-            }
+            },
+            "computed": false
           }
         ]
       },
       {
-        "name": "Clusters",
         "type": "interface",
-        "annotation": [
+        "name": "Clusters",
+        "body": [
           {
             "type": "propertySignature",
-            "name": "clusterName",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "clusterName"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "key",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "key"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "type",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "type"
+            },
+            "annotation": {
               "type": "union",
               "types": [
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "host"
                 },
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "k8s"
                 }
               ]
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "nodes",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "nodes"
+            },
+            "annotation": {
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "typeName": "Node"
+                "typeName": {
+                  "type": "identifier",
+                  "name": "Node"
+                }
               }
-            }
+            },
+            "computed": false
           }
         ]
       },
       {
-        "name": "Node",
         "type": "interface",
-        "annotation": [
+        "name": "Node",
+        "body": [
           {
             "type": "propertySignature",
-            "name": "nodeTitle",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "nodeTitle"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "key",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "key"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "type",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "type"
+            },
+            "annotation": {
               "type": "union",
               "types": [
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "container-group"
                 },
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "physical-machine"
                 },
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "virtual-machine"
                 }
               ]
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "isAlert",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "isAlert"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "boolean"
-            }
+            },
+            "optional": true,
+            "computed": false
           }
         ]
       },
       {
-        "name": "ChangeType",
         "type": "typeAlias",
+        "name": "ChangeType",
         "annotation": {
           "type": "union",
           "types": [
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "node"
             },
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "cluster"
             },
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "layer"
             }
           ]
@@ -1093,184 +1331,438 @@
     "properties": [
       {
         "name": "url",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "string"
         }
       }
-    ]
+    ],
+    "events": [],
+    "methods": []
   },
-  "data-view.grid-background": {
+  "data-view.title-text": {
     "properties": [
       {
-        "name": "color",
-        "types": {
+        "name": "type",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "TitleType"
+          }
+        }
+      },
+      {
+        "name": "text",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "fontSize",
+        "annotation": {
           "type": "indexedAccess",
           "objectType": {
             "type": "reference",
-            "qualified": {
-              "type": "qualifiedName",
-              "left": {
-                "type": "identifier",
-                "value": "React"
-              },
-              "right": {
-                "type": "identifier",
-                "value": "CSSProperties"
-              }
+            "typeName": {
+              "type": "identifier",
+              "name": "CSSProperties"
             }
           },
           "indexType": {
-            "type": "literal",
-            "value": "color"
+            "type": "jsLiteral",
+            "value": "fontSize"
           }
         }
       },
       {
-        "name": "maskStyle",
-        "types": {
-          "type": "reference",
-          "qualified": {
-            "type": "qualifiedName",
-            "left": {
-              "type": "identifier",
-              "value": "React"
-            },
-            "right": {
+        "name": "fontWeight",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
               "type": "identifier",
-              "value": "CSSProperties"
+              "name": "CSSProperties"
             }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "fontWeight"
           }
         }
       },
       {
-        "name": "particleColor",
-        "types": {
-          "type": "reference",
-          "typeName": "ParticleColor"
-        }
-      }
-    ],
-    "types": [
-      {
-        "name": "ParticleColor",
-        "type": "interface",
-        "annotation": [
-          {
-            "type": "propertySignature",
-            "name": "startColor",
-            "property": {
-              "type": "indexedAccess",
-              "objectType": {
-                "type": "reference",
-                "qualified": {
-                  "type": "qualifiedName",
-                  "left": {
-                    "type": "identifier",
-                    "value": "React"
-                  },
-                  "right": {
-                    "type": "identifier",
-                    "value": "CSSProperties"
-                  }
-                }
-              },
-              "indexType": {
-                "type": "literal",
-                "value": "color"
-              }
-            }
-          },
-          {
-            "type": "propertySignature",
-            "name": "endColor",
-            "property": {
-              "type": "indexedAccess",
-              "objectType": {
-                "type": "reference",
-                "qualified": {
-                  "type": "qualifiedName",
-                  "left": {
-                    "type": "identifier",
-                    "value": "React"
-                  },
-                  "right": {
-                    "type": "identifier",
-                    "value": "CSSProperties"
-                  }
-                }
-              },
-              "indexType": {
-                "type": "literal",
-                "value": "color"
-              }
-            }
-          }
-        ]
-      }
-    ]
-  },
-  "data-view.gear-background": {
-    "properties": [
-      {
-        "name": "color",
-        "types": {
+        "name": "letterSpacing",
+        "annotation": {
           "type": "indexedAccess",
           "objectType": {
             "type": "reference",
-            "qualified": {
-              "type": "qualifiedName",
-              "left": {
-                "type": "identifier",
-                "value": "React"
-              },
-              "right": {
-                "type": "identifier",
-                "value": "CSSProperties"
-              }
+            "typeName": {
+              "type": "identifier",
+              "name": "CSSProperties"
             }
           },
           "indexType": {
-            "type": "literal",
-            "value": "color"
+            "type": "jsLiteral",
+            "value": "letterSpacing"
           }
         }
       }
+    ],
+    "events": [],
+    "methods": [],
+    "types": [
+      {
+        "type": "typeAlias",
+        "name": "TitleType",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "normal"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "stroke"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "gradient"
+            }
+          ]
+        }
+      }
     ]
   },
-  "data-view.loading-panel": {
+  "data-view.brick-notification": {
     "properties": [
       {
-        "name": "customTitle",
-        "types": {
+        "name": "message",
+        "annotation": {
           "type": "keyword",
           "value": "string"
         }
       },
       {
-        "name": "loading",
-        "types": {
+        "name": "icon",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "GeneralIconProps"
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
+  "data-view.tabs-page-title": {
+    "properties": [
+      {
+        "name": "tabList",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "TabsItem"
+            }
+          }
+        }
+      },
+      {
+        "name": "activeKey",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "tab.change",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "string"
+          }
+        }
+      }
+    ],
+    "methods": [],
+    "types": [
+      {
+        "type": "interface",
+        "name": "TabsItem",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "key"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false,
+            "description": "唯一标识，对应 slot 名称"
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "text"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false,
+            "description": "标签名称"
+          }
+        ],
+        "description": "带有tabs的标题构件"
+      }
+    ]
+  },
+  "data-view.grid-background": {
+    "properties": [
+      {
+        "name": "color",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "qualifiedName",
+              "left": {
+                "type": "identifier",
+                "name": "React"
+              },
+              "right": {
+                "type": "identifier",
+                "name": "CSSProperties"
+              }
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "color"
+          }
+        }
+      },
+      {
+        "name": "maskStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "qualifiedName",
+            "left": {
+              "type": "identifier",
+              "name": "React"
+            },
+            "right": {
+              "type": "identifier",
+              "name": "CSSProperties"
+            }
+          }
+        }
+      },
+      {
+        "name": "particleColor",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "ParticleColor"
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": [],
+    "types": [
+      {
+        "type": "interface",
+        "name": "ParticleColor",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "startColor"
+            },
+            "annotation": {
+              "type": "indexedAccess",
+              "objectType": {
+                "type": "reference",
+                "typeName": {
+                  "type": "qualifiedName",
+                  "left": {
+                    "type": "identifier",
+                    "name": "React"
+                  },
+                  "right": {
+                    "type": "identifier",
+                    "name": "CSSProperties"
+                  }
+                }
+              },
+              "indexType": {
+                "type": "jsLiteral",
+                "value": "color"
+              }
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "endColor"
+            },
+            "annotation": {
+              "type": "indexedAccess",
+              "objectType": {
+                "type": "reference",
+                "typeName": {
+                  "type": "qualifiedName",
+                  "left": {
+                    "type": "identifier",
+                    "name": "React"
+                  },
+                  "right": {
+                    "type": "identifier",
+                    "name": "CSSProperties"
+                  }
+                }
+              },
+              "indexType": {
+                "type": "jsLiteral",
+                "value": "color"
+              }
+            },
+            "computed": false
+          }
+        ]
+      }
+    ]
+  },
+  "data-view.gear-background": {
+    "properties": [
+      {
+        "name": "color",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "qualifiedName",
+              "left": {
+                "type": "identifier",
+                "name": "React"
+              },
+              "right": {
+                "type": "identifier",
+                "name": "CSSProperties"
+              }
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "color"
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
+  "data-view.top-title-bar": {
+    "properties": [
+      {
+        "name": "text",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "type",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "TitleBarType"
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": [],
+    "types": [
+      {
+        "type": "typeAlias",
+        "name": "TitleBarType",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "normal"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "sample"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "square"
+            }
+          ]
+        }
+      }
+    ]
+  },
+  "data-view.loading-panel": {
+    "properties": [
+      {
+        "name": "customTitle",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "loading",
+        "annotation": {
           "type": "keyword",
           "value": "boolean"
         }
       },
       {
         "name": "useRealTimeProgress",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "boolean"
         }
       },
       {
         "name": "progress",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
       },
       {
         "name": "intervalTime",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
@@ -1278,40 +1770,53 @@
     ],
     "events": [
       {
-        "name": "end"
+        "name": "end",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "void"
+          }
+        }
       }
-    ]
+    ],
+    "methods": []
   },
   "data-view.cabinet-container": {
     "properties": [
       {
         "name": "type",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "typeName": "ContainerType"
+          "typeName": {
+            "type": "identifier",
+            "name": "ContainerType"
+          }
         }
       },
       {
         "name": "data",
-        "types": {
+        "annotation": {
           "type": "array",
           "elementType": {
             "type": "reference",
-            "typeName": "CabinetNodeProps"
+            "typeName": {
+              "type": "identifier",
+              "name": "CabinetNodeProps"
+            }
           }
         }
       },
       {
         "name": "status",
-        "types": {
+        "annotation": {
           "type": "union",
           "types": [
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "active"
             },
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "faded"
             }
           ]
@@ -1319,148 +1824,183 @@
       },
       {
         "name": "customTitle",
-        "types": {
-          "type": "union",
-          "types": [
-            {
-              "type": "keyword",
-              "value": "string"
-            }
-          ]
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
         }
       }
     ],
     "events": [
       {
         "name": "container.click",
-        "types": {
-          "type": "reference",
-          "typeName": "ClickEventDataType"
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "ClickEventDataType"
+            }
+          }
         }
       },
       {
         "name": "container.dbclick",
-        "types": {
-          "type": "reference",
-          "typeName": "ClickEventDataType"
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "ClickEventDataType"
+            }
+          }
         }
       }
     ],
+    "methods": [],
     "types": [
       {
-        "name": "ContainerType",
         "type": "typeAlias",
+        "name": "ContainerType",
         "annotation": {
           "type": "union",
           "types": [
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "host"
             },
             {
-              "type": "literal",
+              "type": "jsLiteral",
               "value": "k8s"
             }
           ]
         }
       },
       {
-        "name": "CabinetNodeProps",
         "type": "interface",
-        "annotation": [
+        "name": "CabinetNodeProps",
+        "body": [
           {
             "type": "propertySignature",
-            "name": "type",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "type"
+            },
+            "annotation": {
               "type": "union",
               "types": [
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "container-group"
                 },
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "physical-machine"
                 },
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "virtual-machine"
                 }
               ]
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "nodeTitle",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "nodeTitle"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "status",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "status"
+            },
+            "annotation": {
               "type": "union",
               "types": [
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "active"
                 },
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "faded"
                 }
               ]
-            }
+            },
+            "optional": true,
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "isAlert",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "isAlert"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "boolean"
-            }
+            },
+            "optional": true,
+            "computed": false
           }
         ]
       },
       {
-        "name": "ClickEventDataType",
         "type": "interface",
-        "annotation": [
+        "name": "ClickEventDataType",
+        "body": [
           {
             "type": "propertySignature",
-            "name": "type",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "type"
+            },
+            "annotation": {
               "type": "union",
               "types": [
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "node"
                 },
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "container"
                 }
               ]
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "data",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "data"
+            },
+            "annotation": {
               "type": "union",
               "types": [
                 {
                   "type": "reference",
-                  "typeName": "CabinetNodeProps"
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "CabinetNodeProps"
+                  }
                 },
                 {
                   "type": "keyword",
                   "value": "undefined"
                 }
               ]
-            }
+            },
+            "computed": false
           }
         ]
       }
@@ -1470,259 +2010,158 @@
     "properties": [
       {
         "name": "clusters",
-        "types": {
-          "type": "array",
-          "elementType": {
-            "type": "reference",
-            "typeName": "Clusters"
-          }
-        }
-      },
-      {
-        "name": "columns",
-        "types": {
-          "type": "keyword",
-          "value": "number"
-        }
-      },
-      {
-        "name": "appName",
-        "types": {
-          "type": "keyword",
-          "value": "string"
-        }
-      }
-    ],
-    "types": [
-      {
-        "name": "Clusters",
-        "type": "interface",
-        "annotation": [
-          {
-            "type": "propertySignature",
-            "name": "data",
-            "property": {
-              "type": "array",
-              "elementType": {
-                "type": "reference",
-                "typeName": "CabinetNodeProps"
-              }
-            }
-          },
-          {
-            "type": "propertySignature",
-            "name": "type",
-            "property": {
-              "type": "reference",
-              "typeName": "ContainerType"
-            }
-          },
-          {
-            "type": "propertySignature",
-            "name": "title",
-            "property": {
-              "type": "union",
-              "types": [
-                {
-                  "type": "keyword",
-                  "value": "string"
-                },
-                {
-                  "type": "keyword",
-                  "value": "undefined"
-                }
-              ]
-            }
-          }
-        ]
-      }
-    ]
-  },
-  "data-view.graph-layout-grid": {
-    "properties": [
-      {
-        "name": "columns",
-        "types": {
-          "type": "keyword",
-          "value": "number"
-        }
-      },
-      {
-        "name": "rows",
-        "types": {
-          "type": "keyword",
-          "value": "number"
-        }
-      },
-      {
-        "name": "isReverse",
-        "types": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      },
-      {
-        "name": "dataSource",
-        "types": {
-          "type": "array",
-          "elementType": {
-            "type": "reference",
-            "typeName": "DataSourceType"
-          }
-        }
-      }
-    ],
-    "types": [
-      {
-        "name": "DataSourceType",
-        "type": "typeAlias",
-        "annotation": {
-          "type": "intersection",
-          "types": [
-            {
-              "type": "reference",
-              "typeName": "GraphTextProps"
-            },
-            {
-              "type": "reference",
-              "typeName": "GraphNodeProps"
-            }
-          ]
-        }
-      }
-    ]
-  },
-  "data-view.complex-search": {
-    "properties": [
-      {
-        "name": "value",
-        "types": {
-          "type": "union",
-          "types": [
-            {
-              "type": "keyword",
-              "value": "string"
-            }
-          ]
-        }
-      },
-      {
-        "name": "placeholder",
-        "types": {
-          "type": "union",
-          "types": [
-            {
-              "type": "keyword",
-              "value": "string"
-            }
-          ]
-        }
-      },
-      {
-        "name": "options",
-        "types": {
+        "annotation": {
           "type": "array",
           "elementType": {
             "type": "reference",
-            "typeName": "OptionItem"
+            "typeName": {
+              "type": "identifier",
+              "name": "Clusters"
+            }
           }
         }
       },
       {
-        "name": "tooltipUseBrick",
-        "types": {
-          "type": "reference",
-          "typeName": "ReactUseMultipleBricksProps"
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "change",
-        "types": {
+        "name": "columns",
+        "annotation": {
           "type": "keyword",
-          "value": "string"
+          "value": "number"
         }
       },
       {
-        "name": "search",
-        "types": {
+        "name": "appName",
+        "annotation": {
           "type": "keyword",
           "value": "string"
         }
-      },
-      {
-        "name": "select",
-        "types": {
-          "type": "reference",
-          "typeName": "OptionItem"
-        }
-      },
-      {
-        "name": "focus"
-      },
-      {
-        "name": "blur"
       }
     ],
+    "events": [],
+    "methods": [],
     "types": [
       {
-        "name": "OptionItem",
         "type": "interface",
-        "annotation": [
+        "name": "Clusters",
+        "body": [
           {
             "type": "propertySignature",
-            "name": "icon",
-            "property": {
-              "type": "reference",
-              "typeName": "GeneralIconProps"
-            }
+            "key": {
+              "type": "identifier",
+              "name": "data"
+            },
+            "annotation": {
+              "type": "array",
+              "elementType": {
+                "type": "reference",
+                "typeName": {
+                  "type": "identifier",
+                  "name": "CabinetNodeProps"
+                }
+              }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "name",
-            "property": {
-              "type": "keyword",
-              "value": "string"
-            }
+            "key": {
+              "type": "identifier",
+              "name": "type"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "ContainerType"
+              }
+            },
+            "optional": true,
+            "computed": false
           },
           {
-            "type": "indexSignature",
-            "parameters": {
-              "name": "propName",
-              "type": "keyword",
-              "value": "string"
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "title"
             },
-            "property": {
-              "type": "keyword",
-              "value": "any"
-            }
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "keyword",
+                  "value": "string"
+                },
+                {
+                  "type": "keyword",
+                  "value": "undefined"
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
           }
         ]
       }
     ]
   },
-  "data-view.graph-text": {
+  "data-view.graph-layout-grid": {
     "properties": [
       {
-        "name": "text",
-        "types": {
+        "name": "columns",
+        "annotation": {
           "type": "keyword",
-          "value": "string"
+          "value": "number"
         }
       },
       {
-        "name": "value",
-        "types": {
-          "type": "union",
+        "name": "rows",
+        "annotation": {
+          "type": "keyword",
+          "value": "number"
+        }
+      },
+      {
+        "name": "isReverse",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "dataSource",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "DataSourceType"
+            }
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": [],
+    "types": [
+      {
+        "type": "typeAlias",
+        "name": "DataSourceType",
+        "annotation": {
+          "type": "intersection",
           "types": [
             {
-              "type": "keyword",
-              "value": "string"
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "GraphTextProps"
+              }
             },
             {
-              "type": "keyword",
-              "value": "number"
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "GraphNodeProps"
+              }
             }
           ]
         }
@@ -1733,204 +2172,436 @@
     "properties": [
       {
         "name": "data",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "typeName": "TreemapData"
+          "typeName": {
+            "type": "identifier",
+            "name": "TreemapData"
+          }
         }
       },
       {
         "name": "tail",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "typeName": "TailTypes"
+          "typeName": {
+            "type": "identifier",
+            "name": "TailTypes"
+          }
         }
       },
       {
         "name": "leafUseBrick",
-        "types": {
+        "annotation": {
           "type": "typeLiteral",
           "members": [
             {
               "type": "propertySignature",
-              "name": "useBrick",
-              "property": {
+              "key": {
+                "type": "identifier",
+                "name": "useBrick"
+              },
+              "annotation": {
                 "type": "reference",
-                "typeName": "UseBrickConf"
-              }
+                "typeName": {
+                  "type": "identifier",
+                  "name": "UseBrickConf"
+                }
+              },
+              "computed": false
             }
           ]
         }
       },
       {
         "name": "leafContainerStyle",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "typeName": "CSSProperties"
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
+          }
         }
       },
       {
         "name": "tooltipUseBrick",
-        "types": {
+        "annotation": {
           "type": "typeLiteral",
           "members": [
             {
               "type": "propertySignature",
-              "name": "useBrick",
-              "property": {
+              "key": {
+                "type": "identifier",
+                "name": "useBrick"
+              },
+              "annotation": {
                 "type": "reference",
-                "typeName": "UseBrickConf"
-              }
+                "typeName": {
+                  "type": "identifier",
+                  "name": "UseBrickConf"
+                }
+              },
+              "computed": false
             }
           ]
         }
       },
       {
         "name": "tooltipStyle",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "typeName": "CSSProperties"
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
+          }
         }
       }
     ],
     "events": [
       {
         "name": "treemap.click",
-        "types": {
-          "type": "reference",
-          "typeName": "TreemapData"
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "TreemapData"
+            }
+          }
         }
       }
     ],
+    "methods": [],
     "types": [
       {
-        "name": "TreemapData",
         "type": "typeAlias",
+        "name": "TreemapData",
         "annotation": {
           "type": "typeLiteral",
           "members": [
             {
               "type": "propertySignature",
-              "name": "name",
-              "property": {
+              "key": {
+                "type": "identifier",
+                "name": "name"
+              },
+              "annotation": {
                 "type": "keyword",
                 "value": "string"
-              }
+              },
+              "computed": false
             },
             {
               "type": "propertySignature",
-              "name": "value",
-              "property": {
+              "key": {
+                "type": "identifier",
+                "name": "value"
+              },
+              "annotation": {
                 "type": "keyword",
                 "value": "number"
-              }
+              },
+              "optional": true,
+              "computed": false
             },
             {
               "type": "propertySignature",
-              "name": "children",
-              "property": {
+              "key": {
+                "type": "identifier",
+                "name": "children"
+              },
+              "annotation": {
                 "type": "array",
                 "elementType": {
                   "type": "reference",
-                  "typeName": "TreemapData"
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "TreemapData"
+                  }
                 }
-              }
+              },
+              "optional": true,
+              "computed": false
             }
           ]
         }
       },
       {
+        "type": "enum",
         "name": "TailTypes",
-        "type": "enums",
         "members": [
           {
-            "name": {
+            "type": "enumMember",
+            "id": {
               "type": "identifier",
-              "value": "treemapBinary"
+              "name": "treemapBinary"
             },
-            "value": {
-              "type": "stringLiteral",
+            "initializer": {
+              "type": "jsLiteral",
               "value": "treemapBinary"
             }
           },
           {
-            "name": {
+            "type": "enumMember",
+            "id": {
+              "type": "identifier",
+              "name": "treemapDice"
+            },
+            "initializer": {
+              "type": "jsLiteral",
+              "value": "treemapDice"
+            }
+          },
+          {
+            "type": "enumMember",
+            "id": {
+              "type": "identifier",
+              "name": "treemapResquarify"
+            },
+            "initializer": {
+              "type": "jsLiteral",
+              "value": "treemapResquarify"
+            }
+          },
+          {
+            "type": "enumMember",
+            "id": {
+              "type": "identifier",
+              "name": "treemapSlice"
+            },
+            "initializer": {
+              "type": "jsLiteral",
+              "value": "treemapSlice"
+            }
+          },
+          {
+            "type": "enumMember",
+            "id": {
+              "type": "identifier",
+              "name": "treemapSliceDice"
+            },
+            "initializer": {
+              "type": "jsLiteral",
+              "value": "treemapSliceDice"
+            }
+          },
+          {
+            "type": "enumMember",
+            "id": {
+              "type": "identifier",
+              "name": "treemapSquarify"
+            },
+            "initializer": {
+              "type": "jsLiteral",
+              "value": "treemapSquarify"
+            }
+          }
+        ]
+      }
+    ]
+  },
+  "data-view.complex-search": {
+    "properties": [
+      {
+        "name": "value",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "placeholder",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "options",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "OptionItem"
+            }
+          }
+        }
+      },
+      {
+        "name": "tooltipUseBrick",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "ReactUseMultipleBricksProps"
+          }
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "change",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "string"
+          }
+        }
+      },
+      {
+        "name": "search",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "string"
+          }
+        }
+      },
+      {
+        "name": "select",
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "OptionItem"
+            }
+          }
+        }
+      },
+      {
+        "name": "focus",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "void"
+          }
+        }
+      },
+      {
+        "name": "blur",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "void"
+          }
+        }
+      }
+    ],
+    "methods": [],
+    "types": [
+      {
+        "type": "interface",
+        "name": "OptionItem",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
               "type": "identifier",
-              "value": "treemapDice"
+              "name": "icon"
             },
-            "value": {
-              "type": "stringLiteral",
-              "value": "treemapDice"
-            }
-          },
-          {
-            "name": {
-              "type": "identifier",
-              "value": "treemapResquarify"
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "GeneralIconProps"
+              }
             },
-            "value": {
-              "type": "stringLiteral",
-              "value": "treemapResquarify"
-            }
+            "computed": false
           },
           {
-            "name": {
+            "type": "propertySignature",
+            "key": {
               "type": "identifier",
-              "value": "treemapSlice"
+              "name": "name"
             },
-            "value": {
-              "type": "stringLiteral",
-              "value": "treemapSlice"
-            }
-          },
-          {
-            "name": {
-              "type": "identifier",
-              "value": "treemapSliceDice"
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
             },
-            "value": {
-              "type": "stringLiteral",
-              "value": "treemapSliceDice"
-            }
+            "computed": false
           },
           {
-            "name": {
+            "type": "indexSignature",
+            "parameter": {
               "type": "identifier",
-              "value": "treemapSquarify"
+              "name": "propName",
+              "annotation": {
+                "type": "keyword",
+                "value": "string"
+              }
             },
-            "value": {
-              "type": "stringLiteral",
-              "value": "treemapSquarify"
+            "annotation": {
+              "type": "keyword",
+              "value": "unknown"
             }
           }
         ]
       }
     ]
   },
+  "data-view.graph-text": {
+    "properties": [
+      {
+        "name": "text",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "value",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "keyword",
+              "value": "string"
+            },
+            {
+              "type": "keyword",
+              "value": "number"
+            }
+          ]
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
   "data-view.app-wall": {
     "properties": [
       {
         "name": "dataSource",
-        "types": {
+        "annotation": {
           "type": "array",
           "elementType": {
             "type": "reference",
-            "typeName": "AppData"
+            "typeName": {
+              "type": "identifier",
+              "name": "AppData"
+            }
           }
         }
       },
       {
         "name": "relations",
-        "types": {
+        "annotation": {
           "type": "array",
           "elementType": {
             "type": "reference",
-            "typeName": "Relation"
+            "typeName": {
+              "type": "identifier",
+              "name": "Relation"
+            }
           }
         }
       },
       {
         "name": "useDblclick",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "boolean"
         }
@@ -1939,110 +2610,168 @@
     "events": [
       {
         "name": "system.card.button.click",
-        "types": {
-          "type": "reference",
-          "typeName": "AppData"
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "AppData"
+            }
+          }
         }
       },
       {
         "name": "left.btn.click",
-        "types": {
-          "type": "reference",
-          "typeName": "AppData"
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "AppData"
+            }
+          }
         }
       },
       {
         "name": "right.btn.click",
-        "types": {
-          "type": "reference",
-          "typeName": "AppData"
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "AppData"
+            }
+          }
         }
       },
       {
         "name": "on.card.dbclick",
-        "types": {
-          "type": "reference",
-          "typeName": "AppData"
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "AppData"
+            }
+          }
         }
       }
     ],
+    "methods": [],
     "types": [
       {
-        "name": "AppData",
         "type": "interface",
-        "annotation": [
+        "name": "AppData",
+        "body": [
           {
             "type": "propertySignature",
-            "name": "key",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "key"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "status",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "status"
+            },
+            "annotation": {
               "type": "union",
               "types": [
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "normal"
                 },
                 {
-                  "type": "literal",
+                  "type": "jsLiteral",
                   "value": "warning"
                 }
               ]
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "cardItemProps",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "cardItemProps"
+            },
+            "annotation": {
               "type": "reference",
-              "typeName": "AppWallCardItemProps"
-            }
+              "typeName": {
+                "type": "identifier",
+                "name": "AppWallCardItemProps"
+              }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "systemCardProps",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "systemCardProps"
+            },
+            "annotation": {
               "type": "reference",
-              "typeName": "SystemCardProps"
-            }
+              "typeName": {
+                "type": "identifier",
+                "name": "SystemCardProps"
+              }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "trapezoidalProps",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "trapezoidalProps"
+            },
+            "annotation": {
               "type": "reference",
-              "typeName": "TrapezoidalProps"
-            }
+              "typeName": {
+                "type": "identifier",
+                "name": "TrapezoidalProps"
+              }
+            },
+            "computed": false
           }
         ]
       },
       {
-        "name": "Relation",
         "type": "typeAlias",
+        "name": "Relation",
         "annotation": {
           "type": "typeLiteral",
           "members": [
             {
               "type": "propertySignature",
-              "name": "source",
-              "property": {
+              "key": {
+                "type": "identifier",
+                "name": "source"
+              },
+              "annotation": {
                 "type": "keyword",
                 "value": "string"
-              }
+              },
+              "computed": false
             },
             {
               "type": "propertySignature",
-              "name": "target",
-              "property": {
+              "key": {
+                "type": "identifier",
+                "name": "target"
+              },
+              "annotation": {
                 "type": "keyword",
                 "value": "string"
-              }
+              },
+              "computed": false
             }
           ]
         }
@@ -2053,45 +2782,48 @@
     "properties": [
       {
         "name": "dataSource",
-        "types": {
+        "annotation": {
           "type": "array",
           "elementType": {
             "type": "reference",
-            "typeName": "Data"
+            "typeName": {
+              "type": "identifier",
+              "name": "Data"
+            }
           }
         }
       },
       {
         "name": "width",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
       },
       {
         "name": "radius",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
       },
       {
         "name": "scale",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
       },
       {
         "name": "height",
-        "types": {
+        "annotation": {
           "type": "keyword",
           "value": "number"
         }
       },
       {
         "name": "value",
-        "types": {
+        "annotation": {
           "type": "union",
           "types": [
             {
@@ -2107,67 +2839,102 @@
       },
       {
         "name": "dataFill",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "typeName": "DataFill"
+          "typeName": {
+            "type": "identifier",
+            "name": "DataFill"
+          }
         }
       },
       {
         "name": "dataCircle",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "typeName": "DataCircle"
+          "typeName": {
+            "type": "identifier",
+            "name": "DataCircle"
+          }
         }
       },
       {
         "name": "dataLine",
-        "types": {
+        "annotation": {
           "type": "reference",
-          "typeName": "DataLine"
+          "typeName": {
+            "type": "identifier",
+            "name": "DataLine"
+          }
         }
       }
     ],
+    "events": [],
+    "methods": [],
     "types": [
       {
-        "name": "Data",
         "type": "interface",
-        "annotation": [
+        "name": "Data",
+        "body": [
           {
             "type": "propertySignature",
-            "name": "value",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "value"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "number"
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "maxValue",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "maxValue"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "number"
-            }
+            },
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "name",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "name"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "string"
-            }
+            },
+            "optional": true,
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "color",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "color"
+            },
+            "annotation": {
               "type": "reference",
-              "typeName": "Color"
-            }
+              "typeName": {
+                "type": "identifier",
+                "name": "Color"
+              }
+            },
+            "optional": true,
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "percentValue",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "percentValue"
+            },
+            "annotation": {
               "type": "union",
               "types": [
                 {
@@ -2179,174 +2946,167 @@
                   "value": "string"
                 }
               ]
-            }
+            },
+            "optional": true,
+            "computed": false
           }
         ]
       },
       {
-        "name": "Color",
         "type": "typeAlias",
+        "name": "Color",
         "annotation": {
           "type": "indexedAccess",
           "objectType": {
             "type": "reference",
-            "qualified": {
+            "typeName": {
               "type": "qualifiedName",
               "left": {
                 "type": "identifier",
-                "value": "React"
+                "name": "React"
               },
               "right": {
                 "type": "identifier",
-                "value": "CSSProperties"
+                "name": "CSSProperties"
               }
             }
           },
           "indexType": {
-            "type": "literal",
+            "type": "jsLiteral",
             "value": "color"
           }
         }
       },
       {
-        "name": "DataFill",
         "type": "typeAlias",
+        "name": "DataFill",
         "annotation": {
           "type": "typeLiteral",
           "members": [
             {
               "type": "propertySignature",
-              "name": "fillStyle",
-              "property": {
+              "key": {
+                "type": "identifier",
+                "name": "fillStyle"
+              },
+              "annotation": {
                 "type": "reference",
-                "typeName": "Color"
-              }
+                "typeName": {
+                  "type": "identifier",
+                  "name": "Color"
+                }
+              },
+              "optional": true,
+              "computed": false
             }
           ]
         }
       },
       {
-        "name": "DataCircle",
         "type": "typeAlias",
+        "name": "DataCircle",
         "annotation": {
           "type": "reference",
-          "typeName": "Omit",
-          "typeParameters": [
-            {
-              "type": "reference",
-              "typeName": "DataCircleOptions"
-            },
-            {
-              "type": "literal",
-              "value": "dataPoints"
-            }
-          ]
+          "typeName": {
+            "type": "identifier",
+            "name": "Omit"
+          },
+          "typeParameters": {
+            "type": "typeParameterInstantiation",
+            "params": [
+              {
+                "type": "reference",
+                "typeName": {
+                  "type": "identifier",
+                  "name": "DataCircleOptions"
+                }
+              },
+              {
+                "type": "jsLiteral",
+                "value": "dataPoints"
+              }
+            ]
+          }
         }
       },
       {
-        "name": "DataCircleOptions",
         "type": "interface",
-        "annotation": [
+        "name": "DataCircleOptions",
+        "body": [
           {
             "type": "propertySignature",
-            "name": "r",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "r"
+            },
+            "annotation": {
               "type": "keyword",
               "value": "number"
-            }
+            },
+            "optional": true,
+            "computed": false
           },
           {
             "type": "propertySignature",
-            "name": "fillStyle",
-            "property": {
+            "key": {
+              "type": "identifier",
+              "name": "fillStyle"
+            },
+            "annotation": {
               "type": "reference",
-              "typeName": "Color"
-            }
+              "typeName": {
+                "type": "identifier",
+                "name": "Color"
+              }
+            },
+            "optional": true,
+            "computed": false
           }
         ],
         "extends": [
-          "DataLineOptions"
-        ]
-      },
-      {
-        "name": "DataLineOptions",
-        "type": "interface",
-        "annotation": [
-          {
-            "type": "propertySignature",
-            "name": "dataPoints",
-            "property": {
-              "type": "array",
-              "elementType": {
-                "type": "reference",
-                "typeName": "Axis"
-              }
-            }
-          },
-          {
-            "type": "propertySignature",
-            "name": "strokeStyle",
-            "property": {
-              "type": "reference",
-              "typeName": "Color"
-            }
-          },
           {
-            "type": "propertySignature",
-            "name": "lineWidth",
-            "property": {
-              "type": "keyword",
-              "value": "number"
+            "type": "expressionWithTypeArguments",
+            "expression": {
+              "type": "identifier",
+              "name": "DataLineOptions"
             }
           }
         ]
       },
       {
-        "name": "Axis",
         "type": "typeAlias",
-        "annotation": {
-          "type": "typeLiteral",
-          "members": [
-            {
-              "type": "propertySignature",
-              "name": "x",
-              "property": {
-                "type": "keyword",
-                "value": "number"
-              }
-            },
-            {
-              "type": "propertySignature",
-              "name": "y",
-              "property": {
-                "type": "keyword",
-                "value": "number"
-              }
-            }
-          ]
-        }
-      },
-      {
         "name": "DataLine",
-        "type": "typeAlias",
         "annotation": {
           "type": "typeLiteral",
           "members": [
             {
               "type": "propertySignature",
-              "name": "lineWidth",
-              "property": {
+              "key": {
+                "type": "identifier",
+                "name": "lineWidth"
+              },
+              "annotation": {
                 "type": "keyword",
                 "value": "number"
-              }
+              },
+              "optional": true,
+              "computed": false
             },
             {
               "type": "propertySignature",
-              "name": "strokeStyle",
-              "property": {
+              "key": {
+                "type": "identifier",
+                "name": "strokeStyle"
+              },
+              "annotation": {
                 "type": "reference",
-                "typeName": "Color"
-              }
+                "typeName": {
+                  "type": "identifier",
+                  "name": "Color"
+                }
+              },
+              "optional": true,
+              "computed": false
             }
           ]
         }