@next-bricks/data-view 1.7.0 → 1.8.0

package/dist/types.json

@@ -40,110 +40,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.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.tabs-drawer": {
     "properties": [
       {
@@ -337,6 +233,110 @@
       }
     ]
   },
+  "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.battery-chart": {
     "properties": [
       {
@@ -831,28 +831,6 @@
       }
     ]
   },
-  "data-view.app-wall-relation-line": {
-    "properties": [
-      {
-        "name": "lightColor",
-        "annotation": {
-          "type": "union",
-          "types": [
-            {
-              "type": "jsLiteral",
-              "value": "blue"
-            },
-            {
-              "type": "jsLiteral",
-              "value": "purple"
-            }
-          ]
-        }
-      }
-    ],
-    "events": [],
-    "methods": []
-  },
   "data-view.cabinet-button": {
     "properties": [
       {
@@ -876,6 +854,28 @@
     "events": [],
     "methods": []
   },
+  "data-view.app-wall-relation-line": {
+    "properties": [
+      {
+        "name": "lightColor",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "blue"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "purple"
+            }
+          ]
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
   "data-view.cabinet-node": {
     "properties": [
       {
@@ -1766,10 +1766,15 @@
     "events": [],
     "methods": []
   },
-  "data-view.hi-tech-button": {
-    "properties": [
-      {
-        "name": "type",
+  "data-view.tech-mesh-base-view": {
+    "properties": [],
+    "events": [],
+    "methods": []
+  },
+  "data-view.hi-tech-button": {
+    "properties": [
+      {
+        "name": "type",
         "annotation": {
           "type": "reference",
           "typeName": {
@@ -1837,11 +1842,6 @@
       }
     ]
   },
-  "data-view.tech-mesh-base-view": {
-    "properties": [],
-    "events": [],
-    "methods": []
-  },
   "data-view.simple-card-item": {
     "properties": [
       {
@@ -2420,155 +2420,6 @@
       }
     ]
   },
-  "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,
-            "description": "省级行政区域名，例如：四川、北京"
-          },
-          {
-            "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.loading-panel": {
     "properties": [
       {
@@ -3880,6 +3731,162 @@
     "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"
+          }
+        }
+      },
+      {
+        "name": "fillContainer",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      }
+    ],
+    "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,
+            "description": "省级行政区域名，例如：四川、北京"
+          },
+          {
+            "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.globe-with-halo-indicator": {
     "properties": [
       {

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

@@ -11,9 +11,15 @@ export declare class ChinaMapChart extends ReactNextElement {
      */
     accessor dataSource: DataSource[] | undefined;
     /**
-     * 数据源
+     * 描述内容样式
      */
     accessor detailContentStyle: CSSProperties | undefined;
+    /**
+     * 是否铺满容器
+     *
+     * 注意：该属性不同时兼容 detail 插槽
+     */
+    accessor fillContainer: boolean;
     render(): React.JSX.Element;
 }
 interface DataSource {
@@ -24,9 +30,11 @@ interface DataSource {
     [x: string]: any;
 }
 export interface ChinaMapChartProps {
+    root: HTMLElement;
     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,38 @@ 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
+```
+
 ### With detail
 
-```yaml preview
+```yaml preview height="600px"
 brick: data-view.china-map-chart
 properties:
   detailContentStyle: