@zgfe/modules-interval 1.0.0-interval.1

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

@@ -0,0 +1,2 @@
+import { ChartItemProp } from '../types';
+export declare const chartTypeOptions: ChartItemProp[];

package/dist/esm/constants/chart.js

@@ -0,0 +1,31 @@
+import { IconFont } from '@zgfe/business-lib';
+import React from 'react';
+export var chartTypeOptions = [{
+  label: '趋势图',
+  value: 'line',
+  icon: /*#__PURE__*/React.createElement(IconFont, {
+    type: "qushitu1",
+    size: 16
+  })
+}, {
+  label: '汇总图',
+  value: 'bar',
+  icon: /*#__PURE__*/React.createElement(IconFont, {
+    type: "huizongtu",
+    size: 16
+  })
+}, {
+  label: '占比图',
+  value: 'pie',
+  icon: /*#__PURE__*/React.createElement(IconFont, {
+    type: "bingtu",
+    size: 16
+  })
+}, {
+  label: '地图',
+  value: 'map',
+  icon: /*#__PURE__*/React.createElement(IconFont, {
+    type: "ditu",
+    size: 16
+  })
+}];

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

@@ -0,0 +1,2 @@
+export declare const chartColors: string[];
+export declare function getRandomColor(): string;

package/dist/esm/constants/color.js

@@ -0,0 +1,9 @@
+export var chartColors = ['#457DFF', '#80E1D9', '#65789B', '#F8BC3B', '#6F66ED', '#66AFED', '#9661BC', '#FF7557', '#4DB273', '#F08BB4', '#CDDBFD', '#CDF3F0', '#CED4DE', '#FCE7B9', '#D1CEFD', '#D3E7F9', '#DFCFEA', '#FFD1C7', '#BBDEC8', '#F5C9D9', '#FFE0ED'];
+export function getRandomColor() {
+  var letters = '0123456789ABCDEF';
+  var color = '#';
+  for (var i = 0; i < 6; i++) {
+    color += letters[Math.floor(Math.random() * 16)];
+  }
+  return color;
+}

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

@@ -0,0 +1,226 @@
+export declare const platformOption: {
+    key: number;
+    value: string;
+}[];
+export declare const chartTypes: ({
+    label: string;
+    value: string;
+    icon: string;
+    children?: undefined;
+    disabled?: undefined;
+} | {
+    label: string;
+    icon: string;
+    value: string;
+    children: ({
+        label: string;
+        value: string;
+        icon: string;
+        disabled?: undefined;
+    } | {
+        label: string;
+        value: string;
+        icon: string;
+        disabled: boolean;
+    })[];
+    disabled?: undefined;
+} | {
+    label: string;
+    value: string;
+    icon: string;
+    disabled: boolean;
+    children?: undefined;
+})[];
+export declare const addPanelFields: ({
+    label: string;
+    name: string;
+    extendName: string;
+    type: string;
+    options: never[];
+    children: string[];
+    fieldNames: {
+        label: string;
+        value: string;
+    };
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+    direction?: undefined;
+    dependenceFields?: undefined;
+} | {
+    label: string;
+    name: string;
+    type: string;
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+    extendName?: undefined;
+    options?: undefined;
+    children?: undefined;
+    fieldNames?: undefined;
+    direction?: undefined;
+    dependenceFields?: undefined;
+} | {
+    label: string;
+    name: string;
+    type: string;
+    options: ({
+        label: string;
+        value: string;
+        icon: string;
+        children?: undefined;
+        disabled?: undefined;
+    } | {
+        label: string;
+        icon: string;
+        value: string;
+        children: ({
+            label: string;
+            value: string;
+            icon: string;
+            disabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            icon: string;
+            disabled: boolean;
+        })[];
+        disabled?: undefined;
+    } | {
+        label: string;
+        value: string;
+        icon: string;
+        disabled: boolean;
+        children?: undefined;
+    })[];
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+    extendName?: undefined;
+    children?: undefined;
+    fieldNames?: undefined;
+    direction?: undefined;
+    dependenceFields?: undefined;
+} | {
+    label: string;
+    name: string;
+    type: string;
+    direction: string;
+    dependenceFields: {
+        chart: string;
+    };
+    options: {
+        label: string;
+        value: string;
+    }[];
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+    extendName?: undefined;
+    children?: undefined;
+    fieldNames?: undefined;
+})[];
+export declare const editPanelFields: ({
+    label: string;
+    name: string;
+    type: string;
+    options: ({
+        label: string;
+        value: string;
+        icon: string;
+        children?: undefined;
+        disabled?: undefined;
+    } | {
+        label: string;
+        icon: string;
+        value: string;
+        children: ({
+            label: string;
+            value: string;
+            icon: string;
+            disabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            icon: string;
+            disabled: boolean;
+        })[];
+        disabled?: undefined;
+    } | {
+        label: string;
+        value: string;
+        icon: string;
+        disabled: boolean;
+        children?: undefined;
+    })[];
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+    direction?: undefined;
+    dependenceFields?: undefined;
+} | {
+    label: string;
+    name: string;
+    type: string;
+    direction: string;
+    dependenceFields: {
+        chart: string;
+    };
+    options: {
+        label: string;
+        value: string;
+    }[];
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+})[];
+export declare const addSceneFields: ({
+    label: string;
+    name: string;
+    type: string;
+    options: never[];
+    fieldNames: {
+        label: string;
+        value: string;
+    };
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+} | {
+    label: string;
+    name: string;
+    type: string;
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+    options?: undefined;
+    fieldNames?: undefined;
+})[];
+/**
+ * 维度对象
+ */
+export declare const indexObject: {
+    [key: string]: string;
+};
+/**
+ * 内置指标
+ */
+export declare const BuiltinIndicators: {
+    id: number;
+    name: string;
+    eventList: {
+        name: string;
+        id: number;
+        type: string;
+        isBuiltIn: boolean;
+        attrList: never[];
+    }[];
+};

package/dist/esm/constants/fields.js

@@ -0,0 +1,219 @@
+export var platformOption = [{
+  key: 0,
+  value: '全部'
+}, {
+  key: 1,
+  value: 'Android'
+}, {
+  key: 2,
+  value: 'IOS'
+}, {
+  key: 3,
+  value: 'JS'
+}];
+export var chartTypes = [{
+  label: '趋势图',
+  value: 'line',
+  icon: 'qushitu1'
+}, {
+  label: '汇总图',
+  value: 'bar',
+  icon: 'huizongtu'
+}, {
+  label: '占比图',
+  value: 'pie',
+  icon: 'bingtu'
+}, {
+  label: '表格',
+  icon: 'biaoge',
+  value: 'grid',
+  children: [{
+    label: '',
+    value: 'line',
+    icon: 'qushitu1'
+  }, {
+    label: '',
+    value: 'bar',
+    icon: 'huizongtu'
+  }, {
+    label: '',
+    value: 'pie',
+    icon: 'bingtu'
+  }, {
+    label: '',
+    value: 'map',
+    icon: 'ditu',
+    disabled: true
+  }]
+}, {
+  label: '地图',
+  value: 'map',
+  icon: 'ditu',
+  disabled: true
+}, {
+  label: '数值',
+  value: 'number',
+  icon: 'fenshu',
+  disabled: true
+}];
+
+// 添加看板弹窗内容
+export var addPanelFields = [{
+  label: '看板',
+  name: 'panel',
+  extendName: 'range',
+  type: 'selectToInput',
+  options: [],
+  children: ['range'],
+  fieldNames: {
+    label: 'name',
+    value: 'id'
+  },
+  rules: [{
+    required: true,
+    message: '请选择看板'
+  }]
+}, {
+  label: '名称',
+  name: 'name',
+  type: 'input',
+  rules: [{
+    required: true,
+    message: '请输入名称'
+  }]
+}, {
+  label: '样式',
+  name: 'chart',
+  type: 'tab',
+  options: chartTypes,
+  rules: [{
+    required: true,
+    message: '请选择图表'
+  }]
+}, {
+  label: '显示',
+  name: 'show',
+  type: 'radio',
+  direction: 'vertical',
+  dependenceFields: {
+    chart: 'line'
+  },
+  options: [{
+    label: '动态显示数据最多的10个分组',
+    value: 'dynamic'
+  }, {
+    label: '固定显示当前选择的分组',
+    value: 'fix'
+  }],
+  rules: [{
+    required: true,
+    message: '请选择'
+  }]
+}];
+
+// 保存（修改）看板
+export var editPanelFields = [{
+  label: '样式',
+  name: 'chart',
+  type: 'tab',
+  options: chartTypes,
+  rules: [{
+    required: true,
+    message: '请选择图表'
+  }]
+}, {
+  label: '显示',
+  name: 'show',
+  type: 'radio',
+  direction: 'vertical',
+  dependenceFields: {
+    chart: 'line'
+  },
+  options: [{
+    label: '动态显示数据最多的10个分组',
+    value: 'dynamic'
+  }, {
+    label: '固定显示当前选择的分组',
+    value: 'fix'
+  }],
+  rules: [{
+    required: true,
+    message: '请选择'
+  }]
+}];
+
+// 添加常用场景
+export var addSceneFields = [{
+  label: '场景分类',
+  name: 'class',
+  type: 'selectToInput',
+  options: [],
+  fieldNames: {
+    label: 'groupName',
+    value: 'groupId'
+  },
+  rules: [{
+    required: true,
+    message: '请选择场景分类'
+  }]
+}, {
+  label: '场景名称',
+  name: 'name',
+  type: 'input',
+  rules: [{
+    required: true,
+    message: '请输入场景名称'
+  }]
+}];
+
+/**
+ * 维度对象
+ */
+export var indexObject = {
+  number: '人数',
+  times: '次数',
+  per: '人均次数',
+  sum: '总和',
+  avg: '均值',
+  duration_times: '分布',
+  median: '中位数'
+};
+
+/**
+ * 内置指标
+ */
+export var BuiltinIndicators = {
+  id: -2,
+  name: '整体',
+  eventList: [{
+    name: '新增用户',
+    id: -201,
+    type: 'add',
+    isBuiltIn: true,
+    attrList: []
+  }, {
+    name: '活跃用户',
+    id: -202,
+    type: 'active',
+    isBuiltIn: true,
+    attrList: []
+  }, {
+    name: '访问次数',
+    id: -203,
+    type: 'times',
+    isBuiltIn: true,
+    attrList: []
+  }, {
+    name: '平均使用时长',
+    id: -204,
+    type: 'duration_avg',
+    isBuiltIn: true,
+    attrList: []
+  }, {
+    name: '使用时长分布',
+    id: -205,
+    type: 'duration',
+    isBuiltIn: true,
+    attrList: []
+  }]
+};

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

@@ -0,0 +1,6 @@
+import Apis from './apis';
+import { chartTypeOptions } from './chart';
+import { chartColors } from './color';
+import { chartTypes, addPanelFields, editPanelFields, addSceneFields } from './fields';
+import { getInitDate } from './initData';
+export { Apis, chartTypeOptions, chartColors, chartTypes, addPanelFields, editPanelFields, addSceneFields, getInitDate, };

package/dist/esm/constants/index.js

@@ -0,0 +1,6 @@
+import Apis from "./apis";
+import { chartTypeOptions } from "./chart";
+import { chartColors } from "./color";
+import { chartTypes, addPanelFields, editPanelFields, addSceneFields } from "./fields";
+import { getInitDate } from "./initData";
+export { Apis, chartTypeOptions, chartColors, chartTypes, addPanelFields, editPanelFields, addSceneFields, getInitDate };

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

@@ -0,0 +1,2 @@
+import { DatePickerTypes } from '@zgfe/business-lib/es/datePicker/types';
+export declare function getInitDate(includeToday?: boolean): DatePickerTypes.Value;

package/dist/esm/constants/initData.js

@@ -0,0 +1,11 @@
+import moment from 'moment';
+
+// 默认日期
+export function getInitDate(includeToday) {
+  return {
+    unit: 'day',
+    relative: [7, 0],
+    begin: moment().subtract(7, 'days').format('YYYY-MM-DD'),
+    end: moment().subtract(includeToday ? 0 : 1, 'days').format('YYYY-MM-DD')
+  };
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference path="../typings.d.ts" />
+import EventChart from './modules/chart';
+import ModuleEvent from './modules/home';
+export { ModuleEvent, EventChart };

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+/// <reference path="../typings.d.ts" />
+import EventChart from "./modules/chart";
+import ModuleEvent from "./modules/home";
+export { ModuleEvent, EventChart };

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+declare const CustomTooltip: React.FC<{
+    payload: any;
+    series: any;
+}>;
+export default CustomTooltip;

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

@@ -0,0 +1,37 @@
+import React, { useEffect } from 'react';
+import "./index.less";
+var CustomTooltip = function CustomTooltip(_ref) {
+  var payload = _ref.payload,
+    series = _ref.series;
+  // 初始化，判断showList是否有值，如果没值，取结果的前10条
+  useEffect(function () {}, []);
+  function convertToHMS(seconds) {
+    var hours = Math.floor(seconds / 3600);
+    var minutes = Math.floor(seconds % 3600 / 60);
+    var remainingSeconds = seconds % 60;
+    return ('00' + hours).slice(-2) + ':' + ('00' + minutes).slice(-2) + ':' + ('00' + remainingSeconds).slice(-2);
+  }
+  // 根据payload中的数据定义弹窗内容
+  var marker = payload === null || payload === void 0 ? void 0 : payload.marker;
+  var value = payload === null || payload === void 0 ? void 0 : payload.value;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "custom-tooltip"
+  }, /*#__PURE__*/React.createElement("div", null, payload.name), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: marker
+    }
+  }), (series === null || series === void 0 ? void 0 : series.names[0]) && /*#__PURE__*/React.createElement("div", {
+    className: "tooltip-span"
+  }, series.names[0])), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "tooltip-span"
+  }, "\u6700\u5927\u503C\uFF1A"), /*#__PURE__*/React.createElement("div", null, convertToHMS(value[5]))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "tooltip-span"
+  }, "\u4E0A\u56DB\u5206\u4F4D\uFF1A"), convertToHMS(value[2])), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "tooltip-span"
+  }, "\u4E2D\u4F4D\u6570\uFF1A"), convertToHMS(value[3])), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "tooltip-span"
+  }, "\u4E0B\u56DB\u5206\u4F4D\uFF1A"), convertToHMS(value[4])), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "tooltip-span"
+  }, "\u6700\u5C0F\u503C\uFF1A"), convertToHMS(value[1]))));
+};
+export default CustomTooltip;

package/dist/esm/modules/chart/demo/data.d.ts

@@ -0,0 +1,79 @@
+export declare const result: {
+    xAxis: string[];
+    series: ({
+        duration: never[];
+        index: string;
+        names: string[];
+        values: number[];
+    } | {
+        duration: {
+            name: string;
+            values: number[];
+        }[];
+        index: null;
+        names: string[];
+        values: number[];
+    })[];
+};
+export declare const totalResult: {
+    xAxis: string[];
+    series: ({
+        duration: never[];
+        index: string;
+        names: string[];
+        original_names: never[];
+        p_total: never[];
+        total: never[];
+        values: number[];
+    } | {
+        duration: never[];
+        index: null;
+        names: string[];
+        original_names: never[];
+        p_total: never[];
+        total: never[];
+        values: number[];
+    })[];
+};
+export declare const searchData: {
+    targets: {
+        type: string;
+        alias: string;
+        eventId: number;
+        eventName: string;
+        eventGroupId: number;
+        analysisDimension: {
+            analysisIndex: string;
+        };
+    }[];
+    userGroup: number[];
+    time: {
+        unit: string;
+        relative: number[];
+        begin: string;
+        end: string;
+    };
+    chartType: string;
+};
+export declare const totalSearchData: {
+    appId: number;
+    platform: number;
+    targets: {
+        type: string;
+        alias: string;
+        eventId: number;
+        eventName: string;
+        eventGroupId: number;
+        analysisDimension: {
+            analysisIndex: string;
+        };
+    }[];
+    userGroup: number[];
+    time: {
+        unit: string;
+        relative: number[];
+        begin: string;
+        end: string;
+    };
+    chartType: string;
+};