vxe-table 4.3.5 → 4.3.6

package/lib/tooltip/src/tooltip.js

@@ -4,39 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _vue = require("vue");
-
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-
 var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
-
 var _size = require("../../hooks/size");
-
 var _utils = require("../../tools/utils");
-
 var _dom = require("../../tools/dom");
-
 var _vn = require("../../tools/vn");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack) {
   if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
     if (ar || !(i in from)) {
@@ -46,26 +31,25 @@ var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-
-var _default2 = (0, _vue.defineComponent)({
+var _default = (0, _vue.defineComponent)({
   name: 'VxeTooltip',
   props: {
     modelValue: Boolean,
     size: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.tooltip.size || _conf.default.size;
       }
     },
     trigger: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.tooltip.trigger;
       }
     },
     theme: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.tooltip.theme;
       }
     },
@@ -82,24 +66,22 @@ var _default2 = (0, _vue.defineComponent)({
     enterable: Boolean,
     enterDelay: {
       type: Number,
-      default: function _default() {
+      default: function () {
         return _conf.default.tooltip.enterDelay;
       }
     },
     leaveDelay: {
       type: Number,
-      default: function _default() {
+      default: function () {
         return _conf.default.tooltip.leaveDelay;
       }
     }
   },
   emits: ['update:modelValue'],
-  setup: function setup(props, context) {
+  setup: function (props, context) {
     var slots = context.slots,
-        emit = context.emit;
-
+      emit = context.emit;
     var xID = _xeUtils.default.uniqueId();
-
     var computeSize = (0, _size.useSize)(props);
     var reactData = (0, _vue.reactive)({
       target: null,
@@ -124,26 +106,22 @@ var _default2 = (0, _vue.defineComponent)({
       props: props,
       context: context,
       reactData: reactData,
-      getRefMaps: function getRefMaps() {
+      getRefMaps: function () {
         return refMaps;
       }
     };
     var tooltipMethods = {};
-
-    var updateTipStyle = function updateTipStyle() {
+    var updateTipStyle = function () {
       var tipTarget = reactData.tipTarget,
-          tipStore = reactData.tipStore;
-
+        tipStore = reactData.tipStore;
       if (tipTarget) {
         var _a = (0, _dom.getDomNode)(),
-            scrollTop = _a.scrollTop,
-            scrollLeft = _a.scrollLeft,
-            visibleWidth = _a.visibleWidth;
-
+          scrollTop = _a.scrollTop,
+          scrollLeft = _a.scrollLeft,
+          visibleWidth = _a.visibleWidth;
         var _b = (0, _dom.getAbsolutePos)(tipTarget),
-            top_1 = _b.top,
-            left = _b.left;
-
+          top_1 = _b.top,
+          left = _b.left;
         var el = refElem.value;
         var marginSize = 6;
         var offsetHeight = el.offsetHeight;
@@ -151,54 +129,45 @@ var _default2 = (0, _vue.defineComponent)({
         var tipLeft = left;
         var tipTop = top_1 - offsetHeight - marginSize;
         tipLeft = Math.max(marginSize, left + Math.floor((tipTarget.offsetWidth - offsetWidth) / 2));
-
         if (tipLeft + offsetWidth + marginSize > scrollLeft + visibleWidth) {
           tipLeft = scrollLeft + visibleWidth - offsetWidth - marginSize;
         }
-
         if (top_1 - offsetHeight < scrollTop + marginSize) {
           tipStore.placement = 'bottom';
           tipTop = top_1 + tipTarget.offsetHeight + marginSize;
         }
-
         tipStore.style.top = "".concat(tipTop, "px");
         tipStore.style.left = "".concat(tipLeft, "px");
         tipStore.arrowStyle.left = "".concat(left - tipLeft + tipTarget.offsetWidth / 2, "px");
       }
     };
-
-    var updateValue = function updateValue(value) {
+    var updateValue = function (value) {
       if (value !== reactData.visible) {
         reactData.visible = value;
         reactData.isUpdate = true;
         emit('update:modelValue', value);
       }
     };
-
-    var updateZindex = function updateZindex() {
+    var updateZindex = function () {
       if (reactData.tipZindex < (0, _utils.getLastZIndex)()) {
         reactData.tipZindex = (0, _utils.nextZIndex)();
       }
     };
-
-    var clickEvent = function clickEvent() {
+    var clickEvent = function () {
       if (reactData.visible) {
         tooltipMethods.close();
       } else {
         tooltipMethods.open();
       }
     };
-
-    var targetMouseenterEvent = function targetMouseenterEvent() {
+    var targetMouseenterEvent = function () {
       tooltipMethods.open();
     };
-
-    var targetMouseleaveEvent = function targetMouseleaveEvent() {
+    var targetMouseleaveEvent = function () {
       var trigger = props.trigger,
-          enterable = props.enterable,
-          leaveDelay = props.leaveDelay;
+        enterable = props.enterable,
+        leaveDelay = props.leaveDelay;
       reactData.tipActive = false;
-
       if (enterable && trigger === 'hover') {
         setTimeout(function () {
           if (!reactData.tipActive) {
@@ -209,17 +178,14 @@ var _default2 = (0, _vue.defineComponent)({
         tooltipMethods.close();
       }
     };
-
-    var wrapperMouseenterEvent = function wrapperMouseenterEvent() {
+    var wrapperMouseenterEvent = function () {
       reactData.tipActive = true;
     };
-
-    var wrapperMouseleaveEvent = function wrapperMouseleaveEvent() {
+    var wrapperMouseleaveEvent = function () {
       var trigger = props.trigger,
-          enterable = props.enterable,
-          leaveDelay = props.leaveDelay;
+        enterable = props.enterable,
+        leaveDelay = props.leaveDelay;
       reactData.tipActive = false;
-
       if (enterable && trigger === 'hover') {
         setTimeout(function () {
           if (!reactData.tipActive) {
@@ -228,19 +194,15 @@ var _default2 = (0, _vue.defineComponent)({
         }, leaveDelay);
       }
     };
-
-    var showTip = function showTip() {
+    var showTip = function () {
       var tipStore = reactData.tipStore;
       var el = refElem.value;
-
       if (el) {
         var parentNode = el.parentNode;
-
         if (!parentNode) {
           document.body.appendChild(el);
         }
       }
-
       updateValue(true);
       updateZindex();
       tipStore.placement = 'top';
@@ -255,7 +217,6 @@ var _default2 = (0, _vue.defineComponent)({
       };
       return tooltipMethods.updatePlacement();
     };
-
     var showDelayTip = _xeUtils.default.debounce(function () {
       if (reactData.tipActive) {
         showTip();
@@ -264,18 +225,17 @@ var _default2 = (0, _vue.defineComponent)({
       leading: false,
       trailing: true
     });
-
     tooltipMethods = {
-      dispatchEvent: function dispatchEvent(type, params, evnt) {
+      dispatchEvent: function (type, params, evnt) {
         emit(type, Object.assign({
           $tooltip: $xetooltip,
           $event: evnt
         }, params));
       },
-      open: function open(target, content) {
+      open: function (target, content) {
         return tooltipMethods.toVisible(target || reactData.target, content);
       },
-      close: function close() {
+      close: function () {
         reactData.tipTarget = null;
         reactData.tipActive = false;
         Object.assign(reactData.tipStore, {
@@ -286,41 +246,37 @@ var _default2 = (0, _vue.defineComponent)({
         updateValue(false);
         return (0, _vue.nextTick)();
       },
-      toVisible: function toVisible(target, content) {
+      toVisible: function (target, content) {
         if (target) {
           var trigger = props.trigger,
-              enterDelay = props.enterDelay;
+            enterDelay = props.enterDelay;
           reactData.tipActive = true;
           reactData.tipTarget = target;
-
           if (content) {
             reactData.tipContent = content;
           }
-
           if (enterDelay && trigger === 'hover') {
             showDelayTip();
           } else {
             return showTip();
           }
         }
-
         return (0, _vue.nextTick)();
       },
-      updatePlacement: function updatePlacement() {
+      updatePlacement: function () {
         return (0, _vue.nextTick)().then(function () {
           var tipTarget = reactData.tipTarget;
           var el = refElem.value;
-
           if (tipTarget && el) {
             updateTipStyle();
             return (0, _vue.nextTick)().then(updateTipStyle);
           }
         });
       },
-      isActived: function isActived() {
+      isActived: function () {
         return reactData.tipActive;
       },
-      setActived: function setActived(actived) {
+      setActived: function (actived) {
         reactData.tipActive = !!actived;
       }
     };
@@ -340,34 +296,28 @@ var _default2 = (0, _vue.defineComponent)({
           tooltipMethods.close();
         }
       }
-
       reactData.isUpdate = false;
     });
     (0, _vue.onMounted)(function () {
       (0, _vue.nextTick)(function () {
         var trigger = props.trigger,
-            content = props.content,
-            modelValue = props.modelValue;
+          content = props.content,
+          modelValue = props.modelValue;
         var wrapperElem = refElem.value;
         var parentNode = wrapperElem.parentNode;
-
         if (parentNode) {
           reactData.tipContent = content;
           reactData.tipZindex = (0, _utils.nextZIndex)();
-
           _xeUtils.default.arrayEach(wrapperElem.children, function (elem, index) {
             if (index > 1) {
               parentNode.insertBefore(elem, wrapperElem);
-
               if (!reactData.target) {
                 reactData.target = elem;
               }
             }
           });
-
           parentNode.removeChild(wrapperElem);
           var target = reactData.target;
-
           if (target) {
             if (trigger === 'hover') {
               target.onmouseenter = targetMouseenterEvent;
@@ -376,7 +326,6 @@ var _default2 = (0, _vue.defineComponent)({
               target.onclick = clickEvent;
             }
           }
-
           if (modelValue) {
             tooltipMethods.open();
           }
@@ -387,15 +336,12 @@ var _default2 = (0, _vue.defineComponent)({
       var trigger = props.trigger;
       var target = reactData.target;
       var wrapperElem = refElem.value;
-
       if (wrapperElem) {
         var parentNode = wrapperElem.parentNode;
-
         if (parentNode) {
           parentNode.removeChild(wrapperElem);
         }
       }
-
       if (target) {
         if (trigger === 'hover') {
           target.onmouseenter = null;
@@ -405,19 +351,16 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     });
-
-    var renderContent = function renderContent() {
+    var renderContent = function () {
       var useHTML = props.useHTML;
       var tipContent = reactData.tipContent;
       var contentSlot = slots.content;
-
       if (contentSlot) {
         return (0, _vue.h)('div', {
           key: 1,
           class: 'vxe-table--tooltip-content'
         }, (0, _vn.getSlotVNs)(contentSlot({})));
       }
-
       if (useHTML) {
         return (0, _vue.h)('div', {
           key: 2,
@@ -425,33 +368,28 @@ var _default2 = (0, _vue.defineComponent)({
           innerHTML: tipContent
         });
       }
-
       return (0, _vue.h)('div', {
         key: 3,
         class: 'vxe-table--tooltip-content'
       }, (0, _utils.formatText)(tipContent));
     };
-
-    var renderVN = function renderVN() {
+    var renderVN = function () {
       var _a;
-
       var theme = props.theme,
-          isArrow = props.isArrow,
-          enterable = props.enterable;
+        isArrow = props.isArrow,
+        enterable = props.enterable;
       var tipActive = reactData.tipActive,
-          visible = reactData.visible,
-          tipStore = reactData.tipStore;
+        visible = reactData.visible,
+        tipStore = reactData.tipStore;
       var defaultSlot = slots.default;
       var vSize = computeSize.value;
       var ons;
-
       if (enterable) {
         ons = {
           onMouseenter: wrapperMouseenterEvent,
           onMouseleave: wrapperMouseleaveEvent
         };
       }
-
       return (0, _vue.h)('div', __assign({
         ref: refElem,
         class: ['vxe-table--tooltip-wrapper', "theme--".concat(theme), (_a = {}, _a["size--".concat(vSize)] = vSize, _a["placement--".concat(tipStore.placement)] = tipStore.placement, _a['is--enterable'] = enterable, _a['is--visible'] = visible, _a['is--arrow'] = isArrow, _a['is--actived'] = tipActive, _a)],
@@ -461,13 +399,11 @@ var _default2 = (0, _vue.defineComponent)({
         style: tipStore.arrowStyle
       })], defaultSlot ? (0, _vn.getSlotVNs)(defaultSlot({})) : [], true));
     };
-
     $xetooltip.renderVN = renderVN;
     return $xetooltip;
   },
-  render: function render() {
+  render: function () {
     return this.renderVN();
   }
 });
-
-exports.default = _default2;
+exports.default = _default;

package/lib/tooltip/src/tooltip.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size"),_utils=require("../../tools/utils"),_dom=require("../../tools/dom"),_vn=require("../../tools/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},__spreadArray=function(e,t,n){if(n||2===arguments.length)for(var i,o=0,r=t.length;o<r;o++)!i&&o in t||((i=i||Array.prototype.slice.call(t,0,o))[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))},_default2=(0,_vue.defineComponent)({name:"VxeTooltip",props:{modelValue:Boolean,size:{type:String,default:function(){return _conf.default.tooltip.size||_conf.default.size}},trigger:{type:String,default:function(){return _conf.default.tooltip.trigger}},theme:{type:String,default:function(){return _conf.default.tooltip.theme}},content:{type:[String,Number],default:null},useHTML:Boolean,zIndex:[String,Number],isArrow:{type:Boolean,default:!0},enterable:Boolean,enterDelay:{type:Number,default:function(){return _conf.default.tooltip.enterDelay}},leaveDelay:{type:Number,default:function(){return _conf.default.tooltip.leaveDelay}}},emits:["update:modelValue"],setup:function(c,e){function n(){var e,t,n,i,o,r,l,u,a,c=d.tipTarget,s=d.tipStore;c&&(e=(l=(0,_dom.getDomNode)()).scrollTop,t=l.scrollLeft,n=l.visibleWidth,i=(a=(0,_dom.getAbsolutePos)(c)).top,o=a.left,r=(u=_.value).offsetHeight,l=u.offsetWidth,a=o,u=i-r-6,t+n<(a=Math.max(6,o+Math.floor((c.offsetWidth-l)/2)))+l+6&&(a=t+n-l-6),i-r<e+6&&(s.placement="bottom",u=i+c.offsetHeight+6),s.style.top="".concat(u,"px"),s.style.left="".concat(a,"px"),s.arrowStyle.left="".concat(o-a+c.offsetWidth/2,"px"))}function i(e){e!==d.visible&&(d.visible=e,d.isUpdate=!0,a("update:modelValue",e))}function r(){d.visible?y.close():y.open()}function l(){y.open()}function u(){var e=c.trigger,t=c.enterable,n=c.leaveDelay;d.tipActive=!1,t&&"hover"===e?setTimeout(function(){d.tipActive||y.close()},n):y.close()}function s(){d.tipActive=!0}function p(){var e=c.trigger,t=c.enterable,n=c.leaveDelay;d.tipActive=!1,t&&"hover"===e&&setTimeout(function(){d.tipActive||y.close()},n)}function o(){var e=d.tipStore,t=_.value;return t&&(t.parentNode||document.body.appendChild(t)),i(!0),d.tipZindex<(0,_utils.getLastZIndex)()&&(d.tipZindex=(0,_utils.nextZIndex)()),e.placement="top",e.style={width:"auto",left:0,top:0,zIndex:c.zIndex||d.tipZindex},e.arrowStyle={left:"50%"},y.updatePlacement()}var f=e.slots,a=e.emit,t=_xeUtils.default.uniqueId(),v=(0,_size.useSize)(c),d=(0,_vue.reactive)({target:null,isUpdate:!1,visible:!1,tipContent:"",tipActive:!1,tipTarget:null,tipZindex:0,tipStore:{style:{},placement:"",arrowStyle:{}}}),_=(0,_vue.ref)(),g={refElem:_},m={xID:t,props:c,context:e,reactData:d,getRefMaps:function(){return g}},y={},h=_xeUtils.default.debounce(function(){d.tipActive&&o()},c.enterDelay,{leading:!1,trailing:!0}),y={dispatchEvent:function(e,t,n){a(e,Object.assign({$tooltip:m,$event:n},t))},open:function(e,t){return y.toVisible(e||d.target,t)},close:function(){return d.tipTarget=null,d.tipActive=!1,Object.assign(d.tipStore,{style:{},placement:"",arrowStyle:null}),i(!1),(0,_vue.nextTick)()},toVisible:function(e,t){if(e){var n=c.trigger,i=c.enterDelay;if(d.tipActive=!0,d.tipTarget=e,t&&(d.tipContent=t),!i||"hover"!==n)return o();h()}return(0,_vue.nextTick)()},updatePlacement:function(){return(0,_vue.nextTick)().then(function(){var e=d.tipTarget,t=_.value;if(e&&t)return n(),(0,_vue.nextTick)().then(n)})},isActived:function(){return d.tipActive},setActived:function(e){d.tipActive=!!e}};Object.assign(m,y),(0,_vue.watch)(function(){return c.content},function(){d.tipContent=c.content}),(0,_vue.watch)(function(){return c.modelValue},function(){d.isUpdate||(c.modelValue?y.open():y.close()),d.isUpdate=!1}),(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=c.trigger,t=c.content,n=c.modelValue,i=_.value,o=i.parentNode;o&&(d.tipContent=t,d.tipZindex=(0,_utils.nextZIndex)(),_xeUtils.default.arrayEach(i.children,function(e,t){1<t&&(o.insertBefore(e,i),d.target||(d.target=e))}),o.removeChild(i),(t=d.target)&&("hover"===e?(t.onmouseenter=l,t.onmouseleave=u):"click"===e&&(t.onclick=r)),n&&y.open())})}),(0,_vue.onBeforeUnmount)(function(){var e,t=c.trigger,n=d.target,i=_.value;!i||(e=i.parentNode)&&e.removeChild(i),n&&("hover"===t?(n.onmouseenter=null,n.onmouseleave=null):"click"===t&&(n.onclick=null))});return m.renderVN=function(){var e,t=c.theme,n=c.isArrow,i=c.enterable,o=d.tipActive,r=d.visible,l=d.tipStore,u=f.default,a=v.value;return i&&(e={onMouseenter:s,onMouseleave:p}),(0,_vue.h)("div",__assign({ref:_,class:["vxe-table--tooltip-wrapper","theme--".concat(t),((t={})["size--".concat(a)]=a,t["placement--".concat(l.placement)]=l.placement,t["is--enterable"]=i,t["is--visible"]=r,t["is--arrow"]=n,t["is--actived"]=o,t)],style:l.style},e),__spreadArray([(o=c.useHTML,t=d.tipContent,(e=f.content)?(0,_vue.h)("div",{key:1,class:"vxe-table--tooltip-content"},(0,_vn.getSlotVNs)(e({}))):o?(0,_vue.h)("div",{key:2,class:"vxe-table--tooltip-content",innerHTML:t}):(0,_vue.h)("div",{key:3,class:"vxe-table--tooltip-content"},(0,_utils.formatText)(t))),(0,_vue.h)("div",{class:"vxe-table--tooltip-arrow",style:l.arrowStyle})],u?(0,_vn.getSlotVNs)(u({})):[],!0))},m},render:function(){return this.renderVN()}});exports.default=_default2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size"),_utils=require("../../tools/utils"),_dom=require("../../tools/dom"),_vn=require("../../tools/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},__spreadArray=function(e,t,n){if(n||2===arguments.length)for(var i,o=0,r=t.length;o<r;o++)!i&&o in t||((i=i||Array.prototype.slice.call(t,0,o))[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))},_default=(0,_vue.defineComponent)({name:"VxeTooltip",props:{modelValue:Boolean,size:{type:String,default:function(){return _conf.default.tooltip.size||_conf.default.size}},trigger:{type:String,default:function(){return _conf.default.tooltip.trigger}},theme:{type:String,default:function(){return _conf.default.tooltip.theme}},content:{type:[String,Number],default:null},useHTML:Boolean,zIndex:[String,Number],isArrow:{type:Boolean,default:!0},enterable:Boolean,enterDelay:{type:Number,default:function(){return _conf.default.tooltip.enterDelay}},leaveDelay:{type:Number,default:function(){return _conf.default.tooltip.leaveDelay}}},emits:["update:modelValue"],setup:function(c,e){function n(){var e,t,n,i,o,r,l,u,a,c=d.tipTarget,s=d.tipStore;c&&(e=(n=(0,_dom.getDomNode)()).scrollTop,t=n.scrollLeft,n=n.visibleWidth,i=(o=(0,_dom.getAbsolutePos)(c)).top,o=o.left,r=(l=_.value).offsetHeight,l=l.offsetWidth,a=o,u=i-r-6,t+n<(a=Math.max(6,o+Math.floor((c.offsetWidth-l)/2)))+l+6&&(a=t+n-l-6),i-r<e+6&&(s.placement="bottom",u=i+c.offsetHeight+6),s.style.top="".concat(u,"px"),s.style.left="".concat(a,"px"),s.arrowStyle.left="".concat(o-a+c.offsetWidth/2,"px"))}function i(e){e!==d.visible&&(d.visible=e,d.isUpdate=!0,a("update:modelValue",e))}function r(){d.visible?y.close():y.open()}function l(){y.open()}function u(){var e=c.trigger,t=c.enterable,n=c.leaveDelay;d.tipActive=!1,t&&"hover"===e?setTimeout(function(){d.tipActive||y.close()},n):y.close()}function s(){d.tipActive=!0}function p(){var e=c.trigger,t=c.enterable,n=c.leaveDelay;d.tipActive=!1,t&&"hover"===e&&setTimeout(function(){d.tipActive||y.close()},n)}function o(){var e=d.tipStore,t=_.value;return t&&!t.parentNode&&document.body.appendChild(t),i(!0),d.tipZindex<(0,_utils.getLastZIndex)()&&(d.tipZindex=(0,_utils.nextZIndex)()),e.placement="top",e.style={width:"auto",left:0,top:0,zIndex:c.zIndex||d.tipZindex},e.arrowStyle={left:"50%"},y.updatePlacement()}var f=e.slots,a=e.emit,t=_xeUtils.default.uniqueId(),v=(0,_size.useSize)(c),d=(0,_vue.reactive)({target:null,isUpdate:!1,visible:!1,tipContent:"",tipActive:!1,tipTarget:null,tipZindex:0,tipStore:{style:{},placement:"",arrowStyle:{}}}),_=(0,_vue.ref)(),g={refElem:_},m={xID:t,props:c,context:e,reactData:d,getRefMaps:function(){return g}},y={},h=_xeUtils.default.debounce(function(){d.tipActive&&o()},c.enterDelay,{leading:!1,trailing:!0}),y={dispatchEvent:function(e,t,n){a(e,Object.assign({$tooltip:m,$event:n},t))},open:function(e,t){return y.toVisible(e||d.target,t)},close:function(){return d.tipTarget=null,d.tipActive=!1,Object.assign(d.tipStore,{style:{},placement:"",arrowStyle:null}),i(!1),(0,_vue.nextTick)()},toVisible:function(e,t){if(e){var n=c.trigger,i=c.enterDelay;if(d.tipActive=!0,d.tipTarget=e,t&&(d.tipContent=t),!i||"hover"!==n)return o();h()}return(0,_vue.nextTick)()},updatePlacement:function(){return(0,_vue.nextTick)().then(function(){var e=d.tipTarget,t=_.value;if(e&&t)return n(),(0,_vue.nextTick)().then(n)})},isActived:function(){return d.tipActive},setActived:function(e){d.tipActive=!!e}};Object.assign(m,y),(0,_vue.watch)(function(){return c.content},function(){d.tipContent=c.content}),(0,_vue.watch)(function(){return c.modelValue},function(){d.isUpdate||(c.modelValue?y.open():y.close()),d.isUpdate=!1}),(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=c.trigger,t=c.content,n=c.modelValue,i=_.value,o=i.parentNode;o&&(d.tipContent=t,d.tipZindex=(0,_utils.nextZIndex)(),_xeUtils.default.arrayEach(i.children,function(e,t){1<t&&(o.insertBefore(e,i),d.target||(d.target=e))}),o.removeChild(i),(t=d.target)&&("hover"===e?(t.onmouseenter=l,t.onmouseleave=u):"click"===e&&(t.onclick=r)),n)&&y.open()})}),(0,_vue.onBeforeUnmount)(function(){var e,t=c.trigger,n=d.target,i=_.value;i&&(e=i.parentNode)&&e.removeChild(i),n&&("hover"===t?(n.onmouseenter=null,n.onmouseleave=null):"click"===t&&(n.onclick=null))});return m.renderVN=function(){var e,t=c.theme,n=c.isArrow,i=c.enterable,o=d.tipActive,r=d.visible,l=d.tipStore,u=f.default,a=v.value;return i&&(e={onMouseenter:s,onMouseleave:p}),(0,_vue.h)("div",__assign({ref:_,class:["vxe-table--tooltip-wrapper","theme--".concat(t),((t={})["size--".concat(a)]=a,t["placement--".concat(l.placement)]=l.placement,t["is--enterable"]=i,t["is--visible"]=r,t["is--arrow"]=n,t["is--actived"]=o,t)],style:l.style},e),__spreadArray([(a=c.useHTML,i=d.tipContent,(r=f.content)?(0,_vue.h)("div",{key:1,class:"vxe-table--tooltip-content"},(0,_vn.getSlotVNs)(r({}))):a?(0,_vue.h)("div",{key:2,class:"vxe-table--tooltip-content",innerHTML:i}):(0,_vue.h)("div",{key:3,class:"vxe-table--tooltip-content"},(0,_utils.formatText)(i))),(0,_vue.h)("div",{class:"vxe-table--tooltip-arrow",style:l.arrowStyle})],u?(0,_vn.getSlotVNs)(u({})):[],!0))},m},render:function(){return this.renderVN()}});exports.default=_default;

package/lib/tooltip/style/style.css

@@ -37,75 +37,99 @@
   word-break: break-word;
   box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.2);
   color: #606266;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }
-  .vxe-table--tooltip-wrapper:not(.is--enterable) {
-    pointer-events: none; }
-  .vxe-table--tooltip-wrapper.is--visible {
-    display: block; }
-  .vxe-table--tooltip-wrapper.is--arrow .vxe-table--tooltip-arrow {
-    display: block; }
-  .vxe-table--tooltip-wrapper.is--enterable:after {
-    content: "";
-    position: absolute;
-    left: 0;
-    width: 100%;
-    height: 6px;
-    background-color: transparent; }
-  .vxe-table--tooltip-wrapper .vxe-table--tooltip-content {
-    white-space: pre-line; }
-  .vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow {
-    display: none;
-    position: absolute;
-    border-color: transparent;
-    border-width: 6px;
-    border-style: solid;
-    left: 50%;
-    transform: translateX(-6px); }
-    .vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow:before {
-      content: "";
-      position: absolute;
-      border-color: transparent;
-      border-width: 5px;
-      border-style: solid;
-      left: -5px; }
-  .vxe-table--tooltip-wrapper.placement--top.is--enterable:after {
-    bottom: -6px; }
-  .vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow {
-    bottom: -12px; }
-    .vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow:before {
-      top: -7px; }
-  .vxe-table--tooltip-wrapper.placement--bottom.is--enterable:after {
-    top: -6px; }
-  .vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow {
-    top: -12px; }
-    .vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow:before {
-      top: -4px; }
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+}
+.vxe-table--tooltip-wrapper:not(.is--enterable) {
+  pointer-events: none;
+}
+.vxe-table--tooltip-wrapper.is--visible {
+  display: block;
+}
+.vxe-table--tooltip-wrapper.is--arrow .vxe-table--tooltip-arrow {
+  display: block;
+}
+.vxe-table--tooltip-wrapper.is--enterable:after {
+  content: "";
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 6px;
+  background-color: transparent;
+}
+.vxe-table--tooltip-wrapper .vxe-table--tooltip-content {
+  white-space: pre-line;
+}
+.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow {
+  display: none;
+  position: absolute;
+  border-color: transparent;
+  border-width: 6px;
+  border-style: solid;
+  left: 50%;
+  transform: translateX(-6px);
+}
+.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow:before {
+  content: "";
+  position: absolute;
+  border-color: transparent;
+  border-width: 5px;
+  border-style: solid;
+  left: -5px;
+}
+.vxe-table--tooltip-wrapper.placement--top.is--enterable:after {
+  bottom: -6px;
+}
+.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow {
+  bottom: -12px;
+}
+.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow:before {
+  top: -7px;
+}
+.vxe-table--tooltip-wrapper.placement--bottom.is--enterable:after {
+  top: -6px;
+}
+.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow {
+  top: -12px;
+}
+.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow:before {
+  top: -4px;
+}
 
 .vxe-table--tooltip-wrapper.theme--light {
   background-color: #fff;
-  border: 1px solid #dcdfe6; }
-  .vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow {
-    border-top-color: #dcdfe6; }
-    .vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before {
-      border-top-color: #fff; }
-  .vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow {
-    border-bottom-color: #dcdfe6; }
-    .vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before {
-      border-bottom-color: #fff; }
-
+  border: 1px solid #dcdfe6;
+}
+.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow {
+  border-top-color: #dcdfe6;
+}
+.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before {
+  border-top-color: #fff;
+}
+.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow {
+  border-bottom-color: #dcdfe6;
+}
+.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before {
+  border-bottom-color: #fff;
+}
 .vxe-table--tooltip-wrapper.theme--dark {
   background: #303133;
-  color: #fff; }
-  .vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow {
-    border-top-color: #303133; }
-    .vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before {
-      border-top-color: #303133; }
-  .vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow {
-    border-bottom-color: #303133; }
-    .vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before {
-      border-bottom-color: #303133; }
+  color: #fff;
+}
+.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow {
+  border-top-color: #303133;
+}
+.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before {
+  border-top-color: #303133;
+}
+.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow {
+  border-bottom-color: #303133;
+}
+.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before {
+  border-bottom-color: #303133;
+}
 
 /*valid error*/
 .vxe-table--tooltip-wrapper.vxe-table--valid-error {
   background-color: #f56c6c;
-  color: #fff; }
+  color: #fff;
+}