@zgfe/modules-interval 1.0.2 → 1.0.3-alpha.1

package/dist/esm/components/eventFilter/index.js

@@ -149,10 +149,24 @@ var EventFilter = function EventFilter(props) {
     showBuiltInTarget: false,
     popupContainer: false,
     defaultSelectAble: false,
+    destroyPopupOnHide: true,
     value: {
       event: event
     },
     onChange: onChangeEvent,
+    filter: function filter(event) {
+      if (!props.subject) return true;
+      var propMatch = false;
+      for (var i = 0; i < event.attrList.length; i++) {
+        var _props$subject;
+        var attr = event.attrList[i];
+        if (attr.label === ((_props$subject = props.subject) === null || _props$subject === void 0 ? void 0 : _props$subject.subjectName)) {
+          propMatch = true;
+          break;
+        }
+      }
+      return propMatch;
+    },
     placeholder: "\u8BF7\u9009\u62E9\u4E8B\u4EF6"
   }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
     placement: "top",

package/dist/esm/components/eventFilter/types.d.ts

@@ -1,3 +1,4 @@
+import SubjectTypes from '@zgfe/business-lib/es/hooks/types/subject';
 import { eventProps } from '../../types';
 /**
  *  事件属性
@@ -48,5 +49,6 @@ export interface EventFilterProps {
     value?: eventProps;
     relevancyFl?: boolean;
     relevancy?: boolean;
+    subject?: SubjectTypes.Subject;
     onChange?: (event: eventProps) => {};
 }

package/dist/esm/components/searchPanel/index.js

@@ -105,9 +105,8 @@ var SearchPanel = function SearchPanel(props) {
       display: 'flex'
     }
   }, /*#__PURE__*/React.createElement(BizDatePicker, {
-    dateTypeList: ['day', 'week', 'month'],
+    dateTypeList: ['day', 'week', 'month', 'custom'],
     value: time,
-    mode: "simple",
     includeToday: true,
     onChange: onChangeTime,
     selectRange: 365

package/dist/esm/components/table/index.js

@@ -36,7 +36,8 @@ var EventTable = function EventTable(props) {
     eventEnvList = _useContext.eventEnvList,
     userPropList = _useContext.userPropList;
   var _useContext2 = useContext(EventContext),
-    panelName = _useContext2.panelName;
+    panelName = _useContext2.panelName,
+    onUserDrill = _useContext2.onUserDrill;
 
   // 按属性排序后的数据（用于合并行）
   var _useState3 = useState({
@@ -69,7 +70,7 @@ var EventTable = function EventTable(props) {
     var _dataSource$appData;
     var _searchData$userGroup = searchData.userGroup,
       userGroup = _searchData$userGroup === void 0 ? [0] : _searchData$userGroup;
-    var _getColumns = getColumns(eventGroupList, userPropList, eventEnvList, (dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$appData = dataSource.appData) === null || _dataSource$appData === void 0 ? void 0 : _dataSource$appData.x_axis) || [], dataSource, userGroup, searchData, showList);
+    var _getColumns = getColumns(eventGroupList, userPropList, eventEnvList, (dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$appData = dataSource.appData) === null || _dataSource$appData === void 0 ? void 0 : _dataSource$appData.x_axis) || [], dataSource, userGroup, searchData, showList, onUserDrill);
     return _getColumns;
   }, [dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$appData2 = dataSource.appData) === null || _dataSource$appData2 === void 0 ? void 0 : _dataSource$appData2.x_axis, showList, sortTable, panelName]);
 

package/dist/esm/constants/apis.d.ts

@@ -1,6 +1,2 @@
-declare const Apis: {
-    dataList: string;
-    getEventDataSql: string;
-    eventDownloadReport: string;
-};
+declare const Apis: Record<string, string>;
 export default Apis;

package/dist/esm/constants/apis.js

@@ -1,7 +1,17 @@
 var Apis = {
-  // dataList: '/zg/web/v2/data/eventDataList',
-  dataList: '/zg/web/v2/interval/intervalData',
-  getEventDataSql: '/zg/web/v2/dataSql/getEventDataSql',
-  eventDownloadReport: '/zg/web/v2/interval/downLoadintervalData'
+  dataList: '/interval/intervalData',
+  getEventDataSql: '/dataSql/getEventDataSql',
+  eventDownloadReport: '/interval/downLoadintervalData',
+  /**
+   * 用户下钻
+   */
+  userDrill: '/interval/userDrill',
+  /**
+   * 主体下钻
+   */
+  subjectDrill: '/interval/eventDrill'
 };
+for (var key in Apis) {
+  Apis[key] = "/zg/web/v2".concat(Apis[key]);
+}
 export default Apis;

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

@@ -183,7 +183,10 @@ var EventContent = function EventContent(props) {
   var onChangeSearch = function onChangeSearch(data, flag) {
     data.id ? setEventId(data.id) : setEventId(-1);
     setSearchData(function (_searchData) {
-      return _objectSpread(_objectSpread({}, _searchData), data);
+      return _objectSpread(_objectSpread(_objectSpread({}, _searchData), data), {}, {
+        userGroup: data.analysisSubject ? undefined : data.userGroup,
+        analysisSubject: data.analysisSubject ? data.analysisSubject : undefined
+      });
     });
     setAjaxFlag(false);
   };

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

@@ -51,5 +51,7 @@ export declare function searchDataParams(params: any): {
     } | null;
     associatedPreAttr: any;
     associatedNextAttr: any;
+    analysisModel: any;
+    analysisSubject: any;
 };
 export declare function transformData(data: any[][]): string[];

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

@@ -96,7 +96,9 @@ export function searchDataParams(params) {
       event: (params === null || params === void 0 ? void 0 : (_params$dimension11 = params.dimension) === null || _params$dimension11 === void 0 ? void 0 : _params$dimension11.propCategory) !== 'envProp' ? params === null || params === void 0 ? void 0 : (_params$dimension12 = params.dimension) === null || _params$dimension12 === void 0 ? void 0 : _params$dimension12.eventId : null
     } : null,
     associatedPreAttr: params === null || params === void 0 ? void 0 : (_params$associatedPre = params.associatedPreAttr) === null || _params$associatedPre === void 0 ? void 0 : _params$associatedPre.id,
-    associatedNextAttr: params === null || params === void 0 ? void 0 : (_params$associatedNex = params.associatedNextAttr) === null || _params$associatedNex === void 0 ? void 0 : _params$associatedNex.id
+    associatedNextAttr: params === null || params === void 0 ? void 0 : (_params$associatedNex = params.associatedNextAttr) === null || _params$associatedNex === void 0 ? void 0 : _params$associatedNex.id,
+    analysisModel: params.analysisModel,
+    analysisSubject: params.analysisSubject
   };
 }
 export function transformData(data) {

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

@@ -39,7 +39,7 @@ export default (function () {
   };
   return /*#__PURE__*/React.createElement(DemoWrapper, {
     needMeta: true,
-    defaultApp: 204
+    defaultApp: 271
   }, 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/dist/esm/modules/home/types.d.ts

@@ -23,7 +23,7 @@ export declare namespace EventProps {
         /**
          * 用户钻取
          */
-        onUserDrill: (data: UserDrillParamsProp, searchData: SearchValue) => void;
+        onUserDrill: (data: UserDrillParamsProp) => void;
     }
     interface Value {
         /**

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

@@ -11,10 +11,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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, { useState } from 'react';
-import { Form, Button } from 'antd';
-import { BizAttributeSelector, BizUserGroupHeader } from '@zgfe/business-lib';
+import { Form, Button, Radio } from 'antd';
+import { BizAttributeSelector, BizSelect, BizUserGroupHeader, useSubject } from '@zgfe/business-lib';
 import EventFilter from "../../components/eventFilter";
 import "./styles/index.less";
+import { AnalysisMode } from "./types";
 var classPrefix = 'top-panel-interval';
 var TopPanel = function TopPanel(props) {
   var _props$urlParam, _props$urlParam2, _defaultValue$associa, _defaultValue$associa2, _finalSearchData$asso, _finalSearchData$asso2, _defaultValue$associa3, _finalSearchData$asso3, _defaultValue$associa4, _finalSearchData$asso4, _defaultValue$associa5, _finalSearchData$asso5, _defaultValue$associa6, _finalSearchData$asso6, _defaultValue$associa7, _finalSearchData$asso7, _defaultValue$associa8, _finalSearchData$asso8, _defaultValue$associa9, _finalSearchData$asso9, _defaultValue$associa10, _finalSearchData$asso10, _defaultValue$dimensi, _finalSearchData$dime, _defaultValue$dimensi2, _finalSearchData$dime2, _defaultValue$dimensi3, _finalSearchData$dime3, _defaultValue$dimensi4, _finalSearchData$dime4;
@@ -43,6 +44,9 @@ var TopPanel = function TopPanel(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     relevancyFl = _useState8[0],
     setRelevancyFl = _useState8[1];
+  var _useSubject = useSubject(),
+    subjectList = _useSubject.subjectList,
+    subjectLoading = _useSubject.loading;
   var _ref = defaultValue,
     userGroup = _ref.userGroup;
   // 细分属性初始值
@@ -50,6 +54,14 @@ var TopPanel = function TopPanel(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     bizAttributeSelectorValue = _useState10[0],
     setBizAttributeSelectorValue = _useState10[1];
+  var _useState11 = useState('user'),
+    _useState12 = _slicedToArray(_useState11, 2),
+    analysisType = _useState12[0],
+    setAnalysisType = _useState12[1];
+  var _useState13 = useState(),
+    _useState14 = _slicedToArray(_useState13, 2),
+    currentSubject = _useState14[0],
+    setCurrentSubject = _useState14[1];
   // 用户组和事件变更
   var onValuesChange = function onValuesChange(data, allData) {
     var _data = {};
@@ -76,7 +88,14 @@ var TopPanel = function TopPanel(props) {
       _data.userGroup = allData.userGroup;
       if (_data.userGroup.length <= 0) _data.userGroup = [0];
     }
-    props.onChange(allData, (finalSearchData === null || finalSearchData === void 0 ? void 0 : finalSearchData.chartType) === 'boxplot' ? true : false);
+    props.onChange(_objectSpread(_objectSpread({}, allData), {}, {
+      analysisSubject: allData.analysisSubject ? {
+        subjectId: allData.analysisSubject.id,
+        subjectName: allData.analysisSubject.subjectName,
+        subjectAlias: allData.analysisSubject.subjectAlias,
+        unit: allData.analysisSubject.unit
+      } : undefined
+    }), (finalSearchData === null || finalSearchData === void 0 ? void 0 : finalSearchData.chartType) === 'boxplot' ? true : false);
   };
   var resetting = function resetting() {
     form.resetFields();
@@ -90,6 +109,7 @@ var TopPanel = function TopPanel(props) {
       associatedNextAttr: undefined
     });
     setRelevancy(false);
+    setCurrentSubject(undefined);
     props.onChange({
       userGroup: [0],
       start: undefined,
@@ -172,11 +192,43 @@ var TopPanel = function TopPanel(props) {
         isHidden: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$dimensi2 = defaultValue.dimension) === null || _defaultValue$dimensi2 === void 0 ? void 0 : _defaultValue$dimensi2.is_hidden) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$dime2 = finalSearchData.dimension) === null || _finalSearchData$dime2 === void 0 ? void 0 : _finalSearchData$dime2.isHidden),
         propCategory: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$dimensi3 = defaultValue.dimension) === null || _defaultValue$dimensi3 === void 0 ? void 0 : _defaultValue$dimensi3.prop_category) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$dime3 = finalSearchData.dimension) === null || _finalSearchData$dime3 === void 0 ? void 0 : _finalSearchData$dime3.propCategory),
         eventId: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$dimensi4 = defaultValue.dimension) === null || _defaultValue$dimensi4 === void 0 ? void 0 : _defaultValue$dimensi4.event_id) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$dime4 = finalSearchData.dimension) === null || _finalSearchData$dime4 === void 0 ? void 0 : _finalSearchData$dime4.eventId)
-      })
+      }),
+      analysisModel: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.analysisModel) || AnalysisMode.common
     },
     scrollToFirstError: true,
     onValuesChange: onValuesChange
   }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u5206\u6790\u4E3B\u4F53",
+    className: "panel-form-interval-item"
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    options: [{
+      label: '用户',
+      value: 'user'
+    }, {
+      label: '事件属性',
+      value: 'eventProp'
+    }],
+    keyField: "value",
+    defaultValue: {
+      value: analysisType
+    },
+    onChange: function onChange(val) {
+      setAnalysisType(val.value);
+      resetting();
+    }
+  })), analysisType === 'eventProp' && /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u4E3B\u4F53\u540D\u79F0",
+    name: "analysisSubject",
+    className: "panel-form-interval-item"
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    options: subjectList,
+    aliasField: "subjectAlias",
+    labelField: "subjectName",
+    keyField: "id",
+    onChange: function onChange(val) {
+      setCurrentSubject(val);
+    }
+  })), analysisType === 'user' && /*#__PURE__*/React.createElement(Form.Item, {
     label: "",
     name: "userGroup",
     className: "space-item interval-item",
@@ -193,6 +245,7 @@ var TopPanel = function TopPanel(props) {
     label: "\u5F00\u59CB\u4E8B\u4EF6",
     name: "start"
   }, /*#__PURE__*/React.createElement(EventFilter, {
+    subject: currentSubject,
     relevancyFl: relevancyFl,
     relevancy: true
   })), relevancy ? /*#__PURE__*/React.createElement(Form.Item, {
@@ -257,7 +310,9 @@ var TopPanel = function TopPanel(props) {
   })) : '', /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u7ED3\u675F\u4E8B\u4EF6",
     name: "end"
-  }, /*#__PURE__*/React.createElement(EventFilter, null)), /*#__PURE__*/React.createElement(Form.Item, {
+  }, /*#__PURE__*/React.createElement(EventFilter, {
+    subject: currentSubject
+  })), /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u6309\u5C5E\u6027\u7EC6\u5206",
     name: "dimension",
     className: "dimension-interval"
@@ -272,12 +327,20 @@ var TopPanel = function TopPanel(props) {
     onDelete: function onDelete() {
       onChangeAttr(undefined, 'dimension');
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u5206\u6790\u6A21\u578B",
+    name: "analysisModel",
+    className: "panel-form-interval-item"
+  }, /*#__PURE__*/React.createElement(Radio.Group, null, /*#__PURE__*/React.createElement(Radio, {
+    value: AnalysisMode.common
+  }, "\u5E38\u89C4\u95F4\u9694\u5206\u6790"), /*#__PURE__*/React.createElement(Radio, {
+    value: AnalysisMode.firstAndLast
+  }, "\u9996\u672B\u6B21\u95F4\u9694\u5206\u6790"))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-form-botton-box")
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: resetting
   }, "\u91CD\u7F6E"), /*#__PURE__*/React.createElement(Button, {
-    loading: loading,
+    loading: loading || subjectLoading,
     disabled: loading || !startId || !endId || relevancy && !(defaultValue !== null && defaultValue !== void 0 && defaultValue.associatedNextAttr) && !(defaultValue !== null && defaultValue !== void 0 && defaultValue.associatedNextAttr),
     type: "primary",
     onClick: function onClick() {

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

@@ -1,5 +1,4 @@
-@import '../../../assets/icons/iconfont.css';
-@import '../../../assets/business/iconfont.css';
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
 
 .top-panel-interval {
   &-form-botton-box {
@@ -18,6 +17,28 @@
 }
 
 .panel-form-interval {
+  &-item {
+    .ant-form-item-label {
+      padding-left: 24px;
+      font-weight: 500;
+    }
+    .ant-form-item-control-input-content {
+      height: 40px;
+      padding: 0 24px;
+      line-height: 40px;
+      .biz-select-handle {
+        display: inline-block;
+        width: 208px;
+      }
+      span.ant-radio + * {
+        padding-right: 40px;
+        padding-left: 12px;
+      }
+      &:hover {
+        background-color: #e8efff;
+      }
+    }
+  }
   .interval-item {
     margin-top: -2px;
     .ant-space-vertical {

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

@@ -1,5 +1,10 @@
 import { AttrConditionTypes } from '@zgfe/business-lib';
 import { bizAttributeSelectorValueProp, SearchValue } from '../../types';
+import SubjectTypes from '@zgfe/business-lib/es/hooks/types/subject';
+export declare enum AnalysisMode {
+    common = "commonInterval",
+    firstAndLast = "firstLastInterval"
+}
 export interface start {
     eventId?: number;
     id?: number;
@@ -24,6 +29,7 @@ export interface FormDataProps {
     dimension?: bizAttributeSelectorValueProp;
     associatedPreAttr?: bizAttributeSelectorValueProp;
     associatedNextAttr?: bizAttributeSelectorValueProp;
+    analysisSubject?: SubjectTypes.Subject;
 }
 export interface FormHandelDataProps extends start {
     /**

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

@@ -1 +1,5 @@
-export {};
+export var AnalysisMode = /*#__PURE__*/function (AnalysisMode) {
+  AnalysisMode["common"] = "commonInterval";
+  AnalysisMode["firstAndLast"] = "firstLastInterval";
+  return AnalysisMode;
+}({});

package/dist/esm/style/index.less

@@ -51,3 +51,17 @@
     }
   }
 }
+.interval-drill {
+  display: block;
+  .bsicon {
+    display: none;
+    margin-right: 4px;
+  }
+  &:hover {
+    color: @primary-color;
+    cursor: pointer;
+    .bsicon {
+      display: inline;
+    }
+  }
+}

package/dist/esm/types.d.ts

@@ -1,7 +1,7 @@
 import { AttrConditionTypes } from '@zgfe/business-lib';
 import { DatePickerTypes } from '@zgfe/business-lib/es/datePicker/types';
 import { ReactNode } from 'react';
-import { FormDataProps, start } from './modules/topPanel/types';
+import { AnalysisMode, FormDataProps, start } from './modules/topPanel/types';
 /**
  * 属性选择器 默认值
  */
@@ -117,24 +117,25 @@ export interface SearchValue {
      * @description  分类
      */
     module?: string;
-}
-export interface UserDrillParamsProp {
     /**
-     * @description 应用id
+     * 分析模型
      */
-    appId: number;
+    analysisModel?: AnalysisMode;
     /**
-     * @description 平台
+     * 分析主体
      */
-    platform: number;
+    analysisSubject?: {
+        subjectId: number;
+        subjectName: string;
+        subjectAlias?: string;
+        unit: string;
+    };
+}
+export interface UserDrillParamsProp {
     /**
      * @description  用户数量
      */
     count: number;
-    /**
-     * @description 模型类型 整体|事件|漏斗|留存|获取|粘性|崩溃|微信生态-整体|微信生态-小程序
-     */
-    source: string;
     /**
      * @description 查询接口
      */
@@ -143,10 +144,6 @@ export interface UserDrillParamsProp {
      * @description 查询对象
      */
     params?: Record<string, any>;
-    /**
-     * @description 间隔分析，数据格式与其他业务不一致，间隔分析单独提出来了，其他业务在data里面
-     */
-    module?: string;
 }
 export type EventChartTypes = 'line' | 'bar' | 'pie' | 'map' | 'boxplot';
 /**

package/dist/esm/utils/formData.d.ts

@@ -9,7 +9,7 @@ import { DisplaySetup } from '../components/searchPanel/types';
  * @param columnData xAxis
  * @returns column fields
  */
-export declare function getColumns(eventGroupList: EventGroup[] | undefined, userPropList: UserProp[] | undefined, eventEnvList: EnvProp[] | undefined, columnData: string[], dataSource: ResponseDataProps, userGroup: number[], searchData: SearchValue, showList: string[]): ColumnsType<EventProps.ColumnsDataType>;
+export declare function getColumns(eventGroupList: EventGroup[] | undefined, userPropList: UserProp[] | undefined, eventEnvList: EnvProp[] | undefined, columnData: string[], dataSource: ResponseDataProps, userGroup: number[], searchData: SearchValue, showList: string[], onUserDrill: EventProps.Props['onUserDrill']): ColumnsType<EventProps.ColumnsDataType>;
 /**
  * 获取属性的label
  * @param attrData 当前属性
@@ -35,6 +35,7 @@ export declare function formTableData(originalData: ChartData): {
     Q3: number;
     min: number;
     perValue: number;
+    total: number;
     peopleNum: number;
 }[] | {
     key: number;
@@ -45,6 +46,7 @@ export declare function formTableData(originalData: ChartData): {
     Q3: number;
     min: number;
     perValue: number;
+    total: number;
     peopleNum: number;
     children: {
         key: string;
@@ -55,6 +57,7 @@ export declare function formTableData(originalData: ChartData): {
         Q3: number;
         min: number;
         perValue: number;
+        total: number;
         peopleNum: number;
     }[];
 }[] | undefined;

package/dist/esm/utils/formData.js

@@ -1,19 +1,21 @@
 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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-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; }
+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); }
 import React from 'react';
 import { chartColors } from "../constants/color";
 import "../style/index.less";
+import { IconFont } from '@zgfe/business-lib';
+import { Apis } from "../constants";
 var classPrefix = 'interval-form-data';
 function convertToHMS(seconds) {
   var hours = Math.floor(seconds / 3600);
@@ -29,7 +31,7 @@ function convertToHMS(seconds) {
  * @param columnData xAxis
  * @returns column fields
  */
-export function getColumns(eventGroupList, userPropList, eventEnvList, columnData, dataSource, userGroup, searchData, showList
+export function getColumns(eventGroupList, userPropList, eventEnvList, columnData, dataSource, userGroup, searchData, showList, onUserDrill
 // onClickToDetailCallback: Function,
 ) {
   var _dataSource$appData, _dataSource$appData$s, _searchData$dimension;
@@ -121,7 +123,7 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
       return /*#__PURE__*/React.createElement("span", null, " ", convertToHMS(text));
     }
   }, {
-    title: '人均值',
+    title: '均值',
     width: 148,
     ellipsis: true,
     align: 'right',
@@ -136,7 +138,17 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
       return /*#__PURE__*/React.createElement("span", null, " ", convertToHMS(text));
     }
   }, {
-    title: '人数',
+    title: '合计',
+    width: 148,
+    ellipsis: true,
+    align: 'right',
+    dataIndex: 'total',
+    key: 'total',
+    render: function render(text, record) {
+      return /*#__PURE__*/React.createElement("span", null, " ", convertToHMS(text));
+    }
+  }, {
+    title: searchData.analysisSubject ? "".concat(searchData.analysisSubject.subjectAlias || searchData.analysisSubject.subjectName, "\u6570") : '人数',
     width: 148,
     ellipsis: true,
     align: 'right',
@@ -148,7 +160,30 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
     key: 'peopleNum',
     className: "".concat(classPrefix, "-table-td"),
     render: function render(text, record) {
-      return /*#__PURE__*/React.createElement("span", null, " ", text);
+      return /*#__PURE__*/React.createElement("span", {
+        className: "interval-drill",
+        onClick: function onClick() {
+          var params;
+          // 主体下钻
+          if (searchData.analysisSubject) {
+            params = {
+              url: Apis.subjectDrill,
+              count: Number(text),
+              params: _objectSpread({}, searchData)
+            };
+          } else {
+            // 用户下钻
+            params = {
+              url: Apis.userDrill,
+              count: Number(text),
+              params: _objectSpread({}, searchData)
+            };
+          }
+          onUserDrill === null || onUserDrill === void 0 ? void 0 : onUserDrill(params);
+        }
+      }, /*#__PURE__*/React.createElement(IconFont, {
+        type: "a-yanjingkai"
+      }), " ", text);
     }
   }];
   return data;
@@ -192,7 +227,8 @@ function createNewArray(data) {
         Q3: item.total[3] || 0,
         min: item.total[4] || 0,
         perValue: item.total[5] || 0,
-        peopleNum: item.total[6] || 0,
+        total: item.total[6] || 0,
+        peopleNum: item.total[7] || 0,
         children: getChildrenData(data, i)
       };
     });
@@ -221,7 +257,7 @@ export function convertDateArray(params, dateArray) {
         var resultArray = dateArray.map(function (date) {
           var dateObj = new Date(date);
           var weekday = weekdays[dateObj.getDay()];
-          return "".concat(date, " (").concat(weekday, ")");
+          return "".concat(date).concat(weekday ? " (".concat(weekday, ")") : '');
         });
         return resultArray;
         break;
@@ -245,7 +281,8 @@ function getChildrenData(data, index) {
         Q3: values[i][3] || 0,
         min: values[i][4] || 0,
         perValue: values[i][5] || 0,
-        peopleNum: values[i][6] || 0
+        total: values[i][6] || 0,
+        peopleNum: values[i][7] || 0
       };
     });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/modules-interval",
-  "version": "1.0.2",
+  "version": "1.0.3-alpha.1",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -9,12 +9,16 @@
     "deploy": "npm run docs:build && npm run docs:deploy",
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
     "test": "umi-test",
+    "pub": "lerna publish",
     "test:coverage": "umi-test --coverage",
     "prepublishOnly": "npm run build"
   },
   "files": [
     "dist"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "gitHooks": {
@@ -43,7 +47,7 @@
     "@types/uuid": "^9.0.2",
     "@umijs/fabric": "^2.8.1",
     "@umijs/test": "^3.0.5",
-    "@zgfe/business-lib": "1.1.84-panel.6",
+    "@zgfe/business-lib": "1.1.89-qirui.10",
     "@zgfe/modules-demo-manage": "^1.0.1",
     "antd": "^4.22.6",
     "dumi": "^1.1.0",
@@ -51,11 +55,12 @@
     "echarts-for-react": "^3.0.2",
     "father-build": "^1.17.2",
     "gh-pages": "^3.0.0",
-    "lerna": "^5.1.7",
+    "lerna": "5.1.8",
     "lint-staged": "^10.0.7",
     "lodash": "^4.17.21",
     "prettier": "^2.2.1",
     "umi-request": "^1.4.0",
     "yorkie": "^2.0.0"
-  }
+  },
+  "gitHead": "e7b84465ea7400217d91c9140e2f7a2773ba6383"
 }