@zgfe/modules-interval 1.0.9 → 1.0.10-beiming.1

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/index.js

@@ -14,12 +14,12 @@ import { Button } from 'antd';
 import React, { useContext, useEffect, useState } from 'react';
 import { BizAddToPanel, BizAddToScene, BizGlobalDataContext } from '@zgfe/business-lib';
 import "./styles/index.less";
-import { EventContext } from "../../types";
+import { IntervalContext } from "../../types";
 import { chartTypes, platformOption } from "../../constants/fields";
 import { appVersionType } from '@zgfe/business-lib/es/context';
 var classPrefix = 'modules-interval-topbar';
 var TopBar = function TopBar(props) {
-  var _useContext = useContext(EventContext),
+  var _useContext = useContext(IntervalContext),
     panelId = _useContext.panelId,
     afterEditTarget = _useContext.afterEditTarget;
   var _useState = useState(false),
@@ -105,7 +105,7 @@ var TopBar = function TopBar(props) {
       appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
       module: 'interval'
     }, searchData), {}, {
-      chartType: 'line'
+      chartType: 'boxplot'
     }),
     onOk: function onOk(data) {
       return _onOk('scene', data);
@@ -118,7 +118,7 @@ var TopBar = function TopBar(props) {
     type: "primary",
     disabled: showLoading || !authority[100143],
     onClick: function onClick() {
-      props.onUserDrill({
+      props.onJumpWarning({
         appId: Number(currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId),
         module: 'interval',
         platform: 0,

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

@@ -1,50 +1,50 @@
-@import '~@zgfe/business-lib/es/assets/styles/inner.less';
-
-.modules-interval-topbar {
-  display: flex;
-  justify-content: flex-end;
-  margin: 8px 0;
-  padding-right: 24px;
-  &-panel {
-    margin-right: 16px;
-  }
-  &-scene {
-    margin-right: 16px;
-  }
-  &-earlywarning {
-    margin-right: 16px;
-  }
-  &-platform {
-    display: flex;
-    height: 32px;
-    line-height: 32px;
-    > div {
-      position: relative;
-      padding: 0 16px;
-      font-size: 14px;
-      background: #fff;
-      border: 1px solid #ecedf0;
-      cursor: pointer;
-    }
-    > div:hover,
-    .active {
-      z-index: 1;
-      color: #165dff;
-      background: #e8efff;
-      border: 1px solid #165dff;
-    }
-    > :nth-child(1) {
-      border-radius: 4px 0 0 4px;
-    }
-    > :nth-child(2) {
-      margin-left: -1px;
-    }
-    > :nth-child(3) {
-      margin-left: -1px;
-    }
-    > :nth-child(4) {
-      margin-left: -1px;
-      border-radius: 0 4px 4px 0;
-    }
-  }
-}
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.modules-interval-topbar {
+  display: flex;
+  justify-content: flex-end;
+  margin: 8px 0;
+  padding-right: 24px;
+  &-panel {
+    margin-right: 16px;
+  }
+  &-scene {
+    margin-right: 16px;
+  }
+  &-earlywarning {
+    margin-right: 16px;
+  }
+  &-platform {
+    display: flex;
+    height: 32px;
+    line-height: 32px;
+    > div {
+      position: relative;
+      padding: 0 16px;
+      font-size: 14px;
+      background: #fff;
+      border: 1px solid #ecedf0;
+      cursor: pointer;
+    }
+    > div:hover,
+    .active {
+      z-index: 1;
+      color: #165dff;
+      background: #e8efff;
+      border: 1px solid #165dff;
+    }
+    > :nth-child(1) {
+      border-radius: 4px 0 0 4px;
+    }
+    > :nth-child(2) {
+      margin-left: -1px;
+    }
+    > :nth-child(3) {
+      margin-left: -1px;
+    }
+    > :nth-child(4) {
+      margin-left: -1px;
+      border-radius: 0 4px 4px 0;
+    }
+  }
+}

package/dist/esm/components/topBar/types.d.ts

@@ -1,4 +1,5 @@
-import { ResponseDataProps, SearchValue, UserDrillParamsProp } from '../../types';
+import { IntervalProps } from '../../modules/home/types';
+import { ResponseDataProps, SearchValue } from '../../types';
 export interface TopBarProps {
     /**
      * @description   标题
@@ -6,6 +7,6 @@ export interface TopBarProps {
     searchData?: SearchValue;
     loading?: boolean;
     eventData?: ResponseDataProps;
-    onUserDrill: (data: UserDrillParamsProp, searchData: SearchValue) => void;
+    onJumpWarning: IntervalProps.Props['onJumpWarning'];
     platformChange: (data: number) => void;
 }

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

@@ -1,6 +1,2 @@
-declare const Apis: {
-    dataList: string;
-    getEventDataSql: string;
-    eventDownloadReport: string;
-};
+declare const Apis: Record<string, string>;
 export default Apis;

package/dist/esm/constants/apis.js

@@ -1,7 +1,18 @@
 var Apis = {
-  // dataList: '/zg/web/v2/data/eventDataList',
-  dataList: '/zg/web/v2/interval/intervalData',
-  getEventDataSql: '/zg/web/v2/dataSql/getEventDataSql',
-  eventDownloadReport: '/zg/web/v2/interval/downLoadintervalData'
+  dataList: '/interval/intervalData',
+  getEventDataSql: '/dataSql/getEventDataSql',
+  eventDownloadReport: '/interval/downLoadintervalData',
+  /**
+   * 用户下钻
+   */
+  userDrill: '/interval/userDrill',
+  /**
+   * 主体下钻
+   */
+  subjectDrill: '/interval/eventDrill',
+  querySubjectDisplay: '/analysisSubject/querySubDisplay'
 };
+for (var key in Apis) {
+  Apis[key] = "/zg/web/v2".concat(Apis[key]);
+}
 export default Apis;

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

@@ -97,12 +97,13 @@ var IntervalEventChart = function IntervalEventChart(props) {
     dataSource: dataSource,
     showList: showList,
     dataSourceList: dataSourceList,
-    params: params
-  }), (params === null || params === void 0 ? void 0 : params.chartType) === 'line' ? /*#__PURE__*/React.createElement(EventTable, {
+    params: params,
+    onlyChart: props.onlyChart
+  }), !props.onlyChart && /*#__PURE__*/React.createElement(EventTable, {
     dataSource: dataSource,
     searchData: params,
     showList: [],
     changeShow: onChangeShow
-  }) : null);
+  }));
 };
 export default IntervalEventChart;

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

@@ -80,14 +80,14 @@ var IntervalChart = function IntervalChart(props) {
         }
       },
 
-      dataZoom: [{
+      dataZoom: props.onlyChart ? [] : [{
         type: 'inside',
         start: 0,
         end: 20,
         right: 3,
         height: 20 // 设置内置的dataZoom的高度
       }, {
-        show: (params === null || params === void 0 ? void 0 : params.module) === 'interval' ? false : true,
+        show: props.onlyChart ? false : true,
         type: 'slider',
         bottom: '38px',
         xAxisIndex: [0],

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

@@ -13,6 +13,7 @@ export declare namespace eventChartProps {
          */
         dataSource?: ChartTypesProps;
         dataSourceList?: DisplaySetup[];
+        onlyChart?: boolean;
         /**
          * 查询条件
          */