@next-bricks/data-view 1.5.0 → 1.6.0

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.0",
   "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": "e02ad0bd2d9a38c2a756cbdc49ccb17586eb0db0"
 }