@zgfe/modules-attribution 1.0.5 → 1.1.0

package/dist/esm/components/showList/listPanel.js

@@ -1,118 +0,0 @@
-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 { Checkbox, Collapse } from 'antd';
-import { IconFont } from '@zgfe/business-lib';
-import "../styles/show.less";
-import _ from 'lodash';
-import { classPrefix } from '.';
-var Panel = Collapse.Panel;
-var ListPanel = function ListPanel(props) {
-  // 所有的id,默认全部展开
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    allKeys = _useState2[0],
-    setAllKeys = _useState2[1];
-
-  // 要显示的列表
-  var _useState3 = useState(props.value || []),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showNames = _useState4[0],
-    setShowNames = _useState4[1];
-
-  // 监听选项列表内容的改变
-  useEffect(function () {
-    if (props.options) {
-      var ids = [];
-      props.options.forEach(function (item) {
-        ids.push(item.id);
-      });
-      setAllKeys(ids);
-    }
-    setShowNames(props.value || []);
-  }, [props.options]);
-
-  // 选项选择
-  var _onClick = function onClick(item) {
-    var data = _.cloneDeep(showNames);
-    var index = data.indexOf(item.text);
-    if (index < 0) {
-      data.push(item.text);
-    } else {
-      data.splice(index, 1);
-    }
-    setShowNames(data);
-    if (props.onChange) props.onChange(data);
-  };
-
-  // 全选改变
-  var onChange = function onChange(e) {
-    var checked = e.target.checked;
-    if (!props.options) return;
-    var data = [];
-    if (checked) {
-      props.options.forEach(function (item) {
-        if (item.children) {
-          item.children.forEach(function (child) {
-            data.push(child.text);
-          });
-        }
-      });
-    }
-    setShowNames(data);
-    if (props.onChange) props.onChange(data);
-  };
-  if (!props.options || !props.options.length || !allKeys.length) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(classPrefix, "-no-data")
-    }, "\u6682\u65E0\u6570\u636E");
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-drop-list")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-check")
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    onChange: onChange
-  }, "\u5168\u9009")), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-list")
-  }, /*#__PURE__*/React.createElement(Collapse, {
-    collapsible: "header",
-    defaultActiveKey: allKeys,
-    expandIcon: function expandIcon(_ref) {
-      var isActive = _ref.isActive;
-      return /*#__PURE__*/React.createElement(IconFont, {
-        className: !isActive ? "".concat(classPrefix, "-rotate") : '',
-        type: "xiangxia",
-        size: 16
-      });
-    },
-    ghost: true
-  }, props.options.map(function (item) {
-    return /*#__PURE__*/React.createElement(Panel, {
-      header: item.name,
-      key: item.id,
-      forceRender: true
-    }, item.children && item.children.map(function (child) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: child.id,
-        className: "".concat(classPrefix, "-list-row").concat(showNames.indexOf(child.text) > -1 ? ' active' : ''),
-        onClick: function onClick() {
-          return _onClick(child);
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(classPrefix, "-circle"),
-        style: {
-          backgroundColor: child.color
-        }
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "".concat(classPrefix, "-text"),
-        title: item.name
-      }, child.name));
-    }));
-  }))));
-};
-export default ListPanel;

package/dist/esm/components/showList/styles/index.less

@@ -1,75 +0,0 @@
-@import '~@zgfe/business-lib/es/assets/styles/inner.less';
-
-.mi-show {
-  &-btn {
-    margin-right: @margin-xs;
-  }
-  &-drop.ant-dropdown {
-    .__select-panel();
-    width: 218px;
-    max-height: 420px;
-
-    .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
-      font-size: 16px;
-    }
-
-    .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
-      padding: 0 !important;
-    }
-
-    .ant-collapse > .ant-collapse-item > .ant-collapse-header {
-      padding: 12px @padding-xs @padding-xs !important;
-    }
-  }
-  &-no-data {
-    padding: @padding-xs;
-  }
-
-  &-rotate {
-    transform: rotate(-90deg);
-    transition: transform 0.24s;
-  }
-
-  &-list {
-    max-height: 380px;
-    overflow: auto;
-  }
-
-  &-list-row {
-    display: flex;
-    align-items: center;
-    padding: @padding-xs;
-    cursor: pointer;
-    opacity: 0.3;
-
-    &.active {
-      opacity: 1;
-    }
-  }
-
-  &-circle {
-    width: 10px;
-    height: 10px;
-    margin-right: 10px;
-    margin-left: 3px;
-    border-radius: 50%;
-  }
-
-  &-text {
-    width: calc(100% - 24px);
-    overflow: hidden;
-    color: @text-color-secondary;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  &-check {
-    height: 36px;
-    padding: @padding-xs;
-    border-bottom: 1px solid #e8efff;
-  }
-
-  &-icon {
-    margin-right: @margin-xss;
-  }
-}

package/dist/esm/components/showList/types.d.ts

@@ -1,9 +0,0 @@
-export interface Option {
-    id: number;
-    name: string;
-    text: string;
-    color?: string;
-}
-export interface SeriesNames extends Option {
-    children?: Option[];
-}

package/dist/esm/components/table/index.d.ts

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

package/dist/esm/components/table/index.js

@@ -1,194 +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 { BizGlobalDataContext, BizTable } from '@zgfe/business-lib';
-import React, { useContext, useEffect, useMemo, useState } from 'react';
-import { chartColors, initEvent } from "../../constants";
-import { fetchDrillData, formTableData, getColumns, mergeRow } from "../../utils/formData";
-import "./styles/index.less";
-import { AttributionContext } from "../../types";
-import { BuiltinIndicators } from "../../constants/fields";
-var classPrefix = 'mi-table';
-var InsightTable = function InsightTable(props) {
-  var dataSource = props.dataSource,
-    searchData = props.searchData,
-    showList = props.showList;
-  // 表格数据
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    tableData = _useState2[0],
-    setTableData = _useState2[1];
-  var _useContext = useContext(BizGlobalDataContext),
-    currentApp = _useContext.currentApp,
-    _useContext$eventGrou = _useContext.eventGroupList,
-    eventGroupList = _useContext$eventGrou === void 0 ? [] : _useContext$eventGrou,
-    userPropList = _useContext.userPropList,
-    eventEnvList = _useContext.eventEnvList,
-    _useContext$userGroup = _useContext.userGroupList,
-    userGroupList = _useContext$userGroup === void 0 ? [] : _useContext$userGroup;
-  var _useContext2 = useContext(AttributionContext),
-    onUserDrill = _useContext2.onUserDrill,
-    _useContext2$defaultS = _useContext2.defaultSearch,
-    defaultSearch = _useContext2$defaultS === void 0 ? {} : _useContext2$defaultS,
-    panelName = _useContext2.panelName;
-
-  // 按属性排序后的数据（用于合并行）
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    sortTable = _useState4[0],
-    setSortTable = _useState4[1];
-  // 过滤后数据
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    searchTable = _useState6[0],
-    setSearchTable = _useState6[1];
-
-  // 初始化表格表头和内容
-  useEffect(function () {
-    var gLen = searchData !== null && searchData !== void 0 && searchData.globalDimensions ? searchData === null || searchData === void 0 ? void 0 : searchData.globalDimensions.length : 0;
-    var sortData = formTableData(dataSource, searchData.userGroup || [0], gLen, eventGroupList);
-    setSearchTable(sortData);
-    setSortTable(sortData);
-    setTableData(mergeRow(sortData.slice(0, 10), gLen));
-  }, []);
-  // 指标的位置
-  var targetIndex = useMemo(function () {
-    var gLen = searchData !== null && searchData !== void 0 && searchData.globalDimensions ? searchData === null || searchData === void 0 ? void 0 : searchData.globalDimensions.length : 0;
-    var uLen = !searchData.userGroup || searchData.userGroup.length === 1 && searchData.userGroup[0] === 0 ? 0 : 1;
-    return 1 + gLen + uLen;
-  }, [searchData]);
-  // 表格column
-  var columns = useMemo(function () {
-    var _searchData$userGroup = searchData.userGroup,
-      userGroup = _searchData$userGroup === void 0 ? [0] : _searchData$userGroup,
-      _searchData$globalDim = searchData.globalDimensions,
-      globalDimensions = _searchData$globalDim === void 0 ? [] : _searchData$globalDim;
-    var onTagClick = function onTagClick(record) {
-      if (!props.isOverview) return;
-      var eventData = initEvent;
-      var flag = false;
-      eventGroupList.forEach(function (group) {
-        group.eventList.forEach(function (event) {
-          if (event.alias === record.targetName || event.name === record.targetName) {
-            eventData = event;
-            flag = true;
-          }
-        });
-      });
-      if (!flag) {
-        var name = record.targetName.split('（')[0];
-        BuiltinIndicators.eventList.forEach(function (event) {
-          if (event.name === name) {
-            eventData = event;
-          }
-        });
-      }
-      var targets = [{
-        type: eventData.type || 'event',
-        eventGroupId: 0,
-        eventId: eventData.id,
-        eventName: eventData.name,
-        alias: eventData.alias || eventData.name,
-        analysisDimension: eventData.isBuiltIn ? {
-          analysisIndex: 'number'
-        } : searchData === null || searchData === void 0 ? void 0 : searchData.targets[0].analysisDimension,
-        isBuiltIn: eventData.isBuiltIn
-      }];
-      props.onChange(targets);
-    };
-    var onShowClick = function onShowClick(nameGroup) {
-      props.changeShowByName(nameGroup);
-    };
-    var onFilter = function onFilter(search) {
-      var data = sortTable.filter(function (item) {
-        return item.name.indexOf(search) > -1;
-      }).map(function (content, index) {
-        content.color = chartColors[index % 20];
-        return content;
-      });
-      setSearchTable(data);
-      setTableData(mergeRow(data.slice(0, 10), globalDimensions.length));
-      props.changeShow(data.slice(0, 10).map(function (item) {
-        return item.nameGroup;
-      }));
-    };
-    var onClickToDetail = function onClickToDetail(record, time, count) {
-      var params = fetchDrillData(record, time, searchData, userGroupList, eventGroupList);
-      onUserDrill(_objectSpread(_objectSpread({}, currentApp), {}, {
-        count: count,
-        params: _objectSpread({
-          appid: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
-          plat: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0,
-          module: 'insight'
-        }, params),
-        source: 'INSIGHT',
-        url: '/data/appEventBatch.jsp'
-      }), _objectSpread(_objectSpread({}, defaultSearch), {}, {
-        name: panelName,
-        data: searchData
-      }));
-    };
-    return getColumns(dataSource.x_axis || [], userGroup, searchData, eventGroupList, userPropList, eventEnvList, showList, onShowClick, onTagClick, onFilter, onClickToDetail);
-  }, [dataSource.x_axis, showList, sortTable, panelName]);
-
-  // 监听分页变化，如果页码发生变化则调用合并行方法
-  var onChangeTable = function onChangeTable(pagination) {
-    var _searchData$globalDim2;
-    var startNum = (pagination.current - 1) * pagination.pageSize;
-    var endNum = pagination.current * pagination.pageSize;
-    setTableData(mergeRow(searchTable.slice(startNum, endNum), (searchData === null || searchData === void 0 ? void 0 : (_searchData$globalDim2 = searchData.globalDimensions) === null || _searchData$globalDim2 === void 0 ? void 0 : _searchData$globalDim2.length) || 0));
-  };
-  // 子表格展开收缩监听
-  // 用于子表格属性行加入合并
-  var onExpand = function onExpand(data, record) {
-    setTableData(function (tData) {
-      tData.forEach(function (item, i) {
-        if (item.id === record.id) {
-          var _searchData$globalDim3;
-          var childLen = (data ? 1 : -1) * item.children.length || 0;
-          var changeSpan = function changeSpan(dimensionIndex, index, sourceData) {
-            if (sourceData[index]["dimension".concat(dimensionIndex, "RowSpan")] >= 1) {
-              sourceData[index]["dimension".concat(dimensionIndex, "RowSpan")] += childLen;
-              return;
-            } else {
-              if (index <= 0) return;
-              changeSpan(dimensionIndex, --index, sourceData);
-            }
-          };
-          if ((_searchData$globalDim3 = searchData.globalDimensions) !== null && _searchData$globalDim3 !== void 0 && _searchData$globalDim3.length) {
-            for (var j = 0; j < searchData.globalDimensions.length; j++) {
-              changeSpan(j, i, tData);
-            }
-          }
-        }
-      });
-      return tData;
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classPrefix
-  }, /*#__PURE__*/React.createElement(BizTable, {
-    total: searchTable.length,
-    columns: columns,
-    dataSource: tableData,
-    rowKey: "id",
-    scroll: {
-      x: true
-    },
-    expandIconColumnIndex: targetIndex,
-    expandable: {
-      onExpand: onExpand
-    },
-    onChange: onChangeTable
-  }));
-};
-export default InsightTable;

package/dist/esm/components/table/styles/index.less

@@ -1,12 +0,0 @@
-.mi-table {
-  margin-top: 15px;
-
-  .ant-table-cell-with-append {
-    padding-left: 20px;
-    .ant-table-row-expand-icon {
-      position: absolute;
-      left: 0;
-      margin-top: 0;
-    }
-  }
-}

package/dist/esm/components/table/types.d.ts

@@ -1,11 +0,0 @@
-import { TargetConditionTypes } from '@zgfe/business-lib';
-import { ResponseDataProps, SearchValue } from '../../types';
-export interface InsightTableProps {
-    dataSource: ResponseDataProps;
-    searchData: SearchValue;
-    showList: string[];
-    isOverview?: boolean;
-    changeShowByName: (name: string) => void;
-    changeShow: (names: string[]) => void;
-    onChange: (targets: Array<TargetConditionTypes.Value>) => void;
-}

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

@@ -1,9 +0,0 @@
-declare const Apis: {
-    delPanelElement: string;
-    updateElementName: string;
-    eventAnalytics: string;
-    download: string;
-    queryScenesOfGroup: string;
-    updateElemet: string;
-};
-export default Apis;

package/dist/esm/constants/apis.js

@@ -1,9 +0,0 @@
-var Apis = {
-  delPanelElement: '/apppanel/delPanelElement.jsp',
-  updateElementName: '/apppanel/updateElementName.jsp',
-  eventAnalytics: '/zg/web/v2/insight/analysis',
-  download: '/zg/web/v2/insight/download',
-  queryScenesOfGroup: '/scene/queryScenesOfGroup.jsp',
-  updateElemet: '/apppanel/updateElemet.jsp'
-};
-export default Apis;

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

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

package/dist/esm/constants/chart.js

@@ -1,24 +0,0 @@
-import { IconFont } from '@zgfe/business-lib';
-import React from 'react';
-export var chartTypeOptions = [{
-  label: '趋势图',
-  value: 'line',
-  icon: /*#__PURE__*/React.createElement(IconFont, {
-    type: "qushitu1",
-    size: 16
-  })
-}, {
-  label: '汇总图',
-  value: 'bar',
-  icon: /*#__PURE__*/React.createElement(IconFont, {
-    type: "huizongtu",
-    size: 16
-  })
-}, {
-  label: '地图',
-  value: 'map',
-  icon: /*#__PURE__*/React.createElement(IconFont, {
-    type: "ditu",
-    size: 16
-  })
-}];

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

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

package/dist/esm/constants/color.js

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