bk-magic-vue 2.5.6-beta.4 → 2.5.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/bk-magic-vue.css +75 -36
- package/dist/bk-magic-vue.js +12 -9
- package/dist/bk-magic-vue.min.css +1 -1
- package/dist/bk-magic-vue.min.css.gz +0 -0
- package/dist/bk-magic-vue.min.css.map +1 -1
- package/dist/bk-magic-vue.min.js +1 -1
- package/dist/bk-magic-vue.min.js.gz +0 -0
- package/dist/bk-magic-vue.min.js.map +1 -1
- package/lib/table.js +12 -9
- package/lib/ui/bk-magic-vue.css +75 -36
- package/lib/ui/bk-magic-vue.min.css +1 -1
- package/lib/ui/bk-magic-vue.min.css.gz +0 -0
- package/lib/ui/bk-magic-vue.min.css.map +1 -1
- package/lib/ui/button.css +88 -36
- package/lib/ui/button.min.css +1 -1
- package/lib/ui/button.min.css.map +1 -1
- package/package.json +1 -1
package/dist/bk-magic-vue.css
CHANGED
|
@@ -944,19 +944,28 @@
|
|
|
944
944
|
cursor:not-allowed;
|
|
945
945
|
}
|
|
946
946
|
.bk-button.bk-primary.is-loading{
|
|
947
|
-
|
|
947
|
+
cursor:default
|
|
948
948
|
}
|
|
949
949
|
.bk-button.bk-primary.is-loading:hover,
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
950
|
+
.bk-button.bk-primary.is-loading.hover{
|
|
951
|
+
background-color:#3a84ff;
|
|
952
|
+
border-color:#3a84ff;
|
|
953
|
+
opacity:1;
|
|
954
|
+
}
|
|
955
955
|
.bk-button.bk-primary.is-loading:active,
|
|
956
|
-
|
|
956
|
+
.bk-button.bk-primary.is-loading.active{
|
|
957
|
+
background-color:#3a84ff;
|
|
958
|
+
border-color:#3a84ff;
|
|
959
|
+
}
|
|
960
|
+
.bk-button.bk-primary.is-loading.is-outline .bk-button-loading div{
|
|
957
961
|
background-color:#3a84ff;
|
|
958
|
-
|
|
959
|
-
|
|
962
|
+
}
|
|
963
|
+
.bk-button.bk-primary.is-loading.is-outline:hover .bk-button-loading div, .bk-button.bk-primary.is-loading.is-outline.hover .bk-button-loading div{
|
|
964
|
+
background-color:#fff;
|
|
965
|
+
}
|
|
966
|
+
.bk-button.bk-primary.is-loading.is-outline.active .bk-button-loading div, .bk-button.bk-primary.is-loading.is-outline:active .bk-button-loading div{
|
|
967
|
+
background-color:#fff;
|
|
968
|
+
}
|
|
960
969
|
.bk-button.bk-primary.is-outline{
|
|
961
970
|
color:#3a84ff;
|
|
962
971
|
border-color:#3a84ff;
|
|
@@ -1000,19 +1009,28 @@
|
|
|
1000
1009
|
cursor:not-allowed;
|
|
1001
1010
|
}
|
|
1002
1011
|
.bk-button.bk-success.is-loading{
|
|
1003
|
-
|
|
1012
|
+
cursor:default
|
|
1004
1013
|
}
|
|
1005
1014
|
.bk-button.bk-success.is-loading:hover,
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1015
|
+
.bk-button.bk-success.is-loading.hover{
|
|
1016
|
+
background-color:#2dcb56;
|
|
1017
|
+
border-color:#2dcb56;
|
|
1018
|
+
opacity:1;
|
|
1019
|
+
}
|
|
1011
1020
|
.bk-button.bk-success.is-loading:active,
|
|
1012
|
-
|
|
1021
|
+
.bk-button.bk-success.is-loading.active{
|
|
1022
|
+
background-color:#2dcb56;
|
|
1023
|
+
border-color:#2dcb56;
|
|
1024
|
+
}
|
|
1025
|
+
.bk-button.bk-success.is-loading.is-outline .bk-button-loading div{
|
|
1013
1026
|
background-color:#2dcb56;
|
|
1014
|
-
|
|
1015
|
-
|
|
1027
|
+
}
|
|
1028
|
+
.bk-button.bk-success.is-loading.is-outline:hover .bk-button-loading div, .bk-button.bk-success.is-loading.is-outline.hover .bk-button-loading div{
|
|
1029
|
+
background-color:#fff;
|
|
1030
|
+
}
|
|
1031
|
+
.bk-button.bk-success.is-loading.is-outline.active .bk-button-loading div, .bk-button.bk-success.is-loading.is-outline:active .bk-button-loading div{
|
|
1032
|
+
background-color:#fff;
|
|
1033
|
+
}
|
|
1016
1034
|
.bk-button.bk-success.is-outline{
|
|
1017
1035
|
color:#2dcb56;
|
|
1018
1036
|
border-color:#2dcb56;
|
|
@@ -1056,19 +1074,28 @@
|
|
|
1056
1074
|
cursor:not-allowed;
|
|
1057
1075
|
}
|
|
1058
1076
|
.bk-button.bk-warning.is-loading{
|
|
1059
|
-
|
|
1077
|
+
cursor:default
|
|
1060
1078
|
}
|
|
1061
1079
|
.bk-button.bk-warning.is-loading:hover,
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1080
|
+
.bk-button.bk-warning.is-loading.hover{
|
|
1081
|
+
background-color:#ff9c01;
|
|
1082
|
+
border-color:#ff9c01;
|
|
1083
|
+
opacity:1;
|
|
1084
|
+
}
|
|
1067
1085
|
.bk-button.bk-warning.is-loading:active,
|
|
1068
|
-
|
|
1086
|
+
.bk-button.bk-warning.is-loading.active{
|
|
1087
|
+
background-color:#ff9c01;
|
|
1088
|
+
border-color:#ff9c01;
|
|
1089
|
+
}
|
|
1090
|
+
.bk-button.bk-warning.is-loading.is-outline .bk-button-loading div{
|
|
1069
1091
|
background-color:#ff9c01;
|
|
1070
|
-
|
|
1071
|
-
|
|
1092
|
+
}
|
|
1093
|
+
.bk-button.bk-warning.is-loading.is-outline:hover .bk-button-loading div, .bk-button.bk-warning.is-loading.is-outline.hover .bk-button-loading div{
|
|
1094
|
+
background-color:#fff;
|
|
1095
|
+
}
|
|
1096
|
+
.bk-button.bk-warning.is-loading.is-outline.active .bk-button-loading div, .bk-button.bk-warning.is-loading.is-outline:active .bk-button-loading div{
|
|
1097
|
+
background-color:#fff;
|
|
1098
|
+
}
|
|
1072
1099
|
.bk-button.bk-warning.is-outline{
|
|
1073
1100
|
color:#ff9c01;
|
|
1074
1101
|
border-color:#ff9c01;
|
|
@@ -1112,19 +1139,28 @@
|
|
|
1112
1139
|
cursor:not-allowed;
|
|
1113
1140
|
}
|
|
1114
1141
|
.bk-button.bk-danger.is-loading{
|
|
1115
|
-
|
|
1142
|
+
cursor:default
|
|
1116
1143
|
}
|
|
1117
1144
|
.bk-button.bk-danger.is-loading:hover,
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1145
|
+
.bk-button.bk-danger.is-loading.hover{
|
|
1146
|
+
background-color:#ea3636;
|
|
1147
|
+
border-color:#ea3636;
|
|
1148
|
+
opacity:1;
|
|
1149
|
+
}
|
|
1123
1150
|
.bk-button.bk-danger.is-loading:active,
|
|
1124
|
-
|
|
1151
|
+
.bk-button.bk-danger.is-loading.active{
|
|
1152
|
+
background-color:#ea3636;
|
|
1153
|
+
border-color:#ea3636;
|
|
1154
|
+
}
|
|
1155
|
+
.bk-button.bk-danger.is-loading.is-outline .bk-button-loading div{
|
|
1125
1156
|
background-color:#ea3636;
|
|
1126
|
-
|
|
1127
|
-
|
|
1157
|
+
}
|
|
1158
|
+
.bk-button.bk-danger.is-loading.is-outline:hover .bk-button-loading div, .bk-button.bk-danger.is-loading.is-outline.hover .bk-button-loading div{
|
|
1159
|
+
background-color:#fff;
|
|
1160
|
+
}
|
|
1161
|
+
.bk-button.bk-danger.is-loading.is-outline.active .bk-button-loading div, .bk-button.bk-danger.is-loading.is-outline:active .bk-button-loading div{
|
|
1162
|
+
background-color:#fff;
|
|
1163
|
+
}
|
|
1128
1164
|
.bk-button.bk-danger.is-outline{
|
|
1129
1165
|
color:#ea3636;
|
|
1130
1166
|
border-color:#ea3636;
|
|
@@ -1427,6 +1463,9 @@
|
|
|
1427
1463
|
transition:background-color ease 0.3s;
|
|
1428
1464
|
min-width:68px;
|
|
1429
1465
|
}
|
|
1466
|
+
.bk-button-hover .bk-loading-wrapper{
|
|
1467
|
+
opacity:0;
|
|
1468
|
+
}
|
|
1430
1469
|
.bk-button-hover .bk-button-loading{
|
|
1431
1470
|
width:58px;
|
|
1432
1471
|
display:inline-block;
|
package/dist/bk-magic-vue.js
CHANGED
|
@@ -39183,15 +39183,18 @@
|
|
|
39183
39183
|
return _this2.updateElsHeight();
|
|
39184
39184
|
});
|
|
39185
39185
|
}
|
|
39186
|
-
|
|
39187
|
-
|
|
39188
|
-
|
|
39189
|
-
|
|
39190
|
-
|
|
39191
|
-
|
|
39192
|
-
|
|
39193
|
-
|
|
39194
|
-
|
|
39186
|
+
setTimeout(function () {
|
|
39187
|
+
var tableHeight = _this2.tableHeight = _this2.table.$el.offsetHeight - _this2.paginationHeight;
|
|
39188
|
+
console.warn("this.table.$el.offsetHeight: ".concat(_this2.table.$el.offsetHeight, " --- this.paginationHeight: ").concat(_this2.paginationHeight, " --- tableHeight: ").concat(tableHeight));
|
|
39189
|
+
var footerHeight = _this2.footerHeight = footerWrapper ? footerWrapper.offsetHeight : 0;
|
|
39190
|
+
_this2.bodyHeight = tableHeight - headerHeight - footerHeight + (footerWrapper ? 1 : 0);
|
|
39191
|
+
_this2.fixedBodyHeight = _this2.scrollX ? _this2.bodyHeight - _this2.gutterWidth : _this2.bodyHeight;
|
|
39192
|
+
var noData = !_this2.table.data || _this2.table.data.length === 0;
|
|
39193
|
+
_this2.viewportHeight = _this2.scrollX ? tableHeight - (noData ? 0 : _this2.gutterWidth) : tableHeight;
|
|
39194
|
+
_this2.syncRowHeight();
|
|
39195
|
+
_this2.updateScrollY();
|
|
39196
|
+
_this2.notifyObservers('scrollable');
|
|
39197
|
+
}, 0);
|
|
39195
39198
|
}
|
|
39196
39199
|
}, {
|
|
39197
39200
|
key: "getFlattenColumns",
|