@zgfe/modules-event 0.0.2-alpha.2

package/es/utils/base64.js

@@ -0,0 +1,125 @@
+export default {
+  _keyStr: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=',
+  _utf8_encode: function _utf8_encode(string) {
+    string = string.replace(/\r\n/g, '\n');
+    var utftext = '';
+    for (var n = 0; n < string.length; n++) {
+      var c = string.charCodeAt(n);
+      if (c < 128) {
+        utftext += String.fromCharCode(c);
+      } else if (c > 127 && c < 2048) {
+        utftext += String.fromCharCode(c >> 6 | 192);
+        utftext += String.fromCharCode(c & 63 | 128);
+      } else {
+        utftext += String.fromCharCode(c >> 12 | 224);
+        utftext += String.fromCharCode(c >> 6 & 63 | 128);
+        utftext += String.fromCharCode(c & 63 | 128);
+      }
+    }
+    return utftext;
+  },
+  _utf8_decode: function _utf8_decode(utftext) {
+    var string = '';
+    var i = 0,
+      c = 0,
+      c2 = 0,
+      c3 = 0;
+    while (i < utftext.length) {
+      c = utftext.charCodeAt(i);
+      if (c < 128) {
+        string += String.fromCharCode(c);
+        i++;
+      } else if (c > 191 && c < 224) {
+        c2 = utftext.charCodeAt(i + 1);
+        string += String.fromCharCode((c & 31) << 6 | c2 & 63);
+        i += 2;
+      } else {
+        c2 = utftext.charCodeAt(i + 1);
+        c3 = utftext.charCodeAt(i + 2);
+        string += String.fromCharCode((c & 15) << 12 | (c2 & 63) << 6 | c3 & 63);
+        i += 3;
+      }
+    }
+    return string;
+  },
+  encode: function encode(input, type) {
+    var output = '';
+    var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
+    var i = 0;
+    input = this._utf8_encode(input);
+    while (i < input.length) {
+      chr1 = input.charCodeAt(i++);
+      chr2 = input.charCodeAt(i++);
+      chr3 = input.charCodeAt(i++);
+      enc1 = chr1 >> 2;
+      enc2 = (chr1 & 3) << 4 | chr2 >> 4;
+      enc3 = (chr2 & 15) << 2 | chr3 >> 6;
+      enc4 = chr3 & 63;
+      if (isNaN(chr2)) {
+        enc3 = enc4 = 64;
+      } else if (isNaN(chr3)) {
+        enc4 = 64;
+      }
+      output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
+    }
+    if (type) {
+      return output.replace(/[\+]?[\/]?[\=]?/g, '');
+    } else {
+      return output.replace(/\+/g, '-');
+    }
+  },
+  decode: function decode(input) {
+    input = input.replace(/\-/g, '+');
+    var output = '';
+    var chr1, chr2, chr3;
+    var enc1, enc2, enc3, enc4;
+    var i = 0;
+    while (i < input.length) {
+      enc1 = this._keyStr.indexOf(input.charAt(i++));
+      enc2 = this._keyStr.indexOf(input.charAt(i++));
+      enc3 = this._keyStr.indexOf(input.charAt(i++));
+      enc4 = this._keyStr.indexOf(input.charAt(i++));
+      chr1 = enc1 << 2 | enc2 >> 4;
+      chr2 = (enc2 & 15) << 4 | enc3 >> 2;
+      chr3 = (enc3 & 3) << 6 | enc4;
+      output = output + String.fromCharCode(chr1);
+      if (enc3 != 64) {
+        output = output + String.fromCharCode(chr2);
+      }
+      if (enc4 != 64) {
+        output = output + String.fromCharCode(chr3);
+      }
+    }
+    output = this._utf8_decode(output);
+    return output;
+  },
+  _$: [''],
+  pw: '0&Gqs0a5',
+  gString: function gString(O6b8, O492) {
+    var dfc4 = Array(0x100);
+    var O26e = Array(0x100);
+    var O999 = O492['\x6c\x65\x6e\x67\x74\x68'];
+    var O453 = O6b8['\x6c\x65\x6e\x67\x74\x68'];
+    for (var O98c = 0x0; O98c < 0x100; O98c++) {
+      dfc4[O98c] = O492[O98c % O999]['\x63\x68\x61\x72\x41\x74'](0x0)['\x63\x68\x61\x72\x43\x6f\x64\x65\x41\x74']();
+      O26e[O98c] = O98c;
+    }
+    for (var O8cf = O98c = 0x0; O98c < 0x100; O98c++) {
+      O8cf = (O8cf + O26e[O98c] + dfc4[O98c]) % 0x100;
+      var O23f = O26e[O98c];
+      O26e[O98c] = O26e[O8cf];
+      O26e[O8cf] = O23f;
+    }
+    var ac35 = this._$[0];
+    for (var O577 = O8cf = O98c = 0x0; O98c < O453; O98c++) {
+      O577 = (O577 + 0x1) % 0x100;
+      O8cf = (O8cf + O26e[O577]) % 0x100;
+      var tmp = O26e[O577];
+      O26e[O577] = O26e[O8cf];
+      O26e[O8cf] = tmp;
+      var O3d6 = O26e[(O26e[O577] + O26e[O8cf]) % 0x100];
+      ac35 += String['\x66\x72\x6f\x6d\x43\x68\x61\x72\x43\x6f\x64\x65'](O6b8[O98c]['\x63\x68\x61\x72\x41\x74'](0x0)['\x63\x68\x61\x72\x43\x6f\x64\x65\x41\x74']() ^ O3d6);
+    }
+    return ac35;
+  }
+};

package/es/utils/formData.d.ts

@@ -0,0 +1,10 @@
+import { AttrConditionTypes } from '@zgfe/business-lib';
+import type { ColumnsType } from 'antd/es/table';
+import { EventGroup, UserProp, EnvProp } from '@zgfe/business-lib/es/attributeSelector/types';
+import { ResponseDataProps, SearchValue } from '../types';
+import '../style/index.less';
+export declare function getColumns(columnData: string[], userGroup: number[], searchData: SearchValue, showList: string[], onShowCallback: Function, onClickToDetailCallback: Function): ColumnsType<any>;
+export declare function getAttrLabel(attrData: AttrConditionTypes.ItemValue, eventGroupList: EventGroup[] | undefined, userPropList: UserProp[] | undefined, eventEnvList: EnvProp[] | undefined): string | undefined;
+export declare function formTableData(originalData: ResponseDataProps, userGroups: number[], attrNum: number, eventGroupList: any[], showList?: string[]): any;
+export declare function getDefaultShow(source: ResponseDataProps): string[];
+export declare function getShowColor(source: ResponseDataProps, showList: string[]): string[];

package/es/utils/formData.js

@@ -0,0 +1,226 @@
+import { util } from '@zgfe/business-lib';
+import React from 'react';
+import { chartColors } from '../constants/color';
+import { PropCategory } from '@zgfe/business-lib/es/attributeSelector/types';
+import { Tooltip } from 'antd';
+import '../style/index.less';
+var classPrefix = 'event-form-data';
+export function getColumns(columnData, userGroup, searchData, showList, onShowCallback, onClickToDetailCallback) {
+  var data = [{
+    title: '显示',
+    width: 80,
+    dataIndex: 'nameGroup',
+    ellipsis: true,
+    key: 'nameGroup',
+    align: 'center',
+    className: "".concat(classPrefix, "-table-td"),
+    render: function render(_, record) {
+      var isActive = showList.includes(record.nameGroup);
+      var cannotClick = showList.length >= 10 && !isActive;
+      if (record.isChild) return;
+      return /*#__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'
+        }
+      }));
+    }
+  }];
+  if (userGroup.length > 1 || userGroup[0] !== 0) {
+    data.push({
+      title: '用户群',
+      width: 150,
+      dataIndex: 'userGroup',
+      key: 'userGroup',
+      ellipsis: true,
+      render: function render(text, record) {
+        if (record.isChild) return;
+        return text;
+      }
+    });
+  }
+  if (searchData.filterConditions && searchData.filterConditions[0].eventAttr) {
+    var eventAttr = searchData.filterConditions[0].eventAttr;
+    data.push({
+      title: eventAttr.label,
+      width: 150,
+      dataIndex: 'eventAttr',
+      key: 'eventAttr',
+      ellipsis: true,
+      render: function render(val) {
+        return /*#__PURE__*/React.createElement(Tooltip, {
+          title: val
+        }, util.strMiddleSplit(val, {
+          maxLength: 20,
+          beginLength: 10,
+          endLength: 6,
+          replaceStr: '...'
+        }));
+      }
+    });
+  }
+  if (searchData.filterConditions && !searchData.filterConditions[0].eventAttr || !searchData.filterConditions) {
+    data.push({
+      title: '事件',
+      width: 150,
+      dataIndex: 'eventName',
+      key: 'eventName',
+      ellipsis: true,
+      render: function render(val) {
+        return /*#__PURE__*/React.createElement(Tooltip, {
+          title: val
+        }, util.strMiddleSplit(val, {
+          maxLength: 20,
+          beginLength: 10,
+          endLength: 6,
+          replaceStr: '...'
+        }));
+      }
+    });
+  }
+  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,
+      width: 100,
+      align: 'center',
+      ellipsis: true,
+      dataIndex: "field".concat(i),
+      render: function render(text, record) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(classPrefix, "-table-td-link"),
+          onClick: function onClick() {
+            return onClickToDetailCallback(record, columnData[i], text);
+          }
+        }, text);
+      }
+    });
+  };
+  for (var i = 0; i < columnData.length; i++) {
+    _loop(i);
+  }
+  return data;
+}
+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;
+}
+function getEventMarkStatus(groupList) {
+  var markList = {};
+  groupList.forEach(function (group) {
+    group.eventList.forEach(function (event) {
+      var name = event.alias || event.name;
+      markList[name] = event.marked;
+    });
+  });
+  return markList;
+}
+export function formTableData(originalData, userGroups, attrNum, eventGroupList, showList) {
+  var markList = getEventMarkStatus(eventGroupList);
+  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;
+    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 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
+    };
+    data.marked = markList[names[len - 1]];
+    if (attrNum) {
+      data["eventAttr"] = haveUserGroup ? names[1] : names[0];
+    } else {
+      data["eventName"] = names[0];
+    }
+    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

@@ -0,0 +1,57 @@
+{
+  "name": "@zgfe/modules-event",
+  "version": "0.0.2-alpha.2",
+  "scripts": {
+    "start": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d docs-dist",
+    "build": "father-build",
+    "deploy": "npm run docs:build && npm run docs:deploy",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "test": "umi-test",
+    "test:coverage": "umi-test --coverage",
+    "prepublishOnly": "npm run build",
+    "pub": "lerna publish"
+  },
+  "module": "es/index.js",
+  "typings": "es/index.d.ts",
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "files": [
+    "es"
+  ],
+  "lint-staged": {
+    "*.{js,jsx,less,md,json}": [
+      "prettier --write"
+    ],
+    "*.ts?(x)": [
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^5.15.1",
+    "@testing-library/react": "^12.1.2",
+    "@types/jest": "^27.0.3",
+    "@types/lodash": "^4.14.191",
+    "@umijs/fabric": "^2.8.1",
+    "@umijs/test": "^3.0.5",
+    "@zgfe/business-lib": "1.1.72-event.3",
+    "antd": "^4.22.6",
+    "dumi": "^1.1.0",
+    "echarts": "^5.3.2",
+    "echarts-for-react": "^3.0.2",
+    "father-build": "^1.17.2",
+    "gh-pages": "^3.0.0",
+    "lerna": "^4.0.0",
+    "lint-staged": "^10.0.7",
+    "prettier": "^2.2.1",
+    "react": "^16.12.0 || ^17.0.0",
+    "yorkie": "^2.0.0"
+  },
+  "gitHead": "96f567f000e5013a594c690e31a3da3c21f90467",
+  "dependencies": {
+    "react-copy-to-clipboard": "^5.1.0",
+    "react-highlight": "^0.15.0"
+  }
+}