onesight-charts 0.2.6 → 0.2.8

package/es/components/word-cloud/index.js

@@ -4,13 +4,21 @@ import React, { useEffect, useRef } from 'react';
 import { createCustomTooltip } from "./tooltipConfig";
 import "./style.scss";
 function WordCloud(props) {
-  var data = props.data,
+  var _props$width = props.width,
+    width = _props$width === void 0 ? '100%' : _props$width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? '312px' : _props$height,
+    data = props.data,
     _props$smallSize = props.smallSize,
     smallSize = _props$smallSize === void 0 ? false : _props$smallSize,
     _props$tooltipShow = props.tooltipShow,
     tooltipShow = _props$tooltipShow === void 0 ? true : _props$tooltipShow,
     _props$tooltipName = props.tooltipName,
-    tooltipName = _props$tooltipName === void 0 ? '提及数' : _props$tooltipName;
+    tooltipName = _props$tooltipName === void 0 ? '提及数' : _props$tooltipName,
+    _props$color = props.color,
+    color = _props$color === void 0 ? '#1DA9A0' : _props$color,
+    _props$onClick = props.onClick,
+    onClick = _props$onClick === void 0 ? function () {} : _props$onClick;
   var chartRef = useRef();
   useEffect(function () {
     createChart();
@@ -31,7 +39,7 @@ function WordCloud(props) {
         left: 'center',
         top: 'center',
         width: smallSize ? '90%' : '100%',
-        height: '100%',
+        height: '95%',
         right: null,
         bottom: null,
         sizeRange: smallSize ? [15, 40] : [18, 80],
@@ -43,7 +51,7 @@ function WordCloud(props) {
         textStyle: {
           fontFamily: 'Verdana',
           fontWeight: 500,
-          color: '#1DA9A0'
+          color: color
         },
         emphasis: {
           focus: 'self'
@@ -57,12 +65,17 @@ function WordCloud(props) {
       }]
     };
     myChart.setOption(option);
+    // 取消监听点击事件,也可以防止重复绑定
+    myChart.off('click');
+    myChart.on('click', function (param) {
+      onClick(param);
+    });
   };
   return /*#__PURE__*/React.createElement("div", {
     ref: chartRef,
     style: {
-      width: '100%',
-      height: '312px'
+      width: width,
+      height: height
     }
   });
 }

package/lib/components/word-cloud/index.js

@@ -39,17 +39,22 @@ var import_tooltipConfig = require("./tooltipConfig");
 var import_style = require("./style.scss");
 function WordCloud(props) {
   const {
+    width = "100%",
+    height = "312px",
     data,
     smallSize = false,
     tooltipShow = true,
-    tooltipName = "提及数"
+    tooltipName = "提及数",
+    color = "#1DA9A0",
+    onClick = () => {
+    }
   } = props;
   const chartRef = (0, import_react.useRef)();
   (0, import_react.useEffect)(() => {
     createChart();
   }, [JSON.stringify(data)]);
   const createChart = () => {
-    let myChart = echarts.init(chartRef.current);
+    const myChart = echarts.init(chartRef.current);
     const tooltipConfig = (0, import_tooltipConfig.createCustomTooltip)({
       tooltipShow,
       smallSize,
@@ -65,7 +70,7 @@ function WordCloud(props) {
           left: "center",
           top: "center",
           width: smallSize ? "90%" : "100%",
-          height: "100%",
+          height: "95%",
           right: null,
           bottom: null,
           sizeRange: smallSize ? [15, 40] : [18, 80],
@@ -77,7 +82,7 @@ function WordCloud(props) {
           textStyle: {
             fontFamily: "Verdana",
             fontWeight: 500,
-            color: "#1DA9A0"
+            color
           },
           emphasis: {
             focus: "self"
@@ -92,7 +97,11 @@ function WordCloud(props) {
       ]
     };
     myChart.setOption(option);
+    myChart.off("click");
+    myChart.on("click", function(param) {
+      onClick(param);
+    });
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref: chartRef, style: { width: "100%", height: "312px" } });
+  return /* @__PURE__ */ import_react.default.createElement("div", { ref: chartRef, style: { width, height } });
 }
 var word_cloud_default = WordCloud;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "onesight-charts",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "private": false,
   "description": "OneSight前端图表公共组件库",
   "license": "MIT",
@@ -75,6 +75,7 @@
     "stylelint": "^14.9.1"
   },
   "peerDependencies": {
+    "echarts-wordcloud": "^2.1.0",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },