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

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

@@ -1,138 +1,138 @@
-.mi-interval-table {
-  width: 100%;
-  margin-top: 16px;
-
-  .ant-table {
-    border-radius: 8px;
-  }
-  .ant-table-cell-with-append .ant-table-row-expand-icon {
-    left: 16px !important;
-    color: #9aa1a9;
-    border: 1px solid #9aa1a9;
-  }
-  .ant-table-row-expand-icon::before {
-    height: 1.4px !important;
-  }
-  .ant-table-row-expand-icon::after {
-    width: 1.4px !important;
-  }
-  .ant-table-cell {
-    height: 50px;
-    padding: 0 16px !important;
-  }
-
-  .ant-pagination {
-    margin-top: 24px !important;
-  }
-
-  .ant-table-tbody > tr > td {
-    border-bottom: 0.1px solid #e6e7ea;
-  }
-
-  .ant-table .ant-table-container .ant-table-thead > tr > th {
-    background-color: #f2f3f4 !important;
-  }
-
-  &-table-header {
-    display: flex;
-    justify-content: space-between;
-    height: 50px;
-    padding: 0 16px;
-    line-height: 50px;
-    background: #fafafb;
-    border: 1px solid var(--gray-6, #ecedf0);
-    border-bottom: none;
-    border-radius: 8px 8px 0 0;
-
-    > :nth-child(2) {
-      display: flex;
-      margin-top: 9px;
-      div {
-        display: flex;
-        align-items: center;
-        height: 32px;
-        padding: 0 16px;
-        line-height: 32px;
-        background: #fff;
-        border: 1px solid #f2f3f4;
-        border-radius: 4px;
-        cursor: pointer;
-        .xiazai1 {
-          margin-right: 4px;
-          font-size: 16px !important;
-        }
-      }
-      div:hover {
-        color: #165dff;
-        border: 1px solid #165dff;
-      }
-    }
-  }
-
-  .ant-table {
-    border-radius: 0 0 8px 8px;
-  }
-
-  .ant-table-cell-with-append {
-    padding-left: 20px;
-
-    .ant-table-row-expand-icon {
-      position: absolute;
-      left: 0;
-      margin-top: 0;
-    }
-  }
-}
-
-.event-table-sql-modal {
-  .ant-modal-header {
-    position: relative;
-    z-index: 1;
-    height: 82px;
-    background: transparent;
-  }
-
-  .ant-modal-body {
-    padding: 0 24px 18px 24px;
-  }
-
-  .ant-modal-close-x {
-    margin-top: 13px;
-    margin-right: 8px;
-  }
-
-  img {
-    width: 100%;
-  }
-
-  .qingchu {
-    font-weight: 500;
-    font-size: 22px !important;
-  }
-
-  .modal-bg {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-  }
-
-  .hljs {
-    padding: 16px;
-    background: #fafafb;
-  }
-
-  .copy-box {
-    position: absolute;
-    top: 98px;
-    right: 40px;
-    padding: 0 8px;
-    background: #f2f3f4;
-    border-radius: 4px;
-
-    .fuzhi1 {
-      margin-right: 8px;
-    }
-  }
-}
+.mi-interval-table {
+  width: 100%;
+  margin-top: 16px;
+
+  .ant-table {
+    border-radius: 8px;
+  }
+  .ant-table-cell-with-append .ant-table-row-expand-icon {
+    left: 16px !important;
+    color: #9aa1a9;
+    border: 1px solid #9aa1a9;
+  }
+  .ant-table-row-expand-icon::before {
+    height: 1.4px !important;
+  }
+  .ant-table-row-expand-icon::after {
+    width: 1.4px !important;
+  }
+  .ant-table-cell {
+    height: 50px;
+    padding: 0 16px !important;
+  }
+
+  .ant-pagination {
+    margin-top: 24px !important;
+  }
+
+  .ant-table-tbody > tr > td {
+    border-bottom: 0.1px solid #e6e7ea;
+  }
+
+  .ant-table .ant-table-container .ant-table-thead > tr > th {
+    background-color: #f2f3f4 !important;
+  }
+
+  &-table-header {
+    display: flex;
+    justify-content: space-between;
+    height: 50px;
+    padding: 0 16px;
+    line-height: 50px;
+    background: #fafafb;
+    border: 1px solid var(--gray-6, #ecedf0);
+    border-bottom: none;
+    border-radius: 8px 8px 0 0;
+
+    > :nth-child(2) {
+      display: flex;
+      margin-top: 9px;
+      div {
+        display: flex;
+        align-items: center;
+        height: 32px;
+        padding: 0 16px;
+        line-height: 32px;
+        background: #fff;
+        border: 1px solid #f2f3f4;
+        border-radius: 4px;
+        cursor: pointer;
+        .xiazai1 {
+          margin-right: 4px;
+          font-size: 16px !important;
+        }
+      }
+      div:hover {
+        color: #165dff;
+        border: 1px solid #165dff;
+      }
+    }
+  }
+
+  .ant-table {
+    border-radius: 0 0 8px 8px;
+  }
+
+  .ant-table-cell-with-append {
+    padding-left: 20px;
+
+    .ant-table-row-expand-icon {
+      position: absolute;
+      left: 0;
+      margin-top: 0;
+    }
+  }
+}
+
+.event-table-sql-modal {
+  .ant-modal-header {
+    position: relative;
+    z-index: 1;
+    height: 82px;
+    background: transparent;
+  }
+
+  .ant-modal-body {
+    padding: 0 24px 18px 24px;
+  }
+
+  .ant-modal-close-x {
+    margin-top: 13px;
+    margin-right: 8px;
+  }
+
+  img {
+    width: 100%;
+  }
+
+  .qingchu {
+    font-weight: 500;
+    font-size: 22px !important;
+  }
+
+  .modal-bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: auto;
+  }
+
+  .hljs {
+    padding: 16px;
+    background: #fafafb;
+  }
+
+  .copy-box {
+    position: absolute;
+    top: 98px;
+    right: 40px;
+    padding: 0 8px;
+    background: #f2f3f4;
+    border-radius: 4px;
+
+    .fuzhi1 {
+      margin-right: 8px;
+    }
+  }
+}

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

@@ -1,16 +1,16 @@
-@import '~@zgfe/business-lib/es/assets/styles/inner.less';
-
-.modules-interval-topbar {
-  display: flex;
-  justify-content: flex-end;
-  margin: 8px 0;
-  &-panel {
-    margin-right: 16px;
-  }
-  &-scene {
-    margin-right: 16px;
-  }
-  &-earlywarning {
-    margin-right: 16px;
-  }
-}
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.modules-interval-topbar {
+  display: flex;
+  justify-content: flex-end;
+  margin: 8px 0;
+  &-panel {
+    margin-right: 16px;
+  }
+  &-scene {
+    margin-right: 16px;
+  }
+  &-earlywarning {
+    margin-right: 16px;
+  }
+}

package/dist/esm/constants/apis.js

@@ -2,12 +2,12 @@ var Apis = {
   dataList: '/interval/intervalData',
   getEventDataSql: '/dataSql/getEventDataSql',
   eventDownloadReport: '/interval/downLoadintervalData',
-  /**
-   * 用户下钻
+  /**
+   * 用户下钻
    */
   userDrill: '/interval/userDrill',
-  /**
-   * 主体下钻
+  /**
+   * 主体下钻
    */
   subjectDrill: '/interval/eventDrill',
   querySubjectDisplay: '/analysisSubject/querySubDisplay'

package/dist/esm/constants/code.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @description 异常状态码
+ */
+export declare const ERROR_RESPONESE_CODE: {
+    /**
+     * @description 刷新失败
+     */
+    REFRESH_FAIL: string;
+    /**
+     * @description 用户群或标签查询异常
+     */
+    EXCEPTION: string;
+};

package/dist/esm/constants/code.js

@@ -0,0 +1,13 @@
+/**
+ * @description 异常状态码
+ */
+export var ERROR_RESPONESE_CODE = {
+  /**
+   * @description 刷新失败
+   */
+  REFRESH_FAIL: '100080',
+  /**
+   * @description 用户群或标签查询异常
+   */
+  EXCEPTION: '100081'
+};

package/dist/esm/constants/fields.js

@@ -126,8 +126,8 @@ export var addSceneFields = [{
   }]
 }];
 
-/**
- * 维度对象
+/**
+ * 维度对象
  */
 export var indexObject = {
   number: '人数',
@@ -139,8 +139,8 @@ export var indexObject = {
   median: '中位数'
 };
 
-/**
- * 内置指标
+/**
+ * 内置指标
  */
 export var BuiltinIndicators = {
   id: -2,

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

@@ -17,9 +17,11 @@ import { extractNames, getDefaultShow } from "../../utils/formData";
 import { Apis } from "../../constants";
 import IntervalChart from "./intervalChart";
 import { searchDataParams } from "../content/utils";
+import { ERROR_RESPONESE_CODE } from "../../constants/code";
 var IntervalEventChart = function IntervalEventChart(props) {
   var _dataSource$appData2;
-  var params = props.params;
+  var params = props.params,
+    onChangeException = props.onChangeException;
   // 显示内容
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -66,12 +68,17 @@ var IntervalEventChart = function IntervalEventChart(props) {
         method: 'post',
         data: _objectSpread(_objectSpread({
           appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
-        }, params), obj)
+        }, params), obj),
+        intercept: false
       }).then(function (res) {
+        setLoading(false);
         if (!res) {
           return;
         }
-        setLoading(false);
+        if (res.code == ERROR_RESPONESE_CODE.EXCEPTION) {
+          onChangeException === null || onChangeException === void 0 ? void 0 : onChangeException();
+          return;
+        }
         setDataSource(res.data);
       }).catch(function () {
         setLoading(false);

package/dist/esm/modules/chart/index.less

@@ -1,58 +1,58 @@
-.custom-tooltip-chart {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  gap: 4px;
-  align-items: flex-start;
-  width: 146px;
-  height: 100%;
-  padding: 8px;
-  color: var(--io-n, #021429);
-  font-weight: 500;
-  font-size: 12px;
-  font-style: normal;
-  // background: rgba(250, 251, 253, 0.8);
-  border-radius: 10px;
-  box-shadow: 0px 4px 10px 0px #0000001a;
-
-  .custom-tooltip-name {
-    color: var(--io-n, #021429);
-    font-weight: 500;
-    font-size: 12px;
-    font-family: PingFang SC;
-    font-style: normal;
-    line-height: normal;
-  }
-
-  .custom-tooltip-div {
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
-    width: 100%;
-    height: 100%;
-    padding: 0px 8px;
-    background: #fff;
-    border-radius: 4px;
-    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
-
-    .tooltip-span {
-      display: block;
-      color: var(--3, #5f6085);
-      font-weight: 400;
-      font-size: 12px;
-      font-family: PingFang SC;
-      font-style: normal;
-      line-height: normal;
-    }
-
-    > div {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-    }
-
-    .tooltip-marker {
-      justify-content: flex-start;
-    }
-  }
-}
+.custom-tooltip-chart {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  gap: 4px;
+  align-items: flex-start;
+  width: 146px;
+  height: 100%;
+  padding: 8px;
+  color: var(--io-n, #021429);
+  font-weight: 500;
+  font-size: 12px;
+  font-style: normal;
+  // background: rgba(250, 251, 253, 0.8);
+  border-radius: 10px;
+  box-shadow: 0px 4px 10px 0px #0000001a;
+
+  .custom-tooltip-name {
+    color: var(--io-n, #021429);
+    font-weight: 500;
+    font-size: 12px;
+    font-family: PingFang SC;
+    font-style: normal;
+    line-height: normal;
+  }
+
+  .custom-tooltip-div {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    width: 100%;
+    height: 100%;
+    padding: 0px 8px;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
+
+    .tooltip-span {
+      display: block;
+      color: var(--3, #5f6085);
+      font-weight: 400;
+      font-size: 12px;
+      font-family: PingFang SC;
+      font-style: normal;
+      line-height: normal;
+    }
+
+    > div {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+
+    .tooltip-marker {
+      justify-content: flex-start;
+    }
+  }
+}

package/dist/esm/modules/chart/intervalChart.js

@@ -41,7 +41,7 @@ var IntervalChart = function IntervalChart(props) {
         top: '10',
         left: '0',
         right: '0',
-        bottom: '68px',
+        bottom: props.onlyChart ? '0' : '68px',
         containLabel: true
       },
       xAxis: {

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

@@ -34,5 +34,10 @@ export declare namespace eventChartProps {
          * 改变显示内容
          */
         onChangeShow?: (data: string[]) => void;
+        /**
+         *
+         * 指标异常回调
+         */
+        onChangeException?: () => void;
     }
 }