@zgfe/modules-interval 1.0.8 → 1.0.10-qirui.0

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

@@ -10,74 +10,68 @@ 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, { useState } from 'react';
-import { Form, Button } from 'antd';
-import { BizAttributeSelector, BizUserGroupHeader } from '@zgfe/business-lib';
+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 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$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 _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 defaultValue = props.defaultValue,
     loading = props.loading,
     collapseRef = props.collapseRef,
-    finalSearchData = props.finalSearchData,
-    fetchRequest = props.fetchRequest;
+    finalSearchData = props.finalSearchData;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _useState = useState(null),
+  var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
-    startId = _useState2[0],
-    setStartId = _useState2[1];
-  var _useState3 = useState(null),
+    startEvent = _useState2[0],
+    setStartEvent = _useState2[1];
+  var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
-    endId = _useState4[0],
-    setEndId = _useState4[1];
+    endEvent = _useState4[0],
+    setEndEvent = _useState4[1];
   // 关联属性
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     relevancy = _useState6[0],
     setRelevancy = _useState6[1];
-  var _useState7 = useState(true),
-    _useState8 = _slicedToArray(_useState7, 2),
-    relevancyFl = _useState8[0],
-    setRelevancyFl = _useState8[1];
-  var _ref = defaultValue,
+  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'),
+    _useState8 = _slicedToArray(_useState7, 2),
+    analysisType = _useState8[0],
+    setAnalysisType = _useState8[1];
   var _useState9 = useState(),
     _useState10 = _slicedToArray(_useState9, 2),
-    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);
-      }
+    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);
     }
-    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({
@@ -90,6 +84,7 @@ var TopPanel = function TopPanel(props) {
       associatedNextAttr: undefined
     });
     setRelevancy(false);
+    setCurrentSubject(undefined);
     props.onChange({
       userGroup: [0],
       start: undefined,
@@ -102,55 +97,37 @@ var TopPanel = function TopPanel(props) {
       associatedNextAttr: undefined
     }, true);
   };
-  // 细分属性
-  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);
+  useEffect(function () {
+    if (subjectLoading) return;
+    if (!defaultValue) {
+      setInited(true);
+      return;
+    }
+    setInited(false);
+    if (defaultValue.analysisSubject) {
+      setAnalysisType('eventProp');
     } else {
-      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
-      });
+      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);
+      }));
+    }
+    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$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],
+      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,
       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
       }),
@@ -172,11 +149,56 @@ 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,
-    onValuesChange: onValuesChange
-  }, /*#__PURE__*/React.createElement(Form.Item, {
+    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, {
     label: "",
     name: "userGroup",
     className: "space-item interval-item",
@@ -191,13 +213,61 @@ var TopPanel = function TopPanel(props) {
     className: "collapseRefs"
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u5F00\u59CB\u4E8B\u4EF6",
-    name: "start"
+    style: {
+      marginBottom: '8px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "start",
+    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();
+      }
+    }]
   }, /*#__PURE__*/React.createElement(EventFilter, {
-    relevancyFl: relevancyFl,
-    relevancy: true
-  })), relevancy ? /*#__PURE__*/React.createElement(Form.Item, {
+    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, {
     className: "associated"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(Space, {
+    align: "baseline"
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: "associated-link"
   }, /*#__PURE__*/React.createElement("i", {
     style: {
@@ -208,80 +278,127 @@ var TopPanel = function TopPanel(props) {
     className: "associated-label"
   }, "\u5C5E\u60271"), /*#__PURE__*/React.createElement(Form.Item, {
     name: "associatedPreAttr",
-    style: {
-      display: 'inline-block',
-      marginRight: 28
-    }
+    rules: [{
+      validator: function validator(rule, value) {
+        if (!value || !value.dimensionSub) {
+          return Promise.reject('请选择属性1');
+        }
+        return Promise.resolve();
+      }
+    }]
   }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
     enableEventProp: true,
     enableUserProp: false,
     enableEnvProp: false,
-    eventIdList: [startId],
-    value: bizAttributeSelectorValue,
+    eventIdList: [startEvent === null || startEvent === void 0 ? void 0 : startEvent.id],
     enableDelete: true,
-    onChange: onChangeAttr,
+    key: "".concat(startEvent === null || startEvent === void 0 ? void 0 : startEvent.id, "-").concat(endEvent === null || endEvent === void 0 ? void 0 : endEvent.id, "-pre"),
     onDelete: function onDelete() {
-      onChangeAttr(undefined, 'associatedPreAttr');
+      var _formRef$current5;
+      (_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 ? void 0 : _formRef$current5.setFieldValue('associatedPreAttr', undefined);
     }
-  })), /*#__PURE__*/React.createElement("span", {
+  }))), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: "associated-label"
   }, "\u5C5E\u60272"), /*#__PURE__*/React.createElement(Form.Item, {
     name: "associatedNextAttr",
-    style: {
-      display: 'inline-block'
-    }
+    rules: [{
+      validator: function validator(rule, value) {
+        if (!value || !value.dimensionSub) {
+          return Promise.reject('请选择属性2');
+        }
+        return Promise.resolve();
+      }
+    }]
   }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
     enableEventProp: true,
     enableUserProp: false,
     enableEnvProp: false,
-    eventIdList: [endId],
-    value: bizAttributeSelectorValue,
+    eventIdList: [endEvent === null || endEvent === void 0 ? void 0 : endEvent.id],
     enableDelete: true,
-    onChange: onChangeAttr,
+    key: "".concat(startEvent === null || startEvent === void 0 ? void 0 : startEvent.id, "-").concat(endEvent === null || endEvent === void 0 ? void 0 : endEvent.id, "-next"),
     onDelete: function onDelete() {
-      onChangeAttr(undefined, 'associatedNextAttr');
+      var _formRef$current6;
+      (_formRef$current6 = formRef.current) === null || _formRef$current6 === void 0 ? void 0 : _formRef$current6.setFieldValue('associatedNextAttr', undefined);
     }
-  })), /*#__PURE__*/React.createElement("i", {
+  }))), /*#__PURE__*/React.createElement("i", {
     style: {
       lineHeight: '32px',
       marginLeft: '28px',
       cursor: 'pointer'
     },
     onClick: function onClick() {
-      onChangeAttr(undefined, 'associatedPreAttr');
-      onChangeAttr(undefined, 'associatedNextAttr');
+      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);
       setRelevancy(false);
-      setRelevancyFl(true);
     },
     className: "bsicon qingchu"
-  })) : '', /*#__PURE__*/React.createElement(Form.Item, {
+  }))), /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u7ED3\u675F\u4E8B\u4EF6",
-    name: "end"
-  }, /*#__PURE__*/React.createElement(EventFilter, null)), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "end",
+    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, {
     label: "\u6309\u5C5E\u6027\u7EC6\u5206",
     name: "dimension",
     className: "dimension-interval"
   }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
     enableEventProp: true,
-    enableUserProp: true,
+    enableUserProp: analysisType === 'user',
     enableEnvProp: true,
-    eventIdList: startId === endId ? [startId] : [startId, endId],
-    value: bizAttributeSelectorValue,
+    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,
     enableDelete: true,
-    onChange: onChangeAttr,
     onDelete: function onDelete() {
-      onChangeAttr(undefined, 'dimension');
+      var _formRef$current10;
+      (_formRef$current10 = formRef.current) === null || _formRef$current10 === void 0 ? void 0 : _formRef$current10.setFieldValue('dimension', undefined);
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__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", {
     className: "".concat(classPrefix, "-form-botton-box")
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: resetting
   }, "\u91CD\u7F6E"), /*#__PURE__*/React.createElement(Button, {
-    loading: loading,
-    disabled: loading || !startId || !endId || relevancy && !(defaultValue !== null && defaultValue !== void 0 && defaultValue.associatedNextAttr) && !(defaultValue !== null && defaultValue !== void 0 && defaultValue.associatedNextAttr),
+    loading: loading || subjectLoading,
     type: "primary",
     onClick: function onClick() {
-      fetchRequest(true);
+      var _formRef$current11;
+      (_formRef$current11 = formRef.current) === null || _formRef$current11 === void 0 ? void 0 : _formRef$current11.submit();
     }
   }, "\u67E5\u8BE2"))));
 };

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

@@ -1,5 +1,4 @@
-@import '../../../assets/icons/iconfont.css';
-@import '../../../assets/business/iconfont.css';
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
 
 .top-panel-interval {
   &-form-botton-box {
@@ -18,6 +17,31 @@
 }
 
 .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 {
@@ -182,5 +206,8 @@
       line-height: 32px;
       text-align: right;
     }
+    .ant-form-item-explain-error {
+      margin-left: 0 !important;
+    }
   }
 }

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

@@ -1,5 +1,10 @@
 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;
@@ -24,6 +29,7 @@ export interface FormDataProps {
     dimension?: bizAttributeSelectorValueProp;
     associatedPreAttr?: bizAttributeSelectorValueProp;
     associatedNextAttr?: bizAttributeSelectorValueProp;
+    analysisSubject?: SubjectTypes.Subject;
 }
 export interface FormHandelDataProps extends start {
     /**
@@ -36,23 +42,14 @@ 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 +1,5 @@
-export {};
+export var AnalysisMode = /*#__PURE__*/function (AnalysisMode) {
+  AnalysisMode["common"] = "commonInterval";
+  AnalysisMode["firstAndLast"] = "firstLastInterval";
+  return AnalysisMode;
+}({});

package/dist/esm/style/index.less

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