@zgfe/modules-event 1.0.7 → 1.0.29-zhongyuan.10

package/es/modules/content/index.js

@@ -12,56 +12,69 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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),
+    eventId = _useState8[0],
+    setEventId = _useState8[1];
+  var _useState9 = useState(true),
     _useState10 = _slicedToArray(_useState9, 2),
-    eventId = _useState10[0],
-    setEventId = _useState10[1];
+    first = _useState10[0],
+    setFirst = _useState10[1];
   var _useContext3 = useContext(BizTargetFromPanelContext),
     handleSearch = _useContext3.handleSearch;
-  var collapseRef = useRef();
+  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'),
     _useState12 = _slicedToArray(_useState11, 2),
@@ -71,17 +84,13 @@ var EventContent = function EventContent(props) {
     _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({
+  var _useState15 = 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];
+    _useState16 = _slicedToArray(_useState15, 2),
+    dimension = _useState16[0],
+    setDimension = _useState16[1];
   useEffect(function () {
     if (timer) clearTimeout(timer);
     var flag = true;
@@ -120,48 +129,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 +211,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 +255,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 +268,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 +288,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;

package/es/modules/content/styles/index.less

@@ -1,7 +1,19 @@
-.event-content {
-  &-options {
-    display: flex;
-    justify-content: flex-end;
-    margin-bottom: 16px;
-  }
-}
+.event-content-topBar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  > span {
+    color: #021429;
+    font-size: 16px;
+  }
+  .modules-event-topbar {
+    padding-right: 0;
+  }
+}
+.event-content {
+  &-options {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 16px;
+  }
+}

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

@@ -7,7 +7,7 @@ export declare const judgeIsCity: (name: string | undefined) => boolean;
 export declare const judgeIsArea: (name: string | undefined) => boolean;
 export declare const getValue: (param: bizAttributeSelectorValueProp, eventGroupList: EventGroup[] | undefined, eventEnvList: EnvProp[] | undefined, userPropList: UserProp[] | undefined) => AttributeSelect.Value | undefined;
 export declare const getNumberPanelData: (data: any) => Promise<unknown>;
-export declare const normalOptions: {
+export declare const normalOptions: (type: any) => {
     label: string;
     value: string;
 }[];

package/es/modules/content/utils.js

@@ -8,8 +8,9 @@ import { ajax } from '@zgfe/business-lib';
 import { Apis } from '../../constants';
 import _ from 'lodash';
 export var getMapChartData = function getMapChartData(data) {
+  var _data$series;
   var _data = _.cloneDeep(data);
-  _data.series.map(function (item) {
+  _data === null || _data === void 0 ? void 0 : (_data$series = _data.series) === null || _data$series === void 0 ? void 0 : _data$series.map(function (item) {
     if (item.names.length > 1) {
       if (item.names[1] === '新疆维吾尔自治区') {
         item.names = [item.names[0], '新疆'];
@@ -48,22 +49,21 @@ export var judgeIsArea = function judgeIsArea(name) {
 };
 export var getValue = function getValue(param, eventGroupList, eventEnvList, userPropList) {
   var res = undefined;
-  var key = "".concat(param.propCategory, "-").concat(param.value);
   if ((param === null || param === void 0 ? void 0 : param.propCategory) === 'envProp') {
     eventEnvList === null || eventEnvList === void 0 ? void 0 : eventEnvList.forEach(function (attr) {
-      if (attr.key === key) res = attr;
+      if (attr.id === param.id && attr.name === param.value) res = attr;
     });
   } else if ((param === null || param === void 0 ? void 0 : param.propCategory) === 'eventProp') {
     eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
       group.eventList.forEach(function (event) {
         event.attrList.forEach(function (attr) {
-          if (attr.key === key) res = attr;
+          if (attr.id === param.id) res = attr;
         });
       });
     });
   } else if ((param === null || param === void 0 ? void 0 : param.propCategory) === 'userProp') {
     userPropList === null || userPropList === void 0 ? void 0 : userPropList.forEach(function (attr) {
-      if (attr.key === key) res = attr;
+      if (attr.id === param.id && attr.category === param.category && attr.name === param.value) res = attr;
     });
   }
   return res;
@@ -80,21 +80,23 @@ export var getNumberPanelData = function getNumberPanelData(data) {
     });
   });
 };
-export var normalOptions = [{
-  label: '人数',
-  value: 'number'
-}, {
-  label: '次数',
-  value: 'times'
-}, {
-  label: '活跃比',
-  value: 'active_ratio'
-}, {
-  label: '人均次数',
-  value: 'per'
-}];
+export var normalOptions = function normalOptions(type) {
+  return [{
+    label: "".concat(type != 'user' ? '主体数' : '人数'),
+    value: 'number'
+  }, {
+    label: '次数',
+    value: 'times'
+  }, {
+    label: '活跃比',
+    value: 'active_ratio'
+  }, {
+    label: "".concat(type != 'user' ? '主体平均次数' : '人均次数'),
+    value: 'per'
+  }];
+};
 export var normalEventOptions = [{
-  label: '主体数',
+  label: '口径数',
   value: 'number'
 }, {
   label: '次数',

package/es/modules/home/demo/edit.js

@@ -14,21 +14,20 @@ var defaultValue = {
   id: 249641,
   name: '事件',
   data: {
-    app_id: 502391,
+    app_id: 503302,
     module: 'event',
-    appId: 502391,
-    platform: 0,
     userGroup: [0],
     time: {
-      begin: '2023-12-12',
-      end: '2024-01-11',
+      begin: '2024-08-04',
+      end: '2024-09-03',
       relative: [30, 0],
       unit: 'day'
     },
     chartType: 'line',
-    analysisIndex: 'number'
+    analysisIndex: 'number',
+    appId: 503302
   },
-  chosen_data: ['订单支付页-支付订单', '订单详情页-查看订单', '收入']
+  chosen_data: ['崩溃']
 };
 export default (function () {
   var _useState = useState(false),

package/es/modules/home/demo/index.js

@@ -39,7 +39,7 @@ export default (function () {
   };
   return /*#__PURE__*/React.createElement(DemoWrapper, {
     needMeta: true,
-    defaultApp: 461
+    defaultApp: 616
   }, isDetail ? /*#__PURE__*/React.createElement("div", null, JSON.stringify(detailParams), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       return setIsDetail(false);

package/es/modules/home/demo/styles/index.less

@@ -1,33 +1,33 @@
-/*滚动条凹槽的颜色，还可以设置边框属性 */
-::-webkit-scrollbar-track-piece {
-  background-color: #fff;
-  -webkit-border-radius: 10px;
-  -moz-border-radius: 10px;
-  border-radius: 10px;
-}
-
-/*滚动条的宽度*/
-::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-
-/*滚动条的设置*/
-::-webkit-scrollbar-thumb {
-  background-color: #cacdd4;
-  background-clip: padding-box;
-  border: 2px solid #fff;
-  -webkit-border-radius: 10px;
-  -moz-border-radius: 10px;
-  border-radius: 10px;
-}
-
-/*滚动条鼠标移上去*/
-::-webkit-scrollbar-thumb:hover {
-  // background-color: #bbb;
-}
-
-::-webkit-scrollbar-track-piece {
-  width: 6px;
-  height: 6px;
-}
+/*滚动条凹槽的颜色，还可以设置边框属性 */
+::-webkit-scrollbar-track-piece {
+  background-color: #fff;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+}
+
+/*滚动条的宽度*/
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+/*滚动条的设置*/
+::-webkit-scrollbar-thumb {
+  background-color: #cacdd4;
+  background-clip: padding-box;
+  border: 2px solid #fff;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+}
+
+/*滚动条鼠标移上去*/
+::-webkit-scrollbar-thumb:hover {
+  // background-color: #bbb;
+}
+
+::-webkit-scrollbar-track-piece {
+  width: 6px;
+  height: 6px;
+}

package/es/modules/home/index.js

@@ -10,7 +10,7 @@ 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, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useEffect, useState, useRef } from 'react';
 import { Spin } from 'antd';
 import { BizGlobalDataContext, BizTargetFromPanel } from '@zgfe/business-lib';
 import './styles/index.less';
@@ -26,11 +26,16 @@ var ModuleEvent = function ModuleEvent(props) {
     eventGroupList = _useContext.eventGroupList,
     eventEnvList = _useContext.eventEnvList,
     userPropList = _useContext.userPropList,
-    userGroupList = _useContext.userGroupList;
+    userGroupList = _useContext.userGroupList,
+    useBizStoreLoading = _useContext.useBizStoreLoading;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     searchData = _useState2[0],
     setSearchData = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    completedSearchData = _useState4[0],
+    setCompletedSearchData = _useState4[1];
   var onChangeUrlParam = function onChangeUrlParam(data) {
     clearTimeout(onChangeTimer);
     onChangeTimer = setTimeout(function () {
@@ -39,39 +44,39 @@ var ModuleEvent = function ModuleEvent(props) {
       });
     }, 500);
   };
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectEventData = _useState4[0],
-    setSelectEventData = _useState4[1];
   var _useState5 = useState(true),
     _useState6 = _slicedToArray(_useState5, 2),
     loading = _useState6[0],
     setLoading = _useState6[1];
-  var _useState7 = useState(true),
+  var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    pageLoading = _useState8[0],
-    setPageLoading = _useState8[1];
-  var _useState9 = useState(),
+    refreshLoading = _useState8[0],
+    setRefreshLoading = _useState8[1];
+  var _useState9 = useState(true),
     _useState10 = _slicedToArray(_useState9, 2),
-    title = _useState10[0],
-    setTitle = _useState10[1];
+    pageLoading = _useState10[0],
+    setPageLoading = _useState10[1];
   var _useState11 = useState(),
     _useState12 = _slicedToArray(_useState11, 2),
-    panelId = _useState12[0],
-    setPanelId = _useState12[1];
+    title = _useState12[0],
+    setTitle = _useState12[1];
   var _useState13 = useState(),
     _useState14 = _slicedToArray(_useState13, 2),
-    elementId = _useState14[0],
-    setElementId = _useState14[1];
+    panelId = _useState14[0],
+    setPanelId = _useState14[1];
   var _useState15 = useState(),
     _useState16 = _slicedToArray(_useState15, 2),
-    showList = _useState16[0],
-    setShowList = _useState16[1];
+    elementId = _useState16[0],
+    setElementId = _useState16[1];
+  var _useState17 = useState(),
+    _useState18 = _slicedToArray(_useState17, 2),
+    showListHome = _useState18[0],
+    setShowListHome = _useState18[1];
   useEffect(function () {
     setPageLoading(true);
     if (props.defaultValue) {
       var _props$defaultValue;
-      setShowList(props.defaultValue.chosen_data);
+      setShowListHome(props.defaultValue.chosen_data);
       setPanelId(props.defaultValue.panelId);
       setTitle(props.defaultValue.name);
       if ((_props$defaultValue = props.defaultValue) === null || _props$defaultValue === void 0 ? void 0 : _props$defaultValue.id) {
@@ -95,23 +100,33 @@ var ModuleEvent = function ModuleEvent(props) {
       chartType: 'line'
     });
   };
+  var eventContentRef = useRef();
   var onSelectEvent = function onSelectEvent(id, name) {
     if ((searchData === null || searchData === void 0 ? void 0 : searchData.id) === undefined) {
-      setSelectEventData({
+      var _eventContentRef$curr;
+      setSearchData({
+        id: id,
+        name: name,
         analysisIndex: searchData === null || searchData === void 0 ? void 0 : searchData.analysisIndex,
         chartType: searchData === null || searchData === void 0 ? void 0 : searchData.chartType,
         time: searchData === null || searchData === void 0 ? void 0 : searchData.time,
-        userGroup: searchData === null || searchData === void 0 ? void 0 : searchData.userGroup,
-        id: id,
-        name: name
+        userGroup: searchData === null || searchData === void 0 ? void 0 : searchData.userGroup
+      });
+      eventContentRef === null || eventContentRef === void 0 ? void 0 : (_eventContentRef$curr = eventContentRef.current) === null || _eventContentRef$curr === void 0 ? void 0 : _eventContentRef$curr.onFormSetFieldsValue({
+        filterConditions: {
+          id: id,
+          name: name
+        },
+        userGroup: searchData === null || searchData === void 0 ? void 0 : searchData.userGroup
       });
     }
   };
-  if (pageLoading) {
+  if (pageLoading || useBizStoreLoading) {
     return /*#__PURE__*/React.createElement(Spin, null);
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: classPrefix
+  return /*#__PURE__*/React.createElement(Spin, {
+    spinning: false,
+    wrapperClassName: classPrefix
   }, /*#__PURE__*/React.createElement(BizTargetFromPanel, {
     value: panelId ? {
       panelId: panelId,
@@ -122,18 +137,21 @@ var ModuleEvent = function ModuleEvent(props) {
           app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
           module: 'event'
         }, searchData),
-        showList: showList
+        showList: showListHome
       }
     } : undefined,
     disabled: props === null || props === void 0 ? void 0 : props.panelDisabled,
     styleOptions: chartTypes,
     afterEditTarget: props.afterEditTarget
-  }), !panelId && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-header-title")
-  }, "\u4E8B\u4EF6\u5206\u6790"), /*#__PURE__*/React.createElement(EventContext.Provider, {
+  }, /*#__PURE__*/React.createElement(EventContext.Provider, {
     value: {
+      refreshLoading: refreshLoading,
+      setRefreshLoading: setRefreshLoading,
+      currentApp: currentApp,
       loading: loading,
       setLoading: setLoading,
+      showListHome: showListHome,
+      setShowListHome: setShowListHome,
       panelId: panelId,
       elementId: elementId,
       eventGroupList: eventGroupList,
@@ -141,8 +159,9 @@ var ModuleEvent = function ModuleEvent(props) {
       userPropList: userPropList,
       searchData: searchData,
       setSearchData: setSearchData,
+      completedSearchData: completedSearchData,
+      setCompletedSearchData: setCompletedSearchData,
       onChangeUrlParam: onChangeUrlParam,
-      selectEventData: selectEventData,
       onSelectEvent: onSelectEvent,
       panelName: title,
       includeToday: props.includeToday,
@@ -154,11 +173,10 @@ var ModuleEvent = function ModuleEvent(props) {
     }
   }, /*#__PURE__*/React.createElement(EventContent, {
     elementId: elementId,
+    ref: eventContentRef,
     value: searchData,
-    show: showList,
-    initSearch: initSearch,
-    onChangeShow: setShowList
-  })));
+    initSearch: initSearch
+  }))));
 };
 ModuleEvent.defaultProps = {
   includeToday: true