@zgfe/modules-interval 1.0.23-zhongyuan.2 → 1.0.23-zhongyuan.20

package/dist/esm/modules/chart/intervalChart.js

@@ -4,30 +4,106 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useState } from 'react';
-import ReactECharts from 'echarts-for-react';
+import React, { useEffect, useRef, useState } from 'react';
 import * as echarts from 'echarts';
 import { renderToString } from 'react-dom/server';
 import CustomTooltip from "./customTooltip";
 import { chartColors } from "../../constants";
 import { getRandomColor } from "../../constants/color";
 import { convertDateArray } from "../../utils/formData";
+var _currentAxisBreaks = [{
+  start: 5000,
+  end: 100000,
+  gap: '1.5%'
+}, {
+  start: 105000,
+  end: 3100000,
+  gap: '1.5%'
+}];
 var IntervalChart = function IntervalChart(props) {
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
-    option = _useState2[0],
-    setOption = _useState2[1];
+    optionECharts = _useState2[0],
+    setOptionECharts = _useState2[1];
+  // 获取实例
+  var chartRef = useRef(null);
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    chartInstance = _useState4[0],
+    setChartInstance = _useState4[1]; // echart实列
   useEffect(function () {
-    var _props$showList, _seriesData$series;
-    var seriesData = props === null || props === void 0 ? void 0 : (_props$showList = props.showList) === null || _props$showList === void 0 ? void 0 : _props$showList.appData;
+    var aDom = echarts.init(chartRef.current);
+    setChartInstance(aDom);
+  }, []);
+  useEffect(function () {
+    var _props$showList$appDa, _props$showList, _props$dataSource, _seriesData$series;
+    // chartRef && chartRef.current.getEchartsInstance().clear();
+    var seriesData = (_props$showList$appDa = props === null || props === void 0 ? void 0 : (_props$showList = props.showList) === null || _props$showList === void 0 ? void 0 : _props$showList.appData) !== null && _props$showList$appDa !== void 0 ? _props$showList$appDa : props === null || props === void 0 ? void 0 : (_props$dataSource = props.dataSource) === null || _props$dataSource === void 0 ? void 0 : _props$dataSource.appData;
     var params = props === null || props === void 0 ? void 0 : props.params;
     var eCharts = {
       tooltip: {
         trigger: 'item',
+        // tooltip 跟随鼠标
+        // position: function (point, params, dom, rect, size) {
+        //   return [point[0] + 10, point[1] - 10];
+        // },
+        // ========== 核心：重写position函数，防止tooltip溢出屏幕 ==========
+        position: function position(point, params, dom, rect, size) {
+          // 获取tooltip DOM元素的实际宽高（自定义HTML的尺寸）
+          var tooltipWidth = dom.offsetWidth || 200; // 默认宽度200px
+          var tooltipHeight = dom.offsetHeight || 150; // 默认高度150px
+
+          // 获取屏幕可视区域的宽高
+          var screenWidth = document.documentElement.clientWidth;
+          var screenHeight = document.documentElement.clientHeight;
+
+          // 鼠标当前坐标
+          var mouseX = point[0];
+          var mouseY = point[1];
+
+          // 计算tooltip的候选位置（初始：鼠标右侧+10px，鼠标上方-10px）
+          var targetX = mouseX + 10;
+          var targetY = mouseY - 10;
+
+          // 1. 右边界检测：如果tooltip超出屏幕右侧，显示在鼠标左侧
+          if (targetX + tooltipWidth > screenWidth) {
+            targetX = mouseX - tooltipWidth - 10;
+          }
+
+          // 2. 左边界检测：如果tooltip超出屏幕左侧，强制显示在屏幕左侧
+          if (targetX < 0) {
+            targetX = 10;
+          }
+
+          // 3. 下边界检测：如果tooltip超出屏幕下方，显示在鼠标下方
+          if (targetY + tooltipHeight > screenHeight) {
+            targetY = mouseY + 10;
+          }
+
+          // 4. 上边界检测：如果tooltip超出屏幕上方，强制显示在屏幕上方
+          if (targetY < 0) {
+            targetY = 10;
+          }
+
+          // 返回最终调整后的位置
+          return [targetX, targetY];
+        },
         axisPointer: {
           type: 'shadow'
+        },
+        confine: true,
+        // 开启边界限制（ECharts内置，配合自定义position双重保障）
+        formatter: function formatter(params) {
+          return renderToString( /*#__PURE__*/React.createElement(CustomTooltip, {
+            series: undefined,
+            payload: params
+          }));
         }
+        // formatter: (params: any) => {
+        //   return renderToString(<CustomTooltip1 series={seriesData?.series} payload={params} />);
+        // },
       },
+
       legend: {
         bottom: 0,
         icon: 'circle',
@@ -63,23 +139,40 @@ var IntervalChart = function IntervalChart(props) {
 
         axisLabel: {
           color: '#67727F' // 设置文字颜色
+        },
+
+        axisPointer: {
+          type: 'shadow'
         }
       },
-
       yAxis: {
-        type: 'value',
-        splitLine: {
-          show: true,
-          lineStyle: {
-            type: 'dashed' // 设置线条类型为虚线
-          }
-        },
+        // type: 'value',
+        // splitLine: {
+        //   show: true,
+        //   lineStyle: {
+        //     type: 'dashed', // 设置线条类型为虚线
+        //   },
+        // },
+        // axisLabel: {
+        //   color: '#67727F', // 设置文字颜色
+        // },
+        // breaks: _currentAxisBreaks,
+        // breakArea: {
+        //   itemStyle: {
+        //     opacity: 1,
+        //   },
+        //   zigzagZ: 200,
+        // },
 
-        axisLabel: {
-          color: '#67727F' // 设置文字颜色
+        type: 'value',
+        breaks: _currentAxisBreaks,
+        breakArea: {
+          itemStyle: {
+            opacity: 1
+          },
+          zigzagZ: 200
         }
       },
-
       dataZoom: [{
         type: 'inside',
         start: 0,
@@ -106,23 +199,29 @@ var IntervalChart = function IntervalChart(props) {
           datasetIndex: 1,
           name: seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$series$i = seriesData.series[i]) === null || _seriesData$series$i === void 0 ? void 0 : _seriesData$series$i.names[0],
           data: seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$series$i2 = seriesData.series[i]) === null || _seriesData$series$i2 === void 0 ? void 0 : _seriesData$series$i2.values,
-          tooltip: {
-            show: true,
-            // 单独配置series中的tooltip为显示
-            extraCssText: 'border: none;padding:0;border-radius:10px;background: rgba(250, 251, 253, 0.8)',
-            // 添加自定义的CSS样式，去掉边框
-            formatter: function formatter(params) {
-              var tooltipString = renderToString( /*#__PURE__*/React.createElement(CustomTooltip, {
-                series: seriesData === null || seriesData === void 0 ? void 0 : seriesData.series[i],
-                payload: params
-              }));
-              return tooltipString;
-            }
+          showBackground: true,
+          // 关键修改：背景改为透明
+          backgroundStyle: {
+            color: 'rgba(0,0,0,0.2)'
           },
           emphasis: {
+            focus: 'series',
+            blurScope: 'coordinateSystem',
             itemStyle: {
               borderColor: color // 设置盒子的颜色
             }
+
+            // tooltip: {
+            //   show: true, // 单独配置series中的tooltip为显示
+            //   extraCssText:
+            //     'border: none;padding:0;border-radius:10px;background: rgba(250, 251, 253, 0.8)', // 添加自定义的CSS样式，去掉边框
+            //   formatter: (params: any) => {
+            //     const tooltipString = renderToString(
+            //       <CustomTooltip series={seriesData?.series[i]} payload={params} />,
+            //     );
+            //     return tooltipString;
+            //   },
+            // },
           },
 
           itemStyle: {
@@ -131,15 +230,205 @@ var IntervalChart = function IntervalChart(props) {
         };
       })
     };
-    setOption(eCharts);
+    setOptionECharts(function () {
+      return eCharts;
+    });
   }, [props === null || props === void 0 ? void 0 : props.showList]);
-  return /*#__PURE__*/React.createElement(ReactECharts, {
+  useEffect(function () {
+    // true 表示ecahrt不合并，直接替换
+    chartInstance && chartInstance.setOption(optionECharts, true);
+  }, [optionECharts]);
+  useEffect(function () {
+    setTimeout(function () {
+      chartInstance && chartInstance.on('axisbreakchanged', function (params) {
+        updateCollapseButton(params);
+      });
+      // =========================
+      // 关键修改：结合 dataZoom 的可见索引范围
+      // =========================
+
+      // 当前 x 轴可见的起止 dataIndex（受 dataZoom 控制）
+      var baseOption = chartInstance && chartInstance.getOption();
+      var totalCategoryCount = baseOption && baseOption.xAxis[0].data.length;
+      var visibleStartIndex = 0;
+      var visibleEndIndex = totalCategoryCount - 1;
+
+      // 根据 dataZoom 的 start / end 百分比更新可见索引范围[web:28]
+      function updateVisibleRangeFromDataZoom(params) {
+        var startPercent;
+        var endPercent;
+        if (params && params.batch && params.batch.length) {
+          // 事件中 batch 数组形式
+          startPercent = params.batch[0].start;
+          endPercent = params.batch[0].end;
+        } else if (params) {
+          startPercent = params.start;
+          endPercent = params.end;
+        }
+        if (startPercent == null || endPercent == null) {
+          return;
+        }
+        var optionNow = chartInstance && chartInstance.getOption();
+        var axisData = optionNow.xAxis[0].data || [];
+        var total = axisData.length || 1;
+        visibleStartIndex = Math.round(startPercent / 100 * (total - 1));
+        visibleEndIndex = Math.round(endPercent / 100 * (total - 1));
+        if (visibleStartIndex < 0) visibleStartIndex = 0;
+        if (visibleEndIndex > total - 1) visibleEndIndex = total - 1;
+      }
+
+      // 初始化一次可见范围（用当前 option 中 dataZoom 的配置）
+      if (baseOption && baseOption.dataZoom && baseOption && baseOption.dataZoom.length) {
+        updateVisibleRangeFromDataZoom(baseOption.dataZoom[0]);
+      }
+
+      // 监听 dataZoom 事件，更新可见范围
+      chartInstance && chartInstance.on('dataZoom', function (params) {
+        updateVisibleRangeFromDataZoom(params);
+      });
+
+      // 封装鼠标移动时的计算逻辑
+      function handleMouseMove(params) {
+        var pointInPixel = [params.offsetX, params.offsetY];
+
+        // 检查是否在网格区域内
+        if (!chartInstance && chartInstance.containPixel('grid', pointInPixel)) {
+          chartInstance && chartInstance.dispatchAction({
+            type: 'hideTip'
+          });
+          return;
+        }
+
+        // 使用当前坐标系（考虑 dataZoom / axisBreak）将像素坐标转为数据坐标[web:19]
+        var pointInGrid = chartInstance && chartInstance.convertFromPixel({
+          xAxisIndex: 0,
+          yAxisIndex: 0
+        }, pointInPixel);
+        if (!pointInGrid) {
+          chartInstance && chartInstance.dispatchAction({
+            type: 'hideTip'
+          });
+          return;
+        }
+        var xIndex = Math.round(pointInGrid[0]);
+        var optionNow = chartInstance && chartInstance.getOption();
+        var series = optionNow.series || [];
+        var seriesCount = series.length;
+
+        // 如果当前 xIndex 不在 dataZoom 可见范围内，直接不显示 tooltip
+        if (xIndex < visibleStartIndex || xIndex > visibleEndIndex) {
+          chartInstance && chartInstance.dispatchAction({
+            type: 'hideTip'
+          });
+          return;
+        }
+
+        // 获取当前网格区域信息（会随 dataZoom / resize 变化）
+        var gridModel = chartInstance && chartInstance.getModel().getComponent('grid', 0);
+        var gridRect = gridModel.coordinateSystem.getRect();
+
+        // 当前可见类目数量（只按 dataZoom 可见区计算宽度）
+        var visibleCategoryCount = visibleEndIndex - visibleStartIndex + 1;
+        if (visibleCategoryCount <= 0) {
+          chartInstance && chartInstance.dispatchAction({
+            type: 'hideTip'
+          });
+          return;
+        }
+
+        // 每个可见类目在当前网格中的宽度
+        var categoryWidth = gridRect.width / visibleCategoryCount;
+
+        // 当前类目的起点 = grid 起点 + (xIndex - visibleStartIndex) * 每类宽度
+        var categoryStartX = gridRect.x + (xIndex - visibleStartIndex) * categoryWidth;
+
+        // 鼠标在当前类目内的相对 X 位置
+        var relativeX = params.offsetX - categoryStartX;
+
+        // 计算每个 series 对应的“柱子”宽度（背景区域同样分配）
+        var barWidth = categoryWidth / seriesCount;
+
+        // 鼠标当前所在的系列下标（按背景区域来划分）
+        var seriesIndex = Math.floor(relativeX / barWidth);
+
+        // 索引有效性判断
+        var categoryTotal = optionNow.xAxis[0].data.length;
+        if (seriesIndex >= 0 && seriesIndex < seriesCount && xIndex >= 0 && xIndex < categoryTotal) {
+          // 显示跟随鼠标的 tooltip（包括柱子上方的背景区域）
+          chartInstance && chartInstance.dispatchAction({
+            type: 'showTip',
+            seriesIndex: seriesIndex,
+            dataIndex: xIndex,
+            position: [params.offsetX + 10, params.offsetY - 10]
+          });
+        } else {
+          chartInstance && chartInstance.dispatchAction({
+            type: 'hideTip'
+          });
+        }
+      }
+
+      // 添加鼠标移动监听，计算鼠标位置对应的具体柱子（考虑 dataZoom 后的新显示）
+      chartInstance && chartInstance.getZr().on('mousemove', function (params) {
+        handleMouseMove(params);
+      });
+      chartInstance && chartInstance.getZr().on('mouseout', function () {
+        chartInstance && chartInstance.dispatchAction({
+          type: 'hideTip'
+        });
+      });
+    }, 0);
+  }, [chartInstance]);
+  function updateCollapseButton(params) {
+    // If there is any axis break expanded, we need to show the collapse button.
+    var needReset = false;
+    for (var i = 0; i < params.breaks.length; i++) {
+      var changedBreakItem = params.breaks[i];
+      if (changedBreakItem.isExpanded) {
+        needReset = true;
+        break;
+      }
+    }
+    setOptionECharts({
+      // Draw the collapse button.
+      graphic: [{
+        elements: [{
+          type: 'rect',
+          ignore: !needReset,
+          name: 'collapseAxisBreakBtn',
+          top: 5,
+          left: 5,
+          shape: {
+            r: 3,
+            width: 140,
+            height: 24
+          },
+          style: {
+            fill: '#eee',
+            stroke: '#999',
+            lineWidth: 1
+          },
+          textContent: {
+            type: 'text',
+            style: {
+              text: 'Collapse Axis Breaks',
+              fontSize: 13,
+              fontWeight: 'bold'
+            }
+          },
+          textConfig: {
+            position: 'inside'
+          }
+        }]
+      }]
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    ref: chartRef,
     style: {
-      height: '431px',
-      padding: 24
-    },
-    option: option,
-    echarts: echarts
+      width: '100%',
+      height: '400px'
+    }
   });
 };
 export default IntervalChart;

package/dist/esm/modules/chart/types.d.ts

@@ -12,6 +12,7 @@ export declare namespace eventChartProps {
          * 图表数据
          */
         dataSource?: ChartTypesProps;
+        eventOldData?: ChartTypesProps;
         dataSourceList?: DisplaySetup[];
         onlyChart?: boolean;
         /**
@@ -33,7 +34,7 @@ export declare namespace eventChartProps {
         /**
          * 改变显示内容
          */
-        onChangeShow?: (data: string[]) => void;
+        onChangeShow?: (data: DisplaySetup[]) => void;
         /**
          *
          * 指标异常回调

package/dist/esm/modules/content/index.js

@@ -22,6 +22,7 @@ import { ContentPanel, SearchPanel } from "../../components";
 import TopPanel from "../topPanel";
 import { message } from 'antd';
 import { ERROR_RESPONESE_CODE } from "../../constants/code";
+import { extractNames, getDefaultShow } from "../../utils/formData";
 var CancelToken = Request.CancelToken;
 var cancel;
 var refresh = false;
@@ -44,28 +45,32 @@ var EventContent = function EventContent(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     eventData = _useState4[0],
     setEventData = _useState4[1];
-  var _useState5 = useState(props.show || []),
+  var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
-    showList = _useState6[0],
-    setShowList = _useState6[1];
-  var _useState7 = useState(true),
+    eventOldData = _useState6[0],
+    setEventOldData = _useState6[1]; // 原数据存储
+  var _useState7 = useState(props.show),
     _useState8 = _slicedToArray(_useState7, 2),
-    loading = _useState8[0],
-    setLoading = _useState8[1];
-  // 地图是否可选
-  var _useState9 = useState(false),
+    showList = _useState8[0],
+    setShowList = _useState8[1];
+  var _useState9 = useState(true),
     _useState10 = _slicedToArray(_useState9, 2),
-    enableSelectChart = _useState10[0],
-    setEnableSelectChart = _useState10[1];
-  // 是否是城市
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  // 地图是否可选
   var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    isCity = _useState12[0],
-    setIsCity = _useState12[1];
-  var _useState13 = useState(-1),
+    enableSelectChart = _useState12[0],
+    setEnableSelectChart = _useState12[1];
+  // 是否是城市
+  var _useState13 = useState(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    eventId = _useState14[0],
-    setEventId = _useState14[1];
+    isCity = _useState14[0],
+    setIsCity = _useState14[1];
+  var _useState15 = useState(-1),
+    _useState16 = _slicedToArray(_useState15, 2),
+    eventId = _useState16[0],
+    setEventId = _useState16[1];
   var _useContext2 = useContext(IntervalContext),
     searchData = _useContext2.searchData,
     setSearchData = _useContext2.setSearchData,
@@ -161,8 +166,17 @@ var EventContent = function EventContent(props) {
       }
       var result = res.data;
       setEventData(result);
-      setFinalSearchData(_objectSpread({}, searchData));
+      setEventOldData(result); // 原数据存储
+      var arr = extractNames(result);
+      var spliceResultArr = result.appData.series ? showList ? showList : arr === null || arr === void 0 ? void 0 : arr.splice(0, 4) : [];
+      setFinalSearchData(_objectSpread(_objectSpread({}, searchData), {}, {
+        displaySetup: spliceResultArr
+      }));
+      setShowList(spliceResultArr);
       loadingHandle();
+      if (props !== null && props !== void 0 && props.onShowChange) {
+        props.onShowChange(spliceResultArr);
+      }
     }).catch(function () {
       loadingHandle();
     });
@@ -201,6 +215,11 @@ var EventContent = function EventContent(props) {
   // 改变显示内容
   var onChangeShow = function onChangeShow(data) {
     setShowList(data);
+    if (props !== null && props !== void 0 && props.onShowChange) {
+      props.onShowChange(data);
+      var resultApp = getDefaultShow(eventOldData, data);
+      setEventData(resultApp);
+    }
   };
 
   // 平台变更
@@ -224,10 +243,15 @@ var EventContent = function EventContent(props) {
       });
     });
   };
+
+  // displaySetup要显示的列表值 showList
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-header")
   }, /*#__PURE__*/React.createElement("span", null, !panelId && route && route.query && route.query.title ? route.query.title : '间隔分析'), /*#__PURE__*/React.createElement(TopBar, {
-    searchData: searchData,
+    searchData: _objectSpread(_objectSpread({}, searchData), {}, {
+      showList: showList
+    }),
     loading: loading,
     eventData: eventData,
     platformChange: platformChange,
@@ -253,17 +277,24 @@ var EventContent = function EventContent(props) {
     analysisAttr: searchData === null || searchData === void 0 ? void 0 : searchData.analysisAttr,
     displaySetup: searchData === null || searchData === void 0 ? void 0 : searchData.analysisAttr,
     analysisIndex: searchData === null || searchData === void 0 ? void 0 : searchData.analysisIndex,
+    searchData: _objectSpread(_objectSpread({}, searchData), {}, {
+      displaySetup: showList
+    }),
     eventId: eventId,
     eventData: eventData,
+    eventOldData: eventOldData,
     enableSelectChart: enableSelectChart,
     onChange: onChangeContent,
+    onChangeShow: onChangeShow,
     refreshHandle: refreshHandle
   }), /*#__PURE__*/React.createElement(ContentPanel, {
     loading: loading,
     isCity: isCity,
     eventData: eventData,
-    searchData: finalSearchData,
-    showList: showList,
+    eventOldData: eventOldData,
+    searchData: _objectSpread(_objectSpread({}, searchData), {}, {
+      displaySetup: showList
+    }),
     onChangeShow: onChangeShow
   }))));
 };

package/dist/esm/modules/content/types.d.ts

@@ -13,7 +13,11 @@ export declare namespace EventContentProps {
         /**
          * 展示列表
          */
-        show?: string[];
+        show?: {
+            label: string;
+            value: number;
+        }[];
+        setShowList?: any;
         /**
          * 是否查询中
          */
@@ -28,5 +32,9 @@ export declare namespace EventContentProps {
          * 查询条件初始化
          */
         initSearch?: () => void;
+        onShowChange?: (data: {
+            label: string;
+            value: number;
+        }[]) => void;
     }
 }

package/dist/esm/modules/content/utils.js

@@ -4,30 +4,30 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-/**
- * 判断当前细分属性是否为”城市“
- * @param name 属性名称
- * @returns true标识为：是城市
+/**
+ * 判断当前细分属性是否为”城市“
+ * @param name 属性名称
+ * @returns true标识为：是城市
  */
 export var judgeIsCity = function judgeIsCity(name) {
   var areaData = ['current_city', 'city'];
   return name && areaData.indexOf(name) !== -1 ? true : false;
 };
 
-/**
- * 判断当前细分属性，地图是否可选
- * @param name 属性名称
- * @returns true标识为：地图可选
+/**
+ * 判断当前细分属性，地图是否可选
+ * @param name 属性名称
+ * @returns true标识为：地图可选
  */
 export var judgeIsArea = function judgeIsArea(name) {
   var areaData = ['current_area', 'current_city', 'area', 'city'];
   return name && areaData.indexOf(name) !== -1 ? true : false;
 };
 
-/**
- * 获取当前属性的全部数据
- * @param param 属性的部分数据
- * @returns 属性的全部数据
+/**
+ * 获取当前属性的全部数据
+ * @param param 属性的部分数据
+ * @returns 属性的全部数据
  */
 export var getValue = function getValue(param, eventGroupList, eventEnvList, userPropList) {
   var res = undefined;

package/dist/esm/modules/home/index.js

@@ -107,6 +107,9 @@ var ModuleInterval = function ModuleInterval(props) {
   useEffect(function () {
     if (props.onChange) props.onChange(searchData);
   }, [searchData]);
+  var onShowChange = function onShowChange(data) {
+    setShowList(data);
+  };
   if (loading || useBizStoreLoading) {
     return /*#__PURE__*/React.createElement("div", {
       className: classPrefix
@@ -122,10 +125,12 @@ var ModuleInterval = function ModuleInterval(props) {
       target: {
         id: elementId,
         name: title,
-        params: _objectSpread({
+        params: _objectSpread(_objectSpread({
           app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
           module: 'interval'
-        }, searchData)
+        }, searchData), {}, {
+          showList: showList
+        })
       }
     } : undefined,
     disabled: props === null || props === void 0 ? void 0 : props.panelDisabled,
@@ -161,6 +166,7 @@ var ModuleInterval = function ModuleInterval(props) {
     onUserDrill: props.onUserDrill,
     onJumpWarning: props.onJumpWarning,
     onChange: setSearchData,
+    onShowChange: onShowChange,
     initSearch: initSearch
   })));
 };

package/dist/esm/modules/home/types.d.ts

@@ -54,7 +54,10 @@ export declare namespace IntervalProps {
         /**
          * 展示列表
          */
-        chosen_data?: string[];
+        chosen_data?: {
+            label: string;
+            value: number;
+        }[];
         /**
          * 其他属性
          */