bk-magic-vue 2.5.7-beta.1 → 2.5.7

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 (48) hide show
  1. package/dist/bk-magic-vue.css +240 -2
  2. package/dist/bk-magic-vue.js +1134 -181
  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/cascade.js +35 -32
  14. package/lib/locale/lang/en-US.js +5 -1
  15. package/lib/locale/lang/zh-CN.js +5 -1
  16. package/lib/message.js +1182 -625
  17. package/lib/option.js +692 -63
  18. package/lib/pagination.js +383 -105
  19. package/lib/search-select.js +1604 -1288
  20. package/lib/select.js +321 -43
  21. package/lib/table.js +17 -2
  22. package/lib/ui/bk-magic-vue.css +240 -2
  23. package/lib/ui/bk-magic-vue.min.css +1 -1
  24. package/lib/ui/bk-magic-vue.min.css.gz +0 -0
  25. package/lib/ui/bk-magic-vue.min.css.map +1 -1
  26. package/lib/ui/common.css +36 -0
  27. package/lib/ui/common.min.css +1 -1
  28. package/lib/ui/common.min.css.map +1 -1
  29. package/lib/ui/fonts/iconcool.eot +0 -0
  30. package/lib/ui/fonts/iconcool.svg +27 -0
  31. package/lib/ui/fonts/iconcool.ttf +0 -0
  32. package/lib/ui/fonts/iconcool.woff +0 -0
  33. package/lib/ui/iconfont.css +36 -0
  34. package/lib/ui/iconfont.min.css +1 -1
  35. package/lib/ui/iconfont.min.css.map +1 -1
  36. package/lib/ui/message.css +233 -1
  37. package/lib/ui/message.min.css +1 -1
  38. package/lib/ui/message.min.css.map +1 -1
  39. package/lib/ui/search-select-menu.css +7 -1
  40. package/lib/ui/search-select-menu.min.css +1 -1
  41. package/lib/ui/search-select-menu.min.css.map +1 -1
  42. package/lib/ui/search-select.css +5 -0
  43. package/lib/ui/search-select.min.css +1 -1
  44. package/lib/ui/search-select.min.css.map +1 -1
  45. package/lib/ui/select.css +4 -0
  46. package/lib/ui/select.min.css +1 -1
  47. package/lib/ui/select.min.css.map +1 -1
  48. 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
  }
@@ -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;