@zgfe/modules-dm 1.0.56-zhongyuan.11 → 1.0.56-zhongyuan.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -28,40 +28,6 @@ export interface mapDataType {
28
28
  remarkAttrName: string;
29
29
  updatedTime: string;
30
30
  }
31
- export interface mapFilterType {
32
- attr1?: string | undefined;
33
- attr2?: string | undefined;
34
- attr3?: string | undefined;
35
- attr4?: string | undefined;
36
- attr5?: string | undefined;
37
- mapId: Number;
38
- }
39
- export interface andFilterType {
40
- relation: string;
41
- conditions: andFilterConditionsType[];
42
- }
43
- export interface andFilterConditionsType {
44
- attrId: number;
45
- attrName: string;
46
- dimensionSub: string;
47
- label: string;
48
- operator: string;
49
- propCategory: string;
50
- type: number;
51
- values: string[];
52
- }
53
- export interface eventAttrListItemType {
54
- alias: string;
55
- dimensionSub: string;
56
- eventId: number;
57
- id: number;
58
- isHidden: number;
59
- key: string;
60
- label: string;
61
- propCategory: string;
62
- realTime: boolean;
63
- type: number;
64
- }
65
31
  export declare const mapContext: React.Context<{
66
32
  setMapViewFlg?: Function | undefined;
67
33
  mapData?: mapDataType[] | undefined;
@@ -98,3 +64,20 @@ export interface FiltersType {
98
64
  label: string;
99
65
  attrName: string;
100
66
  }
67
+ export interface mapFilterType {
68
+ mapId: number;
69
+ }
70
+ export interface andFilterConditionsType {
71
+ attrId: number;
72
+ propCategory: string;
73
+ type: number;
74
+ operator: string;
75
+ values: any;
76
+ dimensionSub: string;
77
+ label: string;
78
+ attrName: string;
79
+ }
80
+ export interface andFilterType {
81
+ relation: string;
82
+ conditions: andFilterConditionsType[];
83
+ }
@@ -28,7 +28,6 @@ import { getAppID, getTableScroll } from '../../../utils';
28
28
  import { DmContext } from '../../../store';
29
29
  var Text = Typography.Text;
30
30
  var TablePlus = function TablePlus(props) {
31
- console.log(props, 'kkk');
32
31
  var classPrefix = 'table-plus';
33
32
  var tableHandleData = props.tableHandleData,
34
33
  queryPlanData = props.queryPlanData,
@@ -80,11 +80,10 @@ export default (function () {
80
80
  return /*#__PURE__*/React.createElement(DemoWrapper, null, /*#__PURE__*/React.createElement(DataManage
81
81
  // isSelect={true}
82
82
  // isSelectTab={'1'}
83
- // selectTreeName="新页面_点击"
84
83
  , {
85
84
  // isSelect={true}
86
85
  // isSelectTab={'1'}
87
- // selectTreeName="新页面_点击"
86
+ selectTreeName: "\u65B0\u9875\u9762_\u70B9\u51FB",
88
87
  onChangeSelectObj: setSelectObj,
89
88
  selectObj: selectObj
90
89
  }));
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ declare const SelectAttr: React.FC<{
3
+ event: any;
4
+ onChange: Function;
5
+ onDelete: Function;
6
+ }>;
7
+ export default SelectAttr;
@@ -0,0 +1,92 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
+ function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
3
+ 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."); }
4
+ function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
5
+ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
6
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
9
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
10
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
11
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
12
+ 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."); }
13
+ 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; } }
14
+ 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; }
15
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
16
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
17
+ import React, { useEffect, useState } from 'react';
18
+ import { BizAttributeSelector, ValuesList } from '@zgfe/business-lib';
19
+ var SelectAttr = function SelectAttr(_ref) {
20
+ var event = _ref.event,
21
+ onChange = _ref.onChange,
22
+ onDelete = _ref.onDelete;
23
+ console.log(event, 'event');
24
+ var _useState = useState(),
25
+ _useState2 = _slicedToArray(_useState, 2),
26
+ attrArr = _useState2[0],
27
+ setAttrArr = _useState2[1];
28
+ var _useState3 = useState(),
29
+ _useState4 = _slicedToArray(_useState3, 2),
30
+ currentData = _useState4[0],
31
+ setCurrentData = _useState4[1];
32
+ var _useState5 = useState(),
33
+ _useState6 = _slicedToArray(_useState5, 2),
34
+ a = _useState6[0],
35
+ setA = _useState6[1];
36
+ var handleFlex = function handleFlex(value) {
37
+ setA(_objectSpread(_objectSpread({}, value), {}, {
38
+ operator: 'equal'
39
+ }));
40
+ };
41
+ var handleSelectFlexValues = function handleSelectFlexValues(value) {
42
+ console.log(value, 'ss');
43
+ value[0] && setCurrentData(function (pre) {
44
+ return _objectSpread(_objectSpread({}, a), {}, {
45
+ values: value
46
+ });
47
+ });
48
+ };
49
+ var deleteFlex = function deleteFlex() {
50
+ console.log(currentData, attrArr, 'current');
51
+ // onChange();
52
+ };
53
+ useEffect(function () {
54
+ console.log(currentData, attrArr);
55
+ // setAttrArr((pre) => [...pre, currentData]);
56
+ }, [currentData]);
57
+ var add = function add() {
58
+ attrArr ? setAttrArr(function (pre) {
59
+ return [].concat(_toConsumableArray(pre), [currentData]);
60
+ }) : setAttrArr([currentData]);
61
+ };
62
+ return /*#__PURE__*/React.createElement(React.Fragment, null, attrArr && attrArr.map(function (o, index) {
63
+ return /*#__PURE__*/React.createElement("div", {
64
+ key: index
65
+ }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
66
+ eventIdList: [event.id],
67
+ enableDelete: false,
68
+ enableEventProp: true,
69
+ enableEnvProp: true,
70
+ value: a,
71
+ enableUserProp: false,
72
+ placeholder: "\u8BF7\u9009\u62E9\u5C5E\u6027",
73
+ onChange: function onChange(e) {
74
+ handleFlex(e);
75
+ }
76
+ }), /*#__PURE__*/React.createElement("div", null, "\u662F"), /*#__PURE__*/React.createElement(ValuesList, {
77
+ theme: "secondary",
78
+ attr: a && a,
79
+ operate: "equal",
80
+ onChange: function onChange(value) {
81
+ handleSelectFlexValues(value);
82
+ }
83
+ }), /*#__PURE__*/React.createElement("a", {
84
+ onClick: deleteFlex
85
+ }, "\u5220\u9664"));
86
+ }), /*#__PURE__*/React.createElement("button", {
87
+ onClick: function onClick() {
88
+ return add();
89
+ }
90
+ }, "\u6DFB\u52A0"));
91
+ };
92
+ export default SelectAttr;
@@ -22,10 +22,8 @@ import './css/index.less';
22
22
  import DataRealViewTable from './table';
23
23
  import * as _ from 'lodash';
24
24
  var classNameBase = 'dataReal';
25
- // const webSocketUrl = `${location.protocol == 'http:' ? 'ws' : 'wss'}://${
26
- // location.host
27
- // }/eventtracking/ws?type=realTime`;
28
- var webSocketUrl = 'ws://172.31.31.50:19898/eventtracking/ws?type=realTime';
25
+ var webSocketUrl = "".concat(location.protocol == 'http:' ? 'ws' : 'wss', "://").concat(location.host, "/eventtracking/ws?type=realTime");
26
+ // const webSocketUrl = 'ws://172.31.31.50:19898/eventtracking/ws?type=realTime';
29
27
  // 点击单元格 添加悬浮框 2。看宽度是否可自适应,可能需要适应大屏
30
28
  function matchesFilterData(o, filterData) {
31
29
  return new RegExp(_.escapeRegExp(filterData), 'i').test(JSON.stringify(o === null || o === void 0 ? void 0 : o.data));
@@ -88,9 +86,17 @@ var DataRealView = function DataRealView() {
88
86
  data: "".concat(JSON.stringify(message))
89
87
  };
90
88
  setCurrentMessageObj(obj);
89
+ // 最多为500条 超出去掉第一条
90
+ // setOldList((prev: any) => {
91
+ // if (prev.length <= 49) {
92
+ // return [obj, ...prev];
93
+ // }
94
+ // prev.pop();
95
+ // return [obj, ...prev];
96
+ // });
91
97
  // 最多1000条数据
92
98
  // setOldList((prev: any) => {
93
- // if (prev.length < 3) {
99
+ // if (prev.length <= 200) {
94
100
  // return [obj, ...prev];
95
101
  // }
96
102
  // prev.pop();
@@ -173,6 +179,19 @@ var DataRealView = function DataRealView() {
173
179
  return _ref.apply(this, arguments);
174
180
  };
175
181
  }();
182
+ useEffect(function () {
183
+ // 组件挂载时执行的操作
184
+ console.log('组件挂载');
185
+ // 返回一个清理函数,在组件卸载时执行
186
+ return function () {
187
+ if (textStatus) {
188
+ setTextStatus(false);
189
+ ws === null || ws === void 0 ? void 0 : ws.close(); // 停止刷新 关闭链接
190
+ setWs(null);
191
+ return;
192
+ }
193
+ };
194
+ }, []);
176
195
  useMemo(function () {
177
196
  if (currentMessageObj) {
178
197
  var _currentMessageObj$ev, _currentMessageObj$us, _currentMessageObj$us2;
@@ -181,7 +200,7 @@ var DataRealView = function DataRealView() {
181
200
  var hasFilterData = !filterData || matchesFilterData(currentMessageObj, filterData);
182
201
  if (hasEventName && hasUserId && hasFilterData) {
183
202
  setOldList(function (prev) {
184
- if (prev.length < 3) {
203
+ if (prev.length < 51) {
185
204
  return [currentMessageObj].concat(_toConsumableArray(prev));
186
205
  }
187
206
  prev.pop();
@@ -202,7 +221,7 @@ var DataRealView = function DataRealView() {
202
221
  });
203
222
  }
204
223
  var newList = matchesSearchCriteria(oldList, eventName, searchUserId, filterData);
205
- // const aa = newList?.slice(0, 2);
224
+ // const aa = newList?.slice(0, 50);
206
225
  setList(newList);
207
226
  }, [eventName, searchUserId, oldList, filterData]);
208
227
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zgfe/modules-dm",
3
- "version": "1.0.56-zhongyuan.11",
3
+ "version": "1.0.56-zhongyuan.13",
4
4
  "license": "ISC",
5
5
  "module": "es/index.js",
6
6
  "typings": "es/index.d.ts",
@@ -57,7 +57,7 @@
57
57
  "umi-request": "^1.4.0",
58
58
  "yorkie": "^2.0.0"
59
59
  },
60
- "gitHead": "d0e38f270e5a5edd9459cbedc0682272a22fa1be",
60
+ "gitHead": "d2dfa3c7a8f86fea47c792a28e9597a5801e4551",
61
61
  "gitHooks": {
62
62
  "pre-commit": "lint-staged"
63
63
  }