bk-magic-vue 2.5.7-beta.1 → 2.5.8-beta.1
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 +246 -8
- package/dist/bk-magic-vue.js +2763 -1772
- 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/dist/fonts/iconcool.eot +0 -0
- package/dist/fonts/iconcool.svg +27 -0
- package/dist/fonts/iconcool.ttf +0 -0
- package/dist/fonts/iconcool.woff +0 -0
- package/lib/big-tree.js +144 -140
- package/lib/cascade.js +95 -84
- package/lib/checkbox.js +42 -49
- package/lib/date-picker.js +58 -28
- package/lib/dialog.js +100 -94
- package/lib/directives/overflow-tips.js +18 -3
- package/lib/directives/tooltips.js +18 -3
- package/lib/form-item.js +92 -86
- package/lib/icon.js +17 -2
- package/lib/image-viewer.js +15 -0
- package/lib/image.js +15 -0
- package/lib/info-box.js +120 -116
- package/lib/locale/lang/en-US.js +5 -1
- package/lib/locale/lang/zh-CN.js +5 -1
- package/lib/message.js +1197 -625
- package/lib/navigation-menu.js +29 -36
- package/lib/notify.js +17 -2
- package/lib/option-group.js +42 -49
- package/lib/option.js +685 -63
- package/lib/pagination.js +420 -136
- package/lib/popconfirm.js +18 -3
- package/lib/popover.js +18 -3
- package/lib/resize-layout.js +15 -0
- package/lib/row.js +17 -2
- package/lib/search-select.js +1899 -1585
- package/lib/select.js +358 -74
- package/lib/sideslider.js +24 -31
- package/lib/slider.js +16 -1
- package/lib/steps.js +47 -56
- package/lib/tab.js +82 -91
- package/lib/table-column.js +72 -68
- package/lib/table-setting-content.js +42 -49
- package/lib/table.js +117 -98
- package/lib/tag-input.js +53 -42
- package/lib/time-picker.js +44 -26
- package/lib/timeline.js +17 -2
- package/lib/transfer.js +18 -3
- package/lib/tree.js +27 -24
- package/lib/ui/bk-magic-vue.css +246 -8
- 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/common.css +36 -0
- package/lib/ui/common.min.css +1 -1
- package/lib/ui/common.min.css.map +1 -1
- package/lib/ui/fonts/iconcool.eot +0 -0
- package/lib/ui/fonts/iconcool.svg +27 -0
- package/lib/ui/fonts/iconcool.ttf +0 -0
- package/lib/ui/fonts/iconcool.woff +0 -0
- package/lib/ui/form.css +6 -6
- package/lib/ui/form.min.css +1 -1
- package/lib/ui/form.min.css.map +1 -1
- package/lib/ui/iconfont.css +36 -0
- package/lib/ui/iconfont.min.css +1 -1
- package/lib/ui/iconfont.min.css.map +1 -1
- package/lib/ui/message.css +233 -1
- package/lib/ui/message.min.css +1 -1
- package/lib/ui/message.min.css.map +1 -1
- package/lib/ui/search-select-menu.css +7 -1
- package/lib/ui/search-select-menu.min.css +1 -1
- package/lib/ui/search-select-menu.min.css.map +1 -1
- package/lib/ui/search-select.css +5 -0
- package/lib/ui/search-select.min.css +1 -1
- package/lib/ui/search-select.min.css.map +1 -1
- package/lib/ui/select.css +4 -0
- package/lib/ui/select.min.css +1 -1
- package/lib/ui/select.min.css.map +1 -1
- package/lib/upload.js +69 -61
- package/lib/utils/tippy.js +16 -1
- package/lib/version-detail.js +191 -191
- package/lib/virtual-render.js +17 -2
- package/package.json +3 -1
package/dist/bk-magic-vue.css
CHANGED
|
@@ -2948,6 +2948,33 @@ url("fonts/iconcool.eot?#iefix") format("embedded-opentype");
|
|
|
2948
2948
|
.icon-japanese:before{
|
|
2949
2949
|
content:"\e208";
|
|
2950
2950
|
}
|
|
2951
|
+
.icon-date-fill:before{
|
|
2952
|
+
content:"\e209";
|
|
2953
|
+
}
|
|
2954
|
+
.icon-time:before{
|
|
2955
|
+
content:"\e20a";
|
|
2956
|
+
}
|
|
2957
|
+
.icon-data-line:before{
|
|
2958
|
+
content:"\e20b";
|
|
2959
|
+
}
|
|
2960
|
+
.icon-qiehuan:before{
|
|
2961
|
+
content:"\e20c";
|
|
2962
|
+
}
|
|
2963
|
+
.icon-loading-tubiao:before{
|
|
2964
|
+
content:"\e20d";
|
|
2965
|
+
}
|
|
2966
|
+
.icon-weixin-pro:before{
|
|
2967
|
+
content:"\e20f";
|
|
2968
|
+
}
|
|
2969
|
+
.icon-copy-shape:before{
|
|
2970
|
+
content:"\e210";
|
|
2971
|
+
}
|
|
2972
|
+
.icon-fix-line:before{
|
|
2973
|
+
content:"\e211";
|
|
2974
|
+
}
|
|
2975
|
+
.icon-fix-shape:before{
|
|
2976
|
+
content:"\e212";
|
|
2977
|
+
}
|
|
2951
2978
|
.f10{
|
|
2952
2979
|
font-size:10px!important;
|
|
2953
2980
|
}
|
|
@@ -5651,20 +5678,20 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
|
|
|
5651
5678
|
.bk-form-item.is-error input[type="url"],
|
|
5652
5679
|
.bk-form-item.is-error textarea,
|
|
5653
5680
|
.bk-form-item.is-error select{
|
|
5654
|
-
border-color:#
|
|
5655
|
-
color:#
|
|
5681
|
+
border-color:#ea3636;
|
|
5682
|
+
color:#ea3636;
|
|
5656
5683
|
}
|
|
5657
5684
|
.bk-form-item.is-danger .bk-textarea-wrapper, .bk-form-item.is-error .bk-textarea-wrapper{
|
|
5658
|
-
border-color:#
|
|
5685
|
+
border-color:#ea3636;
|
|
5659
5686
|
}
|
|
5660
5687
|
.bk-form-item.is-danger .bk-tag-selector .bk-tag-input, .bk-form-item.is-error .bk-tag-selector .bk-tag-input{
|
|
5661
|
-
border-color:#
|
|
5688
|
+
border-color:#ea3636;
|
|
5662
5689
|
}
|
|
5663
5690
|
.bk-form-item.is-danger .bk-form-tip .bk-tip-text, .bk-form-item.is-error .bk-form-tip .bk-tip-text{
|
|
5664
|
-
color:#
|
|
5691
|
+
color:#ea3636;
|
|
5665
5692
|
}
|
|
5666
5693
|
.bk-form-item.is-danger .bk-select, .bk-form-item.is-error .bk-select{
|
|
5667
|
-
border-color:#
|
|
5694
|
+
border-color:#ea3636;
|
|
5668
5695
|
}
|
|
5669
5696
|
.bk-form-item.is-warning input[type="text"],
|
|
5670
5697
|
.bk-form-item.is-warning input[type="password"],
|
|
@@ -6999,7 +7026,6 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
|
|
|
6999
7026
|
-ms-flex:1;
|
|
7000
7027
|
flex:1;
|
|
7001
7028
|
min-width:230px;
|
|
7002
|
-
max-width:538px;
|
|
7003
7029
|
line-height:20px;
|
|
7004
7030
|
font-size:14px;
|
|
7005
7031
|
text-align:left;
|
|
@@ -7063,6 +7089,206 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
|
|
|
7063
7089
|
-webkit-transition:margin .2s linear;
|
|
7064
7090
|
transition:margin .2s linear;
|
|
7065
7091
|
}
|
|
7092
|
+
.bk-message-content{
|
|
7093
|
+
display:-webkit-box;
|
|
7094
|
+
display:-ms-flexbox;
|
|
7095
|
+
display:flex;
|
|
7096
|
+
width:100%;
|
|
7097
|
+
word-break:break-all
|
|
7098
|
+
}
|
|
7099
|
+
.bk-message-content.multi{
|
|
7100
|
+
-webkit-box-orient:vertical;
|
|
7101
|
+
-webkit-box-direction:normal;
|
|
7102
|
+
-ms-flex-direction:column;
|
|
7103
|
+
flex-direction:column;
|
|
7104
|
+
position:relative;
|
|
7105
|
+
}
|
|
7106
|
+
.bk-message-content.multi .overview{
|
|
7107
|
+
display:-webkit-box;
|
|
7108
|
+
display:-ms-flexbox;
|
|
7109
|
+
display:flex;
|
|
7110
|
+
-webkit-box-pack:justify;
|
|
7111
|
+
-ms-flex-pack:justify;
|
|
7112
|
+
justify-content:space-between;
|
|
7113
|
+
-webkit-box-align:self-start;
|
|
7114
|
+
-ms-flex-align:self-start;
|
|
7115
|
+
align-items:self-start;
|
|
7116
|
+
}
|
|
7117
|
+
.bk-message-content.multi .overview .left-content{
|
|
7118
|
+
display:-webkit-box;
|
|
7119
|
+
display:-ms-flexbox;
|
|
7120
|
+
display:flex;
|
|
7121
|
+
}
|
|
7122
|
+
.bk-message-content.multi .overview .left-content .describe{
|
|
7123
|
+
display:-webkit-box;
|
|
7124
|
+
max-width:560px;
|
|
7125
|
+
max-height:60px;
|
|
7126
|
+
overflow:hidden;
|
|
7127
|
+
text-overflow:ellipsis;
|
|
7128
|
+
-webkit-box-orient:vertical;
|
|
7129
|
+
-webkit-line-clamp:3;
|
|
7130
|
+
}
|
|
7131
|
+
.bk-message-content.multi .overview .tools{
|
|
7132
|
+
display:-webkit-box;
|
|
7133
|
+
display:-ms-flexbox;
|
|
7134
|
+
display:flex;
|
|
7135
|
+
-webkit-box-align:center;
|
|
7136
|
+
-ms-flex-align:center;
|
|
7137
|
+
align-items:center;
|
|
7138
|
+
}
|
|
7139
|
+
.bk-message-content.multi .overview .tools .tool{
|
|
7140
|
+
display:-webkit-box;
|
|
7141
|
+
display:-ms-flexbox;
|
|
7142
|
+
display:flex;
|
|
7143
|
+
padding:0 5px;
|
|
7144
|
+
font-size:14px;
|
|
7145
|
+
cursor:pointer;
|
|
7146
|
+
-webkit-box-align:center;
|
|
7147
|
+
-ms-flex-align:center;
|
|
7148
|
+
align-items:center;
|
|
7149
|
+
}
|
|
7150
|
+
.bk-message-content.multi .overview .tools .tool .bk-message-close{
|
|
7151
|
+
padding-left:0
|
|
7152
|
+
}
|
|
7153
|
+
.bk-message-content.multi .overview .tools .tool .bk-message-close:hover{
|
|
7154
|
+
color:#979ba5;
|
|
7155
|
+
}
|
|
7156
|
+
.bk-message-content.multi .overview .tools .tool .bk-message-close:hover i{
|
|
7157
|
+
color:#979ba5;
|
|
7158
|
+
}
|
|
7159
|
+
.bk-message-content.multi .overview .tools .tool .bk-message-close i{
|
|
7160
|
+
margin-left:0;
|
|
7161
|
+
color:#c4c6cc;
|
|
7162
|
+
}
|
|
7163
|
+
.bk-message-content.multi .overview .tools .tool .message-action-text{
|
|
7164
|
+
padding-left:4px;
|
|
7165
|
+
overflow:hidden;
|
|
7166
|
+
text-overflow:ellipsis;
|
|
7167
|
+
white-space:nowrap;
|
|
7168
|
+
}
|
|
7169
|
+
.bk-message-content.multi .overview .tools .tool:not(.fix) span{
|
|
7170
|
+
color:#3a84ff;
|
|
7171
|
+
}
|
|
7172
|
+
.bk-message-content.multi .overview .tools .tool.fix.fixed span{
|
|
7173
|
+
color:#3a84ff;
|
|
7174
|
+
}
|
|
7175
|
+
.bk-message-content.multi .overview .tools .tool.fix span{
|
|
7176
|
+
color:#979ba5;
|
|
7177
|
+
}
|
|
7178
|
+
.bk-message-content.multi .overview .tools .tool.fix:hover span{
|
|
7179
|
+
color:#3a84ff;
|
|
7180
|
+
}
|
|
7181
|
+
.bk-message-content.multi .overview .tools .tool.close span{
|
|
7182
|
+
color:#c4c6cc
|
|
7183
|
+
}
|
|
7184
|
+
.bk-message-content.multi .overview .tools .tool.close span:hover{
|
|
7185
|
+
color:#979ba5;
|
|
7186
|
+
}
|
|
7187
|
+
.bk-message-content.multi .message-detail{
|
|
7188
|
+
position:relative;
|
|
7189
|
+
margin-top:10px;
|
|
7190
|
+
}
|
|
7191
|
+
.bk-message-content.multi .message-detail .message-tree{
|
|
7192
|
+
max-height:480px;
|
|
7193
|
+
padding:14px 24px;
|
|
7194
|
+
overflow:auto;
|
|
7195
|
+
background:#fff;
|
|
7196
|
+
border-radius:2px;
|
|
7197
|
+
}
|
|
7198
|
+
.bk-message-content.multi .message-detail .message-tree .message-row{
|
|
7199
|
+
display:-webkit-inline-box;
|
|
7200
|
+
display:-ms-inline-flexbox;
|
|
7201
|
+
display:inline-flex;
|
|
7202
|
+
font-size:14px;
|
|
7203
|
+
line-height:34px;
|
|
7204
|
+
color:#313238;
|
|
7205
|
+
}
|
|
7206
|
+
.bk-message-content.multi .message-detail .message-tree .message-row label{
|
|
7207
|
+
display:inline-block;
|
|
7208
|
+
width:94px;
|
|
7209
|
+
min-width:94px;
|
|
7210
|
+
margin-right:8px;
|
|
7211
|
+
overflow:hidden;
|
|
7212
|
+
color:#63656e;
|
|
7213
|
+
text-align:right;
|
|
7214
|
+
text-overflow:ellipsis;
|
|
7215
|
+
white-space:nowrap
|
|
7216
|
+
}
|
|
7217
|
+
.bk-message-content.multi .message-detail .message-tree .message-row label::after{
|
|
7218
|
+
content:':';
|
|
7219
|
+
}
|
|
7220
|
+
.bk-message-content.multi .message-detail .message-copy{
|
|
7221
|
+
position:absolute;
|
|
7222
|
+
top:20px;
|
|
7223
|
+
right:40px;
|
|
7224
|
+
font-size:16px;
|
|
7225
|
+
cursor:pointer
|
|
7226
|
+
}
|
|
7227
|
+
.bk-message-content.multi .message-detail .message-copy:hover span{
|
|
7228
|
+
color:#3a84ff;
|
|
7229
|
+
}
|
|
7230
|
+
.bk-message-content.multi .message-detail .message-copy .copy-status{
|
|
7231
|
+
display:none;
|
|
7232
|
+
padding-bottom:4px;
|
|
7233
|
+
}
|
|
7234
|
+
.bk-message-content.multi .message-detail .message-copy .copy-status .inner{
|
|
7235
|
+
position:relative;
|
|
7236
|
+
display:-webkit-box;
|
|
7237
|
+
display:-ms-flexbox;
|
|
7238
|
+
display:flex;
|
|
7239
|
+
padding:6px 8px;
|
|
7240
|
+
font-size:12px;
|
|
7241
|
+
line-height:20px;
|
|
7242
|
+
color:#63656e;
|
|
7243
|
+
background:#fff;
|
|
7244
|
+
border:1px solid #dcdee5;
|
|
7245
|
+
-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.10196);
|
|
7246
|
+
box-shadow:0 2px 6px 0 rgba(0,0,0,0.10196);
|
|
7247
|
+
-webkit-box-align:center;
|
|
7248
|
+
-ms-flex-align:center;
|
|
7249
|
+
align-items:center;
|
|
7250
|
+
}
|
|
7251
|
+
.bk-message-content.multi .message-detail .message-copy .copy-status .inner span{
|
|
7252
|
+
margin-right:4px;
|
|
7253
|
+
}
|
|
7254
|
+
.bk-message-content.multi .message-detail .message-copy .copy-status .inner::after{
|
|
7255
|
+
position:absolute;
|
|
7256
|
+
bottom:0;
|
|
7257
|
+
left:50%;
|
|
7258
|
+
width:8px;
|
|
7259
|
+
height:8px;
|
|
7260
|
+
background:#fff;
|
|
7261
|
+
border-color:#dcdee5;
|
|
7262
|
+
border-style:solid;
|
|
7263
|
+
border-width:0px 1px 1px 0px;
|
|
7264
|
+
content:'';
|
|
7265
|
+
-webkit-transform:translate(0, 4px) rotate(45deg);
|
|
7266
|
+
transform:translate(0, 4px) rotate(45deg);
|
|
7267
|
+
-webkit-box-shadow:5px 3px 6px 0 rgba(0,0,0,0.10196);
|
|
7268
|
+
box-shadow:5px 3px 6px 0 rgba(0,0,0,0.10196);
|
|
7269
|
+
-webkit-box-sizing:border-box;
|
|
7270
|
+
box-sizing:border-box;
|
|
7271
|
+
}
|
|
7272
|
+
.bk-message-content.multi .message-detail .message-copy .copy-status.success .inner span{
|
|
7273
|
+
color:#2dcb9d;
|
|
7274
|
+
}
|
|
7275
|
+
.bk-message-content.multi .message-detail .message-copy .copy-status.error .inner span{
|
|
7276
|
+
color:#ea3636;
|
|
7277
|
+
}
|
|
7278
|
+
.bk-message-content.multi .message-detail .message-copy .copy-status.is-show{
|
|
7279
|
+
position:absolute;
|
|
7280
|
+
top:0;
|
|
7281
|
+
left:0;
|
|
7282
|
+
display:-webkit-inline-box;
|
|
7283
|
+
display:-ms-inline-flexbox;
|
|
7284
|
+
display:inline-flex;
|
|
7285
|
+
white-space:nowrap;
|
|
7286
|
+
-webkit-transform:translate(-50%, -100%);
|
|
7287
|
+
transform:translate(-50%, -100%);
|
|
7288
|
+
}
|
|
7289
|
+
.bk-message-content.multi .message-detail .message-copy .copy-status.is-hidden{
|
|
7290
|
+
display:none;
|
|
7291
|
+
}
|
|
7066
7292
|
.bk-notify{
|
|
7067
7293
|
display:-webkit-box;
|
|
7068
7294
|
display:-ms-flexbox;
|
|
@@ -8861,6 +9087,9 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
|
|
|
8861
9087
|
text-overflow:ellipsis;
|
|
8862
9088
|
white-space:nowrap;
|
|
8863
9089
|
}
|
|
9090
|
+
.bk-options .bk-option-content .bk-option-checkbox .bk-checkbox-text{
|
|
9091
|
+
font-size:12px;
|
|
9092
|
+
}
|
|
8864
9093
|
.bk-select-empty{
|
|
8865
9094
|
padding:0 10px;
|
|
8866
9095
|
text-align:center;
|
|
@@ -13433,6 +13662,10 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
|
|
|
13433
13662
|
-webkit-transition:color 0.2s linear;
|
|
13434
13663
|
transition:color 0.2s linear
|
|
13435
13664
|
}
|
|
13665
|
+
.search-select-wrap .bk-search-select .search-nextfix .search-nextfix-icon:hover{
|
|
13666
|
+
cursor:pointer;
|
|
13667
|
+
color:#3c96ff;
|
|
13668
|
+
}
|
|
13436
13669
|
.search-select-wrap .bk-search-select .search-nextfix .search-nextfix-icon.is-focus{
|
|
13437
13670
|
border-color:#3c96ff !important;
|
|
13438
13671
|
background:#fff !important;
|
|
@@ -13548,8 +13781,9 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
|
|
|
13548
13781
|
line-height:32px;
|
|
13549
13782
|
}
|
|
13550
13783
|
.bk-search-list-menu-item .item-name-filter{
|
|
13551
|
-
color:#
|
|
13784
|
+
color:#3a84ff;
|
|
13552
13785
|
display:inline-block;
|
|
13786
|
+
font-weight:bold;
|
|
13553
13787
|
}
|
|
13554
13788
|
.bk-search-list-menu-item .item-icon{
|
|
13555
13789
|
color:#3a84ff;
|
|
@@ -13561,6 +13795,10 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
|
|
|
13561
13795
|
color:#3a84ff;
|
|
13562
13796
|
background-color:rgba(234, 243, 255, 0.7);
|
|
13563
13797
|
}
|
|
13798
|
+
.bk-search-list-menu-item .search-list-checkbox{
|
|
13799
|
+
pointer-events:none;
|
|
13800
|
+
margin-right:6px;
|
|
13801
|
+
}
|
|
13564
13802
|
.bk-search-list-loading{
|
|
13565
13803
|
padding:0 16px;
|
|
13566
13804
|
text-align:center;
|