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.
Files changed (84) hide show
  1. package/dist/bk-magic-vue.css +246 -8
  2. package/dist/bk-magic-vue.js +2763 -1772
  3. package/dist/bk-magic-vue.min.css +1 -1
  4. package/dist/bk-magic-vue.min.css.gz +0 -0
  5. package/dist/bk-magic-vue.min.css.map +1 -1
  6. package/dist/bk-magic-vue.min.js +1 -1
  7. package/dist/bk-magic-vue.min.js.gz +0 -0
  8. package/dist/bk-magic-vue.min.js.map +1 -1
  9. package/dist/fonts/iconcool.eot +0 -0
  10. package/dist/fonts/iconcool.svg +27 -0
  11. package/dist/fonts/iconcool.ttf +0 -0
  12. package/dist/fonts/iconcool.woff +0 -0
  13. package/lib/big-tree.js +144 -140
  14. package/lib/cascade.js +95 -84
  15. package/lib/checkbox.js +42 -49
  16. package/lib/date-picker.js +58 -28
  17. package/lib/dialog.js +100 -94
  18. package/lib/directives/overflow-tips.js +18 -3
  19. package/lib/directives/tooltips.js +18 -3
  20. package/lib/form-item.js +92 -86
  21. package/lib/icon.js +17 -2
  22. package/lib/image-viewer.js +15 -0
  23. package/lib/image.js +15 -0
  24. package/lib/info-box.js +120 -116
  25. package/lib/locale/lang/en-US.js +5 -1
  26. package/lib/locale/lang/zh-CN.js +5 -1
  27. package/lib/message.js +1197 -625
  28. package/lib/navigation-menu.js +29 -36
  29. package/lib/notify.js +17 -2
  30. package/lib/option-group.js +42 -49
  31. package/lib/option.js +685 -63
  32. package/lib/pagination.js +420 -136
  33. package/lib/popconfirm.js +18 -3
  34. package/lib/popover.js +18 -3
  35. package/lib/resize-layout.js +15 -0
  36. package/lib/row.js +17 -2
  37. package/lib/search-select.js +1899 -1585
  38. package/lib/select.js +358 -74
  39. package/lib/sideslider.js +24 -31
  40. package/lib/slider.js +16 -1
  41. package/lib/steps.js +47 -56
  42. package/lib/tab.js +82 -91
  43. package/lib/table-column.js +72 -68
  44. package/lib/table-setting-content.js +42 -49
  45. package/lib/table.js +117 -98
  46. package/lib/tag-input.js +53 -42
  47. package/lib/time-picker.js +44 -26
  48. package/lib/timeline.js +17 -2
  49. package/lib/transfer.js +18 -3
  50. package/lib/tree.js +27 -24
  51. package/lib/ui/bk-magic-vue.css +246 -8
  52. package/lib/ui/bk-magic-vue.min.css +1 -1
  53. package/lib/ui/bk-magic-vue.min.css.gz +0 -0
  54. package/lib/ui/bk-magic-vue.min.css.map +1 -1
  55. package/lib/ui/common.css +36 -0
  56. package/lib/ui/common.min.css +1 -1
  57. package/lib/ui/common.min.css.map +1 -1
  58. package/lib/ui/fonts/iconcool.eot +0 -0
  59. package/lib/ui/fonts/iconcool.svg +27 -0
  60. package/lib/ui/fonts/iconcool.ttf +0 -0
  61. package/lib/ui/fonts/iconcool.woff +0 -0
  62. package/lib/ui/form.css +6 -6
  63. package/lib/ui/form.min.css +1 -1
  64. package/lib/ui/form.min.css.map +1 -1
  65. package/lib/ui/iconfont.css +36 -0
  66. package/lib/ui/iconfont.min.css +1 -1
  67. package/lib/ui/iconfont.min.css.map +1 -1
  68. package/lib/ui/message.css +233 -1
  69. package/lib/ui/message.min.css +1 -1
  70. package/lib/ui/message.min.css.map +1 -1
  71. package/lib/ui/search-select-menu.css +7 -1
  72. package/lib/ui/search-select-menu.min.css +1 -1
  73. package/lib/ui/search-select-menu.min.css.map +1 -1
  74. package/lib/ui/search-select.css +5 -0
  75. package/lib/ui/search-select.min.css +1 -1
  76. package/lib/ui/search-select.min.css.map +1 -1
  77. package/lib/ui/select.css +4 -0
  78. package/lib/ui/select.min.css +1 -1
  79. package/lib/ui/select.min.css.map +1 -1
  80. package/lib/upload.js +69 -61
  81. package/lib/utils/tippy.js +16 -1
  82. package/lib/version-detail.js +191 -191
  83. package/lib/virtual-render.js +17 -2
  84. package/package.json +3 -1
@@ -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:#ff5656;
5655
- color:#ff5656;
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:#ff5656;
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:#ff5656;
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:#ff5656;
5691
+ color:#ea3636;
5665
5692
  }
5666
5693
  .bk-form-item.is-danger .bk-select, .bk-form-item.is-error .bk-select{
5667
- border-color:#ff5656;
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:#313238;
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;