@zgfe/modules-attribution 1.0.5 → 1.1.1

package/es/constants/fields.js

@@ -0,0 +1,45 @@
+export var chartTypes = [{
+  label: '表格',
+  icon: 'biaoge',
+  value: 'grid'
+}];
+export var searchFields = [{
+  key: 'mi-targetFilters',
+  type: 'targetFilters',
+  name: 'targetFilters',
+  label: '目标事件',
+  max: 1,
+  addLabel: '',
+  tips: '目标事件通常为购买、付费、支付等事件',
+  required: true
+}, {
+  key: 'mi-sourceFilters',
+  type: 'sourceFilters',
+  name: 'sourceFilters',
+  label: '待归因事件',
+  max: 10,
+  addLabel: '待归因事件',
+  tips: '参与归因计算的事件，通常为广告、运营位的点击事件',
+  required: true
+}, {
+  key: 'mi-globalFilters',
+  type: 'globalFilters',
+  name: 'globalFilters',
+  label: '全局属性',
+  max: 5,
+  addLabel: '添加属性',
+  required: false
+}];
+export var attributionTypeTooltips = [{
+  text: '首次触点归因',
+  title: '完成目标事件的「待归因事件」中，第一个「待归因事件」贡献为100%'
+}, {
+  text: '末次触点归因',
+  title: '完成目标事件的「待归因事件」中，最后一个「待归因事件」贡献为100%'
+}, {
+  text: '线性归因',
+  title: '完成目标事件的「待归因事件」中，所有「待归因事件」平均分配贡献'
+}, {
+  text: '位置归因',
+  title: '完成目标事件的「待归因事件」中，首位和末位「待归因事件」各获40%贡献，其余「待归因事件」平分20%贡献'
+}];

package/es/constants/index.d.ts

@@ -0,0 +1,4 @@
+import Apis from './apis';
+import { chartTypes, searchFields } from './fields';
+import { initTarget, initEvent, getInitDate } from './initData';
+export { Apis, chartTypes, searchFields, initTarget, initEvent, getInitDate, };

package/es/constants/index.js

@@ -0,0 +1,4 @@
+import Apis from './apis';
+import { chartTypes, searchFields } from './fields';
+import { initTarget, initEvent, getInitDate } from './initData';
+export { Apis, chartTypes, searchFields, initTarget, initEvent, getInitDate };

package/{dist/esm → es}/constants/initData.js

@@ -1,6 +1,4 @@
 import moment from 'moment';
-
-// 指标默认是 所有分组/事件概览
 export var initTarget = [{
   type: 'event',
   alias: '事件概览',
@@ -11,15 +9,11 @@ export var initTarget = [{
     analysisIndex: 'number'
   }
 }];
-
-// 默认事件
 export var initEvent = {
   id: -100,
   name: '事件概览',
   attrList: []
 };
-
-// 默认日期
 export function getInitDate(includeToday) {
   return {
     unit: 'day',

package/es/index.d.ts

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

package/es/index.js

@@ -0,0 +1,2 @@
+import AttributionHome from './modules/home';
+export { AttributionHome };

package/es/modules/content/index.d.ts

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

package/es/modules/content/index.js

@@ -0,0 +1,134 @@
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { BizGlobalDataContext } from '@zgfe/business-lib';
+import request from '../../utils/request';
+import React, { useContext, useEffect, useState, useRef } from 'react';
+import SearchPanel from '../searchPanel';
+import './styles/index.less';
+import { Apis } from '../../constants';
+import { handleTableData } from './utils';
+import { TableList, OptionGroup, SearchTime } from '../../components';
+var classPrefix = 'attribution-content';
+var AttributionContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _useState = useState(props.value),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchData = _useState2[0],
+    setSearchData = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp;
+  var _useState5 = useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isFetchRequest = _useState6[0],
+    setIsFetchRequest = _useState6[1];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    time = _useState8[0],
+    setTime = _useState8[1];
+  useEffect(function () {
+    if (searchData.sourceFilters && searchData.sourceFilters[0].eventId === -100) return;
+    fetchRequest();
+  }, [searchData]);
+  useEffect(function () {
+    props.onSearching && props.onSearching(loading);
+  }, [loading]);
+  var _useState9 = useState(100),
+    _useState10 = _slicedToArray(_useState9, 2),
+    total = _useState10[0],
+    setTotal = _useState10[1];
+  var fetchRequest = function fetchRequest() {
+    if (!isFetchRequest) {
+      return;
+    }
+    setIsFetchRequest(false);
+    setLoading(true);
+    var _searchData = _objectSpread(_objectSpread({}, searchData), {}, {
+      targetFilters: searchData.targetFilters[0]
+    });
+    request(Apis.getAnalyseData, {
+      method: 'post',
+      data: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, currentApp), _searchData), time), {}, {
+        searchType: 0
+      })
+    }).then(function (res) {
+      if (res === null || res === void 0 ? void 0 : res.data) {
+        var _data = handleTableData(res === null || res === void 0 ? void 0 : res.data);
+        setTableDataList(_data);
+        setTotal(res.data.total);
+      }
+      setTimeout(function () {
+        setLoading(false);
+      }, 20);
+    }).catch(function () {
+      setLoading(false);
+    });
+  };
+  var onChangeSearch = function onChangeSearch(allData, isFetchRequest) {
+    setIsFetchRequest(isFetchRequest);
+    setSearchData(function (data) {
+      return _objectSpread(_objectSpread({}, allData), {}, {
+        time: data === null || data === void 0 ? void 0 : data.time
+      });
+    });
+  };
+  var onChangeContent = function onChangeContent(data) {
+    setTime(data);
+    setSearchData(function (value) {
+      return _objectSpread(_objectSpread({}, value), data);
+    });
+  };
+  var _useState11 = useState({}),
+    _useState12 = _slicedToArray(_useState11, 2),
+    tableDataList = _useState12[0],
+    setTableDataList = _useState12[1];
+  var SearchPanelRef = useRef(null);
+  var onGetSearchData = function onGetSearchData() {
+    if (SearchPanelRef) {
+      SearchPanelRef.current.onGetSearchData();
+    }
+  };
+  var resetTime = function resetTime() {
+    setSearchData(function (value) {
+      return _objectSpread(_objectSpread({}, value), {}, {
+        time: undefined
+      });
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-top-content")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-top-content-box")
+  }, /*#__PURE__*/React.createElement(SearchPanel, {
+    ref: SearchPanelRef,
+    defaultValue: searchData,
+    onChange: onChangeSearch,
+    resetTime: resetTime
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-bottom-content-box")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-bottom-content-box-times")
+  }, /*#__PURE__*/React.createElement(SearchTime, {
+    time: searchData === null || searchData === void 0 ? void 0 : searchData.time,
+    onChange: onChangeContent
+  }), searchData && /*#__PURE__*/React.createElement(OptionGroup, {
+    ref: ref,
+    searchData: searchData,
+    onGetSearchData: onGetSearchData
+  })), /*#__PURE__*/React.createElement(TableList, {
+    total: total,
+    tableDataList: tableDataList
+  })));
+});
+export default AttributionContent;

package/es/modules/content/styles/index.less

@@ -0,0 +1,7 @@
+// .attribution-content {
+//   &-options {
+//     display: flex;
+//     justify-content: flex-end;
+//     // margin-bottom: 16px;
+//   }
+// }

package/es/modules/content/types.d.ts

@@ -0,0 +1,8 @@
+import { SearchValueProps } from '../../types';
+export declare namespace attributionContentProps {
+    interface Props {
+        value: SearchValueProps;
+        show?: string[];
+        onSearching?: (flag: boolean) => void;
+    }
+}

package/es/modules/content/utils.d.ts

@@ -0,0 +1,2 @@
+import { TableDataHandleProps, TableDataProps } from '../../types';
+export declare const handleTableData: (data: TableDataHandleProps) => TableDataProps;

package/es/modules/content/utils.js

@@ -0,0 +1,29 @@
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+import { nanoid } from 'nanoid';
+export var handleTableData = function handleTableData(data) {
+  var tableData = {};
+  var dataSource = [],
+    columns = [];
+  var _columns = data.xAxis;
+  data.series.map(function (item) {
+    var _json = {};
+    item.values.map(function (_item, _index) {
+      _json[_columns[_index]] = _item;
+    });
+    dataSource.push(_objectSpread({
+      key: nanoid()
+    }, _json));
+  });
+  _columns.map(function (item) {
+    columns.push({
+      title: item,
+      dataIndex: item,
+      key: item
+    });
+  });
+  tableData.dataSource = dataSource;
+  tableData.columns = columns;
+  return tableData;
+};

package/{dist/esm → es}/modules/home/demo/create.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/es/modules/home/demo/create.js

@@ -0,0 +1,23 @@
+import React, { useEffect } from 'react';
+import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
+import { AttributionHome } from '@zgfe/modules-attribution';
+import { requestConfig } from '../../../utils/ajaxConfig';
+var defaultValue = {
+  panelId: 438,
+  panelType: 'add'
+};
+export default (function () {
+  useEffect(function () {
+    setGlobalConfig(requestConfig);
+  }, []);
+  var afterEditTarget = function afterEditTarget(type, data) {
+    console.log("".concat(type, "\u56DE\u8C03"), data);
+  };
+  return /*#__PURE__*/React.createElement(DemoWrapper, {
+    needMeta: true,
+    defaultApp: 328
+  }, /*#__PURE__*/React.createElement(AttributionHome, {
+    defaultValue: defaultValue,
+    afterEditTarget: afterEditTarget
+  }));
+});

package/{dist/esm → es}/modules/home/demo/edit.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/es/modules/home/demo/edit.js

@@ -0,0 +1,129 @@
+import React, { useEffect } from 'react';
+import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
+import { AttributionHome } from '@zgfe/modules-attribution';
+import { requestConfig } from '../../../utils/ajaxConfig';
+var defaultValue = {
+  data: {
+    "app_id": 331,
+    "module": "attribution",
+    "targetFilters": [{
+      "eventId": 4024,
+      "eventName": "收入",
+      "filters": {
+        "relation": "and",
+        "conditions": [{
+          "attrId": 31331,
+          "propCategory": "eventProp",
+          "type": 2,
+          "operator": "gt",
+          "values": ["88"],
+          "dimensionSub": "event_attr",
+          "label": "price",
+          "attrName": "price"
+        }, {
+          "attrId": 31328,
+          "propCategory": "eventProp",
+          "type": 2,
+          "operator": "gt",
+          "values": ["99"],
+          "dimensionSub": "event_attr",
+          "label": "total",
+          "attrName": "total"
+        }]
+      }
+    }],
+    "sourceFilters": [{
+      "eventId": 4023,
+      "eventName": "查看商品",
+      "filters": {
+        "relation": "and",
+        "conditions": [{
+          "attrId": 31321,
+          "propCategory": "eventProp",
+          "type": 2,
+          "operator": "gt",
+          "values": ["77"],
+          "dimensionSub": "event_attr",
+          "label": "商品价格",
+          "attrName": "商品价格"
+        }, {
+          "attrId": 31332,
+          "propCategory": "eventProp",
+          "type": 1,
+          "operator": "equal",
+          "values": ["移动电话"],
+          "dimensionSub": "event_attr",
+          "label": "商品类型",
+          "attrName": "商品类型"
+        }]
+      },
+      "attributionSubdivision": {
+        "relation": "and",
+        "conditions": {
+          "propCategory": "eventProp",
+          "type": 1,
+          "attrId": 31332
+        }
+      }
+    }, {
+      "eventId": 4026,
+      "eventName": "加购商品",
+      "filters": {
+        "relation": "and",
+        "conditions": [{
+          "attrId": 31334,
+          "propCategory": "eventProp",
+          "type": 2,
+          "operator": "gt",
+          "values": ["66"],
+          "dimensionSub": "event_attr",
+          "label": "商品价格",
+          "attrName": "商品价格"
+        }, {
+          "attrId": 31336,
+          "propCategory": "eventProp",
+          "type": 1,
+          "operator": "equal",
+          "values": ["移动电话"],
+          "dimensionSub": "event_attr",
+          "label": "商品类型",
+          "attrName": "商品类型"
+        }]
+      },
+      "attributionSubdivision": {
+        "relation": "and",
+        "conditions": {
+          "propCategory": "eventProp",
+          "type": 1,
+          "attrId": 31329
+        }
+      }
+    }],
+    "attributionType": 3,
+    "otherEvent": true,
+    "windowCnt": 2,
+    "windowType": "hour",
+    "time": {
+      "unit": "day",
+      "relative": [14, 0],
+      "begin": "2023-05-29",
+      "end": "2023-06-12"
+    },
+    "chartType": "grid"
+  }
+};
+export default (function () {
+  useEffect(function () {
+    setGlobalConfig(requestConfig);
+  }, []);
+  var afterEditTarget = function afterEditTarget(type, data) {
+    console.log("".concat(type, "\u56DE\u8C03"), data);
+  };
+  return /*#__PURE__*/React.createElement(DemoWrapper, {
+    needMeta: true,
+    defaultApp: 331
+  }, /*#__PURE__*/React.createElement(AttributionHome, {
+    defaultValue: defaultValue,
+    afterEditTarget: afterEditTarget
+  }));
+});

package/{dist/esm → es}/modules/home/demo/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './styles/index.less';
 declare const _default: () => JSX.Element;
 export default _default;

package/es/modules/home/demo/index.js

@@ -0,0 +1,19 @@
+import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
+import React, { useEffect } from 'react';
+import { AttributionHome } from '@zgfe/modules-attribution';
+import './styles/index.less';
+import { requestConfig } from '../../../utils/ajaxConfig';
+export default (function () {
+  useEffect(function () {
+    setGlobalConfig(requestConfig);
+  }, []);
+  var afterEditTarget = function afterEditTarget(type, data) {
+    console.log("".concat(type, "\u56DE\u8C03"), data);
+  };
+  return /*#__PURE__*/React.createElement(DemoWrapper, {
+    needMeta: true,
+    defaultApp: 328
+  }, /*#__PURE__*/React.createElement(AttributionHome, {
+    afterEditTarget: afterEditTarget
+  }));
+});

package/{dist/esm → es}/modules/home/demo/scene.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/es/modules/home/demo/scene.js

@@ -0,0 +1,44 @@
+import React, { useEffect } from 'react';
+import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
+import { AttributionHome } from '@zgfe/modules-attribution';
+import { requestConfig } from '../../../utils/ajaxConfig';
+var defaultValue = {
+  source: 'SCENE',
+  data: {
+    app_id: 177,
+    targets: [{
+      type: 'event',
+      alias: '事件概览',
+      eventId: -100,
+      eventName: '事件概览',
+      eventGroupId: 0,
+      analysisDimension: {
+        analysisIndex: 'number'
+      }
+    }],
+    userGroup: [0],
+    time: {
+      unit: 'month',
+      relative: [3, 1],
+      begin: '2022-09-27',
+      end: '2022-12-27'
+    },
+    chartType: 'line'
+  },
+  chosen_data: []
+};
+export default (function () {
+  useEffect(function () {
+    setGlobalConfig(requestConfig);
+  }, []);
+  var afterEditTarget = function afterEditTarget(type, data) {
+    console.log("".concat(type, "\u56DE\u8C03"), data);
+  };
+  return /*#__PURE__*/React.createElement(DemoWrapper, {
+    needMeta: true,
+    defaultApp: 21
+  }, /*#__PURE__*/React.createElement(AttributionHome, {
+    defaultValue: defaultValue,
+    afterEditTarget: afterEditTarget
+  }));
+});

package/{dist/esm → es}/modules/home/index.d.ts

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