vxe-pc-ui 3.20.9 → 3.20.11

package/lib/tooltip/src/tooltip.js

@@ -339,9 +339,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       return $xeTooltip.updateTipStyle().then(function () {
         return $xeTooltip.updateTipStyle();
       }).then(function () {
-        setTimeout(function () {
-          return $xeTooltip.updateTipStyle();
-        }, 15);
+        return $xeTooltip.updateTipStyle();
       });
     },
     isActived: function isActived() {
@@ -666,7 +664,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     var internalData = $xeTooltip.internalData;
     var $scrollbar = $xeTooltip.$refs.contentScrollbar;
     if ($scrollbar) {
-      var viewEl = $scrollbar.getViewElem();
+      var viewEl = $scrollbar.getScrollViewElem();
       if (viewEl) {
         viewEl.addEventListener('wheel', $xeTooltip.wheelEvent, {
           passive: false

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_scrollbar=_interopRequireDefault(require("../../scrollbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var baseUtils=_ui.VxeUI.baseUtils,getConfig=_ui.VxeUI.getConfig,createEvent=_ui.VxeUI.createEvent,globalEvents=_ui.VxeUI.globalEvents,getDefVal=baseUtils.getDefVal;function createReactData(){return{target:null,isUpdate:!1,visible:!1,tipPos:null,tipContent:"",tipActive:!1,tipTarget:null,tipZindex:0,tipStore:{style:{},placement:"",arrowStyle:{}}}}function createInternalData(){return{}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTooltip",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.vScrollbarMixin],props:{value:Boolean,size:{type:String,default:function(){return getConfig().tooltip.size||getConfig().size}},selector:[String,Element],trigger:{type:String,default:function(){return getConfig().tooltip.trigger||"hover"}},theme:{type:String,default:function(){return getConfig().tooltip.theme||"dark"}},content:{type:[String,Number],default:null},useHtml:{type:Boolean,default:function(){return _xeUtils.default.isBoolean(getConfig().tooltip.useHtml)?getConfig().tooltip.useHtml:null}},useHTML:{type:Boolean,default:function(){return getConfig().tooltip.useHTML}},zIndex:[String,Number],popupClassName:[String,Function],width:{type:[String,Number],default:function(){return getConfig().tooltip.Width}},height:{type:[String,Number],default:function(){return getConfig().tooltip.height}},minWidth:{type:[String,Number],default:function(){return getConfig().tooltip.minWidth}},minHeight:{type:[String,Number],default:function(){return getConfig().tooltip.minHeight}},maxWidth:{type:[String,Number],default:function(){return getConfig().tooltip.maxWidth}},maxHeight:{type:[String,Number],default:function(){return getConfig().tooltip.maxHeight}},placement:{type:String,default:function(){return getConfig().tooltip.placement}},defaultPlacement:{type:String,default:function(){return getConfig().tooltip.defaultPlacement}},isArrow:{type:Boolean,default:function(){return getConfig().tooltip.isArrow}},enterable:{type:Boolean,default:function(){return getConfig().tooltip.enterable}},enterDelay:{type:Number,default:function(){return getConfig().tooltip.enterDelay}},leaveDelay:{type:Number,default:function(){return getConfig().tooltip.leaveDelay}},appendTo:{type:[String,Function],default:function(){return getConfig().tooltip.appendTo}},useScrollbar:{type:Boolean,default:function(){return getDefVal(getConfig().tooltip.useScrollbar,getConfig().useScrollbar)}},scrollbarConfig:Object},data:function(){var e=_xeUtils.default.uniqueId(),t=createReactData();return Object.assign(Object.assign({},{}),{xID:e,reactData:t})},computed:Object.assign(Object.assign({},{}),{computeWrapperStyle:function(){var e=this,t=e.width,n=e.height,i=e.minHeight,r=e.minWidth,o=e.maxHeight,e=e.maxWidth,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),n&&(a.height=(0,_dom.toCssUnit)(n)),r&&(a.minWidth=(0,_dom.toCssUnit)(r)),i&&(a.minHeight=(0,_dom.toCssUnit)(i)),e&&(a.maxWidth=(0,_dom.toCssUnit)(e)),o&&(a.maxHeight=(0,_dom.toCssUnit)(o)),a}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,createEvent(n,{$tooltip:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},getSelectorEl:function(){var e=this.selector;if(e){if(_xeUtils.default.isElement(e))return e;if(_xeUtils.default.isString(e))return document.querySelector(e)}return null},openByEvent:function(e,t,n){var i=this.reactData;return this.handleVisible(t||i.target||this.getSelectorEl(),n,e)},open:function(e,t){var n=this.reactData;return this.handleVisible(e||n.target||this.getSelectorEl(),t)},close:function(){var e=this.reactData;return e.tipPos=null,e.tipTarget=null,e.tipActive=!1,Object.assign(e.tipStore,{style:{},placement:"",arrowStyle:null}),this.updateValue(!1),this.dispatchEvent("hide",{},null),this.$nextTick()},toVisible:function(e,t){return this.handleVisible(e,t)},updateTipStyle:function(){var e,t,n,i,r,o,a,l=this,u=l.reactData,s=l.placement,c=l.defaultPlacement,p=l.appendTo,f=l.isArrow,d=u.tipTarget,h=u.tipStore,v=u.tipPos,u=u.tipZindex,g=l.$refs.refElem;return d&&g&&(o=d.getBoundingClientRect(),e=d.offsetWidth,a=d.offsetHeight,t=g.offsetWidth,n=o.left,r=i=0,v&&(v.oLeft||v.oTop)&&(i=n,r=o.top+a,f?i=n+Math.max(8,Math.min(e-8,v.oLeft))-t/2:(i=v.x+1,r=v.y+1)),o=(0,_dom.updatePanelPlacement)(d,g,{defaultTop:r,defaultLeft:i,placement:s,defaultPlacement:c,appendTo:p,isMinWidth:!1,teleportTo:!0}),a=Object.assign(o.style,{zIndex:u}),h.placement=o.placement,h.style=a,h.arrowStyle.left=o.arrowLeft?"".concat(o.arrowLeft,"px"):""),l.$nextTick()},updatePlacement:function(){var e=this;return e.updateTipStyle().then(function(){return e.updateTipStyle()}).then(function(){setTimeout(function(){return e.updateTipStyle()},15)})},isActived:function(){return this.reactData.tipActive},setActived:function(e){this.reactData.tipActive=!!e},updateValue:function(e){var t=this.reactData;e!==t.visible&&(t.visible=e,t.isUpdate=!0,this.emitModel(e))},updateZIndex:function(){var e=this.reactData,t=this.zIndex;t?e.tipZindex=_xeUtils.default.toNumber(t):e.tipZindex<(0,_utils.getLastZIndex)()&&(e.tipZindex=(0,_utils.nextZIndex)())},clickEvent:function(){var e=this,t=e,n=e.reactData;n.visible?e.close():e.handleVisible(n.target||e.getSelectorEl(),t.content)},targetMouseenterEvent:function(){var e=this.reactData;this.handleVisible(e.target||this.getSelectorEl(),this.content)},targetMouseleaveEvent:function(){var e=this,t=e.reactData,n=e.trigger,i=e.enterable,r=e.leaveDelay;t.tipActive=!1,i&&"hover"===n?setTimeout(function(){t.tipActive||e.close()},r):e.close()},wrapperMouseenterEvent:function(){this.reactData.tipActive=!0},wrapperMouseleaveEvent:function(){var e=this,t=e.reactData,n=e.trigger,i=e.enterable,r=e.leaveDelay;t.tipActive=!1,i&&"hover"===n&&setTimeout(function(){t.tipActive||e.close()},r)},showTip:function(){var e=this,t=e,n=e.reactData,i=t.appendTo,r=n.tipStore,o=e.$refs.refElem;return o&&!o.parentNode&&(0,_dom.getPopupAppendElement)(i).appendChild(o),e.updateValue(!0),e.updateZIndex(),r.placement="top",r.style={width:"auto",left:0,top:0,zIndex:t.zIndex||n.tipZindex},r.arrowStyle={left:"50%"},e.updatePlacement().then(function(){return e.updatePlacement()})},handleDelayFn:function(){var e=this,t=e.reactData;e.internalData.showDelayTip=_xeUtils.default.debounce(function(){t.tipActive&&e.showTip()},e.enterDelay,{leading:!1,trailing:!0})},handleVisible:function(e,t,n){var i=this,r=i,o=i.$scopedSlots,a=i.reactData,l=i.internalData,o=o.content;if((o||""!==t&&!_xeUtils.default.eqNull(t))&&e){o=l.showDelayTip,l=r.trigger,r=r.enterDelay;if(a.tipPos=n?{x:n.clientX,y:n.clientY,oLeft:n.offsetX,oTop:n.offsetY}:null,a.tipActive=!0,a.tipTarget=e,a.tipContent=t,a.visible)return i.updatePlacement();if(!r||"hover"!==l)return e=i.showTip(),i.dispatchEvent("show",{},n||null),e;o&&o(),i.dispatchEvent("show",{},n||null)}return i.$nextTick()},wheelEvent:function(e){e.stopPropagation()},handleGlobalScrollEvent:function(){this.reactData.visible&&this.updatePlacement()},handleGlobalBlurEvent:function(){this.close()},handleCloseEvent:function(){this.targetMouseleaveEvent()},renderContent:function(e){var t=this,n=t.$scopedSlots,i=t.useHtml,r=t.theme,o=t.useHTML,a=t.reactData.tipContent,l=t.computeIsVScrollbar,t=t.computeWrapperStyle,n=n.content,u=[];return n?u.push(e("div",{key:"ct"},(0,_vn.getSlotVNs)(n({})))):(_xeUtils.default.isBoolean(i)?i:o)?u.push(e("div",{key:"ch",domProps:{innerHTML:a}})):u.push(e("span",{key:"cd"},"".concat(a))),l?e(_scrollbar.default,{key:5,ref:"contentScrollbar",class:"vxe-tooltip--scrollbar-content",props:{theme:r,viewClassName:"vxe-tooltip--scrollbar-content-view",viewInnerClassName:"vxe-tooltip--scrollbar-content-inner",viewStyle:t},scopedSlots:{default:function(){return u}}}):e("div",{key:3,ref:"contentWrapperElem",class:"vxe-tooltip--content",style:t},u)},renderVN:function(e){var t,n=this,i=n.$scopedSlots,r=n.reactData,o=n.popupClassName,a=n.isArrow,l=n.enterable,u=r.tipActive,s=r.visible,r=r.tipStore,i=i.default,c=n.computeSize;return l&&(t={mouseenter:n.wrapperMouseenterEvent,mouseleave:n.wrapperMouseleaveEvent}),e("div",{ref:"refElem",class:["vxe-tooltip--wrapper","theme--".concat(n.theme),o?_xeUtils.default.isFunction(o)?o({$tooltip:n}):o:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(c),c),"placement--".concat(r.placement),r.placement),"is--enterable",l),"is--visible",s),"is--arrow",a),"is--active",u)],style:r.style,on:t},[e("div",{key:"tby",class:"vxe-tooltip--body"},[n.renderContent(e),e("div",{class:"vxe-tooltip--arrow",style:r.arrowStyle})])].concat(_toConsumableArray(i?(0,_vn.getSlotVNs)(i({})):[])))}},watch:{content:function(e){this.reactData.tipContent=e},value:function(e){var t=this,n=t,i=t.reactData;i.isUpdate||(e?t.handleVisible(i.target||t.getSelectorEl(),n.content):t.close()),i.isUpdate=!1},enterDelay:function(){this.handleDelayFn()}},created:function(){var e=this;e.internalData=createInternalData(),e.handleDelayFn(),globalEvents.on(e,"blur",e.handleGlobalBlurEvent),globalEvents.on(e,"scroll",e.handleGlobalScrollEvent)},mounted:function(){var o=this,a=o,l=o.reactData,e=o.internalData,t=o.$refs.contentScrollbar,e=(t&&(t=t.getViewElem())&&(t.addEventListener("wheel",o.wheelEvent,{passive:!1}),e.scrollbarViewEl=t),o.$refs.contentWrapperElem);e&&e.addEventListener("wheel",o.wheelEvent,{passive:!1}),o.$nextTick(function(){var n,e,t=a.trigger,i=a.content,r=o.$refs.refElem;r&&(n=r.parentNode)&&(l.tipContent=i,l.tipZindex=(0,_utils.nextZIndex)(),_xeUtils.default.arrayEach(r.children,function(e,t){t&&(n.insertBefore(e,r),l.target||(l.target=e))}),n.removeChild(r),(e=l.target)&&("hover"===t?(e.onmouseenter=o.targetMouseenterEvent,e.onmouseleave=o.targetMouseleaveEvent):"click"===t&&(e.onclick=o.clickEvent)),a.value)&&o.handleVisible(e||o.getSelectorEl(),i)})},beforeDestroy:function(){var e=this,t=e.reactData,n=e.internalData,i=t.target,r=n.scrollbarViewEl,o=e.$refs.refElem,i=(i&&(i.onmouseenter=null,i.onmouseleave=null,i.onclick=null),e.$refs.contentWrapperElem);i&&i.removeEventListener("wheel",e.wheelEvent),r&&r.removeEventListener("wheel",e.wheelEvent),o&&(i=o.parentNode)&&i.removeChild(o),globalEvents.off(e,"blur"),globalEvents.off(e,"scroll"),_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(n,createInternalData())},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_scrollbar=_interopRequireDefault(require("../../scrollbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var baseUtils=_ui.VxeUI.baseUtils,getConfig=_ui.VxeUI.getConfig,createEvent=_ui.VxeUI.createEvent,globalEvents=_ui.VxeUI.globalEvents,getDefVal=baseUtils.getDefVal;function createReactData(){return{target:null,isUpdate:!1,visible:!1,tipPos:null,tipContent:"",tipActive:!1,tipTarget:null,tipZindex:0,tipStore:{style:{},placement:"",arrowStyle:{}}}}function createInternalData(){return{}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTooltip",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.vScrollbarMixin],props:{value:Boolean,size:{type:String,default:function(){return getConfig().tooltip.size||getConfig().size}},selector:[String,Element],trigger:{type:String,default:function(){return getConfig().tooltip.trigger||"hover"}},theme:{type:String,default:function(){return getConfig().tooltip.theme||"dark"}},content:{type:[String,Number],default:null},useHtml:{type:Boolean,default:function(){return _xeUtils.default.isBoolean(getConfig().tooltip.useHtml)?getConfig().tooltip.useHtml:null}},useHTML:{type:Boolean,default:function(){return getConfig().tooltip.useHTML}},zIndex:[String,Number],popupClassName:[String,Function],width:{type:[String,Number],default:function(){return getConfig().tooltip.Width}},height:{type:[String,Number],default:function(){return getConfig().tooltip.height}},minWidth:{type:[String,Number],default:function(){return getConfig().tooltip.minWidth}},minHeight:{type:[String,Number],default:function(){return getConfig().tooltip.minHeight}},maxWidth:{type:[String,Number],default:function(){return getConfig().tooltip.maxWidth}},maxHeight:{type:[String,Number],default:function(){return getConfig().tooltip.maxHeight}},placement:{type:String,default:function(){return getConfig().tooltip.placement}},defaultPlacement:{type:String,default:function(){return getConfig().tooltip.defaultPlacement}},isArrow:{type:Boolean,default:function(){return getConfig().tooltip.isArrow}},enterable:{type:Boolean,default:function(){return getConfig().tooltip.enterable}},enterDelay:{type:Number,default:function(){return getConfig().tooltip.enterDelay}},leaveDelay:{type:Number,default:function(){return getConfig().tooltip.leaveDelay}},appendTo:{type:[String,Function],default:function(){return getConfig().tooltip.appendTo}},useScrollbar:{type:Boolean,default:function(){return getDefVal(getConfig().tooltip.useScrollbar,getConfig().useScrollbar)}},scrollbarConfig:Object},data:function(){var e=_xeUtils.default.uniqueId(),t=createReactData();return Object.assign(Object.assign({},{}),{xID:e,reactData:t})},computed:Object.assign(Object.assign({},{}),{computeWrapperStyle:function(){var e=this,t=e.width,n=e.height,i=e.minHeight,r=e.minWidth,o=e.maxHeight,e=e.maxWidth,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),n&&(a.height=(0,_dom.toCssUnit)(n)),r&&(a.minWidth=(0,_dom.toCssUnit)(r)),i&&(a.minHeight=(0,_dom.toCssUnit)(i)),e&&(a.maxWidth=(0,_dom.toCssUnit)(e)),o&&(a.maxHeight=(0,_dom.toCssUnit)(o)),a}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,createEvent(n,{$tooltip:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},getSelectorEl:function(){var e=this.selector;if(e){if(_xeUtils.default.isElement(e))return e;if(_xeUtils.default.isString(e))return document.querySelector(e)}return null},openByEvent:function(e,t,n){var i=this.reactData;return this.handleVisible(t||i.target||this.getSelectorEl(),n,e)},open:function(e,t){var n=this.reactData;return this.handleVisible(e||n.target||this.getSelectorEl(),t)},close:function(){var e=this.reactData;return e.tipPos=null,e.tipTarget=null,e.tipActive=!1,Object.assign(e.tipStore,{style:{},placement:"",arrowStyle:null}),this.updateValue(!1),this.dispatchEvent("hide",{},null),this.$nextTick()},toVisible:function(e,t){return this.handleVisible(e,t)},updateTipStyle:function(){var e,t,n,i,r,o,a,l=this,u=l.reactData,s=l.placement,c=l.defaultPlacement,p=l.appendTo,f=l.isArrow,d=u.tipTarget,h=u.tipStore,v=u.tipPos,u=u.tipZindex,g=l.$refs.refElem;return d&&g&&(o=d.getBoundingClientRect(),e=d.offsetWidth,a=d.offsetHeight,t=g.offsetWidth,n=o.left,r=i=0,v&&(v.oLeft||v.oTop)&&(i=n,r=o.top+a,f?i=n+Math.max(8,Math.min(e-8,v.oLeft))-t/2:(i=v.x+1,r=v.y+1)),o=(0,_dom.updatePanelPlacement)(d,g,{defaultTop:r,defaultLeft:i,placement:s,defaultPlacement:c,appendTo:p,isMinWidth:!1,teleportTo:!0}),a=Object.assign(o.style,{zIndex:u}),h.placement=o.placement,h.style=a,h.arrowStyle.left=o.arrowLeft?"".concat(o.arrowLeft,"px"):""),l.$nextTick()},updatePlacement:function(){var e=this;return e.updateTipStyle().then(function(){return e.updateTipStyle()}).then(function(){return e.updateTipStyle()})},isActived:function(){return this.reactData.tipActive},setActived:function(e){this.reactData.tipActive=!!e},updateValue:function(e){var t=this.reactData;e!==t.visible&&(t.visible=e,t.isUpdate=!0,this.emitModel(e))},updateZIndex:function(){var e=this.reactData,t=this.zIndex;t?e.tipZindex=_xeUtils.default.toNumber(t):e.tipZindex<(0,_utils.getLastZIndex)()&&(e.tipZindex=(0,_utils.nextZIndex)())},clickEvent:function(){var e=this,t=e,n=e.reactData;n.visible?e.close():e.handleVisible(n.target||e.getSelectorEl(),t.content)},targetMouseenterEvent:function(){var e=this.reactData;this.handleVisible(e.target||this.getSelectorEl(),this.content)},targetMouseleaveEvent:function(){var e=this,t=e.reactData,n=e.trigger,i=e.enterable,r=e.leaveDelay;t.tipActive=!1,i&&"hover"===n?setTimeout(function(){t.tipActive||e.close()},r):e.close()},wrapperMouseenterEvent:function(){this.reactData.tipActive=!0},wrapperMouseleaveEvent:function(){var e=this,t=e.reactData,n=e.trigger,i=e.enterable,r=e.leaveDelay;t.tipActive=!1,i&&"hover"===n&&setTimeout(function(){t.tipActive||e.close()},r)},showTip:function(){var e=this,t=e,n=e.reactData,i=t.appendTo,r=n.tipStore,o=e.$refs.refElem;return o&&!o.parentNode&&(0,_dom.getPopupAppendElement)(i).appendChild(o),e.updateValue(!0),e.updateZIndex(),r.placement="top",r.style={width:"auto",left:0,top:0,zIndex:t.zIndex||n.tipZindex},r.arrowStyle={left:"50%"},e.updatePlacement().then(function(){return e.updatePlacement()})},handleDelayFn:function(){var e=this,t=e.reactData;e.internalData.showDelayTip=_xeUtils.default.debounce(function(){t.tipActive&&e.showTip()},e.enterDelay,{leading:!1,trailing:!0})},handleVisible:function(e,t,n){var i=this,r=i,o=i.$scopedSlots,a=i.reactData,l=i.internalData,o=o.content;if((o||""!==t&&!_xeUtils.default.eqNull(t))&&e){o=l.showDelayTip,l=r.trigger,r=r.enterDelay;if(a.tipPos=n?{x:n.clientX,y:n.clientY,oLeft:n.offsetX,oTop:n.offsetY}:null,a.tipActive=!0,a.tipTarget=e,a.tipContent=t,a.visible)return i.updatePlacement();if(!r||"hover"!==l)return e=i.showTip(),i.dispatchEvent("show",{},n||null),e;o&&o(),i.dispatchEvent("show",{},n||null)}return i.$nextTick()},wheelEvent:function(e){e.stopPropagation()},handleGlobalScrollEvent:function(){this.reactData.visible&&this.updatePlacement()},handleGlobalBlurEvent:function(){this.close()},handleCloseEvent:function(){this.targetMouseleaveEvent()},renderContent:function(e){var t=this,n=t.$scopedSlots,i=t.useHtml,r=t.theme,o=t.useHTML,a=t.reactData.tipContent,l=t.computeIsVScrollbar,t=t.computeWrapperStyle,n=n.content,u=[];return n?u.push(e("div",{key:"ct"},(0,_vn.getSlotVNs)(n({})))):(_xeUtils.default.isBoolean(i)?i:o)?u.push(e("div",{key:"ch",domProps:{innerHTML:a}})):u.push(e("span",{key:"cd"},"".concat(a))),l?e(_scrollbar.default,{key:5,ref:"contentScrollbar",class:"vxe-tooltip--scrollbar-content",props:{theme:r,viewClassName:"vxe-tooltip--scrollbar-content-view",viewInnerClassName:"vxe-tooltip--scrollbar-content-inner",viewStyle:t},scopedSlots:{default:function(){return u}}}):e("div",{key:3,ref:"contentWrapperElem",class:"vxe-tooltip--content",style:t},u)},renderVN:function(e){var t,n=this,i=n.$scopedSlots,r=n.reactData,o=n.popupClassName,a=n.isArrow,l=n.enterable,u=r.tipActive,s=r.visible,r=r.tipStore,i=i.default,c=n.computeSize;return l&&(t={mouseenter:n.wrapperMouseenterEvent,mouseleave:n.wrapperMouseleaveEvent}),e("div",{ref:"refElem",class:["vxe-tooltip--wrapper","theme--".concat(n.theme),o?_xeUtils.default.isFunction(o)?o({$tooltip:n}):o:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(c),c),"placement--".concat(r.placement),r.placement),"is--enterable",l),"is--visible",s),"is--arrow",a),"is--active",u)],style:r.style,on:t},[e("div",{key:"tby",class:"vxe-tooltip--body"},[n.renderContent(e),e("div",{class:"vxe-tooltip--arrow",style:r.arrowStyle})])].concat(_toConsumableArray(i?(0,_vn.getSlotVNs)(i({})):[])))}},watch:{content:function(e){this.reactData.tipContent=e},value:function(e){var t=this,n=t,i=t.reactData;i.isUpdate||(e?t.handleVisible(i.target||t.getSelectorEl(),n.content):t.close()),i.isUpdate=!1},enterDelay:function(){this.handleDelayFn()}},created:function(){var e=this;e.internalData=createInternalData(),e.handleDelayFn(),globalEvents.on(e,"blur",e.handleGlobalBlurEvent),globalEvents.on(e,"scroll",e.handleGlobalScrollEvent)},mounted:function(){var o=this,a=o,l=o.reactData,e=o.internalData,t=o.$refs.contentScrollbar,e=(t&&(t=t.getScrollViewElem())&&(t.addEventListener("wheel",o.wheelEvent,{passive:!1}),e.scrollbarViewEl=t),o.$refs.contentWrapperElem);e&&e.addEventListener("wheel",o.wheelEvent,{passive:!1}),o.$nextTick(function(){var n,e,t=a.trigger,i=a.content,r=o.$refs.refElem;r&&(n=r.parentNode)&&(l.tipContent=i,l.tipZindex=(0,_utils.nextZIndex)(),_xeUtils.default.arrayEach(r.children,function(e,t){t&&(n.insertBefore(e,r),l.target||(l.target=e))}),n.removeChild(r),(e=l.target)&&("hover"===t?(e.onmouseenter=o.targetMouseenterEvent,e.onmouseleave=o.targetMouseleaveEvent):"click"===t&&(e.onclick=o.clickEvent)),a.value)&&o.handleVisible(e||o.getSelectorEl(),i)})},beforeDestroy:function(){var e=this,t=e.reactData,n=e.internalData,i=t.target,r=n.scrollbarViewEl,o=e.$refs.refElem,i=(i&&(i.onmouseenter=null,i.onmouseleave=null,i.onclick=null),e.$refs.contentWrapperElem);i&&i.removeEventListener("wheel",e.wheelEvent),r&&r.removeEventListener("wheel",e.wheelEvent),o&&(i=o.parentNode)&&i.removeChild(o),globalEvents.off(e,"blur"),globalEvents.off(e,"scroll"),_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(n,createInternalData())},render:function(e){return this.renderVN(e)}});

package/lib/tooltip/style/style.css

@@ -28,6 +28,8 @@
 .vxe-tooltip--wrapper .vxe-tooltip--content,
 .vxe-tooltip--wrapper .vxe-tooltip--scrollbar-content-view {
   padding: 8px 12px;
+  width: -moz-max-content;
+  width: max-content;
   max-width: 600px;
   max-height: 800px;
   white-space: pre-line;

package/lib/tooltip/style/style.min.css

@@ -1 +1 @@
-.vxe-tooltip--wrapper{display:none;position:absolute;top:-100%;left:-100%;font-size:12px;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);pointer-events:none}.vxe-tooltip--wrapper.is--visible{display:inline-block}.vxe-tooltip--wrapper.is--arrow .vxe-tooltip--arrow{display:block}.vxe-tooltip--wrapper.is--enterable:after{content:"";position:absolute;left:0;width:100%;height:6px;background-color:transparent}.vxe-tooltip--wrapper.is--enterable .vxe-tooltip--body{pointer-events:all}.vxe-tooltip--wrapper .vxe-tooltip--content,.vxe-tooltip--wrapper .vxe-tooltip--scrollbar-content-view{padding:8px 12px;max-width:600px;max-height:800px;white-space:pre-line;border-radius:var(--vxe-ui-base-border-radius);overflow:auto}.vxe-tooltip--wrapper .vxe-tooltip--arrow{display:none;position:absolute;border-color:transparent;border-width:6px;border-style:solid;left:50%;transform:translateX(-6px)}.vxe-tooltip--wrapper .vxe-tooltip--arrow:before{content:"";position:absolute;border-color:transparent;border-width:5px;border-style:solid;left:-5px}.vxe-tooltip--wrapper.placement--top.is--arrow{padding-bottom:6px}.vxe-tooltip--wrapper.placement--top.is--enterable:after{bottom:-6px}.vxe-tooltip--wrapper.placement--top .vxe-tooltip--arrow{bottom:-11px}.vxe-tooltip--wrapper.placement--top .vxe-tooltip--arrow:before{top:-7px}.vxe-tooltip--wrapper.placement--bottom.is--arrow{padding-top:6px}.vxe-tooltip--wrapper.placement--bottom.is--enterable:after{top:-6px}.vxe-tooltip--wrapper.placement--bottom .vxe-tooltip--arrow{top:-11px}.vxe-tooltip--wrapper.placement--bottom .vxe-tooltip--arrow:before{top:-3px}.vxe-tooltip--body{position:relative;border-radius:var(--vxe-ui-base-border-radius);white-space:normal;word-break:break-word;box-shadow:2px 2px 4px -2px rgba(0,0,0,.2)}.vxe-tooltip--wrapper.theme--light .vxe-tooltip--body{background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-tooltip--wrapper.theme--light.placement--top .vxe-tooltip--arrow{border-top-color:var(--vxe-ui-input-border-color)}.vxe-tooltip--wrapper.theme--light.placement--top .vxe-tooltip--arrow:before{border-top-color:var(--vxe-ui-layout-background-color)}.vxe-tooltip--wrapper.theme--light.placement--bottom .vxe-tooltip--arrow{border-bottom-color:var(--vxe-ui-input-border-color)}.vxe-tooltip--wrapper.theme--light.placement--bottom .vxe-tooltip--arrow:before{border-bottom-color:var(--vxe-ui-layout-background-color)}.vxe-tooltip--wrapper.theme--dark .vxe-tooltip--body{background:var(--vxe-ui-tooltip-dark-background-color);color:var(--vxe-ui-tooltip-dark-color)}.vxe-tooltip--wrapper.theme--dark.placement--top .vxe-tooltip--arrow{border-top-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-tooltip--wrapper.theme--dark.placement--top .vxe-tooltip--arrow:before{border-top-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-tooltip--wrapper.theme--dark.placement--bottom .vxe-tooltip--arrow{border-bottom-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-tooltip--wrapper.theme--dark.placement--bottom .vxe-tooltip--arrow:before{border-bottom-color:var(--vxe-ui-tooltip-dark-background-color)}
+.vxe-tooltip--wrapper{display:none;position:absolute;top:-100%;left:-100%;font-size:12px;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);pointer-events:none}.vxe-tooltip--wrapper.is--visible{display:inline-block}.vxe-tooltip--wrapper.is--arrow .vxe-tooltip--arrow{display:block}.vxe-tooltip--wrapper.is--enterable:after{content:"";position:absolute;left:0;width:100%;height:6px;background-color:transparent}.vxe-tooltip--wrapper.is--enterable .vxe-tooltip--body{pointer-events:all}.vxe-tooltip--wrapper .vxe-tooltip--content,.vxe-tooltip--wrapper .vxe-tooltip--scrollbar-content-view{padding:8px 12px;width:-moz-max-content;width:max-content;max-width:600px;max-height:800px;white-space:pre-line;border-radius:var(--vxe-ui-base-border-radius);overflow:auto}.vxe-tooltip--wrapper .vxe-tooltip--arrow{display:none;position:absolute;border-color:transparent;border-width:6px;border-style:solid;left:50%;transform:translateX(-6px)}.vxe-tooltip--wrapper .vxe-tooltip--arrow:before{content:"";position:absolute;border-color:transparent;border-width:5px;border-style:solid;left:-5px}.vxe-tooltip--wrapper.placement--top.is--arrow{padding-bottom:6px}.vxe-tooltip--wrapper.placement--top.is--enterable:after{bottom:-6px}.vxe-tooltip--wrapper.placement--top .vxe-tooltip--arrow{bottom:-11px}.vxe-tooltip--wrapper.placement--top .vxe-tooltip--arrow:before{top:-7px}.vxe-tooltip--wrapper.placement--bottom.is--arrow{padding-top:6px}.vxe-tooltip--wrapper.placement--bottom.is--enterable:after{top:-6px}.vxe-tooltip--wrapper.placement--bottom .vxe-tooltip--arrow{top:-11px}.vxe-tooltip--wrapper.placement--bottom .vxe-tooltip--arrow:before{top:-3px}.vxe-tooltip--body{position:relative;border-radius:var(--vxe-ui-base-border-radius);white-space:normal;word-break:break-word;box-shadow:2px 2px 4px -2px rgba(0,0,0,.2)}.vxe-tooltip--wrapper.theme--light .vxe-tooltip--body{background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-tooltip--wrapper.theme--light.placement--top .vxe-tooltip--arrow{border-top-color:var(--vxe-ui-input-border-color)}.vxe-tooltip--wrapper.theme--light.placement--top .vxe-tooltip--arrow:before{border-top-color:var(--vxe-ui-layout-background-color)}.vxe-tooltip--wrapper.theme--light.placement--bottom .vxe-tooltip--arrow{border-bottom-color:var(--vxe-ui-input-border-color)}.vxe-tooltip--wrapper.theme--light.placement--bottom .vxe-tooltip--arrow:before{border-bottom-color:var(--vxe-ui-layout-background-color)}.vxe-tooltip--wrapper.theme--dark .vxe-tooltip--body{background:var(--vxe-ui-tooltip-dark-background-color);color:var(--vxe-ui-tooltip-dark-color)}.vxe-tooltip--wrapper.theme--dark.placement--top .vxe-tooltip--arrow{border-top-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-tooltip--wrapper.theme--dark.placement--top .vxe-tooltip--arrow:before{border-top-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-tooltip--wrapper.theme--dark.placement--bottom .vxe-tooltip--arrow{border-bottom-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-tooltip--wrapper.theme--dark.placement--bottom .vxe-tooltip--arrow:before{border-bottom-color:var(--vxe-ui-tooltip-dark-background-color)}

package/lib/tree/src/tree.js

@@ -31,14 +31,11 @@ var _createComponentLog = (0, _log.createComponentLog)('tree'),
   warnLog = _createComponentLog.warnLog,
   errLog = _createComponentLog.errLog;
 var menus = _ui.VxeUI.menus,
-  scrollbarUtils = _ui.VxeUI.scrollbarUtils,
   getConfig = _ui.VxeUI.getConfig,
   getI18n = _ui.VxeUI.getI18n,
-  getIcon = _ui.VxeUI.getIcon;
-var getThumbOffsetSize = scrollbarUtils.getThumbOffsetSize,
-  getThumbSize = scrollbarUtils.getThumbSize,
-  getScrollFromClick = scrollbarUtils.getScrollFromClick,
-  getScrollFromDrag = scrollbarUtils.getScrollFromDrag;
+  getIcon = _ui.VxeUI.getIcon,
+  baseUtils = _ui.VxeUI.baseUtils;
+var getDefVal = baseUtils.getDefVal;
 var crossTreeDragNodeObj = null;
 /**
  * 生成节点的唯一主键
@@ -594,7 +591,7 @@ function createInternalData() {
 }
 var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
   name: 'VxeTree',
-  mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.vScrollbarMixin],
+  mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.vScrollbarMixin, _ui.globalMixins.initVScrollbarMixin],
   props: {
     data: Array,
     autoResize: {
@@ -774,7 +771,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     useScrollbar: {
       type: Boolean,
       default: function _default() {
-        return (0, _utils.getDefaultConfig)(getConfig().tree.useScrollbar, getConfig().useScrollbar);
+        return getDefVal(getConfig().tree.useScrollbar, getConfig().useScrollbar);
       }
     },
     scrollbarConfig: Object
@@ -970,37 +967,37 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeTree = this;
       var scrollbarOpts = $xeTree.computeScrollbarOpts;
       var scrollbarXOpts = $xeTree.computeScrollbarXOpts;
-      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarXOpts.height, scrollbarOpts.height), getConfig().scrollbar.height);
+      return getDefVal(getDefVal(scrollbarXOpts.height, scrollbarOpts.height), getConfig().scrollbar.height);
     },
     computeScrollYWidth: function computeScrollYWidth() {
       var $xeTree = this;
       var scrollbarOpts = $xeTree.computeScrollbarOpts;
       var scrollbarYOpts = $xeTree.computeScrollbarYOpts;
-      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarYOpts.width, scrollbarOpts.width), getConfig().scrollbar.width);
+      return getDefVal(getDefVal(scrollbarYOpts.width, scrollbarOpts.width), getConfig().scrollbar.width);
     },
     computeScrollXVisible: function computeScrollXVisible() {
       var $xeTree = this;
       var scrollbarOpts = $xeTree.computeScrollbarOpts;
       var scrollbarXOpts = $xeTree.computeScrollbarXOpts;
-      return (0, _utils.getDefaultConfig)(scrollbarXOpts.visible, scrollbarOpts.visible);
+      return getDefVal(scrollbarXOpts.visible, scrollbarOpts.visible);
     },
     computeScrollYVisible: function computeScrollYVisible() {
       var $xeTree = this;
       var scrollbarOpts = $xeTree.computeScrollbarOpts;
       var scrollbarYOpts = $xeTree.computeScrollbarYOpts;
-      return (0, _utils.getDefaultConfig)(scrollbarYOpts.visible, scrollbarOpts.visible);
+      return getDefVal(scrollbarYOpts.visible, scrollbarOpts.visible);
     },
     computeScrollXAutoHide: function computeScrollXAutoHide() {
       var $xeTree = this;
       var scrollbarOpts = $xeTree.computeScrollbarOpts;
       var scrollbarXOpts = $xeTree.computeScrollbarXOpts;
-      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarXOpts.autoHide, scrollbarOpts.autoHide), getConfig().scrollbar.autoHide);
+      return getDefVal(getDefVal(scrollbarXOpts.autoHide, scrollbarOpts.autoHide), getConfig().scrollbar.autoHide);
     },
     computeScrollYAutoHide: function computeScrollYAutoHide() {
       var $xeTree = this;
       var scrollbarOpts = $xeTree.computeScrollbarOpts;
       var scrollbarYOpts = $xeTree.computeScrollbarYOpts;
-      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarYOpts.autoHide, scrollbarOpts.autoHide), getConfig().scrollbar.autoHide);
+      return getDefVal(getDefVal(scrollbarYOpts.autoHide, scrollbarOpts.autoHide), getConfig().scrollbar.autoHide);
     },
     computeScrollbarWrapperClss: function computeScrollbarWrapperClss() {
       var $xeTree = this;
@@ -1037,6 +1034,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         $tree: $xeTree
       }, params));
     },
+    getScrollViewElem: function getScrollViewElem() {
+      var $xeTree = this;
+      var viewEl = $xeTree.$refs.refVirtualWrapper;
+      return viewEl || null;
+    },
     getNodeId: function getNodeId(node) {
       var $xeTree = this;
       if (!node) {
@@ -1758,7 +1760,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var scrollLeft = scrollBodyElem.scrollLeft;
       var isX = scrollLeft !== internalData.lastScrollLeft;
       var isY = scrollTop !== internalData.lastScrollTop;
-      $xeTree.updateThumbOffset();
+      var isVScrollbar = $xeTree.computeIsVScrollbar;
+      if (isVScrollbar) {
+        $xeTree.updateThumbOffset();
+      }
       internalData.lastScrollTop = scrollTop;
       internalData.lastScrollLeft = scrollLeft;
       if (reactData.scrollYLoad) {
@@ -3568,188 +3573,6 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         }
       }
     },
-    updateThumbSize: function updateThumbSize() {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var viewEl = $xeTree.$refs.refVirtualWrapper;
-      if (!viewEl) {
-        return;
-      }
-      if (!viewEl.clientHeight || !viewEl.clientHeight) {
-        return;
-      }
-      var trackXEl = $xeTree.$refs.refTrackXElem;
-      var xThumbWidth = trackXEl ? getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
-      var thumbXElem = $xeTree.$refs.refThumbXElem;
-      if (thumbXElem) {
-        thumbXElem.style.width = xThumbWidth + 'px';
-      }
-      reactData.xThumbWidth = xThumbWidth;
-      var trackYEl = $xeTree.$refs.refTrackYElem;
-      var yThumbHeight = trackYEl ? getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
-      var thumbYElem = $xeTree.$refs.refThumbYElem;
-      if (thumbYElem) {
-        thumbYElem.style.height = yThumbHeight + 'px';
-      }
-      reactData.yThumbHeight = yThumbHeight;
-    },
-    updateThumbOffset: function updateThumbOffset() {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var viewEl = $xeTree.$refs.refVirtualWrapper;
-      if (!viewEl) {
-        return;
-      }
-      if (!viewEl.clientHeight || !viewEl.clientHeight) {
-        return;
-      }
-      var xThumbWidth = reactData.xThumbWidth,
-        yThumbHeight = reactData.yThumbHeight;
-      var trackXEl = $xeTree.$refs.refTrackXElem;
-      var thumbXElem = $xeTree.$refs.refThumbXElem;
-      var xThumbLeft = trackXEl && xThumbWidth ? getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
-      internalData.xThumbLeft = xThumbLeft;
-      if (thumbXElem && xThumbWidth) {
-        thumbXElem.style.width = xThumbWidth + 'px';
-        thumbXElem.style.transform = "translateX(".concat(xThumbLeft, "px)");
-      }
-      var trackYEl = $xeTree.$refs.refTrackYElem;
-      var thumbYElem = $xeTree.$refs.refThumbYElem;
-      var yThumbTop = trackYEl && yThumbHeight ? getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
-      internalData.yThumbTop = yThumbTop;
-      if (thumbYElem && yThumbHeight) {
-        thumbYElem.style.height = yThumbHeight + 'px';
-        thumbYElem.style.transform = "translateY(".concat(yThumbTop, "px)");
-      }
-    },
-    clickTrackXEvent: function clickTrackXEvent(evnt) {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var trackEl = evnt.currentTarget;
-      if (trackEl !== evnt.target) {
-        return;
-      }
-      var viewEl = $xeTree.$refs.refVirtualWrapper;
-      if (!viewEl) {
-        return;
-      }
-      var xThumbWidth = reactData.xThumbWidth;
-      var trackRect = trackEl.getBoundingClientRect();
-      viewEl.scrollTo({
-        left: getScrollFromClick(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
-        behavior: 'auto'
-      });
-    },
-    clickTrackYEvent: function clickTrackYEvent(evnt) {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var trackEl = evnt.currentTarget;
-      if (trackEl !== evnt.target) {
-        return;
-      }
-      var viewEl = $xeTree.$refs.refVirtualWrapper;
-      if (!viewEl) {
-        return;
-      }
-      var yThumbHeight = reactData.yThumbHeight;
-      var trackRect = trackEl.getBoundingClientRect();
-      viewEl.scrollTo({
-        top: getScrollFromClick(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
-        behavior: 'auto'
-      });
-    },
-    pointerdownThumbXEvent: function pointerdownThumbXEvent(evnt) {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var thumbEl = evnt.currentTarget;
-      internalData.isThumbDrag = true;
-      thumbEl.setPointerCapture(evnt.pointerId);
-      var viewEl = $xeTree.$refs.refVirtualWrapper;
-      if (!viewEl) {
-        return;
-      }
-      var xThumbWidth = reactData.xThumbWidth;
-      var trackEl = thumbEl.parentElement;
-      var trackRect = trackEl.getBoundingClientRect();
-      var pointerPosition = evnt.clientX - trackRect.left;
-      // 记录 thumb 的偏移
-      var thumbOffset = getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
-      internalData.thumbDragOffset = pointerPosition - thumbOffset;
-    },
-    pointermoveThumbXEvent: function pointermoveThumbXEvent(evnt) {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var thumbEl = evnt.currentTarget;
-      if (!thumbEl.hasPointerCapture(evnt.pointerId)) {
-        return;
-      }
-      var isThumbDrag = internalData.isThumbDrag,
-        thumbDragOffset = internalData.thumbDragOffset;
-      if (isThumbDrag) {
-        var viewEl = $xeTree.$refs.refVirtualWrapper;
-        if (!viewEl) {
-          return;
-        }
-        var xThumbWidth = reactData.xThumbWidth;
-        var _thumbEl = evnt.currentTarget;
-        var trackEl = _thumbEl.parentElement;
-        var trackRect = trackEl.getBoundingClientRect();
-        // 更新偏移
-        viewEl.scrollLeft = getScrollFromDrag(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
-      }
-    },
-    cleatPointerThumbEvent: function cleatPointerThumbEvent(evnt) {
-      var $xeTree = this;
-      var internalData = $xeTree.internalData;
-      var thumbEl = evnt.currentTarget;
-      thumbEl.releasePointerCapture(evnt.pointerId);
-      internalData.isThumbDrag = false;
-    },
-    pointerdownThumbYEvent: function pointerdownThumbYEvent(evnt) {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var thumbEl = evnt.currentTarget;
-      internalData.isThumbDrag = true;
-      thumbEl.setPointerCapture(evnt.pointerId);
-      var viewEl = $xeTree.$refs.refVirtualWrapper;
-      if (!viewEl) {
-        return;
-      }
-      var yThumbHeight = reactData.yThumbHeight;
-      var trackEl = thumbEl.parentElement;
-      var trackRect = trackEl.getBoundingClientRect();
-      var pointerPosition = evnt.clientY - trackRect.top;
-      // 记录 thumb 的偏移
-      var thumbOffset = getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
-      internalData.thumbDragOffset = pointerPosition - thumbOffset;
-    },
-    pointermoveThumbYEvent: function pointermoveThumbYEvent(evnt) {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var thumbEl = evnt.currentTarget;
-      if (!thumbEl.hasPointerCapture(evnt.pointerId)) {
-        return;
-      }
-      var isThumbDrag = internalData.isThumbDrag,
-        thumbDragOffset = internalData.thumbDragOffset;
-      if (isThumbDrag) {
-        var viewEl = $xeTree.$refs.refVirtualWrapper;
-        if (!viewEl) {
-          return;
-        }
-        var yThumbHeight = reactData.yThumbHeight;
-        var _thumbEl2 = evnt.currentTarget;
-        var trackEl = _thumbEl2.parentElement;
-        var trackRect = trackEl.getBoundingClientRect();
-        // 更新偏移
-        viewEl.scrollTop = getScrollFromDrag(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
-      }
-    },
     //
     // Render
     //