@next-bricks/data-view 1.2.2 → 1.3.1

package/dist/manifest.json

@@ -50,80 +50,80 @@
       "category": "big-screen-content"
     },
     {
-      "name": "data-view.modern-style-page-title",
+      "name": "data-view.modern-style-component-title",
       "properties": [
         {
-          "name": "pageTitle",
+          "name": "hideLeftComponent",
           "description": "",
-          "type": "string"
+          "default": "false"
         },
         {
-          "name": "description",
+          "name": "hideRightComponent",
           "description": "",
-          "type": "string"
+          "default": "true"
         },
         {
-          "name": "backgroundStyle",
+          "name": "componentTitle",
           "description": "",
-          "attribute": false,
-          "type": "CSSProperties"
+          "type": "string"
         },
         {
-          "name": "leftRoundStyle",
+          "name": "titleTextStyle",
           "description": "",
           "attribute": false,
           "type": "CSSProperties"
         },
         {
-          "name": "rightRoundStyle",
+          "name": "squareColor",
           "description": "",
           "attribute": false,
-          "type": "CSSProperties"
+          "type": "CSSProperties[\"color\"]"
         }
       ],
       "events": [],
       "slots": [],
       "methods": [],
       "parts": [],
-      "description": "现代风页面标题",
+      "description": "现代风组件标题",
       "category": "big-screen-content"
     },
     {
-      "name": "data-view.modern-style-component-title",
+      "name": "data-view.modern-style-page-title",
       "properties": [
         {
-          "name": "hideLeftComponent",
+          "name": "pageTitle",
           "description": "",
-          "default": "false"
+          "type": "string"
         },
         {
-          "name": "hideRightComponent",
+          "name": "description",
           "description": "",
-          "default": "true"
+          "type": "string"
         },
         {
-          "name": "componentTitle",
+          "name": "backgroundStyle",
           "description": "",
-          "type": "string"
+          "attribute": false,
+          "type": "CSSProperties"
         },
         {
-          "name": "titleTextStyle",
+          "name": "leftRoundStyle",
           "description": "",
           "attribute": false,
           "type": "CSSProperties"
         },
         {
-          "name": "squareColor",
+          "name": "rightRoundStyle",
           "description": "",
           "attribute": false,
-          "type": "CSSProperties[\"color\"]"
+          "type": "CSSProperties"
         }
       ],
       "events": [],
       "slots": [],
       "methods": [],
       "parts": [],
-      "description": "现代风组件标题",
+      "description": "现代风页面标题",
       "category": "big-screen-content"
     },
     {
@@ -218,43 +218,6 @@
       "description": "大屏仪标签页抽屉",
       "category": "big-screen-layout"
     },
-    {
-      "name": "data-view.battery-chart",
-      "properties": [
-        {
-          "name": "value",
-          "description": "",
-          "type": "number"
-        },
-        {
-          "name": "batteryWidth",
-          "description": "",
-          "type": "number"
-        },
-        {
-          "name": "batteryHeight",
-          "description": "",
-          "type": "number"
-        },
-        {
-          "name": "thresholdColors",
-          "description": "",
-          "attribute": false,
-          "type": "ThresholdColor[]"
-        },
-        {
-          "name": "thresholdValue",
-          "description": "",
-          "type": "number"
-        }
-      ],
-      "events": [],
-      "slots": [],
-      "methods": [],
-      "parts": [],
-      "description": "大屏电池",
-      "category": "big-screen-content"
-    },
     {
       "name": "data-view.modern-style-treemap",
       "properties": [
@@ -312,6 +275,43 @@
       "description": "现代风树图",
       "category": "big-screen-content"
     },
+    {
+      "name": "data-view.battery-chart",
+      "properties": [
+        {
+          "name": "value",
+          "description": "",
+          "type": "number"
+        },
+        {
+          "name": "batteryWidth",
+          "description": "",
+          "type": "number"
+        },
+        {
+          "name": "batteryHeight",
+          "description": "",
+          "type": "number"
+        },
+        {
+          "name": "thresholdColors",
+          "description": "",
+          "attribute": false,
+          "type": "ThresholdColor[]"
+        },
+        {
+          "name": "thresholdValue",
+          "description": "",
+          "type": "number"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "methods": [],
+      "parts": [],
+      "description": "大屏电池",
+      "category": "big-screen-content"
+    },
     {
       "name": "data-view.dropdown-menu",
       "properties": [
@@ -1572,6 +1572,37 @@
       "methods": [],
       "parts": [],
       "description": "构件 `data-view.progress-bar-list`"
+    },
+    {
+      "name": "data-view.china-map-chart",
+      "properties": [
+        {
+          "name": "dataSource",
+          "description": "数据源",
+          "attribute": false,
+          "type": "DataSource[]"
+        },
+        {
+          "name": "detailContentStyle",
+          "description": "数据源",
+          "attribute": false,
+          "type": "CSSProperties"
+        }
+      ],
+      "events": [
+        {
+          "name": "detail.open.change",
+          "description": "当提示可见性开始变化时触发",
+          "detail": {
+            "description": "当前是否可见",
+            "type": "{\n    open: boolean;\n    data: Record<string, any>;\n  }"
+          }
+        }
+      ],
+      "slots": [],
+      "methods": [],
+      "parts": [],
+      "description": "构件 `data-view.china-map-chart`"
     }
   ],
   "providers": []

package/dist/types.json

@@ -40,34 +40,31 @@
     "events": [],
     "methods": []
   },
-  "data-view.modern-style-page-title": {
+  "data-view.modern-style-component-title": {
     "properties": [
       {
-        "name": "pageTitle",
+        "name": "hideLeftComponent",
         "annotation": {
           "type": "keyword",
-          "value": "string"
+          "value": "boolean"
         }
       },
       {
-        "name": "description",
+        "name": "hideRightComponent",
         "annotation": {
           "type": "keyword",
-          "value": "string"
+          "value": "boolean"
         }
       },
       {
-        "name": "backgroundStyle",
+        "name": "componentTitle",
         "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "CSSProperties"
-          }
+          "type": "keyword",
+          "value": "string"
         }
       },
       {
-        "name": "leftRoundStyle",
+        "name": "titleTextStyle",
         "annotation": {
           "type": "reference",
           "typeName": {
@@ -77,12 +74,19 @@
         }
       },
       {
-        "name": "rightRoundStyle",
+        "name": "squareColor",
         "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "CSSProperties"
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "CSSProperties"
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "color"
           }
         }
       }
@@ -90,31 +94,34 @@
     "events": [],
     "methods": []
   },
-  "data-view.modern-style-component-title": {
+  "data-view.modern-style-page-title": {
     "properties": [
       {
-        "name": "hideLeftComponent",
+        "name": "pageTitle",
         "annotation": {
           "type": "keyword",
-          "value": "boolean"
+          "value": "string"
         }
       },
       {
-        "name": "hideRightComponent",
+        "name": "description",
         "annotation": {
           "type": "keyword",
-          "value": "boolean"
+          "value": "string"
         }
       },
       {
-        "name": "componentTitle",
+        "name": "backgroundStyle",
         "annotation": {
-          "type": "keyword",
-          "value": "string"
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
+          }
         }
       },
       {
-        "name": "titleTextStyle",
+        "name": "leftRoundStyle",
         "annotation": {
           "type": "reference",
           "typeName": {
@@ -124,19 +131,12 @@
         }
       },
       {
-        "name": "squareColor",
+        "name": "rightRoundStyle",
         "annotation": {
-          "type": "indexedAccess",
-          "objectType": {
-            "type": "reference",
-            "typeName": {
-              "type": "identifier",
-              "name": "CSSProperties"
-            }
-          },
-          "indexType": {
-            "type": "jsLiteral",
-            "value": "color"
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
           }
         }
       }
@@ -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,34 @@
+构件 `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: "yellow"
+    dataSource:
+      - text: "西藏 12311"
+        detailDisplayLocation: "textBottom"
+        city: 西藏
+      - text: "四川 89781169"
+        detailDisplayLocation: "textBottom"
+        city: 四川
+      - text: "台湾 234181"
+        detailDisplayLocation: "pageCenter"
+        city: 台湾
+      - text: "江西 21348"
+        detailDisplayLocation: "pageCenter"
+        city: 江西
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/data-view",
-  "version": "1.2.2",
+  "version": "1.3.1",
   "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": "51e30f054860a8f1770dd6fbf9e99590d23683f5"
 }

package/dist/chunks/1045.f9f3e45d.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[1045],{2559:(t,e,n)=>{function i(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}n.d(e,{A:()=>i})},2016:(t,e,n)=>{function i(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}n.d(e,{A:()=>i})},829:(t,e,n)=>{n.d(e,{A:()=>r});var i=n(2559);function r(t,e){return t.get((0,i.A)(t,e))}},918:(t,e,n)=>{n.d(e,{A:()=>r});var i=n(2016);function r(t,e,n){(0,i.A)(t,e),e.set(t,n)}},6121:(t,e,n)=>{n.d(e,{A:()=>r});var i=n(2559);function r(t,e,n){return t.set((0,i.A)(t,e),n),n}},4586:(t,e,n)=>{n.d(e,{A:()=>r});var i=n(1369);function r(t,e,n){return(e=(0,i.A)(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},1369:(t,e,n)=>{n.d(e,{A:()=>r});var i=n(7545);function r(t){var e=function(t,e){if("object"!=(0,i.A)(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,"string");if("object"!=(0,i.A)(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==(0,i.A)(e)?e:e+""}},7545:(t,e,n)=>{function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}n.d(e,{A:()=>i})},1045:(t,e,n)=>{n.r(e),n.d(e,{NextElement:()=>A,createDecorators:()=>a,supportsAdoptingStyleSheets:()=>_});const i=Symbol.for("attributeHasBeenSet"),r=Symbol.for("markAttributeHasBeenSet"),o=Symbol.for("stopAttributeChangedCallback"),s={attribute:!0,type:String,converter:{toAttribute:(t,e)=>e===Boolean?t?"":null:t,fromAttribute(t,e){switch(e){case Boolean:return null!==t&&"false"!==t;case Number:return null===t?null:Number(t)}return t}},render:!0,hasChanged:(t,e)=>e!==t&&(e==e||t==t)};function a(){const t=new Map,e=new Set,n=new Set,a=new Set;return{defineElement:function(i){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return(o,s)=>{let{kind:d,name:c,addInitializer:h}=s;h((function(){const s=Object.getPrototypeOf(this);if(u(this,"observedAttributes",l(s.observedAttributes??[],t.keys())),u(this,"__attributeReflections",new Map([...s.__attributeReflections??[],...t])),u(this,"styleTexts",r.styleTexts),u(this,"shadowOptions",!1!==r.shadowOptions?{mode:"open",...r.shadowOptions}:null),u(this,"__tagName",i),u(this,"_dev_only_definedProperties",l(s._dev_only_definedProperties??[],e)),u(this,"_dev_only_definedMethods",l(s._dev_only_definedMethods??[],n)),u(this,"_dev_only_definedEvents",l(s._dev_only_definedEvents??[],a)),customElements.define(i,this),Array.isArray(r.alias))for(const t of r.alias){const e=class extends o{};u(e,"__tagName",t),customElements.define(t,e)}}))}},property:function(n){return function(a,u){let{get:l,set:d}=a,{kind:c,name:h,static:f,private:b}=u;e.add(h);const p=Object.assign({},s,n),v=function(t,e){const n=e.attribute;return!1===n?void 0:"string"==typeof n?n:t.replace(/[A-Z]/g,(t=>`-${t.toLowerCase()}`))}(h,p);return void 0!==v&&t.set(v,{...p,property:h}),{get(){return void 0!==v&&this[i](v)?p.converter.fromAttribute(this.getAttribute(v),p.type):l.call(this)},set(t){const e=l.call(this);if(d.call(this,t),p.hasChanged(t,e)){if(void 0!==v){const e=p.converter.toAttribute(t,p.type);this[o](!0),null==e?this.removeAttribute(v):this.setAttribute(v,e),this[r](v),this[o](!1)}p.render&&this._requestRender()}},init(t){if(void 0!==v&&p.hasChanged(t,void 0)){const e=p.converter.toAttribute(t,p.type);null!=e&&requestAnimationFrame((()=>{this[i](v)||(this[o](!0),this.setAttribute(v,e),this[o](!1))}))}return t}}}},method:function(t){return function(e,i){let{kind:r,name:o,static:s,private:a,addInitializer:u}=i;null!=t&&t.bound&&u((function(){this[o]=this[o].bind(this)})),n.add(o)}},event:function(t){return function(e,n){let{get:i}=e,{kind:r,name:o,static:s,private:u}=n;const{type:l,...d}=t;return a.add(l),{get(){return i.call(this)},set(){throw new Error("Decorated events are readonly")},init(t){return Object.freeze({emit:t=>this.dispatchEvent(new CustomEvent(l,{...d,detail:t}))})}}}}}}function u(t,e,n){Object.defineProperty(t,e,{get:()=>n,configurable:!0})}function l(t,e){const n=new Set(t);for(const t of e)n.add(t);return[...n]}new Set(["prefix"]);var d=n(918),c=n(4586),h=n(829),f=n(6121),b=new WeakMap,p=new WeakMap,v=new WeakMap,y=new WeakMap;class A extends HTMLElement{constructor(){super(...arguments),(0,d.A)(this,b,!1),(0,d.A)(this,p,!1),(0,d.A)(this,v,!1),(0,d.A)(this,y,new Set)}_markConnectedCallbackCalled(){(0,f.A)(p,this,!0)}connectedCallback(){this._markConnectedCallbackCalled(),this._render()}[i](t){return(0,h.A)(y,this).has(t)}[r](t){(0,h.A)(y,this).add(t)}[o](t){(0,f.A)(v,this,t)}attributeChangedCallback(t,e,n){if((0,h.A)(y,this).add(t),!(0,h.A)(v,this)&&e!==n){const e=this.constructor.__attributeReflections.get(t),i=e.converter.fromAttribute(n,e.type);this[e.property]=i}}_requestRender(){this.isConnected&&(0,h.A)(p,this)&&!(0,h.A)(b,this)&&((0,f.A)(b,this,!0),Promise.resolve().then((()=>{(0,f.A)(b,this,!1),this._render()})))}}let m;function _(){return void 0===m&&(m=!!(window.ShadowRoot&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype)),m}(0,c.A)(A,"styleTexts",void 0),(0,c.A)(A,"shadowOptions",void 0),(0,c.A)(A,"__attributeReflections",void 0),(0,c.A)(A,"__tagName",void 0)}}]);
-//# sourceMappingURL=1045.f9f3e45d.js.map