@next-bricks/data-view 1.7.0 → 1.9.0

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

@@ -6,14 +6,24 @@ import "@next-core/theme";
  */
 export declare class ChinaMapChart extends ReactNextElement {
     #private;
+    /**
+     * 省份名称，例如“广东”。如果设置，则只显示该省份的地图，否则显示全国地图
+     */
+    accessor province: string | undefined;
     /**
      * 数据源
      */
     accessor dataSource: DataSource[] | undefined;
     /**
-     * 数据源
+     * 描述内容样式
      */
     accessor detailContentStyle: CSSProperties | undefined;
+    /**
+     * 是否铺满容器
+     *
+     * 注意：该属性不同时兼容 detail 插槽
+     */
+    accessor fillContainer: boolean | undefined;
     render(): React.JSX.Element;
 }
 interface DataSource {
@@ -24,9 +34,12 @@ interface DataSource {
     [x: string]: any;
 }
 export interface ChinaMapChartProps {
+    root: HTMLElement;
+    province?: string;
     onDetailOpenChange: (open: boolean, data: Record<string, any>) => void;
     dataSource: DataSource[];
     detailContentStyle?: CSSProperties;
+    fillContainer?: boolean;
 }
 export declare function ChinaMapChartComponent(props: ChinaMapChartProps): React.JSX.Element;
 export {};

package/dist-types/shared/useContainerScale.d.ts

@@ -1,10 +1,11 @@
 /**
  * 根据容器尺寸进行缩放
  */
-export declare function useContainerScale({ width: baseWidth, height: baseHeight, root, maxScale, }: {
+export declare function useContainerScale({ width: baseWidth, height: baseHeight, root, maxScale, disabled, }: {
     width: number;
     height: number;
     root: HTMLElement;
     /** 最大缩放比例，默认为 1 */
     maxScale?: number;
+    disabled?: boolean;
 }): number | null;

package/docs/china-map-chart.md

@@ -4,7 +4,7 @@
 
 ### Basic
 
-```yaml preview
+```yaml preview height="600px"
 brick: data-view.china-map-chart
 properties:
   dataSource:
@@ -24,9 +24,66 @@ lifeCycle:
       - dark-v2
 ```
 
+### Fill container
+
+```yaml preview height="600px"
+brick: div
+properties:
+  style:
+    height: calc(100vh - 4em)
+    position: relative
+children:
+  - brick: data-view.china-map-chart
+    properties:
+      fillContainer: true
+      dataSource:
+        - text: "西藏 12311"
+          city: 西藏
+        - text: "四川 89781169"
+          city: 四川
+        - text: "台湾 234181"
+          city: 台湾
+        - text: "江西 21348"
+          city: 江西
+    # 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-chart
+    properties:
+      fillContainer: true
+      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
+```
+
 ### With detail
 
-```yaml preview
+```yaml preview height="600px"
 brick: data-view.china-map-chart
 properties:
   detailContentStyle:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/data-view",
-  "version": "1.7.0",
+  "version": "1.9.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": "dd4350a3be9be41b821be43c9a4dbdd87e1d0068"
+  "gitHead": "0396db8768dd44a2f8f2ac481c16faa1f803cfe8"
 }