@zgfe/modules-interval 1.0.0-interval.8 → 1.0.0

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

@@ -1,21 +1,27 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useState } from 'react';
+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 _ from 'lodash';
 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 defaultValue = props.defaultValue,
     loading = props.loading,
     collapseRef = props.collapseRef,
+    finalSearchData = props.finalSearchData,
     fetchRequest = props.fetchRequest;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
@@ -33,83 +39,67 @@ var TopPanel = function TopPanel(props) {
     _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,
-    id = _ref.id,
-    name = _ref.name,
-    dimension = _ref.dimension,
-    filters = _ref.filters,
     userGroup = _ref.userGroup;
   // 细分属性初始值
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    bizAttributeSelectorValue = _useState8[0],
-    setBizAttributeSelectorValue = _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.start.relevancy);
+        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 = [];
-      var app = allData.userGroup.map(function (item) {
-        if (_.isArray(item)) {
-          return item.map(function (_item) {
-            var _item2 = _slicedToArray(_item, 3),
-              label = _item2[1],
-              layer = _item2[2];
-            var result = [label.labelName];
-            if (layer !== null && layer !== void 0 && layer.layerLabelName) {
-              result.push(layer.layerLabelName);
-            }
-            return result.join(':');
-          });
-        } else if (_typeof(item) === 'object' && item !== null && 'id' in item) {
-          return item.id;
-        }
-      }).filter(function (item) {
-        return item !== undefined;
-      });
-      allData.userGroup = app;
+      _data.userGroup = allData.userGroup;
+      if (_data.userGroup.length <= 0) _data.userGroup = [0];
     }
-    props.onChange(allData, false);
+    props.onChange(allData, (finalSearchData === null || finalSearchData === void 0 ? void 0 : finalSearchData.chartType) === 'boxplot' ? true : false);
   };
-  useEffect(function () {
-    onChangeAttr(undefined, 'dimension');
-    onChangeAttr(undefined, 'associatedPreAttr');
-  }, [startId]);
-  useEffect(function () {
-    onChangeAttr(undefined, 'dimension');
-    onChangeAttr(undefined, 'associatedNextAttr');
-  }, [endId]);
-  // 重置
   var resetting = function resetting() {
     form.resetFields();
     form.setFieldsValue({
       userGroup: [0],
-      start: {},
-      end: {},
+      start: undefined,
+      end: undefined,
       dimension: undefined,
+      filters: undefined,
       associatedPreAttr: undefined,
       associatedNextAttr: undefined
     });
+    setRelevancy(false);
     props.onChange({
       userGroup: [0],
+      start: undefined,
+      end: undefined,
       id: undefined,
-      name: undefined,
       filters: undefined,
-      dimension: undefined
+      name: undefined,
+      dimension: undefined,
+      associatedPreAttr: undefined,
+      associatedNextAttr: undefined
     }, true);
   };
   // 细分属性
@@ -157,59 +147,55 @@ var TopPanel = function TopPanel(props) {
     form: form,
     component: "div",
     colon: false,
-    className: "panel-form",
+    className: "panel-form-interval",
     layout: "vertical",
     initialValues: {
-      userGroup: userGroup ? userGroup.map(function (item) {
-        return {
-          id: item
-        };
-      }) : [{
-        id: 0
-      }],
-      start: {
-        id: id,
-        name: name,
-        dimension: dimension,
-        filters: filters
-      },
-      end: {
-        id: id,
-        name: name,
-        dimension: dimension,
-        filters: filters
-      }
+      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
+      }),
+      end: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.end,
+      associatedNextAttr: _objectSpread(_objectSpread(_objectSpread({}, defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.associatedNextAttr), defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.associated_next_attr), {}, {
+        dimensionSub: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$associa3 = defaultValue.associated_next_attr) === null || _defaultValue$associa3 === void 0 ? void 0 : _defaultValue$associa3.dimension_sub) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$asso3 = finalSearchData.associatedNextAttr) === null || _finalSearchData$asso3 === void 0 ? void 0 : _finalSearchData$asso3.dimensionSub),
+        isHidden: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$associa4 = defaultValue.associated_next_attr) === null || _defaultValue$associa4 === void 0 ? void 0 : _defaultValue$associa4.is_hidden) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$asso4 = finalSearchData.associatedNextAttr) === null || _finalSearchData$asso4 === void 0 ? void 0 : _finalSearchData$asso4.isHidden),
+        propCategory: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$associa5 = defaultValue.associated_next_attr) === null || _defaultValue$associa5 === void 0 ? void 0 : _defaultValue$associa5.prop_category) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$asso5 = finalSearchData.associatedNextAttr) === null || _finalSearchData$asso5 === void 0 ? void 0 : _finalSearchData$asso5.propCategory),
+        eventId: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$associa6 = defaultValue.associated_next_attr) === null || _defaultValue$associa6 === void 0 ? void 0 : _defaultValue$associa6.event_id) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$asso6 = finalSearchData.associatedNextAttr) === null || _finalSearchData$asso6 === void 0 ? void 0 : _finalSearchData$asso6.eventId)
+      }),
+      associatedPreAttr: _objectSpread(_objectSpread(_objectSpread({}, defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.associatedPreAttr), defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.associated_pre_attr), {}, {
+        dimensionSub: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$associa7 = defaultValue.associated_pre_attr) === null || _defaultValue$associa7 === void 0 ? void 0 : _defaultValue$associa7.dimension_sub) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$asso7 = finalSearchData.associatedPreAttr) === null || _finalSearchData$asso7 === void 0 ? void 0 : _finalSearchData$asso7.dimensionSub),
+        isHidden: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$associa8 = defaultValue.associated_pre_attr) === null || _defaultValue$associa8 === void 0 ? void 0 : _defaultValue$associa8.is_hidden) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$asso8 = finalSearchData.associatedPreAttr) === null || _finalSearchData$asso8 === void 0 ? void 0 : _finalSearchData$asso8.isHidden),
+        propCategory: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$associa9 = defaultValue.associated_pre_attr) === null || _defaultValue$associa9 === void 0 ? void 0 : _defaultValue$associa9.prop_category) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$asso9 = finalSearchData.associatedPreAttr) === null || _finalSearchData$asso9 === void 0 ? void 0 : _finalSearchData$asso9.propCategory),
+        eventId: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$associa10 = defaultValue.associated_pre_attr) === null || _defaultValue$associa10 === void 0 ? void 0 : _defaultValue$associa10.event_id) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$asso10 = finalSearchData.associatedPreAttr) === null || _finalSearchData$asso10 === void 0 ? void 0 : _finalSearchData$asso10.eventId)
+      }),
+      dimension: _objectSpread(_objectSpread({}, defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.dimension), {}, {
+        dimensionSub: (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$dimensi = defaultValue.dimension) === null || _defaultValue$dimensi === void 0 ? void 0 : _defaultValue$dimensi.dimension_sub) || (finalSearchData === null || finalSearchData === void 0 ? void 0 : (_finalSearchData$dime = finalSearchData.dimension) === null || _finalSearchData$dime === void 0 ? void 0 : _finalSearchData$dime.dimensionSub),
+        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)
+      })
     },
     scrollToFirstError: true,
     onValuesChange: onValuesChange
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "",
     name: "userGroup",
-    className: "space-item",
+    className: "space-item interval-item",
     style: {
       paddingLeft: 0
     }
   }, /*#__PURE__*/React.createElement(BizUserGroupHeader, {
-    value: [{
-      id: 0
-    }],
     enableTags: true,
     max: 1
   })), /*#__PURE__*/React.createElement("div", {
     ref: collapseRef,
-    style: {
-      paddingLeft: 24
-    },
     className: "collapseRefs"
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u5F00\u59CB\u4E8B\u4EF6",
     name: "start"
   }, /*#__PURE__*/React.createElement(EventFilter, {
+    relevancyFl: relevancyFl,
     relevancy: true
   })), relevancy ? /*#__PURE__*/React.createElement(Form.Item, {
-    style: {
-      marginBottom: 0
-    },
     className: "associated"
   }, /*#__PURE__*/React.createElement("span", {
     className: "associated-link"
@@ -255,12 +241,26 @@ var TopPanel = function TopPanel(props) {
     onDelete: function onDelete() {
       onChangeAttr(undefined, 'associatedNextAttr');
     }
-  }))) : '', /*#__PURE__*/React.createElement(Form.Item, {
+  })), /*#__PURE__*/React.createElement("i", {
+    style: {
+      lineHeight: '32px',
+      marginLeft: '28px',
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      onChangeAttr(undefined, 'associatedPreAttr');
+      onChangeAttr(undefined, 'associatedNextAttr');
+      setRelevancy(false);
+      setRelevancyFl(true);
+    },
+    className: "bsicon qingchu"
+  })) : '', /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u7ED3\u675F\u4E8B\u4EF6",
     name: "end"
   }, /*#__PURE__*/React.createElement(EventFilter, null)), /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u6309\u5C5E\u6027\u7EC6\u5206",
-    name: "dimension"
+    name: "dimension",
+    className: "dimension-interval"
   }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
     enableEventProp: true,
     enableUserProp: true,
@@ -277,7 +277,8 @@ var TopPanel = function TopPanel(props) {
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: resetting
   }, "\u91CD\u7F6E"), /*#__PURE__*/React.createElement(Button, {
-    disabled: loading,
+    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() {
       fetchRequest(true);

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

@@ -17,7 +17,35 @@
   }
 }
 
-.panel-form {
+.panel-form-interval {
+  .interval-item {
+    margin-top: -2px;
+    .ant-space-vertical {
+      gap: 0px !important;
+      width: 100%;
+      .ant-space-item:nth-child(1) {
+        padding: 0 12px;
+      }
+
+      .ant-space-item:nth-child(2) {
+        display: flex;
+        align-items: center;
+        height: 42px;
+        margin-top: 4px;
+        padding: 0 12px;
+      }
+
+      .ant-space-item:nth-child(2):hover {
+        background-color: #e8efff;
+      }
+    }
+  }
+
+  .biz-user-group-header {
+    padding: 0;
+    background-color: #fff;
+  }
+
   .space-item {
     .ant-space-item {
       .biz-user-group {
@@ -33,7 +61,62 @@
 
   .collapseRefs {
     .ant-form-item {
-      margin-bottom: 12px;
+      margin-bottom: 16px;
+    }
+
+    .ant-form-item-control-input {
+      display: flex;
+      align-items: center;
+    }
+
+    .ant-form-item-label {
+      padding-left: 24px;
+      font-weight: 500;
+    }
+
+    .interval-box {
+      > div:nth-child(1) {
+        padding: 4px 24px;
+      }
+
+      > div:nth-child(1):hover {
+        background-color: #e8efff;
+      }
+
+      .biz-attr-condition-group-handle {
+        margin-right: 0;
+        margin-left: 32px;
+      }
+
+      .biz-attr-condition-group-container {
+        gap: 0px !important;
+      }
+
+      .biz-attr-condition-group-container-item {
+        max-width: calc(100% + 32px) !important;
+        margin-top: 4px;
+        padding: 4px 56px;
+        .ant-space-item {
+          width: auto;
+          max-width: auto;
+          margin-left: 0px;
+          padding: 0;
+        }
+      }
+
+      .ant-space-item:hover {
+        background-color: #e8efff;
+      }
+    }
+
+    .dimension-interval {
+      .ant-form-item-control-input {
+        padding: 4px 24px;
+      }
+
+      .ant-form-item-control-input:hover {
+        background-color: #e8efff;
+      }
     }
   }
 
@@ -42,11 +125,40 @@
   }
 
   > .ant-form-item {
-    margin-bottom: 12px;
-    padding-left: 24px;
+    margin-bottom: 16px;
+    .biz-user-group-val {
+      color: #021429;
+    }
   }
 
   .associated {
+    margin-top: -10px;
+    margin-bottom: 12px;
+
+    .qingchu {
+      color: #9aa1a9;
+    }
+
+    .qingchu:hover {
+      color: @error-color;
+    }
+
+    .ant-form-item-control-input {
+      padding: 4px 24px;
+
+      .ant-form-item-control-input {
+        padding: 0;
+      }
+
+      .ant-form-item {
+        margin-bottom: 0;
+      }
+    }
+
+    .ant-form-item-control-input:hover {
+      background-color: #e8efff;
+    }
+
     .associated-link {
       display: block;
       line-height: 32px;

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

@@ -1,6 +1,7 @@
 import { AttrConditionTypes } from '@zgfe/business-lib';
 import { bizAttributeSelectorValueProp, SearchValue } from '../../types';
 export interface start {
+    eventId?: number;
     id?: number;
     name?: string;
     relevancy?: boolean;
@@ -10,7 +11,7 @@ export interface FormDataProps {
     /**
      * 用户群
      */
-    userGroup?: number[];
+    userGroup?: any[];
     /**
      * 事件、属性、属性细分
      */
@@ -35,6 +36,7 @@ export interface TopPanelProps {
      * 默认值
      */
     defaultValue?: SearchValue;
+    urlParam?: SearchValue;
     loading?: boolean;
     /**
      * 数据更新

package/dist/esm/types.d.ts

@@ -1,12 +1,21 @@
 import { AttrConditionTypes } from '@zgfe/business-lib';
 import { DatePickerTypes } from '@zgfe/business-lib/es/datePicker/types';
 import { ReactNode } from 'react';
-import { FormDataProps } from './modules/topPanel/types';
+import { FormDataProps, start } from './modules/topPanel/types';
 /**
  * 属性选择器 默认值
  */
 export interface bizAttributeSelectorValueProp {
     propCategory?: string;
+    prop_category?: string;
+    dimension_sub?: string;
+    dimensionSub?: string;
+    label?: string;
+    is_hidden?: string;
+    isHidden?: string;
+    real_time?: string;
+    event_id?: string;
+    eventId?: string;
     category?: string;
     value?: number | string;
     key?: number | string;
@@ -56,6 +65,7 @@ export interface SearchValue {
      * @description   用户群id
      */
     userGroup?: number[];
+    user_group?: number[];
     /**
      * 事件、属性、属性细分
      */
@@ -89,10 +99,24 @@ export interface SearchValue {
      *
      */
     associatedPreAttr?: bizAttributeSelectorValueProp;
+    associated_pre_attr?: bizAttributeSelectorValueProp;
     /**
      * @description  关联属性-结束
      */
+    associated_next_attr?: bizAttributeSelectorValueProp;
     associatedNextAttr?: bizAttributeSelectorValueProp;
+    /**
+     * @description  开始事件
+     */
+    start?: start;
+    /**
+     * @description  结束事件
+     */
+    end?: start;
+    /**
+     * @description  分类
+     */
+    module?: string;
 }
 export interface UserDrillParamsProp {
     /**
@@ -124,7 +148,7 @@ export interface UserDrillParamsProp {
      */
     module?: string;
 }
-export type EventChartTypes = 'line' | 'bar' | 'pie' | 'map';
+export type EventChartTypes = 'line' | 'bar' | 'pie' | 'map' | 'boxplot';
 /**
  * 图表选择类型
  */

package/dist/esm/utils/formData.js

@@ -32,14 +32,14 @@ function convertToHMS(seconds) {
 export function getColumns(eventGroupList, userPropList, eventEnvList, columnData, dataSource, userGroup, searchData, showList
 // onClickToDetailCallback: Function,
 ) {
-  var _dataSource$appData, _dataSource$appData$s;
+  var _dataSource$appData, _dataSource$appData$s, _searchData$dimension;
   // 显示
   var data = [{
-    title: dataSource !== null && dataSource !== void 0 && (_dataSource$appData = dataSource.appData) !== null && _dataSource$appData !== void 0 && (_dataSource$appData$s = _dataSource$appData.series[0]) !== null && _dataSource$appData$s !== void 0 && _dataSource$appData$s.names[0] ? '' : '日期',
+    title: dataSource !== null && dataSource !== void 0 && (_dataSource$appData = dataSource.appData) !== null && _dataSource$appData !== void 0 && (_dataSource$appData$s = _dataSource$appData.series[0]) !== null && _dataSource$appData$s !== void 0 && _dataSource$appData$s.names[0] ? searchData === null || searchData === void 0 ? void 0 : (_searchData$dimension = searchData.dimension) === null || _searchData$dimension === void 0 ? void 0 : _searchData$dimension.label : '日期',
     width: 148,
     ellipsis: true,
     key: 'time',
-    align: 'center',
+    align: 'right',
     dataIndex: 'time',
     className: "".concat(classPrefix, "-table-td"),
     render: function render(text, record) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/modules-interval",
-  "version": "1.0.0-interval.8",
+  "version": "1.0.0",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -43,7 +43,7 @@
     "@types/uuid": "^9.0.2",
     "@umijs/fabric": "^2.8.1",
     "@umijs/test": "^3.0.5",
-    "@zgfe/business-lib": "1.1.81-scenes1.0.8",
+    "@zgfe/business-lib": "1.1.84-panel.6",
     "@zgfe/modules-demo-manage": "^1.0.1",
     "antd": "^4.22.6",
     "dumi": "^1.1.0",

package/dist/esm/modules/chart/demo/panel.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: () => React.JSX.Element;
-export default _default;

package/dist/esm/modules/chart/demo/panel.js

@@ -1,30 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useState } from 'react';
-import { EventChart } from '@zgfe/modules-interval';
-import { result, searchData, totalResult, totalSearchData } from "./data";
-import _ from 'lodash';
-export default (function () {
-  var _useState = useState(searchData),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  useEffect(function () {
-    setValue(function () {
-      var data = _.cloneDeep(searchData);
-      data.chartType = 'line,grid';
-      return data;
-    });
-  }, []);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, "\u8D8B\u52BF\u56FE\u8868\u683C"), /*#__PURE__*/React.createElement(EventChart, {
-    dataSource: result,
-    params: value
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("h2", null, "\u6C47\u603B\u56FE\u8868\u683C"), /*#__PURE__*/React.createElement(EventChart, {
-    dataSource: totalResult,
-    params: totalSearchData
-  }));
-});