@next-bricks/data-view 1.9.2 → 1.10.0

package/dist/types.json

@@ -40,6 +40,110 @@
     "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": [
       {
@@ -832,60 +936,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.cabinet-app-layer": {
     "properties": [
       {
@@ -915,56 +965,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.cabinet-graph": {
     "properties": [
       {
@@ -3353,6 +3353,85 @@
       }
     ]
   },
+  "data-view.china-map": {
+    "properties": [
+      {
+        "name": "province",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "dataSource",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "DataItem"
+            }
+          }
+        }
+      },
+      {
+        "name": "maxScale",
+        "annotation": {
+          "type": "keyword",
+          "value": "number"
+        }
+      }
+    ],
+    "events": [],
+    "methods": [],
+    "types": [
+      {
+        "type": "interface",
+        "name": "DataItem",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "province"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "city"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "text"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          }
+        ]
+      }
+    ]
+  },
   "data-view.modern-style-treemap": {
     "properties": [
       {

package/dist-types/bootstrap.d.ts

@@ -44,3 +44,4 @@ import "./globe-with-halo-indicator/index.js";
 import "./globe-with-gear-indicator/index.js";
 import "./bubbles-indicator/index.js";
 import "./globe-with-orbit-indicator/index.js";
+import "./china-map/index.js";

package/dist-types/china-map/index.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import "@next-core/theme";
+export interface ChinaMapProps {
+    province?: string;
+    dataSource?: DataItem[];
+    maxScale?: number;
+}
+export interface DataItem {
+    province?: string;
+    city?: string;
+    text: string;
+}
+/**
+ * 构件 `data-view.china-map`
+ */
+export declare class ChinaMap extends ReactNextElement implements ChinaMapProps {
+    /**
+     * 省份名称，例如“广东”。如果设置，则只显示该省份的地图，否则显示全国地图
+     */
+    accessor province: string | undefined;
+    /**
+     * 数据源
+     */
+    accessor dataSource: DataItem[] | undefined;
+    /**
+     * 最大缩放比例
+     *
+     * @default 1
+     */
+    accessor maxScale: number | undefined;
+    render(): React.JSX.Element;
+}
+export interface ChinaMapComponentProps extends ChinaMapProps {
+    root: ChinaMap;
+}
+export declare function ChinaMapComponent({ root, province, dataSource, maxScale, }: ChinaMapComponentProps): React.JSX.Element;

package/dist-types/china-map/index.spec.d.ts

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

package/docs/china-map.md

@@ -0,0 +1,58 @@
+构件 `data-view.china-map`
+
+## Examples
+
+### Basic
+
+```yaml preview height="600px"
+brick: div
+properties:
+  style:
+    height: calc(100vh - 4em)
+    position: relative
+children:
+  - brick: data-view.china-map
+    properties:
+      dataSource:
+        - text: "西藏 12311"
+          province: 西藏
+        - text: "四川 89781169"
+          province: 四川
+        - text: "台湾 234181"
+          province: 台湾
+        - text: "江西 21348"
+          province: 江西
+    # Currently this brick only looks well within dark theme
+    lifeCycle:
+      onPageLoad:
+        action: theme.setTheme
+        args:
+          - dark-v2
+```
+
+### Province map
+
+```yaml preview height="600px"
+brick: div
+properties:
+  style:
+    height: calc(100vh - 4em)
+    position: relative
+children:
+  - brick: data-view.china-map
+    properties:
+      province: 广东
+      dataSource:
+        - text: "广州 12311"
+          city: 广州
+        - text: "深圳 89781169"
+          city: 深圳
+        - text: "湛江 234181"
+          city: 湛江
+    # Currently this brick only looks well 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.9.2",
+  "version": "1.10.0",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/data-view",
   "repository": {
     "type": "git",
@@ -42,5 +42,5 @@
     "@next-bricks/basic": "*",
     "@next-bricks/icons": "*"
   },
-  "gitHead": "f4947f553074efa2ce32e64dee08ee36f505ddf7"
+  "gitHead": "64c663cd8872e54863b21c87e758e39141c82ee5"
 }