@zgfe/modules-event 0.0.2-event.9 → 0.1.0

package/es/utils/formData.js

@@ -1,6 +1,7 @@
 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';
@@ -8,7 +9,7 @@ import { Tooltip } from 'antd';
 import '../style/index.less';
 import { getValue } from '../modules/content/utils';
 var classPrefix = 'event-form-data';
-export function getColumns(eventGroupList, userPropList, eventEnvList, columnData, userGroup, searchData, showList, onShowCallback, onClickToDetailCallback) {
+export function getColumns(eventGroupList, userPropList, eventEnvList, columnData, userGroup, searchData, showList, onShowCallback, onClickToDetailCallback, onSelectEvent) {
   var marketEventNameList = marketEventGroupList(eventGroupList);
   var data = [{
     title: '显示',
@@ -58,46 +59,71 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
       ellipsis: true,
       fixed: true,
       render: function render(val) {
-        return /*#__PURE__*/React.createElement(Tooltip, {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "tooltip-name-box"
+        }, /*#__PURE__*/React.createElement(Tooltip, {
           title: val
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "tooltip-name-box-market"
         }, util.strMiddleSplit(val, {
-          maxLength: 20,
-          beginLength: 10,
-          endLength: 6,
+          maxLength: 9,
+          beginLength: 9,
+          endLength: 0,
           replaceStr: '...'
-        }));
+        }))), /*#__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: '事件',
+      title: /*#__PURE__*/React.createElement("div", {
+        style: {
+          paddingLeft: '16px'
+        }
+      }, "\u4E8B\u4EF6"),
       width: 150,
       dataIndex: 'eventName',
       key: 'eventName',
       ellipsis: true,
       fixed: true,
       render: function render(val) {
-        return /*#__PURE__*/React.createElement(Tooltip, {
-          className: "event-name-box",
-          title: val
+        var _val = val;
+        return /*#__PURE__*/React.createElement("div", {
+          className: "tooltip-name-box"
+        }, /*#__PURE__*/React.createElement(Tooltip, {
+          title: _val
         }, /*#__PURE__*/React.createElement("div", {
-          className: "event-name-box-market"
-        }, marketEventNameList.indexOf(val) !== -1 && /*#__PURE__*/React.createElement(IconFont, {
-          type: "shoucang"
-        }), util.strMiddleSplit(val, {
-          maxLength: 20,
-          beginLength: 10,
-          endLength: 6,
+          className: "tooltip-name-box-market",
+          onClick: function onClick() {
+            onSelectEvent && onSelectEvent(getEventAliasId(val, eventGroupList), val);
+          }
+        }, /*#__PURE__*/React.createElement(IconFont, {
+          type: "shoucang",
+          className: "".concat(marketEventNameList.indexOf(_val) === -1 ? 'notshoucang' : '')
+        }), util.strMiddleSplit(_val, {
+          maxLength: 9,
+          beginLength: 9,
+          endLength: 0,
           replaceStr: '...'
-        })), /*#__PURE__*/React.createElement(CopyToClipboard, {
-          text: 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"
-        })));
+        }))));
       }
     });
   }
@@ -127,12 +153,13 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
         return 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"),
+          className: "".concat(classPrefix, "-table-td-link ").concat(click ? '' : 'not-to-detail'),
           onClick: function onClick() {
-            return onClickToDetailCallback(record, columnData[i], text);
+            click ? onClickToDetailCallback(record, columnData[i], text) : null;
           }
-        }, /*#__PURE__*/React.createElement(IconFont, {
+        }, click && /*#__PURE__*/React.createElement(IconFont, {
           type: "a-yanjingkai"
         }), text);
       }
@@ -143,6 +170,75 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
   }
   return data;
 }
+export function getChartDataEventAliasName(dataSource, eventGroupList) {
+  var data = _.cloneDeep(dataSource);
+  var series = [];
+  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;
+}
+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.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.series.length <= 0) {
+    return data;
+  } else {
+    var _data = _.cloneDeep(data);
+    var _series = [];
+    _data.series.map(function (item, index) {
+      _series.push(item);
+      _data.series.map(function (_item, _index) {
+        if (item.names[1] === _item.names[1] && index !== _index) {
+          _series.push(_item);
+          delete _data.series[_index];
+        }
+      });
+      delete _data.series[index];
+    });
+    _data.series = _series;
+    return _data;
+  }
+}
 export function marketEventGroupList(eventGroupList) {
   var _marketName = [];
   eventGroupList && eventGroupList.map(function (item) {
@@ -150,9 +246,28 @@ export function marketEventGroupList(eventGroupList) {
       if (_item.marked) _marketName.push(_item.name);
     });
   });
-  console.log(666, _marketName);
   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 _name = eventData.series[0].names[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;
@@ -185,7 +300,9 @@ export function formTableData(originalData, userGroups, attrNum, showList) {
   series.forEach(function (item, index) {
     var _item$names = item.names,
       names = _item$names === void 0 ? [] : _item$names,
-      values = item.values;
+      values = item.values,
+      _item$originalNames = item.originalNames,
+      originalNames = _item$originalNames === void 0 ? [] : _item$originalNames;
     var nameStr = names.join(',');
     if (showList) {
       if (!showList.includes(nameStr)) {
@@ -195,6 +312,7 @@ export function formTableData(originalData, userGroups, attrNum, showList) {
     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];
@@ -206,9 +324,10 @@ export function formTableData(originalData, userGroups, attrNum, showList) {
       color: color
     };
     if (attrNum) {
-      data["dimension"] = haveUserGroup ? names[1] : names[0];
+      data["dimension"] = name;
     } else {
-      data["eventName"] = haveUserGroup ? names[1] : names[0];
+      data["eventName"] = name;
+      data["originalName"] = originalName;
     }
     values.forEach(function (item, index) {
       data["field".concat(index)] = item;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/modules-event",
-  "version": "0.0.2-event.9",
+  "version": "0.1.0",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -36,7 +36,7 @@
     "@types/lodash": "^4.14.191",
     "@umijs/fabric": "^2.8.1",
     "@umijs/test": "^3.0.5",
-    "@zgfe/business-lib": "1.1.76-event.8",
+    "@zgfe/business-lib": "1.1.84-panel.18",
     "antd": "^4.22.6",
     "dumi": "^1.1.0",
     "echarts": "^5.3.2",
@@ -49,7 +49,7 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "537899c594e6b6a292799f18f8743f45143017b9",
+  "gitHead": "24eca66c4f0a78342871fa4b6e4aba238d7d5034",
   "dependencies": {
     "react-copy-to-clipboard": "^5.1.0",
     "react-highlight": "^0.15.0"

package/es/components/common/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import './styles/index.less';
-export declare const MiSpin: React.FC;
-export declare const MiNone: React.FC<{
-    label?: string;
-}>;

package/es/components/common/index.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import './styles/index.less';
-var classPrefix = 'mi-common';
-export var MiSpin = function MiSpin() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-loading-icon")
-  });
-};
-export var MiNone = function MiNone(props) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-none-container")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-none")
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(classPrefix, "-none-text")
-  }, " ", props.label));
-};

package/es/components/common/styles/index.less

@@ -1,27 +0,0 @@
-@import '~@zgfe/business-lib/es/assets/styles/inner.less';
-
-.mi-common {
-  &-loading-icon {
-    z-index: 1000;
-    display: inline-block;
-    width: 40px;
-    height: 40px;
-    background: url('../../../style/image/ring.svg') no-repeat;
-    background-size: contain;
-  }
-
-  &-none-text {
-    color: @text-color;
-    font-size: 16px;
-  }
-
-  &-none {
-    width: 348px;
-    height: 132px;
-    background: url('../../../style/image/noData.png') no-repeat;
-  }
-
-  &-none-container {
-    text-align: center;
-  }
-}