@zgfe/modules-interval 1.0.23-zhongyuan.4 → 1.0.23-zhongyuan.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/components/searchPanel/index.js +5 -1
- package/dist/esm/constants/code.js +6 -6
- package/dist/esm/modules/chart/customTooltip.js +2 -2
- package/dist/esm/modules/chart/customTooltip1.d.ts +7 -0
- package/dist/esm/modules/chart/customTooltip1.js +46 -0
- package/dist/esm/modules/chart/index.css +52 -0
- package/dist/esm/modules/chart/index.js +3 -1
- package/dist/esm/modules/chart/index.less +58 -58
- package/dist/esm/modules/chart/intervalChart.js +16 -15
- package/dist/esm/modules/content/index.js +1 -1
- package/dist/esm/modules/content/utils.js +12 -12
- package/dist/esm/modules/topPanel/styles/index.less +219 -219
- package/package.json +2 -2
|
@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
10
10
|
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; }
|
|
11
11
|
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; } }
|
|
12
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
|
-
import { BizSelect, IconFont, BizDatePickerV2 } from '@zgfe/business-lib';
|
|
13
|
+
import { BizSelect, IconFont, BizDatePickerV2, BizGlobalDataContext } from '@zgfe/business-lib';
|
|
14
14
|
import { DatePickerTypes } from '@zgfe/business-lib/es/datePickerV2/types';
|
|
15
15
|
import React, { useContext, useEffect, useState } from 'react';
|
|
16
16
|
import { chartTypeOptions, getInitDate } from "../../constants";
|
|
@@ -24,6 +24,8 @@ var SearchPanel = function SearchPanel(props) {
|
|
|
24
24
|
includeToday = _useContext.includeToday,
|
|
25
25
|
searchData = _useContext.searchData,
|
|
26
26
|
refreshLoading = _useContext.refreshLoading;
|
|
27
|
+
var _useContext2 = useContext(BizGlobalDataContext),
|
|
28
|
+
envs = _useContext2.envs;
|
|
27
29
|
// 当前时间段
|
|
28
30
|
var _useState = useState(props.time || getInitDate(includeToday)),
|
|
29
31
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -108,6 +110,8 @@ var SearchPanel = function SearchPanel(props) {
|
|
|
108
110
|
dateTypeList: [DatePickerTypes.Unit.day, DatePickerTypes.Unit.week, DatePickerTypes.Unit.month, DatePickerTypes.Unit.custom],
|
|
109
111
|
value: time,
|
|
110
112
|
includeToday: true,
|
|
113
|
+
selectRange: envs && envs.timeRangeOpen ? envs.timeRangeOpen : 36,
|
|
114
|
+
timeRangeOpen: envs && envs.timeRangeOpen ? envs.timeRangeOpen : 36,
|
|
111
115
|
onChange: onChangeTime
|
|
112
116
|
}), /*#__PURE__*/React.createElement(BizSelect, {
|
|
113
117
|
multiple: true,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @description 异常状态码
|
|
1
|
+
/**
|
|
2
|
+
* @description 异常状态码
|
|
3
3
|
*/
|
|
4
4
|
export var ERROR_RESPONESE_CODE = {
|
|
5
|
-
/**
|
|
6
|
-
* @description 刷新失败
|
|
5
|
+
/**
|
|
6
|
+
* @description 刷新失败
|
|
7
7
|
*/
|
|
8
8
|
REFRESH_FAIL: '100080',
|
|
9
|
-
/**
|
|
10
|
-
* @description 用户群或标签查询异常
|
|
9
|
+
/**
|
|
10
|
+
* @description 用户群或标签查询异常
|
|
11
11
|
*/
|
|
12
12
|
EXCEPTION: '100081'
|
|
13
13
|
};
|
|
@@ -20,7 +20,7 @@ var CustomTooltip = function CustomTooltip(_ref) {
|
|
|
20
20
|
className: "custom-tooltip-name"
|
|
21
21
|
}, payload.name, " "), /*#__PURE__*/React.createElement("div", {
|
|
22
22
|
className: "custom-tooltip-div"
|
|
23
|
-
},
|
|
23
|
+
}, payload.seriesName && /*#__PURE__*/React.createElement("div", {
|
|
24
24
|
className: "tooltip-marker"
|
|
25
25
|
}, /*#__PURE__*/React.createElement("div", {
|
|
26
26
|
dangerouslySetInnerHTML: {
|
|
@@ -28,7 +28,7 @@ var CustomTooltip = function CustomTooltip(_ref) {
|
|
|
28
28
|
}
|
|
29
29
|
}), /*#__PURE__*/React.createElement("div", {
|
|
30
30
|
className: "tooltip-span"
|
|
31
|
-
},
|
|
31
|
+
}, payload.seriesName)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
|
|
32
32
|
className: "tooltip-span"
|
|
33
33
|
}, "\u6700\u5927\u503C\uFF1A"), /*#__PURE__*/React.createElement("div", null, convertToHMS(value[5]))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
|
|
34
34
|
className: "tooltip-span"
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import "./index.less";
|
|
3
|
+
var CustomTooltip = function CustomTooltip(_ref) {
|
|
4
|
+
var payload = _ref.payload,
|
|
5
|
+
series = _ref.series;
|
|
6
|
+
// 初始化，判断showList是否有值，如果没值，取结果的前10条
|
|
7
|
+
function convertToHMS(seconds) {
|
|
8
|
+
var hours = Math.floor(seconds / 3600);
|
|
9
|
+
var minutes = Math.floor(seconds % 3600 / 60);
|
|
10
|
+
var remainingSeconds = seconds % 60;
|
|
11
|
+
return ('00' + hours).slice(-2) + ':' + ('00' + minutes).slice(-2) + ':' + ('00' + remainingSeconds).slice(-2);
|
|
12
|
+
}
|
|
13
|
+
// 根据payload中的数据定义弹窗内容
|
|
14
|
+
// const marker = payload?.marker;
|
|
15
|
+
|
|
16
|
+
// const value = payload?.value;
|
|
17
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, payload.map(function (o, index) {
|
|
18
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
19
|
+
className: "custom-tooltip-chart",
|
|
20
|
+
key: index
|
|
21
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
22
|
+
className: "custom-tooltip-name"
|
|
23
|
+
}, o.name, " "), /*#__PURE__*/React.createElement("div", {
|
|
24
|
+
className: "custom-tooltip-div"
|
|
25
|
+
}, o.seriesName && /*#__PURE__*/React.createElement("div", {
|
|
26
|
+
className: "tooltip-marker"
|
|
27
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
28
|
+
dangerouslySetInnerHTML: {
|
|
29
|
+
__html: o === null || o === void 0 ? void 0 : o.marker
|
|
30
|
+
}
|
|
31
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
32
|
+
className: "tooltip-span"
|
|
33
|
+
}, o.seriesName)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
|
|
34
|
+
className: "tooltip-span"
|
|
35
|
+
}, "\u6700\u5927\u503C\uFF1A"), /*#__PURE__*/React.createElement("div", null, convertToHMS(o.value[5]))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
|
|
36
|
+
className: "tooltip-span"
|
|
37
|
+
}, "\u4E0A\u56DB\u5206\u4F4D\uFF1A"), convertToHMS(o.value[2])), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
|
|
38
|
+
className: "tooltip-span"
|
|
39
|
+
}, "\u4E2D\u4F4D\u6570\uFF1A"), convertToHMS(o.value[3])), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
|
|
40
|
+
className: "tooltip-span"
|
|
41
|
+
}, "\u4E0B\u56DB\u5206\u4F4D\uFF1A"), convertToHMS(o.value[4])), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
|
|
42
|
+
className: "tooltip-span"
|
|
43
|
+
}, "\u6700\u5C0F\u503C\uFF1A"), convertToHMS(o.value[1]))));
|
|
44
|
+
}));
|
|
45
|
+
};
|
|
46
|
+
export default CustomTooltip;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
.custom-tooltip-chart {
|
|
2
|
+
display: inline-block;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
flex-shrink: 0;
|
|
5
|
+
gap: 4px;
|
|
6
|
+
align-items: flex-start;
|
|
7
|
+
width: 146px;
|
|
8
|
+
height: 100%;
|
|
9
|
+
padding: 8px;
|
|
10
|
+
color: var(--io-n, #021429);
|
|
11
|
+
font-weight: 500;
|
|
12
|
+
font-size: 12px;
|
|
13
|
+
font-style: normal;
|
|
14
|
+
border-radius: 10px;
|
|
15
|
+
box-shadow: 0px 4px 10px 0px #0000001a;
|
|
16
|
+
}
|
|
17
|
+
.custom-tooltip-chart .custom-tooltip-name {
|
|
18
|
+
color: var(--io-n, #021429);
|
|
19
|
+
font-weight: 500;
|
|
20
|
+
font-size: 12px;
|
|
21
|
+
font-family: PingFang SC;
|
|
22
|
+
font-style: normal;
|
|
23
|
+
line-height: normal;
|
|
24
|
+
}
|
|
25
|
+
.custom-tooltip-chart .custom-tooltip-div {
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-direction: column;
|
|
28
|
+
gap: 6px;
|
|
29
|
+
width: 100%;
|
|
30
|
+
height: 100%;
|
|
31
|
+
padding: 0px 8px;
|
|
32
|
+
background: #fff;
|
|
33
|
+
border-radius: 4px;
|
|
34
|
+
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
|
|
35
|
+
}
|
|
36
|
+
.custom-tooltip-chart .custom-tooltip-div .tooltip-span {
|
|
37
|
+
display: block;
|
|
38
|
+
color: var(--3, #5f6085);
|
|
39
|
+
font-weight: 400;
|
|
40
|
+
font-size: 12px;
|
|
41
|
+
font-family: PingFang SC;
|
|
42
|
+
font-style: normal;
|
|
43
|
+
line-height: normal;
|
|
44
|
+
}
|
|
45
|
+
.custom-tooltip-chart .custom-tooltip-div > div {
|
|
46
|
+
display: flex;
|
|
47
|
+
align-items: center;
|
|
48
|
+
justify-content: space-between;
|
|
49
|
+
}
|
|
50
|
+
.custom-tooltip-chart .custom-tooltip-div .tooltip-marker {
|
|
51
|
+
justify-content: flex-start;
|
|
52
|
+
}
|
|
@@ -51,6 +51,7 @@ var IntervalEventChart = function IntervalEventChart(props) {
|
|
|
51
51
|
// 初始化，判断showList是否有值，如果没值，取结果的前10条
|
|
52
52
|
useEffect(function () {
|
|
53
53
|
var _dataSource$appData, _dataSource$appData$s;
|
|
54
|
+
var dataSource = props.dataSource;
|
|
54
55
|
if ((dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$appData = dataSource.appData) === null || _dataSource$appData === void 0 ? void 0 : (_dataSource$appData$s = _dataSource$appData.series) === null || _dataSource$appData$s === void 0 ? void 0 : _dataSource$appData$s.length) > 0) {
|
|
55
56
|
var _extractNames;
|
|
56
57
|
var arr = params !== null && params !== void 0 && params.displaySetup ? params === null || params === void 0 ? void 0 : params.displaySetup : (_extractNames = extractNames(dataSource)) === null || _extractNames === void 0 ? void 0 : _extractNames.splice(0, 4);
|
|
@@ -58,7 +59,8 @@ var IntervalEventChart = function IntervalEventChart(props) {
|
|
|
58
59
|
setShowList(app);
|
|
59
60
|
setDataSourceList(arr);
|
|
60
61
|
}
|
|
61
|
-
|
|
62
|
+
setDataSource(dataSource);
|
|
63
|
+
}, [params === null || params === void 0 ? void 0 : params.displaySetup, props.dataSource]);
|
|
62
64
|
var fetchResult = function fetchResult() {
|
|
63
65
|
var _obj$start, _obj$end, _params$start, _params$end;
|
|
64
66
|
var obj = searchDataParams(params);
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
.custom-tooltip-chart {
|
|
2
|
-
display:
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
flex-shrink: 0;
|
|
5
|
-
gap: 4px;
|
|
6
|
-
align-items: flex-start;
|
|
7
|
-
width: 146px;
|
|
8
|
-
height: 100%;
|
|
9
|
-
padding: 8px;
|
|
10
|
-
color: var(--io-n, #021429);
|
|
11
|
-
font-weight: 500;
|
|
12
|
-
font-size: 12px;
|
|
13
|
-
font-style: normal;
|
|
14
|
-
// background: rgba(250, 251, 253, 0.8);
|
|
15
|
-
border-radius: 10px;
|
|
16
|
-
box-shadow: 0px 4px 10px 0px #0000001a;
|
|
17
|
-
|
|
18
|
-
.custom-tooltip-name {
|
|
19
|
-
color: var(--io-n, #021429);
|
|
20
|
-
font-weight: 500;
|
|
21
|
-
font-size: 12px;
|
|
22
|
-
font-family: PingFang SC;
|
|
23
|
-
font-style: normal;
|
|
24
|
-
line-height: normal;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.custom-tooltip-div {
|
|
28
|
-
display: flex;
|
|
29
|
-
flex-direction: column;
|
|
30
|
-
gap: 6px;
|
|
31
|
-
width: 100%;
|
|
32
|
-
height: 100%;
|
|
33
|
-
padding: 0px 8px;
|
|
34
|
-
background: #fff;
|
|
35
|
-
border-radius: 4px;
|
|
36
|
-
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
|
|
37
|
-
|
|
38
|
-
.tooltip-span {
|
|
39
|
-
display: block;
|
|
40
|
-
color: var(--3, #5f6085);
|
|
41
|
-
font-weight: 400;
|
|
42
|
-
font-size: 12px;
|
|
43
|
-
font-family: PingFang SC;
|
|
44
|
-
font-style: normal;
|
|
45
|
-
line-height: normal;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
> div {
|
|
49
|
-
display: flex;
|
|
50
|
-
align-items: center;
|
|
51
|
-
justify-content: space-between;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.tooltip-marker {
|
|
55
|
-
justify-content: flex-start;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
1
|
+
.custom-tooltip-chart {
|
|
2
|
+
display: inline-block;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
flex-shrink: 0;
|
|
5
|
+
gap: 4px;
|
|
6
|
+
align-items: flex-start;
|
|
7
|
+
width: 146px;
|
|
8
|
+
height: 100%;
|
|
9
|
+
padding: 8px;
|
|
10
|
+
color: var(--io-n, #021429);
|
|
11
|
+
font-weight: 500;
|
|
12
|
+
font-size: 12px;
|
|
13
|
+
font-style: normal;
|
|
14
|
+
// background: rgba(250, 251, 253, 0.8);
|
|
15
|
+
border-radius: 10px;
|
|
16
|
+
box-shadow: 0px 4px 10px 0px #0000001a;
|
|
17
|
+
|
|
18
|
+
.custom-tooltip-name {
|
|
19
|
+
color: var(--io-n, #021429);
|
|
20
|
+
font-weight: 500;
|
|
21
|
+
font-size: 12px;
|
|
22
|
+
font-family: PingFang SC;
|
|
23
|
+
font-style: normal;
|
|
24
|
+
line-height: normal;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.custom-tooltip-div {
|
|
28
|
+
display: flex;
|
|
29
|
+
flex-direction: column;
|
|
30
|
+
gap: 6px;
|
|
31
|
+
width: 100%;
|
|
32
|
+
height: 100%;
|
|
33
|
+
padding: 0px 8px;
|
|
34
|
+
background: #fff;
|
|
35
|
+
border-radius: 4px;
|
|
36
|
+
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
|
|
37
|
+
|
|
38
|
+
.tooltip-span {
|
|
39
|
+
display: block;
|
|
40
|
+
color: var(--3, #5f6085);
|
|
41
|
+
font-weight: 400;
|
|
42
|
+
font-size: 12px;
|
|
43
|
+
font-family: PingFang SC;
|
|
44
|
+
font-style: normal;
|
|
45
|
+
line-height: normal;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
> div {
|
|
49
|
+
display: flex;
|
|
50
|
+
align-items: center;
|
|
51
|
+
justify-content: space-between;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.tooltip-marker {
|
|
55
|
+
justify-content: flex-start;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
@@ -8,7 +8,7 @@ import React, { useEffect, useRef, useState } from 'react';
|
|
|
8
8
|
import ReactECharts from 'echarts-for-react';
|
|
9
9
|
import * as echarts from 'echarts';
|
|
10
10
|
import { renderToString } from 'react-dom/server';
|
|
11
|
-
import
|
|
11
|
+
import CustomTooltip1 from "./customTooltip1";
|
|
12
12
|
import { chartColors } from "../../constants";
|
|
13
13
|
import { getRandomColor } from "../../constants/color";
|
|
14
14
|
import { convertDateArray } from "../../utils/formData";
|
|
@@ -25,9 +25,23 @@ var IntervalChart = function IntervalChart(props) {
|
|
|
25
25
|
var params = props === null || props === void 0 ? void 0 : props.params;
|
|
26
26
|
var eCharts = {
|
|
27
27
|
tooltip: {
|
|
28
|
-
trigger: '
|
|
28
|
+
trigger: 'axis',
|
|
29
29
|
axisPointer: {
|
|
30
30
|
type: 'shadow'
|
|
31
|
+
},
|
|
32
|
+
// formatter: (params: any) => {
|
|
33
|
+
// let tooltipString = ``;
|
|
34
|
+
// tooltipString += params.map((k) => {
|
|
35
|
+
// const item = seriesData?.series.find((it: any) => it.names[0] === k.name);
|
|
36
|
+
// return renderToString(<CustomTooltip series={item} payload={k} />);
|
|
37
|
+
// });
|
|
38
|
+
// return tooltipString;
|
|
39
|
+
// },
|
|
40
|
+
formatter: function formatter(params) {
|
|
41
|
+
return renderToString( /*#__PURE__*/React.createElement(CustomTooltip1, {
|
|
42
|
+
series: seriesData === null || seriesData === void 0 ? void 0 : seriesData.series,
|
|
43
|
+
payload: params
|
|
44
|
+
}));
|
|
31
45
|
}
|
|
32
46
|
},
|
|
33
47
|
legend: {
|
|
@@ -108,19 +122,6 @@ var IntervalChart = function IntervalChart(props) {
|
|
|
108
122
|
datasetIndex: 1,
|
|
109
123
|
name: seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$series$i = seriesData.series[i]) === null || _seriesData$series$i === void 0 ? void 0 : _seriesData$series$i.names[0],
|
|
110
124
|
data: seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$series$i2 = seriesData.series[i]) === null || _seriesData$series$i2 === void 0 ? void 0 : _seriesData$series$i2.values,
|
|
111
|
-
tooltip: {
|
|
112
|
-
show: true,
|
|
113
|
-
// 单独配置series中的tooltip为显示
|
|
114
|
-
extraCssText: 'border: none;padding:0;border-radius:10px;background: rgba(250, 251, 253, 0.8)',
|
|
115
|
-
// 添加自定义的CSS样式，去掉边框
|
|
116
|
-
formatter: function formatter(params) {
|
|
117
|
-
var tooltipString = renderToString( /*#__PURE__*/React.createElement(CustomTooltip, {
|
|
118
|
-
series: seriesData === null || seriesData === void 0 ? void 0 : seriesData.series[i],
|
|
119
|
-
payload: params
|
|
120
|
-
}));
|
|
121
|
-
return tooltipString;
|
|
122
|
-
}
|
|
123
|
-
},
|
|
124
125
|
emphasis: {
|
|
125
126
|
itemStyle: {
|
|
126
127
|
borderColor: color // 设置盒子的颜色
|
|
@@ -4,30 +4,30 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
4
4
|
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; }
|
|
5
5
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
6
|
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); }
|
|
7
|
-
/**
|
|
8
|
-
* 判断当前细分属性是否为”城市“
|
|
9
|
-
* @param name 属性名称
|
|
10
|
-
* @returns true标识为：是城市
|
|
7
|
+
/**
|
|
8
|
+
* 判断当前细分属性是否为”城市“
|
|
9
|
+
* @param name 属性名称
|
|
10
|
+
* @returns true标识为：是城市
|
|
11
11
|
*/
|
|
12
12
|
export var judgeIsCity = function judgeIsCity(name) {
|
|
13
13
|
var areaData = ['current_city', 'city'];
|
|
14
14
|
return name && areaData.indexOf(name) !== -1 ? true : false;
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
-
/**
|
|
18
|
-
* 判断当前细分属性，地图是否可选
|
|
19
|
-
* @param name 属性名称
|
|
20
|
-
* @returns true标识为：地图可选
|
|
17
|
+
/**
|
|
18
|
+
* 判断当前细分属性，地图是否可选
|
|
19
|
+
* @param name 属性名称
|
|
20
|
+
* @returns true标识为：地图可选
|
|
21
21
|
*/
|
|
22
22
|
export var judgeIsArea = function judgeIsArea(name) {
|
|
23
23
|
var areaData = ['current_area', 'current_city', 'area', 'city'];
|
|
24
24
|
return name && areaData.indexOf(name) !== -1 ? true : false;
|
|
25
25
|
};
|
|
26
26
|
|
|
27
|
-
/**
|
|
28
|
-
* 获取当前属性的全部数据
|
|
29
|
-
* @param param 属性的部分数据
|
|
30
|
-
* @returns 属性的全部数据
|
|
27
|
+
/**
|
|
28
|
+
* 获取当前属性的全部数据
|
|
29
|
+
* @param param 属性的部分数据
|
|
30
|
+
* @returns 属性的全部数据
|
|
31
31
|
*/
|
|
32
32
|
export var getValue = function getValue(param, eventGroupList, eventEnvList, userPropList) {
|
|
33
33
|
var res = undefined;
|
|
@@ -1,219 +1,219 @@
|
|
|
1
|
-
@import '~@zgfe/business-lib/es/assets/styles/inner.less';
|
|
2
|
-
|
|
3
|
-
.top-panel-interval {
|
|
4
|
-
&-form-botton-box {
|
|
5
|
-
display: flex;
|
|
6
|
-
justify-content: flex-end;
|
|
7
|
-
margin-top: 24px;
|
|
8
|
-
margin-right: 24px;
|
|
9
|
-
|
|
10
|
-
> :nth-child(1) {
|
|
11
|
-
margin-right: 16px;
|
|
12
|
-
color: #fff;
|
|
13
|
-
background-color: #29bd52;
|
|
14
|
-
border-color: #29bd52;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
&-label-hasIcon {
|
|
19
|
-
.bsicon {
|
|
20
|
-
cursor: pointer;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.panel-form-interval {
|
|
26
|
-
.ant-form-item-explain-error {
|
|
27
|
-
margin-left: 24px;
|
|
28
|
-
}
|
|
29
|
-
&-item {
|
|
30
|
-
.ant-form-item-label {
|
|
31
|
-
padding-left: 24px !important;
|
|
32
|
-
font-weight: 500;
|
|
33
|
-
}
|
|
34
|
-
.ant-form-item-control-input-content {
|
|
35
|
-
height: 40px;
|
|
36
|
-
padding: 0 24px !important;
|
|
37
|
-
line-height: 40px !important;
|
|
38
|
-
.biz-select-handle {
|
|
39
|
-
display: inline-block;
|
|
40
|
-
width: 208px;
|
|
41
|
-
}
|
|
42
|
-
span.ant-radio + * {
|
|
43
|
-
padding-right: 40px;
|
|
44
|
-
padding-left: 12px;
|
|
45
|
-
}
|
|
46
|
-
&:hover {
|
|
47
|
-
background-color: #e7f3fe;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
.interval-item {
|
|
52
|
-
margin-top: -2px;
|
|
53
|
-
.ant-space-vertical {
|
|
54
|
-
gap: 0px !important;
|
|
55
|
-
width: 100%;
|
|
56
|
-
.ant-space-item:nth-child(1) {
|
|
57
|
-
padding: 0 12px;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.ant-space-item:nth-child(2) {
|
|
61
|
-
display: flex;
|
|
62
|
-
align-items: center;
|
|
63
|
-
height: 42px;
|
|
64
|
-
margin-top: 4px;
|
|
65
|
-
padding: 0 12px;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.ant-space-item:nth-child(2):hover {
|
|
69
|
-
background-color: #e7f3fe;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.biz-user-group-header {
|
|
75
|
-
padding: 0;
|
|
76
|
-
background-color: #fff;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.space-item {
|
|
80
|
-
.ant-space-item {
|
|
81
|
-
.biz-user-group {
|
|
82
|
-
width: 100%;
|
|
83
|
-
min-width: 208px;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.ant-space-horizontal .ant-space-item:nth-child(2) .tianjia {
|
|
88
|
-
display: none;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.collapseRefs {
|
|
93
|
-
.ant-form-item {
|
|
94
|
-
margin-bottom: 16px;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.ant-form-item-control-input {
|
|
98
|
-
display: flex;
|
|
99
|
-
align-items: center;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.ant-form-item-label {
|
|
103
|
-
padding-left: 24px;
|
|
104
|
-
font-weight: 500;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.interval-box {
|
|
108
|
-
> div:nth-child(1) {
|
|
109
|
-
padding: 4px 24px;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
> div:nth-child(1):hover {
|
|
113
|
-
background-color: #e7f3fe;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.biz-attr-condition-group-handle {
|
|
117
|
-
margin-right: 0;
|
|
118
|
-
margin-left: 32px;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
.biz-attr-condition-group-container {
|
|
122
|
-
gap: 0px !important;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.biz-attr-condition-group-container-item {
|
|
126
|
-
max-width: calc(100% + 32px) !important;
|
|
127
|
-
margin-top: 4px;
|
|
128
|
-
padding: 4px 56px;
|
|
129
|
-
.ant-space-item {
|
|
130
|
-
width: auto;
|
|
131
|
-
max-width: auto;
|
|
132
|
-
margin-left: 0px;
|
|
133
|
-
padding: 0;
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
.ant-space-item:hover {
|
|
138
|
-
background-color: #e7f3fe;
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
.dimension-interval {
|
|
143
|
-
.ant-form-item-control-input {
|
|
144
|
-
padding: 4px 24px;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.ant-form-item-control-input:hover {
|
|
148
|
-
background-color: #e7f3fe;
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
.biz-event-select {
|
|
154
|
-
width: 208px;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
> .ant-form-item {
|
|
158
|
-
margin-bottom: 16px;
|
|
159
|
-
.biz-user-group-val {
|
|
160
|
-
color: #021429;
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
.associated {
|
|
165
|
-
margin-top: -10px;
|
|
166
|
-
margin-bottom: 12px;
|
|
167
|
-
|
|
168
|
-
.qingchu {
|
|
169
|
-
color: #9aa1a9;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.qingchu:hover {
|
|
173
|
-
color: @error-color;
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
.ant-form-item-control-input {
|
|
177
|
-
padding: 4px 24px;
|
|
178
|
-
|
|
179
|
-
.ant-form-item-control-input {
|
|
180
|
-
padding: 0;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
.ant-form-item {
|
|
184
|
-
margin-bottom: 0;
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
.ant-form-item-control-input:hover {
|
|
189
|
-
background-color: #e7f3fe;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
.associated-link {
|
|
193
|
-
display: block;
|
|
194
|
-
line-height: 32px;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
.ant-form-item-row {
|
|
198
|
-
flex-direction: inherit;
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
.ant-form-item-control-input-content {
|
|
202
|
-
display: flex;
|
|
203
|
-
gap: 12px;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
.associated-label {
|
|
207
|
-
color: var(--3, #5f6085);
|
|
208
|
-
font-weight: 400;
|
|
209
|
-
font-size: 14px;
|
|
210
|
-
font-family: PingFang SC;
|
|
211
|
-
font-style: normal;
|
|
212
|
-
line-height: 32px;
|
|
213
|
-
text-align: right;
|
|
214
|
-
}
|
|
215
|
-
.ant-form-item-explain-error {
|
|
216
|
-
margin-left: 0 !important;
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
}
|
|
1
|
+
@import '~@zgfe/business-lib/es/assets/styles/inner.less';
|
|
2
|
+
|
|
3
|
+
.top-panel-interval {
|
|
4
|
+
&-form-botton-box {
|
|
5
|
+
display: flex;
|
|
6
|
+
justify-content: flex-end;
|
|
7
|
+
margin-top: 24px;
|
|
8
|
+
margin-right: 24px;
|
|
9
|
+
|
|
10
|
+
> :nth-child(1) {
|
|
11
|
+
margin-right: 16px;
|
|
12
|
+
color: #fff;
|
|
13
|
+
background-color: #29bd52;
|
|
14
|
+
border-color: #29bd52;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&-label-hasIcon {
|
|
19
|
+
.bsicon {
|
|
20
|
+
cursor: pointer;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.panel-form-interval {
|
|
26
|
+
.ant-form-item-explain-error {
|
|
27
|
+
margin-left: 24px;
|
|
28
|
+
}
|
|
29
|
+
&-item {
|
|
30
|
+
.ant-form-item-label {
|
|
31
|
+
padding-left: 24px !important;
|
|
32
|
+
font-weight: 500;
|
|
33
|
+
}
|
|
34
|
+
.ant-form-item-control-input-content {
|
|
35
|
+
height: 40px;
|
|
36
|
+
padding: 0 24px !important;
|
|
37
|
+
line-height: 40px !important;
|
|
38
|
+
.biz-select-handle {
|
|
39
|
+
display: inline-block;
|
|
40
|
+
width: 208px;
|
|
41
|
+
}
|
|
42
|
+
span.ant-radio + * {
|
|
43
|
+
padding-right: 40px;
|
|
44
|
+
padding-left: 12px;
|
|
45
|
+
}
|
|
46
|
+
&:hover {
|
|
47
|
+
background-color: #e7f3fe;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
.interval-item {
|
|
52
|
+
margin-top: -2px;
|
|
53
|
+
.ant-space-vertical {
|
|
54
|
+
gap: 0px !important;
|
|
55
|
+
width: 100%;
|
|
56
|
+
.ant-space-item:nth-child(1) {
|
|
57
|
+
padding: 0 12px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.ant-space-item:nth-child(2) {
|
|
61
|
+
display: flex;
|
|
62
|
+
align-items: center;
|
|
63
|
+
height: 42px;
|
|
64
|
+
margin-top: 4px;
|
|
65
|
+
padding: 0 12px;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.ant-space-item:nth-child(2):hover {
|
|
69
|
+
background-color: #e7f3fe;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.biz-user-group-header {
|
|
75
|
+
padding: 0;
|
|
76
|
+
background-color: #fff;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.space-item {
|
|
80
|
+
.ant-space-item {
|
|
81
|
+
.biz-user-group {
|
|
82
|
+
width: 100%;
|
|
83
|
+
min-width: 208px;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.ant-space-horizontal .ant-space-item:nth-child(2) .tianjia {
|
|
88
|
+
display: none;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.collapseRefs {
|
|
93
|
+
.ant-form-item {
|
|
94
|
+
margin-bottom: 16px;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.ant-form-item-control-input {
|
|
98
|
+
display: flex;
|
|
99
|
+
align-items: center;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.ant-form-item-label {
|
|
103
|
+
padding-left: 24px;
|
|
104
|
+
font-weight: 500;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.interval-box {
|
|
108
|
+
> div:nth-child(1) {
|
|
109
|
+
padding: 4px 24px;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
> div:nth-child(1):hover {
|
|
113
|
+
background-color: #e7f3fe;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.biz-attr-condition-group-handle {
|
|
117
|
+
margin-right: 0;
|
|
118
|
+
margin-left: 32px;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.biz-attr-condition-group-container {
|
|
122
|
+
gap: 0px !important;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.biz-attr-condition-group-container-item {
|
|
126
|
+
max-width: calc(100% + 32px) !important;
|
|
127
|
+
margin-top: 4px;
|
|
128
|
+
padding: 4px 56px;
|
|
129
|
+
.ant-space-item {
|
|
130
|
+
width: auto;
|
|
131
|
+
max-width: auto;
|
|
132
|
+
margin-left: 0px;
|
|
133
|
+
padding: 0;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.ant-space-item:hover {
|
|
138
|
+
background-color: #e7f3fe;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.dimension-interval {
|
|
143
|
+
.ant-form-item-control-input {
|
|
144
|
+
padding: 4px 24px;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.ant-form-item-control-input:hover {
|
|
148
|
+
background-color: #e7f3fe;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.biz-event-select {
|
|
154
|
+
width: 208px;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
> .ant-form-item {
|
|
158
|
+
margin-bottom: 16px;
|
|
159
|
+
.biz-user-group-val {
|
|
160
|
+
color: #021429;
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.associated {
|
|
165
|
+
margin-top: -10px;
|
|
166
|
+
margin-bottom: 12px;
|
|
167
|
+
|
|
168
|
+
.qingchu {
|
|
169
|
+
color: #9aa1a9;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.qingchu:hover {
|
|
173
|
+
color: @error-color;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.ant-form-item-control-input {
|
|
177
|
+
padding: 4px 24px;
|
|
178
|
+
|
|
179
|
+
.ant-form-item-control-input {
|
|
180
|
+
padding: 0;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.ant-form-item {
|
|
184
|
+
margin-bottom: 0;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.ant-form-item-control-input:hover {
|
|
189
|
+
background-color: #e7f3fe;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.associated-link {
|
|
193
|
+
display: block;
|
|
194
|
+
line-height: 32px;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.ant-form-item-row {
|
|
198
|
+
flex-direction: inherit;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.ant-form-item-control-input-content {
|
|
202
|
+
display: flex;
|
|
203
|
+
gap: 12px;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.associated-label {
|
|
207
|
+
color: var(--3, #5f6085);
|
|
208
|
+
font-weight: 400;
|
|
209
|
+
font-size: 14px;
|
|
210
|
+
font-family: PingFang SC;
|
|
211
|
+
font-style: normal;
|
|
212
|
+
line-height: 32px;
|
|
213
|
+
text-align: right;
|
|
214
|
+
}
|
|
215
|
+
.ant-form-item-explain-error {
|
|
216
|
+
margin-left: 0 !important;
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zgfe/modules-interval",
|
|
3
|
-
"version": "1.0.23-zhongyuan.
|
|
3
|
+
"version": "1.0.23-zhongyuan.6",
|
|
4
4
|
"private": false,
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"typings": "dist/esm/index.d.ts",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"publishConfig": {
|
|
60
60
|
"access": "public"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "bb806dbd678d5618325894bef6883410867e0bb3",
|
|
63
63
|
"gitHooks": {
|
|
64
64
|
"pre-commit": "lint-staged"
|
|
65
65
|
}
|