@zgfe/modules-attribution 1.0.1-alpha.0

package/es/modules/content/index.js

@@ -0,0 +1,125 @@
+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 } from 'react';
+import Request from 'umi-request';
+import SearchPanel from '../searchPanel';
+import './styles/index.less';
+import { Apis } from '../../constants';
+import { handleTableData } from './utils';
+import { TableList, OptionGroup, SearchTime } from '../../components';
+var CancelToken = Request.CancelToken;
+var cancel;
+var classPrefix = 'attribution-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(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    timer = _useState6[0],
+    setTimer = _useState6[1];
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp;
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    time = _useState8[0],
+    setTime = _useState8[1];
+  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, time]);
+  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 (typeof cancel === 'function') {
+      cancel();
+    }
+    request(Apis.getAnalyseData, {
+      method: 'post',
+      data: _objectSpread(_objectSpread(_objectSpread({}, currentApp), searchData), time),
+      cancelToken: new CancelToken(function executor(c) {
+        cancel = c;
+      })
+    }).then(function (res) {
+      if (res.data) {
+        var _data = handleTableData(res.data);
+        console.log('表格数据', _data);
+        setTableDataList(_data);
+        setTotal(res.data.total);
+      }
+      setTimeout(function () {
+        setLoading(false);
+      }, 0);
+    }).catch(function () {
+      setLoading(false);
+    });
+  };
+  var onChangeSearch = function onChangeSearch(allData) {
+    console.log('查询条件：', allData);
+    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];
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-top-content-box")
+  }, /*#__PURE__*/React.createElement(SearchPanel, {
+    defaultValue: searchData,
+    onChange: onChangeSearch
+  })), /*#__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: time,
+    onChange: onChangeContent
+  }), searchData && /*#__PURE__*/React.createElement(OptionGroup, {
+    ref: ref,
+    searchData: searchData
+  })), /*#__PURE__*/React.createElement(TableList, {
+    total: total,
+    tableDataList: tableDataList
+  })));
+});
+export default InsightContent;

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 { SearchValue } from '../../types';
+export declare namespace InsightContentProps {
+    interface Props {
+        value: SearchValue;
+        show?: string[];
+        onSearching?: (flag: boolean) => void;
+    }
+}

package/es/modules/content/types.js

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

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

@@ -0,0 +1,8 @@
+import { TableDataHandleProps, TableDataProps } from '../../types';
+export declare function getSortData(data: any, userGroup?: number[]): {
+    x_axis: any;
+    series: any[];
+} | undefined;
+export declare const sortData: (data: Array<any>, hasUserGroup?: boolean) => any[];
+export declare function getChartTypes(type: string): any;
+export declare const handleTableData: (data: TableDataHandleProps) => TableDataProps;

package/es/modules/content/utils.js

@@ -0,0 +1,192 @@
+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 function getSortData(data, userGroup) {
+  if (!data) {
+    return undefined;
+  }
+  if (userGroup && userGroup.length === 1 && userGroup[0] === 0) {
+    data.series.forEach(function (item) {
+      item.names.splice(item.names.length - 2, 1);
+    });
+  }
+  var seriesData = (data.series || []).map(function (item) {
+    var names = item.names,
+      values = item.values;
+    var len = names.length - 1;
+    if (names[len] === '平均使用时长') {
+      names[len] += '（s）';
+      values = values.map(function (data) {
+        return Math.round(data / 10) / 100;
+      });
+    } else {
+      names[len] += item.index ? "\uFF08".concat(item.index, "\uFF09") : '';
+    }
+    return _objectSpread(_objectSpread({}, item), {}, {
+      names: names,
+      values: values
+    });
+  });
+  var hasUserGroup = userGroup && userGroup.length > 1;
+  var series = sortData(seriesData, hasUserGroup);
+  return {
+    x_axis: data.xAxis || [],
+    series: series
+  };
+}
+export var sortData = function sortData(data, hasUserGroup) {
+  if (!data.length) return data;
+  var len = data[0].names.length;
+  var compare = function compare(a, b) {
+    var flag = 0;
+    var aNames = a.names;
+    var bNames = b.names;
+    for (var i = 0; i < len; i++) {
+      var k = i;
+      if (hasUserGroup) {
+        if (i === len - 2) {
+          k = len - 1;
+        } else if (i === len - 1) {
+          k = len - 2;
+        }
+      }
+      var aName = aNames[k];
+      var bName = bNames[k];
+      if (aName !== bName) {
+        flag = sortDevName(aName, bName);
+        break;
+      }
+    }
+    return flag;
+  };
+  data.sort(compare);
+  return data;
+};
+function sortDevName(str1, str2) {
+  str1 = String(str1);
+  str2 = String(str2);
+  var res = 0;
+  for (var i = 0;; i++) {
+    if (!str1[i] || !str2[i]) {
+      res = str1.length - str2.length;
+      break;
+    }
+    var char1 = str1[i];
+    var char1Type = getCharType(char1);
+    var char2 = str2[i];
+    var char2Type = getCharType(char2);
+    if (char1Type[0] === char2Type[0]) {
+      if (char1 === char2) {
+        continue;
+      } else {
+        if (char1Type[0] === 'zh') {
+          res = char1.localeCompare(char2);
+        } else if (char1Type[0] === 'en') {
+          res = char2.charCodeAt(0) - char1.charCodeAt(0);
+        } else {
+          res = parseInt(char1) - parseInt(char2);
+        }
+        break;
+      }
+    } else {
+      res = char1Type[1] - char2Type[1];
+      break;
+    }
+  }
+  return res;
+}
+function getCharType(char) {
+  if (/^[\u4e00-\u9fa5]$/.test(char)) {
+    return ['zh', 300];
+  }
+  if (/^[a-zA-Z]$/.test(char)) {
+    return ['en', 200];
+  }
+  if (/^[0-9]$/.test(char)) {
+    return ['number', 100];
+  }
+  return ['others', 999];
+}
+export function getChartTypes(type) {
+  var result = [{
+    label: '趋势图',
+    value: 'line',
+    icon: 'qushitu1'
+  }, {
+    label: '汇总图',
+    value: 'bar',
+    icon: 'huizongtu'
+  }];
+  var gridChildren = [{
+    label: '',
+    value: 'line',
+    icon: 'qushitu1'
+  }, {
+    label: '',
+    value: 'bar',
+    icon: 'huizongtu'
+  }];
+  if (type === 'whole' || type === 'revenue') {
+    result.push({
+      label: '占比图',
+      icon: 'pie',
+      value: 'pie'
+    });
+    gridChildren.push({
+      value: 'pie',
+      icon: 'pie',
+      label: ''
+    });
+  }
+  if (type === 'event' || type === 'whole' || type === 'revenue') {
+    gridChildren.push({
+      value: 'map',
+      icon: 'ditu',
+      label: ''
+    });
+    result.push({
+      label: '地图',
+      icon: 'ditu',
+      value: 'map'
+    });
+  }
+  result.push({
+    label: '表格',
+    icon: 'biaoge',
+    value: 'grid',
+    children: gridChildren
+  });
+  result.push({
+    label: '数值',
+    icon: 'fenshu',
+    disable: true,
+    value: 'number'
+  });
+  return result;
+}
+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/es/modules/home/demo/create.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

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

@@ -0,0 +1,53 @@
+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 React, { useEffect, useState } from 'react';
+import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
+import { AttributionHome } from '@zgfe/modules-attribution';
+import { requestConfig } from '../../../utils/ajaxConfig';
+import { Button } from 'antd';
+var defaultValue = {
+  panelId: 438,
+  panelType: 'add'
+};
+export default (function () {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDetail = _useState2[0],
+    setIsDetail = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    detailParams = _useState4[0],
+    setDetailParams = _useState4[1];
+  var _useState5 = useState(defaultValue),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchParams = _useState6[0],
+    setSearchParams = _useState6[1];
+  useEffect(function () {
+    setGlobalConfig(requestConfig);
+  }, []);
+  var afterEditTarget = function afterEditTarget(type, data) {
+    console.log("".concat(type, "\u56DE\u8C03"), data);
+  };
+  var onUserDrill = function onUserDrill(data, searchData) {
+    console.log('onUserDrill:', data, searchData);
+    setIsDetail(true);
+    setSearchParams(searchData);
+    setDetailParams(data);
+  };
+  return /*#__PURE__*/React.createElement(DemoWrapper, {
+    needMeta: true,
+    defaultApp: 3
+  }, 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);
+    }
+  }, "\u8FD4\u56DE")) : /*#__PURE__*/React.createElement(AttributionHome, {
+    defaultValue: searchParams,
+    afterEditTarget: afterEditTarget,
+    onUserDrill: onUserDrill
+  }));
+});

package/es/modules/home/demo/edit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

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

@@ -0,0 +1,190 @@
+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 React, { useEffect, useState } from 'react';
+import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
+import { AttributionHome } from '@zgfe/modules-attribution';
+import { requestConfig } from '../../../utils/ajaxConfig';
+import { Button } from 'antd';
+var defaultValue = {
+  id: 1426,
+  name: '洞察',
+  type: 0,
+  enlarged: 0,
+  panelId: 438,
+  panelType: 'edit',
+  data: {
+    appId: 1,
+    platform: 0,
+    windowType: 'day',
+    windowCnt: 1,
+    attributionType: 1,
+    otherEvent: 0,
+    time: {
+      unit: 'day',
+      relative: [7, 0],
+      begin: '2023-05-11',
+      end: '2023-05-18'
+    },
+    targetFilters: {
+      eventId: 35,
+      eventName: '目标事件名称',
+      indexType: 0,
+      filters: {
+        relation: 'and',
+        conditions: [{
+          attrId: 263,
+          propCategory: 'eventProp',
+          type: 1,
+          operator: 'equal',
+          values: ['事件属性1', '事件属性2'],
+          dimensionSub: 'event_attr',
+          label: '机身宽度',
+          attrName: '机身宽度'
+        }, {
+          attrId: 3,
+          propCategory: 'userProp',
+          type: 1,
+          operator: 'equal',
+          values: ['用户属性【名称1】', '用户属性【名称2】'],
+          dimensionSub: 'name',
+          label: '名称',
+          attrName: 'name',
+          category: 'fixed'
+        }, {
+          attrId: 0,
+          propCategory: 'envProp',
+          type: 1,
+          operator: 'equal',
+          values: ['触发环境1', '触发环境2'],
+          dimensionSub: 'utm_source',
+          label: 'utm_source',
+          attrName: 'utm_source',
+          category: 'fixed'
+        }]
+      }
+    },
+    sourceFilters: [{
+      eventId: 19,
+      eventName: '埋点事件-12',
+      propFilters: {
+        relation: 'and',
+        conditions: [{
+          propCategory: 'envProp',
+          type: 1,
+          attrId: 3,
+          attrName: 'name',
+          category: 'fixed'
+        }]
+      },
+      filters: {
+        relation: 'and',
+        conditions: [{
+          attrId: 263,
+          propCategory: 'eventProp',
+          type: 1,
+          operator: 'equal',
+          values: ['事件属性1', '事件属性2'],
+          dimensionSub: 'event_attr',
+          label: '机身宽度',
+          attrName: '机身宽度'
+        }, {
+          attrId: 3,
+          propCategory: 'userProp',
+          type: 1,
+          operator: 'equal',
+          values: ['用户属性【名称1】', '用户属性【名称2】'],
+          dimensionSub: 'name',
+          label: '名称',
+          attrName: 'name',
+          category: 'fixed'
+        }, {
+          attrId: 0,
+          propCategory: 'envProp',
+          type: 1,
+          operator: 'equal',
+          values: ['触发环境1', '触发环境2'],
+          dimensionSub: 'utm_source',
+          label: 'utm_source',
+          attrName: 'utm_source',
+          category: 'fixed'
+        }]
+      }
+    }],
+    globalFilters: {
+      relation: 'and',
+      conditions: [{
+        attrId: 263,
+        propCategory: 'eventProp',
+        type: 1,
+        operator: 'equal',
+        values: ['事件属性1', '事件属性2'],
+        dimensionSub: 'event_attr',
+        label: '机身宽度',
+        attrName: '机身宽度'
+      }, {
+        attrId: 3,
+        propCategory: 'userProp',
+        type: 1,
+        operator: 'equal',
+        values: ['用户属性【名称1】', '用户属性【名称2】'],
+        dimensionSub: 'name',
+        label: '名称',
+        attrName: 'name',
+        category: 'fixed'
+      }, {
+        attrId: 0,
+        propCategory: 'envProp',
+        type: 1,
+        operator: 'equal',
+        values: ['触发环境1', '触发环境2'],
+        dimensionSub: 'utm_source',
+        label: 'utm_source',
+        attrName: 'utm_source',
+        category: 'fixed'
+      }]
+    }
+  },
+  chosen_data: ['所有用户,崩溃（人数）', '所有用户,查看商品（人数）', '所有用户,访问次数', '所有用户,购买商品（人数）', '所有用户,活跃用户', '所有用户,加购商品（人数）', '所有用户,平均使用时长（s）', '所有用户,评价商品（人数）', '所有用户,使用时长分布（访问次数）', '所有用户,使用时长分布（活跃用户）']
+};
+export default (function () {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDetail = _useState2[0],
+    setIsDetail = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    detailParams = _useState4[0],
+    setDetailParams = _useState4[1];
+  var _useState5 = useState(defaultValue),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchParams = _useState6[0],
+    setSearchParams = _useState6[1];
+  useEffect(function () {
+    setGlobalConfig(requestConfig);
+  }, []);
+  var afterEditTarget = function afterEditTarget(type, data) {
+    console.log("".concat(type, "\u56DE\u8C03"), data);
+  };
+  var onUserDrill = function onUserDrill(data, searchData) {
+    console.log('onUserDrill:', data, searchData);
+    setIsDetail(true);
+    setSearchParams(searchData);
+    setDetailParams(data);
+  };
+  return /*#__PURE__*/React.createElement(DemoWrapper, {
+    needMeta: true,
+    defaultApp: 3
+  }, 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);
+    }
+  }, "\u8FD4\u56DE")) : /*#__PURE__*/React.createElement(AttributionHome, {
+    defaultValue: searchParams,
+    afterEditTarget: afterEditTarget,
+    onUserDrill: onUserDrill
+  }));
+});

package/es/modules/home/demo/index.d.ts

@@ -0,0 +1,3 @@
+import './styles/index.less';
+declare const _default: () => JSX.Element;
+export default _default;

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

@@ -0,0 +1,51 @@
+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 { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
+import React, { useEffect, useState } from 'react';
+import { AttributionHome } from '@zgfe/modules-attribution';
+import './styles/index.less';
+import { requestConfig } from '../../../utils/ajaxConfig';
+import { Button } from 'antd';
+export default (function () {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDetail = _useState2[0],
+    setIsDetail = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    detailParams = _useState4[0],
+    setDetailParams = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchParams = _useState6[0],
+    setSearchParams = _useState6[1];
+  useEffect(function () {
+    setGlobalConfig(requestConfig);
+  }, []);
+  var afterEditTarget = function afterEditTarget(type, data) {
+    console.log("".concat(type, "\u56DE\u8C03"), data);
+  };
+  var onUserDrill = function onUserDrill(data, searchData) {
+    console.log('onUserDrill:', data, searchData);
+    setIsDetail(true);
+    setSearchParams(searchData);
+    setDetailParams(data);
+  };
+  return /*#__PURE__*/React.createElement(DemoWrapper, {
+    needMeta: true,
+    defaultApp: 3
+  }, 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);
+    }
+  }, "\u8FD4\u56DE")) : /*#__PURE__*/React.createElement(AttributionHome, {
+    defaultValue: searchParams,
+    enableGenerateReport: true,
+    afterEditTarget: afterEditTarget,
+    onUserDrill: onUserDrill
+  }));
+});

package/es/modules/home/demo/scene.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;