@next-bricks/data-view 1.5.0 → 1.6.1

package/dist/types.json

@@ -40,56 +40,6 @@
     "events": [],
     "methods": []
   },
-  "data-view.modern-style-page-title": {
-    "properties": [
-      {
-        "name": "pageTitle",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "description",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "backgroundStyle",
-        "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "CSSProperties"
-          }
-        }
-      },
-      {
-        "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": [
       {
@@ -283,6 +233,78 @@
       }
     ]
   },
+  "data-view.dropdown-menu": {
+    "properties": [
+      {
+        "name": "options",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "typeLiteral",
+            "members": [
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "label"
+                },
+                "annotation": {
+                  "type": "keyword",
+                  "value": "string"
+                },
+                "computed": false
+              },
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "value"
+                },
+                "annotation": {
+                  "type": "keyword",
+                  "value": "string"
+                },
+                "computed": false
+              }
+            ]
+          }
+        }
+      },
+      {
+        "name": "value",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "placeholder",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "allowClear",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "value.change",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "string"
+          }
+        }
+      }
+    ],
+    "methods": []
+  },
   "data-view.modern-style-component-title": {
     "properties": [
       {
@@ -337,6 +359,56 @@
     "events": [],
     "methods": []
   },
+  "data-view.modern-style-page-title": {
+    "properties": [
+      {
+        "name": "pageTitle",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "description",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "backgroundStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
+          }
+        }
+      },
+      {
+        "name": "leftRoundStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
+          }
+        }
+      },
+      {
+        "name": "rightRoundStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
   "data-view.battery-chart": {
     "properties": [
       {
@@ -476,78 +548,6 @@
       }
     ]
   },
-  "data-view.dropdown-menu": {
-    "properties": [
-      {
-        "name": "options",
-        "annotation": {
-          "type": "array",
-          "elementType": {
-            "type": "typeLiteral",
-            "members": [
-              {
-                "type": "propertySignature",
-                "key": {
-                  "type": "identifier",
-                  "name": "label"
-                },
-                "annotation": {
-                  "type": "keyword",
-                  "value": "string"
-                },
-                "computed": false
-              },
-              {
-                "type": "propertySignature",
-                "key": {
-                  "type": "identifier",
-                  "name": "value"
-                },
-                "annotation": {
-                  "type": "keyword",
-                  "value": "string"
-                },
-                "computed": false
-              }
-            ]
-          }
-        }
-      },
-      {
-        "name": "value",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "placeholder",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "allowClear",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "value.change",
-        "detail": {
-          "annotation": {
-            "type": "keyword",
-            "value": "string"
-          }
-        }
-      }
-    ],
-    "methods": []
-  },
   "data-view.particle-animation": {
     "properties": [
       {
@@ -712,51 +712,6 @@
     "events": [],
     "methods": []
   },
-  "data-view.app-wall-relation-line": {
-    "properties": [
-      {
-        "name": "lightColor",
-        "annotation": {
-          "type": "union",
-          "types": [
-            {
-              "type": "jsLiteral",
-              "value": "blue"
-            },
-            {
-              "type": "jsLiteral",
-              "value": "purple"
-            }
-          ]
-        }
-      }
-    ],
-    "events": [],
-    "methods": []
-  },
-  "data-view.cabinet-button": {
-    "properties": [
-      {
-        "name": "buttonStyle",
-        "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "qualifiedName",
-            "left": {
-              "type": "identifier",
-              "name": "React"
-            },
-            "right": {
-              "type": "identifier",
-              "name": "CSSProperties"
-            }
-          }
-        }
-      }
-    ],
-    "events": [],
-    "methods": []
-  },
   "data-view.app-wall-system-card": {
     "properties": [
       {
@@ -876,6 +831,51 @@
       }
     ]
   },
+  "data-view.app-wall-relation-line": {
+    "properties": [
+      {
+        "name": "lightColor",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "blue"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "purple"
+            }
+          ]
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
+  "data-view.cabinet-button": {
+    "properties": [
+      {
+        "name": "buttonStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "qualifiedName",
+            "left": {
+              "type": "identifier",
+              "name": "React"
+            },
+            "right": {
+              "type": "identifier",
+              "name": "CSSProperties"
+            }
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
   "data-view.cabinet-node": {
     "properties": [
       {
@@ -2208,7 +2208,7 @@
     "events": [],
     "methods": []
   },
-  "data-view.data-display-flipper-fifth": {
+  "data-view.data-display-flipper-sixth": {
     "properties": [
       {
         "name": "flipperTitle",
@@ -2249,33 +2249,12 @@
             }
           ]
         }
-      },
-      {
-        "name": "unit",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "enableTitlePrefix",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      },
-      {
-        "name": "showDefaultPrefix",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
       }
     ],
     "events": [],
     "methods": []
   },
-  "data-view.data-display-flipper-sixth": {
+  "data-view.data-display-flipper-fifth": {
     "properties": [
       {
         "name": "flipperTitle",
@@ -2316,6 +2295,27 @@
             }
           ]
         }
+      },
+      {
+        "name": "unit",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "enableTitlePrefix",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "showDefaultPrefix",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
       }
     ],
     "events": [],
@@ -2805,6 +2805,124 @@
       }
     ]
   },
+  "data-view.bubbles-indicator": {
+    "properties": [
+      {
+        "name": "dataSource",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "DataItem"
+            }
+          }
+        }
+      },
+      {
+        "name": "centerDataSource",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "DataItem"
+          }
+        }
+      },
+      {
+        "name": "cornerDataSource",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "CornerDataItem"
+            }
+          }
+        }
+      },
+      {
+        "name": "maxScale",
+        "annotation": {
+          "type": "keyword",
+          "value": "number"
+        }
+      }
+    ],
+    "events": [],
+    "methods": [],
+    "types": [
+      {
+        "type": "interface",
+        "name": "DataItem",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "label"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "value"
+            },
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "keyword",
+                  "value": "string"
+                },
+                {
+                  "type": "keyword",
+                  "value": "number"
+                }
+              ]
+            },
+            "computed": false
+          }
+        ]
+      },
+      {
+        "type": "interface",
+        "name": "CornerDataItem",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "color"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          }
+        ],
+        "extends": [
+          {
+            "type": "expressionWithTypeArguments",
+            "expression": {
+              "type": "identifier",
+              "name": "DataItem"
+            }
+          }
+        ]
+      }
+    ]
+  },
   "data-view.loading-panel": {
     "properties": [
       {

package/dist-types/bootstrap.d.ts

@@ -42,3 +42,4 @@ import "./china-map-chart/index.js";
 import "./crystal-ball-indicator/index.js";
 import "./globe-with-halo-indicator/index.js";
 import "./globe-with-gear-indicator/index.js";
+import "./bubbles-indicator/index.js";

package/dist-types/bubbles-indicator/index.d.ts

@@ -0,0 +1,45 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import "@next-core/theme";
+import "../fonts/ALiBaBaPuHuiTi.css";
+import "../fonts/PangMenZhengDaoBiaoTiTi.css";
+export interface BubblesIndicatorProps {
+    dataSource?: DataItem[];
+    centerDataSource?: DataItem;
+    cornerDataSource?: CornerDataItem[];
+    maxScale?: number;
+}
+export interface DataItem {
+    label: string;
+    value: string | number;
+}
+export interface CornerDataItem extends DataItem {
+    color?: string;
+}
+/**
+ * 气泡样式的数据展示构件。
+ */
+export declare class BubblesIndicator extends ReactNextElement implements BubblesIndicatorProps {
+    /** 指标数据列表（显示在环上）
+     *
+     * 注意：最多显示12项数据
+     */
+    accessor dataSource: DataItem[] | undefined;
+    /** 中心数据（显示在中心水晶球内） */
+    accessor centerDataSource: DataItem | undefined;
+    /**
+     * 左上角指标数据列表
+     */
+    accessor cornerDataSource: CornerDataItem[] | undefined;
+    /**
+     * 最大缩放比例
+     *
+     * @default 1
+     */
+    accessor maxScale: number | undefined;
+    render(): React.JSX.Element;
+}
+export interface BubblesIndicatorComponentProps extends BubblesIndicatorProps {
+    root: BubblesIndicator;
+}
+export declare function BubblesIndicatorComponent({ root, dataSource, centerDataSource, cornerDataSource, maxScale, }: BubblesIndicatorComponentProps): React.JSX.Element;

package/dist-types/bubbles-indicator/index.spec.d.ts

@@ -0,0 +1 @@
+import "./";

package/docs/bubbles-indicator.md

@@ -0,0 +1,42 @@
+构件 `data-view.bubbles-indicator`
+
+## Examples
+
+### Basic
+
+```yaml preview height="660px"
+brick: div
+properties:
+  style:
+    height: calc(100vh - 2em)
+children:
+  - brick: data-view.bubbles-indicator
+    properties:
+      centerDataSource:
+        label: 资产总数
+        value: 30123
+      dataSource:
+        - label: 低值易耗品
+          value: 3889
+        - label: 摊销资产
+          value: 2087
+        - label: 固定资产
+          value: 12088
+        - label: 无形资产
+          value: 1082
+        - label: 在建工程
+          value: 10997
+      cornerDataSource:
+        - label: 资产增长
+          value: 43
+          color: red
+        - label: 资产减少
+          value: 21
+          color: green
+    # Currently this brick only works within dark theme
+    lifeCycle:
+      onPageLoad:
+        action: theme.setTheme
+        args:
+          - dark-v2
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/data-view",
-  "version": "1.5.0",
+  "version": "1.6.1",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/data-view",
   "repository": {
     "type": "git",
@@ -41,5 +41,5 @@
   "peerDependencies": {
     "@next-bricks/icons": "*"
   },
-  "gitHead": "d30addc1bbe24b3af6d151056e06142281ee3efa"
+  "gitHead": "8f4b48c02e3798f98425db625ab5b2241f5a7fb3"
 }