@zgfe/modules-interval 1.0.23-zhongyuan.0 → 1.0.23-zhongyuan.10

package/README.md

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

package/dist/esm/components/common/styles/index.less

@@ -1,40 +1,40 @@
-@import '~@zgfe/business-lib/es/assets/styles/inner.less';
-
-.mi-common-interval {
-  .ant-spin-nested-loading {
-    width: 100%;
-  }
-  &-loading-icon {
-    z-index: 1000;
-    display: inline-block;
-    width: 40px;
-    height: 40px;
-    background: url('../../../style/image/ring.svg') no-repeat;
-    background-size: contain;
-  }
-
-  &-none-text {
-    color: #354354;
-    font-size: 14px;
-  }
-
-  &-none-empty {
-    width: 88px;
-    height: 88px;
-    background-image: url('../../../style/image/empty.png');
-    background-repeat: no-repeat;
-    background-size: cover;
-  }
-
-  &-none-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
-}
-.mi-common-interval-content {
-  width: 100%;
-  .ant-spin-text {
-    color: #ccc;
-  }
-}
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.mi-common-interval {
+  .ant-spin-nested-loading {
+    width: 100%;
+  }
+  &-loading-icon {
+    z-index: 1000;
+    display: inline-block;
+    width: 40px;
+    height: 40px;
+    background: url('../../../style/image/ring.svg') no-repeat;
+    background-size: contain;
+  }
+
+  &-none-text {
+    color: #354354;
+    font-size: 14px;
+  }
+
+  &-none-empty {
+    width: 88px;
+    height: 88px;
+    background-image: url('../../../style/image/empty.png');
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+
+  &-none-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+}
+.mi-common-interval-content {
+  width: 100%;
+  .ant-spin-text {
+    color: #ccc;
+  }
+}

package/dist/esm/components/eventFilter/index.js

@@ -18,7 +18,8 @@ import _ from 'lodash';
 var classPrefix = 'interval-box';
 var EventFilter = function EventFilter(props) {
   var _useContext = useContext(BizGlobalDataContext),
-    eventIdMap = _useContext.eventIdMap;
+    eventIdMap = _useContext.eventIdMap,
+    envs = _useContext.envs;
   // 筛选条件个数
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -95,8 +96,8 @@ var EventFilter = function EventFilter(props) {
       return;
     }
     // 最多可添加10条属性筛选
-    if (count >= 10) {
-      message.error('最多可添加 10 条属性筛选');
+    if (count >= ((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 10)) {
+      message.error("\u6700\u591A\u53EF\u6DFB\u52A0 ".concat((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 10, " \u6761\u5C5E\u6027\u7B5B\u9009"));
       return;
     }
     setIsAdd(true);
@@ -169,9 +170,9 @@ var EventFilter = function EventFilter(props) {
     placeholder: "\u8BF7\u9009\u62E9\u4E8B\u4EF6"
   }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
     placement: "top",
-    title: !eventOverview ? '请先选择目标事件' : count < 10 ? '添加属性筛选' : '最多可添加 10 条属性筛选'
+    title: !eventOverview ? '请先选择目标事件' : count < ((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 10) ? '添加属性筛选' : "\u6700\u591A\u53EF\u6DFB\u52A0 ".concat((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 10, " \u6761\u5C5E\u6027\u7B5B\u9009")
   }, /*#__PURE__*/React.createElement(IconFont, {
-    className: "".concat(count >= 10 || event.id === -1 || !eventOverview ? 'disable' : ''),
+    className: "".concat(count >= ((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 10) || event.id === -1 || !eventOverview ? 'disable' : ''),
     type: "shaixuan",
     onClick: function onClick() {
       return onAdd();

package/dist/esm/components/eventFilter/styles/index.less

@@ -1,39 +1,39 @@
-.interval-box {
-  > :nth-child(1) {
-    display: flex;
-    gap: 16px;
-    align-items: center;
-    margin-bottom: 0 !important;
-    .biz-event-select,
-    .biz-attr-select {
-      width: 208px;
-    }
-
-    .shaixuan {
-      margin-top: 2px;
-      color: #9aa1a9;
-      font-size: 20px !important;
-      cursor: pointer;
-    }
-
-    .shaixuan:hover {
-      color: #165dff;
-    }
-
-    .disable {
-      color: #ccd0d4 !important;
-      cursor: not-allowed !important;
-    }
-
-    .switch-title {
-      margin-left: -8px;
-      color: var(--io-n-8, #354354);
-      font-weight: 400;
-      font-size: 14px;
-      font-family: PingFang SC;
-      font-style: normal;
-      line-height: normal;
-      letter-spacing: 1px;
-    }
-  }
-}
+.interval-box {
+  > :nth-child(1) {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    margin-bottom: 0 !important;
+    .biz-event-select,
+    .biz-attr-select {
+      width: 208px;
+    }
+
+    .shaixuan {
+      margin-top: 2px;
+      color: #9aa1a9;
+      font-size: 20px !important;
+      cursor: pointer;
+    }
+
+    .shaixuan:hover {
+      color: #165dff;
+    }
+
+    .disable {
+      color: #ccd0d4 !important;
+      cursor: not-allowed !important;
+    }
+
+    .switch-title {
+      margin-left: -8px;
+      color: var(--io-n-8, #354354);
+      font-weight: 400;
+      font-size: 14px;
+      font-family: PingFang SC;
+      font-style: normal;
+      line-height: normal;
+      letter-spacing: 1px;
+    }
+  }
+}

package/dist/esm/components/renderContent/styles/index.css

@@ -0,0 +1,32 @@
+.render-content-interval-chart-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 300px;
+}
+.render-content-interval-chart-container .echarts-for-react {
+  width: 100%;
+  background: #fff;
+  border: 1px solid var(--unnamed, #ecedf0);
+  border-radius: 8px;
+}
+.render-content-interval-MiNone {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 368px;
+  padding: 24px 16px;
+  border: 1px solid #ecedf0;
+  border-radius: 8px;
+}
+.render-content-interval-spin-container {
+  display: flex !important;
+  align-items: center;
+  justify-content: center;
+  min-height: 300px;
+}
+.render-content-interval-spin-container .biz-loading-wrapper {
+  width: 100%;
+}

package/dist/esm/components/renderContent/styles/index.less

@@ -4,6 +4,7 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    min-height: 300px;
 
     .echarts-for-react {
       width: 100%;

package/dist/esm/components/searchPanel/index.js

@@ -10,7 +10,7 @@ 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 { BizSelect, IconFont, BizDatePickerV2 } from '@zgfe/business-lib';
+import { BizSelect, IconFont, BizDatePickerV2, BizGlobalDataContext } from '@zgfe/business-lib';
 import { DatePickerTypes } from '@zgfe/business-lib/es/datePickerV2/types';
 import React, { useContext, useEffect, useState } from 'react';
 import { chartTypeOptions, getInitDate } from "../../constants";
@@ -24,6 +24,8 @@ var SearchPanel = function SearchPanel(props) {
     includeToday = _useContext.includeToday,
     searchData = _useContext.searchData,
     refreshLoading = _useContext.refreshLoading;
+  var _useContext2 = useContext(BizGlobalDataContext),
+    envs = _useContext2.envs;
   // 当前时间段
   var _useState = useState(props.time || getInitDate(includeToday)),
     _useState2 = _slicedToArray(_useState, 2),
@@ -108,6 +110,9 @@ var SearchPanel = function SearchPanel(props) {
     dateTypeList: [DatePickerTypes.Unit.day, DatePickerTypes.Unit.week, DatePickerTypes.Unit.month, DatePickerTypes.Unit.custom],
     value: time,
     includeToday: true,
+    selectRange: envs && envs.timeRangeOpen ? envs.timeRangeOpen : 36,
+    timeRangeOpen: envs && envs.timeRangeOpen ? envs.timeRangeOpen : 36,
+    selectRangeUnit: envs && envs.timeRangeOpen ? 'months' : 'days',
     onChange: onChangeTime
   }), /*#__PURE__*/React.createElement(BizSelect, {
     multiple: true,

package/dist/esm/components/searchPanel/styles/index.less

@@ -1,71 +1,71 @@
-.search-panel-interval {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 32px;
-  margin-bottom: 24px;
-  &-refresh {
-    display: flex !important;
-    gap: 4px;
-  }
-  > :nth-child(1) {
-    display: flex;
-    gap: 16px;
-  }
-
-  .biz-date-picker-wrap-list {
-    font-size: 14px;
-  }
-
-  &-search-right {
-    display: flex;
-    gap: 16px;
-  }
-
-  &-select {
-    width: 208px;
-    .biz-select-handle-input-multiple {
-      .ant-tag:not(:nth-child(-n + 3)) {
-        display: none;
-      }
-    }
-  }
-}
-
-.interval-select-overlay {
-  .biz-select-option.biz-select-option-multiple:hover:not(.disabled) {
-    color: var(--1, #021429);
-    background: var(--io-i-1, #e8efff);
-  }
-
-  .biz-select-overlay {
-    padding: 0;
-  }
-
-  .biz-select-list-panel {
-    display: grid;
-    gap: 8px;
-  }
-
-  .biz-select-option {
-    padding: 0 16px;
-    border-radius: 0;
-  }
-
-  .biz-select-option.biz-select-option-multiple.active:not(.disabled) {
-    color: var(--1, #021429);
-  }
-
-  .biz-select-option.biz-select-option-multiple:hover:not(.disabled) .biz-select-checkbox {
-    color: #ccd0d4;
-  }
-
-  .biz-select-option.biz-select-option-multiple.active:hover:not(.disabled) .biz-select-checkbox {
-    color: #165dff;
-  }
-
-  .biz-select-option.biz-select-option-multiple:active:not(.disabled) {
-    color: #165dff;
-    background: var(--io-i-1, #e8efff);
-  }
-}
+.search-panel-interval {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 32px;
+  margin-bottom: 24px;
+  &-refresh {
+    display: flex !important;
+    gap: 4px;
+  }
+  > :nth-child(1) {
+    display: flex;
+    gap: 16px;
+  }
+
+  .biz-date-picker-wrap-list {
+    font-size: 14px;
+  }
+
+  &-search-right {
+    display: flex;
+    gap: 16px;
+  }
+
+  &-select {
+    width: 208px;
+    .biz-select-handle-input-multiple {
+      .ant-tag:not(:nth-child(-n + 3)) {
+        display: none;
+      }
+    }
+  }
+}
+
+.interval-select-overlay {
+  .biz-select-option.biz-select-option-multiple:hover:not(.disabled) {
+    color: var(--1, #021429);
+    background: var(--io-i-1, #e8efff);
+  }
+
+  .biz-select-overlay {
+    padding: 0;
+  }
+
+  .biz-select-list-panel {
+    display: grid;
+    gap: 8px;
+  }
+
+  .biz-select-option {
+    padding: 0 16px;
+    border-radius: 0;
+  }
+
+  .biz-select-option.biz-select-option-multiple.active:not(.disabled) {
+    color: var(--1, #021429);
+  }
+
+  .biz-select-option.biz-select-option-multiple:hover:not(.disabled) .biz-select-checkbox {
+    color: #ccd0d4;
+  }
+
+  .biz-select-option.biz-select-option-multiple.active:hover:not(.disabled) .biz-select-checkbox {
+    color: #165dff;
+  }
+
+  .biz-select-option.biz-select-option-multiple:active:not(.disabled) {
+    color: #165dff;
+    background: var(--io-i-1, #e8efff);
+  }
+}

package/dist/esm/components/table/index.js

@@ -35,7 +35,8 @@ var EventTable = function EventTable(props) {
     eventGroupList = _useContext$eventGrou === void 0 ? [] : _useContext$eventGrou,
     eventEnvList = _useContext.eventEnvList,
     userPropList = _useContext.userPropList,
-    authority = _useContext.authority;
+    authority = _useContext.authority,
+    showProdDownload = _useContext.showProdDownload;
   var _useContext2 = useContext(IntervalContext),
     panelName = _useContext2.panelName,
     onUserDrill = _useContext2.onUserDrill;
@@ -107,7 +108,7 @@ var EventTable = function EventTable(props) {
     className: classPrefix
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-table-header")
-  }, /*#__PURE__*/React.createElement("span", null, "\u6307\u6807\u8BE6\u60C5"), authority[100059] && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, "\u6307\u6807\u8BE6\u60C5"), authority[100059] && showProdDownload && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     onClick: download
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "xiazai1"