@zgfe/modules-interval 1.0.0-interval.1

package/dist/esm/modules/chart/index.less

@@ -0,0 +1,48 @@
+.custom-tooltip {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  gap: 4px;
+  align-items: flex-start;
+  width: 146px;
+  height: 100%;
+  color: var(--io-n, #021429);
+  font-weight: 500;
+  font-size: 12px;
+  font-style: normal;
+  background: rgba(250, 251, 253, 0.8);
+  border-radius: 10px;
+  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
+  backdrop-filter: blur(2px);
+
+  > div:nth-child(2) {
+    display: flex;
+    flex-direction: column;
+    gap: 7px;
+    width: 100%;
+    height: 100%;
+    padding: 4px 8px;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
+    > div {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+
+    > div:nth-child(1) {
+      justify-content: flex-start;
+    }
+  }
+
+  .tooltip-span {
+    display: block;
+    color: var(--3, #5f6085);
+    font-weight: 400;
+    font-size: 12px;
+    font-family: PingFang SC;
+    font-style: normal;
+    line-height: normal;
+  }
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { eventChartProps } from './types';
+declare const IntervalChart: React.FC<eventChartProps.Props>;
+export default IntervalChart;

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

@@ -0,0 +1,136 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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; }
+import React, { useEffect, useState } from 'react';
+import ReactECharts from 'echarts-for-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";
+var IntervalChart = function IntervalChart(props) {
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    option = _useState2[0],
+    setOption = _useState2[1];
+  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.app_data;
+    var eCharts = {
+      tooltip: {
+        trigger: 'item',
+        axisPointer: {
+          type: 'shadow'
+        }
+      },
+      legend: {
+        bottom: 0,
+        type: 'scroll'
+      },
+      grid: {
+        top: '10',
+        left: '0',
+        right: '0',
+        bottom: '68px',
+        containLabel: true
+      },
+      xAxis: {
+        type: 'category',
+        boundaryGap: true,
+        nameGap: 30,
+        data: seriesData === null || seriesData === void 0 ? void 0 : seriesData.x_axis,
+        splitArea: {
+          show: false
+        },
+        splitLine: {
+          show: false
+        },
+        axisLine: {
+          lineStyle: {
+            color: '#E6E7EA' // 设置线条颜色
+          }
+        },
+
+        axisLabel: {
+          color: '#67727F' // 设置文字颜色
+        }
+      },
+
+      yAxis: {
+        type: 'value',
+        splitLine: {
+          show: true,
+          lineStyle: {
+            type: 'dashed' // 设置线条类型为虚线
+          }
+        },
+
+        axisLabel: {
+          color: '#67727F' // 设置文字颜色
+        }
+      },
+
+      dataZoom: [{
+        type: 'inside',
+        start: 0,
+        end: 20,
+        height: 20 // 设置内置的dataZoom的高度
+      }, {
+        show: true,
+        type: 'slider',
+        bottom: '38px',
+        xAxisIndex: [0],
+        start: 0,
+        end: 20,
+        height: 20 // 设置滑动条的高度
+      }],
+
+      series: seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$series = seriesData.series) === null || _seriesData$series === void 0 ? void 0 : _seriesData$series.map(function (item, i) {
+        var _seriesData$series$i, _seriesData$series$i2;
+        // 生成随机颜色
+        var color = i < chartColors.length ? chartColors[i] : getRandomColor();
+        return {
+          type: 'boxplot',
+          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;',
+            // 添加自定义的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;
+            }
+          },
+          emphasis: {
+            itemStyle: {
+              borderColor: color // 设置盒子的颜色
+            }
+          },
+
+          itemStyle: {
+            borderColor: color
+          }
+        };
+      })
+    };
+    setOption(eCharts);
+  }, [props === null || props === void 0 ? void 0 : props.showList]);
+  return /*#__PURE__*/React.createElement(ReactECharts, {
+    style: {
+      height: '431px',
+      padding: 24
+    },
+    option: option,
+    echarts: echarts
+  });
+};
+export default IntervalChart;

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

@@ -0,0 +1,37 @@
+import { ChartTypes } from '@zgfe/business-lib/es/chart/types';
+import { SearchValue } from '../../types';
+import { DisplaySetup } from '../../components/searchPanel/types';
+export declare namespace eventChartProps {
+    interface ChartTypesProps extends ChartTypes.Value {
+        app_data: any;
+        xAxis: [];
+        x_axis: [];
+    }
+    interface Props {
+        /**
+         * 图表数据
+         */
+        dataSource?: ChartTypesProps;
+        dataSourceList?: DisplaySetup[];
+        /**
+         * 查询条件
+         */
+        params?: SearchValue;
+        /**
+         * 展示图标类型，不从查询条件中取
+         */
+        type?: string;
+        /**
+         * 展示列表
+         */
+        showList?: ChartTypesProps;
+        /**
+         * 图标颜色
+         */
+        showColors?: string[];
+        /**
+         * 改变显示内容
+         */
+        onChangeShow?: (data: string[]) => void;
+    }
+}

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

@@ -0,0 +1,2 @@
+export var eventChartProps;
+(function (_eventChartProps) {})(eventChartProps || (eventChartProps = {}));

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

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

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

@@ -0,0 +1,272 @@
+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 _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; }
+import { ajax, BizGlobalDataContext, BizLayout, BizTargetFromPanelContext } from '@zgfe/business-lib';
+import React, { useContext, useEffect, useRef, useState } 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 { judgeIsCity, judgeIsArea, getValue } from "./utils";
+import { ContentPanel, SearchPanel } from "../../components";
+import TopPanel from "../topPanel";
+import { message } from 'antd';
+var timer = 0;
+var ajaxFlag = true;
+var CancelToken = Request.CancelToken;
+var cancel;
+var classPrefix = 'event-content';
+var EventContent = function EventContent(props) {
+  // console.log('EventContent', props);
+  // 最后的查询数据（防止图表在还没查询时就改变了类型）
+  var _useState = useState(props.value),
+    _useState2 = _slicedToArray(_useState, 2),
+    finalSearchData = _useState2[0],
+    setFinalSearchData = _useState2[1];
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp;
+  // 查询的结果数据
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    eventData = _useState4[0],
+    setEventData = _useState4[1];
+  var _useState5 = useState(props.show || []),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showList = _useState6[0],
+    setShowList = _useState6[1];
+  var _useState7 = useState(true),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  // 地图是否可选
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    enableSelectChart = _useState10[0],
+    setEnableSelectChart = _useState10[1];
+  // 是否是城市
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isCity = _useState12[0],
+    setIsCity = _useState12[1];
+  var _useState13 = useState(-1),
+    _useState14 = _slicedToArray(_useState13, 2),
+    eventId = _useState14[0],
+    setEventId = _useState14[1];
+  var _useContext2 = useContext(EventContext),
+    searchData = _useContext2.searchData,
+    setSearchData = _useContext2.setSearchData,
+    eventGroupList = _useContext2.eventGroupList,
+    eventEnvList = _useContext2.eventEnvList,
+    userPropList = _useContext2.userPropList;
+  var _useContext3 = useContext(BizTargetFromPanelContext),
+    handleSearch = _useContext3.handleSearch;
+  var collapseRef = useRef();
+  // 初始化
+  useEffect(function () {
+    if (props.defaultValue) {
+      setEventId(props.defaultValue.id);
+    }
+  }, [props.defaultValue]);
+  useEffect(function () {
+    if (searchData && searchData.dimension) {
+      var _getValue;
+      var _attrName = (_getValue = getValue(searchData.dimension, eventGroupList, eventEnvList, userPropList)) === null || _getValue === void 0 ? void 0 : _getValue.name;
+      if (_attrName) {
+        setEnableSelectChart(judgeIsArea(_attrName));
+        setIsCity(judgeIsCity(_attrName));
+      }
+    }
+    if (timer) clearTimeout(timer);
+    var flag = true;
+    timer = setTimeout(function () {
+      if (flag) {
+        fetchRequest();
+      }
+    }, 500);
+    return function () {
+      // 清理异步任务
+      if (timer) clearTimeout(timer);
+      flag = false;
+    };
+  }, [searchData]);
+  useEffect(function () {
+    handleSearch && handleSearch(loading);
+  }, [loading]);
+  // 间隔分析传参变更
+  function searchCondition(params) {
+    var _params$filters, _params$filters2;
+    var numAttrTypeMap = {
+      1: 'cont-string',
+      2: 'cont-num',
+      3: 'cont-date'
+    };
+    return {
+      operator: (params === null || params === void 0 ? void 0 : (_params$filters = params.filters) === null || _params$filters === void 0 ? void 0 : _params$filters.relation) || 'and',
+      event_id: params === null || params === void 0 ? void 0 : params.id,
+      event_name: params === null || params === void 0 ? void 0 : params.name,
+      condition: params === null || params === void 0 ? void 0 : (_params$filters2 = params.filters) === null || _params$filters2 === void 0 ? void 0 : _params$filters2.conditions.map(function (item) {
+        return {
+          name: item === null || item === void 0 ? void 0 : item.attrName,
+          attrId: item === null || item === void 0 ? void 0 : item.attrId,
+          params: item === null || item === void 0 ? void 0 : item.values,
+          attr_sub: (item === null || item === void 0 ? void 0 : item.propCategory) === 'userProp' ? 'user_attr' : (item === null || item === void 0 ? void 0 : item.propCategory) === 'eventProp' ? 'event_attr' : item === null || item === void 0 ? void 0 : item.attrName,
+          category: (item === null || item === void 0 ? void 0 : item.category) || 'custom',
+          attrType: numAttrTypeMap[item === null || item === void 0 ? void 0 : item.type],
+          operator: item === null || item === void 0 ? void 0 : item.operator
+        };
+      })
+    };
+  }
+  function searchDataParams(params) {
+    var _params$time, _params$time2, _params$time3, _params$userGroup$, _params$dimension, _params$dimension2, _params$dimension3, _params$dimension4, _params$dimension5, _params$dimension6, _params$dimension7, _params$dimension8, _params$dimension9, _params$dimension10, _params$dimension11, _params$associatedPre, _params$associatedNex;
+    return {
+      time: {
+        dimension_date: params === null || params === void 0 ? void 0 : (_params$time = params.time) === null || _params$time === void 0 ? void 0 : _params$time.unit,
+        begin_date: params === null || params === void 0 ? void 0 : (_params$time2 = params.time) === null || _params$time2 === void 0 ? void 0 : _params$time2.begin,
+        end_date: params === null || params === void 0 ? void 0 : (_params$time3 = params.time) === null || _params$time3 === void 0 ? void 0 : _params$time3.end
+      },
+      user_group: (_params$userGroup$ = params.userGroup[0]) === null || _params$userGroup$ === void 0 ? void 0 : _params$userGroup$.id,
+      start: searchCondition(params === null || params === void 0 ? void 0 : params.start),
+      end: searchCondition(params === null || params === void 0 ? void 0 : params.end),
+      dimension: {
+        sub: (params === null || params === void 0 ? void 0 : (_params$dimension = params.dimension) === null || _params$dimension === void 0 ? void 0 : _params$dimension.propCategory) === 'userProp' ? 'user_attr' : (params === null || params === void 0 ? void 0 : (_params$dimension2 = params.dimension) === null || _params$dimension2 === void 0 ? void 0 : _params$dimension2.propCategory) === 'eventProp' ? 'event_attr' : params === null || params === void 0 ? void 0 : (_params$dimension3 = params.dimension) === null || _params$dimension3 === void 0 ? void 0 : _params$dimension3.name,
+        category: (params === null || params === void 0 ? void 0 : (_params$dimension4 = params.dimension) === null || _params$dimension4 === void 0 ? void 0 : _params$dimension4.category) || 'custom',
+        attr_id: params === null || params === void 0 ? void 0 : (_params$dimension5 = params.dimension) === null || _params$dimension5 === void 0 ? void 0 : _params$dimension5.id,
+        user_attr: (params === null || params === void 0 ? void 0 : (_params$dimension6 = params.dimension) === null || _params$dimension6 === void 0 ? void 0 : _params$dimension6.propCategory) === 'userProp' ? params === null || params === void 0 ? void 0 : (_params$dimension7 = params.dimension) === null || _params$dimension7 === void 0 ? void 0 : _params$dimension7.dimensionSub : null,
+        event_attr: (params === null || params === void 0 ? void 0 : (_params$dimension8 = params.dimension) === null || _params$dimension8 === void 0 ? void 0 : _params$dimension8.propCategory) === 'eventProp' ? params === null || params === void 0 ? void 0 : (_params$dimension9 = params.dimension) === null || _params$dimension9 === void 0 ? void 0 : _params$dimension9.label : null,
+        event: (params === null || params === void 0 ? void 0 : (_params$dimension10 = params.dimension) === null || _params$dimension10 === void 0 ? void 0 : _params$dimension10.propCategory) !== 'envProp' ? params === null || params === void 0 ? void 0 : (_params$dimension11 = params.dimension) === null || _params$dimension11 === void 0 ? void 0 : _params$dimension11.eventId : null
+      },
+      associated_pre_attr: params === null || params === void 0 ? void 0 : (_params$associatedPre = params.associatedPreAttr) === null || _params$associatedPre === void 0 ? void 0 : _params$associatedPre.id,
+      associated_next_attr: params === null || params === void 0 ? void 0 : (_params$associatedNex = params.associatedNextAttr) === null || _params$associatedNex === void 0 ? void 0 : _params$associatedNex.id
+    };
+  }
+  // 查询
+  var fetchRequest = function fetchRequest(flag) {
+    var _searchData$associate, _searchData$associate2, _searchData$associate3;
+    if (flag !== undefined) ajaxFlag = flag;
+    if (!ajaxFlag) return;
+    setLoading(true);
+    setEventData(undefined);
+    // 取消上次未完成的请求
+    if (typeof cancel === 'function') {
+      cancel();
+    }
+    if (searchData !== null && searchData !== void 0 && (_searchData$associate = searchData.associatedNextAttr) !== null && _searchData$associate !== void 0 && _searchData$associate.type && (searchData === null || searchData === void 0 ? void 0 : (_searchData$associate2 = searchData.associatedPreAttr) === null || _searchData$associate2 === void 0 ? void 0 : _searchData$associate2.type) !== (searchData === null || searchData === void 0 ? void 0 : (_searchData$associate3 = searchData.associatedNextAttr) === null || _searchData$associate3 === void 0 ? void 0 : _searchData$associate3.type)) {
+      return message.error('您查询的属性不一致，暂不支持查询');
+    }
+    var params = searchDataParams(searchData);
+    // const params = {
+    //   app_id: 177,
+    //   platform: 0,
+    //   user_group: 0,
+    //   time: { dimension_date: 'month', begin_date: '2023-05-01', end_date: '2023-08-29' },
+    //   start: { operator: 'and', event_id: 16530, event_name: '查看商品A' },
+    //   end: { operator: 'and', event_id: 16530, event_name: '查看商品A' },
+    //   dimension: { sub: 'user_attr', category: 'fixed', user_attr: 'name' },
+    // };
+    console.log(666666, searchData, params);
+    props.onChange && props.onChange(searchData);
+    ajax(Apis.dataList, {
+      method: 'post',
+      data: _objectSpread({
+        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0
+      }, params),
+      cancelToken: new CancelToken(function executor(c) {
+        cancel = c;
+      })
+    }).then(function (res) {
+      if (!res) {
+        setLoading(false);
+        return;
+      }
+      var result = res.data;
+      setEventData(result);
+      setFinalSearchData(_objectSpread({}, searchData));
+      setTimeout(function () {
+        setLoading(false);
+      }, 0);
+    }).catch(function () {
+      setLoading(false);
+    });
+  };
+
+  // 改变时间和图表类型
+  var onChangeContent = function onChangeContent(data) {
+    ajaxFlag = true;
+    setSearchData(function (value) {
+      return _objectSpread(_objectSpread({}, value), data);
+    });
+  };
+
+  // 改变显示内容
+  var onChangeShow = function onChangeShow(data) {
+    setShowList(data);
+  };
+
+  // 平台变更
+  var platformChange = function platformChange(data) {
+    ajaxFlag = true;
+    setSearchData(function (_searchData) {
+      return _objectSpread(_objectSpread({}, _searchData), {}, {
+        platform: data
+      });
+    });
+  };
+
+  // TopPanel组件数值变更
+  var onChangeSearch = function onChangeSearch(data, flag) {
+    ajaxFlag = flag;
+    data.id ? setEventId(data.id) : setEventId(-1);
+    setSearchData(function (_searchData) {
+      return _objectSpread(_objectSpread({}, _searchData), data);
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TopBar, {
+    searchData: searchData,
+    platformChange: platformChange
+  }), /*#__PURE__*/React.createElement(BizLayout, {
+    showTitle: false,
+    hasCollapse: true,
+    collapseRef: collapseRef,
+    topPanel: /*#__PURE__*/React.createElement("div", {
+      ref: collapseRef
+    }, /*#__PURE__*/React.createElement(TopPanel, {
+      onChange: onChangeSearch,
+      defaultValue: searchData,
+      ajaxFlag: ajaxFlag,
+      finalSearchData: finalSearchData,
+      fetchRequest: fetchRequest
+    }))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement(SearchPanel, {
+    chartType: searchData === null || searchData === void 0 ? void 0 : searchData.chartType,
+    time: searchData === null || searchData === void 0 ? void 0 : searchData.time,
+    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,
+    eventId: eventId,
+    eventData: eventData,
+    enableSelectChart: enableSelectChart,
+    onChange: onChangeContent
+  }), /*#__PURE__*/React.createElement(ContentPanel, {
+    loading: loading,
+    isCity: isCity,
+    eventData: eventData,
+    searchData: finalSearchData,
+    showList: showList,
+    onChangeShow: onChangeShow
+  }))));
+};
+export default EventContent;

package/dist/esm/modules/content/styles/index.less

@@ -0,0 +1,7 @@
+.event-content {
+  &-options {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 16px;
+  }
+}

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

@@ -0,0 +1,29 @@
+import { SearchValue } from '../../types';
+export declare namespace EventContentProps {
+    interface Props {
+        /**
+         * 回显值
+         */
+        defaultValue?: SearchValue;
+        /**
+         * 默认值
+         */
+        value: SearchValue;
+        /**
+         * 展示列表
+         */
+        show?: string[];
+        /**
+         * 是否查询中
+         */
+        onSearching?: (flag: boolean) => void;
+        /**
+         * 查询条件回调
+         */
+        onChange?: (data: SearchValue) => void;
+        /**
+         * 查询条件初始化
+         */
+        initSearch?: () => void;
+    }
+}

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

@@ -0,0 +1,2 @@
+export var EventContentProps;
+(function (_EventContentProps) {})(EventContentProps || (EventContentProps = {}));

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

@@ -0,0 +1,21 @@
+import { AttributeSelect } from '@zgfe/business-lib';
+import { bizAttributeSelectorValueProp } from '../../types';
+import { EventGroup, UserProp, EnvProp } from '@zgfe/business-lib/es/attributeSelector/types';
+/**
+ * 判断当前细分属性是否为”城市“
+ * @param name 属性名称
+ * @returns true标识为：是城市
+ */
+export declare const judgeIsCity: (name: string | undefined) => boolean;
+/**
+ * 判断当前细分属性，地图是否可选
+ * @param name 属性名称
+ * @returns true标识为：地图可选
+ */
+export declare const judgeIsArea: (name: string | undefined) => boolean;
+/**
+ * 获取当前属性的全部数据
+ * @param param 属性的部分数据
+ * @returns 属性的全部数据
+ */
+export declare const getValue: (param: bizAttributeSelectorValueProp, eventGroupList: EventGroup[] | undefined, eventEnvList: EnvProp[] | undefined, userPropList: UserProp[] | undefined) => AttributeSelect.Value | undefined;

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

@@ -0,0 +1,51 @@
+/**
+ * 判断当前细分属性是否为”城市“
+ * @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标识为：地图可选
+ */
+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 属性的全部数据
+ */
+export var getValue = function getValue(param, eventGroupList, eventEnvList, userPropList) {
+  var res = undefined;
+  // 数据key
+  var key = param.propCategory === 'eventProp' ? param.value : param.propCategory + '-' + param.value;
+  // console.log('数据key', key, param, eventGroupList, eventEnvList, userPropList);
+  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;
+    });
+  } 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;
+        });
+      });
+    });
+  } else if ((param === null || param === void 0 ? void 0 : param.propCategory) === 'userProp') {
+    userPropList === null || userPropList === void 0 ? void 0 : userPropList.forEach(function (attr) {
+      // 用户属性需判断category，解决用户自定义属性与内置属性重名
+      if (attr.key === key) res = attr;
+    });
+  }
+  console.log('获取当前属性的全部数据', res);
+  return res;
+};

package/dist/esm/modules/home/demo/create.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;