@next-bricks/data-view 0.12.0 → 0.13.1

package/dist/types.json

@@ -894,6 +894,10 @@
             {
               "type": "jsLiteral",
               "value": "virtual-machine"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "pod"
             }
           ]
         }
@@ -1211,6 +1215,10 @@
                 {
                   "type": "jsLiteral",
                   "value": "k8s"
+                },
+                {
+                  "type": "jsLiteral",
+                  "value": "k8s-blue"
                 }
               ]
             },
@@ -1340,6 +1348,159 @@
     "events": [],
     "methods": []
   },
+  "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.title-text": {
     "properties": [
       {
@@ -1531,6 +1692,52 @@
       }
     ]
   },
+  "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.lights-component-title": {
     "properties": [
       {
@@ -1636,205 +1843,6 @@
     "events": [],
     "methods": []
   },
-  "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": [
       {
@@ -1976,6 +1984,10 @@
             {
               "type": "jsLiteral",
               "value": "k8s"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "k8s-blue"
             }
           ]
         }
@@ -2004,6 +2016,10 @@
                 {
                   "type": "jsLiteral",
                   "value": "virtual-machine"
+                },
+                {
+                  "type": "jsLiteral",
+                  "value": "pod"
                 }
               ]
             },

package/dist-types/cabinet/cabinet-container/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ReactNextElement } from "@next-core/react-element";
 import { CabinetNodeProps } from "../cabinet-node/index.js";
-export type ContainerType = "host" | "k8s";
+export type ContainerType = "host" | "k8s" | "k8s-blue";
 export interface ClickEventDataType {
     type: "node" | "container";
     data: CabinetNodeProps | undefined;
@@ -28,7 +28,7 @@ declare class CabinetContainer extends ReactNextElement implements CabinetContai
      * @kind ContainerType
      * @required true
      * @default  host
-     * @description 容器类型，有主机集群类型、k8s集群类型
+     * @description 容器类型，host、k8s（主题橙色）、k8s-blue（蓝色主题）
      */
     accessor type: ContainerType;
     /**

package/dist-types/cabinet/cabinet-node/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ReactNextElement } from "@next-core/react-element";
 export interface CabinetNodeProps {
-    type: "container-group" | "physical-machine" | "virtual-machine";
+    type: "container-group" | "physical-machine" | "virtual-machine" | "pod";
     nodeTitle: string;
     status?: "active" | "faded";
     isAlert?: boolean;
@@ -21,7 +21,7 @@ declare class CabinetNode extends ReactNextElement implements CabinetNodeProps {
      * @default
      * @description 类型
      */
-    accessor type: "container-group" | "physical-machine" | "virtual-machine";
+    accessor type: "container-group" | "physical-machine" | "virtual-machine" | "pod";
     /**
      * @kind string
      * @required true

package/dist-types/cabinet/index.d.ts

@@ -9,7 +9,7 @@ interface Node {
 interface Clusters {
     clusterName: string;
     key: string;
-    type: "host" | "k8s";
+    type: "host" | "k8s" | "k8s-blue";
     nodes: Node[];
 }
 export interface AppData {

package/docs/cabinet-graph.md

@@ -0,0 +1,54 @@
+data-view.cabinet-graph 部署架构拓扑
+
+## Examples
+
+### Basic
+
+```yaml preview
+- brick: data-view.cabinet-graph
+  properties:
+    dataSource:
+      appName: inventory-api
+      key: inventory-api
+      clusters:
+        - clusterName: inventory-api##aaaaa
+          key: inventory-api##aaaaa
+          type: host
+          nodes:
+            - nodeTitle: 244.244.244.244
+              key: 244.244.244.244
+              type: physical-machine
+              isAlert: true
+            - nodeTitle: 244.244.244.245
+              key: 244.244.244.245
+              type: virtual-machine
+              isAlert: true
+            - nodeTitle: 244.244.245.245
+              key: 244.244.245.245
+              type: physical-machine
+            - nodeTitle: 244.244.245.244
+              key: 244.244.245.244
+              type: virtual-machine
+        - clusterName: K8S集群xxx
+          key: k8s-cluster
+          type: k8s
+          nodes:
+            - nodeTitle: a容器组
+              key: aa
+              type: container-group
+              isAlert: true
+            - nodeTitle: b容器组
+              key: bb
+              type: container-group
+        - clusterName: K8S集群xx
+          key: xxxx
+          type: k8s-blue
+          nodes:
+            - nodeTitle: a容器组
+              key: aa
+              type: pod
+              isAlert: true
+            - nodeTitle: b容器组
+              key: bb
+              type: pod
+```

package/docs/cabinet-thumbnail.md

@@ -0,0 +1,47 @@
+data-view.cabinet-thumbnail 部署架构拓扑缩略图
+
+## Examples
+
+### Basic
+
+```yaml preview
+- brick: data-view.cabinet-thumbnail
+  properties:
+    appName: inventory-api
+    clusters:
+      - title: inventory-api##aaaaa
+        type: host
+        data:
+          - nodeTitle: 244.244.244.244
+            key: 244.244.244.244
+            type: physical-machine
+          - nodeTitle: 244.244.244.245
+            key: 244.244.244.245
+            type: virtual-machine
+          - nodeTitle: 244.244.245.245
+            key: 244.244.245.245
+            type: physical-machine
+          - nodeTitle: 244.244.245.244
+            key: 244.244.245.244
+            type: virtual-machine
+      - title: K8S集群xxx
+        key: k8s-cluster
+        type: k8s
+        data:
+          - nodeTitle: a容器组
+            key: aa
+            type: container-group
+          - nodeTitle: b容器组
+            key: bb
+            type: container-group
+      - title: K8S集群xx
+        key: xxxx
+        type: k8s-blue
+        data:
+          - nodeTitle: a1容器组
+            key: aaa
+            type: pod
+          - nodeTitle: b1容器组
+            key: bbb
+            type: pod
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/data-view",
-  "version": "0.12.0",
+  "version": "0.13.1",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/data-view",
   "repository": {
     "type": "git",
@@ -34,10 +34,10 @@
     "postpublish": "mv package.json.bak package.json"
   },
   "devDependencies": {
-    "@next-core/build-next-bricks": "^1.13.1",
-    "@next-core/test-next": "^1.0.7",
+    "@next-core/build-next-bricks": "^1.13.3",
+    "@next-core/test-next": "^1.0.8",
     "@types/d3-hierarchy": "^3.1.2",
     "@types/three": "^0.150.1"
   },
-  "gitHead": "e50dfe754ff730bd5cd1d49a6a16d2c2a0c255c6"
+  "gitHead": "fce74070877a97cf5949ae8aaaea10659478518c"
 }