@zgfe/modules-interval 1.0.10-qirui.4 → 1.0.10-zbfix.1

package/dist/esm/modules/topPanel/index.js

@@ -10,68 +10,74 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 React, { useContext, useEffect, useState } from 'react';
-import { Form, Button, Radio, Space, Switch } from 'antd';
-import { BizAttributeSelector, BizSelect, BizUserGroupHeader, useSubject } from '@zgfe/business-lib';
+import React, { useState } from 'react';
+import { Form, Button } from 'antd';
+import { BizAttributeSelector, BizUserGroupHeader } from '@zgfe/business-lib';
 import EventFilter from "../../components/eventFilter";
 import "./styles/index.less";
-import { AnalysisMode } from "./types";
-import { IntervalContext } from "../../types";
 var classPrefix = 'top-panel-interval';
 var TopPanel = function TopPanel(props) {
-  var _props$defaultValue, _props$defaultValue2, _props$defaultValue3, _defaultValue$associa, _defaultValue$associa2, _finalSearchData$asso, _finalSearchData$asso2, _defaultValue$associa3, _finalSearchData$asso3, _defaultValue$associa4, _finalSearchData$asso4, _defaultValue$associa5, _finalSearchData$asso5, _defaultValue$associa6, _finalSearchData$asso6, _defaultValue$associa7, _finalSearchData$asso7, _defaultValue$associa8, _finalSearchData$asso8, _defaultValue$associa9, _finalSearchData$asso9, _defaultValue$associa10, _finalSearchData$asso10, _defaultValue$dimensi, _finalSearchData$dime, _defaultValue$dimensi2, _finalSearchData$dime2, _defaultValue$dimensi3, _finalSearchData$dime3, _defaultValue$dimensi4, _finalSearchData$dime4;
+  var _props$urlParam, _props$urlParam2, _defaultValue$associa, _defaultValue$associa2, _finalSearchData$asso, _finalSearchData$asso2, _defaultValue$associa3, _finalSearchData$asso3, _defaultValue$associa4, _finalSearchData$asso4, _defaultValue$associa5, _finalSearchData$asso5, _defaultValue$associa6, _finalSearchData$asso6, _defaultValue$associa7, _finalSearchData$asso7, _defaultValue$associa8, _finalSearchData$asso8, _defaultValue$associa9, _finalSearchData$asso9, _defaultValue$associa10, _finalSearchData$asso10, _defaultValue$dimensi, _finalSearchData$dime, _defaultValue$dimensi2, _finalSearchData$dime2, _defaultValue$dimensi3, _finalSearchData$dime3, _defaultValue$dimensi4, _finalSearchData$dime4;
   var defaultValue = props.defaultValue,
     loading = props.loading,
     collapseRef = props.collapseRef,
-    finalSearchData = props.finalSearchData;
+    finalSearchData = props.finalSearchData,
+    fetchRequest = props.fetchRequest;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _useState = useState(),
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
-    startEvent = _useState2[0],
-    setStartEvent = _useState2[1];
-  var _useState3 = useState(),
+    startId = _useState2[0],
+    setStartId = _useState2[1];
+  var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
-    endEvent = _useState4[0],
-    setEndEvent = _useState4[1];
+    endId = _useState4[0],
+    setEndId = _useState4[1];
   // 关联属性
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     relevancy = _useState6[0],
     setRelevancy = _useState6[1];
-  var _useSubject = useSubject(),
-    subjectList = _useSubject.subjectList,
-    subjectLoading = _useSubject.loading;
-  var _useContext = useContext(IntervalContext),
-    subjectEnable = _useContext.subjectEnable;
-  var _ref = defaultValue || {},
-    userGroup = _ref.userGroup;
-  var _useState7 = useState('user'),
+  var _useState7 = useState(true),
     _useState8 = _slicedToArray(_useState7, 2),
-    analysisType = _useState8[0],
-    setAnalysisType = _useState8[1];
+    relevancyFl = _useState8[0],
+    setRelevancyFl = _useState8[1];
+  var _ref = defaultValue,
+    userGroup = _ref.userGroup;
+  // 细分属性初始值
   var _useState9 = useState(),
     _useState10 = _slicedToArray(_useState9, 2),
-    currentSubject = _useState10[0],
-    setCurrentSubject = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    inited = _useState12[0],
-    setInited = _useState12[1];
-  var formRef = React.useRef(null);
-  function onSearch(values) {
-    if (props.onChange) {
-      props.onChange(_objectSpread(_objectSpread({}, values), {}, {
-        analysisSubject: values.analysisSubject ? {
-          subjectId: values.analysisSubject.id,
-          subjectName: values.analysisSubject.subjectName,
-          subjectAlias: values.analysisSubject.subjectAlias,
-          unit: values.analysisSubject.unit
-        } : undefined
-      }), true);
+    bizAttributeSelectorValue = _useState10[0],
+    setBizAttributeSelectorValue = _useState10[1];
+  // 用户组和事件变更
+  var onValuesChange = function onValuesChange(data, allData) {
+    var _data = {};
+    setRelevancyFl(false);
+    if (allData.start) {
+      if (allData.start.id !== null) {
+        var _allData$start;
+        _data = allData.start;
+        setStartId(allData.start.id);
+        setRelevancy(allData === null || allData === void 0 ? void 0 : (_allData$start = allData.start) === null || _allData$start === void 0 ? void 0 : _allData$start.relevancy);
+      } else {
+        setRelevancyFl(true);
+      }
+    }
+    if (allData.end) {
+      if (allData.end.id !== null) {
+        _data = allData.end;
+        setEndId(allData.end.id);
+      } else {
+        setRelevancyFl(true);
+      }
     }
-  }
+    if (allData.userGroup) {
+      _data.userGroup = allData.userGroup;
+      if (_data.userGroup.length <= 0) _data.userGroup = [0];
+    }
+    props.onChange(allData, (finalSearchData === null || finalSearchData === void 0 ? void 0 : finalSearchData.chartType) === 'boxplot' ? true : false);
+  };
   var resetting = function resetting() {
     form.resetFields();
     form.setFieldsValue({
@@ -84,7 +90,6 @@ var TopPanel = function TopPanel(props) {
       associatedNextAttr: undefined
     });
     setRelevancy(false);
-    setCurrentSubject(undefined);
     props.onChange({
       userGroup: [0],
       start: undefined,
@@ -97,37 +102,55 @@ var TopPanel = function TopPanel(props) {
       associatedNextAttr: undefined
     }, true);
   };
-  useEffect(function () {
-    if (subjectLoading) return;
-    if (!defaultValue) {
-      setInited(true);
-      return;
-    }
-    setInited(false);
-    if (defaultValue.analysisSubject) {
-      setAnalysisType('eventProp');
+  // 细分属性
+  var onChangeAttr = function onChangeAttr(attr, type) {
+    if (attr === undefined) {
+      // 删除细分属性
+      switch (type) {
+        case 'associatedPreAttr':
+          form.setFieldsValue({
+            associatedPreAttr: undefined
+          });
+          props.onChange({
+            associatedPreAttr: undefined
+          }, true);
+          break;
+        case 'associatedNextAttr':
+          form.setFieldsValue({
+            associatedNextAttr: undefined
+          });
+          props.onChange({
+            associatedNextAttr: undefined
+          }, true);
+          break;
+        case 'dimension':
+          form.setFieldsValue({
+            dimension: undefined
+          });
+          props.onChange({
+            dimension: undefined
+          }, true);
+          break;
+      }
+      setBizAttributeSelectorValue(undefined);
     } else {
-      setAnalysisType('user');
-    }
-    if (defaultValue.analysisSubject) {
-      setCurrentSubject(subjectList.find(function (item) {
-        var _defaultValue$analysi;
-        return item.id === (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$analysi = defaultValue.analysisSubject) === null || _defaultValue$analysi === void 0 ? void 0 : _defaultValue$analysi.subjectId);
-      }));
+      var _value = attr.propCategory === 'eventProp' ? attr.id : attr.name;
+      setBizAttributeSelectorValue({
+        propCategory: attr.propCategory,
+        category: attr.category,
+        value: _value,
+        key: attr.propCategory === 'eventProp' ? attr.id : attr.propCategory + '-' + _value
+      });
     }
-    setInited(true);
-  }, [subjectLoading]);
-  if (!inited) return null;
+  };
   return /*#__PURE__*/React.createElement(Form, {
     form: form,
-    ref: formRef,
     component: "div",
     colon: false,
     className: "panel-form-interval",
     layout: "vertical",
     initialValues: {
-      userGroup: props !== null && props !== void 0 && (_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 && _props$defaultValue.userGroup ? props === null || props === void 0 ? void 0 : (_props$defaultValue2 = props.defaultValue) === null || _props$defaultValue2 === void 0 ? void 0 : _props$defaultValue2.userGroup : userGroup ? userGroup : [0],
-      analysisSubject: props === null || props === void 0 ? void 0 : (_props$defaultValue3 = props.defaultValue) === null || _props$defaultValue3 === void 0 ? void 0 : _props$defaultValue3.analysisSubject,
+      userGroup: props !== null && props !== void 0 && (_props$urlParam = props.urlParam) !== null && _props$urlParam !== void 0 && _props$urlParam.userGroup ? props === null || props === void 0 ? void 0 : (_props$urlParam2 = props.urlParam) === null || _props$urlParam2 === void 0 ? void 0 : _props$urlParam2.userGroup : userGroup ? userGroup : [0],
       start: _objectSpread(_objectSpread({}, defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.start), {}, {
         relevancy: defaultValue !== null && defaultValue !== void 0 && (_defaultValue$associa = defaultValue.associated_next_attr) !== null && _defaultValue$associa !== void 0 && _defaultValue$associa.event_id && defaultValue !== null && defaultValue !== void 0 && (_defaultValue$associa2 = defaultValue.associated_pre_attr) !== null && _defaultValue$associa2 !== void 0 && _defaultValue$associa2.event_id || finalSearchData !== null && finalSearchData !== void 0 && (_finalSearchData$asso = finalSearchData.associatedNextAttr) !== null && _finalSearchData$asso !== void 0 && _finalSearchData$asso.eventId && finalSearchData !== null && finalSearchData !== void 0 && (_finalSearchData$asso2 = finalSearchData.associatedPreAttr) !== null && _finalSearchData$asso2 !== void 0 && _finalSearchData$asso2.eventId ? true : false
       }),
@@ -149,56 +172,11 @@ var TopPanel = function TopPanel(props) {
         isHidden: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$dimensi2 = defaultValue.dimension) === null || _defaultValue$dimensi2 === void 0 ? void 0 : _defaultValue$dimensi2.is_hidden) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$dime2 = finalSearchData.dimension) === null || _finalSearchData$dime2 === void 0 ? void 0 : _finalSearchData$dime2.isHidden),
         propCategory: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$dimensi3 = defaultValue.dimension) === null || _defaultValue$dimensi3 === void 0 ? void 0 : _defaultValue$dimensi3.prop_category) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$dime3 = finalSearchData.dimension) === null || _finalSearchData$dime3 === void 0 ? void 0 : _finalSearchData$dime3.propCategory),
         eventId: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$dimensi4 = defaultValue.dimension) === null || _defaultValue$dimensi4 === void 0 ? void 0 : _defaultValue$dimensi4.event_id) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$dime4 = finalSearchData.dimension) === null || _finalSearchData$dime4 === void 0 ? void 0 : _finalSearchData$dime4.eventId)
-      }),
-      analysisModel: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.analysisModel) || AnalysisMode.common
+      })
     },
     scrollToFirstError: true,
-    onFinish: onSearch
-  }, subjectEnable && /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u5206\u6790\u4E3B\u4F53",
-    className: "panel-form-interval-item"
-  }, /*#__PURE__*/React.createElement(BizSelect, {
-    options: [{
-      label: '用户',
-      value: 'user'
-    }, {
-      label: '事件属性',
-      value: 'eventProp'
-    }],
-    keyField: "value",
-    defaultValue: {
-      value: analysisType
-    },
-    onChange: function onChange(val) {
-      setAnalysisType(val.value);
-      resetting();
-    }
-  })), analysisType === 'eventProp' && /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u4E3B\u4F53\u540D\u79F0",
-    name: "analysisSubject",
-    className: "panel-form-interval-item",
-    rules: [{
-      validator: function validator(rule, value) {
-        if (!value) {
-          return Promise.reject('请选择主体名称');
-        }
-        return Promise.resolve();
-      }
-    }]
-  }, /*#__PURE__*/React.createElement(BizSelect, {
-    options: subjectList,
-    aliasField: "subjectAlias",
-    labelField: "subjectName",
-    keyField: "id",
-    onChange: function onChange(val) {
-      var _formRef$current, _formRef$current2, _formRef$current3;
-      setCurrentSubject(val);
-      setRelevancy(false);
-      (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.setFieldValue('start', undefined);
-      (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.setFieldValue('end', undefined);
-      (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.setFieldValue('dimension', undefined);
-    }
-  })), analysisType === 'user' && /*#__PURE__*/React.createElement(Form.Item, {
+    onValuesChange: onValuesChange
+  }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "",
     name: "userGroup",
     className: "space-item interval-item",
@@ -213,62 +191,13 @@ var TopPanel = function TopPanel(props) {
     className: "collapseRefs"
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u5F00\u59CB\u4E8B\u4EF6",
-    style: {
-      marginBottom: '8px',
-      position: 'relative'
-    }
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    name: "start",
-    validateStatus: "success",
-    style: {
-      marginBottom: 0
-    },
-    rules: [{
-      validateTrigger: ['onBlur'],
-      validator: function validator(rule, value) {
-        var _value$filters, _value$filters$condit;
-        if (!value || !value.id) {
-          return Promise.reject('请选择开始事件');
-        }
-        var conditionValIsNull = false;
-        value === null || value === void 0 ? void 0 : (_value$filters = value.filters) === null || _value$filters === void 0 ? void 0 : (_value$filters$condit = _value$filters.conditions) === null || _value$filters$condit === void 0 ? void 0 : _value$filters$condit.forEach(function (item) {
-          var _item$values;
-          if (!/null/.test(item.operator || '') && !((_item$values = item.values) !== null && _item$values !== void 0 && _item$values.length)) {
-            conditionValIsNull = true;
-          }
-        });
-        if (conditionValIsNull) {
-          return Promise.reject('请填写完整的条件');
-        }
-        return Promise.resolve();
-      }
-    }]
+    name: "start"
   }, /*#__PURE__*/React.createElement(EventFilter, {
-    subject: currentSubject,
-    key: "".concat(currentSubject === null || currentSubject === void 0 ? void 0 : currentSubject.subjectName, "-start"),
-    analysisType: analysisType,
-    onChange: function onChange(evt) {
-      var _formRef$current4;
-      setStartEvent(evt);
-      (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : _formRef$current4.setFieldValue('dimension', undefined);
-    }
-  })), /*#__PURE__*/React.createElement(Space, {
-    align: "baseline",
-    style: {
-      position: 'absolute',
-      top: '9px',
-      left: '295px'
-    }
-  }, /*#__PURE__*/React.createElement(Switch, {
-    checked: relevancy,
-    onChange: setRelevancy
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "switch-title"
-  }, "\u8BBE\u7F6E\u5173\u8054\u5C5E\u6027"))), relevancy && /*#__PURE__*/React.createElement(Form.Item, {
+    relevancyFl: relevancyFl,
+    relevancy: true
+  })), relevancy ? /*#__PURE__*/React.createElement(Form.Item, {
     className: "associated"
-  }, /*#__PURE__*/React.createElement(Space, {
-    align: "baseline"
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "associated-link"
   }, /*#__PURE__*/React.createElement("i", {
     style: {
@@ -279,128 +208,79 @@ var TopPanel = function TopPanel(props) {
     className: "associated-label"
   }, "\u5C5E\u60271"), /*#__PURE__*/React.createElement(Form.Item, {
     name: "associatedPreAttr",
-    rules: [{
-      validator: function validator(rule, value) {
-        if (!value || !value.dimensionSub) {
-          return Promise.reject('请选择属性1');
-        }
-        return Promise.resolve();
-      }
-    }]
+    style: {
+      display: 'inline-block',
+      marginRight: 28
+    }
   }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
     enableEventProp: true,
     enableUserProp: false,
     enableEnvProp: false,
-    eventIdList: [startEvent === null || startEvent === void 0 ? void 0 : startEvent.id],
+    eventIdList: [startId],
+    value: bizAttributeSelectorValue,
     enableDelete: true,
-    key: "".concat(startEvent === null || startEvent === void 0 ? void 0 : startEvent.id, "-").concat(endEvent === null || endEvent === void 0 ? void 0 : endEvent.id, "-pre"),
+    onChange: onChangeAttr,
     onDelete: function onDelete() {
-      var _formRef$current5;
-      (_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 ? void 0 : _formRef$current5.setFieldValue('associatedPreAttr', undefined);
+      onChangeAttr(undefined, 'associatedPreAttr');
     }
-  }))), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("span", {
     className: "associated-label"
   }, "\u5C5E\u60272"), /*#__PURE__*/React.createElement(Form.Item, {
     name: "associatedNextAttr",
-    rules: [{
-      validator: function validator(rule, value) {
-        if (!value || !value.dimensionSub) {
-          return Promise.reject('请选择属性2');
-        }
-        return Promise.resolve();
-      }
-    }]
+    style: {
+      display: 'inline-block'
+    }
   }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
     enableEventProp: true,
     enableUserProp: false,
     enableEnvProp: false,
-    eventIdList: [endEvent === null || endEvent === void 0 ? void 0 : endEvent.id],
+    eventIdList: [endId],
+    value: bizAttributeSelectorValue,
     enableDelete: true,
-    key: "".concat(startEvent === null || startEvent === void 0 ? void 0 : startEvent.id, "-").concat(endEvent === null || endEvent === void 0 ? void 0 : endEvent.id, "-next"),
+    onChange: onChangeAttr,
     onDelete: function onDelete() {
-      var _formRef$current6;
-      (_formRef$current6 = formRef.current) === null || _formRef$current6 === void 0 ? void 0 : _formRef$current6.setFieldValue('associatedNextAttr', undefined);
+      onChangeAttr(undefined, 'associatedNextAttr');
     }
-  }))), /*#__PURE__*/React.createElement("i", {
+  })), /*#__PURE__*/React.createElement("i", {
     style: {
       lineHeight: '32px',
       marginLeft: '28px',
       cursor: 'pointer'
     },
     onClick: function onClick() {
-      var _formRef$current7, _formRef$current8;
-      (_formRef$current7 = formRef.current) === null || _formRef$current7 === void 0 ? void 0 : _formRef$current7.setFieldValue('associatedPreAttr', undefined);
-      (_formRef$current8 = formRef.current) === null || _formRef$current8 === void 0 ? void 0 : _formRef$current8.setFieldValue('associatedNextAttr', undefined);
+      onChangeAttr(undefined, 'associatedPreAttr');
+      onChangeAttr(undefined, 'associatedNextAttr');
       setRelevancy(false);
     },
     className: "bsicon qingchu"
-  }))), /*#__PURE__*/React.createElement(Form.Item, {
+  })) : '', /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u7ED3\u675F\u4E8B\u4EF6",
-    name: "end",
-    validateStatus: "success",
-    rules: [{
-      validateTrigger: ['onBlur'],
-      validator: function validator(rule, value) {
-        var _value$filters2, _value$filters2$condi;
-        if (!value || !value.id) {
-          return Promise.reject('请选择结束事件');
-        }
-        var conditionValIsNull = false;
-        value === null || value === void 0 ? void 0 : (_value$filters2 = value.filters) === null || _value$filters2 === void 0 ? void 0 : (_value$filters2$condi = _value$filters2.conditions) === null || _value$filters2$condi === void 0 ? void 0 : _value$filters2$condi.forEach(function (item) {
-          var _item$values2;
-          if (!/null/.test(item.operator || '') && !((_item$values2 = item.values) !== null && _item$values2 !== void 0 && _item$values2.length)) {
-            conditionValIsNull = true;
-          }
-        });
-        if (conditionValIsNull) {
-          return Promise.reject('请填写完整的条件');
-        }
-        return Promise.resolve();
-      }
-    }]
-  }, /*#__PURE__*/React.createElement(EventFilter, {
-    subject: currentSubject,
-    analysisType: analysisType,
-    key: "".concat(currentSubject === null || currentSubject === void 0 ? void 0 : currentSubject.subjectName, "-start"),
-    onChange: function onChange(val) {
-      var _formRef$current9;
-      setEndEvent(val);
-      (_formRef$current9 = formRef.current) === null || _formRef$current9 === void 0 ? void 0 : _formRef$current9.setFieldValue('dimension', undefined);
-    }
-  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "end"
+  }, /*#__PURE__*/React.createElement(EventFilter, null)), /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u6309\u5C5E\u6027\u7EC6\u5206",
     name: "dimension",
     className: "dimension-interval"
   }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
     enableEventProp: true,
-    enableUserProp: analysisType === 'user',
+    enableUserProp: true,
     enableEnvProp: true,
-    key: "".concat(currentSubject === null || currentSubject === void 0 ? void 0 : currentSubject.subjectName, "-dimension-").concat(startEvent === null || startEvent === void 0 ? void 0 : startEvent.id, "-").concat(endEvent === null || endEvent === void 0 ? void 0 : endEvent.id, "}"),
-    eventIdList: [(startEvent === null || startEvent === void 0 ? void 0 : startEvent.id) || 0, (endEvent === null || endEvent === void 0 ? void 0 : endEvent.id) || 0],
-    showCommonProp: true,
+    eventIdList: startId === endId ? [startId] : [startId, endId],
+    value: bizAttributeSelectorValue,
     enableDelete: true,
+    onChange: onChangeAttr,
     onDelete: function onDelete() {
-      var _formRef$current10;
-      (_formRef$current10 = formRef.current) === null || _formRef$current10 === void 0 ? void 0 : _formRef$current10.setFieldValue('dimension', undefined);
+      onChangeAttr(undefined, 'dimension');
     }
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u5206\u6790\u6A21\u578B",
-    name: "analysisModel",
-    className: "panel-form-interval-item"
-  }, /*#__PURE__*/React.createElement(Radio.Group, null, /*#__PURE__*/React.createElement(Radio, {
-    value: AnalysisMode.common
-  }, "\u5E38\u89C4\u95F4\u9694\u5206\u6790"), /*#__PURE__*/React.createElement(Radio, {
-    value: AnalysisMode.firstAndLast
-  }, "\u9996\u672B\u6B21\u95F4\u9694\u5206\u6790"))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-form-botton-box")
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: resetting
   }, "\u91CD\u7F6E"), /*#__PURE__*/React.createElement(Button, {
-    loading: loading || subjectLoading,
+    loading: loading,
+    disabled: loading || !startId || !endId || relevancy && !(defaultValue !== null && defaultValue !== void 0 && defaultValue.associatedNextAttr) && !(defaultValue !== null && defaultValue !== void 0 && defaultValue.associatedNextAttr),
     type: "primary",
     onClick: function onClick() {
-      var _formRef$current11;
-      (_formRef$current11 = formRef.current) === null || _formRef$current11 === void 0 ? void 0 : _formRef$current11.submit();
+      fetchRequest(true);
     }
   }, "\u67E5\u8BE2"))));
 };

package/dist/esm/modules/topPanel/styles/index.less

@@ -1,4 +1,5 @@
-@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+@import '../../../assets/icons/iconfont.css';
+@import '../../../assets/business/iconfont.css';
 
 .top-panel-interval {
   &-form-botton-box {
@@ -17,31 +18,6 @@
 }
 
 .panel-form-interval {
-  .ant-form-item-explain-error {
-    margin-left: 24px;
-  }
-  &-item {
-    .ant-form-item-label {
-      padding-left: 24px !important;
-      font-weight: 500;
-    }
-    .ant-form-item-control-input-content {
-      height: 40px;
-      padding: 0 24px !important;
-      line-height: 40px !important;
-      .biz-select-handle {
-        display: inline-block;
-        width: 208px;
-      }
-      span.ant-radio + * {
-        padding-right: 40px;
-        padding-left: 12px;
-      }
-      &:hover {
-        background-color: #e8efff;
-      }
-    }
-  }
   .interval-item {
     margin-top: -2px;
     .ant-space-vertical {
@@ -206,8 +182,5 @@
       line-height: 32px;
       text-align: right;
     }
-    .ant-form-item-explain-error {
-      margin-left: 0 !important;
-    }
   }
 }

package/dist/esm/modules/topPanel/types.d.ts

@@ -1,10 +1,5 @@
 import { AttrConditionTypes } from '@zgfe/business-lib';
 import { bizAttributeSelectorValueProp, SearchValue } from '../../types';
-import SubjectTypes from '@zgfe/business-lib/es/hooks/types/subject';
-export declare enum AnalysisMode {
-    common = "commonInterval",
-    firstAndLast = "firstLastInterval"
-}
 export interface start {
     eventId?: number;
     id?: number;
@@ -29,7 +24,6 @@ export interface FormDataProps {
     dimension?: bizAttributeSelectorValueProp;
     associatedPreAttr?: bizAttributeSelectorValueProp;
     associatedNextAttr?: bizAttributeSelectorValueProp;
-    analysisSubject?: SubjectTypes.Subject;
 }
 export interface FormHandelDataProps extends start {
     /**
@@ -42,14 +36,23 @@ export interface TopPanelProps {
      * 默认值
      */
     defaultValue?: SearchValue;
+    urlParam?: SearchValue;
     loading?: boolean;
     /**
      * 数据更新
      */
     onChange: (data: SearchValue, flag: boolean) => void;
+    /**
+     * 是否请求数据
+     */
+    ajaxFlag: boolean;
     /**
      * 请求后的最新查询数据
      */
     finalSearchData?: SearchValue;
+    /**
+     * 请求数据方法
+     */
+    fetchRequest: (flag?: boolean) => void;
     collapseRef?: any;
 }

package/dist/esm/modules/topPanel/types.js

@@ -1,5 +1 @@
-export var AnalysisMode = /*#__PURE__*/function (AnalysisMode) {
-  AnalysisMode["common"] = "commonInterval";
-  AnalysisMode["firstAndLast"] = "firstLastInterval";
-  return AnalysisMode;
-}({});
+export {};

package/dist/esm/style/index.less

@@ -51,17 +51,3 @@
     }
   }
 }
-.interval-drill {
-  display: block;
-  .bsicon {
-    display: none;
-    margin-right: 4px;
-  }
-  &:hover {
-    color: @primary-color;
-    cursor: pointer;
-    .bsicon {
-      display: inline;
-    }
-  }
-}