@next-bricks/data-view 1.3.16 → 1.4.0

package/dist/types.json

@@ -337,6 +337,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.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": [
       {
@@ -1691,6 +1691,35 @@
       }
     ]
   },
+  "data-view.lights-component-title": {
+    "properties": [
+      {
+        "name": "componentTitle",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "theme",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "light"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "dark"
+            }
+          ]
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
   "data-view.top-title-bar": {
     "properties": [
       {
@@ -1737,35 +1766,6 @@
       }
     ]
   },
-  "data-view.lights-component-title": {
-    "properties": [
-      {
-        "name": "componentTitle",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "theme",
-        "annotation": {
-          "type": "union",
-          "types": [
-            {
-              "type": "jsLiteral",
-              "value": "light"
-            },
-            {
-              "type": "jsLiteral",
-              "value": "dark"
-            }
-          ]
-        }
-      }
-    ],
-    "events": [],
-    "methods": []
-  },
   "data-view.hi-tech-button": {
     "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": [],
@@ -2420,6 +2420,124 @@
       }
     ]
   },
+  "data-view.crystal-ball-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

@@ -39,3 +39,4 @@ import "./data-display-flipper-sixth/index.js";
 import "./indicator-card/index.js";
 import "./progress-bar-list/index.js";
 import "./china-map-chart/index.js";
+import "./crystal-ball-indicator/index.js";

package/dist-types/crystal-ball-indicator/index.d.ts

@@ -0,0 +1,42 @@
+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 CrystalBallIndicatorProps {
+    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 CrystalBallIndicator extends ReactNextElement implements CrystalBallIndicatorProps {
+    /** 指标数据列表（显示在环上） */
+    accessor dataSource: DataItem[] | undefined;
+    /** 中心数据（显示在中心水晶球内） */
+    accessor centerDataSource: DataItem | undefined;
+    /**
+     * 左上角指标数据列表
+     */
+    accessor cornerDataSource: cornerDataItem[] | undefined;
+    /**
+     * 最大缩放比例
+     *
+     * @default 1
+     */
+    accessor maxScale: number | undefined;
+    render(): React.JSX.Element;
+}
+export interface CrystalBallIndicatorComponentProps extends CrystalBallIndicatorProps {
+    root: CrystalBallIndicator;
+}
+export declare function CrystalBallIndicatorComponent({ root, dataSource, centerDataSource, cornerDataSource, maxScale, }: CrystalBallIndicatorComponentProps): React.JSX.Element;

package/dist-types/crystal-ball-indicator/index.spec.d.ts

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

package/docs/crystal-ball-indicator.md

@@ -0,0 +1,37 @@
+中间是水晶球动画的数据展示构件。
+
+## Examples
+
+### Basic
+
+```yaml preview minHeight="660px"
+brick: data-view.crystal-ball-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.3.16",
+  "version": "1.4.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": "a1396cc0fca87bdba4b72a7e9fa8884700f0c9ac"
+  "gitHead": "0d9124e467a82ea9b22c719b74a1552dc3191e00"
 }