@zgfe/modules-event 1.0.29-zhongyuanE.17 → 1.0.29-zhongyuanE.23

package/es/components/renderContent/index.js

@@ -0,0 +1,46 @@
+import React, { useContext } from 'react';
+import { BizLoading } from '@zgfe/business-lib';
+import { EventContext } from '../../types';
+import './styles/index.less';
+import EventChart from '../../modules/chart';
+var classPrefix = 'render-content';
+var ContentPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var eventData = props.eventData,
+    searchData = props.searchData;
+  var _useContext = useContext(EventContext),
+    loading = _useContext.loading,
+    refreshLoading = _useContext.refreshLoading,
+    onSelectEvent = _useContext.onSelectEvent,
+    showListHome = _useContext.showListHome,
+    setShowListHome = _useContext.setShowListHome,
+    completedSearchData = _useContext.completedSearchData;
+  var onChangeShow = function onChangeShow(names) {
+    setShowListHome(names);
+  };
+  if (loading || refreshLoading) {
+    return /*#__PURE__*/React.createElement(BizLoading, {
+      className: "".concat(classPrefix, "-loading")
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-chart-container")
+  }, /*#__PURE__*/React.createElement(EventChart, {
+    ref: ref,
+    dataSource: eventData,
+    params: searchData,
+    completedSearchData: completedSearchData,
+    showList: showListHome
+  })), eventData && eventData.series.length > 0 ? (/*#__PURE__*/React.createElement(EventChart, {
+    type: "grid",
+    isHideDel: true,
+    dataSource: eventData,
+    params: searchData,
+    completedSearchData: completedSearchData,
+    showList: showListHome,
+    onChangeShow: onChangeShow,
+    onSelectEvent: onSelectEvent
+  })) : null);
+});
+export default ContentPanel;

package/es/components/renderContent/styles/index.less

@@ -0,0 +1,19 @@
+@import '~@zgfe/business-lib/es/assets/styles/variable.less';
+
+.render-content {
+  &-chart-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 392px;
+    padding: @padding-lg;
+    border: 1px solid @border-color-base;
+    border-radius: @border-radius-normal;
+    .echarts-for-react {
+      width: 100%;
+    }
+  }
+  &-loading {
+    min-height: 300px;
+  }
+}

package/es/components/renderContent/types.d.ts

@@ -0,0 +1,8 @@
+import { SearchValue, ResponseDataProps } from '../../types';
+export interface RenderContentProps {
+    eventData?: ResponseDataProps;
+    searchData?: SearchValue;
+    isCity?: boolean;
+    afterEditTarget?: (type: string, value?: any) => void;
+    onChangeShow?: (data: string[]) => void;
+}

package/es/components/renderContent/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/searchPanel/index.d.ts

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

package/es/components/searchPanel/index.js

@@ -0,0 +1,134 @@
+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(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 { BizSelect, BizTargetDimension, useChanged, IconFont, BizDatePickerV2, BizGlobalDataContext } from '@zgfe/business-lib';
+import { Button } from 'antd';
+import { DatePickerTypes } from '@zgfe/business-lib/es/datePickerV2/types';
+import React, { useContext, useEffect, useState } from 'react';
+import { chartTypeOptions, getInitDate } from '../../constants';
+import { EventContext } from '../../types';
+import { normalOptions, normalEventOptions } from '../../modules/content/utils';
+import './styles/index.less';
+var classPrefix = 'search-panel';
+var SearchPanel = function SearchPanel(props) {
+  var _useContext = useContext(EventContext),
+    includeToday = _useContext.includeToday,
+    searchData = _useContext.searchData,
+    currentApp = _useContext.currentApp,
+    refreshLoading = _useContext.refreshLoading;
+  var _useContext2 = useContext(BizGlobalDataContext),
+    envs = _useContext2.envs;
+  var analysisSubjectType = props.analysisSubjectType,
+    dimension = props.dimension,
+    setDimension = props.setDimension;
+  var _useState = useState(props.time || getInitDate(includeToday)),
+    _useState2 = _slicedToArray(_useState, 2),
+    time = _useState2[0],
+    setTime = _useState2[1];
+  var _useState3 = useState(chartTypeOptions[0]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    chart = _useState4[0],
+    setChart = _useState4[1];
+  var currentNormalOptions = analysisSubjectType === 'user' ? normalOptions(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type) : normalEventOptions;
+  useEffect(function () {
+    if (searchData.chartType && searchData.chartType !== chart.value) {
+      if (searchData.chartType.indexOf(',') !== -1) {
+        setChart({
+          value: searchData.chartType.split(',')[0]
+        });
+      } else {
+        setChart({
+          value: searchData.chartType
+        });
+      }
+    }
+  }, [searchData]);
+  useEffect(function () {
+    if (!props.enableSelectChart && chart.value === 'map') {
+      setChart({
+        value: 'line'
+      });
+    }
+  }, [props.enableSelectChart]);
+  var onChangeTime = function onChangeTime(val) {
+    setTime(val);
+    props.onChange && props.onChange(_objectSpread({
+      time: val,
+      chartType: chart.value
+    }, dimension));
+  };
+  var onChange = function onChange(val) {
+    setChart(val);
+    props.onChange && props.onChange(_objectSpread({
+      time: time,
+      chartType: val.value
+    }, dimension));
+  };
+  var onDimensionChange = function onDimensionChange(data) {
+    setDimension && setDimension(data);
+    props.onChange && props.onChange({
+      time: time,
+      chartType: chart.value,
+      analysisIndex: data.analysisIndex,
+      analysisAttr: data.analysisAttr
+    });
+  };
+  useChanged(function (pre, next) {
+    if (pre === next) return;
+    onDimensionChange({
+      analysisIndex: currentNormalOptions[0].value,
+      analysisAttr: undefined
+    });
+  }, props.eventId);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement(BizDatePickerV2, {
+    defaultValue: time,
+    onChange: onChangeTime,
+    dateTypeList: [DatePickerTypes.Unit.minute, DatePickerTypes.Unit.hour, DatePickerTypes.Unit.day, DatePickerTypes.Unit.week, DatePickerTypes.Unit.month],
+    selectRangeUnit: "months",
+    selectRange: envs && envs.timeRangeOpen ? envs.timeRangeOpen : 12,
+    timeRangeOpen: envs && envs.timeRangeOpen ? envs.timeRangeOpen : 12
+  }), /*#__PURE__*/React.createElement(BizTargetDimension, {
+    normalOptions: currentNormalOptions,
+    value: dimension,
+    eventId: props.eventId,
+    isExtend: true,
+    onChange: onDimensionChange
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-search-right")
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "".concat(classPrefix, "-search-right-refresh"),
+    icon: /*#__PURE__*/React.createElement(IconFont, {
+      type: "zhongxinjiazai"
+    }),
+    loading: refreshLoading,
+    onClick: function onClick() {
+      return props.refreshHandle();
+    }
+  }, "\u5237\u65B0"), /*#__PURE__*/React.createElement(BizSelect, {
+    className: "".concat(classPrefix, "-select"),
+    options: chartTypeOptions,
+    defaultValue: chart,
+    value: chart,
+    labelField: "label",
+    keyField: "value",
+    theme: "secondary",
+    onChange: onChange,
+    disableItemList: props.enableSelectChart ? [] : [chartTypeOptions[3]]
+  })));
+};
+export default SearchPanel;

package/es/components/searchPanel/styles/index.less

@@ -0,0 +1,22 @@
+@import '~@zgfe/business-lib/es/assets/styles/variable.less';
+
+.search-panel {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 32px;
+  margin-bottom: 24px;
+
+  &-search-right {
+    display: flex;
+    gap: 16px;
+    &-refresh {
+      display: flex !important;
+      gap: 4px;
+    }
+  }
+
+  &-select {
+    width: 112px;
+  }
+}

package/es/components/searchPanel/types.d.ts

@@ -0,0 +1,28 @@
+import { DatePickerTypes } from '@zgfe/business-lib/es/datePicker/types';
+import { EventChartTypes } from '../../types';
+import { TargetConditionTypes } from '@zgfe/business-lib';
+export interface AnalysisSubject {
+    subjectId?: number;
+    id?: number;
+    name?: string;
+    unit?: string;
+    subjectAlias?: string;
+    subjectName?: string;
+}
+export interface SearchPanelProps {
+    refreshHandle: Function;
+    analysisIndex?: string;
+    analysisAttr?: string;
+    enableSelectChart?: boolean;
+    time?: DatePickerTypes.Value;
+    eventId?: number;
+    chartType?: EventChartTypes;
+    onChange?: (data: SearchPanelProps) => void;
+    setIsCity?: Function;
+    setEnableSelectChart?: Function;
+    analysisSubjectType?: string;
+    analysisSubject?: AnalysisSubject;
+    dimension?: TargetConditionTypes.DimensionValue;
+    setDimension?: Function;
+    optionNode?: any;
+}

package/es/components/searchPanel/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/table/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import 'highlight.js/styles/vs.css';
+import { EventTableProps } from './types';
+import './styles/index.less';
+declare const EventTable: React.FC<EventTableProps>;
+export default EventTable;

package/es/components/table/index.js

@@ -0,0 +1,319 @@
+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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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(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, IconFont } from '@zgfe/business-lib';
+import React, { useContext, useEffect, useMemo, useState } from 'react';
+import Highlight from 'react-highlight';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import 'highlight.js/styles/vs.css';
+import base64 from '../../utils/base64';
+import { Apis } from '../../constants';
+import { Modal, message, Table, ConfigProvider, Empty, Tooltip, Typography } from 'antd';
+import { ExclamationCircleOutlined } from '@ant-design/icons';
+import { formTableData, getColumns } from '../../utils/formData';
+import './styles/index.less';
+import { getValue } from '../../modules/content/utils';
+import { EventContext } from '../../types';
+import { getEventAliasName } from '../../utils/formData';
+var classPrefix = 'event-mi-table';
+var Text = Typography.Text;
+var EventTable = function EventTable(props) {
+  var dataSource = props.dataSource,
+    searchData = props.searchData,
+    showList = props.showList,
+    sourcePanel = props.sourcePanel;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    tableData = _useState2[0],
+    setTableData = _useState2[1];
+  var _useContext = useContext(BizGlobalDataContext),
+    _useContext$eventGrou = _useContext.eventGroupList,
+    eventGroupList = _useContext$eventGrou === void 0 ? [] : _useContext$eventGrou,
+    eventEnvList = _useContext.eventEnvList,
+    userPropList = _useContext.userPropList,
+    userGroupList = _useContext.userGroupList,
+    authority = _useContext.authority,
+    showProdDownload = _useContext.showProdDownload;
+  var _useContext2 = useContext(EventContext),
+    onUserDrill = _useContext2.onUserDrill,
+    _useContext2$defaultS = _useContext2.defaultSearch,
+    defaultSearch = _useContext2$defaultS === void 0 ? {} : _useContext2$defaultS,
+    panelName = _useContext2.panelName,
+    currentApp = _useContext2.currentApp;
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    sqlModal = _useState4[0],
+    setSqlModal = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    sqlText = _useState6[0],
+    setSqlText = _useState6[1];
+  var _useState7 = useState(1),
+    _useState8 = _slicedToArray(_useState7, 2),
+    current = _useState8[0],
+    setCurrent = _useState8[1];
+  var _useState9 = useState(10),
+    _useState0 = _slicedToArray(_useState9, 2),
+    pageSize = _useState0[0],
+    setPageSize = _useState0[1];
+  var _useState1 = useState(0),
+    _useState10 = _slicedToArray(_useState1, 2),
+    total = _useState10[0],
+    setTotal = _useState10[1];
+  var _useState11 = useState(),
+    _useState12 = _slicedToArray(_useState11, 2),
+    pvTitle = _useState12[0],
+    setPvTitle = _useState12[1];
+  useEffect(function () {
+    var gLen = (searchData === null || searchData === void 0 ? void 0 : searchData.dimension) ? 1 : 0;
+    var _data = formTableData(dataSource, searchData.userGroup || [0], gLen);
+    setTotal(_data.length);
+    var dataAll = [];
+    if (dataSource.userGroupEventTimeSum) {
+      dataSource.userGroupEventTimeSum.map(function (item) {
+        var data = {
+          eventName: '总计',
+          dimension: '总计',
+          isAdd: true,
+          id: Math.random(),
+          name: '总计',
+          nameGroup: '总计',
+          originalName: '总计',
+          userGroup: Object.keys(item)[0]
+        };
+        var sum = 0;
+        Object.values(item)[0].forEach(function (item, index) {
+          data["field".concat(index)] = item;
+          sum += item;
+        });
+        data.attrSum = sum;
+        dataAll.push(data);
+      });
+      setPvTitle(dataSource.eventPvTitle.split(';').map(function (item) {
+        return item.split(' ');
+      }));
+    }
+    setTableData([].concat(dataAll, _toConsumableArray(_data)));
+  }, []);
+  var columns = useMemo(function () {
+    var _searchData$userGroup = searchData.userGroup,
+      userGroup = _searchData$userGroup === void 0 ? [0] : _searchData$userGroup;
+    var onShowClick = function onShowClick(nameGroup) {
+      props.changeShowByName(nameGroup);
+    };
+    var onClickToDetail = function onClickToDetail(item, time, count) {
+      var _searchData$dimension, _searchData$filters;
+      var userGroupData = userGroup[0] == null ? [] : [userGroup[0]];
+      if ((userGroup === null || userGroup === void 0 ? void 0 : userGroup.length) > 1) {
+        userGroupList && userGroupList.forEach(function (user) {
+          if (user.name === item.userGroup) {
+            userGroupData = [user.id];
+          }
+        });
+      }
+      var _time = time.split('|');
+      var groupValue = '';
+      if (searchData.dimension && item.dimension) {
+        groupValue = item.originalName;
+      } else {
+        eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
+          group.eventList.forEach(function (event) {
+            if (event.name === item.originalName) {
+              groupValue = event.id.toString();
+            }
+          });
+        });
+      }
+      onUserDrill && onUserDrill({
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        platform: (searchData === null || searchData === void 0 ? void 0 : searchData.platform) || 0,
+        count: count,
+        module: 'event',
+        params: {
+          groupValue: groupValue,
+          groupValueEncry: (((_searchData$dimension = searchData.dimension) === null || _searchData$dimension === void 0 ? void 0 : _searchData$dimension.encryptionType) || 0) > 0,
+          id: searchData.id,
+          userGroup: userGroupData,
+          chartType: searchData.chartType,
+          conditions: (_searchData$filters = searchData.filters) === null || _searchData$filters === void 0 ? void 0 : _searchData$filters.conditions,
+          dimension: searchData.dimension,
+          dataType: searchData.id ? 'event' : 'overview',
+          time: _objectSpread(_objectSpread({}, searchData.time), {}, {
+            begin: _time[0],
+            end: _time.length > 1 ? _time[1] : _time[0]
+          })
+        },
+        source: 'EVENT',
+        url: searchData.analysisSubject ? '/zg/web/v2/data/eventSubjectDetail' : '/zg/web/v2/data/appEventBatch',
+        analysisSubject: searchData.analysisSubject ? searchData.analysisSubject : undefined
+      }, _objectSpread(_objectSpread({
+        source: 'EVENT'
+      }, defaultSearch), {}, {
+        name: panelName,
+        data: searchData
+      }));
+    };
+    var _getColumns = getColumns(eventGroupList, userPropList, eventEnvList, dataSource.xAxis || [], userGroup, searchData, showList, onShowClick, onClickToDetail, props === null || props === void 0 ? void 0 : props.onSelectEvent);
+    return _getColumns;
+  }, [dataSource.xAxis, showList, panelName]);
+  var seeSql = function seeSql() {
+    ajax(Apis.getEventDataSql, {
+      method: 'post',
+      data: _objectSpread({
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        platform: (searchData === null || searchData === void 0 ? void 0 : searchData.platform) || 0,
+        service: searchData.id ? 'event_sql' : 'event/overview_sql'
+      }, searchData)
+    }).then(function (res) {
+      if (res === null || res === void 0 ? void 0 : res.data) {
+        setSqlText(res.data.sql);
+        setSqlModal(true);
+      }
+    });
+  };
+  var download = function download() {
+    var seriesNames = [];
+    if (searchData.userGroup && (searchData.userGroup.length > 1 || searchData.userGroup[0] !== 0)) {
+      seriesNames.push(base64.encode('用户群'));
+    }
+    if (searchData.dimension) {
+      seriesNames.push(base64.encode(getValue(searchData.dimension, eventGroupList, eventEnvList, userPropList, searchData).label));
+    }
+    if (searchData.id && !searchData.dimension || !searchData.id) {
+      seriesNames.push(base64.encode('事件'));
+    }
+    var fname = "\u4E8B\u4EF6\u5206\u6790-".concat((searchData === null || searchData === void 0 ? void 0 : searchData.name) ? getEventAliasName(searchData === null || searchData === void 0 ? void 0 : searchData.name, eventGroupList) : '事件概览');
+    var params = _objectSpread(_objectSpread({
+      appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+      platform: (searchData === null || searchData === void 0 ? void 0 : searchData.platform) || 0
+    }, searchData), {}, {
+      down: {
+        fname: base64.encode(fname),
+        titles: seriesNames
+      }
+    });
+    ajax(Apis.eventDownloadReport, {
+      method: 'post',
+      data: params,
+      responseType: 'blob',
+      fileName: fname,
+      getResponse: true
+    }).then(function () {
+      message.success('下载成功！');
+    });
+  };
+  var pageChange = function pageChange(page, pageSize) {
+    setCurrent(page);
+    setPageSize(pageSize);
+  };
+  var tableEmptyRender = function tableEmptyRender() {
+    return /*#__PURE__*/React.createElement(Empty, {
+      image: Empty.PRESENTED_IMAGE_SIMPLE,
+      description: "\u6682\u65E0\u6570\u636E"
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, !sourcePanel && (/*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-table-header")
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-table-header-left")
+  }, "\u6307\u6807\u8BE6\u60C5", pvTitle && pvTitle.length ? (/*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-table-header-left-box")
+  }, "\uFF08\u4E8B\u4EF6\u603B\u91CF\uFF1A", /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-table-header-left-content")
+  }, pvTitle.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      title: item[0] + '：' + item[1],
+      key: index
+    }, /*#__PURE__*/React.createElement("span", null, item[0], "\uFF1A"), /*#__PURE__*/React.createElement("span", null, item[1], index === pvTitle.length - 1 ? '' : ' ｜ '));
+  }), "\uFF09"))) : null), /*#__PURE__*/React.createElement("div", null, authority[100051] && /*#__PURE__*/React.createElement("div", {
+    onClick: seeSql
+  }, "\u67E5\u770BSQL"), authority[100050] && showProdDownload && (/*#__PURE__*/React.createElement("div", {
+    onClick: download
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "xiazai1"
+  }), "\u4E0B\u8F7D\u6570\u636E"))))), /*#__PURE__*/React.createElement("div", {
+    className: "table-area ".concat(sourcePanel ? 'sourcepanel-table-header' : '')
+  }, /*#__PURE__*/React.createElement(ConfigProvider, {
+    renderEmpty: tableEmptyRender
+  }, /*#__PURE__*/React.createElement(Table, {
+    className: "table",
+    rowKey: 'id',
+    columns: columns,
+    dataSource: tableData,
+    scroll: {
+      x: true
+    },
+    pagination: {
+      showQuickJumper: true,
+      showSizeChanger: true,
+      total: total,
+      defaultPageSize: 10,
+      defaultCurrent: 1,
+      current: current,
+      pageSize: pageSize,
+      onChange: pageChange,
+      showTotal: function showTotal(total) {
+        return "\u603B\u6761\u6570\uFF1A".concat(total, " ");
+      }
+    }
+  }))), /*#__PURE__*/React.createElement(Modal, {
+    open: sqlModal,
+    wrapClassName: "event-table-sql-modal",
+    okText: "\u786E\u5B9A",
+    cancelText: "\u53D6\u6D88",
+    closeIcon: /*#__PURE__*/React.createElement(IconFont, {
+      type: "qingchu"
+    }),
+    title: "\u67E5\u770BSQL",
+    onCancel: function onCancel() {
+      return setSqlModal(false);
+    },
+    onOk: function onOk() {
+      return setSqlModal(false);
+    },
+    maskClosable: false
+  }, /*#__PURE__*/React.createElement(Highlight, {
+    languageName: "sql",
+    style: {
+      whiteSpace: 'pre-wrap'
+    }
+  }, sqlText), /*#__PURE__*/React.createElement(CopyToClipboard, {
+    text: sqlText,
+    onCopy: function onCopy() {
+      return message.success('复制成功！');
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "copy-box"
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "fuzhi1"
+  }), "\u590D\u5236\u4EE3\u7801")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      margin: '10px 0px 0px'
+    },
+    className: "sql-tip"
+  }, /*#__PURE__*/React.createElement(Text, {
+    type: "warning"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u771F\u5B9E\u4E1A\u52A1\u573A\u666F\u4E0B\u7684\u67E5\u8BE2\u903B\u8F91\uFF0C\u6D89\u53CA\u590D\u6742\u4E1A\u52A1\u89C4\u5219\u4E0E\u7A0B\u5E8F\u5904\u7406\u903B\u8F91\u4EA4\u7EC7\u3002\u6B64\u5904\u5C55\u793A\u7684 SQL \u4EC5\u4F5C\u4E3A\u7B80\u5355\u4E8B\u4EF6\u67E5\u8BE2\u7684\u903B\u8F91\u53C2\u8003\u793A\u4F8B \uFF0C\u4E0D\u4EE3\u8868\u4E0E\u5F53\u524D\u754C\u9762\u6240\u9009\u67E5\u8BE2\u6761\u4EF6\u5B8C\u5168\u6620\u5C04"
+  }, /*#__PURE__*/React.createElement(ExclamationCircleOutlined, {
+    style: {
+      margin: '0px 8px 0px 0px'
+    }
+  })), "SQL \u4EC5\u4F5C\u4E3A\u7B80\u5355\u4E8B\u4EF6\u67E5\u8BE2\u7684\u903B\u8F91\u53C2\u8003\u793A\u4F8B"))));
+};
+export default EventTable;