mazey-element-ui 2.0.1 → 2.15.16

package/lib/tooltip.js

@@ -1,148 +1,83 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	const __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			const getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter/value functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			if(Array.isArray(definition)) {
+/******/ 				var i = 0;
+/******/ 				while(i < definition.length) {
+/******/ 					var key = definition[i++];
+/******/ 					var binding = definition[i++];
+/******/ 					if(!__webpack_require__.o(exports, key)) {
+/******/ 						if(binding === 0) {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
+/******/ 						} else {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, get: binding });
+/******/ 						}
+/******/ 					} else if(binding === 0) { i++; }
+/******/ 				}
+/******/ 			} else {
+/******/ 				for(var key in definition) {
+/******/ 					if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 						Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 					}
+/******/ 				}
+/******/ 			}
 /******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, {
-/******/ 				configurable: false,
-/******/ 				enumerable: true,
-/******/ 				get: getter
-/******/ 			});
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/dist/";
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 258);
-/******/ })
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
 /************************************************************************/
-/******/ ({
-
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("throttle-debounce/debounce");
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/dom");
-
-/***/ }),
-
-/***/ 21:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/vdom");
-
-/***/ }),
-
-/***/ 258:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _main = __webpack_require__(259);
-
-var _main2 = _interopRequireDefault(_main);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* istanbul ignore next */
-_main2.default.install = function (Vue) {
-  Vue.component(_main2.default.name, _main2.default);
-};
+let __webpack_exports__ = {};
 
-exports.default = _main2.default;
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ tooltip)
+});
 
-/***/ }),
+;// external "mazey-element-ui/lib/utils/vue-popper"
+const vue_popper_namespaceObject = require("mazey-element-ui/lib/utils/vue-popper");
+var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_namespaceObject);
+;// external "throttle-debounce/debounce"
+const debounce_namespaceObject = require("throttle-debounce/debounce");
+var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_namespaceObject);
+;// external "mazey-element-ui/lib/utils/dom"
+const dom_namespaceObject = require("mazey-element-ui/lib/utils/dom");
+;// external "mazey-element-ui/lib/utils/util"
+const util_namespaceObject = require("mazey-element-ui/lib/utils/util");
+;// external "vue"
+const external_vue_namespaceObject = require("vue");
+var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_namespaceObject);
+;// ./packages/tooltip/src/main.js
 
-/***/ 259:
-/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
 
 
-exports.__esModule = true;
 
-var _vuePopper = __webpack_require__(7);
-
-var _vuePopper2 = _interopRequireDefault(_vuePopper);
-
-var _debounce = __webpack_require__(14);
-
-var _debounce2 = _interopRequireDefault(_debounce);
-
-var _dom = __webpack_require__(2);
-
-var _vdom = __webpack_require__(21);
-
-var _util = __webpack_require__(3);
-
-var _vue = __webpack_require__(4);
-
-var _vue2 = _interopRequireDefault(_vue);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = {
+/* harmony default export */ const main = ({
   name: 'ElTooltip',
-
-  mixins: [_vuePopper2.default],
-
+  mixins: [(vue_popper_default())],
   props: {
     openDelay: {
       type: Number,
@@ -182,100 +117,82 @@ exports.default = {
     hideAfter: {
       type: Number,
       default: 0
+    },
+    tabindex: {
+      type: Number,
+      default: 0
     }
   },
-
   data: function data() {
     return {
+      tooltipId: "el-tooltip-" + (0,util_namespaceObject.generateId)(),
       timeoutPending: null,
       focusing: false
     };
   },
-
-  computed: {
-    tooltipId: function tooltipId() {
-      return 'el-tooltip-' + (0, _util.generateId)();
-    }
-  },
   beforeCreate: function beforeCreate() {
     var _this = this;
-
     if (this.$isServer) return;
-
-    this.popperVM = new _vue2.default({
-      data: { node: '' },
+    this.popperVM = new (external_vue_default())({
+      data: {
+        node: ''
+      },
       render: function render(h) {
         return this.node;
       }
     }).$mount();
-
-    this.debounceClose = (0, _debounce2.default)(200, function () {
+    this.debounceClose = debounce_default()(200, function () {
       return _this.handleClosePopper();
     });
   },
   render: function render(h) {
     var _this2 = this;
-
     if (this.popperVM) {
-      this.popperVM.node = h(
-        'transition',
-        {
-          attrs: {
-            name: this.transition
+      this.popperVM.node = h("transition", {
+        "attrs": {
+          "name": this.transition
+        },
+        "on": {
+          "afterLeave": this.doDestroy
+        }
+      }, [h("div", {
+        "on": {
+          "mouseleave": function mouseleave() {
+            _this2.setExpectedState(false);
+            _this2.debounceClose();
           },
-          on: {
-            'afterLeave': this.doDestroy
+          "mouseenter": function mouseenter() {
+            _this2.setExpectedState(true);
           }
         },
-        [h(
-          'div',
-          {
-            on: {
-              'mouseleave': function mouseleave() {
-                _this2.setExpectedState(false);_this2.debounceClose();
-              },
-              'mouseenter': function mouseenter() {
-                _this2.setExpectedState(true);
-              }
-            },
-
-            ref: 'popper',
-            attrs: { role: 'tooltip',
-              id: this.tooltipId,
-              'aria-hidden': this.disabled || !this.showPopper ? 'true' : 'false'
-            },
-            directives: [{
-              name: 'show',
-              value: !this.disabled && this.showPopper
-            }],
-
-            'class': ['el-tooltip__popper', 'is-' + this.effect, this.popperClass] },
-          [this.$slots.content || this.content]
-        )]
-      );
+        "ref": "popper",
+        "attrs": {
+          "role": "tooltip",
+          "id": this.tooltipId,
+          "aria-hidden": this.disabled || !this.showPopper ? 'true' : 'false'
+        },
+        "directives": [{
+          name: "show",
+          value: !this.disabled && this.showPopper
+        }],
+        "class": ['el-tooltip__popper', 'is-' + this.effect, this.popperClass]
+      }, [this.$slots.content || this.content])]);
     }
-
-    if (!this.$slots.default || !this.$slots.default.length) return this.$slots.default;
-
-    var vnode = (0, _vdom.getFirstComponentChild)(this.$slots.default);
-
-    if (!vnode) return vnode;
-
-    var data = vnode.data = vnode.data || {};
-    data.staticClass = this.concatClass(data.staticClass, 'el-tooltip');
-
-    return vnode;
+    var firstElement = this.getFirstElement();
+    if (!firstElement) return null;
+    var data = firstElement.data = firstElement.data || {};
+    data.staticClass = this.addTooltipClass(data.staticClass);
+    return firstElement;
   },
   mounted: function mounted() {
     var _this3 = this;
-
     this.referenceElm = this.$el;
     if (this.$el.nodeType === 1) {
       this.$el.setAttribute('aria-describedby', this.tooltipId);
-      this.$el.setAttribute('tabindex', 0);
-      (0, _dom.on)(this.referenceElm, 'mouseenter', this.show);
-      (0, _dom.on)(this.referenceElm, 'mouseleave', this.hide);
-      (0, _dom.on)(this.referenceElm, 'focus', function () {
+      this.$el.setAttribute('tabindex', this.tabindex);
+      (0,dom_namespaceObject.on)(this.referenceElm, 'mouseenter', this.show);
+      (0,dom_namespaceObject.on)(this.referenceElm, 'mouseleave', this.hide);
+      (0,dom_namespaceObject.on)(this.referenceElm, 'focus', function () {
         if (!_this3.$slots.default || !_this3.$slots.default.length) {
           _this3.handleFocus();
           return;
@@ -287,17 +204,24 @@ exports.default = {
           _this3.handleFocus();
         }
       });
-      (0, _dom.on)(this.referenceElm, 'blur', this.handleBlur);
-      (0, _dom.on)(this.referenceElm, 'click', this.removeFocusing);
+      (0,dom_namespaceObject.on)(this.referenceElm, 'blur', this.handleBlur);
+      (0,dom_namespaceObject.on)(this.referenceElm, 'click', this.removeFocusing);
+    }
+    // fix issue https://github.com/ElemeFE/element/issues/14424
+    if (this.value && this.popperVM) {
+      this.popperVM.$nextTick(function () {
+        if (_this3.value) {
+          _this3.updatePopper();
+        }
+      });
     }
   },
-
   watch: {
     focusing: function focusing(val) {
       if (val) {
-        (0, _dom.addClass)(this.referenceElm, 'focusing');
+        (0,dom_namespaceObject.addClass)(this.referenceElm, 'focusing');
       } else {
-        (0, _dom.removeClass)(this.referenceElm, 'focusing');
+        (0,dom_namespaceObject.removeClass)(this.referenceElm, 'focusing');
       }
     }
   },
@@ -321,19 +245,20 @@ exports.default = {
     removeFocusing: function removeFocusing() {
       this.focusing = false;
     },
-    concatClass: function concatClass(a, b) {
-      if (a && a.indexOf(b) > -1) return a;
-      return a ? b ? a + ' ' + b : a : b || '';
+    addTooltipClass: function addTooltipClass(prev) {
+      if (!prev) {
+        return 'el-tooltip';
+      } else {
+        return 'el-tooltip ' + prev.replace('el-tooltip', '');
+      }
     },
     handleShowPopper: function handleShowPopper() {
       var _this4 = this;
-
       if (!this.expectedState || this.manual) return;
       clearTimeout(this.timeout);
       this.timeout = setTimeout(function () {
         _this4.showPopper = true;
       }, this.openDelay);
-
       if (this.hideAfter > 0) {
         this.timeoutPending = setTimeout(function () {
           _this4.showPopper = false;
@@ -343,12 +268,10 @@ exports.default = {
     handleClosePopper: function handleClosePopper() {
       if (this.enterable && this.expectedState || this.manual) return;
       clearTimeout(this.timeout);
-
       if (this.timeoutPending) {
         clearTimeout(this.timeoutPending);
       }
       this.showPopper = false;
-
       if (this.disabled) {
         this.doDestroy();
       }
@@ -358,40 +281,43 @@ exports.default = {
         clearTimeout(this.timeoutPending);
       }
       this.expectedState = expectedState;
+    },
+    getFirstElement: function getFirstElement() {
+      var slots = this.$slots.default;
+      if (!Array.isArray(slots)) return null;
+      var element = null;
+      for (var index = 0; index < slots.length; index++) {
+        if (slots[index] && slots[index].tag) {
+          element = slots[index];
+          break;
+        }
+        ;
+      }
+      return element;
     }
   },
-
+  beforeDestroy: function beforeDestroy() {
+    this.popperVM && this.popperVM.$destroy();
+  },
   destroyed: function destroyed() {
     var reference = this.referenceElm;
-    (0, _dom.off)(reference, 'mouseenter', this.show);
-    (0, _dom.off)(reference, 'mouseleave', this.hide);
-    (0, _dom.off)(reference, 'focus', this.handleFocus);
-    (0, _dom.off)(reference, 'blur', this.handleBlur);
-    (0, _dom.off)(reference, 'click', this.removeFocusing);
+    if (reference.nodeType === 1) {
+      (0,dom_namespaceObject.off)(reference, 'mouseenter', this.show);
+      (0,dom_namespaceObject.off)(reference, 'mouseleave', this.hide);
+      (0,dom_namespaceObject.off)(reference, 'focus', this.handleFocus);
+      (0,dom_namespaceObject.off)(reference, 'blur', this.handleBlur);
+      (0,dom_namespaceObject.off)(reference, 'click', this.removeFocusing);
+    }
   }
-};
-
-/***/ }),
+});
+;// ./packages/tooltip/index.js
 
-/***/ 3:
-/***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/utils/util");
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("vue");
-
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/vue-popper");
-
-/***/ })
-
-/******/ });
+/* istanbul ignore next */
+main.install = function (Vue) {
+  Vue.component(main.name, main);
+};
+/* harmony default export */ const tooltip = (main);
+module.exports = __webpack_exports__["default"];
+/******/ })()
+;