evui 3.3.36 → 3.3.39
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/LICENSE +21 -21
- package/README.md +40 -40
- package/dist/evui.common.js +1907 -1832
- package/dist/evui.common.js.map +1 -1
- package/dist/evui.umd.js +1907 -1832
- 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/dist/img/{EVUI.7f3588fb.svg → EVUI.b82ee81a.svg} +292 -292
- package/dist/img/{icon_mysql.7ea26d5d.svg → icon_mysql.1085fdc9.svg} +78 -78
- package/dist/img/{icon_oracle.9009b108.svg → icon_oracle.0572d3ee.svg} +13 -13
- package/dist/img/{icon_postgresql.f8fffba9.svg → icon_postgresql.ee12bde8.svg} +58 -58
- package/package.json +61 -61
- package/src/common/emitter.js +20 -20
- package/src/common/utils.debounce.js +223 -223
- package/src/common/utils.js +134 -134
- package/src/common/utils.table.js +78 -78
- package/src/common/utils.throttle.js +83 -83
- package/src/common/utils.tree.js +18 -18
- package/src/components/button/Button.vue +198 -198
- package/src/components/button/index.js +7 -7
- package/src/components/buttonGroup/ButtonGroup.vue +11 -11
- package/src/components/buttonGroup/index.js +7 -7
- package/src/components/calendar/Calendar.vue +661 -661
- package/src/components/calendar/index.js +7 -7
- package/src/components/calendar/uses.js +1272 -1272
- package/src/components/chart/Chart.vue +189 -192
- package/src/components/chart/chart.core.js +870 -870
- package/src/components/chart/element/element.bar.js +524 -524
- package/src/components/chart/element/element.bar.time.js +156 -156
- package/src/components/chart/element/element.heatmap.js +533 -533
- package/src/components/chart/element/element.line.js +339 -339
- package/src/components/chart/element/element.pie.js +197 -197
- package/src/components/chart/element/element.scatter.js +184 -184
- package/src/components/chart/element/element.tip.js +550 -542
- package/src/components/chart/helpers/helpers.canvas.js +265 -265
- package/src/components/chart/helpers/helpers.constant.js +206 -206
- package/src/components/chart/helpers/helpers.util.js +346 -338
- package/src/components/chart/index.js +9 -9
- package/src/components/chart/model/index.js +4 -4
- package/src/components/chart/model/model.series.js +93 -93
- package/src/components/chart/model/model.store.js +977 -967
- package/src/components/chart/plugins/plugins.interaction.js +769 -769
- package/src/components/chart/plugins/plugins.legend.gradient.js +602 -602
- package/src/components/chart/plugins/plugins.legend.js +1155 -1151
- package/src/components/chart/plugins/plugins.pie.js +254 -254
- package/src/components/chart/plugins/plugins.title.js +56 -56
- package/src/components/chart/plugins/plugins.tooltip.js +692 -692
- package/src/components/chart/scale/scale.js +848 -848
- package/src/components/chart/scale/scale.linear.js +38 -38
- package/src/components/chart/scale/scale.logarithmic.js +128 -128
- package/src/components/chart/scale/scale.step.js +336 -336
- package/src/components/chart/scale/scale.time.category.js +277 -277
- package/src/components/chart/scale/scale.time.js +48 -48
- package/src/components/chart/style/chart.scss +312 -312
- package/src/components/chart/uses.js +264 -252
- package/src/components/checkbox/Checkbox.vue +200 -200
- package/src/components/checkbox/index.js +7 -7
- package/src/components/checkboxGroup/CheckboxGroup.vue +44 -44
- package/src/components/checkboxGroup/index.js +7 -7
- package/src/components/contextMenu/ContextMenu.vue +80 -80
- package/src/components/contextMenu/MenuList.vue +149 -149
- package/src/components/contextMenu/index.js +7 -7
- package/src/components/contextMenu/uses.js +203 -203
- package/src/components/datePicker/DatePicker.vue +437 -437
- package/src/components/datePicker/index.js +7 -7
- package/src/components/datePicker/uses.js +419 -419
- package/src/components/grid/Grid.vue +827 -827
- package/src/components/grid/grid.filter.window.vue +493 -493
- package/src/components/grid/grid.pagination.vue +75 -75
- package/src/components/grid/grid.summary.vue +265 -265
- package/src/components/grid/grid.toolbar.vue +26 -26
- package/src/components/grid/index.js +11 -11
- package/src/components/grid/style/grid.scss +263 -263
- package/src/components/grid/uses.js +1002 -1007
- package/src/components/icon/Icon.vue +49 -49
- package/src/components/icon/index.js +8 -8
- package/src/components/inputNumber/InputNumber.vue +212 -212
- package/src/components/inputNumber/index.js +7 -7
- package/src/components/inputNumber/uses.js +217 -217
- package/src/components/loading/Loading.vue +125 -125
- package/src/components/loading/index.js +7 -7
- package/src/components/menu/Menu.vue +68 -68
- package/src/components/menu/MenuItem.vue +187 -187
- package/src/components/menu/index.js +7 -7
- package/src/components/message/Message.vue +223 -223
- package/src/components/message/index.js +31 -31
- package/src/components/messageBox/MessageBox.vue +358 -358
- package/src/components/messageBox/index.js +22 -22
- package/src/components/notification/Notification.vue +316 -316
- package/src/components/notification/index.js +49 -49
- package/src/components/pagination/Pagination.vue +271 -271
- package/src/components/pagination/index.js +7 -7
- package/src/components/pagination/pageButton.vue +30 -30
- package/src/components/progress/Progress.vue +139 -139
- package/src/components/progress/index.js +7 -7
- package/src/components/radio/Radio.vue +159 -159
- package/src/components/radio/index.js +7 -7
- package/src/components/radioGroup/RadioGroup.vue +41 -41
- package/src/components/radioGroup/index.js +7 -7
- package/src/components/scheduler/Scheduler.vue +149 -149
- package/src/components/scheduler/index.js +7 -7
- package/src/components/scheduler/uses.js +183 -183
- package/src/components/select/Select.vue +440 -440
- package/src/components/select/index.js +7 -7
- package/src/components/select/uses.js +270 -270
- package/src/components/slider/Slider.vue +505 -505
- package/src/components/slider/index.js +7 -7
- package/src/components/slider/uses.js +390 -390
- package/src/components/tabPanel/TabPanel.vue +74 -74
- package/src/components/tabPanel/index.js +7 -7
- package/src/components/tabs/Tabs.vue +517 -517
- package/src/components/tabs/index.js +7 -7
- package/src/components/textField/TextField.vue +375 -375
- package/src/components/textField/index.js +7 -7
- package/src/components/timePicker/TimePicker.vue +352 -352
- package/src/components/timePicker/index.js +7 -7
- package/src/components/toggle/Toggle.vue +115 -115
- package/src/components/toggle/index.js +7 -7
- package/src/components/tree/Tree.vue +313 -313
- package/src/components/tree/TreeNode.vue +293 -293
- package/src/components/tree/index.js +7 -7
- package/src/components/treeGrid/TreeGrid.vue +758 -758
- package/src/components/treeGrid/TreeGridNode.vue +275 -275
- package/src/components/treeGrid/index.js +9 -9
- package/src/components/treeGrid/style/treeGrid.scss +261 -261
- package/src/components/treeGrid/treeGrid.toolbar.vue +26 -26
- package/src/components/treeGrid/uses.js +867 -867
- package/src/components/window/Window.vue +329 -329
- package/src/components/window/index.js +7 -7
- package/src/components/window/uses.js +899 -899
- package/src/directives/clickoutside.js +90 -90
- package/src/main.js +116 -116
- package/src/style/components/input.scss +108 -108
- package/src/style/functions.scss +3 -3
- package/src/style/index.scss +6 -6
- package/src/style/lib/fonts/EVUI.svg +292 -292
- package/src/style/lib/icon.css +888 -888
- package/src/style/mixins.scss +94 -94
- package/src/style/themes.scss +67 -67
- package/src/style/variables.scss +22 -22
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import Scale from './scale';
|
|
2
|
-
import Util from '../helpers/helpers.util';
|
|
3
|
-
|
|
4
|
-
class LinearScale extends Scale {
|
|
5
|
-
/**
|
|
6
|
-
* Transforming label by designated format
|
|
7
|
-
* @param {number} value label value
|
|
8
|
-
*
|
|
9
|
-
* @returns {string} formatted label
|
|
10
|
-
*/
|
|
11
|
-
getLabelFormat(value) {
|
|
12
|
-
if (this.formatter) {
|
|
13
|
-
const formattedLabel = this.formatter(value);
|
|
14
|
-
|
|
15
|
-
if (typeof formattedLabel === 'string') {
|
|
16
|
-
return formattedLabel;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
return Util.labelSignFormat(value, this.decimalPoint);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* Calculate interval
|
|
25
|
-
* @param {object} range range information
|
|
26
|
-
*
|
|
27
|
-
* @returns {number} interval
|
|
28
|
-
*/
|
|
29
|
-
getInterval(range) {
|
|
30
|
-
const max = range.maxValue;
|
|
31
|
-
const min = range.minValue;
|
|
32
|
-
const step = range.maxSteps;
|
|
33
|
-
|
|
34
|
-
return this.interval ? this.interval : Math.ceil((max - min) / step);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
export default LinearScale;
|
|
1
|
+
import Scale from './scale';
|
|
2
|
+
import Util from '../helpers/helpers.util';
|
|
3
|
+
|
|
4
|
+
class LinearScale extends Scale {
|
|
5
|
+
/**
|
|
6
|
+
* Transforming label by designated format
|
|
7
|
+
* @param {number} value label value
|
|
8
|
+
*
|
|
9
|
+
* @returns {string} formatted label
|
|
10
|
+
*/
|
|
11
|
+
getLabelFormat(value) {
|
|
12
|
+
if (this.formatter) {
|
|
13
|
+
const formattedLabel = this.formatter(value);
|
|
14
|
+
|
|
15
|
+
if (typeof formattedLabel === 'string') {
|
|
16
|
+
return formattedLabel;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
return Util.labelSignFormat(value, this.decimalPoint);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Calculate interval
|
|
25
|
+
* @param {object} range range information
|
|
26
|
+
*
|
|
27
|
+
* @returns {number} interval
|
|
28
|
+
*/
|
|
29
|
+
getInterval(range) {
|
|
30
|
+
const max = range.maxValue;
|
|
31
|
+
const min = range.minValue;
|
|
32
|
+
const step = range.maxSteps;
|
|
33
|
+
|
|
34
|
+
return this.interval ? this.interval : Math.ceil((max - min) / step);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export default LinearScale;
|
|
@@ -1,128 +1,128 @@
|
|
|
1
|
-
import Scale from './scale';
|
|
2
|
-
import Util from '../helpers/helpers.util';
|
|
3
|
-
|
|
4
|
-
class LogarithmicScale extends Scale {
|
|
5
|
-
/**
|
|
6
|
-
* Calculate min/max value, label and size information for logarithmic scale
|
|
7
|
-
* @param {object} minMax min/max information
|
|
8
|
-
*
|
|
9
|
-
* @returns {object} min/max value and label
|
|
10
|
-
*/
|
|
11
|
-
calculateScaleRange(minMax) {
|
|
12
|
-
let maxValue;
|
|
13
|
-
let minValue;
|
|
14
|
-
if (this.range && this.range.length === 2) {
|
|
15
|
-
maxValue = this.range[1];
|
|
16
|
-
minValue = this.range[0];
|
|
17
|
-
} else {
|
|
18
|
-
maxValue = minMax.max;
|
|
19
|
-
minValue = minMax.min;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
const rangeMagnitude = Util.calculateMagnitude(maxValue - minValue);
|
|
23
|
-
maxValue = Math.ceil(maxValue / (10 ** rangeMagnitude)) * (10 ** rangeMagnitude);
|
|
24
|
-
|
|
25
|
-
if (this.startToZero) {
|
|
26
|
-
minValue = 0;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
if (maxValue === minValue) {
|
|
30
|
-
maxValue += 1;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
const minLabel = this.getLabelFormat(minValue);
|
|
34
|
-
const maxLabel = this.getLabelFormat(maxValue);
|
|
35
|
-
|
|
36
|
-
return {
|
|
37
|
-
min: minValue,
|
|
38
|
-
max: maxValue,
|
|
39
|
-
minLabel,
|
|
40
|
-
maxLabel,
|
|
41
|
-
size: Util.calcTextSize(maxLabel, Util.getLabelStyle(this.labelStyle)),
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
/**
|
|
46
|
-
* With range information, calculate how many labels in axis
|
|
47
|
-
* @param {object} range min/max information
|
|
48
|
-
* @param {boolean} skipFitting determines if label skipping job.
|
|
49
|
-
*
|
|
50
|
-
* @returns {object} steps, interval, min/max graph value
|
|
51
|
-
*/
|
|
52
|
-
calculateSteps(range, skipFitting) {
|
|
53
|
-
const maxValue = range.maxValue;
|
|
54
|
-
const minValue = range.minValue;
|
|
55
|
-
const maxSteps = range.maxSteps;
|
|
56
|
-
const rangeMagnitude = Util.calculateMagnitude(maxValue - minValue);
|
|
57
|
-
|
|
58
|
-
let interval = this.getInterval(range);
|
|
59
|
-
let numberOfSteps;
|
|
60
|
-
|
|
61
|
-
const graphMax = maxValue;
|
|
62
|
-
const graphMin = minValue;
|
|
63
|
-
const graphRange = graphMax - graphMin;
|
|
64
|
-
|
|
65
|
-
numberOfSteps = Math.round(graphRange / interval);
|
|
66
|
-
|
|
67
|
-
if (maxValue === 1) {
|
|
68
|
-
interval = 0.2;
|
|
69
|
-
numberOfSteps = 5;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
while ((numberOfSteps > maxSteps || (numberOfSteps * 2) < maxSteps) && !skipFitting) {
|
|
73
|
-
if (numberOfSteps > maxSteps) {
|
|
74
|
-
interval *= 2;
|
|
75
|
-
numberOfSteps = Math.ceil(graphRange / interval);
|
|
76
|
-
} else if (rangeMagnitude >= 0) {
|
|
77
|
-
if ((interval / 2) % 1 === 0) {
|
|
78
|
-
interval /= 2;
|
|
79
|
-
numberOfSteps = Math.ceil(graphRange / interval);
|
|
80
|
-
} else {
|
|
81
|
-
break;
|
|
82
|
-
}
|
|
83
|
-
} else {
|
|
84
|
-
interval /= 2;
|
|
85
|
-
numberOfSteps = Math.ceil(graphRange / interval);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
return {
|
|
90
|
-
steps: numberOfSteps,
|
|
91
|
-
interval,
|
|
92
|
-
graphMin,
|
|
93
|
-
graphMax: Math.ceil(graphMin + (numberOfSteps * interval)),
|
|
94
|
-
};
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
/**
|
|
98
|
-
* Transforming label by designated format
|
|
99
|
-
* @param {any} value label value
|
|
100
|
-
*
|
|
101
|
-
* @returns {string} formatted label
|
|
102
|
-
*/
|
|
103
|
-
getLabelFormat(value) {
|
|
104
|
-
if (this.formatter) {
|
|
105
|
-
const formattedLabel = this.formatter(value);
|
|
106
|
-
|
|
107
|
-
if (typeof formattedLabel === 'string') {
|
|
108
|
-
return formattedLabel;
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
return Util.labelSignFormat(value, this.decimalPoint);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
/**
|
|
116
|
-
* Calculate interval
|
|
117
|
-
* @param {object} range range information
|
|
118
|
-
*
|
|
119
|
-
* @returns {number} interval
|
|
120
|
-
*/
|
|
121
|
-
getInterval(range) {
|
|
122
|
-
const max = range.maxValue;
|
|
123
|
-
const min = range.minValue;
|
|
124
|
-
return 10 ** Util.calculateMagnitude(max - min);
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
export default LogarithmicScale;
|
|
1
|
+
import Scale from './scale';
|
|
2
|
+
import Util from '../helpers/helpers.util';
|
|
3
|
+
|
|
4
|
+
class LogarithmicScale extends Scale {
|
|
5
|
+
/**
|
|
6
|
+
* Calculate min/max value, label and size information for logarithmic scale
|
|
7
|
+
* @param {object} minMax min/max information
|
|
8
|
+
*
|
|
9
|
+
* @returns {object} min/max value and label
|
|
10
|
+
*/
|
|
11
|
+
calculateScaleRange(minMax) {
|
|
12
|
+
let maxValue;
|
|
13
|
+
let minValue;
|
|
14
|
+
if (this.range && this.range.length === 2) {
|
|
15
|
+
maxValue = this.range[1];
|
|
16
|
+
minValue = this.range[0];
|
|
17
|
+
} else {
|
|
18
|
+
maxValue = minMax.max;
|
|
19
|
+
minValue = minMax.min;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
const rangeMagnitude = Util.calculateMagnitude(maxValue - minValue);
|
|
23
|
+
maxValue = Math.ceil(maxValue / (10 ** rangeMagnitude)) * (10 ** rangeMagnitude);
|
|
24
|
+
|
|
25
|
+
if (this.startToZero) {
|
|
26
|
+
minValue = 0;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
if (maxValue === minValue) {
|
|
30
|
+
maxValue += 1;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
const minLabel = this.getLabelFormat(minValue);
|
|
34
|
+
const maxLabel = this.getLabelFormat(maxValue);
|
|
35
|
+
|
|
36
|
+
return {
|
|
37
|
+
min: minValue,
|
|
38
|
+
max: maxValue,
|
|
39
|
+
minLabel,
|
|
40
|
+
maxLabel,
|
|
41
|
+
size: Util.calcTextSize(maxLabel, Util.getLabelStyle(this.labelStyle)),
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* With range information, calculate how many labels in axis
|
|
47
|
+
* @param {object} range min/max information
|
|
48
|
+
* @param {boolean} skipFitting determines if label skipping job.
|
|
49
|
+
*
|
|
50
|
+
* @returns {object} steps, interval, min/max graph value
|
|
51
|
+
*/
|
|
52
|
+
calculateSteps(range, skipFitting) {
|
|
53
|
+
const maxValue = range.maxValue;
|
|
54
|
+
const minValue = range.minValue;
|
|
55
|
+
const maxSteps = range.maxSteps;
|
|
56
|
+
const rangeMagnitude = Util.calculateMagnitude(maxValue - minValue);
|
|
57
|
+
|
|
58
|
+
let interval = this.getInterval(range);
|
|
59
|
+
let numberOfSteps;
|
|
60
|
+
|
|
61
|
+
const graphMax = maxValue;
|
|
62
|
+
const graphMin = minValue;
|
|
63
|
+
const graphRange = graphMax - graphMin;
|
|
64
|
+
|
|
65
|
+
numberOfSteps = Math.round(graphRange / interval);
|
|
66
|
+
|
|
67
|
+
if (maxValue === 1) {
|
|
68
|
+
interval = 0.2;
|
|
69
|
+
numberOfSteps = 5;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
while ((numberOfSteps > maxSteps || (numberOfSteps * 2) < maxSteps) && !skipFitting) {
|
|
73
|
+
if (numberOfSteps > maxSteps) {
|
|
74
|
+
interval *= 2;
|
|
75
|
+
numberOfSteps = Math.ceil(graphRange / interval);
|
|
76
|
+
} else if (rangeMagnitude >= 0) {
|
|
77
|
+
if ((interval / 2) % 1 === 0) {
|
|
78
|
+
interval /= 2;
|
|
79
|
+
numberOfSteps = Math.ceil(graphRange / interval);
|
|
80
|
+
} else {
|
|
81
|
+
break;
|
|
82
|
+
}
|
|
83
|
+
} else {
|
|
84
|
+
interval /= 2;
|
|
85
|
+
numberOfSteps = Math.ceil(graphRange / interval);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
return {
|
|
90
|
+
steps: numberOfSteps,
|
|
91
|
+
interval,
|
|
92
|
+
graphMin,
|
|
93
|
+
graphMax: Math.ceil(graphMin + (numberOfSteps * interval)),
|
|
94
|
+
};
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
/**
|
|
98
|
+
* Transforming label by designated format
|
|
99
|
+
* @param {any} value label value
|
|
100
|
+
*
|
|
101
|
+
* @returns {string} formatted label
|
|
102
|
+
*/
|
|
103
|
+
getLabelFormat(value) {
|
|
104
|
+
if (this.formatter) {
|
|
105
|
+
const formattedLabel = this.formatter(value);
|
|
106
|
+
|
|
107
|
+
if (typeof formattedLabel === 'string') {
|
|
108
|
+
return formattedLabel;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
return Util.labelSignFormat(value, this.decimalPoint);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
/**
|
|
116
|
+
* Calculate interval
|
|
117
|
+
* @param {object} range range information
|
|
118
|
+
*
|
|
119
|
+
* @returns {number} interval
|
|
120
|
+
*/
|
|
121
|
+
getInterval(range) {
|
|
122
|
+
const max = range.maxValue;
|
|
123
|
+
const min = range.minValue;
|
|
124
|
+
return 10 ** Util.calculateMagnitude(max - min);
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
export default LogarithmicScale;
|