@zgfe/modules-event 1.0.6 → 1.0.29-zhongyuan-event.1

package/es/modules/chart/index.js

@@ -1,51 +1,55 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-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; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { Tooltip, Empty } from 'antd';
-import { BizChart, BizGlobalDataContext, ajax, BizLoading } from '@zgfe/business-lib';
+import { BizChart, BizGlobalDataContext, ajax, BizLoading, BizEmpty } from '@zgfe/business-lib';
 import { EventTable } from '../../components';
 import { judgeIsCity } from '../content/utils';
 import { getValue, getMapChartData } from '../../modules/content/utils';
-import { getDefaultShow, getShowColor, getUserGroupsCompareData, getSortData, getChartDataEventAliasName } from '../../utils/formData';
+import { getShowColor, getUserGroupsCompareData, getSortData, getChartDataEventAliasName, formTableData, sortOriginalData } from '../../utils/formData';
 import _ from 'lodash';
 import moment from 'moment';
 import { Apis, chartColors } from '../../constants';
 var classPrefix = 'event-mi-table';
 var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var params = props.params;
-  var _useState = useState(false),
+  var _useState = useState(props === null || props === void 0 ? void 0 : props.completedSearchData),
     _useState2 = _slicedToArray(_useState, 2),
-    isCity = _useState2[0],
-    setIsCity = _useState2[1];
-  var _useState3 = useState(props.type || 'line'),
+    completedSearchData = _useState2[0],
+    setCompletedSearchData = _useState2[1];
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    chartType = _useState4[0],
-    setChartType = _useState4[1];
-  var _useState5 = useState(props.showList || []),
+    isCity = _useState4[0],
+    setIsCity = _useState4[1];
+  var _useState5 = useState(props.type || 'line'),
     _useState6 = _slicedToArray(_useState5, 2),
-    showList = _useState6[0],
-    setShowList = _useState6[1];
-  var _useState7 = useState(props.dataSource),
+    chartType = _useState6[0],
+    setChartType = _useState6[1];
+  var _useState7 = useState(props.showList || []),
     _useState8 = _slicedToArray(_useState7, 2),
-    dataSource = _useState8[0],
-    setDataSource = _useState8[1];
+    showList = _useState8[0],
+    setShowList = _useState8[1];
+  var _useState9 = useState(props.dataSource),
+    _useState0 = _slicedToArray(_useState9, 2),
+    dataSource = _useState0[0],
+    setDataSource = _useState0[1];
   var _useContext = useContext(BizGlobalDataContext),
-    currentApp = _useContext.currentApp,
     eventGroupList = _useContext.eventGroupList,
     eventEnvList = _useContext.eventEnvList,
-    userPropList = _useContext.userPropList;
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
+    userPropList = _useContext.userPropList,
+    currentApp = _useContext.currentApp;
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
     loading = _useState10[0],
     setLoading = _useState10[1];
   var showColors = useMemo(function () {
@@ -58,31 +62,46 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, [params]);
   useEffect(function () {
+    if (!dataSource || !dataSource.series.length) return;
     if (!props.showList || !props.showList.length) {
-      setShowList(dataSource ? getDefaultShow(dataSource) : []);
+      var _dataSource$series$;
+      var gLen = (params === null || params === void 0 ? void 0 : params.dimension) ? 1 : 0;
+      var _data = formTableData(dataSource, (params === null || params === void 0 ? void 0 : params.userGroup) || [0], gLen);
+      var _sortData = sortOriginalData(_data, {
+        columnKey: "field".concat(((_dataSource$series$ = dataSource.series[0]) === null || _dataSource$series$ === void 0 ? void 0 : _dataSource$series$.values.length) - 1),
+        order: 'descend'
+      });
+      var _showlist = [];
+      _sortData.forEach(function (item, index) {
+        if (index < 10) {
+          _showlist.push(item.nameGroup);
+        }
+      });
+      setShowList(_showlist);
+      props.onChangeShow && props.onChangeShow(_showlist);
     } else {
       setShowList(props.showList);
     }
-  }, [props.showList, props.type, dataSource]);
+  }, [dataSource, props.showList]);
   useEffect(function () {
-    var _params$chartType;
-    if (!params) return;
-    var chartData = ((_params$chartType = params.chartType) === null || _params$chartType === void 0 ? void 0 : _params$chartType.split(',')) || ['line'];
+    var _completedSearchData$;
+    if (!completedSearchData) return;
+    var chartData = ((_completedSearchData$ = completedSearchData.chartType) === null || _completedSearchData$ === void 0 ? void 0 : _completedSearchData$.split(',')) || ['line'];
     var type = chartData[0];
     if (!props.dataSource) {
       type = (chartData === null || chartData === void 0 ? void 0 : chartData.length) > 1 ? chartData[chartData.length - 1] : chartData[0];
     }
     setChartType(props.type || type);
-    if (params.id) {
-      var dimensions = params.dimension;
+    if (completedSearchData.id) {
+      var dimensions = completedSearchData.dimension;
       if (type === 'map' && dimensions) {
         var _getValue;
         setIsCity(judgeIsCity((_getValue = getValue(dimensions, eventGroupList, eventEnvList, userPropList)) === null || _getValue === void 0 ? void 0 : _getValue.name));
       }
     }
-  }, [params, props.type]);
+  }, [completedSearchData, props.type]);
   var fetchResult = function fetchResult() {
-    var _params$chartType2;
+    var _params$chartType, _params$chartType2;
     setLoading(true);
     ajax(Apis.dataList, {
       method: 'post',
@@ -90,9 +109,11 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
         appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
         platform: (params === null || params === void 0 ? void 0 : params.platform) || 0
       }, params), {}, {
-        chartType: (params === null || params === void 0 ? void 0 : (_params$chartType2 = params.chartType) === null || _params$chartType2 === void 0 ? void 0 : _params$chartType2.indexOf(',')) === -1 ? params === null || params === void 0 ? void 0 : params.chartType : 'grid'
+        chartType: (params === null || params === void 0 ? void 0 : (_params$chartType = params.chartType) === null || _params$chartType === void 0 ? void 0 : _params$chartType.indexOf(',')) === -1 ? params === null || params === void 0 ? void 0 : params.chartType : params === null || params === void 0 ? void 0 : (_params$chartType2 = params.chartType) === null || _params$chartType2 === void 0 ? void 0 : _params$chartType2.split(',')[0]
       })
     }).then(function (res) {
+      var _params$userGroup;
+      setCompletedSearchData(params);
       if (!res) {
         setLoading(false);
         return;
@@ -101,7 +122,7 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (['bar', 'pie', 'map'].indexOf(params.chartType) !== -1) {
         _data = getSortData(_data);
       }
-      if (params.userGroup.length > 1) {
+      if ((params === null || params === void 0 ? void 0 : params.userGroup) && (params === null || params === void 0 ? void 0 : (_params$userGroup = params.userGroup) === null || _params$userGroup === void 0 ? void 0 : _params$userGroup.length) > 1) {
         setDataSource(getUserGroupsCompareData(_data));
       } else {
         setDataSource(_data);
@@ -117,16 +138,37 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } else {
       list.splice(index, 1);
     }
+    setShowList(list);
     if (props.onChangeShow) props.onChangeShow(list);
   };
-  var onChangeShow = function onChangeShow(names) {
-    if (props.onChangeShow) props.onChangeShow(names);
-  };
   if (loading) {
     return /*#__PURE__*/React.createElement(BizLoading, {
       className: "".concat(classPrefix, "-loading")
     });
   }
+  if (dataSource && dataSource.delEvent) {
+    if (!props.isHideDel) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: 'flex',
+          minHeight: 345,
+          justifyContent: 'center',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement(BizEmpty, {
+        imageStyle: {
+          height: 58
+        },
+        description: /*#__PURE__*/React.createElement("span", {
+          style: {
+            color: '#9AA1A9'
+          }
+        }, "\u4E8B\u4EF6\u5DF2\u88AB\u5220\u9664\u65E0\u6CD5\u67E5\u770B\uFF0C\u8BF7\u91CD\u65B0\u8BBE\u7F6E")
+      }));
+    } else {
+      return null;
+    }
+  }
   if (!dataSource || !dataSource.xAxis.length || !dataSource.series.length) {
     return /*#__PURE__*/React.createElement(Empty, {
       image: Empty.PRESENTED_IMAGE_SIMPLE,
@@ -139,6 +181,39 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
       title: '当前图表数据实时更新，约每分钟更新一次'
     }, /*#__PURE__*/React.createElement("div", null, "\u6570\u636E\u66F4\u65B0\u65F6\u95F4\uFF1A", moment().format('YYYY-MM-DD HH:mm')));
   };
+  var tooltipFormatter = function tooltipFormatter(data) {
+    var xLabel = '';
+    var params = data[0] ? data : [data];
+    var array = params[0].name.split('|');
+    if (array.length > 1) {
+      xLabel = moment(array[0]).format('MM-DD') + '~' + moment(array[1]).format('MM-DD');
+    } else {
+      var _props$params, _props$params$time, _props$params2, _props$params2$time;
+      if ((props === null || props === void 0 ? void 0 : (_props$params = props.params) === null || _props$params === void 0 ? void 0 : (_props$params$time = _props$params.time) === null || _props$params$time === void 0 ? void 0 : _props$params$time.unit) == 'hour') {
+        xLabel = moment(array[0]).isValid() ? moment(array[0]).format('MM-DD HH') : array[0];
+      } else if ((props === null || props === void 0 ? void 0 : (_props$params2 = props.params) === null || _props$params2 === void 0 ? void 0 : (_props$params2$time = _props$params2.time) === null || _props$params2$time === void 0 ? void 0 : _props$params2$time.unit) == 'minute') {
+        xLabel = moment(array[0]).isValid() ? moment(array[0]).format('MM-DD HH:mm') : array[0];
+      } else xLabel = moment(array[0]).isValid() ? moment(array[0]).format('MM-DD') : array[0];
+    }
+    var series = [];
+    var seriesMap = {};
+    params.forEach(function (item) {
+      if (item.value === null || item.value === undefined || seriesMap[item.seriesName] !== null && seriesMap[item.seriesName] !== undefined) return;
+      seriesMap[item.seriesName] = item.value;
+      var value = item.value;
+      var seriesName = item.seriesName || item.axisValueLabel;
+      seriesName = [seriesName].join('<br/>');
+      series.push({
+        text: "<div class='biz-chart-tooltip-item'>\n                      <div class='biz-chart-tooltip-content'>\n                        <span class=\"biz-tooltip-marker\" style=\"background:".concat(item.color, "\"></span>\n                        <div class=\"biz-tooltip-name\">").concat(seriesName, "</div>\n                      </div> \n                      <div class='biz-chart-tooltip-value'>\n                      ").concat(value, "\n                      </div>\n                    </div>"),
+        value: value
+      });
+    });
+    return "<div class='biz-chart-tooltip-title'>".concat(xLabel, "</div>").concat(series.sort(function (a, b) {
+      return parseInt(b.value) - parseInt(a.value);
+    }).map(function (item) {
+      return item.text;
+    }).join(''));
+  };
   switch (chartType) {
     case 'line':
     case 'bar':
@@ -156,7 +231,8 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
         colors: showColors,
         xRotate: chartType === 'bar' && dataSource.series.length > 5 ? 40 : 0,
         reverseXAxis: chartType === 'bar',
-        isCity: isCity
+        isCity: isCity,
+        tooltipFormatter: tooltipFormatter
       }));
     case 'grid':
       return /*#__PURE__*/React.createElement(EventTable, {
@@ -164,7 +240,6 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
         sourcePanel: !props.dataSource,
         searchData: params,
         showList: showList,
-        changeShow: onChangeShow,
         changeShowByName: onChangeShowByName,
         onSelectEvent: props === null || props === void 0 ? void 0 : props.onSelectEvent
       });

package/es/modules/chart/types.d.ts

@@ -3,14 +3,17 @@ import { SearchValue } from '../../types';
 export declare namespace eventChartProps {
     interface ChartTypesProps extends ChartTypes.Value {
         xAxis: [];
+        delEvent?: number;
     }
     interface Props {
         dataSource?: ChartTypesProps;
         params?: SearchValue;
+        completedSearchData?: SearchValue;
         type?: string;
         showList?: string[];
         showColors?: string[];
         onChangeShow?: (data: string[]) => void;
         onSelectEvent?: (id: number, name: string) => void;
+        isHideDel?: boolean;
     }
 }

package/es/modules/content/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { EventContentProps } from './types';
 import './styles/index.less';
-declare const EventContent: React.FC<EventContentProps.Props>;
+declare const EventContent: React.ForwardRefExoticComponent<EventContentProps.Props & React.RefAttributes<any>>;
 export default EventContent;

package/es/modules/content/index.js

@@ -1,87 +1,97 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-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; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { ajax, BizGlobalDataContext, BizLayout, BizTargetFromPanelContext } from '@zgfe/business-lib';
 import { message } from 'antd';
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import React, { useContext, useEffect, useRef, useState, useImperativeHandle } from 'react';
 import Request from 'umi-request';
 import TopBar from '../../components/topBar';
 import { EventContext } from '../../types';
 import './styles/index.less';
 import { Apis } from '../../constants';
 import { ContentPanel, SearchPanel } from '../../components';
-import { getDefaultShow, getUserGroupsCompareData, getSortData, getChartDataEventAliasName } from '../../utils/formData';
+import { getUserGroupsCompareData, getSortData, getChartDataEventAliasName, sortOriginalData, formTableData } from '../../utils/formData';
 import TopPanel from '../topPanel';
 var timer = 0;
 var ajaxFlag = true;
+var refresh = false;
 var CancelToken = Request.CancelToken;
 var cancel;
 var classPrefix = 'event-content';
-var EventContent = function EventContent(props) {
-  var _props$value, _props$value2;
+var EventContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$value, _props$value2, _topPanelRef$current4;
   var _useContext = useContext(BizGlobalDataContext),
-    currentApp = _useContext.currentApp,
     authority = _useContext.authority;
   var _useContext2 = useContext(EventContext),
+    currentApp = _useContext2.currentApp,
     searchData = _useContext2.searchData,
     setSearchData = _useContext2.setSearchData,
     eventGroupList = _useContext2.eventGroupList,
     loading = _useContext2.loading,
     setLoading = _useContext2.setLoading,
     afterEditTarget = _useContext2.afterEditTarget,
-    onChangeUrlParam = _useContext2.onChangeUrlParam;
+    onChangeUrlParam = _useContext2.onChangeUrlParam,
+    panelId = _useContext2.panelId,
+    setShowListHome = _useContext2.setShowListHome,
+    setRefreshLoading = _useContext2.setRefreshLoading,
+    setCompletedSearchData = _useContext2.setCompletedSearchData;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     eventData = _useState2[0],
     setEventData = _useState2[1];
-  var _useState3 = useState(props.show || []),
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    showList = _useState4[0],
-    setShowList = _useState4[1];
+    enableSelectChart = _useState4[0],
+    setEnableSelectChart = _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    enableSelectChart = _useState6[0],
-    setEnableSelectChart = _useState6[1];
-  var _useState7 = useState(false),
+    isCity = _useState6[0],
+    setIsCity = _useState6[1];
+  var _useState7 = useState(props.value.id),
     _useState8 = _slicedToArray(_useState7, 2),
-    isCity = _useState8[0],
-    setIsCity = _useState8[1];
-  var _useState9 = useState(props.value.id),
-    _useState10 = _slicedToArray(_useState9, 2),
-    eventId = _useState10[0],
-    setEventId = _useState10[1];
+    eventId = _useState8[0],
+    setEventId = _useState8[1];
+  var _useState9 = useState(true),
+    _useState0 = _slicedToArray(_useState9, 2),
+    first = _useState0[0],
+    setFirst = _useState0[1];
   var _useContext3 = useContext(BizTargetFromPanelContext),
-    handleSearch = _useContext3.handleSearch;
-  var collapseRef = useRef();
+    handleSearch = _useContext3.handleSearch,
+    disabled = _useContext3.disabled;
+  var topPanelRef = useRef();
+  useImperativeHandle(ref, function () {
+    return {
+      onFormSetFieldsValue: function onFormSetFieldsValue(data) {
+        var _topPanelRef$current;
+        topPanelRef === null || topPanelRef === void 0 ? void 0 : (_topPanelRef$current = topPanelRef.current) === null || _topPanelRef$current === void 0 ? void 0 : _topPanelRef$current.onFormSetFieldsValue(data);
+      }
+    };
+  });
   var chartRef = useRef();
-  var _useState11 = useState('user'),
+  var _useState1 = useState('user'),
+    _useState10 = _slicedToArray(_useState1, 2),
+    analysisSubjectType = _useState10[0],
+    setAnalysisSubjectType = _useState10[1];
+  var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    analysisSubjectType = _useState12[0],
-    setAnalysisSubjectType = _useState12[1];
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    subDisplay = _useState14[0],
-    setSubDisplay = _useState14[1];
-  var _useState15 = useState(true),
-    _useState16 = _slicedToArray(_useState15, 2),
-    isFirst = _useState16[0],
-    setIsFirst = _useState16[1];
-  var _useState17 = useState({
+    subDisplay = _useState12[0],
+    setSubDisplay = _useState12[1];
+  var _useState13 = useState({
       analysisIndex: ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.analysisIndex) || 'number',
       analysisAttr: (_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.analysisAttr
     }),
-    _useState18 = _slicedToArray(_useState17, 2),
-    dimension = _useState18[0],
-    setDimension = _useState18[1];
+    _useState14 = _slicedToArray(_useState13, 2),
+    dimension = _useState14[0],
+    setDimension = _useState14[1];
   useEffect(function () {
     if (timer) clearTimeout(timer);
     var flag = true;
@@ -96,6 +106,7 @@ var EventContent = function EventContent(props) {
     };
   }, [searchData]);
   useEffect(function () {
+    if (disabled) return;
     handleSearch && handleSearch(loading);
   }, [loading]);
   useEffect(function () {
@@ -120,48 +131,81 @@ var EventContent = function EventContent(props) {
     if (flag !== undefined) ajaxFlag = flag;
     if (analysisSubjectType === 'eventProp' && !searchData.analysisSubject) return;
     if (!ajaxFlag) return;
-    setLoading(true);
+    if (!refresh) setLoading(true);
     setEventData(undefined);
     if (typeof cancel === 'function') {
       cancel();
     }
     ajax(Apis.dataList, {
       method: 'post',
-      data: _objectSpread({
+      data: _objectSpread(_objectSpread({
         appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
         platform: (searchData === null || searchData === void 0 ? void 0 : searchData.platform) || 0
-      }, searchData),
+      }, searchData), {}, {
+        refresh: refresh
+      }),
       cancelToken: new CancelToken(function executor(c) {
         cancel = c;
       })
     }).then(function (res) {
-      var _searchData$userGroup, _props$show;
+      var _searchData$userGroup;
+      setCompletedSearchData && setCompletedSearchData(searchData);
+      setRefreshLoading(false);
       if (!res) {
         setLoading(false);
         return;
       }
       var result = res.data;
+      if (!(result === null || result === void 0 ? void 0 : result.series.length)) {
+        setLoading(false);
+        return;
+      }
       var _data = searchData.dimension ? result : getChartDataEventAliasName(result, eventGroupList);
+      var gLen = (searchData === null || searchData === void 0 ? void 0 : searchData.dimension) ? 1 : 0;
+      var dataTemp = formTableData(_data, (searchData === null || searchData === void 0 ? void 0 : searchData.userGroup) || [0], gLen);
+      var _sortData = [];
       if (['bar', 'pie', 'map'].indexOf(searchData.chartType) !== -1) {
         _data = getSortData(_data);
+      } else {
+        var _data2, _data2$series$;
+        _sortData = sortOriginalData(dataTemp, {
+          columnKey: "field".concat(((_data2 = _data) === null || _data2 === void 0 ? void 0 : (_data2$series$ = _data2.series[0]) === null || _data2$series$ === void 0 ? void 0 : _data2$series$.values.length) - 1),
+          order: 'descend'
+        });
       }
       if (searchData && (searchData === null || searchData === void 0 ? void 0 : searchData.userGroup) && (searchData === null || searchData === void 0 ? void 0 : (_searchData$userGroup = searchData.userGroup) === null || _searchData$userGroup === void 0 ? void 0 : _searchData$userGroup.length) > 1) {
         _data = getUserGroupsCompareData(_data);
       }
-      if (isFirst && ((_props$show = props.show) === null || _props$show === void 0 ? void 0 : _props$show.length)) {
-        setIsFirst(false);
+      if (first) {
+        setFirst(false);
       } else {
-        var list = _data ? getDefaultShow(_data) : [];
-        setShowList(list);
-        props.onChangeShow && props.onChangeShow(list);
+        var _showlist = [];
+        _sortData.forEach(function (item, index) {
+          if (index < 10) {
+            _showlist.push(item.nameGroup);
+          }
+        });
+        setShowListHome(_showlist);
       }
       setEventData(_data);
       onChangeUrlParam(searchData);
       setLoading(false);
     });
   };
+  var refreshHandle = function refreshHandle() {
+    refresh = true;
+    setRefreshLoading(true);
+    if (timer) clearTimeout(timer);
+    timer = setTimeout(function () {
+      fetchRequest();
+      refresh = false;
+      clearTimeout(timer);
+    }, 500);
+  };
   var onChangeContent = function onChangeContent(data) {
+    var _topPanelRef$current2;
     ajaxFlag = true;
+    (_topPanelRef$current2 = topPanelRef.current) === null || _topPanelRef$current2 === void 0 ? void 0 : _topPanelRef$current2.submit();
     setSearchData(function (value) {
       return _objectSpread(_objectSpread(_objectSpread({}, value), data), {}, {
         analysisAttr: data.analysisAttr,
@@ -169,12 +213,10 @@ var EventContent = function EventContent(props) {
       });
     });
   };
-  var onChangeShow = function onChangeShow(data) {
-    setShowList(data);
-    props.onChangeShow && props.onChangeShow(data);
-  };
   var platformChange = function platformChange(data) {
+    var _topPanelRef$current3;
     ajaxFlag = true;
+    (_topPanelRef$current3 = topPanelRef.current) === null || _topPanelRef$current3 === void 0 ? void 0 : _topPanelRef$current3.submit();
     setSearchData(function (_searchData) {
       return _objectSpread(_objectSpread({}, _searchData), {}, {
         platform: data
@@ -215,19 +257,12 @@ var EventContent = function EventContent(props) {
     };
     if (afterEditTarget) afterEditTarget('report', params);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TopBar, {
-    eventData: eventData,
-    searchData: searchData,
-    platformChange: platformChange,
-    enableSelectChart: enableSelectChart,
-    showList: showList,
-    onClickGenerateReport: onClickGenerateReport
-  }), /*#__PURE__*/React.createElement(BizLayout, {
-    showTitle: false,
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BizLayout, {
+    showTitle: !panelId,
     hasCollapse: true,
-    collapseRef: collapseRef,
+    collapseRef: topPanelRef === null || topPanelRef === void 0 ? void 0 : (_topPanelRef$current4 = topPanelRef.current) === null || _topPanelRef$current4 === void 0 ? void 0 : _topPanelRef$current4.getCollapseRef(),
     topPanel: /*#__PURE__*/React.createElement(TopPanel, {
-      ref: collapseRef,
+      ref: topPanelRef,
       onChange: onChangeSearch,
       loading: loading,
       value: searchData,
@@ -235,6 +270,13 @@ var EventContent = function EventContent(props) {
       setIsCity: setIsCity,
       setEnableSelectChart: setEnableSelectChart,
       onChangeSubjectType: onChangeSubjectType
+    }),
+    toolbar: /*#__PURE__*/React.createElement(TopBar, {
+      eventData: eventData,
+      searchData: searchData,
+      platformChange: platformChange,
+      enableSelectChart: enableSelectChart,
+      onClickGenerateReport: onClickGenerateReport
     })
   }, /*#__PURE__*/React.createElement("div", {
     className: classPrefix
@@ -248,14 +290,13 @@ var EventContent = function EventContent(props) {
     onChange: onChangeContent,
     dimension: dimension,
     setDimension: setDimension,
-    analysisSubjectType: analysisSubjectType
+    analysisSubjectType: analysisSubjectType,
+    refreshHandle: refreshHandle
   }), /*#__PURE__*/React.createElement(ContentPanel, {
     ref: chartRef,
     isCity: isCity,
     eventData: eventData,
-    searchData: searchData,
-    showList: showList,
-    onChangeShow: onChangeShow
+    searchData: searchData
   }))));
-};
+});
 export default EventContent;