@next-bricks/data-view 1.2.2 → 1.3.0

package/dist/types.json

@@ -40,6 +40,60 @@
     "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": [
       {
@@ -90,59 +144,144 @@
     "events": [],
     "methods": []
   },
-  "data-view.modern-style-component-title": {
+  "data-view.battery-chart": {
     "properties": [
       {
-        "name": "hideLeftComponent",
+        "name": "value",
         "annotation": {
           "type": "keyword",
-          "value": "boolean"
+          "value": "number"
         }
       },
       {
-        "name": "hideRightComponent",
+        "name": "batteryWidth",
         "annotation": {
           "type": "keyword",
-          "value": "boolean"
+          "value": "number"
         }
       },
       {
-        "name": "componentTitle",
+        "name": "batteryHeight",
         "annotation": {
           "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "titleTextStyle",
-        "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "CSSProperties"
-          }
+          "value": "number"
         }
       },
       {
-        "name": "squareColor",
+        "name": "thresholdColors",
         "annotation": {
-          "type": "indexedAccess",
-          "objectType": {
+          "type": "array",
+          "elementType": {
             "type": "reference",
             "typeName": {
               "type": "identifier",
-              "name": "CSSProperties"
+              "name": "ThresholdColor"
             }
-          },
-          "indexType": {
-            "type": "jsLiteral",
-            "value": "color"
           }
         }
+      },
+      {
+        "name": "thresholdValue",
+        "annotation": {
+          "type": "keyword",
+          "value": "number"
+        }
       }
     ],
     "events": [],
-    "methods": []
+    "methods": [],
+    "types": [
+      {
+        "type": "interface",
+        "name": "ThresholdColor",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "color"
+            },
+            "annotation": {
+              "type": "indexedAccess",
+              "objectType": {
+                "type": "reference",
+                "typeName": {
+                  "type": "qualifiedName",
+                  "left": {
+                    "type": "identifier",
+                    "name": "React"
+                  },
+                  "right": {
+                    "type": "identifier",
+                    "name": "CSSProperties"
+                  }
+                }
+              },
+              "indexType": {
+                "type": "jsLiteral",
+                "value": "color"
+              }
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "startValue"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "endValue"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "headerColor"
+            },
+            "annotation": {
+              "type": "indexedAccess",
+              "objectType": {
+                "type": "reference",
+                "typeName": {
+                  "type": "qualifiedName",
+                  "left": {
+                    "type": "identifier",
+                    "name": "React"
+                  },
+                  "right": {
+                    "type": "identifier",
+                    "name": "CSSProperties"
+                  }
+                }
+              },
+              "indexType": {
+                "type": "jsLiteral",
+                "value": "color"
+              }
+            },
+            "optional": true,
+            "computed": false,
+            "description": "电池头的颜色，默认取 color，color为渐变色，需要单独配置头部颜色，请使用该属性"
+          }
+        ]
+      }
+    ]
   },
   "data-view.tabs-drawer": {
     "properties": [
@@ -337,145 +476,6 @@
       }
     ]
   },
-  "data-view.battery-chart": {
-    "properties": [
-      {
-        "name": "value",
-        "annotation": {
-          "type": "keyword",
-          "value": "number"
-        }
-      },
-      {
-        "name": "batteryWidth",
-        "annotation": {
-          "type": "keyword",
-          "value": "number"
-        }
-      },
-      {
-        "name": "batteryHeight",
-        "annotation": {
-          "type": "keyword",
-          "value": "number"
-        }
-      },
-      {
-        "name": "thresholdColors",
-        "annotation": {
-          "type": "array",
-          "elementType": {
-            "type": "reference",
-            "typeName": {
-              "type": "identifier",
-              "name": "ThresholdColor"
-            }
-          }
-        }
-      },
-      {
-        "name": "thresholdValue",
-        "annotation": {
-          "type": "keyword",
-          "value": "number"
-        }
-      }
-    ],
-    "events": [],
-    "methods": [],
-    "types": [
-      {
-        "type": "interface",
-        "name": "ThresholdColor",
-        "body": [
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "color"
-            },
-            "annotation": {
-              "type": "indexedAccess",
-              "objectType": {
-                "type": "reference",
-                "typeName": {
-                  "type": "qualifiedName",
-                  "left": {
-                    "type": "identifier",
-                    "name": "React"
-                  },
-                  "right": {
-                    "type": "identifier",
-                    "name": "CSSProperties"
-                  }
-                }
-              },
-              "indexType": {
-                "type": "jsLiteral",
-                "value": "color"
-              }
-            },
-            "computed": false
-          },
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "startValue"
-            },
-            "annotation": {
-              "type": "keyword",
-              "value": "number"
-            },
-            "computed": false
-          },
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "endValue"
-            },
-            "annotation": {
-              "type": "keyword",
-              "value": "number"
-            },
-            "computed": false
-          },
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "headerColor"
-            },
-            "annotation": {
-              "type": "indexedAccess",
-              "objectType": {
-                "type": "reference",
-                "typeName": {
-                  "type": "qualifiedName",
-                  "left": {
-                    "type": "identifier",
-                    "name": "React"
-                  },
-                  "right": {
-                    "type": "identifier",
-                    "name": "CSSProperties"
-                  }
-                }
-              },
-              "indexType": {
-                "type": "jsLiteral",
-                "value": "color"
-              }
-            },
-            "optional": true,
-            "computed": false,
-            "description": "电池头的颜色，默认取 color，color为渐变色，需要单独配置头部颜色，请使用该属性"
-          }
-        ]
-      }
-    ]
-  },
   "data-view.dropdown-menu": {
     "properties": [
       {
@@ -3363,6 +3363,154 @@
     "events": [],
     "methods": []
   },
+  "data-view.china-map-chart": {
+    "properties": [
+      {
+        "name": "dataSource",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "DataSource"
+            }
+          }
+        }
+      },
+      {
+        "name": "detailContentStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
+          }
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "detail.open.change",
+        "detail": {
+          "annotation": {
+            "type": "typeLiteral",
+            "members": [
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "open"
+                },
+                "annotation": {
+                  "type": "keyword",
+                  "value": "boolean"
+                },
+                "computed": false
+              },
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "data"
+                },
+                "annotation": {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "Record"
+                  },
+                  "typeParameters": {
+                    "type": "typeParameterInstantiation",
+                    "params": [
+                      {
+                        "type": "keyword",
+                        "value": "string"
+                      },
+                      {
+                        "type": "keyword",
+                        "value": "any"
+                      }
+                    ]
+                  }
+                },
+                "computed": false
+              }
+            ]
+          }
+        }
+      }
+    ],
+    "methods": [],
+    "types": [
+      {
+        "type": "interface",
+        "name": "DataSource",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "city"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "detailDisplayLocation"
+            },
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "jsLiteral",
+                  "value": "pageCenter"
+                },
+                {
+                  "type": "jsLiteral",
+                  "value": "textBottom"
+                }
+              ]
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "text"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          },
+          {
+            "type": "indexSignature",
+            "parameter": {
+              "type": "identifier",
+              "name": "x",
+              "annotation": {
+                "type": "keyword",
+                "value": "string"
+              }
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "any"
+            }
+          }
+        ]
+      }
+    ]
+  },
   "data-view.app-wall": {
     "properties": [
       {

package/dist-types/bootstrap.d.ts

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

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

@@ -0,0 +1,31 @@
+import React, { CSSProperties } from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import "@next-core/theme";
+/**
+ * 构件 `data-view.china-map-chart`
+ */
+export declare class ChinaMapChart extends ReactNextElement {
+    #private;
+    /**
+     * 数据源
+     */
+    accessor dataSource: DataSource[] | undefined;
+    /**
+     * 数据源
+     */
+    accessor detailContentStyle: CSSProperties | undefined;
+    render(): React.JSX.Element;
+}
+interface DataSource {
+    city: string;
+    detailDisplayLocation: "pageCenter" | "textBottom";
+    text: string;
+    [x: string]: any;
+}
+export interface ChinaMapChartProps {
+    onDetailOpenChange: (open: boolean, data: Record<string, any>) => void;
+    dataSource: DataSource[];
+    detailContentStyle?: CSSProperties;
+}
+export declare function ChinaMapChartComponent(props: ChinaMapChartProps): React.JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,62 @@
+export declare const CHINA: {
+    type: string;
+    features: ({
+        type: string;
+        properties: {
+            adcode: string;
+            name: string;
+            center: number[];
+            centroid: number[];
+            childrenNum: number;
+            level: string;
+            parent: {
+                adcode: number;
+            };
+            subFeatureIndex: number;
+            acroutes: number[];
+            adchar: any;
+        };
+        geometry: {
+            type: string;
+            coordinates: number[][][][];
+        };
+    } | {
+        type: string;
+        properties: {
+            adcode: number;
+            name: string;
+            center: number[];
+            centroid: number[];
+            childrenNum: number;
+            level: string;
+            parent: {
+                adcode: number;
+            };
+            subFeatureIndex: number;
+            acroutes: number[];
+            adchar?: undefined;
+        };
+        geometry: {
+            type: string;
+            coordinates: number[][][][];
+        };
+    } | {
+        type: string;
+        properties: {
+            adcode: string;
+            name: string;
+            center: any;
+            centroid: any;
+            childrenNum: any;
+            level: any;
+            parent: any;
+            subFeatureIndex: any;
+            acroutes: any;
+            adchar: string;
+        };
+        geometry: {
+            type: string;
+            coordinates: number[][][][];
+        };
+    })[];
+};

package/docs/china-map-chart.md

@@ -0,0 +1,42 @@
+构件 `data-view.china-map-chart`
+
+## Examples
+
+### Basic
+
+```yaml preview
+- brick: data-view.china-map-chart
+  slots:
+    detail:
+      bricks:
+        - brick: div
+          properties:
+            textContent:
+  events:
+    detail.open.change:
+      - action: console.log
+  properties:
+    detailContentStyle:
+      background: "red"
+    dataSource:
+      - text: "西藏 1234"
+        detailDisplayLocation: "textBottom"
+        lngLat:
+          lng: 90.132212
+          lat: 30.660361
+      - text: "四川 8978569"
+        detailDisplayLocation: "textBottom"
+        lngLat:
+          lng: 103.065735
+          lat: 30.659462
+      - text: "台湾 2348"
+        detailDisplayLocation: "pageCenter"
+        lngLat:
+          lng: 121.509062
+          lat: 24.044332
+      - text: "湖北 2348"
+        detailDisplayLocation: "pageCenter"
+        lngLat:
+          lng: 112.598572
+          lat: 30.984355
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/data-view",
-  "version": "1.2.2",
+  "version": "1.3.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": "f32c29e456a60397b277954d85fc4fd8e8c10bef"
+  "gitHead": "0599e34278acf19aa2b568868e0dbefa0df51076"
 }