@zgfe/modules-attribution 1.0.5 → 1.1.0

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

@@ -1,218 +0,0 @@
-import { LeftPanelTypes } from '../modules/leftPanel/types';
-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 searchFields: LeftPanelTypes.FieldProp[];
-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

@@ -1,242 +0,0 @@
-export var chartTypes = [{
-  label: '趋势图',
-  value: 'line',
-  icon: 'qushitu1'
-}, {
-  label: '汇总图',
-  value: 'bar',
-  icon: 'huizongtu'
-}, {
-  label: '表格',
-  icon: 'biaoge',
-  value: 'grid',
-  children: [{
-    label: '',
-    value: 'line',
-    icon: 'qushitu1'
-  }, {
-    label: '',
-    value: 'bar',
-    icon: 'huizongtu'
-  }, {
-    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 searchFields = [{
-  key: 'mi-userGroup',
-  type: 'userGroup',
-  name: 'userGroup',
-  label: '分析用户群',
-  max: 5,
-  options: [],
-  addLabel: ''
-}, {
-  key: 'mi-event',
-  type: 'event',
-  name: 'event',
-  label: '目标事件',
-  max: 5,
-  addLabel: ''
-}, {
-  key: 'mi-targets',
-  type: 'targets',
-  name: 'targets',
-  label: '待归因事件',
-  max: 5,
-  addLabel: '添加待归因事件'
-}, {
-  key: 'mi-process',
-  type: 'process',
-  name: 'process',
-  label: '过程事件',
-  max: 5,
-  addLabel: '添加过程事件'
-}, {
-  key: 'mi-globalFilters',
-  type: 'globalFilters',
-  name: 'globalFilters',
-  label: '全局属性',
-  max: 5,
-  addLabel: '添加属性'
-}, {
-  key: 'mi-globalDimensions',
-  type: 'globalDimensions',
-  name: 'globalDimensions',
-  label: '按属性细分',
-  max: 5,
-  addLabel: '添加属性'
-}];
-
-/**
- * 维度对象
- */
-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

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

package/dist/esm/constants/index.js

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

package/dist/esm/index.d.ts

@@ -1,2 +0,0 @@
-/// <reference path="../typings.d.ts" />
-export { default as ModuleAttribution } from './modules/home';

package/dist/esm/index.js

@@ -1,2 +0,0 @@
-/// <reference path="../typings.d.ts" />
-export { default as ModuleAttribution } from "./modules/home";

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { AttributionContentProps } from './types';
-import './styles/index.less';
-declare const InsightContent: React.ForwardRefExoticComponent<AttributionContentProps.Props & React.RefAttributes<any>>;
-export default InsightContent;

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

@@ -1,218 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { BizAnalysisLayout, BizGlobalDataContext } from '@zgfe/business-lib';
-import React, { useContext, useEffect, useRef, useState } from 'react';
-import Request from 'umi-request';
-import LeftPanel from "../leftPanel";
-import { AttributionContext } from "../../types";
-import "./styles/index.less";
-import { getChartType } from "./utiles";
-import { ContentPanel, OptionGroup, SearchPanel } from "../../components";
-import { message } from 'antd';
-var CancelToken = Request.CancelToken;
-var cancel;
-var classPrefix = 'insight-content';
-var InsightContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  // 左侧查询数据
-  var _useState = useState(props.value),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchData = _useState2[0],
-    setSearchData = _useState2[1];
-  // 最后的查询数据（防止图表在还没查询时就改变了类型）
-  var _useState3 = useState(props.value),
-    _useState4 = _slicedToArray(_useState3, 2),
-    finalSearchData = _useState4[0],
-    setFinalSearchData = _useState4[1];
-  // 查询的结果数据
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    insightData = _useState6[0],
-    setInsightData = _useState6[1];
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    targets = _useState8[0],
-    setTargets = _useState8[1];
-  var _useState9 = useState(props.show || []),
-    _useState10 = _slicedToArray(_useState9, 2),
-    showList = _useState10[0],
-    setShowList = _useState10[1];
-  var _useState11 = useState(true),
-    _useState12 = _slicedToArray(_useState11, 2),
-    loading = _useState12[0],
-    setLoading = _useState12[1];
-  // 地图是否可选
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    enableSelectChart = _useState14[0],
-    setEnableSelectChart = _useState14[1];
-  // 是否是城市
-  var _useState15 = useState(true),
-    _useState16 = _slicedToArray(_useState15, 2),
-    isCity = _useState16[0],
-    setIsCity = _useState16[1];
-  // 时间器
-  var _useState17 = useState(0),
-    _useState18 = _slicedToArray(_useState17, 2),
-    timer = _useState18[0],
-    setTimer = _useState18[1];
-  var _useContext = useContext(BizGlobalDataContext),
-    currentApp = _useContext.currentApp;
-  var _useContext2 = useContext(AttributionContext),
-    afterEditTarget = _useContext2.afterEditTarget;
-  var chartRef = useRef();
-  useEffect(function () {
-    var areaData = getChartType(searchData, searchData);
-    setEnableSelectChart(areaData.isArea);
-    setIsCity(areaData.isCity);
-  }, []);
-  useEffect(function () {
-    if (timer) clearTimeout(timer);
-    var flag = true;
-    setTimer(setTimeout(function () {
-      if (flag) {
-        fetchRequest();
-      }
-    }, 500));
-    return function () {
-      // 清理异步任务
-      if (timer) clearTimeout(timer);
-      flag = false;
-    };
-  }, [searchData]);
-  useEffect(function () {
-    props.onSearching && props.onSearching(loading);
-  }, [loading]);
-
-  // 查询
-  var fetchRequest = function fetchRequest() {
-    setLoading(true);
-    setInsightData(undefined);
-    // 取消上次未完成的请求
-    if (typeof cancel === 'function') {
-      cancel();
-    }
-    setTimeout(function () {
-      setLoading(false);
-    }, 1500);
-    // ajax(Apis.eventAnalytics, {
-    //   method: 'post',
-    //   data: { ...currentApp, ...searchData },
-    //   cancelToken: new CancelToken(function executor(c) {
-    //     cancel = c;
-    //   }),
-    // })
-    //   .then((res: any) => {
-    //     const result = getSortData(res.data, searchData.userGroup);
-    //     setShowList(result ? getDefaultShow(result) : []);
-    //     setInsightData(result);
-    //     setFinalSearchData({ ...searchData });
-    //     setTimeout(() => {
-    //       setLoading(false);
-    //     }, 0);
-    //   })
-    //   .catch((e) => {
-    //     let cancelMessage = "Cannot read properties of null (reading 'data')";
-    //     if (e.message === cancelMessage) {
-    //       console.log(e.message);
-    //     } else {
-    //       // 处理异常
-    //       setLoading(false);
-    //     }
-    //   });
-  };
-
-  // 定位到具体指标
-  var onChangeTag = function onChangeTag(targets) {
-    // setSearchData((value) => ({
-    //   ...value,
-    //   targets,
-    //   globalDimensions: undefined,
-    //   globalFilters: undefined,
-    // }));
-    setTargets(targets);
-  };
-  // 改变左侧条件组
-  var onChangeSearch = function onChangeSearch(allData) {
-    if (allData !== 123) {
-      return;
-    }
-    var areaData = getChartType(allData, searchData);
-    setEnableSelectChart(areaData.isArea);
-    setIsCity(areaData.isCity);
-    setSearchData(function (data) {
-      return _objectSpread(_objectSpread({}, allData), {}, {
-        chartType: areaData.chartType,
-        time: data === null || data === void 0 ? void 0 : data.time
-      });
-    });
-  };
-
-  // 改变时间和图表类型
-  var onChangeContent = function onChangeContent(data) {
-    // setSearchData((value) => ({ ...value, ...data }));
-  };
-
-  // 生成数据报告
-  var onClickGenerateReport = function onClickGenerateReport() {
-    if (!chartRef.current) {
-      message.warning('未选择事件或查询失败！');
-      return;
-    }
-    var url = chartRef.current.instance.getDataURL();
-    var params = {
-      image: url,
-      context: {
-        api: '/web/sdk/v2/event/eventAnalytics',
-        queryParam: searchData
-      }
-    };
-    if (afterEditTarget) afterEditTarget('report', params);
-  };
-  // 改变显示内容
-  var onChangeShow = function onChangeShow(data) {
-    setShowList(data);
-  };
-  return /*#__PURE__*/React.createElement(BizAnalysisLayout, {
-    leftPanel: /*#__PURE__*/React.createElement(LeftPanel, {
-      targets: targets,
-      defaultValue: searchData,
-      onChange: onChangeSearch
-    })
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classPrefix
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-options")
-  }, searchData && /*#__PURE__*/React.createElement(OptionGroup, {
-    ref: ref,
-    searchData: searchData,
-    result: insightData,
-    enableSelectChart: enableSelectChart,
-    showList: showList,
-    onClickGenerateReport: onClickGenerateReport
-  })), /*#__PURE__*/React.createElement(ContentPanel, {
-    ref: chartRef,
-    loading: loading,
-    isCity: isCity,
-    insightData: insightData,
-    searchData: finalSearchData,
-    showList: showList,
-    onChangeTag: onChangeTag,
-    onChangeShow: onChangeShow
-  }, /*#__PURE__*/React.createElement(SearchPanel, {
-    chart: searchData.chartType,
-    time: searchData === null || searchData === void 0 ? void 0 : searchData.time,
-    enableSelectChart: enableSelectChart,
-    onChange: onChangeContent
-  }))));
-});
-export default InsightContent;