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

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

@@ -0,0 +1,58 @@
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.modules-event-topbar {
+  display: flex;
+  justify-content: space-between;
+  margin: 8px 0;
+  padding: 0 16px;
+  &-title {
+    display: flex;
+    align-items: center;
+    .fanhuiicon {
+      margin-right: 8px;
+      color: #5f6085;
+      cursor: pointer;
+    }
+    > span {
+      color: var(--io-N-, #021429);
+      font-weight: 500;
+      font-size: 16px;
+      font-family: 'PingFang SC';
+      font-style: normal;
+      line-height: 20px; /* 125% */
+      letter-spacing: 0.016px;
+    }
+  }
+  &-right {
+    display: flex;
+    justify-content: flex-end;
+  }
+  &-panel {
+    margin-right: 16px;
+    .ant-btn {
+      background: #fff;
+      border-color: #f2f3f4;
+    }
+    .ant-btn:hover {
+      border-color: #165dff;
+    }
+  }
+  &-scene {
+    margin-right: 16px;
+    .ant-btn {
+      background: #fff;
+      border-color: #f2f3f4;
+    }
+    .ant-btn:hover {
+      border-color: #165dff;
+    }
+  }
+  &-earlywarning {
+    margin-right: 16px;
+  }
+  &-platform {
+    display: flex;
+    height: 32px;
+    line-height: 32px;
+  }
+}

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

@@ -0,0 +1,8 @@
+import { SearchValue, ResponseDataProps } from '../../types';
+export interface TopBarProps {
+    searchData?: SearchValue;
+    platformChange: (data: number) => void;
+    eventData?: ResponseDataProps;
+    onClickGenerateReport?: (value: any) => void;
+    enableSelectChart: boolean;
+}

package/es/components/topBar/types.js

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

package/es/constants/apis.d.ts

@@ -0,0 +1,10 @@
+declare const Apis: {
+    dataList: string;
+    getEventDataSql: string;
+    eventDownloadReport: string;
+    querySubDisplayApi: string;
+    relationSaveConfig: string;
+    queryRelationConfig: string;
+    getEventSwitch: string;
+};
+export default Apis;

package/es/constants/apis.js

@@ -0,0 +1,10 @@
+var Apis = {
+  dataList: '/zg/web/v2/data/eventDataList',
+  getEventDataSql: '/zg/web/v2/dataSql/getEventDataSql',
+  eventDownloadReport: '/zg/web/v2/data/eventDownloadReport',
+  querySubDisplayApi: '/zg/web/v2/analysisSubject/querySubDisplay',
+  relationSaveConfig: '/zg/web/v2/event/relation/saveConfig',
+  queryRelationConfig: '/zg/web/v2/event/queryRelationConfig',
+  getEventSwitch: '/zg/web/v2/event/getEventSwitch'
+};
+export default Apis;

package/es/constants/chart.d.ts

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

package/es/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/es/constants/color.d.ts

@@ -0,0 +1 @@
+export declare const chartColors: string[];

package/es/constants/color.js

@@ -0,0 +1 @@
+export var chartColors = ['#457DFF', '#80E1D9', '#65789B', '#F8BC3B', '#6F66ED', '#66AFED', '#9661BC', '#FF7557', '#4DB273', '#F08BB4', '#CDDBFD', '#CDF3F0', '#CED4DE', '#FCE7B9', '#D1CEFD', '#D3E7F9', '#DFCFEA', '#FFD1C7', '#BBDEC8', '#FFE0ED'];

package/es/constants/fields.d.ts

@@ -0,0 +1,251 @@
+export declare const platformOption: {
+    key: number;
+    value: string;
+}[];
+export declare const chartTypes: ({
+    label: string;
+    value: string;
+    icon: string;
+    children?: undefined;
+    disabled?: undefined;
+    optionList?: 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;
+    optionList?: undefined;
+} | {
+    label: string;
+    value: string;
+    icon: string;
+    disabled: boolean;
+    children?: undefined;
+    optionList?: undefined;
+} | {
+    label: string;
+    value: string;
+    icon: string;
+    disabled: boolean;
+    optionList: {
+        label: string;
+        value: string;
+        disabled: boolean;
+        select: 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;
+        optionList?: 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;
+        optionList?: undefined;
+    } | {
+        label: string;
+        value: string;
+        icon: string;
+        disabled: boolean;
+        children?: undefined;
+        optionList?: undefined;
+    } | {
+        label: string;
+        value: string;
+        icon: string;
+        disabled: boolean;
+        optionList: {
+            label: string;
+            value: string;
+            disabled: boolean;
+            select: 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;
+        optionList?: 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;
+        optionList?: undefined;
+    } | {
+        label: string;
+        value: string;
+        icon: string;
+        disabled: boolean;
+        children?: undefined;
+        optionList?: undefined;
+    } | {
+        label: string;
+        value: string;
+        icon: string;
+        disabled: boolean;
+        optionList: {
+            label: string;
+            value: string;
+            disabled: boolean;
+            select: 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;
+})[];

package/es/constants/fields.js

@@ -0,0 +1,177 @@
+export var platformOption = [{
+  key: 0,
+  value: '全部'
+}, {
+  key: 3,
+  value: 'JS'
+}, {
+  key: 2,
+  value: 'IOS'
+}, {
+  key: 1,
+  value: 'Android'
+}];
+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: false,
+  optionList: [{
+    label: '合计',
+    value: 'total',
+    disabled: true,
+    select: true
+  }, {
+    label: '环比',
+    value: 'huanbi',
+    disabled: false,
+    select: true
+  }, {
+    label: '同比',
+    value: 'tongbi',
+    disabled: false,
+    select: 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: '请输入场景名称'
+  }]
+}];

package/es/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/es/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/es/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/es/constants/initData.js

@@ -0,0 +1,9 @@
+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/es/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference path="../typings.d.ts" />
+import EventChart from './modules/chart';
+import ModuleEvent from './modules/home';
+import { getNumberPanelData } from './modules/content/utils';
+import EventFilter from './components/eventFilter';
+export { ModuleEvent, EventChart, getNumberPanelData, EventFilter };

package/es/index.js

@@ -0,0 +1,5 @@
+import EventChart from './modules/chart';
+import ModuleEvent from './modules/home';
+import { getNumberPanelData } from './modules/content/utils';
+import EventFilter from './components/eventFilter';
+export { ModuleEvent, EventChart, getNumberPanelData, EventFilter };

package/es/modules/chart/demo/data.d.ts

@@ -0,0 +1,73 @@
+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: {
+    appId: number;
+    platform: number;
+    module: string;
+    time: {
+        begin: string;
+        end: string;
+        relative: number[];
+        unit: string;
+    };
+    analysisIndex: string;
+    chartType: string;
+    userGroup: number[];
+};
+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;
+};