bk-magic-vue 2.4.0 → 2.4.1

package/lib/form-item.js

@@ -4878,7 +4878,7 @@
       staticClass: "bk-label-text"
     }, [_vm._v(_vm._s(_vm.label))]) : _c('span', {
       staticClass: "bk-label-text"
-    }, [_vm._v("\n                " + _vm._s(_vm.label) + "\n                "), _c('i', {
+    }, [_vm._v("\n        " + _vm._s(_vm.label) + "\n        "), _c('i', {
       directives: [{
         name: "bk-tooltips",
         rawName: "v-bk-tooltips",

package/lib/image-viewer.js

@@ -364,6 +364,10 @@
 	    initialIndex: {
 	      type: Number,
 	      default: 0
+	    },
+	    maskClose: {
+	      type: Boolean,
+	      default: true
 	    }
 	  },
 	  data: function data() {
@@ -663,7 +667,14 @@
 	    attrs: {
 	      "tabindex": "-1"
 	    }
-	  }, [_vm.isShowTitle && _vm.urlList.length ? _c('div', {
+	  }, [_c('div', {
+	    staticClass: "bk-image-viewer-mask",
+	    on: {
+	      "click": function click($event) {
+	        _vm.maskClose && _vm.hide();
+	      }
+	    }
+	  }), _vm.isShowTitle && _vm.urlList.length ? _c('div', {
 	    staticClass: "bk-image-viewer-header"
 	  }, [_c('div', [_vm._v(_vm._s(_vm.currentName))]), _c('div', {
 	    staticClass: "tc"
@@ -703,6 +714,15 @@
 	  }, [_c('div', {
 	    staticClass: "bk-image-viewer-actions-inner"
 	  }, [_c('i', {
+	    directives: [{
+	      name: "bk-tooltips",
+	      rawName: "v-bk-tooltips.top",
+	      value: _vm.t('bk.image.zoomOut'),
+	      expression: "t('bk.image.zoomOut')",
+	      modifiers: {
+	        "top": true
+	      }
+	    }],
 	    staticClass: "bk-icon icon-narrow-line",
 	    on: {
 	      "click": function click($event) {
@@ -710,6 +730,15 @@
 	      }
 	    }
 	  }), _c('i', {
+	    directives: [{
+	      name: "bk-tooltips",
+	      rawName: "v-bk-tooltips.top",
+	      value: _vm.t('bk.image.zoomIn'),
+	      expression: "t('bk.image.zoomIn')",
+	      modifiers: {
+	        "top": true
+	      }
+	    }],
 	    staticClass: "bk-icon icon-enlarge-line",
 	    on: {
 	      "click": function click($event) {
@@ -717,6 +746,15 @@
 	      }
 	    }
 	  }), _c('i', {
+	    directives: [{
+	      name: "bk-tooltips",
+	      rawName: "v-bk-tooltips.top",
+	      value: _vm.t('bk.image.original'),
+	      expression: "t('bk.image.original')",
+	      modifiers: {
+	        "top": true
+	      }
+	    }],
 	    staticClass: "bk-icon icon-normalized",
 	    on: {
 	      "click": function click($event) {
@@ -724,6 +762,15 @@
 	      }
 	    }
 	  }), _c('i', {
+	    directives: [{
+	      name: "bk-tooltips",
+	      rawName: "v-bk-tooltips.top",
+	      value: _vm.t('bk.image.rotateLeft'),
+	      expression: "t('bk.image.rotateLeft')",
+	      modifiers: {
+	        "top": true
+	      }
+	    }],
 	    staticClass: "bk-icon icon-left-turn-line",
 	    on: {
 	      "click": function click($event) {
@@ -731,13 +778,31 @@
 	      }
 	    }
 	  }), _c('i', {
+	    directives: [{
+	      name: "bk-tooltips",
+	      rawName: "v-bk-tooltips.top",
+	      value: _vm.t('bk.image.rotateRight'),
+	      expression: "t('bk.image.rotateRight')",
+	      modifiers: {
+	        "top": true
+	      }
+	    }],
 	    staticClass: "bk-icon icon-right-turn-line",
 	    on: {
 	      "click": function click($event) {
-	        _vm.handleActions('clocelise');
+	        _vm.handleActions('clockwise');
 	      }
 	    }
 	  }), _c('i', {
+	    directives: [{
+	      name: "bk-tooltips",
+	      rawName: "v-bk-tooltips.top",
+	      value: _vm.t('bk.image.fullScreen'),
+	      expression: "t('bk.image.fullScreen')",
+	      modifiers: {
+	        "top": true
+	      }
+	    }],
 	    staticClass: "bk-icon icon-unfull-screen",
 	    on: {
 	      "click": function click($event) {

package/lib/image.js

@@ -518,6 +518,10 @@
       initialIndex: {
         type: Number,
         default: 0
+      },
+      maskClose: {
+        type: Boolean,
+        default: true
       }
     },
     data: function data() {
@@ -817,7 +821,14 @@
       attrs: {
         "tabindex": "-1"
       }
-    }, [_vm.isShowTitle && _vm.urlList.length ? _c('div', {
+    }, [_c('div', {
+      staticClass: "bk-image-viewer-mask",
+      on: {
+        "click": function click($event) {
+          _vm.maskClose && _vm.hide();
+        }
+      }
+    }), _vm.isShowTitle && _vm.urlList.length ? _c('div', {
       staticClass: "bk-image-viewer-header"
     }, [_c('div', [_vm._v(_vm._s(_vm.currentName))]), _c('div', {
       staticClass: "tc"
@@ -857,6 +868,15 @@
     }, [_c('div', {
       staticClass: "bk-image-viewer-actions-inner"
     }, [_c('i', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips.top",
+        value: _vm.t('bk.image.zoomOut'),
+        expression: "t('bk.image.zoomOut')",
+        modifiers: {
+          "top": true
+        }
+      }],
       staticClass: "bk-icon icon-narrow-line",
       on: {
         "click": function click($event) {
@@ -864,6 +884,15 @@
         }
       }
     }), _c('i', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips.top",
+        value: _vm.t('bk.image.zoomIn'),
+        expression: "t('bk.image.zoomIn')",
+        modifiers: {
+          "top": true
+        }
+      }],
       staticClass: "bk-icon icon-enlarge-line",
       on: {
         "click": function click($event) {
@@ -871,6 +900,15 @@
         }
       }
     }), _c('i', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips.top",
+        value: _vm.t('bk.image.original'),
+        expression: "t('bk.image.original')",
+        modifiers: {
+          "top": true
+        }
+      }],
       staticClass: "bk-icon icon-normalized",
       on: {
         "click": function click($event) {
@@ -878,6 +916,15 @@
         }
       }
     }), _c('i', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips.top",
+        value: _vm.t('bk.image.rotateLeft'),
+        expression: "t('bk.image.rotateLeft')",
+        modifiers: {
+          "top": true
+        }
+      }],
       staticClass: "bk-icon icon-left-turn-line",
       on: {
         "click": function click($event) {
@@ -885,13 +932,31 @@
         }
       }
     }), _c('i', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips.top",
+        value: _vm.t('bk.image.rotateRight'),
+        expression: "t('bk.image.rotateRight')",
+        modifiers: {
+          "top": true
+        }
+      }],
       staticClass: "bk-icon icon-right-turn-line",
       on: {
         "click": function click($event) {
-          _vm.handleActions('clocelise');
+          _vm.handleActions('clockwise');
         }
       }
     }), _c('i', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips.top",
+        value: _vm.t('bk.image.fullScreen'),
+        expression: "t('bk.image.fullScreen')",
+        modifiers: {
+          "top": true
+        }
+      }],
       staticClass: "bk-icon icon-unfull-screen",
       on: {
         "click": function click($event) {
@@ -1100,6 +1165,10 @@
       zIndex: {
         type: Number,
         default: 2000
+      },
+      maskClose: {
+        type: Boolean,
+        default: true
       }
     },
     data: function data() {
@@ -1309,7 +1378,8 @@
         "is-show-title": _vm.isShowPreviewTitle,
         "initial-index": _vm.imageIndex,
         "url-list": _vm.previewSrcList,
-        "on-close": _vm.closeViewer
+        "on-close": _vm.closeViewer,
+        "mask-close": _vm.maskClose
       }
     }) : _vm._e()] : _vm._e()], 2);
   };

package/lib/info-box.js

@@ -2104,8 +2104,7 @@
 	      default: false
 	    },
 	    zIndex: {
-	      type: Number,
-	      default: 1000
+	      type: Number
 	    },
 	    confirmFn: {
 	      type: Function,
@@ -2314,7 +2313,7 @@
 	              }
 	            }, 0);
 	          }
-	          _this.dialogIndex = _this.getLocalZIndex();
+	          _this.dialogIndex = _this.zIndex !== undefined ? _this.zIndex : _this.getLocalZIndex();
 	          if (_this.showMask) {
 	            var options = {
 	              tplAction: 'keepAll',
@@ -2671,7 +2670,7 @@
 	        return _vm.okHandler($event);
 	      }
 	    }
-	  }, [_vm._v("\n                                            " + _vm._s(_vm.localeOkText) + "\n                                        ")]), _c('bk-button', {
+	  }, [_vm._v("\n                      " + _vm._s(_vm.localeOkText) + "\n                    ")]), _c('bk-button', {
 	    attrs: {
 	      "type": "button",
 	      "name": "cancel",
@@ -2682,7 +2681,7 @@
 	        return _vm.cancelHandler($event);
 	      }
 	    }
-	  }, [_vm._v("\n                                            " + _vm._s(_vm.localeCancelText) + "\n                                        ")])], 1)])], 2) : _vm._e()] : [_vm.showHead ? _c('div', {
+	  }, [_vm._v("\n                      " + _vm._s(_vm.localeCancelText) + "\n                    ")])], 1)])], 2) : _vm._e()] : [_vm.showHead ? _c('div', {
 	    staticClass: "bk-dialog-header"
 	  }, [_vm._t("header", [_c('div', {
 	    staticClass: "bk-dialog-header-inner"
@@ -2707,7 +2706,7 @@
 	        return _vm.okHandler($event);
 	      }
 	    }
-	  }, [_vm._v("\n                                            " + _vm._s(_vm.localeOkText) + "\n                                        ")]), _c('bk-button', {
+	  }, [_vm._v("\n                      " + _vm._s(_vm.localeOkText) + "\n                    ")]), _c('bk-button', {
 	    attrs: {
 	      "type": "button",
 	      "name": "cancel",
@@ -2718,7 +2717,7 @@
 	        return _vm.cancelHandler($event);
 	      }
 	    }
-	  }, [_vm._v("\n                                            " + _vm._s(_vm.localeCancelText) + "\n                                        ")])], 1)])], 2) : _vm._e()], _vm.closeIcon ? _c('i', {
+	  }, [_vm._v("\n                      " + _vm._s(_vm.localeCancelText) + "\n                    ")])], 1)])], 2) : _vm._e()], _vm.closeIcon ? _c('i', {
 	    staticClass: "bk-dialog-close bk-icon icon-close",
 	    on: {
 	      "click": function click($event) {
@@ -2791,7 +2790,7 @@
 	        return _vm.okHandler($event);
 	      }
 	    }
-	  }, [_vm._v("\n                                        " + _vm._s(_vm.localeOkText) + "\n                                    ")]), _c('bk-button', {
+	  }, [_vm._v("\n                    " + _vm._s(_vm.localeOkText) + "\n                  ")]), _c('bk-button', {
 	    attrs: {
 	      "type": "button",
 	      "name": "cancel",
@@ -2802,7 +2801,7 @@
 	        return _vm.cancelHandler($event);
 	      }
 	    }
-	  }, [_vm._v("\n                                        " + _vm._s(_vm.localeCancelText) + "\n                                    ")])], 1)])], 2) : _vm._e(), _vm.closeIcon ? _c('i', {
+	  }, [_vm._v("\n                    " + _vm._s(_vm.localeCancelText) + "\n                  ")])], 1)])], 2) : _vm._e(), _vm.closeIcon ? _c('i', {
 	    staticClass: "bk-dialog-close bk-icon icon-close",
 	    on: {
 	      "click": function click($event) {