@zgfe/modules-dm 1.0.34 → 1.0.36

package/es/modules/dataCollection/components/eventGroupingDrawer.js

@@ -0,0 +1,452 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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, BizLoading } from '@zgfe/business-lib';
+import { Input, Modal, message, Drawer, Popover, Checkbox, Select, Button } from 'antd';
+import request from '../../../utils/ajax';
+import apis from '../../../constants/api';
+import { eventListHandle, eventCheckedAll, openChangeData, eventShowOrHiddenData, eventMoveData, getAppID, eventShow } from '../../../utils/index';
+import React, { Fragment, useCallback, useContext, useEffect, useState } from 'react';
+import _ from 'lodash';
+import EventItem from './eventItem';
+var requestMove = false;
+import { DmContext } from '../../../store';
+import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
+import { arrayMoveImmutable } from 'array-move';
+var EventGroupingDrawer = function EventGroupingDrawer(props) {
+  var classPrefix = 'event-grouping-drawer';
+  var eventGroupingShow = props.eventGroupingShow,
+    setEventGroupingShow = props.setEventGroupingShow,
+    refresh = props.refresh,
+    source = props.source;
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp,
+    authority = _useContext.authority;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    groupingData = _useState2[0],
+    setGroupingData = _useState2[1];
+  var _useContext2 = useContext(DmContext),
+    state = _useContext2.state;
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchData = _useState4[0],
+    setSearchData = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var queryList = function queryList() {
+    setLoading(true);
+    request(apis.queryCollectionEventList, {
+      method: 'post',
+      data: {
+        appId: getAppID(currentApp),
+        platform: 0,
+        isAll: true
+      }
+    }).then(function (res) {
+      if (res && res.data) {
+        var _data = eventListHandle(res.data);
+        setGroupingData(_data);
+      }
+      setLoading(false);
+    });
+  };
+  useEffect(function () {
+    if (eventGroupingShow) queryList();
+  }, [eventGroupingShow]);
+  // 搜索
+  var onSearchChange = function onSearchChange(e) {
+    var _value = e.currentTarget.value;
+    setSearchData(_value);
+    setGroupingData(eventShow(_.cloneDeep(groupingData), _value));
+  };
+  // 全选&取消全选
+  var onChangeAll = function onChangeAll(groupId) {
+    setGroupingData(_.cloneDeep(eventCheckedAll(groupId, groupingData)));
+  };
+  // 展开&收起
+  var openChange = function openChange(groupId) {
+    setGroupingData(_.cloneDeep(openChangeData(groupId, groupingData)));
+  };
+  // 删除事件分组
+  var groupDelete = function groupDelete(groupId) {
+    if (!authority[source === 'virtual' ? 1700636179 : 1700636359]) {
+      message.error('无操作权限');
+      return;
+    }
+    Modal.confirm({
+      wrapClassName: 'dm-modal-confirm',
+      centered: true,
+      title: '提示',
+      content: '是否确认删除？',
+      className: 'group-delete-modal',
+      icon: /*#__PURE__*/React.createElement(IconFont, {
+        type: "tishi1"
+      }),
+      okText: '确认',
+      cancelText: '取消',
+      maskClosable: false,
+      onOk: function onOk() {
+        request(apis.deleteEventGroup, {
+          method: 'post',
+          data: {
+            appId: getAppID(currentApp),
+            eventGroupId: groupId
+          }
+        }).then(function (res) {
+          if (res) {
+            message.success('删除成功');
+            queryList();
+            refresh();
+            state.updateEventMetas && state.updateEventMetas(); // 更新store
+          }
+        });
+      }
+    });
+  };
+  // 显示或隐藏
+  var eventShowOrHidden = function eventShowOrHidden(type, groupId) {
+    var ids = eventShowOrHiddenData(type, groupId, groupingData, setGroupingData);
+    if (ids !== '') {
+      request(apis.hiddenEvent, {
+        method: 'post',
+        data: {
+          appId: getAppID(currentApp),
+          hidden: type,
+          ids: ids
+        }
+      }).then(function () {
+        refresh();
+        state.updateEventMetas && state.updateEventMetas(); // 更新store
+      });
+    }
+  };
+  // 移动
+  var _useState7 = useState(undefined),
+    _useState8 = _slicedToArray(_useState7, 2),
+    eventMoveShow = _useState8[0],
+    setEventMoveShow = _useState8[1];
+  var _useState9 = useState(-1),
+    _useState10 = _slicedToArray(_useState9, 2),
+    eventMoveChangeId = _useState10[0],
+    setEventMoveChangeId = _useState10[1];
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    eventMoveOption = _useState12[0],
+    setEventMoveOption = _useState12[1];
+  var _useState13 = useState(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    eventMoveLength = _useState14[0],
+    setEventMoveLength = _useState14[1];
+  var _useState15 = useState(''),
+    _useState16 = _slicedToArray(_useState15, 2),
+    eventMoveIds = _useState16[0],
+    setEventMoveIds = _useState16[1];
+  var eventMove = function eventMove(groupId) {
+    var data = eventMoveData(groupId, groupingData, setGroupingData);
+    setEventMoveOption(data.groupingOption);
+    setEventMoveLength(data.length);
+    setEventMoveIds(data.ids);
+    if (data.length > 0) {
+      setEventMoveShow(groupId);
+      setEventMoveChangeId(data.groupingOption[0].value);
+    } else {
+      setEventMoveShow(undefined);
+    }
+  };
+  var eventMoveChange = function eventMoveChange() {
+    if (requestMove) {
+      return;
+    }
+    requestMove = true;
+    request(apis.operateGroupRelations, {
+      method: 'post',
+      data: {
+        appId: getAppID(currentApp),
+        platform: 0,
+        hasPublicAttrView: true,
+        eventIds: eventMoveIds,
+        eventGroupId: eventMoveChangeId,
+        oldEventGroupId: eventMoveShow
+      }
+    }).then(function (res) {
+      if (res.code == '00') {
+        queryList();
+        refresh();
+        state.updateEventMetas && state.updateEventMetas(); // 更新store
+      }
+    }).finally(function () {
+      setTimeout(function () {
+        requestMove = false;
+      }, 1000);
+      setEventMoveShow(undefined);
+    });
+  };
+  var moveContent = function moveContent() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "move-content"
+    }, /*#__PURE__*/React.createElement("div", null, "\u5C06", eventMoveLength, "\u4E2A\u6307\u6807\u79FB\u52A8\u5230\u4EE5\u4E0B\u5206\u7EC4"), /*#__PURE__*/React.createElement("div", null, "\u9009\u62E9\u5206\u7EC4", ' ', /*#__PURE__*/React.createElement(Select, {
+      defaultValue: eventMoveOption[0].value,
+      style: {
+        width: 120
+      },
+      onChange: function onChange(id) {
+        setEventMoveChangeId(id);
+      },
+      options: eventMoveOption
+    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+      type: "text",
+      size: "small",
+      onClick: function onClick() {
+        return setEventMoveShow(false);
+      }
+    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      size: "small",
+      onClick: eventMoveChange
+    }, "\u786E\u5B9A")));
+  };
+  // 创建分组 & 修改分组名
+  var _useState17 = useState(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    createOrEditGrpup = _useState18[0],
+    setCreateOrEditGrpup = _useState18[1];
+  var _useState19 = useState(-1),
+    _useState20 = _slicedToArray(_useState19, 2),
+    grpupModalSelectGrpupId = _useState20[0],
+    setGrpupModalSelectGrpupId = _useState20[1];
+  var _useState21 = useState(''),
+    _useState22 = _slicedToArray(_useState21, 2),
+    grpupNameInput = _useState22[0],
+    setGrpupNameInput = _useState22[1];
+  var GrpupModalHandle = function GrpupModalHandle() {
+    if (grpupNameInput === '') {
+      message.error('请填写分组名');
+      return;
+    }
+    var _data = {};
+    if (createOrEditGrpup === 'edit') {
+      _data.eventGroupId = grpupModalSelectGrpupId;
+    }
+    request(apis.upsertEventGroup, {
+      method: 'post',
+      data: _objectSpread(_objectSpread({
+        eventGroupName: grpupNameInput,
+        appId: getAppID(currentApp)
+      }, _data), {}, {
+        platform: 0
+      })
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.code) == '01') {
+        message.error('事件组名称已存在');
+      }
+      if ((res === null || res === void 0 ? void 0 : res.code) == '00') {
+        message.success("".concat(createOrEditGrpup === 'create' ? '创建' : '编辑', "\u6210\u529F"));
+        queryList();
+        refresh();
+        GrpupModalClose();
+        state.updateEventMetas && state.updateEventMetas(); // 更新store
+      }
+    });
+  };
+
+  var GrpupModalClose = function GrpupModalClose() {
+    setCreateOrEditGrpup(null);
+    setGrpupModalSelectGrpupId(-1);
+    setGrpupNameInput('');
+  };
+  // 拖动手柄
+  var DragHandle = SortableHandle(function () {
+    return /*#__PURE__*/React.createElement(IconFont, {
+      type: "tuozhuai1"
+    });
+  });
+  // 需要拖动的元素的容器
+  var SortableItem = SortableElement(function (data) {
+    var _data$value = data.value,
+      item = _data$value.item,
+      index = _data$value.index;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-box"),
+      key: index
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-box-header")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "operate-left"
+    }, /*#__PURE__*/React.createElement("div", {
+      id: "create-or-edit-grpup-modal"
+    }, item.open && /*#__PURE__*/React.createElement(IconFont, {
+      type: "fangxiangxia",
+      onClick: function onClick() {
+        return openChange(item.groupId);
+      }
+    }), !item.open && /*#__PURE__*/React.createElement(IconFont, {
+      type: "fangxiangshang",
+      onClick: function onClick() {
+        return openChange(item.groupId);
+      }
+    }), /*#__PURE__*/React.createElement("div", null, item.groupName ? item.groupName : '未分组'), item.groupName && /*#__PURE__*/React.createElement(IconFont, {
+      type: "zhongmingming",
+      onClick: function onClick() {
+        if (!authority[source === 'virtual' ? 1700636172 : 1700636344]) {
+          message.error('无操作权限');
+          return;
+        }
+        setCreateOrEditGrpup('edit');
+        setGrpupNameInput(item.groupName ? item.groupName : '未分组');
+        setGrpupModalSelectGrpupId(item.groupId);
+      }
+    })), /*#__PURE__*/React.createElement("div", null, item.count, "\u4E2A\u6307\u6807")), /*#__PURE__*/React.createElement("div", {
+      className: "operate-right"
+    }, item.count > 0 && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
+      checked: item.checked,
+      onChange: function onChange() {
+        return onChangeAll(item.groupId);
+      }
+    }, "\u5168\u9009"), /*#__PURE__*/React.createElement(Popover, {
+      overlayClassName: "move-popover ".concat(eventMoveLength ? 'show' : 'hidden'),
+      placement: "bottomRight",
+      open: eventMoveShow === item.groupId,
+      title: null,
+      content: moveContent
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "handle ".concat(groupingData.length > 1 ? '' : 'not-operable'),
+      onClick: function onClick() {
+        if (groupingData.length > 1) {
+          eventMove(item.groupId);
+        }
+      }
+    }, "\u79FB\u52A8")), /*#__PURE__*/React.createElement("span", {
+      className: 'handle',
+      onClick: function onClick() {
+        return eventShowOrHidden(0, item.groupId);
+      }
+    }, "\u663E\u793A"), /*#__PURE__*/React.createElement("span", {
+      className: 'handle',
+      onClick: function onClick() {
+        return eventShowOrHidden(1, item.groupId);
+      }
+    }, "\u9690\u85CF")), item.groupName && /*#__PURE__*/React.createElement("span", {
+      className: 'handle-delete',
+      onClick: function onClick() {
+        return groupDelete(item.groupId);
+      }
+    }, "\u5220\u9664"), /*#__PURE__*/React.createElement(DragHandle, null))), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-box-content ").concat(item.open ? 'open' : 'close')
+    }, /*#__PURE__*/React.createElement(EventItem, {
+      componnetData: item.eventList,
+      componnetIndex: index,
+      groupId: item.groupId,
+      groupingData: groupingData,
+      setGroupingData: setGroupingData,
+      searchData: searchData
+    })));
+  });
+  // 拖拽盒子容器
+  var SortableList = useCallback(SortableContainer(function () {
+    return /*#__PURE__*/React.createElement("div", null, groupingData.map(function (item, index) {
+      return /*#__PURE__*/React.createElement(SortableItem, {
+        key: "item-".concat(index),
+        index: index,
+        value: {
+          item: item,
+          index: index
+        }
+      });
+    }));
+  }), [groupingData]);
+  var onSortEnd = function onSortEnd(data) {
+    var oldIndex = data.oldIndex,
+      newIndex = data.newIndex;
+    var _groupingData = arrayMoveImmutable(groupingData, oldIndex, newIndex);
+    setGroupingData(_.cloneDeep(_groupingData));
+    var ids = [];
+    _groupingData.map(function (item) {
+      ids.push(item.groupId);
+    });
+    request(apis.orderEventGroup, {
+      method: 'post',
+      data: {
+        appId: getAppID(currentApp),
+        ids: ids.join(',')
+      }
+    }).then(function () {
+      refresh();
+    });
+  };
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Drawer, {
+    className: classPrefix,
+    width: 700,
+    title: /*#__PURE__*/React.createElement("div", null, "\u4E8B\u4EF6\u5206\u7EC4\u7BA1\u7406", /*#__PURE__*/React.createElement("span", null, "\u7EDF\u4E00\u7BA1\u7406\u57CB\u70B9\u4E8B\u4EF6\u548C\u865A\u62DF\u4E8B\u4EF6\u4E1A\u52A1\u5206\u7EC4\uFF0C\u4EC5\u5C55\u793A\u6709\u6570\u636E\u4E0A\u62A5\u7684\u4E8B\u4EF6")),
+    placement: "right",
+    onClose: function onClose() {
+      setEventGroupingShow(false);
+      setEventMoveShow(undefined);
+    },
+    destroyOnClose: true,
+    open: eventGroupingShow,
+    extra: /*#__PURE__*/React.createElement(IconFont, {
+      type: "qingchu",
+      onClick: function onClick() {
+        setEventGroupingShow(false);
+        setEventMoveShow(undefined);
+      }
+    })
+  }, /*#__PURE__*/React.createElement(BizLoading, {
+    spinning: loading,
+    loadingText: ""
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-top-box")
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u4E8B\u4EF6\u540D\u79F0\u6216\u522B\u540D",
+    onChange: onSearchChange,
+    prefix: /*#__PURE__*/React.createElement(IconFont, {
+      type: "sousuo"
+    })
+  }), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    size: "small",
+    disabled: !authority[source === 'virtual' ? 1700636137 : 1000002],
+    onClick: function onClick() {
+      setCreateOrEditGrpup('create');
+    }
+  }, "\u521B\u5EFA\u5206\u7EC4")), /*#__PURE__*/React.createElement(SortableList, {
+    distance: 5,
+    axis: 'xy',
+    helperClass: "".concat(classPrefix, "-sortablelist"),
+    onSortEnd: onSortEnd,
+    useDragHandle: true
+  }))), /*#__PURE__*/React.createElement(Modal, {
+    wrapClassName: "create-or-edit-grpup-modal",
+    title: "".concat(createOrEditGrpup === 'create' ? '创建分组' : '修改分组名'),
+    bodyStyle: {
+      padding: '0 24px 24px 24px'
+    },
+    destroyOnClose: true,
+    open: createOrEditGrpup === null ? false : true,
+    getContainer: function getContainer() {
+      return document.getElementById("create-or-edit-grpup-modal");
+    },
+    onOk: GrpupModalHandle,
+    onCancel: GrpupModalClose
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u5206\u7EC4\u540D",
+    defaultValue: grpupNameInput,
+    maxLength: 20,
+    onChange: function onChange(e) {
+      return setGrpupNameInput(e.currentTarget.value);
+    }
+  })));
+};
+export default EventGroupingDrawer;

package/es/modules/dataCollection/components/eventItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const EventItem: React.FC<any>;
+export default EventItem;

package/es/modules/dataCollection/components/eventItem.js

@@ -0,0 +1,53 @@
+import { Checkbox, Tooltip } from 'antd';
+import React from 'react';
+import { eventChecked } from '../../../utils';
+import _ from 'lodash';
+var EventItem = function EventItem(props) {
+  var componnetData = props.componnetData,
+    componnetIndex = props.componnetIndex,
+    groupId = props.groupId,
+    groupingData = props.groupingData,
+    setGroupingData = props.setGroupingData,
+    searchData = props.searchData;
+  var SortableItem = function SortableItem(data) {
+    var item = data.item,
+      index = data.index;
+    var name = '';
+    if (searchData === '') {
+      name = item.alias_name ? item.alias_name : item.event_name;
+    } else {
+      name = item.alias_name ? "".concat(item.alias_name, "(").concat(item.event_name, ")") : item.event_name;
+    }
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      title: "".concat(item.owner === 'zg_vtl' ? '虚拟事件' : '元事件', " | ").concat(name),
+      getPopupContainer: function getPopupContainer() {
+        return document.getElementById("".concat(EventItem, "-").concat(componnetIndex));
+      },
+      key: index
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      className: "checkbox-item ".concat(item.event_hidden ? 'event-hidden' : '', " column-").concat(groupId),
+      checked: item.checked,
+      key: index,
+      onChange: function onChange() {
+        return onChangeItem(groupId, item.event_id);
+      }
+    }, name));
+  };
+  var onChangeItem = function onChangeItem(groupId, eventId) {
+    setGroupingData(_.cloneDeep(eventChecked(groupId, eventId, groupingData)));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    key: componnetIndex,
+    id: "".concat(EventItem, "-").concat(componnetIndex)
+  }, componnetData.map(function (item, index) {
+    if (item.searchShow === 1) {
+      return SortableItem({
+        item: item,
+        index: index
+      });
+    } else {
+      return null;
+    }
+  }));
+};
+export default EventItem;

package/es/modules/dataCollection/components/selectAttributes.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SelectAttributes: React.FC<any>;
+export default SelectAttributes;