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.
Files changed (141) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +40 -40
  3. package/dist/evui.common.js +1907 -1832
  4. package/dist/evui.common.js.map +1 -1
  5. package/dist/evui.umd.js +1907 -1832
  6. package/dist/evui.umd.js.map +1 -1
  7. package/dist/evui.umd.min.js +1 -1
  8. package/dist/evui.umd.min.js.map +1 -1
  9. package/dist/img/{EVUI.7f3588fb.svg → EVUI.b82ee81a.svg} +292 -292
  10. package/dist/img/{icon_mysql.7ea26d5d.svg → icon_mysql.1085fdc9.svg} +78 -78
  11. package/dist/img/{icon_oracle.9009b108.svg → icon_oracle.0572d3ee.svg} +13 -13
  12. package/dist/img/{icon_postgresql.f8fffba9.svg → icon_postgresql.ee12bde8.svg} +58 -58
  13. package/package.json +61 -61
  14. package/src/common/emitter.js +20 -20
  15. package/src/common/utils.debounce.js +223 -223
  16. package/src/common/utils.js +134 -134
  17. package/src/common/utils.table.js +78 -78
  18. package/src/common/utils.throttle.js +83 -83
  19. package/src/common/utils.tree.js +18 -18
  20. package/src/components/button/Button.vue +198 -198
  21. package/src/components/button/index.js +7 -7
  22. package/src/components/buttonGroup/ButtonGroup.vue +11 -11
  23. package/src/components/buttonGroup/index.js +7 -7
  24. package/src/components/calendar/Calendar.vue +661 -661
  25. package/src/components/calendar/index.js +7 -7
  26. package/src/components/calendar/uses.js +1272 -1272
  27. package/src/components/chart/Chart.vue +189 -192
  28. package/src/components/chart/chart.core.js +870 -870
  29. package/src/components/chart/element/element.bar.js +524 -524
  30. package/src/components/chart/element/element.bar.time.js +156 -156
  31. package/src/components/chart/element/element.heatmap.js +533 -533
  32. package/src/components/chart/element/element.line.js +339 -339
  33. package/src/components/chart/element/element.pie.js +197 -197
  34. package/src/components/chart/element/element.scatter.js +184 -184
  35. package/src/components/chart/element/element.tip.js +550 -542
  36. package/src/components/chart/helpers/helpers.canvas.js +265 -265
  37. package/src/components/chart/helpers/helpers.constant.js +206 -206
  38. package/src/components/chart/helpers/helpers.util.js +346 -338
  39. package/src/components/chart/index.js +9 -9
  40. package/src/components/chart/model/index.js +4 -4
  41. package/src/components/chart/model/model.series.js +93 -93
  42. package/src/components/chart/model/model.store.js +977 -967
  43. package/src/components/chart/plugins/plugins.interaction.js +769 -769
  44. package/src/components/chart/plugins/plugins.legend.gradient.js +602 -602
  45. package/src/components/chart/plugins/plugins.legend.js +1155 -1151
  46. package/src/components/chart/plugins/plugins.pie.js +254 -254
  47. package/src/components/chart/plugins/plugins.title.js +56 -56
  48. package/src/components/chart/plugins/plugins.tooltip.js +692 -692
  49. package/src/components/chart/scale/scale.js +848 -848
  50. package/src/components/chart/scale/scale.linear.js +38 -38
  51. package/src/components/chart/scale/scale.logarithmic.js +128 -128
  52. package/src/components/chart/scale/scale.step.js +336 -336
  53. package/src/components/chart/scale/scale.time.category.js +277 -277
  54. package/src/components/chart/scale/scale.time.js +48 -48
  55. package/src/components/chart/style/chart.scss +312 -312
  56. package/src/components/chart/uses.js +264 -252
  57. package/src/components/checkbox/Checkbox.vue +200 -200
  58. package/src/components/checkbox/index.js +7 -7
  59. package/src/components/checkboxGroup/CheckboxGroup.vue +44 -44
  60. package/src/components/checkboxGroup/index.js +7 -7
  61. package/src/components/contextMenu/ContextMenu.vue +80 -80
  62. package/src/components/contextMenu/MenuList.vue +149 -149
  63. package/src/components/contextMenu/index.js +7 -7
  64. package/src/components/contextMenu/uses.js +203 -203
  65. package/src/components/datePicker/DatePicker.vue +437 -437
  66. package/src/components/datePicker/index.js +7 -7
  67. package/src/components/datePicker/uses.js +419 -419
  68. package/src/components/grid/Grid.vue +827 -827
  69. package/src/components/grid/grid.filter.window.vue +493 -493
  70. package/src/components/grid/grid.pagination.vue +75 -75
  71. package/src/components/grid/grid.summary.vue +265 -265
  72. package/src/components/grid/grid.toolbar.vue +26 -26
  73. package/src/components/grid/index.js +11 -11
  74. package/src/components/grid/style/grid.scss +263 -263
  75. package/src/components/grid/uses.js +1002 -1007
  76. package/src/components/icon/Icon.vue +49 -49
  77. package/src/components/icon/index.js +8 -8
  78. package/src/components/inputNumber/InputNumber.vue +212 -212
  79. package/src/components/inputNumber/index.js +7 -7
  80. package/src/components/inputNumber/uses.js +217 -217
  81. package/src/components/loading/Loading.vue +125 -125
  82. package/src/components/loading/index.js +7 -7
  83. package/src/components/menu/Menu.vue +68 -68
  84. package/src/components/menu/MenuItem.vue +187 -187
  85. package/src/components/menu/index.js +7 -7
  86. package/src/components/message/Message.vue +223 -223
  87. package/src/components/message/index.js +31 -31
  88. package/src/components/messageBox/MessageBox.vue +358 -358
  89. package/src/components/messageBox/index.js +22 -22
  90. package/src/components/notification/Notification.vue +316 -316
  91. package/src/components/notification/index.js +49 -49
  92. package/src/components/pagination/Pagination.vue +271 -271
  93. package/src/components/pagination/index.js +7 -7
  94. package/src/components/pagination/pageButton.vue +30 -30
  95. package/src/components/progress/Progress.vue +139 -139
  96. package/src/components/progress/index.js +7 -7
  97. package/src/components/radio/Radio.vue +159 -159
  98. package/src/components/radio/index.js +7 -7
  99. package/src/components/radioGroup/RadioGroup.vue +41 -41
  100. package/src/components/radioGroup/index.js +7 -7
  101. package/src/components/scheduler/Scheduler.vue +149 -149
  102. package/src/components/scheduler/index.js +7 -7
  103. package/src/components/scheduler/uses.js +183 -183
  104. package/src/components/select/Select.vue +440 -440
  105. package/src/components/select/index.js +7 -7
  106. package/src/components/select/uses.js +270 -270
  107. package/src/components/slider/Slider.vue +505 -505
  108. package/src/components/slider/index.js +7 -7
  109. package/src/components/slider/uses.js +390 -390
  110. package/src/components/tabPanel/TabPanel.vue +74 -74
  111. package/src/components/tabPanel/index.js +7 -7
  112. package/src/components/tabs/Tabs.vue +517 -517
  113. package/src/components/tabs/index.js +7 -7
  114. package/src/components/textField/TextField.vue +375 -375
  115. package/src/components/textField/index.js +7 -7
  116. package/src/components/timePicker/TimePicker.vue +352 -352
  117. package/src/components/timePicker/index.js +7 -7
  118. package/src/components/toggle/Toggle.vue +115 -115
  119. package/src/components/toggle/index.js +7 -7
  120. package/src/components/tree/Tree.vue +313 -313
  121. package/src/components/tree/TreeNode.vue +293 -293
  122. package/src/components/tree/index.js +7 -7
  123. package/src/components/treeGrid/TreeGrid.vue +758 -758
  124. package/src/components/treeGrid/TreeGridNode.vue +275 -275
  125. package/src/components/treeGrid/index.js +9 -9
  126. package/src/components/treeGrid/style/treeGrid.scss +261 -261
  127. package/src/components/treeGrid/treeGrid.toolbar.vue +26 -26
  128. package/src/components/treeGrid/uses.js +867 -867
  129. package/src/components/window/Window.vue +329 -329
  130. package/src/components/window/index.js +7 -7
  131. package/src/components/window/uses.js +899 -899
  132. package/src/directives/clickoutside.js +90 -90
  133. package/src/main.js +116 -116
  134. package/src/style/components/input.scss +108 -108
  135. package/src/style/functions.scss +3 -3
  136. package/src/style/index.scss +6 -6
  137. package/src/style/lib/fonts/EVUI.svg +292 -292
  138. package/src/style/lib/icon.css +888 -888
  139. package/src/style/mixins.scss +94 -94
  140. package/src/style/themes.scss +67 -67
  141. 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;