evui 3.4.20 → 3.4.21
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/evui.common.js +152 -148
- package/dist/evui.common.js.map +1 -1
- package/dist/evui.umd.js +152 -148
- package/dist/evui.umd.js.map +1 -1
- package/dist/evui.umd.min.js +1 -1
- package/dist/evui.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/Button.vue +0 -3
- package/src/components/chart/element/element.line.js +21 -5
- package/src/components/grid/Grid.vue +1 -0
- package/src/components/icon/Icon.vue +0 -1
package/package.json
CHANGED
|
@@ -34,7 +34,6 @@ export default {
|
|
|
34
34
|
type: {
|
|
35
35
|
type: String,
|
|
36
36
|
default: 'default',
|
|
37
|
-
validator: val => ['default', 'primary', 'info', 'warning', 'error', 'ghost', 'dashed', 'text'].includes(val),
|
|
38
37
|
},
|
|
39
38
|
htmlType: {
|
|
40
39
|
type: String,
|
|
@@ -44,12 +43,10 @@ export default {
|
|
|
44
43
|
shape: {
|
|
45
44
|
type: String,
|
|
46
45
|
default: 'square',
|
|
47
|
-
validator: val => ['square', 'radius', 'circle'].includes(val),
|
|
48
46
|
},
|
|
49
47
|
size: {
|
|
50
48
|
type: String,
|
|
51
49
|
default: 'medium',
|
|
52
|
-
validator: val => ['small', 'medium', 'large'].includes(val),
|
|
53
50
|
},
|
|
54
51
|
},
|
|
55
52
|
emits: {
|
|
@@ -85,10 +85,6 @@ class Line {
|
|
|
85
85
|
ctx.lineWidth = lineWidth;
|
|
86
86
|
ctx.strokeStyle = Util.colorStringToRgba(mainColor, mainColorOpacity);
|
|
87
87
|
|
|
88
|
-
if (this.fill) {
|
|
89
|
-
ctx.fillStyle = Util.colorStringToRgba(mainColor, fillOpacity);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
88
|
let startFillIndex = 0;
|
|
93
89
|
const endPoint = chartRect.y2 - labelOffset.bottom;
|
|
94
90
|
|
|
@@ -146,7 +142,27 @@ class Line {
|
|
|
146
142
|
if (this.fill && this.data.length) {
|
|
147
143
|
ctx.beginPath();
|
|
148
144
|
|
|
149
|
-
|
|
145
|
+
const fillColor = Util.colorStringToRgba(mainColor, fillOpacity);
|
|
146
|
+
|
|
147
|
+
if (this.fill?.gradient) {
|
|
148
|
+
let maxValueYPos = this.data[0].yp;
|
|
149
|
+
let minValueYBottomPos = this.data[0].y;
|
|
150
|
+
this.data.forEach((data) => {
|
|
151
|
+
if (data.yp && data.yp <= maxValueYPos) {
|
|
152
|
+
maxValueYPos = data.yp;
|
|
153
|
+
} else if (data.y && data.y >= minValueYBottomPos) {
|
|
154
|
+
minValueYBottomPos = data.y;
|
|
155
|
+
}
|
|
156
|
+
});
|
|
157
|
+
const gradient = ctx.createLinearGradient(0, chartRect.y2, 0, maxValueYPos);
|
|
158
|
+
gradient.addColorStop(0, fillColor);
|
|
159
|
+
gradient.addColorStop(0.5, fillColor);
|
|
160
|
+
gradient.addColorStop(1, (extent.opacity < 1 ? fillColor : mainColor));
|
|
161
|
+
|
|
162
|
+
ctx.fillStyle = gradient;
|
|
163
|
+
} else {
|
|
164
|
+
ctx.fillStyle = fillColor;
|
|
165
|
+
}
|
|
150
166
|
|
|
151
167
|
this.data.forEach((currData, ix) => {
|
|
152
168
|
const isEmptyPoint = data => data?.x === null || data?.y === null
|
|
@@ -881,6 +881,7 @@ export default {
|
|
|
881
881
|
contextInfo.menu?.hide(e);
|
|
882
882
|
}
|
|
883
883
|
if (e.type === 'scroll' && !e.target.classList?.contains('table-body')
|
|
884
|
+
&& !e.target.offsetParent?.classList?.contains('ev-select-dropbox')
|
|
884
885
|
&& !e.target.offsetParent?.classList?.contains('ev-grid-column-setting')
|
|
885
886
|
&& !e.target.offsetParent?.classList?.contains('ev-text-field-wrapper')) {
|
|
886
887
|
contextInfo.columnMenu?.hide(e);
|