bk-magic-vue 2.5.8-beta.9 → 2.5.9-beta.1

package/dist/bk-magic-vue.css

@@ -5946,6 +5946,12 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .bk-form-control.with-right-icon .bk-input-number input{
                 padding-right:12px;
             }
+.bk-form-control .input-right-icon{
+        cursor:pointer
+    }
+.bk-form-control .input-right-icon:hover{
+            color:#3c96ff;
+        }
 .bk-form-input,
 .bk-form-password,
 .bk-form-select,
@@ -7205,7 +7211,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
       }
 .bk-message-content.multi .message-detail .message-tree{
           max-height:480px;
-          padding:14px 24px;
+          padding:14px 32px;
           overflow:auto;
           background:#fff;
           border-radius:2px;
@@ -7233,7 +7239,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                 content:':';
               }
 .bk-message-content.multi .message-detail .message-tree .message-row .copy-value{
-              padding:0px 4px
+              padding-left:4px
             }
 .bk-message-content.multi .message-detail .message-tree .message-row .copy-value:hover{
                 background:rgba(186, 188, 192, 0.2);
@@ -7242,13 +7248,31 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
               }
 .bk-message-content.multi .message-detail .message-copy{
           position:absolute;
-          top:20px;
-          right:40px;
-          font-size:16px;
-          cursor:pointer
-        }
+          top:0px;
+          right:0px;
+          font-size:18px;
+          width:24px;
+          height:24px;
+          display:-webkit-box;
+          display:-ms-flexbox;
+          display:flex;
+          -webkit-box-align:center;
+              -ms-flex-align:center;
+                  align-items:center;
+          border-radius:0 2px 0 6px;
+          cursor:pointer;
+          -webkit-box-pack:center;
+              -ms-flex-pack:center;
+                  justify-content:center;
+          background:#F5F7FA;
+          color:#9FA3AE
+        }
+.bk-message-content.multi .message-detail .message-copy:hover{
+            background:#F0F5FF;
+          }
 .bk-message-content.multi .message-detail .message-copy:hover span{
               color:#3a84ff;
+              
             }
 .bk-message-content.multi .message-detail .copy-status{
           display:none;
@@ -9362,6 +9386,11 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         font-size:16px;
         color:#313238;
     }
+.bk-sideslider-title .title-content{
+          overflow:hidden;
+          text-overflow:ellipsis;
+          white-space:nowrap;
+        }
 .bk-sideslider-content{
         overflow:auto;
     }
@@ -11064,6 +11093,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 .bk-table-header-wrapper,
 .bk-table-footer-wrapper{
+    position:relative;
     overflow:hidden;
 }
 .bk-table-header-wrapper tbody td, .bk-table-footer-wrapper tbody td{
@@ -11128,9 +11158,21 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     top:0;
     bottom:0;
     width:0;
-    border-left:1px solid #dfe0e5;
+    border-left:1px solid #3785FF;
     z-index:10;
 }
+.bk-table-column-resize-head{
+    position:absolute;
+    left:200px;
+    top:0;
+    bottom:0;
+    width:6px;
+    background:#3785FF;
+    z-index:10;
+    -webkit-transform:translateX(-50%);
+            transform:translateX(-50%);
+    pointer-events:none;
+}
 .bk-table-enable-row-transition .bk-table-body td{
         -webkit-transition:background-color .25s ease;
         transition:background-color .25s ease;
@@ -13801,6 +13843,12 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                     -ms-flex:1;
                         flex:1;
                 line-height:32px;
+                display:-webkit-box;
+                display:-ms-flexbox;
+                display:flex;
+                -webkit-box-align:center;
+                    -ms-flex-align:center;
+                        align-items:center;
             }
 .bk-search-list-menu-item .item-name-filter{
                     color:#3a84ff;

package/dist/bk-magic-vue.js

@@ -29340,6 +29340,10 @@
       showClearOnlyHover: {
         type: Boolean,
         default: false
+      },
+      allowNumberPaste: {
+        type: Boolean,
+        default: false
       }
     },
     data: function data() {
@@ -29633,8 +29637,9 @@
         var keyCode = event.keyCode;
         var target = event.currentTarget;
         var value = target.value;
+        var isPaste = (event.ctrlKey || event.metaKey) && keyCode === 86;
         if (this.inputType === 'number') {
-          if (this.validKeyCodeList.indexOf(keyCode) < 0 || event.shiftKey || event.altKey || event.ctrlKey || event.metaKey) {
+          if (!(this.allowNumberPaste && isPaste) && (this.validKeyCodeList.indexOf(keyCode) < 0 || event.shiftKey || event.altKey || event.ctrlKey || event.metaKey)) {
             event.stopPropagation();
             event.preventDefault();
             return false;
@@ -29920,7 +29925,7 @@
         "click": _vm.togglePass
       }
     }) : _vm._e(), _vm.showClearIcon ? _c('i', {
-      staticClass: "bk-icon icon-close-circle-shape clear-icon ml5",
+      staticClass: "bk-icon icon-close-circle-shape clear-icon ml5 mr5",
       on: {
         "click": function click($event) {
           $event.stopPropagation();
@@ -29928,8 +29933,8 @@
           return _vm.handlerClear.apply(null, arguments);
         }
       }
-    }) : _vm.rightIcon ? _c('i', {
-      class: ['bk-icon', _vm.rightIcon]
+    }) : _vm._e(), _vm.rightIcon ? _c('i', {
+      class: ['input-right-icon', 'bk-icon', _vm.rightIcon]
     }) : _vm._e(), _vm.type === 'text' ? [_c('p', {
       directives: [{
         name: "show",
@@ -31314,8 +31319,16 @@
         document.addEventListener('keydown', this.handleMouseKeyEvent);
       },
       handleMouseKeyEvent: function handleMouseKeyEvent(e) {
-        if (e.altKey && e.keyCode === 80) {
-          this.fixMesage(e);
+        var ctrlKey = e.ctrlKey,
+          altKey = e.altKey,
+          keyCode = e.keyCode;
+        var isFix = this.toolOperation.isFix;
+        if (ctrlKey && altKey && keyCode === 80) {
+          isFix && this.fixMesage(e, false);
+          return;
+        }
+        if (altKey && keyCode === 80) {
+          !isFix && this.fixMesage(e, true);
         }
       },
       handleCloseClick: function handleCloseClick() {
@@ -31776,6 +31789,10 @@
   var MessageComponent = Vue.extend(__vue_component__$D);
   var getAdvanceMessageContainer = function getAdvanceMessageContainer() {
     var parent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.body;
+    var zIndexArr = messageList.map(function (message) {
+      return message.zIndex;
+    }) || [];
+    var maxZIndex = Math.max.apply(null, zIndexArr) || 2500;
     var target = parent.querySelector('[data-msg-advanced-conmtainer]');
     if (!target) {
       target = document.createElement('div');
@@ -31783,6 +31800,7 @@
       target.style.setProperty('position', 'fixed');
       parent.append(target);
     }
+    target.style.zIndex = maxZIndex;
     target.style.setProperty('display', 'block');
     return target;
   };
@@ -31849,8 +31867,6 @@
     instance.$mount();
     instance.dom = instance.$el;
     var mountedElementToTarget = function mountedElementToTarget() {
-      var target = instance.showAdvanced ? getAdvanceMessageContainer(document.body) : document.body;
-      target.appendChild(instance.$el);
       messageList.forEach(function (item) {
         verticalOffset += _parseInt$2(item.$el.offsetHeight) + _parseInt$2(spacing);
       });
@@ -31858,6 +31874,8 @@
       instance.horizonOffset = spacing;
       instance.visible = true;
       messageList.push(instance);
+      var target = instance.showAdvanced ? getAdvanceMessageContainer(document.body) : document.body;
+      target.appendChild(instance.$el);
       if (instance.showAdvanced) {
         if (instance.$el) {
           target.style.setProperty('top', "".concat(offsetY, "px"));
@@ -37156,7 +37174,9 @@
         padding: _vm.calcDirection === 'left' ? '0 0 0 50px' : '0 0 0 30px'
       }
     }, [_vm._t("header", function () {
-      return [_vm._v("\n            " + _vm._s(_vm.title || _vm.t('bk.sideslider.title')) + "\n          ")];
+      return [_c('div', {
+        staticClass: "title-content"
+      }, [_vm._v(_vm._s(_vm.title || _vm.t('bk.sideslider.title')))])];
     })], 2)]), _c('div', {
       ref: "content",
       staticClass: "bk-sideslider-content",
@@ -38524,7 +38544,7 @@
         type: String,
         default: 'border-card',
         validator: function validator(val) {
-          return ['card', 'border-card', 'unborder-card', 'vertical-card'].includes(val);
+          return ['card', 'border-card', 'unborder-card', 'vertical-card', 'card-tab'].includes(val);
         }
       },
       tabPosition: {
@@ -41974,7 +41994,13 @@
           "cellpadding": "0",
           "border": "0"
         }
-      }, [h("colgroup", [this._l(this.columns, function (column) {
+      }, [h("div", {
+        "class": "bk-table-column-resize-head",
+        "attrs": {
+          "data-resize-proxy-head": true
+        },
+        "style": this.resizeStyle
+      }), h("colgroup", [this._l(this.columns, function (column) {
         return h("col", {
           "attrs": {
             "name": column.id
@@ -42091,6 +42117,11 @@
       bkTableSetting: bkTableSetting
     },
     computed: {
+      resizeStyle: function resizeStyle() {
+        return this.isHeadResizeProxyShow ? {} : {
+          display: 'none'
+        };
+      },
       table: function table() {
         return this.$parent;
       },
@@ -42286,6 +42317,19 @@
         }
         this.$parent.$emit('header-click', column, event);
       },
+      setColumnResizeLineStyle: function setColumnResizeLineStyle() {
+        var isShow = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+        var position = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+          left: 0
+        };
+        var table = this.$parent;
+        var tableEl = table.$el;
+        var target = tableEl.querySelector('[data-resize-proxy-head]');
+        if (target) {
+          target.style.display = isShow ? 'block' : 'none';
+          target.style.left = position.left;
+        }
+      },
       handleHeaderContextMenu: function handleHeaderContextMenu(event, column) {
         this.$parent.$emit('header-contextmenu', column, event);
       },
@@ -42310,6 +42354,9 @@
           };
           var resizeProxy = table.$refs.resizeProxy;
           resizeProxy.style.left = this.dragState.startLeft + 'px';
+          this.setColumnResizeLineStyle(true, {
+            left: this.dragState.startLeft + 'px'
+          });
           document.onselectstart = function () {
             return false;
           };
@@ -42320,6 +42367,9 @@
             var deltaLeft = event.clientX - _this2.dragState.startMouseLeft;
             var proxyLeft = _this2.dragState.startLeft + deltaLeft;
             resizeProxy.style.left = Math.max(minLeft, proxyLeft) + 'px';
+            _this2.setColumnResizeLineStyle(true, {
+              left: Math.max(minLeft, proxyLeft) + 'px'
+            });
           };
           var handleMouseUp = function handleMouseUp() {
             if (_this2.dragging) {
@@ -42337,6 +42387,7 @@
               _this2.draggingColumn = null;
               _this2.dragState = {};
               table.resizeProxyVisible = false;
+              _this2.setColumnResizeLineStyle();
             }
             document.removeEventListener('mousemove', handleMouseMove);
             document.removeEventListener('mouseup', handleMouseUp);
@@ -42351,6 +42402,9 @@
         }
       },
       handleMouseMove: function handleMouseMove(event, column) {
+        var table = this.$parent;
+        var tableEl = table.$el;
+        var tableLeft = tableEl.getBoundingClientRect().left;
         if (column.children && column.children.length > 0) return;
         var target = event.target;
         while (target && target.tagName !== 'TH') {
@@ -42362,6 +42416,9 @@
           var bodyStyle = document.body.style;
           if (rect.width > 12 && rect.right - event.pageX < 8) {
             bodyStyle.cursor = 'col-resize';
+            this.setColumnResizeLineStyle(true, {
+              left: "".concat(rect.right - tableLeft, "px")
+            });
             if (hasClass(target, 'is-sortable')) {
               target.style.cursor = 'col-resize';
             }
@@ -42372,11 +42429,13 @@
               target.style.cursor = 'pointer';
             }
             this.draggingColumn = null;
+            this.setColumnResizeLineStyle();
           }
         }
       },
       handleMouseOut: function handleMouseOut() {
         document.body.style.cursor = '';
+        this.setColumnResizeLineStyle();
       },
       toggleOrder: function toggleOrder(_ref) {
         var order = _ref.order,
@@ -42426,7 +42485,8 @@
       return {
         draggingColumn: null,
         dragging: false,
-        dragState: {}
+        dragState: {},
+        isHeadResizeProxyShow: false
       };
     }
   };
@@ -45023,6 +45083,7 @@
         this.dispatch('bk-form-item', 'form-focus');
         this.popoverWidth = this.isSingleSelect ? this.bkTagSelector.clientWidth : this.contentWidth;
         event.currentTarget.select();
+        this.$emit('focus', this.tagList);
       },
       handlePaste: function handlePaste(event) {
         var _this8 = this;
@@ -52623,18 +52684,18 @@
             'is-disabled': item.disabled,
             'is-hover': !item.disabled && hoverId === id
           }
-        }, [selectedStyle === 'checkbox' ? h("bk-checkbox", {
+        }, [h("div", helper([{}, events, {
+          "class": {
+            'item-name': true
+          }
+        }]), [selectedStyle === 'checkbox' ? h("bk-checkbox", {
           "class": "search-list-checkbox",
           "directives": [{
             name: "show",
             value: multiable && child && !isChildCondition
           }],
           "ref": id
-        }) : null, h("div", helper([{}, events, {
-          "class": {
-            'item-name': true
-          }
-        }]), [isFilter ? h("div", [pre, h("span", {
+        }) : null, isFilter ? h("div", [pre, h("span", {
           "class": {
             'item-name-filter': true
           }