iep-ui 1.4.27 → 1.4.28

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.
@@ -46,7 +46,8 @@ export default {
46
46
  textColor: PropTypes.string,
47
47
  chartType: PropTypes.oneOf(['bar', 'line']),
48
48
  isInteraction: PropTypes.bool.def(false), // 联动图
49
- isExpand: PropTypes.bool.def(false) // 展开图
49
+ isExpand: PropTypes.bool.def(false), // 展开图
50
+ newStandard: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).def(true) // 是否是新标
50
51
  },
51
52
  data: function data() {
52
53
  return {
@@ -151,6 +152,7 @@ export default {
151
152
  window.addEventListener('resize', this.handleWindowResize);
152
153
  // this.$el.onclick =() => this.params6NameTooltipShow = false;
153
154
  this.watchData = this.$watch('chartOptions', function (e) {
155
+ console.log(2222);
154
156
  if (!isEmpty(e.axis) && !isEmpty(e.time) && !isEmpty(e.data)) {
155
157
  if (_this2.chart) {
156
158
  _this2.chart.clear();
@@ -1029,7 +1031,7 @@ export default {
1029
1031
  color: function color(params) {
1030
1032
  var v = params.value;
1031
1033
  var t = params.seriesName;
1032
- return _this4.ignoreTag.includes(t) || t === 'windDirection' || t === 'weather' ? 'transparent' : _this4.mode === 'air' ? _this4.airToColor(v, t, moment(params.name).format('x')) : _this4.waterToColor(v, t);
1034
+ return _this4.ignoreTag.includes(t) || t === 'windDirection' || t === 'weather' ? 'transparent' : _this4.mode === 'air' ? _this4.airToColor(v, t, _this4.newStandard) : _this4.waterToColor(v, t);
1033
1035
  }
1034
1036
  }
1035
1037
  },
@@ -1327,5 +1329,13 @@ export default {
1327
1329
  },
1328
1330
  [this.isEmpty(this.chartOptions.data) ? this.$slots.empty ? this.$slots.empty : h('empty', { props: emptyProps }) : [buttonsNodes, chartNodes]]
1329
1331
  );
1332
+ },
1333
+
1334
+ watch: {
1335
+ newStandard: {
1336
+ handler: function handler() {
1337
+ this.renderChartView();
1338
+ }
1339
+ }
1330
1340
  }
1331
1341
  };
@@ -34,7 +34,8 @@ export default {
34
34
  factor: PropTypes.string,
35
35
  factorList: PropTypes.array.def([]), // zxw新加 因子列表
36
36
  mode: PropTypes.string.def('air'),
37
- type: PropTypes.string.def('hour') //默认是小时对应的色值 传 day 是去24小时数据色值
37
+ type: PropTypes.string.def('hour'), //默认是小时对应的色值 传 day 是去24小时数据色值
38
+ newStandard: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).def(true) // 是否是新标
38
39
  },
39
40
  inject: {
40
41
  configProvider: { 'default': function _default() {
@@ -69,12 +70,14 @@ export default {
69
70
  var _$props = this.$props,
70
71
  year = _$props.year,
71
72
  data = _$props.data,
72
- factor = _$props.factor;
73
+ factor = _$props.factor,
74
+ newStandard = _$props.newStandard;
73
75
 
74
76
  return {
75
77
  year: year,
76
78
  data: data,
77
- factor: factor
79
+ factor: factor,
80
+ newStandard: newStandard
78
81
  };
79
82
  }
80
83
  },
@@ -135,7 +138,8 @@ export default {
135
138
  var _$props2 = this.$props,
136
139
  factor = _$props2.factor,
137
140
  year = _$props2.year,
138
- mode = _$props2.mode;
141
+ mode = _$props2.mode,
142
+ newStandard = _$props2.newStandard;
139
143
 
140
144
  var structureData = groupBy(e, function (item) {
141
145
  return Moment(item.time).format('M');
@@ -146,7 +150,7 @@ export default {
146
150
  monthsData[item[0]] = item[1].map(function (f) {
147
151
  if (f.hasOwnProperty('time')) {
148
152
  if (parseInt(moment(f.time).format('YYYY')) === year) {
149
- return (mode === 'air' ? _this3.formatValueToColor(f[factor], factor, moment(f.time).format('x')) : toolkits.waterLevel.formatWaterValueToColor(f[factor], factor)).replace('#', '');
153
+ return (mode === 'air' ? _this3.formatValueToColor(f[factor], factor, newStandard) : toolkits.waterLevel.formatWaterValueToColor(f[factor], factor)).replace('#', '');
150
154
  } else {
151
155
  return '#8a97a0';
152
156
  }
@@ -193,7 +197,8 @@ export default {
193
197
  formatData = this.formatData,
194
198
  factorLists = this.factorLists;
195
199
  var type = $props.type,
196
- mode = $props.mode;
200
+ mode = $props.mode,
201
+ newStandard = $props.newStandard;
197
202
 
198
203
  var factor = $props.factor || factorLists[0];
199
204
  var getPrefixCls = this.configProvider.getPrefixCls;
@@ -215,8 +220,8 @@ export default {
215
220
  {
216
221
  'class': prefixCls + '-left-item-cell',
217
222
  style: {
218
- '--bg-color': timeDiff(e.date) ? mode === 'air' ? toolkits.pollutionFactors.formatValueToColor(formatData[e.timestamp][factor], factor, e.timestamp) : toolkits.waterLevel.formatWaterValueToColor(formatData[e.timestamp][factor], factor) : 'rgba(157, 171, 198, 0.25)',
219
- '--text-color': timeDiff(e.date) ? toolkits.pollutionFactors.formatValueToFontColor(formatData[e.timestamp][factor], factor, e.timestamp) : '#8a97a0'
223
+ '--bg-color': timeDiff(e.date) ? mode === 'air' ? toolkits.pollutionFactors.formatValueToColor(formatData[e.timestamp][factor], factor, newStandard) : toolkits.waterLevel.formatWaterValueToColor(formatData[e.timestamp][factor], factor) : 'rgba(157, 171, 198, 0.25)',
224
+ '--text-color': timeDiff(e.date) ? toolkits.pollutionFactors.formatValueToFontColor(formatData[e.timestamp][factor], factor, newStandard) : '#8a97a0'
220
225
  }
221
226
  },
222
227
  [e.d]
@@ -3605,12 +3605,14 @@ export var factorDict = {
3605
3605
  /**
3606
3606
  * 将污染因子值转化为对应颜色
3607
3607
  */
3608
- export var formatValueToColor = function formatValueToColor(v, t, timestamp) {
3608
+ export var formatValueToColor = function formatValueToColor(v, t) {
3609
+ var isNew = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
3610
+
3609
3611
  if (t === 'windDirection') return '#333';
3610
3612
  if (v == null) return '#8a97a0';
3611
3613
  if (isEmpty(v.toString())) return '#8a97a0';
3612
- // 在2026-03-01 00:00:00之后的用新的规则
3613
- if (timestamp && timestamp >= 1772294400000 || !timestamp) {
3614
+ // 新规则
3615
+ if (isNew === true || isNew === 'true' || isNew === undefined) {
3614
3616
  if (t === 'pm25') {
3615
3617
  t = 'pm25-new';
3616
3618
  }
@@ -3639,10 +3641,10 @@ export var formatValueToColor = function formatValueToColor(v, t, timestamp) {
3639
3641
  /**
3640
3642
  * 将污染因子值背景转化为对应字体的颜色
3641
3643
  */
3642
- export var formatValueToFontColor = function formatValueToFontColor(v, t, timestamp) {
3644
+ export var formatValueToFontColor = function formatValueToFontColor(v, t, isNew) {
3643
3645
  var colorForFont = factorDict.colorForFont;
3644
3646
 
3645
- return colorForFont[formatValueToColor(v, t.toLowerCase(), timestamp)];
3647
+ return colorForFont[formatValueToColor(v, t.toLowerCase(), isNew)];
3646
3648
  };
3647
3649
 
3648
3650
  /**
@@ -93,7 +93,8 @@ exports['default'] = {
93
93
  textColor: _vueTypes2['default'].string,
94
94
  chartType: _vueTypes2['default'].oneOf(['bar', 'line']),
95
95
  isInteraction: _vueTypes2['default'].bool.def(false), // 联动图
96
- isExpand: _vueTypes2['default'].bool.def(false) // 展开图
96
+ isExpand: _vueTypes2['default'].bool.def(false), // 展开图
97
+ newStandard: _vueTypes2['default'].oneOfType([_vueTypes2['default'].bool, _vueTypes2['default'].string]).def(true) // 是否是新标
97
98
  },
98
99
  data: function data() {
99
100
  return {
@@ -198,6 +199,7 @@ exports['default'] = {
198
199
  window.addEventListener('resize', this.handleWindowResize);
199
200
  // this.$el.onclick =() => this.params6NameTooltipShow = false;
200
201
  this.watchData = this.$watch('chartOptions', function (e) {
202
+ console.log(2222);
201
203
  if (!(0, _isEmpty2['default'])(e.axis) && !(0, _isEmpty2['default'])(e.time) && !(0, _isEmpty2['default'])(e.data)) {
202
204
  if (_this2.chart) {
203
205
  _this2.chart.clear();
@@ -1076,7 +1078,7 @@ exports['default'] = {
1076
1078
  color: function color(params) {
1077
1079
  var v = params.value;
1078
1080
  var t = params.seriesName;
1079
- return _this4.ignoreTag.includes(t) || t === 'windDirection' || t === 'weather' ? 'transparent' : _this4.mode === 'air' ? _this4.airToColor(v, t, (0, _moment2['default'])(params.name).format('x')) : _this4.waterToColor(v, t);
1081
+ return _this4.ignoreTag.includes(t) || t === 'windDirection' || t === 'weather' ? 'transparent' : _this4.mode === 'air' ? _this4.airToColor(v, t, _this4.newStandard) : _this4.waterToColor(v, t);
1080
1082
  }
1081
1083
  }
1082
1084
  },
@@ -1374,5 +1376,13 @@ exports['default'] = {
1374
1376
  },
1375
1377
  [this.isEmpty(this.chartOptions.data) ? this.$slots.empty ? this.$slots.empty : h('empty', { props: emptyProps }) : [buttonsNodes, chartNodes]]
1376
1378
  );
1379
+ },
1380
+
1381
+ watch: {
1382
+ newStandard: {
1383
+ handler: function handler() {
1384
+ this.renderChartView();
1385
+ }
1386
+ }
1377
1387
  }
1378
1388
  };
@@ -65,7 +65,8 @@ exports['default'] = {
65
65
  factor: _vueTypes2['default'].string,
66
66
  factorList: _vueTypes2['default'].array.def([]), // zxw新加 因子列表
67
67
  mode: _vueTypes2['default'].string.def('air'),
68
- type: _vueTypes2['default'].string.def('hour') //默认是小时对应的色值 传 day 是去24小时数据色值
68
+ type: _vueTypes2['default'].string.def('hour'), //默认是小时对应的色值 传 day 是去24小时数据色值
69
+ newStandard: _vueTypes2['default'].oneOfType([_vueTypes2['default'].bool, _vueTypes2['default'].string]).def(true) // 是否是新标
69
70
  },
70
71
  inject: {
71
72
  configProvider: { 'default': function _default() {
@@ -100,12 +101,14 @@ exports['default'] = {
100
101
  var _$props = this.$props,
101
102
  year = _$props.year,
102
103
  data = _$props.data,
103
- factor = _$props.factor;
104
+ factor = _$props.factor,
105
+ newStandard = _$props.newStandard;
104
106
 
105
107
  return {
106
108
  year: year,
107
109
  data: data,
108
- factor: factor
110
+ factor: factor,
111
+ newStandard: newStandard
109
112
  };
110
113
  }
111
114
  },
@@ -166,7 +169,8 @@ exports['default'] = {
166
169
  var _$props2 = this.$props,
167
170
  factor = _$props2.factor,
168
171
  year = _$props2.year,
169
- mode = _$props2.mode;
172
+ mode = _$props2.mode,
173
+ newStandard = _$props2.newStandard;
170
174
 
171
175
  var structureData = (0, _lodash.groupBy)(e, function (item) {
172
176
  return (0, _moment2['default'])(item.time).format('M');
@@ -177,7 +181,7 @@ exports['default'] = {
177
181
  monthsData[item[0]] = item[1].map(function (f) {
178
182
  if (f.hasOwnProperty('time')) {
179
183
  if (parseInt(moment(f.time).format('YYYY')) === year) {
180
- return (mode === 'air' ? _this3.formatValueToColor(f[factor], factor, moment(f.time).format('x')) : _toolkits2['default'].waterLevel.formatWaterValueToColor(f[factor], factor)).replace('#', '');
184
+ return (mode === 'air' ? _this3.formatValueToColor(f[factor], factor, newStandard) : _toolkits2['default'].waterLevel.formatWaterValueToColor(f[factor], factor)).replace('#', '');
181
185
  } else {
182
186
  return '#8a97a0';
183
187
  }
@@ -224,7 +228,8 @@ exports['default'] = {
224
228
  formatData = this.formatData,
225
229
  factorLists = this.factorLists;
226
230
  var type = $props.type,
227
- mode = $props.mode;
231
+ mode = $props.mode,
232
+ newStandard = $props.newStandard;
228
233
 
229
234
  var factor = $props.factor || factorLists[0];
230
235
  var getPrefixCls = this.configProvider.getPrefixCls;
@@ -246,8 +251,8 @@ exports['default'] = {
246
251
  {
247
252
  'class': prefixCls + '-left-item-cell',
248
253
  style: {
249
- '--bg-color': timeDiff(e.date) ? mode === 'air' ? _toolkits2['default'].pollutionFactors.formatValueToColor(formatData[e.timestamp][factor], factor, e.timestamp) : _toolkits2['default'].waterLevel.formatWaterValueToColor(formatData[e.timestamp][factor], factor) : 'rgba(157, 171, 198, 0.25)',
250
- '--text-color': timeDiff(e.date) ? _toolkits2['default'].pollutionFactors.formatValueToFontColor(formatData[e.timestamp][factor], factor, e.timestamp) : '#8a97a0'
254
+ '--bg-color': timeDiff(e.date) ? mode === 'air' ? _toolkits2['default'].pollutionFactors.formatValueToColor(formatData[e.timestamp][factor], factor, newStandard) : _toolkits2['default'].waterLevel.formatWaterValueToColor(formatData[e.timestamp][factor], factor) : 'rgba(157, 171, 198, 0.25)',
255
+ '--text-color': timeDiff(e.date) ? _toolkits2['default'].pollutionFactors.formatValueToFontColor(formatData[e.timestamp][factor], factor, newStandard) : '#8a97a0'
251
256
  }
252
257
  },
253
258
  [e.d]
@@ -3619,12 +3619,14 @@ var factorDict = exports.factorDict = {
3619
3619
  /**
3620
3620
  * 将污染因子值转化为对应颜色
3621
3621
  */
3622
- var formatValueToColor = exports.formatValueToColor = function formatValueToColor(v, t, timestamp) {
3622
+ var formatValueToColor = exports.formatValueToColor = function formatValueToColor(v, t) {
3623
+ var isNew = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
3624
+
3623
3625
  if (t === 'windDirection') return '#333';
3624
3626
  if (v == null) return '#8a97a0';
3625
3627
  if ((0, _lodash.isEmpty)(v.toString())) return '#8a97a0';
3626
- // 在2026-03-01 00:00:00之后的用新的规则
3627
- if (timestamp && timestamp >= 1772294400000 || !timestamp) {
3628
+ // 新规则
3629
+ if (isNew === true || isNew === 'true' || isNew === undefined) {
3628
3630
  if (t === 'pm25') {
3629
3631
  t = 'pm25-new';
3630
3632
  }
@@ -3653,10 +3655,10 @@ var formatValueToColor = exports.formatValueToColor = function formatValueToColo
3653
3655
  /**
3654
3656
  * 将污染因子值背景转化为对应字体的颜色
3655
3657
  */
3656
- var formatValueToFontColor = exports.formatValueToFontColor = function formatValueToFontColor(v, t, timestamp) {
3658
+ var formatValueToFontColor = exports.formatValueToFontColor = function formatValueToFontColor(v, t, isNew) {
3657
3659
  var colorForFont = factorDict.colorForFont;
3658
3660
 
3659
- return colorForFont[formatValueToColor(v, t.toLowerCase(), timestamp)];
3661
+ return colorForFont[formatValueToColor(v, t.toLowerCase(), isNew)];
3660
3662
  };
3661
3663
 
3662
3664
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "iep-ui",
3
- "version": "1.4.27",
3
+ "version": "1.4.28",
4
4
  "title": "Iep UI",
5
5
  "description": "An enterprise-class UI design language and Vue-based implementation",
6
6
  "keywords": [