cy-element-ui 1.1.14 → 1.1.16

package/lib/tooltip.js

@@ -120,267 +120,267 @@ var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
 
 
 /* harmony default export */ var main = ({
-  name: 'ElTooltip',
-
-  mixins: [vue_popper_default.a],
-
-  props: {
-    openDelay: {
-      type: Number,
-      default: 0
-    },
-    disabled: Boolean,
-    manual: Boolean,
-    effect: {
-      type: String,
-      default: 'dark'
-    },
-    arrowOffset: {
-      type: Number,
-      default: 0
-    },
-    popperClass: String,
-    content: String,
-    visibleArrow: {
-      default: true
-    },
-    transition: {
-      type: String,
-      default: 'el-fade-in-linear'
-    },
-    popperOptions: {
-      default: function _default() {
-        return {
-          boundariesPadding: 10,
-          gpuAcceleration: false
-        };
-      }
-    },
-    enterable: {
-      type: Boolean,
-      default: true
-    },
-    hideAfter: {
-      type: Number,
-      default: 0
-    },
-    tabindex: {
-      type: Number,
-      default: 0
-    }
-  },
-
-  data: function data() {
-    return {
-      tooltipId: 'el-tooltip-' + Object(util_["generateId"])(),
-      timeoutPending: null,
-      focusing: false
-    };
-  },
-  beforeCreate: function beforeCreate() {
-    var _this = this;
-
-    if (this.$isServer) return;
-
-    this.popperVM = new external_vue_default.a({
-      data: { node: '' },
-      render: function render(h) {
-        return this.node;
-      }
-    }).$mount();
-
-    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
-          },
-          on: {
-            'afterLeave': this.doDestroy
-          }
-        },
-        [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]
-        )]
-      );
-    }
-
-    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', this.tabindex);
-      Object(dom_["on"])(this.referenceElm, 'mouseenter', this.show);
-      Object(dom_["on"])(this.referenceElm, 'mouseleave', this.hide);
-      Object(dom_["on"])(this.referenceElm, 'focus', function () {
-        if (!_this3.$slots.default || !_this3.$slots.default.length) {
-          _this3.handleFocus();
-          return;
-        }
-        var instance = _this3.$slots.default[0].componentInstance;
-        if (instance && instance.focus) {
-          instance.focus();
-        } else {
-          _this3.handleFocus();
-        }
-      });
-      Object(dom_["on"])(this.referenceElm, 'blur', this.handleBlur);
-      Object(dom_["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) {
-        Object(dom_["addClass"])(this.referenceElm, 'focusing');
-      } else {
-        Object(dom_["removeClass"])(this.referenceElm, 'focusing');
-      }
-    }
-  },
-  methods: {
-    show: function show() {
-      this.setExpectedState(true);
-      this.handleShowPopper();
-    },
-    hide: function hide() {
-      this.setExpectedState(false);
-      this.debounceClose();
-    },
-    handleFocus: function handleFocus() {
-      this.focusing = true;
-      this.show();
-    },
-    handleBlur: function handleBlur() {
-      this.focusing = false;
-      this.hide();
-    },
-    removeFocusing: function removeFocusing() {
-      this.focusing = false;
-    },
-    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;
-        }, this.hideAfter);
-      }
-    },
-    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();
-      }
-    },
-    setExpectedState: function setExpectedState(expectedState) {
-      if (expectedState === false) {
-        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;
-    if (reference.nodeType === 1) {
-      Object(dom_["off"])(reference, 'mouseenter', this.show);
-      Object(dom_["off"])(reference, 'mouseleave', this.hide);
-      Object(dom_["off"])(reference, 'focus', this.handleFocus);
-      Object(dom_["off"])(reference, 'blur', this.handleBlur);
-      Object(dom_["off"])(reference, 'click', this.removeFocusing);
-    }
-  }
+	name: 'ElTooltip',
+
+	mixins: [vue_popper_default.a],
+
+	props: {
+		openDelay: {
+			type: Number,
+			default: 0
+		},
+		disabled: Boolean,
+		manual: Boolean,
+		effect: {
+			type: String,
+			default: 'dark'
+		},
+		arrowOffset: {
+			type: Number,
+			default: 0
+		},
+		popperClass: String,
+		content: String,
+		visibleArrow: {
+			default: true
+		},
+		transition: {
+			type: String,
+			default: 'el-fade-in-linear'
+		},
+		popperOptions: {
+			default: function _default() {
+				return {
+					boundariesPadding: 10,
+					gpuAcceleration: false
+				};
+			}
+		},
+		enterable: {
+			type: Boolean,
+			default: true
+		},
+		hideAfter: {
+			type: Number,
+			default: 0
+		},
+		tabindex: {
+			type: Number,
+			default: 0
+		}
+	},
+
+	data: function data() {
+		return {
+			tooltipId: 'el-tooltip-' + Object(util_["generateId"])(),
+			timeoutPending: null,
+			focusing: false
+		};
+	},
+	beforeCreate: function beforeCreate() {
+		var _this = this;
+
+		if (this.$isServer) return;
+
+		this.popperVM = new external_vue_default.a({
+			data: { node: '' },
+			render: function render(h) {
+				return this.node;
+			}
+		}).$mount();
+
+		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
+					},
+					on: {
+						'afterLeave': this.doDestroy
+					}
+				},
+				[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]
+				)]
+			);
+		}
+
+		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', this.tabindex);
+			Object(dom_["on"])(this.referenceElm, 'mouseenter', this.show);
+			Object(dom_["on"])(this.referenceElm, 'mouseleave', this.hide);
+			Object(dom_["on"])(this.referenceElm, 'focus', function () {
+				if (!_this3.$slots.default || !_this3.$slots.default.length) {
+					_this3.handleFocus();
+					return;
+				}
+				var instance = _this3.$slots.default[0].componentInstance;
+				if (instance && instance.focus) {
+					instance.focus();
+				} else {
+					_this3.handleFocus();
+				}
+			});
+			Object(dom_["on"])(this.referenceElm, 'blur', this.handleBlur);
+			Object(dom_["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) {
+				Object(dom_["addClass"])(this.referenceElm, 'focusing');
+			} else {
+				Object(dom_["removeClass"])(this.referenceElm, 'focusing');
+			}
+		}
+	},
+	methods: {
+		show: function show() {
+			this.setExpectedState(true);
+			this.handleShowPopper();
+		},
+		hide: function hide() {
+			this.setExpectedState(false);
+			this.debounceClose();
+		},
+		handleFocus: function handleFocus() {
+			this.focusing = true;
+			this.show();
+		},
+		handleBlur: function handleBlur() {
+			this.focusing = false;
+			this.hide();
+		},
+		removeFocusing: function removeFocusing() {
+			this.focusing = false;
+		},
+		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;
+				}, this.hideAfter);
+			}
+		},
+		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();
+			}
+		},
+		setExpectedState: function setExpectedState(expectedState) {
+			if (expectedState === false) {
+				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;
+		if (reference.nodeType === 1) {
+			Object(dom_["off"])(reference, 'mouseenter', this.show);
+			Object(dom_["off"])(reference, 'mouseleave', this.hide);
+			Object(dom_["off"])(reference, 'focus', this.handleFocus);
+			Object(dom_["off"])(reference, 'blur', this.handleBlur);
+			Object(dom_["off"])(reference, 'click', this.removeFocusing);
+		}
+	}
 });
 // CONCATENATED MODULE: ./packages/tooltip/index.js
 
 
 /* istanbul ignore next */
 main.install = function (Vue) {
-  Vue.component(main.name, main);
+	Vue.component(main.name, main);
 };
 
 /* harmony default export */ var tooltip = __webpack_exports__["default"] = (main);