@zgfe/modules-dm 1.0.42-alpha.8 → 1.0.56-zhongyuan.1

package/es/modules/dataCollection/collectionEventList.js

@@ -1,466 +0,0 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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, IconFont } from '@zgfe/business-lib';
-import { Input, Button, Select, Modal, message, Drawer, Pagination } from 'antd';
-import request from '../../utils/ajax';
-import apis from '../../constants/api';
-import React, { useEffect, useState, useContext } from 'react';
-import './styles/index.less';
-import TablePlus from './components/tablePlus';
-import _ from 'lodash';
-import { getAppID } from '../../utils';
-import CollectionAttributeList from './collectionAttributeList';
-import EventGroupingDrawer from './components/eventGroupingDrawer';
-import { DmContext } from '../../store';
-var CollectionEventList = function CollectionEventList(props) {
-  var classPrefix = 'event-list';
-  var _useContext = useContext(BizGlobalDataContext),
-    currentApp = _useContext.currentApp,
-    authority = _useContext.authority;
-  var _useContext2 = useContext(DmContext),
-    state = _useContext2.state;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    total = _useState2[0],
-    setTotal = _useState2[1];
-  // 加载中
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-  // 渲染数据
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tableHandleData = _useState6[0],
-    setTableHandleData = _useState6[1];
-  // 原数据
-  var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    tableHandleDataBasics = _useState8[0],
-    setTableHandleDataBasics = _useState8[1];
-  // 分组select数据
-  var _useState9 = useState([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    groupOptions = _useState10[0],
-    setgroupOptions = _useState10[1];
-  // 事件分组管理
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    eventGroupingShow = _useState12[0],
-    setEventGroupingShow = _useState12[1];
-  // 分组元素有任意一个收藏，筛选收藏时保留分组标题
-  var markTypeHandle = function markTypeHandle(item) {
-    var _markTypeFlag = 0;
-    item.eventList.map(function (_item) {
-      _item.mark_type == 1 ? _markTypeFlag = 1 : null;
-    });
-    return _markTypeFlag;
-  };
-  var dataFinish = function dataFinish(data, refreshFlag) {
-    var _tempArr = [];
-    var _tempGroupOptions = [{
-      value: -999,
-      label: '所有分组'
-    }];
-    var _tempTotal = 0;
-    data.map(function (item, index) {
-      _tempArr.push({
-        key: index,
-        groupId: item.groupId,
-        groupName: item.groupName,
-        event_name: '',
-        alias_name: '',
-        insert_time: '',
-        last_insert_time: '',
-        event_hidden: 0,
-        is_stop: 0,
-        event_attrs: [],
-        event_id: index,
-        is_delete: 0,
-        owner: '',
-        mark_type: markTypeHandle(item)
-      });
-      _tempGroupOptions.push({
-        value: item.groupId,
-        label: item.groupName == null ? '未分组' : item.groupName
-      });
-      item.eventList.map(function (_item, _index) {
-        if (_item.owner !== 'zg_vtl') {
-          _item._groupId = item.groupId;
-          _item.key = index + '-' + _index;
-          if (_item.is_delete == 0) {
-            _tempArr.push(_item);
-            _tempTotal++;
-          }
-        }
-      });
-    });
-    setTotal(_tempTotal);
-    setgroupOptions(_tempGroupOptions);
-    if (!refreshFlag) {
-      setPageNumber(1);
-      setTableHandleData(_tempArr);
-    }
-    setTableHandleDataBasics(_tempArr);
-    setLoading(false);
-  };
-  // 刷新数据
-  var refreshHandle = function refreshHandle() {
-    queryList(true);
-  };
-  var queryList = function queryList(refreshFlag) {
-    request(apis.queryCollectionEventList, {
-      method: 'post',
-      data: {
-        appId: getAppID(currentApp),
-        platform: 0,
-        isAll: true
-      }
-    }).then(function (res) {
-      if (!res) throw new Error();
-      dataFinish(res.data, refreshFlag);
-    });
-  };
-  // 初始化列表
-  useEffect(function () {
-    queryList();
-  }, []);
-  // 控制修改分组名弹框 显示隐藏
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    eventNameShow = _useState14[0],
-    setEventNameShow = _useState14[1];
-  var _useState15 = useState(''),
-    _useState16 = _slicedToArray(_useState15, 2),
-    eventNameInput = _useState16[0],
-    setEventNameInput = _useState16[1];
-  // 创建事件分组
-  var createEventGroup = function createEventGroup() {
-    if (eventNameInput == '') {
-      message.error('请输入分组名称');
-      return;
-    }
-    request(apis.upsertEventGroup, {
-      method: 'post',
-      data: {
-        eventGroupName: eventNameInput,
-        appId: getAppID(currentApp),
-        platform: 0
-      }
-    }).then(function (res) {
-      if (res.code == '00') {
-        message.success('创建成功');
-        queryList();
-        setEventNameInput('');
-        setEventNameShow(false);
-        state.updateEventMetas && state.updateEventMetas(); // 更新store
-      }
-    });
-  };
-  // 筛选：显示状态 | 采集状态
-  var eventActiveFilter = function eventActiveFilter(e, type) {
-    filterHandlePublic(e == -1, type, e);
-  };
-  // 筛选分组
-  var handleSelectChange = function handleSelectChange(e) {
-    filterHandlePublic(e == -999, 'groupId', e);
-  };
-  // 筛选事件
-  var eventNameChange = function eventNameChange(e) {
-    var _value = e.currentTarget.value;
-    filterHandlePublic(_value == '', 'event_name', _value);
-  };
-  // 筛选收藏
-  var markTypeFilter = function markTypeFilter(markActive) {
-    filterHandlePublic(!markActive, 'mark_type');
-  };
-  var _useState17 = useState([]),
-    _useState18 = _slicedToArray(_useState17, 2),
-    filterTypeData = _useState18[0],
-    setfilterTypeData = _useState18[1];
-  var _useState19 = useState([]),
-    _useState20 = _slicedToArray(_useState19, 2),
-    groupData = _useState20[0],
-    setGroupData = _useState20[1]; // 分组数据操作条
-  useEffect(function () {
-    // 判断不同type的筛选条件
-    var _judgeFun = function _judgeFun(item, filterItem) {
-      var _item$alias_name, _item$event_name;
-      switch (filterItem.type) {
-        case 'mark_type':
-          return item.mark_type == 1;
-        case 'event_name':
-          return item.alias_name !== undefined && item.alias_name !== null && ((_item$alias_name = item.alias_name) === null || _item$alias_name === void 0 ? void 0 : _item$alias_name.indexOf(filterItem.value)) !== -1 || item.event_name !== null && ((_item$event_name = item.event_name) === null || _item$event_name === void 0 ? void 0 : _item$event_name.indexOf(filterItem.value)) !== -1;
-        case 'groupId':
-          return item._groupId == filterItem.value || item.groupId == filterItem.value;
-        case 'event_hidden':
-          return item.event_hidden == filterItem.value || item.groupId != undefined;
-        case 'is_stop':
-          return item.is_stop == filterItem.value || item.groupId != undefined;
-      }
-    };
-    var _groupData = [];
-    var clearEmptyGroupFlag = false;
-    // 多条件同时筛选
-    var _tableHandleData = [];
-    tableHandleDataBasics.map(function (item) {
-      if (item.groupId != undefined) {
-        _groupData.push(item);
-      }
-      var falg = true;
-      filterTypeData.map(function (filterItem) {
-        if (!_judgeFun(item, filterItem)) {
-          falg = false;
-          if (filterItem.type == 'event_hidden' || filterItem.type == 'is_stop') clearEmptyGroupFlag = true;
-        }
-      });
-      falg && _tableHandleData.push(item);
-    });
-    setGroupData(_groupData);
-    var total = 0;
-    _tableHandleData.map(function (item) {
-      if (item._groupId != undefined) {
-        total++;
-      }
-    });
-    setTotal(total);
-    // 过滤空组 , event_hidden 和 is_stop，触发
-    var clearEmptyGroup = function clearEmptyGroup(data) {
-      var _data = _.cloneDeep(data);
-      _.remove(_data, function (item) {
-        var flag = false;
-        data.map(function (item2) {
-          if (item.groupId && item.groupId == item2._groupId) {
-            flag = true;
-          }
-        });
-        // console.log(item, flag);
-        return item.groupId != undefined && !flag;
-      });
-      return _data;
-    };
-    // console.log('_tableHandleData_tableHandleData', _tableHandleData);
-    setPageNumber(1);
-    if (!clearEmptyGroupFlag) {
-      setTableHandleData(_tableHandleData);
-    } else {
-      setTableHandleData(clearEmptyGroup(_tableHandleData));
-    }
-  }, [filterTypeData, tableHandleDataBasics]);
-  // 是否已包含筛选type
-  var filterHas = function filterHas(type) {
-    var flag = false;
-    filterTypeData.map(function (item) {
-      if (item.type == type) {
-        flag = true;
-      }
-    });
-    return flag;
-  };
-  // 处理各种筛选数据
-  var filterHandlePublic = function filterHandlePublic(filterFlag, type, value) {
-    if (filterFlag) {
-      // 取消筛选
-      var data = _.cloneDeep(filterTypeData);
-      _.remove(data, function (x) {
-        return x.type == type;
-      });
-      setfilterTypeData(data);
-    } else {
-      if (!filterHas(type)) {
-        setfilterTypeData([].concat(_toConsumableArray(filterTypeData), [{
-          type: type,
-          value: value
-        }]));
-      } else {
-        setfilterTypeData(filterTypeData.map(function (item) {
-          if (item.type == type) {
-            item.value = value;
-          }
-          return item;
-        }));
-      }
-    }
-  };
-  var _useState21 = useState(false),
-    _useState22 = _slicedToArray(_useState21, 2),
-    eventAttrListShow = _useState22[0],
-    setEventAttrListShow = _useState22[1];
-  var _useState23 = useState(),
-    _useState24 = _slicedToArray(_useState23, 2),
-    eventAttrsData = _useState24[0],
-    setEventAttrsData = _useState24[1];
-  var eventAttrDataHandle = function eventAttrDataHandle(data) {
-    setEventAttrsData(data);
-    setEventAttrListShow(true);
-  };
-  var _useState25 = useState(1),
-    _useState26 = _slicedToArray(_useState25, 2),
-    pageNumber = _useState26[0],
-    setPageNumber = _useState26[1];
-  var _useState27 = useState(10),
-    _useState28 = _slicedToArray(_useState27, 2),
-    pageSize = _useState28[0],
-    setPageSize = _useState28[1];
-  var _useState29 = useState([]),
-    _useState30 = _slicedToArray(_useState29, 2),
-    tableRenderData = _useState30[0],
-    setTableRenderData = _useState30[1];
-  useEffect(function () {
-    setPageNumber(1);
-  }, [tableHandleData]);
-  useEffect(function () {
-    var paginationData = [];
-    var arr = [];
-    var count = 0;
-    tableHandleData.map(function (item) {
-      if (item._groupId != undefined) {
-        count++;
-      }
-      arr.push(item);
-      if (count == pageSize) {
-        paginationData.push(arr);
-        count = 0;
-        arr = [];
-      }
-    });
-    if (arr.length > 0) {
-      paginationData.push(arr);
-      count = 0;
-      arr = [];
-    }
-    // 当前页需要展示的数据
-    var _renderData = paginationData[pageNumber - 1];
-    // 临时数组，搜索时使用，存储已添加的分组id
-    var _tempGroupIdList = [];
-    // 临时渲染数据，搜索时使用，存放处理后的数据（含分组信息）
-    var _tempRenderData = [];
-    // console.log('_renderData', tableHandleData, _renderData, groupData);
-    if (_renderData && _renderData.length > 0 && _renderData[0].groupId == undefined) {
-      _renderData.map(function (item) {
-        groupData.map(function (_item) {
-          if (_item.groupId === item._groupId && _tempGroupIdList.indexOf(item._groupId) === -1) {
-            _tempGroupIdList.push(item._groupId);
-            _tempRenderData.push(_item);
-          }
-        });
-        _tempRenderData.push(item);
-      });
-    }
-    setTableRenderData(_tempRenderData.length > 0 ? _tempRenderData : _renderData);
-  }, [pageNumber, pageSize, tableHandleData]);
-  // 分页处理
-  var onPaginationChange = function onPaginationChange(pageNumber, pageSize) {
-    setPageNumber(pageNumber);
-    setPageSize(pageSize);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classPrefix
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-top-box")
-  }, groupOptions.length > 0 && /*#__PURE__*/React.createElement(Select, {
-    defaultValue: -999,
-    className: "top-select",
-    onChange: handleSelectChange,
-    options: groupOptions,
-    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
-      type: "xiangxia",
-      style: {
-        color: '#5f6085'
-      }
-    })
-  }), /*#__PURE__*/React.createElement(Input, {
-    className: "top-input",
-    onChange: eventNameChange,
-    placeholder: "\u8BF7\u8F93\u5165\u4E8B\u4EF6\u540D\u79F0\u6216\u522B\u540D",
-    prefix: /*#__PURE__*/React.createElement(IconFont, {
-      type: "sousuo"
-    })
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "top-total"
-  }, "\u5171", /*#__PURE__*/React.createElement("span", null, total), "\u6761"), /*#__PURE__*/React.createElement("div", {
-    className: "top-button"
-  }, /*#__PURE__*/React.createElement(Button, {
-    shape: "round",
-    className: "button ".concat(!authority[1000002] ? 'disabled' : ''),
-    disabled: !authority[1000002],
-    onClick: function onClick() {
-      return setEventNameShow(true);
-    }
-  }, "\u521B\u5EFA\u4E8B\u4EF6\u5206\u7EC4"), /*#__PURE__*/React.createElement(Button, {
-    shape: "round",
-    className: "button ".concat(!authority[1700636282] ? 'disabled' : ''),
-    disabled: !authority[1700636282],
-    onClick: function onClick() {
-      return setEventGroupingShow(true);
-    }
-  }, "\u4E8B\u4EF6\u5206\u7EC4\u7BA1\u7406"))), /*#__PURE__*/React.createElement(TablePlus, {
-    loading: loading,
-    tableHandleData: tableRenderData,
-    Refresh: refreshHandle,
-    eventActiveFilter: eventActiveFilter,
-    markTypeFilter: markTypeFilter,
-    isOpen: props.isOpen,
-    queryPlanData: props.queryPlanData,
-    eventAttrDataHandle: eventAttrDataHandle,
-    total: total,
-    groupData: groupData
-  }), /*#__PURE__*/React.createElement(Pagination, {
-    style: {
-      textAlign: 'right'
-    },
-    showQuickJumper: true,
-    showSizeChanger: total > 10,
-    defaultCurrent: 1,
-    current: pageNumber,
-    total: total,
-    onChange: onPaginationChange
-  }), /*#__PURE__*/React.createElement(Drawer, {
-    className: "".concat(classPrefix, "-drawer"),
-    width: '70%',
-    placement: "right",
-    destroyOnClose: true,
-    onClose: function onClose() {
-      return setEventAttrListShow(false);
-    },
-    open: eventAttrListShow
-  }, /*#__PURE__*/React.createElement(CollectionAttributeList, {
-    isOpen: props.isOpen,
-    queryPlanData: props.queryPlanData,
-    eventAttrsData: eventAttrsData,
-    source: "event",
-    Refresh: refreshHandle
-  })), /*#__PURE__*/React.createElement(EventGroupingDrawer, {
-    eventGroupingShow: eventGroupingShow,
-    setEventGroupingShow: setEventGroupingShow,
-    refresh: refreshHandle,
-    source: "collection"
-  }), /*#__PURE__*/React.createElement(Modal, {
-    title: "\u521B\u5EFA\u5206\u7EC4",
-    className: "creact-group",
-    destroyOnClose: true,
-    getContainer: false,
-    open: eventNameShow,
-    onOk: createEventGroup,
-    onCancel: function onCancel() {
-      setEventNameShow(false);
-      setEventNameInput('');
-    }
-  }, /*#__PURE__*/React.createElement(Input, {
-    placeholder: "\u8BF7\u8F93\u5165\u5206\u7EC4\u540D",
-    value: eventNameInput,
-    maxLength: 20,
-    onChange: function onChange(e) {
-      return setEventNameInput(e.currentTarget.value);
-    }
-  })));
-};
-export default CollectionEventList;