@zgfe/modules-attribution 1.0.1

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

@@ -0,0 +1,231 @@
+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); }
+/**
+ * 对查询结果进行排序
+ * @param data 查询结果
+ * @param userGroup 用户群
+ * @returns
+ */
+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
+  };
+}
+/**
+ * 排序：属性->指标名称->用户群
+ * @param data 查询结果
+ * @param hasUserGroup 是否有用户群
+ * @returns
+ */
+export var sortData = function sortData(data, hasUserGroup) {
+  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 sortByValue(num1: number[], num2: number[]) {
+//   const sum = (arr: number[]) => {
+//     return arr.reduce((total, num) => total + num);
+//   };
+//   return sum(num2) - sum(num1);
+// }
+
+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) {
+  // 数字可按照排序的要求进行自定义，我这边产品的要求是
+  // 数字（0->9）->大写字母（A->Z）->小写字母（a->z）->中文拼音（a->z）
+  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];
+}
+
+/**
+ * 根据属性变化，判断图表类型是否需要转换
+ * @param newData 最新查询条件
+ * @param oldData 原有查询条件
+ * @returns
+ */
+export function getChartType(newData, oldData) {
+  var isArea = hasArea(newData.globalDimensions);
+  var isCity = isArea && ['current_city', 'city'].indexOf(newData.globalDimensions[0].attrName) > -1;
+  var chartType = oldData.chartType;
+  // 属性中是否含地图相关属性,如果是属性发生改变才可以更改图表类型
+  if (isArea) {
+    var oldFlag = hasArea(oldData.globalDimensions);
+    if (oldData.chartType !== 'map' && !oldFlag) {
+      chartType = 'map';
+    }
+  } else {
+    // 默认选择中是地图，但是属性中不含有相关属性，则默认展示趋势图
+    if (oldData.chartType === 'map') {
+      chartType = 'line';
+    }
+  }
+  return {
+    isArea: isArea,
+    isCity: isCity,
+    chartType: chartType
+  };
+}
+function hasArea(globalDimensions) {
+  var areaData = ['current_area', 'current_city', 'area', 'city'];
+  return !!(globalDimensions && globalDimensions.length === 1 && globalDimensions[0].attrName && areaData.indexOf(globalDimensions[0].attrName) > -1);
+}
+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;
+}

package/dist/esm/modules/home/demo/create.d.ts

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

package/dist/esm/modules/home/demo/create.js

@@ -0,0 +1,54 @@
+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 React, { useEffect, useState } from 'react';
+import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
+import { ModuleAttribution } 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: 254
+  }, 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(ModuleAttribution, {
+    defaultValue: searchParams,
+    afterEditTarget: afterEditTarget,
+    onUserDrill: onUserDrill
+  }));
+});

package/dist/esm/modules/home/demo/edit.d.ts

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

package/dist/esm/modules/home/demo/edit.js

@@ -0,0 +1,80 @@
+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 React, { useEffect, useState } from 'react';
+import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
+import { ModuleAttribution } 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: {
+    app_id: 254,
+    targets: [{
+      type: 'event',
+      alias: '事件概览',
+      eventId: -100,
+      eventName: '事件概览',
+      eventGroupId: 0,
+      analysisDimension: {
+        analysisIndex: 'number'
+      }
+    }],
+    userGroup: [0],
+    time: {
+      unit: 'month',
+      relative: [2, 1],
+      begin: '2023-01-01',
+      end: '2023-03-17'
+    },
+    chartType: 'line'
+  },
+  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: 254
+  }, 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(ModuleAttribution, {
+    defaultValue: searchParams,
+    afterEditTarget: afterEditTarget,
+    onUserDrill: onUserDrill
+  }));
+});

package/dist/esm/modules/home/demo/index.d.ts

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

package/dist/esm/modules/home/demo/index.js

@@ -0,0 +1,52 @@
+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 { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
+import React, { useEffect, useState } from 'react';
+import { ModuleAttribution } 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: 254
+  }, 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(ModuleAttribution, {
+    defaultValue: searchParams,
+    enableGenerateReport: true,
+    afterEditTarget: afterEditTarget,
+    onUserDrill: onUserDrill
+  }));
+});

package/dist/esm/modules/home/demo/scene.d.ts

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

package/dist/esm/modules/home/demo/scene.js

@@ -0,0 +1,74 @@
+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 React, { useEffect, useState } from 'react';
+import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
+import { ModuleAttribution } from '@zgfe/modules-attribution';
+import { requestConfig } from "../../../utils/ajaxConfig";
+import { Button } from 'antd';
+var defaultValue = {
+  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 () {
+  // 是否进入用户钻取页面
+  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: 254
+  }, 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(ModuleAttribution, {
+    defaultValue: searchParams,
+    afterEditTarget: afterEditTarget,
+    onUserDrill: onUserDrill
+  }));
+});

package/dist/esm/modules/home/demo/styles/index.less

@@ -0,0 +1,33 @@
+/*滚动条凹槽的颜色，还可以设置边框属性 */
+::-webkit-scrollbar-track-piece {
+  background-color: #fff;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+}
+
+/*滚动条的宽度*/
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+/*滚动条的设置*/
+::-webkit-scrollbar-thumb {
+  background-color: #cacdd4;
+  background-clip: padding-box;
+  border: 2px solid #fff;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+}
+
+/*滚动条鼠标移上去*/
+::-webkit-scrollbar-thumb:hover {
+  // background-color: #bbb;
+}
+
+::-webkit-scrollbar-track-piece {
+  width: 6px;
+  height: 6px;
+}

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

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