@zgfe/modules-event 1.0.29-zhongyuanE.17 → 1.0.29-zhongyuanE.23

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import './styles/index.less';
+import { EventFilterProps } from './types';
+declare const EventFilter: React.FC<EventFilterProps>;
+export default EventFilter;

package/es/components/eventFilter/index.js

@@ -0,0 +1,315 @@
+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(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, 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;
+  var countChange = props.countChange,
+    setIsCity = props.setIsCity,
+    setEnableSelectChart = props.setEnableSelectChart,
+    analysisType = props.analysisType;
+  var _useContext = useContext(EventContext),
+    searchData = _useContext.searchData,
+    setSearchData = _useContext.setSearchData,
+    currentApp = _useContext.currentApp;
+  var _useContext2 = useContext(BizGlobalDataContext),
+    _useContext2$eventIdM = _useContext2.eventIdMap,
+    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],
+    setCount = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isAdd = _useState4[0],
+    setIsAdd = _useState4[1];
+  var conditionRef = useRef(null);
+  var _useState5 = useState(props.value && props.value.eventGroupId ? {
+      id: props.value.eventGroupId
+    } : {
+      id: 0
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    group = _useState6[0],
+    setGroup = _useState6[1];
+  var _useState7 = useState(props.value && props.value.id ? {
+      id: props.value.id,
+      name: props.value.name
+    } : analysisType === 'eventProp' ? undefined : {
+      id: -100,
+      name: '事件概览'
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    event = _useState8[0],
+    setEvent = _useState8[1];
+  var _useState9 = useState(false),
+    _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),
+    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),
+    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 (_data) {
+      if (_data && _data.id) {
+        setShowDimension(true);
+      }
+      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) {
+        setBizAttributeSelectorValue(function () {
+          return _objectSpread({}, _data.dimension);
+        });
+      }
+    }
+    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() {
+    if ((event === null || event === void 0 ? void 0 : event.id) === -1) {
+      return;
+    }
+    if (count >= 20) {
+      return;
+    }
+    setIsAdd(true);
+    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);
+  };
+  useEffect(function () {
+    countChange(count);
+    if (count <= 0) setFilter(undefined);
+  }, [count, filter]);
+  var onChangeEvent = function onChangeEvent(val) {
+    if (analysisType === 'eventProp' && val.length > 1) {
+      setEventList(val);
+      setEvent(undefined);
+      setShowDimension(false);
+      setFilter(undefined);
+      setIsAdd(false);
+      return;
+    }
+    if (analysisType === 'eventProp' && val.length === 0) {
+      setEventList([]);
+      setEvent(undefined);
+      setShowDimension(false);
+      setFilter(undefined);
+      setIsAdd(false);
+      return;
+    }
+    var event = _.isArray(val) ? {
+      event: val[0]
+    } : val;
+    if (searchData.chartType === 'map') {
+      setSearchData(function (value) {
+        return _objectSpread(_objectSpread({}, value), {}, {
+          chartType: 'line'
+        });
+      });
+    }
+    if (event && event.event && event.event.id === -100) {
+      setShowDimension(false);
+    } else {
+      setShowDimension(true);
+    }
+    if (event && event.event) {
+      setEvent(event.event);
+    }
+    if (event && event.group) {
+      setGroup(event.group);
+    }
+    setEventList([]);
+    setBizAttributeSelectorValue(undefined);
+    setFilter(undefined);
+    setIsAdd(false);
+    setCount(0);
+  };
+  var onChangeAttr = function onChangeAttr(attr) {
+    if (attr === undefined) {
+      setBizAttributeSelectorValue(undefined);
+    } else {
+      var _value = attr.propCategory === 'eventProp' ? attr.id : attr.name;
+      setBizAttributeSelectorValue(function () {
+        return _objectSpread(_objectSpread({}, attr), {}, {
+          propCategory: attr.propCategory,
+          category: attr.category,
+          value: _value,
+          id: attr.id,
+          encryptionType: attr.encryptionType
+        });
+      });
+    }
+  };
+  useEffect(function () {
+    if (analysisType === 'eventProp' && eventList.length > 1) {
+      props.onChange && props.onChange(eventList.map(function (item) {
+        return item.id;
+      }));
+    } else {
+      var _event = {
+        id: event === null || event === void 0 ? void 0 : event.id,
+        name: event === null || event === void 0 ? void 0 : event.name
+      };
+      if (filter) {
+        _event.filters = filter;
+      }
+      if (bizAttributeSelectorValue) {
+        var _dimension = _.cloneDeep(bizAttributeSelectorValue);
+        setEnableSelectChart && setEnableSelectChart(judgeIsArea(_dimension.value));
+        setIsCity && setIsCity(judgeIsCity(_dimension.value));
+        if (!judgeIsArea(_dimension.value)) {
+          if (searchData.chartType === 'map') _event.chartType = 'line';
+        }
+        delete _dimension.key;
+        _event.dimension = _dimension;
+      }
+      _event.eventGroupId = group.id !== 0 ? group.id : undefined;
+      props.onChange && props.onChange(_event);
+    }
+  }, [bizAttributeSelectorValue, filter, event, group, eventList]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("div", {
+    className: analysisType === 'eventProp' && eventList.length > 1 ? "".concat(classPrefix, "-multiple") : ''
+  }, /*#__PURE__*/React.createElement(BizEventSelector, {
+    showAllEvent: true,
+    key: "".concat(analysisType),
+    multiple: analysisType === 'eventProp',
+    showBuiltInTarget: false,
+    popupContainer: false,
+    defaultSelectAble: false,
+    defaultValue: analysisType === 'eventProp' ? eventList : {
+      event: event,
+      group: group
+    },
+    onChange: onChangeEvent,
+    placeholder: "\u8BF7\u9009\u62E9\u4E8B\u4EF6"
+  }), showDimension && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BizAttributeSelector, {
+    enableEventProp: true,
+    enableUserProp: analysisType === 'eventProp' ? false : true,
+    enableEnvProp: true,
+    eventIdList: [event === null || event === void 0 ? void 0 : event.id],
+    value: bizAttributeSelectorValue,
+    enableDelete: true,
+    onChange: onChangeAttr,
+    onDelete: function onDelete() {
+      onChangeAttr(undefined);
+    },
+    placeholder: "\u8BF7\u9009\u62E9\u7EC6\u5206\u5C5E\u6027"
+  }), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    title: '添加属性筛选'
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    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();
+    }
+  })), 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,
+    value: filter,
+    onlyAnd: true,
+    enableEventProp: true,
+    enableDelete: true,
+    enableUserProp: analysisType === 'eventProp' ? false : true,
+    eventIdList: event ? [event.id] : [],
+    onChange: onChangeFilters,
+    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;

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

@@ -0,0 +1,21 @@
+import { eventProps } from '../../types';
+export interface ConditionsnProps {
+    attrId: number | undefined;
+    propCategory: string | undefined;
+    type: string | undefined;
+    id?: number | undefined;
+    name?: string | undefined;
+    category?: string | undefined;
+    attrName?: string | undefined;
+    label?: string | undefined;
+    dimensionSub?: string | undefined;
+    encryptionType?: number;
+}
+export interface EventFilterProps {
+    value?: eventProps | number[];
+    onChange?: (event: eventProps | number[]) => {};
+    countChange: (count: number) => void;
+    setIsCity?: Function;
+    setEnableSelectChart?: Function;
+    analysisType?: string;
+}

package/es/components/eventFilter/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/index.d.ts

@@ -0,0 +1,4 @@
+import ContentPanel from './renderContent';
+import SearchPanel from './searchPanel';
+import EventTable from './table';
+export { ContentPanel, SearchPanel, EventTable };

package/es/components/index.js

@@ -0,0 +1,4 @@
+import ContentPanel from './renderContent';
+import SearchPanel from './searchPanel';
+import EventTable from './table';
+export { ContentPanel, SearchPanel, EventTable };

package/es/components/renderContent/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { RenderContentProps } from './types';
+import './styles/index.less';
+declare const ContentPanel: React.ForwardRefExoticComponent<RenderContentProps & React.RefAttributes<any>>;
+export default ContentPanel;