bk-magic-vue 2.4.8 → 2.4.9

package/lib/zoom-image.js

@@ -1,14 +1,356 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-  typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = global || self, factory(global.library = {}));
-}(this, function (exports) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'vue'], factory) :
+  (global = global || self, factory(global.library = {}, global.Vue));
+}(this, function (exports, Vue) { 'use strict';
+
+  Vue = Vue && Vue.hasOwnProperty('default') ? Vue['default'] : Vue;
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  function getTarget(node) {
+    if (node === void 0) {
+      node = document.body;
+    }
+    if (node === true) {
+      return document.body;
+    }
+    return node instanceof window.Node ? node : document.querySelector(node);
+  }
+  var transferDom = {
+    inserted: function inserted(el, _ref, vnode) {
+      var value = _ref.value;
+      if (el.dataset.transfer !== 'true') {
+        return false;
+      }
+      el.className = el.className ? el.className + ' v-transfer-dom' : 'v-transfer-dom';
+      var parentNode = el.parentNode;
+      if (!parentNode) {
+        return;
+      }
+      var home = document.createComment('');
+      var hasMovedOut = false;
+      if (value !== false) {
+        parentNode.replaceChild(home, el);
+        getTarget(value).appendChild(el);
+        hasMovedOut = true;
+      }
+      if (!el.__transferDomData) {
+        el.__transferDomData = {
+          parentNode: parentNode,
+          home: home,
+          target: getTarget(value),
+          hasMovedOut: hasMovedOut
+        };
+      }
+    },
+    componentUpdated: function componentUpdated(el, _ref2) {
+      var value = _ref2.value;
+      if (el.dataset.transfer !== 'true') {
+        return false;
+      }
+      var ref$1 = el.__transferDomData;
+      if (!ref$1) {
+        return;
+      }
+      var parentNode = ref$1.parentNode;
+      var home = ref$1.home;
+      var hasMovedOut = ref$1.hasMovedOut;
+      if (!hasMovedOut && value) {
+        parentNode.replaceChild(home, el);
+        getTarget(value).appendChild(el);
+        el.__transferDomData = _extends({}, el.__transferDomData, {
+          hasMovedOut: true,
+          target: getTarget(value)
+        });
+      } else if (hasMovedOut && value === false) {
+        parentNode.replaceChild(el, home);
+        el.__transferDomData = _extends({}, el.__transferDomData, {
+          hasMovedOut: false,
+          target: getTarget(value)
+        });
+      } else if (value) {
+        getTarget(value).appendChild(el);
+      }
+    },
+    unbind: function unbind(el) {
+      if (el.dataset.transfer !== 'true') {
+        return false;
+      }
+      el.className = el.className.replace('v-transfer-dom', '');
+      var ref$1 = el.__transferDomData;
+      if (!ref$1) {
+        return;
+      }
+      if (el.__transferDomData.hasMovedOut === true) {
+        el.__transferDomData.parentNode && el.__transferDomData.parentNode.appendChild(el);
+      }
+      el.__transferDomData = null;
+    }
+  };
+  transferDom.install = function (Vue) {
+    Vue.directive('bk-transfer-dom', transferDom);
+  };
+
+  function createCommonjsModule(fn, module) {
+  	return module = { exports: {} }, fn(module, module.exports), module.exports;
+  }
+
+  var _global = createCommonjsModule(function (module) {
+  var global = module.exports = typeof window != 'undefined' && window.Math == Math
+    ? window : typeof self != 'undefined' && self.Math == Math ? self
+    : Function('return this')();
+  if (typeof __g == 'number') __g = global;
+  });
+
+  var _core = createCommonjsModule(function (module) {
+  var core = module.exports = { version: '2.6.12' };
+  if (typeof __e == 'number') __e = core;
+  });
+  var _core_1 = _core.version;
+
+  var _aFunction = function (it) {
+    if (typeof it != 'function') throw TypeError(it + ' is not a function!');
+    return it;
+  };
+
+  var _ctx = function (fn, that, length) {
+    _aFunction(fn);
+    if (that === undefined) return fn;
+    switch (length) {
+      case 1: return function (a) {
+        return fn.call(that, a);
+      };
+      case 2: return function (a, b) {
+        return fn.call(that, a, b);
+      };
+      case 3: return function (a, b, c) {
+        return fn.call(that, a, b, c);
+      };
+    }
+    return function () {
+      return fn.apply(that, arguments);
+    };
+  };
+
+  var _isObject = function (it) {
+    return typeof it === 'object' ? it !== null : typeof it === 'function';
+  };
+
+  var _anObject = function (it) {
+    if (!_isObject(it)) throw TypeError(it + ' is not an object!');
+    return it;
+  };
+
+  var _fails = function (exec) {
+    try {
+      return !!exec();
+    } catch (e) {
+      return true;
+    }
+  };
+
+  var _descriptors = !_fails(function () {
+    return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
+  });
+
+  var document$1 = _global.document;
+  var is = _isObject(document$1) && _isObject(document$1.createElement);
+  var _domCreate = function (it) {
+    return is ? document$1.createElement(it) : {};
+  };
+
+  var _ie8DomDefine = !_descriptors && !_fails(function () {
+    return Object.defineProperty(_domCreate('div'), 'a', { get: function () { return 7; } }).a != 7;
+  });
+
+  var _toPrimitive = function (it, S) {
+    if (!_isObject(it)) return it;
+    var fn, val;
+    if (S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
+    if (typeof (fn = it.valueOf) == 'function' && !_isObject(val = fn.call(it))) return val;
+    if (!S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
+    throw TypeError("Can't convert object to primitive value");
+  };
+
+  var dP = Object.defineProperty;
+  var f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+    _anObject(O);
+    P = _toPrimitive(P, true);
+    _anObject(Attributes);
+    if (_ie8DomDefine) try {
+      return dP(O, P, Attributes);
+    } catch (e) {  }
+    if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
+    if ('value' in Attributes) O[P] = Attributes.value;
+    return O;
+  };
+  var _objectDp = {
+  	f: f
+  };
+
+  var _propertyDesc = function (bitmap, value) {
+    return {
+      enumerable: !(bitmap & 1),
+      configurable: !(bitmap & 2),
+      writable: !(bitmap & 4),
+      value: value
+    };
+  };
+
+  var _hide = _descriptors ? function (object, key, value) {
+    return _objectDp.f(object, key, _propertyDesc(1, value));
+  } : function (object, key, value) {
+    object[key] = value;
+    return object;
+  };
+
+  var hasOwnProperty = {}.hasOwnProperty;
+  var _has = function (it, key) {
+    return hasOwnProperty.call(it, key);
+  };
+
+  var PROTOTYPE = 'prototype';
+  var $export = function (type, name, source) {
+    var IS_FORCED = type & $export.F;
+    var IS_GLOBAL = type & $export.G;
+    var IS_STATIC = type & $export.S;
+    var IS_PROTO = type & $export.P;
+    var IS_BIND = type & $export.B;
+    var IS_WRAP = type & $export.W;
+    var exports = IS_GLOBAL ? _core : _core[name] || (_core[name] = {});
+    var expProto = exports[PROTOTYPE];
+    var target = IS_GLOBAL ? _global : IS_STATIC ? _global[name] : (_global[name] || {})[PROTOTYPE];
+    var key, own, out;
+    if (IS_GLOBAL) source = name;
+    for (key in source) {
+      own = !IS_FORCED && target && target[key] !== undefined;
+      if (own && _has(exports, key)) continue;
+      out = own ? target[key] : source[key];
+      exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
+      : IS_BIND && own ? _ctx(out, _global)
+      : IS_WRAP && target[key] == out ? (function (C) {
+        var F = function (a, b, c) {
+          if (this instanceof C) {
+            switch (arguments.length) {
+              case 0: return new C();
+              case 1: return new C(a);
+              case 2: return new C(a, b);
+            } return new C(a, b, c);
+          } return C.apply(this, arguments);
+        };
+        F[PROTOTYPE] = C[PROTOTYPE];
+        return F;
+      })(out) : IS_PROTO && typeof out == 'function' ? _ctx(Function.call, out) : out;
+      if (IS_PROTO) {
+        (exports.virtual || (exports.virtual = {}))[key] = out;
+        if (type & $export.R && expProto && !expProto[key]) _hide(expProto, key, out);
+      }
+    }
+  };
+  $export.F = 1;
+  $export.G = 2;
+  $export.S = 4;
+  $export.P = 8;
+  $export.B = 16;
+  $export.W = 32;
+  $export.U = 64;
+  $export.R = 128;
+  var _export = $export;
+
+  _export(_export.S + _export.F * !_descriptors, 'Object', { defineProperty: _objectDp.f });
+
+  var $Object = _core.Object;
+  var defineProperty = function defineProperty(it, key, desc) {
+    return $Object.defineProperty(it, key, desc);
+  };
+
+  var defineProperty$1 = defineProperty;
+
+  var hasInitZIndex = false;
+  var zIndex;
+  (function () {
+    if (!window['__bk_zIndex_manager']) {
+      var zIndexManager = {
+        nextZIndex: function nextZIndex() {
+          var zIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+          return zIndex === 'default' ? zIndexManager.zIndex++ : zIndex;
+        },
+        nextTickIndex: function nextTickIndex() {
+          var tick = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+          var zIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
+          if (zIndex === 'default') {
+            zIndexManager.zIndex += tick;
+            return zIndexManager.zIndex;
+          }
+          return zIndex;
+        }
+      };
+      defineProperty$1(zIndexManager, 'zIndex', {
+        configurable: true,
+        get: function get() {
+          if (!hasInitZIndex) {
+            zIndex = zIndex || (Vue.prototype.$BK_EL || {}).zIndex || 2000;
+            hasInitZIndex = true;
+          }
+          return zIndex;
+        },
+        set: function set(value) {
+          zIndex = value;
+        }
+      });
+      window['__bk_zIndex_manager'] = zIndexManager;
+    }
+  })();
+  var zIndexManager = window['__bk_zIndex_manager'];
+
+  var zIndex$1 = {
+    props: {
+      zIndex: {
+        type: [Number, String],
+        default: 'default'
+      }
+    },
+    methods: {
+      getLocalZIndex: function getLocalZIndex(zIndex) {
+        return zIndexManager.nextTickIndex(2, zIndex);
+      }
+    }
+  };
 
   var script = {
     name: 'bk-zoom-image',
+    directives: {
+      transferDom: transferDom
+    },
+    mixins: [zIndex$1],
     props: {
       src: String,
-      extCls: String
+      extCls: String,
+      zIndex: {
+        type: Number,
+        default: 2000
+      },
+      transfer: {
+        type: Boolean,
+        default: true
+      }
     },
     data: function data() {
       return {
@@ -21,7 +363,8 @@
         width: 0,
         height: 0,
         top: 0,
-        left: 0
+        left: 0,
+        popIndex: 0
       };
     },
     watch: {
@@ -36,6 +379,10 @@
       }
     },
     methods: {
+      showImg: function showImg() {
+        this.imgSrc = this.src;
+        this.popIndex = this.transfer ? this.getLocalZIndex() : this.zIndex;
+      },
       startChange: function startChange(event) {
         if (!this.isInit) return;
         this.top = event.clientY - event.offsetY;
@@ -157,16 +504,31 @@
         "src": _vm.src
       },
       on: {
-        "click": function click($event) {
-          _vm.imgSrc = _vm.src;
-        }
+        "click": _vm.showImg
       }
     }), _c('transition', {
       attrs: {
         "name": "fade"
       }
+    }, [_c('div', {
+      directives: [{
+        name: "transfer-dom",
+        rawName: "v-transfer-dom"
+      }],
+      staticClass: "bk-zoom-image",
+      staticStyle: {
+        "position": "absolute",
+        "top": "-100000px",
+        "left": "-100000px"
+      },
+      attrs: {
+        "data-transfer": _vm.transfer
+      }
     }, [_vm.imgSrc ? _c('section', {
       staticClass: "bk-full-screen",
+      style: {
+        zIndex: _vm.popIndex
+      },
       on: {
         "mousemove": _vm.mouseMove,
         "mouseup": _vm.mouseUp
@@ -196,7 +558,7 @@
         },
         "mousedown": _vm.mouseDown
       }
-    })]) : _vm._e()])], 1);
+    })]) : _vm._e()])])], 1);
   };
 
   var __vue_staticRenderFns__ = [];
@@ -232,11 +594,6 @@
     return Object(_defined(it));
   };
 
-  var hasOwnProperty = {}.hasOwnProperty;
-  var _has = function (it, key) {
-    return hasOwnProperty.call(it, key);
-  };
-
   var toString = {}.toString;
   var _cof = function (it) {
     return toString.call(it).slice(8, -1);
@@ -283,23 +640,6 @@
     };
   };
 
-  function createCommonjsModule(fn, module) {
-  	return module = { exports: {} }, fn(module, module.exports), module.exports;
-  }
-
-  var _core = createCommonjsModule(function (module) {
-  var core = module.exports = { version: '2.6.12' };
-  if (typeof __e == 'number') __e = core;
-  });
-  var _core_1 = _core.version;
-
-  var _global = createCommonjsModule(function (module) {
-  var global = module.exports = typeof window != 'undefined' && window.Math == Math
-    ? window : typeof self != 'undefined' && self.Math == Math ? self
-    : Function('return this')();
-  if (typeof __g == 'number') __g = global;
-  });
-
   var _shared = createCommonjsModule(function (module) {
   var SHARED = '__core-js_shared__';
   var store = _global[SHARED] || (_global[SHARED] = {});
@@ -345,150 +685,6 @@
     return _objectKeysInternal(O, _enumBugKeys);
   };
 
-  var _aFunction = function (it) {
-    if (typeof it != 'function') throw TypeError(it + ' is not a function!');
-    return it;
-  };
-
-  var _ctx = function (fn, that, length) {
-    _aFunction(fn);
-    if (that === undefined) return fn;
-    switch (length) {
-      case 1: return function (a) {
-        return fn.call(that, a);
-      };
-      case 2: return function (a, b) {
-        return fn.call(that, a, b);
-      };
-      case 3: return function (a, b, c) {
-        return fn.call(that, a, b, c);
-      };
-    }
-    return function () {
-      return fn.apply(that, arguments);
-    };
-  };
-
-  var _isObject = function (it) {
-    return typeof it === 'object' ? it !== null : typeof it === 'function';
-  };
-
-  var _anObject = function (it) {
-    if (!_isObject(it)) throw TypeError(it + ' is not an object!');
-    return it;
-  };
-
-  var _fails = function (exec) {
-    try {
-      return !!exec();
-    } catch (e) {
-      return true;
-    }
-  };
-
-  var _descriptors = !_fails(function () {
-    return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
-  });
-
-  var document = _global.document;
-  var is = _isObject(document) && _isObject(document.createElement);
-  var _domCreate = function (it) {
-    return is ? document.createElement(it) : {};
-  };
-
-  var _ie8DomDefine = !_descriptors && !_fails(function () {
-    return Object.defineProperty(_domCreate('div'), 'a', { get: function () { return 7; } }).a != 7;
-  });
-
-  var _toPrimitive = function (it, S) {
-    if (!_isObject(it)) return it;
-    var fn, val;
-    if (S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
-    if (typeof (fn = it.valueOf) == 'function' && !_isObject(val = fn.call(it))) return val;
-    if (!S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
-    throw TypeError("Can't convert object to primitive value");
-  };
-
-  var dP = Object.defineProperty;
-  var f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
-    _anObject(O);
-    P = _toPrimitive(P, true);
-    _anObject(Attributes);
-    if (_ie8DomDefine) try {
-      return dP(O, P, Attributes);
-    } catch (e) {  }
-    if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
-    if ('value' in Attributes) O[P] = Attributes.value;
-    return O;
-  };
-  var _objectDp = {
-  	f: f
-  };
-
-  var _propertyDesc = function (bitmap, value) {
-    return {
-      enumerable: !(bitmap & 1),
-      configurable: !(bitmap & 2),
-      writable: !(bitmap & 4),
-      value: value
-    };
-  };
-
-  var _hide = _descriptors ? function (object, key, value) {
-    return _objectDp.f(object, key, _propertyDesc(1, value));
-  } : function (object, key, value) {
-    object[key] = value;
-    return object;
-  };
-
-  var PROTOTYPE = 'prototype';
-  var $export = function (type, name, source) {
-    var IS_FORCED = type & $export.F;
-    var IS_GLOBAL = type & $export.G;
-    var IS_STATIC = type & $export.S;
-    var IS_PROTO = type & $export.P;
-    var IS_BIND = type & $export.B;
-    var IS_WRAP = type & $export.W;
-    var exports = IS_GLOBAL ? _core : _core[name] || (_core[name] = {});
-    var expProto = exports[PROTOTYPE];
-    var target = IS_GLOBAL ? _global : IS_STATIC ? _global[name] : (_global[name] || {})[PROTOTYPE];
-    var key, own, out;
-    if (IS_GLOBAL) source = name;
-    for (key in source) {
-      own = !IS_FORCED && target && target[key] !== undefined;
-      if (own && _has(exports, key)) continue;
-      out = own ? target[key] : source[key];
-      exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
-      : IS_BIND && own ? _ctx(out, _global)
-      : IS_WRAP && target[key] == out ? (function (C) {
-        var F = function (a, b, c) {
-          if (this instanceof C) {
-            switch (arguments.length) {
-              case 0: return new C();
-              case 1: return new C(a);
-              case 2: return new C(a, b);
-            } return new C(a, b, c);
-          } return C.apply(this, arguments);
-        };
-        F[PROTOTYPE] = C[PROTOTYPE];
-        return F;
-      })(out) : IS_PROTO && typeof out == 'function' ? _ctx(Function.call, out) : out;
-      if (IS_PROTO) {
-        (exports.virtual || (exports.virtual = {}))[key] = out;
-        if (type & $export.R && expProto && !expProto[key]) _hide(expProto, key, out);
-      }
-    }
-  };
-  $export.F = 1;
-  $export.G = 2;
-  $export.S = 4;
-  $export.P = 8;
-  $export.B = 16;
-  $export.W = 32;
-  $export.U = 64;
-  $export.R = 128;
-  var _export = $export;
-
   var _objectSap = function (KEY, exec) {
     var fn = (_core.Object || {})[KEY] || Object[KEY];
     var exp = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bk-magic-vue",
-  "version": "2.4.8",
+  "version": "2.4.9",
   "description": "基于蓝鲸 Magicbox 和 Vue 的前端组件库",
   "main": "dist/bk-magic-vue.min.js",
   "files": [
@@ -58,7 +58,7 @@
     "@babel/register": "~7.4.4",
     "@babel/runtime": "~7.4.5",
     "@babel/runtime-corejs2": "~7.4.5",
-    "@blueking/magicbox-header": "^1.1.47",
+    "@blueking/magicbox-header": "^1.1.48",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@vue/babel-helper-vue-jsx-merge-props": "~1.0.0",