@zgfe/modules-event 1.0.6 → 1.0.29-zhongyuan-event.1

package/README.md

@@ -1,35 +1,35 @@
-# modules-event
-
-事件分析
-
-## Getting Started
-
-Install dependencies,
-
-```bash
-$ npm i
-```
-
-Start the dev server,
-
-```bash
-$ npm start
-```
-
-Build documentation,
-
-```bash
-$ npm run docs:build
-```
-
-Run test,
-
-```bash
-$ npm test
-```
-
-Build library via `father-build`,
-
-```bash
-$ npm run build
-```
+# modules-event
+
+事件分析
+
+## Getting Started
+
+Install dependencies,
+
+```bash
+$ npm i
+```
+
+Start the dev server,
+
+```bash
+$ npm start
+```
+
+Build documentation,
+
+```bash
+$ npm run docs:build
+```
+
+Run test,
+
+```bash
+$ npm test
+```
+
+Build library via `father-build`,
+
+```bash
+$ npm run build
+```

package/es/components/eventFilter/index.js

@@ -1,22 +1,24 @@
-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 _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); }
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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; }
+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; } }
+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; }
+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; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { Tooltip } from 'antd';
 import React, { useEffect, useRef, useState, useContext } from 'react';
-import { BizEventSelector, BizAttributeSelector, IconFont, BizAttrConditionGroup, BizGlobalDataContext } from '@zgfe/business-lib';
+import { BizEventSelector, BizAttributeSelector, IconFont, BizAttrConditionGroup, BizGlobalDataContext, ajax } from '@zgfe/business-lib';
 import { EventContext } from '../../types';
 import './styles/index.less';
 import { judgeIsCity, judgeIsArea } from '../../modules/content/utils';
 import _ from 'lodash';
+import SetCascade from './setCascade';
+import { Apis } from '../../constants';
 var classPrefix = 'eventfilter-box';
 var EventFilter = function EventFilter(props) {
   var _props$value, _props$value2;
@@ -25,12 +27,13 @@ var EventFilter = function EventFilter(props) {
     setEnableSelectChart = props.setEnableSelectChart,
     analysisType = props.analysisType;
   var _useContext = useContext(EventContext),
-    selectEventData = _useContext.selectEventData,
     searchData = _useContext.searchData,
-    setSearchData = _useContext.setSearchData;
+    setSearchData = _useContext.setSearchData,
+    currentApp = _useContext.currentApp;
   var _useContext2 = useContext(BizGlobalDataContext),
     _useContext2$eventIdM = _useContext2.eventIdMap,
-    eventIdMap = _useContext2$eventIdM === void 0 ? {} : _useContext2$eventIdM;
+    eventIdMap = _useContext2$eventIdM === void 0 ? {} : _useContext2$eventIdM,
+    envs = _useContext2.envs;
   var _useState = useState(props.value && props.value.filters && props.value.filters.conditions ? props.value.filters.conditions.length : 0),
     _useState2 = _slicedToArray(_useState, 2),
     count = _useState2[0],
@@ -59,58 +62,87 @@ var EventFilter = function EventFilter(props) {
     event = _useState8[0],
     setEvent = _useState8[1];
   var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    showDimension = _useState10[0],
-    setShowDimension = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    showDimension = _useState0[0],
+    setShowDimension = _useState0[1];
+  var _useState1 = useState(),
+    _useState10 = _slicedToArray(_useState1, 2),
+    filter = _useState10[0],
+    setFilter = _useState10[1];
   var _useState11 = useState(),
     _useState12 = _slicedToArray(_useState11, 2),
-    filter = _useState12[0],
-    setFilter = _useState12[1];
-  var _useState13 = useState(),
-    _useState14 = _slicedToArray(_useState13, 2),
-    bizAttributeSelectorValue = _useState14[0],
-    setBizAttributeSelectorValue = _useState14[1];
-  var _useState15 = useState(_.isArray(props.value) ? props.value.map(function (id) {
+    bizAttributeSelectorValue = _useState12[0],
+    setBizAttributeSelectorValue = _useState12[1];
+  var _useState13 = useState(_.isArray(props.value) ? props.value.map(function (id) {
       return eventIdMap[id];
     }) : props.analysisType === 'eventProp' && ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) ? [eventIdMap[(_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.id]] : []),
+    _useState14 = _slicedToArray(_useState13, 2),
+    eventList = _useState14[0],
+    setEventList = _useState14[1];
+  var _useState15 = useState(true),
     _useState16 = _slicedToArray(_useState15, 2),
-    eventList = _useState16[0],
-    setEventList = _useState16[1];
+    isCascadeOpen = _useState16[0],
+    setIsCascadeOpen = _useState16[1];
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    isCascadeShow = _useState18[0],
+    setIsCascadeShow = _useState18[1];
+  var _useState19 = useState(),
+    _useState20 = _slicedToArray(_useState19, 2),
+    relationConfig = _useState20[0],
+    setRelationConfig = _useState20[1];
   useEffect(function () {
     var _data = props.value;
-    if (selectEventData) {
-      _data = selectEventData;
-      setEvent({
-        id: selectEventData.id,
-        name: selectEventData.name
-      });
-    }
     if (_data) {
       if (_data && _data.id) {
         setShowDimension(true);
       }
-      if (_data.filters) {
-        setFilter(_data.filters);
-        setCount(_data.filters.conditions.length);
+      if (_data === null || _data === void 0 ? void 0 : _data.filters) {
+        setFilter(_data === null || _data === void 0 ? void 0 : _data.filters);
+        setCount(_data === null || _data === void 0 ? void 0 : _data.filters.conditions.length);
       }
       if (_data.dimension) {
-        var _attr = _data.dimension;
-        setBizAttributeSelectorValue(_objectSpread(_objectSpread({}, _data.dimension), {}, {
-          key: "".concat(_attr.propCategory, "-").concat(_attr.value)
-        }));
+        setBizAttributeSelectorValue(function () {
+          return _objectSpread({}, _data.dimension);
+        });
       }
     }
-  }, [selectEventData]);
+    ajax(Apis.getEventSwitch, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
+      }
+    }).then(function (res) {
+      if (res === null || res === void 0 ? void 0 : res.data) {
+        setIsCascadeOpen(res === null || res === void 0 ? void 0 : res.data);
+        queryRelationConfig();
+      }
+    });
+  }, []);
+  var queryRelationConfig = function queryRelationConfig() {
+    ajax(Apis.queryRelationConfig, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
+      }
+    }).then(function (res) {
+      if (res === null || res === void 0 ? void 0 : res.data) {
+        setRelationConfig(res === null || res === void 0 ? void 0 : res.data);
+      }
+    });
+  };
   var onAdd = function onAdd() {
-    var _conditionRef$current;
     if ((event === null || event === void 0 ? void 0 : event.id) === -1) {
       return;
     }
-    if (count >= 5) {
+    if (count >= 20) {
       return;
     }
     setIsAdd(true);
-    conditionRef === null || conditionRef === void 0 ? void 0 : (_conditionRef$current = conditionRef.current) === null || _conditionRef$current === void 0 ? void 0 : _conditionRef$current.add();
+    setTimeout(function () {
+      var _conditionRef$current;
+      conditionRef === null || conditionRef === void 0 ? void 0 : (_conditionRef$current = conditionRef.current) === null || _conditionRef$current === void 0 ? void 0 : _conditionRef$current.add();
+    }, 0);
   };
   var onChangeFilters = function onChangeFilters(data) {
     setFilter(data);
@@ -168,12 +200,14 @@ var EventFilter = function EventFilter(props) {
       setBizAttributeSelectorValue(undefined);
     } else {
       var _value = attr.propCategory === 'eventProp' ? attr.id : attr.name;
-      setBizAttributeSelectorValue({
-        propCategory: attr.propCategory,
-        category: attr.category,
-        value: _value,
-        id: attr.id,
-        key: "".concat(attr.propCategory, "-").concat(_value)
+      setBizAttributeSelectorValue(function () {
+        return _objectSpread(_objectSpread({}, attr), {}, {
+          propCategory: attr.propCategory,
+          category: attr.category,
+          value: _value,
+          id: attr.id,
+          encryptionType: attr.encryptionType
+        });
       });
     }
   };
@@ -221,7 +255,7 @@ var EventFilter = function EventFilter(props) {
     },
     onChange: onChangeEvent,
     placeholder: "\u8BF7\u9009\u62E9\u4E8B\u4EF6"
-  }), showDimension && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BizAttributeSelector, {
+  }), showDimension && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BizAttributeSelector, {
     enableEventProp: true,
     enableUserProp: analysisType === 'eventProp' ? false : true,
     enableEnvProp: true,
@@ -237,12 +271,24 @@ var EventFilter = function EventFilter(props) {
     placement: "top",
     title: '添加属性筛选'
   }, /*#__PURE__*/React.createElement(IconFont, {
-    className: "".concat(count >= 5 || (event === null || event === void 0 ? void 0 : event.id) === -1 ? 'disable' : ''),
+    className: "".concat(count >= ((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 5) || (event === null || event === void 0 ? void 0 : event.id) === -1 ? 'disable' : ''),
     type: "shaixuan",
     onClick: function onClick() {
       return onAdd();
     }
-  })))), (filter || isAdd) && /*#__PURE__*/React.createElement("div", {
+  })), isCascadeOpen ? (/*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    title: '事件属性级联设置'
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    style: {
+      marginLeft: 16
+    },
+    className: "".concat((event === null || event === void 0 ? void 0 : event.id) === -1 ? 'disable' : ''),
+    type: "guanli",
+    onClick: function onClick() {
+      setIsCascadeShow(true);
+    }
+  }))) : null))), event && eventIdMap && eventIdMap[event.id] && (filter || isAdd) && (/*#__PURE__*/React.createElement("div", {
     className: "".concat(count > 0 ? 'attr-box-show' : '', " top")
   }, /*#__PURE__*/React.createElement(BizAttrConditionGroup, {
     ref: conditionRef,
@@ -253,7 +299,17 @@ var EventFilter = function EventFilter(props) {
     enableUserProp: analysisType === 'eventProp' ? false : true,
     eventIdList: event ? [event.id] : [],
     onChange: onChangeFilters,
-    onConditionsCount: setCount
+    onConditionsCount: setCount,
+    relationConfig: relationConfig
+  }))), isCascadeOpen && isCascadeShow && (/*#__PURE__*/React.createElement(SetCascade, {
+    relationConfig: relationConfig,
+    onCancel: function onCancel() {
+      setIsCascadeShow(false);
+    },
+    submit: function submit() {
+      queryRelationConfig();
+      setIsCascadeShow(false);
+    }
   })));
 };
 export default EventFilter;

package/es/components/eventFilter/setCascade.d.ts

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

package/es/components/eventFilter/setCascade.js

@@ -0,0 +1,286 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(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; } }
+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; }
+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; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { IconFont, ajax, BizDialog, BizEventSelector, BizAttributeSelector, BizGlobalDataContext } from '@zgfe/business-lib';
+import { message, Button, Empty } from 'antd';
+import { useContext, useEffect, useRef } from 'react';
+import React, { useState } from 'react';
+import _ from 'lodash';
+import { Apis } from '../../constants';
+var SelectAttributes = function SelectAttributes(props) {
+  var classPrefix = 'set-cascade';
+  var _useState = useState([{}]),
+    _useState2 = _slicedToArray(_useState, 2),
+    eventAttrList = _useState2[0],
+    setEventAttrList = _useState2[1];
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp;
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    deleteIds = _useState4[0],
+    setDeleteIds = _useState4[1];
+  var scrollContainerRef = useRef();
+  var scrollToBottom = function scrollToBottom() {
+    var _scrollContainerRef$c = scrollContainerRef.current,
+      scrollHeight = _scrollContainerRef$c.scrollHeight,
+      clientHeight = _scrollContainerRef$c.clientHeight;
+    scrollContainerRef.current.scrollTo({
+      top: scrollHeight - clientHeight,
+      behavior: 'smooth'
+    });
+  };
+  useEffect(function () {
+    if (props.relationConfig && props.relationConfig.length) {
+      setEventAttrList(props.relationConfig.map(function (item) {
+        return {
+          id: item.id,
+          event: {
+            id: item.eventId,
+            name: item.eventName
+          },
+          attrSup: {
+            id: item.eventAttrIdSup,
+            label: item.eventAttrNameSup,
+            propCategory: 'eventProp'
+          },
+          attrSub: {
+            id: item.eventAttrIdSub,
+            label: item.eventAttrNameSub,
+            propCategory: 'eventProp'
+          }
+        };
+      }));
+    }
+  }, []);
+  var changeItemInfo = function changeItemInfo(i, key, v) {
+    var dealData = _.clone(eventAttrList);
+    dealData[i]['isEdit'] = true;
+    dealData[i][key] = v;
+    if (key == 'event') {
+      dealData[i]['attrSup'] = void 0;
+      dealData[i]['attrSub'] = void 0;
+    }
+    setEventAttrList(dealData);
+    if (key === 'attrSup' && dealData[i]['attrSub'] && v && v.id === dealData[i]['attrSub'].id || key === 'attrSub' && dealData[i]['attrSup'] && v && v.id === dealData[i]['attrSup'].id) {
+      message.warn('事件属性不可相同');
+      setTimeout(function () {
+        return changeItemInfo(i, key, undefined);
+      }, 200);
+      return;
+    }
+  };
+  var dealEventAttr = function dealEventAttr(index) {
+    var dealData = _.clone(eventAttrList);
+    if (dealData[index].id) {
+      setDeleteIds([].concat(_toConsumableArray(deleteIds), [dealData[index].id]));
+    }
+    dealData.splice(index, 1);
+    setEventAttrList(dealData);
+  };
+  var submit = function submit() {
+    if (eventAttrList.filter(function (item) {
+      return !item.event || !item.event.id;
+    }).length) {
+      message.warn('设置事件不可为空');
+      return;
+    }
+    if (eventAttrList.filter(function (item) {
+      return !item.attrSup || !item.attrSup.id || !item.attrSub || !item.attrSub.id;
+    }).length) {
+      message.warn('事件属性不可为空');
+      return;
+    }
+    var addEventRelation = eventAttrList.filter(function (item) {
+      return !item.id;
+    }).map(function (item) {
+      return {
+        eventId: item.event.id,
+        eventName: item.event.name,
+        eventAttrIdSup: item.attrSup.id,
+        eventAttrNameSup: item.attrSup.label,
+        eventAttrIdSub: item.attrSub.id,
+        eventAttrNameSub: item.attrSub.label
+      };
+    });
+    var updateEventRelation = eventAttrList.filter(function (item) {
+      return item.id && item.isEdit;
+    }).map(function (item) {
+      return {
+        id: item.id,
+        eventId: item.event.id,
+        eventName: item.event.name,
+        eventAttrIdSup: item.attrSup.id,
+        eventAttrNameSup: item.attrSup.label,
+        eventAttrIdSub: item.attrSub.id,
+        eventAttrNameSub: item.attrSub.label
+      };
+    });
+    if ([].concat(_toConsumableArray(addEventRelation), _toConsumableArray(updateEventRelation), _toConsumableArray(deleteIds)).length) {
+      ajax(Apis.relationSaveConfig, {
+        method: 'post',
+        data: {
+          appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+          addEventRelation: addEventRelation,
+          updateEventRelation: updateEventRelation,
+          deleteIds: deleteIds
+        }
+      }).then(function (res) {
+        if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
+          props.submit && props.submit();
+          message.success('保存成功');
+        }
+      });
+    } else {
+      props.onCancel && props.onCancel();
+      message.success('保存成功');
+    }
+  };
+  return /*#__PURE__*/React.createElement(BizDialog, {
+    wrapClassName: "".concat(classPrefix, "-modal-box"),
+    width: 520,
+    open: true,
+    title: "\u4E8B\u4EF6\u5C5E\u6027\u7EA7\u8054\u8BBE\u7F6E",
+    closable: true,
+    onCancel: props.onCancel,
+    footer: null
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-modal-box-tips")
+  }, "\u7EA7\u8054\u5173\u7CFB\u8BBE\u7F6E\u540E\uFF0CT+1\u65E5\u5B8C\u6210\u66F4\u65B0\uFF0C\u8BF7\u4E8E\u6B21\u65E5\u524D\u6765\u67E5\u8BE2"), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-modal-box-set"),
+    ref: scrollContainerRef
+  }, !eventAttrList.length && (/*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-modal-box-set-empty")
+  }, /*#__PURE__*/React.createElement(Empty, {
+    image: Empty.PRESENTED_IMAGE_SIMPLE,
+    description: "\u6682\u65E0\u6570\u636E"
+  }))), eventAttrList.map(function (item, index) {
+    var _item$event, _item$event2;
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "".concat(classPrefix, "-modal-box-set-item")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-modal-box-set-item-info")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-modal-box-set-item-info-item")
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginRight: 12
+      }
+    }, "\u8BBE\u7F6E\u4E8B\u4EF6"), /*#__PURE__*/React.createElement(BizEventSelector, {
+      showAllEvent: false,
+      showBuiltInTarget: false,
+      popupContainer: false,
+      defaultSelectAble: false,
+      value: {
+        event: item.event
+      },
+      onChange: function onChange(e) {
+        changeItemInfo(index, 'event', e.event);
+      },
+      placeholder: "\u8BF7\u9009\u62E9\u4E8B\u4EF6"
+    })), /*#__PURE__*/React.createElement("div", {
+      style: {
+        paddingLeft: 8
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-modal-box-set-item-info-item"),
+      style: {
+        marginBottom: 16
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-modal-box-set-item-info-item-shu")
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-modal-box-set-item-info-item-heng")
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginRight: 12
+      }
+    }, "\u4E0A\u7EA7\u4E8B\u4EF6\u5C5E\u6027"), /*#__PURE__*/React.createElement(BizAttributeSelector, {
+      isString: true,
+      isHideYeWu: true,
+      enableEventProp: true,
+      enableUserProp: false,
+      enableEnvProp: false,
+      eventIdList: [item === null || item === void 0 ? void 0 : (_item$event = item.event) === null || _item$event === void 0 ? void 0 : _item$event.id],
+      value: item.attrSup,
+      enableDelete: true,
+      onChange: function onChange(e) {
+        changeItemInfo(index, 'attrSup', e);
+      },
+      onDelete: function onDelete() {
+        changeItemInfo(index, 'attrSup', undefined);
+      },
+      placeholder: "\u8BF7\u9009\u62E9\u7EC6\u5206\u5C5E\u6027"
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-modal-box-set-item-info-item")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-modal-box-set-item-info-item-shu"),
+      style: {
+        marginTop: -32
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-modal-box-set-item-info-item-heng")
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginRight: 12
+      }
+    }, "\u4E0B\u7EA7\u4E8B\u4EF6\u5C5E\u6027"), /*#__PURE__*/React.createElement(BizAttributeSelector, {
+      isString: true,
+      isHideYeWu: true,
+      enableEventProp: true,
+      enableUserProp: false,
+      enableEnvProp: false,
+      eventIdList: [item === null || item === void 0 ? void 0 : (_item$event2 = item.event) === null || _item$event2 === void 0 ? void 0 : _item$event2.id],
+      value: item.attrSub,
+      enableDelete: true,
+      onChange: function onChange(e) {
+        changeItemInfo(index, 'attrSub', e);
+      },
+      onDelete: function onDelete() {
+        changeItemInfo(index, 'attrSub', undefined);
+      },
+      placeholder: "\u8BF7\u9009\u62E9\u7EC6\u5206\u5C5E\u6027"
+    })))), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-modal-box-set-item-info-item")
+    }, /*#__PURE__*/React.createElement(IconFont, {
+      size: 16,
+      type: "qingchu",
+      onClick: function onClick() {
+        dealEventAttr(index);
+      }
+    })));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-modal-box-footer")
+  }, /*#__PURE__*/React.createElement(Button, {
+    disabled: eventAttrList.length > 4,
+    shape: "round",
+    className: "button addEvent ".concat(eventAttrList.length > 4 ? 'disabled' : ''),
+    onClick: function onClick() {
+      setEventAttrList([].concat(_toConsumableArray(eventAttrList), [{}]));
+      setTimeout(function () {
+        return scrollToBottom();
+      });
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconFont, {
+    type: "tianjia3",
+    style: {
+      marginRight: 8
+    }
+  }), "\u6DFB\u52A0\u7EA7\u8054\u5173\u7CFB")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    onClick: props.onCancel,
+    style: {
+      marginRight: 16
+    }
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    type: 'primary',
+    onClick: submit
+  }, "\u4FDD\u5B58"))));
+};
+export default SelectAttributes;