@zgfe/modules-event 1.0.29-zhongyuanE.17 → 1.0.29-zhongyuanE.23

package/es/utils/formData.js

@@ -0,0 +1,406 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { util, IconFont } from '@zgfe/business-lib';
+import React from 'react';
+import { message } from 'antd';
+import _ from 'lodash';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import { chartColors } from '../constants/color';
+import { PropCategory } from '@zgfe/business-lib/es/attributeSelector/types';
+import { Tooltip } from 'antd';
+import '../style/index.less';
+import { getValue } from '../modules/content/utils';
+var classPrefix = 'event-form-data';
+export function sortOriginalData(data, sorter) {
+  var columnKey = sorter.columnKey,
+    order = sorter.order;
+  if (columnKey && order) {
+    var sortedData = _toConsumableArray(data).sort(function (a, b) {
+      if (order === 'ascend') {
+        return a[columnKey] - b[columnKey];
+      } else if (order === 'descend') {
+        return b[columnKey] - a[columnKey];
+      }
+      return 0;
+    });
+    return sortedData;
+  } else {
+    return data;
+  }
+}
+export function getColumns(eventGroupList, userPropList, eventEnvList, columnData, userGroup, searchData, showList, onShowCallback, onClickToDetailCallback, onSelectEvent) {
+  var marketEventNameList = marketEventGroupList(eventGroupList);
+  var data = [{
+    title: '显示',
+    width: 80,
+    dataIndex: 'nameGroup',
+    ellipsis: true,
+    key: 'nameGroup',
+    align: 'center',
+    className: "".concat(classPrefix, "-table-td"),
+    fixed: 'left',
+    render: function render(_, record) {
+      var isActive = showList.includes(record.nameGroup);
+      var cannotClick = showList.length >= 10 && !isActive;
+      return record.color ? (/*#__PURE__*/React.createElement("div", {
+        className: "".concat(classPrefix, "-table-td-show"),
+        onClick: function onClick() {
+          if (cannotClick) return;
+          onShowCallback(record.nameGroup);
+        }
+      }, /*#__PURE__*/React.createElement("span", {
+        style: {
+          background: isActive ? record.color : '#D9D9D9'
+        }
+      }))) : (/*#__PURE__*/React.createElement("div", {
+        className: "".concat(classPrefix, "-table-td-show")
+      }));
+    }
+  }];
+  if (!(searchData === null || searchData === void 0 ? void 0 : searchData.analysisSubject) && (userGroup.length > 1 || userGroup[0] !== 0)) {
+    data.push({
+      title: '用户群',
+      width: 150,
+      dataIndex: 'userGroup',
+      key: 'userGroup',
+      ellipsis: true,
+      fixed: 'left',
+      render: function render(text) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "tooltip-userGroup-box"
+        }, /*#__PURE__*/React.createElement(Tooltip, {
+          title: text
+        }, /*#__PURE__*/React.createElement("div", null, text)));
+      }
+    });
+  }
+  if (searchData.dimension) {
+    var _getValue;
+    data.push({
+      title: (_getValue = getValue(searchData.dimension, eventGroupList, eventEnvList, userPropList)) === null || _getValue === void 0 ? void 0 : _getValue.label,
+      width: 180,
+      dataIndex: 'dimension',
+      key: 'dimension',
+      ellipsis: true,
+      fixed: 'left',
+      render: function render(val) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "tooltip-name-box"
+        }, /*#__PURE__*/React.createElement(Tooltip, {
+          title: val
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "tooltip-name-box-market"
+        }, val)), /*#__PURE__*/React.createElement(Tooltip, {
+          title: "\u590D\u5236"
+        }, /*#__PURE__*/React.createElement(CopyToClipboard, {
+          text: val,
+          onCopy: function onCopy() {
+            return message.success('复制成功！');
+          }
+        }, /*#__PURE__*/React.createElement(IconFont, {
+          type: "fuzhi1"
+        }))));
+      }
+    });
+  }
+  if (searchData.id && !searchData.dimension || !searchData.id) {
+    data.push({
+      title: /*#__PURE__*/React.createElement("div", {
+        style: {
+          paddingLeft: '16px'
+        }
+      }, "\u4E8B\u4EF6"),
+      width: 180,
+      dataIndex: 'eventName',
+      key: 'eventName',
+      ellipsis: true,
+      fixed: 'left',
+      render: function render(val, record) {
+        var _val = val;
+        return /*#__PURE__*/React.createElement("div", {
+          className: "tooltip-name-box"
+        }, /*#__PURE__*/React.createElement(Tooltip, {
+          title: _val
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "tooltip-name-box-market",
+          onClick: function onClick() {
+            !record.isAdd && onSelectEvent && onSelectEvent(getEventAliasId(record === null || record === void 0 ? void 0 : record.originalName, eventGroupList), val);
+          }
+        }, /*#__PURE__*/React.createElement(IconFont, {
+          type: "shoucang",
+          className: "".concat(marketEventNameList.indexOf(_val) === -1 ? 'notshoucang' : '')
+        }), util.strMiddleSplit(_val))), /*#__PURE__*/React.createElement(Tooltip, {
+          title: "\u590D\u5236"
+        }, /*#__PURE__*/React.createElement(CopyToClipboard, {
+          text: _val,
+          onCopy: function onCopy() {
+            return message.success('复制成功！');
+          }
+        }, /*#__PURE__*/React.createElement(IconFont, {
+          type: "fuzhi1"
+        }))));
+      }
+    });
+  }
+  data.push({
+    title: '合计',
+    width: 50,
+    dataIndex: 'attrSum',
+    ellipsis: true,
+    key: 'attrSum',
+    align: 'center',
+    className: "".concat(classPrefix, "-table-td"),
+    fixed: 'left',
+    render: function render(text) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "tooltip-userGroup-box"
+      }, /*#__PURE__*/React.createElement(Tooltip, {
+        title: text
+      }, /*#__PURE__*/React.createElement("div", null, text)));
+    }
+  });
+  var _loop = function _loop(i) {
+    var value = columnData[i];
+    if (/^\d{4}-\d{2}-\d{2}$/.test(value)) {
+      value = value.replace(/\d{4}-/, '');
+    } else if (/^\d{4}-\d{2}-\d{2}\|\d{4}-\d{2}-\d{2}$/.test(value)) {
+      var dates = value.match(/\d{4}-\d{2}-\d{2}/g);
+      value = dates ? dates[0].replace(/\d{4}-/, '') + '~' + dates[1].replace(/\d{4}-/, '') : value;
+    } else {
+      value = util.strMiddleSplit(value);
+      if (/:/.test(value)) {
+        value = value.replace(/\d{4}-\d{2}-\d{2}\s/, '');
+      } else if (/,/.test(value)) {
+        value = value.replace(/,/g, '-');
+      }
+    }
+    data.push({
+      title: value,
+      align: 'center',
+      ellipsis: true,
+      dataIndex: "field".concat(i),
+      defaultSortOrder: i === columnData.length - 1 ? 'descend' : null,
+      className: "".concat(classPrefix, "-table-event-data"),
+      sorter: function sorter(a, b) {
+        return a.isAdd || b.isAdd ? 0 : a["field".concat(i)] - b["field".concat(i)];
+      },
+      render: function render(text, record) {
+        var click = text > 0 && (searchData.analysisIndex === 'number' ? true : false);
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(classPrefix, "-table-td-link ").concat(!record.isAdd && click ? '' : 'not-to-detail'),
+          onClick: function onClick() {
+            !record.isAdd && click ? onClickToDetailCallback(record, columnData[i], text) : null;
+          }
+        }, !record.isAdd && click && /*#__PURE__*/React.createElement(IconFont, {
+          type: "a-yanjingkai"
+        }), text);
+      }
+    });
+  };
+  for (var i = 0; i < columnData.length; i++) {
+    _loop(i);
+  }
+  return data;
+}
+export function getChartDataEventAliasName(dataSource, eventGroupList) {
+  var data = _.cloneDeep(dataSource);
+  var series = [];
+  data === null || data === void 0 ? void 0 : data.series.map(function (item) {
+    item.originalNames = item.names;
+    item.names = item.names.length > 1 ? [item.names[0], getEventAliasName(item.names[1], eventGroupList)] : [getEventAliasName(item.names[0], eventGroupList)];
+    series.push(item);
+  });
+  data.series = series;
+  return data;
+}
+export function getEventAliasName(name, eventGroupList) {
+  var aliasName = '';
+  eventGroupList && eventGroupList.map(function (item) {
+    item.eventList.map(function (_item) {
+      if (_item.name === name) {
+        aliasName = _item.alias ? _item.alias : name;
+      }
+    });
+  });
+  return aliasName || name;
+}
+export function getEventAliasId(name, eventGroupList) {
+  var eventId = -1;
+  eventGroupList && eventGroupList.map(function (item) {
+    item.eventList.map(function (_item) {
+      if (_item.name === name) {
+        eventId = _item.id;
+      }
+    });
+  });
+  return eventId;
+}
+export function getSortData(data) {
+  var series = data === null || data === void 0 ? void 0 : data.series;
+  var sort = function sort(obj1, obj2) {
+    var val1 = obj1.values[0];
+    var val2 = obj2.values[0];
+    if (val1 < val2) {
+      return 1;
+    } else if (val1 > val2) {
+      return -1;
+    } else {
+      return 0;
+    }
+  };
+  series.sort(sort);
+  return data;
+}
+export function getUserGroupsCompareData(data) {
+  if ((data === null || data === void 0 ? void 0 : data.series.length) <= 0) {
+    return data;
+  } else {
+    var _data = _.cloneDeep(data);
+    var _series = [];
+    _data === null || _data === void 0 ? void 0 : _data.series.map(function (item, index) {
+      _series.push(item);
+      _data === null || _data === void 0 ? void 0 : _data.series.map(function (_item, _index) {
+        if (item.names[1] === _item.names[1] && index !== _index) {
+          _series.push(_item);
+          _data === null || _data === void 0 ? true : delete _data.series[_index];
+        }
+      });
+      _data === null || _data === void 0 ? true : delete _data.series[index];
+    });
+    _data.series = _series;
+    return _data;
+  }
+}
+export function marketEventGroupList(eventGroupList) {
+  var _marketName = [];
+  eventGroupList && eventGroupList.map(function (item) {
+    item.eventList.map(function (_item) {
+      if (_item.marked) _marketName.push(_item.name);
+    });
+  });
+  return _marketName;
+}
+export function getWarningId(searchData, eventData, eventGroupList) {
+  var id = -1;
+  if (eventData && eventData.series.length > 0) {
+    if (searchData === null || searchData === void 0 ? void 0 : searchData.id) {
+      id = searchData === null || searchData === void 0 ? void 0 : searchData.id;
+    } else {
+      if (eventGroupList && eventGroupList.length > 0 && eventData) {
+        eventGroupList.map(function (item) {
+          item.eventList.map(function (_item) {
+            var _eventData$series$, _searchData$userGroup;
+            var _name = eventData === null || eventData === void 0 ? void 0 : (_eventData$series$ = eventData.series[0]) === null || _eventData$series$ === void 0 ? void 0 : _eventData$series$.names[(searchData === null || searchData === void 0 ? void 0 : (_searchData$userGroup = searchData.userGroup) === null || _searchData$userGroup === void 0 ? void 0 : _searchData$userGroup.length) > 1 ? 1 : 0];
+            if (_item.name === _name || _item.alias === _name) {
+              id = _item.id;
+            }
+          });
+        });
+      }
+    }
+  }
+  return id;
+}
+export function getAttrLabel(attrData, eventGroupList, userPropList, eventEnvList) {
+  if (!attrData) return;
+  var type = attrData.propCategory;
+  var attrLabel = '';
+  if (type === PropCategory.EventProp) {
+    eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
+      group.eventList.forEach(function (event) {
+        event.attrList.forEach(function (attr) {
+          if (attr.id === attrData.attrId) {
+            attrLabel = attr.label;
+            return;
+          }
+        });
+      });
+    });
+  } else {
+    var attrList = type === PropCategory.UserProp ? userPropList : eventEnvList;
+    attrList === null || attrList === void 0 ? void 0 : attrList.forEach(function (attr) {
+      if (attrData.attrName === attr.name) {
+        attrLabel = attr.label;
+        return;
+      }
+    });
+  }
+  return attrLabel;
+}
+export function formTableData(originalData, userGroups, attrNum, showList) {
+  var series = originalData.series;
+  var result = [];
+  series.forEach(function (item, index) {
+    var _item$names = item.names,
+      names = _item$names === void 0 ? [] : _item$names,
+      values = item.values,
+      _item$originalNames = item.originalNames,
+      originalNames = _item$originalNames === void 0 ? [] : _item$originalNames;
+    var nameStr = names.join(',');
+    if (showList) {
+      if (!showList.includes(nameStr)) {
+        return false;
+      }
+    }
+    var len = names.length;
+    var haveUserGroup = userGroups.length > 1 || userGroups[0] !== 0;
+    var name = names[len - 1];
+    var originalName = originalNames[len - 1];
+    var userGroup = haveUserGroup ? names[len - 2] : '所有用户';
+    var nameGroup = names.join(',');
+    var color = chartColors[index % 20];
+    var data = {
+      id: Math.random(),
+      name: name,
+      userGroup: userGroup,
+      nameGroup: nameGroup,
+      color: color,
+      attrSum: item.attrSum
+    };
+    if (attrNum) {
+      data["dimension"] = name;
+      data['originalName'] = originalName;
+    } else {
+      data["eventName"] = name;
+      data["originalName"] = originalName;
+    }
+    values.forEach(function (item, index) {
+      data["field".concat(index)] = item;
+    });
+    result.push(data);
+  });
+  return result;
+}
+export function getDefaultShow(source) {
+  if (source.series) {
+    var result = [];
+    source.series.forEach(function (item, index) {
+      if (index < 10) {
+        if (item.names) {
+          result.push(item.names.join(','));
+        }
+      }
+    });
+    return result;
+  }
+  return [];
+}
+export function getShowColor(source, showList) {
+  var colors = [];
+  source.series.forEach(function (item, index) {
+    if (item.names) {
+      var name = item.names.join(',');
+      showList.forEach(function (show) {
+        if (name === show) {
+          colors.push(chartColors[index % 20]);
+          return;
+        }
+      });
+    }
+  });
+  return colors;
+}

package/es/utils/util.d.ts

@@ -0,0 +1,32 @@
+declare let util: {
+    dayTime: number;
+    type(obj: any): string;
+    isObject(obj: any): boolean;
+    isArray(obj: any): boolean;
+    isString(obj: any): boolean;
+    isNumber(obj: any): boolean;
+    isDate(obj: any): boolean;
+    isFunction(obj: any): boolean;
+    isEqual(a?: {}, b?: {}): boolean;
+    equal(a: any, b: any): boolean;
+    random(min: number, max: number): number;
+    guid(): string;
+    mergeObject(defaults: {
+        [x: string]: any;
+    }, option: {
+        [x: string]: any;
+    }): {
+        [x: string]: any;
+    };
+    toThousands(num: number): string;
+    toDoubleNumber(num: number): string;
+    dateFormat(date?: any, formatter?: string): string;
+    timeFormat(date: any, formatter: string | undefined, autoShort: any): string | undefined;
+    strMiddleSplit(str: string, config?: {
+        maxLength: number;
+        beginLength: number;
+        endLength: number;
+        replaceStr: string;
+    }): string;
+};
+export default util;

package/es/utils/util.js

@@ -0,0 +1,139 @@
+var util = {
+  dayTime: 24 * 60 * 60 * 1000,
+  type: function type(obj) {
+    return Object.prototype.toString.call(obj);
+  },
+  isObject: function isObject(obj) {
+    return this.type(obj) === '[object Object]';
+  },
+  isArray: function isArray(obj) {
+    return this.type(obj) === '[object Array]';
+  },
+  isString: function isString(obj) {
+    return this.type(obj) === '[object String]';
+  },
+  isNumber: function isNumber(obj) {
+    return this.type(obj) === '[object Number]';
+  },
+  isDate: function isDate(obj) {
+    return this.type(obj) === '[object Date]';
+  },
+  isFunction: function isFunction(obj) {
+    return this.type(obj) === '[object Function]';
+  },
+  isEqual: function isEqual() {
+    var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return JSON.stringify(a) === JSON.stringify(b);
+  },
+  equal: function equal(a, b) {
+    return JSON.stringify(a) === JSON.stringify(b);
+  },
+  random: function random(min, max) {
+    return Math.round(Math.random() * (max - min)) + min;
+  },
+  guid: function guid() {
+    function s4() {
+      return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
+    }
+    return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
+  },
+  mergeObject: function mergeObject(defaults, option) {
+    defaults = defaults || {};
+    option = option || {};
+    for (var prop in defaults) {
+      if (this.isObject(defaults[prop])) {
+        option[prop] = option[prop] ? option[prop] : {};
+        this.mergeObject(defaults[prop], option[prop]);
+      } else if (this.isArray(defaults[prop])) {
+        if (!option[prop] || !option[prop].length) {
+          option[prop] = defaults[prop];
+        } else {
+          var i = 0;
+          var optLenght = option[prop].length;
+          var defaultLength = defaults[prop].length;
+          for (i; i < optLenght && i < defaultLength; i++) {
+            option[prop][i] = this.mergeObject(defaults[prop][i], option[prop][i]);
+          }
+        }
+      } else {
+        option[prop] = option[prop] === null || option[prop] === undefined ? defaults[prop] : option[prop];
+      }
+    }
+    return option;
+  },
+  toThousands: function toThousands(num) {
+    var source = String(num).split('.');
+    source[0] = source[0].replace(new RegExp('(\\d)(?=(\\d{3})+$)', 'ig'), '$1,');
+    return source.join('.');
+  },
+  toDoubleNumber: function toDoubleNumber(num) {
+    var num2 = num.toString();
+    return num > 9 ? num2 : '0' + num2;
+  },
+  dateFormat: function dateFormat() {
+    var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
+    var formatter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'yyyy-mm-dd';
+    return formatter.replace('yyyy', date.getFullYear()).replace('mm', this.toDoubleNumber(date.getMonth() + 1)).replace('dd', this.toDoubleNumber(date.getDate()));
+  },
+  timeFormat: function timeFormat() {
+    var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
+    var formatter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'hh:mm:ss';
+    var autoShort = arguments.length > 2 ? arguments[2] : undefined;
+    if (this.isDate(date)) {
+      return formatter.replace('hh', this.toDoubleNumber(date.getHours())).replace('mm', this.toDoubleNumber(date.getMinutes())).replace('ss', this.toDoubleNumber(date.getSeconds()));
+    } else if (this.isNumber(date)) {
+      var s = parseInt(date / 1000 + '');
+      var m = parseInt(s / 60 + '');
+      var h = parseInt(m / 60 + '');
+      s = s - m * 60;
+      m = m - h * 60;
+      if (!h && autoShort) {
+        formatter = formatter.replace(/hh\S*?mm/, 'mm');
+        if (!m) {
+          formatter = formatter.replace(/mm\S*?ss/, 'ss');
+          return formatter.replace('ss', s + '');
+        }
+      }
+      return formatter.replace('hh', this.toDoubleNumber(h)).replace('mm', this.toDoubleNumber(m)).replace('ss', this.toDoubleNumber(s));
+    }
+  },
+  strMiddleSplit: function strMiddleSplit(str) {
+    var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      maxLength: 20,
+      beginLength: 8,
+      endLength: 8,
+      replaceStr: '...'
+    };
+    str += '';
+    var reg = {
+      fullCharReg: /[^\x00-\xff]/,
+      fullCharsReg: /[^\x00-\xff]/g,
+      anyChars: /[\S\s]{1}/g
+    };
+    var fullCharLength = (str.match(reg.fullCharsReg) || []).length;
+    var fullLength = str.length + fullCharLength;
+    var beginArr = [];
+    var beginLength = 0;
+    var endArr = [];
+    var endLength = 0;
+    if (fullLength > config.maxLength) {
+      var strArr = str.match(reg.anyChars) || [];
+      strArr.forEach(function (char) {
+        if (beginLength >= config.beginLength) return;
+        var len = reg.fullCharReg.test(char) ? 2 : 1;
+        beginLength += len;
+        beginArr.push(char);
+      });
+      strArr.reverse().forEach(function (char) {
+        if (endLength >= config.endLength) return;
+        var len = reg.fullCharReg.test(char) ? 2 : 1;
+        endLength += len;
+        endArr.push(char);
+      });
+      return beginArr.join('') + config.replaceStr + endArr.reverse().join('');
+    }
+    return str;
+  }
+};
+export default util;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/modules-event",
-  "version": "1.0.29-zhongyuanE.17",
+  "version": "1.0.29-zhongyuanE.23",
   "module": "es/index.js",
   "typings": "es/index.d.ts",
   "private": false,
@@ -54,7 +54,7 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "29048e32c27223583495c1e119aaadf2f49b6708",
+  "gitHead": "970c99a20074a839133245ccbf4d340e47e22f21",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }