@next-bricks/data-view 0.19.1 → 0.21.0

package/dist/types.json

@@ -40,110 +40,6 @@
     "events": [],
     "methods": []
   },
-  "data-view.modern-style-component-title": {
-    "properties": [
-      {
-        "name": "hideLeftComponent",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      },
-      {
-        "name": "hideRightComponent",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      },
-      {
-        "name": "componentTitle",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "titleTextStyle",
-        "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "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-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": [
       {
@@ -548,6 +444,110 @@
     ],
     "methods": []
   },
+  "data-view.modern-style-component-title": {
+    "properties": [
+      {
+        "name": "hideLeftComponent",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "hideRightComponent",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "componentTitle",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "titleTextStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "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-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.particle-animation": {
     "properties": [
       {
@@ -2309,6 +2309,105 @@
     "events": [],
     "methods": []
   },
+  "data-view.indicator-card": {
+    "properties": [
+      {
+        "name": "layout",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "Layout"
+          }
+        }
+      },
+      {
+        "name": "datasource",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "Datasource"
+            }
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": [],
+    "types": [
+      {
+        "type": "typeAlias",
+        "name": "Layout",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "column"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "column-townhouse"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "row"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "row-townhouse"
+            }
+          ]
+        }
+      },
+      {
+        "type": "interface",
+        "name": "Datasource",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "value"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "any"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "desc"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "unit"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          }
+        ]
+      }
+    ]
+  },
   "data-view.loading-panel": {
     "properties": [
       {
@@ -3233,6 +3332,13 @@
           "type": "keyword",
           "value": "string"
         }
+      },
+      {
+        "name": "noRotate",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
       }
     ],
     "events": [

package/dist-types/app-wall/index.d.ts

@@ -16,6 +16,7 @@ export interface AppWallProps {
     handleCardClick?: (data: AppData) => void;
     cardBrickName: AppWallCardBrickNameType;
     containerId?: string;
+    noRotate?: boolean;
 }
 /**
  * @id data-view.app-wall
@@ -59,6 +60,10 @@ declare class AppWall extends ReactNextElement implements AppWallProps {
      *  容器id，用于监听容器大小
      */
     accessor containerId: string;
+    /**
+     *  控制是否旋转
+     */
+    accessor noRotate: boolean;
     handleLeftClick: (data: AppData) => void;
     handleRightClick: (data: AppData) => void;
     handleCardDbClick: (data: AppData) => void;

package/dist-types/bootstrap.d.ts

@@ -36,3 +36,4 @@ import "./basic-index-group/index.js";
 import "./data-display-flipper/index.js";
 import "./data-display-flipper-fifth/index.js";
 import "./data-display-flipper-sixth/index.js";
+import "./indicator-card/index.js";

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { ReactNextElement } from "@next-core/react-element";
+import "@next-core/theme";
+/**
+ * 构件 `data-view.indicator-card`
+ */
+export declare class IndicatorCard extends ReactNextElement {
+    /**
+     * 展示类型，  `column`类型为上下三行、`row`类型为左右两行模式
+     * @default `column`
+     */
+    accessor layout: Layout;
+    /**
+     * 数据源
+     * @default `[]`
+     */
+    accessor datasource: Datasource[];
+    render(): JSX.Element;
+}
+export type Layout = "column" | "column-townhouse" | "row" | "row-townhouse";
+export interface Datasource {
+    value: any;
+    desc: string;
+    unit?: string;
+}
+export interface IndicatorCardComponentProps {
+    datasource: Datasource[];
+    layout?: Layout;
+}
+export declare function IndicatorCardComponent({ datasource, layout, }: IndicatorCardComponentProps): JSX.Element;

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

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

package/docs/indicator-card.md

@@ -0,0 +1,75 @@
+构件 `data-view.indicator-card`
+
+## Examples
+
+### Column
+
+```yaml preview
+- brick: data-view.indicator-card
+  properties:
+    layout: "column"
+    datasource:
+      - value: 300
+        desc: 月碳排放量
+        unit: (吨)
+      - value: 1000.33
+        desc: 季度碳排放总量
+        unit: (吨)
+      - value: 2507.55
+        desc: 年度碳排放总量
+        unit: (吨)
+```
+
+### Column Townhouse
+
+```yaml preview
+- brick: data-view.indicator-card
+  properties:
+    layout: "column-townhouse"
+    datasource:
+      - value: 300
+        desc: 月碳排放量
+        unit: (吨)
+      - value: 1000.33
+        desc: 季度碳排放总量
+        unit: (吨)
+      - value: 2507.55
+        desc: 年度碳排放总量
+        unit: (吨)
+```
+
+### Row
+
+```yaml preview
+- brick: data-view.indicator-card
+  properties:
+    layout: "row"
+    datasource:
+      - value: 300
+        desc: 月碳排放量
+        unit: (吨)
+      - value: 1000.33
+        desc: 季度碳排放总量
+        unit: (吨)
+      - value: 2507.55
+        desc: 年度碳排放总量
+        unit: (吨)
+```
+
+### Row Townhouse
+
+```yaml preview
+- brick: data-view.indicator-card
+  properties:
+    layout: "row-townhouse"
+    datasource:
+      - value: 300
+        desc: 月碳排放量
+        unit: (吨)
+      - value: 1000.33
+        desc: 季度碳排放总量
+        unit: (吨)
+      - value: 2507.55
+        desc: 年度碳排放总量
+        unit: (吨)
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/data-view",
-  "version": "0.19.1",
+  "version": "0.21.0",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/data-view",
   "repository": {
     "type": "git",
@@ -39,5 +39,5 @@
     "@types/d3-hierarchy": "^3.1.2",
     "@types/three": "^0.150.1"
   },
-  "gitHead": "315fb9a539c8875658dacfb5d00d371eeebffc20"
+  "gitHead": "2ba2b3ef8884c85070ad4b83790b18e4f04aee61"
 }